/*
    Theme Name: Knight
    Theme URL: https://bootstrapmade.com/knight-free-bootstrap-theme/
    Author: BootstrapMade
    Author URL: https://bootstrapmade.com
*/

/* CSS Document */
@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/opensans.ttf) format("truetype");
}

@font-face {
	font-family: 'Montserrat';
	src: url(../fonts/montserrat.ttf) format("truetype");
}

/* Float Elements 
---------------------------------*/
.fl-lt {float:left;}
.fl-rt {float:right;}

/* Clear Floated Elements
---------------------------------*/
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:before, .clearfix:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:after {clear: both;}

.figure {margin:0px;}

img{ max-width:100%;}

a, a:hover, a:active{ outline:0px !important}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Primary Styles
---------------------------------*/
html {scroll-behavior: smooth;}
body {background:#fff; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:normal; color:#888888; margin:0;}
h2 {font-size:34px; color:#222222; font-family: 'Montserrat', sans-serif; font-weight:700; letter-spacing: -1px; margin:0 0 15px 0; text-align:center; text-transform:uppercase;}
h3 {font-family: 'Montserrat', sans-serif; color:#222222; font-size:16px; margin:0 0 5px 0; text-transform:uppercase; font-weight:400;}
h6 {font-size:16px; color:#888888; font-family: 'Open Sans', sans-serif; font-weight:400; text-align:center; margin:0 0 60px 0;}
p {line-height:24px; margin:0;}
img {max-width:100%;}

.main-section {padding:50px 0;}

/* Header Styles
---------------------------------*/
.logo {width: 130px;margin: 0 auto 10px;}
.header h1 {font-family: 'Montserrat',sans-serif; font-size:50px; font-weight:400; letter-spacing: -1px; margin:0 0 22px 0 ; color:#fff;}

.we-create {padding:0; margin:35px 0 55px;}
.wp-pic {margin-bottom:20px;}
.we-create li {display:inline-block; font-family: 'Montserrat',sans-serif; font-size:14px; color: #bcbcbc; text-transform: uppercase; font-weight: 400; margin:0 5px 0 0; padding:0 0 0 15px;}
.we-create li:first-child {background:none;}

.start-button {padding-left: 0px;}
.start-button li a {color: #fff;}


.link {padding: 0px 10px; background: #7cc576; color:#fff !important; font-size:16px; font-weight:400; font-family: 'Montserrat', sans-serif; display:inline-block; border-radius:3px; text-transform:uppercase; line-height:25px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.link:hover {text-decoration:none; color:#7cc576 !important; background:#fff;}

.link:active, .link:focus {background: #7cc576; text-decoration:none; color:#fff !important;}

/* Navigation
---------------------------------*/
.box-topo {height: 30px;text-align: right;font-size: 16px;width: 100%;margin: 0 auto;max-width: 1090px;}
.box-topo .fa {margin: 6px 10px 0;}
.box-topo a {color: #FFF; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
.box-topo a:hover {text-decoration: none; color: rgba(255, 255, 255, .75);}
.header {position: fixed; top: 30px; height: auto; width: 100%; z-index: 800; background-color: #fff; -webkit-transition: background 0.4s ease, height 0.4s ease; transition: background 0.4s ease, height 0.4s ease;}
.header.bottom {position: absolute; bottom: 0; top: auto;}
.header.bottom.affix {position: fixed; bottom: auto; top: 0;}
.header.transparent-light {background-color: transparent;}
.header.transparent-light .menu > li > a:not(.btn) {color: #ffffff; opacity: 0.5;}
.header.transparent-light .menu > li > a:not(.btn):focus {opacity: 0.8;}
.header.transparent-light .menu > li > a:not(.btn):hover {opacity: 0.8;}
.header.transparent-light .menu > li > a:not(.btn).active {opacity: 1;}
.header.transparent-light .search-toggle {color: #ffffff;}
.header.transparent-light .menu.bordered > li > a {border-color: #ffffff;}
.header.transparent-light.alternate .menu > li > a:before {max-width: 100%;}
.header.transparent-light.alternate span:before {max-width: 100%;}
.header.transparent-light.alternate .search-toggle {color: #121212;}
.header.transparent-light.alternate .menu-toggler .one, .header.transparent-light.alternate .menu-toggler .two, .header.transparent-light.alternate .menu-toggler .three {background-color: #121212;}
.header.transparent-light.alternate.minimized .search-toggle {color: #ffffff;}
.header.transparent-light.alternate.minimized .menu-toggler .one, .header.transparent-light.alternate.minimized .menu-toggler .two, .header.transparent-light.alternate.minimized .menu-toggler .three {background-color: #ffffff;}
.header.transparent-light .menu-toggler .one, .header.transparent-light .menu-toggler .two, .header.transparent-light .menu-toggler .three {background-color: #ffffff;}
.header.transparent-dark {background-color: transparent;}
.header.transparent-dark.alternate .menu > li > a:before {color: #ffffff; max-width: 100%;}
.header.transparent-dark.alternate .menu > li > a > span:before {color: #ffffff; max-width: 100%;}
.header.transparent-dark.alternate .search-toggle {color: #ffffff;}
.header.transparent-dark.alternate .menu-toggler .one, .header.transparent-dark.alternate .menu-toggler .two, .header.transparent-dark.alternate .menu-toggler .three {background-color: #ffffff;}
.header.transparent-dark .menu > li > a {color: #121212; opacity: 0.5;}
.header.transparent-dark .menu > li > a:focus {opacity: 0.8;}
.header.transparent-dark .menu > li > a:hover {opacity: 0.8;}
.header.transparent-dark .menu > li > a.active {opacity: 1;}
.header.transparent-dark .search-toggle {color: #121212;}
.header.transparent-dark .menu.bordered > li > a {border-color: #121212;}
.header.dark-solid {background-color: #000000;}
.header.dark-solid .menu > li > a:not(.btn) {color: #ffffff; opacity: 0.5;}
.header.dark-solid .menu > li > a:not(.btn):focus {opacity: 0.8;}
.header.dark-solid .menu > li > a:not(.btn):hover {opacity: 0.8;}
.header.dark-solid .menu > li > a:not(.btn).active {opacity: 1;}
.header.dark-solid .search-toggle {color: #ffffff;}
.header.dark-solid .menu.bordered > li > a {border-color: #ffffff;}
.header.dark-solid .menu-toggler .one, .header.dark-solid .menu-toggler .two, .header.dark-solid .menu-toggler .three {background: #ffffff;}
.header.dark { }
.header.dark .menu > li > a:not(.btn) {  opacity: 1;}
.header.dark .menu > li > a:not(.btn):focus {opacity: 0.8;}
.header.dark .menu > li > a:not(.btn):hover {opacity: 0.8;}
.header.dark .menu > li > a:not(.btn).active {opacity: 1;}
.header.dark .search-toggle {color: #ffffff;}
.header.dark .menu.bordered > li > a {border-color: #ffffff;}
.header.dark .menu-toggler .one, .header.dark .menu-toggler .two, .header.dark .menu-toggler .three {  }
.header.light-solid {border-bottom: 1px solid #f0f0f0; background-color: #ffffff;}
.header.light-solid .menu > li > a:not(.btn) {color: #000000; opacity: 0.5;}
.header.light-solid .menu > li > a:not(.btn):focus {opacity: 0.8;}
.header.light-solid .menu > li > a:not(.btn):hover {opacity: 0.8;}
.header.light-solid .menu > li > a:not(.btn).active {opacity: 1;}
.header.light-solid .search-toggle {color: #000000;}
.header.light-solid .menu.bordered > li > a {border-color: #000000;}
.header.light-solid .menu-toggler .one, .header.light-solid .menu-toggler .two, .header.light-solid .menu-toggler .three {background: #000000;}
.header.light {border-bottom: 1px solid #f0f0f0; background-color: #fafafa;}
.header.light .menu > li > a:not(.btn) {color: #000000; opacity: 0.5;}
.header.light .menu > li > a:not(.btn):focus {opacity: 0.8;}
.header.light .menu > li > a:not(.btn):hover {opacity: 0.8;}
.header.light .menu > li > a:not(.btn).active {opacity: 1;}
.header.light .search-toggle {color: #000000;}
.header.light .menu.bordered > li > a {border-color: #000000;}
.header.light .menu-toggler .one, .header.light .menu-toggler .two, .header.light .menu-toggler .three {background: #000000;}
.header.alternate .logo {display: none;}
.header.alternate .alt {display: inline-block;}
.header.bg-header {height: 110px;}
.header.bg-header .header-inner {line-height: 110px;}
.header.bg-header .menu-toggler {margin-top: 47.5px;}
.header.md-header .menu-toggler { }
.header.sm-header {height: 44px;}
.header.sm-header .header-inner {line-height: 44px;}
.header.sm-header .menu-toggler {margin-top: 14.5px;}
.header.minimized {height: 60px !important;}
.header.minimized .header-inner {line-height: 60px !important;}
.header.minimized .logo {display: none;}
.header.minimized .alt {display: inline-block;}
.header.minimized .menu-toggler {margin-top: 22.5px !important;}
.header.minimized .menu > li > a:before {max-width: 0 !important;}
.header.minimized .menu > li > a > span:before {max-width: 0;}
.header .alt {display: none;}
.header.horizontal {width: 100%; height: auto;}
.header .header-inner {line-height: 108px;width: 100%;-webkit-transition: line-height 0.4s ease;transition: line-height 0.4s ease;}
.header > .pull-right, .header .pull-left {position: relative;}
.header .menu {margin: 0; display: inline-block;}
.header .menu.bordered > li > a {border-right: 1px solid;}
.header .menu > li {display: inline-block; list-style: none; font-size: 13px; vertical-align: middle;}
.header .menu > li.multiline > nav {top: 43px;}
.header .menu > li.classic.dark > nav > span.arrow {background-image: url(../images/svg/black.svg);}
.header .menu > li.classic.dark > nav:before, .header .menu > li.classic.dark > nav:after {height: 7px; background-color: #000000; border-color: #000000;}
.header .menu > li.classic.dark > nav ul {background-color: #000000;}
.header .menu > li.classic.dark > nav ul li a {color: #ffffff;}
.header .menu > li.horizontal.dark > nav {background-color: #000000; border-bottom: 0;}
.header .menu > li.horizontal.dark > nav ul li a {color: #ffffff;}
.header .menu > li.horizontal.dark > span.arrow {background-image: url(../images/svg/black.svg) !important;}
.header .menu > li.horizontal.dark > span.arrow:before, .header .menu > li.horizontal.dark > span.arrow:after {background-color: #000000 !important; border-top: 0 !important;}
.header .menu > li.horizontal.dark .container {border-right-color: rgba(255, 255, 255, 0.4);}
.header .menu > li.mega.dark .container {background-color: #000000; text-color: #ffffff;}
.header .menu > li.mega.dark .container .sub-menu-heading {color: #ffffff;}
.header .menu > li.mega.dark .container ul.sub-menu > li a {color: #ffffff;}
.header .menu > li.mega.dark > span.arrow {background-image: url(../images/svg/black.svg) !important;}
.header .menu > li.mega.dark > span.arrow:after, .header .menu > li.mega.dark > span.arrow:before {background-color: #000000 !important;}
.header .menu > li > a {position: relative;text-transform: uppercase;font-family: 'Montserrat';padding-right: 21px;display: block;color: #000;font-weight: bold;font-size: 16px;}
.header .menu > li > a:hover {color: #b1b1b1;}
.header .menu > li > a span {margin-bottom: 7px;}
.header .menu > li > a:before {color: #000000; position: absolute; top: 0; left: 0; overflow: hidden; max-width: 0; white-space: pre; line-height: inherit; content: attr(data-text); -webkit-transition: max-width 0.5s; transition: max-width 0.5s;}
.header .menu > li > a.btn, .header .menu > li > a.btn:hover {opacity: 1;}
.header .menu > li > a > span {font-size: 12px; font-family: Arial; color: inherit; opacity: 0.8; display: block; position: relative; line-height: 15px; text-transform: none;}
.header .menu > li > a > span:before {color: #000; position: absolute; top: 0; left: 0; overflow: hidden; max-width: 0; white-space: pre; line-height: inherit; content: attr(data-text); -webkit-transition: max-width 0.5s; transition: max-width 0.5s;}
.header .menu > li:last-child {border-right: none;}
.header .menu > li.open.horizontal {position: relative !important;}
.header .menu > li.open.horizontal > span.arrow {background-image: url(../images/svg/white.svg); background-repeat: no-repeat; width: 14px; height: 7px; left: calc(50% - 14px); margin-top: 8px; position: absolute; z-index: 2;}
.header .menu > li.open.horizontal > span.arrow:before {content: ''; position: absolute; height: 7px; width: 100vw; background-color: #ffffff; display: block; left: -100vw; border-top: 1px solid #e6e6e6;}
.header .menu > li.open.horizontal > span.arrow:after {content: ''; position: absolute; height: 7px; left: 14px; background-color: #ffffff; border-top: 1px solid #e6e6e6; width: 100vw;}
.header .menu > li.open.mega {position: relative !important; margin-top: -1px;}
.header .menu > li.open.mega > span.arrow {background-image: url(../images/svg/white.svg); background-repeat: no-repeat; width: 14px; height: 7px; left: calc(50% - 14px); margin-top: 10px; position: absolute;}
.header .menu > li.open.mega > span.arrow:before {content: ''; position: absolute; height: 7px; width: 100vw; background-color: #ffffff; display: block; left: -100vw; border-top: 1px solid rgba(0, 0, 0, 0.07); border-left: 1px solid rgba(0, 0, 0, 0.07);}
.header .menu > li.open.mega > span.arrow:after {content: ''; position: absolute; height: 7px; left: 14px; width: 100vw; background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.07); border-right: 1px solid rgba(0, 0, 0, 0.07);}
.header .menu > li.open.classic > nav {border-color: rgba(0, 0, 0, 0.07);}
.header .menu > li.open > .classic {max-height: 999px;}
.header .menu > li.open > .mega, .header .menu > li.open > .horizontal {display: block;}
.header .menu > li.classic {position: relative;}
.header .menu > li.open > a {opacity: 1;}
.header .menu > li.mega.open, .header .menu > li.horizontal.open {position: inherit;}
.header .menu > li > .classic {margin: 0; padding: 0; position: absolute; overflow: hidden; left: 0; right: 0; top: 34px; min-width: 190px; left: 50%; margin-left: -102px; max-height: 0; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); border: 1px solid rgba(0, 0, 0, 0); border-top: 0;}
.header .menu > li > .classic > span.arrow {background-image: url(../images/svg/white.svg); background-repeat: no-repeat; width: 14px; height: 7px; left: calc(50% - 7px); position: absolute; top: 0;}
.header .menu > li > .classic:before {content: ''; position: absolute; height: 7px; width: calc(50% - 7px); background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.12);}
.header .menu > li > .classic:after {content: ''; position: absolute; height: 7px; right: 0; width: calc(50% - 7px); background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.12); top: 0;}
.header .menu > li > .classic ul {padding: 0; list-style: none; overflow: hidden; background-color: #ffffff; margin-top: 6px;}
.header .menu > li > .classic ul > li {margin: 5px 25px; opacity: 1; -webkit-transition: all 0.1s linear 0.1s; transition: all 0.1s linear 0.1s;}
.header .menu > li > .classic ul > li a {color: #000000; text-transform: uppercase; font-family: 'Montserrat'; opacity: 0.5; font-size: 11px; line-height: 30px;}
.header .menu > li > .classic ul > li a:focus {opacity: 0.8;}
.header .menu > li > .classic ul > li a:hover {opacity: 0.8;}
.header .menu > li > .classic ul > li a.active {opacity: 1;}
.header .menu > li > .classic ul > li:first-child {margin-top: 20px;}
.header .menu > li > .classic ul > li:last-child {margin-bottom: 20px;}
.header .menu > li > .horizontal {margin: 0; margin-top: 15px; padding: 0; position: fixed; background-color: #fff; list-style: none; display: none; left: 0; right: 0; width: 100%; border-bottom: 1px solid #e6e6e6;}
.header .menu > li > .horizontal.dark {background-color: #000000;}
.header .menu > li > .horizontal.dark ul li a {color: #ffffff;}
.header .menu > li > .horizontal .container {overflow: hidden; border-right: 1px solid #e6e6e6;}
.header .menu > li > .horizontal ul {white-space: nowrap; padding-left: 0;}
.header .menu > li > .horizontal ul li {margin: 2px 9px 6px 9px; display: inline-block;}
.header .menu > li > .horizontal ul li a {color: #000000; opacity: 0.5; text-transform: uppercase; font-family: 'Montserrat'; line-height: 35px; font-size: 11px;}
.header .menu > li > .horizontal ul li a:focus {opacity: 0.8;}
.header .menu > li > .horizontal ul li a:hover {opacity: 0.8;}
.header .menu > li > .horizontal ul li a.active {opacity: 1;}
.header .menu > li > .mega {position: fixed; display: none; left: 0; right: 0;}
.header .menu > li > .mega .container {margin-top: 17px; background-color: #fff; list-style: none; padding-bottom: 20px; border: 1px solid rgba(0, 0, 0, 0.07); border-top: 0; padding: 50px 60px;}
.header .menu > li > .mega .container ul.sub-menu {padding: 0; list-style: none; overflow: hidden;}
.header .menu > li > .mega .container ul.sub-menu > li {margin: 5px 0; opacity: 1; padding-left: 0; -webkit-transition: all 0.1s linear 0.1s; transition: all 0.1s linear 0.1s;}
.header .menu > li > .mega .container ul.sub-menu > li a {color: #000000; text-transform: uppercase; font-family: 'Montserrat'; opacity: 0.5; font-size: 11px; line-height: 30px;}
.header .menu > li > .mega .container ul.sub-menu > li a:focus {opacity: 0.8;}
.header .menu > li > .mega .container ul.sub-menu > li a:hover {opacity: 0.8;}
.header .menu > li > .mega .container ul.sub-menu > li a.active {opacity: 1;}
.header .menu > li > .mega .container ul.sub-menu > li:first-child {margin-top: 19px;}
.header .menu > li > .mega .container ul.sub-menu > li:last-child {margin-bottom: 19px;}
.header .menu > li > .mega .container .sub-menu-heading {color: #000000; font-size: 12px; text-transform: uppercase; font-family: 'Montserrat'; margin: 0; padding-bottom: 5px;}
.menu > li.mega > nav.mega {max-height: 0; min-width: 190px; overflow: hidden; display: block !important;}
.menu > li.mega.open > nav.mega {max-height: 999px;}
.search-toggle {display: inline-block; color: #000;}
.header.sm-header .menu > li > .classic {top: 26px;}
.menu-toggler {-webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 1; width: 15px; height: 15px; margin-top: 22.5px; display: inline-block; user-select: none; box-sizing: content-box; cursor: pointer;}
.menu-toggler .one, .menu-toggler .two, .menu-toggler .three {width: 100%; height: 2px; background: black; margin-bottom: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; backface-visibility: hidden; -webkit-transform-style: preserve-3d;}
.menu-toggler .one, .menu-toggler .two {transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);}
.menu-toggler.on .one {transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; transform-origin: 0% 0%;}
.menu-toggler.on .two {opacity: 0;}
.menu-toggler.on .three {transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; transform-origin: 0% 100%;}
[data-pages="header-toggle"] {display: none; z-index: 10;}
.side-menu {display: none; position: fixed; height: 100%; width: 250px; background-color: #fff; z-index: 10;}
.menu-content[data-pages-direction="slideLeft"], .menu-content[data-pages-direction="pushLeft"] {left: 0;}
.menu-content[data-pages-direction="slideRight"], .menu-content[data-pages-direction="pushRight"] {right: 0;}
.menu-content[data-pages-direction="fullScreenOverlay"] {top: 0; bottom: 0; left: 0; right: 0; width: 100%;}
.menu-content[data-pages-direction="slideTop"] {top: 0;}

.main-nav-outer {padding:0px; border-bottom:1px solid #dddddd; box-shadow:0 4px 5px -3px #ececec; position:relative; background:#fff;}
.main-nav {text-align:center; margin:10px 0 0px; padding:0; list-style:none;}
.main-nav li {display:inline; margin:0 1px;}
.main-nav li a {display:inline-block; color:#222222; text-transform:uppercase; font-family: 'Montserrat', sans-serif; text-decoration: none; line-height:20px; margin:17px 32px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.main-nav li a:hover {text-decoration:none; color: #7cc576;}
.small-logo {padding:0 32px;}

.res-nav_click {line-height:38px; font-family: 'FontAwesome'; font-size:38px; text-decoration: none !important; color:#777777; font-style:normal; display:none; width:42px; height:27px; margin:20px auto; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.res-nav_click:hover, .res-nav_click:active, .res-nav_click:focus {color: #7cc576 !important;}
/* Services
---------------------------------*/

.service-list {padding:0 0 0 0; font-size:14px; margin-bottom:40px;}
.service-list-col1 {float:left; width:60px;}
.service-list-col1 i {font-style:normal; font-size:38px; display:block; color:#222; font-family: 'FontAwesome'; line-height:38px;}
.service-list-col2 {overflow:hidden;}
.main-section.alabaster {background:#fafafa;}

/* Featured Work
---------------------------------*/
.featured-work {font-size:14px;}
.featured-work h2 {text-align:left;}
.featured-box {padding:0 0 0 0; margin-bottom:25px; font-size:14px;}
.featured-box h3 {margin-bottom:5px;}
.featured-box p {line-height:22px;}
.featured-work p.padding-b {padding-bottom:35px;}
.featured-box-col1 {width:60px; float:left;}
.featured-box-col1 i {display:block; line-height:38px; font-family: 'FontAwesome'; font-size:38px; color:#777777; font-style:normal;}
.featured-box-col2 {overflow:hidden;}
.featured-box.magic {background:url(../images/magic.png) left top no-repeat;}
.featured-box.packaged {background:url(../images/packaged.png) left top no-repeat;}
.featured-box.seo {background:url(../images/seo.png) left top no-repeat;}
.Learn-More {display:inline-block; padding:0 5px 0 0; color:#7cc576; font-size:16px; text-transform:uppercase; font-family: 'Montserrat', sans-serif; font-weight:400; line-height:24px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; display: none;}
.Learn-More i {padding-right:15px;}

.Learn-More:hover, .Learn-More:focus {text-decoration:none; color: #111;}

/* Portfolio
---------------------------------*/
.Portfolio-nav {padding: 0; margin:0 0 45px 0; list-style:none; text-align:center;}
.Portfolio-nav li {margin:0 10px; display:inline;}
.Portfolio-nav li a {display:inline-block; padding:10px 22px; font-size:12px; line-height:20px; color:#222222; border-radius:4px; text-transform:uppercase; font-family: 'Montserrat', sans-serif; background:#f7f7f7; margin-bottom:5px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.Portfolio-nav li a:hover {background: #006998;color: #fff;text-decoration: none;}

.portfolioContainer {margin:0 auto; padding-left:15px; max-width: 1140px;}
.Portfolio-box {text-align:center; margin-bottom:30px; height:350px; width:350px; overflow:hidden; float:left; padding:0;}
.Portfolio-box img {margin-bottom: 25px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;max-width: 100%;width: 100%;height: 300px;object-fit: cover;}
.Portfolio-box img:hover {opacity: 0.6;}
.Portfolio-nav li a.current {background: #006998;color: #fff;text-decoration: none;}

/* no transition on .isotope container */

.isotope .isotope-item {-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; transition-property:         transform, opacity;}

.main-section.paddind {padding-bottom:60px;}

/* Clients
---------------------------------*/
.client-part {background:url(../images/section-bg1.jpg) center center no-repeat; background-size:cover; padding:55px 0; text-align:center;}
.client-part-haead {color:#fdfdfd; font-size:28px; line-height:41px; margin:30px 0 10px; font-family: ''Open Sans',sans-serif'; font-style: italic;}
.client {padding:0; margin:20px 0 0; list-style:none; text-align:center;}
.client li {display:inline; margin:0 15px;}
.client li a {display:inline-block;}
.client li a img {margin-bottom:15px; border-radius:50%;}
.client li a:hover {text-decoration:none;}
.client li a h3 {color:#ffffff;}
.client li a span {color:#f1f1f1;}

.quote-right {font-style:normal; width:68px; height:68px; margin:0 auto; border:2px solid #7cc576; border-radius:50%; display:block; line-height:68px; text-align:center; font-size:27px; color:#7cc576; cursor: pointer; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.quote-right:hover {color: #fff; border: 2px solid #fff;}

.c-logo-part{background:#7cc576; padding:25px 0; filter: alpha(opacity=60);}
.c-logo-part ul {padding:0; margin:0; list-style:none; text-align:center;}
.c-logo-part ul li {display:inline; margin:0 25px;}
.c-logo-part ul a {display:inline-block; margin: 0 20px;}
.main-section.team {padding:85px 0;}
.main-section.team h6 {margin-bottom:40px;}


/* Team
---------------------------------*/
.team-leader-block {max-width:993px; margin:0 auto;}
.team-leader-box {width:30.66%; margin-right: 3.82979%; height: 490px; overflow: hidden; text-align: center; float: left;}
.team-leader-box span {margin-bottom:24px; display:block;}
.team-leader-box:nth-of-type(3n+0) {margin:0;}
.team-leader {width:auto; height:auto; position:relative; border-radius:50%; box-shadow:0px 0px 0px 7px rgba(241,241,241,0.80); margin:7px 7px 25px 7px;}
.team-leader-shadow {transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; border-radius:50%; position:absolute; width:100%; height:100%; z-index:10; border-radius:50%;}
.team-leader-shadow a {display:block; width:100%; height:100%;}
.team-leader:hover .team-leader-shadow {box-shadow:inset  0px 0px 0px 148px rgba(17,17,17,0.80);}
.team-leader:hover ul{ display:block; opacity:1}
.team-leader img {display:block; border-radius:50%;}
.team-leader ul {display:block; opacity:0; padding:0; margin:0; list-style:none; position:absolute; left:0; top:50%; width:100%; text-align:center; margin-top:-14px; z-index:15; transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out;}
.team-leader ul li {display:inline; margin:0 11px;}
.team-leader ul li a {font-family: 'FontAwesome'; display:inline-block; font-size:28px; color:#fff;	 transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.team-leader ul li a:hover, .team-leader ul li a:focus {text-decoration:none;}
.team-leader ul li a.fa-twitter:hover {color:#55acee;}
.team-leader ul li a.fa-facebook:hover {color:#3b5998;}
.team-leader ul li a.fa-pinterest:hover {color:#cb2026;}
.team-leader ul li a.fa-google-plus:hover {color:#dd4b39;}

/* Talk Business
---------------------------------*/
.business-talking {background:url(../images/section-bg2.jpg) top center no-repeat; background-size:cover; padding:60px 0 10px; text-align:center;}
.business-talking h2 {font-family: 'Montserrat', sans-serif; font-weight:700; padding:0; margin:20px 0 70px; text-transform:uppercase; font-size:42px; color:#fff;}

/* Contact
---------------------------------*/
.main-section.contact {padding:90px 0 100px;}
.main-section.contact {background:url(../images/bg-map.png) left 190px no-repeat;}
.contact-info-box  {font-size:15px; margin:0 0 14px 68px; padding-left:0;}
.contact-info-box h3 {font-size: 15px; font-weight:400; float:left; width:102px; margin-right:12px; line-height:28px;}
.contact-info-box h3 i {font-style:normal; font-size:18px; color:#222222; font-family: 'FontAwesome'; font-weight:normal; margin-right:7px;}
.contact-info-box span {line-height:28px; display:block; overflow:hidden;}
.social-link {padding:35px 0; margin:0 0 0 68px; display:block; overflow:hidden; list-style:none;}
.social-link li {float:left; margin-right:8px;}
.social-link li a {display:block; width:50px; height:50px; text-align:center; line-height:50px; font-size:25px; color:#fff; background:#222222; border-radius:50%; transition:all 0.3s ease-in-out;}
.social-link li a:hover, .social-link li a:focus {text-decoration:none;}
.twitter a:hover {background: #55acee;}
.facebook a:hover {background: #3b5998;}
.pinterest a:hover {background: #cb2026;}
.gplus a:hover {background: #dd4b39;}
.dribbble a:hover {background: #ea4c89;}

.form {margin:0 66px 0 30px;}
.input-text {padding:15px 16px; border:1px solid #ccc; width:100%; height:50px; display:block; border-radius:4px; font-size:15px; color:#aaa; font-family: 'Open Sans', sans-serif; margin:0 0 15px 0; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.input-text:focus {border: 1px solid #7cc576; outline:0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);}
.input-text.text-area {height:165px; resize:none; overflow:auto;}
.input-btn {width:175px; height:50px; background:#7cc576; border-radius:4px; color:#ffffff; font-size:14px; text-transform:uppercase; font-family: 'Montserrat', sans-serif; font-weight:400; border:0px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.input-btn:hover {background: #111; color: #fff;}

.validation {color: red; display:none; margin: 0 0 20px; font-weight:400; font-size:13px;}
#sendmessage {color: #7cc576; border:1px solid #7cc576; display:none; text-align:center; padding:15px; font-weight:600; margin-bottom:15px;}
#errormessage {color: red; display:none; border:1px solid red; text-align:center; padding:15px; font-weight:600; margin-bottom:15px;}
#sendmessage.show, #errormessage.show, .show {display:block;}

/* Footer
---------------------------------*/
.footer-logo {margin:15px auto 35px; width: 76px;}
.copyright, .credits {color:#ffffff; font-size:14px; display:block; text-align:center;}
.copyright a, .credits a {color:#ffffff; font-weight:600; text-decoration: none; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.copyright a:hover, .credits a:hover {color: #fff;}

/* Animation Timers
---------------------------------*/
.delay-02s {animation-delay: 0.2s; -webkit-animation-delay: 0.2s;}
.delay-03s {animation-delay: 0.3s; -webkit-animation-delay: 0.3s;}
.delay-04s {animation-delay: 0.4s; -webkit-animation-delay: 0.4s;}
.delay-05s {animation-delay: 0.5s; -webkit-animation-delay: 0.5s;}
.delay-06s {animation-delay: 0.6s; -webkit-animation-delay: 0.6s;}
.delay-07s {animation-delay: 0.7s; -webkit-animation-delay: 0.7s;}
.delay-08s {animation-delay: 0.8s; -webkit-animation-delay: 0.8s;}
.delay-09s {animation-delay: 0.9s; -webkit-animation-delay: 0.9s;}
.delay-1s {animation-delay: 1s; -webkit-animation-delay: 1s;}
.delay-12s {animation-delay: 1.2s; -webkit-animation-delay: 1.2s;}


.carousel-caption {text-align: right;top: 40%;bottom: 0;right: 10%;}
.carousel-inner h3 {font-size: 52px;color: #ac1116;font-weight: bold;}
.carousel-inner h5 {font-size: 25px;font-weight: 900;}
.carousel-inner p {font-size: 20px;}
.carousel-inner .item {max-width: 100%¨; width: 100%; object-fit: cover; height: 100vh;}
.carousel-inner .item img {max-width: 100%; width: 100%; object-fit: cover; height: 100vh;}

#solucoes-inteligentes figure {padding: 0;}
#solucoes-inteligentes figure img {width: 100%; height: 366px; object-fit: cover;}
#solucoes-inteligentes .row {max-width: 100%;width: 100%;margin: 0;padding: 0;}
#solucoes-inteligentes #box-servicos {padding-left: 110px;}

#solucoes-gerais .row {max-width: 100%; width: 100%; height: auto; margin: 0 auto;}
#solucoes-gerais .hover-push .hover-backdrop {opacity: .8;width: 100%;height: 300px;left: 0;top: 0;-webkit-transition: all 0.35s;transition: all 0.35s;background-size: cover!important;background-position: center!important; position: relative;}
#solucoes-gerais .hover-push .hover-backdrop:before {content: '';position: absolute;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;background: rgba(00, 00, 00, 0.5);}
#solucoes-gerais .demo-story-block {padding: 0;}
#solucoes-gerais .hover-caption {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;color: #ffffff;z-index: 0;}

#contato {max-width: 100%;width: 100%;height: auto;margin: 0 auto; background-image: url(../images/jpg/fundo-form.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; z-index: 0;}
#contato:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0, 43, 255, 0.6);z-index: -1;}
#contato h2 {color: #ffffff;}
#contato h6 {color: #ffffff;}
#contato form {max-width: 50%; width: 100%; margin: 20px auto; display: block; text-align: center;}
#contato form input {margin: 10px 0;}
#contato form textarea {margin: 10px 0;}
#contato form button {margin: 0 auto;background: #133260;color: #fff;border: 1px solid #fff;padding: 10px 40px;border-radius: 10px;text-transform: uppercase;font-weight: bold;}

#quemsomos {max-width: 100%; width: 100%; height: auto; margin: 0 auto; text-align: center;}
#quemsomos .row {max-width: 100%; width: 100%; height: auto; margin: 0 auto;}
#quemsomos .box-quemsomos {padding: 0 50px 30px;}
#quemsomos .img {padding: 0;}
#quemsomos .img img {width: 100%; height: 340px; object-fit: cover;}

#maps .row {max-width: 100%; width: 100%; margin: 0 auto;}

.footer {color: #fff; max-width: 100%; width: 100%; height: auto; background-image: url(../images/jpg/footer.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 0; padding: 30px 0;}
.footer:before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(00, 00, 00, 0.5); z-index: -1;}
.footer a {color: #fff;}
.footer a:hover {color: #fff;}
.footer h2 {color: #fff;}
.footer .sociais .fab {font-size: 25px;margin: 0 10px;padding-top: 20px;}
.footer .sociais .fab:hover {color: #fff;}
.footer .row {max-width: 100%; width: 100%; margin: 0 auto;}

footer {background: #1D2857; padding: 5px 0;}
footer p {font-size: 12px; text-align: center; color: #FFF; line-height: normal; margin: 0;}
footer a {font-weight: 600; color: inherit;}
footer a:hover {text-decoration: none; color: rgba(255, 255, 255, .75);}