/*

======================================

Table of Contents

======================================

- Home Page

    - Preloader

    - Header Section

        - Header 1

        - Header 2

        - Header 3

        - Page Menu

    - Hero Section

        - Home 1

        - Home 2

        - Home 3

    - Fun Facts Section

    - Testimonial Section

    - Blank Background Section

    - App Download Section

    - App Feature Section

    - Why Choose Section

    - Our Team Section

    - Video Section

    - Pricing Plan Section

    - App Screenshot Section

    - Latest Blog Section

    - Get In Touch Section

    - Footer Section

- Default Page (Default)

- Blog Page (Default)

- Blog (Isotope)

- Comment Form Style

- Sidebar

- Contact Page



- Contact Map

======================================

*/


/* 

----------------------------------

- Preloader

----------------------------------

*/

.preloader-area {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background: rgba(255, 255, 255, 0.95);
	z-index: 1000000;
}

.preloader-inner {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
}

.preloader {
	width: 60px;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	margin: auto;
	padding: 0px;
	text-align: center;
}

.preloader span {
	position: absolute;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: #000000;
	-webkit-animation: preloader 1.6s linear infinite;
	animation: preloader 1.6s linear infinite;
}

.preloader span:last-child {
	animation-delay: -0.8s;
	-webkit-animation-delay: -0.8s;
}

@keyframes preloader {
	0% {
		transform: scale(0, 0);
		opacity: 0.5;
	}
	100% {
		transform: scale(1, 1);
		opacity: 0;
	}
}

@-webkit-keyframes preloader {
	0% {
		-webkit-transform: scale(0, 0);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1, 1);
		opacity: 0;
	}
}


/* 

----------------------------------

- Header Section

----------------------------------

*/

body {
			font-weight: normal;
			font-style: normal;
			font-size: 14px;
			color: #333333;
		}

.header-area {
	width: 100%;
	height: auto;
	position: relative;
}

.navbar {
	border: 0px;
	border-radius: 0px;
	padding: 0px;
	margin: 0px;
}

.navbar-right li a {
	color: #00bff3 !important;
}

.navbar-default .navbar-nav .open a,
.navbar-default .navbar-nav .open a:focus,
.navbar-default .navbar-nav .open a:hover {
	background: none;
}

.navbar-nav li .dropdown-menu {
	margin-top: 15px;
	border: 0px;
	border-radius: 0px;
	background: rgba(255, 255, 255, 0.9);
	padding: 0px;
}

.navbar-nav li .dropdown-menu li a {
	padding: 10px 15px;
	padding-left: 15px;
}

.navbar-default .navbar-nav .open .dropdown-menu li a {
	color: #fff;
	padding: 10px 15px;
}

.navbar-brand {
	padding: 0px;
	width: 100%;
	margin-left: 15px;
	padding-top: 4px;
}

.navbar-default .navbar-collapse {
	padding: 0px;
}

.navbar-toggle {
	margin-top: 10px;
	border: 0px;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background: none;
}


/* Search Box */

.search-box {
	padding-top: 20px;
}

.search-box a {
	color: #2d2d2d;
}

.search-box a:hover {
	color: #00bff3;
}

.search-box-area {
	position: absolute;
	padding: 120px 0px;
	width: 100%;
	background: rgba(3, 169, 244, 1);
	top: 0px;
	left: 0px;
	z-index: 10000;
	transform: translateY(-100%);
	transition: all 0.3s ease-in-out;
}

.show-srch {
	transform: translateY(0%);
}

.form-home-search {
	background: transparent;
	height: 60px;
	border: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #fff;
	color: #f9f9f9;
	font-size: 1rem;
	box-shadow: none;
	text-align: center;
}

.form-home-search:focus {
	box-shadow: none;
	border-bottom: 1px solid #fff;
}



.logo-social {
	padding: 0px;
	margin: 0px;
}

.logo-social li {
	display: inline-block;
}

.logo-social li a {
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #2d2d2d;
	margin-right: 10px;
}

.logo-social li a:hover {
	color: #00bff3;
}


/* Menu Style 3 */

.menu-style-3 {
	width: 100%;
	height: auto;
}

.menu-style-3 .header-top-area {
	width: 100%;
	height: auto;
	display: block;
	background: #fff;
	position: relative;
	padding: 30px 0px 0px 0px;
	z-index: 0;
}

.menu-style-3 .header-top-content {
	width: 100%;
	height: auto;
	display: block;
	border-bottom: 1px solid #f9f9f9;
}

.menu-style-3 .top-info-area {
	text-align: right;
}

.menu-style-3 .top-info-area .top-info {
	padding: 0px;
	margin: 0px 0px auto;
	text-align: right;
}

.menu-style-3 .top-info-area .top-info li {
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-size: 0.9rem;
	font-weight: 400;
	color: #3d3d3d;
	margin-right: 10px;
}

.menu-style-3 .top-info-area .top-info li i {
	color: #00bff3;
	font-size: 1rem;
	margin-right: 10px;
}

.menu-style-3 .top-info-area .top-info li:last-child {
	margin-right: 0px;
}

.menu-style-3 .navbar {
	background: none;
	border: 0px;
	margin: 0px;
	padding: 0px 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.menu-style-3 .navbar .navbar-nav {
	margin: 0px;
}

.menu-style-3 .navbar .navbar-nav li {
	margin: 0px;
	text-align: left;
}

.menu-style-3 .navbar .navbar-nav li a {
	color: #3d3d3d;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 0.88rem;
	text-transform: normal;
	padding: 25px 12px;
}

.menu-style-3 .navbar .navbar-nav li a:hover {
	color: #00bff3;
}

.menu-style-3 .navbar-default .navbar-nav .active a {
	background: none;
	font-weight: 300;
	color: #00bff3 !important;
	position: relative;
	z-index: 1;
}

.menu-style-3 .navbar-default .navbar-nav .active a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	background: #00bff3;
	bottom: 0px;
	left: 0px;
}

.menu-style-3.dark-header-area .navbar {
	background: #0379ae;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
	-webkit-box-shadow: 5px 15px 10px -20px #3d3d3d;
	-moz-box-shadow: 5px 15px 10px -20px #3d3d3d;
	-ms-box-shadow: 5px 15px 10px -20px #3d3d3d;
	-o-box-shadow: 5px 15px 10px -20px #3d3d3d;
	box-shadow: 5px 15px 10px -20px #3d3d3d;
}

.menu-style-3.dark-header-area .navbar li a:hover,
.menu-style-3.dark-header-area .navbar li a:active,
.menu-style-3.dark-header-area .navbar li a:focus {
	color: #f2f2f2 !important;
}

.menu-style-3 .navbar-nav li .dropdown-menu {
	background: #f9f9f9;
}

.menu-style-3 .navbar-default .navbar-toggle .icon-bar {
	background: #2d2d2d;
}

.menu-style-3 .navbar-nav li .dropdown-menu {
	background: #0379AE;
	margin-top: 0px;
}

.menu-style-3 .navbar-default .navbar-nav .open .dropdown-menu li a {
	color: #fff;
	font-size: 0.77rem;
}

.menu-style-3 .navbar-default .navbar-nav .open .dropdown-menu li.active a {
	color: #2d2d2d;
}

.menu-style-3 .navbar-default.navbar-fixed-top {
	background: #fff !important;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
	-webkit-box-shadow: 0px 15px 10px -18px #3d3d3d;
	-moz-box-shadow: 0px 15px 10px -18px #3d3d3d;
	-ms-box-shadow: 0px 15px 10px -18px #3d3d3d;
	-o-box-shadow: 0px 15px 10px -18px #3d3d3d;
	box-shadow: 0px 15px 10px -18px #3d3d3d;
}

.menu-style-3 .navbar-nav.navbar-right {}

.menu-style-3 .navbar-nav.navbar-right li {}

.menu-style-3 .navbar-nav.navbar-right li a {
	color: #2d2d2d !important;
	padding: 25px 5px;
	font-size: 0.77rem;
}

.menu-style-3 .navbar-right li a:hover {
	color: #00bff3 !important;
}

#menu-main .btn-enter {padding: 0px;}
#menu-main .btn-enter a {
    background: -webkit-gradient(linear,left top,right top,from(#e3563a),color-stop(#ff2626),to(#e81717));
    background: -webkit-linear-gradient(left,#e3563a,#ff2626,#e81717);
    background: -o-linear-gradient(left,#e3563a,#ff2626,#e81717);
    background: linear-gradient(to right,#e3563a,#ff2626,#e81717);
    -webkit-background-size: 100% 100%;
    background-size: 100%;
	height: 45px;
	line-height: 45px;
	margin-top: 7px;
	padding: 0px 25px;
	font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#menu-main .btn-enter a:hover {
	color: #fff; 
	background: -webkit-gradient(linear,left top,right top,from(#ff2626),color-stop(#e81717),to(#c91c1c));
    background: -webkit-linear-gradient(left,#ff2626,#e81717,#c91c1c);
    background: -o-linear-gradient(left,#ff2626,#e81717,#c91c1c);
    background: linear-gradient(to right,#ff2626,#e81717,#c91c1c);
}


/* Page Menu */
#header {margin: 0 auto;}

.header-top-area {
	width: 100%;
	height: auto;
	display: block;
	background: #202020;
	position: relative;
	padding: 30px 0px;
	z-index: 0;
}

.header-top-inner {
	display: block;
	width: 100%;
	height: 100%;
}

.top-logo-area {
	width: auto;
	float: left;
	margin-top: -50px;
}

.top-logo-area .slogan {
	font-size: 15px;
	font-weight: 600;
	color: #00bff3 !important;
	text-align: right;
	margin-right: 14px;
	margin-top: -5px;
}

.navbar-fixed-top .top-logo-area {margin-top: 4px;}
.navbar-fixed-top .top-logo-area img {max-height: 55px;}

.navbar-fixed-top .top-logo-area .slogan {display: none;}

.top-info-area {
	text-align: right;
}

.top-info-area .top-info {
	padding: 0px;
	margin: 0px 0px auto;
	text-align: right;
}

.top-info-area .top-info li {
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-size: 0.77rem;
	font-weight: 300;
	color: #fff;
	margin-right: 10px;
}

.top-info-area .top-info li:last-child {
	margin-right: 0px;
}

.page-menu,
.header-bottom-area {
	width: 100%;
	height: auto;
}

.page-menu .navbar .navbar-nav {
	margin: 0px;
}

.page-menu .navbar .navbar-nav li {
	margin: 0px;
}

.page-menu .navbar .navbar-nav li a {
	color: #3d3d3d;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 16px;
	text-transform: normal;
	padding: 20px;
}

.page-menu .navbar .navbar-nav li a:hover {
	color: #00bff3 !important;
}

.page-menu .navbar-default .navbar-nav > .active > a {
	background: #00bff3;
	font-weight: 700;
	color: #fff !important;
	position: relative;
	z-index: 1;
}

.page-menu .navbar-default .navbar-nav > .active > a:hover {
	color: #fff !important;
}

.page-menu .dark-header-area .navbar {
	background: #0379ae;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
	-webkit-box-shadow: 5px 15px 10px -20px #3d3d3d;
	-moz-box-shadow: 5px 15px 10px -20px #3d3d3d;
	-ms-box-shadow: 5px 15px 10px -20px #3d3d3d;
	-o-box-shadow: 5px 15px 10px -20px #3d3d3d;
	box-shadow: 5px 15px 10px -20px #3d3d3d;
}

.page-menu.dark-header-area .navbar li a:hover,
.page-menu.dark-header-area .navbar li a:active,
.page-menu.dark-header-area .navbar li a:focus {
	color: #00bff3 !important;
}

.page-menu .navbar-nav li .dropdown-menu {
	background: #f9f9f9;
}

.page-menu .navbar-right li a {
	color: #ccc !important;
}

.page-menu .navbar-nav li .dropdown-menu {
	margin-top: 0px;
}

.page-menu .navbar-default .navbar-nav .open .dropdown-menu li a {
	color: #2d2d2d;
	font-size: 0.77rem;
}

.page-menu .navbar-default .navbar-nav .open .dropdown-menu li.active a {
	color: #0bbff3;
}


/* 

----------------------------------

- Hero Section

----------------------------------

*/


/* Home 1 */

.hero-area {
	width: 100%;
	height: 920px;
	background: #efeff0;
	position: relative;
	display: block;
	z-index: 0;
	overflow: hidden;
}

.mosue-wheel {
	content: "";
	position: absolute;
	background-image: url('../img/mouse-pointer.png');
	width: 39px;
	height: 66px;
	bottom: -33px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	z-index: 10;
	-webkit-animation: upDown 3s infinite;
	animation: upDown 3s infinite;
}

@keyframes upDown {
	0% {
		bottom: -33px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	50% {
		bottom: 0px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	100% {
		bottom: -33px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
}

.hero-area-content {
	width: 100%;
	height: 100%;
	position: relative;
	display: table;
	z-index: 0;
	overflow: hidden;
}

.hero-area-content-inner {
	width: 100%;
	height: auto;
	display: table-cell;
	vertical-align: middle;
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.hero-area-content .title,
.hero-area-content .subtitle {
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	color: #131313;
}

.hero-area-content .title {
	font-size: 3.11rem;
	margin-bottom: 2rem;
}

.hero-area-content .subtitle {
	font-size: 2.66rem;
	margin-bottom: 1rem;
	text-transform: capitalize;
}

.hero-area-content .subtitle span {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	color: #03a9f4;
}

.hero-area-content .after-subtitle {
	font-size: 2.57rem;
	text-transform: capitalize;
	margin-bottom: 4.5rem;
}

.speaker,
.headphone,
.pencil,
.frame,
.black-tab,
.mouse {
	position: absolute;
	z-index: -1;
}

.headphone {
	top: 16%;
	left: -15%;
}

.pencil {
	bottom: 13%;
	left: 4%;
}

.frame {
	right: 4%;
	top: 26%;
}

.black-tab {
	right: 1%;
	top: 56%;
}

.mouse {
	right: 17%;
	bottom: -30px;
}


/* Home 2 */

.home-2 {
	width: 100%;
	min-height: 920px;
	display: block;
	background-image: url('../img/home-2/bg.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 0;
}

.home-2:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #00a5ef;
	top: 0px;
	left: 0px;
	bottom: 0px;
	opacity: 0.3;
	z-index: -1;
}

.home-2 .hero-area-content {
	background-image: url('../img/home-2/element-bg.png');
	background-repeat: no-repeat;
	background-position: center;
}

.home-2 .hero-area-caption {
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 60px;
}

.home-2 .hero-area-caption .title,
.home-2 .hero-area-caption .title span {
	font-family: 'Raleway', sans-serif;
	font-size: 1.66rem;
	font-weight: 600;
	color: #f2f2f2;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.home-2 .hero-area-caption .title span {
	font-weight: 300;
}

.home-2 .hero-area-caption .caption {
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: 500;
	color: #f2f2f2;
	margin-bottom: 30px;
	text-transform: capitalize;
}

.home-2 .hero-area-caption a.btn:last-child {
	margin-right: 0px;
}

.mackbook-carousel {
	width: 100%;
	height: auto;
	margin-top: 50px;
}

.mackbook-carousel .owl-nav {
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 46%;
	left: 0px;
	height: auto;
}

.mackbook-carousel .owl-nav .owl-next,
.mackbook-carousel .owl-nav .owl-prev {
	display: inline-block;
	font-size: 24px;
	color: #fff;
	width: 40px;
	height: 40px;
	background: transparent;
	border: 2px solid #fff;
	text-align: center;
	line-height: 38px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.mackbook-carousel .owl-nav .owl-next {
	float: right;
	margin-right: -12%;
}

.mackbook-carousel .owl-nav .owl-prev {
	margin-left: -12%;
}

.mackbook-carousel .owl-nav .owl-next:hover,
.mackbook-carousel .owl-nav .owl-prev:hover {
	color: #3d3d3d;
	background: #f9f9f9;
}

.header-social {
	padding: 0px;
	margin: 30px 0px 0px 0px;
	text-align: center;
}

.header-social li {
	display: inline-block;
}

.header-social li a {
	display: block;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	margin: 12px;
}

.header-social li:last-child a {
	margin-right: 0px;
}


/* Home-3 */

.home-3 {
	width: 100%;
	height: auto;
	padding: 100px 0px;
	display: block;
	background-image: url("/assets/images/bg.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
	position: relative;
	z-index: 0;
}

.home-3:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #111;
	top: 0px;
	left: 0px;
	bottom: 0px;
	opacity: 0.4;
	z-index: -1;
}

.home-3 .hero-area-content {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.home-3 .hero-area-content-inner {
	width: 100%;
	height: auto;
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.hero-text-carousel {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.hero-text-carousel .item .title {
	font-family: 'Raleway', sans-serif;
	font-size: 2.11rem;
	font-weight: 400;
	line-height: 2.77rem;
	color: #fff;
}

.hero-text-carousel .item,
.hero-text-carousel .item p {
	font-family: 'Poppins', sans-serif;
	font-size: 0.88rem;
	font-weight: 300;
	color: #fefefe;
	line-height: 1.66rem;
}

.hero-text-carousel .owl-dots {
	margin-bottom: 15px;
}

.hero-text-carousel .owl-dots .owl-dot {
	border-radius: 0px;
	height: 4px;
}

.download-btn-area .download-btn {
	padding: 0px;
	margin: 0px auto;
	text-align: left;
}

.download-btn-area .download-btn li {
	display: inline-block;
	margin-right: 20px;
	padding-bottom: 20px;
}

.download-btn-area .download-btn li:last-child {
	margin-right: 0px;
}

.download-btn-area .download-btn li a {
	position: relative;
	display: block;
	background: #03a9f4;
	padding: 7px 20px 7px 0px;
	text-align: left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	z-index: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.download-btn-area .download-btn li a .small,
.download-btn-area .download-btn li a .big {
	display: block;
	padding-left: 50px;
}

.download-btn-area .download-btn li a .small {
	font-family: 'Raleway', sans-serif;
	font-size: 0.83rem;
	font-weight: 500;
	color: #fff;
	margin-bottom: 7px;
}

.download-btn-area .download-btn li a .big {
	font-family: 'Raleway', sans-serif;
	font-size: 1rem;
	font-weight: 300;
	color: #fff;
	margin-bottom: 7px;
}

.download-btn-area .download-btn li a .icon {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	top: 15px;
	left: 15px;
	color: #fff;
	font-size: 1.5rem;
	z-index: 0;
}

.download-btn-area .download-btn li a:hover {
	background: #202020;
	color: #fff;
	-webkit-box-shadow: 0px 0px 20px 0px #777;
	-moz-box-shadow: 0px 0px 20px 0px #777;
	-ms-box-shadow: 0px 0px 20px 0px #777;
	box-shadow: 0px 0px 20px 0px #777;
}


/* 

----------------------------------

- Fun Facts Section

----------------------------------

*/

.fun-fact-area {
	width: 100%;
	height: auto;
	padding: 70px 0px;
}

.fun-fact-area .container {
	background: rgba(255, 255, 255, 0.8);
	padding: 25px 10px 10px;
	border-radius: 20px;
}

.fun-item {
	margin-bottom: 10px;
}

.fun-item p.digit {
	color: #00bff3;
	font-family: 'Raleway', sans-serif;
	font-size: 60px;
	font-weight: 700;
	margin-bottom: 35px;
}

.fun-item p.title {
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 30px;
	position: relative;
	color: #4d595a;
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 20px;
}

.fun-item p.title:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 7px;
	bottom: 0px;
	left: 0px;
	background-image: url('../img/fun-divider.png');
	background-repeat: no-repeat;
	background-position: center center;
}

.fun-item p {
	font-weight: 300;
	font-size: 1rem;
	margin: 0px;
}


/* 

----------------------------------

- Testimonial Section

----------------------------------

*/

.testimonial-area {
	width: 100%;
	height: auto;
	padding: 70px 0px;
	background: #f8f8f8;
}

.testimonial-carousel .item {
	position: relative;
	z-index: 0;
}

.testimonial-carousel .item .avatar {
	position: absolute;
	width: 145px;
	height: 145px;
	top: 0px;
	left: 0px;
}

.testimonial-carousel .item .content {
	padding-left: 200px;
	min-height: 130px;
	display: block;
}

.testimonial-carousel .item .content .auth-name {
	font-family: 'Poppins', sans-serif;
	font-size: 24px;
	font-weight: 500;
	color: #333333;
	display: inline-block;
	position: relative;
	z-index: 0;
	padding-left: 100px;
}

.testimonial-carousel .item .content .auth-name:after {
	content: "";
	position: absolute;
	width: 60px;
	height: 4px;
	background: #03a9f4;
	top: 10px;
	left: 0px;
	z-index: 0;
}

.testimonial-carousel .owl-nav {
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 35%;
	left: 0px;
	height: auto;
}

.testimonial-carousel .owl-nav .owl-next,
.testimonial-carousel .owl-nav .owl-prev {
	display: inline-block;
	font-size: 24px;
	color: #cccccc;
}

.testimonial-carousel .owl-nav .owl-next {
	float: right;
	margin-right: -5%;
}

.testimonial-carousel .owl-nav .owl-prev {
	margin-left: -5%;
}


/* 

----------------------------------

- Blank Background Section

----------------------------------

*/

.blank-bg-area {
	width: 100%;
	min-height: 200px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}


/* 

----------------------------------

- App Download Section

----------------------------------

*/

.app-download-area {
	width: 100%;
	height: auto;
	padding: 100px 0px;
	background: #03a9f4;
	overflow: hidden;
}

.app-download-content {
	padding-top: 35px;
}

.app-download-content .icon {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}

.app-download-content .subtitle {
	font-family: 'Raleway', sans-serif;
	font-size: 2rem;
	font-weight: 300;
	color: #fff;
	margin-bottom: 5px;
}

.app-download-content .title {
	font-family: 'Raleway', sans-serif;
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.app-download-content p {
	color: #fff;
}

.app-download-screen {}

.app-download-screen .download-brand {
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
}

.app-download-screen .download-brand li {
	display: inline-block;
	margin: 0px;
}

.app-download-screen .download-brand li a {
	display: block;
	color: #fff;
	width: 40px;
	height: 40px;
	margin-right: 25px;
	text-align: center;
}

.app-download-screen .download-brand li a img {
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.app-download-screen .download-brand li a img:hover {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}


/* 

----------------------------------

- App Features Section

----------------------------------

*/

.app-feature-area {
	width: 100%;
	height: auto;
	background: #f9f9f9;
	padding: 100px 0px;
	overflow: hidden;
}

.feature-tab {}

.feature-tab .tablist {
	padding: 0px;
	margin: 0px;
}

.feature-tab .tablist li {
	width: 100%;
	height: auto;
	padding: 40px 5px;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #3d3d3d;
	margin: 0px;
	border-bottom: 1px solid #d8d8d8;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.feature-tab .tablist li:hover {
	color: #03a9f4;
	cursor: pointer;
}

.feature-tab .tablist li.active {
	color: #03a9f4;
}

.feature-tab .tablist li i {
	margin-right: 25px;
	font-size: 28px;
	color: #03a9f4;
}

.tablist-content {
	display: none;
}

.tablist-content.active {
	display: block;
}

.tablist-content .left {
	padding-top: 100px;
}

.tablist-content .left .title {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	'
 font-weight: 500;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.tablist-content .left p {
	font-size: 0.88rem;
}

.tablist-content .right {
	padding-top: 30px;
}


/* 

----------------------------------

- Why Choose Section

----------------------------------

*/

.why-choose-area {
	width: 100%;
	height: auto;
	padding: 70px 0px;
	overflow: hidden;
}

.why-choose {}

.why-choose li {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	margin-bottom: 60px;
}

.why-choose li .icon {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 2px;
	left: -40px;
	z-index: -1;
	color: #03a9f4;
}

.why-choose li .icon i {
	font-size: 1.2rem;
	-webkit-text-shadow: 1px 1px 1px #333;
	;
	-moz-text-shadow: 1px 1px 1px #333;
	;
	-ms-text-shadow: 1px 1px 1px #333;
	;
	-o-text-shadow: 1px 1px 1px #333;
	;
	text-shadow: 1px 1px 1px #333;
	;
}

.why-choose .content .title {
	font-family: 'Raleway', sans-serif;
	font-size: 1.11rem;
	font-weight: 700;
	margin-bottom: 10px;
}

.why-choose .content p {
	font-size: 0.77rem;
}


/* 

----------------------------------

- Team Section

----------------------------------

*/

.team-area {
	width: 100%;
	height: auto;
	background: #f9f9f9;
	padding: 100px 0px;
}

.team-carousel {}

.team-carousel .item {
	padding: 12px;
	position: relative;
	z-index: 0
}

.team-carousel .item .team-img {
	width: 100%;
	height: auto;
	padding: 0px;
	position: relative;
	z-index: 0;
}

.team-carousel .item .team-img:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	border-top: 1px solid #03a9f4;
	border-right: 1px solid #03a9f4;
	z-index: -1;
	top: -12px;
	right: -12px;
}

.team-carousel .item .team-img:before {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	border-top: 1px solid #03a9f4;
	border-left: 1px solid #03a9f4;
	z-index: -1;
	top: -12px;
	left: -12px;
}

.team-carousel .item .team-img img {
	border: 1px solid #ffcc00;
	max-height: 350px;
}

.tam-carousel .item .team-img .team-img-inner {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	border: 1px solid;
}

.team-carousel .item .team-img .team-img-inner:before {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	border-bottom: 1px solid #03a9f4;
	border-left: 1px solid #03a9f4;
	z-index: -1;
	bottom: -12px;
	left: -12px;
}

.team-carousel .item .team-img .team-img-inner:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	border-bottom: 1px solid #03a9f4;
	border-right: 1px solid #03a9f4;
	z-index: -1;
	bottom: -12px;
	right: -12px;
}

.team-carousel .item .team-caption {
	padding: 60px 0px;
	text-align: center;
}

.team-carousel .item .team-caption .auth-name {
	font-family: 'Raleway', sans-serif;
	font-size: 1.55rem;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	position: relative;
	z-index: 0;
	margin-bottom: 20px;
	padding-bottom: 30px;
}

.team-carousel .item .team-caption .auth-name:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 2px;
	background: #ffcc00;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	z-index: -1;
}

.team-carousel .item .team-caption .designation {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #3d3d3d;
	display: block;
	margin-bottom: 25px;
}

.team-carousel .item .team-caption .social-icon {
	padding: 0px;
	margin: 0px 0px 25px 0px;
}

.team-carousel .item .team-caption .social-icon li {
	display: inline-block;
	margin: 0px;
	margin-right: 6px;
}

.team-carousel .item .team-caption .social-icon li:last-child {
	margin-right: 0px;
}

.team-carousel .item .team-caption .social-icon li a {
	display: block;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 27px;
	font-size: 12px;
	color: #03a9f4;
	border: 2px solid #ffcc00;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.team-carousel .item .team-caption .social-icon li a:hover {
	color: #00bff3;
	border-color: #0bbff3;
}

.team-carousel .item .team-caption .caption {
	position: relative;
	font-size: 0.88rem;
	line-height: 28px;
	color: #3d3d3d;
	z-index: 0;
	padding-bottom: 25px;
}

.team-carousel .item .team-caption .caption:after {
	content: "";
	position: absolute;
	width: 50px;
	height: 10px;
	background-image: url('../img/team-divider.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	z-index: -1;
}

.team-caption a.btn-blue-line {
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	color: #3d3d3d;
	margin: 0 auto;
	border: 1px solid #03a9f4;
	text-align: center;
	text-transform: uppercase;
}

.team-carousel .owl-nav {
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 20%;
	left: 0px;
	height: auto;
}

.team-carousel .owl-nav .owl-next,
.team-carousel .owl-nav .owl-prev {
	display: inline-block;
	font-size: 36px;
	color: #03a9f4;
}

.team-carousel .owl-nav .owl-next {
	float: right;
	margin-right: -2%;
}

.team-carousel .owl-nav .owl-prev {
	margin-left: -2%;
}


/* 

----------------------------------

- Video Section

----------------------------------

*/

.video-area {
	width: 100%;
	height: auto;
}

.video-header {
	width: 100%;
	height: auto;
	padding: 70px 0px;
}

.video-player-area {
	width: 100%;
	min-height: 600px;
	display: block;
	background-image: url('/assets/images/video_bg.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 0;
}

.video-player-area:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	bottom: 0px;
	background: #000;
	opacity: 0.8;
	z-index: -1;
}

.video-player {
	width: 100%;
	min-height: 400px;
}

.play-btn-area {
	width: 100%;
	min-height: 600px;
	position: relative;
	z-index: 0;
	display: table;
}

.play-btn {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: auto;
	text-align: center;
	clear: both;
}

.play-btn a {
	width: 125px;
	height: 125px;
	display: inline-block;
	margin: 0 auto;
	border-radius: 50%;
	border: 2px solid #ccc;
	font-size: 60px;
	color: #ccc;
	line-height: 130px;
	padding-left: 7px;
}

.play-btn a:hover {
	color: #03a9f4 !important;
	border-color: #03a9f4;
}


/* 

----------------------------------

- Pricing Section

----------------------------------

*/

.pricing-area {
	width: 100%;
	height: auto;
	background: #f9f9f9;
	padding: 100px 0px;
}

.pricing-table {
	padding: 0px;
	border: 2px solid #f5f5f5;
	overflow: hidden;
}

.pricing-table .header {
	padding: 60px;
	text-align: center;
	border-bottom: 2px solid #f5f5f5;
}

.pricing-table .header .title {
	font-family: 'Raleway', sans-serif;
	font-size: 36px;
	font-weight: 300;
	text-transform: capitalize;
	display: block;
	position: relative;
	z-index: 0;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

.pricing-table .header .title:after {
	content: "";
	position: absolute;
	width: 70px;
	height: 15px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	background-image: url('../img/pricing-title-line.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	z-index: -1;
}

.pricing-table .header .price-tag {
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	font-weight: 300;
	color: #999999;
	margin-bottom: 0px;
}

.pricing-table .header .price-tag span {
	color: #03a9f4;
}

.pricing-table .body {}

.pricing-table .body .pricing {
	padding: 0px 60px;
	margin: 0px;
}

.pricing-table .body .pricing li {
	padding: 35px 0px;
	border-bottom: 2px solid #f5f5f5;
	margin: 0px;
	text-align: center;
}

.pricing-table .body .pricing li .title {
	font-family: 'Poppins', sans-serif;
	font-size: 0.88rem;
	font-weight: 500;
	margin-bottom: 20px;
}

.pricing-table .body .pricing li .title i {
	color: #9bcb5b;
	margin-right: 10px;
}

.pricing-table .body .pricing li .title i.red {
	color: #cb5656;
	margin-right: 10px;
}

.pricing-table .body .pricing li,
.pricing-table .body .pricing li p {
	font-size: 0.77rem;
	line-height: 24px;
	margin-bottom: 0px;
}

.pricing-table .footer {
	padding: 35px 0px;
	text-align: center;
}

.pricing-table.recommended {
	position: relative;
	border: 0px;
	-webkit-box-shadow: 0px 0px 25px 0px #ccc;
	-moz-box-shadow: 0px 0px 25px 0px #ccc;
	-ms-box-shadow: 0px 0px 25px 0px #ccc;
	-o-box-shadow: 0px 0px 25px 0px #ccc;
	box-shadow: 0px 0px 25px 0px #ccc;
	z-index: 0;
}

.pricing-table.recommended:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 6px;
	background-image: url('../img/recommended-line.png');
	background-repeat: no-repeat;
	background-position: center;
	top: 0px;
	left: 0px;
	z-index: -1;
}

.recom-tag {
	position: absolute;
	width: 200px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	text-transform: uppercase;
	background: #03a9f4;
	top: 40px;
	left: -42px;
	z-index: -1;
	transform: rotate(-45deg);
}

.recom-tag span {
	color: #fff;
	font-size: 0.77rem
}


/* 

----------------------------------

- App Screenshot Section

----------------------------------

*/

.screenshot-area {
	width: 100%;
	height: auto;
	padding: 100px 0px 0px 0px;
}

.screenshot-carousel .owl-nav {
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 46%;
	left: 0px;
	height: auto;
}

.screenshot-carousel .owl-nav .owl-next,
.screenshot-carousel .owl-nav .owl-prev {
	display: inline-block;
	font-size: 24px;
	color: #fff;
	width: 40px;
	height: 40px;
	background: #03a9f4;
	text-align: center;
	line-height: 42px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.screenshot-carousel .owl-nav .owl-next {
	float: right;
	margin-right: -8%;
}

.screenshot-carousel .owl-nav .owl-prev {
	margin-left: -8%;
}

.screenshot-carousel .owl-nav .owl-next:hover,
.screenshot-carousel .owl-nav .owl-prev:hover {
	color: #3d3d3d;
	background: #f9f9f9;
}


/* 

----------------------------------

- Download Area Section

----------------------------------

*/

.download-area {
	width: 100%;
	height: auto;
	background: #f3f3f3;
	padding: 70px 0px;
}

.download-btn {
	padding: 0px;
	margin: 0px auto;
	text-align: center;
}

.download-btn li {
	display: inline-block;
	margin-right: 80px;
}

.download-btn li:last-child {
	margin-right: 0px;
}

.download-btn li a {
	position: relative;
	display: block;
	background: #202020;
	padding: 7px 20px 7px 0px;
	text-align: left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	z-index: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.download-btn li a .small,
.download-btn li a .big {
	display: block;
	padding-left: 70px;
}

.download-btn li a .small {
	font-family: 'Raleway', sans-serif;
	font-size: 0.83rem;
	font-weight: 500;
	color: #fff;
	margin-bottom: 7px;
}

.download-btn li a .big {
	font-family: 'Raleway', sans-serif;
	font-size: 1.44rem;
	font-weight: 300;
	color: #fff;
	margin-bottom: 7px;
}

.download-btn li a .icon {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	top: 10px;
	left: 20px;
	color: #fff;
	font-size: 2rem;
	z-index: 0;
}

.download-btn li a:hover {
	background: #03a9f4;
	color: #fff;
	-webkit-box-shadow: 0px 0px 20px 0px #777;
	-moz-box-shadow: 0px 0px 20px 0px #777;
	-ms-box-shadow: 0px 0px 20px 0px #777;
	box-shadow: 0px 0px 20px 0px #777;
}


/* 

----------------------------------

- Blog Section (Home)

----------------------------------

*/

.blog-area {
	width: 100%;
	height: auto;
	padding: 50px 0px;
}

.blog-item .post-img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	margin-bottom: 15px;
}

.blog-item .post-img .post-date {
	position: absolute;
	width: 55px;
	height: 70px;
	background: #03a9f4;
	padding: 18px 5px;
	text-align: center;
	bottom: 10px;
	left: -10px;
	z-index: 1;
	line-height: 20px;
}

.blog-item .post-img .post-date .big {
	font-family: 'Poppins', sans-serif;
	font-size: 1.66rem;
	font-weight: 700;
	color: #fff;
}

.blog-item .post-img .post-date .small {
	font-family: 'Poppins', sans-serif;
	font-size: 0.88rem;
	font-weight: 300;
	color: #fff;
}

.blog-item .post-content {
	padding-bottom: 15px;
	border-bottom: 2px solid #eeeeee;
}

.blog-item .post-content .title {
	margin-bottom: 0px;
	line-height: 30px;
}

.blog-item .post-content .title a {
	font-family: 'Raleway', sans-serif;
	font-size: 0.88rem;
	font-weight: 700;
	color: #3d3d3d;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
	line-height: 30px;
}

.blog-item .post-content .title a:hover {
	color: #03a9f4 !important;
}

.blog-item .post-content p {
	font-size: 0.77rem;
	line-height: 24px;
	margin-bottom: 0px;
}

.blog-item .post-meta {
	font-size: 0.77rem;
	padding: 5px;
}

.blog-item .post-meta span {
	margin-right: 10px;
}

.blog-item .post-meta i {
	color: #03a9f4;
	margin-right: 1px;
}


/* 

----------------------------------

- Contact Section

----------------------------------

*/

.contact-area {
	width: 100%;
	height: auto;
	padding: 70px 0px;
	position: relative;
	z-index: 0;
}

.contact-left-bg-img {
	position: absolute;
	width: 40%;
	height: 100%;
	top: 0px;
	left: 0px;
	bottom: 0px;
	z-index: -1;
	background-image: url('../img/imac-ipad-mockup.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30.72rem 17.55rem;
}

.icon-box-left {}

.icon-box-left i {
	font-size: 30px;
	color: #03a9f4;
	margin-bottom: 30px;
}

.icon-box-left .title {
	font-family: 'Raleway', sans-serif;
	font-size: 0.88rem;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.icon-box-left p {
	font-family: 'Poppins', sans-serif;
	font-size: 0.77rem;
	line-height: 24px;
	margin-bottom: 0px;
}

.contact-form-area {
	padding: 40px 0px;
}

.contact-form-area .title {
	margin-bottom: 35px;
}

.contact-form-area .form-control {
	border: 0px;
	border-bottom: 1px solid #b7b7b7;
	border-radius: 0px;
	box-shadow: none;
	margin-bottom: 30px;
}


/* 

----------------------------------

- Footer Section

----------------------------------

*/

.footer-area {
	width: 100%;
	height: auto;
	background: #03a9f4;
	padding-bottom: 50px;
}

.footer-area p,
.footer-area a,
.footer-area span,
.footer-area small {
	font-family: 'Poppins', sans-serif;
	font-size: 0.88rem;
	font-weight: 300;
	color: #fff;
}

.footer-social {
	border-bottom: 1px solid #2fbcfb;
}

.footer-social ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.footer-social ul li {
	display: inline-block;
}

.footer-social ul li a {
	display: block;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	margin-right: 0px;
	color: #0379ae;
}

.footer-social ul li a:hover {
	color: #fff !important;
}

.footer-social ul li:last-child {
	margin-right: 0px;
}

.footer-logo {
	width: 100%;
	height: auto;
	padding: 55px 0px;
	text-align: center;
}

.inline-content {
	width: 100%;
	height: auto;
	text-align: center;
}

.inline-content p {
	display: inline-block;
	position: relative;
	z-index: 0;
	margin-right: 30px;
	margin-bottom: 0px;
}

.inline-content p:after {
	content: "|";
	position: absolute;
	width: 3px;
	height: 20px;
	top: 0px;
	right: -15px;
	z-index: -1;
	color: #81ddff;
}

.inline-content p:last-child {
	margin-right: 0px;
}

.inline-content p:last-child:after {
	content: "";
}

.inline-content p span {
	color: #ffcc00;
}

.footer-menu-area {
	display: block;
	width: 100%;
	background: #0288d1;
}

.footer-menu {
	padding: 30px 0px;
	margin: 0px;
	text-align: center;
}

.footer-menu li {
	display: inline-block;
}

.footer-menu li a {
	display: block;
	color: #fff;
	font-size: 0.77rem;
	text-transform: capitalize;
	margin-right: 35px;
}

.footer-menu li a:hover,
.footer-menu li.active a {
	color: #3d3d3d !important;
}

.footer-menu li:last-child a {
	margin-right: 0px;
}


/* 

----------------------------------

- Default Page (Default)

----------------------------------

*/

.page-content-area {
	width: 100%;
	height: auto;
	padding: 50px 0px;
}


/* 

----------------------------------

- Blog Page (Default)

----------------------------------

*/

.blog-grid {
	width: 100%;
	height: auto;
}

.grid-item {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.grid-item:last-child {
	margin-bottom: 0px;
}

.blog-item-title {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
}

.blog-item-title .auth-img {
	position: absolute;
	width: 70px;
	height: 70px;
	top: 0px;
	left: 0px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 0;
	overflow: hidden;
	border: 1px solid #f9f9f9;
}

.blog-item-title .title {
	display: block;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #202020;
	line-height: 30px;
	text-transform: uppercase;
	padding: 5px 0px 0px 90px;
	margin-bottom: 0px;
}

.blog-item-title .title a {
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #202020;
	line-height: 30px;
	text-transform: uppercase;
}

.blog-item-title .title a:hover {
	color: #00bff3;
}

.blog-item-title .title-meta {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 90px;
}

.blog-item-title .title-meta li {
	display: inline-block;
	margin: 0px;
	font-family: 'Poppoins', sans-serif;
	font-size: 0.77rem;
	font-weight: 300;
}

.blog-item-title .title-meta li a {
	font-family: 'Poppoins', sans-serif;
	font-size: 0.77rem;
	font-weight: 300;
	display: block;
	margin-right: 15px;
}

.blog-item-title .title-meta li a i {
	color: #2d2d2d;
	margin-right: 10px;
}

.blog-item-title .title-meta li:last-child a {
	margin-right: 0px;
}

.blog-item-img {
	width: 100%;
	height: auto;
	padding: 30px 0px;
}

.blog-item-content {
	width: 100%;
	height: auto;
	padding: 0px 15px;
}

.blog-item-content p {
	font-family: 'Poppins', sans-serif;
	font-size: 0.88rem;
	font-weight: 300;
	line-height: 28px;
	color: #343434;
}

.blog-item-content a.link-readmore {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	color: #202020;
	display: inline-block;
	position: relative;
	z-index: 0;
	padding-bottom: 5px;
}

.blog-item-content a.link-readmore:after {
	content: "";
	position: absolute;
	width: 45px;
	height: 3px;
	background: #00bff3;
	bottom: 0px;
	left: 0px;
}

.blog-item-content a.link-readmore:hover {
	color: #00bff3 !important;
	text-decoration: none;
}

.blog-item-content a.link-readmore:hover:after {
	right: 0px;
	left: 0px;
	margin: 0 auto;
}

.blog-item-content p,
.blog-item-content li,
.blog-item-content li p,
.blog-item-content span,
.blog-item-content a,
.blog-item-content p a,
.blog-item-content span a {
	font-family: 'Poppins', sans-serif;
	font-size: 0.77rem;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 0px;
	color: #3d3d3d;
}

.blog-item-content a,
.blog-item-content p a,
.blog-item-content span a {
	color: #00bff3;
}

.blog-item-content a:hover,
.blog-item-content p a:hover,
.blog-item-content span a:hover {
	color: #111 !important;
	text-decoration: underline;
}

.blog-item-content blockquote p {
	font-family: 'Raleway', sans-serif;
	font-style: italic;
	font-weight: 500;
	padding: 0;
	font-size: 1rem;
	line-height: 36px;
}

.blog-item-content ul {
	margin: 0px;
	padding: 0px;
}

.blog-item-video {
	width: 100%;
	height: auto;
	display: block;
	border: 0;
	padding: 30px 0px;
}

.blog-item-video .video-player {
	width: 100%;
	min-height: 420px;
	margin-bottom: 0px;
	border: 0;
}

.grid-video a.link-readmore {
	border: 1px solid #00bff3;
	padding: 15px 45px;
}

.grid-video a.link-readmore:after {
	content: none;
}

.grid-video a.link-readmore i {
	color: #00bff3;
}

.post-navigation {
	width: 100%;
	height: auto;
	margin-top: 40px;
}

.post-navigation .prev-post,
.post-navigation .next-post {
	display: block;
	width: 100%;
	height: auto;
	padding: 25px 15px;
	color: #3d3d3d;
	font-size: 0.88rem;
	text-align: center;
	position: relative;
	z-index: 0;
	background: #f9f9f9;
}

.post-navigation .prev-post i {
	position: absolute;
	width: 50px;
	height: 10px;
	top: 42%;
	left: 0px;
	z-index: 0;
}

.post-navigation .next-post i {
	position: absolute;
	width: 50px;
	height: 10px;
	top: 42%;
	right: 0px;
	z-index: 0;
}

.post-navigation .prev-post:hover,
.post-navigation .next-post:hover {
	background: #00bff3;
	color: #fff;
}

.post-comment {
	width: 100%;
	height: auto;
	margin-top: 40px;
}

.post-comment .title {
	display: block;
	width: 100%;
	height: auto;
	padding: 25px 15px;
	color: #fff;
	font-size: 0.88rem;
	text-align: center;
	position: relative;
	z-index: 0;
	background: #00bff3;
	margin-bottom: 30px;
}

.post-comment input.form-control,
.post-comment textarea.form-control {
	width: 100%;
	height: 60px;
	font-family: 'Poppins', sans-serif;
	font-size: 0.77rem;
	font-weight: 300;
	padding-left: 15px;
	border-radius: 0px;
	margin-bottom: 20px;
}

.post-comment textarea.form-control {
	height: 150px;
	padding: 15px;
}

.post-comment input.form-control:focus,
.post-comment textarea.form-control:focus {
	box-shadow: none;
	border-color: #00bff3;
}

/* 

----------------------------------

- Comment Form Style

----------------------------------

*/

.comments-area {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 70px;
}

.comment-counter {
	width: 100%;
	height: auto;
	padding: 15px 0px;
	border-bottom: 1px solid #f9f9f9;
	margin-bottom: 20px;
}

.comment-counter .title {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.commentlist {
	list-style: none;
	padding: 0px !important;
}

.commentlist li {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	padding-bottom: 10px;
}

.commentlist .comment-author {
	position: absolute;
	width: 105px;
	height: 105px;
	padding: 0px 30px 30px 0px;
	border-right: 1px solid #b3b3b3;
	top: 0px;
	left: 0px;
}

.commentlist .comment-author img {
	max-width: 75px;
	max-height: 75px;
}

.commentlist .comment-content {
	padding-left: 130px;
	width: 100%;
	height: auto;
	font-size: 0.77rem;
}

.commentlist .comment-content p {
	font-family: 'Poppins', sans-serif;
	font-size: 0.77rem;
	font-weight: 300;
	line-height: 24px;
}

.commentlist .comment-content .post-time {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #bfbfbf;
}

.commentlist .comment-content .fn {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #252525;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.commentlist .comment-content .says {
	color: #bfbfbf;
}

.commentlist .comment-content .reply a {
	font-size: 13px;
	text-transform: uppercase;
}

.commentlist li .children {
	list-style: none;
	padding-top: 20px;
}

.comment-form {
	width: 100%;
	height: auto;
	padding: 30px;
	margin-top: 60px;
	box-shadow: 1px 1px 18px 1px #ededed;
}

.comment-form .title {
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	font-weight: 500;
	color: #404040;
	margin-bottom: 25px;
}

.comment-form .form-control {
	border: 0px;
	border-radius: 0px;
	height: 45px;
	border-bottom: 1px solid #cfcfcf;
	box-shadow: none;
	outline: 0;
	margin-bottom: 30px;
	padding-left: 30px;
	position: relative;
}

.comment-form .icon {
	position: absolute;
	width: 20px;
	height: auto;
	top: 7px;
	left: 20px;
	z-index: 1;
}

.comment-form textarea.form-control {
	height: 120px;
	padding-top: 12px;
}


/* 

----------------------------------

- Sidebar

----------------------------------

*/

.blog-sidebar {
	width: 100%;
	height: auto;
}

.blog-sidebar p,
.blog-sidebar span,
.blog-sidebar a {
	font-family: 'Poppins', sans-serif;
	font-size: 0.77rem;
	font-weight: 300;
	line-height: 24px;
}

.blog-sidebar ul {
	margin: 0px;
	padding: 0px;
}

.blog-sidebar ol {
	margin: 0px;
	padding-left: 15px;
}

.blog-sidebar ul li,
.blog-sidebar ol li {
	font-family: 'Poppins', sans-serif;
	font-size: 0.77rem;
	font-weight: 300;
}

.blog-sidebar ul li:last-child,
.blog-sidebar ol li:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
}

.sidebar-widget {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	border: 1px solid #eeeeee;
}

.sidebar-widget:last-child {
	margin-bottom: 0px;
}

.sidebar-widget .wdg-title {
	display: block;
	width: 100%;
	height: auto;
	padding: 10px;
	background: #00bff3;
	font-family: 'Raleway', sans-serif;
	font-size: 1rem;
	font-weight: 500;
	color: #fff;
	text-align: center;
}

.search-widget {
	padding-bottom: 0px;
	border: 0px;
}

.search-form {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
}

.search-form .form-control {
	border: 1px solid #dadada;
	border-radius: 0px;
	height: 60px;
	display: block;
}

.search-form:after {
	content: "\f130";
	position: absolute;
	font-family: 'FontAwesome';
	color: #ccc;
	width: 10px;
	height: 10px;
	top: 15px;
	right: 20px;
	z-index: 1;
}

.search-form .form-control:focus {
	box-shadow: none;
}

.aboutme-widget {
	width: 100%;
	height: auto;
}

.aboutme-widget .header {
	width: 100%;
	height: 170px;
	background-image: url('../img/profile-bg.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

.aboutme-widget .body {}

.aboutme-widget .body .title-box {
	width: 100%;
	height: auto;
	padding: 10px 15px 20px 130px;
	position: relative;
	z-index: 0;
}

.aboutme-widget .body .title-box .auth-name {
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	color: #101010;
}

.aboutme-widget .body .title-box .auth-img {
	position: absolute;
	width: 100px;
	height: 100px;
	top: -30px;
	left: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}

.aboutme-widget .body .content {
	padding: 0px 25px;
}

.aboutme-widget .footer {}

.aboutme-widget .footer .sidebar-social {
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.aboutme-widget .footer .sidebar-social li {
	display: inline-block;
}

.aboutme-widget .footer .sidebar-social li a {
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 28px;
	color: #666666;
	font-size: 0.77rem;
}

.aboutme-widget .footer .sidebar-social li a:hover {
	color: #00bff3;
}

.tabbed-widget .nav-tabs {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.tabbed-widget .nav-tabs li {
	border: 0px;
	position: relative;
	z-index: 0;
	width: 33%;
	text-align: center;
}

.tabbed-widget .nav-tabs li:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 15px;
	top: 27px;
	right: -5px;
	background: #eee;
}

.tabbed-widget .nav-tabs li:last-child:after {
	content: none;
}

.tabbed-widget .nav-tabs li a {
	font-family: 'Raleway', sans-serif;
	font-size: 1rem;
	font-weight: 600;
	color: #bebebe;
	position: relative;
	z-index: 0;
	padding: 20px 0px;
}

.tabbed-widget .nav-tabs li a:hover {
	background: none;
	border-color: #fff;
	color: #00bff3
}

.tabbed-widget .nav-tabs li.active a,
.tabbed-widget .nav-tabs li.active a:focus,
.tabbed-widget .nav-tabs li.active a:hover {
	border-color: #fff;
	color: #2d2d2d;
}

.tabbed-widget .nav-tabs li.active a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	background: #00bff3;
	bottom: 0px;
	left: 0px;
	z-index: 0;
}

.tabbed-widget .tab-content {
	padding: 15px;
}

.img-circle-list {
	padding: 0px !important;
	margin: 0px !important;
}

.img-circle-list li {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 10px 0px 30px 75px !important;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
	position: relative;
	z-index: 0;
}

.img-circle-list li:last-child {
	margin-bottom: 0px;
	border-bottom: 0px;
	padding-bottom: 0px;
}

.img-circle-list li .thumb-img {
	position: absolute;
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.img-circle-list li a {
	font-family: 'Poppins', sans-serif;
	font-size: 0.77rem;
	font-weight: 300;
	line-height: 24px;
}

.img-circle-list li p.meta {
	margin-bottom: -10px;
}

.tags {
	padding: 0px;
	margin: 0px;
}

.tags li {
	display: inline-block;
	margin-right: 5px !important;
	margin-bottom: 10px !important;
	border: 0px !important;
}

.tags li a {
	margin-right: 0px;
}

.twitter-widget {
	width: 100%;
	height: auto;
	padding: 50px 40px;
	background: #00bff3;
	color: #fff;
	text-align: center;
}

.twitter-widget .twitter-icon {
	font-size: 48px;
	margin-bottom: 40px;
}

.twitter-carousel .item {}

.twitter-carousel .item p {
	font-family: 'Poppins', sans-serif;
	font-size: 0.88rem;
	font-weight: 300;
	line-height: 36px;
	color: #fff;
}

.twitter-carousel .item a.twt-auth {
	font-size: 0.77rem;
	color: #111;
	font-weight: 700;
}

.twitter-carousel .item a.twt-auth:hover {
	text-decoration: underline;
}

.text-widget {
	padding: 15px;
}

.text-widget p {
	margin-bottom: 10px;
}

.text-widget p:last-child {
	margin-bottom: 0px;
}


/* 

----------------------------------

- Blog (Isotope)

----------------------------------

*/

.blog-filter {
	width: 100%;
	height: auto;
	background: #f6f6f6;
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: 50px;
	box-shadow: 0px 1px 10px -1px #ccc;
}

.blog-filter ul {
	margin: 0px;
	padding: 0px;
}

.blog-filter ul li {
	display: inline-block;
	padding: 20px;
	font-family: 'Raleway', sans-serif;
	font-size: 1rem;
	font-weight: 500;
	margin-right: 80px;
	cursor: pointer;
}

.blog-filter ul li.active {
	color: #03a9f4;
}

.blog-filter ul li:last-child {
	margin-right: 0px;
}

.blog-items .isotope {
	height: auto;
	padding: 0px;
	position: relative;
	z-index: 0;
}

.blog-items .isotope:nth-child(3) {}

.blog-items .isotope .item .img-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 15px;
}

.blog-items .isotope .item .caption {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 10px 40px 25px 40px;
}

.blog-items .isotope .item .caption .title {
	line-height: 30px;
}

.blog-items .isotope .item .caption .title a {
	font-family: 'Raleway', sans-serif;
	font-size: 1.11rem;
	font-weight: 400;
}

.blog-items .isotope .item .caption .title-meta {
	margin: 0;
	padding: 0;
}

.blog-items .isotope .item .caption .title-meta li {
	display: inline-block;
	margin: 0px;
	font-family: 'Poppoins', sans-serif;
	font-size: 0.77rem;
	font-weight: 300;
}

.blog-items .isotope .item .caption .title-meta li a {
	font-family: 'Poppoins', sans-serif;
	font-size: 0.77rem;
	font-weight: 300;
	display: block;
	margin-right: 15px;
}

.blog-items .isotope .item .caption .title-meta li a i {
	color: #2d2d2d;
	margin-right: 10px;
}

.blog-items .isotope .item .caption .title-meta li:last-child a {
	margin-right: 0px;
}


/* Feature Post */

.feature-post-area {
	width: 100%;
	height: 418px;
	overflow: hidden;
	margin-bottom: 50px;
}

.feature-tiles {
	padding-right: 0px;
}

.feature-tiles-half {
	padding-left: 0px;
}

.feature-post {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.feature-post img {
	-webkit-transition: all 0.9s ease-in-out;
	-moz-transition: all 0.9s ease-in-out;
	-ms-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
}

.feature-post img:hover {
	-webkit-transform: scale(1.2) rotate(-2deg);
	-moz-transform: scale(1.2) rotate(-2deg);
	-ms-transform: scale(1.2) rotate(-2deg);
	-o-transform: scale(1.2 rotate(-2deg));
	transform: scale(1.2) rotate(-2deg);
}

.feature-post .caption {
	position: absolute;
	width: 100%;
	height: auto;
	padding: 30px 15px;
	background: #03a9f4;
	bottom: 0px;
	left: 0px;
	z-index: 0;
	text-align: center;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.feature-post:hover .caption {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}

.feature-post .caption .title {
	line-height: 30px;
	margin-bottom: 0px;
}

.feature-post .caption .title a {
	font-family: 'Raleway', sans-serif;
	font-size: 1.11rem;
	font-weight: 400;
	color: #fff;
	line-height: 30px;
}

.feature-post .caption .title a:hover {
	color: #2d2d2d;
}

.feature-post .caption .title-meta {
	margin: 10px 0px 0px 0px;
	padding: 0;
}

.feature-post .caption .title-meta li {
	display: inline-block;
	margin: 0px;
	font-family: 'Poppoins', sans-serif;
	font-size: 0.77rem;
	font-weight: 300;
}

.feature-post .caption .title-meta li a {
	font-family: 'Poppoins', sans-serif;
	font-size: 0.77rem;
	font-weight: 300;
	color: #fff;
	display: block;
	margin-right: 15px;
}

.feature-post .caption .title-meta li a i {
	color: #fff;
	margin-right: 10px;
}

.feature-post .caption .title-meta li:last-child a {
	margin-right: 0px;
}


/* 

----------------------------------

- Contact Page

----------------------------------

*/

.google-map {
	width: 100%;
	height: 420px;
}

.contact-form-area {}

.contact-form-area .title {
	font-family: 'Raleway', sans-serif;
	font-size: 1.33rem;
	font-weight: 400;
	text-transform: uppercase;
	width: 100%;
	height: auto;
	display: block;
	text-align: center;
	margin-bottom: 80px;
}

.contact-form-area .form-control {
	border-radius: 0px;
	border: 0px;
	box-shadow: none;
	background: #f4f4f4;
	height: 45px;
	margin-bottom: 15px;
	letter-spacing: 0px;
	color: #23282f;
	font-size: 12px;
}

.contact-form-area textarea.form-control {
	height: 120px;
	margin-bottom: 20px;
}


/* 

----------------------------------

- Name Section

----------------------------------

*/


.recentcomments a {
			display: inline !important;
			padding: 0 !important;
			margin: 0 !important;
		}

.wpb_animate_when_almost_visible {
				opacity: 1;
			}