
/*Custome Font*/
@import "../fonts/poppins/style.css";
 @import"../fv-home/styles.css";
/*section { margin:50px 0; }*/
* {outline: none;}
body { background: #fff;   font-family: "Poppins Regular"; font-weight: 400; color: #424242; overflow-x: hidden; /*line-height: 26px; padding-top:100px; */  }
h1,
h2,
h3,
h4,
h5,
h6 {   font-family: "Poppins Regular"; color: #272727; 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:10px !important; }
.p-r { padding-right:10px !important; }
.p-b { padding-bottom:10px !important; }
.p-l { padding-left:10px !important; }
/*Margin*/
.m-t { margin-top:10px !important; }
.m-r { margin-right:10px !important; }
.m-b { margin-bottom:10px !important; }
.m-l { margin-left:10px !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; }

.left-align { text-align:left; }
.right-align { text-align:right; }
.cen-align { text-align:center; }
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; }
a:hover,
a:focus { text-decoration: none; color: #2a95be; }
hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; }
.text-white { color:#fff !important; }
.text-black { color : #000 !important; }
/*******section heading**********/
.align-center { text-align:center; }
.center-heading { text-align: center; /*margin-bottom: 40px;*/ margin-bottom: 20px; }
.article-heading .center-heading { margin-bottom: 0; }
.center-heading h2 { margin-bottom: 0; font-weight: 200; font-size: 3em; /*text-transform: uppercase;*/ letter-spacing: 1px; color: #333; }
.center-heading p { font-size: 16px; }
.center-heading h2 strong { font-weight: 800; }
.center-line { display: inline-block; width: 70px; height: 1px; border-top: 1px solid #bbb; /* border-bottom: 1px solid $skincolor; */ margin: auto; }
.center-heading p { margin-top: 10px; }
.center-heading h2 { margin-bottom: 0; font-weight: bold; /*text-transform: uppercase;*/ letter-spacing: 1px; color: #13689b; font-size:3em;  line-height:45px; }
.center-heading h3 { margin: 5px 0 15px 0; font-weight:normal; font-size:1.4em; line-height:35px; }
.overflow-hidden { overflow: hidden; }
.center { margin-left: auto;  margin-right: auto; text-align: center;}
.fvServices { color:#000000; }
.fvServices .rowDiv {min-height:290px;}
.fvServices i { font-size:70px; }
.fvServices h3 { font-size:2em; color:#13689b; }
.fvServices p { font-size:1.3em; color:#77aa22; margin:15px 0 5px 0; }
.fvServices span {font-size:1em; }
.gray ul,
.row ul { margin-left:0; }
.gray li,
.row li { padding:4px 0; }
.gray dd,
.row dd { padding:5px 0 5px 15px; line-height:20px; }
.gray dt,
.row dt { padding:0px 0 0px 15px; }
.gray h4,
.row h4 { margin:9px 0; }
.m-t { margin-top:10px; }
.m-r { margin-right:10px; }
.m-b { margin-bottom:10px; }
.m-l { margin-left:10px; }
.gray { background-color: #fafafa; }
.green1 { background-color:#799944; padding: 30px 0; }
.color-w { color:#FFFFFF; }
.dborder1 { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding:20px 0px; background-color:#f9f9f9; }
.dborder1down { border-bottom: 1px solid #eaeaea; }
.dborder1top { border-top: 1px solid #eaeaea; padding-top:20px; }
.dborder2top { border-top: 1px solid #eaeaea; }
.divide0 { width: 100%; height: 0px; }
.divide2 { width: 100%; height: 2px; }
.divide3 { width: 100%; height: 3px; }
.divide5 { width: 100%; height: 5px; }
.divide10 { width: 100%; height: 10px; }
.divide15 { width: 100%; height: 15px; }
.divide20 { width: 100%; height: 20px; }
.divide25 { width: 100%; height: 25px; }
.divide30 { width: 100%; height: 30px; }
.divide35 { width: 100%; height: 35px; }
.divide40 { width: 100%; height: 40px; }
.divide45 { width: 100%; height: 40px; }
.divide50 { width: 100%; height: 50px; }
.divide55 { width: 100%; height: 55px; }
.divide60 { width: 100%; height: 60px; }
.divide65 { width: 100%; height: 65px; }
.divide70 { width: 100%; height: 70px; }
.divide75 { width: 100%; height: 75px; }
.divide80 { width: 100%; height: 80px; }
.divide85 { width: 100%; height: 85px; }
/*margins*/

.margin10 { margin-bottom: 10px; }
.margin20 { margin-bottom: 20px; }
.margin30 { margin-bottom: 30px; }
.margin40 { margin-bottom: 40px; }
.no-padding { padding: 0px; }
.no-padding.gray { background-color: #f5f5f5; }
.no-padding-inner h3 { font-size: 2.2em; font-weight: 200; padding-top: 15px; }
.no-padding-inner { padding: 5px 20px; }
.margin-left { margin-left: 30px; }
.icon-left { margin-left: 35px !important; display: block; }
.margin-0 { margin: 0px !important; }
.wide-img-showcase-row { position: relative; }
.no-padding.img { background: url(../img/showcase-1.jpg) scroll center no-repeat; background-size: cover; position: absolute; height: 100%; }
.no-padding.img-2 { background: url(../images/content-img/ERP-farvision12.jpg) scroll center no-repeat; background-size: cover; position: absolute; height: 100%; }
.no-padding.img-3 { background: url(../images/content-img/realestate1212.jpg) scroll center no-repeat; background-size: cover; position: absolute; height: 100%; }
.no-padding.img-4 { background: url(../images/content-img/infra1234.jpg) scroll center no-repeat; background-size: cover; position: absolute; height: 100%; }
.no-padding.img-5 { background: url(../images/content-img/property-mgmnt-12234.jpg) scroll center no-repeat; background-size: cover; position: absolute; height: 100%; }
.no-padding.img-6 { background: url(../images/content-img/manufacture1212.jpg) scroll center no-repeat; background-size: cover; position: absolute; height: 100%; }
.no-padding.img-7 { background: url(../images/content-img/construcion-1212.jpg) scroll center no-repeat; background-size: cover; position: absolute; height: 100%; }
.no-padding.img-8 { background: url(../images/content-img/qto123.jpg) scroll center no-repeat; background-size: cover; position: absolute; height: 100%; }
.no-padding.img-9 { background: url(../images/content-img/aboutus-dream.jpg) scroll center no-repeat; background-size: cover; position: absolute; height: 100%; }
 @media (max-width: 568px) {
.no-padding-inner {
padding: 15px;
}
}
@media (max-width: 767px) {
.no-padding.img {
position: relative;
height: 300px;
}
.no-padding.img, .no-padding.img-2, .no-padding.img-3, .no-padding.img-4, .no-padding.img-5, .no-padding.img-6, .no-padding.img-7, .no-padding.img-8, .no-padding.img-9 {
display:none;
}
}
.item-img-wrap { position: relative; text-align: center; overflow: hidden; }
.item-img-wrap img { -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; width: 100%; }
.item-img-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.item-img-overlay span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../img/plus.png) no-repeat center center rgba(79, 130, 233, 0.7); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -moz-transition: opacity 250ms linear; -o-transition: opacity 250ms linear; -webkit-transition: opacity 250ms linear; transition: opacity 250ms linear; }
.item-img-wrap:hover .item-img-overlay span { opacity: 1; }
.item-img-wrap:hover img { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

p {line-height:24px;}

h3.heading-without-border { color: #07827e; font-size: 20px; line-height: 24px; font-weight: 400; font-style: normal; margin: 0 0 20px; padding-bottom: 10px; position: relative; overflow: hidden; vertical-align: middle; font-family: 'open_sanslight', sans-serif; }
h4 { font-size: 1.4em; font-weight: 700; letter-spacing: normal; line-height: 27px; margin: 0 0 14px 0; }
h5 { font-size: 1.1em; font-weight: 700; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; color: #666666; }
h6 { color: #333; font-size: 1em; font-weight: 700; letter-spacing: normal; line-height: 18px; margin: 0 0 7px 0; }

/*image*/
.img-t1 { border: 1px solid #ddd; }
.img-r2 { width:250px!important; height:250px!important; }
.img-r1 { width:150px!important; height:150px!important; }
.img-r0 { width:100px!important; height:100px!important; }
.img-circle { border: 4px solid #EFEFEF !important; -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.5) !important; -moz-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.5)!important; box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.5) !important; }
.img-responsive { display: inline-block; }
.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; }
.blankDiv { display: none; }
.center-heading { text-align: center; }
.img-responsive { margin: 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: #272727; text-transform: uppercase; position: relative; padding-bottom: 20px; margin: 0 0 20px; }
.section-header .section-title:before { content: ""; position: absolute; width: 140px; bottom: 0; left: 50%; margin-left: -70px; height: 1px; background: #ebebeb; }
.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; }
.top-bar-dark { background-color: #333; }
.top-dark-right li,
.top-dark-right li a { color: #dddddd; font-size: 12px; font-weight: normal !important;}
.top-dark-right li a span,
.top-dark-right li a i { color: #dddddd; 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; font-size: 12px; }
.socials-simple li a i { color: #dddddd; font-size: 14px; }
.socials-simple li h5 { color: #109ed9; margin:0; font-weight:bold; display:inline; }
.navbar-nav > li > a { color:#333333 !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; }
h2.colored-text { font-size: 2em; font-weight:bold; padding-bottom: 15px; padding-top: 15px; }
.colored-text { color: #07659e; }/*Blue Dark*/
.colored-text-i { color: #13689b; }/*Blue Light*/
.colored-text-o { color: #89bb40; }/*Green*/
.colored-text-w { color:#FFFFFF; }

 @-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-default .multi-level-large { width: 662px; }
#main-menu.navbar-default .multi-level { width: 250px; }
.dropdown-toggle:hover .dropdown-menu { display:block; }
#main-menu.navbar-default { 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-default .navbar-nav > li > a { padding: 23px 15px; }
#main-menu.navbar-default .navbar-nav > li > a.trialBtn { background: #109ed9; color:#fff !important; padding: 10px; margin: 13px; border-radius: 5px; }
#main-menu.navbar-default .navbar-nav > li.active > a,
#main-menu.navbar-default .navbar-nav > li.open > a,
#main-menu.navbar-default .navbar-nav > li:hover > a { background: transparent; padding-top: 20px; border-top: 3px solid #109ed9; }
#main-menu.navbar-default .navbar-nav > li.active > a.trialBtn,
#main-menu.navbar-default .navbar-nav > li.open > a.trialBtn,
#main-menu.navbar-default .navbar-nav > li:hover > a.trialBtn { background: #109ed9; color:#fff !important; padding: 10px; margin: 13px; border-radius: 5px; border-top: none; }
#main-menu.navbar-default .dropdown-menu { border-top: 4px solid #2992d3; padding:0; background-color: #fff; background-clip: inherit; left: auto !important; right: 0 !important; z-index: 2003; }
#main-menu.navbar-default .dropdown-menu strong { padding:10px; display:block; }
#main-menu.navbar-default .dropdown-menu > li { background: #fff; float:left; }
#main-menu.navbar-default .dropdown-menu.multi-level-large > li { width:220px; height:200px; }
#main-menu.navbar-default .dropdown-menu > li > a,
#main-menu.navbar-default .dropdown-menu.multi-level-large > li li > a { padding: 9px 15px; color: #565656; }
#main-menu.navbar-default .dropdown-menu > li:first-child > a { border-top: 0; }
#main-menu.navbar-default .dropdown-menu > li.active > a,
#main-menu.navbar-default .dropdown-menu > li.open > a,
#main-menu.navbar-default .dropdown-menu > li:hover > a,
#main-menu.navbar-default .dropdown-menu.multi-level-large > li li > a:hover { color: #109ed9; background-color: transparent; }
 @media only screen and (max-width: 1120px) {
.sticky-wrapper .container {
width:100%;
}
#main-menu.navbar-default .multi-level-large {
width: 442px;
}
#main-menu.navbar-default .dropdown-menu {
left: 0 !important;
right: auto !important;
}
/*#main-menu.navbar-default .navbar-nav > li > a {padding: 23px 15px; }*/
}
@media only screen and (max-width: 768px) {
 #main-menu.navbar-default .dropdown-menu {
min-width: 250px;
width:auto;
}
 #main-menu.navbar-default .dropdown-menu strong {
padding:10px;
display:block;
}
.navbar-collapse.in {
overflow-y: auto;
height: 200px;
padding-bottom:60px;
}
#main-menu.navbar-default .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
}
#main-menu.navbar-default .navbar-nav > li.active > a, #main-menu.navbar-default .navbar-nav > li.open > a, #main-menu.navbar-default .navbar-nav > li:hover > a {
padding-top: 10px;
border-top: none;
}
#main-menu.navbar-default .dropdown-menu.multi-level-large > li {
width:100%;
height:auto;
}
#main-menu.navbar-default .dropdown-menu {
background:#f5f5f5;
}
#main-menu.navbar-default .dropdown-menu > li {
background: #f5f5f5;
}
#main-menu.navbar-default .dropdown-menu > li {
float:none;
}
#main-menu.navbar-default .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 { height: 558px; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; }*/
#main-slider .item img { display: block; /*width: 1920px; height: 600px;*/ width: 100%; height: auto; cursor:grab; cursor:-webkit-grab;background-size: cover; }
#main-slider .slider-inner { position: absolute; top: -25%; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 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; }
#main-slider .slider-inner p { text-align:left; color: #64ab42; font-size:1.3vw; margin-right: 50px; font-weight: bold; }
#main-slider .slider-inner h2 > span { color: #109ed9; font-weight: bold; }
#main-slider .slider-inner p > span { color:#666666; margin-top:5px;}
#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: #109ed9; }
#main-slider .owl-prev { left: -35px; text-indent: 14px; }
#main-slider .owl-next { right: -35px; text-indent: -14px; }
.cloud {/*height:600px;*/position:relative;margin-bottom:40px;}
.tag-line { color: black; display: block; font-size:1.8em; font-weight: normal; padding-bottom: 10px;  text-align:center; margin-bottom:0; line-height:35px;}
.homeSearch {position:absolute; top:20px; width:100%; z-index:1001; }
.fv-search-container { background: rgba(0, 0, 0, 0.1); padding: 8px 8px; margin: 20px 0; height: 66px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 25px; }
.fv-search { padding: 0 10px; height: 50px; font-size: 18px !important; border: 0; transition: all 0.5s ease 0s; -moz-box-shadow: 0 1px 3px 1px #666; -webkit-box-shadow: 0 1px 3px 1px #666; box-shadow: 0 1px 3px 1px #666; }
.fv-join-button { background-color: #ED7E0B; line-height: 50px; font-size: 25px; padding:0 50px; border:none; text-align:center; font-weight: bold; color: white; cursor: pointer; -moz-box-shadow: 3px 1px 3px 1px #666; -webkit-box-shadow: 3px 1px 3px 1px #666; box-shadow: 3px 1px 3px 1px #666; transition: all 0.3s ease 0s; height: 50px; }
.fv-join-button:hover { background-color: #ec971f; border-color: #d58512; }
.fv-demo-link { color: white; background-color: #3090ce; padding: 9px 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; transition: all 0.5s ease 0s; }
.fv-demo-link:hover { color: white; !important; background-color: #ED7E0B; !important;}
.tt-query { background: #FFFFFF!important;}
#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: 10px 0; background-color: #0099CC; border-bottom: 1px solid #0388B5; }
#cta .colored-text {color:#fff;}
#cta h2 { margin-top: 0; }
#cta .btn { margin-top: 40px; }
#cta2 { background: #242a33 url(../images/cta2/cta2-bg.jpg) no-repeat 50% 50%; background-size: cover; color: #fff; padding: 50px 0; margin: 0 0 40px 0; }
#cta2 .btn { margin-top: 10px; }
#cta2 h2 { color: #fff; font-size: 44px; line-height: 54px; }
#cta2 h2 > span { color: #92c73d; }
.ctaTool { background:#001219; color:#FFFFFF; }
#features,
#cta1 { padding: 20px 0; }
#features .media.service-box:first-child {/* margin-top: 80px; */ }
#services { padding: 20px 0 20px; }
.media.service-box { margin: 25px 0; }
.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;  height:250px;/*border:1px solid #E7E7E7;background:#f1f1f1;*/  border-radius:5px;
}
*/ .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: 80px; height: 80px; border-radius: 50px; background: #92c73d; margin: auto; text-align: center; }
.colored-iconBox i { font-size:40px; color:#fff; padding: 19px 0; }
.colored-textBox { /*background:#333333; border:1px solid #333333;*/ padding:10px; color:#ffffff; font-size:21px; }
.colored-textBox h2 { color:#20284d; font-weight: bold; font-size: 24px; margin: 20px 0; text-align: center; }
.colored-textBox h6 { color:#20284d; font-size:16px; text-align: center; line-height: 26px; }
.colored-content { padding:10px; border-top:none; }
.colored-content li { list-style-type:disc; padding:10px 10px 0; /*font-weight:bold;*/ }
.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; font-size: 0.9em; /*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: 10px; font-size: 22px; text-transform: capitalize; font-weight: 300; font-style: normal; }
.footer-col h3:first-letter { border-bottom: 1px solid #bbb; }
.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: -0.5em; z-index: 1000; padding: 0; transform: rotate(270deg);}
.flotingMenu li a { background: #109ed9; border: 1px solid #056288; margin: 10px -60px 10px 0px; padding: 8px; border-radius: 5px 5px 0 0 ; width:100px; display: block; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; }
/*.flotingMenu li a:hover { margin-left: -115px; }*/
.flotingMenu li a span { margin: 0 0 0 10px; color:#fff; font-weight: bold; font-size:15px; }
.footer-btm { padding: 20px; background-color: #001219; 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;
}
}
.title-1g { color: #669933;}
.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%;
}
}
/***colored boxed**************/

.colored-boxed { text-align: center; margin-top:15px;  height: 255px;}
.colored-boxed > a > i { width: 70px; height: 70px; line-height: 70px; text-align: center; border: 1px solid; background-color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; font-size: 30px; transition: all 300ms ease 0s; }
.colored-boxed.green i { color: #4f82e9; border-color: #4f82e9; }
.colored-boxed.dark i { color: #333; border-color: #333; font-size: 30px; }
.colored-boxed.blue i { color: #FFF; background-color:#3399cc; font-size: 45px; }
.colored-boxed.whiteg i { color: #799944; background-color:#FFF; font-size: 45px; }
.colored-boxed.red i { color: #cb2027; border-color: #cb2027; }
.colored-boxed h3 { font-size: 16px; font-weight: normal; margin-top: 20px; margin-bottom: 0px; text-transform: none; }
.colored-boxed p { margin-top: 10px; }
.colored-boxed .img-responsive { display: block; width:200px; height:200px;}
.colored-boxed span {font-size: 1.1em !important;}
.colored-boxed-main{border: 1px solid #cfcfcf;border-radius: 10px;height: 200px;  padding: 25px 10px 10px 10px; background: #f1f1f1;}
.colored-boxed-thumb{border: 1px solid #cfcfcf;border-radius: 10px;height: 120px;  padding: 20px 10px 10px 10px; background: #fff;}
.colored-boxed-thumb{border: 1px solid #cfcfcf;border-radius: 10px;height: 120px;  padding: 20px 10px 10px 10px; background: #fff;}
.colored-boxed-thumb{border: 1px solid #cfcfcf;border-radius: 10px;height: 120px;  padding: 20px 10px 10px 10px; background: #fff;}
.colored-boxed-thumb{border: 1px solid #cfcfcf;border-radius: 10px;height: 120px;  padding: 20px 10px 10px 10px; background: #fff;}
.colored-boxed-thumb{border: 1px solid #cfcfcf;border-radius: 10px;height: 120px;  padding: 20px 10px 10px 10px; background: #fff;}
.colored-boxed-thumb{border: 1px solid #cfcfcf;border-radius: 10px;height: 140px;  padding: 20px 10px 10px 10px; background: #fff;}

.colored-boxed .large-icon-text {font-size: 40px; margin-bottom: 20px; color: #07659e;}
/*services*/
.fvServices { color:#000000; }
.fvServices .rowDiv {min-height:290px;}
.fvServices i { font-size:70px;height: 70px; display: block; }
.fvServices h3 { font-size:1.2em; color:#444444; font-weight: 700 }
.fvServices p { font-size:1.1em; color:#77aa22; margin:5px 0 15px 0; }
.fvServices span {font-size:1.2em; }

.contactInfo {background:#89bb40;}
.contactInfo a { background:#FFFFFF; color:#89bb40;/* float:left;*/ width:150px; /*height:40px;*/ font-size:18px; padding: 10px 10px; margin-left:0px;}
.contactInfo .center-heading h3 {font-size:1.8em;}

.cornerbox1 ul{ padding:0; margin:0;}
.cornerbox1 li { list-style-type:none; margin:0; padding:0; line-height:30px;}
.cornerbox1 li i { margin-right:10px; color:#87c526;}

#testimonials-v-2 { padding: 80px 0 100px 0; overflow: hidden;background: #f3f3f3; }
#testimonials-v-2 .ot_info { display: table-cell; padding-left: 10px; padding-right: 10px; vertical-align: top; padding-bottom: 5px; }
#testimonials-v-2 .ot_info .ot_image { display: table-cell; padding-left: 10px; padding-right: 10px; vertical-align: top; }
#testimonials-v-2 .ot_info .ot_image img { border-radius: 50%; border: 1px solid #efefef; float: right; height: 85px; padding: 3px; width: 85px; }
#testimonials-v-2 .ot_info .ot_aditional { display: table-cell; padding-left: 10px; vertical-align: middle; }
#testimonials-v-2 .ot_name { font-weight: bold; }
#testimonials-v-2.ot_work { font-size: 0.9em; opacity: 0.8; }
#testimonials-v-2 .ot_email { font-size: 0.9em; opacity: 0.8; }
#testimonials-v-2 .ot_website { font-size: 0.9em; opacity: 0.8; }
#testimonials-v-2 .ot_ratting .glyphicon-star { color: gold; padding-right: 2px; }
#testimonials-v-2 .ot_tcontent,
#testimonials-v-2 .ot_tcontent1 { font-style: italic; padding: 10px 0 10px 0; background: none repeat scroll 0 0 #f5f5f5; color: #333333; }
#testimonials-v-2 .ot_title { border-radius: 0; margin-bottom: 10px; position: relative; font-style: italic; padding: 20px 40px; text-shadow: 0 1px 0 #ecfbff; font-size: 1.1em; }
#testimonials-v-2 .ot_title:before,
#testimonials-v-2 .ot_title:after { color: #999; content: '"'; font-size: 30px; font-style: normal; line-height: 1; position: absolute; }
#testimonials-v-2 .ot_title:before { left: 10px; top: 0; }
#testimonials-v-2 .ot_title:after { bottom: -0.5em; content: '"'; right: 10px; }
#testimonials-v-2 .ot_testimonial { line-height: 1px; margin: 0; position: relative; }
#testimonials-v-2 .carousel-indicators { list-style: none; position: absolute; right: 15px; top: 105%; z-index: 15; margin-left: -30%; bottom: 10px; left: 50%; text-align: center; width: 60%; }
#testimonials-v-2 .carousel-indicators li { /*background-color: #ddd;*/
	border: 1px solid #ccc; display: inline-block; float: none; /* height: 12px;*/ height: 8px; margin: 1px 5px 1px 1px; /* width: 12px;*/ width: 8px; padding: 3px 0; }
#testimonials-v-2 .carousel-indicators .active { background-color:#93c739; border: 1px solid #79b70e; float: none; /* height: 12px;*/ height: 8px; margin: 1px 5px 1px 1px; /* width: 12px;*/ width: 8px; }
#testimonials-v-2 .carousel-indicators li:hover { cursor: pointer; }
#testimonials-v-2 .carousel { line-height: 1.2; }
#testimonials-v-2 .carousel-inner > .active.left { left: -100%; }
#testimonials-v-2 .carousel-inner > .active.right { left: 100%; }
#testimonials-v-2 .ot_info { display: block; text-align: center; }
#testimonials-v-2 .ot_info .ot_image { display: inline-block; float: none; text-align: center; margin-bottom: 20px; }
#testimonials-v-2 .ot_info .ot_image img { float: none; }
#testimonials-v-2 .ot_info .ot_aditional { display: block; float: none; text-align: center; margin-bottom: 20px; font-size: 16px; line-height: 20px; font-weight: 400; }
#testimonials-v-2 .arrow-down { display: none; }
#testimonials-v-2 .ot_tcontent { background: none; }
#testimonials-v-2 .ot_tcontent .ot_title { font-size: 14px; line-height: 24px; color: #7c7c7c; font-style: normal; }
#testimonials-v-2 .omega-powered { display: none; }
#testimonials-v-2 .owl-theme .owl-dots .owl-dot.active span, 
#testimonials-v-2 .owl-theme .owl-dots .owl-dot:hover span {background-color:#93c739;}
#testimonials-v-2 .owl-theme .owl-dots .owl-dot span {width: 8px;height: 8px;margin: 5px 5px;}

#testimonials-v-3 { padding: 80px 0 40px 0; overflow: hidden;background: #f3f3f3; }
/***boxes***/
.cornerbox1 { /*border: 1px solid #d7e8ee; */padding: 10px; margin: 0 5px; }
.cornerbox2 { border: 1px solid #e1e9db; padding: 20px; margin: 0 5px; }
.height-fix2 { min-height:200px; }
.height-fix3 { min-height:300px; margin-bottom:20px; }
.height-fix4 { min-height:400px; }
.height-fix5 { min-height:500px; }
.height-fix6 { min-height:600px; }
@media (max-width: 961px) {
.cornerbox1, .cornerbox2 {
margin: 0 5px 10px;
}
.height-fix2, .height-fix3, .height-fix4, .height-fix5, .height-fix6 {
min-height:1px !important;
}
}

.blue-bg { background-color: #13689b; padding-top: 40px;/* padding-bottom: 40px;*/ }
.blue-bg .services-box i { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; font-size: 90px; /*margin-right: 25px;*/ padding-top:13px; margin-top: 10px; background-color: #9cdaff; }
.blue-bg .services-box .services-box-info { margin-left: 0px; }
.blue-bg .services-box .services-box-info h4 { color: #fff; font-size: 25px; font-weight: 200; margin-bottom: 20px;   font-family: "Poppins Regular"; text-align:center; margin-top: 15px; }
.blue-bg .services-box .services-box-info p { color: #eee; }
.blue-bg .services-box .services-box-info a { color: #fff; text-decoration: underline; }
.blue-bg .services-box .services-box-info a:hover { color: #cce4ee; text-decoration: none; }

/*services*/

.services-wrap { padding-top: 60px; padding-bottom: 40px; background-color: #fff; }
.services-box { clear: both; min-height:50px; }
.services-box-icon { background: transparent; width: 100%; /*height: 50px;*/ display: inline-block; float: left; line-height: 35px; margin-right: 10px; position: relative; text-align: center; top: 5px; }
.services-box-icon i { width: 150px; height: 150px; line-height: 150px; display:inline-block; text-align: center; background-color: #f1f1f1; color: #2191d1; font-size: 17px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.services-box-icon2 i { width: 35px; height: 35px; line-height: 50px; text-align: center; background-color: #f1f1f1; color: #2191d1; font-size: 17px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.services-box-info {  /*padding-left: 65px;padding-top: 17px;*/ padding-top: 6px; float:left; }
/*@media (min-width: 321px) and  (max-width: 1024px) {
.services-box-info {padding-top: 0px; }
}*/
.services-box-info h4 { font-weight: 500; font-size: 16px; color: #333; margin-bottom: 5px; }
/*services 2*/

.service-box i { width: 85px; height: 85px; line-height: 85px; text-align: center; color: #4f82e9; font-size: 30px; background-color: #f7f9fa; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; margin-bottom: 25px; -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; }
.service-box h3 { font-size: 20px; text-transform: uppercase; margin-bottom: 15px; font-weight: 500; }
.service-box:hover i { -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transform: rotateY(360deg); color: #fff; background-color: #4f82e9; }
/***services3***/

.service-4-meta h3 { font-weight: 700; margin-bottom: 5px; }
.blue-bg { background-color: #13689b; padding-top: 40px;/* padding-bottom: 40px;*/ }
.blue-bg .services-box i { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; font-size: 90px; /*margin-right: 25px;*/ padding-top:13px; margin-top: 10px; background-color: #9cdaff; }
.blue-bg .services-box .services-box-info { margin-left: 0px; }
.blue-bg .services-box .services-box-info h4 { color: #fff; font-size: 25px; font-weight: 700; margin-bottom: 20px;   font-family: "Poppins Regular"; text-align:center; margin-top: 15px; }
.blue-bg .services-box .services-box-info p { color: #eee; }
.blue-bg .services-box .services-box-info a { color: #fff; text-decoration: underline; }
.blue-bg .services-box .services-box-info a:hover { color: #cce4ee; text-decoration: none; }

.assan-features .customer-box-info { text-align: center; display: block; }
.assan-features .customer-box-info a { width:200px; display: inline-block; margin-right: 12px !important; margin-left: 13px !important; margin-bottom: 40px; }
.assan-features .customer-box-info img { text-align: center; }
.assan-features .customer-box-info .img-r0 {width: 100px; height: 100px;}

@media (max-width: 992px) {
.assan-features .customer-box-info a {margin-right: 24px !important;margin-left: 24px !important;}
}

#valued { padding: 40px 0 20px 0; overflow: hidden;}
#valued .owl-theme .owl-dots .owl-dot.active span,
#valued .owl-theme .owl-dots .owl-dot:hover span {background: transparent; border:2px solid #4f82e9;}
#valued .owl-theme .owl-dots .owl-dot span {width: 8px;height: 8px;margin: 5px 5px;}

#latest { padding: 20px 0 40px 0; overflow: hidden;}

/* Reveal on scroll*/
.revealOnScroll { opacity: 0; }

/*testimonials parallax*/
.testimonials { padding: 30px 0; display:inline-block; }
.testimonials ul {margin:0; padding:0;}
.testimonials li {list-style-type:none; float:left; padding:1% 0 0 4%;}

.item-page .heading, .item-page .heading-without-border { padding-bottom: 0; margin-bottom: 10px; }
.item-page p { color: #333; }
.item-page a { color: #358aae; }

/*typeahead*/
.twitter-typeahead { width:100%; }
.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint { margin-bottom: 0; width:100%; }
.tt-dropdown-menu { min-width: 160px; margin-top: 2px; padding: 0; *border-right-width: 2px;*border-bottom-width: 2px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width:100%; position:absolute !important; z-index:1000 !important; }
.tt-dropdown-menu { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px;}
.tt-suggestion { display: inline-block; width:100%; /*padding: 3px 20px;*/ padding: 10px 6px; border-top:1px solid #CCCCCC; position:relative;}
.tt-suggestion p { margin: 0; }
.tt-suggestion p:hover { margin: 0; color:#FFFFFF; }
.twitter-typeahead { display: table !important; }
.tt-suggestion-footer {margin:5px 0 0 0; padding:5px 0;}

.tt-dropdown-menu {  background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2);}
.tt-suggestion.tt-is-under-cursor { color: #fff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); background-repeat: repeat-x; }
.tt-suggestion.tt-is-under-cursor p ,.tt-suggestion.tt-is-under-cursor h3  {color:#FFFFFF; font-weight: bold; letter-spacing: 1px;}
.tt-suggestion.tt-is-under-cursor a { color: #fff;width: 100%; display: block; height: 50px; }
.tt-suggestion-footer {background:#e7eaec;}
.tt-query { background:#FFFFFF!important; }

.tt-suggestion .menu {margin:0;}
.tt-suggestion h3 {margin:10px 0 0 130px; font-size:18px; color:#3090ce; font-weight: bold; letter-spacing: 0.5px;}
.tt-suggestion .cLogo {width:120px; height:70px; float:left; margin:auto; position:absolute; top:0; bottom:0; background:#CCCCCC;}
.tt-suggestion .address {width:50%; font-size:12px; float:left; margin-left:130px; letter-spacing: 0.5px;}
.tt-suggestion .city{ width:28%; font-size:12px; float:right; letter-spacing: 0.5px; text-align: right;}

.owl-carousel button.owl-dot,
.owl-carousel button.owl-dot.active {outline: none!important;}

/* === card component ====== 
 * Variation of the panel component
 * version 2018.10.30
 * https://codepen.io/jstneg/pen/EVKYZj
 */
.card{ background-color: #fff; border: 1px solid transparent; border-radius: 6px; }
.card > .card-link{ color: #333; }
.card > .card-link:hover{  text-decoration: none; }
.card > .card-link .card-img img{ border-radius: 6px 6px 0 0; }
.card .card-img{ position: relative; padding: 0; display: table; }
.card .card-img .card-caption{
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}
.card .card-body{ display: table; width: 100%; padding: 12px; }
.card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; }
.card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child, 
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3, 
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }

.card .card-body .lead{ text-align: center; }

@media( min-width: 768px ){
  .card .card-left{ float: left; padding: 0 8px 0 0; }
  .card .card-right{ float: left; padding: 0 0 0 8px; }
    
  .card .card-4-8 .card-left{ width: 33.33333333%; }
  .card .card-4-8 .card-right{ width: 66.66666667%; }

  .card .card-5-7 .card-left{ width: 41.66666667%; }
  .card .card-5-7 .card-right{ width: 58.33333333%; }
  
  .card .card-6-6 .card-left{ width: 50%; }
  .card .card-6-6 .card-right{ width: 50%; }
  
  .card .card-7-5 .card-left{ width: 58.33333333%; }
  .card .card-7-5 .card-right{ width: 41.66666667%; }
  
  .card .card-8-4 .card-left{ width: 66.66666667%; }
  .card .card-8-4 .card-right{ width: 33.33333333%; }
}

/* -- default theme ------ */
.card-default{ 
  border-color: #ddd;
  background-color: #fff;
  margin-bottom: 24px;
}
.card-default > .card-header,
.card-default > .card-footer{ color: #333; background-color: #ddd; }
.card-default > .card-header{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-default > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-default > .card-body{  }
.card-default > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-default > .card-left{ padding-right: 4px; }
.card-default > .card-right{ padding-left: 4px; }
.card-default p:last-child{ margin-bottom: 0; }
.card-default .card-caption { color: #fff; text-align: center; text-transform: uppercase; }


/* -- price theme ------ */
.card-price{ border-color: #999; background-color: #ededed; margin-bottom: 24px; }
.card-price > .card-heading,
.card-price > .card-footer{ color: #333; background-color: #fdfdfd; }
.card-price > .card-heading{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-price > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-price > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-price > .card-left{ padding-right: 4px; }
.card-price > .card-right{ padding-left: 4px; }
.card-price .card-caption { color: #fff; text-align: center; text-transform: uppercase; }
.card-price p:last-child{ margin-bottom: 0; }

.card-price .price{ 
  text-align: center; 
  color: #337ab7; 
  font-size: 3em; 
  text-transform: uppercase;
  line-height: 0.7em; 
  margin: 24px 0 16px;
}
.card-price .price small{ font-size: 0.4em; color: #66a5da; }
.card-price .details{ list-style: none; margin-bottom: 24px; padding: 0 18px; }
.card-price .details li{ text-align: center; margin-bottom: 8px; }
.card-price .buy-now{ text-transform: uppercase; }
.card-price table .price{ font-size: 1.2em; font-weight: 700; text-align: left; }
.card-price table .note{ color: #666; font-size: 0.8em; }

/* plus glyph for showing collapsible panels */
/*.panel-heading .accordion-plus-toggle:before {
   font-family: 'Font Awesome 5 Free';
   content: "\f068";
   float: right;
   color: silver;
}

.panel-heading .accordion-plus-toggle.collapsed:before {
   content: "\f067";
   color: silver;
}

.panel-heading .accordion-arrow-toggle:before {
   font-family: 'Font Awesome 5 Free';
   content: "\f078";
   float: right;
   color: silver;
}

.panel-heading .accordion-arrow-toggle.collapsed:before {
   content: "\f054";
   color: silver;
}*/

.panel-title > a {
   display: block;
}




.panel-heading a {
  display: block;
  position: relative;
  font-weight: bold;
}
.panel-heading a::after {
  content: "";
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
}
.panel-heading a[aria-expanded=true]::after {
  transform: rotate(-135deg);
  top: 5px;
}



.panel-heading a {
  display: block;
  position: relative;
  font-weight: bold;
        font-size: 18px;
    margin: 6px 0;
}

.panel-heading a::after {
  content: "";
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
}
.panel-heading a[aria-expanded=true]::after {
  transform: rotate(-135deg);
  top: 5px;
}