/*@font-face {
 font-family: 'open_sanslight';
 src: url('../fonts/OpenSans-Light-webfont.eot');
 src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
 font-weight: normal;
 font-style: normal;
}
*/
/*Custome Font*/
@import "../fonts/poppins/style.css";

/*section { margin:50px 0; }*/
* {outline: none;}
body { background: #fff; font-family: "Poppins Regular"; font-weight: 400; color: #272727;overflow-x: hidden; /*line-height: 26px; padding-top:100px; */ }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Poppins Regular"; margin-top:0; }
iframe { border: none; width: 100%;}
/*List Tag*/
li { list-style-type:none; }
/*Float Tag*/
.left { float:left; }
.right { float:right; }
/*Align tag*/
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.alignCenter { text-align:center; }
/*Padding*/
.p-t { padding-top:15px !important; }
.p-r { padding-right:15px !important; }
.p-b { padding-bottom:15px !important; }
.p-l { padding-left:15px !important; }
/*Margin*/
.m-t { margin-top:15px !important; }
.m-r { margin-right:15px !important; }
.m-b { margin-bottom:15px !important; }
.m-l { margin-left:15px !important; }
/*Vertical Align*/
.vAlign-Top { vertical-align:top; }
.vAlign-Bottom { vertical-align:bottom; }
.vAlign-Middle { vertical-align:middle; }
.vAlign-Baseline { vertical-align:baseline; }
/*Position*/
.pRelative { position:relative; }
.pAbsolute { position:absolute; }
.pFixed { position:fixed; }
.pStatic { position:static; }
/* Font Size*/
.smallFont { font-size:10px !important; }
.mediumFont { font-size:11px !important; }
.normalFont { font-size:13px !important; }
.largeFont { font-size:15px !important; }
/*Font Weight*/
.boldFont { font-weight:bold !important; }
.font-bold { font-weight: 600 !important; }
.font-noraml { font-weight: 400 !important; }
.font-lite { font-weight: 100 !important; }
/*Font Style*/
.italicFont { font-style:italic !important; }
/*Text Decoration*/
.underlineFont { text-decoration:underline !important; }
.overlineFont { text-decoration:overline !important; }
.linethroughFont { text-decoration:line-through !important; }
/*Text Transform*/
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.text-lowercase { text-transform: lowercase; }
/*Global*/
.no-padding { padding: 0 !important; }
.no-margins { margin: 0 !important; }
.full-width { width: 100% !important; }
a { color: #109ed9; -webkit-transition: color 400ms, background-color 400ms; -moz-transition: color 400ms, background-color 400ms; -o-transition: color 400ms, background-color 400ms; transition: color 400ms, background-color 400ms; text-decoration: none;}
a:hover,
a:focus { text-decoration: none; color: #2a95be; }
hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; }

.bgImage_clean { /*background:  linear-gradient(270deg,#2558db,#1a2cad);*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#15248b+0,1e46ae+72,207cca+72,ffffff+72,ffffff+72,ffffff+100 */
background: #15248b; /* Old browsers */
background: -moz-linear-gradient(top,  #203951  0%, #203951  72%, #203951  72%, #ffffff 72%, #ffffff 72%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #203951  0%,#203951  72%,#203951  72%,#ffffff 72%,#ffffff 72%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #203951  0%,#203951  72%,#203951  72%,#fff 72%,#fff 72%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15248b', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.bgImage_clean .img-responsive {margin: auto;-webkit-box-shadow: 0px 5px 8px -5px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 8px -5px rgba(0,0,0,0.75);box-shadow: 0px 5px 8px -5px rgba(0,0,0,0.75);}
.app-links img {height: 40px;}
.app-links {text-align: center;}

.bgImage_bg{width: 100%; height: 100%;/* background: #000000; opacity: 0.8; position: absolute; z-index: 2001;*/}
.bgImage_bg h2 {/*position: absolute; z-index: 2002; */color: #FFFFFF; text-align: center; width: 100%; /*top:20%;*/font-size: 2.5em; padding: 20px 20%; font-weight: bold;}
.bgImage_bg  h2 small { display: block; color: #FFFFFF; text-align: center; width: 100%; margin-top: 1%;font-size: 0.5em; }

/*.bgImage { display:none; }
.bgImage_btn {position: absolute; z-index: 2002; bottom: 25%; width:100%;  }
@media screen and (max-width: 1200px) {
 .bgImage_clean {
	display:none;
	}
 .bgImage {
	display:block;
	}
}

@media screen and (max-width: 960px) {
	.bgImage_bg h2 {top:15%; font-size: 1.9em; padding: 0 10%;}
	.bgImage_bg  h2 small { margin-top: 2%; font-size: 0.6em; }
	.bgImage_btn a { font-size: 1em; }
	.bgImage_btn {bottom: 20%;  }
}
@media screen and (max-width: 767px) {
	.bgImage_bg h2 {top:10%; font-size: 1.6em; padding: 0 1%; width: 90%;}
	.bgImage_bg  h2 small { margin-top: 2%; font-size: 0.6em;}
	.bgImage_btn a { font-size: 0.8em; padding: 5px 10px; }
	.bgImage_btn {bottom: 10%;  }
}
@media screen and (max-width: 480px) {
	.bgImage_bg h2 {top:10%; font-size: 1.1em; padding: 0 1%; width: 90%;}
	.bgImage_bg  h2 small { margin-top: 2%; font-size: 0.6em;}
	.bgImage_btn {bottom: 5%;  }
}
@media screen and (max-width: 320px) {
	.bgImage_btn {bottom: 2%;  }
}*/
.blankDiv {display: none;}
.center-heading {text-align: center;}
.img-responsive {margin: auto; display: block; max-width: 100%; height: auto;}
.largeFontIcon { font-size: 54px; margin: 0 10px 0 20px; vertical-align: middle; color:#0b6496; }
.gradiant { background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); }
.gradiant-horizontal { background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); }
.section-header { margin-bottom: 20px; }
.section-header .section-title { /*font-size: 2.5em; color: #0095e5; */text-transform: uppercase; position: relative; padding-bottom: 20px; margin: 0 0 40px; }
.section-header .section-title:before { content: ""; position: absolute; width: 140px; bottom: 0; left: 50%; margin-left: -70px; height: 2px; background: #93c83e; }
/*.section-header .section-title:after { content: ""; position: absolute; width: 24px; height: 24px; bottom: -11px; left: 50%; margin-left: -12px; border: 5px solid #fff; border-radius: 20px; background: #109ed9; }*/
.btn { border-width: 0; border-bottom-width: 3px; border-radius: 3px; height: 40px; line-height: 17px; }
.btn.btn-primary { background: #203951; border-color: #42709b; color: #ffffff; font-weight: bold;}
.btn.btn-primary:hover,
.btn.btn-primary:focus { background: #1a2cad;  color: #ffffff; }
.column-title { margin-top: 0; padding-bottom: 15px; border-bottom: 1px solid #eee; margin-bottom: 15px; position: relative; }
.column-title:after { content: " "; position: absolute; bottom: -1px; left: 0; width: 40%; border-bottom: 1px solid #109ed9; }
ul.nostyle { list-style: none; padding: 0; margin-bottom: 20px; }
ul.nostyle i { color: #109ed9; }
.scaleIn { -webkit-animation-name: scaleIn; animation-name: scaleIn; }
.font-bold { font-weight:bold; }
.sticky-wrapper { position:relative; }
.navbar-fixed { z-index: 2003; width: 100%;-moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; transition: all 0.3s ease-in-out; }

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}


.top-bar-dark { /*background-color: #333;*/ background-color:#0095e5;;  }
.top-dark-right li,
.top-dark-right li a { /* color: #dddddd; */ color: #fff; font-size: 12px; font-weight: normal !important; }
.top-dark-right li a span,
.top-dark-right li a i { /* color: #dddddd; */ color: #fff; font-size: 14px; }
.top-dark-right li { /*border-left: 1px solid #444;*/ line-height: 35px; padding: 0 10px; }
.top-dark-right li.noBorder { border:none; }
.socials-simple,
.top-dark-right { padding:0; margin:0; }
.socials-simple li { /*border-left: 1px solid #444;*/ line-height: 35px; padding: 0 15px; }
.socials-simple li.noBorder { border:none; }
.socials-simple li,
.socials-simple li a {/* color: #dddddd; */ color: #fff; font-size: 12px; }
.socials-simple li a i {/* color: #dddddd; */ color: #fff; font-size: 14px; }
.socials-simple li h5 { color: #0095e5; margin:0; font-weight:bold; display:inline; }




.navbar-nav > li > a { /*color:#333333 !important; */ color:#000 !important; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: #2992d3 !important; }

.center-heading { text-align: center; /*margin-bottom: 40px;*/ margin-bottom: 20px; }
.article-heading .center-heading { margin-bottom: 0; }

.center-heading h1 { margin-bottom: 0; font-weight: 200; /*font-size: 3rem; text-transform: uppercase;*/ letter-spacing: 1px; color: #272727; padding: 15px 0 0 0; }
.center-heading p { font-size: 16px; }
.center-heading h1 strong { font-weight: 800; }
.center-line { display: block; width: 70px; height: 2px; border-top: 2px solid #93c83e;/*border-top: 2px solid #bbb; */margin:10px auto; }
.center-heading p { margin-top: 10px; }
.overflow-hidden { overflow: hidden; }

.toolBarHeading .center-heading h1{color: #0095e5;; }

.colored-text { /*color: #2191d1;*/ color: #0095e5;; font-weight: 700; }
.colored-Image .img-responsive { height: 300px; width: 100%; background-size: cover; }
h2 .colored-text {font-weight:normal; padding-bottom: 0px; padding-top: 30px; }
h5 .colored-text { font-weight:normal; padding-bottom: 0px; padding-top: 30px; }

 @-webkit-keyframes scaleIn { 0% {
 opacity: 0;
 -webkit-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@keyframes scaleIn { 0% {
 opacity: 0;
 -webkit-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
}
/*************************
*******Header******
**************************/
.navbar.navbar-default { border: 0; border-radius: 0; margin-bottom: 0; }
.navbar.navbar-default .navbar-toggle { margin-top: 11px; }
.navbar.navbar-default .navbar-brand { height: auto; padding: 10px 15px; }
 @media screen and (max-width: 360px) {
 .navbar.navbar-default .navbar-brand {
width: 70%;
}
 .navbar.navbar-default .navbar-brand img {
width: 100%;
}
}
#main-menu.navbar {padding: 0;}
#main-menu.navbar-expand-lg .multi-level-large { width: 662px; }
#main-menu.navbar-expand-lg .multi-level { width: 250px; }
.dropdown-toggle:hover .dropdown-menu { display:block; }
#main-menu.navbar-expand-lg { background:#fff; -webkit-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px; -ms-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px; box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px; }
#main-menu.navbar-expand-lg .navbar-nav > li { border-top: 3px solid #f8f9fa; }
#main-menu.navbar-expand-lg .navbar-nav > li.active,
#main-menu.navbar-expand-lg .navbar-nav > li.open,
#main-menu.navbar-expand-lg .navbar-nav > li:hover { border-top: 3px solid #93c83e; }
#main-menu.navbar-expand-lg .navbar-nav > li > a { padding: 20px 15px;}
#main-menu.navbar-expand-lg .navbar-nav > li > a.trialBtn { background: #0095e5; color:#fff !important; padding: 10px; margin: 13px; border-radius: 5px; }
#main-menu.navbar-expand-lg .navbar-nav > li.active > a,
#main-menu.navbar-expand-lg .navbar-nav > li.open > a,
#main-menu.navbar-expand-lg .navbar-nav > li:hover > a { background: transparent; padding-top: 20px; }
#main-menu.navbar-expand-lg .navbar-nav > li.active > a.trialBtn,
#main-menu.navbar-expand-lg .navbar-nav > li.open > a.trialBtn,
#main-menu.navbar-expand-lg .navbar-nav > li:hover > a.trialBtn { background: #0095e5; color:#fff !important; padding: 10px; margin: 13px; border-radius: 5px; border-top: none; }
#main-menu.navbar-expand-lg .dropdown-menu { border-top: 4px solid #93c83e; padding:0; background-color: #fff; background-clip: inherit; left: auto !important; right: 0 !important; z-index: 2003; margin-top: 0; }
#main-menu.navbar-expand-lg .dropdown-menu strong { padding:10px; display:block; }
#main-menu.navbar-expand-lg .dropdown-menu > li { background: #fff; float:left; width: 100%; }
#main-menu.navbar-expand-lg .dropdown-menu.multi-level-large > li { width:220px; height:200px; }
#main-menu.navbar-expand-lg .dropdown-menu > li > a,
#main-menu.navbar-expand-lg .dropdown-menu.multi-level-large > li li > a { padding: 9px 15px; color: #565656; }
#main-menu.navbar-expand-lg .dropdown-menu > li:first-child > a { border-top: 0; }
#main-menu.navbar-expand-lg .dropdown-menu > li.active > a,
#main-menu.navbar-expand-lg .dropdown-menu > li.open > a,
#main-menu.navbar-expand-lg .dropdown-menu > li:hover > a,
#main-menu.navbar-expand-lg .dropdown-menu.multi-level-large > li li > a:hover { color: #0095e5; background-color: transparent; }
 @media only screen and (max-width: 1120px) {
.sticky-wrapper .container {width:100%;}
#main-menu.navbar-expand-lg .multi-level-large {width: 442px;}
#main-menu.navbar-expand-lg .dropdown-menu {left: 0 !important;right: auto !important;
}
}
@media only screen and (max-width: 768px) {
 #main-menu.navbar-expand-lg .dropdown-menu {min-width: 250px;width:auto;}
 #main-menu.navbar-expand-lg .dropdown-menu strong {padding:10px;display:block;}
.navbar-collapse.in {overflow-y: auto;height: 200px;padding-bottom:60px;}
#main-menu.navbar-expand-lg .navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;}
#main-menu.navbar-expand-lg .navbar-nav > li.active > a, 
#main-menu.navbar-expand-lg .navbar-nav > li.open > a, 
#main-menu.navbar-expand-lg .navbar-nav > li:hover > a {padding-top: 10px;border-top: none;}
#main-menu.navbar-expand-lg .dropdown-menu.multi-level-large > li {width:100%;height:auto;}
#main-menu.navbar-expand-lg .dropdown-menu {background:#f5f5f5;}
#main-menu.navbar-expand-lg .dropdown-menu > li {background: #f5f5f5;}
#main-menu.navbar-expand-lg .dropdown-menu > li {float:none;}
#main-menu.navbar-expand-lg .dropdown-menu:after {position: relative;bottom: 0;left: 0;min-width: 250px;height: 4px;opacity:0.4;display: block;content: "";z-index: 9999;}
}
/*.mt-200 { margin-top:200px !important; }
 @media only screen and (max-width: 1120px) {
 .mt-200 {margin-top:100px !important;}
}
@media only screen and (max-width: 768px) {
.mt-200 {margin-top:20px !important;}
}
*/

#main-slider { overflow: hidden; }
#main-slider .item img { display: block; width: 100%; height: auto; cursor:grab; cursor:-webkit-grab; }
#main-slider .slider-inner { position: absolute; top: -25%; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; color: #fff; height: 100px; }
#main-slider .slider-inner h2 {/* margin-top: 350px; font-size: 2.3vw;*/ line-height: 1; text-transform: uppercase; color: #fff; text-align:left; margin-right: 50px; width: 100%; }
#main-slider .slider-inner p { text-align:left; color: #93c83e; font-size:1.5vw; line-height: 2vw; margin-top: 1vh; margin-bottom: 0; text-transform: capitalize; }
#main-slider .slider-inner h2 > span { color: #0095e5;; /*font-weight: bold;*/ font-size: 2.2vw; }
#main-slider .slider-inner p > span { color:#666666; margin-top:0; font-size: 1.2vw; display: list-item; margin-left: 20px;}
#main-slider .slider-inner .btn { margin-top: 10px; }
#main-slider .owl-prev,
#main-slider .owl-next { position: absolute; top: 50%; background-color: rgba(0, 0, 0, 0.2); color: #fff; font-size: 30px; display: inline-block; margin-top: -35px; height: 70px; width: 70px; line-height: 70px; text-align: center; border-radius: 100px; z-index: 5; -webkit-transition: background-color 400ms; transition: background-color 400ms; }
#main-slider .owl-prev:hover,
#main-slider .owl-next:hover { background-color: #0095e5; }
#main-slider .owl-prev { left: -35px; text-indent: 14px; }
#main-slider .owl-next { right: -35px; text-indent: -14px; }

@media only screen and (max-width: 992px) {
	#main-slider .slider-inner {top: -45%;}
	#main-slider .slider-inner h2 { margin-bottom: 5px;}
	#main-slider .slider-inner h2 > span {font-size:3vw;}
	#main-slider .slider-inner p {  font-size: 2.5vw; line-height: 25px; margin-top: 3px;}
	#main-slider .slider-inner p > span {  font-size: 2vw; }
}

@media only screen and (max-width: 768px) {
	#main-slider .slider-inner {top: -30%;}
	#main-slider .slider-inner h2 { margin-bottom: 5px;}
	#main-slider .slider-inner h2 > span {font-size:3vw;}
	#main-slider .slider-inner p {  font-size: 2.5vw; line-height: 15px; margin-top: 2px;}
	#main-slider .slider-inner p > span {  font-size: 2vw; }
}


#bar { width: 0%; max-width: 100%; height: 4px; background: #109ed9; }
#progressBar { margin-top: -4px; position: relative; z-index: 999; width: 100%; background: rgba(0, 0, 0, 0.1); display:none; }

#cta { padding: 20px 0;  margin: 40px 0; /*background-color: #ececec; border-top: 1px solid #dfdfdf;*/ }
#cta h2 { margin-top: 0; }
#cta .btn { margin-top: 40px; }
#cta h1 { color: #0095e5; }
#cta .feature-item { margin-bottom: 30px;}
#cta .feature-item .icon i{  -webkit-transition: 0.3s;  -moz-transition: 0.3s;  -o-transition: 0.3s;  transition: 0.3s; transition-delay: 0.15s;font-size: 38px; color: #0095e5; margin-bottom: 15px;}
#cta .feature-item:hover .icon i{ transform: rotateY(180deg);}
#cta .feature-item.innovative-border:hover .icon { transform: scale(1.1);}


#cta2 { background: #242a33 url("../images/bg-4.png") no-repeat 50% 50%; background-size: cover; color: #fff; padding: 50px 0;  margin: 40px 0;  }
#cta2 .btn { margin-top: 10px; }
#cta2 h1 { color: #fff;}
#cta2 h1 > span { color: #92c73d; }
#cta2 .cta2-image {margin: 40px 0;}
.ctaTool { background:#001219; color:#FFFFFF; }
.enquiry{background-image: url("../images/map.png"); background-repeat: no-repeat; background-position: center 0;  max-width: 1305px;    margin: 0 auto;}
@media screen and (max-width: 992px) {
	
	.enquiry .service-img {display: none;}
}

@media (max-width: 767px){
	.hidden-xs {
		display: none!important;
	}
}

#services { padding: 20px 0 20px; }
.media.service-box { margin: 25px 0; text-align: center; }
.media.service-box .pull-left { margin-right: 20px; }
.media.service-box .pull-left > i { font-size: 24px; height: 64px; line-height: 64px; text-align: center; width: 64px; border-radius: 100%; color: #45aed6;  -webkit-box-shadow: inset 0 0 0 1px #d7d7d7;box-shadow: inset 0 0 0 1px #d7d7d7; transition: background-color 400ms, background-color 400ms; position: relative; }
.media.service-box .pull-left > i:after { content: ""; position: absolute; width: 20px; height: 20px; top: 50%; margin-top: -10px; right: -10px; border: 4px solid #fff; border-radius: 20px; background: #109ed9; }
.media.service-box:hover .pull-left > i { background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); color: #fff; -webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);  }
#portfolio { padding: 100px 0; background: #f5f5f5; }
#portfolio .portfolio-filter { list-style: none; padding: 0; margin: 0 0 50px; display: inline-block; }
#portfolio .portfolio-filter > li { float: left; display: block; }
#portfolio .portfolio-filter > li a { display: block; padding: 7px 15px; background: #e5e5e5; color: #64686d; position: relative; }
#portfolio .portfolio-filter > li a:hover,
#portfolio .portfolio-filter > li a.active { background: #109ed9; color: #fff; -webkit-box-shadow: 0 -3px 0 0 #318daf inset;box-shadow: 0 -3px 0 0 #318daf inset;  }
#portfolio .portfolio-filter > li a.active:after { content: " "; position: absolute; bottom: -17px; left: 50%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: #318daf transparent transparent transparent; }
#portfolio .portfolio-filter > li:first-child a { border-radius: 4px 0 0 4px; }
#portfolio .portfolio-filter > li:last-child a { border-radius: 0 4px 4px 0; }
#portfolio .portfolio-items { margin: -15px; }
#portfolio .portfolio-item { width: 24.9%; float: left; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#portfolio .portfolio-item .portfolio-item-inner { position: relative; }
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info { opacity: 0; transition: opacity 400ms; -webkit-transition: opacity 400ms; position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; background: rgba(0, 0, 0, 0.5); color: #fff; }
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info h3 { font-size: 16px; line-height: 1; margin: 0; color: #fff; }
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info .preview { position: absolute; top: -18px; right: 12px; border-radius: 50%; background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); width: 36px; height: 36px; line-height: 36px; text-align: center; color: #fff; -webkit-box-shadow: 0 0 0 2px #fff;box-shadow: 0 0 0 2px #fff;  }
#portfolio .portfolio-item:hover .portfolio-info { opacity: 1; }
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
#testimonial { background: #333333 url(../images/testimonial/bg.jpg) no-repeat 0 0; background-size: cover; padding: 100px 0; color: #fff; }
#testimonial h4 { color: #fff; margin-bottom: 0; }
#testimonial small { display: block; margin-bottom: 10px; color: rgba(255, 255, 255, 0.7); }
#testimonial .btns { margin-top: 10px; }
#about { padding: 100px 0; }
#work-process { padding: 100px 0 50px; background: #20222e url(../images/work-process/bg.jpg) no-repeat 0 0; background-size: cover; color: #fff; }
#work-process h2 { color: #fff; }
#work-process h3 { color: #fff; margin-bottom: 0; }
#work-process .icon-circle { display: inline-block; width: 80px; height: 80px; line-height: 80px; border: 2px solid #109ed9; border-radius: 100px; position: relative; }
#work-process .icon-circle > span { border-style: solid; border-width: 2px; border-color: #109ed9; border-radius: 50%; background-color: #fff; position: absolute; width: 24px; height: 24px; line-height: 20px; top: -12px; color: #64686d; }
#work-process h3 { margin-bottom: 50px; }
#meet-team { padding: 100px 0; }
#meet-team .team-member { padding: 13px; background: #eeeeee; border: 2px solid #eeeeee; transition: border-color 400ms; -webkit-transition: border-color 400ms; }
#meet-team .team-member .team-img { margin: -15px -15px 0 -15px; }
#meet-team .team-member .team-info { padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; margin-bottom: 10px; }
#meet-team .team-member:hover { border-color: #109ed9; }
#meet-team .team-member:hover .social-icons > li > a { background: #109ed9; }
#meet-team .social-icons { list-style: none; padding: 0; margin: 0; }
#meet-team .social-icons > li { display: inline-block; }
#meet-team .social-icons > li > a { display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; color: #fff; background: #222534; border-radius: 3px; }
.divider { margin-top: 50px; margin-bottom: 50px; background-image: -moz-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%); background-image: -webkit-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%); background-image: -ms-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%); width: 95%; height: 1px; }
.progress { -webkit-box-shadow: none; box-shadow: none; background: #eeeeee; }
.progress .progress-bar.progress-bar-primary { background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%); -webkit-box-shadow: none; box-shadow: none; }
.nav.main-tab { background: #eee; border-bottom: 3px solid #222534; border-radius: 3px 3px 0 0; }
.nav.main-tab > li > a { color: #272727; }
.nav.main-tab > li.active > a { background: #222534; color: #109ed9; }
.nav.main-tab > li:first-child > a { border-radius: 3px 0 0 0; }
.nav.main-tab > li:last-child > a { border-radius: 0 3px 0 0; }
.tab-content { border: 1px solid #eee; border-top: 0; padding: 20px 20px 10px; border-radius: 0 0 3px 3px; }
.panel-default { border-color: #eee; }
.panel-default > .panel-heading { background-color: #fff; border-color: #eee; }
.panel-default > .panel-heading .panel-title { font-size: 14px; font-weight: normal; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #eee; }
#animated-number { padding: 100px 0 70px; background: #132125 url(../images/animated-number/bg.jpg) no-repeat 0 0; background-size: cover; color: #fff; }
#animated-number h1,
#animated-number h2,
#animated-number h3,
#animated-number h4 { color: #fff; }
#animated-number strong { display: block; margin-bottom: 30px; }
.animated-number { display: inline-block; width: 140px; height: 140px; font-size: 24px; line-height: 140px; border: 3px solid #fff; border-radius: 100px; margin-bottom: 20px; }
#pricing { padding: 100px 0 70px; }
#pricing ul.pricing { list-style: none; margin: 70px 0 30px; border: 1px solid #eee; border-radius: 5px 5px 4px 4px; padding: 15px; text-align: center; }
#pricing ul.pricing li { display: block; padding: 10px; }
#pricing ul.pricing li.plan-header { background: #eee; border-radius: 4px 4px 0 0; margin: -15px -15px 10px; padding: 15px 15px 30px; border: 0; }
#pricing ul.pricing li.plan-header .price-duration { position: relative; margin-top: -63px; top: -10px; display: inline-block; width: 116px; height: 116px; background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); color: #fff; border-radius: 100px; border: 5px solid #f6f6f6; }
#pricing ul.pricing li.plan-header .price-duration > span { display: block; line-height: 1; }
#pricing ul.pricing li.plan-header .price-duration > span.price { font-size: 24px; font-weight: 700; margin-top: 35px; }
#pricing ul.pricing li.plan-header .price-duration > span.duration { margin-top: 5px; }
#pricing ul.pricing li.plan-header .plan-name { margin-top: 10px; font-size: 24px; color: #272727; font-weight: bold; line-height: 1; text-transform: uppercase; }
#pricing ul.pricing.featured { background: #222534; color: #fff; border: 0; }
#pricing ul.pricing.featured li.plan-header { background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); }
#pricing ul.pricing.featured li.plan-header .plan-name { color: #fff; }
#get-in-touch { padding: 100px 0 0; /*background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%); color: #000;*/ }
#get-in-touch h1,
#get-in-touch h2 { color:#272727; }
#blog { padding: 100px 0; }
#blog .blog-post { border: 1px solid #eee; padding: 15px; }
#blog .blog-post .post-format { display: inline-block; width: 40px; height: 40px; line-height: 34px; text-align: center; color: #fff; background: #222534; border: 3px solid #fff; border-radius: 100px; }
#blog .blog-post.blog-large .entry-thumbnail { margin: -15px -15px 15px; position: relative; }
#blog .blog-post.blog-large .post-format { width: 66px; height: 66px; line-height: 60px; position: absolute; right: 20px; bottom: -33px; }
#blog .blog-post.blog-large .post-format > i { font-size: 20px; }
#blog .blog-post.blog-large .entry-date { font-size: 12px; display: block; margin-bottom: 5px; text-transform: uppercase; color: #109ed9; }
#blog .blog-post.blog-large .entry-title { margin-top: 0; font-size: 18px; line-height: 1; margin-bottom: 15px; }
#blog .blog-post.blog-large .entry-title a { color: #64686d; }
#blog .blog-post.blog-large .entry-title a:hover { color: #109ed9; }
#blog .blog-post.blog-media { margin-bottom: 30px; }
#blog .blog-post.blog-media .entry-thumbnail { margin: -15px 15px -15px -15px; position: relative; }
#blog .blog-post.blog-media .post-format { position: absolute; top: 20px; right: -10px; }
#blog .blog-post.blog-media .entry-date { font-size: 12px; display: block; margin-bottom: 5px; text-transform: uppercase; color: #109ed9; }
#blog .blog-post.blog-media .entry-title { margin-top: 0; font-size: 18px; line-height: 1; margin-bottom: 15px; }
#blog .blog-post.blog-media .entry-title a { color: #64686d; }
#blog .blog-post.blog-media .entry-title a:hover { color: #109ed9; }
#blog .blog-post .entry-meta { margin-top: 20px; border-top: 1px solid #eee; padding-top: 15px; }
#blog .blog-post .entry-meta > span { display: inline-block; margin-right: 10px; color: #999; }
#blog .blog-post .entry-meta > span > a { color: #999; }
#blog .blog-post .entry-meta > span > a:hover { color: #109ed9; }
#contact { position: relative; overflow: hidden; }
#contact .container-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(69, 174, 214, 0.3); z-index: 1; }
#contact .contact-form { background: rgba(255, 255, 255, 0.8); padding: 20px; margin-top: 25px; height:600px; }
#contact .contact-form h3 { margin-top: 0; }

.phoneCall { color: #fff; display: inline-block;}
.phoneCall input {height: 30px; display: initial; float: left; margin: 8px 0; color: #000;border-radius: 2px 0 0 2px;padding: 5px; border: none;}
.phoneCall .button {height: 30px; margin: 8px 0; border: 1px solid #93c73e;background: #92c73d; vertical-align: middle;line-height: 18px; color: #000; border-radius: 0 2px 2px 0;}
.phoneCall .button:hover {background: #F9AB59; border: 1px solid #F9AB59;}
.phoneCall .button:focus,
.phoneCall .button:active,
.phoneCall .button:visited {background: #d2cdd4; border: 1px solid #d2cdd4; color:#959595; pointer-events: none; }

.media-heading { margin-top: 15px; margin-bottom: 5px;}
.colored-boxed { margin-top: 20px;text-align: center;}

.colored-boxed .icon{width: 150px; height: 150px; display: inline-block; padding: 30px; border-radius: 150px; border: 4px solid #EFEFEF !important; -webkit-box-shadow: 0px 0px 22px 0px rgb(0 0 0 / 50%) !important; -moz-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.3)!important; box-shadow: 0px 0px 22px 0px rgb(0 0 0 / 30%) !important;/*background: #0095e5;;*/background: #93c83e;}
.colored-boxed .icon .seaGreen-Bg {background: #fff !important; border: none;}

.colored-boxed .btn {position:absolute;bottom:15px;right:30px;font-size:14px;font-weight:bold;}
/*.colored-iconBox{ height:125px; padding:30px;text-align:center; border-radius:5px 5px 0 0; 
background: #258dc8;
background: -moz-linear-gradient(top,  #258dc8 0%, #519dc6 100%); 
background: -webkit-linear-gradient(top,  #258dc8 0%,#519dc6 100%); 
background: linear-gradient(to bottom,  #258dc8 0%,#519dc6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#519dc6',GradientType=0 ); 
}*/
.colored-iconBox { width: 120px; height: 120px; border-radius: 100px;  margin: auto; text-align: center; border: 4px solid #EFEFEF !important; -webkit-box-shadow: 0px 0px 22px 0px rgb(0 0 0 / 50%) !important; -moz-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.3)!important; box-shadow: 0px 0px 22px 0px rgb(0 0 0 / 30%) !important;/*background: #0095e5;;*/background: #93c83e;}
.colored-iconBox i { font-size:50px; color:#fff; padding: 30px 0; }
.colored-textBox { /*padding:10px; color:#ffffff;*/ font-size:21px; }
.colored-textBox h3 { color:#0095e5;; margin-top: 1rem;  margin: 20px 0; text-align: center; }
.colored-textBox h6 { /*color:#20284d;*/ text-align: center; line-height: 26px; }
.colored-content { padding:10px; border-top:none; }
.colored-content li { list-style-type:disc; padding:10px 10px 0; }
.colored-content li a { color:#0d749f; }
/***********************
********* Footer ******
************************/
/*#footer { padding-top: 30px; padding-bottom: 30px; color: #fff; background: #2e2e2e; }
#footer a { color: #fff; }
#footer a:hover { color: #109ed9; }
#footer ul { list-style: none; padding: 0; margin: 0 -7.5px; }
#footer ul > li { display: inline-block; margin: 0 7.5px; }*/
#footer { /*background-color: #032431; */ background-color: #282828; font-size: 1rem; padding: 10px 0 0; position:absolute; clear: both; width:100%; color:#FFFFFF; }
#footer a,
#footer a:hover { color:#FFFFFF; }
.footer-col h3 { color: #fff; margin-bottom: 24px; /*font-size: 22px; */text-transform: capitalize; font-weight: 300; font-style: normal; }
.footer-col h3:first-letter { /*border-bottom: 4px solid #bbb;*/ border-bottom: 4px solid #0095e5;;  }
.contact p { margin-bottom: 10px; }
.contact strong { margin-right: 10px; font-weight: bold; }
.contact strong i { margin-right: 5px; }
.contact a { color: #777; }
.contact a:hover { color: #4f82e9; }
.f2-work li { margin: 2px; }
.f2-work li a img { width: 70px; height: 50px; border: 2px solid transparent; -moz-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; }
.f2-work li a:hover img { border-color: #4f82e9; }

.flotingMenu { position: fixed; right: 0; top: 70%; margin-top: -2.5em; z-index: 1000; padding: 0;}
.flotingMenu li a {background: #F7F7F7; border: 1px solid #e8e8e8; margin: 10px -110px 10px 0px; padding: 5px; border-radius: 5px 0 0 5px; width: 150px; display: block; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; }
.flotingMenu li a:hover{ margin-left: -110px;}
.flotingMenu li a span{margin: 0 0 0 10px; color:#000000; font-weight: bold;}

.footer-btm { padding: 20px;/* background-color: #001219;*/ background-color: #2c2d2d; color:#ffffff; }
.footer-btm span { color: #ffffff; }
.footer-col.footer-3 h3 { text-transform: uppercase; font-size: 35px; }
.footer-col p { color: #ddd; }
.footer-col ul { float: left; list-style: none; /*margin-right: 60px;*/ padding: 0; }
.footer-col ul li { margin-bottom: 0px; padding: 4px 0; }
.footer-col ul li a { color: #ddd; }
.footer-col ul li a:hover { color: #FFF; }
.footer-col h5 { color: #ddd; }
.cetification-info { display: inline-block; }
.cetification-info img { margin-bottom: 10px; }
.margin30 { margin-bottom: 30px; margin-top:30px; }
.margin20 { margin-bottom: 20px; margin-top:20px; }
.margin10 { margin-bottom: 10px; margin-top:10px; }
/*************soical icons**********/

.social-1 { margin: 0; padding: 0; width:100%; }
.social-1 li { padding: 6px 2px; }
.social-1 li a i { width: 32px; height: 32px; line-height: 32px; text-align: center; color: #fff; font-size: 17px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; }
.social-1 li a i:hover { opacity: 0.8; }
.social-1 li a i.fa-facebook-f { background-color: #3c599f; }
.social-1 li a i.fa-twitter { background-color: #0084b4; }
.social-1 li a i.fa-google-plus-g { background-color: #df4b38; }
.social-1 li a i.fa-linkedin-in { background-color: #007ab5; }
.social-1 li a i.fa-dribbble { background-color: #cb2027; }
.social-1 li a i.fa-android { background-color: #78b03d; }
.social-1 li a i.fa-apple { background-color: #6d6d6d; }
.social-1 li a i.fa-wordpress { background-color: #21759b; }
.social-1 li a i.fa-youtube { background-color: #bb0000; }
.social-1 li a i.fa-slideshare { background-color: #0077b5; }
.social-1 li a i.fa-windows { background-color: #00bcf2; }
.social-1 li a i.fa-pinterest-p { background-color: #cb2027; }
.social-1 li a i.fa-flickr { background-color: #ff0084; }
.social-1 li a i.fa-tumblr { background-color: #32506d; }
 @media only screen and (min-width: 768px) {
 #footer .social-icons {
 float: right;
}
}
.form-control {  -webkit-box-shadow: none;box-shadow: none; }
.tabMain { }
.mainSpan { display: none; padding: 20px 0 0; border-top: 1px solid #ddd; min-height:200px; }
input { display: none; }
label { display: inline-block; margin: 0 0 -1px; padding: 15px 25px; font-weight: 600; text-align: center; color: #bbb; border: 1px solid transparent; }
label:before { font-family: Font Awesome\ 5; font-weight: normal; margin-right: 10px; }
label[for*='1']:before {
content: '\f0e0';
}
label[for*='2']:before {
content: '\f1ad';
}
label[for*='3']:before {
content: '\f1e0';
}
label[for*='4']:before {
content: '\f095';
}
label[for*='5']:before {
content: '\f086';
}
label[for*='6']:before {
content: '\f29e';
}
label[for*='7']:before {
content: '\f37e';
}
label:hover { color: #888; cursor: pointer; }
input:checked + label { color: #555; border: 1px solid #ddd; border-top: 2px solid orange; border-bottom: 1px solid #fff; }
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6, #tab7:checked ~ #content7 {
 display: block;
}
 @media screen and (max-width: 768px) {
 label {
font-size: 0;
}
 label:before {
margin: 0;
font-size: 18px;
}
}
 @media screen and (max-width: 400px) {
 label {
padding: 15px;
}
}
.integration { }
.integration ul { margin:0; padding:0; }
.integration li { list-style-type:none; display:inline-block; width:25%; margin: 1%; }
.integration-flipcard { width:100%; height:240px; border: 1px solid #f3f3f3; box-sizing: border-box; color: black; background-color: #fff; padding: 60px 10px; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-box-shadow: 0 9px 37px -5px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 9px 37px -5px rgba(0, 0, 0, 0.08); box-shadow: 0 9px 37px -5px rgba(0, 0, 0, 0.08); opacity: 0; animation-name: bounceIn; animation-duration: 450ms; animation-timing-function: linear; animation-fill-mode: forwards; animation-delay: 0s; text-align:center; }
 @keyframes bounceIn { 0% {
 opacity: 0;
 transform: scale(0.3) translate3d(0, 0, 0);
}
 50% {
 opacity: 0.9;
 transform: scale(1.1);
}
 80% {
 opacity: 1;
 transform: scale(0.89);
}
 100% {
 opacity: 1;
 transform: scale(1) translate3d(0, 0, 0);
}
}
.integration-flipcard h5 { position: absolute; right: 0; bottom: 10px; left: 0; text-transform:uppercase; }
@media screen and (max-width: 768px) {
.integration-flipcard {
height: 180px;
}
.integration-flipcard img {
width:100%;
}
}
/*Bird Animation*/
.bird { background-image: url(../images/slider/bird-cells.svg); background-size: auto 100%; width: 40px; height: 63px; will-change: background-position; animation-name: fly-cycle; animation-timing-function: steps(10); animation-iteration-count: infinite; }
.bird--one { animation-duration: 1s; animation-delay: -0.5s; }
.bird--two { animation-duration: 0.9s; animation-delay: -0.75s; }
.bird--three { animation-duration: 1.25s; animation-delay: -0.25s; }
.bird--four { animation-duration: 1.1s; animation-delay: -0.5s; }
.bird-container { position: absolute; top: 250px; left: -7.5vw; transform: scale(0); will-change: transform; animation-name: fly-right-one; animation-timing-function: linear; animation-iteration-count: infinite; }
.bird-container--one { animation-duration: 15s; animation-delay: 0; }
.bird-container--two { animation-duration: 16s; animation-delay: 1s; }
.bird-container--three { animation-duration: 14.6s; animation-delay: 9.5s; }
.bird-container--four { animation-duration: 16s; animation-delay: 10.25s; }
@keyframes fly-cycle { 100% {
 background-position: -900px 0;
}
}
@keyframes fly-right-one { 0% {
 left: -10%;
 transform: scale(0.3);
}
 10% {
 left: 10%;
 transform: translateY(2vh) scale(0.4);
}
 20% {
 left: 30%;
 transform: translateY(0vh) scale(0.5);
}
 30% {
 left: 50%;
 transform: translateY(4vh) scale(0.6);
}
 40% {
 left: 70%;
 transform: translateY(2vh) scale(0.6);
}
 50% {
 left: 90%;
 transform: translateY(0vh) scale(0.6);
}
 60% {
 left: 110%;
 transform: translateY(0vh) scale(0.6);
}
 100% {
 left: 110%;
 opacity: 1;
 transform: translateY(0vh) scale(0.6);
}
}
@keyframes fly-right-two { 0% {
 left: -10%;
 opacity: 1;
 transform: translateY(-2vh) scale(0.5);
}
 10% {
 left: 10%;
 transform: translateY(0vh) scale(0.4);
}
 20% {
 left: 30%;
 transform: translateY(-4vh) scale(0.6);
}
 30% {
 left: 50%;
 transform: translateY(1vh) scale(0.45);
}
 40% {
 left: 70%;
 transform: translateY(-2.5vh) scale(0.5);
}
 50% {
 left: 90%;
 transform: translateY(0vh) scale(0.45);
}
 51% {
 left: 110%;
 transform: translateY(0vh) scale(0.45);
}
 100% {
 left: 110%;
 transform: translateY(0vh) scale(0.45);
}
}

/* KEYFRAMES */

@-webkit-keyframes animateCloud { 0% {
 margin-left: -1000px;
}
 100% {
 margin-left: 100%;
}
}
 @-moz-keyframes animateCloud { 0% {
 margin-left: -1000px;
}
 100% {
 margin-left: 100%;
}
}
 @keyframes animateCloud { 0% {
 margin-left: -1000px;
}
 100% {
 margin-left: 100%;
}
}
/* cloude ANIMATIONS */
.cloude-animation { position: absolute; top: 50px; left: -7.5vw; transform: scale(0); will-change: transform; animation-name: animateCloud; animation-timing-function: linear; animation-iteration-count: infinite; }
.cloude-animation.x1 { top: 60px; }
.cloude-animation.x2 { top: 20px; }
.cloude-animation.x3 { top: 30px; }
.cloude-animation.x4 { top: 250px; }
.cloude-animation.x5 { top: 25px; }
.x1 { -webkit-animation: animateCloud 130s linear infinite; -moz-animation: animateCloud 130s linear infinite; animation: animateCloud 130s linear infinite; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); }
.x2 { -webkit-animation: animateCloud 100s linear infinite; -moz-animation: animateCloud 100s linear infinite; animation: animateCloud 100s linear infinite; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); transform: scale(0.3); }
.x3 { -webkit-animation: animateCloud 70s linear infinite; -moz-animation: animateCloud 70s linear infinite; animation: animateCloud 70s linear infinite; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); transform: scale(0.2); }
.x4 { -webkit-animation: animateCloud 50s linear infinite; -moz-animation: animateCloud 50s linear infinite; animation: animateCloud 50s linear infinite; -webkit-transform: scale(0.25); -moz-transform: scale(0.25); transform: scale(0.25); }
.x5 { -webkit-animation: animateCloud 40s linear infinite; -moz-animation: animateCloud 40s linear infinite; animation: animateCloud 40s linear infinite; -webkit-transform: scale(0.20); -moz-transform: scale(0.20); transform: scale(0.20); }
.cloud { background: #fff; background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fff), color-stop(100%, #f1f1f1)); background: -webkit-linear-gradient(top, #fff 5%, #f1f1f1 100%); background: -o-linear-gradient(top, #fff 5%, #f1f1f1 100%); background: -ms-linear-gradient(top, #fff 5%, #f1f1f1 100%); background: linear-gradient(top, #fff 5%, #f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f1f1f1', GradientType=0 );
border:5px solid #999999; border-top:none; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; height: 120px; position: relative; width: 350px; }
.cloud:after,
.cloud:before { background: #fff; content: ''; position: absolute; z-index: -1; border:5px solid #999999; }
.cloud:after { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; height: 100px; left: 50px; top: -50px; width: 100px; }
.cloud:before { -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; width: 180px; height: 180px; right: 50px; top: -90px; }
/*Flight Animation*/

.flight-animation { position: absolute; top: 80px; left: -7.5vw; transform: scale(0); will-change: transform; animation-name: animateFlight; animation-timing-function: linear; animation-iteration-count: infinite; }
.f1 { -webkit-animation: animateFlight 70s linear infinite; -moz-animation: animateFlight 70s linear infinite; animation: animateFlight 70s linear infinite; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); }
.flight { background: url(../images/slider/plain.png); background-size: auto 100%; background-repeat:no-repeat; border-radius: 100px; height: 120px; position: relative; width: 350px; }
 @-webkit-keyframes animateFlight { 0% {
 margin-left: 100%;
}
 100% {
 margin-left: -3000px;
}
}
 @-moz-keyframes animateFlight { 0% {
 margin-left: 100%;
}
 100% {
 margin-left: -3000px;
}
}
 @keyframes animateFlight { 0% {
 margin-left: 100%;
}
 100% {
 margin-left: -3000px;
}
}
/*Bus Animation*/

.bus-animation { position: absolute; bottom: -20px; left: 0vw; transform: scale(0); will-change: transform; animation-name: animateBus; animation-timing-function: linear; animation-iteration-count: infinite; }
.b1 { -webkit-animation: animateBus 65s linear infinite; -moz-animation: animateBus 65s linear infinite; animation: animateBus 65s linear infinite; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); }
.bus { background: url(../images/slider/bus.png); background-size: auto 100%; background-repeat:no-repeat; height: 120px; position: relative; width: 350px; }
 @-webkit-keyframes animateBus { 0% {
 margin-left: -1000px;
}
 100% {
 margin-left: 100%;
}
}
 @-moz-keyframes animateBus { 0% {
 margin-left: -1000px;
}
 100% {
 margin-left: 100%;
}
}
 @keyframes animateBus { 0% {
 margin-left: -1000px;
}
 100% {
 margin-left: 100%;
}
}
/*Win 8 Type Style*/

.slide_box { height: 200px; text-align:center; margin-bottom:30px; background: #fff; border: 1px solid #ededed; box-shadow: 0 9px 37px -5px rgba(0, 0, 0, 0.08); }
.slide_box i { color:#45aed6; margin-top: .7em; }
.slide_box h5 { /*float:left;*/ width:100%; font-weight:bold; position:absolute; bottom:0; margin:20px 0; letter-spacing:1px; font-size:13px; }
.slide_box strong { width:100%; margin:5px 0; display:block; }
.slide1_wrapper { position: relative; overflow: hidden; width: 100%; }
.slideBox1 { position: absolute; top:0; left: -100%; width: 100%; height: 100%; background: #2c8cb3; color:#FFFFFF; transition: all .3s ease;
}
.slide2_wrapper { position: relative; overflow: hidden; width: 100%; }
.slide2_wrapper:hover { text-align:right; transition: all .3s ease;
}
.slide2_wrapper:hover i { margin-right:18%; }
.slideBox2 { position: absolute; top:0; left: -100%; width: 50%; height: 100%; background: #2c8cb3; color:#FFFFFF; transition: all .3s ease;
}
.slide3_wrapper { position: relative; width: 100%; z-index: 1; perspective: 1000; }
.slide3_card { width: 100%; height: 100%; transform-style: preserve-3d; transition: all 0.5s linear; }
.slide3_card i { color:#45aed6; }
.slide3_wrapper:hover .slide3_card { transform: rotateY(180deg); }
.slide3_card .face { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; }
.slide3_card .face.back { display: block; transform: rotateY(180deg); box-sizing: border-box; padding: 20px; text-align: center; background: #2c8cb3; color:#FFFFFF; font-size:16px }
.slide4_wrapper { width: 100%; overflow: hidden; position: relative; }
.slideBox4 { top: 100%; position: absolute; transition: all .3s ease-out;
background: #2c8cb3; color:#FFFFFF; height: 100%; width: 100%; }
.slide1_wrapper .slideBox1,
.slide2_wrapper .slideBox2,
.slide4_wrapper .slideBox4 { padding: 20px; }
.slide1_wrapper:hover .slideBox1,
.slide2_wrapper:hover .slideBox2,
.slide4_wrapper:hover .slideBox4 { left: 0; font-size:16px; padding: 20px; text-align:center; }
.slide4_wrapper:hover .slideBox4 { top: 0; }
/*Login*/

.gray-bg { background-color: #CECECE !important; color: #000000 !important; }
.blue-bg { background-color: /*#2f4050!important*/#203951 !important; /*color:#a7b1c2!important; */ color:#fff!important; border-radius: 5px;-webkit-box-shadow: 0px 5px 8px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 8px -5px rgba(0,0,0,0.75);
box-shadow: 0px 5px 8px -5px rgba(0,0,0,0.75); }
.loginscreen.middle-box { width: 380px; background: #FFFFFF; }
.middle-box { max-width: 400px; z-index: 100; margin: auto; padding-top: 40px; height: 440px; height: 310px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 20px; }
.logo-name { font-weight: 800; letter-spacing: -10px; margin-bottom: 20px; }
.logo-name { color: #e6e6e6; margin-top: 20px; }
.middle-box h2 { margin-bottom: 35px !important; font-size: 18px; }
.full-width { width: 100% !important; }

/*Free Trial*/
.freeTrial .row { margin-top:25px; }
.trialForm { /*padding:40px 50px;*/ margin-bottom:25px; margin-top: 2vw; }
.trialForm input { display:inline-block; }
.trialForm h2,
.trialForm h4 { color:/*#a7b1c2!important*/#9be2ff!important; }

#features { padding: 20px 0; margin: 40px 0; background: url("../images/bg-1.png");background-repeat: no-repeat; background-position: center 0;  -webkit-background-size: cover;  background-size: cover;  overflow: hidden; }
#features .media.service-box:first-child {/* margin-top: 80px; */}
#features .inputBlock { font-size: 20px; }
#features .trialForm { /*padding:40px 0; */}
#features .trialForm ,
#features .trialForm h1 { color: #fff !important;}
#features .trialForm h5 { color: #fff !important;}
#features .freeTrial .img-responsive { width: 100%;}
@media screen and (max-width: 992px) {
	
	#features .freeTrial {display: none;}
}
/*#features .service-img { width: 40%;min-height: 800px; background: url(../img/choose.png); background-repeat: no-repeat; background-size:cover;
    background-position: 0 center; position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: 0; z-index: 1;}*/

.inputBlock { margin-top:20px; position:relative; }
.inputBlock input:focus ~ .floating-label, 
.inputBlock input:not(:focus):valid ~ .floating-label { top: -16px; bottom: 0px; left: 5px; font-size: 11px; opacity: 1; color:#a7b1c2; font-weight:normal;}
.inputBlock .inputText { display:block; font-size: 14px; width: 100%; height: 35px; background:#ffffff; border-radius: 3px; border: 2px solid #647f98; color: #000; padding: 0 5px; }
.inputBlock .floating-label { position: absolute; pointer-events: none; left: 8px; top: 7px; color:darkblue; transition: 0.2s ease all; font-weight:bold; }

/*Pricing*/
.pricing { text-align: center; /*border: 1px solid #f0f0f0; */font-size: 14px; padding: 5px; }
.pricing img { /*display: block; margin: auto; width: 32px;*/vertical-align: initial; }
.pricing li:first-child,
.pricing li:last-child { padding: 20px 13px; }
.pricing li { list-style: none; padding: 13px; }
.pricing li + li { border-top: 1px solid #f0f0f0; }
.pricing big { font-size: 32px; }
.pricing h3 { margin-bottom: 0; font-size: 2vw; }
.pricing h4 { margin-bottom: 0; font-size: 1.2vw; line-height: 2vw; }
.pricing h4 strong{ margin-bottom: 0; font-size: 1.5vw; }
.pricing span { font-size: 12px; color: #999; font-weight: normal; }
.pricing li:nth-last-child(2) {
 padding: 30px 13px;
}
.pricing .button { width: auto; margin: auto; font-size: 1vw; font-weight: 500; border-radius: 5px; color: #fff; padding: 9px 24px; background: #aaa; opacity: 1; transition: opacity .2s ease;
border: none; outline: none; margin-top: 20px; display: inline-block;}
.pricing .button:hover { opacity: .9; }
.pricing .button:active { box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); }
/* pricing color */
.p-green big,
.p-green h3 { color: #4c7737; }
.p-green .button { background: #4c7737; }
.p-yel big,
.p-yel h3 { color: #ffbb42; }
.p-yel .button { background: #ffbb42; }
.p-red big,
.p-red h3 { color: #6c6c6c; }
.p-red .button { background: #8a8a8a; }
.p-blue big,
.p-blue h3 { color: #3f4bb8; }
.p-blue .button { background: #3f4bb8; }

.green-bg-back{background: #eff9ea; border: 1px solid #e1f2d9;}
.yel-bg-back{background: #f9f3e6; border: 1px solid #f7ebd4;}
.red-bg-back{background: #ededed; border: 1px solid #e8e7e7;}

.pricingTbl th {border:none; padding: 0;}
.pricingTbl td.heading{font-size: 20px; border-bottom: 1px solid #dfdfdf; color:#0095e5;padding: 5px 5px 5px 10px;}
.pricingTbl td.heading i{color: #0095e5; margin-right: 10px;}
.pricingTbl td {/*padding: 5px;*/ font-size: 17px; color:#000; border: none; vertical-align: middle;}
.pricingTbl td .tick{color:#32cd32; font-size: 25px; }
.pricingTbl td .cross{color:#e13c4c; font-size: 25px; }
.pricingTbl td:first-child{padding: 5px 5px 5px 30px;}
.pricingTbl td:nth-child(2){background: #eff9ea; border-left: 1px solid #e1f2d9; border-right: 1px solid #e1f2d9;}
.pricingTbl td:nth-child(3){background: #f9f3e6; border-left: 1px solid #f7ebd4; border-right: 1px solid #f7ebd4;}
.pricingTbl td:nth-child(4){background: #ededed; border-left: 1px solid #e8e7e7; border-right: 1px solid #e8e7e7;}

@media screen and (max-width: 992px) {
.pricing h3 { margin-bottom: 0; font-size:3vw; }
.pricing h4 { margin-bottom: 0; font-size: 2vw; line-height: 3vw;}
.pricing h4 strong{ margin-bottom: 0; font-size: 2vw; }
.pricing .button {font-size: 2vw;}
}


@media screen and (max-width: 767px) {
.pricing h3 { margin-bottom: 0; font-size:4vw; }
.pricing h4 { margin-bottom: 0; font-size: 2.5vw; line-height: 4vw;}
.pricing h4 strong{ margin-bottom: 0; font-size: 3vw; }
.pricing .button {font-size: 2.5vw;}
}