/*

Template Name: WebZone - Advance Hosting and Marketing Template

Author: ScriptsBundle

Version: 1.0

Designed and Development by: ScriptsBundle



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

[ CSS TABLE CONTENT ]

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

    1.0 - GENERAL CSS

    2.0 - HEADING CSS

    3.0 - HEADING 2 CSS

    4.0 - SPINNER CSS

    5.0 - TOP CSS

    6.0 - PAGINATION CSS

	7.0 - BREADCRUMB

	8.0 - HEADER TOP BAR

	9.0 - NAVIGATION TOP BAR

	10.0 - NAVBAR

	11.0 - TRANSPARENT HEADER

	12.0 - MAIN SECTION

	13.0 - MAIN SECTION 2

	14.0 - GET ANALYTICS

	15.0 - CLIENTS

	16.0 - FEATURES

	17.0 - TEAM CSS

	18.0 - SERVICES CSS

	19.0 - FUNFACT

	20.0 - PROCESS CSS

	21.0 - CASE STUDIES

	22.0 - TESTIMONIAL 2 CSS

	23.0 - PRICING TABLE 5 CSS

	24.0 - APP SECTION CSS

	25.0 - SERVICES 3 CSS

	26.0 - BLOG CSS

	27.0 - SERVICES SIDEBAR

	28.0 - CASESTUDIES DETAIL

	29.0 - CALL TO ACTION 1

	30.0 - CONTACT US CSS

	31.0 - SHOP CSS

	32.0 - FOOTER CSS

	33.0 - MEDIA QUERIES



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

[ END CSS TABLE CONTENT ]

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

*/





/* ---- GENERAL CSS ----- */



body {

	background: #FFF;

	font-family: 'Alegreya Sans', sans-serif;

	font-weight: 400;

	position: relative;

	line-height:1.5em;

	overflow-x: hidden;

	-webkit-text-size-adjust: 100%;

	-webkit-overflow-scrolling: touch;

	-webkit-font-smoothing: antialiased;

}



h3, h4 {

	font-weight: 400;

	line-height: 1.4;

	font-family: 'Alegreya Sans', sans-serif;

}



h1, h2 {

	line-height: 1.5;

	font-weight: 400;

	font-family: 'Alegreya Sans', sans-serif;

}



h5, h6 {

	line-height: 1.4;

	font-family: 'Alegreya Sans', sans-serif;

}



p {

	font-family: 'Open Sans', sans-serif;

	line-height: 1.5em;

	font-size: 14px;

	color: #555;

}



a {

	outline: none;

	color: #242424;

	text-decoration: none;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease- 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}



a:hover, a:focus {

	text-decoration: none;

}



ol, ul {

	text-decoration: none;

	list-style: none;

	padding: 0px;

}



.light-blue {

	background-color: #f4f7fa !important;

}



.light-blue-2 {

	background-color: rgba(40, 143, 235, 0.1);

}



input.form-control:focus {

	box-shadow: none;

}



.form-control {

	box-shadow: none;

	border: 1px solid #f1f1f1;

}



.panel {

	border-radius: 0;

	position: relative;

	box-shadow: none;

	border: 1px solid #F1F1F1;

}



.nopadding {

	padding: 0px;

}



.noshedow {

	box-shadow: none;

}



.no-translate {

	transform: none;

}



.margintop70 {

	margin-top: 70px;

}



.marginto30 {

	margin-top: 30px;

}



.marginbottom30 {

	margin-bottom: 30px;

}



.marginbottom70 {

	margin-bottom: 70px;

}



.bg-grey {

	background-color: #F8F8F8;

}



.bg-white {

	background-color: #FFF !important;

}



.ad-placement img {

	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);

	margin: 0 auto;

	display: block;

}



section {

	padding: 80px 0px;

	position: relative;

	background-color: #FFF;

}



.parallex::before {

	background: rgba(0, 0, 0, 0.8);

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}





/* ---- HEADING CSS ---- */



.heading {

	float: left;

	margin-bottom: 50px;

}



.heading .heading-letter-style {

	color: #288feb;

	font-size: 80px;

	right: 0;

	opacity: 0.07;

	position: absolute;

	top: 20px;

	font-weight: 600;

}



.heading .main-heading-container h1 {

	margin-bottom: 0;

	margin-top: 0;

	font-size: 30px;

	font-weight: 700;

	text-transform: uppercase;

	line-height: 28px;

}



.heading .main-heading-container h3 {

	margin-bottom: 0;

	margin-top: 0;

	text-transform: capitalize;

	font-size: 24px;

}



.main-heading-container p {

	width: 50%;

}



.side-heading .main-heading-container p {

	width: 100%;

}



.side-heading .main-heading-container {

	padding-left: 0;

}



.side-heading .main-heading-container:before {

	border-left: 3px solid #288feb;

	border-top: 3px solid #288feb;

	content: "";

	height: 35px;

	left: -25px;



	position: absolute;

	top: -25px;

	width: 35px;

}



.side-heading .heading-letter-style {

	color: #288feb;

	font-size: 90px;

	left: 10px;

	opacity: 0.1;

	position: absolute;

	top: -55px;

	font-weight: 600;

}



.heading-white {

	color: #FFF;

}



.heading-white p {

	color: #FFF;

}



.heading-white .heading-letter-style {

	color: #fff;

	opacity: 0.3;

}



.heading-white .main-heading-container::before {

	border-left: 3px solid #FFF;

	border-top: 3px solid #FFF;

}





/* ---- HEADING 2 CSS ---- */



.heading-2 h3 {

	margin: 0;

	text-transform: capitalize;

	letter-spacing: 1px;

	font-weight: 400;

}



.heading-2 h2 {

	margin-top: 0;

	text-transform: uppercase;

	font-weight: 600;

}



.btn-custom {

	background-color: #288feb;

	color: #FFF;

	font-size: 16px;

	padding: 10px 30px;

	text-transform: uppercase;

	border: 1px solid #288feb;

	margin-right: 20px;

	border-radius: 0;

	font-weight: 500;

}



.btn-custom:hover {

	background-color: transparent;

	border-color: #288feb;

	color: #288feb;

}



.btn-custom-transparent {

	background-color: transparent;

	border: 1px solid #FFF;

	color: #FFF;

	padding: 10px 30px;

	text-transform: uppercase;

	font-size: 16px;

	font-weight: 500;

	border-radius: 4px;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease- 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}



.btn.btn-white {

	background-color: #FFF;

	padding: 10px 30px;

	text-transform: uppercase;

	font-size: 16px;

	font-weight: 500;

	border-radius: 0;

	border: 1px solid #FFF;

	color: #242424;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease- 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}



.btn.btn-white:hover {

	background-color: transparent;

	border: 1px solid #FFF;

	color: #FFF;

}



.btn-green-transparent {

	background-color: transparent;

	border: 1px solid #FFF;

	color: #FFF;

	padding: 10px 30px;

	text-transform: uppercase;

	font-size: 16px;

	font-weight: 500;

	border-radius: 0;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease- 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}



.btn-green-transparent:hover {

	background-color: #FFF;

	border: 1px solid #FFF;

	color: #242424;

}





/* ---- SPINNER CSS ---- */



#spinner {

	background: #fff;

	height: 100%;

	left: 0;

	opacity: 1;

	filter: alpha(opacity=100);

	position: fixed;

	text-align: center;

	top: 0;

	width: 100%;

	z-index: 999999999;

}



.spinner-img {

	height: 100%;

	left: 0;

	position: fixed;

	top: 35%;

	width: 100%;

}



.first-heading {

	margin-top: 0;

}



.first-heading .title {

	padding-top: 0;

}



section.slider-container {

	padding: 0;

}





/* ---- TOP CSS ---- */



.cart-active {

	position: relative;

}



.cart-btn {

	position: relative;

}



.cart-btn a {

	padding: 10px;

	position: relative;

	background-color: #288feb;

	border-radius: 50px;

}



.header-top-right ul li.cart-active .cart-btn a i {

	margin: 0;

	font-size: 16px;

}



.header-top-right ul li.cart-active .cart-btn a:hover {

	color: #FFF;

}



.cart-grid {

	background: #fff none repeat scroll 0 0;

	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);

	opacity: 1;

	padding: 20px;

	position: absolute;

	right: 0;

	top: 36px;

	-webkit-transform: scaleY(0);

	-moz-transform: scaleY(0);

	-o-transform: scaleY(0);

	-ms-transform: scaleY(0);

	transform: scaleY(0);

	transform-origin: 0 0 0;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

	width: 250px;

	z-index: 9999999;

}



.cart-grid-box {

	border-bottom: 1px solid #efefef;

	margin-bottom: 20px;

	overflow: hidden;

	padding-bottom: 20px;

}



.cart-grid-box-img {

	float: left;

	margin-right: 10px;

	width: 55px;

}



.cart-grid-box-title a {

	color: #676767;

	display: block;

	font-size: 14px;

	margin-bottom: 5px;

}



p.price {

	font-weight: 600;

	color: #000;

}



.header-top-right .cart-grid-box-title p {

	font-size: 13px;

	margin: 0;

	float: none;

}



.cart-grid-box-title {

	float: left;

	text-align: left;

}



.cart-grid-box-del {

	float: right;

	margin-top: -25px;

}



.cart-grid-box-del i {

	font-size: 16px;

}



.header-top-right .total-amount p {

	float: left;

	font-size: 14px;

	font-weight: 700;

	margin: 0;

	text-align: left;

	width: 50%;

}



.total-amount span {

	float: right;

	font-size: 14px;

	font-weight: 700;

	letter-spacing: 1px;

	text-align: right;

}



.total-amount {

	border-bottom: 1px solid #ededed;

	padding-bottom: 35px;

}



.action-cart .btn-custom {

	margin-right: 0;

	padding: 10px 15px;

}



.action-cart {

	margin-bottom: 10px;

	margin-top: 25px;

	text-align: center;

}



.cart-grid-box-del a:hover {

	color: red;

}



.cart-active .cart-grid-box-title a {

	color: #000;

}



.cart-active .cart-grid-box-title a:hover {

	color: #288feb;

}



.viewcart {

	margin-right: 5px;

	font-size: 15px;

}



.action-cart .viewcart a .checkout {

	margin-left: 5px;

}



.cart-active:hover .cart-grid {

	opacity: 1;

	-webkit-transform: scaleY(1);

	-moz-transform: scaleY(1);

	-o-transform: scaleY(1);

	-ms-transform: scaleY(1);

	transform: scaleY(1);

}



.cart-grid-box-del i {

	color: #242424;

}





/* ---- PAGINATION CSS ---- */



.pagination-box {

	position: relative;

	overflow: hidden;

	text-align: center;

}



.pagination> li> a, .pagination> li> span {

	padding: 10px 15px;

	color: #242424;

	font-size: 16px;

	border: none;

	border-radius: 4px;

	margin-right: 10px;

	border: 1px solid #f1f1f1;

}



.pagination> li.active> a {

	background-color: #288feb;

	border: 1px solid #288feb;

	font-weight: 600;

}



.pagination> .active> a, .pagination> .active> a:focus, .pagination> .active> a:hover, .pagination> .active> span, .pagination> .active> span:focus, .pagination> .active> span:hover {

	background-color: #288feb;

	border: 1px solid #288feb;

}



.pagination> li> a:hover {

	background-color: #288feb;

	color: #FFF;

	border: 1px solid #288feb;

}



.select2-container {

	width: 100% !important;

}



.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {

	height: 50px;

	border-color: #F1F1F1;

}



.select2-container--default .select2-selection--single .select2-selection__rendered {

	line-height: 50px;

	font-size: 20px;

}



.scrollup {

	background-color: #288feb;

	border-radius: 0;

	bottom: 34px;

	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);

	display: none;

	height: 40px;

	opacity: 0.5;

	padding: 5px;

	position: fixed;

	right: 20px;

	width: 40px;

	z-index: 99;

}



.scrollup:hover {

	opacity: 1;

}



.scrollup i {

	color: #fff;

	display: block;

	line-height: 30px;

	font-size: 24px;

	text-align: center;

}





/* ----  BREADCRUMB ---- */



.my-breadcrumb {

	background: #24201f url("../images/services.jpg") repeat scroll center center / cover;

	padding: 60px 0;

	text-align: center;

}



.my-breadcrumb-1 {

	background: #24201f url("../images/aboutus.jpg") repeat scroll center center / cover;

	padding: 60px 0;

	text-align: center;

}



.my-breadcrumb-2 {

	background: #24201f url("../images/alliances.jpg") repeat scroll center center / cover;

	padding: 60px 0;

	text-align: center;

}



.my-breadcrumb-3 {

	background: #24201f url("../images/contactus.jpg") repeat scroll center center / cover;

	padding: 60px 0;

	text-align: center;

}



.my-breadcrumb-4 {

	background: #24201f url("../images/hospitality.jpg") repeat scroll center center / cover;

	padding: 60px 0;

	text-align: center;

}



.my-breadcrumb-5 {

	background: #24201f url("../images/career.jpg") repeat scroll center center / cover;

	padding: 60px 0;

	text-align: center;

}





.my-breadcrumb::before {

	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}



.my-breadcrumb .page-banner h1 {

	color: #fff;

	font-size: 40px;

	font-weight: 600;

	margin: 0;

	text-transform: uppercase;

}



.my-breadcrumb .page-banner .breadcrumb {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	margin: 0;

}



.my-breadcrumb .breadcrumb> li {

	display: inline-block;

	text-transform: capitalize;

	font-size: 16px;

}



.my-breadcrumb .page-banner .breadcrumb a {

	color: #fff;

	text-transform: uppercase;

}



.my-breadcrumb .breadcrumb> li+ li::before {

	content: "";

	font-family: FontAwesome;

	padding: 0 5px;

}



.my-breadcrumb .breadcrumb> li+ li::before {

	color: #288feb;

	content: url(../images/arrow-right.png);

	padding: 0 5px;

}



.my-breadcrumb .breadcrumb> .active {

	color: #FFF;

	text-transform: uppercase;

}





.my-breadcrumb-1::before {

	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}



.my-breadcrumb-1 .page-banner h1 {

	color: #fff;

	font-size: 40px;

	font-weight: 600;

	margin: 0;

	text-transform: uppercase;

}



.my-breadcrumb-1 .page-banner .breadcrumb {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	margin: 0;

}



.my-breadcrumb-1 .breadcrumb> li {

	display: inline-block;

	text-transform: capitalize;

	font-size: 16px;

}



.my-breadcrumb-1 .page-banner .breadcrumb a {

	color: #fff;

	text-transform: uppercase;

}



.my-breadcrumb-1 .breadcrumb> li+ li::before {

	content: "";

	font-family: FontAwesome;

	padding: 0 5px;

}



.my-breadcrumb-1 .breadcrumb> li+ li::before {

	color: #288feb;

	content: url(../images/arrow-right.png);

	padding: 0 5px;

}



.my-breadcrumb-1 .breadcrumb> .active {

	color: #FFF;

	text-transform: uppercase;

}





.my-breadcrumb-2::before {

	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}



.my-breadcrumb-2 .page-banner h1 {

	color: #fff;

	font-size: 40px;

	font-weight: 600;

	margin: 0;

	text-transform: uppercase;

}



.my-breadcrumb-2 .page-banner .breadcrumb {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	margin: 0;

}



.my-breadcrumb-2 .breadcrumb> li {

	display: inline-block;

	text-transform: capitalize;

	font-size: 16px;

}



.my-breadcrumb-2 .page-banner .breadcrumb a {

	color: #fff;

	text-transform: uppercase;

}



.my-breadcrumb-2 .breadcrumb> li+ li::before {

	content: "";

	font-family: FontAwesome;

	padding: 0 5px;

}



.my-breadcrumb-2 .breadcrumb> li+ li::before {

	color: #288feb;

	content: url(../images/arrow-right.png);

	padding: 0 5px;

}



.my-breadcrumb-2 .breadcrumb> .active {

	color: #FFF;

	text-transform: uppercase;

}











.my-breadcrumb-3::before {

	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}



.my-breadcrumb-3 .page-banner h1 {

	color: #fff;

	font-size: 40px;

	font-weight: 600;

	margin: 0;

	text-transform: uppercase;

}



.my-breadcrumb-3 .page-banner .breadcrumb {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	margin: 0;

}



.my-breadcrumb-3 .breadcrumb> li {

	display: inline-block;

	text-transform: capitalize;

	font-size: 16px;

}



.my-breadcrumb-3 .page-banner .breadcrumb a {

	color: #fff;

	text-transform: uppercase;

}



.my-breadcrumb-3 .breadcrumb> li+ li::before {

	content: "";

	font-family: FontAwesome;

	padding: 0 5px;

}



.my-breadcrumb-3 .breadcrumb> li+ li::before {

	color: #288feb;

	content: url(../images/arrow-right.png);

	padding: 0 5px;

}



.my-breadcrumb-3 .breadcrumb> .active {

	color: #FFF;

	text-transform: uppercase;

}







.my-breadcrumb-4::before {

	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}



.my-breadcrumb-4 .page-banner h1 {

	color: #fff;

	font-size: 40px;

	font-weight: 600;

	margin: 0;

	text-transform: uppercase;

}



.my-breadcrumb-4 .page-banner .breadcrumb {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	margin: 0;

}



.my-breadcrumb-4 .breadcrumb> li {

	display: inline-block;

	text-transform: capitalize;

	font-size: 16px;

}



.my-breadcrumb-4 .page-banner .breadcrumb a {

	color: #fff;

	text-transform: uppercase;

}



.my-breadcrumb-4 .breadcrumb> li+ li::before {

	content: "";

	font-family: FontAwesome;

	padding: 0 5px;

}



.my-breadcrumb-4 .breadcrumb> li+ li::before {

	color: #288feb;

	content: url(../images/arrow-right.png);

	padding: 0 5px;

}



.my-breadcrumb-4 .breadcrumb> .active {

	color: #FFF;

	text-transform: uppercase;

}





.my-breadcrumb-5::before {

	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}



.my-breadcrumb-5 .page-banner h1 {

	color: #fff;

	font-size: 40px;

	font-weight: 600;

	margin: 0;

	text-transform: uppercase;

}



.my-breadcrumb-5 .page-banner .breadcrumb {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	margin: 0;

}



.my-breadcrumb-5 .breadcrumb> li {

	display: inline-block;

	text-transform: capitalize;

	font-size: 16px;

}



.my-breadcrumb-5 .page-banner .breadcrumb a {

	color: #fff;

	text-transform: uppercase;

}



.my-breadcrumb-5 .breadcrumb> li+ li::before {

	content: "";

	font-family: FontAwesome;

	padding: 0 5px;

}



.my-breadcrumb-5 .breadcrumb> li+ li::before {

	color: #288feb;

	content: url(../images/arrow-right.png);

	padding: 0 5px;

}



.my-breadcrumb-5 .breadcrumb> .active {

	color: #FFF;

	text-transform: uppercase;

}









.domain-search {

	text-align: left;

}



.domain-search h3 {

	color: #FFF;

	margin: 0;

	text-transform: capitalize;

}



.domain-search .form-inline {

	background-color: rgba(255, 255, 255, 0.8);

	overflow: hidden;

	padding: 40px;

	position: relative;

	margin-top: 40px;

}



.domain-search .form-inline .form-group {

	width: 100%;

}



.domain-search input.form-control {

	font-size: 20px;

	height: 50px;

	width: 100%;

	border-radius: 0;

}



.domain-search .btn-custom {

	font-size: 20px;

	height: 50px;

}



.domain-search .btn-custom:hover {

	background-color: #288feb;

	color: #FFF;

	;

}





/* ----  HEADER TOP BAR ---- */



.header-top {

	background-color: #243141;

	padding: 15px 0;

}



.header-top.black {

	background: #242424;

}



.header-top-info i {

	font-size: 12px;

}



.header-top-info> p {

	color: #fff;

	display: inline-block;

	font-size: 14px;

	line-height: 1;

	margin-bottom: 0;

	text-transform: capitalize;

}



.header-top-white {

	padding: 20px 0;

}



.header-top-right {

	position: relative;

	float: right;

}



.chat-btn {

	color: #FFF;

	font-weight: 500;

	font-size: 16px;

}



.chat-btn i {

	margin-right: 5px;

}



.low-height {

	min-height: 40px;

}



.low-height.mega-menu .drop-down, .mega-menu .drop-down-tab-bar {

	margin-top: 0;

}



.mega-menu.low-height .menu-links> li> a {

	line-height: normal;

	padding: 15px;

}



.mega-menu.low-height> section.menu-list-items {

	box-shadow: none;

	padding: 0;

}



.mega-menu.low-height .menu-links {

	float: none;

}



.mega-menu.low-height .drop-down-multilevel {

	top: 47px;

}



.header-top-right p {

	float: right;

}



.header-top-info> p i {

	margin-right: 10px;

}



.header-top-right ul {

	margin-bottom: 0;

}



.header-top-right ul li a {

	color: #FFF;

	text-transform: uppercase;

}



.header-top-right ul li a:hover {

	color: #288feb;

}



.header-top-right ul li i {

	margin-right: 5px;

	font-size: 14px;

}



.header-top-right ul li {

	display: inline-block;

	padding: 0 10px;

}



.header-top-right ul li:first-child {

	border-left: none;

}



.header-top-left .social-bar {

	margin-top: 0;

	margin-bottom: 0

}



.header-top-left .social-bar li a:hover {

	color: #FFF;

}



.header-top-left .social-bar ul {

	margin-bottom: 0

}



.header-top-right .country .btn-info {

	background-color: transparent;

	border: none;

	padding: 0;

	text-transform: uppercase;

}



.header-top-right .country .btn-info.active.focus, .header-top-right .country .btn-info.active:focus, .header-top-right .country .btn-info.active:hover, .header-top-right .country .btn-info.focus:active, .header-top-right .country .btn-info:active:focus, .header-top-right .country .btn-info:active:hover, .header-top-right .country .open> .dropdown-toggle.btn-info.focus, .header-top-right .country .open> .dropdown-toggle.btn-info:focus, .header-top-right .country .open> .dropdown-toggle.btn-info:hover {

	color: #FFF;

	background-color: transparent;

	border: none;

	box-shadow: none;

}



.header-top-right .country .dropdown-menu {

	border-radius: 0;

	min-width: 150px;

	padding: 0;

	margin: 0;

	margin-top: 15px;

}



.header-top-right ul.dropdown-menu li {

	position: relative;

	overflow: hidden;

}



.header-top-right ul.dropdown-menu> li> a {

	padding: 10px 20px;

	color: #555;

}



.header-top-right ul.dropdown-menu> li> a:hover {

	color: #288feb;

}



.header-top-right .top-profile .dropdown-menu> li a:before {

	color: #242424;

	content: normal;

	font-family: FontAwesome;

	padding-right: 0;

	font-weight: 400;

}



.header-top-left .social-bar {

	margin-bottom: 0;

	margin-top: 0;

}



.header-top-left .social-bar li a:hover {

	color: #fff;

}



.header-top-left .social-bar ul {

	margin-bottom: 0;

}



.social-bar {

	margin-top: 20px;

	overflow: hidden;

	position: relative;

}



.social-bar li {

	display: inline-block;

	margin: 0 25px 0 0;

}



.social-bar li a {

	color: #FFF;

	font-size: 15px;

}



.social-bar li a:hover {

	color: #288feb;

}



.top-menu-button {

	background: rgba(255, 255, 255, 0.2);

	padding: 10px 20px

}





.header-top-right ul li .top-menu-button:hover {

	background: rgba(255, 255, 255, 0.3);

	color: #FFF;

}



.header-top-white .btn-default {

	background-color: #f9f9f9;

	border: 1px solid #fff;

	color: #242424;

	margin-top: 0;

	padding: 10px 30px;

	height: 50px;

	text-transform: uppercase;

	font-weight: 500;

	letter-spacing: 1px;

	border-radius: 0;

}



.header-top-white .form-control {

	background-color: #F9F9F9;

	border: 1px solid #fff;

	height: 50px;

	font-size: 20px;

}



.search-form button {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	border: medium none;

}



.search-form button i {

	color: #FFF;

}



.search-form form input[type="text"] {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	border: medium none;

	color: #fff;

	font-weight: 600;

}





/* ----  NAVIGATION TOP BAR ---- */



header .header-bar-top .header-bar-top-element {

	padding: 12px 25px;

}



header .header-bar-top .header-bar-top-element {

	border-right: 1px solid rgba(255, 255, 255, 0.3);

	color: #FFF;

	display: inline-block;

	font-size: 12px;

	position: relative;

}



header .header-bar-top .header-bar-top-element i {

	color: #FFF;

	display: inline-block;

	font-size: 12px;

	margin-right: 15px;

}



header .header-bar-top .header-bar-top-element a {

	color: #FFF;

	text-decoration: none;

	transition: all 0.1s ease 0s;

}



.header-bar-top-element .dropdown-menu .dropdown-item {

	display: block;

	color: #242424;

	padding: 10px;

}



.header-bar-top-element .dropdown-menu {

	min-width: 120px;

	border-radius: 0;

	padding: 0;

	margin-top: 12px;

}



.header-bar-top-element .btn-group .btn {

	background-color: transparent;

	padding: 0;

	line-height: 10px;

}



.languages-switcher .dropdown-toggle::after {

	border-left: 0.3em solid transparent;

	border-right: 0.3em solid transparent;

	border-top: 0.3em solid;

	content: "";

	display: inline-block;

	height: 0;

	margin-left: 0.3em;

	vertical-align: middle;

	width: 0;

	color: #FFF;

}



.submit-btn {

	font-size: 20px;

	background-color: #288feb;

	color: #FFF;

	border-radius: 5px;

	padding: 7px 10px;

	margin-top: 20px;

	border: 1px solid #288feb;

	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);

}





/* ----  NAVBAR ---- */



header {

	position: relative;

	transition: top 0.2s ease-in-out;

	border-radius: 0;

}



.mega-menu .menu-links> li> a.menu-btn {

	line-height: 30px;

	color: #FFF;

	border-radius: 4px;

	padding: 5px 30px;

	margin-top: 10px;

	border-radius: 0;

}



.mega-menu .menu-links> li> a.menu-btn i {

	margin-right: 5px;

}



.mega-menu .menu-links> li> a.menu-btn:hover {

	color: #288feb;

}



.nav-up {

	top: -150px;

}



.header3.nav-down {

	position: fixed;

	background-color: #242424;

	top: 0;

	padding: 10px 0;

}



.header3.nav-down #navbar-logo {

	margin-top: 0;

}



.dropdown-menu> li {

	position: relative;

}



.dropdown-menu> li> a {

	/*border-bottom: 1px solid #F1F1F1;*/

	box-sizing: border-box;

	color: rgba(0, 0, 0, 0.7);

	float: left;

	font-size: 14px;

	font-weight: 600;

	padding: 10px 20px;

	text-transform: uppercase;

	width: 100%;

}



.dropdown-menu> li> a:hover, .dropdown-menu> li.open> a {

	background-color: transparent;

	color: #288feb;

	padding-right: 10px;

}



.dropdown-menu> li.dropdown> a:hover {

	background-color: transparent;

	padding-right: 10px;

}



.navbar {

	margin-bottom: 0;

	border: none;

	border-radius: 0;

	z-index: 999;

}



.navbar-nav> li> .dropdown-menu, .navbar-nav> li> .dropdown-menu .dropdown-menu {

	border-radius: 0;

	padding: 10px 0;

	border: none;

	border-top: 3px solid #288feb;

}



.navbar-right .dropdown-menu {

	right: auto;

	left: 0;

}



.dropdown-menu .dropdown-menu {

	border-radius: 0;

}



.navbar-default .navbar-nav> li> a {

	text-transform: uppercase;

	padding: 30px 15px;

	font-weight: 700;

	color: #242424;

}



.nav .open> a, .nav .open> a:focus, .nav .open> a:hover {

	color: #288feb;

	border-color: #EEE;

}



.dropdown-menu> li> a:focus, .dropdown-menu> li> a:hover {

	color: #288feb;

	padding-left: 30px;

}





/*#navbar-logo img {

	width:220px;	

}*/



.navbar-default .navbar-nav> .open> a, .navbar-default .navbar-nav> .open> a:focus, .navbar-default .navbar-nav> .open> a:hover {

	background-color: transparent;

	color: #288feb;

}



header.header-one .navbar-default {

	background-color: #FFF;

}





/* ----  TRANSPARENT HEADER ---- */



nav.transparent {

	position: absolute;

	width: 100%;

	box-shadow: none;

}



nav.transparent .menu-list-items {

	box-shadow: none;

}



.transparent .menu-links> li> a {

	color: #FFF;

}



.mega-menu.transparent.desktopTopFixed .menu-list-items {

	background: #242424;

}



.mega-menu.transparent.desktopTopFixed .menu-list-items .menu-links> li> a {

	color: #FFF;

}





/* ----  MAIN SECTION ---- */



.main-section {

	background-image: url("../images/slider/index2.jpg");

	background-size: cover;

	background-position: top center;

	position: relative;

	width: 100%;

	text-align: center;

	padding-bottom: 0;

	height: 750px;

}



.main-section .main-section-detail h1 {

	color: #fff;

	text-transform: uppercase;

	margin-top: 200px;

	font-size: 60px;

	font-weight: 600;

	margin-bottom: 0

}



.main-section .main-section-detail h2 {

	margin-top: 0;

	margin-bottom: 50px;

	text-transform: capitalize;

	color: #FFF;

}



.main-section .main-section-detail .btn {

	font-size: 16px;

	text-transform: uppercase;

	font-weight: 500;

	border: 1px solid #FFF;

	padding: 10px 30px;

	color: #FFF;

}



#about-2 {

	padding-bottom: 0;

	text-align: center;

}





/* ----  MAIN SECTION 2 ---- */



.main-section-2 {

	background-image: url("../images/index-3.jpg");

	background-size: cover;

	background-position: ceern center;

	background-attachment: fixed;

	position: relative;

	width: 100%;

	padding-bottom: 0;

	height: 650px;

}



.main-section-2:before {

	background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}



.main-section-2 .main-section-detail h1 {

	color: #fff;

	text-transform: uppercase;

	margin-top: 100px;

	font-size: 40px;

	font-weight: 500;

	margin-bottom: 0

}



.main-section-2 h3 {

	color: #FFF;

	text-transform: capitalize;

	font-size: 34px;

	margin: 0;

}



.main-section-2 p {

	color: #FFF;

	margin: 30px 0;

	font-size: 18px;

}



.main-section-2 .btn-custom {}





/* ----  CLIENTS ---- */



.client-section {

	padding: 50px 0;

}



.client-section .heading-2 h2 {

	line-height: 24px;

	margin-bottom: 0;

}







.search-hosting input.form-control {

	height: 50px;

	width: 100%;

	font-size: 20px;

}



.search-hosting .form-inline .form-group {

	width: 100%;

}



.search-hosting .form-inline {

	position: relative;

	overflow: hidden;

	padding: 40px 40px 20px 40px;

	background-color: rgba(255, 255, 255, 0.8)

}



.search-hosting input {

	border-radius: 0;

}



.search-hosting {

	background-color: #243141;

	background-size: cover;

	background-position: center center;

	position: relative;

}



.search-hosting .heading-2 h3 {

	color: #FFF;

	margin-bottom: 30px;

	font-size: 20px;

	font-weight: 300;

	text-transform: uppercase;

}



.search-hosting .heading-2 h3 span {

	font-weight: 600;

	color: #FFF;

	font-size: 24px;

}



.search-hosting .heading-2 h2 {

	color: #FFF;

	margin-bottom: 0;

	text-transform: capitalize;

}



.search-hosting .heading-2 {

	text-align: left;

}



.search-hosting .btn-custom {

	height: 50px;

	font-size: 20px;

}



.search-hosting button.btn-custom:hover {

	background-color: #FFF;

	border-color: #FFF;

	color: #242424;

}



.search-hosting .domain-search-meta {

	position: relative;

	overflow: hidden;

	padding-top: 10px;

	margin-bottom: 0;

}



.search-hosting .domain-search-meta li {

	display: inline;

	margin: 0 15px;

}



.search-hosting .domain-search-meta li {

	font-size: 16px;

	text-transform: capitalize;

}

.search-hosting .domain-search-meta li:first-child {

	margin-left:0;	

}





/* ----  SEARCH DOMAIN 2 ---- */



.search-hosting-2 .form-inline {

	padding: 0;

	background-color: transparent;

}



.search-hosting-2 .domain-search-meta li a {

	color: #FFF;

}



.search-hosting-2 .domain-search-meta li i {

	color: #FFF;

	font-size: 12px;

	margin-right: 5px;

}



.search-hosting-2 .heading-2 h3 {

	margin-bottom: 0;

}





/* ----  FAQ'S ACCORDION ---- */



.accordion {

	list-style: outside none none;

	margin: 0;

	padding: 0;

}



.accordion> li {

	padding: 10px 0;

}



.accordion> li:first-child {

	padding-top: 0;

}



.accordion-title {

	font-size: 18px;

	font-weight: 500;

	position: relative;

	background-color: #F5F5F5;

	margin: 0;

	padding: 15px;

}



.accordion-title a {

	display: block;

	color: #242424;

}



.accordion-title a i {

	margin-right: 10px;

}



.accordion-title a::before {

	background: rgba(0, 0, 0, 0) url("../images/plus.png") no-repeat scroll center center;

	content: "";

	display: block;

	height: 8px;

	margin-top: -4px;

	position: absolute;

	right: 10px;

	top: 50%;

	width: 8px;

}



.accordion li.open .accordion-title a::before {

	background: rgba(0, 0, 0, 0) url("../images/minus.png") no-repeat scroll center center;

}



.accordion-content {

	display: none;

	padding: 20px;

	border: 1px solid #288feb;

}



.open .accordion-title {

	background-color: #288feb;

}



.open .accordion-title a {

	color: #FFF;

}



.open .accordion-title a i {

	color: #FFF;

}



.accordion-content p {

	margin-bottom: 15px;

}



.accordion-content p:last-child {

	margin-bottom: 0;

}



.accordion.first-open li:first-child .accordion-content {

	display: block;

}





/* ----  FEATURES ---- */



#features .heading-2 {

	margin-bottom: 50px;

}



.feature-icon-box {

	position: relative;

	overflow: hidden;

	clear: both;

}



.feature-icon-box i {

	float: left;

	font-size: 40px;

	margin-right: 20px;

	color: #288feb;

	line-height: 40px;

}



.feature-icon-box p {

	font-size: 20px;

	font-weight: 500;

	font-family: "Alegreya Sans", sans-serif;

	line-height: 45px;

	margin-bottom: 20px;

}





/* ----  TEAM CSS ---- */



.team-grid {

	background: #fff none repeat scroll 0 0;

	color: #191919;

	margin-bottom: 30px;

	text-align: center;

	position: relative;

	overflow: hidden;

}



.team-content {

	background-color: rgba(0, 0, 0, 0.6);

	padding: 0 20px;

	width: 100%;

	position: absolute;

	bottom: -60px;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease- 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}



.team-content h5 {

	font-weight: 500;

	margin-bottom: 0;

	font-size: 20px;

	text-transform: capitalize;

	color: #FFF;

}



.team-grid:hover .team-content {

	bottom: 0;

}



.team-content span {

	color: #FFF;

	text-transform: uppercase;

	font-weight: 500;

}



.team-content .social2 {

	padding: 15px 0;

}



.team-content .social-icons {

	border-top: 1px solid #e8e8e9;

	padding: 6px 0;

}



.team-content .social2 .fa {

	color: #c5c5c5;

	font-size: 16px;

	margin-right: 20px;

}



.team-content .social2 li:last-child i {

	margin-right: 0;

}



.team-content .social-icons> li {

	display: inline;

	margin-right: 3px;

}



.team-content .social-icons a {

	color: #848484;

	font-size: 20px;

	line-height: 20px;

	transition: color 0.3s ease-in-out 0s;

	vertical-align: middle;

}



.team-content h5:hover {

	color: #288feb;

	cursor: pointer;

}



.team-content .social2 .fa:hover {

	color: #288feb;

	cursor: pointer;

}





/* ----  SERVICES CSS ---- */



#services .services-box {

	position: relative;

	padding: 15px;

}



#services .services-box .iconbox {

	position: relative;

}



#services .services-box .iconbox i {

	float: left;

	font-size: 30px;

	padding: 10px 20px 0 10px;

}



#services .services-box.right .iconbox i {

	color: #FFF;

	padding: 24px;

	float: right;

	font-size: 25px;

	margin-left: 20px;

	margin-right: 0;

}



#services .services-box.right .iconbox-meta {

	padding-left: 30px;

}



#services .services-box .iconbox .iconbox-meta h4 {

	text-transform: capitalize;

	margin: 0;

	color: #242424;

	font-size: 24px;

	margin-bottom: 10px;

}



#services .services-box .iconbox .iconbox-meta h4 a:hover {

	color: #288feb;

}



#services .services-box { border-right: 2px solid rgba(40, 143, 235, 0.4); }



#services .col-md-4:nth-child(3n+3) .services-box {

	border-right: none;

}



#services .col-md-4:nth-last-child(-n+3) .services-box {

	border-bottom: none;

}



#services .services-box .iconbox .iconbox-meta p {

	color: #999;

}



#services .services-box .iconbox .iconbox-meta {

	/*box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.1);*/

	padding: 10px;

}



#services .services-box p.services-detail {

	padding: 20px 10px;

	text-align: left;

}





/* ----   FUNFACT ---- */



.funfacts {

	background-attachment: fixed;

	background-image: url("../images/slider/bdeveloper.jpg");

	background-size: cover;

	background-position: center center;

	position: relative;

	width: 100%;

	z-index: 9;

	padding: 0;

	padding: 40px 0;

}



.funfacts::before {

	background: rgba(0, 0, 0, 0.6);

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}



.funfacts h3 {

	color: #FFF;

	margin: 0;

}



.funfacts .counter-box {

	padding-left: 20px;

}



.funfacts .counter-seprator {

	border: none;

	padding: 40px 20px;

}



.funfacts .fun-facts-icons {

	font-size: 45px;

	margin-bottom: 10px;

}



.funfacts .counter-box .counter-stats {

	font-size: 24px;

	font-weight: 400;

	margin: 0;

	color: #FFF;

}



.counter-seprator {

	border-right: 1px solid #d6d6d6;

	display: inline-block;

	float: left;

	width: 25%;

}



.counter-seprator .icon-container {

	float: left;

	background-color: rgba(255, 255, 255, 0.4);

	padding: 15px;

	margin-right: 10px;

}



.counter-seprator .icon-container img {

	width: 35px;

	color: #FFF;

}





/* ----   CALL TO ACTION 2 ---- */



.call-to-action-section {

	padding: 0;

}



.call-to-action-img-section-right {

	background-color: #243141;

	padding: 80px;

}



.call-to-action-img-section-right img {

	margin: 0 auto;

	display: block;

}



.call-to-action-detail-section {

	padding: 60px 80px;

}



.call-to-action-detail-section ul {

	margin-bottom: 30px;

	margin-top: 20px;

}



.call-to-action-detail-section ul li {

	font-size: 18px;

	padding: 5px 0;

}



.call-to-action-detail-section ul li i {

	margin-right: 5px;

	color: #288feb;

}





/* ---- HOSTING PLANS CSS ---- */



.hosting-plans {

	position: relative;

	overflow: hidden;

}



.hosting-plans ul {

	margin-bottom: 30px;

	margin-top: 20px;

}



.hosting-plans ul li {

	font-size: 18px;

	padding: 5px 0;

}



.hosting-plans ul li i {

	margin-right: 5px;

	color: #288feb;

}



.hosting-plans p {

	position: relative;

}



.hosting-plans .hosting-price {

	font-size: 50px;

	color: #288feb;

	position: absolute;

	right: 50px;

	bottom: 60px;

	font-weight: 600;

	line-height: 30px;

}



.hosting-plans .hosting-price span {

	color: #242424;

	text-transform: uppercase;

	font-size: 20px;

	font-weight: 500;

}



.hosting-plans .hosting-price small {

	color: #242424;

	font-size: 20px;

	text-transform: uppercase;

	font-weight: 500;

}





/* ---- TESTIMONIAL 2 CSS ---- */



.owl-testimonial-2 .single_testimonial {

	padding: 20px;

	background-color: #FFF;

	margin-left: 15px;

	margin-right: 15px;

	margin-bottom: 10px;

	box-shadow: 0 0 6px -3px rgba(0, 0, 0, 0.9);

}



.owl-testimonial-2 .single_testimonial:after, .owl-testimonial-2 .single_testimonial:before {

	background: #2a0845;

	/* fallback for old browsers */

	background: -webkit-linear-gradient(to left, #2a0845, #288feb);

	/* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to left, #2a0845, #288feb);

	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	content: "";

	height: 100%;

	left: 4%;

	position: absolute;

	top: 4%;

	width: 95%;

	z-index: -1;

	opacity: 0.5

}



.owl-testimonial-2 .single_testimonial h4 {

	margin-top: 0;

	font-weight: 500;

	font-size: 20px;

	text-transform: uppercase;

}



.owl-testimonial-2 .single_testimonial i {

	color: #ffc207;

	margin-bottom: 20px;

	margin-top: 5px;

}



.owl-testimonial-2 .single_testimonial img {

	border-radius: 50px;

	height: 90px;

	margin: auto;

	width: 90px;

	float: left;

	margin-right: 15px;

}



.owl-testimonial-2 .single_testimonial h3 {

	font-size: 20px;

	margin: 0;

	text-transform: capitalize;

}



.owl-testimonial-2 .single_testimonial .testimonial-meta-box .testimonial-meta p {

	margin-bottom: 0;

	line-height: 24px;

}



.owl-testimonial-2 .single_testimonial .textimonial-content {

	margin-bottom: 10px;

	position: relative;

	overflow: hidden;

}



.owl-testimonial-2 .single_testimonial .testimonial-meta-box {

	position: relative;

	overflow: hidden;

}



.owl-testimonial-2 .single_testimonial .testimonial-meta-box::after {

	color: #202c45;

	content: "";

	font-family: fontawesome;

	font-size: 48px;

	opacity: 0.2;

	position: absolute;

	right: 10px;

	top: -10px;

}



.owl-testimonial-style-1 .single_testimonial:after {

	border-bottom: 50px solid #eee;

	border-right: 50px solid #f4f7fa;

	box-shadow: -8px 3px 9px -2px rgba(0, 0, 0, 0.1);

	content: "";

	height: 0;

	right: 15px;

	position: absolute;

	top: 0;

	width: 0;

	z-index: 9;

	left: auto;

	opacity: 1;

}



.owl-testimonial-style-1 .single_testimonial:before {

	content: "";

	background: none;

	opacity: 1;

}



.owl-testimonial-style-1 .single_testimonial {

	box-shadow: 0px 6px 6px -7px rgba(0, 0, 0, 0.9);

}





/* ---- PRICING TABLE 5 CSS ---- */



.pricing-section {

	padding-bottom: 50px;

}



.pricing-section .pricing-table-small {

	background-color: #fff;

	box-shadow: 0 5px 15px 0 #eff1f8;

	width: 100%;

	margin-bottom: 30px;

	padding: 30px 0;

}



.pricing-section .pricing-table-small-title {

	text-align: center;

}



.pricing-section .pricing-table-small-title p {

	text-transform: capitalize;

}



.pricing-section .pricing-table-small-content {

	width: 100%;

}



.pricing-section .pricing-table-small-button i {

	margin-left: 10px;

}



.pricing-table-small-button a {

	margin-right: 0;

}



.pricing-table-small-title h1 {

	margin: 0;

	line-height: 40px;

}



.pricing-table-small-content h1.pts-price {

	line-height: 40px;

	margin: 0;

	padding: 20px 0;

	font-size: 50px;

	text-transform: uppercase;

	font-weight: 600;

	color: #FFF;

	background-color: rgba(40, 143, 235, 0.8);

	text-align: center;

}



.pricing-table-small-content h1 small {

	font-size: 16px;

	text-transform: capitalize;

	color: #FFF;

}



.pricing-section .features_left {

	position: relative;

	overflow: hidden;

	padding: 20px 0;

	padding-left: 80px;

}



.pricing-section .features_left ul {

	position: relative;

}



.pricing-section .features_left li.cut {

	color: #999;

	text-decoration: line-through;

}



.pricing-section .features_left li {

	font-size: 18px;

	padding: 5px 0;

}



.pricing-section .features_left li i.fa-check {

	color: #007f00;

	font-size: 14px;

	margin-right: 10px;

}



.pricing-section .features_left li i.fa-times {

	color: #b20000;

	font-size: 14px;

	margin-right: 10px;

}



.pricing-table-small-button {

	text-align: center;

}





/* ----  CATEGORY TABS SECTION CSS ---- */



.cat-tab-2 .panel {

	border: none;

	margin-bottom: 40px;

}



.cat-tab-2 .panel-tabs> li {

	width: 19.6667%;

	float: left;

}



.cat-tab-2 .heading-2 {

	padding-top: 20px;

}



.cat-tab-2 .panel-primary> .panel-heading {

	background-color: transparent;

	border: medium none;

	border-radius: 0;

	box-shadow: none;

	padding: 0;

}



.cat-tab-2 .panel-body {

	padding: 0;

}



.cat-tab-2 .panel-tabs> li a i {

	color: #242424;

	font-size: 35px;

	font-weight: normal;

}



.cat-tab-2 .panel-tabs> li> a {

	color: #FFF;

	text-transform: uppercase;

	font-size: 15px;

	text-align: center;

	font-weight: 600;

	border: 2px solid #288feb;

	background-color: #288feb;

}



.cat-tab-2 .panel-tabs> li> a:hover {

	background-color: transparent;

	color: #288feb;

}



.cat-tab-2 .panel-tabs> li {

	border: none;

}



.cat-tab-2 .panel-tabs> li.active a {

	color: #288feb;

	position: relative;

	background: #FFF;

	border: 2px solid #288feb;

	font-size: 15px;

	text-align: center;

	font-weight: 600;

	text-transform: uppercase;

}



.cat-tab-2 .panel-tabs> li.active> a i, .cat-tab-2 .panel-tabs> li.active> a:hover i, .cat-tab-2 .panel-tabs> li.active> a:focus i {

	color: #288feb;

}



.cat-tabs .panel-body {

	padding-top: 80px;

	padding-bottom: 0;

}



.cat-tab-2 .panel-primary .panel-tabs> li.active a::before, .cat-tab-2 .panel-primary .panel-tabs> li.active a::after {

	top: 100%;

	left: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}



.cat-tab-2 .panel-primary .panel-tabs> li.active a::after {

	border-color: rgba(255, 255, 255, 0);

	border-top-color: #FFF;

	border-width: 30px;

	margin-left: -30px;

}



.cat-tab-2 .panel-primary .panel-tabs> li.active a:before {

	border-color: rgba(107, 194, 66, 0);

	border-top-color: #288feb;

	border-width: 33px;

	margin-left: -33px;

}





/* ----  APP SECTION CSS ---- */



.app-section {

	position: relative;

	padding-bottom: 0;

	text-align: center;

	background-attachment: scroll;

	background-image: url("../images/custom-bg.png");

	background-size: cover;

	background-position: center center;

}



.app-section .apps-buttons {

	position: relative;

	margin: 50px 0;

}



.app-section .apps-buttons a {

	font-size: 16px;

}



.app-section .apps-buttons i {

	margin-right: 5px;

	font-size: 26px;

}



.app-section h2 {

	margin: 0;

}



.app-section h4 {

	font-size: 20px;

}



.app-section h4 span {

	font-weight: 600;

	color: #288feb;

	text-transform: uppercase

}





/* ----  SERVICES 3 CSS ---- */



.services-3 {

	position: relative;

}



.services-grid-3 {

	padding: 15px;

	transition: all 0.3s ease 0s;

	o-transition: all 0.3s ease 0s;

	-ms-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

	background-color: #FFF;

	margin-bottom: 30px;

	box-shadow: 0 6px 6px -7px rgba(0, 0, 0, 0.7);

}



.services-grid-3 i {

	background-color: #fff;

	bottom: 0;

	color: #999;

	float: left;

	font-size: 40px;

	margin-right: 10px;

	padding: 20px 15px;

}



.services-grid-3:hover h4 {

	color: #288feb;

}



.services-grid-3 h4 {

	color: #242424;

	font-size: 24px;

	font-weight: 500;

	margin-top: 0;

	margin-bottom: 10px;

	text-transform: capitalize;

}



.services-grid-3 p {

	color: #242424;

	margin-bottom: 0;

}



.services-grid-3 img {

	float: left;

	margin-right: 10px;

	margin-top: 12px;

	position: relative;

	width: 50px;

}



.domain-search-avail {

	padding: 20px 0;

	background-color: #243141;

	position: relative;

	overflow: hidden;

	margin-bottom: 60px;

}



.domain-search-detail h2 {

	margin-bottom: 20px;

	text-transform: capitalize;

}



.status-icon {

	padding: 15px;

	background-color: #5cb85c;

	float: left;

	margin-right: 10px;

}



.status-icon i {

	color: #FFF;

	font-size: 20px;

}



.domain-status-text h3 {

	margin: 0;

	letter-spacing: 1px;

	color: #FFF;

	line-height: 26px;

	font-weight: 500;

}



.domain-status-text p {

	color: #FFF;

	margin-bottom: 0;

}



.domain-search-avail.child h3 span {

	margin: 0;

	color: #FFF;

	line-height: 26px;

	font-family: "Open Sans", sans-serif;

	font-size: 14px;

	color: #242424;

}



.domain-price {

	color: #fff;

	font-size: 24px;

	font-weight: 600;

}



.domain-renewal-price {

	color: #FFF;

	line-height: 20px;

	margin-bottom: 0;

}



.domain-search-avail .btn-white {

	margin-top: 5px;

	float: right;

}



.domain-search-avail .btn-custom {

	margin-top: 5px;

	float: right;

	margin-right: 0;

}



.domain-search-avail .btn.btn-custom:hover {

	background-color: #FFF;



	color: #;

}



.domain-search-avail.child {

	background-color: #F9F9F9;

	margin-bottom: 0;

}



.domain-search-avail.child:nth-child(even) {

	background-color: #F1F1F1;

}



.domain-search-avail.child h3 {

	color: #242424;

	display: inline;

	font-weight: 500;

}



.domain-search-avail.child i {

	font-size: 20px;

	margin-right: 10px;

	float: left;

	color: #5cb85c;

	line-height: 45px;

}



.domain-search-avail.child p {

	color: #242424;

	display: inline;

}



.domain-search-avail.child .domain-price {

	color: #242424;

}



.child .domain-status-text {

	line-height: 50px;

}





/* ----  BLOG CSS ---- */



.blog-posts {

	padding-bottom: 50px;

}



.blog-posts-section {

	padding-bottom: 40px;

}



.blog-post {

	color: #162532;

	position: relative;

	overflow: hidden;

	background: #fff;

	margin-bottom: 30px;

	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);

}



.blog-detail {

	padding: 20px;

	padding-bottom: 0;

}



.blog-post .post-title a {

	color: inherit;

	text-decoration: none;

	text-transform: capitalize;

}



.post-info a {

	color: #999;

	font-weight: 500;

	font-size: 16px;

}



.blog-post .btn {

	margin: 20px;

	margin-right: 0;

}



.post-img {

	overflow: hidden;

}



.post-img img {

	width: 100%;

	height: auto;

	-moz-transition: all 2s;

	-o-transition: all 2s;

	-webkit-transition: all 2s;

	transition: all 2s;

}



.post-title {

	font-size: 24px;

	font-weight: 500;

	margin: 0;

}



.post-title a:hover {

	color: #288feb;

}



.blog-meta {

	position: relative;

	float: left;

	padding: 10px 20px;

	width: 100%;

}



.blog-meta a {

	font-size: 16px;

}



.blog-meta .pull-left a:hover {

	color: #288feb;

}



.blog-meta i {

	font-size: 16px;

	margin-right: 10px;

}



.blog-meta span.pull-left {

	font-size: 16px;

}



.single-listing-page-meta-box {

	position: relative;

	overflow: hidden;

	margin-bottom: 50px;

}



.single-listing-page-meta-box h2 {

	font-size: 20px;

	margin: 0;

	text-transform: capitalize;

}



.blog-posts .ratings i.color {

	color: #3C92CA;

}



.blog-posts .ratings i {

	color: #444;

	font-size: 15px;

	line-height: 20px;

	margin-right: 5px;

}



.single-listing-page-meta {

	background-color: #288feb;

	color: #fff;

	padding: 30px;

	margin-bottom: 15PX;

}



.single-listing-page-meta p {

	color: #FFF;

	margin-bottom: 0;

}



.single-listing-page-meta i {

	color: #FFF;

	margin-right: 5px;

}



.single-listing-page-meta span {

	margin-right: 20px;

}



.single-listing-page-desc {

	position: relative;

	overflow: hidden;

}



.single-listing-page-desc p {

	position: relative;

	margin-bottom: 20px;

}



.single-listing-page-desc h4 {

	font-weight: 600;

	margin-top: 0;

	padding: 20px 0;

	position: relative;

	text-transform: capitalize;

	font-size: 24px;

}



.article-img-left {

	float: left;

	height: 50%;

	margin-bottom: 20px;

	margin-right: 30px;

	margin-top: 20px;

	overflow: hidden;

	position: relative;

	width: 50%;

}



.article-img-right {

	float: right;

	height: 50%;

	margin-bottom: 20px;

	margin-left: 30px;

	margin-top: 20px;

	overflow: hidden;

	position: relative;

	width: 50%;

}



blockquote {

	border-left: 0 none;

	color: #FFF;

	font-size: 16px;

	margin: 30px 0;

	padding: 50px 40px;

	position: relative;

	text-transform: capitalize;

	background-color: #242424;

	letter-spacing: 2px;

	text-align: center;

	line-height: 30px;

}



blockquote::before {

	color: #FFF;

	content: "";

	display: block;

	font-family: "FontAwesome";

	font-size: 34px;

	left: 10px;

	position: absolute;

	top: 15px;

}



.tag-cloud-post {

	border-top: 1px solid #999;

	padding-top: 20px;

}



.tag-cloud-post i {

	margin-right: 20px;

}



.tag-cloud-post a {

	color: #444;

	margin-right: 10px;

}



.search .stylish-input-group .form-control {

	border-color: #ccc;

	border-right: 0 none #ccc;

	box-shadow: 0 0 0;

	height: 50px;

	background-color: #FFF;

}



.search .stylish-input-group .input-group-addon {

	background: white none repeat scroll 0 0;

	border-left: 1px solid #ccc;

	border-radius: 0;

}



.search .stylish-input-group button {

	background: transparent none repeat scroll 0 0;

	border: 0 none;

}



.widget .tag_cloud a {

	background: #ffffff none repeat scroll 0 0;

	border: 1px solid #e2e2e2;

	color: #242424;

	border-radius: 4px;

	display: inline-block;

	float: left;

	font-size: 14px;

	font-weight: 500;

	line-height: 30px;

	margin: 0 10px 8px 0;

	padding: 0 20px;

	transition: all 0.3s ease 0s;

}



.widget .tag_cloud a:hover {

	color: #288feb;

	border-color: #288feb;

}



.blog-posts .comment-list {

	list-style: outside none none;

	margin: 0;

	padding: 0;

}



.blog-postsl .comment li {

	border-right: 2px solid #000;

	padding-right: 10px;

}



.blog-posts .comment li:last-child {

	border-right: 0 none;

}



.blog-posts .comment-info {

	border-bottom: 1px solid #ddd;

	display: block;

	margin: 30px 0;

	overflow: hidden;

	padding-left:15px;

}



.blog-posts .comment-info p {

	margin-bottom: 20px;

}



.blog-posts .comment-info img {

	max-width: 90px;

}



.blog-posts .comment-info .author-desc {

	margin-left: 115px;

}



.blog-posts .comment-info .author-title {

	color: #323232;

	line-height: 16px;

	margin-bottom: 22px;

}



.blog-posts .author-title strong {

	color: #323232;

	font-size: 20px;

	text-transform: capitalize;

}



.blog-posts .author-title .list-inline li {

	border-right: 1px solid #999;

	padding-right: 10px;

}



.blog-posts .author-title .list-inline li:last-child {

	border: 0;

	padding-right: 0;

}



.blog-posts .author-title .list-inline li a {

	font-size: 16px;

	color: #288feb;

	font-weight: 600;

}



.blog-posts .comment-date {

	border-left: 1px solid #777;

	color: #777;

	font-size: 12px;

	margin-left: 17px;

	padding-left: 17px;

}



.blog-posts .comment-list .children {

	list-style: outside none none;

	padding-left: 67px;

}



.blog-posts .comment-info img {

	max-width: 90px;

}



.blog-posts .page-numbers {

	border: 1px solid #eee;

	border-radius: 2px;

	display: inline-block;

	font-weight: 600;

	line-height: 1;

	margin: 0 2px 0 0;

	padding: 5px 10px;

	text-decoration: none;

}



.blog-posts .page-numbers.current, a.page-numbers:hover {

	background: #f9f9f9 none repeat scroll 0 0;

}



.blog-posts .navigation li a, .blog-posts .navigation li a:hover, .blog-posts .navigation li.active a, .blog-posts .navigation li.disabled {

	color: #fff;

	text-decoration: none;

}



.blog-posts .navigation li {

	display: inline;

}



.blog-posts .navigation li a, .blog-detial .navigation li a:hover, .blog-detial .navigation li.active a, .blog-detial .navigation li.disabled {

	background-color: #6fb7e9;

	border-radius: 3px;

	cursor: pointer;

	padding: 0.75rem;

}



.blog-posts .navigation li a:hover, .blog-detial .navigation li.active a {

	background-color: #3c8dc5;

}



.blog-posts .feedback {

	margin-bottom: 30px

}



.feedback label {

	color: #242424;

	display: inline-block;

	font-size: 20px;

	font-weight: 600;

	margin-bottom: 10px;

	max-width: 100%;

	text-transform: capitalize;

}



.feedback span.required {

	color: #f00;

	font-size: 18px;

	line-height: 10px;

}



.single-listing-page-meta-box h4, .feedback h4, .reviews h4 {

	margin-bottom: 0px;

	margin-top: 0;

	font-weight: 600;

	padding: 20px 0;

	text-transform: capitalize;

	font-size: 24px;

}



.blog-posts iframe {

	height: 400px;

	width: 100%;

	border-bottom: 5px solid #3C92CA;

}



.widget {

	background-color: #FFF;

	margin-bottom: 30px;

	overflow: hidden;

	padding: 20px 30px;

	position: relative;

	box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.10);

}



.widget h4 {

	font-weight: 600;

	margin-top: 0;

	font-size: 20px;

	padding-bottom: 20px;

	position: relative;

	text-transform: capitalize;

}



.widget .single-pp-wrapper:last-child {

	margin-bottom: 0;

	border: none;

}



.single-pp-wrapper {

	border-bottom: 1px solid #f5f5f5;

	margin-bottom: 20px;

	overflow: hidden;

	padding-bottom: 20px;

}



.popular-post-img, .popular-post-img img {

	float: left;

	width: 75px;

	height: 75px;

}



.popular-post-content {

	float: left;

	padding-left: 10px;

	width: 70%;

}



.popular-post-content h5 {

	color: #242424;

	font-size: 16px;

	font-weight: 600;

	margin: 0;

	text-transform: capitalize;

}



.popular-post-content h5 a {

	color: #242424;

	transition: all 0.3s ease-in 0s;

}



.popular-post-content h5 a:hover {

	color: #288feb;

}



.popular-post-content p {

	color: #636363;

	font-size: 12px;

	line-height: normal;

	margin: 10px 0 0;

}



.widget .categories-module {

	background-color: #FFF;

}



.widget .categories-module li {

	border-bottom: 1px solid #f1f1f1;

	display: block;

	padding-bottom: 13px;

	padding-top: 13px;

}



.widget .categories-module li:first-child {

	padding-top: 0;

}



.widget .categories-module li:last-child {

	border-bottom: 0;

}



.widget .categories-module li a {

	color: #242424;

	font-size: 18px;

	text-transform: capitalize;

}



.widget .categories-module li a:hover {

	color: #288feb;

}



#single-listing-page .categories-module span {

	color: #444;

	float: right;

}



#single-listing-page .categories-module span.closed {

	color: #3C92CA;

}





/* ---- SERVICES SIDEBAR ---- */



.services-detail {

	position: relative;

	overflow: hidden;

}



.services-detail p {

	margin: 20px 0;

}



.services-detail h2 {

	font-size: 34px;

	margin-top: 0;

	text-transform: capitalize;

}



ul.desc-points {

	padding-left: 30px;

	margin-bottom: 30px;

}



ul.desc-points li {

	font-family: "Open Sans", sans-serif;

	line-height: 30px;

}



ul.desc-points li i {

	color: #288feb;

	margin-right: 15px;

}



ul.side-bar-list {

	margin: 0 0 30px;

	padding: 0;

}



ul.side-bar-list li:first-child {

	margin-top: 0;

}



ul.side-bar-list li {

	list-style: outside none none;

}



ul.side-bar-list li a {

	background: #f7f7f7 none repeat scroll 0 0;

	color: #242424;

	font-size: 20px;

	display: block;

	padding: 16px 25px;

	position: relative;

	text-decoration: none;

	text-transform: capitalize;

	transition: all 0.2s ease-in-out 0s;

	o-transition: all 0.2s ease-in-out 0s;

	-ms-transition: all 0.2s ease-in-out 0s;

	-moz-transition: all 0.2s ease-in-out 0s;

	-webkit-transition: all 0.2s ease-in-out 0s;

}



ul.side-bar-list li a::after {

	color: #222222;

	content: "\f105 ";

	font-family: "FontAwesome";

	font-size: 12px;

	line-height: 50px;

	position: absolute;

	right: 25px;

	top: 0;

	transition: all 0.2s ease-in-out 0s;

	o-transition: all 0.2s ease-in-out 0s;

	-ms-transition: all 0.2s ease-in-out 0s;

	-moz-transition: all 0.2s ease-in-out 0s;

	-webkit-transition: all 0.2s ease-in-out 0s;

}



ul.side-bar-list li a:hover, ul.side-bar-list li a.active {

	background: #288feb none repeat scroll 0 0;

	color: #ffffff;

}



ul.side-bar-list li a:hover::after, ul.side-bar-list li a.active::after {

	color: #ffffff;

}





/* ---- CASESTUDIES DETAIL ---- */



.portfolio-meta li {

	margin: 15px 0;

}



.portfolio-meta li span {

	color: #242424;

	float: left;

	font-size: 20px;

	text-transform: uppercase;

	width: 180px;

}



.portfolio-meta li {

	color: #666;

	margin: 15px 0;

}



.portfolio-meta p {

	margin: 0;

}



.services-detail .owl-theme .owl-controls .owl-buttons div.owl-prev {

	background-color: rgba(0, 0, 0, 0.5);

	color: #ffffff;

	font-size: 18px;

	height: 80px;

	left: 0;

	line-height: 80px;

	margin: 0;

	opacity: 0;

	position: absolute;

	text-align: center;

	top: 35%;

	width: 20px;

	z-index: 997;

}



.services-detail .owl-theme .owl-controls .owl-buttons div.owl-next {

	background-color: rgba(0, 0, 0, 0.5);

	color: #ffffff;

	font-size: 18px;

	height: 80px;

	line-height: 80px;

	margin: 0;

	opacity: 0;

	position: absolute;

	right: 0;

	text-align: center;

	top: 35%;

	width: 20px;

	z-index: 997;

}



.services-detail .owl-theme .owl-controls {

	margin-top: 0;

}



.services-detail .owl-theme .owl-controls .owl-buttons div.owl-prev, .services-detail .owl-theme .owl-controls .owl-buttons div.owl-next {

	opacity: 0;

	border-radius: 0;

	padding: 0;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease- 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}



.services-detail .owl-theme .owl-controls .owl-buttons div.owl-prev:hover, .services-detail .owl-theme .owl-controls .owl-buttons div.owl-next:hover {

	width: 30px;

}



.services-detail:hover .owl-prev, #post-slider:hover .owl-prev, .services-detail:hover .owl-next, #post-slider:hover .owl-next {

	opacity: 1 !important;

}





/* ---- CALL TO ACTION 1 ---- */



.call-to-action-1 h3 {

	color: #FFF;

	margin: 0;

	font-size: 40px;

	text-transform: capitalize;

}



.call-to-action-1 i.icon-trophy {

	color: #fff;

	float: left;

	font-size: 50px;

	line-height: 80px;

	margin-right: 20px;

}



.call-to-action-1 p {

	color: #FFF;

}



.call-to-action-1 .btn {

	margin-top: 20px;

	font-weight: normal;

	text-transform: uppercase;

}



.call-to-action-1 {

	position: relative;

	overflow: hidden;

}



.call-to-action-1 {

	padding: 40px 0;

	background: url("../images/call-to-action.png");

	background-position: bottom 200px right 200x;

	background-repeat: no-repeat;

	background-size: cover;

}





/* ----  CONTACT US CSS ---- */



.contact-us {

	position: relative;

	overflow: hidden;

}



input.form-control {

	height: 45px;

}



.contact-us .form-group label {

	font-size: 16px;

}



.contact-us .icon-box {

	background-color: #288feb;

	float: left;

	margin-right: 10px;

	padding: 15px;

}



.contact-us .icon-box i {

	font-size: 24px;

	color: #FFF;

}



.contact-us .contact-detail-box {

	overflow: hidden;

	position: relative;

	margin-bottom: 30px;

}



.content-area h4 {

	margin: 0;

	font-size: 22px;

}



.content-area p {

	margin: 0;

}



.request-a-call {

	padding-bottom: 0;

}





/* ----  SHOP CSS ---- */



.shop-posts {

	padding-bottom: 50px;

}



.shop-grid {

	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);

	margin-bottom: 30px;

	position: relative;

	overflow: hidden;

}



.shop-grid:hover {

	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

}



.shop-grid:hover .shop-meta {

	right: 10px;

}



.shop-detail {

	border-bottom: 1px solid #f1f1f1;

	padding: 20px;

	background-color: #FFF;

}



.shop-title {

	font-size: 24px;

	font-weight: 500;

	margin-bottom: 15px;

	margin: 5px 0;

}



.shop-title a:hover {

	color: #288feb;

}



.rating .star i {

	color: #ffc627;

	font-size: 16px;

}



.price {

	font-size: 24px;

	color: #888;

	text-transform: capitalize;

}



.price ins {

	text-decoration: none;

	color: #242424;

	margin-left: 10px;

	font-weight: 600;

}



.shop-img {

	position: relative;

}



.shop-meta {

	background-color: transparent;

	position: relative;

	overflow: hidden;

}



.shop-meta {

	position: absolute;

	overflow: hidden;

	bottom: 0;

	right: -50px;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease- 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}



.shop-meta a {

	display: block;

	margin-bottom: 10px;

	position: relative;

	overflow: hidden;

}



.shop-meta i {

	color: #FFF;

	padding: 12px;

	font-size: 20px;

	background-color: #288feb;

	display: inline-block;

	float: left;

	line-height: 20px;

	border: 1px solid #288feb;

	line-height: 19px;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease- 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}



.shop-meta i:hover {

	background-color: #FFF;

	border: 1px solid #288feb;

	color: #288feb;

}



.shop-meta i.fa-heart {

	font-size: 22px;

}



.shop-meta .add-to-cart {

	border: 1px solid #F1F1F1;

	padding: 10px 20px;

	color: #242424;

	float: left;

	font-size: 16px;

	text-transform: capitalize;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease- 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}



.shop-meta .add-to-cart:hover {

	border: 1px solid #288feb;

	color: #288feb;

}



.product-tilte h3 {

	color: #191919;

	font-size: 34px;

	text-transform: capitalize;

	margin: 0;

}



.product-detial {

	margin-top: 35px;

}



.product-box {

	border: 1px solid #eee;

	display: block;

	background-color: #F5f5f5;

	overflow: hidden;

	padding: 30px;

	position: relative;

}



.product-detial-info .caption .card-price-block .price-title {

	display: block;

	font-size: 16px;

}



.product-detial-info .caption .card-price-block .product-price {

	font-size: 30px;

}



.product-detial-info .caption .card-price-block .product-price-old {

	font-size: 20px;

}



.product-availability::before {

	color: #428d00;

	content: "\f00c ";

	display: inline-block;

	font-family: FontAwesome;

	font-size: 20px;

	left: 0;

	line-height: 1.1;

	padding-right: 5px;

	position: relative;

	top: 0;

}



.product-availability {

	color: #428d00;

	display: block;

	margin-top: 10px;

	position: relative;

	text-transform: uppercase;

	font-size: 20px;

}



.rating .add-review {

	display: inline-block;

	margin-left: 8px;

	vertical-align: middle;

}



.rating .add-review a, .rating .add-review span {

	color: #888888;

	font-size: 11px;

}



.rating .add-review a, .rating .add-review span {

	color: #888888;

	font-size: 11px;

}



.rating .add-review a::before {

	content: "|";

	display: inline-block;

	margin: 0 7px;

	position: relative;

	top: -1px;

	vertical-align: middle;

}



.rating .add-review a, .rating .add-review span {

	color: #888888;

	font-size: 16px;

}



.rating .add-review a:hover, .rating .add-review span:hover {

	color: #288feb;

}



.product-detial-info .product-description {

	margin-top: 20px;

}



.product-detial-info .caption {

	margin: 0;

}



.product-detial-info .product-description h3 {

	color: #191919;

	font-size: 24px;

	font-weight: 600;

	text-transform: capitalize;

}



.product-detial-info ul li span {

	color: #191919;

}



product-quantity {

	margin-top: 15px;

}



.product-quantity> span {

	font-size: 18px;

}



.product-quantity> input {

	border: 1px solid #ccc;

	font-size: 18px;

	height: 40px;

	margin-right: 10px;

	padding: 5px 10px;

	width: 60px;

	color: #777;

}



.toch-button {

	background: #f1f1f1 none repeat scroll 0 0;

	border: 0 none;

	border-radius: 0;

	color: #999;

	font-size: 14px;

	font-weight: 600;

	height: 40px;

	line-height: 40px;

	margin: -5px 5px 0 0;

	outline: 0 none;

	padding: 0 36px 0 36px;

	text-shadow: none;

	text-transform: uppercase;

	transition: all 0.3s ease 0s;

	width: auto;

}



.toch-button:hover, .toch-button.toch-add-cart, .toch-menu ul li a:hover, .toch-menu ul li.active a:hover {

	background: #ffc627 none repeat scroll 0 0;

	color: #fff;

}



.toch-button.toch-add-cart:hover {

	background: #e9af05 none repeat scroll 0 0;

}



.b-socials {

	margin-top: 38px;

}



.b-socials ul li {

	float: left;

}



.custom-select {

	margin-bottom: 20px;

	position: relative;

	overflow: hidden;

}



.custom-select ul li select {

	display: block;

	height: 36px;

	width: 100% !important;

}



.custom-select ul li .customSelect {

	display: block !important;

	width: 100% !important;

}



.custom-select ul li .mandatory {

	color: red;

	font-size: 14px;

}



.custom-select ul li label {

	text-transform: capitalize;

}



.social-share .b-socials.full-socials ul li a {

	color: #888888;

	display: block;

	margin-right: 18px;

}



.b-socials ul li a i {

	font-size: 13px;

}



.b-socials.full-socials {

	margin-top: 40px;

}



.b-socials.full-socials li a {

	border: 1px solid #ebebeb;

	display: inline-block;

	font-size: 16px;

	line-height: 1.1;

	margin-bottom: 5px;

	margin-right: 4px;

	padding: 8px;

	color: #777;

	vertical-align: middle;

}



.b-socials.full-socials li a i {

	font-size: 15px;

	margin-right: 3px;

	vertical-align: middle;

}



.b-socials.full-socials li a i.fa-twitter {

	color: #00aaf0;

}



.b-socials.full-socials li a i.fa-facebook {

	color: #435f9f;

}



.b-socials.full-socials li a i.fa-google-plus {

	color: #e04b34;

}



.b-socials.full-socials li a i.fa-pinterest {

	color: #ce1f2e;

}



.product-detial .nav-tabs> li {

	float: left;

	margin-bottom: -1px;

}



.product-detial .nav-tabs> li.active a {

	background-color: #fff;

	border-left: none;

	border-right: none;

}



.product-tabs {

	background: #eee none repeat scroll 0 0;

	border: 1px solid #ddd;

	margin-top: 25px;

}



.product-tabs ul li a {

	color: #242424;

	font-size: 20px;

	font-weight: 600;

	margin: 0;

	padding: 24px;

}



.product-tabs ul li a:hover {

	background: #fff;

}



.product-tabs ul li.active {

	border-left: 1px solid #ddd;

	border-radius: 0;

	border-right: 1px solid #ddd;

}



.product-tabs ul li.active:first-child {

	border-left: medium none;

}



.product-detial .tab-pane {

	background: #f5f5f5 none repeat scroll 0 0;

}



.table-responsive table {

	margin-bottom: 0;

}



.Reviews ul {

	margin-top: 20px;

}



.Reviews .reviews-shop-content ul, .Reviews .reviews-shop-content ul li {

	display: inline-block;

	margin: 0;

	padding: 0;

}



.Reviews ul li {

	background-color: #f0f0f0;

	border-radius: 3px;

	margin-bottom: 30px;

	padding: 30px;

}



.reviews-txt p {

	color: #777;

	font-size: 13px;

	margin-top: 15px;

}



.reviews-txt a {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	color: #333;

	font-size: 13px;

	margin: 0;

	padding: 0;

}



.reviews-txt a:hover {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	color: #288feb;

	margin: 0;

	padding: 0;

}



.product-tabs .comment ul.list-inline li a {

	color: #288feb;

	font-size: 16px;

	font-weight: 0;

	margin: 0;

	padding: 0;

}



.product-tabs .commentform h3 {

	color: #191919;

	font-size: 20px;

	font-weight: 700;

	margin-bottom: 30px;

	text-transform: capitalize;

}



.product-tabs h3 {

	color: #191919;

	font-size: 20px;

	font-weight: 700;

	margin-bottom: 30px;

	text-transform: capitalize;

}



.shop-posts .comment-info img {

	max-width: 90px;

	height: 90px;

}



.shop-posts .comment-info .author-desc {

	margin-left: 115px;

}



.shop-posts .author-title strong {

	color: #323232;

	font-size: 20px;

	text-transform: capitalize;

}



.shop-posts .comment-list .children {

	list-style: outside none none;

	padding-left: 67px;

}



.shop-posts .comment-info {

	border-bottom: 1px solid #ddd;

	display: block;

	margin: 30px 0;

	overflow: hidden;

}



.shop-posts .comment-info p {

	margin-bottom: 40px;

}



.shop-posts .author-title .list-inline li {

	border-right: 1px solid #999;

	padding-right: 10px;

}



.shop-posts .author-title .list-inline li a {

	color: #288feb;

	font-size: 16px;

}



.shop-posts .author-title .list-inline li:last-child {

	border: 0 none;

	padding-right: 0;

}



.product-detial-info ul li {

	font-size: 18px;

}



.product-detial-info ul li span {

	font-size: 20px;

}



.product-price-old {

	color: #888888;

	font-size: 14px;

	font-weight: normal;

	padding-left: 5px;

	text-decoration: line-through;

}



.product-thumb .item a img {

	background: #f1f1f1 none repeat scroll 0 0;

	border: 1px solid #f1f1f1;

	border-radius: 0;

	display: block;

	margin: 20px 0 0;

	padding: 0;

	transition: all 0.3s ease 0s;

	width: 100%;

}



.product-thumb .item a img:hover {

	border-color: #337ab7;

}



.shop-detail-tab .tab-pane {

	background-color: #FFF;

	padding: 20px;

}





/* ----  FOOTER CSS ---- */



.footer {

	padding: 40px 0 15px 0;

	position: relative;

}



footer .footer_block {

	position: relative;

	overflow: hidden;

}



footer .footer_block .f_logo {

	margin-bottom: 10px;

	position: relative;

	overflow: hidden;

	width: 100%;

	display: block;

}



footer .footer_block p {

	position: relative;

	color: #FFF;

}



footer .footer_block a.read-more-footer {

	position: relative;

	color: #FFF;

	float: right;

	font-size: 16px;

}



footer .footer_block a.read-more-footer i {

	margin-left: 10px;

}



footer .social-bar {

	border-top: 1px solid #FFF;

	width: 100%;

	padding-top: 20px;

}



footer .social-bar a {

	background-color: rgba(255, 255, 255, 0.5);

	padding: 10px;

}



footer .social-bar a:hover {

	background-color: #FFF;

}



footer ul.footer-links li {

	padding: 5px 0;

}



footer ul.footer-links li:first-child {

	padding-top: 0;

}



footer ul.footer-links li a {

	color: #FFF;

	font-size: 16px;

}



footer ul.footer-links li i {

	color: #FFF;

	margin-right: 5px;

}



footer ul.footer-links {

	float: left;

}



.footer_block h4 {

	color: #FFF;

	font-size: 20px;

	font-weight: 600;

	margin-bottom: 30px;

	margin-top: 0;

	position: relative;

	text-transform: uppercase;

}



.footer_block .footer-links:nth-child(odd) {

	border-left: 1px solid #FFF;

	width: 50%;

}



footer .personal-info li {

	color: #FFF;

	display: inline-block;

	font-size: 16px;

	line-height: 24px;

	padding: 10px 0;

	width: 100%;

}



footer ul.personal-info li:first-child {

	padding-top: 0;

}



footer .footer_block .personal-info li i {

	color: #FFF;

	float: left;

	font-size: 18px;

	margin-right: 10px;

	margin-top: 5px;

}



.footer-bottom {

	padding: 4px 0;

}



.footer-bottom p {

	margin-bottom: 0;

	line-height: 40px;

}



.footer-bottom img {

	width: 300px;

}



.footer-bottom p a {

	font-weight: 600;

	color: #288feb;

	text-transform: uppercase;

}



.footer-bottom .social-bar {

	margin-top: 0;

}



.footer-bottom .social-bar a {

	color: #288feb;

}



.footer-2 {

	background-color: #f4f7fa;

	padding: 70px 0 40px 0;

}



.footer-2 .footer_block p {

	color: #242424;

}



.footer-2 .footer_block h4 {

	color: #242424;

}



.footer-2 .footer_block a.read-more-footer {

	color: #242424;

}



.footer-2 ul.footer-links li a {

	color: #242424;

}



.footer-2 .footer_block .footer-links:nth-child(2n+1) {

	border-color: #242424;

}



.footer-2 .personal-info li {

	color: #242424;

}



.footer-2 .footer_block .personal-info li i {

	color: #288feb;

}



.footer-2 .footer_block i {

	color: #288feb;

}



.footer-transparent {}



.footer-transparent {

	background-attachment: fixed;

	background-image: url("../images/footer.jpg");

	background-size: cover;

	background-position: center center;

	position: relative;

	width: 100%;

	z-index: 9;

}



.footer-transparent::before {

	background: rgba(0, 0, 0, 0.7);

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}



.footer-transparent .footer-bottom {

	padding-top: 0;

	position: relative;

}



.footer-transparent .footer-bottom p {

	color: #FFF;

	border-top: 1px solid #FFF;

	padding-top: 20px;

}



.recentpost li {

	display: block;

	margin: 0 0 27px 0;

}



.recentpost li:last-child {

	margin-bottom: 0;

}



.recentpost li span {

	position: relative;

	width: 60px;

	height: 60px;

	background: #bfbfbf;

	float: left;

	margin: 0 10px 10px 0;

	overflow: hidden;

	z-index: 99;

}



.recentpost li span a.plus {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	display: block;

	margin: 0;

	text-align: center;

}



.recentpost li span a.plus img {

	width: 60px;

	height: 60px;

}



.recentpost li span a.plus i {

	position: absolute;

	top: 50%;

	left: 0;

	display: block;

	width: 100%;

	margin-top: -100%;

	font-size: 30px;

	color: #fff;

	font-style: normal;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transition: all ease-in-out 300ms;

	-webkit-transition: all ease-in-out 300ms;

	-ms-transition: all ease-in-out 300ms;

}



.recentpost li span a.plus:hover i {

	margin-top: 0;

}



.recentpost li p {

	margin-bottom: 0;

}



.recentpost li p a {

	margin: 0;

	font-size: 16px;

	color: #FFF;

	text-transform: capitalize;

	font-weight: 600;

}



.recentpost li p a:hover {

	color: #288feb;

}



.recentpost li h3 {

	font-size: 16px;

	color: #FFF;

	margin: 0;

	font-weight: 300;

}

.loader-img {

	display:none;	

}

.contact-us .error {

	font-weight:400;

	color:#F1474A;

}

.alert-success {

	display:none;

	margin-bottom:30px;	

}





/* ----  MEDIA QUERIES ---- */



@media (min-width: 1400px) and (max-width: 1920px) {

	.main-section .main-section-detail h1 {

		margin-top: 150px;

	}

}



@media (min-width: 768px) and (max-width: 1279px) {

	footer ul.footer-links {

		padding-left: 0;

		width: 50%;

	}

	.footer_block h4 {

		margin-top: 10px;

	}

	.footer_block h4.f-h-padding {

		padding-left: 0;

	}

	.footer_block .footer-links:nth-child(2n+1) {

		padding-left: 50px;

	}

	.client-section .heading-2 {

		margin-bottom: 30px;

	}

	.owl-testimonial-2 .single_testimonial {

		margin-left: 10px;

		margin-bottom: 0;

	}

	.main-heading-container p {

		width: 80%;

	}

	.counter-seprator {

		width: 50%;

	}

	.side-heading .main-heading-container::before {

		border-left: 3px solid #288feb;

		border-top: 3px solid #288feb;

		content: "";

		height: 35px;

		left: 0;

		position: absolute;

		top: -20px;

		width: 35px;

	}

	.side-heading .heading-letter-style {

		left: 36px;

	}

	.owl-testimonial-2 .single_testimonial img {

		width: 75px;

		height: 75px;

	}

	.owl-testimonial-2 .single_testimonial {

		margin-bottom: 10px;

	}

	.main-section-2 .form-inline {

		text-align: center;

	}

	.product-box {

		margin-bottom: 30px;

	}

	.main-section .main-section-detail h1 {

		font-size: 44px;

		margin-top: 100px;

	}

	.transparent .menu-links> li> a {

		color: #242424;

	}

	.main-section-2 input {

		width: 160px;

	}

	#post-slider {

		margin-bottom: 30px;

	}

	.heading .heading-letter-style {

		font-size: 50px;

		right: 15px;

		top: -15px;

	}

	.cat-tab-2 .panel-tabs> li> a {

		font-size: 15px;

	}

	.main-section {

		height: 500px;

	}

	#services .col-md-4:nth-child(3n+3) .services-box {

		border-right: 2px solid rgba(40, 143, 235, 0.4);

	}

	#services .col-md-4:nth-last-child(-n+3) .services-box {

		border-bottom: 2px solid rgba(40, 143, 235, 0.4);

	}

	#services .col-md-4:nth-last-child(-n+2) .services-box {

		border-bottom: none;

	}

	#services .col-md-4:nth-child(even) .services-box {

		border-right: 0;

	}

	.cat-tab-2 .panel-tabs> li.active a {

		font-size: 15px;

	}

	.search-hosting-2 .heading-2 h3 {

		margin-bottom: 30px;

	}

	.low-height .menu-mobile-collapse-trigger {

		top: -10px;

	}

	.services-grid-3 img {

		margin-right: 10px;

		margin-top: 15px;

		position: relative;

		width: 50px;

	}

	.call-to-action-detail-section {

		padding: 80px 30px;

	}

	.request-a-call {

		padding-bottom:80px;	

	}

}



@media (min-width: 320px) and (max-width: 767px) {

	#about {

		background-image: none;

		padding: 50px 0;

	}

	.side-heading .main-heading-container::before {

		left: -5px;

		top: -12px;

	}

	#about .heading-2 {

		margin-top: 20px;

	}

	.heading-2 h2 {

		font-size: 24px;

		line-height: 30px;

	}

	.heading-2 h3 {

		font-size: 20px;

	}

	.heading .main-heading-container h1 {

		font-size: 24px;

	}

	.heading .main-heading-container h3 {

		font-size: 20px;

	}

	.heading .heading-letter-style {

		display: none;

		font-size: 30px;

		top: -30px;

	}

	.main-heading-container p {

		margin-top: 10px;

	}

	.btn-custom {

		padding: 10px 20px;

		margin-right: 0;

	}

	.main-heading-container p {

		width: 100%;

	}

	.feature-icon-box i {

		line-height: 50px;

	}

	.feature-icon-box p {

		line-height: 24px;

		margin-bottom: 30px;

	}

	.owl-testimonial-2 .single_testimonial {

		margin-left: 0;

		margin-bottom: 0;

	}

	.side-heading .main-heading-container {

		padding-left: 20px;

	}

	.arch-funfacts .counter-seprator {

		border: medium none;

		padding: 20px 40px;

	}

	.counter-seprator {

		width: 100%;

	}

	.owl-testimonial-2 .single_testimonial img {

		width: 70px;

		height: 70px;

	}

	.owl-testimonial-2 .single_testimonial .testimonial-meta-box::after {

		top: 20px;

		right: 0;

	}

	.client-section .heading-2 {

		margin-bottom: 30px;

	}

	.pricing-section .pricing-table-small {

		margin-bottom: 30px;

	}

	.app-section .apps-buttons a {

		display: block;

		margin-right: 0;

		margin-bottom: 10px;

	}

	.social-bar li {

		margin: 0 10px 0 0;

	}

	footer ul.footer-links {

		padding-left: 0;

		width: 50%;

	}

	.footer_block h4 {

		margin-top: 10px;

	}

	.footer_block h4.f-h-padding {

		padding-left: 0;

	}

	.footer_block .footer-links:nth-child(2n+1) {

		padding-left: 50px;

	}

	.call-to-action-1 h3 {

		font-size: 24px;

	}

	.main-section-2 .main-section-detail h1 {

		font-size: 30px;

		margin-top: 30px;

	}

	.main-section-2 h3 {

		font-size: 20px;

	}

	.main-section-2 input {

		width: 100%;

	}

	.form-inline .btn.btn-custom {

		width: 100%;

	}

	.main-section-2 {

		height: 600px;

	}

	.blog-posts .comment-info .author-desc {

		margin-left: 0;

	}

	.blog-posts .comment-list .children {

		padding-left: 25px;

	}

	aside {

		margin: 30px 0;

	}

	.widget {

		padding: 10px 15px;

	}

	.my-breadcrumb {

		text-align: center;

	}

	.my-breadcrumb .page-banner .breadcrumb {

		float: none !important;

		text-align: center;

	}

	.single-listing-page-meta {

		padding: 20px 15px;

	}

	.article-img-left, .article-img-right {

		float: none;

		margin-right: 0;

		margin-left: 0;

		width: 100%;

		height: 100%;

	}

	.product-box {

		margin-bottom: 30px;

	}

	.header-top-right ul li.cart-active {

		padding: 0 30px;

	}

	.header-top-right ul li.search-bar {

		display: none;

	}

	.main-section {

		height: 500px;

	}

	.main-section .main-section-detail h2 {

		font-size: 20px;

	}

	.main-section .main-section-detail h1 {

		font-size: 30px;

		margin-top: 50px;

	}

	.services-detail h2 {

		font-size: 24px;

	}

	#post-slider {

		margin-bottom: 30px;

	}

	ul.desc-points {

		padding-left: 15px;

	}

	.product-tilte h3 {

		font-size: 24px;

	}

	.shop-title {

		font-size: 20px;

	}

	.contact-us .services-grid-3:first-child {

		margin-top: 30px;

	}

	.project-container-2 .project-info {

		height: 300px;

	}

	.shop-posts .comment-info .author-desc {

		margin-left: 0;

	}

	.shop-posts .comment-list .children {

		padding-left: 40px;

	}

	.ms-layer.text3.text-left {

		display: none;

	}

	/*Category Tabs*/

	.cat-tab-2 .panel-tabs> li {

		width: 100%;

		border: 1px solid #FFF;

	}

	.cat-tab-2 .panel-primary .panel-tabs> li.active a::before, .cat-tab-2 .panel-primary .panel-tabs> li.active a::after {

		content: "";

		border: none;

	}

	/*DOMAIN SEARCH*/

	.search-hosting .form-inline {

		padding: 20px 0;

	}

	.search-hosting .domain-search-meta li {

		display: block;

		margin:0;

		margin-bottom: 10px;

	}

	/*SERVICES*/

	#services .services-box .iconbox i {

		padding: 15px;

		padding-bottom: 0;

		line-height: 40px;

	}

	#services .services-box {

		border-right: none;

		padding: 20px 0;

	}

	#services .services-box .iconbox .iconbox-meta h4 {

		font-size: 20px;

		margin-bottom: 0;

	}

	#services .col-md-4:nth-last-child(-n+3) .services-box {

		border-bottom: 2px solid rgba(40, 143, 235, 0.4);

	}

	#services .col-md-4:last-child .services-box {

		border-bottom: none;

	}

	/*PRICING*/

	.pricing-section .features_left {

		padding-left: 60px;

	}

	/*CALL TO ACTION*/

	.call-to-action-detail-section {

		padding: 50px 20px;

	}

	/*HOSTING*/

	.hosting-plans .hosting-price {

		bottom: 30px;

		color: #288feb;

		font-size: 50px;

		font-weight: 600;

		line-height: 30px;

		position: relative;

		right: 0;

	}

	.call-to-action-img-section-right {

		padding: 50px;

	}

	.mega-menu.desktopTopFixed .drop-down-multilevel, .mega-menu.low-height .drop-down-multilevel {

		top: 0;

	}

	.header-top-white .input-group-btn, .header-top-white .input-group, .header-top-white .input-group-btn:first-child> .btn, .input-group-btn:first-child> .btn-group {

		width: 100%;

	}

	.header-top-white .input-group-addon, .input-group-btn, .input-group .form-control, .header-top-white .btn-default {

		display: block;

		width: 100%;

	}

	.header-top-white form {

		padding: 30px 0;

	}

	.header-top-right.header-top-info .chat-btn {

		display: block;

		width: 100%;

	}

	.header-top-right.header-top-info {

		float: none;

	}

	.low-height .menu-mobile-collapse-trigger {

		top: -10px;

	}

	.header-top-right ul li.cart-active {

		padding: 0 20px;

	}

	.mega-menu .menu-links> li> a.menu-btn {

		display: block;

	}

	.contact-us .contact-detail-box:first-child {

		margin-top: 30px;

	}

	#services .services-box .iconbox .iconbox-meta {

		padding: 0;

	}

	.client-logo {

		padding:0 15px;	

	}

	.hosting-plans .col-xs-12 img {

		margin-top:30px;	

	}

	.domain-search .form-inline {

		padding:20px;	

	}

	.domain-price {

		margin-top:10px;	

	}

	.domain-renewal-price {

		margin-bottom:10px;	

	}

	.domain-search-avail .btn-white, .domain-search-avail .btn-custom {

		display:block;

		float:none;	

	}

	.domain-search-avail.child h3 {

		color: #242424;

		display: block;

		font-weight: 500;

	}

	.domain-search-avail.child p {

		display: inline-block;

	}

	.domain-search-avail.child i {

		line-height:30px;	

	}

	.product-detial-info ul li {

		padding: 8px 0;

	}

	.product-detial .nav-tabs > li {

		width: 100%;

	}

	.request-a-call {

		padding-bottom:80px;	

	}

}



.my-p{padding: 30px 0px;}



.paree-1{ text-align:justify;}



.contact-detail-box{ margin-bottom:20px;}





.mul-map{ width:100%; height:auto; float:left; margin:20px 0px 20px 0px;}

.map-1{ width: 100%;

    height: 310px;

    float: left;

    margin: 0px 0px;

    border: 2px solid #ddd;

    padding: 3px;}

.map-2{ width:49%; height:300px; float:right; margin:0px 0px; border:1px solid #ddd;}



.join-sc{ width:100%; height:auto; margin:0px; float:left;}

.join-sc h4{color: #FFF;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 5px;

    margin-top: 0;

    position: relative;

    text-transform: uppercase;}

.join-sc ul{ list-style:none; margin:0px; padding:0px; margin:0px;}

.join-sc ul li{ width:auto; height:auto; float:left; margin:0px; }







.navee{width: 100%;
height: auto;
float: right;
 margin: 0px 0px;
z-index: 10000;
position: relative;}

	
.navee-1{width:70%;
height: auto;
float: right;
 margin: 0px 0px;
z-index: 10000;
position: relative;}
	

	

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



.ban-1{ width:100%; height:auto; float:left; margin:0px 0px;}




@media screen and (max-width: 600px) {

.navee-1{width:50%;
}

}



.con-1{ width:100%; height:auto; float:left; margin:0px 0px;}
.con-1 ul{ list-style:none; padding:0px; margin:0px;}
.con-1 ul li{ width:auto; height:auto; float:left; text-align:center; margin:70px 30px 100px 0px;}
.con-1 ul li a{ text-decoration: none;
    font-size: 20px;
    text-align: center;
    padding: 30px 40px 30px 40px;
    background: #0081cc;
    color: #fff;
    font-weight: bold;
    box-shadow: 4px 4px 1px #b9b6b6; -webkit-box-shadow: 4px 4px 1px #b9b6b6; }


.con-1 ul li a:hover{
    background: #333;
    color: #fff;}








@media screen and (max-width: 600px) {

.con-1{ width:100%; }
.con-1 ul li{ margin: 50px 0px 40px 0px;
    width: 100%;
    text-align: left;}
.con-1 ul li a{ text-decoration: none;
    font-size: 20px;
   padding: 20px 40px 20px 40px;
    background: #0081cc;
    color: #fff;
    }


}



@media screen and (max-width:360px) {

.con-1{ width:100%; }
.con-1 ul li{ margin: 50px 0px 40px 0px;
    width: 100%;
    text-align: left;}
.con-1 ul li a{ text-decoration: none;
    font-size: 20px;
   padding: 20px 40px 20px 40px;
    background: #0081cc;
    color: #fff;
    }


}