body, html {
	/*font-family: 'Lato', sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #d7d7d7;
}
img{
	border:none; 		
}
h1 {
	font-weight: 700;
}
h1 strong {
	font-weight: 900;
}
h2 {
	font-size: 36px;
	margin: 0;
}
h3 {
	font-size: 16px;
	font-weight: 700;
}
h5 {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
}

.approach-mess h3{font-size:24px; font-weight:normal}
p {
	/*font-family: 'Open Sans', sans-serif;*/
	color:#efefef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.solutions-mess div p{color:#9c9c9c}
a {
	color: #5b777f; /* original */
	transition: all 0.5s;
}
a:hover, a:focus {
	text-decoration: none;
	color: #0e6eb8;
}
.img-centered {
	margin: 0 auto;
}
ul, ol {
	list-style: none;
	margin:0;
	padding:0;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000; /* #032e3a; */
	z-index: 99999;
	height: 100%;
}
#status {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	padding: 0;
}
.section-title {
	padding: 30px 0 20px;
}
.section-title h2 {
	font-weight: 400;
	margin-bottom: 26px;
}
hr {
	height: 3px;
	width: 60px;
	position: relative;
	background: #009de5;
	border: 0;
	margin-bottom: 30px;
}
/* Navigation */
#menu {
	/*padding: 30px;*/
	transition: all 0.8s;
}
#menu.navbar-default {
	background-color: rgba(0, 0, 0, 0.6); /* rgba(248, 248, 248, 0); */
	border-color: rgba(0, 0, 0, 0);
}
#menu a.navbar-brand {
	text-transform: uppercase;
	display:inline-block;
	font-size: 22px;
	color: #d9e0e2;
	font-weight: 700;
	letter-spacing: 1px;
}
#menu a.navbar-brand i.fa {
	color: #f3ca27;
}
#menu.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	color: #d9e0e2;
	font-size: 14px;
	letter-spacing: 1px;
}
#menu.navbar-default .navbar-nav > li > a:hover {
	color: #f3ca27;
}
.on {
	background-color: #032731 !important;
	padding: 0 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #f3ca27 !important;
	background-color: transparent;
}
.navbar-toggle {
	border-radius: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #f3ca27;
	border-color: #f3ca27;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF;
}
/* Home Style */
header {
	background: url(../img/header-bg2.jpg) no-repeat top center;
	background-size: cover;
	color: #d9e0e2;
	position: relative;
	height: 100%;
}
header p {
	color: #d9e0e2;
	font-size: 20px;
	margin-bottom: 80px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.intro-text {
	position: relative;
	padding-top: 250px;
	padding-right: 0;
	padding-left: 0;
	/*padding-bottom: 170px;*/
	padding-bottom:287px;
}
.intro-text H1 {
	font-size: 70px;
	text-transform: uppercase;
	color: #d9e0e2;
	letter-spacing: 2px;
}
.color {
	color: #f3ca27;
}
.btn-default {
	color: #294d57;
	/*font-family: 'Open Sans', sans-serif;*/
	background-color: #f1c40f;
	border: 0;
	margin: 0 8px;
	font-size: 18px;
	transition: all 0.5s;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
	background-color: #c1a618;
}
/* Why Us Section */
#services-section {
	padding: 30px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#084c81+1,084c81+19,0e6eb8+100 */
background: #084c81; /* Old browsers */
background: -moz-linear-gradient(top,  #084c81 1%, #084c81 19%, #0e6eb8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #084c81 1%,#084c81 19%,#0e6eb8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #084c81 1%,#084c81 19%,#0e6eb8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084c81', endColorstr='#0e6eb8',GradientType=0 ); /* IE6-9 */

	color: #d7d7d7;
}
#services-section h4 {
	color: #fff;
	/*text-transform: uppercase;*/
	font-size:19px;
}
.services-message div p{font-size:13px; text-align:left; padding-left:22px}
.space {
	margin-top: 40px;
}
#services-section i.fa,#about-section i.fa{
	font-size: 40px;
	border: 0;
	width: 100px;
	height: 80px;
	/*padding: 22px 25px;*/
	background: #0087cf;
	margin-bottom: 6px;
	border-radius: 10%;
	color: #f3ca27;
	transition: all 0.5s;
	overflow:hidden;
	text-align:center;
}
#services-section i.fa img,#about-section i.fa img{
	width:80%;
	margin-top:10%;
}
#services-section i.fa-cloudvoip img{
	width:95%;
	margin-left:5%;
	margin-top:0;
}
#services-section .service:hover>i.fa,#about-section .service:hover>i.fa {
	background: #0e6eb8;
}

#services-section form {
	padding: 30px 0;
}
#services-section .form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.42857143;
	color: #d4f2ff;
	background: transparent;
	background-image: none;
	border: 2px solid #d4f2ff;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
#services-section .form-control:focus {
	border-color: inherit;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
}
#services-section .btn {
	background: transparent;
	border: 1px solid #749fc1;
	border-radius: 4px;
	padding: 4px 38px;
	margin-top: 0px;
	color: #d4f2ff;
	font-size: 14px;
	transition: all 0.5s;
	margin-left:0;
}
#services-section .btn:hover, #services-section .btn:focus {
	/*background: #d4f2ff;*/
	border: 1px solid #d4f2ff;
	color: #fff;
	box-shadow:0px 0px 3px #fff;
}
#services-section .text-danger {
	color: #f2c927;
	text-align: left;
}


/* Our Solutions Section 
==============================*/
#works-section {
	padding: 30px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#084c81+1,084c81+19,0e6eb8+100 */
background: #fff; /* Old browsers */
color:#0087cf;
/*background: -moz-linear-gradient(top,  #084c81 1%, #084c81 19%, #0e6eb8 100%);  FF3.6-15 
background: -webkit-linear-gradient(top,  #084c81 1%,#084c81 19%,#0e6eb8 100%);  Chrome10-25,Safari5.1-6 
background: linear-gradient(to bottom,  #084c81 1%,#084c81 19%,#0e6eb8 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084c81', endColorstr='#0e6eb8',GradientType=0 ); IE6-9*/

	color: #d7d7d7;
}
#works-section i.fa {
	font-size: 30px;
	padding: 5px;
	color: #f1c40f;
}
.categories {
	padding-bottom: 30px;
	text-align: center;
}

ul.cat li {
	display: inline-block;
}
ol.type li {
	display: inline-block;
	margin-left: 20px;
}
ol.type li a {
	color: #51633d;
	border: 1px solid #f7dc6f;
	padding: 8px 16px;
	border-radius: 3px;
}
ol.type li a.active {
	background: #f7dc6f;
}
ol.type li a:hover {
	background: #f7dc6f;
}
.isotope-item {
	z-index: 2
}
.isotope-hidden.isotope-item {
	z-index: 1
}
.isotope, .isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope-item {
	margin-right: -1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.isotope {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
.portfolio-item {
	margin-bottom: 30px;
}
.portfolio-item .hover-bg {
	height: 260px;
	overflow: hidden;
	position: relative;
}
.hover-bg .hover-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #c0cbce;
	background: rgba(3, 46, 58, 0.8);
	padding: 25% 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: all 0.5s;
}
.hover-bg .hover-text>h4 {
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: all 0.3s;
	font-size: 20px;
}
.hover-bg:hover .hover-text>h4 {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.hover-bg .hover-text>i {
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: all 0.3s;
}
.hover-bg:hover .hover-text>i {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.hover-bg:hover .hover-text {
	opacity: 1;
}
.portfolio-modal .modal-content {
	padding: 100px 0;
	min-height: 100%;
	border: 0;
	border-radius: 0;
	text-align: center;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #f1c40f;
}
.portfolio-modal .modal-content h2 {
	margin-bottom: 15px;
	font-size: 2.5em;
}
.portfolio-modal .modal-content p {
	margin-bottom: 30px;
}
.portfolio-modal .modal-content p.item-intro {
	margin: 10px 0 30px;
	font-size: 14px;
	font-style: italic;
}
.portfolio-modal .modal-content ul.list-inline {
	margin-top: 0;
	margin-bottom: 30px;
}
.portfolio-modal .modal-content img {
	margin-bottom: 30px;
}
.portfolio-modal .close-modal {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 75px;
	height: 75px;
	background-color: transparent;
	cursor: pointer;
}
.portfolio-modal .close-modal:hover {
	opacity: .3;
}
.portfolio-modal .close-modal .lr {
	z-index: 1051;
	width: 1px;
	height: 75px;
	margin-left: 35px;
	background-color: #222;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.portfolio-modal .close-modal .lr .rl {
	z-index: 1052;
	width: 1px;
	height: 75px;
	background-color: #222;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.portfolio-modal .btn-primary {
	color: #a7b6ba;
	background-color: #1d434e;
	border-color: #1d434e;
}
.portfolio-modal .btn-primary:hover, .portfolio-modal .btn-primary:focus, .portfolio-modal .btn-primary.focus, .portfolio-modal .btn-primary:active, .portfolio-modal .btn-primary.active {
	color: #a7b6ba;
	background-color: #032e3a;
	border-color: #032e3a;
}
/* About Section */
#about-section {
	padding: 30px 0 40px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#084c81+1,084c81+19,0e6eb8+100 */
background: #084c81; /* Old browsers */
background: -moz-linear-gradient(top,  #084c81 1%, #084c81 19%, #0e6eb8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #084c81 1%,#084c81 19%,#0e6eb8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #084c81 1%,#084c81 19%,#0e6eb8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084c81', endColorstr='#0e6eb8',GradientType=0 ); /* IE6-9 */

	color: #d7d7d7;
}
#about-section hr {
/*	background: #a9971c;*/
}

#about-section h4 {
	font-size: 20px;
	font-weight: 400;
}
#about-section li {
	margin-left:12px;
	margin-bottom: 18px;
	list-style: none;
	padding: 0;
}
#about-section li:before {
	content: "✓";
	color: #d7d7d7;
	padding-right: 5px;
}
#about-section li em{
	font-style:normal;
}




/* Services Section */
#team-section {
	padding: 30px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1a618+0,f1c40f+25,f1c40f+75,c1a618+100 */
	background: rgb(193,166,24); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1a618', endColorstr='#c1a618', GradientType=0 ); /* IE6-9 */
}
#team-section hr {
	background: #a9971c;
}
#team-section .item {
	padding: 0;
	margin: 15px;
	text-align: center;
}
img.img-circle.team-img {
	width: 120px;
	height: 120px;
	transition: all 0.5s;
}
#team-section .thumbnail {
	background: transparent;
	border: 0;
}
#team-section .thumbnail .caption {
	padding: 9px;
	color: #464646;
}
#team-section i.fa {
	font-size: 16px;
	color: #faeaab;
	margin-top: 10px;
}
#team-section i.fa:hover {
	color: #464646;
}
#team-section .thumbnail:hover {
	opacity: 0.7;
	border: 0;
}
.owl-pagination{ display:none;}
.owl-buttons{ position:relative;}
.owl-buttons .owl-prev,.owl-buttons .owl-next{ position:absolute; top:-150px;}
.owl-buttons .owl-prev{ left:-100px}
.owl-buttons .owl-next{ right:-100px}
.owl-theme .owl-controls .owl-buttons div{ background:none;}
.img-responsive{ margin:0 auto;}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	filter: Alpha(Opacity=1);
	opacity: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 20px;
	border-radius: 50%;
	background: #42626b;
	transition: all 0.5s;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1;
	background: #f1c40f;
}
.owl-theme .owl-controls .owl-page.active span {
	background: #f1c40f;
}
/* Our Approach Section */
#testimonials-section {
	padding: 30px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#032731+0,032e3a+20,032e3a+100,032731+100 */
	background: url(../img/whatwedo.jpg);
	background-size: cover;
	background-attachment: fixed;
	color: #b1c6cc;
}
#testimonial {
	padding: 8px 0;
}
#testimonial .item {
	display: block;
	width: 100%;
	height: auto;
}
#testimonial .item p {
	font-weight: 400;
	margin: 0 0 30px 0;
	color:#9c9c9c;
	font-size:15px;
}
#testimonial h4 {
	color: #0077bf;
	font-size: 18px;
}
/* Contact Section */
#contact-section {
	padding: 30px 0 20px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1a618+0,f1c40f+25,f1c40f+75,c1a618+100 */
	background:#fff; /* Old browsers */
	color:#0087cf;
/*	background: -moz-linear-gradient(top, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%);  FF3.6-15 
	background: -webkit-linear-gradient(top, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%);  Chrome10-25,Safari5.1-6 
	background: linear-gradient(to bottom, rgba(193,166,24,1) 0%, rgba(241,196,15,1) 25%, rgba(241,196,15,1) 75%, rgba(193,166,24,1) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1a618', endColorstr='#c1a618', GradientType=0 );  IE6-9 */
}
#contact-section hr {
	/*background: #a9971c;*/
}
#contact-section h3 {
	color:#9c9c9c;
	font-size: 21px;
	font-weight: 400;
}
#contact-section form {
	padding: 30px 0;
}
#contact-section .fa {
	color: #f8e287;
	margin-bottom: 10px;
}
contact-section p{
	color:#9c9c9c;
}
label {
	font-size: 12px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	float: left;
}
#contact-section .form-control {
	display: block;
	width: 100%;
	padding: 22px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	-moz-box-shadow:inset 2px 2px 3px #bfeafe;
    -webkit-box-shadow: inset 2px 2px 3px #bfeafe;
    box-shadow: inset 2px 2px 3px #d9d9d9;
}
#contact-section .form-control:focus {
	border-color: #88d1f2;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
	-moz-box-shadow:inset 3px 3px 5px #88d1f2;
    -webkit-box-shadow: inset 3px 3px 5px #88d1f2;
    box-shadow: inset 3px 3px 5px #88d1f2;
}
.social {
	display: inline-block;
}
.social ul li {
	display: inline-block;
	margin: 0 20px;
}
#contact-section p{font-size:15px}
#contact-section .social i.fa {
	font-size: 26px;
	padding: 4px 5px;
	color: #f8e287;
	transition: all 0.5s;
}
#contact-section .social i.fa:hover {
	color: #032731;
}
#contact-section .btn-submit,#free-assessment .btn-submit{
	background: transparent;
	border: 1px solid #009ce4;
	border-radius: 4px;
	padding: 6px 14px;
	margin-top: 20px;
	color: #009ce4;
	font-size: 18px;
	transition: all 0.5s;
	 -moz-box-shadow:0 0 5px #009ce4;
	 -webkit-box-shadow:0 0 5px #009ce4;
	 box-shadow:0 0 5px #009ce4;
	 
}
#contact-section .btn:hover, #contact-section .btn:focus {
	
	border: 1px solid #88d1f2;
	color: #009ce4;
}
#contact-section .text-danger {
	color: #cc3300;
	text-align: left;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	outline-offset: none;
}
.margin-top4{margin-top:4%}
/* Footer */
#foot {
	background: #032731;
	font-size:13px;
	padding: 15px 0 10px 0;
	color: #ccc;
	position:relative;
	z-index:1000;
	text-align: left;
}
#foot i {
	cursor:pointer;
	font-size:22px;
	margin:0 5px;
	vertical-align:middle;
}
#foot i:hover{
	color:#fff;
}
@media (max-width: 1280px){
	#services-section,#works-section,#about-section,#contact-section{
		padding-top:25px;
	}
	#footer{
		margin-top: 0;
	}
}
@media (max-width: 768px) {
.content {
	padding: 40% 0 0;
}
.services-message div p{
	text-align:center;
	padding-left:inherit;
}
#about-section img.img-responsive{
	margin-bottom:12px;
}
}

@media (max-width: 603px) {
#menu.navbar-default {
	background-color: rgba(0, 0, 0, 0.7);
}
label {
	float: none !important
}
.hover-bg .hover-text {
	padding: 12% 10%;
}
}

@media (max-width: 360px) {
.hover-bg .hover-text {
	padding: 22% 10%;
}
}

/*ipad*/
@media (min-width: 768px){

}
/*@media (min-width: 1400px){
#foot{margin-top:-85px}
}*/

/*add new style*/
.color-white{color:#fff}
.color-blue{color:#0087cf}
.color-gray{color:#8d8e8e}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background:none; color:#0b68af}
nav .dropdown-menu{background-color:#0b68af}
nav .dropdown-menu > li > a{color:#fff}
nav .dropdown-menu > li > a:hover{background-color:#033d69; color:#fff}
.approach-mess{border:1px solid #ededed; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; margin:4em auto 2.5em;}
.approach-mess .section-title{padding-top:0;padding-bottom:30px}
.aboutus-icons{clear:both; margin:4% -5% 0}
.aboutus-icons .service{text-align:center}
#about-section .aboutus-icons .service h4{color:#fff; font-size:16px; text-transform:uppercase}

#about-section p{line-height:2.0em}
header.genvoice-header{background-image:none; background-color:#f5f5f5}
header.genvoice-header .gen-top-pic{margin:0 auto; width:1240px; height:550px; position:relative}
header.genvoice-header .header_text,header.genvoice-header .header_pic,.wrap{position:absolute}
header.genvoice-header .header_text{top:130px; left:60px; width:260px}
header.genvoice-header .header_text img{width:100%;}
header.genvoice-header .header_pic{top:55px; left:420px; width:655px}
span.header-phone{color:#9c9c9c; display:inline-block; margin-top:14px; padding-left:12px; float:left;}
span.header-phone i img{vertical-align:middle}
span.header-phone em{color:#4bc3fa; font-size:14px; font-style:normal}
.wrap{
height: 105px; 
width: 1240px; 
bottom:0;
background: url(../img/header_pic2.png); 
-webkit-animation:cloud 15s linear infinite; 
-o-animation:cloud 15s linear infinite; 
} 
@-webkit-keyframes cloud {
from{background-position:0% 0%} 
to{background-position:50% 50%} 
} 
#could-voip i.fa{	
	border: 0;
	width: 75px;
	height: 75px;
	/*padding: 22px 25px;*/
	background: #0087cf;
	margin-bottom: 6px;
	border-radius: 50%;
	color: #fff;
	transition: all 0.5s;
	overflow:hidden;
	text-align:center;
}
#could-voip i.fa img{
	width:90%;
	margin-top:5%;
}
#could-voip i.fa:hover {
	background: #0e6eb8;
}
#could-voip ul li{padding-bottom:10px}
#could-voip ul li span{display:inline-block; text-align:left; vertical-align:middle}
#could-voip ul li span h5{color:#fff; font-size:18px; font-weight:500; margin:4px 0; text-transform:capitalize}
#could-voip ul li span h5,#could-voip ul li span p{margin-left:12px}


.pricing-tab table tr th{padding:3% 0;  font-size:22px; font-weight:400; color:#fff; text-align:center}
.pricing-tab table tr th span,.pricing-tab table tr td{font-family:Tahoma; font-size:16px}
.pricing-tab table tr td{color:#0087cf; padding:10px 0; text-align:center}
.pricing-tab table tr td:first-child{text-align:left; padding-left:20px}
.pricing-tab table tr:nth-child(odd) td{background-color:#f1f1f1}
.pricing-tab table tr:hover td{background-color:#ddd; cursor:pointer}

.color-green{color:#30a701}
.approach-mess .sol_pic{display:block; height:65px; margin-top:-35px}
.approach-mess p.wow{color:#8d8e8e; font-size:16px}
.pricing-text p{color:#afaeae; font-size:15px; line-height:24px; padding:10px 0 0 20px}
.phones-list h3{color:#d7d7d7; font-size:28px; font-weight:400; padding-top:20px}
.phones-list .row{padding-top:60px; padding-bottom:10px; border-bottom:2px solid #0193da}
.phones-list .row div{text-align:center; vertical-align:middle}
.phones-list .row div p{ font-size:13px}
.phones-list .row div p img{ width:100%;}
.gen-text-r{color:#9c9c9c; text-align:right; padding-right:12px; vertical-align:middle; font-size:16px; line-height:33px}
.voip-text-l{text-align:left}
.voip-text-l h4,#could-voip .voip-text-l ul li{padding-bottom:20px}
#free-assessment .btn-default{background-color:#fff; font-size:14px; margin-right:0; color:#333; border:1px solid #ccc}
#free-assessment .btn-submit{cursor:pointer; color:#009ce4; padding:8px 55px; border-color:#87d0f2; font-size:18px}
#free-assessment .btn-submit:hover{color:#999; border-color:#ddd}
button.btn-solution,button.btn-solution:hover{background:none; border:2px solid #fff; color:#fff}
button.btn-solution:hover{border-color:#f1c40f;color:#f1c40f}
select.form-control{ padding:4px 7px;}

.form-main{height:670px}
.header_intro{width:1100px; padding-top:58px; height:410px; float:right}
.fun-word{}
.fun-word > div {margin: 60px 0 0}
.fun-word h3{font-size: 20px;color: #000;font-weight: normal;margin-bottom: 10px}
.fun-word h3:hover{color: #09f}
.fun-word p{font-size: 16px;color:rgba(101,109,120,.8);letter-spacing: 0.5px}
.fun-left,.fun-right{cursor: pointer; float:left; width:320px}
.fun-pic1{margin-top:50px; margin-left:80px}
.fun-pic2{margin-top:200px}
.fun-pic3{clear:both; margin-top:-60px}
.fun-pic1 img,.fun-pic2 img,.fun-pic3 img{ width:100%}
.fun-right{float:right}
.fun-pic{width: 350px;height: 350px; position: relative; margin: 35px auto}
.fun-outer,.fun-inner{position: absolute;background: url(../img/circle-out.png) no-repeat;width: 332px; height: 332px}
.fun-inner{background: url(../img/circle-inner.png) no-repeat;animation:circle-fun 30s linear infinite}
@keyframes circle-fun {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.fun-con{position: relative;width: 202px; height: 202px;margin: 65px;background-size: 202px auto;background-repeat:no-repeat; transition: background .5s ease-in-out}
.divIndex0 .fun-con{background-image: url(../img/genvoice_h_ico1.png)}
.divIndex1 .fun-con{background-image: url(../img/genvoice_h_ico2.png)}
.divIndex2 .fun-con{background-image: url(../img/genvoice_h_ico3.png)}
.fun-inner.paused { animation-play-state: paused}
.fun-con .line1,.fun-con .line2{
    width: 0;
    height: 2px;
    background: #e4e4e4;
    position: absolute;
    transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
}
.fun-con .point {
    position: absolute;
    height: 10px;
    width: 10px;
    background: #2095ff;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.2);
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    animation:none;
}
.fun-con .point > span{
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #2095ff;
    position: absolute;
    z-index: 0;
    left: -1px;
    top: -1px;
    opacity: 0;
    animation:none;
}
.divIndex0 .fun-con .point{top:2.02%;  right: -120px;animation: kfpoint1 .2s linear .4s;  animation-fill-mode: forwards}
.divIndex1 .fun-con .point{top:145px;  right: -120px;animation: ysppoint1 .2s linear .4s;  animation-fill-mode: forwards}
.divIndex2 .fun-con .point{top:135px;  left: -130px;animation: impoint1 .2s linear .4s;  animation-fill-mode: forwards}

.divIndex0 .fun-con .point > span{animation: kfpoint2 .6s linear .4s infinite}
.divIndex1 .fun-con .point > span{animation: ysppoint2 .6s linear .4s infinite}
.divIndex2 .fun-con .point > span{animation: impoint2 .6s linear .4s infinite}

.divIndex0 .fun-con .line1{
    animation: kfLine1 .2s linear .2s;
    top: 45px;
    left: 282px;
    transform: rotate(-45deg);
    animation-fill-mode: forwards;
}
.divIndex0 .fun-con .line2{
    animation: kfLine2 .2s linear ;
    top: 45px;
    left: 256px;
    animation-fill-mode: forwards;
}


.divIndex1 .fun-con .line1{
    animation: ddtbLine1 .2s linear;
    top: 123px;
    left: 240px;
    animation-fill-mode: forwards;
}
.divIndex1 .fun-con .line2 {
	animation: kfLine1 .2s linear .2s;
    top: 123px;
    left: 272px;
    transform: rotate(30deg);
    animation-fill-mode: forwards;
}
.divIndex2 .fun-con .line1{
    animation: tsLine1 .2s linear .2s;
    top: 120px;
    right: 301px;
    transform: rotate(-30deg);
    transform-origin: top right;
    animation-fill-mode: forwards;
}
.divIndex2 .fun-con .line2{
    animation: tsLine2 .2s linear;
    top: 120px;
    right: 271px;
    animation-fill-mode: forwards;
}

@keyframes ddtbLine1 {
    100% { width: 15.95%;  }
}
@keyframes ddtbLine2 {
    100% { width: 8.1%;  }
}
@keyframes imLine1 {
    100% { width: 20%;  }
}
@keyframes imLine2 {
    100% { width: 14.25%;  }
}
@keyframes kfLine1 {
    100% { width: 20%;  }
}
@keyframes kfLine2 {
    100% { width: 14%;  }
}
@keyframes yspLine1 {
    100% { width: 11.6%;  }
}
@keyframes yspLine2 {
    100% { width: 5%;  }
}
@keyframes ltsLine1 {
    100% { width: 11.25%;  }
}
@keyframes ltsLine2 {
    100% { width: 5%;  }
}
@keyframes tsLine1 {
    100% { width: 11.4%;  }
}
@keyframes tsLine2 {
    100% { width: 14%;  }
}

@keyframes ddtbpoint1 {0% { opacity: 0;  transform: scale(0.2);  } 80% { opacity: 1;  transform: scale(1.5);  } 100% { opacity: 1;  transform: scale(1);  } }
@keyframes ddtbpoint2 {0% { opacity: 1;  -moz-transform: scale(0.1)  } 100% { opacity: 0;  transform: scale(1.8)  } }
@keyframes impoint1 {0% { opacity: 0;  transform: scale(0.2);  } 80% { opacity: 1;  transform: scale(1.5);  } 100% { opacity: 1;  transform: scale(1);  } }
@keyframes impoint2 {0% { opacity: 1;  -moz-transform: scale(0.1)  } 100% { opacity: 0;  transform: scale(1.8)  } }
@keyframes kfpoint1 {0% { opacity: 0;  transform: scale(0.2);  } 80% { opacity: 1;  transform: scale(1.5);  } 100% { opacity: 1;  transform: scale(1);  } }
@keyframes kfpoint2 {0% { opacity: 1;  -moz-transform: scale(0.1)  } 100% { opacity: 0;  transform: scale(1.8)  } }
@keyframes ysppoint1 {0% { opacity: 0;  transform: scale(0.2);  } 80% { opacity: 1;  transform: scale(1.5);  } 100% { opacity: 1;  transform: scale(1);  } }
@keyframes ysppoint2 {0% { opacity: 1;  -moz-transform: scale(0.1)  } 100% { opacity: 0;  transform: scale(1.8)  } }
@keyframes ltspoint1 {0% { opacity: 0;  transform: scale(0.2);  } 80% { opacity: 1;  transform: scale(1.5);  } 100% { opacity: 1;  transform: scale(1);  } }
@keyframes ltspoint2 {0% { opacity: 1;  -moz-transform: scale(0.1)  } 100% { opacity: 0;  transform: scale(1.8)  } }
@keyframes tspoint1 {0% { opacity: 0;  transform: scale(0.2);  } 80% { opacity: 1;  transform: scale(1.5);  } 100% { opacity: 1;  transform: scale(1);  } }
@keyframes tspoint2 {0% { opacity: 1;  -moz-transform: scale(0.1)  } 100% { opacity: 0;  transform: scale(1.8)  } }
.window_main{width:50%; color:#000; position:fixed; top:20%; height:300px; left:25%; background-color:#f0f8fb; display:none; border-radius:6px; border:1px solid #d0d9f7;}
.win_title{width:100%; height:65px; padding:0 15px; overflow:hidden;}
.win_title strong,.win_title i{ font-weight:normal; color:#ed5565; display:inline-block; height:25px; padding:15px; font-style:normal; font-size:36px; font-family:Arial; float:left}
.win_title i{cursor:pointer; float:right;}
.win_title i:hover,.win_btn i:hover{ opacity:0.6}
.win_mess{ color:#666666; font-size:26px; padding-top:20px; padding-left:30px;}
.win_btn{ clear:both; padding-top:55px; text-align:center;}
.win_btn i{ display:inline-block; background-color:#0087cf; height:45px; padding:0 75px; font-family:Arial; font-size:22px; line-height:45px; color:#fff; font-style:normal; cursor:pointer; border-radius:8px;}
hr.text-line{ width:100%; margin-bottom:0; margin-top:5px; height:2px; background-color:#efefef;}
a.color-white:hover,a.color-white:hover hr.text-line{ color:#bbb;}
@media (max-width: 767px) {
.web{ display:none;}
.phone{ display:block;}
}
@media (min-width: 768px) {
.web{ display:block;}
.phone{ display:none;}
}