/*

  Developed By: ganeshamsoftware.com

*/

/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/

body {

  background: #fff;

  color: #666666;

  font-family: "Open Sans", sans-serif;

}



a {

  color: #0093dd;

  transition: 0.5s;

}



a:hover, a:active, a:focus {

  color: #92daff;

  outline: none;

  text-decoration: none;

}



p {

  padding: 0;

  margin: 0 0 30px 0;

}



h1, h2, h3, h4, h5, h6 {

  font-family: "Montserrat", sans-serif;

  font-weight: 400;

  margin: 0 0 20px 0;

  padding: 0;

}



/* Back to top button */

.back-to-top {

  position: fixed;

  display: none;

  background: #03152d;

  color: #fff;

  /*display: inline-block;*/

  width: 44px;

  height: 44px;

  text-align: center;

  line-height: 1;

  font-size: 16px;

  border-radius: 50%;

  right: 15px;

  bottom: 15px;

  transition: background 0.5s;

  z-index: 11;

}



.back-to-top i {

  padding-top: 12px;

  color: #fff;

}

.carousel-indicators li {

     width: 30px;

    height: 6px;

    border-radius:0;

        background: #fff;



}

@media (max-width: 768px) {

  .back-to-top {

    bottom: 15px;

  }

}



/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/



.header-scrolled #logo {

    margin-top:-6px;

}

.header-scrolled #nav-menu-container{

  margin-top: -10px;

}

.header-scrolled #logo img {

    width: 341px;

}

#header {

  padding: 20px 0;

    height: 72px;

  position: fixed;

  left: 0;

  top: 0;

  right: 0;

  transition: all 0.5s;

  z-index: 997;

}



#header.header-scrolled {

    background: rgb(1, 69, 142);

    padding: 20px 0;

    height: 72px;

    transition: all 0.5s;

    border-bottom: solid 2px rgba(255, 255, 255, 0.57);

}

.fixed_header {

      background: rgb(1, 69, 142);

    padding: 20px 0;

    height: 72px;

    transition: all 0.5s;

    border-bottom: solid 2px rgba(255, 255, 255, 0.57);

}

.fixed_header #nav-menu-container {

    margin-top: -10px;

}

.fixed_header #logo {

    margin-top: -10px;

}

.fixed_header #nav-menu-container {

    padding-right:50px;

    }





header.fixed_header.header-scrolled #logo {

    margin-top: -9px;

}

#header #logo {

  float: left;

}



@media (min-width: 1024px) {

  #header #logo {

    padding-left: 60px;

  }

}



#header #logo h1 {

  font-size: 34px;

  margin: 0;

  padding: 0;

  line-height: 1;

  font-family: "Montserrat", sans-serif;

  font-weight: 700;

  letter-spacing: 3px;

}



#header #logo h1 a, #header #logo h1 a:hover {

  color: #fff;

}



#header #logo img {

  padding: 0;

  margin: 0;

}



@media (max-width: 768px) {

  #header #logo h1 {

    font-size: 28px;

  }

  #header #logo img {

    max-height: 52px; 

    width: 114px;

  }

  #header #logo {

    margin-top: -10px;

	}

	.contact_heading {

		width:100% !important;

	}

	.contact_heading a{

		padding-left:0px!important;

		padding-right:15px !important;

	}

	#featured-services .title span {

    line-height: 31px !important;

	}

  .section-header h3 {

    font-size: 22px !important;

  }

  p {

    font-size: 14px;

}

#about .about-col h2 {

  font-size: 15px !important;

}

}



/*--------------------------------------------------------------

# Intro Section

--------------------------------------------------------------*/

#intro {

  display: table;

  width: 100%;

  height: 100vh;

  background: #000;

}



#intro .carousel-item {

  width: 100%;

  height: 100vh;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



#intro .carousel-item::before {

  content: '';

  background-color: rgba(0, 0, 0, 0.5);

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

}



#intro .carousel-container {

  display: flex;

  justify-content: flex-end;

  align-items: center;

  position: absolute;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

}



#intro .carousel-content {

     text-align: center;

    margin-bottom: 55px;

    width: 100%;

    position: absolute;

    bottom: 0;

}

.carousel-indicators .active {

    background: #3f85d0;

} 

#intro h2 {

  color: #fff;

  margin-bottom: 5px;

  font-size:30px;

  font-weight: 700;

      width: 43%;

    margin: auto;

}

.mobile_logo {

display:none;

}

.desktop_logo {

display:block;

}

#clients .owl-item {

    height: 200px;

    line-height: 200px;

    /* display: table-caption; */

    /* vertical-align: middle; */

    position: relative;

}



#clients .owl-item img {

    /* vertical-align: middle; */

    display: inline-block;

    /* position: absolute; */

    /* transform: translate(104%, 0%); */

    padding: 0px 20px;

}



@media (max-width: 768px) {

  #intro h2 {

    font-size: 15px;

        width:100%;

    margin: auto;

  }

  .carousel-indicators li {

    width: 10px;

    height: 10px;

}

#intro .btn-get-started {

  

    font-size: 12px !important;

    width: 30px !important;

    height: 30px !important;

    line-height: 30px !important;

}

section#about .btn {

    padding: 4px 15px !important;

    font-size: 12px;

}

.about_text {

  font-size:14px;

  }

  .mobile_logo {

display:block;

}

.desktop_logo {

display:none;

}





  ul.application_content li {

    width: 100% !important;

    display: inherit !important;

  }

  .products_container .img {

    float: inherit;

    min-width: 100% !important;

    margin-bottom: 15px;

  }

  .product_right_container {

    float: inherit;

    width: 100% !important;

  }

}



#intro p {

  width: 80%;

  margin: 0 auto 30px auto;

  color: #fff;

}



@media (min-width: 1024px) {

  #intro p {

    width: 60%;

  }

}



#intro .carousel-fade .carousel-inner .carousel-item {

  -webkit-transition-property: opacity;

  transition-property: opacity;

}



#intro .carousel-fade .carousel-inner .carousel-item,

#intro .carousel-fade .carousel-inner .active.carousel-item-left,

#intro .carousel-fade .carousel-inner .active.carousel-item-right {

  opacity: 0;

}



#intro .carousel-fade .carousel-inner .active,

#intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,

#intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {

  opacity: 1;

  transition: 0.5s;

}



#intro .carousel-fade .carousel-inner .carousel-item-next,

#intro .carousel-fade .carousel-inner .carousel-item-prev,

#intro .carousel-fade .carousel-inner .active.carousel-item-left,

#intro .carousel-fade .carousel-inner .active.carousel-item-right {

  left: 0;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



#intro .carousel-control-prev, #intro .carousel-control-next {

  width: 10%;

}



@media (min-width: 1024px) {

  #intro .carousel-control-prev, #intro .carousel-control-next {

    width: 5%;

  }

}



#intro .carousel-control-next-icon, #intro .carousel-control-prev-icon {

  background: none;

  font-size: 32px;

  line-height: 1;

}



#intro .carousel-indicators li {

  cursor: pointer;

}



#intro .btn-get-started {

      font-family: "Montserrat", sans-serif;

    font-weight: 500;

    font-size: 16px;

    letter-spacing: 1px;

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    border-radius: 100%;

    transition: 0.5s;

    margin: 10px;

    color: #fff;

    background: #03152d;

}



#intro .btn-get-started:hover {

  background: #fff;

  color: #0093dd;

}



/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/* Nav Menu Essentials */

.nav-menu, .nav-menu * {

  margin: 0;

  padding: 0;

  list-style: none;

}



.nav-menu ul {

  position: absolute;

  display: none;

  top: 100%;

  left: 0;

  z-index: 99;

}



.nav-menu li {

  position: relative;

  white-space: nowrap;

}



.nav-menu > li {

  float: left;

}



.nav-menu li:hover > ul,

.nav-menu li.sfHover > ul {

  display: block;

}



.nav-menu ul ul {

  top: 0;

  left: 100%;

}



.nav-menu ul li {

  min-width: 180px;

}



/* Nav Menu Arrows */

.sf-arrows .sf-with-ul {

  padding-right: 30px;

}



.sf-arrows .sf-with-ul:after {

  content: "\f107";

  position: absolute;

  right: 15px;

  font-family: FontAwesome;

  font-style: normal;

  font-weight: normal;

}



.sf-arrows ul .sf-with-ul:after {

  content: "\f105";

}



/* Nav Meu Container */

#nav-menu-container {

  float: right;

    margin: 0;

    background: #03152d;

    border-radius: 20px;

    height: 50px;

    line-height: 50px;

}

ul.Our_Values li {

    text-align: left;

    list-style: none;

    position: relative;

}

ul.Our_Values {

    margin-left: 17px;

}

ul.Our_Values li:before {

       content: "";

    position: absolute;

    width: 8px;

    height: 8px;

    background: #03152d;

    border-radius: 100%;

    left: -14px;

    top: 9px;

}

.about_bottom_ul  {

  padding: 0px;

}

.about_bottom_ul li {

     list-style: none;

    line-height: 60px !important;

    display: flex;

  }



ul.about_bottom_ul i {

    color: #03152d !important;

    line-height: 54px !important;

    font-size: 52px !important;

    margin-right: 13px;

}



@media (min-width: 1024px) {

  #nav-menu-container {

    padding-right: 10px;

        margin-right: 60px;

    margin-top: 3px;

  }

}



@media (max-width: 768px) {

  #nav-menu-container {

    display: none;

  }

}



/* Nav Meu Styling */

.nav-menu a {

  padding: 0 10px 0px 10px;

  text-decoration: none;

  display: inline-block;

  color: #fff;

  font-family: "Montserrat", sans-serif;

  font-weight: 700;

  font-size: 13px;

  text-transform: uppercase;

  outline: none;

}



.nav-menu li:hover > a, .nav-menu > .menu-active > a {

  color: #F0F0F0;

}



.nav-menu > li {

  margin-left: 10px;

}



.nav-menu ul {

  margin:-1px 0 0 0;

  padding: 10px;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

  background: #fff;

}

.header-scrolled .nav-menu ul {

   margin:11px 0 0 0;

}



.nav-menu ul li {

  transition: 0.3s;

}



.nav-menu ul li a {

 padding: 10px 0px;

    color: #333;

    transition: 0.3s;

    display: block;

    font-size: 13px;

    text-transform: none;

    line-height: 18px;

    border-bottom: solid 1px #d8d8d8;

}



.nav-menu ul li:hover > a {

  color: #0093dd;

}



.nav-menu ul ul {

  margin: 0;

}



/* Mobile Nav Toggle */

#mobile-nav-toggle {

  position: fixed;

  right: 0;

  top: 0;

  z-index: 999;

  margin: 20px 20px 0 0;

  border: 0;

  background: none;

  font-size: 24px;

  display: none;

  transition: all 0.4s;

  outline: none;

  cursor: pointer;

}



#mobile-nav-toggle i {

  color: #fff;

}



@media (max-width: 768px) {

  #mobile-nav-toggle {

    display: inline;

  }

}



/* Mobile Nav Styling */

#mobile-nav {

  position: fixed;

  top: 0;

  padding-top: 18px;

  bottom: 0;

  z-index: 998;

  background: rgba(0, 0, 0, 0.8);

  left: -260px;

  width: 260px;

  overflow-y: auto;

  transition: 0.4s;

}



#mobile-nav ul {

  padding: 0;

  margin: 0;

  list-style: none;

}



#mobile-nav ul li {

  position: relative;

}



#mobile-nav ul li a {

  color: #fff;

  font-size: 13px;

  text-transform: uppercase;

  overflow: hidden;

  padding: 10px 22px 10px 15px;

  position: relative;

  text-decoration: none;

  width: 100%;

  display: block;

  outline: none;

  font-weight: 700;

  font-family: "Montserrat", sans-serif;

}



#mobile-nav ul li a:hover {

  color: #fff;

}



#mobile-nav ul li li {

  padding-left: 0;

}



#mobile-nav ul .menu-has-children i {

  position: absolute;

  right: 0;

  z-index: 99;

  padding: 15px;

  cursor: pointer;

  color: #fff;

}



#mobile-nav ul .menu-has-children i.fa-chevron-up {

  color: #0093dd;

}



#mobile-nav ul .menu-has-children li a {

  text-transform: none;

}



#mobile-nav ul .menu-item-active {

  color: #0093dd;

}



#mobile-body-overly {

  width: 100%;

  height: 100%;

  z-index: 997;

  top: 0;

  left: 0;

  position: fixed;

  background: rgba(0, 0, 0, 0.7);

  display: none;

}



/* Mobile Nav body classes */

body.mobile-nav-active {

  overflow: hidden;

}



body.mobile-nav-active #mobile-nav {

  left: 0;

}



body.mobile-nav-active #mobile-nav-toggle {

  color: #fff;

}



/*--------------------------------------------------------------

# Sections

--------------------------------------------------------------*/

/* Sections Header

--------------------------------*/

.section-header h3 {

  font-size: 32px;

  color: #111;

  text-transform: uppercase;

  text-align: center;

  font-weight: 700;

  position: relative;

  padding-bottom: 15px;

}

.skills_heading {

  margin-top:100px;

}

.section-header h3::before {

  content: '';

  position: absolute;

  display: block;

  width: 120px;

  height: 1px;

  background: #ddd;

  bottom: 1px;

  left: calc(50% - 60px);

}



.section-header h3::after {

  content: '';

  position: absolute;

  display: block;

  width: 40px;

  height: 3px;

  background:#0162ca;

  bottom: 0;

  left: calc(50% - 20px);

}



.section-header p {

  text-align: center;

  padding-bottom: 0px;

  color: #333;

}



/* Section with background

--------------------------------*/

.section-bg {

  background: #f7f7f7;

}



/* Featured Services Section

--------------------------------*/

#featured-services {

  background-image: linear-gradient(0deg, #0093dd 0%, #01458d 50%, #0093dd 100%);

}



#featured-services .box {

  padding: 30px 20px;

}



#featured-services .box-bg {

      background-image: linear-gradient(0deg, #0093dd 0%, #01458d 50%, #0093dd 100%);

}



#featured-services i {

     color: #fff;

    font-size: 48px;

    float: left;

    margin-right: 9px;

    line-height: 54px;

	}

	#featured-services .title span {

    line-height:53px;

    color: #fff;

    font-size: 25px;

}

section#featured-services input {

    margin-bottom: 10px;

}

section#featured-services strong {

    color: #92daff;

}

section#featured-services span {

  margin-bottom:7px;

  display:block;

}

section#featured-services .btn {

   padding: 3px 10px;

    border: solid 1px #000;

    background-image: linear-gradient(0deg, #101010 0%, #2d2d2d 50%, #0c0c0c 100%);

    width: auto;

    float: right;

}



section#featured-services label {

	color:#fff;

}

#featured-services h4 {

  font-weight: 400;

  margin: 15px 0;

  font-size: 18px;

}



#featured-services h4 a {

  color: #fff;

}



#featured-services h4 a:hover {

  color: #0093dd;

}



#featured-services p {

  font-size: 14px;

  line-height: 24px;

  color: #fff;

  margin-bottom: 0;

}



/* About Us Section

--------------------------------*/



.inner_page_main {

	margin-top:70px;

}

#about {

  background: url("../img/about-bg.jpg") center top no-repeat fixed;

  background-size: cover;

  padding: 60px 0 40px 0;

  position: relative;

}



#about::before {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: rgba(255, 255, 255, 0.92);

  z-index: 9;

}



#about .container {

  position: relative;

  z-index: 10;

}



#about .about-col {

  background: #fff;

  border-radius: 0 0 4px 4px;

  box-shadow:0px 2px 12px rgba(0, 0, 0, 0.32);

  margin-bottom: 20px;

}

.inner_page_main #services .description {

	font-size:inherit;

	color:#333;

}

.contact_heading {

	width: 40%;

    margin: auto;

    clear: both;

    margin-bottom:30px;

	overflow:hidden;

}

.contact_heading a:hover {

    color: #0093dd;

}

.postquery_section header p {

	padding:0;

}

form.feedbackform .col-lg-12 {

    padding: 0;

}

.contact_heading .active {

	color:#0093dd !important;

	}

.contact_heading a {

	    padding-right: 15px;

		padding-left:15px;

    text-align: center;

    float: left;

    font-weight: bold;

    color: #333;

}

.inner_page_main .contact_section .about-col .img {

    height: 240px !important;

}

#about .about-col .img {

 position: relative;

width: 100%;

border-radius: 4px 4px 0 0;

height: 210px;

background-position: center;

background-size:cover;

}

.inner_page_main #about .about-col .img {

	height:190px;

}

#about .about-col .img img {

  border-radius: 4px 4px 0 0;

}

.career_section p{

	padding-bottom:0px;

}

.terms_use b {

	display:block;

}

#about p {

	text-align:center;

}

.inner_page_main #services {

	background-color:transparent;

	padding:0px 15px 40px 15px;

}

.inner_page_main .contact_section iframe {

    width: 100%;

    height: 240px;

}

section#about .btn {

        border-radius: 20px;

    background: #03152d;

    outline: none;

    padding: 8px 22px;

}

section#about .btn:hover {

    background:#0089d4;

}

.btn:focus {

    box-shadow: initial !important;

}

#about .about-col .icon {

  width: 64px;

  height: 64px;

  padding-top: 8px;

  text-align: center;

  position: absolute;

  background-color: #03152d;

  border-radius: 50%;

  text-align: center;

  border: 4px solid #fff;

  left: calc( 50% - 32px);

  bottom: -30px;

  transition: 0.3s;

}



#about .about-col i {

  font-size: 36px;

  line-height: 1;

  color: #fff;

  transition: 0.3s;

}



#about .about-col:hover .icon {

  background-color: #fff;

}



#about .about-col:hover i {

  color: #03152d;

}



#about .about-col h2 {

  color: #000;

  text-align: center;

  font-weight: 700;

  font-size: 20px;

  padding: 0;

  margin: 40px 0 12px 0;

}



#about .about-col h2 a {

  color: #000;

}



#about .about-col h2 a:hover {

  color: #0093dd;

}

p {

      font-family: "Montserrat", sans-serif;

}

#about .about-col p {

       /* font-size: 14px; */

    line-height: 24px;

    color: #333;

    margin-bottom: 0;

    padding: 20px;

    min-height: 100px;

    text-align: center;

    /* font-weight: bold; */

    max-height:500px;

}

.skiils_content p {

  width: 100%;

  font-weight: bold;

}

.the_hearts_heading {

  margin-top:80px;

  margin-bottom:30px;

}

.about_text {

  line-height: 24px;

    color: #333;

    margin-bottom: 0;

    padding: 20px;

    min-height: 188px;

    text-align: center;

    /* font-weight: bold; */

    max-height:500px;

}

.row.about-cols {

    margin-top: 45px;

}

/* Services Section

--------------------------------*/

#services {

  background: #fff;

  background-size: cover;

  padding: 60px 0 40px 0;

}



#services .box {

  margin-bottom: 30px;

}



#services .icon {

      width: 100%;

    text-align: center;

    margin-bottom: 20px;

}



#services .icon i {

      color:#03152d;

    font-size: 66px;

    line-height: 1;

    transition: 0.5s;

}

section#services header {

    margin-bottom: 40px;

}



#services .title {

    margin-left: 0;

    font-weight: 700;

    margin-bottom: 15px;

    font-size: 14px;

    text-align: center;

}



#services .title a {

  color: #111;

}



#services .box:hover .title a {

  color: #0093dd;

}



#services .description {

  font-size: 14px;

  margin-left: 60px;

  line-height: 24px;

  margin-bottom: 0;

}

form.feedbackform {

    overflow: hidden;

    margin-bottom: 27px;

}

.feedbackform textarea {

    height:103px;

}

form.feedbacform .col-lg-12 {

    padding: 0;

}

/* Call To Action Section

--------------------------------*/

#call-to-action {

  background: linear-gradient(rgba(1, 69, 142, 0.42), rgba(0, 147, 221, 0.25)), url(../img/call-to-action-bg.jpg) fixed center center;

  background-size: cover;

  padding: 60px 0;

}

#client_bg {

  background: linear-gradient(rgba(1, 69, 142, 0.42), rgba(0, 147, 221, 0.25)), url(../img/client_bg.jpg) fixed center center;

  background-size: cover;

  padding: 60px 0;

}



#call-to-action h3, #client_bg h3  {

  color: #fff;

  font-size: 28px;

  font-weight: 700;

}



#call-to-action p {

  color: #fff;

}



#call-to-action .cta-btn {

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-weight: 500;

  font-size: 16px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 8px 28px;

  border-radius: 25px;

  transition: 0.5s;

  margin-top: 10px;

  border: 2px solid #fff;

  color: #fff;

}



#call-to-action .cta-btn:hover {

  background: #0093dd;

  border: 2px solid #0093dd;

}



/* Call To Action Section

--------------------------------*/

#skills {

  padding: 60px 0;

}



#skills .progress {

  height: 35px;

  margin-bottom: 10px;

}



#skills .progress .skill {

  font-family: "Open Sans", sans-serif;

  line-height: 35px;

  padding: 0;

  margin: 0 0 0 20px;

  text-transform: uppercase;

}



#skills .progress .skill .val {

  float: right;

  font-style: normal;

  margin: 0 20px 0 0;

}



#skills .progress-bar {

  width: 1px;

  text-align: left;

  transition: .9s;

}



/* Facts Section

--------------------------------*/

#facts {

  background: url("../img/facts-bg.jpg") center top no-repeat fixed;

  background-size: cover;

  padding: 60px 0 0 0;

  position: relative;

}



#facts::before {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: rgba(255, 255, 255, 0.88);

  z-index: 9;

}



#facts .container {

  position: relative;

  z-index: 10;

}



#facts .counters span {

  font-family: "Montserrat", sans-serif;

  font-weight: bold;

  font-size: 48px;

  display: block;

  color: #0093dd;

}



#facts .counters p {

  padding: 0;

  margin: 0 0 20px 0;

  font-family: "Montserrat", sans-serif;

  font-size: 14px;

  color: #111;

}



#facts .facts-img {

  text-align: center;

  padding-top: 30px;

}



/* Portfolio Section

--------------------------------*/

#portfolio {

  padding: 60px 0;

}

#portfolio h3 {

    margin-bottom:60px;

}



#portfolio #portfolio-flters {

  padding: 0;

  margin: 5px 0 35px 0;

  list-style: none;

  text-align: center;

}



#portfolio #portfolio-flters li {

  cursor: pointer;

  margin: 15px 15px 15px 0;

  display: inline-block;

  padding: 10px 20px;

  font-size: 12px;

  line-height: 20px;

  color: #666666;

  border-radius: 4px;

  text-transform: uppercase;

  background: #fff;

  margin-bottom: 5px;

  transition: all 0.3s ease-in-out;

}



#portfolio #portfolio-flters li:hover, #portfolio #portfolio-flters li.filter-active {

  background: #0093dd;

  color: #fff;

}



#portfolio #portfolio-flters li:last-child {

  margin-right: 0;

}



#portfolio .portfolio-wrap {

  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);

  transition: 0.3s;

      background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    height: 240px;

}



#portfolio .portfolio-wrap:hover {

  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);

}

.clearfix {

  clear:both;

}

.footer-contact p span {

    margin-left: 55px;

}

#portfolio .portfolio-item {

  position: relative;

  height: 240px;

  overflow: hidden;

  margin-bottom:30px;

}

#portfolio .portfolio-item figure:hover {

    background: #00000059;

}

#portfolio .portfolio-item figure {

    overflow: hidden;

    height: 240px;

    position: relative;

    border-radius: 4px;

    margin: 0;

    border: solid 1px #ccc;

}



#portfolio .portfolio-item figure:hover img {

  opacity: 0.4;

  transition: 0.3s;

}



#portfolio .portfolio-item figure .link-preview, #portfolio .portfolio-item figure .link-details {

  position: absolute;

  display: inline-block;

  opacity: 0;

  line-height: 1;

  text-align: center;

  width: 36px;

  height: 36px;

  background: #fff;

  border-radius: 50%;

  transition: 0.2s linear;

}



#portfolio .portfolio-item figure .link-preview i, #portfolio .portfolio-item figure .link-details i {

  padding-top: 6px;

  font-size: 22px;

  color: #333;

}



#portfolio .portfolio-item figure .link-preview:hover, #portfolio .portfolio-item figure .link-details:hover {

  background: #0093dd;

}



#portfolio .portfolio-item figure .link-preview:hover i, #portfolio .portfolio-item figure .link-details:hover i {

  color: #fff;

}



#portfolio .portfolio-item figure .link-preview {

  left: calc(50% - 18px);

  top: calc(50% - 18px);

}



#portfolio .portfolio-item figure .link-details {

  right: calc(50% - 38px);

  top: calc(50% - 18px);

}



#portfolio .portfolio-item figure:hover .link-preview {

  opacity: 1;

  left: calc(50% - 18px);

}



#portfolio .portfolio-item figure:hover .link-details {

  opacity: 1;

  right: calc(50% - 44px);

}



#portfolio .portfolio-item .portfolio-info {

  background: #fff;

  text-align: center;

  padding: 30px;

  height: 90px;

  border-radius: 0 0 3px 3px;

}



#portfolio .portfolio-item .portfolio-info h4 {

  font-size: 18px;

  line-height: 1px;

  font-weight: 700;

  margin-bottom: 18px;

  padding-bottom: 0;

}



#portfolio .portfolio-item .portfolio-info h4 a {

  color: #333;

}



#portfolio .portfolio-item .portfolio-info h4 a:hover {

  color: #0093dd;

}



#portfolio .portfolio-item .portfolio-info p {

  padding: 0;

  margin: 0;

  color: #b8b8b8;

  font-weight: 500;

  font-size: 14px;

  text-transform: uppercase;

}



/* Clients Section

--------------------------------*/

#clients {

  padding: 60px 0;

}



#clients img {

  max-width: 100%;

  opacity: 0.5;

  transition: 0.3s;

  padding: 15px 0;

}



#clients img:hover {

  opacity: 1;

}



#clients .owl-nav, #clients .owl-dots {

  margin-top: 5px;

  text-align: center;

}



#clients .owl-dot {

  display: inline-block;

  margin: 0 5px;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background-color: #ddd;

}



#clients .owl-dot.active {

  background-color: #0093dd;

}



/* Testimonials Section

--------------------------------*/

#testimonials {

  padding: 60px 0;

}



#testimonials .section-header {

  margin-bottom: 40px;

}



#testimonials .testimonial-item {

  text-align: center;

}



#testimonials .testimonial-item .testimonial-img {

  width: 120px;

  border-radius: 50%;

  border: 4px solid #fff;

  margin: 0 auto;

}



#testimonials .testimonial-item h3 {

  font-size: 20px;

  font-weight: bold;

  margin: 10px 0 5px 0;

  color: #fff;

}



#testimonials .testimonial-item h4 {

  font-size: 14px;

  color:#d2e1f1;

  margin: 0 0 15px 0;

}



#testimonials .testimonial-item .quote-sign-left {

  margin-top: -15px;

  padding-right: 10px;

  display: inline-block;

  width: 37px;

}



#testimonials .testimonial-item .quote-sign-right {

  margin-bottom: -15px;

  padding-left: 10px;

  display: inline-block;

  max-width: 100%;

  width: 37px;

}



#testimonials .testimonial-item p {

  font-style: italic;

  margin: 0 auto 15px auto;

  color:#fff;

}



@media (min-width: 992px) {

  #testimonials .testimonial-item p {

    width: 80%;

  }

}



#testimonials .owl-nav, #testimonials .owl-dots {

  margin-top: 5px;

  text-align: center;

}



#testimonials .owl-dot {

  display: inline-block;

  margin: 0 5px;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background-color: #ddd;

}



#testimonials .owl-dot.active {

  background-color: #0093dd;

}



/* Team Section

--------------------------------*/

#team {

  background: #fff;

  padding: 60px 0;

}



#team .member {

  text-align: center;

  margin-bottom: 20px;

  background: #000;

  position: relative;

}



#team .member .member-info {

  opacity: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

  transition: 0.2s;

}



#team .member .member-info-content {

  margin-top: -50px;

  transition: margin 0.2s;

}



#team .member:hover .member-info {

  background: rgba(0, 0, 0, 0.7);

  opacity: 1;

  transition: 0.4s;

}



#team .member:hover .member-info-content {

  margin-top: 0;

  transition: margin 0.4s;

}



#team .member h4 {

  font-weight: 700;

  margin-bottom: 2px;

  font-size: 18px;

  color: #fff;

}



#team .member span {

  font-style: italic;

  display: block;

  font-size: 13px;

  color: #fff;

}



#team .member .social {

  margin-top: 15px;

}



#team .member .social a {

  transition: none;

  color: #fff;

}



#team .member .social a:hover {

  color: #0093dd;

}



#team .member .social i {

  font-size: 18px;

  margin: 0 2px;

}



/* Contact Section

--------------------------------*/

#contact {

  padding: 60px 0;

}



#contact .contact-info {

  margin-bottom: 20px;

  text-align: center;

}



#contact .contact-info i {

  font-size: 48px;

  display: inline-block;

  margin-bottom: 10px;

  color:#03152d;

}



#contact .contact-info address, #contact .contact-info p {

  margin-bottom: 0;

  color: #000;

      text-align: center;

}



#contact .contact-info h3 {

  font-size: 18px;

  margin-bottom: 15px;

  font-weight: bold;

  text-transform: uppercase;

  color: #999;

}



#contact .contact-info a {

  color: #000;

}



#contact .contact-info a:hover {

  color: #0093dd;

}



#contact .contact-address, #contact .contact-phone, #contact .contact-email {

  margin-bottom: 20px;

}



/*====== Products Page =======*/

.products_container p{

      font-weight: normal !important;

    text-align: left !important;

    padding: 17px 0px !important;

    min-height: auto !important;

}



.products_container table p {

    padding:0px !important;

    min-height: inherit !important;

    max-height: inherit !important;

}

.container.products_container .about-col {

    padding: 20px;

}

.products_container .about-col h3 {

    font-size: 18px;

    color: #000;

    font-weight: bold;

    border-left: solid 6px #03152d;

    padding-left: 10px;

}

.products_container .about-col h4 {

      font-size: 18px;

    color:#333333;

    font-weight: bold;

    margin-bottom: 10px;

    padding-left: 0;

    position: relative;

}

.products_container ul {

    margin: 0;

    padding-left: 20px;

        margin-bottom: 26px;

}

ul.application_content li {

    display: inline-block;

    margin-right: 28px;

    width: 30%;

}

.products_container ul li {

        font-size: 14px;

    line-height: 28px;

    color: #333;

    position: relative;

    list-style: none;

}

.products_container ul li:before {

    position: absolute;

    content: "";

    width: 10px;

    height: 10px;

    background: #03152d;

    border-radius: 100%;

    top: 9px;

    /* margin-top: -5px; */

    left: -18px;

}

.products_container table {

  margin-top:20px;

}

.products_container_box {

  width: 100%;

  clear: both;

  overflow: hidden;

}

.products_container .img {

        float: left;

    width: 30% !important;

    height: 283px !important;

    border-radius: 0 !important;

    margin-right: 20px;

    border: solid 1px #d6d6d6;

    border-top-left-radius: 25px !important;

    border-bottom-right-radius: 25px !important;

        margin-bottom: 40px;

}

.product_right_container {

    float: right;

    width: 68%;

}

.product_right_container p {

    padding-top: 0 !important;

}

.products_container .about-col h4:before {

    position: absolute;

    content: "";

    width: 28px;

    height: 3px;

    background:#333333;

    bottom: -6px;

}

.product_table {

    width: 100%;

    overflow-y: auto;

}





@media (min-width: 768px) {

  #contact .contact-address, #contact .contact-phone, #contact .contact-email {

    padding: 20px 0;

  }

}



@media (min-width: 768px) {

  #contact .contact-phone {

    border-left: 1px solid #ddd;

    border-right: 1px solid #ddd;

        height: 262px;

  }

}



#contact .form #sendmessage {

  color: #0093dd;

  border: 1px solid #0093dd;

  display: none;

  text-align: center;

  padding: 15px;

  font-weight: 600;

  margin-bottom: 15px;

}



#contact .form #errormessage {

  color: red;

  display: none;

  border: 1px solid red;

  text-align: center;

  padding: 15px;

  font-weight: 600;

  margin-bottom: 15px;

}



#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {

  display: block;

}



#contact .form .validation {

  color: red;

  display: none;

  margin: 0 0 20px;

  font-weight: 400;

  font-size: 13px;

}



#contact .form input, #contact .form textarea {

  padding: 10px 14px;

  border-radius: 0;

  box-shadow: none;

  font-size: 15px;

}



#contact .form button[type="submit"] {

  background:#03152d;

  border: 0;

  padding: 10px 30px;

  color: #fff;

  transition: 0.4s;

  cursor: pointer;

      border-radius: 20px;

      outline: none;

}



#contact .form button[type="submit"]:hover {

  background: #0093dd;

}



/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/

#footer {

  background: #000;

  padding: 0 0 30px 0;

  color: #eee;

  font-size: 14px;

}



#footer .footer-top {

  background: #111;

  padding: 60px 0 30px 0;

}



#footer .footer-top .footer-info {

  margin-bottom: 30px;

}



#footer .footer-top .footer-info h3 {

     font-size: 34px;

    margin: 0 0 20px 0;

    padding: 2px 0 2px 0px;

    line-height: 1;

    font-family: "Montserrat", sans-serif;

    font-weight: 700;

    letter-spacing: 3px;

    /* border-left: 4px solid #0093dd; */

}



#footer .footer-top .footer-info p {

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 0;

  font-family: "Montserrat", sans-serif;

  color: #eee;

}



#footer .footer-top .social-links a {

  font-size: 18px;

  display: inline-block;

  background: #03152d;

  color: #eee;

  line-height: 1;

  padding: 8px 0;

  margin-right: 4px;

  border-radius: 50%;

  text-align: center;

  width: 36px;

  height: 36px;

  transition: 0.3s;

}



#footer .footer-top .social-links a:hover {

  background: #0093dd;

  color: #fff;

}



#footer .footer-top h4 {

  font-size: 14px;

  font-weight: bold;

  color: #fff;

  text-transform: uppercase;

  position: relative;

  padding-bottom: 12px;

}



#footer .footer-top h4::before, #footer .footer-top h4::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  height: 2px;

}



#footer .footer-top h4::before {

  right: 0;

  background: #555;

}



#footer .footer-top h4::after {

  background:#03152d;

  width: 60px;

}



#footer .footer-top .footer-links {

  margin-bottom: 30px;

}



#footer .footer-top .footer-links ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



#footer .footer-top .footer-links ul i {

  padding-right: 8px;

  color: #ddd;

}



#footer .footer-top .footer-links ul li {

  border-bottom: 1px solid #333;

  padding: 10px 0;

}



#footer .footer-top .footer-links ul li:first-child {

  padding-top: 0;

}



#footer .footer-top .footer-links ul a {

  color: #eee;

}



#footer .footer-top .footer-links ul a:hover {

  color: #0093dd;

}



#footer .footer-top .footer-contact {

  margin-bottom: 30px;

}



#footer .footer-top .footer-contact p {

  line-height: 26px;

}



#footer .footer-top .footer-newsletter {

  margin-bottom: 30px;

}



#footer .footer-top .footer-newsletter input[type="email"] {

  border: 0;

  padding: 6px 8px;

  width: 65%;

}



#footer .footer-top .footer-newsletter input[type="submit"] {

  background: #0093dd;

  border: 0;

  width: 35%;

  padding: 6px 0;

  text-align: center;

  color: #fff;

  transition: 0.3s;

  cursor: pointer;

}



#footer .footer-top .footer-newsletter input[type="submit"]:hover {

  background: #0093dd;

}



#footer .copyright {

  text-align: center;

  padding-top: 30px;

}



#footer .credits {

  text-align: center;

  font-size: 13px;

  color: #ddd;

}

#footer .footer-top .footer-newsletter iframe {

	height: 204px;

    width: 100%;

}