@import url(bootstrap.min.css);

.dropdown,
.menu li {
	white-space: nowrap
}

.dropdown li:hover,
.menu li:hover {
	background-color: #4c9e9e
}



.services:hover .dropdown,
img {
	display: block
}

.box1 h1,
.footer-bottom .copy-text,
h1,
h2,
h3,
h4,
h5 {
	font-family: 'Source Sans Pro', sans-serif
}

.nav-links a,
.nav-links p {
	text-transform: uppercase;
	font-weight: 600
}

.regggg,
a {
	color: #fff
}

body,
input,
ol,
p,
textarea,
ul {
	font-size: 14px
}

button,
input,
textarea {
	display: block;
	outline: 0;
	box-shadow: none
}

.panel-default,
img {
	width: 100%
}

.theme_menu.stricky-fixed .menuzord-menu>li>a,
body {
	color: #222
}

#main_menu ul ul,
img {
	height: auto
}

.menusearch input[type=text] {
	margin-bottom: 0 !important
}

.navbar {
	z-index: 999;
	display: flex;
	align-items: center;
	margin-bottom: 0;
	color: #f5f5f5
}

.nav-links a {
	color: #f5f5f5;
	font-size: 14px !important
}

.nav-links p {
	font-size: 14px;
	color: #f5f5f5 !important
}

.menu {
	display: flex;
	font-size: 14px
}

.dropdown,
.hamburger,
input[type=checkbox] {
	display: none
}

.menu li:hover {
	border-radius: 5px;
	transition: .3s
}

.menu li {
	padding: 5px 10px
}

.ch-item,
.list-group-item,
.main-footer,
.menusearch,
.services,
.theme_menu .container,
.top-bar {
	position: relative
}

.dropdown {
	background-color: #018b8b;
	padding: 1em 0;
	position: absolute;
	right: -100px;
	border-radius: 8px;
	top: 35px
}

.dropdown li+li {
	margin-top: 10px
}

.nav-links.dropdown a {
	text-transform: capitalize;
	font-weight: 400
}

.dropdown li {
	padding: 0 8px;
	width: auto;
	text-align: center
}

.hamburger {
	font-size: 24px;
	user-select: none
}

@media (max-width:991px) {

	.menu,
	.nav-links p {
		text-align: center
	}

	.menu {
		display: none;
		position: absolute;
		background-color: teal;
		right: 0;
		left: 0;
		padding: 16px 0
	}

	.hamburger,
	input[type=checkbox]:checked~.menu {
		display: block
	}

	.menu li:hover {
		display: block;
		background-color: #4c9e9e;
		transition: .3s
	}

	.menu li+li {
		margin-top: 5px;
		border-bottom: 1px solid #fff
	}

	.hamburger {
		color: #fff
	}

	.dropdown {
	    top: 45px;
    z-index: 999;
    transform: translateX(-57%);
	}

	.dropdown li:hover {
		background-color: #4c9e9e;
		text-transform: normal;
		font-weight: 400 !important
	}
}

.dropdown-toggle:after {
	content: '\25BC';
	position: absolute;
	top: 4px;
	right: -2px;
	bottom: 0;
	font-size: 10px
}

a,
p.tfnhare a:hover,
ul {
	text-decoration: none
}

.ch-grid,
ul.captcha li {
	list-style: none
}

.regggg {
	background: #318c73;
	padding: 11px
}

ul {
	list-style-type: none
}

.box1 h1 {
	font-size: 30px;
	text-align: center;
	border-bottom: 1px solid #689948;
	padding: 0 0 3px;
	color: #274e30;
	margin: 0 0 3px
}

.box1 h2,
.box1 h3,
.box1 h4,
.box1 li,
.box1 p {
	font-family: 'Source Sans Pro', sans-serif !important
}

.box1 h2,
.box1 h3,
.box1 h4 {
	font-size: 20px !important;
	text-transform: none !important;
	padding: 0 0 3px;
	color: #274e30 !important;
	margin: 0 0 3px !important
}

.box1 li,
.box1 p {
	text-align: justify !important;
	color: #383838 !important;
	line-height: 26px !important
}

.box1 p {
	font-size: 16px !important;
	font-weight: 300 !important
}

.box1 li {
	font-weight: 700 !important
}

.about-faq h1,
.center,
.ch-grid,
.copy,
.scroll-top,
p.tfnhare {
	text-align: center
}

h1,
h2,
h3,
h4,
h5,
h6,
ul {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5 {
	margin: 0 0 3px
}

input,
li,
ol,
textarea,
ul {
	font-family: 'Source Sans Pro', sans-serif !important
}

ol,
p,
ul {
	text-align: justify;
	line-height: 37px !important;
	letter-spacing: .5px;
	font-size: 18px;
	color: #3e4348 !important;
	margin-bottom: 15px
}

.box11 h2,
.box11 h3,
.box11 h4 {
	margin-top: 25px;
	margin-bottom: 10px
}

a {
	display: inline-block;
	outline: 0;
	cursor: pointer
}

a:focus,
a:hover,
a:visited {
	text-decoration: underline;
	outline: 0
}

a:hover {
	color: #00f
}

img {
	max-width: 100%
}

button {
	border: none;
	padding: 0;
	background: 0 0
}

input,
textarea {
	line-height: 28px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.boxed_wrapper {
	width: 100%;
	background: #fff;
	overflow-x: hidden
}

.disc,
.scroll-top,
.theme_menu,
p.tfnhare a {
	background: #318c73
}

.sec-padd {
	padding: 40px 0
}

.category-products .list-group,
.theme_menu .menuzord,
.top-bar {
	padding: 0
}

.tran3s {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.row-5 {
	margin: 0 -5px
}

.footer-bottom .copy-text a:hover,
.thm-color {
	color: #318c73
}

@media (min-width:1200px) {
	.container {
		padding: 0
	}
}

.thm-btn:hover {
	background: 0 0;
	color: #79aa40;
	border-color: #79aa40;
	transition: .5s cubic-bezier(.4, 0, 1, 1)
}

.scroll-top {
	width: 50px;
	height: 40px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 99;
	display: none;
	color: #fff
}

.ch-info,
.ch-info>div,
.copy,
.scroll-top:after,
.slide-inner,
.tri-right.right-top:after {
	position: absolute
}

.scroll-top span:before {
	font-size: 27px
}

.scroll-top:after {
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, 0) 80%)
}

.top-bar {
	line-height: 56px
}

.main-logo {
	margin: 0;
	width: 147px
}

.main-footer {
	background: #222;
	color: #848484
}

.footer-bottom {
	background: #1d1d1d;
	padding: 15px 0
}

.footer-bottom .copy-text {
	color: #fff;
	font-size: 14px
}

.ch-info h2,
.ch-info p a,
.ch-info-back .ch-text {
	font-family: 'Source Sans Pro', sans-serif !important
}

.footer-bottom .copy-text p {
	margin: 0;
	color: #fff!important;
}

.footer-bottom .copy-text a {
	color: #fff;
	transition: .3s
}

.footer-bottom .get-text ul li {
	float: left
}

.footer-bottom .get-text ul li a {
	font-size: 16px;
	font-weight: 300;
	margin-right: 25px;
	color: #fff !important
}

.about-faq h1,
.about-faq h2,
.about-faq h3 {
	text-transform: none;
	padding: 0 0 3px;
	color: #274e30
}

.ch-info p a,
.thm-btn {
	text-transform: uppercase
}

.about-faq h1 {
	border-bottom: 1px solid #318c73;
	font-size: 30px
}

.about-faq ul {
	padding-left: 30px;
	list-style: outside;
	margin: 0 0 10px
}

.about-faq h2 {
	font-size: 23px;
	line-height: 29px
}

.about-faq h3 {
	font-size: 20px
}

.disc {
	padding: 10px 0;
	color: #fff
}

.disc p {
	color: #fff;
	font-size: 14px;
	margin: 0
}

.disc h4 {
	margin: 0 0 7px
}

.box1 {
	border: 4px solid #318c736b;
	padding: 20px
}

.social-ic {
	background: #444
}

.social-ic ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0
}

.social-ic ul li {
	width: 8.5%;
	float: right;
	margin: 0;
	padding: 0
}

.social-ic ul li a {
	padding: 14px 0;
	font-size: 25px;
	color: #318c73;
	text-align: center;
	width: 100%
}

.category-products {
	margin-top: 30px
}

.category-products .panel-default>.panel-heading {
	background-color: #2ed16f;
	color: #000
}

.category-products .panel-title>a {
	color: #000
}

.menusearch {
	float: right;
	margin: 6px 25px
}

.menusearch input[type=text] {
	box-sizing: border-box;
	border: none;
	border-radius: 0;
	font-size: 16px;
	background-color: #e9e9e9;
	background-image: url(../images/searchicon.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	padding: 9px 4px 9px 40px;
	height: auto;
	-webkit-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;
	float: right;
	color: #fff
}

.list-group-item {
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #cbefb4;
	border: 1px solid #8cb96e
}

.theme_menu.stricky-fixed .menusearch input[type=text] {
	background-color: #318c73
}

.scr {
	height: 350px
}

.ch-grid {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%
}

.ch-grid:after,
.ch-item:before {
	content: '';
	display: table
}

.ch-grid:after {
	clear: both
}

.ch-grid li {
	width: 249px;
	height: 275px;
	display: inline-block;
	margin: 9px 20px
}

.ch-info,
.ch-info>div,
.ch-item {
	height: 100%;
	width: 100%
}

.ch-item {
	border-radius: 50%;
	cursor: default;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px
}

.ch-info {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.ch-info>div {
	display: block;
	border-radius: 15%;
	background-position: center center;
	-webkit-transition: .4s linear;
	-moz-transition: .4s linear;
	-o-transition: .4s linear;
	-ms-transition: .4s linear;
	transition: .4s linear;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0
}

.ch-info h2,
.ch-info-back .ch-text {
	letter-spacing: 2px;
	margin: 0 15px;
	padding: 32px 0 3px 10px;
	height: 110px;
	text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3);
	text-transform: uppercase
}

.ch-info .ch-info-front {
	box-shadow: inset 0 0 0 16px rgba(46 209 111)
}

.ch-info .ch-info-back {
	-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
	background: #318c73;
	opacity: 0
}

.ch-img-1 {
	background-image: url(../images/emailsupport.png)
}

.ch-img-2 {
	background-image: url(../images/browsersupport.png)
}

.ch-img-3 {
	background-image: url(../images/hardwaresupport.png)
}

.ch-img-4 {
	background-image: url(../images/softwaresupport.png)
}

.ch-info h2 {
	color: #fff;
	font-size: 24px
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	margin: 0 7px;
	font-size: 16px;
	border-top: 1px solid rgba(255, 255, 255, .5)
}

p.tfnhare,
ul.captcha {
	padding: 0 !important
}

.ch-info p a {
	display: block;
	color: rgba(255, 255, 255, .7);
	font-style: normal;
	font-weight: 700;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px
}

.ch-info p a:hover {
	color: rgba(255, 242, 34, .8)
}

.ch-item:hover .ch-info-front {
	-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
	opacity: 0
}

.ch-item:hover .ch-info-back {
	-webkit-transform: rotate3d(1, 0, 0, 0deg);
	-moz-transform: rotate3d(1, 0, 0, 0deg);
	-o-transform: rotate3d(1, 0, 0, 0deg);
	-ms-transform: rotate3d(1, 0, 0, 0deg);
	transform: rotate3d(1, 0, 0, 0deg);
	opacity: 1
}

.ch-info-back .ch-text {
	color: #fff;
	font-size: 15px
}

.swiper-container {
	height: calc(100vh - 120px);
	margin: 60px
}

.swiper-slide {
	overflow: hidden
}

.slide-inner {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center
}

.copy {
	bottom: 15px;
	left: 0;
	right: 0;
	color: #fff;
	letter-spacing: .06em
}

p.tfnhare {
	border-radius: 8px !important
}

p.tfnhare a {
	color: #fff;
	padding: 10px 26px;
	font-size: 20px;
	font-weight: 500
}

.tri-right.border.right-top:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: auto;
	right: -40px;
	top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #666 transparent transparent
}

.round {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px
}

.talktext {
	padding: 1em;
	text-align: left;
	line-height: 1.5em
}

.talktext p {
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em
}

.tri-right.right-top:after {
	content: ' ';
	width: 0;
	height: 0;
	left: auto;
	right: -20px;
	top: 0;
	bottom: auto;
	border: 20px solid;
	border-color: #ffffe0 transparent transparent
}

.border {
	border: 8px solid #666
}

.talk-bubble {
	margin: 17px;
	display: inline-block;
	position: relative;
	width: 400px;
	height: auto;
	background-color: #ffffe0
}

.name p {
	font-size: 17px;
	font-weight: 600
}

.name span {
	color: grey
}

.form-control {
	display: block;
	width: 100%;
	height: 40px
}

input.form-control {
	width: 100%;
	border: 1px solid #000;
	margin-bottom: 20px;
	color: #000;
	resize: none;
	border-radius: 0
}

label.qwer {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 500;
	font-family: Hind, sans-serif;
	color: #3e4348
}

textarea.form-control.textarea.required {
	max-width: 100%;
	min-height: 165px;
	padding: 6px 15px;
	border-radius: 0;
	width: 100%;
	border: 1px solid #000;
	margin-bottom: 20px;
	color: #000;
	resize: none
}

.thm-btn {
	position: relative;
	background: #2ed16f !important;
	font-size: 14px;
	line-height: 46px;
	font-weight: 600;
	color: #000 !important;
	border: 2px solid #0b1320;
	font-family: Raleway, sans-serif;
	display: inline-block;
	padding: 0 38px;
	transition: .5s cubic-bezier(.4, 0, 1, 1)
}

ul.ch-grid {
	margin-top: 61px
}

.breadcrumb {
	background: #555 !important
}

.box11 a {
	color: #0a46f6 !important
}

.author-profile {
	padding: 30px;
	border: 1px solid #f5f5f5;
	background: #fff;
	border-radius: 10px;
	margin-top: 20px
}

.author-profile .text p {
	padding-top: 10px;
	line-height: 32px !important;
	font-size: 18px
}

.author-content {
	display: block;
	align-items: center
}

.author-profile .profile-img img {
	border-radius: 50%;
	width: 100px;
	border: 1px solid #000
}


.search-bar {
	position: absolute;
	right: 0px;
	top: 15px;
}

.search-bar li {
	list-style: none;
}

.search-bar li img {
	width: 25px;
}

.modal.in .modal-dialog {
	margin-top: 3% !important;
}

.serchicon img {
	width: 35px;
}


@media (min-width:992px) and (max-width:1025px) {}


@media (min-width:1024px) and (max-width:1200px) {
	.theme_menu .container {
		width: 100%;
	}

	.top-bar .container {
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.theme_menu .container {
		width: 100%;
	}

	.top-bar .container {
		width: 100%;
	}
}

.tin-img img {
	height: 145px;
}

@media (max-width:767px) {
	.full-text {
		height: 550px;
	}


}

@media (max-width:991px) {

	.dropdown-toggle:after {
		content: '\25BC';
		position: relative;
		top: -3px;
		bottom: 0;
		font-size: 10px;
	}

}


.full-text {
	margin-bottom: 20px;
}


.news-sidebar .list .add {
	word-break: break-word;
}

.news-sidebar .list {
	text-align: left;
}




.recent-post.mobile .seach{display:none;}

.recent-post.mobile{padding:0px; margin:0px;}
@media (max-width:991px){
    .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{background:#;}
    
.recent-post.mobile .input-group-btn .btn.btn-default{background:#256051!important; color:#fff!important;}    
    
.recent-post.desktop .search{display:none;}    
    
    .recent-post.mobile .seach{display:block; padding:0px; margin:0px; width: 250px;
    z-index:9999;
    float: right;
    margin: -50px -3px;}
    
    .input-group {
    position: relative;
    display: table!important;
    border-collapse: separate;
}
    
    
}