html {
-webkit-font-smoothing: antialiased;
} 
body { color: #333;
font-size: 15px; 
line-height: 24px;
font-weight: 300;	
}  @-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }  .page-content { overflow: hidden; }  .animated { visibility: hidden; }
.visible { visibility: visible; }  .wide-160 { padding-top: 160px; padding-bottom: 160px; }
.wide-150 { padding-top: 150px; padding-bottom: 150px; }
.wide-140 { padding-top: 140px; padding-bottom: 140px; }
.wide-130 { padding-top: 130px; padding-bottom: 130px; }
.wide-120 { padding-top: 120px; padding-bottom: 120px; }
.wide-110 { padding-top: 110px; padding-bottom: 110px; }
.wide-100 { padding-top: 100px; padding-bottom: 100px; }
.wide-90 { padding-top: 100px; padding-bottom: 90px; }
.wide-80 { padding-top: 100px; padding-bottom: 80px; }
.wide-70 { padding-top: 100px; padding-bottom: 70px; }
.wide-60 { padding-top: 100px; padding-bottom: 60px; }
.wide-50 { padding-top: 100px; padding-bottom: 50px; }
.wide-40 { padding-top: 100px; padding-bottom: 40px; }
.wide-30 { padding-top: 100px; padding-bottom: 30px; }
.wide-20 { padding-top: 100px; padding-bottom: 20px; }
.wide-10 { padding-top: 100px; padding-bottom: 10px; }  .m-top-120 { margin-top: 120px; }
.m-top-110 { margin-top: 110px; }
.m-top-100 { margin-top: 100px; }
.m-top-90 { margin-top: 90px; }
.m-top-80 { margin-top: 80px; }
.m-top-70 { margin-top: 70px; }
.m-top-60 { margin-top: 60px; }
.m-top-50 { margin-top: 50px; }
.m-top-40 { margin-top: 40px; }
.m-top-35 { margin-top: 35px; }
.m-top-30 { margin-top: 30px; }
.m-top-25 { margin-top: 25px; }
.m-top-20 { margin-top: 20px; }
.m-top-15 { margin-top: 15px; }
.m-top-10 { margin-top: 10px; }
.m-top-5 { margin-top: 5px; }  .m-bottom-120 { margin-bottom: 120px; }
.m-bottom-110 { margin-bottom: 110px; }
.m-bottom-100 { margin-bottom: 100px; }
.m-bottom-90 { margin-bottom: 90px; }
.m-bottom-80 { margin-bottom: 80px; }
.m-bottom-70 { margin-bottom: 70px; }
.m-bottom-60 { margin-bottom: 60px; }
.m-bottom-50 { margin-bottom: 50px; }
.m-bottom-40 { margin-bottom: 40px; }
.m-bottom-35 { margin-bottom: 35px; }
.m-bottom-30 { margin-bottom: 30px; }
.m-bottom-25 { margin-bottom: 25px; }
.m-bottom-20 { margin-bottom: 20px; }
.m-bottom-15 { margin-bottom: 15px; }
.m-bottom-10 { margin-bottom: 10px; }
.m-bottom-5 { margin-bottom: 5px; }
.m-bottom-0 { margin-bottom: 0; }  .m-left-100 { margin-left: 100px; }
.m-left-80 { margin-left: 80px; }
.m-left-50 { margin-left: 50px; }
.m-left-30 { margin-left: 30px; }
.m-left-25 { margin-left: 25px; }
.m-left-20 { margin-left: 20px; }
.m-left-15 { margin-left: 15px; }
.m-left-10 { margin-left: 10px; }
.m-left-5 { margin-left: 5px; }  .m-right-100 { margin-right: 100px; }
.m-right-80 { margin-right: 80px; }
.m-right-50 { margin-right: 50px; }
.m-right-30 { margin-right: 30px; }
.m-right-25 { margin-right: 25px; }
.m-right-20 { margin-right: 20px; }
.m-right-15 { margin-right: 15px; }
.m-right-10 { margin-right: 10px; }
.m-right-5 { margin-right: 5px; }  .p-top-120 { padding-top: 120px; }
.p-top-110 { padding-top: 110px; }
.p-top-100 { padding-top: 100px; }
.p-top-90 { padding-top: 90px; }
.p-top-80 { padding-top: 80px; }
.p-top-70 { padding-top: 70px; }
.p-top-60 { padding-top: 60px; }
.p-top-50 { padding-top: 50px; }
.p-top-40 { padding-top: 40px; }
.p-top-30 { padding-top: 30px; }
.p-top-25 { padding-top: 25px; }
.p-top-20 { padding-top: 20px; }
.p-top-15 { padding-top: 15px; }
.p-top-10 { padding-top: 10px; }  .p-bottom-120 { padding-bottom: 120px; }
.p-bottom-110 { padding-bottom: 110px; }
.p-bottom-100 { padding-bottom: 100px; }
.p-bottom-90 { padding-bottom: 90px; }
.p-bottom-80 { padding-bottom: 80px; }
.p-bottom-70 { padding-bottom: 70px; }
.p-bottom-60 { padding-bottom: 60px; }
.p-bottom-50 { padding-bottom: 50px; }
.p-bottom-40 { padding-bottom: 40px; }
.p-bottom-30 { padding-bottom: 30px; }
.p-bottom-25 { padding-bottom: 25px; }
.p-bottom-20 { padding-bottom: 20px; }
.p-bottom-15 { padding-bottom: 15px; }
.p-bottom-10 { padding-bottom: 10px; }
.p-bottom-0 { padding-bottom: 0; }  .p-left-60 { padding-left: 60px; }
.p-left-45 { padding-left: 45px; }
.p-left-30 { padding-left: 30px; }
.p-left-25 { padding-left: 25px; }
.p-left-20 { padding-left: 20px; }
.p-left-15 { padding-left: 15px; }
.p-left-10 { padding-left: 10px; }  .p-right-60 { padding-right: 60px; }
.p-right-45 { padding-right: 45px; }
.p-right-30 { padding-right: 30px; }
.p-right-25 { padding-right: 25px; }
.p-right-20 { padding-right: 20px; }
.p-right-15 { padding-right: 15px; }
.p-right-10 { padding-right: 10px; }  .bg-scroll {
width: 100%;
background-attachment: fixed !important;
background-repeat: no-repeat;
background-position: center center;		
background-size: cover;
}
.bg-fixed {
width: 100%;
background-repeat: no-repeat;
background-position: center center;		
background-size: cover;
}  .no-bg { background-color: transparent; }
.bg-theme { background-color: #47d9e7; }
.bg-white { background-color: #fff; }
.bg-black { background-color: #222; }
.bg-stategrey { background-color: #20242e; }
.bg-dark { background-color: #444; }
.bg-lightgrey { background-color: #f5f5f5; }
.bg-green { background-color: #64b671; }
.bg-blue { background-color: #0d82f9; }
.bg-charcoal { background-color: #2d3345; }
.bg-darkblue { background-color: #3f70ca; }
.bg-red { background-color: #f45432; }
.bg-yellow { background-color: #f6d01d; }
.bg-purple { background-color: #9c67c3; }  .b-top-grey { border-top: 1px solid #ddd; }
.b-bottom-grey { border-bottom: 1px solid #ddd; }
.b-left-grey { border-left: 1px solid #ddd; }
.b-right-grey { border-right: 1px solid #ddd; }   h1, h2, h3, h4, h5, h6 {
color: #222; font-weight: 400; } h5.h5-small {
font-size: 15px;
line-height: 22px;
}
h5 {
font-size: 16px;
line-height: 22px;
margin-bottom: 5px;
} h4.h4-small {
font-size: 18px;
line-height: 24px;
margin-bottom: 5px;
}
h4 {
font-size: 19px;
line-height: 25px;
margin-bottom: 10px;
}
h4.h4-lg {
font-size: 20px;
line-height: 28px;
font-weight: 500;
margin-bottom: 15px;
} 
h4.h4-huge {
font-size: 22px;
line-height: 30px;
} h3.h3-small {
font-size: 28px;
line-height: 38px;
margin-bottom: 15px;
}
h3 span {
font-weight: 700;
}
h3 {
font-size: 30px;
line-height: 38px;
letter-spacing: -0.5;
margin-bottom: 20px;
}
h3.h3-lg {
font-size: 34px;
line-height: 44px;
} h2 {
font-size: 36px;
line-height: 46px;
margin-bottom: 20px;
}
h2.h2-medium {
font-size: 40px;
line-height: 46px;
}
h2.h2-lg {
font-size: 42px;
line-height: 50px;
}
h2.h2-huge {
font-size: 46px;
line-height: 54px;
}  p {
color: #444;
font-size: 16px; 
line-height: 26px;
font-weight: 300;
}
p.p-small {
font-size: 14px; 
line-height: 20px;
}
p.p-lg {
font-size: 18px; 
line-height: 28px;
}
p.p-huge {
font-size: 22px; 
line-height: 30px;
}     a {
text-decoration: none;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
a:hover {
color: #444;
text-decoration: none;
}
a:focus {
outline: none;
text-decoration: none;
}  .img-responsive {
display: inline-block; 
}  .btn {
background-color: #47d9e7;
color: #fff;
font-size: 12px;
font-weight: 700;	
text-transform: uppercase;
letter-spacing: 0.5px;
border: 2px solid #47d9e7;
padding: 10px 30px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;	
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.btn i {
font-size: 15px;
margin-left: 2px;
}  .btn.btn-small {
font-size: 11px;
padding: 9px 26px;	
}
.btn.btn-small i {
font-size: 14px;
margin-left: 3px;
}
.btn.btn-medium {
font-size: 13px;
padding: 11px 36px;	
}
.btn.btn-lg {
font-size: 14px;
padding: 14px 50px;	
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.btn.btn-lg i {
font-size: 17px;
margin-left: 3px;
}  .btn.btn-black {
background-color: #444;
border-color: #444;
}
.btn.btn-tra-theme {
background-color: transparent;
border-color: #47d9e7;
color: #47d9e7;
}
.btn.btn-tra-dark {
background-color: transparent;
border-color: #666;
color: #666;	
}
.btn.btn-tra-white {
background-color: transparent;
border-color: #fff;
color: #fff;	
}  .btn.dark-hover:hover,
.btn.dark-hover:focus {
background-color: #444;
border-color: #444;
color: #fff;	
}
.btn.tra-hover:hover,
.btn.tra-hover:focus {
background-color: transparent;
border-color: #fff;
color: #fff;	
} 
.btn.theme-hover:hover,
.btn.theme-hover:focus {
background-color: #47d9e7;
border-color: #47d9e7;
color: #fff;	
}  .section-title {
text-align: center;
margin-bottom: 60px;
}
.section-title h3 {
font-size: 34px;
line-height: 42px;
font-weight: 500;
margin-bottom: 10px;
}
.section-title p { 
color: #757575;
font-size: 19px;
line-height: 27px;
padding: 0 5%;
}  .white-color h2, 
.white-color h3, 
.white-color h4, 
.white-color h5, 
.white-color h6, 
.white-color p, 
.white-color a, 
.white-color i, 
.white-color span {
color: #fff;
}  .white-color { color: #fff; }
.black-color { color: #222; }
.dark-color { color: #666; }
.grey-color { color: #999; }
.lightgrey-color { color: #ccc; }
.theme-color { color: #47d9e7; }
.blue-color { color: #0d82f9; }
.green-color { color: #64b671; }
.red-color { color: #f45432; }
.yellow-color { color: #f6d01d; }
.purple-color { color: #9c67c3; }
.darkblue-color { color: #3f70ca; }
.charcoal-color { color: #2d3345; }  .txt-thin { font-weight: 300; }
.txt-normal { font-weight: 400; }
.txt-medium { font-weight: 500; }
.txt-semi-bold { font-weight: 700; }
.txt-bold { font-weight: 900; }
.txt-uppercase { text-transform: uppercase; } #loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: #fff;
}
#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 90px;
height: 90px;
margin: -45px 0 0 -45px;
border: 3px solid transparent;
border-top-color: #25c6ff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
#loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border: 3px solid transparent;
border-top-color: #e74c3c;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; }
#loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 3px solid transparent;
border-top-color: #f9c922;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }
@-webkit-keyframes spin {
0%   {
-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
0%   {
-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}   .navbar-brand {
height: 60px;
padding: 17px 15px;
}  #header {
margin-bottom: 60px; 
}
.navbar {	
padding: 5px 0;
background-color: #fff;
margin-bottom: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.navbar.no-bg {
padding: 20px 0px;
background-color: transparent;
box-shadow: 0 0;	
}  .navbar-nav > li > a {
color: #333;
font-size: 14px;
line-height: 60px;
font-weight: 700;
display: block;
padding: 0 12px;
text-transform: uppercase;
}
.no-bg .navbar-nav > li > a { 
color: #fff; 
}  .navbar-nav > li > a.header-btn {	
background-color: #47d9e7;
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 22px;
margin-top: 10px;
padding: 7px 25px;
margin-left: 10px;
border: 2px solid #47d9e7;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.no-bg .navbar-nav > li > a.header-btn {	
background-color: transparent;
color: #fff;
border: 2px solid #fff;
}  .navbar-nav > li > a:hover,
#navigation-menu .dropdown-menu li a:hover, #navigation-menu .dropdown-menu li a:focus, 
#navigation-menu .nav .open > a, #navigation-menu .nav .open > a:focus, #navigation-menu .nav .open > a:hover {
color: #000;
background-color: transparent;
}
.no-bg.scroll .navbar-nav > li > a:hover {
color: #47d9e7;
background-color: transparent;
}
.navbar-nav.drk > li > a:hover {
color: #333;
background-color: transparent;
}
.navbar-nav > li > a:focus {
background-color: transparent;
}  .navbar.scroll {
padding: 0px;
background-color: #fff;
box-shadow: 0 0 2px rgba(50, 50, 50, 0.4);	
}
.no-bg.scroll .navbar-nav > li > a {
color: #444;
}
.bg-white .navbar-nav > li > a:hover,
.no-bg.scroll .navbar-nav > li > a:hover {
color: #47d9e7;
}
.no-bg.scroll .navbar-nav > li > a.header-btn {
background-color: #47d9e7;
border-color: #47d9e7;
color: #fff;
}  .navbar-nav > li > a.header-btn:hover,
.no-bg.scroll .navbar-nav > li > a.header-btn:hover {
background-color: #444;
border-color: #444;
color: #fff;
}
.no-bg .navbar-nav > li > a.header-btn:hover {
background-color: #47d9e7;
border-color: #47d9e7;
color: #fff;
}
.navbar-nav > li > a.header-btn:focus {
background-color: #aaa;
border-color: #aaa;
color: #fff;
}  #navigation-menu .dropdown-menu {
border: none;
border-radius: 0;
padding: 10px 0;
text-transform: uppercase;
font-size: 13px;
}
#navigation-menu .dropdown-menu li a {
padding: 5px 20px;
font-weight: 900;
}
.dropdown-submenu > .dropdown-menu {
right: 100%;
top: 0;
}  .navbar-toggle {
position: relative;
background-color: transparent;
padding: 10px;
margin: 11px 45px 11px 0;
border: none;
}
.navbar-toggle {
color: #444;
border: 2px solid #444;
}
.navbar-toggle .icon-bar {
background-color: #444;
}  .navbar .logo-white, 
.navbar .logo-black {
display: block;
}
.navbar .logo-white,
.navbar.bg-white .logo-white,
.navbar.no-bg .logo-black,
.navbar.no-bg.scroll .logo-white {
display: none;
}
.navbar.no-bg .logo-white,
.navbar.no-bg.scroll .logo-black {
display: block;
}  @media only screen and (max-width: 767px) {
.no-bg .navbar-nav > li > a.header-btn {
background-color: #47d9e7;
color: #fff;
border: 2px solid #47d9e7;
}
.no-bg .navbar-nav > li > a.header-btn:hover {
background-color: #333;
color: #fff;
border: 2px solid #333;
}
} .header-info-section {
width: 100%;
padding-top: 150px;
padding-bottom: 120px;
background-repeat: no-repeat;
background-position: center center;		
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
} 
#about-header { } 
#features-header { } 
#blog-header { }
#pricing-header { }
#contacts-header { }
.header-info-section h2.h2-medium {
margin-bottom: 10px;
} .hero-section {
width: 100%; background-repeat: no-repeat;
background-position: center center;		
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover; 
}
#hero-2.hero-section { }
#hero-3 {
width: 100%;
height: 100%;
position: relative;
top: 0px;
z-index: 1;
display: block;
overflow: hidden;
padding: 0 !important;
}
#hero-5.hero-section { }
#hero-6.hero-section,
#hero-9.hero-section {
background-image: none;
}
#hero-7.hero-section {
padding-top: 160px; }
#hero-8.hero-section { }  #hero-1 .hero-overlay {
height: 100%;
background-image: -webkit-linear-gradient(129deg,rgba(57, 227, 165,0.7), rgba(0, 136, 209,0.7));
background-image: linear-gradient(129deg,rgba(57, 227, 165,0.7), rgba(0, 136, 209,0.7));
}
#hero-6 .hero-overlay,
#hero-9 .hero-overlay {
height: 100%;
background-color: rgba(10, 10, 10, 0.75); 	
}  .hero-row-240 {
padding-top: 240px;
padding-bottom: 240px;
}
.hero-row-220 {
padding-top: 220px;
padding-bottom: 220px;
}
.hero-row-200 {
padding-top: 200px;
padding-bottom: 200px;
}
.hero-row-180 {
padding-top: 180px;
padding-bottom: 180px;
}
.hero-row-160 {
padding-top: 160px;
padding-bottom: 160px;
}
.hero-row-120 {
padding-top: 120px;
padding-bottom: 120px;
}  .wide-hero .hero-row-240 {
padding-top: 280px;
padding-bottom: 240px;
}
.wide-hero .hero-row-220 {
padding-top: 260px;
padding-bottom: 220px;
}
.wide-hero .hero-row-200 {
padding-top: 240px;
padding-bottom: 200px;
}
.wide-hero .hero-row-180 {
padding-top: 220px;
padding-bottom: 180px;
}
.wide-hero .hero-row-160 {
padding-top: 200px;
padding-bottom: 160px;
}
.wide-hero .hero-row-120 {
padding-top: 160px;
padding-bottom: 120px;
}  h3.h3-hero-normal {
font-size: 45px;
line-height: 55px;
margin-bottom: 15px;	
}  h2.h2-hero-small {
font-size: 50px;
line-height: 60px;
font-weight: 500;
margin-bottom: 10px;
}
h2.h2-hero-normal {
font-size: 60px;
line-height: 72px;
font-weight: 600;
margin-bottom: 15px;
}
h2.h2-hero-medium {
font-size: 70px;
line-height: 82px;
font-weight: 700;
margin-bottom: 15px;
}
h2.h2-hero-lg {
font-size: 82px;
line-height: 90px;
font-weight: 700;
margin-bottom: 10px;
}
#hero-1 h2.h2-hero-medium,
#hero-3 h2.h2-hero-lg {
margin-bottom: 5px;
}
#hero-8 h2.h2-hero-medium {
font-weight: 400;
}  .hero-txt p.p-hero-small {
font-size: 17px;
line-height: 26px;
margin-bottom: 10px;
}
.hero-txt p {
font-size: 18px;
line-height: 26px;
margin-bottom: 12px;
} 
.hero-txt p.p-hero-medium {
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
} 
.hero-txt p.p-hero-lg {
font-size: 28px;
line-height: 38px;
}
.hero-txt p.p-hero-huge {
font-size: 34px;
line-height: 40px;
}
#hero-3 .hero-txt p, 
#hero-9 .hero-txt p {
padding: 0 5%;
}
#hero-4 .hero-txt p,
#hero-7 .hero-txt p,
#hero-8 .hero-txt p {
padding: 0 10%;
}  #hero-7 .btn i {
font-size: 14px;
margin-left: 4px;
}  .hero-list p.p-hero-small {
margin-bottom: 5px;
}
.hero-list p span {
margin-right: 10px;
}  #hero-form form {	
background: rgba(45, 45, 45, 0.6);
border: 1px solid #444;
padding: 40px 32px 25px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#hero-form h3 {
margin-bottom: 5px;
}
#hero-form p {
font-size: 15px;
line-height: 25px;
margin-bottom: 25px;
}
#hero-form p span {
font-weight: 700; 
}
#hero-form p.p-small {
font-size: 14px; 
line-height: 20px;
}  .register-form .col-md-12 { 
padding: 0; 
}
#hero-form .form-control {
background-color: #fff;
color: #222;
height: 44px;
font-size: 15px;
font-weight: 300;
margin-bottom: 18px;
border: 1px solid #bbb;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#hero-form .form-control:focus {
border-color: #101010;
outline: 0px none;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 0px rgba(0, 0, 0, 0.2);
}  #hero-form .loading {
color: #fff;
font-size: 16px;
font-weight: 700;
margin-top: 20px;
}
.error {
color: #e74c3c;
font-size: 14px;
font-weight: 300;
margin-bottom: 20px;
}  .register-form .btn {
width: 100%;
font-size: 15px;
display: block;
margin-bottom: 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;	
}
.register-form .btn:focus {
background-color: #47d9e7;
color: #fff;
border-color: #47d9e7;
}  #slides {
position: relative;
}
#slides .scrollable {
height: 100%;
position: relative;
top: 0;
left: 0;
*zoom: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
#slides .scrollable:after {
content: "";
display: table;
clear: both;
}
#hero-3 .hero-txt {
width: 80%; 
position: absolute;
left: 50%;
top: 50%;
color: #fff;
text-align: center;
display: inline-block;
padding: 50px 0;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}  .slides-navigation {
width: 100%;
position: absolute;
z-index: 3;
top: 46%;
}
.slides-navigation a {
position: absolute;
display: block;
}  .slides-navigation a.next {
right: 0px;
}
.slides-navigation .next.fa-angle-right {
color: #eee;
font-size: 70px;
opacity: 0.4;
margin-right: 30px;
}  .slides-navigation a.prev {
left: 0px;
}
.slides-navigation .prev.fa-angle-left {
color: #ddd;
font-size: 70px;
opacity: 0.4;
margin-left: 30px;
}  .slides-navigation .next.fa-angle-right:hover,
.slides-navigation .prev.fa-angle-left:hover {
opacity: 0.85;
}  .scroll-down {
display: block;
width: 100%;
position: absolute;
z-index: 99;  
left: 0px;
bottom: 5%;
text-transform: uppercase;
color: #ddd;
font-size: 13px;
font-weight: 700;
text-align: center;
-webkit-animation-name: Floatingx;
-webkit-animation-duration: 1.8s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-name: Floating;
-moz-animation-duration: 1.8s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
}
@-webkit-keyframes Floatingx{
from {-webkit-transform:translate(0, 0px);}
65% {-webkit-transform:translate(0, 10px);}
to {-webkit-transform: translate(0, -0px);    }    
}
@-moz-keyframes Floating{
from {-moz-transform:translate(0, 0px);}
65% {-moz-transform:translate(0, 10px);}
to {-moz-transform: translate(0, -0px);}    
}
.mouse {
width: 18px;
height: 28px;
color: #ddd;
border: 2px solid #ddd;
border-radius: 12px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
display: block;
text-align: center;
margin: 0px auto 10px; 
}
.mouse span {
font-size: 20px; 
margin-top: 6px;
}  .flex-control-nav {
bottom: -120px;
}
#hero-8 .flex-control-paging li a {
background: transparent;
border: 2px solid #fff;
}
#hero-8 .flex-control-paging li a:hover { 
background: #fff;
border: 2px solid #fff;
}
#hero-8 .flex-control-paging li a.flex-active { 
background: #fff;
border: 2px solid #fff;
} .about-txt {
margin-top: 15px;
margin-bottom: 50px;
}
.about-txt p.p-lg {
margin-bottom: 15px;
}  #about-img-1 {
padding-right: 10px;
}    
#about-img-2 {
padding-left: 10px;
} .promo-img {
position: relative;
text-align: center;
margin-bottom: 80px;
}  .modal-video {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -55px;
margin-left: -55px;	
}
a.banner-video-icon {
background-color: #47d9e7;
width: 110px;
height: 110px;
display: inline-block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
text-align: center;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
a.banner-video-icon i {
color: #fff;
font-size: 38px;
line-height: 110px;
}
a.banner-video-icon:hover {
background-color: #444;
}  .promo-box h4.h4-lg {
margin-bottom: 10px;
}
.promo-box p {
margin-bottom: 0;
} .tabs-txt {
margin-top: 20px;
}  .tabs-nav {
display: inline-block;
border: 1px solid #ddd;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;	
margin-top: 10px;
margin-bottom: 25px;
-webkit-box-shadow: 0 0 6px rgba(10, 10, 10, 0.05);
-moz-box-shadow: 0 0 6px rgba(10, 10, 10, 0.05);
box-shadow: 0 0 6px rgba(10, 10, 10, 0.05);
}
.nav-tabs {
border-bottom: none;
}
.nav-tabs > li > a {
background-color: transparent;
color: #999;
font-size: 13px;
font-weight: 700;	
text-transform: uppercase;
border: 1px solid transparent;
padding: 10px 30px;
margin-right: 0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;	
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
} 
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
background-color: #47d9e7;
border-color: #47d9e7;
color: #fff;
border-bottom: 1px solid #47d9e7;
} 
.nav-tabs > li > a:hover {
background-color: transparent;
border: 1px solid transparent;
color: #444;
border-bottom: 1px solid transparent;
}  .tab-content > .tab-pane {
padding: 0;
border: none;
border: none;
} 
.tabs-txt p a {
color: #47d9e7;
font-size: 17px; 
font-weight: 900;
text-decoration: underline;
}
.tabs-txt p a:hover {
color: #444;
}  .goalProgress {
background: #ddd;
margin-bottom: 18px;
}
div.progressBar {
background: #47d9e7;
padding: 2px 0;
overflow: hidden;
width: 20px;
}
span.goalAmount {
display: none;
text-indent: -9999px;
}   
.barWrapper h5 {
margin-bottom: 5px;
display: inline-block;
}  .barWrapper {
position: relative;
}
.skill-percent {	
font-size: 16px;
line-height: 16px;
font-weight: 700;
display: inline-block;
position: absolute;
top: 5px;
right: 2%;
} #banner { border-bottom: 1px solid #f5f5f5;
}
.banner-txt p.p-lg {
color: #e0e0e0;
margin: 20px 0 35px;
}
.banner-txt p.p-small span {
color: #fff;
font-weight: 700;
}   .sbox span {
color: #47d9e7;
font-size: 40px;
line-height: 40px!important;
float: left;
margin-right: 20px;	
}
.sbox p {
margin-top: 10px;
margin-bottom: 0;
}
.sbox h4 {
font-weight: 500;
line-height: 40px!important;
} #content-1 { } 
.content-1-txt {
margin-top: 30px;
}
.content-2-txt {
margin-top: 20px;
}  .cbox-icon {
text-align: center;
float: left;
margin-top: 5px;
}
.cbox-icon span {
color: #47d9e7;	
width: 50px;
height: 50px;
font-size: 50px;
line-height: 50px!important;	
}  .cbox-txt h4.h4-small {
font-weight: 500;
margin-bottom: 5px;
} 
.cbox-txt {
overflow: hidden;
padding-left: 20px;
}  .content-list p {
font-size: 15px;
line-height: 26px;
margin-bottom: 4px;
}  
.content-list-1 p {
font-size: 17px;
line-height: 27px;
margin-bottom: 4px;
}  
.content-list p span {
font-weight: 700;
margin-right: 6px;
} 
.content-list-1 p i {
color: #47d9e7;
margin-right: 5px;
}  .statistic-number {
font-size: 60px;
line-height: 60px; font-weight: 700;
letter-spacing: -1px;
margin-bottom: 0;
}  .panel-group {
margin-bottom: 0;
}
.panel-group .panel + .panel {
margin-top: 4px;
margin-bottom: 4px;
}  .panel-default > .panel-heading {
background-color: #fbfbfb;
}
.panel-heading {
padding: 12px 20px;
}
.panel-group h4.h4-small {
margin-bottom: 0;
}
.panel-heading a {
color: #333; 
font-weight: 500;
}
.panel-heading a span {
color: #47d9e7;
font-size: 16px;
line-height: 24px;
margin-right: 3px;
font-weight: 400;
}  .panel-body {
padding: 20px 30px;
border: none;
}
.panel-body li  {
margin-bottom: 5px;
}
.panel-body li i {
color: #47d9e7;
font-size: 13px;
margin-right: 6px;
} #portfolio .section-title {
margin-bottom: 40px;
}  .btn-toolbar .btn-group {
float: none;
}  .gallery-filter .btn-group > .btn {
background-color: #f0f0f0;
color: #777;
margin: 0 3px;
padding: 7px 18px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: none;
text-shadow: none;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.btn-group > .btn:last-child:not(:first-child), 
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}  .gallery-filter .btn-group > .btn:hover {
color: #fff;
background-color: #47d9e7;
}  .gallery-filter .btn-group > .btn.active,
.gallery-filter .btn-group > .btn.focus {
color: #fff;
background-color: #47d9e7;
box-shadow: 0 0 0 0;
cursor: default;
}  .portfolio-items-list {
padding: 0 5px;
}  div.pp_default .pp_description {
font-size: 15px;
line-height: 15px;
}
.portfolio-item  {
position: relative;	
text-align: center;
margin-bottom: 20px;
padding: 0 10px;
display: none;
opacity: 0;
-moz-opacity: 0; 
}
.hover-overlay img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.hover-overlay {
width: 100%;
height: auto;
overflow: hidden;
position: relative;	
}
.item-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  .overlay-content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-17%);
-ms-transform: translateY(-17%);
transform: translateY(-17%);
bottom: 0;
left: 0;
z-index: 20;
width: 100%;
zoom: 1;
opacity: 0;
-webkit-transition: all 350ms ease-out;
-moz-transition: all 350ms ease-out;
-o-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.overlay-content h4 {
font-size: 22px;
line-height: 22px;
margin-bottom: 4px;
}  .item-overlay {
opacity: 0;
-moz-opacity: 0; 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(10, 10, 10, 0.75);
-moz-transition: opacity 400ms ease-out;
-webkit-transition: opacity 400ms ease-out;
-o-transition: opacity 400ms ease-out;
transition: opacity 400ms ease-out;
}  .hover-overlay:hover > img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
}
.hover-overlay:hover .item-overlay,
.portfolio-item:hover .overlay-content {
opacity: 1; 
-moz-opacity: 1; 
} .logo-holder {
margin-top: 30px;
padding: 0 25px;
}   
.clients-title h4 {
color: #666;
line-height: 28px;
margin-bottom: 5px;
}  
.item {
padding: 0;
margin-bottom: 30px;	
} .review {
text-align: center;
margin-bottom: 50px;
padding: 0 20px;
}  .review span {
color: #47d9e7;
font-size: 36px;
line-height: 36px;
font-weight: 300;
font-style: italic;
display: block;
}  
.review p {
color: #666;
font-size: 17px;
line-height: 27px;
font-style: italic;
padding: 20px 0 15px;
}  #reviews .owl-carousel .owl-item img {
width: 90px;
height: 90px;
display: inline-block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}  .review h5 {
line-height: 18px;
font-weight: 500;
margin-top: 15px;
margin-bottom: 0;	
}
.review span.author-data {
color: #777;
font-size: 16px; 
line-height: 24px;
}  .owl-theme .owl-dots .owl-dot span {
margin: 5px;
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
background: #666; 
} #call-to-action  { }  
.promo-overlay {
height: 100%;
background-image: -webkit-linear-gradient(129deg,rgba(57, 227, 165,0.7), rgba(0, 136, 209,0.7));
background-image: linear-gradient(129deg,rgba(57, 227, 165,0.7), rgba(0, 136, 209,0.7));
padding-top: 100px;
padding-bottom: 100px;
}  .cta-txt h3 {
margin-bottom: 10px;
}
.cta-txt p {
padding: 0 10%;
margin-bottom: 25px;
} #pricing { }
#pricing .section-title {
margin-bottom: 30px;
}   
.pricing-table {
position: relative;
}  #pricing .tabs-nav {
border: 1px solid #aaa;
}
#pricing .nav-tabs > li > a,
#pricing-page .nav-tabs > li > a {
font-size: 16px;
font-weight: 400;	
text-transform: none;
}
#pricing .nav-tabs > li > a span,
#pricing-page .nav-tabs > li > a span {
color: #f45432;
font-size: 14px;
font-weight: 400;	
margin-left: 10px;
}
#pricing .nav-tabs > li.active > a span, 
#pricing-page .nav-tabs > li.active > a span,
#pricing .nav-tabs > li.active > a span:hover, 
#pricing-page .nav-tabs > li.active > a span:hover,
#pricing .nav-tabs > li.active > a span:focus,
#pricing-page .nav-tabs > li.active > a span:focus {
color: #fff;
} 
#pricing .nav-tabs > li > a:hover {
color: #fff;
}  .pricing-1 {
padding-right: 0;
}
.pricing-2, 
.pricing-3 {
padding-right: 0;
padding-left: 0;
}
.pricing-4 {
padding-left: 0;
}  .pricing-table {
border: 2px solid #fff;
background-color: #2d3345;
}
#pricing-page .pricing-table {
border: 2px solid #ccc;
background-color: #fff;
}
.pricing-2 .pricing-table,
#pricing-page .pricing-2 .pricing-table {
border-right: none;
border-left: none;
}
.pricing-4 .pricing-table,
#pricing-page .pricing-4 .pricing-table {
border-left: none;
}  .pricing-table {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.pricing-1 .pricing-table {
-webkit-border-radius: 12px 0 0 12px;
-moz-border-radius: 12px 0 0 12px;
border-radius: 12px 0 0 12px;
}
.pricing-2 .pricing-table,
.pricing-3 .pricing-table {
-webkit-border-radius: 0 0 ;
-moz-border-radius: 0 0;
border-radius: 0 0;
}
.pricing-4 .pricing-table {
-webkit-border-radius: 0 12px 12px 0;
-moz-border-radius: 0 12px 12px 0;
border-radius: 0 12px 12px 0;
}  .pricing-table .price {
padding-top: 30px;
}
.pricing-table h4 {
font-weight: 600;
margin-bottom: 5px;
}
.pricing-table h5 {
font-size: 14px;
line-height: 20px;
margin-bottom: 30px;
padding: 0 40px;
}
.pricing-table .price span {
font-size: 80px;
line-height: 60px;
font-weight: 700; letter-spacing: -2px;
}
.pricing-table .price sup {
font-size: 35px;
font-weight: 700;
top: -15px;
}
.pricing-table .price sup.coins {
font-size: 30px;
font-weight: 400;
top: -35px;
}
.pricing-table p {
font-weight: 500;
margin-top: 5px;
margin-bottom: 0;
}  .pricing-table ul.features {
font-size: 16px;
line-height: 16px;
font-weight: 300;
padding: 0 20px 50px;
}
.pricing-table ul.features li {
padding: 8px 0;
}  .pricing-table .btn {
margin: 25px 0;
}  .pricing-table.highlight {
background-color: #1f232f;
}
#pricing-page .pricing-table.highlight {
background-color: #f5f5f5;
}  .pricing-notice p {
margin-bottom: 4px;	
}
.pricing-notice p span {
margin-right: 5px;	
}  .ribbon-wrapper {
width: 95px;
height: 95px;
overflow: hidden;
position: absolute;
top: 0px;
right: 0px;
}
.ribbon {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
text-shadow: rgba(150, 150, 150, 0.3) 0px 1px 0px;
-webkit-transform: rotate(45deg);
-moz-transform:    rotate(45deg);
-ms-transform:     rotate(45deg);
-o-transform:      rotate(45deg);
position: relative;
padding: 7px 0;
left: -30px;
top: 15px;
width: 185px;
background-color: #4db8e0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#4db8e0), to(#0391c5));
background-image: -webkit-linear-gradient(top, #4db8e0, #0391c5);
background-image:    -moz-linear-gradient(top, #4db8e0, #0391c5);
background-image:     -ms-linear-gradient(top, #4db8e0, #0391c5);
background-image:      -o-linear-gradient(top, #4db8e0, #0391c5);
color: #fff;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 0px 3px rgba(0 ,0, 0, 0.3);
box-shadow:         0px 0px 3px rgba(0, 0, 0, 0.3);*/
}
.ribbon:before, 
.ribbon:after {
content: "";
border-top:   3px solid #6e8900;
border-left:  3px solid transparent;
border-right: 3px solid transparent;
position:absolute;
bottom: -3px;
}
.ribbon:before {
left: 0;
}
.ribbon:after {
right: 0;
}   .question {
margin-bottom: 30px;
} .team-member {
text-align: center;
margin-bottom: 50px;
padding: 0 10px;
}  #team .owl-carousel .owl-item img {
display: inline-block;
width: auto!important;
-webkit-transform-style: flat;
transform-style:  flat;
}
.img-block {
position: relative;
width: 100%;
height: 100%;
}
.img-block-wrapper-hover {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(10, 10, 10 ,0.75);
opacity: 0;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}  .img-block .team-member-data {
position: absolute;
bottom: 10%;
left: 5%;
margin-top: 0;
width: 100%;
}
.img-block .social-icons {
position: absolute;
top: 50%;
margin-top: -25px;
width: 100%;
}
.img-block .social-icons i {
color: #fff;
width: 50px;
height: 50px;
font-size: 21px;
line-height: 46px !important;
cursor: pointer;
border: 2px solid #fff;
text-align: center;
margin-right: 4px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
} 
.img-block .social-icons i:hover {
color: #fff;
background-color: #47d9e7;
border-color: #47d9e7;
}
.team-member:hover .img-block-wrapper-hover {
opacity: 1;
}  .team-img-meta {
padding: 20px 30px 0;
}
.team-img-meta h4 {
font-weight: 500;
margin-bottom: 5px;
}
.team-img-meta h6 {
color: #47d9e7;
font-size: 16px;
line-height: 16px;
margin-bottom: 15px;
padding-bottom: 18px;
border-bottom: 1px solid #ccc;
} .blog-post-text h4 {
font-weight: 500;
margin-bottom: 5px;
}
.blog-post-text p span {
font-weight: 500;
}
.blog-post-text .btn {
padding: 7px 18px;
}
#blog-page .blog-post-text .btn {
padding: 10px 30px;
}  .pagination {
margin: 10px 0 0;
padding-top: 50px;
}
.pagination > li > a, 
.pagination > li > span {
font-size: 16px;
font-weight: 400;
padding: 9px 16px;
color: #333;
border: 1px solid #ccc;
}
.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination > li > span:hover {
z-index: 2;
color: #222;
background-color: #eee;
border-color: #ddd;
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
background-color: #47d9e7;
border-color: #47d9e7;
}  .related-article {
padding: 15px 0 25px;
margin-bottom: 5px;
}
.related-articles h4.h4-huge {
margin-bottom: 5px;
} 
.related-article span {
color: #757575;
display: block;
font-size: 15px;
line-height: 15px;
font-weight: 400;
margin-bottom: 6px;
}
.related-article a {
color: #1785eb;
font-size: 17px;
line-height: 25px;
}
.related-article a:hover {
color: #333;
text-decoration: underline;
}  .share-social-icons {
display: inline-block; 
padding-left: 0;
}
.share-social-icons li {
width: auto !important;
display: inline-block !important;
vertical-align: top;
clear: none !important;
padding: 0;
}
a.share-ico {
width: 90px;
height: 35px;
font-size: 18px;
line-height: 35px !important;
text-align: center;
margin-right: 3px;
display: block;
opacity: 0.75;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
a.share-ico.ico-facebook {background-color: #3b5998; border-color: #3b5998; color: #fff;}
a.share-ico.ico-twitter {background-color: #00a9ed; border-color: #00a9ed; color: #fff;}
a.share-ico.ico-behance {background-color: #00a8e7; border-color: #00a8e7; color: #fff;}
a.share-ico.ico-google-plus {background-color: #cd1111; border-color: #cd1111; color: #fff;}
a.share-ico.ico-linkedin {background-color: #015886; border-color: #015886; color: #fff;}
a.share-ico.ico-dribbble{background-color: #d92d84; border-color: #d92d84; color: #fff;}
a.share-ico.ico-instagram {background-color: #beb3a8; border-color: #beb3a8; color: #fff;}
a.share-ico.ico-pinterest {background-color: #ac281a; border-color: #ac281a; color: #fff;}
a.share-ico.ico-dropbox {background-color: #008ad2; border-color: #008ad2; color: #fff;}
a.share-ico.ico-skype {background-color: #00a9ed; border-color: #00a9ed;color: #fff;}
a.share-ico.ico-youtube {background-color: #cd1b20; border-color: #cd1b20;color: #fff;}
a.share-ico.ico-tumblr {background-color: #3a5976; border-color: #3a5976;color: #fff;}
a.share-ico.ico-vimeo {background-color: #00adee; border-color: #00adee; color: #fff;}
a.share-ico.ico-flickr {background-color: #d2d2d2; border-color: #d2d2d2; color: #fff;}
a.share-ico.ico-github {background-color: #222; border-color: #222; color: #fff;}
a.share-ico.ico-renren {background-color: #364a83; border-color: #364a83; color: #fff;}
a.share-ico.ico-vk {background-color: #3b5998; border-color: #3b5998; color: #fff;}
a.share-ico.ico-xing {background-color: #015f5e; border-color: #015f5e; color: #fff;}
a.share-ico.ico-weibo {background-color: #be4443; border-color: #be4443; color: #fff;}
a.share-ico.ico-rss {background-color: #ff6600; border-color: #ff6600; color: #fff;}
a.share-ico.ico-digg {background-color: #222; border-color: #222; color: #fff;}
a.share-ico.ico-deviantart {background-color: #57675d; border-color: #57675d; color: #fff;}
a.share-ico.ico-envelope {background-color: #999; border-color: #999; color: #fff;}
a.share-ico.ico-delicious {background-color: #0A0A0A; border-color: #0A0A0A; color: #fff;}
a.share-ico:hover {
opacity: 1;
}   .comment-form h4.h4-huge {
margin-bottom: 0;
}
.comment-form span {
color: #333;
font-size: 15px;
line-height: 15px;
font-weight: 700;
margin-bottom: 10px;
padding-left: 5px;
display: block;
}  .comment-form .form-control {
height: 55px;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 0 0;
color: #444;
font-size: 16px;
font-weight: 300;
padding: 10px 12px;
margin-bottom: 15px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}  .comment-form textarea { min-height: 160px; }  .comment-form .form-control::-moz-placeholder { color: #aaa; } 
.comment-form .form-control:-ms-input-placeholder { color: #aaa; }
.comment-form .form-control::-webkit-input-placeholder { color: #aaa; }  .comment-form .form-control:focus {
outline: 0px none;
box-shadow: none;
}  .comment-form-msg .loading {
color: #00c1f0;
font-size: 18px;
line-height: 18px;
font-weight: 700;
}
.comment-form .error {
color: #fe4918;
font-size: 15px;
line-height: 15px;
font-weight: 300;
margin-bottom: 20px;
} #bottom-banner { } 
.bb-text h2 {
margin-bottom: 12px;
} #get-in-touch { background-repeat: repeat-x repeat-y;
background-attachment: fixed !important;
}
#get-in-touch h3 {
font-weight: 500;
margin-bottom: 0;
} 
#get-in-touch a {
text-decoration: underline;
} .form-holder {
padding: 50px 50px 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
}   
.contacts-txt p span {
font-weight: 500;
}  .contact-data {
padding-top: 28px;	
padding-bottom: 25px;
} 
.contact-data h5 {
font-weight: 500;
margin-bottom: 7px;
}   
.contact-data p {
margin-bottom: 2px;
}
.contact-data span {
margin-right: 4px;
}  .google-map {
position: relative;
padding: 0px 0px 52.55%;
height: 0px;
overflow: hidden;
}
.google-map iframe, 
.google-map object, 
.google-map embed {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border:0;
}    .contact-form .form-control {
height: 50px;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 0 0;
color: #444;
font-size: 15px;
font-weight: 300;
padding: 10px 12px;
margin-bottom: 12px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}  textarea { min-height: 150px; }  .contact-form .form-control::-moz-placeholder { color: #aaa; } 
.contact-form .form-control:-ms-input-placeholder { color: #aaa; }
.contact-form .form-control::-webkit-input-placeholder { color: #aaa; }  .contact-form .form-control:focus {
outline: 0px none;
box-shadow: none;
}  .contact-form-msg {
margin-top: 20px;
}
.contact-form-msg .loading {
color: #64b671;
font-size: 17px;
line-height: 17px;
}
.contact-form-msg .error {
color: #fe4918;
font-size: 15px;
line-height: 15px;
font-weight: 300;
}
.contact-form label.error {
color: #fe4918;
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
} .pre-footer {
background-color: #292929;
}
#footer h4.h4-small {
font-weight: 600;
margin-bottom: 15px;
}
.pre-footer p.p-small, .footer-copyright p.p-small {
color: #ddd;
}  .about-links, 
.useful-links, 
.footer-icons {
display: inline-block; 
padding-left: 0;
margin: 0 auto;
}
.about-links li, 
.useful-links li, 
.footer-icons li {
width: auto !important;
display: block !important;
vertical-align: top;
clear: none !important;
padding: 2px 0;
}
.footer-icons li {	
display: inline-block !important;
padding: 2px 0;
}
.about-links li a, 
.useful-links li a {
color: #ccc;
line-height: 24px;
}
a.foo-social {
color: #ccc;
width: 30px;
height: 30px;
font-size: 19px;
line-height: 30px !important;
text-align: center;
margin-right: 4px;
display: block;
}
.about-links li a:hover, 
.useful-links li a:hover,
a.foo-social:hover {
color: #fff;
text-decoration: underline;
}    .newsletter-form .form-control {
height: 40px;
background-color: #fff;
border: 1px solid #fff;
color: #222;
font-size: 15px;
font-weight: 300;
padding: 0px 16px;
box-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.newsletter-form .form-control:focus {
border-color: #fff;
outline: 0;
box-shadow: none;
}  .newsletter-form .btn { 
height: 40px;	
font-size: 21px;
line-height: 40px;
padding: 0 26px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-o-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;	
}
.footer-newsletter .form-notification {
color: #f45432;
font-size: 14px;
line-height: 14px;
font-weight: 300;
margin-top: 15px;
margin-bottom: 10px;
} #scrollUp {
display: none;
width: 50px;
height: 50px;
position: fixed;
bottom: 20px;
right: 20px;
background-image: url(//www.galvanik-horstmann.de/wp-content/themes/codepoint/assets/img/back-to-top.png);
background-repeat: no-repeat;
background-position: 50% 48%;
background-color: rgba(35, 35, 35, 0.5);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all 250ms linear;
-moz-transition: all 250ms linear;
transition: all 250ms linear;	
}
#scrollUp:hover {
background-color: #47d9e7;
}
nav a#pull {  
display: none;  
} #stlChanger {
color: #fff;
font-size: 14px;
overflow: hidden;
position: fixed;
top: 60px;
left:0;
z-index: 9999999;
}
#stlChanger .bgChanger {
position: relative;
overflow: hidden;
}
#stlChanger .bgChanger {
min-width: 220px;
min-height: 220px;
}
#stlChanger .blockChanger {
width: 170px;
}
#stlChanger .chBody {
background: #353535;
width: 180px;
position: relative;
overflow: hidden;
border: 1px solid #151515;
border-radius: 0 6px 6px 0;
}
#stlChanger .chBut {
background: #c50009;
width: 40px;
height: 40px;
position:absolute;
top: 15px;
right:0px;
z-index: 1000000;
text-align: center;
border: 1px solid #c50009;
border-left: none;
border-radius: 0px 4px 4px 0px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
#stlChanger .chBut:hover {
background: #47d9e7;
border-color: #47d9e7;
}
#stlChanger .chBut span {
color: #fff;
font-size: 26px;
margin: 6px 4px;
display: inline-block;
}
#stlChanger .stBlock {
position: relative;
overflow: hidden;
}
#stlChanger p {
color: #fff;
font-size: 14px;
line-height: 18px;
font-weight: 700;
}
#stlChanger .stBgs a {
text-decoration:none;
width: 35px;
height: 35px;	
float:left;
padding:0;
margin: 0 3px 3px 0;	
cursor:pointer;
opacity: 1;
}
#stlChanger .stBgs a:hover {
opacity: 0.7;
}
.s_1 {
color: #ddd;
font-size: 13px;
padding: 4px 6px;
background-color: #2a2a2a;
border: 1px solid #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
line-height: 16px;
display: block;
margin-bottom: 5px;
}
.s_1.page-layout {
color: #fff;
font-size: 14px;
font-weight: 700;
padding: 5px 6px;
background-color: #47d9e7;
border: 2px solid #47d9e7;
}
.s_1.page-layout:hover {
background-color: transparent;
border: 2px solid #fff;
}
.s_1:hover {
color: #fff;
background-color: #47d9e7;
border-color: #47d9e7;
}
.stBlock .btn {
margin: 0px 10px;
}
.stBlock .btn.btn-small {
font-size: 11px;
padding: 7px 20px;	
}