html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, img {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
outline: none;
padding: 0px;
margin: 0px
} body {
margin: 0 auto;
color: #7A7A7A;
line-height: 18px;
font-family: "Tahoma", Helvetica, Arial;
font-size: 12px;
}
::selection{
color:#fff;
background:#1ABC9C;
}
::-moz-selection{
color:#fff;
background:#1ABC9C;
}
img {
border: none;
max-width: 100%;
height:auto;
}
a {
color: #000;
text-decoration: none;
-webkit-transition: color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out;
-ms-transition: color 0.1s ease-in-out;
-o-transition: color 0.1s ease-in-out;
transition: color 0.1s ease-in-out;
}
a:hover {
color: #1abc9c;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
color: #000;
padding: 0;
font-family: "Oswald", Helvetica, Arial;
margin: 0 0 16px 0;
font-weight: bold;
}
h1 {
line-height: 1;
font-size: 40px
}
h2 {
line-height: 1;
font-size: 32px;
margin:25px 0;
}
h3 {
font-size: 26px;
margin:20px 0;
}
h4 {
font-size: 20px
}
h5 {
font-size: 16px
}
h6 {
font-size: 14px
}
p {
margin-bottom: 32px
}
p:last-child {
margin-bottom: 0
}
strong {
font-weight: bold
}
em {
font-style: italic
}
ol {
padding: 0;
margin: 0
}
ol li {
list-style: decimal;
padding: 0 0 10px 0;
margin: 0 0 0 20px;
line-height: 24px
}
ul {
padding: 0;
margin: 0;
list-style-type: none
}
cite {
float: right;
padding: 0 0 5px 0
}
hr {
background: #eee;
border: 0;
clear: both;
width: 100%;
height: 1px;
padding: 0;
margin: 20px 0;
position: relative
}
pre {
color: #333;
white-space: initial;
border-radius: 3px;
background: #ccc;
border-left: 8px solid #1ABC9C;
padding: 14px 20px;
white-space: initial;
margin: 5px 0 20px 0;
overflow: auto;
font-size: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
code {
color: #333;
background: #ccc;
border-left: 8px solid #1ABC9C;
padding: 14px 20px;
border-radius: 3px;
margin: 5px 0 20px 0;
clear: both;
display: block;
font-size: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
iframe {
max-width: 100%;
border-radius:4px;
}
mark {
padding: 3px 5px;
}
textarea { 
white-space:pre; 
} .grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_1_5,
.grid_2_5,
.grid_3_5,
.grid_4_5 {
display:inline;
float: left;
position: relative;
margin-left: 1%;
margin-right: 1%;
} .alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
} .grid_1 {
width:6.333%;
}
.grid_2 {
width:14.667%;
}
.grid_3 {
width:23.0%;
}
.grid_4 {
width:31.333%;
}
.grid_5 {
width:39.667%;
}
.grid_6 {
width:48.0%;
}
.grid_7 {
width:56.333%;
}
.grid_8 {
width:64.667%;
}
.grid_9 {
width:73.0%;
}
.grid_10 {
width:81.333%;
}
.grid_11 {
width:89.667%;
}
.grid_12 {
width:98.0%;
}
.grid_1_5 {
width:18.0%;
}
.grid_2_5 {
width:38.0%;
}
.grid_3_5 {
width:58.0%;
}
.grid_4_5 {
width:78.0%;
}
.grid_1.alpha,.grid_1.omega {
width:7.333%;
}
.grid_2.alpha,.grid_2.omega {
width:15.667%;
}
.grid_3.alpha,.grid_3.omega {
width:24.0%;
}
.grid_4.alpha,.grid_4.omega {
width:32.333%;
}
.grid_5.alpha,.grid_5.omega {
width:40.667%;
}
.grid_6.alpha,.grid_6.omega {
width:49.0%;
}
.grid_7.alpha,.grid_7.omega {
width:57.333%;
}
.grid_8.alpha,.grid_8.omega {
width:65.667%;
}
.grid_9.alpha,.grid_9.omega {
width:74.0%;
}
.grid_10.alpha,.grid_10.omega {
width:82.333%;
}
.grid_11.alpha,.grid_11.omega {
width:90.667%;
}
.grid_12.alpha,.grid_12.omega {
width:99.0%;
}
.grid_1_5.alpha,.grid_1_5.omega {
width:19.0%;
}
.grid_2_5.alpha,.grid_2_5.omega {
width:39.0%;
}
.grid_3_5.alpha,.grid_3_5.omega {
width:59.0%;
}
.grid_4_5.alpha,.grid_4_5.omega {
width:79.0%;
}
.grid_12:after {
content: "";
clear: both;
}
.grid_full {
width:100%;
}
.row {
width: 1080px;
margin: 0 auto;
padding: 0 30px;
}
.gap{
clear:both;
margin:0;
}
.wrapbox {
padding-top: 40px;
padding-bottom: 40px;
background: #F6F6F6;
margin:auto -30px;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
-webkit-box-shadow: inset 0px 3px 0px 0px #EBEBEB, inset 0px -3px 0px 0px #EBEBEB;
-moz-box-shadow: inset 0px 3px 0px 0px #ebebeb, inset 0px -3px 0px 0px #ebebeb;
box-shadow: inset 0px 3px 0px 0px #EBEBEB, inset 0px -3px 0px 0px #EBEBEB;
}
.full .wrapbox {
margin:auto -50px;
-webkit-box-shadow: inset 0px 0px 0px 4px #EBEBEB;
-moz-box-shadow: inset 0px 0px 0px 4px #ebebeb;
box-shadow: inset 0px 0px 0px 4px #EBEBEB;
}
.wraprow{
padding:0 30px;
}
.full .wraprow {
padding:0 50px;
}
.grid_9 .wrapbox{
margin:0;
}
.boxed {
margin: 0 auto;
width: 1140px;
background: #fff;
}
.blocked {
margin: 30px auto;
width: 1140px;
background: #fff;
}
.full {
width: 100%;
margin: 0 auto;
background: #fff;
}
.tt {
display: block;
padding: 10px 0;
border-bottom: 3px solid #ddd;
text-align: center
}
.lefttt {
float: right;
}
dl {
border:2px solid #EEE;
border-radius:4px;
padding:15px;
}
dt {
float: left;
clear: left;
width: 18%;
text-align: right;
font-weight: bold;
color: #2C3E50;
}
dt:after { content: ":"; }
dd { margin: 0 0 0 20%; padding: 0 0 10px 0; } .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
.full.landing .second-head {
width: 100%;
}
.landing .second-head {
background: rgba(26, 188, 156, 0.7);
position: fixed;
top: 0;
z-index: 999;
} .first-head {
background: #2c3e50;
color: #ccc
}
span.info {
float: right;
font-size: 11px;
line-height: 32px
}
.first-head .searchform:before {
font-family: fontello;
content: "\f80d";
position: absolute;
right: 12px;
top: 6px;
color: #ccc;
font-size:16px;
}
.first-head .searchform input {
width: 100%;
height: 32px;
cursor: pointer;
background: rgba(0, 0, 0, 0);
outline: none;
border: 0;
padding: 0 10px;
color: #ccc;
border-left: 1px solid #666;
border-right: 1px solid #666;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.first-head .searchform input:focus {
background: #fff;
color: #c1c1c1;
cursor: text
}
.first-head .sf-menu {
line-height: 32px
}
.first-head .sf-menu li {
margin-right: 18px
}
.first-head .sf-menu li a {
color: #fff;
font-size: 11px;
font-weight: bold;
text-transform:uppercase;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s
}
.first-head .sf-menu li a:hover, .first-head .sf-menu li.current a {
color: #1abc9c
} .mega {
position:absolute;
display:none;
z-index: 999;
}
ul.mega  {
background-color:#F4F4F4;
border: 1px solid #E0E0E0;
top: 46px !important;
padding: 10px 0 10px 0 !important;
border-radius: 2px;
}
ul.mega:before { top: -8px !important }
.col1 {width:160px !important}
.col2 {width:320px !important}
.col3 {width:480px !important}
.col4 {width:640px !important}
.col5 {width:800px !important}
.col3 > li:hover > ul.cols1, ul.cols2, ul.col3, ul.cols4, ul.cols5 {display:block;}
.col3 .col1, .col2, .col3, .col4, .col5 {float:left;}
.mega h4 {
font-size: 13px;
color: #888;
line-height: normal;
margin: 5px 10px 5px;
padding-bottom: 12px;
border-bottom: 1px solid #e0e0e0;
letter-spacing: 0;
font-weight: normal;
text-transform: uppercase;
}
.mega h5 {
font-size: 13px;
line-height: normal;
margin: 8px 10px -3px 10px;
font-weight: normal;
text-transform: uppercase;
}
.mega ol {
list-style:none;
margin: 7px 10px;
padding: 0;
}
.mega li a { padding: 3px 0; line-height: 15px }
.mega p {
font-size: 12px;
line-height: 18px;
margin: 10px 10px;
padding: 0 0 10px 0 !important;
} .sf-menu, .sf-menu * {
margin:0;
padding:0;
list-style:none;
}
.sf-menu {
line-height: 1.0;
float: left;
}
.sf-menu ul {
position:absolute;
top:-999em;
width:172px; }
.sf-menu ul li {
width:100%;
}
.sf-menu li:hover {
visibility:inherit; }
.sf-menu li {
float:left;
position:relative;
}
.sf-menu a {
display:block;
position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0px;
z-index:999;
top: 32px;
padding: 10px 0 0 0;
}
.extra_animation{
-webkit-animation: lr .3s 1;
-moz-animation: lr .3s 1;
-ms-animation: lr .3s 1;
-o-animation: lr .3s 1;
animation: lr .3s 1;
}
@keyframes lr {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes lr {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes lr {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-ms-keyframes lr {
0% {
opacity: 0;
-ms-transform: translateY(20px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-o-keyframes lr {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
.sf-menu li:hover ul li ul,
.sf-menu li.sfHover ul li ul, 
.sf-menu li:hover ul li ul li ul,
.sf-menu li.sfHover ul li ul li ul  {
left: 184px;
z-index: 999;
top: 0;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:			184px; top:			0px;
padding: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:			184px; top:			0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
outline:		0;
} .sf-menu a.sf-with-ul {
min-width: 1px;
}
.sf-sub-indicator {
position:		absolute;
display:		block;
right:			8px;
top:			1.05em; width:			10px;
height:			10px;
text-indent: 	-999em;
overflow:		hidden;
}
a > .sf-sub-indicator { 
border-bottom: 1px solid #FFF;
right: auto;
top: 16px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
li li a .sf-sub-indicator { 
border-bottom: 0 !important;
}
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
border-bottom: 0;
border-bottom: 1px solid transparent;
top: 16px;
}
.first-head li:hover > a {
color: #1abc9c
} .second-head {
background: #1abc9c;
color: #b5b5b5;
}
.second-head .grid_3 {
width: auto;
}
.second-head .sf-menu {
float: right;
margin: 40px 0;
-webkit-transition: margin 0.3s;
-moz-transition: margin 0.3s;
-ms-transition: margin 0.3s;
-o-transition: margin 0.3s;
transition: margin 0.3s;
}
.second-head .sf-menu li {
margin-left: 10px;
}
.second-head .sf-menu li:first-child {
margin-left: 0;
}
.second-head .sf-menu li a {
color: #fff;
font-weight: bold;
text-transform:uppercase;
padding: 10px;
display: block;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
overflow: hidden;
}
.second-head > ul li a:first-letter { 
font-size: 16px;
}
.second-head .sf-menu li.current a {
color: #2c3e50;
border-radius: 2px;
background: #FAFAFA;
}
.second-head .sf-menu li li.current > a {
color: #fff;
background: #2C3E50
}
.second-head .sf-menu li:hover a{
color: #2c3e50;
}
.second-head .sf-menu > li:before {
content: "";
color: #2c3e50;
background: #FAFAFA;
width: 100%;
height: 0px;
left: 0;
top: 50%;
border-radius: 2px;
position: absolute;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translateX(0%) translateY(-50%);
-moz-transform: translateX(0%) translateY(-50%);
-ms-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);
}
.second-head .sf-menu > li:hover:before {
height: 100%;
}
.first-head .sf-menu ul:before, .second-head .sf-menu ul:before {
content: "";
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F4F4F4 rgba(0, 0, 0, 0);
height: 0px;
position: absolute;
left: 14px;
top: 2px;
width: 0px;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.first-head .sf-menu ul ul:before, .second-head .sf-menu ul ul:before {
content: "";
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F4F4F4 rgba(0, 0, 0, 0);
height: 0px;
position: absolute;
left: -12px;
top: 12px;
width: 0px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.first-head .sf-menu > ul, .second-head .sf-menu > ul {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
}
.first-head .sf-menu li li, .second-head .sf-menu li li {
margin: 0;
background: #F4F4F4;
}
.first-head .sf-menu li li:last-child, .second-head .sf-menu li li:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-bottom-left-radius: 2px;
-moz-border-bottom-right-radius: 2px;
}
.first-head .sf-menu li li:first-child, .second-head .sf-menu li li:first-child {
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-top-left-radius: 2px;
-moz-border-top-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.first-head .sf-menu li li a {
font-weight: normal;
text-transform:uppercase;
font-size: 11px;
background: #FAFAFA;
color: #000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: block;
padding: 8px 10px;
line-height: 1;
margin: 0 3px 3px !important;
}
.second-head .sf-menu li li a {
font-weight: normal;
text-transform:uppercase;
font-size: 11px;
background: #FAFAFA;
color: #000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: block;
padding: 8px 10px;
margin: 0 3px 3px !important;
}
.first-head .sf-menu li li:first-child a, .second-head .sf-menu li li:first-child a {
margin-top: 3px !important;
}
.first-head .sf-menu li li a:hover, .second-head .sf-menu li li a:hover {
color: #fff;
background: #2c3e50
}
.second-head .sf-menu li li a i {
padding-right: 8px;
}
.sf-menu li ul li.current-menu-item a {color:#FFF !important;background: #2c3e50 !important}
.sf-menu .sz-xs:before {
margin: 0 9px 0 0;
vertical-align: -2px;
}
.logo {
margin: 16px 0;
width: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.social-font a {
float: left;
margin: 0 4px 4px 0;
padding: 6px 6px;
font-size: 26px;
color: #414141;
}
.social-font a:hover  {
color: #1ABC9C;
-webkit-animation: tada .8s 1;
-moz-animation: tada .8s 1;
-ms-animation: tada .8s 1;
-o-animation: tada .8s 1;
animation: tada .8s 1;
}
.social a, .social-big a {
float: left;
margin: 0 2px 2px 0;
}
.social a:hover, .social-big a:hover {
-webkit-animation: tada .8s 1;
-moz-animation: tada .8s 1;
-ms-animation: tada .8s 1;
-o-animation: tada .8s 1;
animation: tada .8s 1;
}
.head-social {
float: right;
margin: 40px 0 40px 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}	
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}	
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}	
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}	
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.sticky {
position: fixed;
z-index: 999;
top: 0;
box-shadow: 0 4px 0px rgba(0, 0, 0, 0.1);
}
.full .sticky {
width: 100%;
}
.post.sticky{
position: relative;
top: auto;
box-shadow: none;
}
.small .logo {
margin: 10px 0;
width: 50%;
}
.small .head-social {
margin: 12px 0 12px 20px;
}
.small .sf-menu {
margin: 14px 0;
}
.head-2 .logo {
width: auto !important;
margin: 20px auto;
text-align: center;
}
.head-2 .sf-menu li {
float: none !important;
display: inline-block;
}
.head-2 .sf-menu {
float: none;
display: inline-block !important;
width: 100%;
text-align: center;
margin: 10px auto 20px;
}
.head-2 .sf-menu li li {
text-align: left !important;
} .page-content {
padding: 40px 0 0 0;
}
.breadcrumb {
padding: 60px 0 0 0;
}
.breadcrumb ul {
display: inline-block;
}
.breadcrumb ul li,.breadcrumb ul li h1{
color : #1ABC9C;
font-size: 16px;
padding: 0 15px 0;
font-weight: normal;
text-transform: uppercase;
display: inline-block;
font-family: Oswald;
display: inline-block;
white-space: nowrap;
position: relative;
}
.breadcrumb ul li:first-child {
padding: 0 20px 0 0;
}
.breadcrumb li:before {
content: "";
position: absolute;
display: block;
-webkit-transform: rotate(-46deg);
-moz-transform: rotate(-46deg);
-ms-transform: rotate(-46deg);
-o-transform: rotate(-46deg);
transform: rotate(-46deg);
height: 8px;
width: 8px;
border: 1px solid #D7D7D7;
background: #FFF;
right: -6px;
top: 4px;
}
.breadcrumb li:last-child:before {
content: "";
height: 0;
width: 0;
border: 0;
} .post {
margin-bottom: 40px;
padding-bottom:30px;
border-bottom:solid 1px #ddd;
}
.post img {
border-radius:4px;
}
.post-title-row {
padding: 40px 0 20px 0;
}
.post-title-row .post-title {
font-size: 16px;
margin: 8px 0 10px 20px;
text-transform: uppercase;
float: left;
width: 85%;
} #infscr-loading { 
text-align: center;
z-index: 999;
position: absolute;
left: 40%;
bottom: 20px;
padding: 15px 30px;
font-size: 16px;
background: #272727;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-radius: 3px;
font-family: "Oswald", tahoma;
text-transform: uppercase;
}
.pagination {
text-align:center;
font-size: 14px;
font-family: "Oswald", tahoma;
}
.pagination a {
background: #2C3E50;
color: #FFF !important;
padding: 8px 14px;
margin: 0 15px 0 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.pagination span{padding:0 18px 0 0;}
.pagination a span{padding:0}
.pagination a:hover {
background: #1ABC9C
}
.pagination a.current {
background: #CCC !important;
cursor: default;
color: #FFF;
}
.pagination a.current:hover {
background: #CCC !important;
}
.pagination i {
margin-right: 8px
}
.meta-date {
background: url(//this-is-life.ch/wp-content/themes/colangine/images/date.png) no-repeat top left;
float: left;
width: 58px;
height: 60px;
}
.meta-date span {
text-align: center;
color: #BEBEBE;
text-transform: uppercase;
font-family: "Oswald", Tahoma, Arial;
display: block;
}
.meta-date span.day {
font-size: 16px;
padding: 20px 0 0 0;
}
.meta-date span.month {
font-size: 12px;
padding: 0;
}
.meta-more {
float: left;
padding-left: 20px;
font-family: "Oswald", Helvetica, Arial;
font-size: 12px;
font-weight: normal;
}
.meta-more i:before {
font-size:14px;
}
.meta-more span {
padding-right: 20px;
}
.read-more {
float: right;
padding: 12px 26px !important;
font-size: 14px !important;
margin: 20px 0 0 0;
}
.post .blockquote-post {
position: relative;
background: #2C3E50;
color: #fff;
padding: 32px 32px 40px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.blockquote-post p{
margin-bottom:10px;
}
.blockquote-post span{
position: absolute;
bottom: 18px;
right: 25px;
font-size: 11px;
color: #ddd;
}
.blockquote-post span a {
color: #ddd;
}
.blockquote-post span a:hover {
color: #1abc9c;
}
.blockquote,blockquote {
font-family:'Philosopher', serif;
font-size:16px;
font-style:italic;
text-align:center;
text-shadow:1px 1px 3px transparent;
color:#5f5f5f;
margin:20px 0;
overflow:hidden;
border-left: 5px solid #1ABC9C;
line-height: 24px;
}
blockquote p{text-align:left;padding:20px}
blockquote p cite{text-align:right;margin-top:5px;font-weight:400;font-size:13px;color:#999}
.blockquote.left {
width: 48%;
margin-right: 20px;
float:left;
}
div.blockquote.right {
width: 48%;
margin-left: 20px;
float:right;
}
.blockquote > div {
padding:20px;
}
.quoteicon{
float: left;
margin: 2px 5px 0;
}
.quoteicon:before,.testiicon:before{
color: #EEE;
font-size: 48px !important;
line-height:48px !important;
}
.testiicon:before{
color: #AAA;
}
.next-post {
float: right;
font-size: 14px;
}
.prev-post {
float: left;
font-size: 14px;
}
.author {
border: 2px solid #EAEAEA;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
display: inline-block;
width: 100%;
}
.author .fll {
margin: 0 20px 0 0 !important;
}
.author h3 {
font-weight: normal;
text-transform: uppercase;
font-size: 14px;
margin: 24px 0 10px 0;
float: left;
width: 80%;
}
.author h3 small {
font-size: 11px;
color: #BBB;
text-transform: none;
display:inline-block;
}
.author p {
margin: 0;
float: left;
width: 77%;
}
ul.comment-list {
margin: 40px 0 0 ;
}
ul.comment-list li { float:left;
width:100%;
}
ul.comment-list li:after {
}
ul.children {
padding-left:80px;
}
ul.comment-list li.depth-1{
border-bottom: 1px solid #DDD;
margin-bottom: 30px;
padding-bottom: 10px;
}
ul.comment-list li.depth-2,
ul.comment-list li.depth-3,
ul.comment-list li.depth-4,
ul.comment-list li.depth-5{
border-top: 1px solid #EEEEEE;
margin-top: 0;
padding-top: 15px;
}
ul.comment-list li.admin-comment h4.entry-title i {
color: #FFF;
background: #1ABC9C;
padding: 1px 6px;
margin: 0 0 0 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
ul.comment-list .reply {
position: absolute;
top:90px;
left: 20px;
font-size: 10px;
text-align: center;
font-style: italic;
}
.mbs h3.p-title{ }
.comment-form .comment-notes{
padding-top:9px;
}
ul.comment-list .comment-reply-title{
font-size: 12px;
font-weight: 400;
padding: 8px;
position: absolute;
right: 10px;
}
ul.comment-list .reply a,ul.comment-list a#cancel-comment-reply-link {
background: #1C1C1C;
padding: 4px 8px;
opacity: .7;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
ul.comment-list .reply a:hover,ul.comment-list a#cancel-comment-reply-link:hover {
background: #1ABC9C;
opacity: 1;
}
ul.comment-list .thumb {
float: left;
margin: 0 30px 0 0;
}
ul.comment-list .thumb img {
width: 80px;
height: 80px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
ul.comment-list .fn {
margin:0;
padding:0;
font-size: 14px;
font-weight: bold;
font-family: "Oswald", tahoma;
color:#000;
float:left;
}
ul.comment-list .comment-body {
position:relative;
}
ul.comment-list .comment-author {
margin-bottom:12px;
}
ul.comment-list .commentmetadata {
position:absolute;
right:0;
top:3px;
}
ul.comment-list .says {
padding-left: 8px;
font-style: italic;
font-weight: normal;
font-size: 11px;
color: #888;
}
ul.comment-list .commentmetadata a {
float: right;
padding: 0;
font-size: 11px;
color: #aaa;
background: none;
font-family: Tahoma, Arial;
font-weight: normal;
text-transform: none;
}
ul.comment-list .commentmetadata a:hover{color:#777}
ul.comment-list .entry-meta {
font-style: italic;
font-size: 11px;
margin: 0 0 6px 0;
}
ul.comment-list .social {
margin-top: -8px;
float: right;
}
#contactForm label {
display: none
}
#contactForm #senderName, 
#contactForm #senderEmail, 
#contactForm #message {
display: block;
width: 100%;
border: 2px solid #EAEAEA;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px 10px;
background: #F8F8F8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#contactForm #senderName:focus, 
#contactForm #senderEmail:focus, 
#contactForm #message:focus {
border: 2px solid #1ABC9C
}
.fieldtrue {
border: 2px solid #1ABC9C !important
}
.fielderror {
border-color: #F00 !important;
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-ms-animation-delay: .5s;
-o-animation-delay: .5s;
-webkit-animation-name: ButtonShake;
-moz-animation-name: ButtonShake;
-ms-animation-name: ButtonShake;
-o-animation-name: ButtonShake;
-webkit-animation-iteration-count: 5;
-moz-animation-iteration-count: 5;
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
-o-animation-duration: 5s;
}
#sendMessage {
background: #2C3E50;
color: #FFF;
margin: 20px 0 0 0;
padding: 10px 20px;
border: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: "Oswald", tahoma;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
#sendMessage:hover, .load-color  {
background: #1ABC9C !important
}
.error {
color: red
}
#commentform textarea, #contactForm textarea {
width: 98%;
}
#submit {
background: #2C3E50;
color: #FFF;
margin: 20px 0 0 0;
padding: 10px 20px;
border: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: "Oswald", tahoma;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
#submit:hover {
background: #1ABC9C
}
.form-allowed-tags {display:none}
.gmap img {
width: auto !important;
max-width: none !important;
}
.gmap{
border-radius:4px;
border:solid 2px #CCC;
max-width:100%;
} .filterable {
float: right;
}
.filterable span {
padding-right: 16px;
display: inline-block;
}
.filterable ul.filter {
padding: 0 0 0 16px;
display: inline-block;
}
.filterable ul.filter li {
display: inline-block;
color: #272727;
margin: 0;
}
.filterable li a {
padding: 4px 8px;
font-size: 12px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.filterable li.current a, .filterable li a:hover  {
background: #1ABC9C;
padding: 4px 8px;
color: #FFF !important;
border-radius: 3px;
}
.filterable ul.filter li:last-child {
padding-right: 0;
margin-right: 0;
} .widget {
margin: 0 0 50px 0;
}
.widget p{
margin-bottom:15px;
}
.widget-title img {
float: left;
margin-right:15px;
}
.widget-title h4 {
float: left;
font-size: 16px;
text-transform: uppercase;
margin: 8px 0 0 0;
}
.widget-title h4 small {
display: block;
font-size: 12px;
font-weight: normal;
color: #BBB;
}
.widget-content {
float: none;
display: block;
}
.tags a:before,.widget_tag_cloud a:before,.widget_colangine_tags a:before,.wp-tag-cloud li a:before {
content: "\e81d";
font-family: fontello;
font-size:12px;
padding-right:8px;
}
.tags a,.widget_tag_cloud a,.widget_colangine_tags a,.wp-tag-cloud li a { 
display: inline-block;
color: #888;
border: 2px solid #ddd;
padding: 8px 12px;
font-size: 11px !important;
line-height: 18px;
margin-bottom: 8px;
margin-right:4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: border 0.2s, color 0.3s;
-moz-transition: border 0.2s, color 0.3s;
-o-transition: border 0.2s, color 0.3s;
-ms-transition: border 0.2s, color 0.3s;
transition: border 0.2s, color 0.3s;
}
.wp-tag-cloud li {
margin: 0 1px !important;
width: auto !important;
}
.wp-tag-cloud li a{
}
.tags a:hover,.widget_tag_cloud a:hover,.widget_colangine_tags a:hover,.wp-tag-cloud li a:hover { 
color: #1ABC9C;
border-color: #1ABC9C
}
.tags a i, .widget_categories li i, .widget_colangine_category li i {
padding-right: 8px
}
.widget_categories li a,.widget_colangine_category li a,.widget_colangine_menu li a {
font-size: 12px;
font-weight: bold;
line-height: 24px;
padding-left:25px;
}
.widget_categories li.current a, .widget_colangine_category li.current a{
color: #1ABC9C;
}
.buttonanim {
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
-webkit-animation-name: ButtonShake;
-moz-animation-name: ButtonShake;
-ms-animation-name: ButtonShake;
-o-animation-name: ButtonShake;
-webkit-animation-iteration-count: 5;
-moz-animation-iteration-count: 5;               
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
-o-animation-duration: 5s;        
}
.widget .wide {
width:100% !important;
}
@-webkit-keyframes ButtonShake {
2%, 6%     {-webkit-transform: translateX(3px); }
4%, 8%     {-webkit-transform: translateX(-3px); }
10%, 100%  {-webkit-transform: translateX(0px); }
}
@-moz-keyframes ButtonShake {
0%, 100%  {-moz-transform: translateX(0); }
2%, 6%     {-moz-transform: translateX(3px); }
4%, 8%     {-moz-transform: translateX(-3px);  }
10%, 100%  {-moz-transform: translateX(0px); }
}
@-o-keyframes ButtonShake {
2%, 6%     {-o-transform: translateX(3px);	 }
4%, 8%     {-o-transform: translateX(-3px); }
10%, 100%  {-o-transform: translateX(0px); }
}
@keyframes ButtonShake {
2%, 6%     {transform: translateX(3px); }
4%, 8%     {transform: translateX(-3px); }
10%, 100%  {transform: translateX(0px);}
}
.inputer {
display: block;
width: 100%;
border: 2px solid #DDD;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px 10px;
background: #F8F8F8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.inputer:focus {
border: 2px solid #1ABC9C
}
.widget .inputer,.footer_widget .inputer {
float:left;
width:67%;
}
.widget form,.footer_widget form {
display: inline-block;
width:100%;
}
#submit-button,#subscribe-button {
background: #2C3E50;
color: #FFF;
width: 100%;
margin: 8px 0 0 0;
padding: 10px 0;
text-align: center;
border: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: "Oswald", tahoma;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.widget #submit-button,.footer_widget #submit-button{
width:28%;
margin: 0 0 0 10px;
padding: 8px 0;
float:left;
}
#submit-button:hover ,#subscribe-button:hover{
background: #1ABC9C
}
#submit-button:focus, #subscribe-button:focus{
background: #354B61
} .stunning-box {
background: #2c3e50;
text-align: center;
color: #fff;
padding: 40px;
border-radius: 2px;
font-size: 16px;
font-family: "Oswald", tahoma;
text-transform: uppercase;
}
.stunning-box span {
margin-right: 30px;
vertical-align: top;
padding-top: 20px;
display: inline-block;
}
.stunning-box2 {
background: #2c3e50;
color: #fff;
padding: 40px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 16px;
font-family: "Oswald", tahoma;
text-transform: uppercase;
}
.stunning-box2 span {margin-right: 30px;}
.stunning-box2 a.btn {float: right;}
.stunning-box2 h3 {color: #fff;line-height: 30px;margin: 0 0 10px 0;}
.stunning-box2 .stuntext {float: left;}
.stunning-box3 {
border: 3px solid #EAEAEA;
color: #8D8D8D;
padding: 40px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size: 16px;
font-family: "Oswald", tahoma;
text-transform: uppercase;
}
.stunning-box3 span {margin-right: 30px;}
.stunning-box3 a.btn {float: right;}
.stunning-box3 h3 {color: #000;line-height: 30px;margin: 0 0 10px 0;}
.stunning-box3 .stuntext {float: left;}
.stunning-box4 {
border: 3px solid #EAEAEA;
color: #8D8D8D;
text-align: center;
padding: 40px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size: 16px;
font-family: "Oswald", tahoma;
text-transform: uppercase;
}
.stunning-box4 a.btn {margin: 20px auto 0;}
.stunning-box4 h3 {color: #000;line-height: 30px;margin: 0 0 10px 0;}
.stunning-box4 .stuntext {text-align: center;}
.grid_9 .grid_6 .stunning-box a.btn,
.grid_9 .grid_6 .stunning-box2 a.btn,
.grid_9 .grid_6 .stunning-box3 a.btn,
.grid_9 .grid_6 .stunning-box4 a.btn,
.grid_4 .stunning-box a.btn,
.grid_4 .stunning-box2 a.btn,
.grid_4 .stunning-box3 a.btn,
.grid_4 .stunning-box4 a.btn
.grid_3 .stunning-box a.btn,
.grid_3 .stunning-box2 a.btn,
.grid_3 .stunning-box3 a.btn,
.grid_3 .stunning-box4 a.btn {
margin: 20px 0 0 0;
}
.grid_9 .grid_4 .stunning-box a.btn,
.grid_9 .grid_4 .stunning-box2 a.btn,
.grid_9 .grid_4 .stunning-box3 a.btn,
.grid_9 .grid_4 .stunning-box4 a.btn {
margin: 20px 0 0 0;
}
h3.p-title {
font-size: 16px;
margin: 0 16px 30px 0;
font-weight: normal;
text-transform: uppercase;
display: inline-block;
}
.landing h3.p-title {
font-size: 18px;
margin: 0 16px 30px;
}
.landingtitle {
text-align: center;
padding: 160px 0 30px;
}
h3.p-title span {
color: #1ABC9C;
margin-left:15px;
}
.proline {
width: 16%;
height: 1px;
border-bottom: 1px solid #D7D7D7;
margin-bottom: 5px;
position: relative;
display: inline-block;
}
.sqi {
position: absolute;
display: block;
-webkit-transform: rotate(-46deg);
-moz-transform: rotate(-46deg);
-ms-transform: rotate(-46deg);
-o-transform: rotate(-46deg);
transform: rotate(-46deg);
height: 8px;
width: 8px;
border: 1px solid #d7d7d7;
background: #fff;
left: 0;
margin-top: -4px;
}
.sqii {
position: absolute;
display: block;
-webkit-transform: rotate(-46deg);
-moz-transform: rotate(-46deg);
-ms-transform: rotate(-46deg);
-o-transform: rotate(-46deg);
transform: rotate(-46deg);
height: 9px;
width: 9px;
border: 1px solid #ddd;
background: #fff;
right: 0;
margin-top: -4px;
} #wp-calendar{
width:100%;
text-align:center;
font-weight:700;
}
#wp-calendar caption{
background:#2C3E50;
border-radius:3px;
color:#FFF;
font-weight:700;
margin-bottom:10px;
padding:10px 0;
}
#wp-calendar thead{
border-bottom:solid 2px #d7d7d7;
padding-bottom:5px;
}
#wp-calendar tfoot{border-top:solid 2px #d7d7d7;}
#wp-calendar tr{}
#wp-calendar tr #today{
background:#1ABC9C;
border-radius:3px;
color:#fff;
}
#wp-calendar th{ padding-bottom: 7px;}
#wp-calendar td{padding: 7px 0;} .notification-box {
position: relative;
margin-bottom: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;	
padding: 20px 20px;
color:#fff;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
font-family: Oswald;
}
.notif-anim {
-webkit-animation: lightSpeedInLeft 1.3s 1;
-moz-animation: lightSpeedInLeft 1.3s 1;
-ms-animation: lightSpeedInLeft 1.3s 1;
-o-animation: lightSpeedInLeft 1.3s 1;
animation: lightSpeedInLeft 1.3s 1;
}
a.notification-close {
position: absolute;
right: 20px;
top: 20px;
color: #FFF;
font-size: 12px;
}
.notification-box p {
margin: 0;	
}
.notification-box p i {
padding-right: 10px;
border-right: 1px solid;
margin-right: 10px;
}
.notification-box-info {
background-color: #65cad3;
}
.notification-box-success {
background-color: #1abc9c;
}
.notification-box-warning {
background-color: #eed880;
}
.notification-box-error {
background-color: #e06f6f;
} .inner{
overflow: hidden;
padding: 40px 40px 30px;
width:70%;
margin:0 auto;
}
table{
border-collapse:collapse;
padding:0px;margin:0;
}
.pricing_table {
padding: 0 0 40px;
}
.white_table table {
width: 100%;
background: #eeeeee;
}
.w_table_l_grey{
background-color:#e1e1e1
}
.w_table_d_grey{
background-color:#eeeeee
}
.white_table table th {
border-left: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
border-top: 1px solid #D5D5D5;
color: #2F2F2F;
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
padding: 32px 0;
}
.white_table table th span {
color: #FD7F67;
font-size: 14px;
}
.white_table table tr {
height: 30px;
text-align: center;
}
.white_table table .grey {
background-color:#e9e9e9;
}
.white_table table tr td {
border-left: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
font-weight: bold;
padding: 8px 0;
}
.white_table table .btn td {
border-left: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
border-bottom: 1px solid #D5D5D5;
}
.white_table table tr .border_blue {
border-left: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
background: #ededed;
}
.white_table table tr th.border_blue {
border-left: 1px solid #d7d7d7;
border-top: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
}
.white_table table tr .border_blue_bottom {
border-bottom: 1px solid #d7d7d7;
}
.white_table table tfoot td.border_blue{
border-bottom: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
}
.white_table .pricing_btn {
border-bottom: 1px solid #D5D5D5;
text-align:center;
}
.pricing_btn .the_button{
float: none;
margin: 16px 0;
}
.white_table .pricing_btn .pricing_btn_orbed {
clear: both;
display: block;
float: left;
height: 44px;
margin: 0 0 0 52px;
padding-left: 13px;
}
.white_table .pricing_btn .pricing_btn_orbed span {
color: #FFFFFF;
display: block;
float: left;
font-size: 24px;
height: 44px;
line-height: 45px;
min-width: 100px;
padding: 0 10px 0 0
}
.black_table {margin: 0px 0px 20px 0px;}
.black_table .the_button{
border:#1b1b1b solid 1px !important;
}
.black_table table {
width: 100%;
background-color: #484848;
}	
.d_table_l_grey{
background-color:#303030
}
.d_table_d_grey{
background-color:#3a3a3a
}
.black_table table th {
border-left: 1px solid #252525;
border-right: 1px solid #252525;
color: #ffffff;
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
padding: 32px 0;
}
.black_table table th span {
color: #a9a9a9;
font-size: 14px;
}
.black_table table tr {
height: 30px;
text-align: center;
}
.black_table table .grey {
background-color:#3a3a3a;
}
.black_table table tr td {
border-left: 1px solid #252525;
border-right: 1px solid #252525;
color: #FFFFFF;
font-weight: bold;
padding: 8px 0;
}
.pricing {
overflow:hidden;
display: block; 
position: static; 
visibility: visible;	
}
.pricing-table {
color:#222;
margin-bottom:30px;
}
.pricing-table .price-content {
border:solid #ecedf3;
border-width:0 1px 1px;
padding: 30px;
text-align:center;
background-color:#fff;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
}
.pricing-table .head {
color:#fff;
padding:15px 30px 15px;
}
.pricing-table .head h4 {
color:#fff;
font: bold 14px/20px 'Oswald', Arial, Sans-serif;
text-transform: uppercase;
text-align:center;
padding-bottom:13px;
}
.pricing-table .head h1 {
color:#fff;
margin: 0 0 8px 0;
text-transform: uppercase;
font: bold 50px/40px 'Oswald', Arial, Sans-serif;
position:relative;
text-align:center;
}
.pricing-table .head h1 span {
font: normal 20px/40px 'Oswald', Arial, Sans-serif;
bottom: 12px;
color: #FFF;
display: inline;
margin: 5px;
position: relative;
}
.pricing-table .head span{
text-align:center;
font: normal 14px/18px 'Oswald', Arial, Sans-serif;
display:block;
}
.pricing-table ul {
margin-bottom:24px;
}
.pricing-table ul li {
padding:9px 0 9px;
border-bottom:1px solid #ecedf3;
text-align:center;
}
.pricing-table ul li:first-child {
padding-top:0;
}
.pricing-table ul li:last-child {
border-bottom:none;
}
.reds{background-color:#ef4e39; color:#fff;}
.black{background-color:#3A3A3A; color:#fff;}
.yellow{background-color:#fecd3c; color:#6b5002;}
.blue{background-color:#00abfa; color:#fff;}
.charcoal{background-color:#313131;}
.red{background-color:#ef4e39;}
.grey{background-color:#ddd;}
.blacks{background-color:#000;}
.blues{background-color:#00abfa;}
.themecolor{background-color:#FD7F67;}
.whites{background-color:#eaeaea;}
table {
background:transparent !important;
font-size:13px;
text-align:center;
border-collapse:collapse;
margin:0;
padding:0;
width:100%;
overflow:hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom:20px;
}
table th {
font-size:14px;
font-weight:normal;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align:center;
padding:16px 12px;
color:#ffffff;
background-color:#2C3E50;
text-shadow:none;
}
table tbody th {
background-color:#eee;
}
table td { 
padding:14px 7px 14px 7px;
text-align: center;
}
table tr {
border-bottom:1px solid #fff;
background-color:#f8f8f8;
-moz-transition:all .2s;
-webkit-transition:all .2s;
-o-transition:all .2s;
}
table tr:hover, tr.topic-sticky {
background:#ddd;
transition:all .2s;
}
table tfoot td {
padding:10px 16px;
text-align: left;
background:#2C3E50;
color:#ffffff;
font-size:11px;
text-shadow:none;
}
table tfoot tr:hover {
background:#63b1be;
}
table i:before {
color:#2C3E50;
font-size:16px;
}
.table table {
background:transparent !important;
font-size:13px;
text-align:center;
border-collapse:collapse;
margin:0;
padding:0;
width:100%;
overflow:hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.table table th {
font-size:14px;
font-weight:normal;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align:center;
padding:16px 12px;
color:#ffffff;
background-color:#2C3E50;
text-shadow:none;
}
.table table td { 
padding:14px 7px 14px 7px;
text-align: center;
}
.table table tr {
border-bottom:1px solid #fff;
background-color:#f8f8f8;
-moz-transition:all .2s;
-webkit-transition:all .2s;
-o-transition:all .2s;
}
.table table tr:hover, tr.topic-sticky {
background:#ddd;
transition:all .2s;
}
.table table tfoot td {
padding:10px 16px;
text-align: left;
background:#2C3E50;
color:#ffffff;
font-size:11px;
text-shadow:none;
}
.table table tfoot tr:hover {
background:#63b1be;
}
.table table i:before {
color:#2C3E50;
font-size:16px;
}
.tt-table {
margin: 0 auto;
text-align: center;
}
.head-t {
padding: 16px 26px 0;
border-bottom: 1px solid #5C6575;
margin-bottom:30px;
}
.head-t img {
display: inline-block;
}
.head-t h3 {
color: #FFF;
text-align:center;
line-height: 46px;
text-transform: uppercase;
font-family: Oswald;
padding:0;
width:100%;
font-size: 22px;
font-weight: normal;
display: inline-block;
}
.pricingtable {
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #2C3E50;
color: #CCC;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.pricingtable ul {
width: 164px;
line-height: 30px;
margin: 20px auto;
}
.pricingtable ul i {
margin-right: 6px;
}
.pricingtable h1 {
color: #FFF;
text-align: center;
font-size: 70px;
margin: 0;
line-height: 100%;
text-transform: uppercase;
font-family: Oswald;
}
.pricingtable h1 sup {
bottom: 10px;
font-size: 40px;
padding: 5px;
position: relative;
}
.pricingtable p {
text-align: center;
font: 400 16px/1 Tahoma, Verdana, sans-serif;
color: #EEE;
text-transform: uppercase;
font-family: Oswald;
border-bottom:solid 1px #5C6575;
padding-bottom:30px;
}
.pricingtable a {
display: block;
width: 114px;
margin: 0 auto;
}
.pricingtable a.btn {
margin: 0 auto 32px;
}
.tt-featured, .pricingtable:hover {
z-index: 10;
-webkit-transform: scale(1, 1.1);
-moz-transform: scale(1, 1.1);
-o-transform: scale(1, 1.1);
-ms-transform: scale(1, 1.1);
transform: scale(1, 1.1);
} .btn {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 18px;
font-family: "Oswald", tahoma;
text-transform: uppercase;
padding: 20px 40px;
display: inline-block !important;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.mediumtt {
font-size: 16px;
padding: 15px 30px;
}
.smalltt {
font-size: 14px;
padding: 10px 20px;
}
.minitt {
font-size: 12px;
padding: 8px 16px;
}
.btn:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.btn-1 {
background: #1abc9c;
color: #fff;
}
.btn-1:hover {
background: #1AA388;
color: #fff;
}
.btn-1:active {
background: #354B61;
color: #fff;
top: 2px;
}
.btn-1 {
overflow: hidden;
}
.btn-1:before {
left: auto;
right: 10px;
z-index: 2;
}
.btn-1:after {
width: 20%;
height: 200%;
background: rgba(255,255,255,0.2);
z-index: 1;
right: 0;
top: 0;
margin: -5px 0 0 -5px;
-webkit-transform-origin: 0 0;
-webkit-transform: rotate(-20deg);
-moz-transform-origin: 0 0;
-moz-transform: rotate(-20deg);
-ms-transform-origin: 0 0;
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
}
.btn-1:hover:after {
width: 60%;
} .btn-2 {
background: #cb4e4e;
color: #fff;
box-shadow: 0 6px #ab3c3c;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.btn-2 {
border-radius: 5px;
}
.btn-2:hover {
box-shadow: 0 4px #ab3c3c;
top: 2px;
color: #fff;
}
.btn-2:active {
box-shadow: 0 0 #ab3c3c;
background: #2C3E50;
top: 6px;
color: #fff;
}
.btn-2d:hover {
box-shadow: 0 8px #ab3c3c;
top: -2px;
}
.btn-2d:active {
box-shadow: 0 0 #ab3c3c;
top: 6px;
} .btn-2g {
border-radius: 40px;
}
.btn-2g:hover {
box-shadow: 0 4px #ab3c3c;
top: 2px;
}
.btn-2g:active {
box-shadow: 0 0 #ab3c3c;
top: 6px;
} .btn-2h {
border-radius: 20px;
}
.btn-2h:hover {
box-shadow: 0 4px #ab3c3c;
top: 2px;
}
.btn-2h:active {
box-shadow: 0 0 #ab3c3c;
top: 6px;
} .btn-3 {
background: #fcad26;
color: #fff;
}
.btn-3:hover {
background: #f29e0d;
color:#fff;
}
.btn-3:active {
background: #f58500;
top: 2px;
}
.btn-3:before {
position: absolute;
height: 100%;
left: 0;
top: 0;
line-height: 3;
font-size: 140%;
width: 60px;
} .btn-4 {
border-radius: 50px;
border: 3px solid #eaeaea;
color: #000;
overflow: hidden;
}
.btn-4:active {
border-color: #1ABC9C;
color: #fff;
}
.btn-4:hover {
background: #1ABC9C;
color: #fff;
}
.btn-4:before {
position: absolute;
height: 100%;
font-size: 125%;
line-height: 3.5;
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.btn-4:active:before {
color: #17954c;
} .btn-5 {
border: 4px solid #226fbe;
border-radius: 60px;
}
.btn-5:hover {
background: transparent;
color: #226fbe;
} .btn-6 {
color: #fff;
background: #226fbe;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.btn-6:active {
top: 2px;
}
.btn-6 {
border: 2px dashed #226fbe;
}
.btn-6:hover {
background: transparent;
color: #226fbe;
}
@-webkit-keyframes fadeOutText {
0% { color: transparent; }
80% { color: transparent; }
100% { color: #fff; }
}
@-moz-keyframes fadeOutText {
0% { color: transparent; }
80% { color: transparent; }
100% { color: #fff; }
}
@keyframes fadeOutText {
0% { color: transparent; }
80% { color: transparent; }
100% { color: #fff; }
}
@-webkit-keyframes moveToRight {
80% { -webkit-transform: translateX(250%); }
81% { opacity: 1; -webkit-transform: translateX(250%); }
82% { opacity: 0; -webkit-transform: translateX(250%); }
83% { opacity: 0; -webkit-transform: translateX(-50%); }
84% { opacity: 1; -webkit-transform: translateX(-50%);  }
100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes moveToRight {
80% { -moz-transform: translateX(250%); }
81% { opacity: 1; -moz-transform: translateX(250%); }
82% { opacity: 0; -moz-transform: translateX(250%); }
83% { opacity: 0; -moz-transform: translateX(-50%); }
84% { opacity: 1; -moz-transform: translateX(-50%);  }
100% { -moz-transform: translateX(0%); }
}
@keyframes moveToRight {
80% { transform: translateX(250%); }
81% { opacity: 1; transform: translateX(250%); }
82% { opacity: 0; transform: translateX(250%); }
83% { opacity: 0; transform: translateX(-50%); }
84% { opacity: 1; transform: translateX(-50%);  }
100% { transform: translateX(0%); }
}
@-webkit-keyframes scaleUp {
80% {
opacity: 0;
-webkit-transform: scale(2);
}
100% {
opacity: 0;
-webkit-transform: scale(2);
}
}
@-moz-keyframes scaleUp {
80% {
opacity: 0;
-moz-transform: scale(2);
}
100% {
opacity: 0;
-moz-transform: scale(2);
}
}
@keyframes scaleUp {
80% {
opacity: 0;
transform: scale(2);
}
100% {
opacity: 0;
transform: scale(2);
}
}
@-webkit-keyframes fillToRight {
to { 
width: 100%;
}
}
@-moz-keyframes fillToRight {
to { 
width: 100%;
}
}
@keyframes fillToRight {
to { 
width: 100%;
}
}
@-webkit-keyframes emptyBottom {
to { 
height: 100%;
}
}
@-moz-keyframes emptyBottom {
to { 
height: 100%;
}
}
@keyframes emptyBottom {
to { 
height: 100%;
}
}
@-webkit-keyframes scaleFade {
50% { 
opacity: 1;
-webkit-transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(2.5);
}
}
@-moz-keyframes scaleFade {
50% { 
opacity: 1;
-moz-transform: scale(1);
}
100% {
opacity: 0;
-moz-transform: scale(2.5);
}
}
@keyframes scaleFade {
50% { 
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(2.5);
}
}
@-webkit-keyframes dropDown {
to { 
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes dropDown {
to { 
opacity: 1;
-moz-transform: scale(1);
}
}
@keyframes dropDown {
to { 
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes dropDownFade {
50% { 
opacity: 1;
-webkit-transform: scale(1);
}
100% { 
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes dropDownFade {
50% { 
opacity: 1;
-moz-transform: scale(1);
}
100% { 
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes dropDownFade {
50% { 
opacity: 1;
transform: scale(1);
}
100% { 
opacity: 0;
transform: scale(1.5);
}
} .btn-success,
.btn-error {
color: transparent;
}
.btn-success:after,
.btn-error:after {
z-index: 1;
color: #fff;
left: 40%;
}
.btn-success:before {
content: "\e001";
}
.btn-success:after {
content: "Success!";
-webkit-animation: moveUp 0.5s;
-moz-animation: moveUp 0.5s;
animation: moveUp 0.5s;
}
@-webkit-keyframes moveUp {
0% {
-webkit-transform: translateY(50%);
opacity: 0;
}
100% { 
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes moveUp {
0% {
-moz-transform: translateY(50%);
opacity: 0;
}
100% { 
opacity: 1;
-moz-transform: translateY(0);
}
}
@keyframes moveUp {
0% {
transform: translateY(50%);
opacity: 0;
}
100% { 
opacity: 1;
transform: translateY(0);
}
}
.btn-error {
-webkit-animation: shake 0.5s;
-moz-animation: shake 0.5s;
animation: shake 0.5s;
} @-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.btn-error:before {
content: "\e002";
}
.btn-error:after {
content: "Error!";
-webkit-animation: scaleFromUp 0.5s;
-moz-animation: scaleFromUp 0.5s;
animation: scaleFromUp 0.5s;
}
@-webkit-keyframes scaleFromUp {
0% {
-webkit-transform: scale(0);
opacity: 0;
}
100% { 
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes scaleFromUp {
0% {
-moz-transform: scale(0);
opacity: 0;
}
100% { 
opacity: 1;
-moz-transform: scale(1);
}
}
@keyframes scaleFromUp {
0% {
transform: scale(0);
opacity: 0;
}
100% { 
opacity: 1;
transform: scale(1);
}
} .services img {
float: left;
margin: 0 16px 20px 0;
}
.services h4 {
font-size: 20px;
margin: 8px 0 2px 0;
font-weight: normal;
text-transform: uppercase;
float: left;
}
.landing .services h4 {
float: none;
margin: 8px 0 10px 0;
}
.services small {
font-size: 12px;
margin: 2px 0 0 0;
display: block;
font-family: Tahoma;
text-transform: none;
color: #7A7A7A;
}
.services p {
display: inline-block;
text-align:justify;
}
.flat-icons img {
float: left;
margin: 0 40px 40px 0;
}
.featured {}
.featured i{float:left;}
.featured i:before{line-height:42px;margin-bottom: 20px;margin-right:10px;}
.featured i.sz-xs:before{line-height:30px}
.featured i.sz-s:before{line-height:30px}
.featured i.sz-m:before{line-height:35px} .ca-menu{
padding: 0 0 0 24px;
margin: 0 auto;
width: 100%;
text-align: center;
}
.ca-menu li{
width: 230px;
height: 230px;
border: 10px solid #eee;
overflow: hidden;
position: relative;
display: inline-block;
background: #fff;
margin-left:-48px;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-webkit-border-radius: 125px;
-moz-border-radius: 125px;
border-radius: 125px;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-o-transition: all 400ms linear;
-ms-transition: all 400ms linear;
transition: all 400ms linear;
}
.ca-menu li:last-child{
margin-right: 0px;
}
.ca-menu li a{
text-align: left;
width: 100%;
height: 100%;
display: block;
color: #333;
position: relative;
}
.ca-icon{
color: #eee;
line-height: 80px;
position: absolute;
width: 100%;
height: 60px;
left: 0px;
top: 30px;
text-align: center;
-webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-o-transition: all 400ms linear;
-ms-transition: all 400ms linear;
transition: all 400ms linear;
}
.ca-icon i:before{font-size: 40px}
.ca-main{
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
line-height:1;
position: absolute;
top: 110px;
height: 80px;
width: 170px;
left: 50%;
margin-left: -85px;
opacity: 0.8;
text-align: center;
color: #555;
}
.ca-sub{
color: #CCC;
font-size: 12px;
font-weight: 400;
margin-left: 10%;
position: absolute;
text-align: center;
top: 165px;
width: 80%;
}
.ca-menu li:hover{
border-color: #333;
z-index: 999;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.ca-menu li:hover .ca-icon{
color: #000;
text-shadow: 0px 0px 1px #000;
}
.ca-menu li:hover .ca-main,.ca-menu li:hover .ca-sub{
color: #000;
} .catt-menu{
padding:0;
margin:0 auto;
width: 100%;
}
.catt-menu li{
height: 250px;
overflow: hidden;
position: relative;
float:left;
background: #f9f9f9; background: -moz-linear-gradient(left, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); background: -webkit-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background: -o-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background: -ms-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background: linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
margin-right: 10px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.catt-menu li:last-child{
margin-right: 0px;
}
.catt-menu li a{
text-align: left;
width: 100%;
height: 100%;
display: block;
color: #333;
position: relative;
}
.catt-icon{
color: #ddd;
text-shadow: 1px 0px 1px rgba(255,255,255,0.8);
line-height: 150px;
position: absolute;
width: 100%;
height: 50%;
left: 0px;
top: 0px;
text-align: center;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.catt-icon i:before{font-size:48px;}
.catt-content{
position: absolute;
left: 5%;
width: 90%;
height: 50%;
top: 50%;
font-weight: normal;
text-transform: uppercase;
}
.catt-main{
font-size: 24px;
line-height:1;
opacity: 0.8;
width:98%;
text-align: center;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.catt-sub{
text-align:center;
font-size: 14px;
color: #ccc;
text-shadow: 1px 1px 1px #fff;
line-height: 16px;
opacity: 0.8;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.catt-menu li:hover{
background:#fff;
}
.catt-menu li:hover .catt-icon{
color: #1ABC9C;
opacity: 0.5;
-webkit-animation: moveFromLeft 400ms ease;
-moz-animation: moveFromLeft 400ms ease;
-ms-animation: moveFromLeft 400ms ease;
}
.catt-menu li:hover .catt-main{
color: #1ABC9C;
-webkit-animation: moveFromRight 300ms ease;
-moz-animation: moveFromRight 300ms ease;
-ms-animation: moveFromRight 300ms ease;
}
.catt-menu li:hover .catt-sub{
color: #000;
-webkit-animation: moveFromBottom 500ms ease;
-moz-animation: moveFromBottom 500ms ease;
-ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes moveFromLeft{
from {
-webkit-transform: translateX(-100%);
}
to {
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes moveFromLeft{
from {
-moz-transform: translateX(-100%);
}
to {
-moz-transform: translateX(0%);
}
}
@-ms-keyframes moveFromLeft{
from {
-ms-transform: translateX(-100%);
}
to {
-ms-transform: translateX(0%);
}
}
@-webkit-keyframes moveFromRight {
from {
-webkit-transform: translateX(100%);
}
to {
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes moveFromRight {
from {
-moz-transform: translateX(100%);
}
to {
-moz-transform: translateX(0%);
}
}
@-ms-keyframes moveFromRight {
from {
-ms-transform: translateX(100%);
}
to {
-ms-transform: translateX(0%);
}
}
@-webkit-keyframes moveFromBottom {
from {
-webkit-transform: translateY(100%);
}
to {
-webkit-transform: translateY(0%);
}
}
@-moz-keyframes moveFromBottom {
from {
-moz-transform: translateY(100%);
}
to {
-moz-transform: translateY(0%);
}
}
@-ms-keyframes moveFromBottom {
from {
-ms-transform: translateY(100%);
}
to {
-ms-transform: translateY(0%);
}
} .showcase {
margin-bottom:50px;
}
.wrapbox .showcase{margin-bottom:0;}
.showcase li {
float: left;
height: 170px;
overflow: hidden;
position: relative;
}
.showcase a {
display: block;
width: 270px;
height: 170px;
overflow: hidden;
position: relative;
text-decoration: none;
}
.three-columns li { height: 227px }
.three-columns a { width: 360px; height: 227px }
.three-columns a:hover h3 { bottom: 44px !important }
.two-columns li { height: 340px }
.two-columns a { width: 540px; height: 340px }
.two-columns a:hover h3 { bottom: 44px !important }
.showcase a img {
margin: 0 auto;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.showcase a:hover img {
left: 0;
top: -44px;
}
.showcase a p {
height: 60px;
width: 230px;
background: #59A214;
color: #fff;
font-size: 11px;
padding: 12px 20px;
position:absolute;
bottom:-100px;
line-height: 20px;
display: block;
cursor: pointer;
box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.16);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.three-columns a p {
height: 42px;
width: 320px;
}
.two-columns a p {
height: 42px;
width: 500px;
}
.showcase a:hover p {
bottom: 0;
background: #3C840B;
}
.showcase a h3 {
font-size: 12px;
font-weight: 400;
color: #FFF;
background: #59A214;
padding: 8px 10px;
position: absolute;
left: 10px;
bottom: -6px;
cursor: pointer;
box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.16);
border-radius: 3px 0 0 3px;
z-index: 2;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.showcase a:hover h3 {
bottom: 64px;
background: #3C840B;
}
.showcase a h3 i {
width: 33px;
height: 28px;
position: absolute;
right: -34px;
top: 0;
background: #2C3E50;
border-radius:0 3px 3px 0;
box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.16);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size:18px;
font-weight:normal;
text-align:center;
padding:6px 0 0 0;
}
.showcase a h3 i:before {margin: -2px -1px 0 0;}
.showcase .color1 a p, .showcase .color1 a h3, .showcase .color1 a:hover h3 i, .color1 .zoom i {
background: #1abc9c !important
}
.showcase .color2 a p, .showcase .color2 a h3, .showcase .color2 a:hover h3 i, .color2 .zoom i {
background: #3498DB !important
}
.showcase .color3 a p, .showcase .color3 a h3, .showcase .color3 a:hover h3 i, .color3 .zoom i {
background: #E74C3C !important
}
.showcase .color4 a p, .showcase .color4 a h3, .showcase .color4 a:hover h3 i, .color4 .zoom i {
background: #F1C40F !important
}
.showcase .color5 a p, .showcase .color5 a h3, .showcase .color5 a:hover h3 i, .color5 .zoom i {
background: #9B59B6 !important
}
.showcase .color6 a p, .showcase .color6 a h3, .showcase .color6 a:hover h3 i, .color6 .zoom i {
background: #7F8C8D !important
}
.showcase .color7 a p, .showcase .color7 a h3, .showcase .color7 a:hover h3 i, .color7 .zoom i {
background: #E67E22 !important
}
.showcase .color8 a p, .showcase .color8 a h3, .showcase .color8 a:hover h3 i, .color8 .zoom i {
background: #2C3E50 !important
}
.portfolio-meta li {
margin-bottom: 10px !important
}
.portfolio-detail figure {
margin-bottom:30px;
}
.portfolio-detail figure img{
border-radius:4px;
}
.one-columns li {
margin: 0 0 40px 0;
padding: 0 0 40px 0;
overflow: hidden;
display: block;
max-width: 1080px;
border-bottom: 1px solid #CCC;
position:relative;
}
.one-columns h3 {
margin: 10px 0 10px;
text-transform: uppercase;
line-height:1.1;
}
.one-columns span.port-cat {
margin: 0 0 20px 0;
display: block;
}
.single-pager {
margin:0 0 40px;
padding:0;
border:2px solid #e4e6e8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align:left;
overflow:hidden;
}
.single-pager li {
display:block;
line-height:54px;
}
.single-pager .previous, .single-pager .next {
display:block;
float:left;
}
.single-pager .previous > span, .single-pager .previous > a, .single-pager .next > span, .single-pager .next > a {
float:none;
border:none;
border-right:1px solid #e4e6e8;
padding:0;
margin:0;
width:54px;
height:54px;
line-height:54px;
text-align:center;
color:#b8bdc4;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.single-pager .live-version > span, .single-pager .live-version > a {
width: 100%;
display: block;
padding:0;
margin:0;
border:none;
color:#3f4042;
font-weight:bold;
text-align:center;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.single-pager .live-version > span:hover, .single-pager .live-version > a:hover {
background:none;
color:#b8bdc4;
}
.pager {
margin: 0 0 20px 0;
list-style:none;
text-align:center;
}
.pager i:before{
margin:13px;
}
.pager:before, .pager:after {
display:table;
content:"";
line-height:0;
}
.pager:after { clear:both; }
.pager li { display:inline; }
.pager li > a, .pager li > span {
display:inline-block;
padding:5px 14px;
background-color:#fff;
border:1px solid #ddd;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
}
.pager li > a:hover, .pager li > a:focus {
text-decoration:none;
background-color:#f5f5f5;
}
.pager .next > a, .pager .next > span { float:right; }
.pager .previous > a, .pager .previous > span { float:left; }
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
color:#999;
background-color:#fff;
cursor:default;
}
.pager li:nth-child(2):not(.live-version){float:right}
.pager li:nth-child(2):not(.live-version) a{
border-left:1px solid #e4e6e8;
border-right:none;
}
.error-page i{
color: #1ABC9C;
}
.error-page i:before {
font-size: 80px;
line-height:100px;
}
.zoom {
z-index: 9999;
padding: 8px;
display: block;
position: absolute !important;
top: -100px;
right: 10px;
height: 26px !important;
width: 26px !important;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.zoom i {
color: #FFF;
border-radius: 50%;
padding: 7px 5px 10px 10px;
}
.zoom i:before {
opacity:.5;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.zoom:hover i:before {
opacity:1;
}
.showcase li:hover a.zoom ,.portfolio li:hover a.zoom{
top: 10px !important;
}
.overlay {
right:47px;
}
.zoom .icon-play-1:before{
font-size:14px;
margin:0 3px 0 2px;
}
.one-columns li .zoom{
right:auto;
left:475px;
}
.one-columns li .overlay{
right:auto;
left:437px;
}
.video-embed{margin-bottom:30px} .blog-three-columns .post {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 2px solid #FAFAFA;
position: relative;
overflow: hidden;
display: block;
}
.blog-three-columns iframe {
width: 100%
}
.blog-three-columns .meta-date {
width: 58px
}
.blog-three-columns .post-title {
font-size: 14px;
margin: 8px 0 10px 20px;
width: 260px;
}
.jp-controls i:before{font-size:16px;}
.blog-three-columns .div.jp-audio ul.jp-controls {
width: 299px;
}
.blog-three-columns a.jp-play, .blog-three-columns a.jp-pause {
width: 24px;
padding: 5px 0 0 10px;
}
.blog-three-columns div.jp-audio div.jp-type-single div.jp-progress,
.blog-three-columns div.jp-audio div.jp-type-single div.jp-time-holder {
left: 60px;
width: 180px;
}
.blog-three-columns div.jp-audio div.jp-volume-bar {
right: 14px;
}
.blog-three-columns div.jp-audio div.jp-type-single a.jp-mute, 
.blog-three-columns div.jp-audio div.jp-type-single a.jp-unmute {
right: 68px;
} .fb-blog ul li {
display: inline-block;
width: 100%;
margin: 0 0 14px 0;
}
.fb-blog .date {
background: #2C3E50;
display: block;
border-radius: 2px;
padding: 26px;
text-align: center;
font-size: 24px;
color: #FFF;
font-family: "Oswald", Tahoma, Arial;
font-weight: normal;
text-transform: uppercase;
}
.fb-blog .month {
font-family: "Oswald", Tahoma, Arial;
font-weight: normal;
text-transform: uppercase;
font-size: 18px;
display: block;
text-align: center;
padding: 10px;
color: #A7A7A7;
}
.fb-head{
font-family: "Oswald", Tahoma, Arial;
font-weight: normal;
text-transform: uppercase;
font-size: 14px;
margin: 0 0 2px 0;
}
.fb-meta{
text-transform: uppercase;
font-size: 10px;
padding-bottom: 8px;
display: block;
} .testimonial-wrapper {
margin-bottom: 32px;
}
.testimonial-wrapper ul,
.testimonial-wrapper ul li  {
float:left;
width:100%;
}
.testimonial {
color:#373737;
background-color:#f3f3f3;
margin-bottom:14px;
padding: 24px 28px;
position:relative;
border-radius: 2px;
min-height: 70px;
}
.testimonial i{
float:left;	
}
.testimonial p {
font-size:14px;
font-style:italic;
font-family: serif;
text-shadow:1px 1px 3px #e4e4e4;
margin: 0 0 40px 0;
}
.testimonial-arrow {
border-color:#f3f3f3 transparent transparent transparent;
border-style:solid;
border-width:20px 20px 0 0;
height:0;
width:0;
position:absolute;
bottom:-20px;
left: 120px;
}
.testimonial-arrow2 {
border-color:#f3f3f3 transparent transparent transparent;
border-style:solid;
border-width:20px 20px 0 0;
height:0;
width:0;
position:absolute;
bottom:-20px;
left: 20px;
}
.img-testimonials {
position: absolute;
bottom: -40px;
border-radius:50%;
}
.testimonial-s strong {
color:#232323;
font-style: normal;
font-size: 12px;
}
.testimonial-s .testimonial-details {
margin: 0px 0px 8px 140px;
display:block;
float:left;
font-style: italic;
color: #B4B4B4;
font-size: 11px;
}
.testimonial-s .testimonial-details2 {
margin: 0px 0px 8px 40px;
display:block;
float:left;
font-style: italic;
color: #B4B4B4;
font-size: 11px;
}
.dark  .testimonial {
color:#fff;
background-color:#272727;
}
.dark  .testimonial p {
text-shadow: none;
}
.dark  .testimonial-arrow {
border-color:#272727 transparent transparent transparent;
}
.dark  .testimonial-arrow2 {
border-color:#272727 transparent transparent transparent;
} .full .big-slider {
margin: 40px auto 0;
width: 1080px;
}
.big-slider .flex-direction-nav a {
bottom: 10% !important;
top: auto !important;
opacity: 1 !important;
padding: 8px 14px;
background-color: #1ABC9C;
border-radius: 0 !important;
}
.big-slider .flex-direction-nav a:hover {
background-color: #30AD95 !important;
}
.big-slider .flex-direction-nav a i {
color: #FFF;
font-size: 18px;
margin:0;
padding:0;
}
.big-slider .flex-direction-nav .flex-next {
right: -10px !important;
border-left: 1px solid rgba(236, 236, 236, 0.3);
}
.big-slider .flex-direction-nav .flex-prev {
right: 30px !important;
left: auto !important;
border-top-left-radius: 3px !important;
border-bottom-left-radius: 3px !important;
border-right: 1px solid rgba(119, 119, 119, 0.3);
}
.big-slider .flex-direction-nav .flex-next:before {
content: "";
border-style: solid;
border-width: 0 10px 10px 0px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #575757 rgba(0, 0, 0, 0);
height: 0px;
position: absolute;
right: 0px;
top: -10px;
width: 0px;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.big-slider h3 {
position: absolute;
bottom: 14%;
left: 10%;
font-size: 24px;
background: rgba(28, 28, 28, 0.7);
color: #FFF;
padding: 10px;
border-radius: 3px;
font-weight: normal;
text-transform: uppercase;
display: none;
}
.big-slider p {
position: absolute;
bottom: 10%;
left: 10%;
background: rgba(28, 28, 28, 0.7);
color: #D3D3D3;
padding: 6px 10px;
border-radius: 3px;
display: none;
}
.big-slider .firstly h3,
.big-slider .firstly p {
display: block
}
.big-slider .flex-active-slide h3.effect {
-webkit-animation: lightSpeedIn 1.2s 1;
-moz-animation: lightSpeedIn 1.2s 1;
-ms-animation: lightSpeedIn 1.2s 1;
-o-animation: lightSpeedIn 1.2s 1;
animation: lightSpeedIn 1.2s 1;
}
@-webkit-keyframes lightSpeedIn {
0% {
opacity: 0;
-webkit-transform: translateY(-40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes lightSpeedIn {
0% {
opacity: 0;
-moz-transform: translateY(-40px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes lightSpeedIn {
0% {
opacity: 0;
-o-transform: translateY(-40px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes lightSpeedIn {
0% {
opacity: 0;
transform: translateY(-40px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.big-slider .flex-active-slide p.effectt {
-webkit-animation: lightSpeedInLeft 1.3s 1;
-moz-animation: lightSpeedInLeft 1.3s 1;
-ms-animation: lightSpeedInLeft 1.3s 1;
-o-animation: lightSpeedInLeft 1.3s 1;
animation: lightSpeedInLeft 1.3s 1;
}
@-webkit-keyframes lightSpeedInLeft {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes lightSpeedInLeft {
0% {
opacity: 0;
-moz-transform: translateY(40px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes lightSpeedInLeft {
0% {
opacity: 0;
-o-transform: translateY(40px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes lightSpeedInLeft {
0% {
opacity: 0;
transform: translateY(40px);
}
100% {
opacity: 1;
transform: translateY(0);
}
} .flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {display: block; width: 100%}
.full .flexslider .slides img {border-radius:4px;}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {margin: 0 0 60px 0; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.carousel li {margin-right: 5px} .flex-direction-nav a {margin: -20px 0 0; display: block;background-color: #272727; padding: 8px; position: absolute; top: 50%; cursor: pointer; opacity: 0; -webkit-transition: all .3s ease;
border-radius: 3px;
}
.flex-direction-nav a:hover {background-color: #1ABC9C;}
.flex-direction-nav a i {color: #fff;padding:0 0 0 6px;}
.flex-direction-nav a i:before {margin:0 2px 0 0;}
.postslider .flex-direction-nav a i:before {margin:0 8px 0 0;}
.flex-direction-nav a:hover i {color: #FFF;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 8px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 8px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 0.8;}
.flex-direction-nav .flex-disabled {opacity: 0.3 !important; cursor: default;} .flex-control-nav {position: absolute; text-align: center;right: 20px;bottom: 10px;}
.flex-control-nav li {margin: 0 6px; display: inline-block;}
.flex-control-paging li a {background-color: #BDBEC4;width: 8px; height: 8px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.m-thumb .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background-color: #1ABC9C; cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;} .flexslider {
margin: 0 ;
background-color : transparent;
border: none;
position: relative;
border-radius: 0px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
} .flex-control-nav li {
padding: 4px;
margin: 0;
}
.flexslider.position-nav-under .flex-control-nav {
position : absolute;
top: 4px;
right: 4px;
}
.testimonial-wrapper .flex-control-nav {
position : absolute;
bottom: 4px;
right: 4px;
}
.flexslider.flexslider.position-nav-under {
margin-bottom: 0px;
}
.flexslider.position-nav-bottom .flex-control-nav {
position : absolute;
bottom:9px;
}
.flexslider.position-nav-top .flex-control-nav {
position : absolute;
top:9px;
}
.color-nav-dark .flex-control-paging li a {
background-color : #A7A7A7;
background-color: rgba(236, 236, 236, 0.3);
box-shadow: inset -1px 1px 1px rgba(0,0,0,0.5);
}
.color-nav-dark .flex-control-paging li a:hover, .color-nav-dark .flex-control-paging li a.flex-active {
background-color: #618BD3
}
.color-nav-light .flex-control-paging li a {
background-color : #999;
background-color: rgba(255,255,255,0.55);
box-shadow: inset -1px 1px 1px rgba(0,0,0,0.5);
}
.color-nav-light .flex-control-paging li a:hover {
background-color: #bbb;
background-color: rgba(255,255,255,0.70);
}
.color-nav-active-black .flex-control-paging li a.flex-active {
background-color: #111;
}
.color-nav-active-green .flex-control-paging li a.flex-active {
background-color: #359BED;
}
.color-nav-active-orange .flex-control-paging li a.flex-active {
background-color: #ec6104;
}
.flex-active {
background-color: #fff;
}
.color-nav-active-red .flex-control-paging li a.flex-active {
background-color: #c61013;
}
.color-nav-active-white .flex-control-paging li a.flex-active {
background-color: #fff;
} .flex-slide-theme-horizontal {
margin-top:25px;
margin-bottom:30px;
border-left:1px solid #555;
border-right:1px solid #555;
border-color:rgba(0,0,0,0.6);
}
.flex-slide-theme-horizontal .slide-theme {
display: block;
height: 100%;
top:0;
left: 0;
position: absolute;
width:100%;
z-index:-1;
}
.flex-slide-theme-horizontal .slide-theme-side {
display: block;
height: 26px;
position: absolute;
width: 45px;
}
.flex-slide-theme-horizontal .slide-theme-side.slide-bottom-left {
background-position: -2px -28px;
bottom: -26px;
left: -1px;
}
.flex-slide-theme-horizontal .slide-theme-side.slide-top-left {
background-position: -2px 0px;
top: -26px;
left: -1px;
}
.flex-slide-theme-horizontal .slide-theme-side.slide-bottom-right {
background-position: -64px -28px;
bottom: -26px;
right: -2px;
}
.flex-slide-theme-horizontal .slide-theme-side.slide-top-right {
background-position: -64px 0px;
top: -26px;
right: -2px;
}
.flex-slide-theme-vertical {
margin-left:25px;
margin-right:25px;
border-top:1px solid #555;
border-bottom:1px solid #555;
border-color:rgba(0,0,0,0.6);
}
.flex-slide-theme-vertical .slide-theme {
display: block;
height: 100%;
top:0;
left: 0;
position: absolute;
width:100%;
z-index:-1;
}
.flex-slide-theme-vertical .slide-theme-side {
display: block;
height: 40px;
position: absolute;
width: 25px;
}
.flex-slide-theme-vertical .slide-theme-side.slide-bottom-left {
background-position: -111px -13px;
bottom: -1px;
left: -25px;
}
.flex-slide-theme-vertical .slide-theme-side.slide-top-left {
background-position: -167px -16px;
top: -1px;
left: -25px;
}
.flex-slide-theme-vertical .slide-theme-side.slide-bottom-right {
background-position: -139px -13px;
bottom: -1px;
right: -25px;
}
.flex-slide-theme-vertical .slide-theme-side.slide-top-right {
background-position: -195px -16px;
top: -1px;
right: -25px;
} .theme-border-radius-01, .theme-border-radius-01 ul.slides li img {
border-radius: 4px;
}
.theme-border-radius-01.position-caption-bottom-left .flex-caption, .theme-border-radius-01.position-caption-bottom-right .flex-caption, .theme-border-radius-01.position-caption-bottom-centered .flex-caption {
border-radius: 0 0 4px 4px;
}
.theme-border-radius-01.position-caption-top-left .flex-caption, .theme-border-radius-01.position-caption-top-right .flex-caption, .theme-border-radius-01.position-caption-top-centered .flex-caption {
border-radius: 4px 4px 0 0;
}
.theme-border-radius-02, .theme-border-radius-02 ul.slides li img {
border-radius: 8px;
}
.theme-border-radius-02.position-caption-bottom-left .flex-caption, .theme-border-radius-02.position-caption-bottom-right .flex-caption, .theme-border-radius-02.position-caption-bottom-centered .flex-caption {
border-radius: 0 0 8px 8px;
}
.theme-border-radius-02.position-caption-top-left .flex-caption, .theme-border-radius-02.position-caption-top-right .flex-caption, .theme-border-radius-02.position-caption-top-centered .flex-caption {
border-radius: 8px 8px 0 0;
}
.theme-border-radius-03, .theme-border-radius-03 ul.slides li img {
border-radius: 12px;
}
.theme-border-radius-03.position-caption-bottom-left .flex-caption, .theme-border-radius-03.position-caption-bottom-right .flex-caption, .theme-border-radius-03.position-caption-bottom-centered .flex-caption {
border-radius: 0 0 12px 12px;
}
.theme-border-radius-03.position-caption-top-left .flex-caption, .theme-border-radius-03.position-caption-top-right .flex-caption, .theme-border-radius-03.position-caption-top-centered .flex-caption {
border-radius: 12px 12px 0 0;
}
.theme-border-radius-04, .theme-border-radius-04 ul.slides li img {
border-radius: 24px;
}
.theme-border-radius-04.position-caption-bottom-left .flex-caption, .theme-border-radius-04.position-caption-bottom-right .flex-caption, .theme-border-radius-04.position-caption-bottom-centered .flex-caption {
border-radius: 0 0 24px 24px;
}
.theme-border-radius-04.position-caption-top-left .flex-caption, .theme-border-radius-04.position-caption-top-right .flex-caption, .theme-border-radius-04.position-caption-top-centered .flex-caption {
border-radius: 24px 24px 0 0;
}
.theme-border-01 ul.slides {
padding: 2px;
}
.theme-border-02 {
padding: 4px;
}
.theme-border-03 ul.slides {
padding: 7px;
}
.theme-border-04 ul.slides {
padding: 10px;
}
.theme-shadow-normal {
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
-o-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
box-shadow: 0 1px 4px rgba(0,0,0,0.6);
}
.theme-shadow-large {
-webkit-box-shadow: 0 1px 15px rgba(0,0,0,0.4);
-moz-box-shadow: 0 1px 15px rgba(0,0,0,0.4);
-o-box-shadow: 0 1px 15px rgba(0,0,0,0.4);
box-shadow: 0 1px 15px rgba(0,0,0,0.4);
margin:10px;
} .flexslider {
overflow:visible !important;
}
.flexslider ul.slides {
background-color: transparent;
}
.flexslider .slides > li {
position:relative;
}
.flexslider ul.slides li a {
display:block;
}
.flexslider .flex-caption {
position : absolute ;
left:0;
margin: 20px;
padding:10px 10px;
z-index:10;
}
.flexslider ul.slides li a, .flexslider ul.slides li a:hover {
color : inherit;
}
.flexslider ul.slides li .flex-caption a {
display:inline;
color: #359BED;
}
.flexslider ul.slides li .flex-caption a:hover {
color : inherit;
text-decoration: underline;
}
.flexslider ul.slides li a .flex-caption:hover {
text-decoration: none;
color : inherit;
cursor:pointer;
}
.flexslider.position-caption-bottom-left .flex-caption{
bottom:0;
text-align:left;
}
.flexslider.position-caption-bottom-right .flex-caption {
bottom:0;
text-align:right;
}
.flexslider.position-caption-bottom-centered .flex-caption {
bottom:0;
text-align:center;
}
.flexslider.position-caption-top-left .flex-caption {
top:0;
text-align:left;
}
.flexslider.position-caption-top-right .flex-caption {
top:0;
text-align:right;
}
.flexslider.position-caption-top-centered .flex-caption {
top:0;
text-align:center;
}
.flexslider.bg-caption-black-00 .flex-caption {
background-color : #000;
background-image : none;
}
.flexslider.bg-caption-white-00 .flex-caption {
background-color : #fff;
background-image : none;
}
.flexslider.bg-caption-white-09 .flex-caption, .flexslider.bg-caption-black-09 .flex-caption {
background-color : transparent;
background-image : none;
}
.flexslider.bg-caption-black-02 .flex-caption {
background: black;
opacity: 0.8;
} .nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important; 
width: 100% !important;
} .nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
background:white; 
filter:alpha(opacity=0); 
opacity:0;
} .nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; } .nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 10px 20px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=0.8);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
} .nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
} .nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
} .roundabout {
margin:30px 0 0;
}
.roundabout ul {
list-style: none;
padding: 0;
margin: 0 auto;
width: 70%;
max-width: 1000px;
height: 260px;
}
.roundabout li {
position: relative;
height: 260px;
width: 460px;
background-color: #ccc;
text-align: center;
cursor: pointer;
-webkit-box-shadow: 0px 20px 20px -20px #000;
-moz-box-shadow: 0px 20px 20px -20px #000;
box-shadow: 0px 20px 20px -20px #000;
}
.roundabout li.roundabout-in-focus {
cursor: default;
}
.facade {
width: 895px;
height: 388px;
overflow: hidden;
margin: 0 auto;
position: relative;
background: #fff;
}
.raised {
width: 895px;
height: 388px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.facade img {
width: auto !important;
max-width: none !important;
}
.facade ul { 
list-style: none; 
margin: 0; 
padding: 0; 
width: 226px; 
height: 400px; 
position: absolute; 
overflow: hidden; 
top: 0px; 
z-index: 100;
}
.facade ul.column1 { left: 0px; }
.facade ul.column2 { left: 224px; }
.facade ul.column3 { left: 448px; }
.facade ul.column4 { left: 672px; }			
.facade ul li { overflow: hidden; height: 400px; width: 225px;  }
.facade ul li img { position: absolute; top: 0; }
.facade ul.column1 img { left: 0px; }
.facade ul.column2 img { left: -225px; }
.facade ul.column3 img { left: -450px; }
.facade ul.column4 img { left: -675px; }
#advance {
z-index: 999;
color: #fff;
background: #1ABC9C;
padding: 10px 20px;
position: absolute;
bottom: 20px;
right: 20px;
} .modern-slider{position:relative;width:1140px;height:360px;}
.modern-slider img, .modern-slider iframe {width: 1140px;height:360px;}
.full .modern-slider{margin: 40px auto 0}
.mslider-view{overflow:hidden;background-color:#202020;position:relative;height:100%;}
.mslider-pages{position:relative;height:100%}
.mslider-horizontal .mslider-pages{width:9000px}
.mslider-pages > div {position:relative;height:100%}
.mslider-horizontal .mslider-pages > div {float:left}
.mslider-labels{
position: absolute;
bottom: 0;
left: 13%;
}
.mslider-label2{ bottom: 80px; }
.mslider-label3{ bottom: 40px; }
.mslider-label4{ bottom: 0; }
.labele{font-size:1.2em;color:#fafafa;background-color:#000;border-left:5px solid #1ABC9C;padding:8px 10px;margin-bottom:5px;white-space:nowrap;float:left;clear:left}
.mslider-controls{position:absolute;right:14%;bottom:2px;}
.mslider-horizontal .mslider-controls{margin-top:-20px;}
.mslider-vertical .mslider-controls{margin-top:-65px}
.mslider-arrow{
width:60px;
height:40px;
background-color:#fff;
cursor:pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.mslider-arrow i{
padding: 9px 0 0 26px;
display: block;
font-size: 20px;
color: #000;
}
.mslider-arrow:hover i {
color: #fff;
}
.mslider-horizontal .mslider-arrow{float:left}
.mslider-arrow:hover{background-color:#1ABC9C}
.mslider-next{background-repeat:no-repeat;background-position:center} .pxs_container{
width:100%;
height:420px;
position:relative;
overflow:hidden;
}
.pxs_bg{
background:transparent url(//this-is-life.ch/wp-content/themes/colangine/images/parallax/bg.png) repeat top left;
}
.pxs_bg div{
position:absolute;
top:0px;
left:0px;
width:7584px; height:420px;
background-repeat:repeat;
background-position:top left;
background-color:transparent;
}
.pxs_bg .pxs_bg1{
background-image:url(//this-is-life.ch/wp-content/themes/colangine/images/parallax/bg1.png); }
.pxs_bg .pxs_bg2{
background-image:url(//this-is-life.ch/wp-content/themes/colangine/images/parallax/bg2.png); }
.pxs_bg .pxs_bg3{
background-image:url(//this-is-life.ch/wp-content/themes/colangine/images/parallax/bg3.png); }
.pxs_slider_wrapper{
display:none;
}
.pxs_container ul{
margin:0px;
padding:0px;
list-style:none;
}
ul.pxs_slider{
position:absolute;
left:0px;
top:0px;
height:420px;
}
ul.pxs_slider li{
height:420px;
float:left;
position:relative;
}
ul.pxs_slider li img{
display:block;
margin:35px auto 0px auto;
-moz-box-shadow:0px 0px 7px #222;
-webkit-box-shadow:0px 0px 7px #222;
box-shadow:0px 0px 7px #222;
border: 8px solid transparent;
border-radius:4px;
}
ul.pxs_thumbnails{
height:35px;
position:absolute;
top:320px;
left:50%;
}
ul.pxs_thumbnails li{
position:absolute;
display:block;
}
ul.pxs_thumbnails li img{
border: 5px solid #FFFFFF;
-moz-box-shadow:1px 1px 7px #555;
-webkit-box-shadow:1px 1px 7px #555;
box-shadow:1px 1px 7px #555;
cursor:pointer;
display:block;
opacity:0.7;
}
ul.pxs_thumbnails li.selected img{
opacity:1.0;
}
.pxs_navigation span{
position:absolute;
width:30px;
height:60px;
-moz-box-shadow:0px 0px 2px #000;
-webkit-box-shadow:0px 0px 2px #000;
box-shadow:0px 0px 2px #000;
top:145px;
opacity:0.6;
border-radius:4px;
cursor:pointer;
}
.pxs_navigation span:hover{
opacity:0.9;
}
.pxs_navigation span.pxs_prev{
left: 5% !important;
background:#000 url(//this-is-life.ch/wp-content/themes/colangine/images/parallax/prev.png) no-repeat center center;
}
.pxs_navigation span.pxs_next{
right: 5% !important;
background:#000 url(//this-is-life.ch/wp-content/themes/colangine/images/parallax/next.png) no-repeat center center;
}
.pxs_loading{
color:#fff;
font-size:20px;
padding:15px 15px 15px 50px;
position:absolute;
background:#333 url(//this-is-life.ch/wp-content/themes/colangine/images/parallax/ajax-loader.gif) no-repeat 10px 50%;
border-radius:15px;
opacity:0.7;
width:180px;
position:absolute;
top:150px;
left:50%;
margin-left:-90px;
} .myslicebox {
position: relative;
margin: 30px auto 0;
}
.sb-slider {
margin: 10px auto;
position: relative;
overflow: hidden;
width: 100%;
list-style-type: none;
padding: 0;
z-index: 2;
border-radius:4px;
}
.sb-slider li {
margin: 0;
padding: 0;
display: none;
}
.sb-slider li > a {
outline: none;
}
.sb-slider li > a img {
border: none;
}
.sb-slider img {
max-width: 100%;
display: block;
}
.sb-slider h3 {
padding: 10px 20px;
text-transform: uppercase;
font-size: 18px;
bottom: 10px;
left: 25px;
right: 25px;
z-index: 1000;
position: absolute;
background: #333;
background: rgba(0,0,0, 0.45);
color: #fff;
border-radius:4px;
-webkit-animation: lightSpeedIn 1s 1;
-moz-animation: lightSpeedIn 1s 1;
-ms-animation: lightSpeedIn 1s 1;
-o-animation: lightSpeedIn 1s 1;
animation: lightSpeedIn 1s 1;
}
.sb-slider h3 span {
float:left;
clear:both;
font-size:12px;
width:100%;
}
.sb-slider li.sb-current .sb-description {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);	
opacity: 1;
}
.sb-slider li.sb-current .sb-description:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
filter: alpha(opacity=99);	
background: rgba(190,176,155, 0.7);
}
.sb-perspective {
position: relative;
}
.sb-perspective > div {
position: absolute;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-webkit-backface-visibility : hidden;
-moz-backface-visibility : hidden;
-o-backface-visibility : hidden;
-ms-backface-visibility : hidden;
}
.sb-side {
margin: 0;
display: block;
position: absolute;
-moz-backface-visibility : hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
}
.shadow {
width: 980px;
height: 168px;
margin: -125px auto 0;
position: relative;
background: transparent url(//this-is-life.ch/wp-content/themes/colangine/images/3d-slider/shadow.png) no-repeat bottom center;
background-size: 100% 100%; z-index: 0;
display: none;
}
.nav-arrows {
display: none;
z-index:999;
}
.nav-arrows a {
font-size: 24px;
padding: 10px 16px;
display: block;
background: #1ABC9C;
position: absolute;
top: 52%;
left: 25px;
cursor: pointer;
margin-top: -40px;
opacity: 0.7;
border-radius: 3px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
z-index:999;
}
.nav-arrows a:first-child{
left: auto;
right: 25px;
}
.nav-arrows a:hover {
opacity: 1;
color: #fff;
}
.nav-arrows a i:before{
line-height:22px;
margin:0;
}
.nav-dots {
text-align: center;
position: absolute;
bottom: -5px;
height: 30px;
width: 100%;
left: 0;
display: none;
}
.nav-dots span {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
margin: 3px;
background: #cbbfae;
cursor: pointer;
box-shadow: 
0 1px 1px rgba(255,255,255,0.6), 
inset 0 1px 1px rgba(0,0,0,0.1);
}
.nav-dots span.nav-dot-current {
box-shadow: 
0 1px 1px rgba(255,255,255,0.6), 
inset 0 1px 1px rgba(0,0,0,0.1), 
inset 0 0 0 3px #cbbfae,
inset 0 0 0 8px #fff;
}
.nav-options {
width: 70px;
height: 30px;
position: absolute;
right: 70px;
bottom: 0px;
display: none;
}
.nav-options span {
width: 30px;
height: 30px;
background: #cbbfae url(//this-is-life.ch/wp-content/themes/colangine/images/3d-slider/options.png) no-repeat top left;
text-indent: -9000px;
cursor: pointer;
opacity: 0.7;
display: inline-block;
border-radius: 50%;
}
.nav-options span:first-child{
background-position: -30px 0px;
margin-right: 3px;
}
.nav-options span:hover {
opacity: 1;
}
.myslicebox:hover .nav-arrows {
display: block;
} .rotating-slider {
position: relative;
}
.rm_container{
width:1050px;
overflow:hidden;
position:relative;
height:530px;
margin:0 auto;
}
.rm_container h2{
background:transparent url(//this-is-life.ch/wp-content/themes/colangine/images/rotating/lines.png) repeat top left;
padding:10px 30px;
position:absolute;
bottom:170px;
right:0px;
color:#000;
font-size:36px;
text-transform:uppercase;
text-shadow:1px 0px 1px #fff;
}
.rm_container ul{
width:1170px;
}
.rm_container ul li{
float:left;
margin-left:-80px;
position:relative;
overflow:hidden;
width:310px;
height:465px;
border:30px solid #F6F6F6;
border-width:50px 30px 0px 30px;
background-color:#F6F6F6;
}
.rm_container ul li img{
position:absolute;
top:0px;
left:0px;
}
.rm_mask_right, .rm_mask_left{
position: absolute;
height: 110px;
background: #F6F6F6;
width: 530px;
bottom: -30px;
left: 0px;
-moz-transform:rotate(-3deg);
-webkit-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.rm_mask_right{
left:auto;
right:0px;
-moz-transform:rotate(3deg);
-webkit-transform:rotate(3deg);
transform:rotate(3deg);
}
.rm_corner_right, .rm_corner_left{
background: #F6F6F6;
position:absolute;
width:200px;
height:100px;
bottom:0px;
left:-65px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.rm_corner_right{
left:auto;
right:-82px;
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.rm_nav a{
position:absolute;
top:200px;
width:38px;
height:87px;
cursor:pointer;
opacity:0.7;
}
.rm_nav a:hover{
opacity:1.0;
}
.rm_nav a.rm_next{
background:transparent url(//this-is-life.ch/wp-content/themes/colangine/images/rotating/next.png) no-repeat top left;
right:0px;
}
.rm_nav a.rm_prev{
background:transparent url(//this-is-life.ch/wp-content/themes/colangine/images/rotating/prev.png) no-repeat top left;
left:0px;
}
.rm_controls{
position:absolute;
top:0px;
left:-40px;
height:20px;
}
.rm_controls a{
cursor:pointer;
opacity:0.7;
padding-left:24px;
font-size:16px;
text-transform:uppercase;
height:20px;
float:left;
line-height:20px;
}
.rm_controls a:hover{
opacity:1.0;
}
.rm_controls a.rm_play{
display:none;
background:transparent url(//this-is-life.ch/wp-content/themes/colangine/images/rotating/play.png) no-repeat center left;
}
.rm_controls a.rm_pause{
background:transparent url(//this-is-life.ch/wp-content/themes/colangine/images/rotating/pause.png) no-repeat center left;
} .da-slider{
width: 100%;
height: 400px;
margin: 0 auto;
position: relative;
overflow: hidden;
background: transparent url(//this-is-life.ch/wp-content/themes/colangine/images/parallax2/waves.gif) repeat 0% 0%;
border-top: 8px solid #efc34a;
border-bottom: 8px solid #efc34a;
-webkit-transition: background-position 1.4s ease-in-out 0.3s;
-moz-transition: background-position 1.4s ease-in-out 0.3s;
-o-transition: background-position 1.4s ease-in-out 0.3s;
-ms-transition: background-position 1.4s ease-in-out 0.3s;
transition: background-position 1.4s ease-in-out 0.3s;
}
.rower {
}
.da-slide-current {
z-index: 998;
}
.da-slide{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
text-align: left;
}
.da-slider-fb .da-slide{
left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
left: 0px;
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
position: absolute;
opacity: 0;
left: 110%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
left: 10%;
opacity: 1;
}
.da-slider-fb .da-slide .da-img{
left: 60%;
opacity: 1;
}
.da-slide h2{
color: #fff;
font-size: 66px;
width: 50%;
top: 60px;
white-space: nowrap;
z-index: 10;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
font-weight: 700;
}
.da-slide p{
width: 45%;
top: 155px;
color: #916c05;
font-size: 18px;
line-height: 26px;
height: 80px;
overflow: hidden;
font-style: italic;
font-weight: 400;
font-style: italic;
}
.da-slide .da-img{
text-align: center;
width: 30%;
top: 70px;
height: 256px;
line-height: 320px;
left: 110%; }
.da-slide .da-link{
top: 270px;
border-radius: 3px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
color: #FFF;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
border: 3px solid rgba(255, 255, 255, 0.8);
padding: 2px 20px 0px;
font-size: 16px;
line-height: 34px;
text-align: center;
background: rgba(255, 255, 255, 0.2);
}
.da-slide .da-link:hover{
background: rgba(255,255,255,0.3);
}
.da-dots{
width: 100%;
position: absolute;
text-align: center;
left: 0px;
bottom: 20px;
z-index: 2000;
-moz-user-select: none;
-webkit-user-select: none;
}
.da-dots span{
display: inline-block;
position: relative;
width: 12px;
height: 12px;
border-radius: 50%;
background: #e4b42d;
margin: 3px;
cursor: pointer;
box-shadow: 
1px 1px 1px rgba(0,0,0,0.1) inset, 
1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
content: '';
width: 8px;
height: 8px;
position: absolute;
top: 2px;
left: 2px;
border-radius: 50%;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{
-moz-user-select: none;
-webkit-user-select: none;
}
.da-arrows span{
position: absolute;
top: 50%;
height: 30px;
width: 30px;
border-radius: 50%;
background: #e4b42d;
cursor: pointer;
z-index: 2000;
opacity: 0;
box-shadow: 
1px 1px 1px rgba(0,0,0,0.1) inset, 
1px 1px 1px rgba(255,255,255,0.1);
-webkit-transition: opacity 0.4s ease-in-out 0.2s;
-moz-transition: opacity 0.4s ease-in-out 0.2s;
-o-transition: opacity 0.4s ease-in-out 0.2s;
-ms-transition: opacity 0.4s ease-in-out 0.2s;
transition: opacity 0.4s ease-in-out 0.2s;
}
.da-slider:hover .da-arrows span{
opacity: 1;
}
.da-arrows span:after{
content: '';
position: absolute;
width: 20px;
height: 20px;
top: 5px;
left: 5px;
background: transparent url(//this-is-life.ch/wp-content/themes/colangine/images/parallax2/arrows.png) no-repeat top left;
border-radius: 50%;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
background-position: top right;
}
.da-arrows span.da-arrows-prev{
left: 15px;
}
.da-arrows span.da-arrows-next{
right: 15px;
}
.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
left: 10%;
opacity: 1;
}
.da-slide-current .da-img{
left: 60%;
opacity: 1;
}  .da-slide-fromright h2{
-webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
-moz-animation: fromRightAnim1 0.6s ease-in 0.8s both;
-o-animation: fromRightAnim1 0.6s ease-in 0.8s both;
-ms-animation: fromRightAnim1 0.6s ease-in 0.8s both;
animation: fromRightAnim1 0.6s ease-in 0.8s both;
}
.da-slide-fromright p{
-webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
-moz-animation: fromRightAnim2 0.6s ease-in 0.8s both;
-o-animation: fromRightAnim2 0.6s ease-in 0.8s both;
-ms-animation: fromRightAnim2 0.6s ease-in 0.8s both;
animation: fromRightAnim2 0.6s ease-in 0.8s both;
}
.da-slide-fromright .da-link{
-webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both;
-moz-animation: fromRightAnim3 0.4s ease-in 1.2s both;
-o-animation: fromRightAnim3 0.4s ease-in 1.2s both;
-ms-animation: fromRightAnim3 0.4s ease-in 1.2s both;
animation: fromRightAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromright .da-img{
-webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
-moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
-o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
-ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
animation: fromRightAnim4 0.6s ease-in 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@-moz-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@-o-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@-ms-keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@keyframes fromRightAnim1{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
0%{ left: 110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
0%{ left: 110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
0%{ left: 110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
} .da-slide-fromleft h2{
-webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
-moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
-o-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
-ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}
.da-slide-fromleft p{
-webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
-moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
-o-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
-ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}
.da-slide-fromleft .da-link{
-webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
-moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
-o-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
-ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
animation: fromLeftAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromleft .da-img{
-webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
-moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
-o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
-ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@-o-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
}
@keyframes fromLeftAnim1{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
0%{ left: -110%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
0%{ left: -110%; opacity: 0; }
1%{ left: 10%; opacity: 0; }
100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
0%{ left: -110%; opacity: 0; }
100%{ left: 60%; opacity: 1; }
} .da-slide-toright h2{
-webkit-animation: toRightAnim1 0.6s ease-in 0.6s both;
-moz-animation: toRightAnim1 0.6s ease-in 0.6s both;
-o-animation: toRightAnim1 0.6s ease-in 0.6s both;
-ms-animation: toRightAnim1 0.6s ease-in 0.6s both;
animation: toRightAnim1 0.6s ease-in 0.6s both;
}
.da-slide-toright p{
-webkit-animation: toRightAnim2 0.6s ease-in 0.3s both;
-moz-animation: toRightAnim2 0.6s ease-in 0.3s both;
-o-animation: toRightAnim2 0.6s ease-in 0.3s both;
-ms-animation: toRightAnim2 0.6s ease-in 0.3s both;
animation: toRightAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toright .da-link{
-webkit-animation: toRightAnim3 0.4s ease-in both;
-moz-animation: toRightAnim3 0.4s ease-in both;
-o-animation: toRightAnim3 0.4s ease-in both;
-ms-animation: toRightAnim3 0.4s ease-in both;
animation: toRightAnim3 0.4s ease-in both;
}
.da-slide-toright .da-img{
-webkit-animation: toRightAnim4 0.6s ease-in both;
-moz-animation: toRightAnim4 0.6s ease-in both;
-o-animation: toRightAnim4 0.6s ease-in both;
-ms-animation: toRightAnim4 0.6s ease-in both;
animation: toRightAnim4 0.6s ease-in both;
}
@-webkit-keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim1{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
0%{ left: 10%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
0%{ left: 60%;  opacity: 1; }
30%{ left: 55%;  opacity: 1; }
100%{ left: 100%; opacity: 0; }
} .da-slide-toleft h2{
-webkit-animation: toLeftAnim1 0.6s ease-in both;
-moz-animation: toLeftAnim1 0.6s ease-in both;
-o-animation: toLeftAnim1 0.6s ease-in both;
-ms-animation: toLeftAnim1 0.6s ease-in both;
animation: toLeftAnim1 0.6s ease-in both;
}
.da-slide-toleft p{
-webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both;
-moz-animation: toLeftAnim2 0.6s ease-in 0.3s both;
-o-animation: toLeftAnim2 0.6s ease-in 0.3s both;
-ms-animation: toLeftAnim2 0.6s ease-in 0.3s both;
animation: toLeftAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toleft .da-link{
-webkit-animation: toLeftAnim3 0.4s ease-in both;
-moz-animation: toLeftAnim3 0.4s ease-in both;
-o-animation: toLeftAnim3 0.4s ease-in both;
-ms-animation: toLeftAnim3 0.4s ease-in both;
animation: toLeftAnim3 0.4s ease-in both;
}
.da-slide-toleft .da-img{
-webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
-moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
-o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
-ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
animation: toLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim1{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
0%{ left: 10%;  opacity: 1; }
30%{ left: 15%;  opacity: 1; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
0%{ left: 10%;  opacity: 1; }
99%{ left: 10%; opacity: 0; }
100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
0%{ left: 60%;  opacity: 1; }
40%{ left: 70%;  opacity: 1; }
90%{ left: 0%;  opacity: 0; }
100%{ left: -50%; opacity: 0; }
} #testimonials .slides img { width: auto !important; border-radius: 50%; }
#testimonials li {
margin: 1px 16px 0 1px;
}
#testimonials .flex-direction-nav a {
display: block;
background: none;
position: absolute;
padding: 0;
top: -24px;
cursor: pointer;
opacity: 1;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#testimonials .flex-direction-nav a i {
color: #dedede;
display: block;
font-weight: bold;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#testimonials .flex-direction-nav a i:hover {
color: #949494;
}
#testimonials .flex-direction-nav .flex-prev {
right: 18px;
left: auto;
}
#testimonials .flex-direction-nav .flex-next {
right: 0px;
} .jcarousel-clip { overflow: hidden;}
.clients img {
float: left;
border: 1px solid #ddd;
border-radius:4px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.grid_12 .clients li, .grid_11 .clients li, .grid_10 .clients li, .grid_9 .clients li, .grid_8 .clients li, .grid_7 .clients li, .grid_6 .clients li, .grid_5 .clients li, .grid_4 .clients li, .grid_3 .clients li { margin: 0 5px }
.clients img:hover { border: 1px solid #888 }
.clients .jcarousel-item-horizontal { margin: 0; }
.grid_12 .galleri li, .grid_11 .galleri li, .grid_10 .galleri li, .grid_9 .galleri li, .grid_8 .galleri li, .grid_7 .galleri li, .grid_6 .galleri li, .grid_5 .galleri li, .grid_4 .galleri li, .grid_3 .galleri li { margin: 0 1px }
.galleri .jcarousel-item-horizontal { margin: 0; }
.grid_11 .galleri4 p,
.grid_10 .galleri4 p,
.grid_9 .galleri4 p,
.grid_8 .galleri4 p,
.grid_7 .galleri4 p,
.grid_6 .galleri4 p,
.grid_5 .galleri4 p,
.grid_4 .galleri4 p,
.grid_3 .galleri4 p {
display: none
}
.galleri4 a:hover img {
top: 0 !important;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.grid_11 .galleri4 h3, 
.grid_10 .galleri4 h3, 
.grid_9 .galleri4 h3, 
.grid_8 .galleri4 h3, 
.grid_7 .galleri4 h3, 
.grid_6 .galleri4 h3, 
.grid_5 .galleri4 h3, 
.grid_4 .galleri4 h3, 
.grid_3 .galleri4 h3 {
margin: 0;
bottom: -95px;
left: 4px;
}
.grid_11 .galleri4 a:hover h3, 
.grid_10 .galleri4 a:hover h3, 
.grid_9 .galleri4 a:hover h3, 
.grid_8 .galleri4 a:hover h3, 
.grid_7 .galleri4 a:hover h3, 
.grid_6 .galleri4 a:hover h3, 
.grid_5 .galleri4 a:hover h3, 
.grid_4 .galleri4 a:hover h3, 
.grid_3 .galleri4 a:hover h3 {
bottom: 4px;
}
.grid_12 .galleri4 a:hover img {
top: -44px !important;
} .jcarousel-next-horizontal,
.jcarousel-prev-horizontal {
position: absolute;
top: -52px;
right: 5px;
padding: 4px 6px;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.jcarousel-prev-horizontal {
right: 20px !important
}
.jcarousel-prev-horizontal:hover,
.jcarousel-next-horizontal:hover {
color: #1ABC9C
}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active,
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
cursor: default;
opacity: 0.5;
}
.jcarousel-prev i:before,.jcarousel-next i:before{font-size:12px}
.portfolio_carousel .jcarousel-prev{right: 2px}
.portfolio_carousel .jcarousel-next{right: -12px} .accordion-head,
.toggle-head {
padding: 10px;
border-radius: 4px;
margin: 8px 0 0 0;
font-size: 16px;
font-weight: 400;
font-family: oswald;
cursor: pointer;
text-transform: uppercase;
border: 2px solid #EAEAEA;
color: #ccc;
transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
-o-transition:all .3s;
}
.active .accordion-head,
.active .toggle-head {
border-radius: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.accordion-head i,
.toggle-head i {
padding-right: 8px;
}
.sub-accordion:first-child .accordion-head,
.sub-toggle:first-child .toggle-head {
margin: 0;
}
.accordion-head:hover,
.toggle-head:hover {
border: 2px solid #ccc;
}
.active .accordion-head,
.active .toggle-head {
color: #000;
border: 2px solid #ccc;
border-bottom: 0;
}
.active .accordion-content,
.active .toggle-content {
border: 2px solid #ccc;
}
.accordion-head:hover .accordion-head-sign, .toggle-head:hover .toggle-head-sign {
color:#ccc;
}
.accordion-content,
.toggle-content {
padding:16px;
overflow:hidden;
border: 2px solid #EAEAEA;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.accordion-head-sign,
.toggle-head-sign {
float:right;
margin: 0;
cursor:pointer;
}
.accordion-head-sign i,
.toggle-head-sign i {
padding: 0;
margin: 0;
}
.accordion-head-sign i:before,
.toggle-head-sign i:before {
font-size:16px;
line-height:16px;
}
.toggle-head-sign{
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
line-height:14px;
} .tabs {
display:block;
padding:0;
list-style:none;
}
.tabs li {
display:block;
width:auto;
padding:0;
float:left;
margin: 0 3px 0 0;
}
.tabs li a {
display: block;
padding: 10px 20px;
margin: 0 0 -2px -1px;
font-size: 12px;
cursor: pointer;
color: #CCC;
background: #FAFAFA;
border: 2px solid #EEE;
border-bottom-color:#DDD;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
text-transform: uppercase;
font-family: Oswald;
}
.tabswrap .tabs li a {
padding: 8px 11px 8px 12px;
margin: 0 0 -2px -5px;
font-size: 11px;
}
.tabs li:first-child a {
margin: 0 0 -2px 0;
}
.tabswrap .tabs li:last-child a {
width:24px;
}
.tabs li:last-child {
margin:0;
}
.tabs li a:hover {
background: #FFF;
}
.tabs li a.active {
background: #FFF;
border: 2px solid #DDD;
border-bottom: 2px solid #FFF;
color: #000;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
position:relative;
}
.tabs i:before{
font-size:16px;
line-height:16px;	
margin:0 5px;
}	
.tabs-content {
padding: 16px;
display:block;
list-style:none;
border: 2px solid #EAEAEA;
}
.tabs-content > li {
display:none;
}
.tabs-content > li.active {
display:block;
overflow:hidden;
}
.tabs:before,
.tabs:after {
content:'\0020';
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}
.tabs:after {
clear:both;
}
@keyframes prot {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }	
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }	
80% { -webkit-transform: rotate(-5deg); }	
100% { -webkit-transform: rotate(0deg); }
}
@-webkit-keyframes prot {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }	
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }	
80% { -webkit-transform: rotate(-5deg); }	
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes prot {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }	
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }	
80% { -webkit-transform: rotate(-5deg); }	
100% { -webkit-transform: rotate(0deg); }
}
@-o-keyframes prot {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }	
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }	
80% { -webkit-transform: rotate(-5deg); }	
100% { -webkit-transform: rotate(0deg); }
}
@-ms-keyframes prot {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }	
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }	
80% { -webkit-transform: rotate(-5deg); }	
100% { -webkit-transform: rotate(0deg); }
}
.tabs li a:hover i {
opacity: 1;
animation: prot 1s 1;
-webkit-animation: prot 1s 1;
-moz-animation: prot 1s 1;
-o-animation: prot 1s 1;
-ms-animation: prot 1s 1;
z-index: 11;
} .progress-bar {
background-color: #eee;
height: 42px;
position: relative;
margin-bottom: 10px;
overflow: hidden;
border-radius: 3px;
}
.progress-bar span {
display: inline-block;
height: 100%;	
background-color: #1ABC9C; 
}
.stripes span {
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;			
background-image: -webkit-gradient(linear, left top, right bottom,
color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
to(transparent));
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);            
-webkit-animation: animate-stripes 3s linear infinite;
-moz-animation: animate-stripes 3s linear infinite;       		
}
@-webkit-keyframes animate-stripes { 
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@-moz-keyframes animate-stripes {
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
.progress-bar  .progress-bar-text {
position: absolute;
bottom: 12px;
left: 20px;
font-family: oswald;
text-transform: uppercase;
font-size: 14px;
color: #FFF;
text-shadow: 1px 1px 1px rgba(73, 73, 73, 0.66);
}
.progress-bar span.lengh {
position: absolute;
right: 10px;
top: 8px;
padding: 4px 7px;
border-radius: 3px;
height: auto;
background: #FFF !important;
color: #777;
font-family: oswald;
} #footer {
background: #2c3e50;
color: #bfbfbf;
padding: 40px 0;
}
#footer p {
margin-bottom:20px;
}
#footer a {
color: #fff
}
#footer a:hover {
color: #1abc9c
}
#footer h4 {
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
color: #fff;
}
#footer strong {
color: #fff;
font-weight: bold;
}
.footer-social {
margin: 0;
}
.footer-social a {
float: left;
margin: 0 2px 2px 0;
}
.footer-social a:hover {
-webkit-animation: tada .8s 1;
-moz-animation: tada .8s 1;
-ms-animation: tada .8s 1;
-o-animation: tada .8s 1;
animation: tada .8s 1;
}
.tweet_list li {
margin: 0 0 30px 0;
}
.tweet_list .icon-twitter {
color: #E7E7E7;
font-size: 22px;
position: absolute;
left: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tweet_list li:hover .icon-twitter {
color: #1abc9c
}
.copyright{
background:rgba(0,0,0,.2);
border-radius:4px;
padding:30px;
margin:30px 35px 0;
}
.copyright h3 {
color: #fff;
} .mt { margin-top: 20px !important }
.mtt { margin-top: 30px !important }
.mtf { margin-top: 40px !important }
.mts { margin-top: 70px !important }
.mb { margin-bottom: 20px !important }
.mbt { margin-bottom: 30px !important }
.mbf { margin-bottom: 40px !important }
.mbs { margin-bottom: 70px !important  }
.fll { float: left; margin: 0 20px 30px 0 !important }
.flr { float: right; margin: 0 0 10px 20px !important }
.tac { text-align: center !important }
.two-radius,.rad2 { border-radius: 2px;}
.three-radius,.rad3 { border-radius: 3px; }
.four-radius,.rad4 { border-radius: 4px;}
.five-radiu,.rad5 { border-radius: 5px;}
.six-radius,.rad6 { border-radius:6px;}
.seven-radius,.rad7 { border-radius:7px;}
.eight-radius,.rad8 { border-radius:8px;}
.nine-radius,.rad9 { border-radius:9px;}
.ten-radius,.rad10 { border-radius: 10px;}
.circle-radius,.radcircle { border-radius: 50%;}
.dropcap { 
font-size: 32px;
margin: 0px 16px 8px 0px;
text-transform: uppercase;
float: left;
position: relative;
top: 5px;
color: white;
line-height: 54px;
padding: 0px 16px;
background: #2C3E50
}
.dropcap-border { 
font-size: 32px;
margin: 0px 16px 8px 0px;
border: 1px solid #2C3E50;
text-transform: uppercase;
float: left;
position: relative;
top: 5px;
line-height: 54px;
padding: 0px 16px;
}
.highlight {
padding: 1px 5px;
margin:0 4px;
}
.the-list li, .the-icons li {
line-height: 24px;
}
.the-list li [class^="icon-"], .the-list li [class*=" icon-"], .the-icons li [class^="icon-"], .the-icons li [class*=" icon-"] {
padding-right: 8px;
font-size: 14px;
} hr.line {
margin-bottom: 32px;
}
hr.dotted {
border-bottom: 1px dotted #777;
margin-bottom: 32px;
}
hr.double {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
margin-bottom: 32px;
}	
hr.gradient {
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
margin-bottom: 32px;
}			
hr.star {
padding: 0;
border: none;
border-top: medium double #555;
color: #555;
text-align: center;
margin: 32px 0px;
}
hr.star:after {
content: "*";
display: inline-block;
position: relative; 
top: -0.7em;  
font-size: 1.5em;
padding: 0 0.25em;
background: white;
} .hidett {
bottom: -100px !important;
}
.showtt {
bottom:18px !important;
}
#toTop {
position: fixed;
right: 32px;
bottom: -100px;
width: 40px;
height: 40px;
background:#eee;
color: #aaa;
border-radius: 3px;
cursor:pointer;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
#toTop i {
padding: 6px 0 0 13px;
display: block;
font-size: 16px;
}
#toTop:hover i {
-webkit-animation: lr .4s 1;
-moz-animation: lr .4s 1;
-ms-animation: lr .4s 1;
-o-animation: lr .4s 1;
animation: lr .4s 1;
}
#toTop:hover {
opacity: 0.9;
background: #1abc9c;
color: #fff;
} @-webkit-keyframes Out {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-moz-keyframes Out {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes Out {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes Out {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.Out {
-webkit-animation: Out 1s 1;
-moz-animation: Out 1s 1;
-ms-animation: Out 1s 1;
-o-animation: Out 1s 1;
animation: Out 1s 1;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-animation: flipInX 1s 1;
-moz-animation: flipInX 1s 1;
-ms-animation: flipInX 1s 1;
-o-animation: flipInX 1s 1;
animation: flipInX 1s 1;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation: fadeIn 1s 1;
-moz-animation: fadeIn 1s 1;
-ms-animation: fadeIn 1s 1;
-o-animation: fadeIn 1s 1;
animation: fadeIn 1s 1;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation: fadeInUp 1s 1;
-moz-animation: fadeInUp 1s 1;
-ms-animation: fadeInUp 1s 1;
-o-animation: fadeInUp 1s 1;
animation: fadeInUp 1s 1;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation: fadeInDown 1s 1;
-moz-animation: fadeInDown 1s 1;
-ms-animation: fadeInDown 1s 1;
-o-animation: fadeInDown 1s 1;
animation: fadeInDown 1s 1;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation: fadeInLeft 1s 1;
-moz-animation: fadeInLeft 1s 1;
-ms-animation: fadeInLeft 1s 1;
-o-animation: fadeInLeft 1s 1;
animation: fadeInLeft 1s 1;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation: fadeInRight 1s 1;
-moz-animation: fadeInRight 1s 1;
-ms-animation: fadeInRight 1s 1;
-o-animation: fadeInRight 1s 1;
animation: fadeInRight 1s 1;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.bounceIn {
-webkit-animation: bounceIn 1s 1;
-moz-animation: bounceIn 1s 1;
-ms-animation: bounceIn 1s 1;
-o-animation: bounceIn 1s 1;
animation: bounceIn 1s 1;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation: bounceInDown 1s 1;
-moz-animation: bounceInDown 1s 1;
-ms-animation: bounceInDown 1s 1;
-o-animation: bounceInDown 1s 1;
animation: bounceInDown 1s 1;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation: rotateIn 1s 1;
-moz-animation: rotateIn 1s 1;
-ms-animation: rotateIn 1s 1;
-o-animation: rotateIn 1s 1;
animation: rotateIn 1s 1;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation: rotateInUpLeft 1s 1;
-moz-animation: rotateInUpLeft 1s 1;
-ms-animation: rotateInUpLeft 1s 1;
-o-animation: rotateInUpLeft 1s 1;
animation: rotateInUpLeft 1s 1;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation: rotateInDownLeft 1s 1;
-moz-animation: rotateInDownLeft 1s 1;
-ms-animation: rotateInDownLeft 1s 1;
-o-animation: rotateInDownLeft 1s 1;
animation: rotateInDownLeft 1s 1;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation: rotateInUpRight 1s 1;
-moz-animation: rotateInUpRight 1s 1;
-ms-animation: rotateInUpRight 1s 1;
-o-animation: rotateInUpRight 1s 1;
animation: rotateInUpRight 1s 1;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation: rotateInDownRight 1s 1;
-moz-animation: rotateInDownRight 1s 1;
-ms-animation: rotateInDownRight 1s 1;
-o-animation: rotateInDownRight 1s 1;
animation: rotateInDownRight 1s 1;
}
@-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn {
-webkit-animation: rollIn 1s 1;
-moz-animation: rollIn 1s 1;
-ms-animation: rollIn 1s 1;
-o-animation: rollIn 1s 1;
animation: rollIn 1s 1;
}  div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }
div.pp_default .pp_top .pp_left { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite_x.png) top left repeat-x; } div.pp_default .pp_top .pp_right { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } div.pp_default .pp_next:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default #pp_full_res .pp_inline { color: #000; } 
div.pp_default .pp_gallery ul li a { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }
div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/default/loader.gif) center center no-repeat; }  div.light_rounded .pp_top .pp_left { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_middle { background: #fff; } div.light_rounded .pp_top .pp_right { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } div.light_rounded .pp_next:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_rounded .pp_expand { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_expand:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_contract { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; } 
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_arrow_previous { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_middle { background: #fff; } div.light_rounded .pp_bottom .pp_right { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } div.light_rounded .pp_loaderIcon { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }  div.dark_rounded .pp_top .pp_left { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_middle { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_top .pp_right { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content_container .pp_left { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_rounded .pp_content_container .pp_right { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_rounded .pp_content { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_next:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.dark_rounded .pp_expand { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_expand:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_arrow_previous { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_middle { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_bottom .pp_right { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; }  div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #000; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } div.dark_square .pp_expand { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_expand:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_contract { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_close { width: 75px; height: 22px; background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_arrow_previous { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_next:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; }  div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }
div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_expand:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_contract { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_close { width: 75px; height: 22px; background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_arrow_previous { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_next:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_square .pp_loaderIcon { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }  div.facebook .pp_top .pp_left { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } div.facebook .pp_top .pp_right { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } div.facebook .pp_content_container .pp_right { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } div.facebook .pp_content { background: #fff; } div.facebook .pp_expand { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; } 
div.facebook .pp_loaderIcon { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } div.facebook .pp_arrow_previous { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_next:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_bottom .pp_left { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } div.facebook .pp_bottom .pp_right { background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; }  div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px 0;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0;
}
.pp_nav p {
float: left;
margin: 2px 4px;
white-space: nowrap;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap;
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0,0,0,0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
background: url(//this-is-life.ch/wp-content/themes/colangine/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;	
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
a.pp_close {
position: absolute; right: 0; top: 0; 
display: block;
line-height:22px;
text-indent: -10000px;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 9999;
} #mobilepro {
font-size: 20px;
font-weight: bold;
display: none;
border-radius: 2px;
padding: 6px 7.5px;
cursor: pointer;
float: right;
background-color: #2C3E50;
color: #FFF;
margin: 40px 0;
}
#firstmobilepro {
font-size: 17px;
font-weight: bold;
display: none;
border-radius: 2px;
padding: 4px 6px;
cursor: pointer;
float: left;
background-color: #FFF;
color: #2C3E50;
margin: 3px 0 0 10px;
}
#mobilepro i:before,
#firstmobilepro i:before{
font-size:18px;
line-height:18px;
margin:3px;
} .widget{
float:left;
width:100%;
}
.widget h3.title {
padding-top:0;
margin-bottom:0;
}
.widget_text h3.title {
margin-bottom:15px;
}
.widget iframe{
width:100% !important;
}
.widget_colangine_facebook iframe{
padding-bottom:10px;
} .twitter_widget ul.tweet_list {
float: left;
list-style: none;
margin: 10px 5px 0;
}
.twitter_widget ul.tweet_list li {
float: left;
margin-bottom: 15px;
}
.twitter_widget ul.tweet_list li a.tweet_avatar{
float: left;
margin-right: 10px;
}
.twitter_widget ul.tweet_list li a.tweet_avatar img{
border: 1px solid #666;
float: left;
padding: 2px;
border-radius:4px;
}
.twitter_widget ul.tweet_list li span.tweet_text{
}
.twitter_widget ul.tweet_list li span.tweet_time{
}
.twitter_widget ul.tweet_list li span.tweet_time a{
color: #999;
display: block;
font-size: 10px;
padding-right: 10px;
text-align: right;
} .widget_rss {
}
.widget_rss ul {
}
.widget_rss ul li {
border-bottom: 1px solid #DDD;
margin-bottom: 10px;
padding-bottom: 3px;
}
.widget_rss ul li a {
}
.widget_rss .rss-date {
background:#EEE;
border-radius:3px 3px;
color: #888;
float: right;
font-size: 9px;
margin: 5px 0;
padding: 0 6px;
}
.widget_rss .rssSummary {
color: #999;
font-size: 12px;
line-height: 16px;
margin: 5px 0;
}
.widget_rss cite {
color: #888;
float: right;
font-style: italic;
font-size:12px;
} .embed {
margin-top:12px;
}
.embed iframe{
max-width:100%;
height:auto;
}
.embed p{
color: #666;
margin: 5px 0 10px;
} #wrap_flickr {
margin-top:10px;
}
#wrap_flickr .flickr_badge_image{
float:left;
margin:4px;
}	
#wrap_flickr .flickr_badge_image a{
float:left;
padding:3px;
border:solid 2px #ddd;
border-radius:4px;
}
#wrap_flickr .flickr_badge_image a:hover{
border:solid 2px #1ABC9C;
}
#wrap_flickr .flickr_badge_image a img{
float:left;
width:64px;
height:64px;
} .ads {margin-top:12px;}
.ads a{
border: 2px solid #ddd;
float: left;
margin: 0 11px 11px 0;
padding: 4px;
border-radius:4px;
}
.ads a img{
float:left;
}
.ads a:hover{border:solid 2px #1ABC9C;}
.ads a img:hover{} .widget ul.tabs{
margin-top:-5px;
}
.widget .tab a{
padding: 6px 10px 6px 11px;
}
.widget .tab a:hover{
}
.widget .tab a.selected{
padding: 6px 10px 6px 11px;
background:none;
}
.widget .tab:last-child a{
border-radius: 0 5px 0 0;
border-right: medium none;
display: inline-block;
padding: 6px 14px;
width: 58px;
}
.widget .tabswrap .tabs-content{
padding:15px 15px 0;
background:none;
border: 2px solid #DDD;
border-radius: 0 0 4px 4px;
width:214px;
}
.widget .recent {
border: 2px solid #DDD;
border-radius: 4px;
float: left;
padding: 15px 15px 0;
}
.widget .tabswrap .tabs-content ul,.recent ul {
list-style:none;
margin: 0;
float:left;
width:100%;
padding-bottom:10px;
}
.widget .tabswrap .tabs-content ul li,.recent ul li {
margin-bottom: 10px;
float:left;
width:100%;
}
.widget .tabswrap .tabs-content ul li,.recent ul li {
border-bottom: 1px solid #DDD;
padding-bottom:15px;
position:relative;
}
.widget .tabswrap .tabs-content ul.wp-tag-cloud li {
border:none;
padding-bottom:0;
}
.widget .tabswrap .tabs-content ul li a ,.recent ul li a{
display:block;
line-height: 19px;
font-weight:700;
}
.widget .tabswrap .tabs-content ul li i, .recent ul li i {
font-weight:400;
}		
.widget .tabswrap .tabs-content ul li .post-thumbnail,.recent ul li .post-thumbnail {
float: left;
margin-right: 10px;
position:relative;
}
.widget .tabswrap .tabs-content ul li .post-thumbnail a,.recent ul li .post-thumbnail a{
border: 1px solid #CCC;
float: left;
padding: 4px;
border-radius:5px;
}
.widget .tabswrap .tabs-content ul li .post-thumbnail a:hover,.recent ul li .post-thumbnail a:hover{
border: 1px solid #999;
}
.widget .tabswrap .tabs-content ul li .post-thumbnail a img ,.recent ul li .post-thumbnail a img {
float: left;
border-radius:2px;
margin:0 !important;
}
.widget .tabswrap .tabs-content ul li span.date,.recent ul li span.date {
background:#eee;
border-radius:3px 3px 0 0;
bottom:0;
color: #888;
float: right;
font-size: 8px;
line-height: 18px;
padding: 0 7px;
position: absolute;
right: 0;
}
.widget.widget_colangine_popular_posts, .widget.widget_colangine_recent_comments,
.widget.widget_colangine_recent_posts, .widget.widget_tag_cloud{
border-radius:4px;
}
.widget.widget_colangine_popular_posts h3.title, .widget.widget_colangine_recent_comments h3.title,
.widget.widget_colangine_recent_posts h3.title, .widget.widget_tag_cloud h3.title,
.widget.widget_colangine_portfolio h3.title{
border-bottom:solid 1px #CCC;
padding:6px 12px;
font-size:14px;
background:url(//this-is-life.ch/wp-content/themes/images/bg_off.png) repeat;
}
ul.menu li.current-menu-item a {color:#1ABC9C}
.widget .tabswrap .tabs-content ul li:last-child, .recent ul li:last-child{
margin-bottom:-1px;
}
.recent-portfolio ul {padding-bottom:5px;}
.recent-portfolio ul li {
margin-right:20px;
width: 45%;
border:none;
margin-bottom:0;
}
.recent-portfolio ul li:nth-child(2n) {margin-right:0}
a.mini-thumb img{
width:90px;
}
.recent-cap {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
bottom: 0;
color: #FFFFFF;
opacity:0;
font-weight: 700;
height: 75%;
line-height: 15px;
margin: 4px 0;
padding: 12px 4px 4px;
position: absolute;
text-align: center;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
width: 82%;
overflow:hidden;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
.post-thumbnail:hover .recent-cap {
opacity:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
} .widget select {
background: url(//this-is-life.ch/wp-content/themes/images/bg_off2.png) repeat scroll 0 0 transparent;
border: 1px solid #CCC;
color: #666;
margin: 15px 0;
padding: 6px;
width:100%;
height:35px;
border-radius:5px;
line-height:28px;
}
.widget select option{
padding:7px
} .wpcf7{
float:left;
width:100%;
}
.wpcf7 p{
float:left;
width:100%;
margin:0 0 14px;
color:#555;
}
.wpcf7 p br{float:none}
.wpcf7 p small{
color:#777;
}	
.wpcf7 input,.wpcf7 textarea,.wpcf7 select{
border: 2px solid #eee;
float: left;
padding: 6px 7px;
margin-top:4px;
width:70%;
border-radius:4px;
}
.wpcf7 input:focus,.wpcf7 textarea:focus, .wpcf7 select:focus{
border: 2px solid #1ABC9C;
}
.wpcf7 input.wpcf7-not-valid {border-color:#cc0000;}
.wpcf7 textarea{
width:95%;
height:120px;
}
.wpcf7 .wpcf7-submit{
width:90px;
background:#fff;
cursor:pointer;
}
div.wpcf7 img.ajax-loader {margin:12px 0 0 10px !important}
div.wpcf7-response-output {
float: left;
margin: 5px 0 0 !important;
padding: 6px 12px !important;
width: 95%;
border-radius:5px;
} 
div.wpcf7-validation-errors,div.wpcf7-mail-sent-ng {
background-color: #FFE9E9 !important;
border-color: #E99F9F !important;
color: #bb0000 !important;
border-width:2px !important;
}
div.wpcf7-mail-sent-ok{
background-color: #d8fdc8 !important;
border-color: #69b947 !important;
color: #1a5600 !important;
border-width:2px !important;
}
.wpcf7-not-valid-tip{display:none !important}
.widget .wpcf7 {margin-top:12px;}
.wpcf7-quiz-label{float: left;margin: 10px;}
div.wpcf7 .wpcf7-quiz{width: 20% !important;} 
.wpcf7-checkbox, .wpcf7-radio {float: left;margin: 10px;width: 94%;}
.wpcf7-list-item {float: left;}
.wpcf7-list-item input {float: right; width: 20px;}
.wpcf7-list-item-label {float: left;}
div.wpcf7 .wpcf7-file{margin: 7px 0;} .sharebox {
margin:20px 0 50px;
}
.social-icons ul li{
float:left;
}
.social-icons ul li a{
width:20px;
height:20px;
display:inline-block;
background:url(//this-is-life.ch/wp-content/themes/colangine/images/social.png) no-repeat ;
opacity: 0.35;
margin:0 4px;
font:0/0 a;
text-shadow:none;
color:transparent;
}	
.social-icons ul li a:hover{
opacity:1;
}
.social-icons .social-facebook a{
background-position:-20px 0;
}
.social-icons .social-ihavegot a{
background-position:-40px 0;
}
.social-icons .social-googleplus a{
background-position:-80px 0;
}	
.social-icons .social-pinterest a{
background-position:-140px 0;
}
.social-icons .social-linkedin a{
background-position:-180px 0;
}
.social-icons .social-email a{
background-position:-240px 0;
}	
.social-icons .social-reddit a{
background-position:-260px 0;
}	
.social-icons .social-digg a{
background-position:-280px 0;
}	
.social-icons .social-delicious a{
background-position:-300px 0;
} #lang_sel {
font-family:Tahoma, Geneva, sans-serif;
z-index:9;
}
#lang_sel a{
border-color: #DDD;
border-width: 2px !important;
padding: 6px 12px !important;
}
#lang_sel li,#lang_sel ul ul {
width:90px;
list-style-image:none;
clear:both;
}
#lang_sel ul ul {
top:40px
}
#lang_sel ul ul a {
line-height:24px !important;
}
#lang_sel a, #lang_sel a:visited {
border-radius:5px;
font-size:12px;
padding-left:5px;
}
#lang_sel ul ul {border-top:none;}
#lang_sel ul ul a, #lang_sel ul ul a:visited {border-width:1px;}
#lang_sel.icl_rtl .lang_sel_sel{background-position:left center;padding-right:5px;}
.widget #lang_sel{margin:10px 0 0}
.widget #lang_sel li{width:248px}
#lang_sel img.iclflag {display:inline}
.sf-menu li img {display:inline;margin-right:5px}
.first-head .sf-menu li img {
vertical-align: -2px;
}
.sf-menu li.langflag,.rtl .sf-menu li.langflag,.sf-menu li.langflag img {
margin-right:0;
margin-left:0;
}
.sf-menu li.langflag li{
width:44px;
clear:both;
}
.sf-menu li.langflag ul{
left:-13px;
}
.sf-menu li.langflag a {
padding-right:5px;
}
.rtl .sf-menu li.langflag a {
padding-right:10px;
padding-left:5px;
}
#lang_sel_footer{}
#lang_sel_footer ul {
display: inline-block;
}
#lang_sel_footer ul li img {
display: inline;
top:3px;
}
.gallery.gallery-columns-3 .gallery-item{width:28% !important}
.gallery.gallery-columns-4 .gallery-item{width:21% !important}
.gallery.gallery-columns-5 .gallery-item{width:16% !important}
.gallery.gallery-columns-6 .gallery-item{width:12% !important}
.gallery dt{width:100% !important}
.gallery dt:after{content:"";}
.gallery dl{border:none;}
.gallery img {border: 2px solid #ccc !important;border-radius: 5px !important;padding: 5px !important;}
.gallery img:hover {border: 2px solid #999 !important;} .wp-caption{max-width: 100%;}
.wp-caption-text{margin: 5px 0 20px !important; text-align: center;}
.gallery-caption{}
.bypostauthor{}
.hide{
display:none;
}
.relative{
position:relative;
}
.borderless{border:none}
.alignleft{text-align:left}
.aligncenter{text-align:center}
.alignright{text-align:right}
.alignjustify{text-align:justify}div.jp-audio,
div.jp-audio-stream,
div.jp-video {
font-size:1.25em;  font-family:Verdana, Arial, sans-serif;
line-height:1.6;
color: #666;
background: #313131 url(//this-is-life.ch/wp-content/themes/colangine/images/audio-bg.jpg) no-repeat top left;
}
div.jp-audio {
width:100%;
border-radius:4px;
}
div.jp-audio-stream {
width:182px
}
div.jp-video-270p {
width:480px
}
div.jp-video-360p {
width:640px
}
div.jp-video-full {
width:480px;
height:270px;
position:static !important; position:relative;
}
div.jp-video-full div div {
z-index:1000;
}
div.jp-video-full div.jp-jplayer {
top: 0;
left: 0;
position: fixed !important; position: relative; overflow: hidden;
}
div.jp-video-full div.jp-gui {
position: fixed !important; position: static; top: 0;
left: 0;
width:100%;
height:100%;
z-index:1001; }
div.jp-video-full div.jp-interface {
position: absolute !important; position: relative; bottom: 0;
left: 0;
}
div.jp-interface {
position: relative;
width:100%;
}
div.jp-audio div.jp-type-single div.jp-interface {
height:80px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
height:80px;
}
div.jp-audio-stream div.jp-type-single div.jp-interface {
height:80px;
}
div.jp-video div.jp-interface {
border-top:1px solid #009be3;
} div.jp-controls-holder {
clear: both;
width:440px;
margin:0 auto;
position: relative;
overflow:hidden;
top:-8px; }
div.jp-interface ul.jp-controls {
list-style-type:none;
margin:0;
padding: 0;
overflow:hidden;
}
div.jp-audio ul.jp-controls {
width: 380px;
padding:20px 20px 0 20px;
}
div.jp-audio-stream ul.jp-controls {
width: 142px;
padding:20px 20px 0 20px;
}
div.jp-video div.jp-type-single ul.jp-controls {
width: 78px;
margin-left: 200px;
}
div.jp-video div.jp-type-playlist ul.jp-controls {
width: 134px;
margin-left: 172px;
}
div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li {
display:inline;
float: left;
}
div.jp-interface ul.jp-controls a {
display:block;
overflow:hidden;
}
a.jp-play,
a.jp-pause {
width:40px;
height:40px;
}
a.jp-play {
color: #FFF;
font-size: 18px;
padding: 5px 0 0 30px;
}
a.jp-pause {
color: #FFF;
font-size: 18px;
padding: 5px 0 0 30px;
}
a.jp-play:hover,
a.jp-pause:hover {
color: #1ABC9C
}
a.jp-stop, a.jp-previous, a.jp-next {
width:28px;
height:28px;
margin-top:6px;
}
a.jp-stop {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) 0 -83px no-repeat;
margin-left:10px;
}
a.jp-stop:hover {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) -29px -83px no-repeat;
}
a.jp-previous {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) 0 -112px no-repeat;
}
a.jp-previous:hover {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) -29px -112px no-repeat;
}
a.jp-next {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) 0 -141px no-repeat;
}
a.jp-next:hover {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) -29px -141px no-repeat;
}  div.jp-progress {
overflow:hidden;
background-color: #ddd;
}
div.jp-audio div.jp-progress {
position: absolute;
top:34px;
height: 10px;
border-radius: 2px;
}
div.jp-audio div.jp-type-single div.jp-progress {
left:110px;
width:530px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
left:166px;
width:130px;
}
div.jp-video div.jp-progress {
top:0px;
left:0px;
width:100%;
height:10px;
}
div.jp-seek-bar {
background: #34495E;
width:0px;
height:100%;
cursor: pointer;
}
div.jp-play-bar {
background: #1ABC9C;
width:0px;
height:100%;
}
div.jp-seeking-bg {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.seeking.gif);
}  a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
width:18px;
margin-top: 6px;
color: #FFF;
}
a.jp-mute:hover,
a.jp-unmute:hover,
a.jp-volume-max:hover {
color: #1ABC9C
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
position: absolute;
right: 100px;
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
margin-left: 154px;
}
div.jp-audio-stream div.jp-type-single a.jp-mute,
div.jp-audio-stream div.jp-type-single a.jp-unmute {
margin-left:10px;
}
div.jp-audio a.jp-volume-max,
div.jp-audio-stream a.jp-volume-max {
margin-left: 56px;	
}
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
position: absolute;
top:12px;
margin-top:0;
}
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
left: 50px;
}
div.jp-video a.jp-volume-max {
left: 134px;
}
div.jp-volume-bar {
position: absolute;
overflow:hidden;
background: #34495E;
width:46px;
height:5px;
cursor: pointer;
}
div.jp-audio div.jp-volume-bar {
top:37px;
right: 40px;
}
div.jp-audio-stream div.jp-volume-bar {
top:37px;
left:92px;
}
div.jp-video div.jp-volume-bar {
top:17px;
left:72px;
}
div.jp-volume-bar-value {
background: #1ABC9C;
width:0px;
height:5px;
}  div.jp-audio div.jp-time-holder {
position:absolute;
top:50px;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
left:110px;
width: 528px;
}
div.jp-audio div.jp-type-playlist div.jp-time-holder {
left:166px;
width:130px;
}
div.jp-current-time,
div.jp-duration {
width:60px;
font-size:.64em;
font-style:oblique;
}
div.jp-current-time {
float: left;
display:inline;
}
div.jp-duration {
float: right;
display:inline;
text-align: right;
}
div.jp-video div.jp-current-time {
margin-left:20px;
}
div.jp-video div.jp-duration {
margin-right:20px;
}  div.jp-title {
font-weight:bold;
text-align:center;
}
div.jp-title,
div.jp-playlist {
width:100%;
background-color:#ccc;
border-top:1px solid #009be3;
}
div.jp-type-single div.jp-title,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist {
border-top:none;
}
div.jp-title ul,
div.jp-playlist ul {
list-style-type:none;
margin:0;
padding:0 20px;
font-size:.72em;
}
div.jp-title li {
padding:5px 0;
font-weight:bold;
}
div.jp-playlist li {
padding:5px 0 4px 20px;
border-bottom:1px solid #eee;
}
div.jp-playlist li div {
display:inline;
} div.jp-type-playlist div.jp-playlist li:last-child {
padding:5px 0 5px 20px;
border-bottom:none;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
list-style-type:square;
list-style-position:inside;
padding-left:7px;
}
div.jp-type-playlist div.jp-playlist a {
color: #333;
text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
float:right;
display:inline;
text-align:right;
margin-right:10px;
font-weight:bold;
color:#666;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media {
float:right;
display:inline;
text-align:right;
margin-right:10px;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{
color:#666;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
color:#0d88c1;
}
span.jp-artist {
font-size:.8em;
color:#666;
} div.jp-video-play {
width:100%;
overflow:hidden; cursor:pointer;
background-color:rgba(0,0,0,0); }
div.jp-video-270p div.jp-video-play {
margin-top:-270px;
height:270px;
}
div.jp-video-360p div.jp-video-play {
margin-top:-360px;
height:360px;
}
div.jp-video-full div.jp-video-play {
height:100%;
}
a.jp-video-play-icon {
position:relative;
display:block;
width: 112px;
height: 100px;
margin-left:-56px;
margin-top:-50px;
left:50%;
top:50%;
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.video.play.png) 0 0 no-repeat;
text-indent:-9999px;
}
div.jp-video-play:hover a.jp-video-play-icon {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.video.play.png) 0 -100px no-repeat;
}
div.jp-jplayer audio,
div.jp-jplayer {
width:0px;
height:0px;
}
div.jp-jplayer {
background-color: #000000;
}  ul.jp-toggles {
list-style-type:none;
padding:0;
margin:0 auto;
overflow:hidden;
}
div.jp-audio .jp-type-single ul.jp-toggles {
width:25px;
}
div.jp-audio .jp-type-playlist ul.jp-toggles {
width:55px;
margin: 0;
position: absolute;
left: 325px;
top: 50px;
}
div.jp-video ul.jp-toggles {
margin-top:10px;
width:100px;
}
ul.jp-toggles li {
display:block;
float:right;
}
ul.jp-toggles li a {
display:block;
width:25px;
height:18px;
text-indent:-9999px;
line-height:100%; }
a.jp-full-screen {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) 0 -310px no-repeat;
margin-left: 20px;
}
a.jp-full-screen:hover {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) -30px -310px no-repeat;
}
a.jp-restore-screen {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) -60px -310px no-repeat;
margin-left: 20px;
}
a.jp-restore-screen:hover {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) -90px -310px no-repeat;
}
a.jp-repeat {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) 0 -290px no-repeat;
}
a.jp-repeat:hover {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) -30px -290px no-repeat;
}
a.jp-repeat-off {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) -60px -290px no-repeat;
}
a.jp-repeat-off:hover {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) -90px -290px no-repeat;
}
a.jp-shuffle {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) 0 -270px no-repeat;
margin-left: 5px;
}
a.jp-shuffle:hover {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) -30px -270px no-repeat;
}
a.jp-shuffle-off {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) -60px -270px no-repeat;
margin-left: 5px;
}
a.jp-shuffle-off:hover {
background: url(//this-is-life.ch/wp-content/themes/colangine/styles/jplayer/jplayer.blue.monday.jpg) -90px -270px no-repeat;
}  .jp-no-solution {
padding:5px;
font-size:.8em;
background-color:#eee;
border:2px solid #009be3;
color:#000;
display:none;
}
.jp-no-solution a {
color:#000;
}
.jp-no-solution span {
font-size:1em;
display:block;
text-align:center;
font-weight:bold;
}