/*------------------------------------------------------------------
[Master Stylesheet]
Project:	   Ray Wordpress Theme
Version:	   1.1
Last change:   14/12/2014 
/*-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
0. COMMON STYLES
1. PRELOADER
2. MODAL POPUP STYLES
3. OWL SLIDER STYLES
4. ANIMATION ELEMENTS
5. CONTACT FORM
6. MAIN NAVIGATION
7. SIDEBAR
8. INTRO
9. TYPED INTRO
10. INNOVATIONS
11. BENEFITS
12. SCREENSHOTS
13. FACTS
14. PRICING TABLES
15. TESTIMONIALS
16. NEWS
17. BLOG
18. COMMENTS
19. SOCIAL
20. DOWNLOAD
21. FOOTER
22. SHORTCODES
/*-------------------------------------------------------------------*/
/*--------------------- FONT (OPEN SANS) IMPORT FROM GOOGLE FONTS ----------------------*/
/*----------------------------------------------------------------------------------------
										COMMON STYLES
-----------------------------------------------------------------------------------------*/
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	color: #4e4e50;
	text-align: center;
}
a {
	color: #444;
	text-decoration: none;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
a:hover {
	color: #57BED8;
	text-decoration: none;
}
h2 { font-size: 39px; }
h3 { font-size: 24px; }
h4 { font-size: 21px; }
h1,
h2,
h3,
h4 {
	color: #444;	
	font-weight: 300;
	line-height:1.2;
	margin:10px 0 10px 0;
}
h1 {
	font-size: 42px;
	font-family: 'Roboto', sans-serif;
	color:#57bed8;

}
h1.sep,
h2.sep,
h3.sep,
h4.sep {
	margin:80px 0 20px 0;
    text-align: left;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong {
	font-weight:bold;
	text-transform:none;
}

h5, .h5 {
    font-size: 18px;
    line-height: 22px;
    margin-top: 4px;
    display: block;
    margin-top: 4px;
    margin-bottom: 14px;
}
iframe{
    position: absolute!important;
}
ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}
#wrap { overflow: hidden; }
section {
	padding: 45px 0;
	position: relative;
	background: #fff;
	z-index: 2;
	overflow: hidden;
}
blockquote,
code{
	background:#f8f8f8;
	padding:25px 25px 25px 75px;
	display:block;
	position:relative;
	border-radius:0;
	border:0;
	overflow:hidden;
	text-align:left;
}
code{
	color: #03C;
	overflow:auto;
}
blockquote:before,
code:before{
	display:block;
	position:absolute;
	width:50px;
	left:0px;
	top:0;
	bottom:0;
	background:#57BED8;
	text-align:center;
	color:#fff;
}
blockquote:before{
	content:'""';
	font-size:40px;
	padding-top:15px;
	}
code:before{
	content:'</>';
	font-size:16px;
	padding-top:25px;
	}
blockquote small{
	text-align:right;
	padding:20px 0 0 0;
	font-style:italic;
}
table {
	width: 100%;
	margin: 0 0 10px 0;
	border-collapse: collapse;
}
table tbody tr:not(:first-child) {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
thead {
	background-color: #57BED8;
	color: #fff;
}
td, th {
	padding: 5px 10px;
}
th {
	text-align: left;
}
th a {
	color: #4e4e4e;
	text-decoration: none;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}
th a:hover {
	color: #36bfc4;
}
dd{
    margin: 0 0 20px;
}
.container,
.container-fluid {
	position: relative;
	z-index: 1;
}
.form-group{margin:0;}
.form-control{
	padding:20px 25px;
	font-size:inherit;
	height:auto;
}
.form-group .btn{
	border-radius:0;
	font-size:inherit;
	padding:20px;
}
.form-group input,
.input-group input,
.form-group textarea,
button { 
	color: #222;
	box-shadow: none;
	-webkit-box-shadow: none;
	border:0;
	border-radius:0;
}
.input-group input:focus,
.form-group input:focus,
.form-group textarea:focus,
.input-group button:focus {
	box-shadow: none;
	transition: none;
	border: 0;
	outline: 0;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus { outline: 0px auto -webkit-focus-ring-color; }
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group{margin-left:0;}
.btn .icon{margin-right:10px}
.btn .icon-right{margin-left:10px}
.title h1,
.title h2,
.title h3,
.title h4,
.title h5,
.title h6 {
	display: block;
	position: relative;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.title-left{
    text-align: left;
}
.title-left h1:after,
.title-left h2:after,
.title-left h3:after,
.title-left h4:after,
.title-left h5:after,
.title-left h6:after {
	left: 0;
	margin-left: 0;
}
.title p {
	display: block;
	margin: 0px 0 45px 0;
	font-size: 26px;
	line-height: 32px;
}


.download-btn {
	display: inline-block;
	height: 70px;
	border-radius: 35px;
	background: #d1d1d1;
	overflow: hidden;
	text-align: left;
}
.download-btn .btn-content {
	position: relative;
	margin: -67px 3px 0 3px;
	height: 64px;
	background-color: #fff;
	color: #57BED8;
	border-radius: 32px;
	padding: 12px 25px 0 70px;
	font-size: 12px;
	line-height: 18px;
}
.download-btn .btn-slide {
	background: #57BED8;
	height: 100%;
	width: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.download-btn:hover .btn-slide { width: 100%; }
.ios-btn .btn-content,
.download-btn-alt.ios-btn { color: #000; }
.android-btn .btn-content,
.download-btn-alt.android-btn { color: #669900; }
.win-btn .btn-content,
.download-btn-alt.win-btn { color: #68217a; }
.download-btn .icon,
.download-btn-alt .icon {
	font-size: 32px;
	position: absolute;
	left: 20px;
	top: 14px;
}
.download-btn b,
.download-btn-alt b {
	display: block;
	position: relative;
	font-size: 20px;
	font-weight: 700;
	z-index: 2;
}
.download-btn-alt {
	display: inline-block;
	position: relative;
	padding: 15px 30px 17px 70px;
	background:#fff;
	color:#57BED8;
	border-radius:40px;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	overflow: hidden;
}
.download-btn-alt .icon {
	top: 17px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.download-btn-alt:hover .icon{
	transform:rotate(360deg);
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	color:#57BED8;
}
.download-btn-alt.invert:hover .icon{
	color:#fff;
}
.download-btn-alt.invert {
	color: #fff;
	background: #57BED8;
}
.download-btn-alt.ios-btn.invert{ background:#000; }
.download-btn-alt.android-btn.invert{ background:#669900; }
.download-btn-alt.win-btn.invert{ background:#68217a; }
.round-btn{
	border: 2px solid #ddd;
	border-radius: 30px;
	display: inline-block;
	padding: 0 30px;
	vertical-align:middle;
	line-height:3.5;
}
.round-btn-sm{
	font-size:14px;
	border: 1px solid #ddd;
	display: inline-block;
	padding: 0 15px;
	border-radius:18px;
	vertical-align:middle;
	line-height:2.5;
}
.round-btn:hover {
	color: #444;
	border: 2px solid #57BED8;
}
.round-btn-sm:hover {
	color: #444;
	border: 1px solid #57BED8;
}

.header-button-def {
	font-size: 16px;
	padding:10px 20px;
}
.round-btn .icon{margin-right:20px}
.round-btn .icon-right{margin-left:20px}
.round-btn-sm .icon{margin-right:10px}
.round-btn-sm .icon-right{margin-left:10px}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px;
}
.color { color: #57BED8; }
.bg-color-main { background-color: #57BED8; }
.bg-color2 { background-color: #f8f8f8; }
.bg-color3 {
	color: #f8f8f8;
}
.bg-color-grad{
	background: #57BED8; /* Old browsers */
	background: -moz-linear-gradient(top,  #57BED8 0%, #00e0a4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57BED8), color-stop(100%,#00e0a4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #57BED8 0%,#00e0a4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #57BED8 0%,#00e0a4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #57BED8 0%,#00e0a4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #57BED8 0%,#00e0a4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57BED8', endColorstr='#00e0a4',GradientType=0 ); /* IE6-9 */
}
.bg-color3 h2,
.bg-color-main h2,
.bg-color-grad h2{ color: #f8f8f8; }
.bg-color3,
.bg-color-main,
.bg-color-grad{ color: #f8f8f8; }
.bg-color3 .title h2:after,
.bg-color-main .title h2:after,
.bg-color-grad .title h2:after{
	background-color:#fff;
	opacity:0.5;
}
.block-bg,
.block-video-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0.15;
	background-repeat:no-repeat;
	background-position:center;
	background-size: cover;
	height: 120%;
	width: 100%;
}
.block-video-bg {
	text-align:left;
}
.item-list-right li {
	padding: 0 60px 20px 0;
	position: relative;
	text-align: right;
}
.item-list-right li .icon {
	font-size: 32px;
	position: absolute;
	right: 0;
	top: 0;
}
.item-list-left li {
	padding: 0 0px 20px 60px;
	position: relative;
	text-align: left;
}
.item-list-left li .icon {
	font-size: 32px;
	position: absolute;
	left: 0;
	top: 0;
}
.item-list-right h3, .item-list-left h3 { 
	margin: 0 0 5px; 
	font-size: 21px;
}
.item-list-right.item-list-big li { padding: 0 0px 5px 0; }
.item-list-left.item-list-big li { padding: 0 0px 5px 0px; }
.item-list-big li .icon { font-size: 48px; }
.item-list-right li:last-child,
.item-list-left li:last-child { padding-bottom: 0; }
.panel{
	border:1px solid #ddd;
	box-shadow:none;
	-webkit-box-shadow:none;
    text-align: left;
}
.panel-heading{
	display:block;
	border-bottom:1px solid #eee;
	font-weight:bold;
	padding:20px 25px;
}
.panel-heading .icon{
	margin-right:10px;
}
.panel-body{padding:20px 25px;}
.tabs,.alert{text-align: left;}
.tab-content{ 
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-radius: 0 0 4px 4px;
	padding:40px 25px;
	background: #fff;
}
.nav-tabs li a{
	padding:20px 25px;
	font-weight:bold;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover{
	color:#57BED8
}
.nav-tabs li a:hover{
	background:none;
}
.alignleft,
.alignright,
.alignnone,
.aligncenter {
  text-align: center; 
  display: inline!important; 
}
.alignleft img,
.alignright img,
.alignnone img,
.aligncenter img {
  padding: 6px;
  background-color: #e5e5e5;
  border: 1px solid #cecece;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  height: auto;
}
.alignleft {
    float: left;
    margin-right: 10px;
}
.alignright {
    float: right;
    margin-left: 10px;
}
.alignnone.project-img,
.alignnone.video-holder {
    display: block!important;
}
img.alignnone{
  display: inline!important;  
  margin: 0;
  vertical-align: middle!important;
  max-height: 100%;
  max-width: 100%; 
}
.alignnone{ display: inline!important; }
.alignleft img,
.alignright img,
.alignnone img,
.aligncenter img {
  padding: 6px;
  background-color: #e5e5e5;
  border: 1px solid #cecece;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  height: auto;
}
.placeholdersjs { color: #aaa !important; }
@media (max-width: 992px) {
section { padding: 80px 0; }
.item-list-right h3,
.item-list-left h3 { margin: 0 0 10px 0; }
} @media (max-width: 767px) {
h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
.title h2 {
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
}
.title p { margin: -10px 0 50px 0; }
.item-list-left li .icon,
.item-list-right li .icon {
	position: relative;
	margin-bottom: 20px;
	display: block;
}
.item-list-left li,
.item-list-right li {
	text-align: center;
	padding: 0 0 30px 0;
}
.item-list-right.item-list-big li,
.item-list-left.item-list-big li { padding: 0 0 40px 0; }
.nav-tabs>li{
	float:none;
}
.nav-tabs>li a{
	display:block;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	border-radius:0;
	margin:0;
}
.nav-tabs li:first-child a{
	border-radius:4px 4px 0 0;
}
.nav-tabs>li a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus{
	border-color:#ddd;
}
}
/*----------------------------------------------------------------------------------------
										PRELOADER
----------------------------------------------------------------------------------------*/
#preloader {
	background: #fff;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	left: 0;
	position: fixed;
	z-index: 9999;
}
#preloader .battery {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 23px;
	height: 23px;
	margin: -10px 0 0 -10px;
	background-image: url(../images/loading.gif);
}
#preloader .battery .load-line {
	position: absolute;
	z-index: 100;
	height: 16px;
	width: 36px;
	top: 1px;
	left: 1px;
	background: #57BED8;
	border-radius: 1px;
	-webkit-animation: battery-load 1s linear 0s infinite;
	-moz-animation: battery-load 1s linear 0s infinite;
	animation: battery-load 1s linear 0s infinite;
}
@-webkit-keyframes battery-load { 
0% {width: 0px;}
100% {width: 36px;}
}
@keyframes battery-load { 
0% {width: 0px;}
100% {width: 36px;}
}
#preloader .radius {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	border: 1px solid #ddd;
	border-radius: 50%;
}
#preloader .radius .load-line {
	position: absolute;
	z-index: 100;
	height: 20px;
	width: 4px;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -2px;
	border-top: 4px solid #57BED8;
	-webkit-animation: rotation 1s linear 0s infinite;
	-moz-animation: rotation 1s linear 0s infinite;
	animation: rotation 1s linear 0s infinite;
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	transform-origin: center bottom;
}
@-webkit-keyframes rotation { 
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}
@keyframes rotation { 
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
/*----------------------------------------------------------------------------------------
									MODAL POPUP STYLES
----------------------------------------------------------------------------------------*/
.modal {
	overflow-y: auto;
	text-align: center;
}
.modal-content {
	padding: 60px 20px;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 20px;
	border: 0;
}
.modal-title { margin: 0; }
.modal-title .icon {
	font-size: 48px;
	line-height: 48px;
	display: block;
	margin: 0 0 40px 0;
	color: #57BED8;
}
.modal-title .icon.icon-ban { color: #ce0b0b; }
.modal-open { overflow: auto; }
.modal-content .close {
	position: absolute;
	top: 10px;
	right: 15px;
}
.close {
	font-family: inherit;
	font-size: 32px;
	font-weight: 100;
	text-shadow: none;
}
.close:focus { outline: 0px auto -webkit-focus-ring-color; }
/*----------------------------------------------------------------------------------------
									OWL SLIDER STYLES
----------------------------------------------------------------------------------------*/
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
	margin-top: 100px;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing { cursor: url(../images/grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.owl-pagination {
	text-align: center;
	position: absolute;
	top: -80px;
	width: 100%;
	display: block;
}
.owl-pagination .owl-page {
	height: 40px;
	width: 80px;
	line-height: 40px;
	display: inline-block;
	margin-left: 0;
	cursor: pointer;
	position: relative;
}
.owl-pagination .owl-page span {
	width: 100%;
	height: 2px;
	display: block;
	background: #eee;
	position: absolute;
	bottom: 50%;
}
.bg-color3 .owl-pagination .owl-page span { background: #444; }
.owl-pagination .owl-page.active span { background: #57BED8; }
@media (max-width: 767px) {
.owl-pagination { display: table; }
.owl-pagination .owl-page { display: table-cell; }
}
/*----------------------------------------------------------------------------------------
									ANIMATION ELEMENTS
----------------------------------------------------------------------------------------*/
.ray {
	position: absolute;
	z-index: -1;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 174, 255, .5);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 174, 255, .5);
	box-shadow: 0px 0px 5px 2px rgba(0, 174, 255, .5);
}
.ray-vertical {
	height: 200%;
	width: 1px;
	transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-webkit-transform-origin: 50% 0;
}
.ray-horizontal {
	width: 200%;
	height: 1px;
	transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-webkit-transform-origin: 0 50%;
}
.y-0{top: 0;}
.y-25{top: 25%;}
.y-50{top: 50%;}
.y-75{top: 75%;}
.y-100{top: 100%;}
.x-0{left: 0;}
.x-25{left: 25%;}
.x-50{left: 50%;}
.x-75{left: 75%;}
.x-100{left: 100%;}
.ray-rotate45 {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.ray-rotate-45 {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.ray-rotate135 {
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.ray-rotate-135 {
	transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.animation-box {
	display: inline-block;
	position: relative;
}
@-webkit-keyframes laser-blink {  
	0% {opacity:1;}
	20% {opacity:0.5;}
	22% {opacity:0.8;}
	40% {opacity:0.4;}
	42% {opacity:1;}
	98% {opacity:0.8;}
}
@keyframes laser-blink {  
	0% {opacity:1;}
	20% {opacity:0.5;}
	22% {opacity:0.8;}
 	40% {opacity:0.4;}
	42% {opacity:1;}
	98% {opacity:0.8;}
}
.laser-blink {
	animation: laser-blink 0.7s linear 0s infinite;
	-webkit-animation: laser-blink 0.7s linear 0s infinite;
}
@-webkit-keyframes highlight-left {  
	0% {
 		opacity:0;
 		top:100%;
 		-webkit-transform:scale(0);
	}
	70% {
 		opacity:1;
 		-webkit-transform:scale(1);
	}
 	100% {
 		opacity:0;
 		top:0;
 		-webkit-transform:scale(0);
	}
}
@keyframes highlight-left {  
	0% {
 		opacity:0;
 		top:100%;
 		transform:scale(0);
	}
 	70% {
 		opacity:1;
 		transform:scale(1);
	}
 	100% {
 		opacity:0;
 		top:0;
 		transform:scale(0);
	}
}
.highlight-left {
	position: absolute;
	animation: highlight-left 2s ease-in 0s infinite;
	-webkit-animation: highlight-left 2s ease-in 0s infinite;
	left: -5px;
	margin-top: -100px;
}
@-webkit-keyframes highlight-right {  
	0% {
		opacity:0;
		top:0;
		-webkit-transform:scale(0)
	}
 	70% {
		opacity:1;
		-webkit-transform:scale(1)
	}
 	100% {
		opacity:0;
		top:100%;
		-webkit-transform:scale(0)
	}
}
@keyframes highlight-right {  
	0% {
		opacity:0;
		top:0;
		transform:scale(0)
	}
 	70% {
		opacity:1;
		transform:scale(1)
	}
 	100% {
		opacity:0;
		top:100%;
		transform:scale(0)
	}
}
.highlight-right {
	position: absolute;
	animation: highlight-right 2s ease-in 0s infinite;
	-webkit-animation: highlight-right 2s ease-in 0s infinite;
	right: -5px;
	margin-top: -100px;
}
.flare {
	position: absolute;
	z-index: 2;
	top: -100px;
	right: 70px;
}
@-webkit-keyframes sunlight-blink {  
	0% {opacity:0;}
	25%, 75% {opacity:1;}
	100% {opacity:0;}
}
@keyframes sunlight-blink {  
	0% {opacity:0;}
 	25%, 75% {opacity:1;}
 	100% {opacity:0;}
}
.flare .base {
	animation: sunlight-blink 5s ease-in 0s infinite;
	-webkit-animation: sunlight-blink 5s ease-in 0s infinite;
}
@-webkit-keyframes sunlight-shapes {  
	0% {
 		opacity:0;
 		-webkit-transform:scale(0.8);
		}
 	20%, 22%, 28%, 30%, 70%, 72% {opacity:0.8;}
 	21%, 29%, 71% {opacity:0.4;}
 	50% {
 		opacity:1;
 		-webkit-transform:scale(1) translate(-5px, 5px);
	}
 	100% {
 		opacity:0;
 		-webkit-transform:scale(0.8);
	}
}
@keyframes sunlight-shapes {  
	0% {
 		opacity:0;
 		transform:scale(0.8);
		}
 	20%, 22%, 28%, 30%, 70%, 72% {opacity:0.8;}
 	21%, 29%, 71% {opacity:0.4;}
 	50% {
 		opacity:1;
 		transform:scale(1) translate(-5px, 5px);
	}
 	100% {
 		opacity:0;
 		transform:scale(0.8);
	}
}
.flare .shapes {
	position: absolute;
	top: 170px;
	left: 70px;
	animation: sunlight-shapes 5s ease-in 0s infinite;
	-webkit-animation: sunlight-shapes 5s ease-in 0s infinite;
	transform-origin: 80% 10%;
	-webkit-transform-origin: 80% 10%;
}
@-webkit-keyframes swim {  
	0% {-webkit-transform:translateX(0);}
 	100% {-webkit-transform:translateX(470px);}
}
@keyframes swim {  
	0% {transform:translateX(0);}
 	100% {transform:translateX(470px);}
}
.fog {
	background: url(../images/fog.png) repeat-x bottom right;
	height: 268px;
	width: 920px;
	position: absolute;
	z-index: 2;
}
.fog-top {
	bottom: 110px;
	right: 0;
	opacity: 0.25;
	animation: swim 45s linear 0s infinite;
	-webkit-animation: swim 45s linear 0s infinite;
}
.fog-bottom {
	bottom: -20px;
	right: 0;
	opacity: 0.8;
	animation: swim 14s linear 0s infinite;
	-webkit-animation: swim 14s linear 0s infinite;
}
/*----------------------------------------------------------------------------------------
									CONTACT FORM
----------------------------------------------------------------------------------------*/
.wpcf7-form .form-group { margin: 0; border-top: 1px solid #eee; }
.wpcf7-form span.alert {
	display: block;
	font-size: 14px;
	font-weight: normal;
	position: relative;
}
.wpcf7-form span.wpcf7-not-valid-tip,
.wpcf7-form .wpcf7-validation-errors {
	background: #ce0b0b;
	color: #fff;
	padding: 5px;
    border: none!important;
}
div.wpcf7-response-output{
    margin: 2em 0em 1em!important;
}
.wpcf7-form .wpcf7-mail-sent-ok{
    background: #398f14;
    color: #fff;
    padding: 5px;
    border: none!important; 
}
.wpcf7-form span.wpcf7-not-valid-tip:after,
div.wpcf7-response-output:after  {
	content: "";
	display: block;
    position: relative;
	left: 50%;
	margin-left: -5px;
	top: -35px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #ce0b0b transparent;
}
.wpcf7-form .form-control {
	text-align: center;
	line-height: 25px;
	width: 100%;
}
textarea.form-control { resize: vertical; border-bottom: 1px solid #eee; }
textarea.form-control:focus{border-bottom: 1px solid #eee;}
#modalContact .modal-content { padding: 40px 0px; }
#modalContact .modal-title { margin: 0 0 40px 0; }
.wpcf7-submit {
	background: none;
	margin-top: 35px;
	height: 80px;
	width: 80px;
	line-height: 80px;
	padding: 0;
	border: 2px solid #eee;
	border-radius: 50%;
	color: #444;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.wpcf7-submit:hover { border: 2px solid #57BED8; }
/*----------------------------------------------------------------------------------------
										MAIN NAVIGATION
----------------------------------------------------------------------------------------*/
.admin-bar nav.navbar-fixed-top{
    margin-top: 32px;
    padding-bottom: 10px;
}
nav.navbar-fixed-top {
	min-height: 60px;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	background-color: rgba(0, 0, 0, 0.75);
}
nav.navbar-slide.show-menu { 
	top: 0; 
	background: #343335;
}
.navbar .nav {
	list-style: none;
	float: left;
	z-index: 5;
	margin: 0;

}
.navbar .nav li ul{
    display: none;
}
.navbar .nav li {
	float: left;
	padding: 0;
    height: 60px;
}
.navbar .nav li a {
	display: block;
	font-size: 14px;
	height: 62px;
	line-height: 70px;
	padding: 0 14px;
	text-decoration: none;
	outline: none;
	background:inherit;
	color:#000;
}
#ababab

.navbar .nav li:last-child a { }

.navbar .nav li a:hover,
.navbar .nav li.active a {
	background: none;
	color: #57BED8;
}
.navbar .nav li a:hover {
	color: #ababab;
}
nav.navbar-slide.show-menu li.active a { 
	color: #57BED8;
}

.navbar-brand {
	height: 60px;
	margin: 0;
	padding: 15px 0 0 15px;
}
.navbar-toggle {
	float: right;
	height: 60px;
	margin: 0;
	padding: 0 20px;
}
.navbar-toggle .icon-bar {
	background: #fff;
	height: 2px;
}
.navbar-toggle.collapsed .icon-bar { background: #fff; }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 7px; }
.navbar-fixed-top { border-width: 0; }
.contact-btn {
	float: right;
	cursor: pointer;
	line-height: 60px;
	font-size: 24px;
	padding: 0 20px;
	border-left: 2px solid #eee;
	color: #fff;
}
@media (max-width: 992px) {
.navbar-collapse {
	width: 100%;
	padding: 0;
	background: #fff;
}
.navbar .nav {
	float: none;
	text-align: center;
}
.navbar .nav li { float: none; }
.navbar .nav li a { border-bottom: 1px solid #eee; }
.navbar .nav li a:hover,
.navbar .nav li.active a { border-bottom: 1px solid #57BED8; }
}
/*----------------------------------------------------------------------------------------
										 SIDEBAR
----------------------------------------------------------------------------------------*/
aside.blog-sidebar{text-align:left;}
aside.blog-sidebar .widget_search #search_form{border:1px solid #ddd;}
aside.blog-sidebar .widget_search .form-control{
	padding-right:0;
	line-height:20px;
}
aside.blog-sidebar .widget_search .btn{
	background:none;
	font-size:20px;
	color:#aaa;
	padding-right:15px;
}
aside.blog-sidebar .widget_search .btn:hover{color:#57BED8;}
aside.blog-sidebar .widget{margin:60px 0 0 0;}
aside.blog-sidebar .widget h3{
	padding: 0 0 20px 0;
	border-bottom:1px solid #eee;
	margin:0;
}
aside.blog-sidebar .widget_categories ul li,
aside.blog-sidebar .widget_archive ul li,
aside.blog-sidebar .widget_meta ul li,
aside.blog-sidebar .widget_nav_menu ul li,
aside.blog-sidebar .widget_pages ul li,
aside.blog-sidebar .widget_recent_comments ul li,
aside.blog-sidebar .widget_recent_entries ul li,
aside.blog-sidebar .widget_rss ul li{   
    padding:0; 
    border-bottom:1px solid #eee;
}
aside.blog-sidebar .widget_categories ul li ul li,
aside.blog-sidebar .widget_archive ul li ul li,
aside.blog-sidebar .widget_meta ul li ul li,
aside.blog-sidebar .widget_nav_menu ul li ul li,
aside.blog-sidebar .widget_pages ul li ul li,
aside.blog-sidebar .widget_recent_comments ul li ul li,
aside.blog-sidebar .widget_recent_entries ul li ul li{
    border-bottom:none;
}
aside.blog-sidebar .widget_categories ul li ul li:before,
aside.blog-sidebar .widget_archive ul li ul li:before,
aside.blog-sidebar .widget_meta ul li ul li:before,
aside.blog-sidebar .widget_nav_menu ul li ul li:before,
aside.blog-sidebar .widget_pages ul li ul li:before,
aside.blog-sidebar .widget_recent_comments ul li ul li:before,
aside.blog-sidebar .widget_recent_entries ul li ul li:before{
    content: '\e07a';
    font-family: 'Simple-Line-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    padding-left: 20px;
    padding-right: 10px;
}
aside.blog-sidebar .widget_categories ul a,
aside.blog-sidebar .widget_archive ul a,
aside.blog-sidebar .widget_meta ul a,
aside.blog-sidebar .widget_nav_menu ul a,
aside.blog-sidebar .widget_pages ul a,
aside.blog-sidebar .widget_recent_comments ul a,
aside.blog-sidebar .widget_recent_entries ul a,
aside.blog-sidebar .widget_rss ul a{
	text-decoration:none;
	display:inline-block;
	padding:15px 0;	
}
aside.blog-sidebar .widget_categories ul li:hover,
aside.blog-sidebar .widget_archive ul li:hover,
aside.blog-sidebar .widget_meta ul li:hover,
aside.blog-sidebar .widget_nav_menu ul li:hover,
aside.blog-sidebar .widget_pages ul li:hover,
aside.blog-sidebar .widget_recent_comments ul li:hover,
aside.blog-sidebar .widget_recent_entries ul li:hover,
aside.blog-sidebar .widget_rss ul li:hover{
	border-bottom:1px solid #57BED8;
}
aside.blog-sidebar .widget_recent_comments ul li{
  padding:15px 0;	  
}
aside.blog-sidebar .widget_recent_entries ul li span{
    margin-bottom: 15px; 
}
aside.blog-sidebar .widget_recent_comments ul li .url{
    color: #57BED8;
}
aside.blog-sidebar .widget_calendar table{
    width: 100%;
}
aside.blog-sidebar .widget_calendar table caption{
    padding: 5px;
    margin-bottom: 5px;
    border-bottom:1px solid #eee ;
}
aside.blog-sidebar .recent_posts ul li{
	border-bottom:1px solid #eee;
	padding:15px 50px 15px 0;
	position:relative;
}
aside.blog-sidebar .recent_posts ul li a{
	text-decoration:none;
}
aside.blog-sidebar .recent_posts .date{
	color:#ccc;
	font-size:14px;
	display:block;
	padding:5px 0 0 0;
}
aside.blog-sidebar .recent_posts .comments{
	padding:0;
	position:absolute;
	top:15px;
	right:0;
	font-size:14px;
	color:#aaa;
}
aside.blog-sidebar .recent_posts .comments .icon{
	color:#aaa;
	padding-right:5px;
}
aside.blog-sidebar .widget_text form{
    display: flex;
}
aside.blog-sidebar .widget_text img{
    width:100%;
}
aside.blog-sidebar .widget_text img.wp-smiley{
    width:auto!important;
}
aside.blog-sidebar .tag_cloud h4{border:none;}
aside.blog-sidebar .widget_categories select,
aside.blog-sidebar .widget_archive select,
aside.blog-sidebar .widget_text select {
    margin-top: 18px;
    width: 100%;
    padding: 15px 25px;
}
.tagcloud{ margin-top:25px;}
.tagcloud{ 
	display: inline-block; 
	padding:0;
    margin-right: 0.3em; 
	}
.tagcloud a {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 0 4px 0;
	text-decoration: none;
	font-size: 12px!important;
	color: #888;
	background:#eee;
	border-radius:2px;
}
.tagcloud a:hover {
	color: #fff;
	background:#57BED8;
}
.tags.hollow li a{
	background:none;
	border:1px solid #eee;
	color:#ccc;
}
.tags.hollow li a:hover {
	background:none;
	border:1px solid #57BED8;
	color:#57BED8;
}
@media (max-width: 992px) {
	aside.blog-sidebar{
		margin:80px 0 0 0;
		text-align:center;
	}
	aside.blog-sidebar .search{padding:0px;}
	aside.blog-sidebar .recent_posts ul li{padding:15px 0;}
	aside.blog-sidebar .recent_posts .comments{
		padding:0;
		position:relative;
		top:auto;
		right:auto;
	}
}
/*----------------------------------------------------------------------------------------
										INTRO
----------------------------------------------------------------------------------------*/
#full-intro { text-align: left; }
#blog-intro { text-align: center; }
#blog-intro .container {padding: 150px 0 100px 0;}
#blog-intro h1.slogan {margin:0 40px;}
@media (max-width: 540px) {
	h1.slogan {font-size: 30px;}
}
#blog-intro .block-bg{
	opacity:0.25;
	background-position:center;
}
.intro-block .block-bg {
	opacity: 0.4;
}
.intro-block {
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.intro-block .block-video-bg{opacity:0.25;}
#big-video-wrap video,
.vjs-control-bar{display:none;}
.intro-block .ray{ z-index:1;}
.intro-block .container {
	padding: 170px 0 90px;
	z-index: 2;
}
.block-bg, .block-video-bg {
    height: 100%;
}
.intro-block h1 a{ 
	color:inherit; 
	border-bottom:1px solid #fff;
}




.intro-block .download-btn,
.intro-block .download-btn-alt{
	margin:0 2px;
}
.intro-block #slides {
	position: absolute !important;
	top: 0;
	z-index: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari only override */
::i-block-chrome, .intro-block #slides,
::i-block-chrome, .intro-block .block-bg,
::i-block-chrome, .intro-block .block-video-bg {
	position: fixed !important; 
	-webkit-transform: translateZ(0);}
}
.intro-block .logo {
	display: inline-block;
	margin: 0 0 120px 0;
}
.intro-block h1.slogan {
	color: #fff;
	line-height: 1.25;
	margin: 0 10px 35px 10px;
	text-transform: none;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}
#minimal-intro.intro-block h1.slogan {
	margin-bottom:100px;
}
.intro-screen {
	left: 0px;
	top: -36px;
	position: absolute;
}
@media (max-width: 992px) {
#full-intro { text-align: center; }
} @media (max-width: 767px) {
#blog-intro .container {padding: 100px 0 50px 0;}
.intro-block .container { padding: 80px 0; }
.intro-block .logo { margin: 0 0 60px 0; }
} 
/*----------------------------------------------------------------------------------------
										TYPED INTRO
----------------------------------------------------------------------------------------*/
.type{
	font-weight:500;
}
#typed-cursor {
	color: #FFF;
	opacity: 1;
	font-weight:500;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	-ms-animation: blink 0.7s infinite;
	-o-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}
@keyframes blink { 
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes blink {
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink { 
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}
/*----------------------------------------------------------------------------------------
										FEATURES
----------------------------------------------------------------------------------------*/
.animation-box .screen {
	width: 100%;
	height: auto;
}
.animation-box.icon { color: #aaa; }
@media (max-width: 1200px) and (min-width: 767px) {
.animation-box .icon { display: none; }
.item-list-right.item-list-big li,
.item-list-left.item-list-big li { padding: 0 0px 5px 0px; }
} @media (max-width: 992px) and (min-width: 767px) {
.item-list-right.item-list-big li,
.item-list-left.item-list-big li { font-size: 14px; }
.item-list-right h3,
.item-list-left h3 { font-size: 22px; }
.item-list-right li:last-child,
.item-list-left li:last-child { padding-bottom: 0; }
}
/*----------------------------------------------------------------------------------------
										INNOVATIONS
----------------------------------------------------------------------------------------*/
.innovations .screen {
	margin-bottom: -230px;
	max-width: 100%;
	height: auto;
}
.ray-effect .ray {
	position: absolute;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(255, 255, 255, .7);
	-moz-box-shadow: 0px 0px 5px 2px rgba(255, 255, 255, .7);
	box-shadow: 0px 0px 5px 2px rgba(255, 255, 255, .7);
}
@-webkit-keyframes plane {  
	0% {
 		-webkit-transform: translateY(0);
		 transform: translateX(0);
	}
	50% {
 		-webkit-transform: translateY(30px);
 		transform: translateY(30px);
	}
	100% {
 		-webkit-transform: translateY(0);
 		transform: translateX(0);
	}
}
@keyframes plane {  
	0% {
 		-webkit-transform: translateY(0);
 		-ms-transform: translateY(0);
 		transform: translateY(0);
	}
 	40% {
 		-webkit-transform: translateY(30px);
 		-ms-transform: translateY(30px);
 		transform: translateY(30px);
	}
 	100% {
 		-webkit-transform: translateY(0);
 		-ms-transform: translateY(0);
 		transform: translateY(0);
	}
}
.ray-effect #ray1 {
	bottom: 30px;
	animation: plane 0.8s linear 0s infinite;
	-webkit-animation: plane 0.8s linear 0s infinite;
}
.ray-effect #ray2 {
	bottom: 60px;
	animation: plane 1.2s linear 0s infinite;
	-webkit-animation: plane 1.2s linear 0s infinite;
}
.ray-effect #ray3 {
	bottom: 90px;
	animation: plane 0.9s linear 0s infinite;
	-webkit-animation: plane 0.9s linear 0s infinite;
}
.ray-effect #ray4 {
	bottom: 120px;
	animation: plane 1.7s linear 0s infinite;
	-webkit-animation: plane 1.7s linear 0s infinite;
	opacity: 0.6;
}
@media (max-width: 992px) {
.innovations .screen { margin-bottom: 0px; }
}
/*----------------------------------------------------------------------------------------
										BENEFITS
----------------------------------------------------------------------------------------*/
.screen-couple-right,
.screen-couple-left {
	position: relative;
	max-width: 400px;
	min-width: 280px;
	overflow: hidden;
	z-index:100;
}
.screen-couple-right:after,
.screen-couple-left:after {
	content: '';
	display: block;
	clear: both;
}
.screen-couple-right .screen {
	position: relative;
	float: right;
}
.screen-couple-left .screen {
	position: relative;
	float: left;
}
.screen-couple-right .above,
.screen-couple-left .above { z-index: 3; }
.screen-couple-right .beyond,
.screen-couple-left .beyond {
	z-index: 1;
	position: absolute;
	top: 40px;
}
.screen-couple-left .beyond { right: 0; }
.screen-couple-right .beyond { left: 0; }
@media (max-width: 992px) and (min-width: 767px) {
#benefits1,
#benefits2 { font-size: 14px; }
} @media (max-width: 767px) {
.img-block-2col { text-align: center; }
.img-block-2col .title h2:after {
	left: 50%;
	margin-left: -40px;
}
.screen-couple-right,
.screen-couple-left { margin: 50px auto 0 auto; }
}
/*----------------------------------------------------------------------------------------
										SCREENSHOTS
----------------------------------------------------------------------------------------*/
#screenshots h2 { margin: 0; }
#screenshots .item img { border-radius: 4px; }
/*----------------------------------------------------------------------------------------
										FACTS
----------------------------------------------------------------------------------------*/
.facts-list { width: 100%; }
.facts-list li {
	display: block;
	float: left;
	width: 25%;
	position:relative;
	z-index:1;
}
.facts-list .icon {
	display: block;
	font-size: 64px;
	color: #ddd;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin: 0 0 30px 0;
}
.facts-list h3 {
	font-size: 50px;
	font-weight: bold;
	color: #222;
	margin: 0 0 10px 0;
}
.facts-list h4 {
	font-size: 20px;
	color: #888;
	margin:0;
}
.facts-list li:hover .icon { color: #57BED8; }
@media (max-width: 767px) {
.facts-list li {
	width: 100%;
	margin-bottom: 40px;
}
.facts-list li:last-child { margin-bottom: 0px; }
.facts-list .icon { margin: 0 0 15px 0; }
}
/*----------------------------------------------------------------------------------------
										PRICING TABLES
----------------------------------------------------------------------------------------*/
ul.pricing-table{
	display:block;
	width:100%;
}
ul.pricing-table:after{
	display:block;
	content:"";
	clear:both;
}
ul.pricing-table > li{
	display:block;
	position:relative;
	z-index:1;
	float:left;
	width:22%;
	background:#fff;
	color:#444;
	border-radius:5px;
	margin:0 4% 0 0;
	padding:0;
}
ul.pricing-table > li:last-child{
	margin-right:0;
}
ul.pricing-table .stamp{
	position:absolute;
	right:-20px;
	top:60px;
	height:80px;
	width:80px;
	padding:10px;
	border-radius:50%;
	overflow:hidden;
	font-size:12px;
	background:#fff;
	border:1px solid #eee;
	text-transform:uppercase;
	line-height:1;
	font-weight:bold;
	letter-spacing:-1px;
}
ul.pricing-table .stamp .icon{
	display:block;
	padding:0 0 4px 0;
	font-size:27px;
}
ul.pricing-table h3{
	display:block;
	padding:30px 5px 30px 5px;
	margin:0;
	border-radius:5px 5px 0 0;
	border-bottom:2px dotted #eee;
}
ul.pricing-table li.silver h3{
	background:#eee;
	border-bottom:2px dotted #eee;
}
ul.pricing-table li.silver .stamp{
	color:#888;
	border:1px solid #888;
}
ul.pricing-table li.gold h3{
	background:#fff29d;
	color:#a98815;
	border-bottom:2px dotted #fff29d;
}
ul.pricing-table li.gold .stamp{
	color:#a98815;
	border:1px solid #a98815;
}
ul.pricing-table li.platinum h3{
	background:#444;
	color:#fff;
	border-bottom:2px dotted #444;
}
ul.pricing-table li.platinum .stamp{
	color:#444;
	border:1px solid #444;
}
ul.pricing-table span{
	display:block;
	font-size:40px;
	font-weight:bold;
	color:#222;
	padding:30px 0;
	line-height:1.3;
}
ul.pricing-table span small{
	font-size:14px;
	font-weight:normal;
	color:#ccc;
	display:block;
	line-height:1;
}
ul.pricing-table .benefits-list{
	margin:0 0 30px 0;
}
ul.pricing-table .benefits-list li{
	padding:5px 0;
}
ul.pricing-table .benefits-list li.not{
	text-decoration:line-through;
	color:#ddd;
}
ul.pricing-table a.buy{
	display:block;
	padding:15px;
	font-size:28px;
	background:#f2f2f2;
	border-radius:0 0 5px 5px;
}
ul.pricing-table a.buy:hover .icon-basket:before{
	content:"\e04d";
}
@media (max-width: 992px) {
	ul.pricing-table > li{
		width:46%;
		margin:0 2% 30px 2%;
	}
}
@media (max-width: 767px) {
	ul.pricing-table > li{
		width:100%;
		margin:0 0 20px 0;
	}
}
/*----------------------------------------------------------------------------------------
										TESTIMONIALS
----------------------------------------------------------------------------------------*/
.testimonials h2 { margin: 0; }
.testimonials .item { padding-top: 20px; }
.testimonials .talk {
	font-size: 25px;
	font-weight: bold;
	line-height: 2;
	margin: 0 0 50px 0;
}
.testimonials .photo {
	border-radius: 50%;
	margin: 0 0 20px 0;
}
.testimonials .ocupation { color: #888; }
.testimonials .block-bg {
	opacity: 0.2;
	background-image:url(../images/testimonials_bg.jpg);
}
 @media (max-width: 767px) {
.testimonials .talk { font-size: 20px; }
}
/*----------------------------------------------------------------------------------------
										NEWS
----------------------------------------------------------------------------------------*/
.news-list {
	border-top: 1px solid #eee;
	margin-bottom: 60px;
}
.news-list li {
	border-bottom: 1px solid #eee;
	padding: 60px 0;
}
.news-list li h3{
	font-size: 25px;
	font-weight: bold;
	text-transform: none;
	margin: 0 0 25px 0;
}
.news-info{ margin:0 0 30px 0;}
#news .news-info { margin:0;}
.news-info > div {
	display: inline-block;
	padding: 0 30px 0 0;
}
.news-info div:last-child {padding:0;}
.news-info > div .icon {
	margin: 0 10px 0 0;
	color: #ccc;
}
@media (max-width: 767px) {
.news-list li { padding: 40px 0; }
.news-list li h3 { font-size: 20px; }
.news-info > div {
	font-size: 14px;
	padding: 0 10px 0 0;
}
.news-info > div .icon { margin: 0 5px 0 0; }
}
/*----------------------------------------------------------------------------------------
										BLOG
----------------------------------------------------------------------------------------*/
#blog {text-align:left;}
.hollow{ margin-top:25px;}
.hollow li { 
	display: inline-block; 
	padding:0; 
    margin-left: 0.3em;
}
.hollow li a {
	display: block;
	padding: 5px 10px;
	margin: 0 0 4px 0;
	text-decoration: none;
	font-size: 12px;
	color: #888;
	background:#eee;
	border-radius:2px;
}
.hollow li a{
	background:none;
	border:1px solid #eee;
	color:#ccc;
}
.hollow li a:hover {
	background:none;
	border:1px solid #57BED8;
	color:#57BED8;
}
.single-content-sidebar h3{
	margin:0 0 25px 0;
}
.single-content-sidebar .tags,
.single-content .tags{
	margin:40px 0 0 0;
}
.single-content .sep:first-child{
	margin-top:0;
	padding-top:0;
}
h2.head,
.post-list li h2{
	font-size: 35px;
	font-weight: bold;
	text-transform: none;
	margin: 0 0 25px 0;
}
.post-list {border-top:0;}
.post-list li{ padding:70px 0 20px 0;}
.post-list li:first-child {padding-top:0;}
.post-content .post-image{margin: 0 0 20px 0;}
.post-content .read-more{
	display:inline-block;
	padding:5px 5px;
	margin:0 0 -4px 5px;
	font-size:20px;
	font-weight:bold;
	line-height:1;
	background:#ccc;
	border-radius:2px;
	color:#fff;
	letter-spacing:1px;
}
.post-content .read-more:hover{background:#57BED8;}
.post-pagination { display: inline-flex; }
.post-pagination li{
	margin:0 10px 10px 0;
	display:inline-block;
    padding: 0px!important;
}
.post-pagination li:last-child{
	margin-right:0;
}
.post-pagination li a{
	display:block;
	position:relative;
	height:50px;
	width:50px;
	text-align:center;
	line-height:48px;
	border:1px solid #eee;
	border-radius:50%;
	color:#aaa;
	z-index:1;
}
.post-pagination li.active a,
.post-pagination li a:hover{
	color:#444;
	border:1px solid #57BED8;
}
.post-pagination li.prev a:before{
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	margin:-5px 0 0 -3px;
	height:10px;
	width:10px;
	border-top:1px solid #444;
	border-left:1px solid #444;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
.post-pagination li.next a:before{
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	margin:-5px 0 0 -7px;
	height:10px;
	width:10px;
	border-top:1px solid #444;
	border-right:1px solid #444;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
@media (max-width: 992px) {
	#blog {text-align:center;}
} @media (max-width: 320px) {
	section#blog{ padding:50px 0;}
	.post-pagination li{ display:none;}
	.post-pagination li.prev,
	.post-pagination li.next{ display:inline-block;}
	.post-list .news-info{ margin:0 0 10px 0;}
	.post-list li{ padding:50px 0 10px 0;}
	.news-list {margin-bottom:40px;}
	h2.head,
	.post-list li h2{
		font-size: 25px;
		margin:0 0 10px 0;
	}
}
/*----------------------------------------------------------------------------------------
											COMMENTS
----------------------------------------------------------------------------------------*/
.comments { padding: 80px 0 0 0; }
.comments li { padding: 0; }
.comment-list .children { margin-left: 80px; }
.comment-body {
	border-top: 1px solid #eee;
	position: relative;
	padding: 40px 0 40px 80px;
}
.comment-body .photo {
	position: absolute;
	left: 0;
	top: 40px;
}
.comment-body .photo img{
	border-radius: 5px;
	width:50px;
	height:auto;
	}
.comment-body .comment-data {
	margin-top: 10px;
	font-size: 14px;
}
.comment-body .comment-data .author {
	color: #444;
	font-weight: bold;
	padding-right: 20px;
	font-size: 14px;
}
.comment-body .comment-data .date {
	color: #ccc;
	padding-right: 20px;
}
.comment-body .comment-data a { color: #ccc; }
.comments .comment-respond { margin: 80px 0 0 0; }
.comments #comment_form { border: 1px solid #eee; }
.comments #comment_form:after {
	content: '';
	display: block;
	clear: both;
}
.comments #comment_form > div { padding: 0; }
#comment_form .btn_send {
	width: 100%;
	background: #eee;
	font-weight:bold;
	color:#777;
	margin:0;
}
#comment_form .logged-in-as{ padding: 10px;}
#comment_form .form-group,
#comment_form .logged-in-as { border-bottom: 1px solid #eee; }
#comment_form .form-group label.error,
#comment_form .form-group label.valid {
	display: block;
	margin: 0;
	font-size: 12px;
	position: relative;
	padding: 5px 20px;
	font-weight: 300;
	color: #fff;
	text-align: left;
}
#comment_form .form-group label.error { background: #d12525; }
#comment_form .form-group label.error:before {
	position: absolute;
	left: 20px;
	top: -7px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 7px 7px;
	border-color: transparent transparent #d12525 transparent;
}
#comment_form .form-group label.valid { padding: 0; }
#comment_form .form-group label.valid:before { display: none; }
@media (max-width: 992px) {
.comments{ padding:60px 0 0 0;}
.comments .form-control{ text-align:center;}
.comments .comment-respond{margin:40px 0 0 0;}
.comment-body { padding: 30px 0; }
.comment-list .children { margin-left: 0; }
.comment-body .photo {
	position: relative;
	left: auto;
	top: auto;
	margin: 0 auto 20px auto;
}
.comment-body .comment-data .author {
	display: block;
	padding: 0;
}
.comment-body .comment-data .date {
	display: block;
	padding: 0;
}
}
/*----------------------------------------------------------------------------------------
										SOCIAL
----------------------------------------------------------------------------------------*/
.soc-list { margin: 0 0 50px 0; }
.soc-list li { display: inline-block; }
.soc-list .icon {
	display: inline-block;
	font-size: 22px;
	color: #fff;
	padding: 20px;
	border-radius: 50%;
	background: #ddd;
	margin: 5px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.soc-list li .icon:hover { background: #57BED8; }
.soc-list .soc-icon-twitter { background: #00aced; }
.soc-list .soc-icon-facebook { background: #3b5998; }
.soc-list .soc-icon-dribbble { background: #ea4c89; }
.soc-list .soc-icon-googleplus { background: #dd4b39; }
.soc-list .soc-icon-linkedin { background: #007bb6; }
.soc-list .soc-icon-instagram { background: #517fa4; }
.soc-list .soc-icon-pinterest { background: #cb2027; }
.soc-list .soc-icon-flickr { background: #ff0084; }
.mc4wp-form .input-group { margin: 0 auto; }
.mc4wp-form .form-control,
.mc4wp-form button {
	border-radius: 30px 0 0 30px;
	height: 60px!important;
	background: #fff;
	font-size: inherit;
}
.mc4wp-form button {
	font-size: 22px;
	line-height: 26px;
	padding: 17px 25px;
	border-radius: 0 30px 30px 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.mc4wp-form button:hover { color: #57BED8; }
label.error {
	padding: 20px 0 0 0;
	color: #C30;
}
@media (min-width: 767px) {
.mc4wp-form .input-group { width: 600px; }
}
/*----------------------------------------------------------------------------------------
										DOWNLOAD
----------------------------------------------------------------------------------------*/
#download { padding: 70px 0; }
#download h2 { 
	color: #fff; 
	margin:30px 0; 
}
#download h2 .icon { margin: 0 20px 0 0; }
#download .block-bg {
	background-image:url(../images/download_bg.jpg);
	background-position:left center;
	height: 300%;
}
@media (max-width: 767px) {
#download h2 { margin: 0; }
#download h2 .icon {
	margin: 0 0 10px 0;
	display: block;
}
}
/*----------------------------------------------------------------------------------------
										FOOTER
----------------------------------------------------------------------------------------*/
footer {
	text-align: center;
	padding: 0 0 20px;
	background: #343335;
	color: #fff;
}
footer .copyright {
	display: block;
}
.copyright a {
	font-weight: bold;
	color: inherit;
}
@media (max-width: 992px) {
footer { padding: 80px 0; }
}
/*----------------------------------------------------------------------------------------
										SHORTCODES
----------------------------------------------------------------------------------------*/
.sticky
{
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
    padding: 20px!important;
}
.mc4wp-alert{
    background-color: transparent!important; 
    border: 0px!important; 
}
.no-sticky{
    position: absolute!important;
    top: 0px!important;
}
/*----------------------------------------------------------------------------------------
										BRAND NEW RULES
----------------------------------------------------------------------------------------*/

.tabs section {
    padding: 0px;
}


.why .title p {
	font-size: 22px;
	line-height: 29px;
}

.tab-pane .container {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

.menu-desktop {
	display:none;
}
.contact {
	text-align: left;
	padding: 40px 0;
	background: #343335;
	color: #fff;
}
.contact a {
	color:#fff;
	text-decoration: underline;
}

.navbar {
   	font-weight: 400;
}
.navbar .nav.top-menu {
    float: right;
    height:28px;
}
.navbar .nav.top-menu li {
    height: 20px;
    padding: 5px 0;
}
.navbar .nav.top-menu li a {
    font-size: 11px;
    height: 20px;
    line-height: 17px;
    padding: 0px 0px 0 20px;
    color: #fff;
}
.navbar .nav.main-menu-2 {
	float:right;
}
.navbar .nav.main-menu-2 li{
    padding: 17px 0px;
}
.navbar .nav.main-menu-2 li a{
	border: 2px solid #FFF;
	border-radius: 4px;
	line-height: 16px;
	padding: 6px 20px;
	height: auto;
}
.btn {
    font-weight: 600;
}

.btn-danger {
    color: #FFF;
    background-color: #fdaa4a;
    border-color: #fdaa4a;
}

#why h3, #features h3 {
    color: #57BED8;
}

.intro-block .block-bg {
    opacity: 1;
}

header.bg-color-main {
    background: none;
}

#form-contact .span8 .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#form-contact .span8 .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#form-contact .span8 .gform_wrapper input[type="text"], 
#form-contact .span8 .gform_wrapper textarea , 
#form-contact .span8 .gform_wrapper input[type="url"], 
#form-contact .span8 .gform_wrapper input[type="email"], 
#form-contact .span8 .gform_wrapper input[type="tel"], 
#form-contact .span8 .gform_wrapper input[type="number"], 
#form-contact .span8 .gform_wrapper input[type="password"] {
    outline-style: none;
	font-size: 17px;
	font-family: inherit;
	padding: 7px 14px 10px;
	letter-spacing: normal;
	line-height: 20px;
    }
#form-contact .span8 .gform_wrapper .chzn-container {
	width: 100% !important;
    font-size: 17px;
    margin-bottom: 4px;

}
#form-contact .span8 .gform_wrapper .chzn-container-single .chzn-single {
    background-color: #FFF;
    background-image: none;
    border-radius: 4px;
    background-clip: padding-box;
    border: 1px solid #AAA;
    display: block;
    height: auto;
    line-height: 26px;
    padding: 7px 14px 10px;
    border: 1px solid #ccc;
}

#form-contact .span8 .gform_wrapper .chzn-container-single .chzn-drop {
	width: auto !important;
    border-radius: 0px 0px 4px 4px;
    background-clip: padding-box;
}

.chzn-search {
	display: none;
}

#form-contact .span8 .gform_wrapper .chzn-container .chzn-results li {
    line-height: 100%;
}

#form-contact .span8 .gform_wrapper .chzn-container-single .chzn-single div b {
    background-position: 0px 9px;
}

#form-contact .span8 .gform_wrapper .chzn-container-single .chzn-single div {
    background-color: #fff;
    border-left: none;
    background-image: none;
}
#form-contact .span8 .gform_wrapper 
#form-contact .span8 .gform_footer input.button, 
#form-contact .span8 .gform_wrapper .gform_footer input[type="submit"] {
	font-size: 14px;
border: 3px solid #57BED8;
border-radius: 6px;
line-height: 16px;
padding: 8px 20px;
height: auto;
background: none repeat scroll 0% 0% #FFF;
color: #57BED8;
text-transform: uppercase;
font-weight: normal;
}

#form-contact .span8 .gform_wrapper .top_label .gfield_label {
    font-weight: normal;
}

#form-contact .span8 .gform_wrapper .gfield_required {
    color: #57bed8;
}

#form-contact .span8 h3 {
	text-align: left;
}
#form-contact .span4 h3 {
	color: #57BED8;
}

.btn-primary {
    color: #FFF;
    background-color: #57BED8;
    border-color:  #57BED8;
}

@media (min-width: 992px) {

		.tab-pane .column_first, .tab-pane .column_last {
			padding-left: 0px;
			padding-right: 0px;
		}
		.why .module p {
			padding-left:60px;
		}


		.separators .col-md-4 .module {
			padding-left:20px;
			padding-right: 20px;
			padding-top: 5px;
			padding-bottom: 20px;
		}
		.contact.separators .col-md-4 .module {
			height:280px;
		}
		.separators .col-md-4.column_first .module {
			padding-left:0px;
			padding-right: 40px;
			border-right: 1px solid #e6e7e8;
		}
		.separators .col-md-4.column_last .module {
			padding-left:40px;
			padding-right: 0px;
			border-left: 1px solid #e6e7e8;
		}
		.separators .tabs .col-md-4.column_first .module {
			padding-left:20px;
		}
		.separators .tabs .col-md-4.column_last .module {
			padding-right: 20px;
		}
		.contact.separators .col-md-4.column_first .module {
			border-right: 1px solid #666668;
		}
		.contact.separators .col-md-4.column_last .module {
			border-left: 1px solid #666668;
		}
		.navbar .nav li a {
			color:#fff;
		}
		/*menus*/
		.menu-desktop {
			display: block;
		}
		.navbar-collapse.collapse.menu-mobile {
			display:none !important;
		}
		.col-sm-7 {
		    width: 53%;
		}
		.page {
			margin-top: -31px;
		}

}
@media (max-width: 370px) {
	img.logo {
		width: 200px;
	}
}