/*
    Expedition - Creative Coming Soon HTML5 Template
    Version: 1.0.3
    Author: Mountain-Themes
    Author URL: https://themeforest.net/user/mountain-themes
    Expedition © 2025. Design & Coded by Mountain-Themes.

    TABLE OF CONTENTS
    ---------------------------
     1. General
     2. Header
     3. Countdown
     4. Services
     5. About
     6. Contact
     7. Google map
     8. Subscribe
     9. Footer
     10. Responsive CSS
*/


/* ================================= */
/* :::::::::: 1. General ::::::::::: */
/* ================================= */

html, body {
	font-family: 'Exo', sans-serif!important;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 14px;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


.backstretch:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.9) url("../images/bg.png");
    background-repeat: repeat;
    z-index: 100;
}

/* Base logo styles (desktop) */
.img-logo {
    height: 350px;
    
}

/* Tablet devices (768px to 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .img-logo {
        height: 280px; /* Slightly smaller */
        padding: 0 20px; /* Add some breathing room */
    }
}

/* Large mobile devices (481px to 767px) */
@media (min-width: 481px) and (max-width: 767px) {
    .img-logo {
        height: 220px;
    }
}

/* Small mobile devices (up to 480px) */
@media (max-width: 480px) {
    .img-logo {
        height: 180px;
    }
}

/* Extra small devices (up to 360px) */
@media (max-width: 360px) {
    .img-logo {
        height: 150px;
    }
}

.YTPOverlay:after {
	content: '';
	position: absolute;
	height: 150%;
	width: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.9) url("../images/bg.png");
	background-repeat: repeat;
	z-index: 100;
 }


.title-section {
      position: absolute;
      top: 0;
      left: 50%;
      text-align: center;
      text-transform: uppercase;
      display: block;
      font-weight: 700;
      font-family: 'Aldrich', sans-serif;
}

.title-section:before {
        content: '';
        position: absolute;
        bottom: -38px;
        left: -35px;
        width: 35px;
        height: 38px;
      }

.title-section:after {
        -moz-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
        content: '';
        position: absolute;
        bottom: -38px;
        right: -35px;
        width: 35px;
        height: 38px;
      }

.title-section {
          font-size: 14px;
          width: 25em!important;
          height: 3.25em;
          top: -3.25em;
          line-height: 3.25em;
          margin-bottom: -3.25em;
          margin-left: -12.5em;
          padding-top: 0.5em;
          overflow: hidden;
}

.title-section i {
      font-style: normal;
}

.style1  {
        background: rgb(255, 255, 255) url("../images/bg.png");
        color: #3d4a6e;
      }

.style2 {
        background: #fff;
        color: #3d4a6e;
      }

#page-loader {
    background: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 999;
} 

.loader-icon {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 5px solid rgba(19, 19, 19, 0.1) !important;
    border-left: 5px solid rgba(19, 19, 19, 0.1) !important;
    border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-o-border-radius: 100px;
	-ms-border-radius: 100px;
    border-right: 5px solid #3d4a6e !important;
    border-top: 5px solid rgba(19, 19, 19, 0.1) !important;
    height: 50px;
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
}

.colored-border {
    border-color: #fff;
}

.fa-spin {
	-webkit-animation:fa-spin 1.2s infinite linear;
	animation:fa-spin 1.2s infinite linear
	}
	@-webkit-keyframes fa-spin
	{
		0%
		{
			-webkit-transform:rotate(0deg);
			transform:rotate(0deg)
		}
		100%
		{
			-webkit-transform:rotate(359deg);
			transform:rotate(359deg)
		}
	} 

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

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #3d4a6e;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #3d4a6e;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #3d4a6e;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:  #3d4a6e;
}

a,
a:active,
a:focus,
a:active {
  text-decoration: none!important;
  color: #000;
  transition: all 0.4s;
}
/* ================================= */
/* :::::::::: 2. Header :::::::::::: */
/* ================================= */

header {
	text-align:center;
	padding-top: 145px;
	height: 850px;
	background-image: url("../images/border-bottom.png");
	background-position: bottom center, top left, center center;
	background-repeat: repeat-x, repeat, no-repeat;
}

header .logo {
  position: relative;
  z-index: 2;
}

header h1 {
	font-size: 1.80em;
	color: #3d4a6e;
	display: inline-block;
	padding: 14px 10px 10px 14px;      
	margin-top: 30px;
	letter-spacing: 0.135em;      
	font-weight: 600;      
	text-transform: uppercase;
	font-family: 'Aldrich', sans-serif;
	border: 7px double #3d4a6e;
  position: relative;
  z-index: 2;
}
/* Tablet devices (768px to 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    header h1 {
        font-size: 0.9em; /* Slightly smaller font */
        padding: 12px 8px 8px 12px; /* Reduced padding */
        margin-top: 25px;
        letter-spacing: 0.1em; /* Tighter letter spacing */
        border-width: 5px double #3d4a6e; /* Thinner border */
    }
}

/* Mobile devices (up to 767px) */
@media (max-width: 767px) {
    header h1 {
        font-size: 0.8em; /* Smaller font for mobile */
        padding: 10px 6px 6px 10px; /* Minimal padding */
        margin-top: 20px;
        letter-spacing: 0.08em; /* Tighter letter spacing */
        border-width: 3px double #3d4a6e; /* Very thin border */
        display: block; /* Stack on mobile */
        text-align: center; /* Center align */
        width: 90%; /* Give some breathing room */
        margin-left: auto;
        margin-right: auto;
    }
}

/* Large mobile devices (481px to 767px) */
@media (min-width: 481px) and (max-width: 767px) {
    header h1 {
        font-size: 0.65em; /* Slightly larger than small mobile */
    }
}
header p {
    line-height: 25px;
    color: #3d4a6e;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Exo', sans-serif;
    position: relative;
    z-index: 2;
}

header .mouse-wrapper {
	margin:0 auto;
	display:block;
	width:28px;
	position:absolute;
	z-index:10;
	left:0;
	right:0;

}

header .mouse {
	margin-left: -20px;
	position: absolute;
    text-align: center;
    
	bottom: 0;
    left: 50%;
    	animation: wobbleArrow 1s ease-in-out 0s infinite alternate;
  -webkit-animation: wobbleArrow 1s ease-in-out 0s infinite alternate;
  -moz-animation: wobbleArrow 1s ease-in-out 0s infinite alternate;
  -o-animation: wobbleArrow 1s ease-in-out 0s infinite alternate;
}

header .mouse a {
	color: #3d4a6e;
	position: relative;
	top: 110px;
	line-height: 36px;
	font-size: 15px;
	text-align: center;
	width: 40px;
	height: 40px;
	display: inline-block;
	border: 2px solid #3d4a6e;
	 border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
     transition: all 0.4s ease 0s;
	  -moz-transition: all 0.4s ease 0s;
	  -webkit-transition: all 0.4s ease 0s;
	  -o-transition: all 0.4s ease 0s;
	  -ms-transition: all 0.4s ease 0s;

}

header .mouse-wrapper .mouse a:hover {
	background: #3d4a6e;
	color: #fff;
}


@-webkit-keyframes wobbleArrow
 {
 from   { 

 bottom: 40px; 

 }
 to { 

 bottom: 50px; 

 }
 }


@-webkit-keyframes scrolls {
	0%
	{
		top:10px;
		opacity:1;
		height:4px;
	}
	95%
	{
		top:18px;
		opacity:0;
		height:10px;
	}
	100%
	{
		top:8px;
		opacity:1;
		height:4px;
	}
}

header .video-box {
  position: absolute!important;
  overflow: hidden;
  height: 100vh;
  width: 100%;
  top: 0;
}

/* ================================= */
/* :::::::::: 3. Countdown ::::::::: */
/* ================================= */

.countdown-section {
  position: relative;
  color: #000000;
  text-align: center;
  padding: 20px 0 140px;
  background: rgb(255, 255, 255);

}


.countdown-section .title-section {
   top: -10.4em;
   height: 6em;
}

.countdown-section .title-section span {
   display: block; 
   margin-top: -20px;
}

.countdown-section h2 {
  font-weight: 600;
  font-size: 1.7em;
  color: #3d4a6e;
  margin: 0px;
  text-align: center;        
  margin-bottom: 50px;
  letter-spacing: 1px;
  font-family: 'Aldrich', sans-serif;
  text-transform: uppercase;
}


.countdown-section p {
  line-height: 25px;
  font-size: 13px;
  color: #3d4a6e;
  text-align: center;
  margin-bottom: 35px;
  display: inline-block;
  word-spacing: 1px;
}

.countdown-section p.info {
  color: #3d4a6e;
  margin-top: -30px;
}

.countdown-section .fa-clock {
  color: #3d4a6e;
  font-size: 1.6em;
  margin-bottom: -7px;
  margin-top: 5px;
  position: relative;
}

.countdown {
  font-size: 3.0em;
  margin: 0 auto;
  font-family: 'Aldrich', sans-serif;
  line-height: 65px;
  display: block; 
  color: #3d4a6e;
  text-align: center;
  font-weight: 300;
}

.countdown div span {
  display:block;
  font-size: 15px;
  line-height: 5px;

}

.countdown div {
  display:inline-block;
  margin: 0 40px;
}


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


/* ================================= */
/* :::::::::: 4. Services :::::::::: */
/* ================================= */

.services {
	padding: 150px 0 150px;
	background: #FFFFFF url("../images/bg.png");
	z-index: 10;
	position: relative;
}

.services .icon i.fa {
	height: 140px;
	width: 140px;
	line-height: 140px;
	font-weight: 500;
	max-width: 100%;
	background: #3d4a6e;
	position: relative;
	margin: 0 auto;
	display:block;
	font-size: 35px;
	border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-bottom: none;
	color: rgba(255, 255, 255, 1);
	margin: 0 auto 35px auto;
	text-shadow: rgb(54, 66, 98) 1px 1px,
    rgb(54, 66, 98) 2px 2px,
    rgb(54, 66, 98) 3px 3px,
    rgb(54, 66, 98) 4px 4px,
    rgb(54, 66, 98) 5px 5px,
    rgb(54, 66, 98) 6px 6px,
    rgb(54, 66, 98) 7px 7px,
    rgb(54, 66, 98) 8px 8px,
    rgb(54, 66, 98) 9px 9px,
    rgb(54, 66, 98) 10px 10px,
    rgb(54, 66, 98) 11px 11px,
    rgb(54, 67, 99) 12px 12px,
    rgb(55, 67, 100) 13px 13px,
    rgb(55, 68, 101) 14px 14px,
    rgb(56, 68, 102) 15px 15px,
    rgb(56, 69, 102) 16px 16px,
    rgb(57, 69, 103) 17px 17px,
    rgb(57, 70, 104) 18px 18px,
    rgb(58, 70, 105) 19px 19px,
    rgb(58, 71, 106) 20px 20px,
    rgb(59, 71, 106) 21px 21px,
    rgb(59, 72, 107) 22px 22px,
    rgb(60, 72, 108) 23px 23px,
    rgb(60, 73, 109) 24px 24px,
    rgb(61, 74, 110) 25px 25px;
}

.services h2 {
	font-weight:600;
	font-size: 14px;
	color: #3d4a6e;      
	text-transform: uppercase;
	text-align:center;
	word-wrap: break-word;
	text-transform: uppercase;
	font-family: 'Aldrich', sans-serif;
}


.services p {
	text-align: center;
	font-size: 13px;
	display: inline-block;
	word-spacing: 1px;
	margin-top: -5px;
	line-height: 25px;
	color: #3d4a6e;

}

.services .line {
  display:block;
  width: 120px;
  height: 18px;
  margin:0 auto;
}

.services .line span {
  content: " ";  
  border: solid 2px #3d4a6e;  
  display: block;  
  width: 3px;  
  padding: 3px;
  margin: 20px auto;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); 
}

.services .line:before {
    content: '';
    display: block;
    position: relative;
    top: 4px;
    width: 25px;
    height: 2px;
    right:-29px;
    margin: 0 !important;
    float: left;
    background:#3d4a6e;
}

.services .line:after {
    content: '';
    display: block;
    position: relative;
    top: -26px;
    width: 25px;
    height: 2px;
    left:-29px;
    margin: 0 !important;
    float: right;
    background:#3d4a6e;
}

/* ================================= */
/* :::::::::: 5. About ::::::::::::: */
/* ================================= */

.about {
	padding: 150px 0 150px;
	background-color: #FFFFFF;
	z-index: 10;
	position: relative;
	text-align: center;
}

.about h3 {
	font-weight: 600;
	font-size: 30px;
	color: #000000;
	padding-bottom: 25px;
	letter-spacing: 1px;
	background: url(../images/h1-bg.png) 50% 100% no-repeat;
	text-align: center;
	margin-bottom: 50px;
}

.about img {
	width: 45%;
	margin: 0 auto 35px;
}

.about h2 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;  
  font-weight: bold;
  color: #3d4a6e;
  text-transform: uppercase;
  font-family: 'Aldrich', sans-serif;
}

.about .line {
  display:block;
  width: 120px;
  height: 18px;
  margin:0 auto;
}
.about .line span {
  content: " ";  
  border: solid 2px #3d4a6e;  
  display: block;  
  width: 3px;  
  padding: 3px;
  margin: 20px auto;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); 
}

.about .line:before {
    content: '';
    display: block;
    position: relative;
    top: 4px;
    width: 25px;
    height: 2px;
    right:-29px;
    margin: 0 !important;
    float: left;
    background:#3d4a6e;
}

.about .line:after {
    content: '';
    display: block;
    position: relative;
    top: -26px;
    width: 25px;
    height: 2px;
    left:-29px;
    margin: 0 !important;
    float: right;
    background:#3d4a6e;
}


.about p {
	  margin-top: -5px;
	  color: #3d4a6e;
	  display: inline-block;
	  text-align: center;
	  font-size: 13px;
	  word-spacing: 1px;
	  line-height: 25px;
}

.about .social-icons li i {
   text-align: center;
   font-size: 15px;
   border-bottom: none;
   color: #3d4a6e;
   margin: 10px 30px 0 auto;
   display: block;
   float: left;
   transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -webkit-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   -ms-transition: all 0.4s ease 0s;
}

.about .social-icons li:last-child i {
	margin-right: 0;
}

.about .social-icons li {
	list-style: none;
	float: left;
}

.about .social-icons li i:hover {
	color: rgba(61, 74, 110, 0.59);
}

.about .social-icons {
    z-index: 999;
    display: flex;
    justify-content: center;
}

.about .social-icons ul {
    padding-left: 0;
}

/* ================================= */
/* :::::::::: 6. Contact ::::::::::: */
/* ================================= */

.contact {
	background: rgb(255, 255, 255) url("../images/bg.png");
	padding: 100px 0 100px;
	z-index: 10;
	position: relative;
}

.contact .ajax-contact-form {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.contact .ajax-contact-form label.error {
    position: relative;
}
.contact .ajax-contact-form label.error i.message {
    position: absolute;
    right: 5px;
    bottom: 30px;
	    color: #3d4a6e
}
.contact .ajax-contact-form label.error i.email {
    position: absolute;
    right: 5px;
    bottom: 10px;
	    color: #3d4a6e
}
.contact .ajax-contact-form label.error i.name {
    right: 5px;
    bottom: 10px;
    position: absolute;
    color: #3d4a6e;
}

.contact h2 {
	font-size: 20px;
	font-weight: 300;
	color: #000;
	text-align:center;
	letter-spacing: 1px;  
	text-transform: uppercase;
	padding: 0 0 57px 0;
	font-family: "Iceberg", sans-serif;
}


.contact input[type='text'], .contact input[type='email'] {
	width: 49%;
	background: transparent;
	border-bottom: 2px solid #3d4a6e;
	border-top: none;
	border-left: none;
	border-right: none;
	height: 54px;
	font-size: 13px;
	outline: none;
	-webkit-transition: all 0.3s!important;
	-moz-transition: all 0.3s!important;
	transition: all 0.3s!important;
}

.contact input[type='email'] {
  margin-left: auto;
}

.contact textarea {
	width: 100%;
	background: transparent;
	padding-top: 15px;
	font-size: 13px;
	border-bottom: 2px solid #3d4a6e;
	border-top: none;
    border-left: none;
    border-right: none;
	outline: none;
	margin: 20px 0;
    -webkit-transition: all 0.3s!important;
    -moz-transition: all 0.3s!important;
    transition: all 0.3s!important;
}

.contact input[type='submit'] {	
	background-color: #3d4a6e; 
	border: 2px solid #3d4a6e;
	color: #FFFFFF; 
	width: 10%;
	display:block;
	margin:0 auto;
	word-spacing: 1px;
	outline: none;
	font-size: 14px;
	margin-top:20px;
	font-weight: 600;
	height: 45px;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

.contact input[type="submit"]:hover { 
	background: rgba(22, 182, 234, 0); 
	color: #3d4a6e; 
}

.contact #ajax-contact-form i {
	color: #3d4a6e;
}

.contact .notification_ok {
  text-align: center;
  color: #3d4a6e;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 14px;
}

.contact .notification_ok i {
	color: #3d4a6e;
    padding-right: 5px;
}

.contact .message-box {
  text-align: left;
  color: #000000;
  font-weight: 500;
  width: 100%;
  margin-top: 20px;
  display: none;
  background-color: transparent;
  position: absolute;
  bottom: -70px;
}

.contact .message-box.success {
	border: 1px solid #84e11f;
	padding: 8px 12px 8px 12px;
}

.contact .message-box.danger {
	border: 1px solid #cc0404;
	padding: 8px 12px 8px 12px;
}

.contact .message-box.success i {
    color: #84e11f;
    padding-right: 5px;
}

.contact .message-box.danger i {
    color: #cc0404;
    padding-right: 5px;
}

/* ================================= */
/* :::::::::: 7. Google map :::::::: */
/* ================================= */

#google-container {
  position: relative;
  width: 100%;
  height: 450px;
  background-color: #e7eaf0;
}

.google-map {
  position: relative;
}

#zoom-in, #zoom-out {
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-left: 30px;
  background-color: rgba(61, 74, 110, 0.9);
  background-repeat: no-repeat;
  background-size: 32px 64px;
  background-image: url("../images/icon-controller.svg");
    transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

#zoom-in:hover, #zoom-out:hover {
  background-color: #3d4a6e;

}

#zoom-in {
  background-position: 50% 0;
  margin-top: 80px;
  margin-bottom: 1px;
}

#zoom-out {
  background-position: 50% -32px;
}

.google-map .contact-info {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.85) url("../images/bg.png");
  color: #3d4a6e;
  margin-bottom: 0;
  height: 54px;
  display: flex;
  align-items: center;
}

.google-map address i, .phone i, .email i {
    padding-right: 10px;
}
.google-map address {
    margin-bottom: 0;
    font-size: 14px;
}
.google-map .phone {
    font-size: 14px;
}
.google-map .email {
    font-size: 14px;
}
.google-map .map-content {
    display: flex;
}

.google-map .map-content address {
    order: 1;
    flex: 1;
    text-align: left;
}

.google-map .map-content .phone {
    order: 2;
    flex: 1;
    text-align: center;
}

.google-map .map-content .email {
    order: 3;
    flex: 1;
    text-align: right;
}

/* ================================= */
/* :::::::::: 8. Subscribe ::::::::: */
/* ================================= */

.subscribe {
	padding: 120px 0 120px;
	z-index: 10;
	position: relative;
	background: rgb(255, 255, 255) url("../images/bg.png");         
}

.subscribe h2 {
	font-size: 20px;
	font-weight: 300;
	color: #FFFFFF;
	text-align:center;
	letter-spacing: 1px;  
	text-transform: uppercase;
	padding: 0 0 27px 0;
	font-family: "Iceberg", sans-serif;
}


.subscribe #ajaxChimp {
	text-align:center;
}

.subscribe input[type=text] {
	background-color: rgba(255, 255, 255, 0.1);
	border: solid 2px #3d4a6e;
	height: 45px;
	width: 28%;
	color: #3d4a6e;
	word-spacing: 1px;
	padding-left: 20px;
  padding-right: 20px;
	font-size: 13px;
	outline: none;
}

.subscribe button {	
	background-color: #3d4a6e; 
	border: 2px solid #3d4a6e;
	color: #fff; 
	width: 6%;
	word-spacing: 1px;
	outline: none;
	font-size: 15px;
	font-weight: 700;
	height: 45px;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
}

.subscribe button:hover { 
	background: transparent; 
	border: solid 2px #3d4a6e;
	color: #3d4a6e; 
}

.subscribe label {
	height: 2.5em;
	padding: 15px 20px;
	color: #3d4a6e;
	font-size: 13px;
	float: none;
	top: 0;
	display: block!important;
	font-weight: 400;
}

.subscribe label.error i {
    color: #3d4a6e;
}

.subscribe label i.fa.fa-check {
	padding-top: 15px;
}


/* ================================= */
/* :::::::::: 9. Footer :::::::::::: */
/* ================================= */

footer {
	background-color: rgb(255, 255, 255);
	padding: 40px 0 40px;
	z-index: 11;
	position: relative;
	color: #3d4a6e;
}

footer .footer-content {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

footer .social-icons {
    order: 2;
    margin-left: auto;
    margin-bottom: 0;
}

footer .copyright {
    order: 1;
}

footer .social-icons li {
	margin-right: 20px;
	list-style: none;
	float: left;
}

footer .social-icons li:last-child {
	margin-right: 0;
}

footer .social-icons li i {
	color: #3d4a6e;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
}

footer .social-icons li:hover i {
	color: rgba(236,240,241,1);
}

footer ul {
	 list-style: none;
    float: right;
    padding: 0;
    margin-bottom: 0;
}

footer a {
	color: #3d4a6e;
	font-size: 14px;

}

footer .social-icons a {
	-webkit-border-radius: 4px;   
	-moz-border-radius: 4px;    
	-o-border-radius: 4px;    
	border-radius: 4px;
	display: block;
	 width: 30px;    
	 height: 30px; 
	text-align: center;
	line-height: 30px;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	color: #3d4a6e;
	font-size: 15px;

}

footer a:hover {
	color: #3d4a6e;
	text-decoration: none;
}

footer a.twitter:hover { background-color: #46C0fb; }
footer a.facebook:hover { background-color: #4863ae; }
footer a.dribbble:hover { background-color: #dd4b39; }
footer a.youtube:hover { background-color: #cc181e; }
footer a.instagram:hover { background-color: #4d4f54; }


/* ================================= */
/* :::::: 10. Responsive CSS ::::::: */
/* ================================= */

@media only screen and  (max-width: 1036px) {
	.services .col-md-4 {
		margin-bottom: 40px;
	}

	.about .col-md-4 {
		margin-bottom: 40px;
	}
	
	.subscribe button {
		width: 10%;
	}

	.contact input[type="submit"] {
		width: 20%;
	}

	.google-map .map-content {
        flex-direction: column;
    }
    .google-map .map-content .phone {
        text-align: left;
    }
    .google-map .map-content .email {
        text-align: left;
    }

.contact-info {
    height: 100px!important;
}

	#zoom-in {
		margin-top: 120px;
	}
	



}

@media only screen and  (max-width: 756px) {
	.subscribe input[type="email"] {
		margin-bottom: 10px;
	}

	.subscribe button, .subscribe input[type="email"] {
		width: 20%;
	}


	.contact input[type="submit"] {
		width: 30%;
	}

	.subscribe button {
		width: 80%;
		margin-top: 10px;
	
	}

	.subscribe #mc-email {
		width: 80%;
	}

	footer .footer-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    footer .social-icons {
        margin-top: 10px;
        margin-left: 0;
    }


}

@media only screen and  (max-width: 540px) {
	.contact input[type="submit"] {
		width: 40%;
	}


}