@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

.container {
    position: relative;
}

body {
   font-family: 'Poppins', sans-serif;
	font-size: 0.875em;
	line-height: 24px;
	color: #333;
    overflow:hidden;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
}
h1 {
	    font-size: 2.5em;
    margin-bottom: 20px;
    font-weight: 700;
}
h2 {
	    font-size: 1.875em;
    margin-bottom: 20px;
    font-weight: 700;
}

h3 {
	font-size: 1.1em;
}
p {
	font-weight: 400;
}
.sub-title {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
    text-transform: initial;
}
.parallax {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}
.parallax, .parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 {
	color: #fff;
}
.parallax input[type="text"], .parallax input[type="text"]:hover, .parallax input[type="email"], .parallax input[type="email"]:hover, .parallax input[type="url"], .parallax input[type="url"]:hover, .parallax input[type="password"], .parallax input[type="password"]:hover, .parallax textarea, .parallax textarea:hover {
	font-weight: 300;
	color: #fff;
}

.btn.btn-primary:hover {
	background-color: #017fb5;
}
.navbar-nav li a:hover, .navbar-nav li a:focus {
	outline: none;
	outline-offset: 0;
	text-decoration: none;
	background: transparent;
}
a {
	text-decoration: none;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
a:focus, a:hover {
	text-decoration: none;
	outline: none
}
a:visited {
    color: #333;
}
section {
	padding: 90px 0;
	background-image: url(../images/header.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 90px;
    clear: both;
}
.main-nav.navbar-fixed-top a.navbar-brand {
    padding: 3px 15px;
    height: auto;
    display: inline-block;
}
.main-nav.navbar-fixed-top a.navbar-brand img {
    height: 54px;
    width: auto !important;
    max-width: 100%;
}
.main-nav.navbar-fixed-top .navbar-nav li a {
    padding: 20px 15px;
}
.heading {
	padding-bottom: 90px;
}
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	background: #fff;
}
.preloader > i {
	position: absolute;
	font-size: 36px;
	line-height: 36px;
	top: 50%;
	left: 50%;
	height: 36px;
	width: 36px;
	margin-top: -15px;
	margin-left: -15px;
	display: inline-block;
}


.recaptcha-code {
    float: left;
    margin-bottom: 15px; 
}







/*************************
********Home CSS**********
**************************/
#home-slider {
	overflow: hidden;
	position: relative;
}
#home-slider .caption {
	position: absolute;
	top: 50%;
	margin-top: 0%;
	left: 0;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	z-index: 15;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
}
#home-slider .caption h1 {
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	margin-bottom: 30px;
	text-transform: initial;
}
.caption p {
    font-weight: 700;
    color: #e37725;
    font-size: 18px;
    border-top: 1px solid rgb(220, 116, 38);
    display: inline-block;
    padding-top: 20px;
}
.caption .btn-start {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 14px 40px;
	border: 1px solid #6e6d6c;
	border-radius: 4px;
	margin-top: 40px;
}
span.blue {
    display: inline-block;
    color: #018ecb;
}
.caption .btn-start:hover {
	color: #fff
}
.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	background-repeat: no-repeat;
	background-size: cover;
	height: 450px !important;
}
.carousel-fade .carousel-inner .item:after {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.6);
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}
.left-control, .right-control {
	position: absolute;
	top: 50%;
	height: 51px;
	width: 51px;
	line-height: 48px;
	border-radius: 50%;
	border: 1px solid #fff;
	z-index: 20;
	font-size: 24px;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.left-control {
	left: -51px
}
.sub-heading {
    font-size: 14px;
    line-height: 1.5;
}
section#client {
    padding: 10px 0px 30px;
}
.right-control {
	right: -51px;
}
.left-control:hover, .right-control:hover {
	color: #fff;
}
#home-slider:hover .left-control {
	left: 30px
}
#home-slider:hover .right-control {
	right: 30px
}
/*#home-slider .fa-angle-down {
	position: absolute;
	left: 50%;
	bottom: 50px;
	color: #fff;
	display: inline-block;
	width: 24px;
	margin-left: -12px;
	font-size: 24px;
	line-height: 24px;
	z-index: 999;
	-webkit-animation: bounce 3000ms infinite;
	animation: bounce 3000ms infinite;
}*/
.navbar-right li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	padding-top: 30px;
	padding-bottom: 30px;
}
.navbar-right li.active a {
	background-color: rgba(0,0,0,.2);
}
.navbar-brand h1 {
	margin-top: -3px;
}
p.animated.fadeInRightBig {
	color: #e47725;
}
p.animated.fadeInRightBig span {
	color: #2690cf;
}
/*************************
********Service CSS*******
**************************/

.service-icon {
	border-radius: 10px 0px 10px 0px;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    height: 70px;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    background: none !important;
    width: 70px;
    line-height: 70px;
	background:#027db3 !important;
	position:relative;
}
.service-icon:before {
    position: absolute;
    content: "";
    border: 2px solid #e0752f;
    left: -6px;
    right: -6px;
    bottom: -6px;
    top: -6px;
    border-radius: 10px 0px 10px 0px;
    -webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
    opacity: 0;
    -weblit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.our-services .service-section:hover .service-icon:before {
    opacity: 1;
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.service-icon img {
	width: 100%;
	max-width: 200px;
	margin-bottom: 30px;
}
/*************************
********open CSS*******
**************************/
.service-icon span {
	width: 100px;
	font-size: 24px;
}
img.wp-image-1642 {
    margin-right: 7px;
}


.footer-logo .img-responsive {
	width: 100%;
	max-width: 150px;
}
#site-footer {
	width: 100%;
	overflow: hidden;
}
.footer-main {
	width: 100%;
	overflow: hidden;
	background: url(../images/footer-bg.jpg)no-repeat center 0;
	background-size: cover;
}
.parallax-overlay {
	width: 100%;
	padding: 80px 0;
	overflow: hidden;
	background: url(../images/overlay-pattern.png) rgba(44,62,80,0.6);
}
.parallax-header {
	text-align: center;
	padding-bottom: 30px;
}
.parallax-title {
	font-size: 30px !important;
    margin-bottom: 30px !important;
    color: #fff !important;
    padding: 0px 0 30px !important;
    background: url(../images/divider.png) repeat-x 0 bottom;
    display: inline-block !important;
    font-weight: bold !important;
    background-size: 1px;
    margin-top: 0px;
}
.aligncenter {
	text-align: center;
}
.mouse-icon { position: absolute; height: 50px;	width: 30px; bottom: 7%; left: 50%; border: 2px solid #fff; border-radius: 15px;   cursor: pointer; display: block; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index:15;}
.mouse-icon .wheel { position: relative; width: 4px; height: 10px; top: 5px; background-color: #fff; margin-left: auto; margin-right: auto;}
.mouse-icon .fa-angle-down { font-size: 24px; margin-left: 6px; margin-top: 38px;  }
.mouse-icon .wheel, .mouse-icon .fa-angle-down { -webkit-animation-name:drop; -webkit-animation-duration:1s;	-webkit-animation-timing-function:linear; -webkit-animation-delay:0s; -webkit-animation-iteration-count:infinite;		-webkit-animation-play-state:running; animation-name:drop; animation-duration:1s; animation-timing-function:linear;	animation-delay:0s;	animation-iteration-count:infinite;	animation-play-state:running;   color: #fff;}
@-webkit-keyframes drop	{
	0%   { top:5px;opacity: 0;}
	30% { top:10px;opacity: 1;}
	100% { top:25px;opacity: 0;}
}
	
@keyframes drop	{
	0%   { top:5px;opacity: 0;}
	30% { top:10px;opacity: 1;}
	100% { top:25px;opacity: 0;}
}
.lead {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 20px;
}
.footer-address-box, .footer-contact-form {
	position: relative;
	background: rgba(255,255,255,0.15);
	padding: 30px;
	color: #fff;
	font-size: 12px;
	text-align: left;
	font-weight: 600;
}
.footer-address-box h3, .footer-contact-form h3 {
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	margin-bottom: 20px;
}
.footer-address-box ul {
	margin: 0 0 20px 22px;
	padding: 0;
	list-style: none;
	/*text-transform: uppercase;*/
}
.footer-address-box ul li {
	text-align: left;
	position: relative;
}
.footer-address-box i {
	color: #fff;
	position: absolute;
	left: -22px;
	top: 7px;
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
.footer-address-box ul li {
	text-align: left;
}
.footer-address-box, .footer-contact-form {
	color: #fff;
	font-size: 12px;
	text-align: left;
	font-weight: 600;
}
.footer-address-box h3, .footer-contact-form h3 {
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	margin-bottom: 20px;
}
.footer-address-box ul {
	margin: 0 0 20px 22px;
	padding: 0;
	list-style: none;
	/*text-transform: uppercase;*/
}
.fa-ul {
	padding-left: 0;
	margin-left: 2.14285714em;
	list-style-type: none;
}
.fa-phone::before {
	content: "\f095";
}
.footer-address-box a {
	color: #fff;
}
#menu-footer-menu {
	margin: 0px auto;
	font-size: 14px;
	text-transform: initial;
}
.footer-address-box, .footer-contact-form {
	position: relative;
	background: rgba(255,255,255,0.15);
	padding: 30px;
	color: #fff;
	font-size: 12px;
	text-align: left;
	font-weight: 600;
}
.screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}
a, input {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.footer-contact-form ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer-contact-form ul > p {
	overflow: hidden;
	display: block;
	margin: 0 0 10px;
}
.footer-contact-form label {
	display: block;
	color: #fff;
}
.footer-contact-form input[type="text"], .footer-contact-form input[type="tel"], .footer-contact-form input[type="email"], .footer-contact-form textarea {
	width: 100%;
	height: auto;
	background: rgba(0,0,0,0.50);
	padding: 10px;
	border: 0;
	font-size: 12px;
	line-height: 5px;
	color: #fff;
	-webkit-appearance: none;
	border-radius: 0;
}
.phone {
	/*font-size: 43px;*/
	color: #fff;
	font-weight: 700;
	text-align: center;
}
.form-group {
	margin-bottom: 15px;
}
.footer-contact-form input[type="submit"]:hover {
	background: #252a36;
}
.footer-contact-form input[type="submit"] {
	background: #3992d4;
	padding: 6px 15px;
	border: 0;
	border-radius: 5px;
	color: #fff;
	text-transform: uppercase;
}
.scroll-top {
	display: block;
	width: 40px;
	height: 40px;
	background: #FFFFFF;
	font-size: 28px;
	line-height: 38px;
	position: relative;
	margin: -40px auto 30px;
	color: #222222;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
	text-align: center;
	cursor: pointer;
}
.scroll-top a {
    display: block;
}
.scroll-top:hover i {
	color: #4592da;
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
.fa-angle-double-up::before {
	content: "\f102";
}
/*************************
********end CSS*******
**************************/




.our-services .service-section:hover .service-icon {
    background: #e0752f !important;
}
.our-services .service-section {
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
	padding-bottom: 50px;
}
.our-services .service-section:nth-child(4), .our-services .service-section:nth-child(5), .our-services .service-section:nth-child(6) {
	border-bottom: 0;
	padding-top: 60px;
}
.our-services .service-section:nth-child(3), .our-services .service-section:nth-child(6) {
	border-right: 0;
}
.service-info h3 {
	margin-top: 35px;
    font-weight: 600;
	text-transform: inherit;
    color: #333;
}
/*************************
********About CSS*******
**************************/
.about-us-page{
	background:#fff;
    padding: 80px 0px 60px;
    clear: both;
}
.about-section{padding-bottom: 60px;}
.about-section .about-content-box{}
.about-section .about-content-box h4{    
display: block;
font-size: 20px;
color:#787777;
font-weight: normal;
font-family: 'Poppins', sans-serif;
margin: 0;
position: relative;
	}
.about-section .about-content-box h4:after{content:"";width:150px; height:1px; background:#000; bottom:-4px; left:0px; position:absolute;}	
.about-section .about-content-box h1{    
font-size:36px;
color: #000;
font-weight:700;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
padding: 20px 0px;
margin: 0;
	}	
.about-section .about-content-box h1 span{color:#007fff;display: inline-block;}
	
.about-section .about-content-box p{
	font-size: 16px;
    font-weight: 400;
    color: #565555;
    text-align: justify;
	}	
.about-section .about-content-box .about_button a{color:#fff; margin-right:15px;}	
	
.about-image-box{
	border-radius: 22px;
    background:#fff;
	padding:15px;
    box-shadow: 0px 0px 11px #939393b0;
    width: 100%;
    height: 100%;
}	
.about-image-box img{	
border-radius: 18px;
    object-fit: cover;
    height: 100%;


}
.btn-orenge{background:#e57632 !important;}	
.btn-orenge:hover{background:#d16b2d !important;}

.about-features{border-top:1px solid #ccc;  padding-top:60px;}
.about-features h2{
	font-size:24px; 
	color:#000;
	font-weight:500;
	position:relative;
	padding-bottom: 20px;
	text-align:center;
	margin-top: 0;
}

.about-features h2:after{
	content:""; 
	position:absolute;
	bottom:0px; 
	left:50%; 
	background:#007fff; 
	height:4px; 
	width:60px; 
	margin-left:-30px;
}
.about-features p{
text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.quotes-section{width:100%;}
.quotes-section .slide-bg{padding:80px 0px;position:relative;width:100%;     background-repeat: no-repeat;background-size: cover;}
.quotes-section .slide-bg:after{content:""; background:rgb(0 0 0 / 70%); position:absolute; left:0px; top:0px; right:0px; bottom:0px;}
.quotes-section .slide1-cont{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
	padding: 0px 35px;
}
.quotes-section .slide1-cont h1{font-size:60px; color:#fff; z-index:2; position:relative;}
.quotes-section .slide1-cont p{font-size:25px; color:#fff; z-index:2; margin-top: 25px;}

.form-section{background: #fff; padding:60px 0px; position:relative;}
.form-section .quote_form .heading-title{
	
	    color: #000;
    margin-bottom: 30px;
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
}
.form-section .quote_form .heading-title span{
	display: block; 
	font-size: 20px;
    vertical-align: text-top;
    color: #333;
    font-weight: 500;}
.form-section .free-quote fieldset .wpcf7-form-control{    background: #eeeeee; border: none !important;}
.form-section .free-quote fieldset{text-align:center}
.form-section .free-quote fieldset .wpcf7-form-control.wpcf7-submit{width:150px;background: #007bff;}
.form-section .free-quote span.wpcf7-not-valid-tip{    font-size: 14px;    top: 0;}

#about-us {
/*	background-image: url(../images/about-bg.jpg);
*/	    padding: 100px 0 80px;
    color: #333;
    background-repeat: no-repeat !important;
    background-size: auto 90px !important;
    background-attachment: inherit !Important;
    background-position: top center !important;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
#about-us h2 {
        margin-top: 0;
    color: #333;
    font-size: 45px;
    margin-bottom: 15px;
    padding: 10px 0 15px;
    /* background: url(../images/divider.png) repeat-x bottom left; */
    font-weight: bold;
    background-size: 1px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    
}
#about-us .col-sm-4 i {
    /*display: inline-block;
    background: #e0752f;
    color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    font-size: 23px;*/
}
#about-us .col-sm-4 {
    margin-top: 40px;
}
section#about-us h3 {
    color: #333;
    font-weight: 600;
}
#about-us .lead {
	font-size: 16px;
	margin-bottom: 10px;
}
#about-us h1 {
	margin-bottom: 30px;
}
.progress {
	height: 20px;
	background-color: #fff;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom: 25px;
}
.progress-bar {
	box-shadow: none;
	-webkit-box-shadow: none;
	text-align: right;
	padding-right: 12px;
	font-size: 12px;
	font-weight: 600;
}
.navbar-brand img.img-responsive {
	height: auto;
	float: left;
	max-width: 75%;
}
.progress .progress-bar.six-sec-ease-in-out {
	-webkit-transition: width 2s ease-in-out;
	transition: width 2s ease-in-out;
}
.progress .progress-bar.six-sec-ease-in-out:hover {
	background: #027db3;
}
/*************************
********portfolio CSS*****
**************************/

#service .container-fluid, #service .col-sm-4 {
	/*overflow: hidden;
	padding: 0;*/
}
#service .folio-item {
	position: relative;
}
#service .overlay {
	background-color: #000;
	color: #fff;
	left: 0;
	right: 0;
	bottom: -100%;
	height: 0;
	position: absolute;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.overlay .overlay-content {
	display: table;
	height: 100%;
	width: 100%;
}
.overlay .overlay-text {
	display: table-cell;
	vertical-align: middle;
}
.overlay .folio-info {
	opacity: 0;
	margin-bottom: 75px;
	margin-top: -75px;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.overlay .folio-info h3 {
	margin-top: 0;
	color: #fff;
}
.folio-overview a {
	font-size: 18px;
	color: #333;
	height: 50px;
	width: 50px;
	line-height: 50px;
	border-radius: 50%;
	background-color: #fff;
	display: inline-block;
	margin-top: 20px;
	margin-right: 5px;
}
.folio-overview a:hover {
	color: #fff;
}
.folio-overview .folio-expand {
	margin-top: -500px;
	margin-left: -500px;
}
.folio-image, .folio-overview .folio-expand {
	-webkit-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
#service .folio-item:hover .folio-image {
	-webkit-transform: scale(1.5) rotate(-7deg);
	transform: scale(1.5) rotate(-7deg);
}
.folio-image img {
	width: 100%;
}
#service .folio-item:hover .overlay {
	opacity: 0.8;
	bottom: 0;
	height: 100%;
}
#service .folio-item:hover .folio-overview .folio-expand {
	margin-top: 0;
	margin-left: 0;
}
#service .folio-item:hover .overlay .folio-info {
	opacity: 1;
	margin-bottom: 0;
	margin-top: 0;
}
#single-portfolio {
	padding: 90px 0;
	background: #f5f5f5;
	position: relative;
}
#single-portfolio img {
	width: 100%;
	margin-bottom: 10px;
}
#single-portfolio .close-folio-item {
	position: absolute;
	top: 30px;
	font-size: 34px;
	width: 34px;
	height: 34px;
	left: 50%;
	color: #999;
	margin-left: -17px;
}
/*************************
*********Team CSS*********
**************************/
#team {
	padding-top: 0;
}
.team-members {
	margin-bottom: 25px;
}
.social-icons {
	margin-top: 30px;
	text-align: center;
}
.social-icons ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
}
.social-icons ul li {
	float: left;
	margin-right: 8px;
}
.social-icons ul li:last-child {
	margin-right: 0;
}
.social-icons ul li a {
	color: #fff;
	background-color: #d9d9d9;
	height: 36px;
	width: 36px;
	line-height: 36px;
	display: block;
	font-size: 16px;
	opacity: 0.8;
}
.social-icons ul li a:hover {
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.team-member {
	text-align: center;
	color: #333;
	font-size: 14px;
}
.team-member:hover .social-icons ul li a.facebook {
	background-color: #3b5999;
}
.team-member:hover .social-icons ul li a.twitter {
	background-color: #2ac6f7;
}
.team-member:hover .social-icons ul li a.dribbble {
	background-color: #ff5b92;
}
.team-member:hover .social-icons ul li a.linkedin {
	background-color: #036dc0;
}
.team-member:hover .social-icons ul li a.rss {
	background-color: #ff6b00;
}
#team .img-responsive {
	width: 100%;
}
.member-info h3 {
	margin-top: 35px;
}
.member-info h4 {
	font-size: 14px;
	margin-bottom: 15px;
	color: #999;
}
/*************************
*******Features CSS*******
**************************/
#features {
	text-align: center;
	background-image: url(../images/features-bg.jpg);
	float:left;
	width:100%;
	margin-top:30px;
}
#features i {
	font-size: 48px;
}
#features h3 {
	margin-top: 15px;
	font-size: 30px;
	margin-bottom: 7px;
	color: #fff;
}
#features .slider-overlay {
	opacity: 0.8;
}
/*************************
*****Pricing Table CSS****
**************************/
.pricing-table {
	text-align: center;
}
.single-table {
	padding: 30px 20px 20px;
	border: 1px solid #f2f2f2;
}
.single-table h3 {
	margin-top: 0;
	padding: 0;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.price {
	font-size: 36px;
	line-height: 36px;
}
.price span {
	font-size: 14px;
	line-height: 14px;
}
.single-table ul {
	list-style: none;
	padding: 0;
	margin: 30px 0;
}
.single-table ul li {
	line-height: 30px;
}
.single-table.featured {
	color: #fff;
}
.single-table.featured h3 {
	color: #fff;
}
.single-table.featured .btn.btn-primary {
	background-color: #fff;
}
/*************************
********Twitter CSS*******
**************************/
#twitter {
	background-image: url(../images/twitter-bg.jpg);
}
#twitter > div {
	text-align: center;
	position: relative;
}
#twitter-carousel {
	position: relative;
	z-index: 15
}
.twitter-icon {
	position: relative;
	z-index: 15;
	color: #fff;
}
.twitter-icon .fa-twitter {
	font-size: 24px;
	height: 64px;
	width: 64px;
	line-height: 65px;
	border-radius: 50%;
	position: relative;
}
.twitter-icon .fa-twitter:after {
	position: absolute;
	content: "";
	border-width: 8px;
	border-style: solid;
	left: 24px;
	bottom: -14px;
}
#twitter-carousel .item {
	padding: 0 55px;
}
#twitter-carousel .item a {
	color: #fff;
}
.twitter-icon h4 {
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 25px;
	color: #fff;
}
.twitter-left-control, .twitter-right-control {
	position: absolute;
	top: 50%;
	color: #fff;
	border: 1px solid #fafafa;
	height: 34px;
	width: 34px;
	line-height: 31px;
	margin-top: -17px;
	font-size: 18px;
	border-radius: 50%;
	z-index: 15
}
.twitter-left-control {
	left: 80px;
}
.twitter-right-control {
	right: 80px
}
.twitter-left-control:hover, .twitter-right-control:hover {
	color: #fff;
}
/*************************
**********Blog CSS********
**************************/

.post-thumb {
	position: relative;
}
.post-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 30px;
	width: 30px;
	line-height: 30px;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-size: 12px;
}
.post-meta {
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}
.post-meta span {
	margin-right: 16px;
}
#post-carousel .carousel-indicators {
	bottom: 3px;
	left: 90%;
}
.blog-left-control, .blog-right-control {
	position: absolute;
	top: 45%;
	width: 30px;
	text-align: center;
	color: rgba(255,255,255,.7);
	font-size: 36px;
}
.blog-left-control {
	left: 0;
}
.blog-right-control {
	right: 0;
}
.blog-left-control:hover, .blog-right-control:hover {
	color: #fff;
}
.entry-header h3 a {
	line-height: 30px;
}
.entry-header .date, .entry-header .cetagory {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	margin-bottom: 30px;
	text-transform: uppercase;
	position: relative;
}
.entry-header .date:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -22px;
	width: 20px;
	height: 3px;
}
.entry-content {
	font-size: 14px;
}
.load-more {
	display: block;
	text-align: center;
	margin-top: 70px;
}
.btn-loadmore {
	border: 1px solid #f2f2f2;
	color: #666666;
	font-size: 14px;
	font-weight: 600;
	padding: 15px 125px;
	text-transform: uppercase;
}
.btn-loadmore:hover {
	color: #fff;
}
/*************************
**********Contact CSS*****
**************************/

#contact {
	padding-top: 0px;
	padding-bottom: 0;
}
#google-map {
	height: 350px;
}
#contact-us {
	background-image: url(../images/contact-bg.jpg);
	padding-bottom: 90px;
}
#contact-us .heading {
	padding-top: 95px;
}
.form-control {
	background-color: transparent;
	border-color: rgba(255,255,255,.1);
	height: 50px;
	border-radius: 0;
	box-shadow: none;
}
textarea.form-control {
	min-height: 180px;
	resize: none;
}
.contact-info {
	padding-left: 70px;
	font-weight: 300;
}
ul.address {
	margin-top: 30px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.contact-info ul li {
	margin-bottom: 8px;
}
.contact-info ul li a {
	color: #fff;
}
.btn-submit {
	display: block;
	padding: 12px;
	width: 100%;
	color: #fff;
	border: 0;
	margin-top: 40px;
}
#footer {
	color: #fff;
}
.footer-top {
	position: relative;
	padding: 30px 0
}
#footer .footer-bottom {
	background-color: #fff;
	padding: 20px 0 10px;
}
#footer .footer-bottom a:hover {
	text-decoration: underline;
}
.footer-logo {
	display: inline-block;
	margin-bottom: 5px;
}
#footer .social-icons {
	margin-top: 15px;
}
#footer .social-icons ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer .social-icons ul li a {
	background-color: rgba(0,0,0,.2);
	border-radius: 4px;
	line-height: 33px;
}
#footer .social-icons ul li a:hover {
	color: #fff
}
#footer .social-icons ul li a.envelope:hover {
	background-color: #CECB26;
}
#footer .social-icons ul li a.facebook:hover {
	background-color: #3b5999;
}
#footer .social-icons ul li a.twitter:hover {
	background-color: #2ac6f7;
}
#footer .social-icons ul li a.dribbble:hover {
	background-color: #ff5b92;
}
#footer .social-icons ul li a.linkedin:hover {
	background-color: #036dc0;
}
#footer .social-icons ul li a.tumblr:hover {
	background-color: #ff6b00;
}
/*Presets*/


/*************************
**********Client CSS*****
**************************/

.our-client {
    position: relative;
    padding: 20px 0px;
    background: #fff;
}
section#client:before {
	position: absolute;
	content: "";
	background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(17%, rgba(0,0,0,0.73)), color-stop(35%, rgba(0,0,0,0.66)), color-stop(62%, rgba(0,0,0,0.55)), color-stop(100%, rgba(0,0,0,0.4)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000', GradientType=0 );
	height: 100%;
	width: 100%;
	top: 0px;
}
section#client .overlay {
	display: none;
}
.overlay {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(17%, rgba(0,0,0,0.73)), color-stop(35%, rgba(0,0,0,0.66)), color-stop(62%, rgba(0,0,0,0.55)), color-stop(100%, rgba(0,0,0,0.4)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000', GradientType=0 );
	height: auto;
	height: 100%;
}
.our-client .overlay > .container {
	padding: 70px 0px;
}
.sectionTitle {
	padding: 20px 0;
}
.text-center {
	text-align: center;
}
.sectionTitle h2, .sectionTitle h2 {
	font-weight: 300;
	color: #fff;
	position: relative;
}
.sectionTitle h2 a, .sectionTitle h2 a {
    color: #fff;
    text-decoration: none;
}
b, strong {
	font-weight: bold;
}
.sectionTitle .line {
	border-color: #fff;
}
.sectionTitle .line {
	height: 5px;
	width: 120px;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 30px;
}
section#service {
    padding-bottom: 0px;
}
.sectionTitle .line hr {
	border-color: #dbdbdb;
}
.sectionTitle hr {
	border-color: #f8db19;
}
.sectionTitle hr {
	border-top: 5px solid;
	width: 100px;
	text-align: center;
	margin-top: 10px;
	position: relative;
	left: 0%;
}
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
	float: left;
}
#clients .item {
	padding: 0;
	margin: 35px;
	color: #FFF;
	text-align: center;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-theme .owl-controls .owl-page.active span {
	background: #f8db19;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, #contactbtn:hover {
	background: #f8db19;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1;
	background: #FCAC45;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1;
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	filter: Alpha(Opacity=1);
	opacity: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 20px;
	border-radius: 0;
	background: #FFFFFF;
	transition: all 0.5s;
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	filter: Alpha(Opacity=1);
	opacity: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 20px;
	border-radius: 0;
	background: #FFFFFF;
	transition: all 0.5s;
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}
.themecolor {
	color: #f8db19;/*Defines the theme color*/
}
.theme_background_color, #downloadbt:hover {
	background-color: #f8db19; /*Defines the theme bakcground color*/
}
.borderColor {
	border-color: #000;/*Defines the color of the border*/
}
.social a, .social-big a {
	color: #f8db19;
}
.footer {
	border-top-color: #f8db19;
}
.black {
	color: #000;
}
.white {
	color: #fff;
}
.black-background {
	background-color: #000;
}
.white-background {
	background-color: #fff;
}
.grey {
	color: #676565;
}
.grey_background_color {
	background-color: #676565;
}
.sectionTitle hr {
	border-color: #f8db19;
}
.sectionTitle .line {
	border-color: #fff;
}
.sectionTitle .line hr {
	border-color: #dbdbdb;
}
ol.type li a:hover {
	color: #f8db19;
}
.ramsh-menu.navbar-default .navbar-nav > li > a:hover, a.fa.fa-angle-down:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #f8db19;
}
.navbar-toggle {
	color: #f8db19;
}

.grabbing {
	cursor: url(grabbing.html) 8 8, move;
}


.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
 	display: inline;
}
 .feature-list-2 {
    margin-top: 25px;
    padding-left: 0px;
}
.feature-list-2 li {
    overflow: auto;
    padding-top: 12px;
    padding-bottom: 12px;
}
.feature-list-2 li .icon-container {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    background: #EC7550;
    color: #ffffff;
    line-height: 32px;
    margin-right: 15px;
    margin-top: 5px;
    text-align: center;
}
.feature-list-2 i {
    padding: 10px;
    border-radius: 5px;
    margin-right: 30px;
}
.feature-list-2 li .details {
    width: 89%;
}
.feature-list-2 h6 {
    font-size: 18px;
    font-weight: 500;
}
.feature-list-2 li .details p {
    margin-top: 5px;
}
.large-font h3 {
    font-size: 22px;
}
.small-font h3 {
    font-size: 16px;
}
.large-font ul li {
    font-size: 14px;
    line-height: 2.5;
}
.large-font ul li i {
    top: 11px;
}

.desc-post-sec {
position: relative;
    padding: 20px 20px;
    border: 2px solid #eee;
    border-top: 0px;
    border-radius: 0px 0px 10px 10px;
    background: #007fff;
}
.desc-post-sec .cont-post{ display: none;}
body.blog .content-area .site-content {
    display: none;
}
.main-menu {
    position: fixed;
    z-index: 99;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.08);
}
ul.menu-item {
    float: right;
    padding: 0px;
    margin: 0px;
}
ul.menu-item li {
    display: block;
    float: left;
}
ul.menu-item li a {
    display: block;
    color: #fff;
    padding: 25px 13px;
    font-size: 13px;
	position:relative;
}
ul.menu-item li a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0%;
    background: rgba(0, 0, 0, 0.27);
    top: 0px;
    left: 0px;
    -webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	z-index:-1;
	opacity:0;
}
ul.menu-item li a:hover:before {
    height: 100%;
}
/*ul.menu-item li.active a:before, */ul.menu-item li.current_page_item a:before {
    height: 100%;
}
.logo-section img {
    padding: 5px 0px;
    max-height: 74px;
    opacity: 0;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
}
.main-menu.fixed .logo-section img {
    opacity: 1;
    max-width: 100%;
}
.main-menu.fixed {
    background: #000;
}
.main-menu.fixed ul.menu-item li a:before {
    background: rgba(255, 255, 255, 0.15);
}


.inner-head .main-menu {
    background: #fff;
	clear: both;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
}

.inner-head img {
    opacity: inherit;
    max-height: 74px;
    padding: 5px 0px;
}

.inner-head ul.menu-item li a {
    display: block;
    color: #888;
    padding: 25px 11px;
    font-size: 13px;
    position: relative;
}

#banner
{
	background:url(../images/about-banner.png);
	width: 100%;
    float: left;
    margin: auto;
    clear: both;
    height: 350px;
    position: relative;
}
.banner-head {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 70px;
    max-width: 1170px;
    left: 0px;
    right: 0px;
    padding: 0px 15px;
}
.banner-head h2 {
    position: relative;
    font-size: 30px;
    color: #fff;
    font-weight: 400;
}
.about-cont {
    text-align: center;
    padding: 45px 0;
}


#services {
    background: #ff6260;
    color: #fff;
    padding-bottom: 100px;
}
.light-color {
    color: #fff;
	padding: 40px 0;
}
.common-heading h1 {
    font-size: 40px;
    font-weight: 100;
    margin-top: 20px;
    color: #333;
}
.common-heading h4 {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 50px;
    line-height: 30px;
    color: #333;
}
.service-box h4 {
    font-size: 24px;
    font-weight: 300;
	border: 0px solid rgba(51, 51, 51, 0.85);
    padding: 0px;
    margin: 40px 0 25px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.service-box .box-icon i {
    font-size: 35px;
    color: #fff;
    transform: rotate(-45deg);
    display: inline-block;
}
[class^="icon-"], [class*=" icon-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}
.animate-from-left {
    opacity: 0;
    left: -60px;
    position: relative !important;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}
.icon-lightbulb:before {
    content: "\f0eb";
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}
.icon-beaker:before {
    content: "\f0c3";
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}
.icon-rocket:before {
    content: "\f135";
}

#pagetop {
    border-bottom: 1px solid #efefef;
}
#pagetop {
    width: 100%;
    height: auto;
    top: 0;
    position: relative;
    padding: 0;
}
#pagetop .pagetop_inner {
    width: 100%;
    height: auto;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0px 15px;
}
#pagetop .socials, #pagetop .texts {
    height: 40px;
}
.f-left {
    float: left;
}
#pagetop.white-pagetop p {
    color: #a0a0a0;
}

#pagetop p {
    padding: 0;
    margin: 13px 0 12px;
    font-size: 12px;
    line-height: 17px;
}
#pagetop .socials, #pagetop .texts {
    height: 40px;
}
.f-right {
    float: right;
}
#pagetop .topbar-section {
    display: inline-block;
}
#pagetop.white-pagetop a {
    color: #cbcbcb;
    border-left: solid 1px #efefef;
}
#pagetop a {
    display: block;
    float: left;
    margin: 0;
    padding: 0px 8px;
    font-size: 14px;
    text-align: center;
    width: 40px;
    height: 100%;
    line-height: 42px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    background: none;
    border-radius: 0;
    opacity: 1;
}
.vntd-social-icons a.social {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    border-radius: 100%;
    color: white;
    opacity: .5;
    background: rgba(0,0,0,0.4);
    display: inline-block;
    margin-right: 8px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
}
.fa-vimeo:before {
    content: "\f27d";
}
#pagetop a:hover {
    color: white !important;
}
.vntd-social-icons a.social:hover {
    opacity: 1;
}
a.social-facebook:hover {
    color: #4b6ea8 !important;
}
a.facebook:hover {
    background: #4b6ea8 !important;
}
a.twitter:hover {
    background: #4fd5f8 !important;
}
a.dribbble:hover {
    background: #f2689c !important;
}
a.vimeo:hover {
    background: #96d3f0 !important;
}
a.youtube:hover {
    background: #da1818 !important;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-vimeo:before {
    content: "\f27d";
}

.inner {
    width: 100%;
    height: auto;
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
    /* overflow: hidden; */
    /* padding: 80px 0; */
}
.inner:after, .inner:before {
    clear: both;
    content: "";
    display: block;
}
.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.vc_column-inner::after, .vc_column-inner::before {
    content: " ";
    display: table;
}
#page-content .vc_row {
    margin-left: 0px;
    margin-right: 0px;
}

.vc_row .vc_row {
    padding: 45px 0px;
}
.vc_column_container {
    padding-left: 0;
    padding-right: 0;
}
.vc_column-inner::after, .vc_column-inner::before {
    content: " ";
    display: table;
}
.vntd-icon-box.box.icon-box-small-left.animated.icon-box-aligned.icon-box-aligned-left {
    margin-bottom: -10px;
    overflow: hidden;
}
.icon-box-small-left .box-icon {
    background-color: transparent;
    line-height: 27px;
    color: #555;
    font-size: 22px;
    width: 60px;
    height: 60px;
}
.box .changeable-icon {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-rocket:before {
    content: "\f135";
}
.icon-box-small-left .icon-box-content {
    padding-left: 0;
}
.icon-box-aligned .icon-box-content {
    padding-left: 30px;
    width: calc(100% - 75px);
    float: left;
}
.icon-box-aligned .icon-box-content h4 {
    /* font-size: 20px; */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0px;
    font-weight: 400;
}
.icon-box-small-left .icon-box-content p {
    color: #9f9f9f;
}

.icon-box-aligned .icon-box-content p {
    font-size: 13px;
    margin-top: 10px !important;
    line-height: 20px;
}
.vc_column-inner::after, .vc_column-inner::before {
    content: " ";
    display: table;
}
.about-box {
    position: relative;
    padding-left: 50px;
    margin-bottom: 40px;
}
.thumb-icon {
    position: absolute;
    left: 0px;
    font-size: 20px;
}
.about-box h2 {
    font-size: 16px;
    margin: 0px;
    font-weight: 600;
	margin-bottom: 10px;
}

.inner-banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    clear: both;
}
.inner-banner:before{
 position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index:2;
}

.inner-banner img {
    position: relative;
    width: 100%;
    display: block;
    height: 400px;
    object-fit: cover;
}
@keyframes innerbanner{
	0%{
		transform:scale(1);	
		
	}	
	100%{
		transform:scale(1.1);	
	}	

}
.banner-head {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 70px;
}
.service-box a {
    border: 0px solid rgba(51, 51, 51, 0.85);
    padding: 0px;
    margin: 40px 0 10px;
    display: block;
    font-size: 16px;
    font-weight: 600;
}
.service-box p:empty {
    display: none;
}
.read-more
{
    display: block;
}
.read-more a 
{
	color:#fff;
	font-size:14px;
	border:none;
	padding:0;
	margin:0;
}
.read-more a:hover {
    width: 100%;
    text-align: center;
    max-width: 110px;
    margin: auto;
    padding: 5px;
}
.read-more a:hover
{
	color:#333;
	background:none;
}
.page-heading h3 {
    color: #fff;
    display: block;
    font-size: 18px;
    font-style: italic;
    margin-bottom: 18px;
    line-height: 45px;
    margin-bottom: 5px;
}
.service-box a:hover {
    /*color: #fff;
    background: #000;*/
}
.appear {
    margin-top: 30px;
    float: left;
    padding: 0;
    width: 100%;
}
.service-box p {
    text-align: center;
    margin-bottom: 0px;
	line-height: 1.7;
}
section#client .container {
    z-index: 9;
    position: relative;
}
form.wpcf7-form p {
    margin: 0px 0px 0px;
}
.wpcf7-form-control-wrap {
    display: block;
	position:relative;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: block;
    position: absolute;
    right: 10px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 13px;
    line-height: 10px;
}
div.wpcf7-validation-errors {
    border: 2px solid #f00;
    margin: 0px;
    background: #f00;
    position: relative;
    /* right: 30px; */
    /* bottom: 40px; */
    /* left: 140px; */
    font-size: 11px;
    /* height: 28px; */
    line-height: 19px;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    position: relative;
    background: #398f14;
    margin: 0px;
    /*right: 30px;
    bottom: 40px;
    left: 140px;*/
    font-size: 11px;
    /*height: 28px;*/
    line-height: 19px;
    display: none !important;
}
.main-menu.inner-header {
    background: #fff;
}
.main-menu.inner-header ul.menu-item li a {
    color: #333;
}
/*.main-menu.inner-header ul.menu-item li.active a, */.main-menu.inner-header ul.menu-item li a:hover{
	color:#fff;	
}
.main-menu.inner-header ul.menu-item li.current_page_item a{
	color:#fff;	
}
.main-menu.inner-header ul.menu-item li.current_page_item a:before {
    background: #333;
}
/*.main-menu.inner-header ul.menu-item li.active a:before, */.main-menu.inner-header ul.menu-item li a:before {
    background: #333;
}
.copyright-inner {
    background: #0c0b09;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 18px 0px;
	position: relative;
}
.inner-footer{
	position:relative;	
}
.social-icon nav a {
    width: 33px;
    height: 33px;
    text-align: center;
    display: inline-block;
    line-height: 33px;
    color: #fff;
    /*background: url(../images/border-bg.png);*/
    margin-left: 5px;
    background-size: 100% 100%;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.social-icon nav a:hover {
    background-color: #fff;
    color: #000;
    opacity: 0.7;
}
.top-footer {
    padding: 0px;
    position: relative;
}
.copyright-text {
    line-height: 33px;
}
.top-footer div#widget_sp_image-2 img {
    max-width: 56% !important;
}
.top-footer .widget-title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    margin: 0px 0px 20px;
}
.top-footer .menu {
    margin: 0px;
    padding: 0px;
}
.top-footer .menu li {
    float: left;
    width: 50%;
    list-style-type: none;
    padding-right: 15px;
}
.top-footer .menu li a {
    color: #fff;
    line-height: 2;
}
.top-footer .menu li:last-of-type, .top-footer .menu li:nth-last-of-type(2), .top-footer .menu li:nth-last-of-type(3), .top-footer .menu li:nth-last-of-type(4), .top-footer .menu li:nth-last-of-type(5), .top-footer .menu li:nth-last-of-type(6)  {
    /*display: none;*/
}
footer.inner-footer ul.sub-menu {
    display: none;
}
.top-footer .textwidget span {
    display: inline-block;
    font-weight: 600;
    min-width: 70px;
}
.top-footer .textwidget {
    color: #fff;
}
.top-footer .textwidget a {
    color: #fff;
    line-height: 2.2;
}
header#home {
    position: relative;
    overflow: hidden;
	/*margin-bottom: -24px;*/
	margin-top: 5px;
}
/*.entry-title span{
	font-size:36px;
	position:relative;
	display:inline-block;
	padding:0px 50px;
	font-weight: 600;	
}*/
.entry-title span {
    font-size: 26px;
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    font-weight: 600;
    border-top: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
font-family: 'Poppins', sans-serif;
	
}
.entry-title span:before {
    position: absolute;
    content: "";
    /* width: 100%; */
    /* height: 100%; */
    left: 50px;
    top: 0px;
    bottom: 0px;
    right: 50px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
	opacity:0;
}
/*.entry-title span:before {
    position: absolute;
    content: "";
    background: url(../images/left-h.jpg);
    width: 296px;
    height: 14px;
    right: 100%;
    top: 0px;
    bottom: 0px;
    margin: auto;
	display:none;
}*/
.entry-title span:after {
    position: absolute;
    content: "";
    background: url(../images/right-h.jpg);
    width: 296px;
    height: 14px;
    left: 100%;
    top: 0px;
    bottom: 0px;
    margin: auto;
	display:none;
}
.main-menu.inner-header .logo-section img {
    opacity: 1;
}
ul.client-section {
    /*max-width: 722px;*/
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding: 30px 0px;
}
.client-section li {
    position: relative;
    display: block;
    float: left;
    width: 23%;
    text-align: center;
    margin: 1% 1%;
    border-radius: 0px;
    background: #ffffff;
    padding: 0;
    font-size: 13px;
  border: 1px solid #e8e8e8;
}

.client-section li:hover{     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.client-section li a, .client-section li a img {
    display: block;
    position: relative;
}	

.client-section li a {
    overflow: hidden;
}	
	
.client-section li a div.text-caption span {
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    bottom: 0;
    display: block;
    padding: 0;
    margin: 0;
    transition: .6s;
    text-transform: uppercase;
    font-weight: normal;
    color: rgba(255,255,255,0.9);
    /* text-shadow: 1px 1px 1px rgba(0,0,0,0.2); */
    border-bottom: 1px solid rgba(255,255,255,0.5);
    box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
    background: #000000b5;
    opacity: 0;
    font-size: 16px;
    
    font-family: 'Poppins', sans-serif;
    padding: 10px;
    width: 100%;
    margin: 0px auto;
    padding: 0px 10%;
    cursor: pointer;
}
/*.client-section li:hover a div.text-caption span{opacity:100;transform: translateY(75px); }*/

.client-section li:hover a div.text-caption span {
    opacity: 100;
    transform: translateY(75px);
    color: white;
    font-size: 15px;
    position: absolute;
    top: 0%;
    left: 0%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(0%, 0%);
    text-align: center;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
}
	
	
	
.text-caption{
display: block; 
left: 100%; top: 0px;  
overflow: hidden; 
transition: all .6s ease;
}

	
ul.client-section li img {
    width: auto;
    display: inline-block;
	margin:30px 0;
}





/*.client-section li:nth-of-type(3n+1), .client-section li:nth-of-type(3n+2), .client-section li:nth-of-type(3n+3) {
    border-right: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
}
.client-section li:nth-of-type(3n+3) {
    border-right: 0px solid #7f7f7f;
}*/

/*.client-section li:nth-last-of-type(1), .client-section li:nth-last-of-type(2), .client-section li:nth-last-of-type(3){
	border-bottom:0px solid #7f7f7f;	
}
.client-section li:last-of-type{
	border-bottom:0px solid #7f7f7f;
}
.client-section li:nth-last-of-type(2) {
	border-bottom:0px solid #7f7f7f;	
}*/
.inner-page .entry-title {
    margin-bottom: 40px;
}
.main-menu.inner-header {
    background: #fff;
    border-bottom: 0px solid #ccc;
    box-shadow: 0px 0px 4px #000;
}
.common-heading {
    margin: 70px 0px 0px;
    display:none;
}
.col-lg-4.col-md-4.col-sm-6.col-xs-6.text-center.inner-service-area {
    display: none;
}
ul.menu-item li .sub-menu {
    position: absolute;
    padding: 0px;
    background: rgb(224, 117, 47);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.8);
    min-width: 208px;
    display: none;
    top: 100%;
}
ul.menu-item > li > .sub-menu > li > ul.sub-menu {
    display: none;
    top: -1px;
    left: 100%;
    min-width: 290px;
}
ul.menu-item li .sub-menu .sub-menu {
    position: absolute;
    top: -1px;
	left: 100%;
}

ul.menu-item li .sub-menu .sub-menu{ display: none;}





ul.menu-item > li > .sub-menu > li:hover > ul.sub-menu {
    display: block;
}
ul.menu-item > li > .sub-menu > li > ul.sub-menu > li > a {
    font-size: 12px;
}
ul.menu-item > li > .sub-menu > li > ul.sub-menu > li > a:hover {
    font-size: 12px;
}
ul.menu-item li .sub-menu li.current-menu-parent > a {
    background-color: rgba(255,255,255,0);
}
.current-menu-ancestor {
    background-color: rgba(255,255,255,0);
}
footer .current-menu-ancestor {
    background-color: transparent;
}
ul.menu-item li .sub-menu li {
    display: block;
    float: none;
    position: relative;
}
ul.menu-item li .sub-menu li a:hover {
    background: #f7f7f7;
    color: #333 !Important;
    padding-left: 25px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4)/*0px 2px 2px #000*/;
}
ul.menu-item li .sub-menu li a {
    padding: 6px 10px;
    display: block;
	color: #fff;
}
ul.menu-item li .sub-menu li a:hover {
    background: #f7f7f7;
    color: #333 !Important;
    padding-left: 15px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4)/*0px 2px 2px #000*/;
}
ul.menu-item li .sub-menu li {
    border-top: 1px solid rgba(247, 247, 247, 0.33);
}
ul.menu-item li:hover > ul.sub-menu {
    display: block;
}

ul.menu-item li:hover a:before {
    height: 100%;
}
ul.menu-item > li:hover > a {
    color: #fff !important;
}
.current-menu-parent > a:before, .current-menu-parent > a {
    height: 100% !important;
    color: #e17631 !important;
}
.current-menu-parent ul.sub-menu li.current_page_item > a {
    color: #fff !important;
    box-shadow: none !important;
    background: #3087df !important;
    padding-left: 10px;
}
.media-section {
    width: 100%;
    overflow: hidden;
    position: relative;
}
ul.menu-item > li > .sub-menu > li:hover > ul.sub-menu > li:hover .sub-menu {
    left: 100%;
    top: 0px !important;
}

.life_vstacks{background:#fff; padding:40px 0px;}
.vstacks-features{padding:20px 0px;}

.vstacks-features .heading_title{padding:30px; font-size:30px; color:#fff;     text-align: center;    margin: 0;}
.vstacks-features .box_bg:nth-child(odd)  .heading_title{background:#007fff;}
.vstacks-features .box_bg:nth-child(even) .heading_title{background:#e57632;}
.category-section{padding:25px 0px;}
.category-section .cat_header{
	align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}
.category-section  .cat_heading{    
font-size: 35px;
    font-weight: 600;
    text-transform: uppercase;
	}
.category-section .view_button .btn-orenge{    background: #007fff !important; color:#fff;}
.category-section .view_button .btn-orenge:hover{background: #e57632 !important}

.category-section  .life-image-box {
    border-radius: 20px;
    background: #fff;
    padding:5px;
    box-shadow: 0px 0px 11px rgb(147 147 147 / 30%);
    width: 100%;
    height: 300px;
}
.category-section  .life-image-box img {
    border-radius: 18px;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.life_vstacks .category-section{padding: 25px 0px;}
.life_vstacks .quotes-section .slide1-cont h1{font-size: 38px;}

.quotes-section .slide1-cont h1:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 50%;
    background: #fff;
    height: 6px;
    width: 80px;
    margin-left: -40px;
}


.box-life {
    width: 24.8%;
	
    /*background: #ccc;*/
    display: block;
    float: left;
    padding: 0px;
	position:relative;
    overflow: hidden;
    margin: 0px 1px 2px;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-ms-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
}
.box-life .active {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 450ms ease-out 0s;
    -moz-transition: all 450ms ease-out 0s;
    -o-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s;
    -webkit-transform: rotateY(180deg) scale(0.5,0.5);
    -moz-transform: rotateY(180deg) scale(0.5,0.5);
    -ms-transform: rotateY(180deg) scale(0.5,0.5);
    -o-transform: rotateY(180deg) scale(0.5,0.5);
    transform: rotateY(180deg) scale(0.5,0.5);
    background: #000000;
    top: 0px;
    left: 0px;
    border-radius: 4px;
}
.box-life:hover .active {
    filter: alpha(opacity=100);
    -webkit-transform: rotateY(0deg) scale(1,1);
    -moz-transform: rotateY(0deg) scale(1,1);
    -ms-transform: rotateY(0deg) scale(1,1);
    -o-transform: rotateY(0deg) scale(1,1);
    transform: rotateY(0deg) scale(1,1);
    opacity: 0.70;
}
.box-life .life-thumb img {
	width:100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-ms-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
}
.box-life .life-thumb {
    width: 100%;
    height: 210px;
    object-fit: cover;
    object-position: top;
    border-radius: 4px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.box-life:hover img {
    -webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.box-life .active i {
    color: #fff;
    width: 40px;
    height: 40px;
    font-size: 35px;
    margin: auto;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
.sub-title-life {
    margin: -30px 0px 50px;
}
.video-box img {
    width: 100%;
	display:block;
}
.video-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.video-box .active {
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0px;
    transition: .4s;
}
.video-box:hover .active {
    top: 0%;
}
.video-box .active i {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    font-size: 50px;
    color: #000;
}
.video-box .active i:hover {
	color:#f00;	
}
.contact-box {
    position: relative;
    /* padding: 8px; */
    /* border: 1px solid #ccc; */
    border-radius: 2px;
    width: 100%;
    float: left;
    margin-bottom:-300px;
    
}
.contact-section h3 {
    margin: 5px 0px 15px;
    text-align: left;
    font-size: 21px;
    padding: 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.contact-box iframe {
    border: 1px solid #ccc !important;
    border-radius: 2px;
    margin-bottom: -6px;
}
.contact-box:before {
    position: absolute;
    content: "";
    height: 6px;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    bottom: -6px;
    left: 2px;
    right: 2px;
    border-top: 0px;
}
.contact-detail {
    background: #f1f1f1;
    border-radius: 4px;
	max-width: 85%;
    border: 1px solid #d7d7d7;
	position:relative;
    width: 306px;
	max-width:100%;
}
.contact-detail h4 {
    font-size: 18px;
    padding: 15px 15px 5px;
    margin: 0px;
}
.contact-detail h3 {
    font-size: 16px;
    padding: 15px 15px;
    margin: 0px;
    font-weight: 600;
}
.addr-office, .phone-office, .email-office {
    border-top: 1px solid #d7d7d7;
    padding: 10px 10px 10px 40px;
	font-size: 13px;
    line-height: 20px;
}
.addr-office {
    background: url(../images/icon_footer_loc.png);
    background-repeat: no-repeat;
    background-position: 15px 15px;
}
.phone-office {
    background: url(../images/icon_footer_phone.png);
    background-repeat: no-repeat;
    background-position: 15px 15px;
}
.email-office {
    background: url(../images/icon_footer_mail.png);
    background-repeat: no-repeat;
    background-position: 15px 12px;
}
.contaect-section {
    overflow: hidden;
    padding: 70px 0px 50px;
    clear: both;
    display:none;
    
}
.contact-detail:before {
    position: absolute;
    content: "";
    height: 6px;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    bottom: -6px;
    left: 2px;
    right: 2px;
    border-top: 0px;
    background: #f1f1f1;
    z-index: -1;
}
.contaect-section .col-sm-4:nth-child(2) .contact-detail {
    margin: auto;
}
.contaect-section .col-sm-4:nth-child(3) .contact-detail {
    float:right;
}
.field > p {
    width: 33.33%;
    float: left;
    padding: 5px 5px;
}
.contact-section {
    float: left;
    width: 100%;
    /* padding-left: 15px; */
    margin-bottom: 50px;
	padding: 0px 150px;
}
.field > p .wpcf7-form-control {
    border: 1px solid #dedede;
    padding: 8px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    height: 35px;
	width:100%;
}
.contact-form textarea.wpcf7-form-control {
    border: 1px solid #dedede;
    padding: 8px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    width: 100%;
	resize:none;
	height:205px;
}
.contact-form > p {
    display: block;
    padding: 0px 5px;
    clear: both;
}
.contact-form label, .contact-form span {
    display: block;
}
.contact-form .wpcf7-submit {
    float: left;
    border: 1px solid #949494;
    background: -webkit-linear-gradient(top, #d6d6d6 0%, #adadad 100%);
    background: linear-gradient(to bottom, #d6d6d6 0%, #adadad 100%);
    color: #000;
    font-size: 16px;
    line-height: 1;
    padding: 9px 18px;
}
.contact-form .wpcf7-submit:hover, .contact-form .wpcf7-submit:active{
    background: -webkit-linear-gradient(top, #adadad 0%, #d6d6d6#adadad 100%);
    background: linear-gradient(to bottom, #adadad 0%, #d6d6d6 100%);
    color: #000;
	padding: 9px 18px !important;
	border:1px solid #949494;
}
.mix {
	display: none;
}
ul.ep_portfolio.ep_group {
    padding: 0px;
    width: 100%;
    margin: auto;
}
ul.ep_filter.ep_group {
    width: auto;
    margin: 0px 0px 30px;
    padding: 0px;
    text-align: center;
    display: none;
    border: 1px solid #ccc;
}


ul li {
	list-style:none;
}
.ep_filter li {
	float:left;
	background:#6F90B5;
	color:#fff;
	display: block;
	margin-left:10px!important;
	border-radius:4px;
	text-transform:uppercase;
}
.ep_filter a {
	color:#fff;
	text-decoration:none;
	padding:5px 15px;
	display:inline-table;
}
.ep_filter a:hover, .current a {
	color:#FFF;
	background:#497DA4;
	border-radius:4px;
}
.ep_group:after {
	visibility:hidden;
	display:block;
	content:"";
	clear:both;
	height:0
}
.ep_portfolio li {
	float:left;
	width:40%;
	margin-bottom:10px !important;
	margin-left:0px !important;
	position:relative;
	margin-right:10px !important;
}

.portfolio_img.wp-post-image {
    height: 225px;
}

 .ep_portfolio li:nth-child(4n) {
margin-right:0
}
.ep_portfoliourl {
	height:30px
}
.ep_portfolio_list_img {
	float:left;
	margin-right:4%
}
.ep_title {
	font-size:24px;
	font-weight:700;
	text-transform:uppercase
}
.ep_portfolio_desc {
	padding-bottom:5px;
	min-height:70px
}
.ep_readmore {
	padding-bottom:30px
}
.ep_purl {
	float:left
}
.ep_readmore_right {
	float:right;
	/*width:36px;*/
}
.ep_zoom_left{
	/*padding-left:5px;*/
	float:left;
	text-align: center;
}

a.link_post {
display: block;
width: 35px;
height: 35px;
border-radius: 50px;
cursor: pointer;
background-image: url(../images/link_post_icon.png);
background-repeat: no-repeat;
background-position: center;
margin-right: 10px;
}
a.zoom {
overflow: hidden;
display: block;
width: 35px;
height: 35px;
border-radius: 50px;
cursor: pointer;
background-image: url(../images/zoom_icon.png);
background-repeat: no-repeat;
background-position: center;
margin-left: 10px;
}
.item_more span,a {
display: inline-block;
}

.ep_featured-image {
	padding-top:25px;
}
.ep_content_details {
	float: right;
	font-size: 15px;
	line-height: 25px;
	text-align: justify;
	width:25%;
	padding-top:20px;
}
.ep_entry-content {
	float: left;
	font-size: 15px;
	line-height: 25px;
	text-align: justify;
	width:70%;
	padding-top:20px;
}
.ep_title {
	text-transform:uppercase;
	font-weight:bold;
	font-size:24px;
}
.ep_item .item_img img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.ep_item .ep_portfoliourl {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	background-color:#000;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-align: center;
	color: #fff;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.ep_item .item_title {
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ep_item .item_title a {
	color: white;
}
.ep_item .item_title a:hover {
	color: #75c3d2;
}
.ep_item .item_introtext {
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.ep_item .item_introtext p {
	padding: 0;
}
.ep_item:hover .item_img img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.ep_item .item_more {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ep_item:hover .ep_portfoliourl {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.ep_item:hover .item_title, .ep_item:hover .item_introtext, .ep_item:hover .item_more {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.ep_item:hover .item_more a {
	color:#fff;
	font-size:20px;
}
.ep_item:hover .item_introtext {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.ep_item:hover .item_more {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
	color:#fff;
	font-size:20px;
}
.ep_portfolio img {
    display: block;
    height: 210px;
    width: 100%;
}
.ep_item .ep_portfoliourl_wrap:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.ep_item .ep_portfoliourl_wrap {
	font-size: 0;
	height: 100%;
	line-height: 0;
	text-align: center;
	width: 100%;
}
.ep_item .ep_portfoliourl_cont {
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	/*padding: 0 5%;*/
	vertical-align: middle;
}

.ep_filter li {
    float: left;
    display: inline-block;
}
.ep_portfolio li {
    width: 31%;
    margin: 0px !important;
    /* padding: 10px; */
    margin: 1% 1% !important;
}
.ep_item .ep_portfoliourl {
    /* left: 10px; */
    /* top: 10px; */
    /* right: 10px; */
    /* bottom: 10px; */
    width: 100%;
    border-radius: 4px;
}
.portfolio-thumb {
    /* padding: 8px; */
    border-radius: 2px;
    border: 1px solid #d7d7d7;
    position: relative;
    width: 100%;
    max-width: 100%;
}
.portfolio_img.wp-post-image {
    height: 277px;
    width: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 2px;
}
.item_title {
    color: #fff;
}
a.zoom, a.link_post {
    overflow: hidden;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-image: none;
    margin-left: 10px;
    font-size: 30px !important;
    background: #fff;
    color: #333 !Important;
    line-height: 50px;
}
a.zoom{
	line-height: 45px;	
}
.portfolio-thumb:before {
    position: absolute;
    content: "";
    height: 5px;
    bottom: -5px;
   /* border: 1px solid #d7d7d7;*/
    border-top: 0px;
    left: 2px;
    right: 2px;
    border-radius: 10px;
}
.ep_filter li {
    background: #f1f1f1;
    color: #333;
    margin-left: 0px!important;
    border-radius: 0px;
    text-transform: capitalize;
}
.ep_filter a {
    color: #333;
    padding: 5px 16px;
    background: #f1f1f1;
	font-size:13px;
	position:relative;
}
.ep_filter a:hover, .current a {
    color: #FFF;
    background: #327db4;
    border-radius: 0px;
}
.ep_filter li+li {
    border-left: 1px solid #d7d7d7;
}
.ep_filter a:before{
    position: absolute;
    content: "";
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    background: transparent;
    border: 1px solid transparent;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.ep_filter a:hover:before, .current a:before  {
    border: 1px solid #327db4;
}
.ep_filter a:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid #327db4;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -10px;
    left: 0px;
    right: 0px;
    margin: auto;
	opacity:0;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.ep_filter .current a:after, .ep_filter a:hover:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid #327db4;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -10px;
    left: 0px;
    right: 0px;
    margin: auto;
	opacity:1;
}
.post-box {
    overflow: hidden;
    position: relative;
    background-color: #fefefe;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    text-align: left!important;
    margin-bottom: 30px;
}
.post-box .thumbnail-post {
    margin: 0px;
    position: relative;
}

.post-section .heading-title {
    color: #000;
    font-weight: 800;
    font-size: 2.5em;
    text-transform: uppercase;
}
.post-section .sub-content {
    margin-bottom:35px;
    font-weight: 500;
    color:#000;
}

.thumbnail-post img {
height: 155px;
    object-fit: cover;
    object-position: center center;
}
.post-content-box {
    position: relative;
    padding: 20px 20px;
    border: 2px solid #eee;
    border-top: 0px;
    border-radius: 0px 0px 10px 10px;
	background: #007fff;
}
.post-link {
    display: block;
    line-height: 1.5;
    font-style: normal;
    color: #fff;
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    border-bottom: 1px solid #ddd;
    /* text-transform: uppercase; */
    padding-bottom: 12px;
    margin-bottom: 20px;
}
.post-content-box:hover .post-link{color:#454a6a;}
.thumbnail-post h2 {
    position: absolute;
    right: 0;
    top: 35px;
    transform: rotate(-90deg);
    display: flex;
    margin: 0px;
    background-color: #ffc526;
    color: #fff;
    padding: 5px 15px;
    font-size: 14px;
    letter-spacing: .1px;
font-family: 'Poppins', sans-serif;
}
.post-content-box a.btn.btn-danger.btn-main {
    margin: 15px 0px;
    background: transparent;
    color: #fff !important;
    border: 2px solid #fff !important;
    font-weight: 600;
    font-size: 15px;
}
.post-cont {
    margin: 0px 0px 10px;
	clear:both;
	float:left;
	width:100%;color: #fff;
   display: none; 
    
}
.btn-main {
    color: #fff !Important;
    font-size: 15px;
    border-radius: 20px;
	padding: 6px 15px;
}
.meta-link {
position: absolute;
    left: 6px;
    bottom: 8px;

    display: none;
    margin: 0px;
    background-color: #ffc526;
    color: #fff;
    padding: 5px 15px;
    font-size: 14px;
    letter-spacing: .1px;
    font-family: 'Poppins', sans-serif;
}
.meta-link a{ color: #fff;}
.page-id-33 form.wpcf7-form .wpcf7-validation-errors, .page-id-33 form.wpcf7-form .wpcf7-mail-sent-ok {
    clear: both;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 15px;
    float: left;
    color: #fff;
}
.contact-form {
    clear: both;
    float: left;
    width: 100%;
}
h1.entry-title {
    font-size: 38px;
    font-weight: 100;
    margin-bottom: 25px;
    line-height: 1.3;
}
.service-info > p:empty {
    display: none;
}
.service-info > p {
    min-height: 72px;
    margin-bottom: 0px;
}
.heading > p {
    margin: 0px;
}
.page-id-21 .page .col-sm-12 {
    text-align: center;
}
.page-inner {
    text-align: left;
}
.page-id-21 .page .col-sm-12 ol li {
    width: 33.33%;
    float: left;
    list-style-type: none;
    position: relative;
    text-align: left;
    padding-right: 20px;
    margin-bottom: 10px;
    color: #e0752f;
    text-shadow: 0px 0px 0px #e0752f;
}
.page-id-21 .page .col-sm-12 ol li a {
    color: #e0752f;
}
.page-id-21 .page .col-sm-12 ol li i {
    display: inline-block;
    font-size: 18px;
    margin-right: 6px;
    width: 20px;
    text-align: center;
}
.page-id-147 .page .col-sm-12 ul li, .page-id-149 .page .col-sm-12 ul li {
    width: 50%;
    float: left;
    list-style-type: none;
    position: relative;
    text-align: left;
    padding-left: 40px;
    margin-bottom: 10px;
}
.page-id-147 .page .col-sm-12 ul li:before, .page-id-149 .page .col-sm-12 ul li:before {
    position: absolute;
    top: 12px;
    left: 0px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #e3e3e3;
    color: #777;
    text-align: center;
    content: '\f105';
    line-height: 20px;
    -webkit-transition: color .25s ease .01s, border-color .25s ease .01s;
    transition: color .25s ease .01s, border-color .25s ease .01s;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-family: FontAwesome;
    z-index: 9;
}
.page-id-147 .page .col-sm-12 ul li:after, .page-id-149 .page .col-sm-12 ul li:after {
	position: absolute;
    top: 12px;
    left: 0px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background-color: #00c2a9;
    content: "";
    opacity: 0;
    -webkit-transition: transform .3s ease, opacity .25s ease;
    transition: transform .3s ease, opacity .25s ease;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: -1;
}
.page-id-147 .page .col-sm-12 ul li:hover:after, .page-id-149 .page .col-sm-12 ul li:hover:after {
	opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.page-id-147 .page .col-sm-12 ul li:hover:before, .page-id-149 .page .col-sm-12 ul li:hover:before {
    color:#fff;
	border-color:#00c2a9;
}
.page-id-147 .page .col-sm-12 ul, .page-id-149 .page .col-sm-12 ul {
    overflow: hidden;
   /* padding: 0px;*/
    margin-bottom: 0px;
}
.page-id-21 .page .col-sm-12 ol li:hover {
    color: #e0752f;
}




/*.page-id-21 .page .col-sm-12 ol li:before {
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #e3e3e3;
    color: #777;
    text-align: center;
    content: '\f105';
    line-height: 20px;
    -webkit-transition: color .25s ease .01s, border-color .25s ease .01s;
    transition: color .25s ease .01s, border-color .25s ease .01s;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-family: FontAwesome;
    z-index: 9;
}
.page-id-21 .page .col-sm-12 ol li:after {
	position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background-color: #e0752f;
    content: "";
    opacity: 0;
    -webkit-transition: transform .3s ease, opacity .25s ease;
    transition: transform .3s ease, opacity .25s ease;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: -1;
}

.page-id-21 .page .col-sm-12 ol li:hover:after {
	opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.page-id-21 .page .col-sm-12 ol li:hover:before {
    color:#fff;
	border-color:#e0752f;
}*/
.page-id-21 .page .col-sm-12 ol {
    overflow: hidden;
    padding: 0px;
    margin: 0px auto 40px;
    max-width: 850px;
}
.service-box {
    background: #f0f2f5;
    padding: 40px 20px 30px;
    min-height: 360px;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
    margin-bottom: 30px;
}
.service-box:hover {
    -webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px);
    box-shadow: 0px 0px 25px #8a8a8a;
}
.box-icon {
    position: relative;
    font-size: 40px;
    color: #fff;
    width: 70px;
    height: 70px;
    display: inline-block;
    line-height: 62px;
    border: 1px solid #e74c3c;
    border-radius: 4px;
    background: #e74c3c;
    transform: rotate(45deg);
}

/*13-2-2017*/
.home .main-menu {
    display: none;
}
.header-top nav.social-nav a {
    display: inline-block;
    color: #9d999a;
    padding: 8px 19px;
    border-right: 1px solid #ccc;
    font-size: 14px;
	float:left;
	position:relative;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
}
.header-top nav.social-nav a:hover {
    color: #fff;
    background: #e0752f;
}
.header-top nav.social-nav a:before {
    position: absolute;
    content: "";
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 1px solid transparent;
    border-top: 0px;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
}
.header-top nav.social-nav a:hover:before {
    border: 1px solid #e0752f;
    border-top: 0px;
}
.header-top {
    border-bottom: 1px solid #ccc;
    position: relative;
	overflow: inherit;
}



.top-flag-menu {
				float: left;

				}
				
			.top-flag-menu-inner {
					position: relative;
					float: left;

				}
				
				
			.top-flag-menu-button {
				background: #e0752f;
				padding: 0 10px;
				margin: 0px 5px;
				border: 1px solid #ffffff;
			}	

			.top-flag-menu ul.top-flag-menu-wrapper {
				position: absolute;
				top: 100%;
				left: 0;
				z-index: 1000;
				display: none;
				float: left;
				min-width: 200px;
				padding: 5px;
				margin: 10px 0 0;
				font-size: 14px;
				text-align: left;
				list-style: none;
				background-color: #fff;
				-webkit-background-clip: padding-box;
				background-clip: padding-box;
				border: 1px solid #ccc;
				border: 1px solid rgba(0,0,0,.15);
				border-radius: 4px;
				-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
				box-shadow: 0 6px 12px rgba(0,0,0,.175);
			
			}
			.top-flag-menu ul.top-flag-menu-wrapper li {
					padding: 2px 4px;
				}

			.top-flag-menu span.caret {
			color: #fff;
			border-top: 5px dashed;
			border-right: 5px solid transparent;
			border-left: 5px solid transparent;
			display: inline-block;
			width: 0;
			height: 0;
			margin-left: 4px;
			vertical-align: middle;
			}	

			.top-flag-menu ul li img {
			margin: 0 5px 0 0;
			}
			nav.top-right a:hover .top-flag-menu {
			color: #9d999a!important;
			}	











nav.top-right a {
    display: inline-block;
    color: #9d999a;
    padding: 8px 19px;
    border-left: 1px solid #ccc;
    font-size: 14px;
	float:left;
	position:relative;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
}
nav.top-right a:hover {
    background: #e0752f;
    color: #fff;
}
.header-top nav.top-right a:before {
    position: absolute;
    content: "";
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 1px solid transparent;
    border-top: 0px;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
}
.header-top nav.top-right a:hover:before {
    border: 1px solid #e0752f;
    border-top: 0px;
}
.header-top > .container-fluid, .header-top > .container-fluid .col-sm-6 {
    padding: 0px;
}
.logo-area {
    padding: 20px 0px;
    position: relative;
}
.menu-section {
    background: #e0752f;
    z-index: 99;
    position: relative;
}
.menu-section ul.menu-item > li > a {
    display: block;
    color: #fff;
    padding: 18px 29px;
    font-size: 13px;
    position: relative;
    line-height: 1.1;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-ms-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
	overflow:hidden;
	text-align:center;
}
/*.menu-section ul.menu-item > li:last-of-type, .menu-section ul.menu-item > li:nth-last-child(2), .menu-section ul.menu-item > li:nth-last-child(3), .menu-section ul.menu-item > li:nth-last-child(4), .menu-section ul.menu-item > li:nth-last-child(5), .menu-section ul.menu-item > li:nth-last-child(6) {
    display: none;
}*/
.menu-section ul.menu-item {
    float: none;
    margin: auto;
   /* display: flex;
	display: -webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;*/
	
	
    /*width: 990px;*/
}
.menu-section ul.menu-item > li {
    border-right: 1px solid rgba(255, 255, 255, 0.19);
    padding: 0px;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-ms-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
    position: relative;
    flex: 1;
  -webkit-flex: 0 1 100%;
}
.menu-section ul.menu-item > li:first-of-type {
    border-left: 1px solid rgba(255, 255, 255, 0.19);
}
.menu-section ul.menu-item > li > a > span {
    overflow: hidden;
    position: relative;
    display: block;
}
.menu-section ul.menu-item > li > a > span > span{
	position:relative;
	display:inline-block;	
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-ms-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
    line-height: 1.2;
}
.menu-section ul.menu-item > li > a > span > span:before {
    opacity:0;
}
.menu-section ul.menu-item > li > a > span > span:after {
    content: attr(title);
    position: absolute;
    top: 100%;
    opacity: 0;
    display: block;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translated(0, 0, 0);
	-webkit-transition:.4s;
	-moz-transition:.4s;
	-ms-transition:.4s;
	-o-transition:.4s;
	transition:.4s;
}
.menu-section ul.menu-item > li:hover > a > span > span {
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
}
.menu-section ul.menu-item > li:hover > a  > span > span:after {
	opacity:1;
}
.menu-section ul.menu-item > li:hover {
    background-color: rgba(255,255,255,0.2);
}
ul.list-2 {
    width: 100%;
    margin: 30px auto;
    max-width: 860px;
}
ul.list-2 li {
    color: #e0752f;
    text-shadow: 0px 0px 0px #e0752f;
}
ul.list-2 li:before {
    border-color: #e07530 !important;
    color: #e07530 !important;
}
ul.list-2 li:after {
    background-color: #e07530 !important;
}
ul.list-2 li:hover:before{
	color:#fff !important;	
}
.meta-link span.categories-links, .meta-link span.author.vcard {
    display: none;
}
.news-content > p:empty {
    display: none;
}
.page-id-134 article.hentry {
    padding-bottom: 30px;
}
.page-id-134 article.hentry footer.entry-meta {
    margin-top: 1px;
}
.news-content > img {
    height: 30px;
    width: auto;
}
ul#content-slider > li {
	position:relative;
    text-align: center;
    padding: 0px;
	background:#fff; 
	border-radius:4px;
}
	
	

	
	
	
	
/*.tp-dottedoverlay.threexthree {
    background: rgba(0,0,0,.5) !important;
}
.service-info {
    margin-bottom: 30px;
}*/
div.wpcf7-mail-sent-ng {
    border: 2px solid #ff0000;
    clear: both;
    margin: 10px 15px;
    float: left;
	display:none !important;
}
.left-align li {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    list-style-type: circle;
    margin-bottom: 10px;
}
.page-id-33 .inner-banner {
    /*display: none;*/
}
.page-id-33 article#post-33 {
    background:#fff;
	
}
.portfolio-box {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
}
.our-portfolio {
    /*background: url(../images/bgn-quotes.jpg);
	background-size: cover;
	*/
    padding-top: 130px;
	background:#fff;
	padding-bottom:60px;
    
}
.our-portfolio .col-lg-3.col-sm-4 {
    margin-bottom: 30px;
}

.our-portfolio .heading-title {
color: #000;
    font-weight: 800;
    font-size: 2.5em;
    text-transform: uppercase;
}

.our-portfolio .banner-bottom-item {
    padding:25px 20px;
    background-color: transparent;
    position: relative;
    z-index: 1;
    text-align: center;
    overflow: hidden;
    margin-bottom:0px;
	background:#fff;
    height: 100%;
    border-radius: 0px;
    box-shadow: 0px 3px 5px -3px #000;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.our-portfolio .banner-bottom-item:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 7px -3px rgb(0 0 0 / 30%);
}
.banner-bottom-item::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}
.banner-bottom-item h3 {
    color: #333;
    margin-top: 15px;
    margin-bottom: 10px;
}
.banner-bottom-item h3 a {
    color: #333;
    display: inline-block;
    text-decoration: none;
}
.banner-bottom-item p {
    color: #333;
    margin-bottom: 0;
}
.port-box {
    width: 20%;
    display: inline-block;
    margin: 30px auto;
}
.port-box h5 {
    margin: 0px auto;
    line-height: 1.4;
    max-width: 160px;
    text-align: center;
    color: #333;
}
.port-box p:empty {
    display: none;
}
.highlight {
    display: flex;
    flex-wrap: wrap;
	padding: 20px 0px 40px;
}
.highlight-box {
    display: block;
    background: #e0752f;
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.6);
    width: 31.33%;
    margin: 10px 1%;
    padding: 30px 10px;
    color: #fff;
}
.highlight-box h3 {
        margin: -30px -10px 15px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    border-bottom: 1px dashed #fff;
    padding: 15px;
    background: #4c85ba;
    display: block !important;
}
.highlight-box ul {
    padding: 0px;
    margin: 0px;
}
.column2 .highlight-box {
    width: 44%;
    margin: 3% 3% 30px;
}
.box-highlight {
    width: 100%;
    display: flex;
    background: #e6e6e6;
}
.box-highlight > div {
    width: 50%;
}
.box-highlight .left img {
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
    margin: 0px;
}
.right {
    text-align: left;
    padding: 25px;
}
ul#content-slider2 li.right {
    padding: 0px !important;
}
.right ul {
    padding: 0px 0px 0px 20px;
    font-size: 13px;
    line-height: 1.6;
}
.right ul li {
    margin-bottom: 6px;
    list-style-type: circle;
}
.box-highlight:nth-child(2n+2) {
    flex-direction: row-reverse;
}
.item_more >span:first-child {
    display: none;
}
.page-id-654 .highlight-box:nth-last-child(2) {
    margin-left: 16%;
}

.cloud_benefits-box-content-page-outer {
    padding: 15px 0;
	background: #f6f6f6;
    text-align: left;
}
.cloud_benefits-box-content-page-outer p:empty {
    display: none;
}
.cloud_benefits-box-content-page-outer:nth-child(2n+2) {
    background: #f3f0f0;
}
.cloud_benefits-box-header-page{ text-align:center;}
.security_virtual-sub-tittle{
    display: inline-block;
font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0;
	margin:0;
}
.cloud_benefits-box-header-page h2, .cloud_benefits-box-content-page-outer h2{
    display: inline-block;
font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0;
	margin:0;
}
.cloud_benefits-img-box::after {
    border: 10px solid rgba(0, 0, 0, 0.1);
    bottom: 10px;
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.cloud_benefits-img-box {
    background: #ffffff;
    /* position: relative; */
    /* height: 100%; */
    /* border: 1px solid #f3f2f2; */
    /* position: absolute; */
    /* left: 15px; */
    /* top: 0px; */
    /* right: 15px; */
    /* bottom: 0px; */
    /* margin-bottom: 20px; */
    margin: 20px 0px;
}

.cloud_benefits-img-box img {
    display: block;
    max-width: 100%;
    height: 90%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: auto;
    max-width: 100%;
    left: 0px;
    right: 0px;
    max-height: 250px;
}

.content-box-border, .content-box-border-1 {
    border: 1px solid #f3f2f2;
    min-height: 200px;
    position: relative;
    padding: 20px;
    background: #fff;
    margin: 20px 0px;
}

.content-box-border:before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #cacaca;
    border-style: solid;
    border-width: 10px;
    content: "";
    position: absolute;
    right: -21px;
    top: 100px;
	margin-top:-10px;
}


.content-box-border-1:before {
    border-color: rgba(0, 0, 0, 0) #cacaca rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 10px;
    content: "";
    left: -21px;
    position: absolute;
    right: auto;
	top:100px;
	margin-top:-10px;
}
.timeline-box li:nth-child(2n+1) {
    text-align: right;
}
.timeline-box li:nth-child(2n+2) {
    text-align: left;
}

/*Cloud__Costs_Virtual Stacks page*/

.costs_virtual-table-box {
    margin: 30px 0 0;
    text-align: center;
}
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
.costs_virtual-table-box thead, .costs_virtual-table-box tbody th {
    background: #2196F3;
    color: #ffffff;
}
.costs_virtual-table-box tbody td {
    background: #fff;
}
.table-content-box {
    font-size: 14px;
    font-style: italic;
    margin: 10px auto !important;
}
table tr {
  border: 1px solid #ddd;
  padding: .35em;
}
table th,
table td {
  padding: .625em;
  text-align: center;
  border: 1px solid #eceeef;
}
table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}



.page-id-147 .page .mobile_application_categories ul {
    margin: 0;
}
.page-id-147 .page .mobile_application_categories ul li::before, .page-id-147 .page .mobile_application_categories ul li::after {
    display: none;
}
.page-id-147 .mobile_application_categories ul li h4 {
    border-bottom: 1px solid #cacbcc;
    color: #e0752f;
    font-size: 18px;
    margin: 0 0 10px;
    padding: 10px 10px;
    font-weight: 600;
}
.page-id-147 .page .mobile_application_categories ul,
.page-id-143 .page .mobile_application_categories ul {
    margin: 0;
    padding:0px;
}

.page-id-147 .page .mobile_application_categories ul li:first-child,
.page-id-143 .page .mobile_application_categories ul li:first-child {
    padding: 0 10px 0 0;
    
}
.page-id-147 .page .mobile_application_categories ul li ul li,
.page-id-143 .page .mobile_application_categories ul li ul li {
    background: #efefef;
    padding: 0;
    width: 100%;
    
}
.page-id-147 .page .mobile_application_categories ul li,
.page-id-143 .page .mobile_application_categories ul li {
    padding: 0;
    width: 50%;
        float: left;
}
.page-id-147 .page .mobile_application_categories ul li ul li a,
.page-id-143 .page .mobile_application_categories ul li ul li a {
    display: block;
    padding: 10px;
}


.footer-contact-form textarea.wpcf7-textarea {
    line-height: 18px;
    height: 80px;
}

.post-thumb a, .thumbnail-post a {
    display: block;
}



/*life-vstacks page Photo Albums css*/
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-album-thumbnails .bwg-title1 {
    display: none;
}
#bwg_container1_0 #bwg_container2_0 .bwg_gal_title_0 { color: #e0752f!important;    text-shadow: none !important;     margin: 0 0 10px 0!important;}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-album-thumbnails .bwg-title2	{font-family: 'Open Sans',sans-serif !important;     font-weight: normal!important; text-shadow: none!important;
    border: 1px solid #ededed!important; padding: 8px 2px!important;}



@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table td:last-child {
    border-bottom: 0;
  }
}


/*Cloud__Cecurity_Virtual Stacks page*/


.security_we_offer-box .changelog{
    display: block;
font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0;
    padding: 10px 0;
}

.changelog {
    text-align: center;
}
.timeline-box::before {
    background:#0ecad4 ;
    bottom: 0;
    content: "";
    left: 50%;
    margin-left: 0.5px;
    position: absolute;
    top: 0;
    width: 1px;
}

.timeline-box {
    list-style: none;
    margin: 0 0 40px 0;
    padding: 0;
    position: relative;
    text-align: center;
}
.timeline-box li:nth-child(2n+1) {
    padding-right: 100px;
}
.timeline-box li {
    display: inline-block;
    margin: 10px 0;
    position: relative;
    width: 100%;
}
.circal-box {
   background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
    border: medium none;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 36px;
    left: 50%;
    line-height: 36px;
    margin-left: -18px;
    position: absolute;
    text-align: center;
    width: 36px;
    z-index: 999;
    top:30%;
    
    
}
.content-box::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e3e3e3;
    border-style: solid;
    border-width: 10px;
    content: "";
    position: absolute;
    right: -21px;
    top:30%;
}
.content-box {
    border: 1px solid #f3efef;
    border-radius: 5px;
    float: left;
    font-size: 14px;
    padding:20px 10px;
    position: relative;
    width: 50%;
    background:#f8f8f8;
}
.content-box:hover {
    background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
    color: #fff;
    border: #50e3c2 1px solid;
}

.timeline-box li:nth-child(2n) {
    padding-left: 100px;
}
.content-box.content-box-1::before {
    border-color: rgba(0, 0, 0, 0) #e3e3e3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 10px;
    content: "";
    left: -21px;
    position: absolute;
    right: auto;
   
}

.content-box.content-box-1 {
    float: right;
   
}
.content-box.content-box-1:hover{
border:1px solid #0ecad4;
}

.cloud_benefits-box-content-page-outer .row {
    display: flex;
	display: -webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
	
}
@media (max-width: 1200px){
.container {
    max-width:1170px;
	width:100%;
	position:relative;
}
}

.page-id-814 article > .container, 
.page-id-806 article > .container, 
.page-id-812 article > .container, 
.page-id-831 article > .container,
.page-id-835 article > .container,
.page-id-833 article > .container,
.page-id-837 article > .container {
    width: 100%;
    max-width: 100%;
    padding: 0px;
}
.page-id-814 footer.entry-meta, 
.page-id-806 footer.entry-meta, 
.page-id-812 footer.entry-meta, 
.page-id-831 footer.entry-meta,
.page-id-835 footer.entry-meta,
.page-id-833 footer.entry-meta,
.page-id-837 footer.entry-meta {
	display:none;	
}
.page-id-814 h1.entry-title, 
.page-id-806 h1.entry-title, 
.page-id-812 h1.entry-title, 
.page-id-831 h1.entry-title,
.page-id-835 h1.entry-title,
.page-id-833 h1.entry-title,
.page-id-837 h1.entry-title {
    font-size: 38px;
    font-weight: 100;
    line-height: 1.3;
    margin-bottom: 25px;
}
.page-id-814 h1.entry-title span, 
.page-id-806 h1.entry-title span, 
.page-id-812 h1.entry-title span, 
.page-id-831 h1.entry-title span,
.page-id-835 h1.entry-title span,
.page-id-833 h1.entry-title span,
.page-id-837 h1.entry-title span {
    border-bottom: 1px solid #cccccc;
    border-top: 0 solid #cccccc;
    display: inline-block;
font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 400;
    padding: 10px 0px;
    position: relative;
}
.page-id-814 .inner-page .entry-title, 
.page-id-806 .inner-page .entry-title, 
.page-id-812 .inner-page .entry-title, 
.page-id-831 .inner-page .entry-title,
.page-id-835 .inner-page .entry-title,
.page-id-833 .inner-page .entry-title,
.page-id-837 .inner-page .entry-title {
    margin-bottom: 25px;
    margin-top: 20px;
}
.page-id-814 article > .container > .row > .col-sm-12 > h1.entry-title.text-center, 
.page-id-806 article > .container > .row > .col-sm-12 > h1.entry-title.text-center, 
.page-id-812 article > .container > .row > .col-sm-12 > h1.entry-title.text-center,
.page-id-831 article > .container > .row > .col-sm-12 > h1.entry-title.text-center,
.page-id-835 article > .container > .row > .col-sm-12 > h1.entry-title.text-center,
.page-id-833 article > .container > .row > .col-sm-12 > h1.entry-title.text-center,
.page-id-837 article > .container > .row > .col-sm-12 > h1.entry-title.text-center{
	display:none;		
}
.page-id-814 article, 
.page-id-806 article, 
.page-id-812 article, 
.page-id-831 article,
.page-id-835 article,
.page-id-833 article,
.page-id-837 article{
	padding:0px;	
}
.contentform {
    position: relative;
    right: 0px;
    border: 1px solid #d8d8d8;
    margin-left: 40px;
    /* padding: 10px 5px 10px 5px; */
    border-radius: 3px;
    box-shadow: 0 0 8px grey;
    background: #f8f8f8;
    font-family: 'Roboto-Regular';
}
.contentform .wpcf7-form {
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 20px 20px;
}
.contentform .form-group {
    width: 50%;
    float: left;
    padding-right: 10px;
    position: relative;
}
.contentform .form-group:nth-of-type(2n+1) {
    padding: 0px 0px 0px 10px;
}
.contentform .form-group span.icon-case {
    position: absolute;
    z-index: 9;
    left: 0px;
    top: 3px;
    width: 28px;
    height: 32px;
    text-align: center;
    color: #928f8f;
    line-height: 32px;
}
.contentform .form-group:nth-of-type(2n+1) span.icon-case {
    left: 10px;
}
.contentform .form-group br {
    display: none;
}
.contentform .form-group .wpcf7-form-control {
    border: 1px solid #eceaea;
    padding: 5px 5px 5px 30px;
    min-height: 40px;
    font-size: 13px;
    max-height: 100px;
    line-height: 20px;
    resize: none;
    width: 100%;
    font-weight: 400;
}
.contentform .form-group.form-Message {
    width: 100%;
    padding: 0px;
}





.form-group.form-Message.captcha-box .wpcf7-form-control {
    padding: 0;
    border: none;
}
.contentform  .form-group.form-Message.captcha-box span.wpcf7-not-valid-tip{
    font-size: 10px;
    top: 98px;
    right: 0;
    left: 0;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-spam-blocked{font-size: 12px;}

.contentform input.wpcf7-submit {
    background: #2196F3;
    padding: 10px 20px;
    border: 0px !important;
    font-size: 15px;
}
.form-get-in {
display: none;
    position: fixed;
    right: -402px;
    bottom: 0px;
    top: 80px;
    z-index: 99999999;
    height: 406px;
    margin: auto;
    width: 438px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.form-get-in .form-icon {
    position: absolute;
    top: 0px;
    left: -6px;
    box-shadow: 0 0 8px grey;
    cursor: pointer;
    bottom: 0px;
    margin: auto;
    height: 140px;
}
.form-get-in.active {
    right: -2px;
}
.contentform span.wpcf7-not-valid-tip {
    font-size: 30px;
    top: 18px;
    right: 5px;
}
.contentform div.wpcf7-validation-errors {
    color: #fff;
}
.contentform .wpcf7-mail-sent-ok {
    display: block !important;
    color: #fff;
}
.contentform h2 {
    margin: 0px;
    text-align: center;
    /* margin-bottom: 20px; */
    font-size: 25px;
    border: none;
    /* border-style: dashed; */
    /* padding-bottom: 10px; */
font-family: 'Poppins', sans-serif;
    padding: 0px 0px 20px;
}
.free-quote fieldset .wpcf7-form-control {
    width: 100%;
    border: 1px solid #ccc;
    background: #FFF;
    margin: 0 0 0px;
    padding: 8px 10px;
    min-height: 34px;
    font-size: 13px;
    resize: none;
    max-height: 100px;
    font-weight: 400;
}
.quote-free {
    float: right;
    background: #2d73bd;
    padding: 25px;
    margin: 0px 0px 30px 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.free-quote h3 {
    display: block;
    font-size: 30px;
    margin: 0px 0px 10px;
    color: #fff;
    text-align: center;
    border-bottom: 1px dashed #fff;
    border-width: 0px 0px 1px;
    padding: 0px 0px 10px 0px !important;
}
.free-quote h3 span {
    font-size: 14px;
    vertical-align: text-top;
}
.free-quote h4 {
    margin: 5px 0 15px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-align: left;
}
.free-quote fieldset {
    border: 0px;
    margin: 0px 0px 5px;
    padding: 0px;
}
.free-quote fieldset span {
    display: block;
    width: 100%;
}
.free-quote fieldset .wpcf7-form-control.wpcf7-submit {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #f7540c;
    color: #FFF;
    margin: 0 0 5px;
    padding: 10px;
    font-size: 18px;
}
.free-quote fieldset br {
    display: none;
}
.free-quote span.wpcf7-not-valid-tip {
display: inline-block;
    width: auto;
    font-size: 13px;
    top: 5px;
    right: 10px;
}
.quote-free div.wpcf7-validation-errors {
    color: #fff;
    text-align: left;
}
.quote-free div.wpcf7-mail-sent-ok {
    display: block !important;
    color: #fff;
    text-align: left;
}
.page-inner h3 {
    display: inline-block;
}
.page-inner ul.list-2 {
    width: auto;
    margin: 16px 0;
    max-width: 860px;
}

@media(max-width:1170px){
	
	.menu-section ul.menu-item{ text-align: center;}
	ul.menu-item li {display: inline-block;float: inherit;}
	.menu-section ul.menu-item > li > a{padding: 18px 23px;}
	ul.menu-item li .sub-menu{    text-align: left;}
}

@media(max-width:1130px){
	.service-box.inner-service {
		min-height: 383px;
	}
	.inner-service-area {
		padding: 0px 8px;
	}	
	
	article#post-711 .page-inner p img {
    width: 47%;
}
	
}

@media(max-width:1070px){
	.post-box {
		min-height: 490px;
	}
	.box-life {
		width: 24.8%;
	}
	.service-box {
		min-height: 383px;
	}
	.service-box.inner-service {
		min-height: 406px;
	}
	
	.menu-section ul.menu-item > li > a{padding: 18px 21px;}
	
}

@media(max-width:1024px){
	.heading {
		padding-bottom: 50px;
	}
	#about-us {
		padding: 100px 0 40px;
	}
	.hentry {
		padding: 50px 0 90px;
	}
	h1.entry-title {
		font-size: 35px;
		line-height: 1.3;
	}
	.service-box {
		min-height: 406px;
	}
	.menu-section ul.menu-item > li > a {
		/*padding: 16px 22px;*/
	}
	.menu-section ul.menu-item {
		/*width: 842px;*/
	}
	
	.menu-section ul.menu-item > li > a{padding: 18px 19px;}
}

@media(max-width:991px){
	
	.column2 .highlight-box {
    margin: 3% 1% 30px;
}
	
	.highlight .highlight-box {
    width: 48%;
}
.page-id-654 .highlight .highlight-box:nth-last-child(2) {
    margin: 10px 1%;
}	
	
	
	.our-services .service-section:nth-child(3), .our-services .service-section:nth-child(4) {
		border-bottom: 1px solid #e4e4e4;
		padding-top: 60px;
	}	
	.our-services .service-section:nth-child(3) {
		border-right: 1px solid #e4e4e4;
		padding-top: 60px;
	}	
	.hentry {
		padding: 40px 0 70px;
	}
	ul.ep_portfolio.ep_group {
		width: 100%;
	}
	.post-box {
		min-height: 430px;
	}
	h1.entry-title {
		font-size: 30px;
	}
	.service-box {
		min-height: 340px;
	}
	.service-box-area:last-child {
		width: 100%;
	}
	.service-box-area:last-child .service-box {
		min-height: auto;
	}
	.service-box.inner-service {
		min-height: 362px;
	    margin-bottom: 16px;
	}
	
	.page-id-21 .page .col-sm-12 ol li {
		width: 50%;
	}
	
	.menu-section ul.menu-item > li > a{padding: 18px 8px;}
	
	
}


@media(max-width:900px){
	.menu-section ul.menu-item > li > a {
		/*padding: 16px 15px;*/
	}
	.menu-section ul.menu-item > li {
		padding: 0px;
	}
	.menu-section ul.menu-item {
		/*width: 720px;*/
	}
	.hentry {
		padding: 30px 0 50px;
	}
	.page-id-21 .page .col-sm-12 ol {
		max-width: 570px;
	}
	.page-id-21 .page .col-sm-12 ol li {
		width: 50%;
	}
	.page-id-21 .page .col-sm-12 ol li:empty {
		display: none;
	}
	.common-heading h1 {
		font-size: 30px;
	}
	.box-life {
		width: 33%;
	}
	.contact-section {
		float: none;
		width: 100%;
		padding-left: 0px;
	}
	.contact-box {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
	
	ul.menu-item li .sub-menu ul.sub-menu {
    min-width: 83%;
}

	ul.menu-item li .sub-menu ul.sub-menu a{
     font-size: 11px;
}
	
}

@media(max-width:767px){
	
	
	article#post-711 .page-inner p img {
    width: 100%;
}	

.box-highlight {
    display: inherit;
}
.box-highlight .left img{width: 100%;}


.box-highlight > div {
    width: 100%;
}
	
	
.cloud_benefits-box-content-page-outer .row {
    display: inherit;
}
.cloud_benefits-img-box {
    position: inherit;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}	

.cloud_benefits-img-box img {
   
    position: inherit;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
	
	
.port-box {
	width: 31%;
}	
	
.menu-section ul.menu-item {
    text-align: left;
}

ul.menu-item li {
    display: block;
}


.cloud_benefits-box-content-page-outer .col-sm-4 {
    width: 100%;
}
.content-box-border-1:before, .content-box-border:before{display: none;}
	
.page-id-624 .wpcf7 label {
    width: 100%;
    padding-right: 0;
}	
.page-id-624 .wpcf7 label:nth-child(3n+2) {
    padding-left: 0;
}
.page-id-624 .wpcf7 label:nth-child(3n+3) {
    padding-left: 0;
    padding-right: 0px;
}
	
	

.mobile_application_categories ul li {
    padding: 0px 0px 10px !important;
    width: 100% !important;
    float: none !important;
}
.page-id-147 .page .mobile_application_categories ul li {
    width: 100%;
}

.page-id-147 .page .mobile_application_categories ul li:first-child {
    padding: 0;
}	
	
ul.menu-item li .sub-menu .sub-menu {
    position: relative;
}	
ul.menu-item > li > .sub-menu > li:hover > ul.sub-menu > li:hover .sub-menu {
    left: 0;
}	
	
	
.quote-free {

    float: inherit;
    margin: 0 0 30px;

}

.form-get-in {
    display: none;
}
	
	.header-top .col-xs-12 {
		text-align: center;
	}
	nav.social-nav {
		display: inline-block;
	    margin-bottom: -7px;
	}
	.header-top nav.social-nav a:first-of-type {
		border-left: 1px solid #ccc;
	}
	nav.top-right {
		float: none !important;
		display: inline-block;
	    margin-bottom: -7px;
	}
	.header-top .col-xs-12:first-of-type {
		border-bottom: 1px solid #ccc;
	}
	nav.top-right a:last-of-type {
		border-right: 1px solid #ccc;
	}
	.header-top nav.top-right a:hover:before {
		border-top: 1px solid #e0752f;
	}
	nav.top-right a {
		padding: 5px 10px;
	}
	.header-top nav.social-nav a {
		padding: 5px 15px;
	}
	.logo-area {
		padding: 10px 0px;
	}
	.mobile-menu {
		display: block;
		color: #fff;
		padding: 10px 15px;
		font-size: 14px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.19);
		margin: 0px -15px;
	}
	.mobile-menu i {
		float: right;
		font-size: 23px;
	}
	.mobile-menu:hover, .mobile-menu:focus, .mobile-menu:visited {
		color:#fff !important;	
	}
	.menu-item{
		display:none;	
	}
	.menu-section ul.menu-item > li {
		padding: 10px 0px;
		float: none;
		border: 0px !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.19) !important;
	}
	.menu-section ul.menu-item > li > a {
		padding: 0px 15px;
	    text-align: left;
	}
	.menu-section ul.menu-item {
		width: auto;
	    margin: 0px -15px 10px;
	    display: none;
	}
	ul.menu-item li .sub-menu {
		position: relative;
		padding: 0px;
		background: rgb(224, 117, 47);
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8);
		min-width: 200px;
		display: none;
		top: 100%;
		margin: 10px 20px 0px;
	}
	/*ul.menu-item li:hover ul.sub-menu{
		display:none;
	}*/
	ul.menu-item li .sub-menu li:first-of-type {
		border-top: 0px;
	}
	li.menu-item-has-children:after {
		content: "\f0dd";
		font: normal normal normal 14px/1 FontAwesome;
		color: #fff;
		right: 0px;
		position: absolute;
		top: 0px;
		width: 35px;
		height: 34px;
		text-align: center;
		line-height: 30px;
        display:none;
        
	}
	.our-services .service-section:nth-child(3), .our-services .service-section:nth-child(4) {
		border-bottom: 1px solid #e4e4e4;
		padding-top: 60px;
	}	
	.service-section {
		border-right: 0px solid #e4e4e4;
		padding-top: 60px !important;
		border-bottom: 1px solid #e4e4e4 !important;
	}
	.service-section:last-of-type{
		border-bottom:0px !important;	
	}
	#client .sectionTitle h2 {
		font-size: 25px;
	}
	.entry-header h3 a {
		line-height: 20px;
		font-size: 15px;
	}
	#blog {
		overflow: hidden;
		padding-bottom: 40px;
	}
	.load-more {
		margin-top: 20px;
	}
	.btn-loadmore {
		padding: 15px 70px;
	}
	.home-blog-box {
		margin-bottom: 30px;
	}
	.parallax-title {
		font-size: 20px !important;
		margin-bottom: 20px !important;
		padding: 0px 0 20px !important;
	    line-height: 1.6;
	}
	.large-font h3 {
		font-size: 18px;
		line-height: 1.5;
	}
	.footer-contact-form {
		margin-top: 30px;
	}
	.lead {
		margin-bottom: 0px;
	}
	.hentry {
		padding: 20px 0 30px;
	}
	div#widget_sp_image-2 {
		text-align: center;
	    margin-bottom: 30px;
	}
	div#widget_sp_image-2 img {
		width: 120px;
	}
	footer.inner-footer .menu li.menu-item {
		display: block;
	}
	footer.inner-footer .row .col-sm-4 > div{
	    overflow: hidden;
		padding: 20px 0px;
		display: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	}
	.top-footer .widget-title {
		font-size: 17px;
		position: relative;
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
		padding: 14px 0px;
		margin: 0px;
		text-transform: capitalize;
		font-weight: 400;
		cursor:pointer;
	}
	.top-footer div#nav_menu-2 .widget-title{
		border-top: 1px solid rgba(255, 255, 255, 0.25);
	}
	.top-footer {
		padding: 40px 0px;
	}
	.top-footer .widget-title:after {
		position: absolute;
		content: "\f107";
		font: normal normal normal 20px/1 FontAwesome;
		right: 5px;
		top: 0px;
		bottom: 0px;
		margin: auto;
		height: 18px;
	}
	.top-footer ul.sub-menu{
		display:none;	
	}
	.top-footer .menu-item-55, .top-footer .menu-item-56, .top-footer .menu-item-57, .top-footer .menu-item-58, .top-footer .menu-item-59, .top-footer .menu-item-60 {
		display: none !important;
	}
	.top-footer li.menu-item-has-children:after{
		display:none;	
	}
	.copyright-text {
		text-align: center;
	}
	.social-icon {
		text-align: center;
		margin-top: 10px;
	}
	.post-box {
		min-height: auto;
	}
	.post-box .thumbnail-post a {
		display: block;
	}
	.thumbnail-post img {
		height: 200px;
		width: 100%;
	}
    	.post-box .thumbnail-post .cont-post{display: none;}
	h1.entry-title {
		font-size: 25px;
	}
	.mobile-box-contact {
		margin-bottom: 30px;
	}
	.mobile-box-contact .contact-detail {
		float: left;
		width: 100%;
	}
	.service-box {
		min-height: 365px;
	}
	.service-box.inner-service {
		min-height: 410px;
	}
	ul.menu-item > li > .sub-menu > li > ul.sub-menu {
		left: 0px;
		margin: 0px;
		border-top: 1px solid rgba(255, 255, 255, 0.19);
		background: #e69159;
	}
	
}

@media(max-width:630px){
	
.highlight .highlight-box {
    width: 100%;
}	
	
	
	.ep_portfolio li {
		width: 100%;
		padding: 10px 0px;
	}
	.portfolio-thumb {
		max-width: 100%;
	}
	.portfolio-thumb img {
		width: 100%;
		height: auto;
	}
	ul.client-section li img {
		max-width: 80%;
	}
	.box-life {
		width: 49.5%;
	}
	.service-box.inner-service {
		min-height: auto;
	}
	.inner-service-area {
		width: 100%;
	}
	.ep_item .ep_portfoliourl {
	/*	left: 8px;
		right: 8px;*/
	}
	
}

@media(max-width:600px){
	.home-blog-box {
		width: 100%;
	}
	.page-id-21 .page .col-sm-12 ol {
		max-width: 100%;
	}
	.page-id-21 .page .col-sm-12 ol li {
		width: 100%;
		padding-left: 0px;
		display: block;
		clear: both;
		text-align: center;
	}
	ul.list-2 li {
		width: 100% !important;
	}
	.mobile-box-contact {
		width: 100%;
	}
	.field > p {
		width: 100%;
	}
	.service-box {
		min-height: auto;
	}
	.service-box-area {
		width: 100%;
	}
}

@media(max-width:500px){
	
	.port-box {
    width: 48%;
}
	
	
	.portfolio-box {
		width: 100%;
	}	
	.box-life {
		width: 100%;
	}
	.box-life img {
		height: auto;
	}
	.box-life .life-thumb {
		height: auto;
	}
}

@media(max-width:350px){
	nav.top-right a {
		padding: 5px 7px;
	}
}


.error404 h1.entry-title span {
    display: none;
}

body{
font-family: 'Poppins', sans-serif;

    color: #2A2F35;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    background: url(../images/body-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.wave-shape{display: none;}
*{box-sizing: border-box;}
img{ max-width: 100%; }
/*Header CSS*/
header.header {
    position: relative;
    z-index: 5;
    width: 100%;
}
.top-header {
    padding: 8px 0px;
    position: relative;
        background: rgb(255 104 11 / 80%);
}



.top-header a {
    line-height: 27px;
    padding-right: 15px;
    font-size: 13px;
    color: #fff;
    /*opacity: 0.7;*/
    vertical-align: middle;
    text-decoration: none;
}
.top-header a:last-of-type {
	padding-right: 0px;
}
.top-header a i {
	margin-right: 5px;
    font-size: 18px;
    display: inline-block;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
    position: relative;
}

/*Navigation Area*/
ul.main-nav {
    display: flex;
    position: relative;
    padding: 0px;
    justify-content: space-between;
    height: 100%;
    align-items: center;
    margin:0px;
	float: none;
}
ul.main-nav li {
    list-style-type: none;
    position: relative;
}
ul.main-nav > li > a {
    font-weight: 500;
    padding: 0px 11px;
	    line-height: 90px;
    font-size: 14px;
    display: inline-block;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: #333;
    text-decoration: none;
    letter-spacing: .3px;
}
ul.main-nav > li > a > i {
    display: block;
    text-align: center;
    font-size: 18px !important;
    margin-bottom: 5px;
}
ul.main-nav > li > a:hover {
    color: #e17631;
}
.menu-area {
    /*background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(255,255,255,0.05);*/
    position: relative;
    background: rgba(255, 255, 255, 0.9);
}


/*Slider CSS Start*/
.slider-area ul#content-slider li {
    position: relative;
}
.slider-area ul#content-slider li:before {
    position: absolute;
    content: "";
    background: rgba(1, 13, 27, 0.4);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.banner-overlay {
    position: absolute;
    display: flex;
    top:0px;
    bottom: 40px;
    max-width: 1170px;
    padding: 0px 15px;
    margin: auto;
    left: 0px;
    right: 0px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.overlay-inner h2 {
    font-size:80px;
    margin-bottom: 25px;
  font-family: 'Poppins', sans-serif;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0px;
    position: relative;
    padding-bottom: 20px;
    margin-top: 0px;
    color: #fff;
}
/*.overlay-inner h2:after {
    position: absolute;
    content: '';
    width: 100px;
    height: 1px;
    background: #fff;
    left: 0px;
    margin: auto;
    right: 0px;
    bottom: 0;*/
}
.overlay-inner p {
    line-height: 24px;
    margin-bottom: 24px;
font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.btn-white {
    background-color: #fff;
    color: #777;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-size: 16px;
    padding: 15px 25px;
    font-weight: 600;
    border-radius: 3px;
    margin-right: 10px;
    float: left;
    display: inline-block;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.Typewriter__wrapper{color: #007fff;}
.btn-white:hover,
.btn-white:active,
.btn-white:focus {
    color: #777;
    text-decoration: none;
}
.btn-white-outline {
    padding: 13px 50px;
    border: 2px solid #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.42857;
    position: relative;
    border-radius: 3px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
}
.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline:active {
    color: #fff;
    text-decoration: none;
}
.btn-white:before,
.btn-white-outline:before {
    background: #f00;
    background-color: #000;
    content: "";
    height: 100%;
    left: 50%;
    opacity: 0.15;
    position: absolute;
    top: 0;
    transform: skewX(0);
    -o-transform: skewX(0);
    -ms-transform: skewX(0);
    -webkit-transform: skewX(0);
    -moz-transform: skewX(0);
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    width: 0;
    z-index: -1;
}
.btn-white-outline:before {
    height: auto;
    left: 50%;
    top: -2px;
    bottom: -2px;
}
.btn-white:hover:before,
.btn-white-outline:hover:before {
    left: 5%;
    width: 90%;
    transform: skewX(25deg);
    -o-transform: skewX(25deg);
    -ms-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
    -ms-transform: skewX(25deg);
    z-index: 9;
}
.btn-white-outline:hover {
    background: #4e84ba;
    border-color: #42709e;
}
.overlay-inner {
    width: 100%;
    max-width: 880px;
    margin: auto;
}
.slider-area ul#content-slider li .overlay-inner {
    transform: translateY(-60%);
    transition: 1.5s;
    opacity: 0;
    visibility: hidden;
}
.slider-area ul#content-slider li.active .overlay-inner {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.banner-bottom {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.slider-area {
    position: relative;
}
.banner-bottom {
    left: 0px;
    right: 0px;
    bottom: 0;
    padding: 30px 0;
    position: absolute;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,0.5);
    z-index: 1;
}
.icon-bx-wraper {
    border: 1px solid rgba(255,255,255,0.5);
    padding: 20px 10px;
    color: #fff;
    border-radius: 4px;
}
.slider-area ul#content-slider li img {
    max-height: 100%;
    object-fit: cover;
    width: 100%;
}
h5.dlab-tilte {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-align: center;
}
.icon-content p {
    opacity: 0.9;
    font-size: 14px;
    text-align: center;
    margin: 0px;
}
#loom-companion-mv3{display:none;}
.icon-bx-wraper:hover {
    background-color: rgba(255,255,255,0.05);
}
section.section-content {
    padding-top: 80px;
    padding-bottom: 0px;
}
.section-content-left {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
    padding: 40px 20px 20px;
    position: relative;
    width: 120%;
    z-index: 1;
    margin-top: 100px;
}
.section-content-left h2 {
font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 0;
    margin-top: 0;
    color: #232323;
}
.section-content-left h4 {
    color: #5a5a5a;
    font-weight: 300;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;
font-family: 'Poppins', sans-serif;
}
.section-content-left {
    line-height: 24px;
font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #6f6f6f;
}
section.section-content img {
    border-radius: 8px;
}
.logo a img {
    height: 85px;
    object-fit: none;
}
nav.social-list a {
    border-radius: 50%;
    width: 27px;
    height: 27px;
    line-height: 25px;
    padding: 0px;
    display: inline-block;
    text-align: center;
    position: relative;
    margin: 0px 1px;
}
nav.social-list a.Facebook,
.follow-us nav a.Facebook {
    background: #3461af;
    
}
nav.social-list a.Twitter,
.follow-us nav a.Twitter {
    background: #1c9cea;
   
}
nav.social-list a.Pinterest,
.follow-us nav a.Pinterest {
    background: #c51f26;
  
}
nav.social-list a.Linkedin,
.follow-us nav a.Linkedin {
    background: #0270ad;
   
}
nav.social-list a.Instagram,
.follow-us nav a.Instagram {
    background: linear-gradient(-45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    
}
nav.social-list a.Youtube,
.follow-us nav a.Youtube {
    background: #c71f1e;
   
}
nav.social-list a:before {
    /*position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    left: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 2px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;*/
}
nav.social-list a:hover:before {
    /*-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);*/
}
nav.social-list a i {
    font-size: 14px;
    margin: 0px;
}
.slider-area:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.slider-area > img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
ul.sub-menu {
    position: absolute;
    border: 0;
    box-shadow: none;
    display: block;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
  /*  -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);
    -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);
    -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);
    -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);
    transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);*/
    left: 0;
    min-width: 200px;
    top: 100%;
    padding:0;
    margin:0;
    font-size: 14px;
    list-style: none;
    padding: 0 0px;
    background: #fff;
    box-shadow: 0 2px 0.09px rgb(60 145 230);
	border-top:2px solid #dc5a04;

}
.main-nav > li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    color: #777;
   /* -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);*/
}

ul.sub-menu li a {
    display: block;
    font-size: 13px;
    text-decoration: none;
    padding: 9px 10px;
    color: #000;
    border-bottom: 1px solid rgb(0 0 0 / 20%);
}
ul.sub-menu li:last-of-type > a {
    border-bottom: 0px;
}
.menu-main-menu-container {
    height: 100%;
    display: flex;
    justify-content: flex-end;
}
.learn-more {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    display: inline-block;
    width: 150px;
    background: #01ace4;
    padding: 15px;
    border-radius: 25px;
    line-height: 1.3;
    margin-top: 15px;
}
.overlay-inner .learn-more {
    margin-top: 5px;
    margin-bottom: 5px;
    background:#e37b31;
    border-radius: 50px;
    width: auto;
    padding: 12px 30px;
    text-transform: capitalize;
    color: #fff;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 30%);
    font-weight: 500;
    font-size:20px;
}
/*.overlay-inner h2:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 0px;
    right: 0px;
	display:none;
    margin: auto;
    background: #fff;
    border: 2px solid #525252;
    bottom: -7px;
    transform: rotate(-45deg);
    z-index: 9;
    outline: 2px solid;
}*/
.company-feature.you_asked {
   
	background: url(../images/map.png)no-repeat center center #191919;
    background-size: 100%;
	display:block;
	padding:60px 0px 165px 0px;
}


.company-feature .heading-title {
    font-size: 46px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    padding: 20px 0px;
    font-weight: 900;
    font-family: 'Poppins', sans-serif;
    color:#fff;
}

.company-feature .heading-title span {
    color: #e37b31;
}
.company-feature .feature-main-box{
display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap:20px;
  grid-auto-rows: 200px;
  position: relative;
}


    #cross {
    background: white;
    height: 280px;
    width: 10px;
    position: absolute;
    right: 313px;
    top: 65px;
}
    
    #cross:after {
background: white;
    content: "";
    height: 10px;
    left: -140px;
    position: absolute;
    top: 140px;
    width: 280px;
    }

.company-feature .feature-main-box .feature-box {
 

    border-radius: 5px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    padding: 30px 20px;
    transition: 0.3s;
    width: 100%;
    text-align: center;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
       background: #007fff;
       color:#fff;
}


.company-feature .feature-main-box .feature-box:nth-child(3n-2){    background: #fff;  color:#000 ;}
.company-feature .feature-main-box .feature-box:nth-child(3n-2) h4{color:#000 !important;}
.company-feature .feature-main-box .feature-box h4 {
font-weight: 700;
    font-size: 18px;
   margin: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-transform: capitalize;
    color:#fff;
  
}
.company-feature .feature-main-box .feature-box p {
    margin: 0px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}


.make-appointment-area{
    background: #007fff;
    color: #fff;
    border-radius: 35px;
    padding:40px;
    position: absolute;
    left: 0;
    bottom: -250px;
}

.make-appointment-area .call_box{
	font-size:35px;
    font-weight:600;
    color: #fff;
    display: flex;
	padding-right:15px;
    align-items: center;
    justify-content: center;
	position:relative;
}
.make-appointment-area .call_box span{margin-left:20px;}
.make-appointment-area .call_box:after{content:""; height:100px; width:1px; background:#fff; position:absolute;right:0px; top:-15px;}
.make-appointment-area p{    padding: 0;    margin: 0;    font-size: 15px;}
.make-appointment-area .btn-default{text-align: center;
    background: #fff;
    border-radius: 50px;
    text-transform: uppercase;
    padding: 10px;
    width: 200px;
	transition-delay: 0.25s;
	animation: pulse 1.8s infinite;
	
	}
	
@keyframes pulse{
0%{
box-shadow:0 0 0 0 #fff;
}
65%{
box-shadow:0 0 0 10px transparent;
}

100%{
box-shadow:0 0 0 0 transparent;
}
}	
.sub-content {
    margin-bottom:35px;
    font-weight: 500;
    color:#fff;
	text-align:center;
}
.current-menu-item > a {
    color: #e0752f !important;
}
.mt-70 {
    margin-top: 70px;
}
.icon {
    margin-bottom: 20px;
    font-size: 30px;
    color: #000;
    display: none;
    /*transition: 0.3s;*/
    line-height: 30px;
    /*-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;*/
}
.icon i {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.tab-menu{
	margin:0px;
	padding:0px 0px 0px 65px;
	position:relative;
	width:100%;
}
.tab-menu > li{
	position:relative;
	display:block;
}
.tab-menu > li a{}
.tab-menu li.active a, 
.tab-menu li:hover a{
	color:#1d96d2;
}
.tab-content{
	width:100%;
	display:none;
	clear:both;
	background-repeat:no-repeat;
	background-size:40vw;
}
.tab-content-inner{
	display:flex;
	flex-wrap:wrap;
	align-content: center;
	padding:60px 0px;
	align-items:center;
	height: 100%;
}
.tab-img {
    max-width: 380px;
    max-width: 100%;
}
.tab-content.active {
    display: block;
}
.tab.tab-content {
	background-image: url(../images/tab1.svg);
}
.tab1.tab-content {
	background-image: url(../images/tab4.svg);
}
.tab2.tab-content {
	background-image: url(../images/tab6.svg);
}
.tab3.tab-content {
	background-image: url(../images/tab3.svg);
}
.tab4.tab-content {
	background-image: url(../images/tab1.svg);
}
.tab5.tab-content {
	background-image: url(../images/tab2.svg);
}
.tab6.tab-content {
	background-image: url(../images/tab2.svg);
}

.tab-menu:before {
    content: "";
    background-color: #fff;
    position: absolute;
    width: 93px;
    left: 43px;
    top: -8px;
    bottom: -8px;
    -webkit-box-shadow: 0 35px 40px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 35px 40px 0 rgba(0, 0, 0, 0.2);
}
ul.tab-menu li a span {
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 26px;
    text-shadow: 0 5px 7px rgba(0, 0, 0, 0.4);
    display: block;
    float: left;
    margin-right: 40px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
    background: -webkit-gradient(linear, left top, left bottom, from(#c465f5), to(#b09ce6));
    background: -webkit-linear-gradient(#c465f5, #b09ce6);
    background: -o-linear-gradient(#c465f5, #b09ce6);
    background: linear-gradient(#c465f5, #b09ce6);
    text-align: center;
    line-height: 50px;
}
ul.tab-menu li a {
    color: #37445b;
    font-size: 16px;
    padding: 15px 0;
    display: flex;
    text-decoration: none;
    font-weight: 600;
    align-items: center;
}
ul.tab-menu li a small {
    display: none;
    font-size: 12px;
    color: #999;
    padding-left:90px;
    font-weight: 500;
}
.tab-menu li:nth-of-type(6n + 2) a span {
    background: -webkit-gradient(linear, left top, left bottom, from(#fbdd73), to(#f05e6c));
    background: -webkit-linear-gradient(#fbdd73, #f05e6c);
    background: -o-linear-gradient(#fbdd73, #f05e6c);
    background: linear-gradient(#fbdd73, #f05e6c);
}
.tab-menu li:nth-of-type(6n + 3) a span {
    background: -webkit-gradient(linear, left top, left bottom, from(#9c226f), to(#de52a8));
    background: -webkit-linear-gradient(#9c226f, #de52a8);
    background: -o-linear-gradient(#9c226f, #de52a8);
    background: linear-gradient(#9c226f, #de52a8);
}
.tab-menu li:nth-of-type(6n + 4) a span {
    background: -webkit-gradient(linear, left top, left bottom, from(#28bef0), to(#094e9c));
    background: -webkit-linear-gradient(#28bef0, #094e9c);
    background: -o-linear-gradient(#28bef0, #094e9c);
    background: linear-gradient(#28bef0, #094e9c);
}
.tab-menu li:nth-of-type(6n + 5) a span {
    background: -webkit-gradient(linear, left top, left bottom, from(#4b3244), to(#906684));
    background: -webkit-linear-gradient(#4b3244, #906684);
    background: -o-linear-gradient(#4b3244, #906684);
    background: linear-gradient(#4b3244, #906684);
}
.tab-menu li:nth-of-type(6n + 6) a span {
    background: -webkit-gradient(linear, left top, left bottom, from(#6899a8), to(#50c2d6));
    background: -webkit-linear-gradient(#6899a8, #50c2d6);
    background: -o-linear-gradient(#6899a8, #50c2d6);
    background: linear-gradient(#6899a8, #50c2d6);
}
.read-more span {
    display: inline-block;
    font-size: 13px;
    color: #333;
    background: #fff;
    margin-left: -6px;
    font-weight: 600;
    position: relative;
}
.read-more i {
    width: 40px;
    height: 40px;
    border: 2px solid #707785;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    color: #707785;
    font-size: 18px;
}
.read-more {
    display: inline-block;
}
.read-more:hover i,
.read-more:hover span {
    border-color: #1d96d2;
    color: #1d96d2;
}
.tab-inner-content {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    align-content: center;
}
.tab-inner-content h3 {
    font-size: 28px;
}
.tab-content2 {
    display: none;
    padding: 50px 0px 0px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}
.tab-content2.active {
    display: block;
}
.process-tab {
    position: relative;
   background: #282828;
    padding: 20px 0px 60px;
}

.tab-process {
    padding: 40px 0px 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
ul.tab-process:before {
    position: absolute;
    content: "";
    height: 3px;
    width: 100%;
    border-top: 3px solid #ffffff14;
    left: 0px;
    z-index: -1;
    bottom: 46px;
}
.tab-process li {
    list-style-type: none;
    text-align: center;
    background: #1c4a62;
    position: relative;
    border: 3px solid #2f5d76;
}
.tab-process li a {
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    display: block;
    min-width: 100px;
    text-decoration: none;
    padding: 10px 15px;
}
.tab-process li.active a, .tab-process li a:hover {
    background: #2f5d76;
}
ul.tab-process li a i {
    display: block;
    font-size: 39px;
    margin: 0px 0px 10px;
}
ul.tab-process li:nth-of-type(3):before {
    position: absolute;
    content: "";
    background: url(../images/icon-top.png);
    width: 300px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 100%;
    background-position: bottom;
    left: 40%;
}
ul.tab-process li:nth-of-type(3):after {
    position: absolute;
    content: "";
    background: url(../images/icon-bottom.png);
    width: 300px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 100%;
    background-position: top;
    left: 40%;
}
.process-tab .heading-title {
    padding-top: 25px;
    padding-bottom: 40px;
    color: #fff;
}
.heading-title2 {
    font-size: 40px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 700;
    padding: 20px 0px;
    padding-top: 25px;
    padding-bottom: 40px;
    color: #fff;
}
.about-vstacks {
    position: relative;
    padding: 80px 0px 50px;
    display:none;
}
.accordian-box {
    border: 1px solid rgba(49, 49, 49, 0.1);
    padding: 23px 23px 0 23px;
    margin-bottom: 20px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}
.accordian-heading {
    position: relative;
    background-color: transparent;
    padding: 0 0 23px 0;
    cursor: pointer;
}
.accordian-title {
    font-size: 14px;
    color: #313131;
    line-height: 30px;
    font-weight: 600;
    margin: 0px
}
.accor-content {
    position: relative;
    font-size: 14px;
    line-height: 25px;
    border-top: 1px solid #ddd;
    padding: 28px 0;
    color: #666;
    display: none;
}
.accor-content p {
    margin: 0px;
    font-size: 14px;
}
.about-right {
    display: flex;
    flex-wrap: wrap;
}
.right-thumb {
    width: 47%;
}
.right-content {
    width: 53%;
    padding-left: 30px;
}
.right-thumb img {
    width: 100%;
}
.right-content h3 {
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    margin: 0px;
    font-weight: 600;
    margin-bottom: 20px;
}
.right-content p {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 40px;
    color: #666;
}
.accordian-heading:after {
    position: absolute;
    content: "\f067";
    font: normal normal normal 14px/1 FontAwesome;
    right: 0px;
    top: 9px;
    color: #ffc526;
    font-size: 22px;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}
.accordian-heading.active:after {
    content: "\f146";
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    top: 4px;
}
.post-section {
    position: relative;
    padding: 70px 0px 50px;
    background: #f9f9f9;
    text-align: center;
}
ul#content-slider2 li {
    position: relative;
    text-align: center;
    width:380px
}
.our-client .item {
    padding: 20px 0px 20px;
}
.footer-top > img {
    width: 300px;
    position: absolute;
    top: -115px;
}
.footer-top {
    padding: 31px 35px;
    position: relative;
    background-color: #1FA2FF;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.top-footer-section {
    position: relative;
    padding: 0px 0px 0px;
    background: #fff;
}
.footer-top h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
}
.footer-top h3 span {
    font-size: 14px;
    color: #f9f9f9;
    font-weight: 500;
    text-transform: capitalize;
    display: block;
    margin-bottom: 10px;
}
.footer {
    border-top-color: unset;

}


.man_footer{    background-color: #333333; padding:40px 0px}
.contact-footer {    position: relative;    display: flex;    flex-wrap: wrap;    padding: 0;    margin: 0; padding: 8px 0px 0px;}
.box-contact {
    position: relative;
    padding: 0px 35px 0px 35px;
}
.box-contact+.box-contact:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 65px;
    background: #000000;
    left: -20px;
    top: 27px;
}
.icon-box {
    margin-right: 0px;
    margin-left:0px;
position: absolute;
    left: 0;
    font-size:25px;
    color: #f9f9f9;
    top: 33px;
}
.box-contact h4 {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
    color: #fff;
    text-transform: uppercase;
}
.box-contact p {
    color: #828282;
    font-size: 13px;
    font-weight: 500;
    line-height: 23px;
}
.footer-box {
    padding:0px 0px;
}
.footer-box h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
    color: #fff;
    text-transform: uppercase;
}
.footer-box ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}
.footer-box ul li {
    width: 50%;
    color: #ccc;
}
.footer-box ul li:hover a {
    color: #fff !important;
}
.footer-box p, .footer-box a {
    color: #e2f4ff !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 26px;
    transition: 0s;
}
.footer-box li a i {
    display: inline-block;
    margin-right: 10px;
    width: 14px;
}
.follow-us nav a {
    margin-left: 5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    -moz-border-radius: 50%;
    -webkit-border-radius:  50%;
    border-radius:  50%;
    background-color: #161616;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    text-align: center;
    overflow: hidden;
}
.follow-us h4 {
    font-size: 13px;
    font-weight: 500;
    line-height: 23px;
    color: #f9f9f9;
    text-transform: capitalize;
    float: none;
    margin: 0px 0px 15px 0px;
    line-height: 22px;
}

.bottom_footer{background: #171616;}
.follow-us {

    padding:0px 0px 15px;
    padding-left: 0;
    text-align: left;
}
.copyright {
    color: #9b9b9b;
    line-height: 24px;
    margin-bottom: 0;
    font-size: 12px;
   
    padding: 20px 0px 15px;
}

.privacy_policy{    text-align: right;
 color: #ffc527;
    line-height: 24px;
    margin-bottom: 0;
    font-size: 12px;
    padding: 20px 0px 15px;
}

.copyright p {
    margin: 0px;
}
.copyright a,.privacy_policy a {
    color: #f56404;
}
ul.sub-menu > li ul.sub-menu:before {
   /* top: 16px;
    left: -14px;
    border-right: 7px solid #1a77d4;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid transparent;*/
}
ul.sub-menu > li ul.sub-menu {
    top: -2px;
    left: 100%;
    background: #fff;
}
ul.sub-menu > li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu:before {
    /*border-right: 7px solid #3c91e6;*/
}
ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
    background: #fff;
}

/*ul.sub-menu > li > ul.sub-menu >li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}*/

/*..............10.9.2020..................*/

/*..............Testimonial Section..................*/
.testimonial-section{padding:60px 0px; background:#fff;}
.testimonial-section .heading-title2{    font-size: 40px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 700;
    padding: 20px 0px;
    padding-top: 25px;
    padding-bottom: 40px;
    color: #333333}

.strong-view.wpmtst-default .wpmtst-testimonial-heading {
  	background: url(../images/quotes-icon.png)no-repeat center center !important;
    margin-top: 0;
    text-align: center;
    height: 80px;
    width: 80px;
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -40px;
    border-radius: 50%;
	padding-left:0px !important; 
	text-indent: -999px;
}
.strong-view.wpmtst-default .wpmtst-testimonial-inner{
	border: none!important;
    padding: 50px !important;
    text-align: center;
    display: flex!important;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.strong-view.wpmtst-default .wpmtst-testimonial-field {
    font-weight: 700;
    text-align: right;
    margin-top: 15px;
}

.strong-view.wpmtst-default .wpmtst-testimonial-inner > .testimonial-content{
	    padding: 0px 20px;
    font-size: 17px;
    font-family: cursive;
}

/*..............misson section Section..................*/
.misson_section{position: relative;
    background: #282828;
    padding: 40px 0px;
	
}

.misson_section #wpsm_counter_b_row_3707 .wpsm_counterbox .wpsm_count-title{font-family: 'Poppins', sans-serif !important;    font-size: 18px;letter-spacing:0.5px;}

.misson_section #wpsm_counter_b_row_3707 .wpsm_counterbox{    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;}
#wpsm_counter_b_row_3707 .wpsm_counterbox .wpsm_number{    font-size: 40px;
    font-weight: 600;
    color: #ffffff;
    border: 2px solid #fff;
font-family: 'Poppins', sans-serif;
    letter-spacing: 2px;
    margin-top: 20px;
    line-height: 1.3em;
    padding-top: 0px;
    width: 120px;
    display: flex;
    height: 120px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-align: center;
}
.counter{display: flex;}
.counter::after{content: " %";font-size:30px;  color: #ffffff;}

/*..............service Section..................*/
.service-content {
    position: relative;
    padding: 40px 0px ;
	/*--float:left;--*/
	width:100%;
}
.service-content p {
    padding: 0 10px;
    width: 80%;
    margin: auto;
    margin-bottom: 20px;
}
/*website design*/
.webdesigning-content {
    text-align: center;
    padding: 80px 0px 40px;
    background: #f8f8f8;
    margin:-25px -15px;
}
.webdesigning-content h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
font-family: 'Poppins', sans-serif;
    color: #333333;
    padding:0px 20px;
}
.webdesigning-content .subtext {
    padding: 0 10px;
    width: 50%;
    margin: auto;
    font-size: 18px;
    margin-bottom: 20px;
    font-style: medium;
    color: #333333;
}
.webdesigning-content .box {
    padding: 50px 0px;
}
.webdesigning-content .box h3 {
    color: #393f45;
    font-size: 20px;
    font-weight: 600;
    margin: 0px 0px 20px;
}
.webdesigning-content .box p a {
    color: #ffc70f;
    text-decoration: none;
    font-weight: bold;
	display:block;
}
.webdesign-box {
    background: #fff;
    margin:-15px;
}
.webdesign-box .box {
    
}	
.webdesign-box .box img{
width:100%;
}
.webdesign-box .box h3 {
    color: #393f45;
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0px 20px;
    padding: 140px 100px 0px 40px;
}
 .webdesign-box .box p{
    color: #393f45;
    padding: 0px 100px 0px 40px;
    font-size: 16px;
    margin-bottom:10px;
}
.quote_bg {
    position: relative;
    margin:-15px;
}.webdesigning-content
.quote_bg img{
height:600px;
}
.quote_bg img {
    height: 700px;
    object-fit: cover;
}
.quote_form {
    margin: 0px auto;
}
.quote_form_text{
margin-bottom:5px;
}

.quote_form_text input{
border: 1px solid #eceaea !important;
    min-height: 55px !important;
}
.quote_form .heading-title{
color:#fff;
    margin-bottom: 30px;
}
.quote_form .heading-title span {
    font-size: 18px;
    vertical-align: text-top;
    color: #fff;
	display:block;
}
.free-quote fieldset .wpcf7-form-control.wpcf7-submit {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #ffc527;
    color: #FFF;
    margin: 0 0 5px;
    padding:12px 10px;
    font-size: 18px;
    text-transform: uppercase;
    font-size: 18px;
}
.free-quote fieldset .wpcf7-form-control {
    width: 100%;
    border: 1px solid #eceaea;
    font-size: 16px;
    max-height: 120px;
    font-weight: 400;
}
.main_heading{
    margin: 80px 0px 0px;
}
.contactus{
width:100%;
float:left;

}
.contact-form-input{
width:100%;
}
.contact-form-input input{
    width: 100%;
    border: none;
    min-height: 55px !important;
    padding: 8px 10px;
    background: #eee;
}
.contact-form-input textarea {
    background: #eee;
    padding: 8px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    width: 100%;
    resize: none;
    height: 205px;
	 border: none;
    
}
.contactus_btn input[type="submit"]  {
    background: #007fff;
    padding: 10px 30px;
    font-size: 18px;
    border-bottom: none;
}
.office-detail-bg{
float:left;
width:100%;
   
}
.office-detail-bg img{
height:650px;
}
.container.office-detail {
    margin-top: -580px;
    position: absolute;
  
  /* height: 300px; */
}

.contactus .wpcf7-spinner{display:none;}
.office-box {
    width: 31.3%;
    background: #007fff;
    margin: 1%;
    padding: 20px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
} 
.office-box h2{
    font-size: 25px;
    font-weight: bold;
    color: #fff;
font-family: 'Poppins', sans-serif;
position: relative;
padding:0px 0px 20px;
    }
	
.office-box h2:after{content:""; position:absolute; left:50%; width:80px; margin-left:-40px; height:6px; background:#fff; bottom:-5px;}	
    .office-box p{
    margin-bottom:10px;
    }
    .office-box p img{
    height:20px;
    width:20px;
    margin-right:10px;
    }
    .office_box_location{
    height: 60px;
    line-height: 60px;
    width: 60px;
    text-align: center;
    margin: 0px auto;
    background: #ffc527;
    border-radius: 50%;
    }
    .office_box_location img{
    height:30px;
    width:30px;
    }
    .webbox{
    width:50%;
    float:left;
    }
    .webbox img{
    width:100%;
    }
    .webbox-line{
    }
    .line{
   width: 100%;
}
.contact_address {

}
 .contact-box iframe {
    border: 1px solid #ccc !important;
    border-radius: 2px;
    margin-bottom: -6px;
    height: 600px;
}  
.webdesigning-services-bg{
background:#f8f8f8;
padding:50px 0px;
    margin: 0px -15px;
}
.webdesigning-services-bg h2{
text-align: center;
font-family: 'Poppins', sans-serif;
    font-size: 30px;
    width: 100%;
    margin-bottom: 30px;
    }
.webdesigning-services-bg p {
    padding: 0 10px;
    width: 100%;
    margin: auto;
    text-align: justify;
    margin-bottom: 20px;
}

.webdesigning-services-bg ul li {
    list-style: none;
    margin-bottom:15px;
}
.webdesigning-services-bg ul li::before {
  content: "\2022";
  color: #ffc526;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.why_webservices{
padding:50px 0px;
margin:0px -15px;
}
.why_webservices h2{
text-align: center;
   font-family: 'Poppins', sans-serif;
    font-size: 30px;
    width: 100%;
    margin-bottom: 30px;
    }
   
   .why_webservices ul li {
   list-style: none;
    margin-bottom:15px;
}
 .why_webservices ul li::before {
  content: "\2022";
  color: #ffc526;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.web-images {
    width: 50%;
    float: left;
    margin: 30px 0px;
}
.web-images img{
width:100%;
}
.listitems {
    width: 50%;
    float:left;
}

.footer-box h3 i{
display:none;
}
.aboutus_list{

}
.aboutus_list ul {
    margin-bottom: 40px;
    width: 100%;
    /* clear: left; */
    float: left;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    margin-left:0px;
    padding-left:0px;
}
.aboutus_list ul li {
    width:12%;
    float: left;
    list-style-type: none;
    position: relative;
    text-align: center;
    padding-right: 20px;
    margin-bottom: 10px;
    color: #e0752f;
    margin: 10px 1%;
    padding: 2% 1%;
      background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
      color:#fff;
    text-shadow: 0px 0px 0px #e0752f;
 border-radius:5px;
}
.aboutus_list ul li:hover{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.aboutus_list ul li i {
    display: inline-block;
    font-size: 40px;
    margin-right: 6px;
    width: 20px;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}
.aboutus_list ul li a{
color: #fff;
    text-decoration: none
}
.aboutus_list {
    width: 100%;
    margin: 0px auto;
}
.box-icon i {
    font-size: 35px;
    color: #fff;
    transform: rotate(-45deg);
    display: inline-block;
}
.box1 {
    padding: 50px 0px 20px;
    text-align:center;
}
.box1 h3{
width:100%;
margin:30px 0px 10px;
}
.box1 h3 a {
color: #393f45;
    font-size: 20px;
    font-weight: 600;
    text-decoration:none;
    }
    .box1 p{
    padding:0px 10px;
    text-align:justify;
    }
    .box2{
    padding:0px 20px;
    }
    .box2 h3 {
    color: #393f45;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    margin: 0px 0px 20px;
}
    .box2 p {
    text-align: justify;
}

.simpletext-bg {
    padding: 0px 0px;
    margin: 0px -15px;
    margin-bottom:50px;
}
.simpletext-bg h2 {
    text-align: center;
   font-family: 'Poppins', sans-serif;
    font-size: 30px;
    width: 100%;
    margin-bottom: 30px;
}
.simpletext-bg p {
    padding: 0 10px;
    width: 100%;
    margin: auto;
    text-align: justify;
    margin-bottom: 20px;
	font-weight: 400;
}

.simpletext-bg .heading-title {
    font-size: 30px;
    margin-top: 30px;
    position: relative;
    text-transform: capitalize;
    margin-bottom: 0px;
   
    padding: 20px 0px;
}
.simpletext-bg h3 {
    text-align: left;
   font-family: 'Poppins', sans-serif;
    font-size: 25px;
    width: 100%;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 0px 10px;
}
.simpletext-bg h4 {
    text-align: left;
   font-family: 'Poppins', sans-serif;
    font-size: 25px;
    width: 100%;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 0px 10px;
}
.bullet-list li{
list-style-type: square;
    margin-bottom: 10px;
    }
    .content1_line{
    width:100%;
    float:left;
    display:flex;
    }
    .content1-left{
    width:50%;
    margin:auto;
    float:left;
    }
    .content1-left img{
    width:100%;
    margin:0px auto;
    }
     .content1-right{
    width:50%;
    margin:auto;
    float:left;
    }
.inner-text1{
margin:-15px;
background:#f8f8f8;
padding:50px 30px;
}
.inner-text1 h4 {
    text-align: center;
   font-family: 'Poppins', sans-serif;
    font-size: 25px;
    width: 100%;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 0px 10px;
    
}
.section1{
width:35%;
float:left;
}
.section2 {
    width: 30%;
    float: left;
    padding:0px 3%;
}
.section3{
width:35%;
float:left;
}
.building-bg {

}
.building-left-text {
width:100%;
float: left;
margin-top:20px;
}
.building_img{
	width:100%;
	float: left;
	margin:auto;
}
.building_img img {
    height: 200px;
    object-fit: cover;
        width: 98%;
    /* margin: 0px auto; */
    margin: 1%;
}

ul.list-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -30px;
    flex-direction: column;
}
ul.list-3 li::before {
    content: "\2022";
    color: #ffc526;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    display:none;
}
ul.list-3 p{
padding:0px;
}
ul.list-3 li {
    width: 100%;
    padding: 2%;
    /* border: 1px solid #a8a5ef; */
    margin: 1%;
    background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
    color: #fff;
    border-radius: 5px;
} 
 ul.list-3 li:hover{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
 ul.list-3 strong {
    color: #fff;
    text-align: center;
    width: 100%;
    float: left;
    font-size:20px;
    font-weight:normal;
    margin-bottom: 20px;
}
ul.list-3 li i {
    font-size: 40px;
    text-align: center;
    margin: 10px auto;
    width: 100%;
    color: #fff;
}
ul.list-3 li p{
text-align:center !important;
}
.list-3-text{
text-align:center !important;
}
.accordition-left{
width:65%;
float:left;
}
.accordition-right{
width:35%;
float:left;
}
.accordition-right img {
    width: 90%;
    float: right;
}
.card {
    border: 1px solid rgba(49, 49, 49, 0.1);
    margin-bottom: 15px;
    border-radius: 0px;
}
.list-4-text{
text-align:center !important;
}
.card p{
margin:0px;
}

.card-header a {
    color: #1b178e;
    text-decoration: none;
    font-size: 18px;
   font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color:#333;
}
.blue_text{
color:#333;
}
.card-header {
    padding: 1.25rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(49, 49, 49, 0.1);
    font-size: 16px;
    /* color: #313131; */
    line-height: 30px;
    font-weight: 600;
    margin: 0px;
}
.card-header i{
color:#ffc526;
display:none;
}
.flex-line{
display:flex;
flex-wrap:wrap;
}
.flex-left{
margin:auto;
}
.flex-right{
margin:auto;
}
.flex-right-1{
margin:auto;
}
.flex-line p {
    width: 100%;
    text-align:left;
}
.flex-line h2 {
    text-align:left;
    padding:0px 10px;
}
ul.list-4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px 0px 0px 0px;
}
ul.list-4 li {
    list-style-type: none;
    float: left;
    width: 31.3% !important;
    padding-left: 10px !important;
    margin: 1%;
    background: #ffffff;
    background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
    padding: 20px 10px;
    text-align: center !important;
    border-radius: 5px;
    border: 1px solid #e2e1e1;
}
ul.list-4 li:hover{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
ul.list-4 li:before{
display:none;
}
ul.list-4 i{
font-size: 35px;
color:#fff;
    }
ul.list-4 li a{
color:#fff;
text-decoration:none;
}
.flex-line0 {
    display: flex;
    flex-wrap: wrap;
}
.flex-left-0{
margin:auto;
text-align:left;
}
.flex-right-0{
margin:auto;
text-align:left;
}
.flex-line0 p {
    width: 100%;
}
.flex-line0 h4 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}
.flex-line0 img {
    border:1px solid #efe8e8;
}
.flex-line0-text {
    padding: 0 10px;
    width: 100% !important;
    margin: auto;
    margin-bottom: 20px;
    text-align: justify;
}
.changelog {
    font-size: 30px !important;
    color: #333 !important;
    font-family: 'roboto' !important;
    font-weight: 600 !important;
    width: 80%;
    margin: auto;
    margin-bottom:15px;
}
.content-box h5 {
    margin: 10px 0px;
    font-size: 20px;
   font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding:0px 10px;
}
.content-box:hover h5{
color:#fff;}
.content-box p {
    width: 100% !important;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    padding: 40px 0px;
    border-top: 1px solid #efe8e8;
}
.flex-line0-text-center {
    text-align: center !important;
}
.lms_provider_accordition{

}
.about_accordition{
margin-top:-60px;
}
.about_accordition h5 {
    font-size: 25px;
    font-weight: 600;
}
.mape {
    width: 100%;
    position: initial;
    z-index: 2000;
    margin-bottom: -310px;
}
.india-office-heading{
display:none;
}
.india-office-heading i {
    float: right;
}
.us-office-heading{
display:none;
}
.us-office-heading i {
    float: right;
}
.middleeast-office-heading{
display:none;
}
.middleeast-office-heading i {
    float: right;
}
.officebox-inner {
  
}
.off-heading {
    padding: 10px 10px 0px;
    font-size: 18px;
    color: #fff;
}

.full-width-text{
width:100% !important;
    padding: 0 10px;
    margin-bottom: 20px;
        text-align: justify !important;
}
.activecls{
color:#fff;
    background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
    padding:20px;
    }
.white-text{
color:#fff;
}
.text0{
}

<!--menu-->

.benifite-bg {
  width: 100%;
}

.benifite-background {
  padding:0px 0px 50px;
}

.benifits_list ul{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  color: #fff;
  flex-direction: column;
}
.benifits_list ul li{
  width: 100%;
  float: left;
  list-style-type: none;
  margin: auto;
}
.b-blue{
  background: #1a93e6;
}
.b-darkblue{
  background: #1ca0af;
}
.b-lightgreen{
  background: #a8d321;
}
.b-pink{
  background: #e42a67;
}
.b-purple{
  background: #8464eb;
}
.b-green{
  background: #1db06c;
}
.benifits-backgroud {
    /* width: 90%; */
    /* justify-content: left; */
    /* align-items: center; */
    padding:0px 0px 50px;
}
.benifits-left {
    float: left;
    width:100%;
}
.benifits-left h2 {
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    margin: 0px 0px 30px;
   font-family: 'Poppins', sans-serif;
}
.benifits-right {
    width:100%;
    float: left;
}
.benifits_list ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
     padding-left: 0;
	    flex-direction: column;
}
.benifits_list ul li {
    width: 100%;
    float: left;
    list-style-type: none;
    /* margin: auto; */
    padding: 1.5%;
    margin: 0.5%;
    border-radius: 5px;
}
.benifits_list ul li h5{
font-size:22px;
font-family:'roboto';
font-weight:600;
color:#fff;
}

.chatbox{
	display: inline-block;
	position: relative;
	padding: 15px;
    color:#fff;
    margin:10px 0px;
     width:100%;
     border-radius: 5px;
}
.chatbox p {
    margin-bottom: 0px;
}
.chatbox:after {
	content: '';
	display: block;  
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -10px;
	width: 0;
	height: 0;
}
.chatbox h5{
 font-size: 20px;
    margin: 10px 0px 20px 10px;
    color: #fff;
    font-weight: 600;
}
.blue-right-arrow {
	background: #1a93e6;
}

.blue-right-arrow:after {
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #1a93e6;
}
.lightgreen-right-arrow {
	background: #a8d321;

}

.lightgreen-right-arrow:after {
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #a8d321;
}
.pink-right-arrow {
	background: #e42a67;

}
.pink-right-arrow:after {
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #e42a67;
}
.darkblue-right-arrow {
	background: #1ca0af;

}
.darkblue-right-arrow:after {
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #1ca0af;
}
.purple-right-arrow {
	background: #8464eb;

}
.purple-right-arrow:after {
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #8464eb;
}
.yellow-right-arrow {
	background: #ffc107;

}
.yellow-right-arrow:after {
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #ffc107;
}
.gray-right-arrow {
	background: #9e9e9e;

}
.gray-right-arrow:after {
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #9e9e9e;
}
.app-img{
margin:0px 0px 20px;
text-align:center;
}
.app-img img {
    height: 200px;
    object-fit: cover;
}
.app-img h5 {
    font-size: 16px;
    font-weight: 600;
    width: 100%;
}
.header-bg{
padding:10px 0px;
background:yellow;
}
.about-icon{
text-align:center;
}
.about-icon img{
height:40px;
width:40px;
}
.about-icon p {
    text-align: center;
    margin: 10px 0px 0px;
}
article#post-1783 {
    padding: 0px 0px !important;
    margin: -5px -30px;
}
article#post-1783 ul {
    width: 88%;
    margin: 0px auto;
}
article#post-1783 h2 {
    width: 84%;
    margin: 0px auto;
    font-size: 30px;
   font-family: 'Poppins', sans-serif;
}
article#post-1783 ul li {
    width: 31.3%;
    float: left;
    background: #f8f8f8;
    text-align: center;
    margin: 1%;
    padding: 50px 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.content-box:hover::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #50e3c2;
    border-style: solid;
    border-width: 10px;
    content: "";
    position: absolute;
    right: -21px;
    top:30%;
  
}
.content-box.content-box-1:hover::before {
    border-color: rgba(0, 0, 0, 0) #0ecad4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 10px;
    content: "";
    left: -21px;
    position: absolute;
    right: auto;
}
ul.list-type {
    padding-left: 0px;
}
.text-center-1 {
    text-align: center !important;
    margin-bottom: 50px !important;
    margin-top: -20px !important;
}



    @media (max-width:1250px){
    .webdesign-box .box h3 {
    color: #393f45;
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0px 20px;
    padding: 30px 10px 0px 20px;
}
.webdesign-box .box p {
    color: #393f45;
    padding: 0px 0px 0px 20px;
    font-size: 16px;
    margin-bottom: 10px;
}
/*.....service tab ...29 sep 2020.....*/
ul.tab-menu li a{
font-size:18px;
}

/*.....13.10.2020................*/
.post-bg p{
padding:0px;
}
h1.entry-title {
    font-family: 'Poppins', sans-serif;
    margin-top: 50px;
}
.entry-meta2 a {
    color: #3c91e6;
    font-weight: 600;
}


}
@media (max-width:1160px){
/* service Tab*/

.tab-services .col-sm-8 {
    flex: 1 1 60%;
    max-width: 60%;
}
.tab-content-inner .col-sm-7 {
    flex: 1 1 45%;
    max-width: 45%;
}
.tab-content-inner .col-sm-5 {
    flex: 1 1 55%;
    max-width: 55%;
}

.tab-content {
    background-size: 30vw;
}
}
@media (max-width:1100px){
.logo a img {
    height: 85px;
    object-fit: contain;
    width: 100%;
}

}
@media (max-width:1020px){
body{overflow:hidden;
}
.box-contact {
    width: 33.33%;
    position: relative;
    padding: 0px 0px 0px 20px;
}
.icon-box {
    margin-right: 0px;
    margin-left: 0px;
    position: relative;
    left: 0px;
    font-size:35px;
    color: #f9f9f9;
    top: 0px;
}
.contact-footer {    position: relative;    display: flex;    flex-wrap: wrap;    padding: 0;    margin: 0;}
.box-contact h4{margin-top:10px;}
}

@media (max-width:992px){

.tab-menu {
    margin: 0px;
    padding: 0px 0px 0px 40px;
    position: relative;
    width: 100%;
    margin-bottom:40px;
}
.tab-menu:before {
    content: "";
    background-color: #fff;
    position: absolute;
    width: 93px;
    left: 20px;
    top: -8px;
    bottom: -8px;
    -webkit-box-shadow: 0 35px 40px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 35px 40px 0 rgba(0, 0, 0, 0.2);
}
ul.tab-menu li a small{
/*display:none;*/
}
.tab-content-inner {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 20px 0px;
    align-items: center;
    height: 100%;
}
}

@media (max-width:991px){
/*.... service tab...29 sep 2020...*/
.tab-content-inner .col-sm-7 {
    display: none;
}
.tab-services .col-sm-8, .tab-services .col-sm-4 {
    flex: 1 1 50%;
    max-width: 50%;
}
.tab-content-inner .col-sm-5 {
    flex: 1 1 100%;
    max-width: 100%;
    padding-top:150px;
}
.tab-inner-content {
    padding-left: 15px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    align-content: center;
}
.tab-content {
    background-size: 40vw;
}





.aboutus_list ul li {
    width: 18%;
    }
.flex-right-1 p {
    width: 100%;
    text-align: left !important;
}
.flex-line p {
    width: 100%;
    text-align: center;
}
.accordition-left {
    width: 98%;
    float: none;
    margin: 0px auto;
}
.accordition-right{
display:none;
}
.card p{
margin-bottom:0px !important;
}

ul.list-3 li {
    width: 48%;
    padding: 2%;
    border: 1px solid #a8a5ef;
    margin: 1%;
}
.inner-text1 h4 {
    text-align: left;
   font-family: 'Poppins', sans-serif;
    font-size: 25px;
    width: 100%;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 0px 0px;
}
.section1 {
    width: 65%;
    float: left;
}
.section2 {
    width: 35%;
    float: left;
    padding: 0px 3%;
}
.section3 {
    width: 100%;
    float: left;
}
.content-box-border-1 h2 {
    font-size: 25px;
    text-align: left;
    padding: 0px 10px;
}
.content-box-border h2 {
    font-size: 25px;
    text-align: left;
    padding: 10px 10px 0px;
}
.cloud_benefits-img-box {
    background: #ffffff;
    position: static;
    height: 100%;
    border: none;
    /* position: absolute; */
    left: 15px;
    top: 0px;
    right: 15px;
    bottom: 0px;
}
.cloud_benefits-img-box img {
    display: block;
    max-width: 100%;
    height: 90%;
    position: static;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: auto;
    max-width: 100%;
    left: 0px;
    right: 0px;
    width: 70%;
    max-height: auto;
}
.cloud_benefits-img-box::after {
    border: none;
    bottom: 10px;
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.content-box-border, .content-box-border-1 {
    border: none;
    min-height: 200px;
    position: relative;
    padding: 0px;
    background: #fff;
}
}

@media (max-width:900px){
	.quote_bg img {
	    height: 700px;
	    object-fit: cover;
	}
	.quote_form{
	margin-top:-650px;
	}
	.web-images {
	    width: 100%;
	    float: none;
	    margin: 0px auto;
	    text-align: center;
	}
	.web-images img {
	    width: 80%;
	    text-align: center;
	    margin: 0px auto;
	}
	.listitems {
	    width: 100%;
	}
	.webdesigning-services-bg ul li {
	    list-style: none;
	    margin-bottom: 15px;
	   /* float: none;
	    width: auto;
	    margin: 0px auto;
	    text-align: center;*/
	}
	.webdesigning-services-bg p {
	    padding: 0 10px;
	    width: 100%;
	    margin: auto;
	    text-align: justify;
	    margin-bottom: 20px;
	}
}
@media (max-width:850px){
	.company-feature .container > .row > .col-sm-6 {
	    flex: 1 1 100%;
	    max-width: 100%;
	    text-align: center;
		position:relative;
	}
	.menu-area .col-md-3.col-lg-3.col-xl-3.logo {
	    flex: 1 1 calc(100% - 80px);
	    max-width: calc(100% - 80px);
	}
	.menu-area .col-md-9.col-lg-9.col-xl-9 {
	    flex: 1 1 80px;
	    max-width: 80px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	a.mobile-btn {
	    display: block !important;
	}
}
@media (max-width:800px){
	ul.tab-menu li a{
		font-size:18px;
	}
	.line {
	    width: 100%;
	    border-bottom: 1px solid #e8e7e7;
	    padding: 50px 0px;
		display:none;
	}
	.our-portfolio .banner-bottom-item{
	border: 1px solid #e4e4e4;
    align-items: center;
    justify-content: center;
    background: #fff;
      height:190px;
    border-radius: 15px 15px 15px 0px;
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	display: flex;
    flex-direction: column;	
	}	
	.our-portfolio .banner-bottom-item img{width: 225px;}
	
	.our-portfolio .row .col-sm-4:nth-child(3), .our-portfolio .row .col-sm-4:nth-child(5), .our-portfolio .row .col-sm-4:nth-child(6), .our-portfolio .row .col-sm-4:nth-child(7),.our-portfolio .row .col-sm-4:nth-child(8) {
        display: none;
    }	
	.webdesign-box .box h3 {
	    color: #393f45;
	    font-size: 20px;
	    font-weight: 500;
	    margin: 10px 0px 20px;
	    padding: 0px 0px 0px 0px;
	}
	.webdesign-box .box img {
	    width: 100%;
	    margin: 10px 0px;
	}
	.webbox {
	    float: none;
	    width: 85%;
	    margin: 0px auto;
	    text-align: center;
	}
	.webdesign-box .box p {
	    color: #393f45;
	    padding: 0px 0px 0px 0px;
	    font-size: 16px;
	    margin-bottom: 10px;
	}
	.webdesign-box{
	margin-top:-100px;
	}
}


@media (max-width:767px){
/* ......29 sep 2020.......*/
/* service tab*/
	.banner-overlay {
	    position: absolute;
	    display: flex;
	    top: 200px;
	    bottom: 40px;
	    max-width: 1170px;
	    padding: 0px 15px;
	    margin: auto;
	    left: 0px;
	    right: 0px;
	    flex-direction: column;
	    justify-content: center;
	    text-align: center;
	}
	.slider-area > img {
	    width: 100%;
	    height:85vh;
	    object-fit: cover;
	}
	.overlay-inner h2{
	font-size:35px;
	}
	.listitems {
	    width: 100%;
	   
	}
	.webdesigning-services-bg {
	    background: #f8f8f8;
	   padding: 50px 15px;
	    margin: 0px -15px;
	}
	.why_webservices {
	   padding: 50px 15px;
	    margin: 0px -15px;
	}
	.quote_bg {
	   /* position: relative;
	   margin:0px;*/
	}

	.webdesigning-content .subtext {
	    padding: 0 10px;
	    width: 90%;
	    margin: auto;
	    font-size: 18px;
	    margin-bottom: 20px;
	    font-style: medium;
	    color: #333333;
	    
	}
	.client-section li {
	    position: relative;
	    display: block;
	    float: left;
	    width: 31%;
	    text-align: center;
	    margin: 1% 1%;
	    border-radius: 0px;
	    background: #ffffff;
	    padding: 0;
	    font-size: 13px;
	    border: 1px solid #e8e8e8;
	}
	.ep_portfolio li {
	    width: 48%;
	    margin: 0px !important;
	    /* padding: 10px; */
	    margin: 1% 1% !important;
	}
	.footer-box ul li{
		width:100%
	}

.tab-content2 {
    padding: 0px 0px 0px;
}
.tab-content-inner {
    height: 400px;
    position: relative;
}
.tab-content-inner .col-sm-5 {
    flex: 1 1 100%;
    max-width: 100%;
    padding-top:0px;
}
.tab-inner-content h3 {
    font-size: 28px;
    text-align: center;
    width: 100%;
}
.tab-inner-content p {
    text-align: center;
    width: 100%;
}
.read-more {
    display: inline-block;
    width: 100%;
    text-align: center;
}




.text-center-1 {
    text-align: left !important;
    margin-bottom: 20px !important;
    margin-top: -20px !important;
}
.heading-title2 {
    font-size: 30px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 0px;
font-family: 'Poppins', sans-serif;
    padding: 20px 0px;
    padding-top: 25px;
    padding-bottom: 0px;
    color: #fff;
}
.benifits_list ul li {
    width: 49%;
    }


.contactus_btn input[type="submit"] {
    background: #ffc811;
    padding: 15px 40px;
    font-size: 16px;
    border-radius: 25px;
    border-bottom: none;
    margin-bottom: 30px;
}
.office-box {
    width: 98%;
    float: left;
    /* background: #efeaea; */
    margin: 1%;
    min-height: auto;
    border: 1px solid #757373;
    color: #c3c3c8;
    text-align: center;
    font-size: 16px;
}
.india-office-heading{
display:none;
}
.us-office-heading{
display:none;
}
.middleeast-office-heading{
display:none;
}
.office-detail-bg img {
    height: 1000px;
    object-fit: cover;
}
.contact_address {
    margin-top: -980px;
    margin-bottom: 100px;
}
.officebox-inner {
    padding: 20px 20px 20px;
}
.office_box_location {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    margin: 0px auto;
    background: #ffc527;
    border-radius: 50%;
}
.office_box_location img {
    height: 20px;
    width: 20px;
}
.office-box h2 {
    FONT-SIZE: 20px;
    font-weight: bold;
    color: #fff;
   font-family: 'Poppins', sans-serif;
}
.indiaoffice-content{
display:block;
}
.usoffice-content{
display:block;
}
.middleeastoffice-content{
display:block;
}


.flex-line0-text {
    padding: 0 10px !important;
    width: 100% !important;
    margin: auto;
    margin-bottom: 20px !important;
    text-align: left;
}
.flex-line0 {
    display: flex;
    flex-wrap: wrap;
    background: #f8f8f8;
    padding: 10px;
}
ul.list-4{
margin-bottom:30px !important;
}
ul.list-3 li {
    width: 98%;
    padding: 5%;
    border: 1px solid #a8a5ef;
    margin: 1%;
    /* background: #fff; */
}
.content1_line {
    width: 100%;
    float: left;
    display: initial;
    padding: 10px 0px;
}
.content1-left {
    width: 100%;
    margin: auto;
    float: left;
}
.content1-right {
    width: 100%;
    margin: auto;
    float: none;
    
}

.section1 {
    width: 100%;
    float: left;
}
.section2 {
    width: 35%;
    float: none;
    padding: 0px 3%;
    margin: 0px auto;
}
.section3 {
    width: 100%;
    float: left;
}

.aboutus_list ul li {
    width: 31.3%;
    float: left;
    list-style-type: none;
    position: relative;
    text-align: center;
    padding-right: 20px;
    margin-bottom: 10px;
    color: #fff;
    margin: 10px 1%;
    padding: 10px;
       background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
    text-shadow: 0px 0px 0px #e0752f;
}
.box1 {
    padding:30px 0px 0px;
    text-align: center;
}
 .box1 p{
    padding:0px 10px;
    text-align:center !important;
    }
.footer-box h3 i {
    float: right;
    display: block;
    margin: 7px 10px 0px 0px;
}
.about-hide{
display:none;
}
.navigation-hide{
display:none;
}
.services-hide{
display:none;
}
.about-hide{
padding:0px 20px;
}
.about-hide{
	padding:0px;
}
.box-contact p {
    color: #828282;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    padding: 0px 20px;
}
.tab-process {
    padding: 40px 0px 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.tab-process li {
    list-style-type: none;
    text-align: center;
    background: #0f2438;
    position: relative;
    width: 31.3%;
    margin: 10px 1%;
    /* height: 96px; */
}
ul.tab-process:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 100%;
    border-top: 4px dashed #213f5b;
    left: 0px;
    z-index: -1;
    display:none;
}
ul.tab-process li:nth-of-type(3):before{
display:none;
}
ul.tab-process li:nth-of-type(3):after{
display:none;
}

body{
overflow-x:hidden;
}
.contact-footer {    position: relative;    display: flex;    flex-wrap: wrap;    padding: 0;    margin: 0;}
.box-contact+.box-contact:before{display:none;
}

.icon-box {
    margin-right: 0px;
    margin-left: 0px;
    position: relative;
    left: 0px;
    font-size: 26px;
    color: #f9f9f9;
    top: 0;
}
.box-contact {
    width: 100%;
    position: relative;
    padding: 0px 0px 0px 0px;
    TEXT-ALIGN: CENTER;
}
.box-contact h4 {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
}
.footer-box {
    padding: 0px 0px;
    width: 100%;
    margin: 0px auto;
}
footer-box p{
width:90%;
margin:0px auto;
text-align:center;
}
.footer-box ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}
.footer-box ul li {
}
.menu-item {
    display: block;
}
.follow-us{
	text-align:left;
	margin-top:15px;
}
.follow-us h4 {
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    color: #f9f9f9;
    text-transform: capitalize;
    float: left;
    margin: 0px 0px 20px 0px;
    line-height: 22px;
    width: 100%;
}
.footer-top h3 {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.4;
    width: 100%;
}
#rmp_menu_trigger-2998 .responsive-menu-pro-inner, #rmp_menu_trigger-2998 .responsive-menu-pro-inner::before, #rmp_menu_trigger-2998 .responsive-menu-pro-inner::after{    height: 2px !important;}
	
}

@media (max-width:700px){
/* for left right div*/
.content-box {
    width: 100%;
        text-align: center;
}
.content-box p {
    width: 100% !important;
    text-align: center !important;
}
.circal-box {
    display: none;
}
.timeline-box::before{
display:none;
}
.timeline-box li:nth-child(2n+1) {
    padding-right: 0px;
}
.timeline-box li:nth-child(2n) {
    padding-left: 0px;
}
.contact-footer {    position: relative;    display: flex;    flex-wrap: wrap;    padding: 0;    margin: 0;}
}
@media (max-width:650px){
.tab-process li {
    list-style-type: none;
    text-align: center;
    background: #0f2438;
    position: relative;
    width: 48%;
    margin: 5px 1%;
    /* height: 96px; */
}
}

@media (max-width:575px){
/* service tab ......29 sep 2020.....*/
.about-icon p {
    text-align: center;
}
.benifits_list ul li {
    width: 100%;
    }
    
.text0 p {
    text-align: justify;
}
.changelog {
    font-size: 25px !important;
    color: #333 !important;
    font-family: 'roboto' !important;
    font-weight: 600 !important;
    width: 96%;
    margin: auto;
    margin-bottom: 15px;
}
.content-box h5 {
    margin: 10px 0px;
    font-size: 16px;
   font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
ul.list-4 li {
    list-style-type: none;
    float: left;
    width: 48% !important;
    padding-left: 10px !important;
    margin: 1%;
    background: #ffffff;
    background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
    padding: 20px 10px;
    text-align: center !important;
    border-radius: 5px;
    border: 1px solid #e2e1e1;
}
.flex-right-1 h2 {
    font-size: 25px;
    padding: 0px 10px;
}
.aboutus_list ul li {
    width: 48%;
    float: left;
    list-style-type: none;
    position: relative;
    text-align: center;
    padding-right: 20px;
    margin-bottom: 10px;
    color: #fff;
    margin: 10px 1%;
    padding: 10px;
       background: linear-gradient(105deg,#0ecad4,#0ecad4,#50e3c2);
    text-shadow: 0px 0px 0px #e0752f;
}
.section2 {
    width: 60%;
    float: none;
    padding: 0px 3%;
    margin: 0px auto;
}
.inner-text1 {
    margin: -15px;
    background: #f8f8f8;
    padding: 20px 25px;
}
.inner-text1 h4 {
    text-align: left;
   font-family: 'Poppins', sans-serif;
    font-size: 20px;
    width: 100%;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 0px 0px;
}
.page-inner ul.list-2{
margin-left:-20px;
}
.simpletext-bg .heading-title {
    font-size: 30px;
    margin-top: 80px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 30px;
font-family: 'Poppins', sans-serif;
    padding: 20px 0px;
}
.simpletext-bg h4 {
    text-align: left;
   font-family: 'Poppins', sans-serif;
    font-size: 20px;
    width: 100%;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 0px 10px;
}
.inner-banner img {
    position: relative;
    width: 100%;
    display: block;
    height: 350px;
    object-fit: cover;
	object-position: center center;
}
.box2 {
    padding: 0px 0px;
}
.webdesigning-content p {
    text-align: justify;
    padding: 0px 10px;
}
.webdesigning-content .subtext {
    padding: 0 10px;
    width: 100%;
    margin: auto;
    font-size: 16px;
    margin-bottom: 20px;
    color: #333333;
    text-align:justify;
    
}
.quote_bg {
    position: relative;
    margin: 0px;
}
.tab-process li a {
    color: #fff;
    text-transform: capitalize;
    font-size: 12px;
    display: block;
    min-width: 100px;
    text-decoration: none;
    padding: 10px 5px;
}
.footer-box h3 i {
    float: right;
    display:block;
}
.about-hide{
padding-top:20px;
display:none;
}
.navigation-hide{
padding-top:20px;
display:none;
}
.services-hide{
padding-top:20px;
display:none;
}

.overlay-inner h2 {
    font-size: 30px;
}
.heading-title {
    font-size: 30px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 15px;
font-family: 'Poppins', sans-serif;
    padding: 20px 0px;
}
.webdesigning-services-bg h2{
font-size:25px;
    padding: 0px 20px;
}
.web-images img {
    width: 100%;
    text-align: center;
    margin: 20px auto;
}
.quote_bg img {
    height: 700px;
    object-fit: cover;
    display: none;
}
.quote_form {
    margin-top: 0px;
}
.webdesigning-content .box {
    padding: 20px 0px;
}
.service-content p {
    padding: 0 0px;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    text-align:justify;
}
.webdesigning-services-bg p {
    padding: 0 10px;
    width: 100%;
    margin: auto;
    text-align: justify;
    margin-bottom: 20px;
}
.client-section li {
    position: relative;
    display: block;
    float: left;
    width: 48%;
    text-align: center;
    margin: 1% 1%;
    border-radius: 0px;
    background: #ffffff;
    padding: 0;
    font-size: 13px;
    border: 1px solid #e8e8e8;
}
.ep_portfolio li {
    width: 100%;
    margin: 0px !important;
    /* padding: 10px; */
    margin: 3% 0% !important;
}
.right-thumb {
    width: 100%;
    margin-bottom: 30px;
}
.right-content {
    width: 100%;
    padding-left: 0px;
}

.tab-inner-content {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    align-content: center;
    width: 90%;
    margin: 0px auto;
}
.footer-box {
}
.footer-box ul li {
}
}


@media (max-width:450px){
.slider-area > img {
    width: 100%;
    height: 90vh;
    object-fit: cover;
}

}
@media (max-width:400px){
.top-header a {
    line-height: 27px;
    padding-right: 5px;
    font-size: 13px;
    color: #fff;
    /* opacity: 0.7; */
    vertical-align: middle;
    text-decoration: none;
}
nav.social-list {
    margin: 10px 0px;
}
.overlay-inner h2 {
    font-size: 22px;
}
}




/*29-9-2020*/
a.mobile-btn {
    position: relative;
    width: 40px;
    height: 36px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    display: none;
    background: #e0752f;
    border-radius: 3px;
}
a.mobile-btn:before {
    position: absolute;
    content: "";
    width: 22px;
    height: 18px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
}
a.mobile-btn:after {
    position: absolute;
    content: "";
    width: 22px;
    height: 2px;
    background: #fff;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
}
div#responsive-menu-container {
    max-width: 100%;
    background: #333333;
}
#responsive-menu-container #responsive-menu-wrapper {
    background: transparent !important;
    padding: 0px 15px;
}
#responsive-menu-container #responsive-menu-title {
    background: transparent !important;
    padding: 50px 0px 49px !important;
    max-width: 1110px;
    width: 100%;
    margin: auto;
}
#responsive-menu-container #responsive-menu-title div#responsive-menu-title-image {
    margin: 0px;
}
#responsive-menu-container #responsive-menu {
    max-width: 919px;
    margin: auto;
    padding: 0px 0px 19px;
    background: transparent;
}
#responsive-menu-container li.responsive-menu-item {
    margin-bottom: 10px;
    position: relative;
}
#responsive-menu-container #responsive-menu a.responsive-menu-item-link {
    background: transparent !important;
    border: 0px !important;
    padding: 0px 0px 0px 40px !important;
    text-transform: uppercase;
    font-size: 17px !important;
    position: relative;
    letter-spacing: 1px;
    display: inline-block;
    width: auto;
    line-height: 30px !important;
    height: auto !important;
}
#responsive-menu-container #responsive-menu-additional-content {
    padding: 33px 0px;
    max-width: 920px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
#responsive-menu-container #responsive-menu-additional-content a {
    padding: 11px 18px;
    color: #fff;
    position: relative;
    font-size: 16px;
    letter-spacing: 2px;
    margin-right: 21px;
}
#responsive-menu-container #responsive-menu-additional-content a.btn-yellow:before, #responsive-menu-container #responsive-menu-additional-content a.btn-yellow:after {
    opacity: 0;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    position: absolute;
    left: -1px;
    background: transparent !important;
    border: 0px !important;
    width: 18px !important;
    height: 18px !important;
    top: 8px;
    font-size: 0px;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 20px;
    background: #fff;
    left: 9px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    background: #fff;
    left: 1px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu {
    margin: 10px 0px 0px 9px;
    position: relative;
}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu:before {
    position: absolute;
    content: "";
    width: 2px;
    top: -15px;
    background: rgb(249 249 249 / 30%);
    bottom: 0px;
    left: -1px;
}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu > li > a:before {
    position: absolute;
    content: "";
    width: 20px;
    top: 18px;
    background: rgb(249 249 249 / 30%);
    bottom: auto;
    left: 0px;
    height: 2px;
}
.responsive-menu-open button#responsive-menu-button {
    display: block;
    top: 68px;
    position: fixed;
    background: transparent !important;
    right: 103px;
}
button#responsive-menu-button {
    display: none !important;
}
button#responsive-menu-button.is-active {
    display: block !important;
}
/*Wave*/
.wave-shape{top: 0; left: 0; position: absolute; right: 0; z-index: 1; transform: rotate(180deg); width: 100%; overflow: hidden; height: 65px;}
.river-wave{background: url('../images/wave.svg') repeat-x; position: absolute; top: 0; width: 6400px; height: 65px; animation: river-wave 35s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0);}
.river-wave:nth-of-type(2) {top: 0; animation: river-wave 20s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite; opacity: 1;}
@keyframes river-wave {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -1600px;
    }
}
.slider-area .wave-shape {
    top: initial;
    bottom: 0;
    transform: rotate(0deg);
}
.inner-banner .wave-shape {
    top: initial;
    bottom: 0;
    transform: rotate(0deg);
    z-index: 999;
}
/*End Wave*/
span.Typewriter__cursor {
    color: transparent;
    text-shadow: none;
}

.quote_bg{    background: url(https://vstacks.in/wp-content/uploads/2020/09/ae3e96ba-cta-bg.png);
padding: 60px 0px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;}
	
.quote_bg img{display:none;}	
.quote_bg p{margin:0px; padding:0px;}


.quote_form.col-md-6{-webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;}
	
.quote_bg .free-quote fieldset .wpcf7-form-control{
	background: #eeeeee;
    border: none !important;
}

.quote_bg .free-quote fieldset .wpcf7-form-control.wpcf7-submit {
    width: 150px;
    background: #007bff;
}

.free-quote fieldset{text-align: center;}
.banner-bottom-item .circle {
    /*position: absolute;
    top: -50px;
    left: -10%;
    width: 150px;
    height: 150px;
    background-color: transparent;
    border: 25px solid #ffffff1a;
    border-radius: 50%;*/
}
.banner-bottom-item .line {
    /*position: absolute;
    top: -30px;
    right: 20%;
    width: 100px;
    height: 120%;
    background-color: #ffffff1a;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);*/
}

/*.feature-box:before {
    position: absolute;
    top: -50px;
    left: -10%;
    width: 150px;
    height: 150px;
    background-color: transparent;
    border: 25px solid #ffffff1a;
    border-radius: 50%;
    content: "";
}
.feature-box:after {
    position: absolute;
    top: -30px;
    right: 8%;
    width: 40px;
    height: 120%;
    background-color: #ffffff1a;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    content: "";
}*/
.feature-box * {
    position: relative;
    z-index: 9;
}
.side-options {
    width: 5rem;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    z-index: 2;
    border: solid 1px #ee7163;
    padding: 15px;
    z-index: 9999;
}
.side-options .item {
    background: #ee7163;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
    z-index: 0;
}
.side-options .item .link_item {
    position: absolute;
    top: 0;
    width: max-content;
    right: 3.2rem;
    top: 50%;
    transform: translate(197px, -50%);
    padding: 15px;
    background-color: #fff;
    box-shadow: 20px 1px 20px 2px rgba(0, 0, 0, 0.09);
    z-index: -1;
    opacity: 0;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.side-options .item svg {
    fill: #fff;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.side-options .item .link_item a {
    color: #012C44;
}
.side-options .item:hover {
    background: #ee7163;
}
.side-options .item:hover .link_item {
    transform: translate(0, -50%);
    opacity: 1;
}
.side-options .item:hover svg {
    fill: white !important;
}
.side-options .item i {
    font-size: 18px;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    color: #fff;
}
.side-options .item:hover i {
    color: #fff;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: none;
    overflow: hidden;
    outline: 0;
}
.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.fade.show,
.fade.in {
    opacity: 1;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    z-index: 99999;
}
.fade {
    opacity: 0;
    transition: opacity .15s linear;
}
.modal-backdrop.in {
    opacity: .5;
}
.form-popup .form-group {
    position: relative;
}
.form-popup .form-group span.icon-case {
    position: absolute;
    top: 0px;
    width: 35px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
}
.form-popup .form-group br {
    display: none;
}
.form-popup .form-group input, .form-popup .form-group textarea {
    display: block;
    width: 100%;
    background: transparent;
    font-size: 13px;
    color: #333333;
    line-height: 1.2;
    padding: 0 10px 0 35px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    margin-bottom: 15px;
    height: 40px;
}
.form-popup .form-group textarea {
    min-height: 130px;
    padding-top: 11px;
}
.form-popup {
    padding: 25px 35px 15px;
}
.modal-header {
    position: relative;
    background: url(../images/bg-01.jpg);
    background-size: cover;
    padding: 40px 10px;
    border: 0px;
}
.modal-header:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(67,67,67,0.6);
}
.modal-header h5 {
    margin: 0px;
    width: 100%;
}
.modal-header button.close {
    background: transparent;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #fff;
    opacity: 1;
    width: 30px !important;
    border: 0px !important;
    height: 30px;
    padding: 0px;
    color: #333 !important;
    border-radius: 50%;
}
.modal-header button.close span {
    color: #333;
}
.modal-header * {
    z-index: 9;
    position: relative;
    color: #fff;
    text-align: center;
}
.form-popup input.wpcf7-form-control.wpcf7-submit {
    background: #333;
    border: 2px solid #333;
    border-radius: 50px;
    color: #fff;
    padding: 9px 20px;
}




.form-icon.closs-button{display:none;
top: 0px;
    bottom: inherit;
    font-size: 20px;
    left: -4px;
    height: 40px;
    line-height: 40px;
    width: 45px;
    border: 1px solid #fff;
    border-radius: 5px 0px 0px 5px;
    text-align: center;
    color: #fff;
    margin: 0;
    background: #f17223;

}
.form-get-in.active .form-icon.closs-button{display:block;}
.entry-content2 ul li{  
	margin-bottom: 15px;
    list-style: decimal-leading-zero;
}
.entry-content2 ul{padding: 0 0 0 25px !important;}

ul.sub-menu>li ul.sub-menu{min-width: 160px;}
ul.sub-menu{min-width: 200px;}


.contentform span.wpcf7-not-valid-tip {
    font-size: 11px;
    top: 58px;
    right: 0px;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #46b450;
}

.top-header .whatsapp-icon {
    background: #52ca44;
    width: 35px;
    height:35px;
    line-height:35px !important;
    position: absolute;
    top: -6px;
    right: -23px;
   
    text-align: center;

    color: #fff !important;
   
    border-radius: 50%;
    text-decoration: none !important;
}

.top-header .whatsapp-icon i{margin:0px; padding:0px;     font-size: 16px;}
#rmp_menu_trigger-2998{display:none;}

.bullet-list li{
	
	list-style-type: square;
}

.post-section .post-box .desc-post-sec h3 {
font-size: 18px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    border-bottom: 1px solid #ddd;
    font-weight: 400;
    padding: 0px 0px 15px;
    margin: 0px 0px 15px;
}

h1.entry-title {
    font-size: 28px;
    font-weight: 600;
    margin-top: 25px;
    color: #e27734;
}

.btn-danger {
    color: #fff !important;
    background-color: #e0752f;
 border-color: #e0752f !important;
}
menu, ol, ul {
    margin: 16px 0;
    padding: 0 0 0 10px;
}

.page-inner .careers h3 {
    display: block;
    margin: 0;
    padding: 4px 0px;
    font-size: 28px;
}

.wpcf7 form .wpcf7-response-output {
    padding: 0.2em 1em;
    border: 1px solid #dc3232;
    border-color: #dc3232;
    float: left;
    width: 100%;
    text-align: center;
    background: #ee7163;
    color: #fff;
}
.g-recaptcha{margin-bottom:25px;}

#rmp-container-2998{
	z-index: 999999;
	
}
button#responsive-menu-button{
		z-index: 9999999;
	
}

@media only screen and (max-width: 850px){

	
}
@media only screen and (max-width:767px) {

}



@media(max-width:1160px){
	.tab-services .col-lg-4.col-md-6 {
	    flex: 1 1 40%;
	    max-width: 40%;
	}
	.tab-services .col-lg-8.col-md-6 {
	    flex: 1 1 60%;
	    max-width: 60%;
	}
}

@media(max-width:1100px){
	.responsive-menu-open button#responsive-menu-button {
	    top: 68px;
	    right: 10px;
	}
}

@media(max-width:991px){
	.tab-services .col-lg-8.col-md-6, .tab-services .col-lg-4.col-md-6 {
	    flex: 1 1 50%;
	    max-width: 50%;
	}
	.tab-content {
	    background-size: 40vw;
	}
	.tab-content-inner .col-sm-7 {
	    display: none;
	}
	.tab-content-inner .col-sm-5 {
	    flex: 1 1 100%;
	    max-width: 100%;
	}
	.tab-inner-content {
	    padding-left: 15px;
	}
	a.mobile-btn {
    display: none !important;
}
	
.dashicons-arrow-right-alt2:before {
    content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
}	
.dashicons-arrow-down-alt2:before {
    content: "\f107";
font: normal normal normal 14px/1 FontAwesome;
}		

	.rmp-menu-item-link i.fa{margin-right:8px;}	
}

@media(max-width:767px){
	#responsive-menu-container #responsive-menu-title #responsive-menu-title-image img {
	    height: 70px;
	}
	#responsive-menu-container #responsive-menu-title {
	    padding: 20px 0px 5px !important;
	}
	#responsive-menu-container li.responsive-menu-item {
	    margin-bottom: 0px;
	}
	#responsive-menu-container #responsive-menu a.responsive-menu-item-link {
	    font-size: 14px !important;
	}
	.responsive-menu-open button#responsive-menu-button {
	    top: 30px;
	}
	.footer-box h3 {
	    margin: 0px;
	    padding: 10px 0px;
	    border-bottom: 1px solid rgb(255 255 255 / 10%);
	    font-size: 14px;
	}
	/*.footer .col-md-4:last-of-type .footer-box h3 {
	    border-bottom: 0px;
	}*/
	.footer-box h3 + * {
	    padding-top: 20px;
	}
	.footer .menu-main-menu-container {
	    display: block !important;
	}
	.footer-nav li {
	    width: 33.33% !important;
	    list-style-type: circle !important;
	    display: list-item !important;
	    color: #eee;
	}
	.footer-box ul {
	    padding-left: 20px;
	    margin-bottom: 15px;
	}
	.top-footer-section .col-sm-12 {
	    padding: 0px;
	    text-align: center;
	}
	.top-footer-section a.btn-white-outline {
	    float: none;
	    display: inline-block;
	    margin: auto;
	    padding: 8px 15px;
	    font-weight: normal;
	}
	
		.follow-us {
    text-align: center;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 20px;
}
	.footer-top > img {
	    top: -115px;
	    left: 0px;
	    right: 0px;
	    margin: auto;
	}
	.tab-services .col-lg-8.col-md-6, 
	.tab-services .col-lg-4.col-md-6 {
	    flex: 1 1 100%;
	    max-width: 100%;
	}
	.tab-services .row.no-gutters {
	    flex-direction: column-reverse;
	}
	ul.tab-menu {
	    margin: 0px auto;
	    position: absolute;
	    left:0px;
	    right: 0px;
	    width: 100%;
	    padding: 0px 0px 0px 20px;
	}
	.tab-menu:before {
	    left: 43px;
	}
	ul.tab-menu li a span {
	    transform: rotate(90deg);
	}
	.sub-content {
	    padding: 0;
	    width: 100%;
	    margin-bottom:35px;
		text-align:center;
	}
	p.about-hide {
	    display: block;
	    text-align: center;
	}
	.footer-text-logo {
	    text-align: center !important;
	}
	
	a.mobile-btn {
    display: none !important;
}
	#rmp_menu_trigger-2998{display:block;}
	.menu-main-menu-container{display:none;}	

.top-header .whatsapp-icon{
		z-index: 99;
    right: 17% !important;
    top: 3px !important;
    left: inherit;
}
	
	header.header{position:inherit;}
	
	#content-slider{height: auto;}
	
	.slider-area ul#content-slider li img {    height: auto;}
		.banner-overlay{top: 16px;}
		
.company-feature{    padding: 30px 0px 200px 0px;}	
.company-feature .heading-title{font-size: 35px; text-align:center}
.company-feature .feature-main-box{ grid-template-columns: repeat(2, 1fr);}
#cross {width: 8px;right: 188px;}	
#cross:after{ top: 141px;height: 8px;}
.make-appointment-area .call_box:after{display:none;}				
.make-appointment-area .call_box:after{display:none;}				
.make-appointment-area .call_box{font-size: 30px;padding-right: 0;     margin-bottom: 10px;}	
.make-appointment-area p{text-align:center;}	
.make-appointment-area .call_box img{width: 60px;}
.make-appointment-area .btn-default{margin-top: 15px;}	
.strong-view.wpmtst-default .wpmtst-testimonial-inner{padding: 50px 0px 30px !important;}
.contact-footer {    position: relative;    display: flex;    flex-wrap: wrap;    padding: 0;    margin: 0;}
.misson_section #wpsm_counter_b_row_3707 .wpsm_counterbox{margin-top: 0px;  margin-bottom: 0px;}
.make-appointment-area{    bottom: -300px;     border-radius:0px;    padding: 20px;}
/*===============Inner Page ==================*/
.inner-banner img{height: 180px;}
.about-section .about-content-box h1{font-size: 30px;}
.about-section .about-content-box{margin-bottom: 40px;}
.quotes-section .slide1-cont{padding: 0;}
.quotes-section .slide1-cont h1{font-size: 26px;font-weight: 600;}
.quotes-section .slide1-cont p{font-size: 20px;}
.quotes-section .slide-bg{    padding: 20px 0px;}
.vstacks-features .heading_title{    margin: 10px 0px;}
.category-section .cat_heading{font-size: 26px;}
.category-section .life-image-box{    margin: 15px 0px;}
.category-section .cat_header{    flex-direction: column;    flex-wrap: nowrap;     margin-bottom: 20px;    padding-bottom: 20px;}
.life_vstacks .quotes-section .slide1-cont h1{font-size: 25px;}
}

@media(max-width:575px){
	.logo a img {
	    height: 80px;
	    object-fit: contain;
	    width: 100%;
	}
	.footer-box ul li {
	    width: 50% !important;
	    list-style-type: none !important;
    	text-align: center;
	}
	.footer-box ul {
	    padding-left: 0px;
	}
	ul.tab-menu li a {
	    padding: 10px 0;
	}
	.tab-content {
	    background-size: 70%;
	}
.company-feature{    padding: 30px 0px 200px 0px;}	
.company-feature .heading-title{font-size: 35px; text-align:center}
.company-feature .feature-main-box{ grid-template-columns: repeat(2, 1fr);}
#cross {width: 8px;right: 188px;}	
#cross:after{ top: 141px;height: 8px;}
.make-appointment-area .call_box:after{display:none;}				
.make-appointment-area .call_box:after{display:none;}				
.make-appointment-area .call_box{font-size: 30px;padding-right: 0;     margin-bottom: 10px;}	
.make-appointment-area p{text-align:center;}	
.make-appointment-area .call_box img{width: 60px;}
.make-appointment-area .btn-default{margin-top: 15px;}	
.strong-view.wpmtst-default .wpmtst-testimonial-inner{padding: 50px 0px 30px !important;}
.contact-footer {    position: relative;    display: flex;    flex-wrap: wrap;    padding: 0;    margin: 0;}
.misson_section #wpsm_counter_b_row_3707 .wpsm_counterbox{margin-top: 0px;  margin-bottom: 0px;}
.make-appointment-area{    bottom: -300px;     border-radius:0px;    padding: 20px;}
/*===============Inner Page ==================*/
.inner-banner img{height: 180px;}
.about-section .about-content-box h1{font-size: 30px;}
.about-section .about-content-box{margin-bottom: 40px;}
.quotes-section .slide1-cont{padding: 0;}
.quotes-section .slide1-cont h1{font-size: 26px;font-weight: 600;}
.quotes-section .slide1-cont p{font-size: 20px;}
.quotes-section .slide-bg{    padding: 20px 0px;}
.vstacks-features .heading_title{    margin: 10px 0px;}
.category-section .cat_heading{font-size: 26px;}
.category-section .life-image-box{    margin: 15px 0px;}
.category-section .cat_header{    flex-direction: column;    flex-wrap: nowrap;     margin-bottom: 20px;    padding-bottom: 20px;}
.life_vstacks .quotes-section .slide1-cont h1{font-size: 25px;}
}

@media(max-width:480px){
	ul.tab-menu li a {
	    padding: 5px 0;
	}
	ul.tab-menu {
	    left: -15px;
	}
.company-feature{    padding: 30px 0px 200px 0px;}	
.company-feature .heading-title{font-size: 35px; text-align:center}
.company-feature .feature-main-box{ grid-template-columns: repeat(2, 1fr);}
.make-appointment-area .call_box:after{display:none;}				
.make-appointment-area .call_box:after{display:none;}				
.make-appointment-area .call_box{font-size: 30px;padding-right: 0;     margin-bottom: 10px;}	
.make-appointment-area p{text-align:center;}	
.make-appointment-area .call_box img{width: 60px;}
.make-appointment-area .btn-default{margin-top: 15px;}	
.strong-view.wpmtst-default .wpmtst-testimonial-inner{padding: 50px 0px 30px !important;}
.contact-footer {    position: relative;    display: flex;    flex-wrap: wrap;    padding: 0;    margin: 0;}
.misson_section #wpsm_counter_b_row_3707 .wpsm_counterbox{margin-top: 0px;  margin-bottom: 0px;}
.make-appointment-area{    bottom: -300px;     border-radius:0px;    padding: 20px;}
/*===============Inner Page ==================*/
.inner-banner img{height: 180px;}
.about-section .about-content-box h1{font-size: 30px;}
.about-section .about-content-box{margin-bottom: 40px;}
.quotes-section .slide1-cont{padding: 0;}
.quotes-section .slide1-cont h1{font-size: 26px;font-weight: 600;}
.quotes-section .slide1-cont p{font-size: 20px;}
.quotes-section .slide-bg{    padding: 20px 0px;}
.vstacks-features .heading_title{    margin: 10px 0px;}
.category-section .cat_heading{font-size: 26px;}
.category-section .life-image-box{    margin: 15px 0px;}
.category-section .cat_header{    flex-direction: column;    flex-wrap: nowrap;     margin-bottom: 20px;    padding-bottom: 20px;}
.life_vstacks .quotes-section .slide1-cont h1{font-size: 25px;}
#cross {width: 8px;right: 188px;}	
#cross:after{ top: 141px;height: 8px;}	
}
@media only screen and (max-width:420px) {
	a.mobile-btn {
    display: none !important;
}
	#rmp_menu_trigger-2998{
		display:block;

    margin: 0px;
	
	}
	
.company-feature{    padding: 30px 0px 165px 0px;}	
	.menu-main-menu-container{display:none;}	
.top-header .whatsapp-icon{
	    z-index: 99;
    right: 20% !important;
    top: 8px !important;
    left: inherit;
    width: 30px;
    height: 30px;
    line-height: 28px !important;

}
	header.header{position:inherit;}
	
	#content-slider{height: auto;}
	
	.slider-area ul#content-slider li img {    height: auto;}
	
	.banner-overlay{top: 16px;}
.company-feature{    padding: 30px 0px 200px 0px;}	
.company-feature .feature-main-box{ grid-template-columns: repeat(2, 1fr);}
.make-appointment-area .call_box:after{display:none;}				
.make-appointment-area .call_box:after{display:none;}				
.make-appointment-area .call_box{font-size: 30px;padding-right: 0;     margin-bottom: 10px;}	
.make-appointment-area p{text-align:center;}	
.make-appointment-area .call_box img{width: 60px;}
.make-appointment-area .btn-default{margin-top: 15px;}	
.strong-view.wpmtst-default .wpmtst-testimonial-inner{padding: 50px 0px 30px !important;}
.contact-footer {    position: relative;    display: flex;    flex-wrap: wrap;    padding: 0;    margin: 0;}
.misson_section #wpsm_counter_b_row_3707 .wpsm_counterbox{margin-top: 0px;  margin-bottom: 0px;}
.make-appointment-area{    bottom: -300px;     border-radius:0px;    padding: 20px;}
/*===============Inner Page ==================*/
.inner-banner img{height: 180px;}
.about-section .about-content-box h1{font-size: 30px;}
.about-section .about-content-box{margin-bottom: 40px;}
.quotes-section .slide1-cont{padding: 0;}
.quotes-section .slide1-cont h1{font-size: 26px;font-weight: 600;}
.quotes-section .slide1-cont p{font-size: 20px;}
.quotes-section .slide-bg{    padding: 20px 0px;}
.vstacks-features .heading_title{    margin: 10px 0px;}
.category-section .cat_heading{font-size: 26px;}
.category-section .life-image-box{    margin: 15px 0px;}
.category-section .cat_header{    flex-direction: column;    flex-wrap: nowrap;     margin-bottom: 20px;    padding-bottom: 20px;}
.life_vstacks .quotes-section .slide1-cont h1{font-size: 25px;}
#cross {width: 8px;right: 188px;}	
#cross:after{ top: 141px;height: 8px;}	
}


@media only screen and (max-width:414px) {
.company-feature{    padding: 30px 0px 165px 0px;}	
	#rmp_menu_trigger-2998{		
	display:block;

    margin: 0px;}

.top-header .whatsapp-icon{
	    z-index: 99;
    right: 22% ;
    top: -2px ;
    left: inherit;
    width: 30px;
    height: 30px;
    line-height: 28px !important;

}
.company-feature{    padding: 30px 0px 200px 0px;}	
.company-feature .heading-title{font-size: 35px; text-align:center}
.company-feature .feature-main-box{ grid-template-columns: repeat(2, 1fr);}
.make-appointment-area .call_box:after{display:none;}				
.make-appointment-area .call_box:after{display:none;}				
.make-appointment-area .call_box{font-size: 30px;padding-right: 0;     margin-bottom: 10px;}	
.make-appointment-area p{text-align:center;}	
.make-appointment-area .call_box img{width: 60px;}
.make-appointment-area .btn-default{margin-top: 15px;}	
.strong-view.wpmtst-default .wpmtst-testimonial-inner{padding: 50px 0px 30px !important;}
.contact-footer {    position: relative;    display: flex;    flex-wrap: wrap;    padding: 0;    margin: 0;}
.misson_section #wpsm_counter_b_row_3707 .wpsm_counterbox{margin-top: 0px;  margin-bottom: 0px;}
.make-appointment-area{    bottom: -300px;     border-radius:0px;    padding: 20px;}
/*===============Inner Page ==================*/
.inner-banner img{height: 180px;}
.about-section .about-content-box h1{font-size: 30px;}
.about-section .about-content-box{margin-bottom: 40px;}
.quotes-section .slide1-cont{padding: 0;}
.quotes-section .slide1-cont h1{font-size: 26px;font-weight: 600;}
.quotes-section .slide1-cont p{font-size: 20px;}
.quotes-section .slide-bg{    padding: 20px 0px;}
.vstacks-features .heading_title{    margin: 10px 0px;}
.category-section .cat_heading{font-size: 26px;}
.category-section .life-image-box{    margin: 15px 0px;}
.category-section .cat_header{    flex-direction: column;    flex-wrap: nowrap;     margin-bottom: 20px;    padding-bottom: 20px;}
.life_vstacks .quotes-section .slide1-cont h1{font-size: 25px;}
#cross {width: 8px;right: 188px;}	
#cross:after{ top: 141px;height: 8px;}	
}


@media(max-width:380px){
	.footer-box ul li {
	    width: 100% !important;
	}
	ul.tab-menu li a {
	    font-size: 16px;
	    padding: 2px 0;
	}
	ul.tab-menu li a span {
	    width: 40px;
	    height: 40px;
	    font-size: 20px;
	    line-height: 40px;
	}
	.tab-menu:before {
	    width: 80px;
	    left: 45px;
	    top: -8px;
	    bottom: -8px;
	}
	ul.tab-menu {
	    left: -40px;
	}
.company-feature{    padding: 30px 0px 200px 0px;}	
.company-feature .heading-title{font-size: 35px; text-align:center}
.company-feature .feature-main-box{ grid-template-columns: repeat(2, 1fr);}
.make-appointment-area .call_box:after{display:none;}				
.make-appointment-area .call_box:after{display:none;}				
.make-appointment-area .call_box{font-size: 30px;padding-right: 0;     margin-bottom: 10px;}	
.make-appointment-area p{text-align:center;}	
.make-appointment-area .call_box img{width: 60px;}
.make-appointment-area .btn-default{margin-top: 15px;}	
.strong-view.wpmtst-default .wpmtst-testimonial-inner{padding: 50px 0px 30px !important;}
.contact-footer {    position: relative;    display: flex;    flex-wrap: wrap;    padding: 0;    margin: 0;}
.misson_section #wpsm_counter_b_row_3707 .wpsm_counterbox{margin-top: 0px;  margin-bottom: 0px;}
.make-appointment-area{    bottom: -300px;     border-radius:0px;    padding: 20px;}
/*===============Inner Page ==================*/
.inner-banner img{height: 180px;}
.about-section .about-content-box h1{font-size: 30px;}
.about-section .about-content-box{margin-bottom: 40px;}
.quotes-section .slide1-cont{padding: 0;}
.quotes-section .slide1-cont h1{font-size: 26px;font-weight: 600;}
.quotes-section .slide1-cont p{font-size: 20px;}
.quotes-section .slide-bg{    padding: 20px 0px;}
.vstacks-features .heading_title{    margin: 10px 0px;}
.category-section .cat_heading{font-size: 26px;}
.category-section .life-image-box{    margin: 15px 0px;}
.category-section .cat_header{    flex-direction: column;    flex-wrap: nowrap;     margin-bottom: 20px;    padding-bottom: 20px;}
.life_vstacks .quotes-section .slide1-cont h1{font-size: 25px;}
#cross {width: 8px;right: 188px;}	
#cross:after{ top: 141px;height: 8px;}	
}



/* Changes 24-8-2023 */
.about-section .about-content-box h4:after {
	display:none;
}
.quote_form_text input {
    min-height: 45px !important;
	font-size:15px;
}
.free-quote fieldset .wpcf7-form-control {
	font-size:14px;
}
.box-contact+.box-contact:before {
	display:none;
}
.copyright {
	text-align:left;
}

.tab-menu:before {
	display:none;
}
ul.tab-menu li a span {
	margin-right:20px;
}


.inner-banner:before {
	display:none;
}
.follow-us nav a.Twitter {
	background: url("https://vstacks.in/wp-content/uploads/2017/01/tiwtter-trans.png") #1c9cea;
	background-size:100%;
}


*/======Balvant Css======*/
body{

    color: #000000;
    font-size: 15px;
    font-weight: 500;
		overflow:hidden !important;
 
}
header.header {
	z-index:9999;
}
.type-post p{    margin: 0 0 16px;}
.type-post h2{  font-size: 1.9em; font-weight: 600;}
.type-post h3{font-size: 1.6em; font-weight: 600;}
.type-post a{color: #dc5a04;}

.recaptcha-code{width:100%;}
.wpcf7-spinner{display:none !important;}

.aiowps-captcha, .aiowps-captcha-equation{margin-bottom:0 !important; color:#000;}
.aiowps-captcha-answer{width: 100%;
  border-radius: 5px;
  margin-bottom: 15px;
}

.form-get-in .contentform{float:right;}
.page-inner a {
    color: #e0752f !important;
 text-decoration: none; 
}
.simpletext-bg p{margin-bottom: 0px;}

.strong-view.wpmtst-modern .wpmtst-testimonial-content{font-size: 1.1em !important;}
.wpcf7-list-item-label a{color:#000;}
.about-section .about-content-box h4:after {
	display:none;
}
.quote_form_text input {
    min-height: 45px !important;
	font-size:15px;
}
.free-quote fieldset .wpcf7-form-control {
	font-size:14px;
}
.box-contact+.box-contact:before {
	display:none;
}
.copyright {
	text-align:left;
}

.tab-menu:before {
	display:none;
}
ul.tab-menu li a span {
	margin-right:20px;
}


.inner-banner:before {
	display:none;
}
.follow-us nav a.Twitter {
	background: url("https://vstacks.in/wp-content/uploads/2017/01/tiwtter-trans.png") #000000;
background-size: 70%;
background-repeat: no-repeat;
background-position: center center;
	
}
.wpcf7 .wpcf7-submit:disabled,.form-section .free-quote fieldset .wpcf7-form-control.wpcf7-submit:disabled {
    cursor: not-allowed;
    background: #d2e0ef;
}
.make-appointment-area .btn-default{color: #000;}



.contentform .wpcf7-form{min-height:355px;}
.form-get-in span.wpcf7-not-valid-tip{font-size: 11px;
    top: 49px;
    left: 0px;}
.wpcf7-list-item{margin: 0;}



/* Lates Css */
.slider-area ul#content-slider li:before, .banner-overlay {
	display:none;
}
.page-id-147 .page .col-sm-12 ul li:before, .page-id-149 .page .col-sm-12 ul li:before {
	left:13px;
}

.page-id-4081 .vstacks-features {
	display:none;
}
.page-id-4081 .quotes-section {
	display:none;
}

.page-inner,.simpletext-bg, .container, .row, .container-fluid, .site-content, body {
overflow: unset !important;
}




.sticky_side_bar .query_forms{ 

 background: #dc5a04;
    padding: 25px 15px;
    margin-top: 55px;

	border-radius:5px;
   position: -webkit-sticky;

  position: sticky;
    display: inline-table;
top:0;
	overflow-y: scroll;
}



.post-1611{padding:0px;}

.post-1611 .heading-title{margin-top:30px;     margin-bottom: 0;}
.peragraph p, .peragraph h4{padding: 0px 0px;}
.peragraph p{margin-bottom:15px;}

.page-inner .contactus_btn a{color: #000 !important;;}

.free-quote h3 span {
    display: block;
}

.aiowps-captcha-equation{margin-bottom:15px;}

.bwg-album-thumbnails .bwg-album .bwg-title1 {
    display:     display: block !important;
}

.office-box h2.smallt{    font-size: 20px;
    font-weight: 500;
}

.home-slider-form{    background: #fff;
    max-width:350px;
    width: 100%;
    position: absolute;
    right: 10px;
    top: 50px;
    z-index: 9;
border-radius:10px;
    overflow: hidden;
    padding:0;
	display:block;
}

.home-slider-form h3.form-heading{margin: 0px;
    background: #007fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    padding: 15px;
	flex-direction: column;
}
.home-slider-form .home-enquiry{padding:20px 20px;}
.home-slider-form .contact-form-input input{border-radius:5px; min-height: 45px !important;}
.home-slider-form .contact-form-input textarea{min-height:45px; border-radius:5px; height: inherit;}
.home-slider-form .contactus_btn input[type="submit"]{width:100%;}



.web-development-box {
	padding:50px 0;
}
.web-development-box h3 {
	font-size: 1.7em;
}
.web-development-box p {
	color:#666;
}

.web-development-box .web-btn {
	background:#e57830;
	width:110px;
	height:40px;
	line-height:40px;
	font-size:14px;
	text-align:center;
	border-radius:5px;
	color:#fff !important;
}
.web-development-box .web-btn:hover {
	background:#000;
}

.digital-marketing {
	padding-bottom:20px;
}
.spacer {
	background:#ccc;
	height:1px;
	margin-top:30px;
}
.digital-marketing p {
	margin-bottom:20px;
}
.digital-marketing h3 {
	font-size: 1.4em;
}

.page-id-670 .box {
	text-align:center;
}
.page-id-670 .digital-marketing {
	border-top:1px solid #ccc;
	padding-top:70px;
}
.page-id-670 .service-content {
	padding-bottom:0;
}
.contact-form-input{position:relative;}
.wpcf7-character-count{position: absolute;
    bottom: 0px;
    right: 5px;
    font-size: 12px;}
span.wpcf7-not-valid-tip{    font-size: 0.8em !important;}

@media screen and (max-width: 767px){
	
	.home-slider-form {
    background: #fff;
    max-width: 90%;
    width:90%;
    position: relative;
    right: 0;
    top: 0;
    z-index: 9;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    display: block;
	margin: 0 auto;	
}
	
#rmp_menu_trigger-2998 .responsive-menu-pro-inner::before {
    top: 7px;
}	
#rmp_menu_trigger-2998 .responsive-menu-pro-inner::after {
    bottom: 7px;
}	
	.company-feature .feature-main-box .feature-box h4 {
    font-weight: 600;		font-size: 16px;}
}