/*
	Template Name: gridhost
    Template URL: http://template.gridbootstrap.com/gridhost
	Author: Grid Bootstrap
	Author URI : http://gridbootstrap.com/
    Version: 1.0
    Description: HTML5 Responsive Restaurant Template.
	Tag: HTML5, CSS3, jQuery, Responsive Template.
*/


/* Table of Contents
==================================================
# Global
# gb-topbar
# gb-menu
# gb-banner
# gb-breadcrumb
# gb-pricing
# gb-features
# gb-support
# gb-services
# gb-testimonial
# gb-cta
# gb-application
# Contact-page
# user-account
# gb-pagination
# gb-blog
# blog-details
# comments-area
# hsoting-features
# gb-footer


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

*/

/* Global */

html,
body {
	font-weight:normal;
	overflow-x:hidden;
	color: #5a6169;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}

a {
	color:#5a6169;
}

a:hover,
a:focus {
	color:#4756ca;
}

.btn.btn-primary,
.mega-menu a.button {
	color: #4756ca;
	padding:15px 40px;
	font-weight: 700;
	background-color: #fff;
	border: 2px solid #4756ca;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.btn.btn-primary:before,
.btn.btn-primary:after,
.mega-menu a.button:before,
.mega-menu a.button:after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    height: 100%;
    background-color: #4756ca;
    opacity: 0;
}

.btn.btn-primary:hover,
.mega-menu a.button:hover {
	color: #fff;
}

.btn.btn-primary:before,
.mega-menu a.button:before {
	left: 50%;
}

.btn.btn-primary:after,
.mega-menu a.button:after {
	right: 50%;
}

.btn.btn-primary:hover:before,
.btn.btn-primary:hover:after, 
.mega-menu a.button:hover:before,
.mega-menu a.button:hover:after {
	width: 100%;
	opacity: 1;
}

.btn.btn-primary:hover:before,
.mega-menu a.button:hover:before {
	left: 0;
}

.btn.btn-primary:hover:after,
.mega-menu a.button:hover:after {
	right: 0;
}

.section-before .btn.btn-primary,
.banner-two .btn.btn-primary{
	color: #fff;
	border-color: #f38f00;
	background-color: #f38f00;
}

.section-before .btn.btn-primary:before,
.section-before .btn.btn-primary:after,
.banner-two .btn.btn-primary:before,
.banner-two .btn.btn-primary:after {
	background-color: #fff;
}

.section-before .btn.btn-primary:hover,
.banner-two .btn.btn-primary:hover {
	color: #f38f00;
	border-color: #fff;
}

.section-title {
	font-size: 16px;
	margin-bottom: 80px;
}

.section-title h1 {
	font-size: 36px;
	color: #3d4751;
	margin:0 0 20px;
	text-align: center;
	text-transform: capitalize;
}

.page-content {
	margin: 0;
}

.section-padding,
.page-content  {
	padding: 140px 0;
}

.user-page .page-content {
	padding: 0;
}

.section-padding.padding-top-0 {
	padding-top: 0;
}

.bg-color {
	background-color: #f7fdff;
}

.blog-style-two .gb-post,
.blog-style-two .widget,
.blog-style-two .gb-pagination {
	padding: 30px;
	margin-bottom: 30px;
	border-radius: 4px;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.100);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.100);
    -ms-box-shadow: 0 0 8px rgba(0,0,0,.100);
    -o-box-shadow: 0 0 8px rgba(0,0,0,.100);
    box-shadow: 0 0 8px rgba(0,0,0,.100);
}

.blog-style-two .gb-post:hover {
	box-shadow: none;
}

.blog-style-two .gb-pagination,
.blog-style-two .pagination {
	margin: 0;
}

.form-control {
	color: #aaa;
	height: 60px;
	padding: 5px 20px;
	border-radius: 4px;
	margin-bottom: 30px;
	border: 2px solid #d7dcff;
}

.form-control:focus {
	border-color: #4756ca;
}

.style-top {
	position: absolute;
	color: #fff;
	top: -50px;
	left: -90px;
	width: 115px;
	height: 115px;
	font-size: 16px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 100%;
	z-index: 999;
	background-color: #f38f00;
    -webkit-box-shadow: 0 15px 35px rgba(0,0,0,.5);
    -moz-box-shadow: 0 15px 35px rgba(0,0,0,.5);
    -ms-box-shadow: 0 15px 35px rgba(0,0,0,.5);
    -o-box-shadow: 0 15px 35px rgba(0,0,0,.5);
    box-shadow: 0 15px 35px rgba(0,0,0,.5);	
}

.style-top p{
	line-height: 20px;
	margin-top: 35px;
}

.style-top strong {
	display: block;
}

.style-top:before {
	position: absolute;
	content: "";
    bottom: -16px;
    right: 10px;
    z-index: 9999;
    border-top: 30px solid #f38f00;
    border-left: 12px solid transparent;	
    border-right: 2px solid transparent;
    -webkit-transform:rotate(-45deg) ;
    -moz-transform:rotate(-45deg) ;
    -ms-transform:rotate(-45deg) ;
    -o-transform:rotate(-45deg) ;
    transform:rotate(-45deg) ;
}

.style-top:after {
	position: absolute;
	content: "";
    bottom: -20px;
    right: 6px;
    z-index: 999;
    border-top: 32px solid #fff;
    border-left: 16px solid transparent;	
    border-right: 2px solid transparent;
    -webkit-transform:rotate(-40deg) ;
    -moz-transform:rotate(-40deg) ;
    -ms-transform:rotate(-40deg) ;
    -o-transform:rotate(-40deg) ;
    transform:rotate(-40deg) ;
}

/* widget CSS*/

.widget-title {
	color: #3d4751;
	font-size: 24px;
	padding-bottom: 30px;
	margin-bottom: 0;
	border-bottom: 1px solid #e9e9e9;
}

.widget_search .btn {
	font-size: 20px;
	color: #4756ca;
	top: 12px;
}

.widget_search .btn:hover {
	color: #4756ca;
}

.widget.widget_categories>ul>li {
	font-weight: 700;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.categories-title a,
.widget.widget_categories li a:hover,
.widget.widget_categories li a:hover:after {
	color: #4756ca;
}

.categories-title a:after {
	position: absolute;
	content: "\f068";
	top: 20px;
	right: 0;
	font-size: 16px;
	color: #4756ca;
	font-family: "fontawesome";
}

.categories-title a.collapsed:after {
	content: "\f067";
	color: #5a6169;
}

.categories-title a.collapsed {
	color: #5a6169;
}

.widget.widget_categories li a {
	display: block;
	float: none;
	text-align: left;
}

.categories-body>.children {
	list-style: none;
	margin:20px 0 10px;
	padding:20px 0 0;
	overflow: hidden;
	width: 100%;
	font-weight: normal;
	border-top: 1px solid #ddd;
} 

.categories-body .children .children{
	border-top: 0;
	padding-top: 0;
	padding-bottom: 0;
} 

.widget.widget_categories .categories-body ul li {
	list-style: none;
	text-align: left;
	border: 0;
	padding: 5px 0;
	display: block;
	overflow: hidden;
	width: 100%;
} 

.widget.widget_categories .categories-body ul li:last-child {
	padding-bottom: 0;
}

.widget.widget_categories .categories-body ul li a {
	position: relative;
	display: block;
	padding-left: 20px;
}

.widget.widget_categories .categories-body ul li a:before {
	position: absolute;
	content: "";
	top: 5px;
	left: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #5a6169;
} 

.widget.widget_categories .categories-body ul li a:hover:before {
	border-left: 6px solid #4756ca;
}

.widget .newsletter {
	position: relative;
	margin-top: 30px;
}

.widget .newsletter .form-control {
	margin-bottom: 0;
	text-transform: capitalize;
}

.widget .newsletter .btn.btn-primary {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    border: none;
    border-radius: 0px 4px 4px 0px;
    background-color: #4756ca;
    background-image: url(../images/others/submit.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 100%;
    text-indent: 99999px;
}

/* gb-question */

.question {
	font-size: 16px;
	padding: 20px 30px;
	line-height: 26px;
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 30px;
    -webkit-box-shadow: 0 8px 12px rgba(0,0,0,.100);
    -moz-box-shadow: 0 8px 12px rgba(0,0,0,.100);
    -ms-box-shadow: 0 8px 12px rgba(0,0,0,.100);
    -o-box-shadow: 0 8px 12px rgba(0,0,0,.100);
    box-shadow: 0 8px 12px rgba(0,0,0,.100);
}

.question:hover {
	box-shadow: none;
}

.question h2 {
	font-size: 18px;
	line-height: 28px;
	margin:5px 0 10px;
}

/* gb-topbar */

.gb-topbar .navbar-brand {
	padding: 15px 0;
}

.gb-topbar .left-content {
	float: left;
}

.gb-topbar .right-content {
	float: right;
}

.gb-logo h1 {
	font-size: 24px;
	margin: 0;
	color: #f38f00;
}

.gb-logo h1 a {
	color: #f38f00;
}

.gb-topbar .right-content>ul>li {
	display: inline-block;
	margin-right: 40px;
	line-height: 80px;
}

.gb-topbar .right-content>ul>li a {
	display: block;
}

.gb-topbar .gb-dropdown-menu li {
	line-height: 30px;
}

.gb-topbar .right-content>ul>li i {
	margin-right: 5px;
}

.gb-topbar .right-content>ul>li:last-child {
	margin-right: 0;
}

/* gb-menu */

.gb-menu.menu-absolute {
	position: absolute;
	top: 20px;
	width: 100%;
	z-index: 999999;
}

.gb-menu.menu-two {
	background-color: #4756ca;
	position: relative;
}

.gb-menu.menu-two:after {
	position: absolute;
	content: "";
	left: 0;
	width: 100%;
	height: 1px;
    -webkit-box-shadow: 0 3px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 3px 12px rgba(0,0,0,.175);
    -ms-box-shadow: 0 3px 12px rgba(0,0,0,.175);
    -o-box-shadow: 0 3px 12px rgba(0,0,0,.175);
    box-shadow: 0 3px 12px rgba(0,0,0,.175);
}

.navbar {
	padding: 0;
}

.menu-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1000%;
    position: relative;	
}

.gb-menu .navbar-nav .nav-link {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 20px 0;
}

.gb-menu .navbar-nav>.nav-item {
	margin-right: 40px;
}

.gb-user .btn.btn-primary {
	color: #fff;
	padding: 8px 40px;
	border: 2px solid #f38f00;
	background-color: transparent;
}

.gb-user .btn.btn-primary:before,
.gb-user .btn.btn-primary:after {
	background-color: #f38f00;
}

.navbar-toggler-right {
	cursor: pointer;
	top: 2px;
	padding: 3px 6px;
	border: 1px solid #fff;
	z-index: 999999999;
}

.menu-two .navbar-toggler-right {
	top: 5px;
}

.navbar-toggler-icon {
	position: relative;
	text-align: center;
}

.navbar-toggler-icon:before {
	position: absolute;
	top: 2px;
	left: 5px;
	color: #fff;
	content: "\f0c9";
	font-family: "fontawesome";
	font-size: 25px;
}


/*Dropdown CSS*/

.gb-dropdown {
	position: relative;
}

.gb-dropdown-menu {
	position: absolute;
	top: 100%;	
	min-width: 180px;
	left: 0;
	border-radius: 0;
	background-color: #fff;
	list-style: none;
    opacity: 0;
    z-index: 9999999;
    padding: 15px;
    visibility: hidden;
    -webkit-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    -ms-transform: rotateX(-75deg);
    -o-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -ms-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -o-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    transition: transform 0.3s, opacity 0.3s; 
}

.gb-menu .gb-dropdown-menu,
.gb-dropdown-menu.mega-menu ul.gb-dropdown-menu {
	min-width: 210px;
	padding: 15px 0;
}

.gb-menu .gb-dropdown-menu li .nav-link {
	color: #5a6169;
	padding: 5px 25px;
	font-weight: normal;
}

.gb-menu .gb-dropdown-menu li .nav-link:hover,
.gb-menu .gb-dropdown-menu li.active>.nav-link {
	color: #4756ca;
}

.gb-dropdown:hover>.gb-dropdown-menu {
    visibility: visible;
    opacity: 1; 
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.gb-dropdown-menu .gb-dropdown .gb-dropdown-menu {
	right: inherit;
	left: 100%;
	top: 0;
}

.gb-dropdown-menu .gb-dropdown>a {
	position: relative;
}

.gb-dropdown-menu .gb-dropdown>a:after {
	position: absolute;
	content: "\f105";
	top: 5px;
	right: 20px;
	font-family: "fontawesome";
}

/* Mega Menu CSS */

.gb-dropdown.mega-dropdown {
	position: inherit;
}

.gb-dropdown-menu.mega-menu {
	width: 100%;
	padding: 0;
}

.gb-dropdown-menu.mega-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.mega-menu>li {
	float: left;
	width: 25%;
	padding: 40px 15px;
	border-right: 1px solid #dfdfdf;
}

.mega-menu>li:last-child {
	border-right: 0;
}

.mega-menu .title {
	display: block;
	font-size: 16px;
	margin: 0 0 20px;
	text-transform: uppercase;
	font-weight: 700;
    color: #1e2f4a;
}

.mega-menu .hosting-pack-content {
	padding: 0 15px;
}

.mega-menu .hosting-pack-content .col-md-3 {
	border-right: 1px solid #dfdfdf;
}

.mega-menu .hosting-pack-content .col-md-3:last-of-type {
	border-right: 0;
}

.mega-menu .hosting-pack {
	padding: 30px 10px;
	font-size: 14px;
	overflow: hidden;
}

.mega-menu .hosting-pack .pack-icon {
	margin-bottom: 25px;
}

.mega-menu a.button {
	margin-top: 10px;
	border: 1px solid #4756ca;
	display: block;
	width: 100%;
	padding: 15px;
	font-size: 16px;
}

/* gb-banner */

.gb-banner {
	font-size: 16px;
}

.item-middle {
	display: table;
	width: 100%;
	height: 725px;
}

.middle-content {
	display: table-cell;
	vertical-align: middle;
}

.gb-banner.banner-one {
	z-index: 1;
}

.gb-banner.banner-one .item-middle {
	height: 990px;
}

.gb-banner.banner-one .container {
	margin-top: -200px;
}

.gb-banner.section-before:before,
.gb-breadcrumb.section-before:before,
.server-includes.section-before:before,
.user-account.section-before:before {
	background: rgb(64,100,205,0.95);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQwNjRjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNmJhZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(64,100,205,0.95) 1%, rgba(22,186,228,0.95) 100%, rgba(125,185,232,0.95) 100%, rgba(32,124,202,0.95) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(64,100,205,0.95)), color-stop(100%,rgba(22,186,228,0.95)), color-stop(100%,rgba(125,185,232,0.95)), color-stop(100%,rgba(32,124,202,0.95)));
	background: -webkit-linear-gradient(top, rgba(64,100,205,0.95) 1%,rgba(22,186,228,0.95) 100%,rgba(125,185,232,0.95) 100%,rgba(32,124,202,0.95) 100%);
	background: -o-linear-gradient(top, rgba(64,100,205,0.95) 1%,rgba(22,186,228,0.95) 100%,rgba(125,185,232,0.95) 100%,rgba(32,124,202,0.95) 100%);
	background: -ms-linear-gradient(top, rgba(64,100,205,0.95) 1%,rgba(22,186,228,0.95) 100%,rgba(125,185,232,0.95) 100%,rgba(32,124,202,0.95) 100%);
	background: linear-gradient(to bottom, rgba(64,100,205,0.95) 1%,rgba(22,186,228,0.95) 100%,rgba(125,185,232,0.95) 100%,rgba(32,124,202,0.95) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4064cd', endColorstr='#207cca',GradientType=0 );
}

.section-before {
	color: #fff;
	position: relative;
}

.section-before h1 {
	color: #fff;
}

.section-before:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(71, 86, 202, 0.9);
}

.banner-info {
	font-size: 18px;
	max-width: 790px;
	display: inline-block;
}

.banner-info h1{
	font-size: 70px;
	margin: 40px 0 12px;
}

.banner-info h2{
	font-size: 30px;
}

.banner-info h2 strong{
	text-transform: uppercase;
}

.banner-info span {
	font-size: 16px;
	display: block;
	margin: 50px 0 0;
}

.banner-info .btn.btn-primary {
	margin-top: 30px;
}

.banner-two .banner-info {
	font-size: 22px;	
}

.banner-two {
	position: relative;
	color: #fff;
	background-image: url(../images/bg/banner-bg2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.banner-two .banner-info h1 {
	margin-top: 0;
}

#home-carousel {
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: -ms-grab;
    cursor: -o-grab;
    cursor: grab;	
}

#home-carousel .banner-info {
	margin-top: 30px;
}

#home-carousel .banner-info,
#home-carousel .banner-image {
	animation-delay: 0.60s;
    -webkit-animation-delay: 0.60s;
}

.banner-three .banner-info h1 {
	font-size: 42px;
}

.banner-info .buttons {
	margin-top: 50px;
}

.banner-info .buttons .btn.btn-primary {
	margin-top: 0;
}

.banner-info .buttons>a:first-child {
	margin-right: 20px;
}

.banner-info .buttons .btn.btn-primary.button-two {
	background-color: transparent;
}

.carousel-control-prev,
.carousel-control-next {
	position: absolute;
    width: 50px;
    height: 60px;
    top: 50%;
    margin-top: -25px;
    line-height: 60px;
    border: 1px solid #fff;	
    text-align: center;
    font-size: 36px;
    opacity: 1;
}

.banner-three .carousel-control-prev {
	left: -100%;
}

.banner-three .carousel-control-next {
	right: -100%;
}

.banner-three:hover .carousel-control-prev {
	left: 30px;
}

.banner-three:hover .carousel-control-next {
	right: 30px;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
	color: #f38f00;
	background-color: #fff;
}

.gb-cloud {
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.gb-cloud ul li {
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 5%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#fff), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	background: -o-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	background: -ms-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	background: linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f1f1f1',GradientType=0 );
	border-radius: 100px;
	-webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
	height: 120px;
	position: relative;
	width: 350px;
	display: block;
}

.gb-cloud ul li:after, 
.gb-cloud ul li:before {
    background: #fff;
	content: '';
	position: absolute;
}

.gb-cloud ul li:after {
	left: 50px;
	top: -50px;
	width: 100px;
	height: 100px;
	border-radius: 100px;
}

.gb-cloud ul li:before {
	width: 180px;
	height: 180px;
	right: 50px;
	top: -90px;
	border-radius: 200px;
}

.gb-cloud ul li:nth-child(1) {
	-webkit-animation: animatecloud 45s linear infinite;
	-moz-animation: animatecloud 45s linear infinite;
	animation: animatecloud 45s linear infinite;
	-webkit-transform: scale(0.50);
	-moz-transform: scale(0.50);
	transform: scale(0.50);
}

.gb-cloud ul li:nth-child(2) {
	-webkit-animation: animatecloud 35s linear infinite;
	-moz-animation: animatecloud 35s linear infinite;
	animation: animatecloud 35s linear infinite;
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.gb-cloud ul li:nth-child(3) {
	-webkit-animation: animatecloud 50s linear infinite;
	-moz-animation: animatecloud 50s linear infinite;
	animation: animatecloud 50s linear infinite;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}

.gb-cloud ul li:nth-child(4) {
	-webkit-animation: animatecloud 28s linear infinite;
	-moz-animation: animatecloud 28s linear infinite;
	animation: animatecloud 28s linear infinite;
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.gb-cloud ul li:nth-child(5) {
	-webkit-animation: animatecloud 35s linear infinite;
	-moz-animation: animatecloud 35s linear infinite;
	animation: animatecloud 35s linear infinite;
	-webkit-transform: scale(0.50);
	-moz-transform: scale(0.50);
	transform: scale(0.50);
}

@-webkit-keyframes animatecloud {
    0% {
        margin-left: -30%;
    }
    100% {
        margin-left: 100%;
    }
}

@-moz-keyframes animatecloud {
    0% {
        margin-left: -30%;
    }
    100% {
        margin-left: 100%;
    }
}

@keyframes animatecloud {
    0% {
        margin-left: -30%;
    }
    100% {
        margin-left: 100%;
    }
}


/* gb-breadcrumb */

.gb-breadcrumb {
	padding: 150px 0 75px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.page-title {
	max-width: 970px;
	display: inline-block;
}

.page-title h1 {
	font-size: 70px;
	margin: 0;
}

.page-title h2 {
	font-size: 30px;
	font-weight: normal;
	margin-top: 15px;
	font-family: 'Open Sans', sans-serif;
}

.breadcrumb-info {
	margin-top: 50px;
}

.breadcrumb-info ul {
	overflow: hidden;
}

.breadcrumb-info ul li,
.server-includes ul li {
	float: left;
	font-size: 16px;
	width: 33.333333%;
	position: relative;
	text-align: left;
	padding-left: 80px;
	padding-right: 15px;
	margin: 25px 0;
}

.hosting-vps .breadcrumb-info span {
	margin-top: 10px;
	display: block;
}


.breadcrumb-info ul li:before,
.breadcrumb-info ul li:after, 
.server-includes ul li:before,
.server-includes ul li:after {
	position: absolute;
	content: "";
}

.breadcrumb-info ul li:before,
.server-includes ul li:before {
	top: 50%;
	left: 0;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #fff;
}

.breadcrumb-info ul li:after,
.server-includes ul li:after {
	top: 50%;
	margin-top: -8px;
	left: 15px;
	width: 21px;
	height: 16px;
	background-image: url(../images/others/check-icon.png);
}

.breadcrumb-info .btn.btn-primary,
.server-includes .btn.btn-primary {
	margin-top: 60px;
	padding: 15px 60px;
}

.hosting-vps .breadcrumb-info .btn.btn-primary {
	margin-top: 25px;
}

.breadcrumb {
    border-radius: 0;
    padding: 0;
    margin:40px 0 0;
    background-color: transparent;
}

.breadcrumb-item {
	float: none;
	font-size: 16px;
	font-weight: 600;
	margin-right: 35px;
	display: inline-block;
	position: relative;	
}

.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item.active {
	color: #fff;
}

.breadcrumb-item.active {
	font-weight: normal;
}

.page-content .breadcrumb-item,
.page-content .breadcrumb-item a,
.page-content .breadcrumb-item.active,
.page-content .breadcrumb-item+.breadcrumb-item::before {
	color: #5a6169;
}

.page-content .breadcrumb-item a:hover {
	color: #4756ca;
}

.page-content .breadcrumb {
	margin: 0 0 40px;
}

.breadcrumb-item+.breadcrumb-item::before {
    position: absolute;
    content: "\f105";
    left: -30px;
    top: 0;
    font-size: 16px;
    color: #fff;
    font-family: "fontawesome";
}

/* gb-pricing */

.hosting-packages{
	position: relative;
	font-size: 14px;
	margin-top: -270px;
	z-index: 99999;
}

.hosting-packages:before {
	position: absolute;
	content: "";
	width: 100%;
	top: 0;
	left: 0;
	border-bottom: 270px solid #fff;
    border-left: 1920px solid transparent;
    border-top: 0 solid transparent;	
}

.hosting-pack-content {
	background-color: #fff;
	border-radius: 4px;
    -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.02);
    -moz-box-shadow: 0 6px 8px rgba(0,0,0,.02);
    -ms-box-shadow: 0 6px 8px rgba(0,0,0,.02);
    -o-box-shadow: 0 6px 8px rgba(0,0,0,.02);
    box-shadow: 0 6px 8px rgba(0,0,0,.02);	
}

.hosting-pack-content .col-lg-3{
	border-right: 1px solid #dfdfdf;
}

.hosting-pack-content .col-lg-3:last-of-type{
	border-right: 0;
}

.hosting-pack {
	padding: 50px 0;	
}

.hosting-pack .pack-icon {
	margin-bottom: 45px;
}

.hosting-pack h1 {
	font-size: 24px;
	color: #3d4751;
	margin-bottom: 10px;
}

.hosting-pack .pack-price {
	margin: 40px 0 50px;
}

.hosting-pack .pack-price span {
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
}

.hosting-pack h2,
.hsoting-features .hosting-pack h3 {
	color: #f38f00;
	font-size: 30px;
}

/* gb-features */

.gb-features {
	overflow: hidden;
}

.gb-features .feature {
	font-size: 16px;
}

.gb-features .feature h2 {
	font-size: 24px;
	margin: 25px 0;
}

.gb-features ul li {
	float: left;
	width: 25%;
	padding: 0 15px;
}

.gb-features ul li .feature-icon {
	margin-bottom: 30px;
}

.gb-features ul li.feature h2 {
	margin-top: 65px;
}

.feature-before {
	position: relative;
	display: block;
}

.feature-before:before {
	position: absolute;
	content: "";
	left: 50%;
	top: 0;
	width: 100%;
	margin-left: 15px;
	height: 2px;
	background-color: #f38f00;
}

.feature-before:after {
	position: absolute;
	content: "";
	left: 50%;
	top: 0;
	width: 15px;
	height: 50px;
	margin-top: -25px;
	margin-left: -8px;
	background-image: url(../images/others/feature-before.png);
	background-repeat: no-repeat;
}

.gb-features ul li:nth-child(4) .feature-before:before,
.gb-features ul li:nth-child(8) .feature-before:before,
.gb-features ul li:nth-child(12) .feature-before:before {
	display: none;
}

/* gb-support */

.gb-support {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.gb-support.section-before:before {
	z-index:-1;
	background: rgb(64,100,205);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQwNjRjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNmJhZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2RiOWU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(64,100,205,1) 1%, rgba(22,186,228,1) 100%, rgba(125,185,232,1) 100%, rgba(32,124,202,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(64,100,205,1)), color-stop(100%,rgba(22,186,228,1)), color-stop(100%,rgba(125,185,232,1)), color-stop(100%,rgba(32,124,202,1)));
	background: -webkit-linear-gradient(top, rgba(64,100,205,1) 1%,rgba(22,186,228,1) 100%,rgba(125,185,232,1) 100%,rgba(32,124,202,1) 100%);
	background: -o-linear-gradient(top, rgba(64,100,205,1) 1%,rgba(22,186,228,1) 100%,rgba(125,185,232,1) 100%,rgba(32,124,202,1) 100%);
	background: -ms-linear-gradient(top, rgba(64,100,205,1) 1%,rgba(22,186,228,1) 100%,rgba(125,185,232,1) 100%,rgba(32,124,202,1) 100%);
	background: linear-gradient(to bottom, rgba(64,100,205,1) 1%,rgba(22,186,228,1) 100%,rgba(125,185,232,1) 100%,rgba(32,124,202,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4064cd', endColorstr='#207cca',GradientType=0 );
}

.gb-support.support-bg {
	color: #fff;
	background-color: #4756ca;
}

.gb-support .section-title {
	max-width: 720px;
}

.gb-support .section-title h1{
	color: #fff;
	text-align: left;
	margin-bottom: 50px;
}

.gb-support .container {
	position: static;
}

.support-image {
	position: absolute;
	top: 0;
	right: 0;
	width: 470px;
}

.gb-support .support {
	color: #3d4751;
	padding: 30px 15px;
	background-color: #fff;
	border-radius: 4px;
	text-align: center;
}

.support-icon {
	margin-bottom: 20px;
}

.gb-support .support h2 {
	font-size: 24px;
	margin-bottom: 20px;
}

.gb-support .support span {
	display: block;
}

.support-content {
	max-width: 700px;
}

/* gb-services */

.service {
	margin: 40px 0;
}

.services-two .service {
	padding: 0 15px;
}

.service h2 {
	font-size: 24px;
	margin:15px 0 20px;
}

/* gb-testimonial */

.gb-testimonial {
	font-size: 16px;
}

.testimonial-image {
	width: 60px;
	height: 60px;
	margin-right: 20px;
}

.testimonial-image img {
	border-radius: 100%;
}

.section-title a {
	font-weight: 600;
	text-decoration: underline;
}

.section-title a:hover {
	text-decoration: none;
}

.testimonial-info a {
	color: #4756ca;
	text-decoration: underline;
}

.testimonial-info a:hover {
	text-decoration: none;
}

.section-title strong {
	font-weight: 600;
}

.testimonial-slider {
	margin: 0 -15px;
}

.testimonial {
	text-align: left;
	padding: 30px;
	background-color: #fff;
	border-radius: 4px;
	margin: 0 15px;
}

.testimonial .media {
	margin-bottom: 25px;
}

.testimonial-title h2 {
	font-size: 24px;
	font-weight: 600;
}

.testimonial-info {
	line-height: 26px
}

.testimonial-slider .slick-prev, 
.testimonial-slider .slick-next {
	display: none !important;
}

.testimonial-slider .slick-dots {
	bottom: -70px;
}

.testimonial-slider .slick-dots li {
	width: 50px;
	height: 5px;
	margin: 10px;
	background-color: #d8dcff;
}

.testimonial-slider .slick-dots li:hover,
.testimonial-slider .slick-dots li.slick-active {
	background-color: #4756ca;
}

.testimonial-slider .slick-dots li button {
	width: 50px;
	height: 0;
	padding: 0;
}

.testimonial-slider .slick-dots li button:before {
	display: none;
}


/* gb-cta */

.cta-info {
	margin-top: 100px;
}

.cta-info h1 {
	font-size: 36px;
	margin-bottom: 45px;
}

.cta-info .btn.btn-primary {
	margin-right: 20px;
	float: left;
}

.cta-info span {
	font-size: 24px;
	font-weight: 600;
	float: left;
	margin-top: 8px;
}

.cta-info-box {
	color: #5a6169;
	background-color: #fff;
	padding: 40px;
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	position: relative;
}

.cta-info-box img {
	width: 100%;
}

.cta-info-box h2 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 25px;
}

.cta-info-box h3 {
	font-size: 18px;
	margin: 30px 0 20px;
}

.cta-info-box ul li a {
	display: block;
}

/* gb-pricing-plan */

.pricing-plan {
	padding:50px 30px;
	background-color: #fff;
	border-radius: 4px;
	text-align: center;
	overflow: hidden;
    -webkit-box-shadow: 0 8px 12px rgba(0,0,0,.100);
    -moz-box-shadow: 0 8px 12px rgba(0,0,0,.100);
    -ms-box-shadow: 0 8px 12px rgba(0,0,0,.100);
    -o-box-shadow: 0 8px 12px rgba(0,0,0,.100);
    box-shadow: 0 8px 12px rgba(0,0,0,.100);	
}

.pricing-plan.plan-active {
	margin-top: -20px;
}

.pricing-plan .style-top {
	left: inherit;
	right: 40px;
	top: -60px;
	width: 80px;
	height: 80px;
	font-size: 14px;
}

.pricing-plan .style-top p {
	margin-top: 15px;
}

.pricing-plan .style-top:before {
    bottom: -13px;
    right: 50px;
    border-top: 20px solid #f38f00;
    border-left: 2px solid transparent;
    border-right: 8px solid transparent;
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg);	
}

.pricing-plan .style-top:after {
    bottom: -16px;
    right: 50px;
    border-top: 20px solid #fff;
    border-left: 2px solid transparent;
    border-right: 12px solid transparent;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
}

.pricing-plan.plan-active h1 {
	padding-top: 20px;
}

.pricing-plan h1 {
	font-weight: 600;
	font-size: 24px;
	margin: 15px 0;
}

.plan-top {
	color: #fff;
	margin: -50px -30px 0;
	padding: 30px;
	position: relative;
	background-color: #2d8cd7;
	background-image: url(../images/others/pricing.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 1;
}

.hosting-vps .plan-top {
	background-size: cover;	
	background-image: url(../images/others/pricing-vps.jpg);
}

.hosting-vps .pricing-plan h1 {
	padding-bottom: 15px;
}

.hosting-vps .plan-top:before {
	position: absolute;
	content: "";
	left: 0;
	width: 100%;
	z-index: -1;	
	height: 120px;
	bottom: -60px;
	background-position: bottom center;
	background-repeat: no-repeat;
}

.hosting-vps .pricing-plan .price {
	text-align: center;
	margin-top: 0;
}

.plan-top .now-offer {
	color: #5a6169;
	padding:10px 35px;
	margin-top: 15px;
	font-weight: 700;
	background-color: #fff;
	border-radius: 4px;
	display: inline-block;
    -webkit-box-shadow: 0 5px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 5px 12px rgba(0,0,0,.175);
    -ms-box-shadow: 0 5px 12px rgba(0,0,0,.175);
    -o-box-shadow: 0 5px 12px rgba(0,0,0,.175);
    box-shadow: 0 5px 12px rgba(0,0,0,.175);
}

.plan-top .now-offer span {
	color: #f38f00;
}

.pricing-plan .price {
	color: #f38f00;	
	text-align: left;
	position: relative;
	margin: 15px 0 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e9e9e9;
	z-index: 1;
}

.pricing-plan .price h2 {
	font-size: 36px;
}

.pricing-plan .price span {
	font-size: 16px;
	color: #5a6169;
	font-weight: normal;
}

.pricing-list li,
.pack-list li {
	line-height: 26px;
	text-align: left;
	margin-bottom: 20px;
	position: relative;
	padding-left: 30px;
}

.pricing-list li:before,
.pack-list li:before,
.application ul li:before,
.gb-steps .step ul li:before {
	position: absolute;
	content: "";
    top: 50%;
    margin-top: -7px;
    left: 0px;
    width: 21px;
    height: 16px;
    background-image: url(../images/others/check-icon.png);
}

.gb-steps .step ul li:before {
	top: 8px;
	margin-top: 0;
}

.pricing-style-two .pricing-list li {
	padding-left: 20px;
}

.pricing-style-two .pricing-list li:before{
	width: 7px;
	height: 7px;
	top: 18px;
	border-radius: 100%;
    background: #436bcf; 
    background: -webkit-linear-gradient(#436bcf, #1db9e4);
    background: -o-linear-gradient(#436bcf, #1db9e4);
    background: -moz-linear-gradient(#436bcf, #1db9e4);
    background: linear-gradient(#436bcf, #1db9e4);
}

.pricing-plan .btn.btn-primary {
	width: 100%;
	margin-top: 30px;
}

.plan-four-colum .pricing-plan .price h2 {
	font-size: 24px;
	text-align: center;
}

.plan-four-colum .pricing-plan {
	padding:50px 15px;
}

/* gb-steps */

.gb-steps .step {
	font-size: 16px;
	line-height: 26px;
}

.gb-steps .step h1 {
	font-weight: 600;
	font-size: 24px;
	margin: 0 0 25px;
}

.step-icon {
	margin-bottom: 20px;
}

/* gb-application */

.application {
	font-size: 16px;
	margin: 40px 0;
}

.application h2 {
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 25px;
	font-weight: 600;
}

.application ul li,
.gb-steps .step ul li {
	position: relative;
	line-height: 26px;
	padding-left: 35px;
	margin-bottom: 20px;
}

.application ul li:last-child,
.gb-steps .step ul li:last-child {
	margin-bottom: 0;
}

/* server-includes */

.server-includes {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.server-includes  ul {
	overflow: hidden;
}

.server-includes ul li {
	padding-left: 60px;
}

/* Contact-page */

.Contact-page .gb-breadcrumb {
	padding: 200px 0 280px;
}

.gb-support.support-two {
	margin-top: -220px;
	z-index: 99999;
}

.gb-support.support-two .support-content {
	max-width: 100%;
}

.gb-support.support-two .support {
	padding: 30px;
	margin-bottom: 15px;
    -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.03);
    -ms-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.03);
    -o-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.03);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.03);
}

.gb-support.support-two .btn.btn-primary {
	width: 100%;
	margin-top: 40px;
	font-size: 16px;
	color: #fff;
	padding: 15px;
	background-color: #4756ca;
}

.gb-contact h1 {
	font-size: 24px;
	margin: 0 0 45px;
}

.gb-form .form-group {
    position: relative;
}

.gb-form .input-group-addon {
    position: absolute;
    left: 20px;
    font-size: 16px;
    padding: 0;
    color: #5a6169;
    border: 0;
    top: 22px;
    background-color: transparent;
}

.gb-form .form-control {
	padding-left: 45px;
	margin-bottom: 30px;
}

.gb-form .form-control:focus {
    -webkit-box-shadow: 0 8px 12px rgba(71, 86, 202, 0.10);
    -moz-box-shadow: 0 8px 12px rgba(71, 86, 202, 0.10);
    -ms-box-shadow: 0 8px 12px rgba(71, 86, 202, 0.10);
    -o-box-shadow: 0 8px 12px rgba(71, 86, 202, 0.10);
    box-shadow: 0 8px 12px rgba(71, 86, 202, 0.10);
}

.gb-form textarea.form-control {
	height: 250px;
	padding-top: 20px;
	resize: none;
}

.gb-form .btn.btn-primary {
	color: #fff;
	padding: 15px 80px;
	background-color: #4756ca;
}

.gb-form .btn.btn-primary:hover {
	color: #4756ca;
	background-color: transparent;
}

.contact-info {
	border-left: 1px solid #e9e9e9;
	padding-left: 30px;
}

.contact-info h2 {
	font-size: 24px;
	margin: 0 0 30px;
	color: #5a6169;
}

.contact-info .contact li {
	color: #4756ca;
	line-height: 26px;
	margin-bottom: 37px;
}

.contact-info .contact a {
	color: #4756ca;
}

.contact-info .contact li:last-of-type {
	margin-bottom: 0;
}

.contact-info li.address h3 {
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 700;
}

.contact-info .address address {
	color: #5a6169;
}

.contact-info li address,
.contact-info .contact p {
	margin-bottom: 0;
}

.contact-info .contact h3 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #5a6169;
}

/* user-account */

.user-account {
	padding: 150px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.account-content {
	color: #5a6169;
	width: 730px;
	padding: 90px;
	border-radius: 4px;
	display: inline-block;
	background-color: #fff;
}

.account-content h1 {
	color: #3d4751;
	margin: 0 0 45px;
	text-transform: capitalize;
}

.content-bottom {
	overflow: hidden;
	margin-top: 50px;
	padding-top: 45px;
	width: 100%;
	border-top: 1px solid #e9e9e9;
}

.content-bottom span {
	display: block;
	font-weight: 700;
	margin-bottom: 30px;
}

.forgot-password span a,
.content-bottom span a {
	color: #ff5858;
	text-decoration: underline;
}

.forgot-password span a:hover,
.content-bottom span a:hover {
	text-decoration: none;
}

.account-content form {
	overflow: hidden;
}

.account-content .forgot-password {
	margin-top: 15px;
}

.account-content .btn.btn-primary:hover {
	color: #fff;
	border-color: #4756ca;
	background-color: transparent;
}

.account-content .btn.btn-primary:hover:before,
.account-content .btn.btn-primary:hover:after {
	background-color: #4756ca;
}

.account-content form .btn.btn-primary {
	color: #fff;
	border-color: #4756ca;
	background-color: #4756ca;
}

.account-content form .btn.btn-primary:hover {
	color: #4756ca;
	border-color: #4756ca;
	background-color: transparent;
}

.content-bottom .btn.btn-primary {
	color: #4756ca;
	border-color: #4756ca;
	background-color: transparent;
}

.content-bottom .btn.btn-primary i {
	margin-right: 10px;
	font-size: 22px;
}

/* gb-pagination */

.pagination {
	margin: 50px 0 0;
	display: block;
	overflow: hidden;
}

.pagination li {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin-right: 15px;
}

.pagination li:last-child {
	margin-right: 0;
}

.pagination li a {
	color: #4756ca;
	display: block;
	padding:10px 20px;
	border: 1px solid #4756ca;
	border-radius: 4px;
}

.pagination li.gb-prev:first-child a,
.pagination li.gb-next:last-child  a{
	padding: 10px 40px;
}

.pagination li a:hover {
	color: #fff;
	background-color: #4756ca;
}

/* gb-blog */

.gb-post {
	margin-bottom: 50px;
}

.entry-title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.entry-thumbnail img {
	width: 100%;
}

.gb-blog.column-1 .entry-title {
	font-size: 36px;
}

.entry-content {
	margin-top: 25px;
	font-size: 16px;
	line-height: 26px;
}

.entry-content .read-more {
	color: #4756ca;
	font-weight: 700;
}

.entry-content .read-more:hover {
	color: #5a6169;
}

.entry-title,
.entry-title a {
	color: #3d4751;
}

.entry-title a:hover {
	color: #4756ca;
}

.entry-content .entry-meta {
	overflow: hidden;
	margin-bottom: 25px;
}

.entry-meta li {
	float: left;
	line-height: 22px;
	margin-right: 35px;
	position: relative;
}

.entry-meta li:first-child:before {
	display: none;
}

.entry-meta li:before {
	position: absolute;
	content: "";
	top: 0;
	left: -17px;
	width: 1px;
	height: 100%;
	background-color: #dadada;
}

.entry-meta li:last-child {
	margin-right: 0;
}

.entry-content .btn.btn-primary {
	margin-top: 10px;
}

.widget .entry-thumbnail {
	width: 75px;
	height: 75px;
	margin-right: 15px;
}

.widget .post-date {
	float: left;
}

.widget .post-comment {
	float: right;
}

.blog-masonry {
	margin: 0 -15px;
}

.masonry-two-column .gb-post {
	width: 50%;
	padding: 0 15px;
}

.masonry-three-column .gb-post {
	width: 33.333333%;
	padding: 0 15px;
}

.entry-header {
    position: relative;
    overflow: hidden;
}

.entry-thumbnail:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 100%;
   	background-color: rgba(255, 255, 255, 0.2);
    opacity: 0;
}

.gb-post:hover .entry-thumbnail::before {
    -webkit-animation: imganimet .75s;
    animation: imganimet .75s;
}

@-webkit-keyframes imganimet {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}
@-moz-keyframes imganimet {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}
@keyframes imganimet {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

/* blog-details */

.blog-details .entry-title {
	font-size: 36px;
}

.blog-details .entry-content p {
	margin-bottom: 25px;
}

.post-inner-image {
	margin-bottom: 50px;
}

.entry-content h3 {
	color: #3d4751;
	font-size: 24px;
	margin:40px 0 30px;
}

.blog-social {
	padding: 20px 0 50px;
	border-bottom: 1px solid #e3e3e3;
}

.blog-social span {
	font-size: 16px;
	font-weight: 700;
	color: #3d4751;
	margin: 10px 30px 0 0;
	text-transform: capitalize;
	font-family: 'Oswald', sans-serif;
}

.blog-social span i {
	font-size: 20px;
	margin-right: 15px;
}

.blog-social ul li {
	float: left;
	margin-right: 15px;
}

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

.blog-social ul li a {
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 20px;
	display: block;
	text-align: center;
	border-radius: 100%;
}

.blog-social ul li:nth-child(1) a {
	color: #4267b2;
	border: 1px solid #4267b2;
}

.blog-social ul li:nth-child(1) a:hover {
	color: #fff;
	background-color: #4267b2;
}

.blog-social ul li:nth-child(2) a {
	color: #1da1f2;
	border: 1px solid #1da1f2;
}

.blog-social ul li:nth-child(2) a:hover {
	color: #fff;
	background-color: #1da1f2;
}

.blog-social ul li:nth-child(3) a {
	color: #db4437;
	border: 1px solid #db4437;
}

.blog-social ul li:nth-child(3) a:hover {
	color: #fff;
	background-color: #db4437;
}

.blog-social ul li:nth-child(4) a {
	color: #db4437;
	border: 1px solid #db4437;
}

.blog-social ul li:nth-child(4) a:hover {
	color: #fff;
	background-color: #db4437;
}

/* comments-area */

.comments-area .media {
	display: block;
}

.comments-area {
	margin-bottom: 50px;
}

.comments-area h1,
.add-comments h1 {
	font-size: 24px;
	color: #5a6169;
	margin-bottom: 45px;
}

.comment-list li {
	overflow: hidden;
	margin-top: 30px;
}

.comment-list>li:first-child {
	margin-top: 0;
}

.comment-list>li:last-child {
	margin-bottom: 15px;
}

.commenter-avatar {
	float: left;
	margin-right: 25px;
	width: 45px;
	height: 45px;
	border-radius: 100%;
	overflow: hidden;
	background-color: #cccccc;
}

.commenter-avatar img {
	width: 100%;
	height: 100%;
}

.comment-box {
	overflow: hidden;
	line-height: 24px;
	font-weight: 300;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 20px;
}

.comment-list>li:last-child .comment-box {
	border-bottom: 0;
	padding-bottom: 0;
}

.comment-box .title,
.comment-box span a {
	font-weight: 700;
	color: #4756ca;
}

.comment-box span a:hover {
	color: #5a6169;
}

.comment-box .comment-meta {
	overflow: hidden;
	margin-bottom: 5px;
	font-weight: 400;
}

.comment-list .children {
	margin-left: 45px;
}


/* hsoting-features */

.hsoting-features .hosting-pack {
	background-color: #fff;
	padding: 0;
	margin-top: 80px;
	text-align: center;
    -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.02);
    -moz-box-shadow: 0 6px 8px rgba(0,0,0,.02);
    -ms-box-shadow: 0 6px 8px rgba(0,0,0,.02);
    -o-box-shadow: 0 6px 8px rgba(0,0,0,.02);
    box-shadow: 0 6px 8px rgba(0,0,0,.02);
}

.hsoting-features .hosting-pack .pack-icon {
	margin-bottom: 0;
	width: 100px;
	background-color: #4756c9;
	border-radius: 100%;
	display: inline-block;
	margin-top: -50px;
	overflow: hidden;
}

.hsoting-features .pack-top {
	background-color: #4756c9;
	padding: 0 15px 40px;
	border-radius: 4px 4px 0 0;
}

.hsoting-features .hosting-pack h2 {
	font-size: 24px;
	margin: 10px 0 0;
	color: #fff;
	font-weight: 600;
}

.hsoting-features .pack-list {
	padding: 0 25px;
}

.hsoting-features .hosting-pack .pack-price {
	margin: 45px 0 25px;
}

.hsoting-features .pack-list li {
	margin-bottom: 0;
	padding: 20px 0 20px 40px;
	border-bottom: 1px solid #eaeaea;
}

.hsoting-features .pack-list li:last-child {
	border-bottom: 0;
}

.hsoting-features .btn.btn-primary {
	color: #fff;
	width: 100%;
	background-color: #4756ca;
	border-radius: 0 0 4px 4px;
	margin-top: 25px;
}

.hsoting-features .btn.btn-primary:hover,
.gb-support.support-two .btn.btn-primary:hover {
	color: #4756ca;
}

.hsoting-features .btn.btn-primary:before,
.hsoting-features .btn.btn-primary:after, 
.gb-support.support-two .btn.btn-primary:before,
.gb-support.support-two .btn.btn-primary:after {
	background-color: #fff;
}

/* gb-live-chat */

.gb-live-chat {
	position: fixed;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	right: 30px;
	top: 50%;
	margin-top:-35px;
	border-radius: 100%;
	background-color: #f38f00;
	z-index: 9999999;
	display: none;
}

.gb-live-chat a {
	display: block;
}

/* gb-footer */

.gb-footer {
	overflow: hidden;
	background-color: #f7fdff;
}

.footer-top {
	padding: 150px 0;
}

.top-content {
	overflow: hidden;
	margin-bottom: 100px;
}

.top-content  .form-control {
	width: 365px;
	margin-right: 30px;
	margin-bottom: 0;
}

.top-content  .btn.btn-primary {
	color: #fff;
	font-size: 20px;
	padding: 16px 50px;
	background-color: #4756ca;
}

.top-content  .btn.btn-primary:hover {
	color: #4756ca;
	background-color: transparent;
}

.top-content .logo h1 {
	font-size: 24px;
}

.top-content .logo h1 a {
	color: #f38f00;
}

.footer-widget h3 {
	font-size: 24px;
	margin-bottom: 35px;
}

.footer-widget ul li {
	font-size: 16px;
	line-height: 36px;
}

.footer-bottom span a {
	color: #4756ca;
}

.footer-bottom span a:hover {
	color: #5a6169;
}

.footer-bottom {
	font-size: 16px;
	overflow: hidden;
	padding: 55px 0;
	border-top: 1px solid #eeeeee;
}

.footer-bottom ul li {
	display: inline-block;
	font-size: 20px;
	margin-right: 30px;
}

.footer-bottom ul li a {
	color: #5a6169;
	padding: 5px;
}

.footer-bottom ul li a:hover .fa-facebook {
	color: #344f88;
}

.footer-bottom ul li a:hover .fa-twitter {
	color: #2696cf;
}

.footer-bottom ul li a:hover .fa-linkedin {
	color: #146ba4;
}

.footer-bottom ul li a:hover .fa-pinterest-p {
	color: #C92228;
}

/* footer-two */

.footer-two,
.footer-three {
	line-height: 26px;
	color: #9da8c0;
	background-color: #2e3544;
}

.footer-two .footer-widget {
	min-height: 280px;
	position: relative;
}

.footer-two .footer-widget.widget-left:before {
	display: none;
}

.footer-two .footer-widget:before {
	position: absolute;
	content: "";
	top: 0;
	left: -20px;
	width: 1px;
	height: 99%;
	background-color: #9da8c0;
}

.footer-two a,
.footer-three a {
	color: #9da8c0;
}

.footer-two a:hover,
.footer-two .footer-bottom span a:hover,
.footer-three a:hover,
.footer-three .footer-bottom span a:hover {
	color: #f38f00;
}

.footer-two .footer-bottom,
.footer-three .footer-bottom {
	border-top: 1px solid #485267;
}

.footer-two .footer-widget h3,
.footer-three .footer-widget h3 {
	color: #fff;
	font-weight: 600;
}

.tagcloud li {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.tagcloud li a {
	border: 1px solid #626b7e;
	border-radius: 0;
	display: block;
	line-height: 20px;
	padding: 5px 10px 7px;
}

.tagcloud li a:hover {
	color: #fff;
	border-color: #f38f00;
	background-color: #f38f00;
}

.footer-two .footer-widget.widget-left h3,
.footer-two .footer-bottom span a,
.footer-three .footer-widget.widget-left h3,
.footer-three .footer-bottom span a {
	color: #f38f00;
}

.widget-follow ul li i {
	width: 30px;
	font-size: 20px;
	margin-right: 10px;
}

.widget-follow ul li {
	margin-bottom: 10px;
}

.widget-follow ul li:last-child {
	margin-bottom: 0;
}

.widget-contact address {
	margin-bottom: 30px;
	line-height: 26px;
}

.footer-menu ul li {
	font-size: 16px;
}

.footer-menu ul li a {
	padding: 0;
}

.footer-two .footer-bottom span a:hover, 
.footer-three .footer-bottom span a:hover {
	color: #9da8c0;
}

/* footer-three */

.footer-widget .social {
	margin-top: 20px;
	overflow: hidden;
}

.footer-widget .social ul li {
	float: left;
	font-size: 20px;
	margin-right: 25px;
}

.widget-information ul li {
	border-bottom: 1px solid #485267;
}

.widget-information ul li:last-child {
	border-bottom: 0;
}

.widget-information ul li a {
	display: block;
	padding: 5px 0;
}

.widget-information ul li:first-child a {
	padding: 0 0 10px;
	line-height: 25px;
}

.footer-widget form .form-control {
	height: 40px;
	color: #9da8c0;
	border: 1px solid #485267;
	background-color: transparent;
}

.footer-widget form .form-control:focus {
	border-color: #f38f00;
}

.footer-widget form .btn.btn-primary {
	width: 100%;
	color: #fff;
	background-color: #f38f00;
	border-color: #f38f00;
	padding: 10px 20px;
}

.footer-widget form .btn.btn-primary:hover {
	background-color: transparent;
}

.footer-widget .social a:hover {
	color: inherit;
}

.footer-widget .social a:hover .fa-facebook {
	color: #344f88;
}

.footer-widget .social a:hover .fa-twitter {
	color: #2696cf;
}

.footer-widget .social a:hover .fa-instagram {
	color: #A1755C;
}

.footer-widget .social a:hover .fa-linkedin {
	color: #146ba4;
}

.footer-widget .social a:hover .fa-rss {
	color: #f26522;
}

/* ==========================================================================
 	Extra CSS
 ========================================================================== */

a, .slick-dots li,
.footer-bottom ul li a i,
.categories-title a:after,
.btn.btn-primary:before,
.btn.btn-primary:after,
.footer-widget .social li a i,
.question, .gb-post,
.carousel-control-prev,
.carousel-control-next,
.mega-menu a.button:before,
.mega-menu a.button:after  {
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}


.banner-one .banner-image {
	position: relative;
	margin-top: 150px;
	z-index: 1;
}

.gb-image {
	position: absolute;
	bottom: 0;
	z-index: -1;
}

.banner-image .server-image .img-fluid {
	display: inline-block;
}

.gb-image.circle1 {
	right: 20px;
	bottom: 30px;
	-webkit-animation: circle1 8s linear infinite;
	-moz-animation: circle1 8s linear infinite;
	animation: circle1 8s linear infinite;	
}

@-webkit-keyframes circle1 {
    0% {
    	opacity: 0;
        -webkit-transform: scale(0.5);
    }
    10% {
    	opacity: 1;
    }
    90% {
    	opacity: 1;
    }
    100% {
    	opacity: 0;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes circle1 {
    0% {
    	opacity: 0;
        -webkit-transform: scale(0.5);
    }
    10% {
    	opacity: 1;
    }
    90% {
    	opacity: 1;
    }
    100% {
    	opacity: 0;
        -webkit-transform: scale(1);
    }
}

@keyframes circle1 {
    0% {
    	opacity: 0;
        -webkit-transform: scale(0.5);
    }
    10% {
    	opacity: 1;
    }
    90% {
    	opacity: 1;
    }
    100% {
    	opacity: 0;
        -webkit-transform: scale(1);
    }
}

.gb-image.circle2 {
	-webkit-animation: circle2 8s linear infinite;
	-moz-animation: circle2 8s linear infinite;
	animation: circle2 8s linear infinite;	
}

@-webkit-keyframes circle2 {
    0% {
    	opacity: 0;
        -webkit-transform: scale(1);
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
    	opacity: 0;
        -webkit-transform: scale(0.6);
    }
}

@-moz-keyframes circle2 {
    0% {
    	opacity: 0;
        -webkit-transform: scale(1);
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
    	opacity: 0;
        -webkit-transform: scale(0.6);
    }
}

@keyframes circle2 {
    0% {
    	opacity: 0;
        -webkit-transform: scale(1);
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
    	opacity: 0;
        -webkit-transform: scale(0.6);
    }
}

.gb-image.cloud1 {
	left: 40px;
	-webkit-animation: cloud1 3s linear;
	-moz-animation: cloud1 3s linear;
	animation: cloud1 3s linear;
	bottom: inherit;
	top: -150px;
}

@-webkit-keyframes cloud1 {
    0% {
        transform: translateY(-40%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-moz-keyframes cloud1 {
    0% {
        transform: translateY(-40%);
    }
    100% {
        transform: translateY(0%);
    }
}

@keyframes cloud1 {
    0% {
        transform: translateY(-40%);
    }
    100% {
        transform: translateY(-0%);
    }
}

.gb-image.cloud2 {
	bottom: 45px;
	-webkit-animation: cloud2 3s linear;
	-moz-animation: cloud2 3s linear;
	animation: cloud2 3s linear;	
	left: -30px;
}

@-webkit-keyframes cloud2 {
    0% {
        transform: translateX(-40%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-moz-keyframes cloud2 {
    0% {
        transform: translateX(-40%);
    }
    100% {
        transform: translateX(0%);
    }
}

@keyframes cloud2 {
    0% {                 
        transform: translateX(-40%);
    }
    100% {
        transform: translateX(0%);
    }
}


.gb-image.cloud3 {
	right: -30px;
	bottom: 75px;
	-webkit-animation: cloud3 3s linear;
	-moz-animation: cloud3 3s linear;
	animation: cloud3 3s linear;	
}

@-webkit-keyframes cloud3 {
    0% {
        transform: translateX(40%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-moz-keyframes cloud3 {
    0% {
        transform: translateX(40%);
    }
    100% {
        transform: translateX(0%);
    }
}

@keyframes cloud3 {
    0% {
        transform: translateX(40%);
    }
    100% {
        transform: translateX(0%);
    }
}