*
{
    padding: 0;
    margin: 0;
}

.navbar{
    background: #04bfd4 !important;
   
}

.dropdown{
    border-radius:0;
    border:0;
}
.dropdown-menu{
    border:0;
    top:100%;
    border-radius:0px 0px 5px 5px;
    line-height: 30px;


}
.nav-link:hover{
    background: #ff5e00;
    
    }
 .nav-item::after{content:'';display:block;width:0px;height:2px;background:#fec400;transition: 0.2s;}
 .nav-item:hover::after{width:100%;}

.dropdown-item:hover{
    background:#085ca5;
    color:#fff;
    font-size: 18px;


}
.dropdown-menu a{
  color: #000000;
  font-size: 18px;
} 
.navbar .nav-item .nav-link{
    color:#000000 !important; 
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;

}
.navbar .nav-item .nav-link:hover .navbar .nav-item .nav-link{
    color:red !important;
    
}

.navbar-toggler
{
    margin-left: 40%;
}

.sticky-top {
    transition: all 0.25s ease-in;
}

style for when sitcky is applied
.stuck .sticky-top {
    background-color: #222 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
 
/*Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
html,body{
    background:#fff;
    font-size: 100%;    
    font-family: 'Muli', sans-serif;
}
body a{
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
 ul{
    padding: 0;
    margin: 0;
}
h1,h2,h3,h4,h5,h6,label,p{
    margin:0;   
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Montserrat', sans-serif;
}
/*--header--*/
.head {
    padding: 1em 0em;   
        background:rgba(255, 255, 255, 0.32);
}
.banner {
    margin-top: 11em;
}
.header{
    background:url(../images/ba3.jpg) no-repeat center;
    width:100%;
    height:800px;
    text-align:center;
    background-size:cover;
}
.header1{
    height:92px;
}
.banner-text{
    border: 2px solid #FFF;
    display: inline-block;
    width: 100px;
    height: 100px;
        -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
}
.banner h2{
    font-size: 4em;
    color: #fff;
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(-45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(-45deg) translate3d(0, 0, 0);
    -o-transform: rotate(-45deg) translate3d(0, 0, 0);
    transform: rotate(-45deg) translate3d(0, 0, 0);
    display: block;
    line-height: 1.4em;
    width: 100px;
    height: 100px;
}
.banner p{
    font-size: 0.9em;
    color: #fff;
    line-height: 2em;
    width: 50%;
    margin: 0em auto ;
}
.banner span{
    display:block;
    margin:5em 0;
}
.banner-t {
    text-align: center;
    margin: 6em auto;
    width: 20%;
    position: relative;
}
.banner-t b{
    width: 100%;
    height: 2px;
    display: block;
    background: #13d0ab;
    margin-bottom: 3px;
}
.banner-t b.lin{
    width: 80%;
    margin:0 auto;
}
.banner-t  span{
    width: 40px;
    height: 40px;
    display: block;
    background: rgb(35, 39, 42);
    position: absolute;
    top: -7px;
    left: 45%;  
}
.banner-t  span i{
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #13d0ab;
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
    margin-left: 0.7em;
}
/*----*/
.link-effect-4 a {
  padding: 0 10px;
  margin: 0 20px;
  text-shadow: none;
  position: relative;
}
.link-effect-4 a::before {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  padding: 0 0px;
  max-height: 0;
  color: #13d0ab;
  content: attr(data-hover);
  -webkit-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  transition: max-height 0.5s;
}
.link-effect-4 a:hover::before {
  max-height: 100%;
}
/*--header--*/
.logo h1{
    font-size:1.8em;
    font-family: 'Montserrat', sans-serif;
}
.logo h1 a{
    text-decoration:none;
    color:#fff;
}
.logo h1 a span{
    width: 40px;
    height: 40px;
    display:inline-block;
    border: 2px solid #fff;
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
    margin-right: 12px;
}
.logo h1 a b{
    width: 40px;
    height: 40px;
    display: inline-block;
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(-45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(-45deg) translate3d(0, 0, 0);
    -o-transform: rotate(-45deg) translate3d(0, 0, 0);
    transform: rotate(-45deg) translate3d(0, 0, 0);
        line-height: 1.1em;
    text-align: center;
}
.logo h1 a i{
    display: block;
    font-style: normal;
        margin-left: 3em;
    font-size: 19px;
    
}
.navbar-brand {
   height: auto; 
    padding: 0; 
    font-size: 18px; 
    line-height: 20px;
}
.navbar-nav {
    float: right;
    margin-top: 1.45em;
}
.header-left{
    float:right;
    margin-top: 1.4em;
}
.header-left ul li {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin: 0 1em;
/*-- w3layouts --*/
}
.header-left ul li a {
    text-decoration: none;
    color: #fff;
}
.header-left ul li a:hover {
    color: #13D0AB;
}
.header-left ul li i{
    left: -.5em;
}
.navbar-top {
    float: left;
    width:70%;
}
.navbar-default {
    border: none;
    background: none;
    min-height: auto;
    margin-bottom: 0;
}
div#bs-example-navbar-collapse-1 {
    padding: 0;
}
ul.nav.navbar-nav li a {
    font-size: 1.1em;
    color: #FFFFFF;
    margin: 0 15px;
    padding: 0px 0;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background:red !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}
ul.nav.navbar-nav li.active a {
       color:#13d0ab;
    background: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background:none;
}
/*--//header--*/
/*--services--*/
.ser-top {
    margin-bottom: 8em;
/*-- agileits --*/
}
.ser-top h3 {
    text-align: center;
    margin-bottom: 0.4em;
    font-size: 3em;
    font-weight: bold;
    color:#000;
}

.ser-t {
    text-align: center;
    margin: 0 auto;
    width: 20%;
    position: relative;
}
.ser-t b{
    width: 100%;
    height: 2px;
    display: block;
    background: #13d0ab;
    margin-bottom: 3px;
}
.ser-t b.line{
    width: 80%;
    margin:0 auto;
}
.ser-t  span{
    width: 40px;
    height: 40px;
    display: block;
    background: #fff;
    position: absolute;
    top: -7px;
    left: 42%;  
}
.ser-t  span i{
    width: 20px;height: 20px;
    display: block;
    border: 2px solid #13d0ab;
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
    margin-left: 0.7em;
}
.ser-head {
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
/*-- w3layouts --*/
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
    display: inline-block;
    -webkit-transition: -webkit-transform 300ms ease-out;
    -moz-transition: -moz-transform 300ms ease-out;
    transition: transform 300ms ease-out;
    float: left;width: 25%;
}

.ser-grid:hover{
  background:#13d0ab;
      transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.ser-grid {
    width: 220px;
    height: 220px;
    display: block;
    opacity:1;
    border: 2px solid #13d0ab;
    position:relative;
}
.ser-grid1 {
    transform: rotate(-45deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(-45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(-45deg) translate3d(0, 0, 0);
    -o-transform: rotate(-45deg) translate3d(0, 0, 0);
    text-align: center;
    position: absolute;
    top: 14%;
    left: 4%;
}
.service {
    padding: 6em 0 8em;
}
.ser-grid1 i{
    font-size:2em;
    color:#000;
}
.ser-grid1 h3{
    font-size:1.8em;
    color:#000;
    margin: 0.4em 0;
}
.ser-grid1 p{
    font-size:0.9em;
    color:#999;
    line-height:1.8em;
    margin: 0 0 1em;
/*-- agileits --*/
}
.ser-grid:hover .ser-grid1 p{
    color:#fff;
        transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
/*--//service--*/
/*--col-grid--*/
.col-grid-left {
    background-color: #eee;
    padding: 5em;
}

.col-grid-right {
    padding: 0;
}
.col-grid h3 {
    font-size: 2.5em;
        color: #13d0ab;
}
.col-grid h5 {
    font-size: 1.7em;
    line-height: 1.3em;
    margin: 0.8em 0 0;
    color: #000;
    font-weight: 100;
    font-family: 'Muli', sans-serif;
}
.col-grid p {
    font-size: 0.9em;
    margin: 1em 0;
    line-height: 2em;
    color: #999;
}
.col-grid-1{
    padding:0;
}

/*--team--*/
.team-top {
  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
  -moz-transform: rotate(45deg) translate3d(0, 0, 0);
  -ms-transform: rotate(45deg) translate3d(0, 0, 0);
  -o-transform: rotate(45deg) translate3d(0, 0, 0);
  transform: rotate(45deg) translate3d(0, 0, 0);
  display: inline-block;
  -webkit-transition: -webkit-transform 300ms ease-out;
  -moz-transition: -moz-transform 300ms ease-out;
  transition: transform 300ms ease-out;
      float: left;
    width: 25%;

}
.team-top1 {
  position: relative;
  width: 220px;
  height: 220px;
  margin: 0;
  display: block;
  overflow: hidden;
    background: #E2E2E2;
    border: 2px solid #13d0ab;
}
.team-top1 img {
  width: 220px;
  height: 220px;
  -webkit-transform: skew(0deg, 0deg) rotate(-45deg);
  -moz-transform: skew(-20deg, -20deg) rotate(-45deg);
  -ms-transform: skew(-20deg, -20deg) rotate(-45deg);
  -o-transform: skew(-20deg, -20deg) rotate(-45deg);
  transform: skew(0deg, 0deg) rotate(-45deg);
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
.team-top1 img:hover {
  opacity: 1;
}
.team{
    padding:6em 0 8em;
}
.zoom-icon {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    display: block;
    left: 0;
    top: -152px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.32);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.team-top1 .zoom-icon {
    top: -100px;
    width: 100%;
}
.team-top1 .swipebox:hover .zoom-icon {
    top: 0%;
    opacity: 1;
    filter: alpha(opacity=99); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
}
.zoom-icon1{
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(-45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(-45deg) translate3d(0, 0, 0);
    -o-transform: rotate(-45deg) translate3d(0, 0, 0);
    transform: rotate(-45deg) translate3d(0, 0, 0);
    text-align: center;
    margin: 4em 0 0 3em;
}
.zoom-icon1{
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(-45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(-45deg) translate3d(0, 0, 0);
    -o-transform: rotate(-45deg) translate3d(0, 0, 0);
    transform: rotate(-45deg) translate3d(0, 0, 0);
    text-align: center;
    margin: 4em 0 0 1em;
}
.zoom-icon1 h5{
    font-size:2em;
    color:#fff;
    margin-bottom: 0.5em;
}
/*--team--*/
.social-ic li{
    display:inline-block;
}
.social-ic li a {
    width:35px;
    height: 35px;
    display: block;
    background:  #13d0ab;
    margin: 0 0.5em;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.social-ic li a:hover{
    background:  #000;
}
.social-ic li a i {
    width:35px;
    height: 35px;
    display: block;
    background:  url(../images/img-spr.png)no-repeat -2px -90px;
}
.social-ic li a i.ic {
    background: url(../images/img-spr.png)no-repeat -63px -90px;
}
.social-ic li a i.ic1 {
    background: url(../images/img-spr.png)no-repeat -123px -90px;
}
/*--//team--*/
.col-1-top, .col-1-bottom {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.col-1-top img, .col-1-bottom img {
  display: block;
  position: relative;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.col-1-top {
  position: relative;
}
.col-1-bottom {
  top: 0;
  left: 0;
  position: absolute;
}
.col-1-bottom .info-text {
  display: block;
  position: relative;
  padding: 2em;
  float: left;
  left: 50%;
  top: 50%;
  text-align:center;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.info-text h5{
    color:#fff;
    font-size:1.8em;
    border-bottom:4px double #fff;
    padding-bottom:0.5em;
    margin-bottom:0.5em;
}
.info-text p{
    color:#fff;
    font-size:0.9em;
    line-height:2em;
}
.col-1 {
  display: block;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
  -webkit-transform-style: preserve3d;
  -moz-transform-style: preserve3d;
  -ms-transform-style: preserve3d;
  -o-transform-style: preserve3d;
  transform-style: preserve3d;
}
.col-1 .col-1-top {
  z-index: 1;
}
.col-1 .col-1-bottom {
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
  filter: alpha(opacity=0);
  -wekbit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.col-1.bottom .col-1-bottom {
  -webkit-transform: translateY(100%) rotateX(-90deg);
  -moz-transform: translateY(100%) rotateX(-90deg);
  -ms-transform: translateY(100%) rotateX(-90deg);
  -o-transform: translateY(100%) rotateX(-90deg);
  transform: translateY(100%) rotateX(-90deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}

.col-1:hover .col-1-bottom {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  filter: alpha(opacity=100);
  -wekbit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: translateX(0) rotateY(0);
  -moz-transform: translateX(0) rotateY(0);
  -ms-transform: translateX(0) rotateY(0);
  -o-transform: translateX(0) rotateY(0);
  transform: translateX(0) rotateY(0);
}
/*--newslwtter--*/
.ser-top1  {
    margin-bottom:4em;
}
.ser-top1 h3 {
    color:#fff;
}
.ser-t1 b{
    background: #000;
}
.ser-t1  span{
    background: #13d0ab; 
}
.ser-t1  span i{
    border: 2px solid #000;   
}
.news-letter {
    background: #13d0ab;
    padding: 5em 0;
}
.news-letter input[type="text"] {
    outline: none;
    padding: 14px 10px;
    color: #848484;
    font-size: 16px;
    border: 1px solid #dadada;
        width: 43%;
    float: left;
    margin-right: 2%;
}
.news-letter input[type="submit"]{
    color: #fff;
    background:#000;
    border: none;
    padding: 14px 20px;
    font-size: 1em;
    outline: none;
    text-transform: uppercase;
    float:left;
    
}
.news-letter input[type="submit"]:hover {
    background:#18826D;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
/*--footer--*/
.footer{
    background:#0867bf;
    padding: 5em 0;
}
.footer-bottom h4,.footer-bottom1 h4{
    font-size: 2.2em;
    font-weight: bold;
    color: #13d0ab;
    margin-bottom: 0.5em;
}
.footer-bottom1 h4{
    margin-bottom: 1em;
}
.footer-bottom p{
    font-size: 1.4em;
    color: #fff;
    line-height: 1.5em;
    width: 80%;
}

.social li{
    display:inline-block;
}

.social li a  {
    width: 80px;
    height: 80px;
    display: block;   
    border: 1px solid #13d0ab;
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
}
.social li a:hover  {   
    background:#13d0ab;
}
.social li a i {
    width: 80px;
    height: 80px;
    display: block;
    background: url(../images/img-spr.png)no-repeat 18px 13px ;
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(-45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(-45deg) translate3d(0, 0, 0);
    -o-transform: rotate(-45deg) translate3d(0, 0, 0);
    transform: rotate(-45deg) translate3d(0, 0, 0);
}
.social li a i.icon {
    background: url(../images/img-spr.png)no-repeat -66px 13px;  
}
.social li a i.icon1 {
    background: url(../images/img-spr.png)no-repeat -161px 13px;  
}
.social li a i.icon2 {
    background: url(../images/img-spr.png)no-repeat -251px 13px;  
}

.copy{
    background:#232323;
    padding: 1.5em 0;
}
p.footer-grid {
    font-size: 1em;
    color: #fff;
    text-align:center;
}
p.footer-grid a{
    text-decoration:none;
    color:#13d0ab;
}
p.footer-grid a:hover{
    color:#fff;
}
/*--//footer--*/
/*--gallery--*/
figure {
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    border: 3px solid #fff;
}

figure:hover figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: 0;
}

figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -100%;
    background: rgba(0,0,0,.5);
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    padding: 5em 2em;
}

figcaption h3 {
    color: #13d0ab;
    margin-bottom: 0;
    position: relative;
    left: 100%;
    font-size: 2.2em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transition-delay: 1s;
    transition-delay: 1s;
}

figcaption p {
    margin-bottom: 0;
    margin-top: 20px;
    position: relative;
    left: 100%;
    font-size: 0.9em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    -ms-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

figure:hover h3,figure:hover p {
    left: 0;
}
/*----*/
.gallery h2 {
    text-align: center;
    font-size: 3em;
    color: #000;
    margin-bottom: 0.5em;
    font-weight: bold;
}
.gallery{
    padding:6em 0;
}
.gal-gd{
    margin:2em 0;
}
.gal-btm {
    margin-top: 4em;
}
/*--//gallery--*/
/*-- contact --*/
.contact {
    padding: 6em 0;
}
.contact form{
    margin-top:6em;
}
.contact h2{
    font-size: 3em;
    color: #000;
    margin-bottom: 0.5em;
    font-weight: bold;
    text-align: center;
}
.contact-grid1{
    text-align: center;
}
.con-ic{
    width: 30px;
    height: 30px;
    display: block;
    border: 1px solid #13d0ab;
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
        margin: 0 auto;
}
.contact-grid1 i {
    width: 30px;
    height: 30px;
    font-size: 0.9em;
    color: #000;
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(-45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(-45deg) translate3d(0, 0, 0);
    -o-transform: rotate(-45deg) translate3d(0, 0, 0);
    transform: rotate(-45deg) translate3d(0, 0, 0);
    line-height: 1.9em;
}
.contact-grid1 h4{
        font-size: 1.5em;
    color: #000;
    margin:1em 0 0.5em;
}
.contact-grid1 p{
    font-size:1em;
    color:#999;
    line-height:1.5em;
    margin:0;
}
.contact-grid1 p a{
    color:#999;
    text-decoration:none;
}
.contact-grid1 p a:hover{
    color:#000;
}
.contact-grid1 p span{
    display:block;
}
.contact-grids{
    margin:5em 0 0;
}
.contact-form1 h4,.contact-me h4{
    font-size:1em;
    color:#797979;
    margin:0 0 .5em;
}
.contact-form1{
    padding:0 1em 0 0;
}
.contact-form{
    padding:0;
}
.contact-form1 input[type="text"],.contact-form1 input[type="email"],.contact-me textarea{
    outline:none;
    padding:10px;
    border:1px solid #DFDFDF;
    background:#EAEAEA;
    font-size:14px;
    color:#999;
    width:100%;
}
.contact-me textarea{
    min-height:300px;
}
.contact-me{
    margin-top:1em;
}
.contact-grids1 input[type="submit"]{
    outline: none;
    padding: 10px 0;
    border: none;
    background: #13d0ab;
    font-size: 1em;
    color: #fff;
    width: 100%;
    margin: 1.5em 0 0 0em;
}
.contact-grids1 input[type="submit"]:hover{
    background:#000;
        transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.map iframe{
    width:100%;
    min-height:500px;
}
/*-- //contact --*/
/*--test--*/
.test-top-g {
    text-align:center;
    margin-bottom: 4em;
}
.test-top-g h3 {
    text-align: center;
    margin-bottom: 0.4em;
    font-size: 3em;
    font-weight: bold;
    color: #fff;
}
.test {
    padding: 6em 0;
    background: url(../images/tt.jpg) no-repeat center;
    width: 100%;
    min-height: 402px;
    display: block;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
}
.test-top2 {
    background: #fff;
    padding: 1.5em;
}
.test-top3 {
    background: #13d0ab;
    padding: 1.5em;
}
.test-top2 p{
    float: right;
    color: #999;
    font-size: 0.9em;
    line-height: 2em;
    width: 86%;
}
.test-top2 img{
    float:left;
}
.test-top3 img{
    float:left;
    border-radius: 100px;
    width: 20%;
    border: 2px solid #fff;
}
.test-top3 h6{
    float: right;
    color: #000;
    font-size: 1em;
    line-height: 2em;
    width: 76%;
    margin-top: 1em;
    margin-left: 4%;
    font-style: italic;
}
/*--test--*/
.content-about{
    padding: 6em 0;
}
.col-left{
    float:left;
}
.col-left span{
    color:#13d0ab;
    font-size: 5em;
    display: block;
    font-weight: 600;
    transform: rotate(-90deg);
}
.col-right{
    float:right;
    width: 72%;
}
.col-right h6{
    margin:0;
    font-size: 1.3em;
    color: #000;
}
.col-right p{
    margin: 1.2em 0 0;
    font-size: 0.9em;
    line-height: 1.9em;
    color: #999;
}
.wel h6{
    font-size:0.9em;
    color:#999;
    font-style: italic;
}
.wel h2{
    font-size: 3.2em;
    color: #000;
    font-weight: 900;
    margin: 0.1em 0;
}
.wel p{
    font-size: 0.9em;
    line-height: 1.9em;
    color: #999;
}
.us-col{
    margin-bottom:2em;
}
/*--//about--*/
/*--typo--*/
.ser-top-c {
    margin-bottom: 6em;
}
.page {
    padding: 5em 0;
}
.page-header h3{
    font-size: 2.5em;
    color:#13d0ab;
    font-weight: bold;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: none;
}
.grid1 {
  margin: 1.5em 0 0;
}
ul.nav.nav-pills {
  margin: 1.5em 0 0;
}
.grid2{
    margin: 1em 0 0;
}

.form-horizontal .control-label {
  text-align: left;
}
/*--//typo--*/

@media(max-width:1440px){
.col-grid h3 {
    font-size: 2.3em;
}
.col-grid-left {
    padding: 3.75em;
}
}
@media(max-width:1366px){
.col-grid h5 {
    font-size: 1.5em;
}
.col-grid-left {
    padding: 1.9em;
}
}

@media(max-width:1280px){
.wel h2 {
    font-size: 2.8em;
}
}
@media(max-width:1024px){
.navbar-top {
    width: 67%;
}
.ser-grid {
    width: 150px;
    height: 150px;
    margin: 0 auto;
}
.ser-grid1 h3 {
    font-size: 1.1em;
}
.team-top1 {
    width: 150px;
    height: 150px;
}
.team-top1 img {
  width: 150px;
  height: 150px;
}
.ser-grid1 {
    top: 8%;
    left: 4%;
}
.ser-grid1 p {
    font-size: 0.7em;
}
.col-grid h3 {
    font-size: 1.8em;
}
.col-grid h5 {
    font-size: 1.2em;
}
.info-text p {
    font-size: 0.75em;
}
.col-1-bottom .info-text {
    padding: 1em;
}
.zoom-icon1 {
    margin: 2.1em 0 0 1em;
}
.social-ic li a {
    margin: 0 0.1em;
}
.test-top3 h6 {
    margin-top: 0.5em;
}
.news-letter input[type="text"] {
    width: 42%;
}
.map iframe {
    min-height: 350px;
}
.footer-bottom h4, .footer-bottom1 h4 {
    font-size: 2em;
}
.service {
    padding: 5em 0 6em;
}
.ser-top {
    margin-bottom: 6em;
}
.team {
    padding: 5em 0 6em;
}
.test {
    padding: 5em 0;
}
figcaption {
    padding: 3.8em 1em;
}
figcaption h3 {
    font-size: 1.8em;
}
figcaption p {
    font-size: 0.8em;
}
.gallery {
    padding: 5em 0;
}
.wel h2 {
    font-size: 2.5em;
}
.content-about {
    padding: 5em 0;
}
.contact {
    padding: 5em 0;
}
.header {
    height: 750px;
}
.header1 {
    height: 92px;
}
.banner {
    margin-top: 10em;
}
/*--typo--*/
h1.grid2 {
  font-size: 2.3em;
}
}
@media(max-width:991px){
ul.nav.navbar-nav li a {
    margin: 0 5px;
    font-size: 0.9em;
}
.logo h1 {
    font-size: 1.5em;
}
.logo h1 a span {
    width: 35px;
    height: 35px;
}
.navbar-nav {
    margin-top: 1.5em;
    width: 62%;
}
.header-left {
    margin-top: 1.2em;
}
.header-left ul li {
    margin: 0 0.3em;
}
.navbar-top {
    width: 65%;
}
.header {
    height:650px;
}
.header1 {
    height: 87px;
}
.banner {
    margin-top: 8em;
}
.banner span {
    margin: 4em 0 3em;
}
.ser-t {
    width: 30%;
}
.ser-head {
    width: 50%;
    margin-bottom: 2em;
}
.col-grid-1 {
    width: 50%;
    float: left;
}
.team-top {
    width: 50%;
    margin-top: 2em;
}
.service {
    padding: 4em 0 5em;
}
.team {
    padding: 4em 0 6em;
}
.test {
    padding: 4em 0;
}
.test-top1 {
    width: 50%;
    margin: 0 auto 1em;
}
.test-top3 {
    padding: 1em;
}
.test-top3 h6 {
    margin-top: 0.8em;
}
.news-letter input[type="text"] {
    width: 40%;
}
.ser-top {
    margin-bottom: 4em;
}
.news-letter {
    padding: 4em 0;
}
.team-top1 {
    margin: 0 auto;
}
.zoom-icon1 h5 {
    font-size: 1.5em;
}
.footer {
    padding: 4em 0;
}
.footer-bottom1 {
    margin-top: 2em;
}
.map iframe {
    min-height: 300px;
}
.news-letter {
    padding: 3em 0;
}
.wel h2 {
    font-size: 2.2em;
}
.content-about {
    padding: 4em 0;
}
.gallery {
    padding: 4em 0;
}
.gal-gd-sec {
    width: 50%;
    float: left;
    padding: 0 0.2em;
}
.gal-gd {
    margin: 0.4em 0;
    width: 33.33%;
    float: left;
    padding: 0 0.2em;
}
figcaption h3 {
    font-size: 1.5em;
}
figcaption p {
    margin-top: 10px;
}
figcaption {
    padding: 3.3em 1em;
}
.col-left span {
    font-size: 4em;
}
.us-col,.col-us {
    margin-bottom: 1em;
}
.contact {
    padding: 4em 0;
}
.contact-form1 {
    padding: 0;
    margin-bottom:1em;
}
.contact-grids1 input[type="submit"] {
    margin: 0.5em 0 0 0em;
}
.contact-grid {
    margin-top: 1em;
}
.contact-grids {
    margin: 3em 0 0;
}
.contact form {
    margin-top: 4em;
}
.col-1-top img, .col-1-bottom img {
    width: 100%;
}
/*--typo--*/
h1.grid2 {
  font-size: 2.3em;
}
.short-top h3 {
    top: 47%;
}
}
@media(max-width:767px){
.navbar-toggle {
    float: right;
    padding:0;
    border: none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}
ul.nav.navbar-nav li a {
    margin: 7px 0px;
    display: inline-block;
    text-align: center;
    width: auto;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}
.navbar-toggle .icon-bar {
    width: 27px;
    height: 3px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-top {
    width: 47%;
    margin: 0;
}
.navbar-nav {
    margin: 7.5px 0px;
}
.navbar-nav {
    width: 100%;
}
/*----*/
div#bs-example-navbar-collapse-1 {
    background: #000;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 87%;
    z-index: 999;
}
ul.nav.navbar-right {
    text-align: center;
}
.navbar-right .dropdown-menu {
    min-width: 100%;
    position: relative;
    text-align:center;
}
.navbar-toggle .icon-bar {
    background: #13D0AB;
}
.navbar-toggle {
    margin: 18px 0 0;
    background: none;
}
.navbar-nav > li > a {
    width: 25%;
    text-align: center;
    margin: 5px auto;
}
div#bs-example-navbar-collapse-1 {
    width: 95.2%;
    margin-top: 1em;
}
}
@media(max-width:760px){
.banner p {
    width: 75%;
}
.banner {
    margin-top: 4.5em;
}
.header {
    height: 500px;
}
.header1 {
    height: 129px;
}
.ser-top h3 {
    font-size: 2.5em;
}
.service {
    padding: 3em 0 4em;
}
.ser-head {
    width: 47%;
}
.test-top1 {
    width: 75%;
}
.test {
    padding: 3em 0;
}
.test-top-g {
    margin-bottom: 3em;
}
.news-letter input[type="text"] {
    width: 39%;
}
.footer {
    padding: 3em 0;
}
.test-top-g h3 {
    font-size: 2.5em;
}
.team {
    padding: 3em 0 5em;
}
.content-about {
    padding: 3em 0;
}
.gallery {
    padding: 3em 0;
}
figcaption h3 {
    font-size: 1.2em;
}
figcaption {
    padding: 2.5em 1em;
}
.contact h2 {
    font-size: 2.5em;
}
.contact form {
    margin-top: 3em;
}
.contact {
    padding: 3em 0;
}
.gallery h2 {
    font-size: 2.5em;
}
figcaption.gal-text {
    padding: 1.6em 1em;
}
/*--typo--*/
button.btn.btn-lg {
  font-size: 1.1em<?php include 'include/header.php' ?>}
h1.grid2 {
  font-size: 2em;
}
h2.grid2 {
  font-size: 1.9em;
}
.b-wrapper1.long-img {
    padding-top: 16em;
}
td.add-check a {
    width: 106px;
}
.heart li a {
    margin: 0 0.3em;
}
.page-header h3 {
    font-size: 2.5em;
}
}
@media(max-width:600px){
.navbar-top {
    width: 100%;
    float: none;
}
.header-left {
    float: none;
    text-align: center;
}
.banner-text {
    width: 70px;
    height: 70px;
}
.banner h2 {
    font-size: 3em;
    line-height: 1.3em;
    width: 70px;
    height: 70px;
}
.banner span {
    margin: 3em 0 2em;
}
.ser-head {
    width: 46%;
}
.ser-top h3 {
    font-size: 2.3em;
}
.ser-t {
    width: 45%;
}
.team-top {
    width: 47%;
    margin-top: 3em;
}
.test-top-g h3 {
    font-size: 2.2em;
}
.test-top1 {
    width: 95%;
}
.team {
    padding: 2.5em 0 4em;
}
.col-grid h3 {
    font-size: 1.6em;
}
.news-letter input[type="text"] {
    width: 100%;
    margin: 0em 0 1em;
}
.footer-bottom h4, .footer-bottom1 h4 {
    font-size: 1.5em;
}
.footer-bottom p {
    font-size: 1.2em;
    width: 100%;
}
.contact h2 {
    font-size: 2em;
}
.contact {
    padding: 2em 0;
}
.contact-me textarea {
    min-height: 203px;
}
.gal-gd-sec {
    width: 100%;
    float: left;
    padding: 0 0em;
}
.gal-gd {
    margin: 0.4em 0;
    width: 100%;
    float: left;
    padding: 0 0em;
}
.gal-gd img{
    width: 100%;
}
.gallery h2 {
    font-size: 2em;
}
.gal-btm {
    margin-top: 3em;
}
figcaption h3 {
    font-size: 2em;
}
figcaption {
    padding: 4em 1em;
}
div#bs-example-navbar-collapse-1 {
    width: 93.2%;
}
/*--typo--*/
.page-header h3 {
  font-size: 2em; 
}
button.btn.btn-lg {
  font-size: 1em;
  padding: 7px;
}
button.btn.btn-1 {
  font-size: 0.9em;
  padding: 8px;
}
button.btn.btn-sm {
  font-size: 0.8em;
  padding: 9px;
}
h1#h1-bootstrap-heading {
  font-size: 2.2em;
}
h2#h2-bootstrap-heading {
  font-size: 2em;
}
h1.grid2 {
  font-size: 1.45em;
}
h2.grid2 {
  font-size: 1.35em;
}
h3.grid2 {
  font-size: 1.3em;
}
h4.grid2 {
  font-size: 1.2em;
}
.media-1 {
    padding-left: 0em;
}
}
@media(max-width:414px){
.logo h1 {
    font-size: 1.2em;
}
.logo h1 a span {
    width: 32px;
    height: 32px;
}
.banner h2 {
    font-size: 2.5em;
    line-height: 1em;
    width: 50px;
    height: 50px;
}
.banner-text {
    width: 50px;
    height: 50px;
}
.banner span {
    margin: 2em 0 1em;
}
.banner p {
    width: 100%;
    line-height: 1.8em;
    font-size: 0.8em;
}
.header {
    height: 376px;
}
.header1 {
    height: 125px;
}
.banner {
    margin-top: 2em;
}
.ser-head {
    width: 95%;
    float: none;
    margin: 0 auto;
}
.ser-grid {
    width: 127px;
    height: 127px;
    margin: 0 auto 2em;
}
.test-top2 {
    padding: 1em;
}
.ser-grid1 i {
    font-size: 1.7em;
}
.ser-grid1 h3 {
    font-size: 1em;
}
.ser-grid1 p {
    font-size: 0.69em;
}
.ser-top h3 {
    font-size: 2em;
}
.ser-t {
    width: 65%;
}
.news-letter input[type="text"] {
    padding: 8px 10px;
}
.news-letter input[type="submit"] {
    padding: 8px 20px;
}
.news-letter {
    padding: 2em 0;
}
.footer-bottom {
    padding: 0;
}
.footer-bottom h4, .footer-bottom1 h4 {
    font-size: 1.3em;
}
.footer-bottom p {
    font-size: 1em;
}
.team-top {
    width: 100%;
    margin-top: 3em;
}
.footer-bottom1 {
    margin-top: 1.4em;
    padding: 0;
}
.col-grid-left {
    padding: 1em;
}
.social li a i {
    width: 40px;
    height: 40px;
    background: url(../images/img-spr.png)no-repeat 7px 4px;
    background-size: 225px;
}
.social li a {
    width: 40px;
    height: 40px;
}
.social li a i.icon {
    background: url(../images/img-spr.png)no-repeat -39px 4px;
    background-size: 225px;
}
.social li a i.icon1 {
    background: url(../images/img-spr.png)no-repeat -146px 4px;
    background-size: 225px;
}
.social li a i.icon2 {
    background: url(../images/img-spr.png)no-repeat -145px 4px;
    background-size: 225px;
}
.footer {
    padding: 2em 0;
}
.map iframe {
    min-height: 200px;
}
p.footer-grid {
    font-size: 0.9em;
    padding: 0 1em;
}
.test-top1 {
    width: 100%;
    padding: 0;
}
.test {
    padding: 2em 0;
}
.col-grid h3 {
    font-size: 1.1em;
}
.us-grid {
    padding: 0;
}
.us-col, .col-us {
    margin-bottom: 1em;
    padding: 0;
}
.ser-top {
    margin-bottom: 3em;
}
.content-about {
    padding: 2em 0;
}
.gallery {
    padding: 2em 0;
}

figcaption h3 {
    font-size: 1.5em;
}
figcaption {
    padding: 1.2em 1em;
}
figcaption.gal-text {
    padding: 4em 1em;
}
.col-grid-1 {
    width: 100%;
}
div#bs-example-navbar-collapse-1 {
    width: 91.2%;
}
/*--typo--*/
h1#h1-bootstrap-heading {
  font-size: 1.6em;
}
h2#h2-bootstrap-heading {
  font-size: 1.5em;
}
h3#h3-bootstrap-heading {
  font-size: 1.4em;
}
button.btn.btn-lg {
  font-size: 0.9em;
  margin: 0 0 0.5em 0px;
  padding: 9px;
}
.grid1 {
  margin: 0.7em 0 0;
}
button.btn.btn-1 {
  font-size: 0.8em;
  margin: 0 0 0.5em;
}
button.btn.btn-sm {
  font-size: 0.7em;
  padding: 5px;
  margin: 0 0 0.5em;
}
button.btn.btn-xs {
  font-size: 0.7em;
}
ul.nav.nav-pills a{
    padding: 0.5em;
  font-size: 0.9em;
}
span.label {
  margin: 0 0 0.5em;
  display: inline-block;
}
.page {
  padding: 3em 0 1em;
}
.page-header {
  margin: 16px 0 9px;
}
.grid2 {
  margin: 0.4em 0 0;
}
.bs-example {
  padding: 1em 0 0;
}
.page-header h3 {
    font-size: 1.6em;
}
td.add-check a {
    width: 86px;
}
}
/* banner bottom grids */
.banner-bottom-w3layouts {
    margin-top: -4em;
}

.about-in .serv-cont-wthree {
    background: #fff;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2.5em 2em;
}

.about-in .icon-wthrees {
    width: 60px;
    height: 60px;
    background: rgba(253, 92, 99, 0.16);
    margin: 0 auto;
}

.about-in .icon-wthrees span {
    font-size: 28px;
    color: #fd5c63;
    line-height: 60px;
}

 

/************************************************************
*************************Footer******************************
*************************************************************/

@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
@import url(http://fonts.googleapis.com/css?family=Gudea);
.footer1 {
    background-color: #0867bf;
    color: #fff;
    padding-top: 40px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;/*   border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #003; */
}



.title-widget {
    color: #898989;
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 25px;
    margin-left: 0;
    padding-left: 28px;
}

.title-widget::before {
    background-color: #ea5644;
    content: "";
    height: 22px;
    left: 0px;
    position: absolute;
    top: -2px;
    width: 5px;
}



.widget_nav_menu ul {
    list-style: outside none none;
    padding-left: 0;
}

.widget_archive ul li {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 3px;
}


.widget_nav_menu ul li {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 7px;
    padding-bottom: 7px;
    width:95%;
}



.title-median {
    color: #636363;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
}

.footerp p {font-family: 'Gudea', sans-serif; }


#social:hover {
                -webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1); 
            }
            #social {
                -webkit-transform:scale(0.8);
                /* Browser Variations: */
-moz-transform:scale(0.8);
-o-transform:scale(0.8); 
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
            }           
/* 
    Only Needed in Multi-Coloured Variation 
                                               */
            .social-fb:hover {
                color: #3B5998;
            }
            .social-tw:hover {
                color: #4099FF;
            }
            .social-gp:hover {
                color: #d34836;
            }
            .social-em:hover {
                color: #f39c12;
            }
            .nomargin { margin:0px; padding:0px;}





.footer-bottom {
    background-color: #0657a2;
    min-height: 30px;
    width: 100%;
}
.copyright {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
}
.design {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    text-align: right;
}
.design a {
    color: #fff;
}


.newsletter {
padding: 80px 0;
background: #f5f5f5;
}

.newsletter .content {
max-width: 650px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2; }
.newsletter .content h2 {
color: #243c4f;
margin-bottom: 40px; }
.newsletter .content .form-control {
height: 50px;
border-color: #ffffff;
border-radius:0;
}
.newsletter .content.form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}
.newsletter .content .btn {
min-height: 50px; 
border-radius:0;
background: #243c4f;
color: #fff;
font-weight:600;
}

 
.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}

/***testimonial***/
.testimonials-wrap{
     background: linear-gradient(0deg, #08d4fd 0%, #503eff 100%);
     width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    position: relative;
    padding: 8rem 0 12rem;
}
.title-testimonials{
   text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 23px;
}
.subtitle-testimonials{
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
    color: #ffffff;
    max-width: 660px;
    margin: 19px auto 103px;
    text-align: center;
}
/*.slide-one {*/
/*    padding: 30px 70px;*/
/*    background-color: #fff;*/
/*    border-radius: 5px;*/
/*    box-shadow: 0px 0px 10px 0px #00000059;*/
/*    width: 100%;*/
/*    max-width: 950px;*/
/*    margin: 0 auto;*/
/*    text-align: center;*/
/*}*/
/*.banner-slide img {*/
/*    height: 120px;*/
/*    width: 120px;*/
/*    border-radius: 100%;*/
/*    overflow: hidden;*/
/*    object-fit: cover;*/
/*}*/
/*.banner-slide h5 {*/
/*    color: #046ab3;*/
/*    font-weight: 700;*/
/*    margin: 15px 0;*/
/*}*/
/*.banner-slide h6 {*/
/*    font-size: 15px;*/
/*    color: #000;*/
/*    margin-bottom: 45px;*/
/*    font-weight: 600;*/
/*}*/
/*.banner-slide p {*/
/*    color: #000;*/
/*    font-size: 16px;*/
    
/*}*/
/*.carousel-control-prev {*/
/*    left: -175px;*/
/*}*/
/*.carousel-control-next {*/
/*    right: -175px;*/
/*}*/

/*.carousel-indicators{bottom:-70px;}*/


/***skewed***/
.sesgoabajo{
     
    position: absolute;
    left: 0;
    bottom: 0;
    border-width: 0 0 35vh 100vw;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
}
.sesgoarriba{
   
     position: absolute;
    left: 0;
    top: 0;
    border-width: 35vh 100vw 0 0;
    border-style: solid;
    border-color: #ffffff transparent transparent  transparent;
}
.contenedor{
    overflow: hidden;
    padding: 100px 5px;
}




/* ****************************
**************************** */

      /******blog******/

section#blog {
    position: relative;
    padding: 7rem 0;
}
section#blog .card{margin-bottom: 2rem;}
section#blog .card-text{
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    padding-bottom: 20px;
}
section#blog  .title-blog{
    text-align: center;
    color: #3dce8c;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 23px;
}
section#blog  .subtitle-blog{
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
    max-width: 660px;
    margin: 19px auto 103px;
    text-align: center;
}
.card img{
    height: 220px;
    width: 100%;
    object-fit: cover;
}
.card a{
    color: #503eff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
}

/* ****************************************
**************************************
************************************** */



/***our team***/
.our-team{position: relative;padding: 5rem 0;}
.title-our-team{
    text-align: center;
    color: #3dce8c;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 23px;
}
.subtitle-our-team{
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
    max-width: 660px;
    margin: 19px auto 103px;
    text-align: center;
}

/******blog******/

section#blog {
    position: relative;
    padding: 7rem 0;
}
section#blog .card{margin-bottom: 2rem;}
section#blog .card-text{
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    padding-bottom: 20px;
}
section#blog  .title-blog{
    text-align: center;
    color: #3dce8c;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 23px;
}
section#blog  .subtitle-blog{
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
    max-width: 660px;
    margin: 19px auto 103px;
    text-align: center;
}
.card img{
    height: 220px;
    width: 100%;
    object-fit: cover;
}
.card a{
    color: #503eff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
}

.w3l-features-1 {
  /*--//content--*/
  /*--/responsive-code--*/
  /*--//responsive-code--*/ }
  .w3l-features-1 .features {
    background: #222; }
  .w3l-features-1 .features h5 {
    font-size: 20px;
    line-height: 30px;
    color: var(--white-color);
    font-weight: 600; }
  .w3l-features-1 .icon {
    padding-top: 5px; }
  .w3l-features-1 .features p {
    font-size: 16px;
    color: #aaa;
    line-height: 24px; }
  .w3l-features-1 .icon span.fa {
    font-size: 36px;
    color: var(--opposite-color); }
  .w3l-features-1 .feature-gd {
    grid-template-columns: auto 1fr;
    display: grid;
    grid-gap: 20px; }
  @media (max-width: 568px) {
    .w3l-features-1 .feature-gd {
      padding: 20px;
      border-radius: 4px;
      background: #000; } }

.w3l-about1 {
  background: #fff; }

  :root {
  --theme-color: #DC143C;
  --title-color: #051b35;
  --text-color: #333333;
  --white-color: #fff;
  --bg-color: #051b35;
  --blue-color: #067ae6; }

html {
  scroll-behavior: smooth; }

ul, ol {
  padding: 0;
  margin: 0; }

li {
  list-style-type: none; }

body,
html {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }

* {
  box-sizing: border-box; }

.wrapper-full {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.wrapper {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .wrapper {
    max-width: 540px; } }

@media (min-width: 768px) {
  .wrapper {
    max-width: 720px; } }

@media (min-width: 992px) {
  .wrapper {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .wrapper {
    max-width: 1140px; } }

.clear {
  clear: both; }

.img-responsive,
img {
  max-width: 100%; }

.d-grid {
  display: grid; }

.d-flex {
  display: flex;
  display: -webkit-flex; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

button,
select {
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none; }

button,
.btn,
select {
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }

a {
  text-decoration: none; }

iframe {
  border: none; }

ul {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0; }

.p-relative {
  position: relative; }

.p-absolute {
  position: absolute; }

.p-fixed {
  position: fixed; }

.p-sticky {
  position: -webkit-sticky;
  position: sticky; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }

.column a {
  display: block; }

.column a img {
  display: block; }

a.brand-logo {
  color: var(--theme-color);
  font-weight: bold;
  font-size: 42px; }

a.theme-button {
  background: var(--theme-color);
  padding: 15px 20px;
  color: var(--white-color);
  border-radius: 4px;
  font-size: 17px;
  text-decoration: none;
  display: inline-block;
  margin-top: 40px;
  font-weight: 600; }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #ffffff; }


.w3l-headers-7 {
  /*--//search--*/
  /*--//search--*/
  /*-- headers7 --*/
  /*-- /headers7 --*/
  /*-- responsive design --*/
  /*-- /responsive design --*/ }
  .w3l-headers-7 #wrap {
    display: inline-block;
    position: relative;
    padding: 0;
    position: relative; }
  .w3l-headers-7 .cont-info-head p {
    color: #fff;
    font-size: 14px; }
  .w3l-headers-7 .cont-info-head p a {
    color: #fff; }
  .w3l-headers-7 .cont-info-head p span {
    margin-right: 5px; }
  .w3l-headers-7 #wrap input[type="search"] {
    height: 36px;
    font-size: 15px;
    display: inline-block;
    font-weight: 100;
    border: none;
    outline: none;
    color: #333;
    padding: 0px 10px;
    width: 0px;
    background: none;
    z-index: 3;
    transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
    cursor: pointer; }
  .w3l-headers-7 #wrap input[type="search"]:focus:hover {
    border-bottom: 1px solid var(--theme-color); }
  .w3l-headers-7 #wrap input[type="search"]:focus {
    width: 300px;
    z-index: 1;
    border-bottom: 1px solid var(--theme-color);
    cursor: text;
    background: #ffffff; }
  .w3l-headers-7 #wrap button[type="submit"] {
    display: inline-block;
    color: red;
    float: right;
    background: none;
    border: none;
    z-index: 9;
    cursor: pointer;
    padding: 0;
    background: #fff;
    height: 36px;
    width: 36px;
    border-bottom: 1px solid var(--theme-color); }
  .w3l-headers-7 #wrap input[type="submit"]:hover {
    opacity: 0.8; }
  .w3l-headers-7 .logo {
    z-index: 9; }
  .w3l-headers-7 #headers-7_sur {
    background: #051b35; }
  .w3l-headers-7 .d-flex {
    display: flex; }
  .w3l-headers-7 .header-align {
    justify-content: space-between;
    align-items: center; }
  .w3l-headers-7 a.brand-logo {
    color: #DC143C;
    font-weight: bold;
    font-size: 30px; }
  .w3l-headers-7 input#nav {
    display: none; }
  .w3l-headers-7 label.nav {
    display: none; }
  .w3l-headers-7 ul.nav-links li {
    display: inline-block;
    font-weight: 400; }
  .w3l-headers-7 ul.nav-links li:last-child {
    margin-left: auto; }
  .w3l-headers-7 ul.nav-links li a {
    font-size: 14px;
    color: #999;
    text-decoration: none;
    padding: 0px 5px;
    display: block;
    text-transform: uppercase;
    font-weight: bold; }
  .w3l-headers-7 ul.nav-links li a:hover {
    color: #000000; }
  .w3l-headers-7 input[type="submit"]:focus {
    outline-offset: none;
    outline: none; }
  .w3l-headers-7 span.fa.fa-search {
    color: var(--bg-color); }
  @media (max-width: 800px) {
    .w3l-headers-7 label {
      width: 40px;
      position: absolute;
      top: 23px;
      right: 13px;
      cursor: pointer;
      z-index: 99;
      height: 40px; }
    .w3l-headers-7 label.nav {
      display: block; }
    .w3l-headers-7 label:before {
      content: '';
      background: #304659;
      width: 32px;
      height: 3px;
      position: absolute;
      top: 0px;
      left: 0px;
      border-radius: 10px;
      transition: all 0.5s; }
    .w3l-headers-7 label:after {
      content: '';
      background: #304659;
      width: 32px;
      height: 3px;
      position: absolute;
      top: 22px;
      left: 0px;
      border-radius: 10px;
      transition: all 0.2s; }
    .w3l-headers-7 input#nav {
      display: block; }
    .w3l-headers-7 input {
      height: 0px;
      opacity: 1;
      display: block;
      transition: opacity 0.2s; }
    .w3l-headers-7 ul.nav-links li {
      display: block; }
    .w3l-headers-7 input:before {
      content: '';
      background: #304659;
      width: 32px;
      height: 3px;
      position: absolute;
      top: 34px;
      right: 21px;
      border-radius: 10px;
      z-index: 50; }
    .w3l-headers-7 input:checked {
      opacity: 0; }
    .w3l-headers-7 input:checked ~ label:before {
      top: 12px;
      -webkit-animation: linetop 0.2s linear 0.2s;
              animation: linetop 0.2s linear 0.2s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }
    .w3l-headers-7 input:checked ~ label:after {
      top: 12px;
      -webkit-animation: linebottom 0.2s linear 0.2s;
              animation: linebottom 0.2s linear 0.2s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }
    .w3l-headers-7 nav {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 0%;
      color: #fff;
      overflow-y: auto;
      overflow-x: hidden;
      transition: all 0.2s; }
    .w3l-headers-7 input:checked ~ nav {
      height: auto; }
    .w3l-headers-7 nav > ul {
      margin-top: 4.4rem;
      transform: translate(0%, 0%);
      transition: 0.2s;
      transition-delay: 0.2s;
      background: #3b5266; }
    .w3l-headers-7 input:checked ~ nav > ul {
      opacity: 1; }
    .w3l-headers-7 nav > ul > li {
      padding: 15px 0;
      padding-left: 0px;
      cursor: pointer;
      transition: all 0.2s; }
    .w3l-headers-7 nav > ul > li:hover {
      background: #49637a; }
    .w3l-headers-7 ul.nav-links li:hover {
      background: #49637a; }
    .w3l-headers-7 ul.nav-links li a:hover {
      color: #fff; }
    @-webkit-keyframes linetop {
      0% {
        transform: rotate(0deg); }
      100% {
        transform: rotate(45deg); } }
    @keyframes linetop {
      0% {
        transform: rotate(0deg); }
      100% {
        transform: rotate(45deg); } }
    @-webkit-keyframes linebottom {
      0% {
        transform: rotate(0deg); }
      100% {
        transform: rotate(-45deg); } }
    @keyframes linebottom {
      0% {
        transform: rotate(0deg); }
      100% {
        transform: rotate(-45deg); } }
    .w3l-headers-7 nav > ul > li {
      padding: 8px 0; }
    .w3l-headers-7 #wrap button[type="submit"] {
      top: -8px;
      right: 2.8em; }
    .w3l-headers-7 #wrap input[type="search"] {
      top: -18px;
      right: 2.8em; }
    .w3l-headers-7 ul.nav-links li a {
      padding: 0px 38px;
      color: #ffffff; } }
  @media (max-width: 768px) {
    .w3l-headers-7 #wrap button[type="submit"] {
      top: -8px;
      right: 2.8em; }
    .w3l-headers-7 #wrap input[type="search"] {
      top: -18px;
      right: 2.8em; } }
  @media (max-width: 667px) {
    .w3l-headers-7 ul.nav-links li a {
      padding: 0px 32px; } }
  @media (max-width: 540px) {
    .w3l-headers-7 #wrap input[type="search"]:focus {
      width: 200px; } }
  @media (max-width: 480px) {
    .w3l-headers-7 ul.nav-links li a {
      padding: 0px 26px; }
    .w3l-headers-7 #wrap input[type="search"]:focus {
      width: 180px; } }
  @media (max-width: 440px) {
    .w3l-headers-7 a.actionbg {
      margin-right: 45px; }
    .w3l-headers-7 label {
      right: 3px; }
    .w3l-headers-7 label:before {
      width: 28px; }
    .w3l-headers-7 label:after {
      width: 28px; }
    .w3l-headers-7 input:before {
      width: 28px; }
    .w3l-headers-7 input:before {
      right: 15px; }
    .w3l-headers-7 #wrap button[type="submit"] {
      right: 3em; }
    .w3l-headers-7 #wrap input[type="search"] {
      right: 3em; }
    .w3l-headers-7 ul.nav-links li a {
      padding: 0px 18px; }
    .w3l-headers-7 #wrap input[type="search"]:focus {
      width: 160px; } }
  @media (max-width: 414px) {
    .w3l-headers-7 #wrap input[type="search"]:focus {
      width: 130px; } }

/*--//headers-7--*/
.w3l-header-4 {
  background-color: #fff;
  z-index: 9;
  padding: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0; }

.w3l-header-4 {
  /*-- Headers-4 block --*/
  /*-- /Headers-4 block --*/
  /* navbar-start */
  /* navigation */
  /* CSS Document */
  /* Giving a background-color to the nav container. */
  /* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */
  /* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
  /* Positioning the navigation items inline */
  /* Styling the links */
  /* Background color change on Hover */
  /* Hide Dropdowns by Default
 * and giving it a position of absolute */
  /* Display Dropdowns on Hover */
  /* Fisrt Tier Dropdown */
  /* Second, Third and more Tiers   
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
  /* Change ' +' in order to change the Dropdown symbol */
  /* Media Queries
--------------------------------------------- */
  /* //navigation */
  /* navbar-end */
  /*-- responsive design --*/
  /*-- /responsive design --*/ }
  .w3l-header-4 #headers4-block {
    background-color: #fff;
    z-index: 9;
    padding: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05); }
  .w3l-header-4 .header-align {
    grid-template-columns: 1fr auto auto;
    align-items: center; }
  .w3l-header-4 input#nav {
    display: none; }
  .w3l-header-4 label.nav {
    display: none; }
  .w3l-header-4 ul.nav-links li {
    display: inline-block;
    font-weight: 400; }
  .w3l-header-4 ul.nav-links li:last-child {
    margin-left: auto; }
  .w3l-header-4 ul.nav-links li a {
    font-size: 15px;
    color: #3b5266;
    text-decoration: none;
    padding: 0px 17px;
    display: block; }
  .w3l-header-4 ul.nav-links li a:hover {
    color: #000000; }
  .w3l-header-4 .toggle-2,
  .w3l-header-4 .toggle,
  .w3l-header-4 [id^=drop] {
    display: none; }
  .w3l-header-4 nav {
    margin: 0;
    padding: 0; }
  .w3l-header-4 nav:after {
    content: "";
    display: table;
    clear: both; }
  .w3l-header-4 nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
  .w3l-header-4 nav ul li {
    display: inline-block;
    position: relative;
    margin: 0 15px; }
  .w3l-header-4 nav ul li:last-child {
    margin-right: 0; }
  .w3l-header-4 nav a {
    transition: none;
    font-style: normal;
    line-height: 25px;
    padding: 20px 0;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    font-weight: bold; }
  .w3l-header-4 .angle-dropdown {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.1em;
    vertical-align: .18em;
    content: "";
    border-top: 0.3em solid #000;
    border-right: 0.2em solid transparent;
    border-bottom: 0;
    border-left: 0.2em solid transparent; }
  .w3l-header-4 .angle-dropdown-sub {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.1em;
    vertical-align: .18em;
    content: "";
    border-top: 0.3em solid #000;
    border-right: 0.2em solid transparent;
    border-bottom: 0;
    border-left: 0.2em solid transparent;
    transform: rotate(-90deg); }
  .w3l-header-4 nav a:hover {
    color: #437de7;
    transition: 0.3s ease; }
  .w3l-header-4 nav a.active {
    color: #437de7;
    transition: 0.3s ease; }
  .w3l-header-4 nav ul ul {
    display: none;
    position: absolute;
    top: 65px;
    background: #ffffff;
    z-index: 999;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);
    left: 0px;
    width: 150px; }
  .w3l-header-4 nav ul ul:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    border-left: 1px #EAEDF2 solid;
    border-top: 1px #EAEDF2 solid;
    display: block;
    transform: translateX(-50%) rotateZ(45deg);
    position: absolute;
    top: -6px;
    left: 25px;
    z-index: 1001; }
  .w3l-header-4 nav ul ul ul {
    display: none;
    position: absolute;
    top: 0px;
    left: 150px;
    width: 140px;
    background: #ffffff;
    z-index: 999; }
  .w3l-header-4 nav ul li:hover > ul {
    display: inherit; }
  .w3l-header-4 nav ul ul li {
    width: 100%;
    float: none;
    display: list-item;
    position: relative;
    margin: 2px 0;
    border-bottom: 2px solid #f7f7f7; }
  .w3l-header-4 nav ul ul li:nth-child(last) {
    border-bottom: none; }
  .w3l-header-4 nav ul ul li a {
    display: block;
    padding: 5px 12px;
    text-align: left; }
  .w3l-header-4 nav ul ul li a:hover {
    background: transparent;
    transition: 0.3s ease; }
  .w3l-header-4 nav ul ul ul li {
    position: relative;
    top: 0;
    left: 0px;
    /* has to be the same number as the "width" of "nav ul ul li" */ }
  .w3l-header-4 li > a:only-child:after {
    content: ''; }
  @media all and (max-width: 992px) {
    .w3l-header-4 {
      /* Hide the navigation menu by default */
      /* Also hide the  */
      /* Stylinf the toggle lable */
      /* Display Dropdown when clicked on Parent Lable */
      /* width */
      /* Track */
      /* Handle */
      /* Handle on hover */
      /* Change menu item's width to 100% */
      /* Hide Dropdowns by Default */
      /* Hide menus on hover */
      /* Fisrt Tier Dropdown */ }
      .w3l-header-4 .logo {
        float: left; }
      .w3l-header-4 #headers4-block {
        padding: 10px 0; }
      .w3l-header-4 nav a {
        padding: 5px 0;
        display: block; }
      .w3l-header-4 nav li {
        text-align: left; }
      .w3l-header-4 .navigation {
        float: none; }
      .w3l-header-4 .nav-mobile-block {
        display: block !important; }
      .w3l-header-4 nav a.border-left {
        border-left: none !important; }
      .w3l-header-4 .toggle + a,
      .w3l-header-4 .menu {
        display: none; }
      .w3l-header-4 .toggle {
        display: block;
        text-decoration: none;
        border: none;
        margin-bottom: 0;
        cursor: pointer;
        color: #fff;
        text-align: left;
        padding-left: 15px; }
      .w3l-header-4 span.fa.fa-bars {
        float: right;
        background: var(--blue-color);
        display: inline-block;
        line-height: 40px;
        padding: 0 15px;
        margin-top: 4px; }
      .w3l-header-4 .menu .toggle {
        float: none;
        margin: auto;
        padding: 5px 0;
        font-weight: normal;
        font-size: 15px;
        background: transparent;
        color: #111; }
      .w3l-header-4 .toggle:hover {
        opacity: .8;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all; }
      .w3l-header-4 [id^=drop]:checked + ul {
        display: block;
        padding: 10px 15px;
        background: #fff;
        width: 100%;
        box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);
        overflow-y: scroll;
        max-height: 400px; }
      .w3l-header-4 nav ul ul::-webkit-scrollbar,
      .w3l-header-4 ul.menu::-webkit-scrollbar {
        width: 3px; }
      .w3l-header-4 nav ul ul::-webkit-scrollbar-track,
      .w3l-header-4 ul.menu::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #ffffff;
        border-radius: 5px; }
      .w3l-header-4 nav ul ul::-webkit-scrollbar-thumb,
      .w3l-header-4 ul.menu::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.5); }
      .w3l-header-4 nav ul {
        float: right; }
      .w3l-header-4 nav {
        margin: 0 0 0 0px;
        order: 3; }
      .w3l-header-4 nav ul li {
        display: block;
        width: 100%;
        margin: 0; }
      .w3l-header-4 nav a:hover,
      .w3l-header-4 nav ul ul ul a {
        background-color: transparent; }
      .w3l-header-4 nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
        /* has to be the same number as the "line-height" of "nav a" */ }
      .w3l-header-4 nav ul ul li:hover > ul,
      .w3l-header-4 nav ul li:hover > ul {
        display: none; }
      .w3l-header-4 nav ul ul li {
        display: block;
        width: 100%;
        padding: 0; }
      .w3l-header-4 nav ul ul ul li {
        position: static;
        /* has to be the same number as the "width" of "nav ul ul li" */ }
      .w3l-header-4 .navigation nav a {
        margin: 8px 0; }
      .w3l-header-4 label.toggle.toogle-2,
      .w3l-header-4 label.toggle.toogle-3,
      .w3l-header-4 label.toggle.toogle-4,
      .w3l-header-4 label.toggle.toogle-5,
      .w3l-header-4 label.toggle.toogle-6,
      .w3l-header-4 label.toggle.toogle-7,
      .w3l-header-4 label.toggle.toogle-8,
      .w3l-header-4 label.toggle.toogle-9 {
        display: inline-block;
        transition: none;
        font-style: normal;
        line-height: 25px;
        color: #000;
        font-weight: bold;
        font-size: 16px; }
      .w3l-header-4 nav ul ul {
        border-left: 2px solid var(--blue-color);
        border-top: none; }
      .w3l-header-4 nav ul ul ul {
        border-left: 2px solid var(--blue-color);
        border-top: none;
        position: static; }
      .w3l-header-4 nav ul ul li a {
        padding: 5px 0px; }
      .w3l-header-4 .angle-dropdown-sub {
        transform: rotate(0deg); } }
  @media (max-width: 800px) {
    .w3l-header-4 .logo,
    .w3l-header-4 .button {
      z-index: 9; } }
  @media (max-width: 440px) {
    .w3l-header-4 [id^=drop]:checked + ul {
      max-height: 300px; } }



.zoom {
      
  transition: transform .2s; /* Animation */
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}