@font-face {
	font-family: GothamPro;
	src: url(../fonts/GothamPro-Light.eot);
	src: url(../fonts/GothamPro-Light.woff2) format("woff2"),url(../fonts/GothamPro-Light.woff) format("woff"),url(../fonts/GothamPro-Light.ttf) format("truetype"),url(../fonts/GothamPro-Light.svg#GothamPro-Light) format("svg"),url(../fonts/GothamPro-Light.eot?#iefix) format("embedded-opentype");
	font-weight: 100;
	font-style: normal
}

@font-face {
	font-family: GothamPro;
	src: url(../fonts/GothamPro.eot);
	src: url(../fonts/GothamPro.woff2) format("woff2"),url(../fonts/GothamPro.woff) format("woff"),url(../fonts/GothamPro.ttf) format("truetype"),url(../fonts/GothamPro.svg#GothamPro) format("svg"),url(../fonts/GothamPro.eot?#iefix) format("embedded-opentype");
	font-weight: 200;
	font-style: normal
}

@font-face {
	font-family: GothamPro;
	src: url(../fonts/GothamPro-Medium.eot);
	src: url(../fonts/GothamPro-Medium.woff2) format("woff2"),url(../fonts/GothamPro-Medium.woff) format("woff"),url(../fonts/GothamPro-Medium.ttf) format("truetype"),url(../fonts/GothamPro-Medium.svg#GothamPro-Medium) format("svg"),url(../fonts/GothamPro-Medium.eot?#iefix) format("embedded-opentype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: GothamPro;
	src: url(../fonts/GothamPro-MediumItalic.eot);
	src: url(../fonts/GothamPro-MediumItalic.woff2) format("woff2"),url(../fonts/GothamPro-MediumItalic.woff) format("woff"),url(../fonts/GothamPro-MediumItalic.ttf) format("truetype"),url(../fonts/GothamPro-MediumItalic.svg#GothamPro-MediumItalic) format("svg"),url(../fonts/GothamPro-MediumItalic.eot?#iefix) format("embedded-opentype");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: GothamPro;
	src: url(../fonts/GothamPro-Bold.eot);
	src: url(../fonts/GothamPro-Bold.woff2) format("woff2"),url(../fonts/GothamPro-Bold.woff) format("woff"),url(../fonts/GothamPro-Bold.ttf) format("truetype"),url(../fonts/GothamPro-Bold.svg#GothamPro-Bold) format("svg"),url(../fonts/GothamPro-Bold.eot?#iefix) format("embedded-opentype");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: GothamPro;
	src: url(../fonts/GothamPro-Black.eot);
	src: url(../fonts/GothamPro-Black.woff2) format("woff2"),url(../fonts/GothamPro-Black.woff) format("woff"),url(../fonts/GothamPro-Black.ttf) format("truetype"),url(../fonts/GothamPro-Black.svg#GothamPro-Black) format("svg"),url(../fonts/GothamPro-Black.eot?#iefix) format("embedded-opentype");
	font-weight: 800;
	font-style: normal
}

:root {
	--laranja-1: #FBBE2F;
	--verde-2: #414141;
	--azul-1:  #1c3776;
	--azul-2:  #4285f4;
	--amarelo: #f4b400;
	--preto: #313131;
}

.tgreen{color: #006838;}
ul{list-style: none;}
button:focus,
*:focus { outline: 0!important;box-shadow: none!important;}
textarea{ resize: none; }
a{text-decoration: none;  -webkit-font-smoothing: antialiased;}
input,a,.animate, .btn,.animated,.btn-one,.border-animation-primary:before,
a,button{-webkit-transition: all 0.3s;transition: all 0.3s; }
a{text-decoration: none!important;}

body {font-family: 'GothamPro', sans-serif; font-size: 18px;color: #313131;background-color: transparent!important;overflow-x: hidden;
	position:relative;line-height: 28px;color: #000;
}
body.search {padding-top: 200px!important;}

.limit {max-width: 1366px;}
::-webkit-scrollbar {width:8px;position:absolute !important;}
::-webkit-scrollbar-track {background:#CFDDE8;}
::-webkit-scrollbar-thumb {background:#000;}

p{font-size: 19px;line-height: 32px;color:var(--preto);font-weight: 200;}
a{color: #000;}
.btn-one{justify-content: center;display: inline-flex!important; text-align: center;padding: 8px 20px;color: #086838;font-size: 18px;font-weight: 500;align-items: center;
	border-radius: 6px;width: 377px;min-height: 44px;border: 2px solid #086838;
}
.btn-one:hover{color: #fff!important; background: #086838;border-color: #086838;}

.btn-two{justify-content: center;display: inline-flex!important; text-align: center;padding: 8px 20px;color: #fff;font-size: 18px;font-weight: 500;align-items: center;
	border-radius: 6px;width: 377px;min-height: 44px;border: 2px solid #FF6F00;background: #FF6F00;
}
.btn-two:hover{box-shadow: 0px 3px 6px #46665829;color: #fff;}
.btn-three{background:transparent;border:1px solid #414141; color: #414141 }
.btn-three:hover{color: #fff; background: var(--verde-1);border-color: var(--verde-1) }

h1,h2,h3,h4,h5,h6{color:#313131;}
.title{font-size: 30px;color: #313131;font-weight: 400;}
.title span{color: #006838;}

.card{padding: 20px;} 

main{overflow-x: hidden;}

body:not(.home){padding-top: 120px;}

.pe-6 {padding-right: 6rem!important;}

/* header */
.top{background: transparent linear-gradient(90deg, #006838 0%, #2B3990 100%) 0% 0% no-repeat padding-box;padding: 5px 0;}
.top ul{margin: 0;}
.top ul li a{color: #fff;position: relative;font-size: 13px;}
.top ul li a:hover{color: #ccc;}
.top ul li:not(:last-child) a.flag{margin: 0 10px;}
.top ul li:last-child a.flag{margin-left: 10px;}
.top ul li:not(:last-child) a.flag:after{
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #fff;
	right: -10px;
	top: 0;
	position: absolute;
}

.header {background: #fff; transition: all 200ms ease-out;}
.header .navbar {width: 1366px; margin:0px auto;}
.navbar-nav a{line-height: 34px;display: block;color: #757575;font-size: 16px;font-weight: 300;padding: 0 15px; position: relative; margin: 0;backface-visibility: hidden;-webkit-filter: blur(0);
	filter: blur(.0px);
}
.navbar-nav{position: relative;}
.navbar-expand-lg{background: transparent;}
.navbar-nav a:hover{color: #006838;}
.navbar-nav li a.active,
.navbar-nav li a:hover,.navbar-nav li.current-menu-item a{color: #006838;text-shadow: 0 0 black;}
#header .track{background: #086838;border-radius: 6px;color: #fff;padding: 3px 20px;height: 40px}
#header .track:hover{background: #293a8d;color: #fff!important;}

.navbar-nav .sub-menu{position: absolute;top: ; background: #fff;border-radius: 10px;padding: 0;display: none;box-shadow: 0 18px 22px -2px #00000026;opacity: 0;transition: .5s;}
.navbar-nav .sub-menu:before{content: '';top:0;left:0;}
.navbar-nav .sub-menu li a{ color: #000;line-height: 20px;font-weight: 600;}
.navbar-nav .sub-menu li a:hover{ color: #000!important;}

.header .topScroll{margin: 0 auto;}
.header .topScroll .navbar-nav li a{color: #757575;}
.header .topScroll  .navbar-nav li a.active,
.header .topScroll .navbar-nav li a:hover, .header .topScroll .navbar-nav li.current-menu-item a{color: #000!important;}
#header.activeScroll{background:#fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)}
#header .bthome *{transition: all .3s;display: block;}
#header.activeScroll .bthome svg{width: 180px;height: auto;}

#header.activeScroll img.scrolling{display: block;}
#header.activeScroll nav {margin-top: 0;margin-bottom: 0;}
#header .subnav{background:#383737; min-height: 74px;}
#header .subnav ul li a{color: #fff;font-size: 16px;}
#header .subnav ul li a:hover{color: #fbbe2f;text-shadow: 0 0 #fbbe2f;}
.navbar-toggler{color: #383737;}
#header #nav-top svg{max-width: 210px;}



/* subnav      ----------------------------------------------- */
/* section banner	 */
#banner{background:#F2F2F2; padding-top: 129px;}
#banner .item{min-height: 1200px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.caption {margin: 140px auto 0;width: 990px!important;}
.caption h1{font-weight: 600;line-height: 50px; color: #006838;}
.caption p{font-size: 22px; font-weight: 300;line-height: 30px;position: relative;color: #000000;}
.caption p:before{content: '';position: absolute;left: 0;top: 9px;display: block;width: 13px;height: 13px;border-radius: 3px;background: var(--verde-1);}
#banner .item{	background-image: url(../img/banner-home-nobordist.jpg);}
#banner .form{background: #ffff;box-shadow: 0px 3px 6px #00000029;border-radius: 6px; margin: 50px auto;}
#banner .form label{font-size: 18px;font-weight: 400;}
#banner .form input{height: 36px;}
#banner form .hs-button,
#banner .form button{background: #FF8300;border: 0;font-size: 18px;min-height: 36px;}
.hs-if {background: #fff!important;border: 2px solid red!important;}
.hs-form input[type="text"] {background: red !important;}

/* sectionces	------------------------------- */
body.home .section-innovative-system {margin:-600px 0 120px; overflow: hidden;}
.section-innovative-system .card{border-radius: 20px;border:0 ;min-height: 170px;background:#fafafaad ;position: relative;overflow: hidden;
	backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);
}	
.section-innovative-system .card:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 100%;
	background: transparent linear-gradient(1deg, #006838 0%, #2B3990 100%) 0% 0% no-repeat;
}

.section-innovative-system .card h2{font-size: 28px;font-weight: 400;color: #006838;}	
.section-innovative-system .card svg{width: 42px;color: #006838;}
.section-innovative-system .card ul li{font-size: 22px;position: relative;margin-bottom: 20px;font-weight: 300;}
.section-innovative-system .card ul li:before{content: '';position: absolute;left: -25px;top: 7px;width: 18px;height: 18px;background: url(../img/ico-check.png) center no-repeat;border-radius: 50px;}
.section-innovative-system .slick-slide{    padding: 8px;}
.section-innovative-system .title{ margin-bottom: 100px;}







/* section	------------------------------- */

#box-work{overflow-x: scroll;}
#box-work::-webkit-scrollbar {display: none;}
#box-work img{ max-width: 1281px;}
.section-work .text p,
.section-work .text {font-weight: 400;}
.section-work .text p span{color: #086838;}
.section-work .text{font-size: 36px;color: #006838;text-align: center;}

.section-work svg{width: 100%;}


/* section	------------------------------- */


.flutuante-whats{position: fixed;bottom: 0;right: 0;}


/* section-action	------------------------------- */

.section-action{background: #FAFAFA;overflow-x: hidden;}
.section-action .one{padding-top: 100px;padding-bottom: 100px;}
.section-action .title{}


.section-action.left {margin:100px 0;}
.section-action.left .two{position: relative;}
.section-action.left .img {width: 145%;background-size: cover;  position: absolute;left: -328px;}
.section-action.left.bg-gray .title{color: #000;}

.bg-gray{background: #F2F2F2;}

/* section- partners	------------------------------- */

.section-partners{background: #fff;padding:100px 0 50px;}
.section-partners p{font-size: 19px;line-height: 32px;}

.section-partners .sliding {overflow: hidden;position: relative;height: 150px;}
.section-partners .sliding div {
	width: 4000px;
	height: 120px;
	background: url(../img/1parceiros-shipsmart.jpg);
	transform: translate3d(0, 0, 0);
	position: absolute;
	top: -6px;
	left: 0;
	transform: translate3d(0, 0, 0);
	background-size: cover;
}

.section-partners .sliding div {animation: moveSlideshow 20s linear infinite;}
@keyframes moveSlideshow {
	100% { 
		transform: translateX(-57.9999%);  
	}
}
.section-brands{background: #FAFAFA;margin: 60px 0;}
.section-brands p{font-size: 22px;line-height: 32px;}

.section-brands .logo-list{min-height: 320px;}
.section-brands #brands-list img{margin: auto;}	
.section-brands #brands-list .slick-track{display: flex; align-items: center;}

.section-brands #brands-list .slick-next:before, .section-brands #brands-list .slick-prev:before{color: #000;}

.section-brands #brands-list div[data-slick-index='3'] img{max-width: 248px;}


/* faaq ========================================== */
.section-faq{background: #FAFAFA;}

.section-faq .accordion-item,
.section-faq .accordion-button,
.section-faq .accordion-header{border: 0!important;background:#FAFAFA;position: relative;}
.section-faq .accordion-item{border: 0!important;}
.accordion-button,
.accordion-button:focus{box-shadow: none!important;}

.section-faq .accordion-item{border-bottom: 2px solid #E6E6E6!important;padding: 10px 0;}
.section-faq .accordion-button.collapsed,
.section-faq .accordion-button{color: #3A3A3A;outline: none;font-weight: 400;font-size: 22px;}
.section-faq .accordion-body{font-weight: 300;font-size: 19px;padding-top: 0;}


.section-faq .accordion-button:before{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 45%;
	left: 0;
	background:#086838;
	border-radius: 100%;
}
.accordion-button::after{
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;	
	border-top: 10px solid #B0AFAF;
}


/*  ========================================== */

body.integrations .banner-header,
body.our-solution .banner-header{min-height: 800px;background-repeat: no-repeat;background-color: #fff ;}
body.our-solution .section-innovative-system .card{background: #FAFAFA;box-shadow: 0px 1px 10px #00000014;}
body.our-solution .section-innovative-system .title{margin-bottom: 50px;}


.section-our-solution .row.box:nth-child(even){background: #FAFAFA;}

body.how-it-works #goto a,
body.integrations #goto a,
body.our-solution #goto a{
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	display: inline-block;
	background: transparent linear-gradient(180deg, #006838 0%, #2B3990 100%) 0% 0% no-repeat padding-box;
	font-size: 18px;
	color: #fff;
	line-height: 100px;
	box-shadow: 0 0 1px 10px #92e3a980;
	font-weight: 300;
}
body.integrations #goto a:hover,
body.our-solution #goto a:hover{box-shadow: 0 0 10px 20px #92e3a980;}

body.how-it-works #goto .line,
body.integrations #goto .line,
body.our-solution #goto .line{width: 1px;height: 300px;text-align: center;margin: auto;border: 1px dashed #16D070;position: relative;}

body.how-it-works #goto .line:after,
body.integrations #goto .line:after,
body.our-solution #goto .line:after{
	content: '';
	width: 12px;
	height: 12px;
	background: #16D070;
	border-radius: 100%;
	position: absolute;
	left: -5px;
	bottom: 0;
}
body.how-it-works .banner-header .one,
body.integrations .banner-header .one,
body.our-solution .banner-header .one{margin: 212px 0 0;}
body.integrations .section-brands {margin: 0;}

.bg-gray{background: #fafafa;}
/*  ========================================== */


.single-post article ul{list-style: disc;}
.single-post iframe{width: 100%; height: 542px;}

.single-post article a{color:#086838;}

/* testimony ========================================== */
#testimony-slider{position: relative;}
.section-testimony{margin-top: 60px;}
.section-testimony h5{font-size: 22px;font-weight: normal;}
.section-testimony .star{width: 100px;}
.section-testimony .star svg{width: 100%;}

/* page contact ========================================== */
.section-contact{background: #FAFAFA;}
.section-contact .top {background: transparent;}
.section-contact .top a{display: block;}
.section-contact .top p{font-size: 22px;}
.section-contact .gform_footer{text-align: right;}
.section-contact form #gform_submit_button_1{background: transparent;font-size: 16px; border: 1px solid #000; font-weight: bold; padding: 5px 30px;  border-radius: 3px;}
.section-contact form #gform_submit_button_1:hover{background: #000;color: #fff;}
.section-contact form textarea,.section-contact form input{border: 1px solid #CBC9C9;background: #fff!important;}
.section-contact form .gfield_label{font-size: 18px;font-weight: normal!important;}

.section-contact .hs-input{background-color: #fff;}

.section-contact .email,
.section-contact .phone{position: relative;padding-left: 40px;}
.section-contact .email:before,
.section-contact .phone:before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 28px;
	height: 28px;
	background: url(../img/phone.svg) no-repeat;
}
.section-contact .email:before{	background: url(../img/mail.svg) no-repeat;top: 6px;}

/* page faq ========================================== */

.section-faq ul{padding-left: 0;}
.section-faq ul li{ transition: max-height .3s; position: relative;font-weight: bold;font-size: 18px;border-bottom: 1px solid #eee;margin-bottom: 37px;padding-bottom: 25px;font-weight: normal;padding-left: 30px;overflow: hidden;}
.section-faq ul li:before{content: '';position: absolute;left: 0;top: 8px;width: 12px;height: 12px;background: #FBBE2F;border-radius: 50px;}
.section-faq ul li > strong:first-child{font-size:22px;margin-bottom: 7px;display: block;cursor: pointer;}
.section-faq ul li.active{height:auto!important;}


/* SECTION BLOG*/
.header-blog-image{height: 600px;background-size: cover;background-repeat: no-repeat;margin: -71px 0 36px;background-position:bottom center ;}


.section-blog{ padding: 50px 0 0;}
.section-blog a{display: block;}
.section-blog .top-posts .cat{font-size: 24px;color: #086838;font-weight: normal;margin-bottom: 20px;}
.section-blog .top-posts .title-post{font-size: 22px;line-height: 25px;font-weight: 400!important;}
.section-blog .top-posts .read{font-size: 18px; font-weight: bold; text-decoration: underline!important;text-align: right;}
.section-blog .top-posts a:hover{color: #757575;}

.section-blog .top-posts .card{
	border-radius: 20px;
	border: 0;
	min-height: 220px;
	background: #ffffff12;
	position: relative;
	overflow: hidden;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	padding-left: 32px;
	box-shadow: 0px 1px 10px #00000014; 
}
.section-blog .top-posts .card:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 100%;
	background: transparent linear-gradient(1deg, #006838 0%, #2B3990 100%) 0% 0% no-repeat;
}
.section-blog .top-posts .card div{
	height: 137px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


.section-blog .card{display: block;min-height: 330px; border-radius: 20px;transition: all .4s;}
.section-blog .card .image{ height: 140px;background-size: cover;background-position: center;}
.section-blog .card .date{ font-size: 12px;color: #414141; }
.section-blog .card .title-post{font-size: 18px;font-weight: bold;}
.section-blog .card i{display: block;text-align: right;color: #BEBEBE; }
.section-blog .card:hover{box-shadow: 0 0 20px 2px #00000026;}
.section-blog .card .info{flex: 1}
#blog .list_cats {padding: 100px 0;}
.go-all{font-size: 18px;font-weight: bold;text-decoration: underline!important; margin: 60px 0 100px;}
.go-all:hover{color: #757575;}

.section-blog .col-md-6 .card .image {
	height: 200px;
	background-size: cover;
	background-position: center;
}


#blog .share img{width: 30px;}
.share-post {position: relative;width: 23px;transition: width .40s ;}
.share-post img{width: 20px;}
.share-post i{cursor: pointer;}
.share-post .post-share-list{position: absolute;right: 30px;top: -6px; visibility: hidden;}
.share-post .post-share-list a{display: inline-block; opacity: 0; margin-left: 4px; transition-property: opacity; transition-property: all; }

.share-post.active {  width: 100%;}
.share-post.active .post-share-list {visibility: visible;}
.section-blog a { display: block; }
.section-blog .image {
	height: 200px;
	background-size: cover;
	background-position: center;
}
.share-post.active {  width: 100%;}
.share-post.active .post-share-list {visibility: visible;}

.share-post .post-share-list a:nth-child(1){ transition-delay: 0s; }
.share-post .post-share-list a:nth-child(2){ transition-delay: .10s;}
.share-post .post-share-list a:nth-child(6){ transition-delay: .20s;}
.share-post .post-share-list a:nth-child(4){ transition-delay: .30s;}
.share-post .post-share-list a:nth-child(5){ transition-delay: .40s;}

.share-post.active .post-share-list a{opacity: 1; }
.share-post.active .post-share-list a:nth-child(5){ transition-delay: 0s;}
.share-post.active .post-share-list a:nth-child(4){ transition-delay: .10s;}
.share-post.active .post-share-list a:nth-child(3){ transition-delay: .20s;}
.share-post.active .post-share-list a:nth-child(2){ transition-delay: .30s;}
.share-post.active .post-share-list a:nth-child(1){ transition-delay: .40s;}


.blog-wrapper.single .post-image{
	height:500px ;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.blog-wrapper.single .top-info a{font-size: 24px;color: #086838;font-weight: bold;}
.blog-wrapper.single .top-info .date{font-size: 16px;color: #757575; }
.reading-time{font-size: 16px;color: #757575;}
article p{font-size: 22px;line-height: 32px;font-weight: 200;}

.blog-wrapper.single .share-post{width: auto;}
.blog-wrapper.single .share-post img{width: 30px;height: 30px;margin: 0 3px;}

.blog-sidebar .title{font-size: 24px;font-weight: normal;margin-bottom: 10px;}
.blog-sidebar ul{padding: 0;}
.blog-sidebar ul li a{padding: 0;font-size: 16px;font-weight: bold;margin: 10px 0;}

.flex-control-nav{display: none;}

/* section-services	------------------------------- */
.banner-header{background: #281a17;padding: 0;min-height: 500px;margin: 21px  0 80px;background-repeat: no-repeat;}


.banner-header p{font-size: 22px;font-weight: normal;line-height: 32px;font-weight: 300;}
.banner-header a{box-shadow: 0px 3px 6px #00000030;background: #383737;margin-top: 25px;}
.banner-header a:hover {background: #000;}

.section-service .banner-header{background: #fff;background-repeat: no-repeat;min-height: 771px;}





/* section-about	------------------------------- */
.section-about{margin: 100px 0;}
.section-about p{font-size: 22px;font-weight: normal;}
.section-about h3{font-size: 36px;}
.section-about h3 strong{font-weight: bold;color:#FBBE2F ;}
.section-about .img {
	width: 50%;
	background-size: cover;
	position: absolute;
	top: 0;
	background-repeat: no-repeat;
}

.title strong{font-weight: 700;color: #FBBE2F;}
.wp-block-image img{max-width:100%;height: auto; }

/* FOOTER========================================== */
.footer{background: #383737;position: relative;}
.footer figure svg{    max-width: 230px;}
.footer h6{color: #fff;font-size: 17px;text-transform: uppercase; font-weight: 500;}
.footer p{color: #fff;font-size: 16px;margin-bottom: 0;font-weight: 100;}
.footer a{font-size: 16px;color: #fff; line-height: 40px;display: block; font-weight: 100;}
.footer a:hover{color: #c1c1c1;}
.footer .track{border: 1px solid #fff; padding: 3px 20px;width: 200px;text-align: center;border-radius: 6px;margin-left: 22px;}
.footer .track:hover{background: #06572E;border-color: #06572E;}
.footer hr{border: 1px solid #9c9b9b80;height: 0;}
.footer .last{background: #292929;}
.footer .ico {width: 32px;height: 32px;color: #fff;font-size: 14px;line-height: 50px;margin-right: 8px;text-align: center;border-radius: 100%;display: inline-flex;border: 1px solid #fff;transition: 0.4s all ease-in-out;}
.footer .item{position: relative;background-image: none;}
.footer .item:not(:last-child):after{content: "";position: absolute;top: 0;right: 8%;height: 100%;width: 1px;background: #9c9b9b80;}
.footer .last p{font-size: 14px;}


.cli-bar-container{justify-content: center; flex-direction: column;}
.cli-bar-message{text-align: center!important;    margin-bottom: 8px;}
.cli-bar-container a{border-radius: 5px;}
.cli_settings_button{background: transparent!important; border: 1px solid #fff;color: #fff!important;}

#paginate{margin:40px auto;width:100%; text-align:center;display: flex;justify-content: center;}
#paginate a:hover,
#paginate .page-numbers.current{color: #086838;}
.author-bio{padding-right: 18px;}
.botlermais:hover{	background-color: #086838;}


#paginate *{   padding: 0 7px;}

#searchform{width: 100%;position: relative;    margin-bottom: 30px;}

#searchform input{width: 100%; border-radius: 10px;   border: 1px solid #e6e6e6;font-size: 14px;padding: 5px 10px;}
#searchform .submit{background: transparent;border: 0;position: absolute;right: 9px;top: 6px;}

/* Layout styles -----------------------------------*/

@media (max-width: 1538px) {	
	.caption{width: 49.333333%; }
}


@media (max-width: 768px) {	

	.blog-wrapper.single .top-info span{display: none;}
	.container,
	header .container{max-width: 100%;}
	#navbarResponsives { 
		width: 100%;
		background: #383737;
		position: absolute;
		top: 50px;
		z-index: 2;
		height: 100vh;
		left: 0;
	}
	#navbarResponsives li{width: 100%;padding: 10px 0;}
	#navbarResponsives li a{color: #fff;}
	#navbarResponsives ul{	padding: 20px 0px 0;	}
	#navbarResponsives ul + ul{padding: 0;}
	#header .bthome svg {width: 122px!important;height: auto;}

	header .mobile{background: #383737;}
	header .mobile .bthome svg path{fill: #fff;}
	header #navbar-toggler.mobile{color: #fff;}
	body:not(.home) {}
	.innovative-system-slider{overflow: hidden;}

	.box-sidebar ul{		
		-webkit-transition: height 1s;
		-moz-transition:height 1s;
		-ms-transition:height 1s;
		-o-transition: height 1s;
		transition: height 1s;
		overflow: hidden;
		height: 0;
		display: block!important;
		box-shadow: 0 14px 16px -8px #00000047;
		padding: 0 15px 0; 
		border-radius: 0 0 15px 15px;
	}

	.box-sidebar svg{;transition: all .5s;}
	.box-sidebar .active svg{transform: rotate(180deg);}
	.box-sidebar .active  {  height: 166px; background: #fbbe2f; }

	.section-service .banner-header .one {padding-top: 60px;  padding-bottom: 40px;}
	.section-service .wp-block-columns { margin-bottom: 40px;}
	.section-testimony .slides{ margin-top: 60px; }
	.flex-direction-nav{display: none;}
	.flex-control-nav {	position: relative;top: -30px;}
	.navbar-nav a:after{display: block;}
	.caption { width: 100%;} 
	.title,
	.caption h1{font-size: 26px;line-height: 34px;}
	.title br,
	.caption h1 br{display: none;}
	#header .subnav ul li a{width: 100%;}
	.section-innovative-system {  margin-top: 40px;}
	.btn-one{width: 100%;}
	.section-action .one {padding-top: 50px;padding-bottom: 50px;}
	.section-brands {margin: 10px 0;}
	.section-blog{padding-bottom: 0;}
	.section-innovative-system .slick-track{margin-left: -22px;}
	.section-contact .top a{font-size: 18px;}
	.footer .item:not(:last-child):after{display: none;}
	body:not(.home) { padding-top: 30px;}
	body .banner-header {min-height: 100vh!important;background-position: bottom!important;}
	.banner-header .one {margin: 100px 0 0!important;}
	body.integrations #goto .line, body.our-solution #goto .line { width: 1px;   height: 260px;}
	.section-faq .accordion-button.collapsed, .section-faq .accordion-button { font-size: 18px!important;}
	.section-faq .accordion-body{font-size: 16px;}
	.section-innovative-system .card h2 {font-size: 24px;}
	.section-innovative-system .card ul li {font-size: 18px;}
	.section-contact .email, .section-contact .phone{font-size: 18px;}
	#banner .form-group{    flex: 1 0 100%;}
	#banner .form button,
	.btn-two{width: 100%;}
	#banner .form{padding: 10px;}
	.slick-prev{left: 0;}
	.slick-next{right: 0;}
	.section-work svg {width: 60%;height: auto;margin: 40px 0 20px;}
	.section-innovative-system .card{background: #dfdfdfad;}
	#navbarResponsives li:last-child a{border-radius: 0;}
	.title, .caption h1 {   font-size: 22px;}
	p{font-size: 18px;}
	.btn-two{font-size: 14px;    width: 300px;}
	.blog-wrapper.single .post-image{height: 210px;}
	.blog-wrapper.single .share-post img{width: 22px;height: 22px;}
	article p {   font-size: 16px;}
	.header-blog-image{height: auto!important;padding-top: 106px;}
	.header-blog-image .tgreen{padding-bottom: 30px;}
	.section-blog .top-posts .card{background:#dfdfdfad; min-height: auto!important;}
	.section-blog .top-posts .card div{height:  auto;}
	.section-blog .recents{padding: 50px 0!important;}
	.blog-sidebar .title{padding: 12px;margin: 0;background: #23447e;color: #fff;}
	.blog-sidebar ul li a{padding: 0;font-size: 14px;font-weight: normal;margin: 5px 0;color: white;}
	.box-sidebar ul {box-shadow: none!important;}
	.box-sidebar .active {height: 376px;background: #23447e;box-shadow: none!important;}
	.footer .track{padding: 0px 15px;width: auto;}

}

@media (max-width: 990px) {
	.section-innovative-system .btn-one,
	.header {width: 100%;}
	#navbarResponsive{margin: -10px 0 0 0;position: absolute;width: 100%;top: 73px;background: #177bb6;padding: 31px;box-shadow: 0 19px 23px 2px #00000061;}
	.section-contact .box p {font-size: 14px;}
	.footer #goTop{left: 0;right: 0;margin: auto;}
	.header .navbar{margin: 0;}
	.services-wrapper .offset-md-2{margin-left:0;}
	.single-item .slick-prev.slick-arrow,
	.slick-responsive .slick-prev.slick-arrow{left: 0;}
	.single-item .slick-next.slick-arrow,
	.slick-responsive .slick-next.slick-arrow{right: 0;}	
	.navbar-nav a:after,
	#banner .flex-direction-nav{ display: none;}
	#navbarResponsive {margin: -2px 0 0;   left: 0;}
	.caption{width: 100%!important;}
}

.mgoBlack{display:none;}

@media (max-width: 575px) {
	.post-image img{width: 100%;}
	.section-action .box .title {font-size: 30px;}
	.caption { margin-top: 72px;}
	.caption .two span { font-size: 24px;}
	.section-action .box{border-left:0; border-right: 0;}
	.title-one{font-size: 18px;}
	.single-item .slick-next.slick-arrow{top: 97px;}
	.slick-responsive .slick-next.slick-arrow{    top: 71px;}
	.search-field{  width: 90%;}
	.section-contact .three p:last-child {  font-size: 23px;}
	#banner .caption{margin: 0;padding-top:0; }
	.caption .one p{font-size: 20px;}

}

@media (max-width: 1440px) {
	#banner .flex-prev{ left: 1%!important;}
	#banner .flex-next{right: 1%!important;}
	#banner { margin-top: 0;}
	#box-work img {	max-width: 1109px;	}
	.header-blog-image{height: 490px;background-position: top;}
	.btn-one{font-size: 14px;width: 300px;}
	.section-faq .accordion-button.collapsed, .section-faq .accordion-button{font-size: 20px;}
	.section-blog .card .title-post,
	.section-faq .accordion-body{font-size: 16px;}
	.section-innovative-system .card{min-height: 173px;}
	.section-blog .top-posts .title-post{font-size: 16px;}
	.section-innovative-system .card h2{font-size: 23px;}
	.section-innovative-system .card ul li{font-size: 18px;}
	.blog-wrapper.single .post-image { height: 390px;}
	article p {   font-size: 18px;}
	.header-blog-image{background-position: bottom center;
	}

	@media (max-width: 1200px) {
		.header .navbar { width: 100%;}
		.section-about .img {background-size: cover;	}
	}

	@media (max-width: 700px) and (orientation: landscape){
		#banner .item {height: 125vh;}
		.slick-responsive .slick-prev.slick-arrow{left: -30px;}
	}