/*
  Theme Name: BDevs - Hosting Provider & WHMCS HTML5 Template
  Description: Hosting Provider & WHMCS HTML5 Template.
  Version: 1.0
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. header
3. slider
4. domain-area
5. choose-tab-area
6. pricing-area
7. we-are-area
8. purchase-area
9. service-area
10. service-list-area
11. testimonial-area
12. footer
13. why-choose-area
14. hosting-service-area
15. latest-blog-area
16. feature-area
17. service-provide-area
18. newsletter-area
19. page-title-area
20. hosting-plan-area
21. frequently-ask-area
22. welcome-area
23. about-video-area
24. team-area
25. alternative-domain-area
26. welcome-hosting-area
27. question-area
28. support-area
29. error-area
30. contact-address-area
31. map
32. blog-grid-area
33. paginations
34. blog-sidebar
35. blog-details
36. shop-area
37.
38.

*/



/* 1. Theme default css */
@import url('https://fonts.googleapis.com/css?family=Karla:400,700|Rubik:400,500,700,900');
body {
	font-family: 'Karla', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	color: #555;
}
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.f-left {
	float: left
}
.f-right {
	float: right
}
.fix {
	overflow: hidden
}
a,
.button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
	text-decoration: none;
	outline: none;
}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	color: #2B96CC;
	text-decoration: none;
}
a,
button {
	color: #1696e7;
	outline: medium none;
}
button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Rubik', sans-serif;
	font-weight: normal;
	color: #333333;
	margin-top: 0px;
	font-style: normal;
	font-weight: 400;
	text-transform: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
h1 {
	font-size: 40px;
	font-weight: 500;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {
	font-size: 16px;
	font-weight: normal;
	line-height: 27px;
	color: #555;
	margin-bottom: 15px;
}
hr {
	border-bottom: 1px solid #eceff8;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}
label {
	color: #7e7e7e;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
*::-moz-selection {
	background: #d6b161;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
*::-moz-placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
.theme-overlay {
	position: relative
}
.theme-overlay::before {
	background: #1696e7 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}
.separator {
	border-top: 1px solid #f2f2f2
}
/* button style */

.btn {
	-moz-user-select: none;
	background: #fff;
	border: medium none;
	color: #1e1465;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
	padding: 17px 40px;
	text-align: center;
	text-transform: uppercase;
	touch-action: manipulation;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	border-radius: 30px;
}
.btn:hover{background:#3484a9;color:#fff;}
.breadcrumb > .active {
	color: #888;
}


/* scrollUp */
#scrollUp {
	background: #1e1465;
	height: 35px;
	width: 35px;
	right: 50px;
	bottom: 77px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
	line-height: 34px;
}
#scrollUp:hover {
	background: #3484a9;
}

/* 2 header */
.header-transparent {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	transition: .4s;
}
.sticky {
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
	z-index: 9999;
	background: #fff;
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
   -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}
.white-header .sticky {background:#1e1465;}
.header-area {
	padding: 10px 0;
}
.header-wrapper{}
.header-left{}
.header-icon {
	float: left;
	margin-right: 8px;
}
.header2-left {
	float: left;
}
.header-icon span {
	color: #fff;
	font-size: 14px;
	top: 2px;
	position: relative;
}
.header-text {
	float: left;
	padding-right: 30px;
}
.header-leftt:first-child{padding-right:0;}
.header-text span {
	color: #fff;
	font-size: 14px;
}
.header-right-wrapper {
	float: right;
}
.header-right-text {
	float: left;
}
.header-right-text li {
	display: inline-block;
	position: relative;
}
.header-right-text li a {
	color: #fff;
	transition: all 0.3s ease 0s;
	font-size: 14px;
	font-weight: 400;
}
.header-right-text li::after {
	color: #c9c9c9;
	content: "/";
	display: inline-block;
	float: right;
	font-size: 14px;
	position: relative;
	right: -2px;
	top: 3px;
}
.header-right-text li:last-child::after{display:none;}
.header-top-icon {
	float: right;
	margin-left: 48px;
	position: relative;
}
.header-top-icon::before {
	position: absolute;
	content: "";
	height: 20px;
	width: 2px;
	background: #4d4d4d;
	left: -26px;
	top: 4px;
}
.header-top-icon a {
	font-size: 12px;
	color: #fff;
	margin-right: 10px;
	transition: .3s;
}
.white-header .header-area {background:none;padding:0;}
.header-border {
	border-bottom: 1px solid #515c7e;
	padding: 15px 0 15px 0;
}
.white-header .header-top-icon::before {
	background: #c9c9c9;
}
.white-header{}
.header-top-icon a:hover{opacity: .7}
.header-top-icon a:last-child{margin-right:0;}
.header-right {
	margin-top: 24px;
}
.header-right .cart-bar {
	position: relative;
	margin-right: 54px;
}
.header-right .cart-bar::before {
	position: absolute;
	height: 20px;
	width: 2px;
	content: "";
	background: #cccccc;
	right: -29px;
	top: 3px;
}
.header-right ul {
	float: right;
	margin-top: 12px;
}
.header-right li {
  display: inline-block;
}
.header-right ul li a {
	color: #333333;
	font-size: 18px;
}
.header-right ul li a:hover{color: #3484a9;}
.white-header .header-right ul li a {
	color: #fff;
}
.white-header .header-right ul li a:hover{color: #3484a9;}
.header-right li {
	display: inline-block;
	margin-right: 25px;
	position: relative;
	padding-bottom: 12px;
}
.header-right li:last-child{margin-right:0;}
.search-form {}
.logo {
  margin-top: 33px;
}
.main-menu  ul {}
.main-menu nav > ul  > li {
	display: inline-block;
	position: relative;
}
.main-menu ul li:last-child a{padding-right:0}
.main-menu ul li:first-child a{padding-left:0}
.main-menu nav > ul > li > a {
	color: #212428;
	display: block;
	font-size: 18px;
	font-weight: 400;
	padding: 38px 18px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	background: transparent;
	line-height: 1;
}
.main-menu nav > ul  > li:hover > a,.main-menu nav > ul  > li.active > a{color:#3484a9;}
.main-menu nav > ul > li.new{position:relative;}
.main-menu nav > ul > li.new::before {
	position: absolute;
	content: "new";
	width: 50px;
	height: 20px;
	background: #3484a9;
	top: 16px;
	color: #fff;
	right: -18px;
	line-height: 18px;
	text-align: center;
	text-transform: capitalize;
	font-size: 14px;
	border-radius: 3px;
	z-index: 99;
	font-weight: 700;
}
.white-header .main-menu nav > ul > li > a {
	color: #fff;
}
.white-header .main-menu nav > ul  > li:hover > a,.main-menu nav > ul  > li.active > a{color:#3484a9;}
/* sub-menu */
.main-menu nav > ul  > li .sub-menu {
  background: #ffffff none repeat scroll 0 0;
  border-top: 3px solid #3484a9;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 120%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 220px;
  z-index: 9;
}
.main-menu nav > ul  > li:hover .sub-menu{opacity:1;top:100%;visibility:visible}
.main-menu nav > ul  > li .sub-menu li{display:block}
.main-menu nav > ul > li .sub-menu li a {
	color: #666666;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	padding: 13px 20px;
	text-transform: capitalize;
	display: block;
}
.main-menu nav > ul  > li:hover > .sub-menu li > a:hover{color:#fff;background:#3484a9;}
/* extra info */
.extra-info {
	background: #222 none repeat scroll 0 0;
	height: 100%;
	padding: 30px;
	position: fixed;
	right: 0;
	top: 0;
	transition: all 0.7s ease 0s;
	width: 340px;
	z-index: 9999;
	transform: translateX(100%);
	padding-bottom: 40px;
	overflow-y: scroll;
}
.extra-info.info-open {
  transform: translateX(0);
}
.extra-info-left{right:inherit;left: 0;transform: translateX(-100%);}
.extra-info.extra-info-left.info-open{transform: translateX(0);}
.close-icon {
  margin-top: -16px;
  text-align: right;
}
.close-icon > button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #3484a9;
  cursor: pointer;
  font-size: 20px;
  padding: 0;
}
.extra-info > p {
  color: #ddd;
  font-size: 15px;
  line-height: 28px;
}
.instagram img {
  width: 100%;
}
.social-icon-right > a {
	color: #fff;
	display: inline-block;
	margin-right: 20px;
	text-align: center;
	transition:.3s;
}
.social-icon-right > a:hover {
	color: #ddd;
}
.instagram {
  overflow: hidden;
  margin: 0 -4px;
}
.instagram > a {
	float: left;
	width: 33.33%;
	padding: 0 4px;
	margin-bottom: 7px;
}
.side-menu {
  border-bottom: 1px solid #444;
  padding-bottom: 12px; }

.side-menu ul li {
  margin-bottom: 15px; }

.side-menu ul li a {
  color: #ddd;
  font-size: 15px;
  transition:.3s;

  }

.side-menu ul li:hover a {
  color: #fff; }

/* 3. slider-area */
.slider-area{}
.slider-height {
	min-height: 1020px;
}
.slider2-height {
	min-height: 920px;
}
.slider11-height {
	min-height: 807px;
}
.pos-relative {
	position: relative;
	z-index: 1;
}
.wave-shape::after {
	position: absolute;
	bottom: -245px;
	left: 0;
	right: 0;
	background-image: url(../img/slider/wave.png);
	height: 366px;
	width: 100%;
	content: "";
	background-repeat: no-repeat;
}
.single-slider {
	background-size: cover;
	background-position: center center;
}
.slider-content{}
.slider-content h1 {
	font-weight: 700;
	color: #fff;
	font-size: 60px;
	line-height: 66px;
	text-transform: uppercase;
	margin-bottom: 22px;
}
.slider-content p {
	font-size: 22px;
	font-weight: 400;
	color: #fff;
	line-height: 32px;
	padding-right: 25px;
	margin-bottom: 39px;
}
.slider-content p span {
	font-size: 24px;
	font-weight: 700;
	color: #ff9600;
}
.slider-img {
	margin-left: 202px;
}
.slider2-img {
	margin-left: 0;
}
.slider-img img{}

/* 4. domain-area  */
.domain-area {
	position: relative;
	z-index: 1;
	margin-top: -106px;
}
.domain-slider{box-shadow: 0px 10px 30px 0px rgba(171, 171, 171, 0.73);}
.domain-wrapper {
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
	padding: 29px 103px 34px 73px;
	margin: 0 26px;
	background: #fff;
}
.domain-text{}
.domain-text span {
	font-size: 20px;
	font-weight: 400;
	color: #333333;
	display: inline-block;
}
.domain-form {
	position: relative;
}
.domain-form input {
	background: #fff;
	border: 1px none;
	border-radius: 30px;
	color: #939393;
	font-size: 15px;
	height: 60px;
	padding-left: 25px;
	width: 100%;
	text-transform: capitalize;
	box-shadow: 10px 0px 50px 0px rgba(204, 204, 204, 0.5);
	margin-bottom: 26px;
	margin-top: 12px;
}
.domain-form input::-moz-placeholder {
  color: #939393;
  font-size: 15px;
}
.domain-form button {
	background: #1e1465;
	border: medium none;
	color: #fff;
	font-size: 14px;
	height: 42px;
	line-height: 40px;
	position: absolute;
	right: 10px;
	transition: all 0.3s ease 0s;
	width: 130px;
	top: 20px;
	border-radius: 30px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}
.domain-form button:hover{background:#3484a9;}
.domain-content{}
.domain-content span {
	color: #ff9600;
	font-size: 15px;
	font-weight: 700;
	padding: 21px;
}
.domain-content span.d-purple{color:#8e54e9}
.domain-content span.d-cyan{color:#26ccca;}
.domain-content span.d-red{color:#e6457b}
.domain-content span.d-green{color:#4bcc88;}
.domain-content span.d-blue{color:#4776e6;}
/* domain-style-2 */
.domain2 {
	margin-top: 0;
	margin-top: 120px;
}
.domain2 .domain-wrapper {
	box-shadow: none;
	border: 1px solid #cccccc;
}
.domain2 .domain-form input {
	box-shadow: none;
	border: 1px solid #e9e9e9;
}

/* 5. choose-tab-area */
.choose-tab-area{}
.choose-circle{position:relative;}
.choose-circle::before {
	background-image: url("../img/shape/1.png");
	background-repeat: no-repeat;
	bottom: 80px;
	content: "";
	height: 354px;
	position: absolute;
	right: 80px;
	transition: all 0.3s ease 0s;
	width: 361px;
}
.section-title{}
.section-title h2 {
	font-size: 30px;
	font-weight: 700;
	color: #212428;
	text-transform: uppercase;
}
.section-title p {
	color: #555;
	margin-bottom: 0;
}
.choose-tab {
	margin-right: 92px;
	border-left: 3px solid #1e1465;
	margin-top: 41px;
}
.choose-tab li {
	width: 100%;
}
.choose-tab li a {
	color: #333333;
	font-weight: 700;
	font-size: 18px;
	box-shadow: 0px 10px 30px 0px rgba(204, 204, 204, 0.3);
	padding: 14px 5px 15px 48px;
}
.choose-tab li a:hover {
	color: #fff;
	background:#1e1465;
}
.choose-tab li a.active {
	color: #fff;
	background:#1e1465;
}
.choose-wrapper {
	margin-left: 115px;
}
.choose-img {
	margin-bottom: 18px;
}
.choose-img img{}
.choose-text{}
.choose-text > h4 {
	font-size: 22px;
	font-weight: 500;
	color: #333;
	margin-bottom: 11px;
}
.choose-text p {
	margin-bottom: 0;
	padding-right: 53%;
}

/* 6. pricing-area */
.pricing-area{}
.pricing-circle{position:relative;}
.pricing-circle::before {
	background-image: url("../img/shape/2.png");
	background-repeat: no-repeat;
	top: 74px;
	content: "";
	height: 183px;
	position: absolute;
	left: 31px;
	transition: all 0.3s ease 0s;
	width: 178px;
}
.pricing-circle::after {
	background-image: url("../img/shape/3.png");
	background-repeat: no-repeat;
	bottom: 40px;
	content: "";
	height: 243px;
	position: absolute;
	right: 40px;
	transition: all 0.3s ease 0s;
	width: 246px;
}
.pricing2-circle{position:relative;}
.pricing2-circle::before {
	background-image: url("../img/shape/5.png");
	background-repeat: no-repeat;
	top: 140px;
	content: "";
	height: 183px;
	position: absolute;
	left: 50px;
	transition: all 0.3s ease 0s;
	width: 178px;
}
.pricing2-circle::after {
	background-image: url("../img/shape/6.png");
	background-repeat: no-repeat;
	bottom: -112px;
	content: "";
	height: 243px;
	position: absolute;
	right: 15px;
	transition: all 0.3s ease 0s;
	width: 246px;
}
.pricing-wrapper{background:#fff;}
.pricing-top {
	background-image: url("../img/pricing/1.png");
	padding: 54px 0 48px 0;
	position: relative;
	background-size: cover;
}
.pricing-top::after {
	position: absolute;
	bottom: 0;
	left: -1px;
	right: 0;
	background-image: url(../img/pricing/shape.png);
	height: 37px;
	width: 101%;
	z-index: 1;
	content: "";
}
.pricing-img {
	margin-bottom: 19px;
}
.pricing-text{}
.pricing-text h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Karla', sans-serif;
	margin-bottom: 0;
}
.price-count {
	margin-top: 52px;
}
.price-count h2 {
	font-size: 36px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 0;
	font-family: 'Karla', sans-serif;
	line-height: 32px;
}
.price-count span {
	font-size: 18px;
	color: #666666;
	font-weight: 700;
}
.price-count h2 span.usd {
	font-size: 18px;
	font-weight: 700;
	color: #333333;
	vertical-align: top;
}
.price-list {
	padding: 52px 0 52px 0;
	border-top: 1px dashed #a1a1a1;
	border-bottom: 1px dashed #a1a1a1;
	margin: 30px 95px 58px 95px;
}
.price-list li {
	color: #555;
	font-size: 17px;
	font-weight: 400;
	padding-bottom: 14px;
}
.price-list li:last-child{padding-bottom:0;}
.pricing-button a.btn {
	background: none;
	border: 2px solid #1e1465;
	font-size: 14px;
	padding: 12px 28px;
	transition: .3s;
	margin-bottom: 60px;
}
.pricing-button a.btn:hover{background:#1e1465;border-color:#1e1465;}
.pricing-button.active a.btn{background:#1e1465;border-color:#1e1465;color:#fff;}

/* pricing-style-2 */
.single-pricing {
	background: #fff;
	transition: .3s;
}
.single-pricing:hover{
	box-shadow: 0px 10px 80px 0px rgba(179, 179, 179, 0.54);
}

.single-pricing.active{
	box-shadow: 0px 10px 80px 0px rgba(179, 179, 179, 0.54);
	position:relative;
}
.single-pricing.active::before {
	position: absolute;
	content: "populer";
	width: 100px;
	height: 30px;
	background: #1e1465;
	top: -15px;
	color: #fff;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	z-index: 99;
	font-weight: 700;
	left: 20px;
}
.pricing2-text{}
.pricing2-text h2 {
	color: #444;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0;
	padding-top: 51px;
}
.single-pricing .price-count {
	margin-top: 29px;
}
.single-pricing .price-count h2 {
	font-size: 48px;
	color: #1e1465;
	line-height: 32px;
}
.single-pricing .price-count h2 span.usd {
	font-size: 24px;
	margin-right: 5px;
}
.single-pricing .price-list {
	padding: 0;
	margin: 40px 0 52px 0;
	border: none;
}
.single-pricing  .price-list li {
	color: #818a8b;
	font-size: 17px;
	font-weight: 400;
	padding-bottom: 14px;
}
.single-pricing  .price-list li:last-child{padding-bottom:0;}
/* pricing-style-3 */
.single2-pricing{background:#fff;position:relative;overflow:hidden;}
.single2-pricing::before {
	position: absolute;
	content: "";
	height: 60px;
	width: 60px;
	background: #1e1465;
	left: -30px;
	top: -30px;
	transform: rotate(45deg);
}
.single2-pricing::after {
	position: absolute;
	content: "";
	height: 60px;
	width: 60px;
	background: #1e1465;
	right: -30px;
	bottom: -30px;
	transform: rotate(45deg);
}
.pricing3-text {
	padding-top: 50px;
}
.pricing3-text h2 {
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 0;
	font-family: 'Karla', sans-serif;
}
.pricing-info {
	margin-top: 30px;
	margin-bottom: 40px;
}
.pricing-info p {
	margin-bottom: 0;
	padding: 0 40px;
}
.single2-pricing .price-count {
	margin-top: 22px;
}
.single2-pricing .price-count h2 {
	color: #1e1465;
}
.single2-pricing .price-count h2 span.usd {
	margin-right: 6px;
	position: relative;
	top: -6px;
}
.single2-pricing .price-count span {
	font-size: 16px;
}
.price-content{}
.price-content h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
}
.price-content p {
	color: #666666;
	margin-bottom: 0;
	padding-right: 17px;
}
.price-content h4 {
	margin-bottom: 0;
	color: #666666;
	font-size: 17px;
	font-weight: 700;
	font-family: 'Karla', sans-serif;
	margin-top: 20px;
}
.price-content h4 span{color:#1e1465;}

/* 7. we-are-area */
.we-are-wrapper{}
.we-are-text {
	padding-left: 50px;
}
.we-are2{}
.we-are-text h2 {
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 33px;
	margin-bottom: 30px;
}
.we-are-text h2::before {
	position: absolute;
	height: 3px;
	width: 80px;
	background: #1e1465;
	content: "";
	bottom: 0;
}
.we-are-text p {
	margin-bottom: 0;
	padding-right: 20%;
}
.we-are2 .we-are-text p {
	margin-bottom: 0;
	padding-right: 7%;
}
.we-are-text a.btn {
	background: #1e1465;
	color: #fff;
	font-size: 14px;
	padding: 14px 36px;
	margin-top: 37px;
	transition:.3s;
}
.we-are-text a.btn:hover{background:#3484a9;}

/* 8. purchase-area */
.purchase-area {
	background-size: cover;
	background-position: center center;
}
.purchase-text{}
.purchase2-text {
	margin-left: 62px;
	margin-top: 17px;
}
.purchase-text h2 {
	font-weight: 700;
	font-size: 36px;
	color: #fff;
	margin-bottom: 2px;
}
.purchase-text span {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
}
.purchase-text p {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin-right: 22%;
	margin-bottom: 0;
	margin-top: 15px;
}
.purchase-button {
	margin-top: 10px;
}
.purchase-button a.btn {
	font-size: 14px;
	padding: 14px 40px;
}
.purchase-text a.btn {
	font-size: 14px;
	padding: 14px 40px;
	transition: .3s;
	margin-top: 29px;
}
.purchase-text a.btn:hover{background:#3484a9}

/* 9. service-area */
.service-area{}
.service-wrapper{}
.service-img {
	margin-bottom: 24px;
}
.service-text{}
.service-text h4 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 13px;
}
.service-text p {
	padding: 0 30px;
	margin-bottom: 0;
}

/* 10. service-list-area */
.service-list-area {
	border-top: 1px solid #e9e9e9;
}
.service2-list{border:none;}
.service-list-img {
	padding-left: 40px;
	margin-top: 8px;
}
.service-list-text{}
.service-list-wraaper {
	margin-left: 55px;
}
.service-list-text h2 {
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 33px;
	margin-bottom: 30px;
}
.service-list-text h2::before {
	position: absolute;
	height: 3px;
	width: 80px;
	background: #1e1465;
	content: "";
	bottom: 0;
}
.service-list-text p {
	margin-bottom: 0;
	padding-right: 48px;
}
.service-list {
	margin-top: 25px;
}
.service-list li {
	font-size: 16px;
	color: #555;
	font-weight: 400;
	padding-bottom: 12px;
}
.service-list li:last-child{margin-bottom:0;}
.service-list li i {
	color: #818a8b;
	font-size: 17px;
	position: relative;
	top: 3px;
	padding-right: 13px;
}

/* 11. testimonial-area */
.testimonial-area{}
.testimonial-wrapper {
	background: #fff;
	padding: 41px 44px 45px 60px;
	overflow: hidden;
	position: relative;
}
.testimonial-wrapper::after {
	position: absolute;
	bottom: -162px;
	background-image: url(../img/testimonial/icon1.png);
	height: 100%;
	width: 100%;
	content: "";
	background-repeat: no-repeat;
	right: -453px;
}
.testimonial-text{}
.testimonial-text p {
	margin-bottom: 12px;
}
.testimonial-content {
	display: inline-block;
}
.testimonial-img {
	float: left;
	box-shadow: 0.872px 9.962px 30px 0px rgba(111, 111, 111, 0.27);
	border-radius: 100%;
	margin-right: 15px;
}
.testimonial-img img {
	border-radius: 50%;
}
.testimonial-info {
	padding-top: 11px;
	overflow: hidden;
	text-align: left;
}
.testimonial-info h4 {
	font-size: 16px;
	color: #666666;
	font-weight: 500;
	margin-bottom: 0;
}
.testimonial-info span {
	font-size: 14px;
	color: #666666;
	font-weight: 400;
}
/* testimonial-style-2 */
.testimonial2-wrapper{}
.testimonial-icon {
	display: inline-block;
	margin-bottom: 22px;
}
.testimonial-icon img{}
.testimonial2-content{}
.testimonial2-content p {
	font-size: 24px;
	line-height: 32px;
	color: #555;
	margin-bottom: 33px;
}
.testimonial2-wrapper .testimonial-info h4 {
	font-size: 20px;
}
.testimonial2-wrapper .testimonial-info span {
	font-size: 16px;
}

/* testimonial-style-3 */
.testimonial3-wrapper {
	background: #fff;
	padding: 41px 40px 45px 40px;
	overflow: hidden;
	position: relative;
}
.testimonial3-wrapper .testimonial-text p {
	margin-bottom: 0;
}
.testimonial3-wrapper .testimonial-text {
	border-top: 1px solid #e9e9e9;
	margin-top: 37px;
	padding-top: 31px;
}

.testimonial-active.owl-carousel .owl-item img {
	display: block;
	width: auto;
	border-radius: 50%;
}
.testimonial3-active.owl-carousel .owl-item img {
	display: block;
	width: auto;
	border-radius: 50%;
}
.testimonial-active .owl-nav div {
	background: #fff;
	border-radius: 50%;
	color: #818a8b;
	display: inline-block;
	font-size: 18px;
	height: 50px;
	left: -76px;
	line-height: 50px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease 0s;
	width: 50px;
	box-shadow: 0.872px 9.962px 30px 0px rgba(142, 142, 142, 0.27);
	opacity:1;
}
.testimonial-active .owl-nav div.owl-next {
	left: auto;
	right: -76px;
}
.testimonial-active .owl-nav div:hover{background:#42e8e0;color:#333333;}

.testimonial2-active .owl-nav div {
	background: #fff;
	border-radius: 50%;
	color: #818a8b;
	display: inline-block;
	font-size: 18px;
	height: 50px;
	left: -262px;
	line-height: 50px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease 0s;
	width: 50px;
	box-shadow: 0.872px 9.962px 30px 0px rgba(142, 142, 142, 0.27);
	opacity:1;
}
.testimonial2-active .owl-nav div.owl-next {
	left: auto;
	right: -262px;
}
.testimonial2-active .owl-nav div:hover{background:#42e8e0;color:#333333;}

.testimonial3-active .owl-nav div {
	background: #fff;
	border-radius: 50%;
	color: #818a8b;
	display: inline-block;
	font-size: 18px;
	height: 50px;
	left: -76px;
	line-height: 50px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease 0s;
	width: 50px;
	box-shadow: 0.872px 9.962px 30px 0px rgba(142, 142, 142, 0.27);
	opacity:1;
}
.testimonial3-active .owl-nav div.owl-next {
	left: auto;
	right: -76px;
}
.testimonial3-active .owl-nav div:hover{background:#42e8e0;color:#333333;}

/* 10. brand-area */
.brand-circle{position:relative;}
.brand-circle::before {
	background-image: url("../img/shape/4.png");
	background-repeat: no-repeat;
	top: -89px;
	content: "";
	height: 250px;
	position: absolute;
	left: 0;
	transition: all 0.3s ease 0s;
	width: 236px;
}
.brand-img {
	text-align: center;
	display: inline-block;
}
.brand-active.owl-carousel .owl-item img {
	display: block;
	width: auto;
}

/* 12. footer */
.footer-area{}
.footer-address-wraaper{}
.footer-address-icon {
	float: left;
	margin-right: 40px;
	position: relative;
}
.footer-address-icon::before {
	position: absolute;
	content: "";
	background: #fff;
	height: 20px;
	width: 2px;
	right: -22px;
	top: 7px;
}
.footer-address-icon i {
	color: #ffffff;
	font-size: 22px;
	top: 4px;
	position: relative;
}
.footer-address-text{}
.footer-address-text span {
	font-size: 22px;
	color: #fff;
}
.footer-wrapper {
	overflow: hidden;
}
.footer-top-area{border-bottom: 1px solid #3727aa;border-top: 1px solid #3727aa;}
.footer2-area{border-top:none;}
.footer-title {
	font-size: 22px;
	color: #fff;
	position: relative;
	font-weight: 500;
	display: inline-block;
	padding-bottom: 17px;
	margin-bottom: 32px;
}
.footer-title::before {
	position: absolute;
	height: 2px;
	width: 100%;
	background: #3727aa;
	content: "";
	bottom: 0;
}
.footer-title::after {
	position: absolute;
	height: 3px;
	width: 50px;
	background: #fff;
	content: "";
	bottom: 0;
	left: 0;
}
.footer-menu{}

.footer-menu li {
	padding-bottom: 6px;
}
.footer-link li {
	padding-bottom: 6px;
	width: 50%;
	float: left;
}
.footer-menu li:last-child{padding-bottom:0;}
.footer-menu li a {
	color: #d7d7d7;
	font-size: 16px;
}
.footer-menu li a:hover{color: #fff}

.subscribe-form  form {
}
.subscribe-form form input {
	border: 0;
	border-radius: 0;
	height: 40px;
	padding: 0 15px;
	width: 100%;
	background: #fff;
	color: #8a8a8a;
}
.subscribe-form form input::placeholder {
  color: #8a8a8a;
  font-size:14px;
}
.subscribe-form form button {
	background: #42e8e0;
	border: 0 none;
	color: #3b3f42;
	font-weight: 700;
	height: 100%;
	padding: 13px 32px;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
	margin-top: 15px;
	transition:.3s;
}
.subscribe-form form button:hover{background:#fff;}
.footer-info p {
	color: #d7d7d7;
	line-height: 26px;
	margin-bottom: 18px;
}
.footer-middle-area{border-bottom:1px solid #3727aa;}
.footer-middle-wrapper{}
.footer-logo {
	margin-bottom: 19px;
}
.footer-logo a{}
.footer-middle-text{}
.footer-middle-text p {
	color: #d7d7d7;
	margin-bottom: 0;
	padding-right: 14%;
}
.footer-icon{}
.footer-icon a {
	font-size: 14px;
	color: #42e8e0;
	border: 1px solid #42e8e0;
	height: 40px;
	width: 40px;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	transition: .3s;
	margin-right: 10px;
}
.footer-icon a:hover{background:#42e8e0;color:#1e1465;}
.copyright {}
.copyright p {
	font-size: 16px;
	color: #ddd;
	margin-bottom: 0;
}

/* 13. why-choose-area */
.why-choose-area{}
.why-choose-wrapper{}
.why-choose-img {
	margin-bottom: 18px;
}
.why-choose-text{}
.why-choose-text h4 {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 11px;
}
.why-choose-text p {
	margin-bottom: 0;
	padding: 0 20px;
}

/* 14. hosting-service-area */
.hosting-service-area{}
.hosting-service-wrapper {
	background: #fff;
	transition:.3s;
}
.hosting-service-wrapper:hover{
	  box-shadow: 0px 10px 50px 0px rgba(216, 216, 216, 0.78);
}
.hosting-service-wrapper.active{
	  box-shadow: 0px 10px 50px 0px rgba(216, 216, 216, 0.78);
}
.hosting-service-img {
	padding-top: 58px;
	margin-bottom: 18px;
}
.hosting-service-text {
	border-bottom: 1px dashed #a1a1a1;
	padding-bottom: 27px;
	margin-bottom: 28px;
	display: inline-block;
}
.hosting-service-text h3 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom:0;
}
.hosting-info{}
.hosting-info p {
	margin-bottom: 0;
	line-height: 32px;
	padding: 0 50px;
}
.service-count {
	margin-top: 28px;
	border-top: 1px dashed #a1a1a1;
	border-bottom: 1px dashed #a1a1a1;
	display: inline-block;
	padding-top: 36px;
	padding-bottom: 28px;
	margin-bottom: 40px;
}
.service-count h2 {
	font-size: 36px;
	color: #333333;
	font-weight: 700;
	margin-bottom: 0;
	font-family: 'Karla', sans-serif;
	line-height: 32px;
}
.service-count h2 span.usd {
	font-size: 18px;
	font-weight: 700;
	color: #333333;
	vertical-align: top;
}
.service-count span {
	font-size: 18px;
	color: #666666;
	font-weight: 700;
}
.service-button a.btn {
	background: none;
	border: 1px solid #1e1465;
	font-size: 14px;
	padding: 12px 28px;
	transition: .3s;
	margin-bottom: 60px;
}
.service-button a.btn:hover {
	background: #1e1465;
	border-color: #1e1465;
}
.service-button.active a.btn {
	background: #1e1465;
	border-color: #1e1465;
	color: #fff;
}

/* 15. latest-blog-area */
.latest-blog-area{}
.latest-blog-wrapper{}
.latest-blog-img{}
.latest-blog-img a{}
.latest-blog-img a img{width:100%}
.latest-blog-text {
	margin-top: 32px;
	margin-bottom: 16px;
}
.latest-blog-text h4 {
	font-size: 23px;
	font-weight: 500;
	padding-right: 10px;
	line-height: 32px;
	margin-bottom: 0;
}
.latest-blog-text h4 a{color:#333333;transition:.3s;}
.latest-blog-text h4 a:hover{color:#1e1465;}
.blog-meta{}
.blog-meta span {
	color: #818a8b;
	font-size: 16px;
	margin-right: 23px;
}
.blog-meta span:last-child{margin-right:0;}
.blog-meta span i {
	margin-right: 9px;
	font-size: 12px;
}
.blog-meta span a{color: #818a8b;}

/* 16. feature-area */
.feature-area{}
.feature-wrapper {
	box-shadow: 0px 10px 80px 0px rgba(148, 148, 148, 0.27);
	padding: 62px 20px 60px 30px;
	border-radius: 30px;
	transition: .3s;
}
.feature-wrapper:hover{transform: translateY(-15px);}
.feature-img {
	margin-bottom: 24px;
}
.feature-text h4 {
	margin-bottom: 9px;
	font-size: 22px;
	font-weight: 500;
}
.feature-img img{}
.feature-text{}
.feature-text h4 {
	margin-bottom: 8px;
	font-size: 22px;
	font-weight: 500;
}
.feature-text p {
	margin-bottom: 0;
	padding-right: 5px;
}
/* feature-style-2 */
.feature2-title{}
.feature2-title h3 {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 43px;
	margin-bottom: 0;
}
.feature2-area{}
.feature2-wrapper {
	box-shadow: 0px 10px 80px 0px rgba(219, 219, 219, 0.91);
	padding: 65px 50px 59px 50px;
	transition: .3s;
	border-radius: 30px;
}
.feature2-wrapper:hover{transform: translateY(-15px);}
.feature2-img{}
.feature2-text{}
.feature2-text h3 {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 27px;
	margin-top: 40px;
}
.feature2-text p {
	margin-bottom: 0;
}

/* 17. service-provide-area */
.service-provide-area{}
.service-provide-wrapper{}
.service-provide-text {
	margin-left: 30px;
	margin-right: 31px;
}
.service-provide-text h4 {
	font-size: 20px;
	font-weight: 500;
	color: #1e1465;
	margin-bottom: 12px;
}
.service-provide-text p{margin-bottom:0;}
.service-provide-text a {
	font-size: 17px;
	color: #333333;
	font-weight: 700;
	border-bottom: 1px solid #333333;
	margin-top: 16px;
	display: inline-block;
	transition: .3s;
	line-height: 1;
}
.service-provide-text a:hover{color:#1e1465;}

/* 18. newsletter-area */
.newsletter-area{}
.newsletter {
	background-size: cover;
	background-position: center center;
}
.newsletter-info h3 {
	font-size: 24px;
	color: #fff;
	position: relative;
	font-weight: 500;
	display: inline-block;
	padding-bottom: 17px;
}
.newsletter-info h3::before {
	position: absolute;
	height: 2px;
	width: 100%;
	background: #3727aa;
	content: "";
	bottom: 0;
}
.newsletter-info h3::after {
	position: absolute;
	height: 3px;
	width: 50px;
	background: #fff;
	content: "";
	bottom: 0;
	left: 0;
}
.newsletter-text{}
.newsletter-text p {
	color: #fff;
	line-height: 26px;
	margin-bottom: 0;
	padding-right: 23%;
}
.newsletter-form {
	margin-right: 80px;
}
.newsletter-form  form {
  position: relative;
}
.newsletter-form form input {
	border: 0;
	border-radius: 0;
	height: 40px;
	padding: 0 15px;
	width: 100%;
	background: #fff;
	color: #8a8a8a;
}
.newsletter-form form input::placeholder {
  color: #8a8a8a;
}
.newsletter-form form button {
	background: #42e8e0;
	border: 0 none;
	color: #444444;
	font-weight: 700;
	height: 100%;
	padding: 0 32px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
	font-size: 14px;
	transition:.3s;
	cursor:pointer;
}
.newsletter-form form button:hover{background:#1e1465;color:#fff;}

/* 19. page-title-area */
.page-title-area {
	background-size: cover;
	background-position: center center;
}
.page-title-wrapper{}
.page-title-text{}
.page-title-text h1 {
	color: #fff;
	font-weight: 700;
	font-size: 60px;
	text-transform: uppercase;
	margin-bottom: 14px;
}
.page-title-text p {
	font-size: 22px;
	color: #fff;
	margin-bottom: 0;
	line-height: 32px;
	padding-right: 15%;
}
.page-title-text p span{color:#ff9600;font-weight:700;}

/* 20. hosting-plan-area */
.hosting-plan-area{}
.hosting-plan-wrapper {
	border: 1px solid #e9e9e9;
}
.hosting-plan-text {
	background: #35298e;
	padding: 12px 0 12px 0;
}
.hosting-plan-text h4 {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0;
	font-weight: 400;
	font-size:22px;
}
.hosting-plan-count {
	background: #1e1465;
	padding: 29px 0 21px 0;
}
.hosting-plan-count h2 {
	font-size: 48px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 0;
	font-family: 'Karla', sans-serif;
	line-height: 32px;
}
.hosting-plan-count h2 span.usd {
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	font-weight: 400;
}
.hosting-plan-count span {
	color: #fff;
	font-size: 18px;
}
.hosting-plan-list{}.hosting-plan-list {
	padding-top: 53px;
	margin-bottom: 50px;
}.hosting-plan-list li {
	color: #555;
	font-size: 16px;
	padding-bottom: 12px;
}
.hosting-plan-list li:last-child{padding-bottom:0;}
.hosting-plan-button a.btn {
	background: none;
	border: 2px solid #1e1465;
	font-size: 14px;
	padding: 12px 28px;
	transition: .3s;
	margin-bottom: 60px;
}
.hosting-plan-button a.btn:hover {
	background: #1e1465;
	border-color: #1e1465;
}
.hosting-plan-button.active a.btn {
	background: #1e1465;
	border-color: #1e1465;
	color: #fff;
}

/* 21. frequently-ask-area */
.faq-text{}
.faq-text h3{}
.faq-text h3 {
	font-family: 'Karla', sans-serif;
	font-weight: 700;
	font-size: 24px;
	position: relative;
	padding-bottom: 9px;
	margin-bottom: 36px;
}
.faq-text h3::before {
	position: absolute;
	height: 1px;
	width:100%;
	background: #e9e9e9;
	content: "";
	bottom: 0;
	left:0;
}
.faq-text h3::after {
	position: absolute;
	height: 1px;
	width:110px;
	background: #333333;
	content: "";
	bottom: 0;
	left:0;
}
.frequently-ask-area{}
.frequently-img {
	padding-left: 70px;
	margin-top: 44px;
}
.frequently-img img{}
.frequently2-img {}
.frequently2-img img {
	width: 100%;
}
.frequently2-img {
	padding-left: 70px;
	padding-top: 42px;
}
.frequently3-img img {
	width: 100%;
}
.frequently-tab-area {
	margin-left: 30px;
}
.frequently-tab {
	border-bottom: 1px solid #e9e9e9;
}
.frequently-tab li{}
.frequently-tab li a {
	color: #333333;
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 400;
	transition: .3s;
	padding: 0 25px 6px 25px;
}
.frequently-tab li:last-child a{margin-right:0;}
.frequently-tab li a:hover{color:#1e1465;border-bottom: 1px solid #333;}
.frequently-tab li a.active {
	color:#1e1465;
	border-bottom: 1px solid #333;
}
.question-collapse {}
.question-collapse .card {
	border-radius: 0;
	margin-bottom: 12px;
	border-bottom: 0;
	border: none;
}
.question-collapse .card:last-child{margin-bottom:0;}
.question-collapse .card-body {
	padding: 17px 0 0 0;
}
.question-collapse .card-header {
	border-bottom: none;
}
.question-collapse .card .card-header {
	padding: 0;
	background-color: inherit;
	position: relative;
}
.question-collapse .card .card-header .btn.btn-link {
	padding: 0;
}

.question-collapse .card .card-body > p {
	line-height: 27px;
	margin-bottom: 0;
	font-size: 16px;
	padding-right: 9%;
}
.question-collapse .card .card-body > p {
	line-height: 27px;
	margin-bottom: 11px;
	font-size: 16px;
	padding-right: 9%;
}
.question-collapse .card .card-header h5 .btn.btn-link {
	font-size: 20px;
	font-weight: 400;
	color: #333333;
	text-decoration: none;
	line-height: 1;
	background: none;
	text-transform: none;
	width: 100%;
	text-align: left;
	padding-left: 23px;
	padding-bottom: 17px;
	font-family: 'Karla', sans-serif;
	border-radius: 0;
}
.question-collapse .card .card-header h5 :last-child .btn.btn-link{padding-bottom:0;}
.question-collapse .card .card-header .btn.btn-link::before {
	position: absolute;
	content: "\e649";
	top: 4px;
	left: 0;
	bottom: 0;
	margin: auto;
	font-family: "Themify";
	color: #333333;
	font-size: 15px;
}

.question-collapse .card .card-header .btn.btn-link.collapsed::before {
	position: absolute;
	content: "\e648";
	top: 4px;
	left: 0;
	bottom: 0;
	margin: auto;
	font-family: "Themify";
	color: #333333;
	font-size: 15px;}
.question-collapse  .btn.btn-link{border-bottom:1px solid #e9e9e9;}
.question-collapse  .btn.btn-link.collapsed{border:none;}

/* 22. welcome-area */
.welcome-area{}
.welcome-wraaper{}
.welcome-text {
	margin-right: 47px;
	margin-left: 70px;
}
.welcome-text h3 {
	font-weight: 700;
	font-size: 30px;
	margin-bottom: 23px;
}
.welcome-text p {
	margin-bottom: 0;
}
.welcome-video {
	margin-top: 30px;
}
.welcome-video a {
	font-size: 17px;
	height: 40px;
	width: 40px;
	display: inline-block;
	background: #1e1465;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	color: #fff;
	padding-left: 3px;
	transition: .3s;
}
.welcome-video  a:hover{transform: scale(1.1);background:#3484a9;}
.welcome-video span {
	font-size: 17px;
	font-weight: 700;
	color: #666666;
	margin-right: 7px;
}
.welcome-info {
	padding-left: 15px;
	padding-right: 34px;
	padding-top: 45px;
}
.welcome-info p {
	margin-bottom: 0;
}

/* 23. about-video-area */
.about-video-area {
	background-size: cover;
	background-position: center center;
}
.about-video-wrapper{}
.about-video-text{}
.about-video-text a {
	color: #1e1465;
	font-size: 30px;
	background: #fff;
	height: 50px;
	width: 50px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	line-height: 54px;
	padding-left: 7px;
	transition: .3s;
}
.about-video-text a:hover{transform: scale(1.1);background:#1e1465;color:#fff;}
.about-video-text h1 {
	font-size: 48px;
	color: #fff;
	font-weight: 500;
	margin-top: 30px;
}
.about-video-text p {
	color: #fff;
	margin-bottom: 0;
}

/* 24. team-area */
.team-area{}
.team-border {
	border-top: 1px solid #e9e9e9;
}
.team-wrapper{}
.team-img{position:relative;}
.team-img::before {
	position: absolute;
	height: 100%;
	width: 100%;
	background: #000;
	content: "";
	left: 0;
	top: 0;
	opacity: 0;
	transition: .3s;
}
.team-wrapper:hover .team-img::before{opacity:.7;}
.team-img img{width:100%;}
.team-text {
	position: absolute;
	bottom: 65px;
	left: 0;
	right: 45px;
	text-align: center;
	transition: .3s;
	opacity:0;
}
.team-wrapper:hover .team-text{opacity:1;left:45px;}
.team-text h3 {
	font-size: 24px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 0;
}
.team-text span {
	font-size: 15px;
	color: #fff;
	font-weight: 400;
}
.team-icon {
	margin-top: 16px;
}
.team-icon a {
	font-size: 12px;
	color: #c9c9c9;
	padding: 0 5px;
	transition: .3s;
}
.team-icon a:hover{color:#fff;}

/* 25. alternative-domain-area */
.alternative-domain-area{}
.alternative-wraaper {
	background: #fff;
	padding: 45px 50px 60px 50px;
	transition: .3s;
}
.alternative-wraaper:hover {
	  box-shadow: 0px 10px 60px 0px rgba(218, 218, 218, 0.65);
}
.alternative-text{}
.alternative-text h3 {
	font-size: 30px;
	color: #ff9600;
	font-weight: 500;
	margin-bottom: 14px;
}
.alternative-text{}
.alternative-text p {
	margin-bottom: 0;
}
.alternative-text span {
	color: #818a8b;
	font-size: 17px;
	font-weight: 400;
	display: block;
}
.alternative-text a.btn {
	background: none;
	border: 1px solid #cccccc;
	font-size: 14px;
	padding: 12px 30px;
	transition: .3s;
	color: #666666;
	margin-top: 42px;
	transition:.3s;
}
.alternative-text a.btn:hover{background:#ff9600;border-color:#ff9600;color:#fff;}
.domain-count {
	margin-top: 30px;
}
.domain-count h1 {
	color: #ff9600;
	font-size: 48px;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	margin-bottom: 0;
}

.purple-text h3 {
	color: #8e54e9;
}
.purple-text .domain-count h1 {
	color: #8e54e9;
}
.purple-text a.btn {
	background: none;
	border: 1px solid #cccccc;
	font-size: 14px;
	padding: 12px 30px;
	transition: .3s;
	color: #666666;
	margin-top: 42px;
	transition:.3s;
}
.purple-text a.btn:hover{background:#8e54e9;border-color:#8e54e9;color:#fff;}

.red-text h3 {
	color: #e05941;
}
.red-text .domain-count h1 {
	color: #e05941;
}
.red-text a.btn {
	background: none;
	border: 1px solid #cccccc;
	font-size: 14px;
	padding: 12px 30px;
	transition: .3s;
	color: #666666;
	margin-top: 42px;
	transition:.3s;
}
.red-text a.btn:hover{background:#e05941;border-color:#e05941;color:#fff;}

.blue-text h3 {
	color: #29aaff;
}
.blue-text .domain-count h1 {
	color: #29aaff;
}
.blue-text a.btn {
	background: none;
	border: 1px solid #cccccc;
	font-size: 14px;
	padding: 12px 30px;
	transition: .3s;
	color: #666666;
	margin-top: 42px;
	transition:.3s;
}
.blue-text a.btn:hover{background:#29aaff;border-color:#29aaff;color:#fff;}

.green-text h3 {
	color: #4bcc88;
}
.green-text .domain-count h1 {
	color: #4bcc88;
}
.green-text a.btn {
	background: none;
	border: 1px solid #cccccc;
	font-size: 14px;
	padding: 12px 30px;
	transition: .3s;
	color: #666666;
	margin-top: 42px;
	transition:.3s;
}
.green-text a.btn:hover{background:#4bcc88;border-color:#4bcc88;color:#fff;}

.blue2-text h3 {
	color: #4776e6;
}
.blue2-text .domain-count h1 {
	color: #4776e6;
}
.blue2-text a.btn {
	background: none;
	border: 1px solid #cccccc;
	font-size: 14px;
	padding: 12px 30px;
	transition: .3s;
	color: #666666;
	margin-top: 42px;
	transition:.3s;
}
.blue2-text a.btn:hover{background:#4776e6;border-color:#4776e6;color:#fff;}

.red2-text h3 {
	color: #e6457b;
}
.red2-text .domain-count h1 {
	color: #e6457b;
}
.red2-text a.btn {
	background: none;
	border: 1px solid #cccccc;
	font-size: 14px;
	padding: 12px 30px;
	transition: .3s;
	color: #666666;
	margin-top: 42px;
	transition:.3s;
}
.red2-text a.btn:hover{background:#e6457b;border-color:#e6457b;color:#fff;}

.green2-text h3 {
	color: #27ae60;
}
.green2-text .domain-count h1 {
	color: #27ae60;
}
.green2-text a.btn {
	background: none;
	border: 1px solid #cccccc;
	font-size: 14px;
	padding: 12px 30px;
	transition: .3s;
	color: #666666;
	margin-top: 42px;
	transition:.3s;
}
.green2-text a.btn:hover{background:#27ae60;border-color:#27ae60;color:#fff;}

/* 26. welcome-hosting-area */
.welcome-hosting-area{}
.welcome-hosting-wrapper{}
.welcome-hosting-text{}
.welcome-hosting-text h2 {
	font-size: 30px;
	font-weight: 700;
	font-family: 'Karla', sans-serif;
	margin-bottom: 21px;
}
.welcome-hosting-text p {
	margin-bottom: 0;
}
.welcome-hosting-text a {
	background: #1e1465;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	padding: 13px 40px;
	display: inline-block;
	line-height: 1;
	transition: .3s;
	margin-top: 27px;
}
.welcome-hosting-text a:hover{background:#3484a9;}

/* 27. question-area */
.question-area{}
.question-wrapper{}
#question-form input {
	height: 50px;
	width: 100%;
	border: 1px solid #dfdfdf;
	margin-bottom: 30px;
	padding: 0 15px;
	color: #818a8b;
	font-size: 17px;
	transition:.3s;
}
#question-form input::-moz-placeholder {
  color: #818a8b;
  font-size: 17px;
}
#question-form textarea {
	width: 100%;
	border: 1px solid #dfdfdf;
	padding: 15px;
	height: 120px;
	margin-bottom:30px;
	transition:.3s;
}
#question-form textarea::-moz-placeholder {
  color: #818a8b;
  font-size: 17px;
}
#question-form button {
	background: #1e1465;
	color: #fff;
	font-size: 17px;
	font-weight: 400;
	display: inline-block;
	padding: 16px 80px;
	line-height: 1;
	transition: .3s;
	border: none;
	text-transform: uppercase;
	cursor:pointer;
}
#question-form button:hover{background:#3484a9;}
.contact-area #question-form input:hover{border-color:#1e1465;}
.contact-area #question-form textarea:hover{border-color:#1e1465;}

/* 28. support-area */
.support-area{}
.support-wrapper{}
.support-text{}
.support-text h2 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.support-text p{margin-bottom:0;}

/* 29. error-area */
.error-area{}
.error-wrapper{}
.error-img {
	margin-bottom: 90px;
}
.error-text{}
.error-text h1 {
	font-size: 120px;
	font-weight: 700;
	line-height: 100px;
	margin-bottom: 0;
}
.error-text span {
	font-size: 48px;
	color: #333;
	display: block;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
}
.error-text a {
	background: #1e1465;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	padding: 16px 38px;
	border-radius: 30px;
	margin-top: 31px;
	display: inline-block;
	transition: .3s;
}
.error-text a:hover{background:#3484a9;}

/* 30. contact-address-area */
.contact-address-area{}
.contact-address-wrapper{}
.contact-address-img{position:relative;}
.contact-address-img img {
	width: 100%;
}
.contact-address-text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 40px;
	right: 30px;
}
.contact-address-text h2 {
	font-size: 30px;
	color: #fff;
	font-weight: 500;
	position: relative;
	padding-bottom: 24px;
	margin-bottom: 20px;
}
.contact-address-text h2:before{position:absolute;height:2px;width:60px;content:"";background:#fff;bottom:0;left:0;}
.contact-address-text span {
	font-size: 22px;
	color: #fff;
	display: block;
	line-height: 32px;
	font-weight: 400;
}

/* 31. map */
#contact-map {
	height: 600px;
	width: 100%;
}

/* 32. blog-grid-area */
.blog-grid-area{}
.blog-wrapper{}
.blog-img{}
.blog-img a{}
.blog-img a img{width:100%;}
.blog-text {
	margin-top: 30px;
}
.blog-text h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	margin-bottom: 15px;
}
.blog-text h4 > a {
	color: #333;
	transition: .3s;
}
.blog-text h4 > a:hover{color:#1e1465;}
.blog-text p {
	margin-bottom: 0;
	margin-top: 12px;
}
.blog-left .blog-text h4 {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 17px;
}
.blog-left .blog-text p {
	padding-right: 40px;
}

/* 33. paginations */
.paginations{}
.paginations ul li {
	display: inline-block;
	padding: 0 3px;
}
.paginations ul li a {
	background: #f6f6f6;
	border-radius: 100%;
	color: #666666;
	display: table-cell;
	font-size: 14px;
	font-weight: 700;
	height: 35px;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	width: 35px;
	text-align: center;
}
.paginations ul li:hover a, .paginations ul li.active a {
  background: #1e1465;
  color:#fff;
}
.paginations .next a {
	background: none;
	text-transform: uppercase;
}

/* 34. blog-sidebar */
.widget {
	overflow: hidden;
	padding: 25px 30px 25px 30px;
	border: 1px solid #e9e9e9;
}
.widget2{border:none;}
.widget-title {
	color: #444444;
	font-size: 22px;
	font-weight: 500;
	height: auto;
	line-height: 1;
	position: relative;
	text-transform: capitalize;
	margin-bottom: 34px;
	padding-bottom: 22px;
}
.widget-title::before {
	border-bottom: 2px solid #e1e1e1;
	bottom: 0;
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	left:0;
}
.widget-title::after {
	border-bottom: 2px solid #1e1465;
	bottom: 0;
	content: "";
	display: block;
	position: absolute;
	width: 60px;
	left:0;
}
.sidebar-form{}
.sidebar-form form {
  position: relative;
}
.sidebar-form form input {
	background: #fff;
	border: 1px solid #e9e9e9;
	color: #818a8b;
	padding: 0 10px;
	text-indent: 10px;
	transition: all 0.2s ease 0s;
	width: 100%;
	height: 50px;
	font-size: 15px;
}
.sidebar-form form input::-moz-placeholder {
  color: #818a8b;
  font-size: 15px;
}
.sidebar-form form button {
	background: none;
	border: 0 none;
	color: #1e1465;
	font-size: 15px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 55px;
	cursor: pointer;
	top: 3px;
}
.sidebar-rc-post{}
.sidebar-rc-post ul{}
.sidebar-rc-post ul li {
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 30px;
}
.sidebar-rc-post ul li:last-child{border:0;margin:0;padding:0;;}
.sidebar-rc-post .rc-post-thumb {
	display: inline-block;
	float: left;
	height: 80px;
	overflow: hidden;
	position: relative;
	width: 80px;
}
.sidebar-rc-post .rc-post-content {
	margin-left: 95px;
	overflow: hidden;
}
.sidebar-rc-post .rc-post-content h4 {
	display: block;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 1px;
	text-indent: 0;
}
.sidebar-rc-post .rc-post-content h4 a {
	color: #444444;
	transition: .3s;
}
.sidebar-rc-post .rc-post-content h4 a:hover {
	color: #1e1465;
}
.widget-date {
	color: #818a8b;
	display: inline-block;
	float: left;
	font-size: 14px;
	line-height: 1;
	margin: 11px 0 0 0;
	text-decoration: none;
	text-indent: 0;
	font-weight: 400;
}
.sidebar-blog .widget{margin-bottom:35px;}
.sidebar-blog .widget:last-child{margin-bottom:0;}
.sidebar-tad{}
.sidebar-tad li {
	float: left;
	margin-bottom: 8px;
	margin-right: 8px;
}
.sidebar-tad li a {
	color: #555;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 8px 19px;
	text-transform: capitalize;
	transition: .3s;
	border: 1px solid #e5e5e5;
}
.sidebar-tad li a:hover{background:#1e1465;color:#fff;border-color:#1e1465;}
.blog-menu{}
.blog-menu li {
	line-height: 1;
	padding-bottom: 20px;
	position:relative;
	transition:.3s;
}
.blog-menu li::before {
	position: absolute;
	background: #1e1465;
	content: "";
	height: 2px;
	width: 0;
	left: 0;
	top: 8px;
	transition:.3s;
}
.blog-menu li:hover::before{width:20px;}
.blog-menu li:last-child{padding-bottom:0;}
.blog-menu li a {
	font-size: 17px;
	color: #818a8b;
	font-weight: 400;
	transition: .3s;
}
.blog-menu li:hover a{color:#1e1465;padding-left:36px;}

/* 35. blog-details */
.blog-details{}
.blog-details-text {
	padding: 40px 72px 44px 40px;
}
.blog-details-text p {
	font-size: 22px;
	font-style: italic;
	line-height: 38px;
	margin-bottom: 0;
	margin-top: 0;
}
.blog-details-text h4 {
	font-size: 18px;
	font-weight: 500;
	font-style: italic;
	margin-bottom: 0;
	margin-top: 14px;
}
.blog-details-text span {
	color: #333333;
	font-size: 14px;
	font-style: italic;
}
.details-blog {
	line-height: 33px;
	padding-right: 50px;
	margin-top: 18px;
	margin-bottom: 46px;
}
.blog-post-tag span {
	font-size: 17px;
	color: #333333;
	font-weight: 700;
}
.blog-post-tag > a {
	color: #818a8b;
	display: inline-block;
	font-size: 17px;
}
.blog-post-tag > a:hover {
	color: #1e1465;
}
.blog-share-icon > span {
	color: #333333;
	font-size: 17px;
	font-weight: 700;
}
.blog-share-icon > a {
	color: #818a8b;
	font-size: 12px;
	margin: 0 8px;
	transition: .3s;
}
.blog-share-icon> a:hover{color: #1e1465}
.blog-share-icon {
  margin-top: 8px;
}
.details-next {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 60px;
	margin-bottom: 40px;
	padding-top: 55px;
	margin-top: 53px;
}
.details-next-text{}
.details-next-text h4 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	margin-bottom: 0;
}
.details-next-text a {
	border: 1px solid #666666;
	display: inline-block;
	padding: 8px 24px;
	color: #555;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	transition:.3s;
	margin-top:22px;
	text-transform:capitalize;
}
.details-next-text a:hover{border-color:#1e1465;background:#1e1465;color:#fff;}
.details-next-text a.active{border-color:#1e1465;background:#1e1465;color:#fff;}
.author {
	background: #f6f6f6;
	padding: 45px 71px 43px 30px;
	overflow: hidden;
}
.author-img {
	float: left;
	margin-right: 25px;
}
.author-img img{}
.author-text {
	overflow: hidden;
}
.author-text > h4 {
	font-weight: 500;
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 10px;
}
.author-text > span {
	color: #818a8b;
	font-size: 16px;
	display: inline-block;
	margin-top: 2px;
	margin-bottom: 12px;
}
.author-text > p {
	margin-bottom: 0;
}
.post-comments {}
.coment-title h2 {
	color: #333333;
	font-size: 24px;
	font-weight: 700;
}
.comments-avatar {
	float: left;
}
.comments-text {
  overflow: hidden;
  padding-left: 18px;
}
.avatar-name > h5 {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 3px;
	text-transform: capitalize;
}
.avatar-name {
	margin-bottom: 3px;
	overflow: hidden;
}
.comments-box {}
.comments-reply {
	padding-left: 77px;
}
.comments-text > p {
	margin-bottom: 0;
	padding-right: 56px;
}
.comments-text > a {
	color: #333333;
	display: inline-block;
	font-size: 17px;
	font-weight: 700;
	transition: .3s;
	line-height: 1;
	margin-top: 10px;
}
.comments-text > a:hover{color:#1e1465;}

.post-comments-form {}
.post-title h2 {
	font-size: 24px;
	font-weight: 700;
	color: #333333;
	margin-bottom: 0;
}
.post-comments-form input {
	border: 1px solid #eaeaea;
	height: 38px;
	margin-bottom: 20px;
	padding: 0 15px;
	width: 100%;
	color: #a4a4a4;
	font-size: 14px;
	font-weight: 400;
	background: none;
}
.post-comments-form input::-moz-placeholder {
  color: #a4a4a4;
  font-size: 14px;
}
.post-comments-form textarea {
  border: 1px solid #eaeaea;
  height: 130px;
  margin-bottom: 20px;
  padding: 15px;
  width: 100%;
  color: #a4a4a4;
  font-size: 14px;
  background:none;
}
.post-comments-form textarea::-moz-placeholder {
  color: #a4a4a4;
  font-size: 14px;
}
.post-comments-form button.btn {
	font-size: 14px;
	font-weight: 700;
	padding: 15px 33px;
	color: #fff;
	transition: .3s;
	background: #1e1465;
	transition: .3s;
	border-radius: 7px;
}
.post-comments-form button.btn:hover{background:#3484a9;color:#fff;}
.author-icon{}
.author-icon a {
	font-size: 12px;
	color: #818a8b;
	padding-right: 12px;
	transition: .3s;
}
.author-icon a:hover{color:#666666;}

/* 36. shop-area */
.shop-area{}
.nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: none;
	border: solid 1px #dddddd;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 17px;
	font-weight: normal;
	height: 42px;
	line-height: 40px;
	outline: none;
	padding-left: 42px;
	padding-right: 68px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: auto;
	color: #666666;
}
.nice-select::after {
	border-bottom: 2px solid #2b2b2b;
	border-right: 2px solid #2b2b2b;
	content: '';
	display: block;
	height: 6px;
	pointer-events: none;
	position: absolute;
	right: 42px;
	top: 50%;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 6px;
}
.shop-title {
	float: right;
}
.shop-title span {
	font-size: 24px;
	color: #666666;
	font-weight: 400;
}
.showing-text{}
.showing-text span {
	float: left;
	font-size: 17px;
	color: #666666;
	margin-right: 10px;
}
.shop-wraaper{}
.shop-img{position:relative;}
.shop-img > a{position:relative;display:block;}
.shop-img > a:before{
	background-image: -moz-linear-gradient( 90deg, rgba(30,20,101,0.90196) 0%, rgba(48,112,157,0.9) 82%, rgba(52,132,169,0.90196) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(30,20,101,0.90196) 0%, rgba(48,112,157,0.9) 82%, rgba(52,132,169,0.90196) 100%);
	background-image: -ms-linear-gradient( 90deg, rgba(30,20,101,0.90196) 0%, rgba(48,112,157,0.9) 82%, rgba(52,132,169,0.90196) 100%);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	transition: .3s;
	top: 0;
	opacity:0;
}
.shop-wraaper:hover .shop-img > a:before{opacity:1;}
.shop-img > a img{width:100%;}
.shop-button{
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
	transition: .3s;
	opacity:0;
}
.shop-wraaper:hover .shop-button{top:50%;opacity:1;}
.shop-button > a.btn {
	background: #1e1465;
	color: #fff;
	font-size: 13px;
	padding: 11px 24px;
	transition: .3s;
}
.shop-button > a.btn:hover{background:#fff;color:#1e1465;}
.shop-text {
	margin-top: 23px;
}
.shop-text h4 {
	font-family: 'Karla', sans-serif;
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 5px;
}
.shop-text h4 a {
	color: #555;
	transition: .3s;
}
.shop-text h4 a:hover{color:#1e1465;}
.shop-text span {
	font-weight: 700;
	font-size: 17px;
	color: #444444;
}
#slider-range{
  background: #dfdede;
  border: 0 none;
  border-radius: 0;
  height: 5px;
}
#slider-range span.ui-state-default {
  background: #1e1465;
  border: 0 none;
  border-radius: 50%;
  height: 15px;
  width: 15px;
}
.ui-slider-horizontal .ui-slider-range {
	background: #1e1465;
}
#slider-range span.ui-state-default{}
.price-filter input {
	border: 0 none;
	color: #8a8a8a;
	margin-top: 20px;
	font-size: 16px;
}
.shop-sidebar{}
.sidebar-title {
	color: #444444;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 25px;
}
.sidebar-menu{}
.sidebar-menu li {
	line-height: 1;
	padding-bottom: 18px;
}
.sidebar-menu li:last-child{padding-bottom:0;}
.sidebar-menu li a {
	font-size: 16px;
	color: #666666;
	transition: .3s;
}
.sidebar-menu li a:hover{color:#1e1465;}
.sidebar-menu li a span {
	float: right;
}
.popular-product{}
.popular-product li {
	overflow: hidden;
	padding-bottom: 26px;
}
.popular-product li:last-child{padding-bottom:0;}
.product-thumb {
	float: left;
	margin-right: 22px;
}
.side-pro-info{}
.side-pro-info h4 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 2px;
}
.side-pro-info h4 a {
	color: #666666;
	transition: .3s;
}
.side-pro-info h4 a:hover{color:#1e1465;}
.side-pro-info span {
	font-size: 14px;
	font-weight: 700;
	color: #8a8a8a;
}
.tag li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
ul.tag li a {
	border: 1px solid #ddd;
	color: #8a8a8a;
	display: block;
	padding: 6px 11px;
	font-size: 12px;
}
ul.tag li a:hover {
	background: #1e1465;
	border: 1px solid #1e1465;
	color: #fff;
}

/* 35. shop-details */
.product-desc{}
.product-desc h2 {
	font-size: 30px;
	color: #444444;
	font-weight: 500;
	margin-bottom: 2px;
}
.shop-details-active .owl-nav div {
	background: #fff;
	border-radius: 50%;
	color: #818a8b;
	display: inline-block;
	font-size: 18px;
	height: 50px;
	left: -30px;
	line-height: 50px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease 0s;
	width: 50px;
	box-shadow: 0.872px 9.962px 30px 0px rgba(142, 142, 142, 0.27);
	opacity:1;
}
.shop-details-active .owl-nav div.owl-next {
	left: auto;
	right: -30px;
}
.shop-details-active .owl-nav div:hover{background:#42e8e0;color:#333333;}

.pro-details-price {
	font-size: 30px;
	font-weight: 500;
	color: #666666;
	display: block;
	font-family: 'Rubik', sans-serif;
}
.availabilty {
	margin-bottom: 20px;
	margin-top: 27px;
}
.availabilty span {
	font-weight: 700;
	font-size: 17px;
	color: #222222;
}
.pro-details-action .btn {
	background: #1e1465;
	color: #fff;
	border-radius: 0;
	transition: .3s;
}
.pro-details-action .btn:hover{background:#42e8e0;}
.product-btn a {
	color: #555;
	margin-right: 20px;
}
.product-desc p {
	margin-bottom: 40px;
}
.product-btn a:hover{color: #1e1465;}
.product-btn a span {
	margin-left: 5px;
}
.pro-details-action .nice-select {
	border: solid 1px #e8e8e8;
	height: 51px;
	line-height: 50px;
	margin-right: 10px;
	border-radius: 0;
	padding: 0 24px;
}
.pro-details-action .nice-select::after {
	border-bottom: 2px solid #1e1465;
	border-right: 2px solid #1e1465;
	content: '';
	display: block;
	height: 6px;
	pointer-events: none;
	position: absolute;
	right: 9px;
}
.pro-cat ul li span {
	color: #444;
	font-weight: 500;
	margin-right: 8px;
}
.pro-cat ul li {
	margin-bottom: 15px;
}
.pro-cat ul li a {
	color: #777;
}
.pro-cat ul li a:hover {
	color: #1e1465;
}
.colors a span {
	height: 15px;
	width: 15px;
	display: inline-block;
	border-radius: 50%;
}
.varable-select ul li{margin-bottom: 20px;}
.pro-size a{margin-right: 10px;}
.grp-price{color: #1e1465;margin-left: 10px;font-weight: 500;}
/* review */
.nav.review-tab {
  border-bottom: 1px solid #e5e5e5;
}
.review-tab .nav-link {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  padding: 0;
  padding-bottom: 15px;
}
.review-tab .nav-item {
  margin-right: 65px;

   position: relative
}
.review-tab .nav-link.active::before {
  background: #1e1465;
  bottom: -1px;
  content: "";
  height: 2px;
  position: absolute;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.pro-comments-img {
  float: left;
}
.pro-commnets-text {
	overflow: hidden;
	padding-left: 15px;
}
.pro-commnets-text h4 {
	font-size: 15px;
	margin-bottom: 0;
	font-weight: 700;
	color: #444444;
}
.pro-commnets-text span {
  font-size: 14px;
  color:#8a8a8a;
  font-weight:400;
}
.pro-commnets-text .rating {
  margin-bottom: 20px;
}
.pro-commnets-text > p {
  margin: 0;
}
.product-commnets-list {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 40px;
}
.pro-commnets-text .pro-rating {
	margin-bottom: 5px;
	margin-top: 8px;
}
.pro-commnets-text .pro-rating i{color:#1e1465;}
.product-commnets .product-commnets-list:last-child{border: 0}

.review-box > h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.rating-list {
  display: inline-block;
}
.your-rating > span {
  color: #414149;
  font-size: 16px;
}
.rating-list > a {
  color: #646464;
  font-size: 13px;
}
.review-form{}
.review-form label {
  color: #414149;
  display: block;
  font-size: 16px;
  margin-bottom: 15px;
}
.review-form textarea {
  border: 1px solid #eaeaea;
  height: 80px;
  margin-bottom: 25px;
  padding: 15px;
  width: 100%;
}
.review-form input {
  border: 1px solid #eaeaea;
  height: 40px;
  margin-bottom: 30px;
  padding: 0 15px;
  width: 100%;
}
.review-form button {
	background: #1e1465;
	color: #fff;
	border-radius: 0;
	padding: 11px 34px;
}
.review-form button:hover{background:#3484a9;}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}
/* search modal */
#search-modal {
	background-color: rgba(23,26,33,.95);
}
#search-modal .modal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	border: none;
	outline: 0;
}
#search-modal .modal-dialog .modal-content {
	background: 0 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
}
#search-modal .modal-dialog .modal-content form {
	width: 555px;
	position: relative;
}
#search-modal .modal-dialog .modal-content form input {
	width: 100%;
	font-size: 36px;
	border: none;
	border-bottom: 3px solid rgba(255,255,255,.1);
	background: 0 0;
	color: #fff;
	padding-bottom: 12px;
	padding-right: 40px;
}
#search-modal .modal-dialog .modal-content form input::-moz-placeholder {
	font-size: 35px;
}
#search-modal .modal-dialog .modal-content form input::placeholder {
	font-size: 35px;
}
#search-modal .modal-dialog .modal-content form button {
	position: absolute;
	right: 0;
	margin-bottom: 3px;
	font-size: 30px;
	color: rgba(255,255,255,.5);
	background: 0 0;
	border: none;
	cursor: pointer;
	top: 11px;
}