html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    overflow-y: scroll;
    font-size: 15px;
}

/* -----------------------------------------
           02. BASE TYPOGRAPHY
-------------------------------------------- */

body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn, .btn-simple, a, .td-name, td {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
img{
	max-width:100%;
	display: block;
}
body {
    background-color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: #707070;
    font-weight: 400;
    line-height: 1.75;
}

p:not(:last-child) {
    /*! margin-bottom: 1.25em; */
}

h1, h2, h3, h4, h5 {
    margin: 0 0 1rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.21;
    color: initial;
}

h1 {
    margin-top: 0;
    font-size: 20px;
}

h2 {
    font-size: 2.441em;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 1.563em;
}

h5 {
    font-size: 1.25em;
}

small, .text_small {
    font-size: 0.8em;
}

strong, b {
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif;
}

a {
    color: #47A145;
}

a:hover {
   color: #47a145;
    text-decoration: none;
}
.btn1{
    
    padding: 13px 37px;
    
}
.section{margin:0px 0px;padding: -49px 0px 0px;}
/*=========================================
            04. HEADER CSS
============================================*/
.affix {
    background-color: #1A2C79;
    -webkit-transition: padding 0.4s ease-out;
    -moz-transition: padding 0.4s ease-out;
    -o-transition: padding 0.4s ease-out;
    transition: padding 0.4s ease-out;
}

/*header topbar*/

.primary-bg {background-color: #223645;}
.topbar{padding: 0px;overflow: hidden; }
.topbar-left{padding: 0px; }
.topbar-left ul{padding: 4px; }
.topbar-left ul li{ float: left;/*! border: 1px solid #607382; */padding: 10px 0px;color: #fff;margin: 0px 5px;}
.topbar-left ul li a{padding: 10px; font-size: 14px; font-weight: 500; color:#fff; }
.topbar-left ul li a:hover{ color: #47a145; }
.topbar-left ul li i{padding: 0px 5px;color: #fff; }
.topbar-right{ float: right;}
.topbar-right ul{padding: 10px; }
.topbar-right ul li{ float: left;/*! border: 1px solid #607382; */padding: 10px 0px;}
.topbar-right ul li a{padding: 10px; font-size: 14px; font-weight: 500; color:#fff; }
.topbar-right ul li i:hover{ color: #47a145; }
.topbar-right ul li i{padding: 0px;color: #fff; }
.topbar_border{ border-left:1px solid #5b5c84;}
.social-icons li > a {
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}


.white-bg.affix, .custom-nav.affix {
    background: #ffffff;
    border-bottom: 1px solid #ebebeb;
}

.fixed-top{
    top: auto;
}
.fixed-top.affix{
    top: 0;
}
.white-bg.custom-nav ul li a:hover {
    opacity: 1;
}
.bg-transparent ul li a{
    color: #ffffff;
    opacity: 0.7;
}
.bg-transparent ul li a:hover, .white-bg.affix ul li a:hover {
    opacity: 1;
}

.bg-transparent.affix {
    background: linear-gradient(75deg, #1A2C79 10%, #e80566) !important;
}

/* menu
---------------------------------*/
.navigation_area{ width: 60%; background:#fff; position:relative;float: right;}
.navigation{ padding:0 16px; background:#fff; position:relative;}
.logo{  width: 40% ;float:left; /*! padding:14px 0; */}
.logo-box img {width:120px;}	
.menu{float:right;}
.menu ul{ float:left;}
.menu ul li{float:left; list-style:none; /*! border-right:1px solid #bfbfbf; */position:relative;}
.menu > ul > li > a{ border-bottom:4px solid #fff; position:relative;}
.menu > ul > li > a:hover::after{content:"";background:url(../images/hover-pic.png) no-repeat left top; width:17px; height:8px; position:absolute;bottom:0px; left:45%;}
.menu > ul > li > a:hover{ border-bottom:4px solid #47a145;}
.menu ul li ul{ position:absolute;left:0px; top::0px; z-index: 999;width:270px; background:rgba(255, 255, 255, 0.8); padding:10px; border-radius:0 0 5px 5px; display:none;}
.menu ul > li:hover > ul{display:block;}
.menu ul li ul li ul{display:none;}
.menu ul > li > ul > li:hover ul{display:block;}

.menu ul li ul li{display: block;width: 100%; border-right:none;border-bottom:1px dashed #999;}
.menu ul li ul li:last-child{ border:none;}
.menu ul li ul li a{padding: 10px 10px; font-size: 13px;}
.menu ul li ul li:hover{ background:#fff ;}
.menu ul > li > ul > li:hover > a{color:#47a145;}
.menu ul li ul li a{ border-right:4px solid #fff;}
.menu ul li ul li a:hover{ border-right:4px solid #47a145;}
.menu ul li ul li:hover::after{content:"";background:url(../images/hover-pic2.png) no-repeat left top; width:8px; height:17px; position:absolute;top:30%; right:4px;}
.menu ul li a{font-size:15px; text-transform:uppercase; color:#000000; padding:24px 11px; display:block;font-weight: bold;}
.menu ul li ul li ul{ left:250px; top:0px;}
@media screen and (max-width: 877px) {
	.pricing_board { width: 48%;  margin: 25px 1%;}
	.pricing_board_b {
    margin: 17px 0 17px 39%;
   }
	.footer{ padding: 20px 15px 0px;}
	.welcome { padding: 20px 15px;}
	.welcome_left{ margin:20px 0px; padding: 0 0 0 0;}
    .welcome_right {margin:0px 0px;}
    .welcome_left, .welcome_right { float: right; width: 50%;}
	.top-contact{ float:right; display:block;}
	.innerpage h2 {font-size: 15px;}
	.banner-text.innerpage li a { padding: 5px 3px; font-size: 12px;}
	.banner-text.innerpage { font-size: 15px;}
	.burger-mune{cursor: pointer; float: right; margin: 32px 0;}
	.burger-mune span{ width:36px;height:3px; background:#fa3b0e; display:block;}
	.burger-mune span.mid-line, .burger-mune span.bottom-line{margin-top:3px;}
	.burger-change span.mid-line{display:none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
	.burger-change span.top-line{margin-top: 5px;-webkit-transform: rotate(40deg);-moz-transform: rotate(40deg);-ms-transform: rotate(40deg);-o-transform: rotate(40deg);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
	.burger-change span.bottom-line{  margin-top: -3px;-webkit-transform: rotate(-40deg);-moz-transform: rotate(-40deg);-ms-transform: rotate(-40eg);-o-transform: rotate(-40deg);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

	.menu{ display:none;overflow: hidden; padding: 0 0 10px;}
	.menu, .menu ul, .menu ul li{ width: 100%;}
	.menu ul li ul{display:inherit;}
	.menu ul li ul{position: inherit; width: 100%;padding:0 0 0 5%;}
	.menu ul li ul li a{padding: 5px 10px;}
	.menu ul li a{padding: 5px;border-right: 4px solid #fff;}
	.menu ul li a:hover{border-right: 4px solid #fd6b00;}
	.menu ul li{border-right:none;border-bottom: 1px dashed #999;}
	.menu ul li a, .menu > ul > li > a:hover{border-bottom:none;}
	.menu ul li ul li:hover::after{content:"";background:url(../images/hover-pic2.png) no-repeat left top; width:8px; height:17px; position:absolute;top:24%; right:4px;}
	.menu > ul > li > a:hover::after{content:"";background:url(../images/hover-pic2.png) no-repeat left top; width:8px; height:17px; position:absolute;top:24%; right:0px;left: inherit;}
	.menu ul li ul li ul { left: 0px;  top: 0px;}
	}


.banner{ position:relative;}
.banner-text{ position:absolute; width:50%; text-align:left; top:50%; left:83px; transform:translateY(-50%);color: #ffffff;}
.banner-text2 { position: absolute; width: 50%; text-align: right; top: 50%; right: 83px; transform: translateY(-50%); color: #ffffff;
}
.banner-text2 ul{ margin:20px 10px;display: inline-block;}
.banner-text2 ul li{  background:url(../images/add1.png) no-repeat left top 5px; margin:5px 10px;display: inline-block;padding: 0px 25px;}


.banner-text span.boldtext{color:#FFFFFF;}
.boldtext{/*! display:block; */font-family: 'PerpetuaTitlingMT-Bold'; font-size:32px;color: #fff;}
.boldtext2{/*! display:block; */font-family: 'PerpetuaTitlingMT-Bold'; font-size:48px;}
.smalltext{display:block;font-family: 'PerpetuaTitlingMT-Light'; font-size:30px;}
.banner-text a{ margin:23px 0px;display: inline-block;}
.banner-text ul{ margin:20px 10px;display: inline-block;}
.banner-text ul li{  background:url(../images/add1.png) no-repeat left top 5px; margin:5px 10px;display: inline-block;padding: 0px 25px;}
.banner-form{margin:10px 0;}
.banner-form form{ background:#fff; border-radius:35px; display:inline-block; width:50%; border:5px solid #fff; overflow:hidden;}
.banner-form form input{float: left; padding: 10px; width: 50%; border:none; font-size:16px;}
.banner-form form input[type="email"]{ background:#ccc;}
.banner-form form input[type="submit"]{ background:#a013e1; color:#fff; cursor:pointer;}

.banner_bottom {background-color: #08031ecc; width:100%;padding: 0 30px;}



.service  { text-align: center;margin: 0 auto;}
.service p {
    font-family: "Muli", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 26px;
	color: #9b9b9b;}
.service h2 {
    font-family: "Muli", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 48px;
    color: #223645;}
.service h5 {
    -webkit-text-stroke: 1px #e6e6e6;
    -webkit-text-fill-color: transparent;
}
.solutions  { text-align: center;margin: 0 auto; background: rgb(247, 247, 247);}
.solutions  .textcolo {color: #47a145 !important;}
.solutions h4 {
    font-size: 20px;
    line-height: 32px; text-align: left;
    font-weight: 800; color: #223645;
}
.solutions .img  { 
    margin: 5px 10px;
    width: 62px;
    float: left;
}
.solutions p {
    font-family: "Muli", Arial, Helvetica, sans-serif;
    /*! font-weight: 600; */
    font-size: 15px;
    line-height: 22px;
	color: #9b9b9b;
    text-align: left;
}
.solutions h2 {
    font-family: "Muli", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 48px;
    color: #223645;}
.solutions h5 {
    -webkit-text-stroke: 1px #e6e6e6;
    -webkit-text-fill-color: transparent;
}

.innerfont{font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 110px;
    line-height: 44px;
    color: #000000;
text-align: center;
display: block;
margin: 0 auto;
}
.innerfont2 {
    margin: 25px auto;
}
.innerfont3 {
    margin:-85px auto;
    float: left;
    width: 100%;
    display: block;
}
.innerfont4 {
   
    position: absolute;
    margin: 77px 15%;

}
.innerfont5 {
   
    position: absolute;
   margin: 71px 29%;

}

.team{ padding:50px 0;}
.team-head{ text-align:center; margin:0 0 50px;}
.team-members{ text-align:center; border: 3px solid #fff; margin: 0 0px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
/*! box-shadow: 1px -1px 6px 7px #f0e7e7; */
}
.member-pic{ overflow:hidden;}
.member-pic img{ width:100%;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.members-details{ background:#fff;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position:relative;padding: 10px;text-align: left;}
.members-details h3{ padding:20px 0 10px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;font-size: 20px;}
.members-details ul{ text-align:center;}
.members-details ul li{ display:inline-block; margin:10px;}
.members-details ul li a{ font-size:20px; color:#000;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.members-details::after{ content:""; position:absolute; top:-9px; left:25px; width:19px; height:10px; background:url(../images/up-arrow.png) no-repeat left top;display:none; }

.team-members:hover .member-pic img{ -webkit-transform: scale(1.3); -moz-transform: scale(1.3);-o-transform: scale(1.3);transform: scale(1.3); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.team-members:hover{ border: 3px solid #ccc;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.team-members:hover .members-details{ background:#393186;;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.team-members:hover .members-details ul li a, .team-members:hover .members-details h3, .team-members:hover .members-details{ color:#fff;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.team-members:hover .members-details::after{ display:block;}

.readmore a {
 font-size: 14px;
    font-weight: 700;
    background-color: #f5f5f5;
    min-height: 47px;
    padding-left: 15px;
    position: relative;
    z-index: 1;
}

.btnsolution:hover {background-color: #223645;color: #fff;border: 1px solid transparent;text-decoration: none;font-size: 14px;
line-height: 14px;padding: 13px 30px 12px 30px; margin: 10px;}
.btnsolution {background-color: #47a145;color: #fff!important;border: 1px solid transparent;text-decoration: none;font-size: 14px;
line-height: 14px;padding: 13px 30px 12px 30px;  margin: 10px;}


.shaped_solutions  h5 {
    -webkit-text-stroke: 1px rgba(255,255,255, 0.10);
    -webkit-text-fill-color: transparent; text-align: left!important;
}
.shaped_solutions h2 {
    font-family: "Muli", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 48px;
    color: #fff;}
.shaped_solutions_innerfont {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 110px;
    line-height: 44px;
    color: #000000;
    text-align: center;
    display: block;
   
}
.shaped_solutions { 
  
    padding-top: 103px !important;
    /*! padding-bottom: 202px !important; */
   
  background: url(../images/tmrowbg01.jpg);
  background-position: center !important;
  background-repeat: no-repeat;
  /*! background-attachment: fixed; */
  background-size: cover;
	text-align: left!important;
    height: 500px;
}
.servicebox-stylethree {
    overflow: hidden;
    position: relative;
}

/*======================================
      18. PROMO BLOCK WITH HOVER BG IMAGE
=========================================*/
.promo-block-content h4{ color: #47a145!important; font-size: 18px;}
.single-promo-block{ display: block; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;border-bottom: 2px solid #1a2c79;}
.single-promo-block h2{}
.single-promo-block:hover a{ color:#fff;}

.promo-hover-bg-1:before{ background-image: url("../images/1.jpg");}

.promo-hover-bg-2:before{ background-image: url("../images/2.jpg");}
.promo-hover-bg-3:before{ background-image: url("../images/3.jpg");}
.promo-hover-bg-4:before{background-image: url("../images/blog/4.jpg");}
.promo-hover-bg-5:before{ background-image: url("../images/blog/5.jpg");}
.promo-hover-bg-6:before{background-image: url("../images/blog/6.jpg");}
.single-promo-block:before{ top: 80%; opacity: 0;background-size: cover; background-repeat: no-repeat; background-position: center;-webkit-filter: brightness(40%); filter: brightness(40%);
}

.single-promo-block:before, .single-promo-block:after {
    content: '';
    height: 100%;
    right: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.single-promo-block:after{
    z-index: 1;
    top: 100%;
 background: linear-gradient(blue, 10%, green);;
}


.single-promo-block > * {
    position: relative;
    z-index: 3;
}
@media screen and (min-width: 1367px), screen and (any-hover: hover) and (min-width: 1200px), not all, not all, not all{
    .single-promo-block.hover-image:hover:before {
        opacity: 1;
        -webkit-transition: all 0.17s ease-out 0.18s;
        transition: all 0.17s ease-out 0.18s;
    }
    .single-promo-block.hover-image:hover:before, .single-promo-block.hover-image:hover:after {
        top: 0;
    }
    .single-promo-block.hover-image:hover .promo-block-content h5, .single-promo-block.hover-image:hover .promo-block-icon span{
        color: #ffffff;
    }
    .single-promo-block.hover-image:hover .promo-block-content p{
        color: rgba(255,255,255,0.75);
    }
}
.overlay-top-img{
    position: absolute;
    bottom: -27px;
}

.project-info-list li{
    border-left: 4px solid #1A2C79;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
}
.project-info-list li a{
    color: #707070;
}
.z-index { z-index: 9;
}
.mt--165 { margin-top: -165px !important;}
.ptb-50 { padding: 15px 0 50px;}
.position-relative {position: relative !important;}
.marginnn { margin: 0px 15px;}
.fsection {margin-top: 300px;}
/*=========================================
           26. FOOTER CSS
============================================*/

.footer-section {
 
   background-color: #223645;
}
.footer-top {
    padding: 65px 0;
}

.security-icon-list li{
    margin: 0 15px 12px 0;
}

@media (min-width: 320px) and (max-width: 567px) {
    .footer-top { padding: 50px 0; }
	.shaped_solutions h2 {
    font-family: "Muli", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-size: 33px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
}
}

.footer-nav-wrap_padding {
    padding: 0px;
}
.footer-nav-wrap_tittle h4 {
    font-size: 21px;
    margin-bottom: 35px;
    padding-bottom: 5px;
    /*! border-bottom: 1px solid #fff; */
    /*! padding-left: 10px; */
}
.footer-nav-wrap_tittle h4::after {
    display: block;
    height: 2px;
    content: '';
    position: absolute;
    left: 0;
    width: 17px;
    margin-top: 9px;
    margin-bottom: 0;background-color: #47a145;
    margin-left: 10px;
}
.footer-nav-wrap ul li{
   padding: 0 0 0 25px;
   background:url(../images/bu.png) no-repeat left center;
}
.footer-nav-wrap ul li a {
    font-size: 16px;
    line-height: 30px;
    padding: 3px 0;
    color: inherit;
    opacity: 0.8;
	/*! border-bottom:1px dashed #fff; */
}

.footer-nav-wrap ul li a:hover, .copyright-text a:hover, .social-list li a:hover {
    opacity: 1;
    text-decoration: none;background:none;
}

.payment-method ul {
    display: inline-flex;
    align-items: center;
}

.payment-method ul li img {
    max-width: 60px;
}

.payment-method ul li:last-child img {
    margin-right: 0;
}

.copyright-text {
    font-size: 13px;
}

.social-list li a {
    padding: 6px 10px;
}

.footer-nav-list li a span {
    font-size: 12px;
    vertical-align: middle;
}

.bottom-sticky-footer {
    position: absolute;
    bottom: 1px;
    width: 100%;
    height: 55px;
}
.social-nav ul li a{
    opacity: 0.8;
    transition: all 0.3s ease-in;
}


.tooltip-hover{
    position: relative;
}

.tooltip-hover a{
    display: block;
}

.tooltip-item{
    position: absolute;
    background-color: rgb(255, 255, 255);
    pointer-events: none;
    color: rgb(51, 51, 51);
    font-size: 13px;
    bottom: 90%;
    left: 50%;
    opacity: 0;
    white-space: nowrap;
    visibility: hidden;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 15px;
    transform: translate3d(-50%, 0px, 0px);
    padding: 0.4rem 0.8rem;
    border-radius: 3px;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.tooltip-item:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0px;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 6px solid rgb(255, 255, 255);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.tooltip-hover:hover .tooltip-item{
    opacity: 1;
    visibility: visible;
    bottom: calc(100% + 5px);
}

.get-in-touch-list li{
    font-size: 14px;
	padding:0 0 0 30px;
}
.get-in-touch-list li:first-child{ background:url(../images/add1.png) no-repeat left top 5px; } 
.get-in-touch-list li:nth-child(2){ background:url(../images/add1.png) no-repeat left top 5px; } 
.get-in-touch-list li:nth-child(3){ background:url(../images/add1.png) no-repeat left top 5px; } 
/*.get-in-touch-list li:nth-child(2){ background:url(../images/phone.png) no-repeat left top 5px; } 
.get-in-touch-list li:nth-child(3){ background:url(../images/fax.png) no-repeat left top 2px; }
.get-in-touch-list li:nth-child(4){ background:url(../images/saes.png) no-repeat left top 2px; }*/


.get-in-touch-list li span{
    font-size: 18px;
}

.recent_tweets ul > li::before {
    content: "\f099";
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    position: absolute;
    left: 0;
    padding-top: 5px;
}
.green_text{
    color: #45A145;
    font-style: italic;
}


.tweet-details a {
    color: rgba(255, 255, 255, 0.4); font-size: 16px;
    line-height: 23px;
}

.quicklink-box-3 {
    padding-left: 30px;
    position: relative;
    margin-bottom: 12px;
}
.quicklink-box-3 p {
    font-size: 17px;
    line-height: 29px;
    font-weight: 600;
    color: #fff !important;
    margin-top: -12px;
}
  

.quicklink-box-3 h5 {
    font-size: 21px; color: #47a145 !important;
}
.py1-2 {
 padding:1.5rem 0px !important;
 border-top: 1px #49677d solid;
}
.social-top{ width:100%; float:left; padding:1px 0 0 0; }
.social-bot{ width:100%; float:left; padding:25px 0 0 0; }
.social-bot p{ font-weight:400; font-size:14px; line-height:18px; color:#b3b3b3; padding:0 20px 0 0; margin:0; }
ul#awesome-menu { width: 140px; margin:0; list-style: none; float: right;}
ul#awesome-menu li { display: inline; }
ul#awesome-menu li a { display: block; float: left; height: 30px; background-image: url(../images/social.png); text-indent: -9999px; }
ul#awesome-menu li a.facebook { width: 35px; background-position: 0 0;	}
ul#awesome-menu li a.twitter { width: 35px; background-position: -35px 0; }
ul#awesome-menu li a.linked { width: 35px; background-position: -70px 0; }
ul#awesome-menu li a.skype { width: 30px; background-position: -105px 0; }
ul#awesome-menu li a.facebook:hover, ul#awesome-menu li a.facebook:focus { background-position: 0 -30px; }
ul#awesome-menu li a.twitter:hover, ul#awesome-menu li a.twitter:focus { background-position: -35px -30px; }
ul#awesome-menu li a.linked:hover, ul#awesome-menu li a.linked:focus { background-position: -70px -30px; }
ul#awesome-menu li a.skype:hover, ul#awesome-menu li a.skype:focus { background-position: -105px -30px; }

.business_goal{ background: url(../images/tmsigle02.png)no-repeat right top; margin: 40px;padding: 40px 0px;  height: 740px}
.business_goal h5{ padding: 40px 0px; font-size: 38px; color: #223645;}




.vc_column_container {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.vc_custom_1614688973680 {
    margin-right: -270px !important;
    padding-top: 70px !important;
    padding-right: 0px !important;
}
.vc_column-inner {
    position: relative;
}
.vc_column_container > .vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.tm-zindex-2 {
    z-index: 2;position: relative;
}
.vc_column_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;padding-left: 0;
padding-right: 0;
}

.vc_column_container > .vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.vc_custom_1614688973680 {
    margin-right: -270px !important;
    padding-top: 70px !important;
    padding-right: 0px !important;
}.vc_column-inner::before {
    content: " ";
    display: table;
}
.vc_column-inner > .wpb_wrapper {
    height: 100%;
}
.vc_row-o-equal-height.vc_row-flex > .vc_column_container > .vc_column-inner > .wpb_wrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.vc_column-inner > .wpb_wrapper {
	position: relat}.vc_column-inner > .wpb_wrapper {
    height: 100%;
}
.vc_row-o-equal-height.vc_row-flex > .vc_column_container > .vc_column-inner > .wpb_wrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.vc_column-inner > .wpb_wrapper {
	position: relat;
}

.footermenu{
    width: 50%;
    float: left;
}
/*Navegation Section*/
#navbar-style{
	position:relative;
}
#navbar-style.navbar {
    position: relative;
    margin-bottom: 0px;
    border-top: 1px solid #ececec;
}
ul#nav{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul#nav li{
	float:left;
	margin:0px;
	position:relative;
	/*display:table-cell;
	width:1%;
	text-align:center;*/
}
ul#nav li a{
	font-size:14px;
	color:#333;
	text-decoration:none;
	display:block;
	font-weight:normal;
	padding:15px 20px;
	line-height:30px;
	transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	-webkit-transition:0.5s;
}
ul#nav li a:hover{
	background:#47a145;
	color:#fff;
}
ul#nav li a.active{
	background:#ff1919;
	color:#fff;
}

ul#nav li:hover .submenu{
	display:block;
	transition:0.8s;
	margin:0;
	padding:0;
}
ul.submenu{
	display:none;
}
ul.submenu{
	position:absolute;
	left:0;
	top:60px;
	background:#223645;
	list-style:none;
	z-index:1;
}
ul.submenu li{
	float:none;
	margin:0;
	width:240px;
	position:relative;
	border-bottom:1px solid #666;
}
ul.submenu li:last-child{
	border-bottom:none;
}
ul#nav li .submenu li a{
	color:#fff;
}
ul.submenu2{
	display:none;
}
ul.submenu2{
	position:absolute;
	left:200px;
	top:0px;
	background:#666;
	list-style:none;
	z-index:2;
}
ul.submenu li:hover .submenu2{
	display:block;
}
/*#navbar-style.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
	box-shadow:1px 2px 5px #e2e2e2;
}

#navbar-style.navbar {
    position: relative;
    margin-bottom: 0px;
    border-top: 1px solid #ececec;
}
#navbar-style .navbar {
    border-radius:0;
}
#navbar-style .nav-justified > li > a {
    color:#777873;
	line-height:40px;
	font-size:14px;
}
#navbar-style .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 0px;
}
#navbar-style .nav > li > a:hover, .nav > li > a.active {
    text-decoration: none;
    background-color: #ff1a1a;
	color:#fff !important;
}

#navbar-style.navbar-default .navbar-toggle {
    border-color: #ff1a1a;
}
#navbar-style.navbar-default .navbar-toggle:hover {
    background-color:#fff;
}
#navbar-style.navbar-default .navbar-toggle:focus {
    background-color:#fff;
}
#navbar-style.navbar-default .navbar-toggle .icon-bar {
    background-color: #ff1a1a;
}*/


/*Responsive Nsv*/
a#navbtn{
	width:25px;
	height:25px;
	margin:10px 0 0 10px;
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	top:0px;
	left:-50px;
	display:none;
	text-decoration:none;
	color:#ff1a1a;
}
a#navbtn span{
	height:2px;
	background:#ff1a1a;
	margin-bottom:5px;
	display:block;
}
a#navbtn span:nth-child(2){
	width:75%;
}
a#navbtn span:nth-child(3){
	width:50%;
}

#sidebar-nav{
	margin:0px;
	padding:15px 0px;
	background:rgb(34, 54, 69);
	height:100hv;
	width:80%;
	display:block;
	position:absolute;
	right:-485px;
	top:0;
	transition:left 0.3s linear;
	z-index:1000;
}
#sidebar-nav.visible{
	left:0;
	transition:left 0.3s linear;
	top: 0px;
    position: absolute;
	display:none;
}
#sidebar-nav ul{
	margin:0;
	padding:0;
}
#sidebar-nav ul li{
	float:none;
	margin:0px;
}
#sidebar-nav ul li a{
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	padding:12px 15px;
	font-weight:200;
	transition:all ease-in-out 0.5s;
	display:block;
	border-bottom:1px solid #E1E1E1;
}
#sidebar-nav ul li a:hover{
	width:100%;
	background:#47a145;
	color:#fff;
}
#sidebar-nav ul li a.active{
	width:100%;
	background:#47a145;
	color:#fff;
	padding-left:8px;
}
.drop-menu{
	display:none;
}
.drop-menu2{
	display:none;
}


/*=========================about===============*/
.galery{position: relative;padding: 40px 0px;text-align: left;}
.galery h2 {font-family: "Muli", Arial, Helvetica, sans-serif;font-weight: 800;font-size: 38px; line-height: 48px; color: #223645;}
/*=========================about===============*/
.value{position: relative;padding: 40px 0px;text-align: left; background: #fff;color: #fff;}
.value-left{position: relative;padding:10px;text-align: left;}
.value-left h4{position: relative;padding:0px 0px;text-align: left; color: #1F7A04; margin-bottom: 0px;}
.value-left li{padding:10px; margin: 10px 0px; text-align: left; list-style: none;border: 1px #c4c6c3 solid;}
.value-left li h5{padding:10px;text-align: left;}

/*=========================family-office===============*/
.family-office{width: 100%}
.family-office-right{width: 100%; float: left;}
.family-office-right ul{width: 100%; float: left;}
.family-office-right ul li{width: 100%; float: left;}

.family-office-right h3{ font-size: 24px;margin: 32px 0px;color: #223645;}
.family-office-right img{font-size: 40px;  transform: rotate(0deg); position: relative; display: block; text-align: center; color: #216803; margin: 0px auto;}
.family-office-sidebar{width: 100%;background: #eaeaea;}
.family-office-sidebar ul{width: 100% ;/*! padding: 10px; */margin: 0px;}
.family-office-sidebar ul li{width: 100% ;list-style: none; margin-bottom:5px;}
.family-office-sidebar ul li:hover{width: 100% ;list-style: none; background: #47a145;margin-bottom:5px;color: #fff;}

.family-office-sidebar ul li a{width: 100%; margin-bottom:5px;padding: 10px; display: block;}
.family-office-sidebar ul li a:hover{width: 100%; color: #fff;background: #47a145;margin-bottom:5px;padding: 10px; display: block;}
.family-office-sidebar ul li a.active{width: 100%; color: #fff;background: #47a145;margin-bottom:5px;padding: 10px; display: block;}
/*=========================about===============*/

.tm-bg-layer { background-color: rgba(34,54,69,0.82);}
.about{position: relative;padding: 40px 0px;text-align: left;}
.about h2 {font-family: "Muli", Arial, Helvetica, sans-serif;font-weight: 800;font-size: 38px; line-height: 48px; color: #223645;}
.mision{position: relative;padding: 40px 0px;text-align: left; background: #223645;}
.mision2{position: relative;padding: 40px 0px;text-align: left; background: #ccc;}
.mision2-inner{ border: 4px double #223645;padding: 10px;}
.mision2-inner h4 {text-align: center;padding: 10px; color: #223645;font-size: 20px;}
.mision2-inner i { font-size: 40px;transform: rotate(0deg);width: 1em;height: 1em; position: relative; display: block; text-align: center;color: #216803; margin: 0px auto;}
.bg-secon { background-color: #223645 !important;}

.mision h2 {font-family: "Muli", Arial, Helvetica, sans-serif;font-weight: 800;font-size: 38px; line-height: 48px; color: #fff;}
.mision ul {padding: 0px;}
.mision ul li {font-family: "Muli", Arial, Helvetica, sans-serif;font-weight:400;font-size: 16px; line-height: 26px; color: #fff;}
.mision ul li i {margin-right: 10px; }

/* Client
-----------------------------*/

.client-list {  background: #3a3a3a ; padding:0 0 60px;}
.client_top{padding: 50px 0;}
.client_bar {  width: 20%; float: left;  border-top: 1px solid #aaaaaa;  margin-top: 10px;}
.client_head { width: 60%; float: left; font: normal 16px/18px 'open_sansregular', Helvetica, sans-serif; color: #ffffff; text-align: center;}
.client_bot { }

/*-- gallery --*/ 
.gallery-grids {
    margin: 0.5em;
    float: left;
    width: 30.9%; height: 180px!important;
}
.img-hover {
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    filter: alpha(opacity=100);
	margin-bottom:30px;
}
.img-hover img { 
	width: 100%;
}
.img-hover .view-caption {
	background-color: rgba(17, 36, 49, 0.57);
	border: 5px solid #fff;
	bottom: 0;
	color: #fff;
	left: 0;
	margin: 10px;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	right: 0;
	text-align: center;
	top: 0;
	z-index: 99;
	-webkit-transition: all 0.75s ease-in-out 0s;
	-moz-transition: all 0.75s ease-in-out 0s;
	-ms-transition: all 0.75s ease-in-out 0s;
	-o-transition: all 0.75s ease-in-out 0s;
	transition: all 0.75s ease-in-out 0s;
}
.img-hover .view-caption h5 {
	color: #fff;
	font-size: 1.5em;
	padding-top: 25.5%;
	-webkit-transition: all 0.75s ease-in-out 0s;
	-moz-transition: all 0.75s ease-in-out 0s;
	-ms-transition: all 0.75s ease-in-out 0s;
	-o-transition: all 0.75s ease-in-out 0s;
	transition: all 0.75s ease-in-out 0s;
}
.img-hover:hover .view-caption {
	opacity: 1;
	filter: alpha(opacity=100);
	border: 10px solid #fff;
}
.img-hover:hover .view-caption h5 {
    padding-top: 30%;
}
/*-- //gallery --*/


/* Testimonial Section 
---------------------------------*/
.testimonial{padding:-69px 0;}
.testimonial-box{/*! padding: 20px 0; */ background: url(../image/map.png) no-repeat center center ; /*! margin:50px 0 0; */}
.client-comment{float:left;width:60%; margin: 30px 0;/*background:url(../image/testimonial-bg.png) no-repeat left top 3px;*/ padding:0 0 0 50px;}
.testimonial-box-inner{padding:20px;}
.client-comment strong{ font-weight:700;float: right;width:100%; text-align:right;}
.client-comment p em{ display:block; font-style:normal; font-size:13px; color:#999;float: right;width:100%; text-align:right;}

.client-pic{ float:left;width:29%;margin: 30px 0;}
.client-pic-holder{ width: 135px;height:135px; border-radius:50%; margin:0 auto;border:15px solid #ccc; overflow:hidden; background:#a013e1 ;}


/* ccustomar Section 
---------------------------------*/
.customar ul{ float:left; margin:15px 0 0;}
.customar ul li{ float:left; list-style:none; width:19%; border:1px solid #ccc;background: white;margin: 2px 2px;height: 147px;padding: 10px;/*! border-bottom: 1px solid #ccc; */}
.customar ul li a{ /*! padding: 5px; */text-decoration: none;}
.customar ul li img{ width:100%;}
.testimonial_wrapper .icon_wrapper::before {  border-right: 120px solid transparent; border-top: 120px solid #001dac; content: ""; left:0px; position: absolute; top:88px; z-index: 99;}
.testimonial_wrapper .icon_wrapper img{ top:107px;left: 20px;}
.ceo-pic{ margin-top:-150px;}


/* contact Section 
---------------------------------*/

.contact-outer h3{margin-top:30px; width:100%}
.contact-form div{float:right;width:48%;}
.contact-form div:nth-child(2n){float:left;width:48%;}
.contact-form div:last-child{width:100%;}
.contact-form{float:left; width:50%;padding-right:6%;text-align:left;border-right: 2px solid #28a745;}
.contact-form input[type=text]{width:100%; padding:8px 5px; border:none;border:1px solid #28a745; margin-bottom:5px; border-radius:5px;}
/*.contact-form input[type=submit]{width:100%; padding:10px; border:none;background:#cb3d0e; margin-bottom:15px;border-radius:5px;color:#fff;font-size:20px;}*/
.contact-form textarea{width:100%; padding:8px 5px; border:none;border:1px solid #28a745; margin-bottom:15px; height:100px; resize:none; border-radius:5px;}
.contact-form select{width:100%; padding:8px 5px; border:none;border:1px solid #cb3d0e; margin-bottom:5px; border-radius:5px;}
.comment-box{width:100% !important;}
.contact-page-right{float:right; width:50%; padding:0 0 0 5%;text-align:left;}
.contact-page-right > p { margin-bottom: 5px;}


.widgetPosition-Bottom-Right {
 position:fixed;
 bottom:20px;
 right:15px
}
.whatsappWidget {
    height: 3.7em;
    width: 3.7em;
    border-radius: 50%;
    z-index: 11;
    color: #fff;
    text-align: center;
    display: table;
    transition-property: top;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
}

/*-------Portfolio Part Starts Here ---------*/
.portfolio-bottom{
	margin-top:5em;
}
.port-left img{
	width:100%;
}
.portfolio {
  	padding-bottom: 6em;
}
.portfolio-one{
	margin-top:20px;
}
.col-md-3.port-left {
  padding: 0 10px;
}
.portfolio-one:nth-child(1){
	margin-top:0;
}
.portfolio img {
	max-width:100%;
	transition: all 500ms!important;
	-webkit-transition: all 500ms!important;
	-moz-transition: all 500ms!important;
}
.portfolio .label {
	position: absolute;
	width: 100%;
	height:40px;
	bottom:-40px;
}
.portfolio .label-bg {
	background: #22B4B8;
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}
.portfolio .label-text {
	color:#fff;
	position: relative;
	z-index:500;
	padding:5px 8px;
}		
.portfolio .text-category {
	display:block;
	font-size:9px;
	font-size: 12px;
	text-transform:uppercase;
}
.portfolio-wrapper:hover ul.social-ic{
	display: block;
}



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


@media screen and (max-width: 800px) {
	.lab a { font-size: 11px!important;line-height: 18px;
    font-weight: normal;}
	.top-contact ul li {
    float: left;
    margin-right: 13px;
    list-style: none;
}
}
@media screen and (min-width: 877px) {
	.menu{display:block !important ;}
	
}

@media (max-width:1024px){	
a.responsive-menu{
	width:100%;
	padding:10px;
	text-align:center;
	font-size:18px;
	color:#fff;
	clear:both;
	display:block;
}
ul#nav{
	display:none;
}
a#navbtn{
	display:block;
}
#sidebar-nav.visible{
	display:block;
}
.drop-menu{
	display:none;
}
.drop-menu2{
	display:none;
}

}

@media screen and (max-width: 877px) {
	ul#nav {
    display: none;
}
	a#navbtn {
    display: block;
}
}

@media screen and (min-width: 769px) {
	.top-contact{display:block !important;}
	
}
@media screen and (max-width: 768px) {
.burger-mune { cursor: pointer; float: right; margin: 25px 0;}
h1{display: none}
.primary-bg { background-color: #223645; display: none;}
.innerfont2 { margin: -51px 0px auto;}
.section { margin: 0px 0px; padding:10px 0px;}
.mobile{display: none;}
.boldtext { display: block;font-family: 'PerpetuaTitlingMT-Bold'; font-size: 29px; color: #fff;}

.banner-form {margin: 10px 0; display: none;}
h5 { font-size: 38px;}
.service h2,.solutions h2 {font-family: "Muli", Arial, Helvetica, sans-serif;font-weight: 800;font-size: 20px;line-height: 30px; color: #223645;}
.innerfont2 { margin: 7px auto;}
.banner-text a { margin: 0px 0px; display: inline-block;}
.members-details h3 { padding: 5px 0 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; font-size: 17px;}	

.btn1 { padding: 1px 5px;}
.banner-text, .banner-text2 { position: absolute; width: 100%; text-align: center;bottom: 0%; left: -6px; /*! transform: translateY(-50%); */color: #ffffff;}
.btnsolution {
    background-color: #47a145;
    color: #fff !important;
    border: 1px solid transparent;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    padding: 13px 10px 12px 10px;
    margin: 10px;
}
.client-pic {
    float: left;
    width: 100%!important;
    margin: 30px 0;
}	
.client-comment{float:left;width:100%!important; margin: -9px 0;/*background:url(../image/testimonial-bg.png) no-repeat left top 3px;*/ padding:0 0 0 0px!important;}
.testimonial-box-inner{padding:0px!important;}
	
	/*=====about================*/
	
.value { position: relative; padding: 10px 0px!important; text-align: left;}
.about { position: relative; padding: 10px 0px!important; text-align: left;}
.mision { position: relative; padding: 10px 0px!important; text-align: left;}
.mision2 { position: relative; padding: 10px 0px!important; text-align: left;}
.about h2 {font-size: 20px; line-height:28px; color: #223645;}
.value h2 {font-size: 20px; line-height:28px; color: #223645;}
.mision h2 {font-size: 20px; line-height:28px; color: #ffffff;}
.mision2 h2 {font-size: 20px; line-height:28px;}
.customar ul li{ float:left; list-style:none; width:22%; border:1px solid #ccc;background: white;margin: 2px 2px;height: 50px;padding: 10px;/*! border-bottom: 1px solid #ccc; */}
.galery{position: relative;padding: 10px 0px;text-align: left;}
.galery h2 {font-family: "Muli", Arial, Helvetica, sans-serif;font-weight: 800;font-size: 20px; line-height: 28px; color: #223645;}
.touch{width: 100%;float: left;}
}