@charset "UTF-8";
/* CSS Document */




/* ----------------- GENERAL ----------------- */

		.dark {
			background-color: #333;
			background: url("../img/home-cover.jpg") no-repeat center top fixed;
			-webkit-background-size: cover;
  		-moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
			color: #fff;
			
		}
		
		.dark a:link {
			color: #D39D52;
			text-decoration: none;
			font-weight: 600;
		}

		.text-color-primary {
			color: #D39D52;
		}
		
		.spacer {
			height: 100px;
			display: block;
		}



/* ----------------- CONTAINERS ----------------- */

		body {
			background: #fff;
			font-family: 'Open Sans', sans-serif;
			line-height: 1.5em;
			margin: 0px;
		}

		.body-dark {
			background-color: #000;
	
		}
		
		.container {
			margin: 0px auto;
			padding: 0px 100px;
			max-width: 1600px;
		}
		
		.container-full-width {
			margin: 0px auto;
			width: 100%;
		}

        .container-home {
			background-color: #333;
			background: url("../img/background_laptop.jpg");
			background-size: cover;
			background-repeat: no-repeat;
        }
		
		.header {
			width: 100%;
			max-width: 1600px;
		}

		.header {
			display: block;
		}
		
		.hero h1 {
			font-family: 'Montserrat', sans-serif;
			font-weight: 200;
			font-size: 5em;
			text-transform: uppercase;
			width: 40%;
			line-height: 1.1em;
			padding: 165px 0px 0px 0px;
			color: #ccc;
		}

		/*.footer {
			width: 100%;
			background: #D39D52;
			color: #333;
			margin: 200px auto 0px auto;
		}
		
		.footer-content {
			max-width: 1600px;
			margin: 0px auto;
			padding: 75px;
			overflow: auto;
		}
		
		.footer h4 {
			font-family: 'Montserrat', sans-serif;
			font-weight: 400;
			font-size: 1em;
			text-transform: uppercase;
		}
		
		.footer p {
			font-size: .92em;
			line-height: 1.5em;
		}
		
		.footer a:link {
			color: #333;
			text-decoration: none;
			font-size: .92em;
		}
		
		.footer a:hover {
			text-decoration: underline;
		}*/

		.footer {
        width: 100%;
        background: #F5C06B;
        color: #333;
        margin: 200px auto 0px auto;
    }
		
      .footer-content {
          max-width: 1300px;
          margin: 0px auto;
          padding: 75px 0px 0px 0px;
          overflow: auto;
      }

      .footer h4 {
          font-family: 'Montserrat', sans-serif;
          font-weight: 400;
          font-size: 1em;
          text-transform: uppercase;
      }

      .footer p {
          font-size: .92em;
          line-height: 1.5em;
      }

      .footer a:link {
          color: #333;
          text-decoration: none;
          font-size: .92em;
      }



      .footer a:hover {
          text-decoration: underline;
      }

		.footer a:visited {
          color: #333;
          text-decoration: none;
          font-size: .92em;
      }



/* ----------------- COLUMNS ----------------- */

		/*.col {
			overflow: auto;
			display: block;
			width: 100%;
			max-width: 1600px;
		}
		
		.col-1-2 {
			width: 45%;
			float: left;
			margin-right: 60px;
		}
		
		.col-1-3 {
			float: left;
			width: 26%;
		}
*/
		img.footer-profile {
			-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.27);
			-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.27);
			box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.27);
			border-radius: 10px;
			float: left;
			margin: 0px 30px 100px 0px;
			width: 100px;
		}


        * {
          box-sizing: border-box;
        }

        [class*="col-"] {
          float: left;
          margin-right: 2%;
          display: table-cell;

        }

        [class*="col-"] img {
            width: 100%;
        }

        .grid-img {
            padding: 0px;
            border: none;
        }

        .grid-img img {
            border-radius: 10px;
            -webkit-box-shadow: 0px 10px 30px 40px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 10px 30px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 10px 30px 1px rgba(0, 0, 0, 0.2);
            background: none;
        }

        .row::after {
              content: "";
              clear: both;
              display: table;
              margin: 30px 0px;
              overflow: auto;
            }

        .col-1 {width: 98%;}

        .col-1-2 {width: 48%;}

        .col-1-3 {width: 31.33%;}

        .col-1-4 {width: 23%;}

        .col-2-3 {width: 64.6%;}

        .col-1-5 {width: 17%;}

        .gap-large {
            padding-right: 60px;
        }


/* ----------------- CARDS & FEATURE PODS ----------------- */

		.feature-dark {
			font-family: 'Open Sans', sans-serif;
			background:url("../img/border-dotted.svg");
			background-position: left;
			background-repeat: no-repeat;
			padding-left: 50px;
		}
		
		.feature-dark h2 {
			font-family: 'Montserrat', sans-serif;
			font-weight: 200;
			font-size: 3.5em;
			color: #D39D52;
			margin-top: 20px;
			overflow: visible;
		}
		
		.feature-dark h3 {
			font-weight: 300;
			font-size: 1.7em;
			color: #ccc;
		}
		
		.feature-dark p {
			color: #ccc;
		}
		


/* ----------------- NAVIGATION & MENUS ----------------- */

		.logo {
			width: 400px;
			height: auto;
			float: left;
			display: inline;
			
		}
		
		.nav {
			font-family: 'Montserrat', sans-serif;
			font-size: 0.9em;
			letter-spacing: 1px;
			text-transform: uppercase;
			list-style-type: none;
			text-align: right;
			float: right;
			overflow: visible;
			font-weight: 200;
			display: inline;
			width: 60%;
		}
		
		.nav li {
			display: inline;
  			text-decoration: none;
			padding: 20px 30px;
			
		}
		
		.nav a:link {
			color: #ccc;
			font-weight: 400;
			border-bottom: none;
			padding-bottom: 25px;
		}
		
		.nav a:hover {
			border-bottom: #D39D52 1px solid;
		}

		.nav a:active {
			border-bottom: #D39D52 1px solid;
		}

		.nav a:visited {
			color: #ccc;
		}
		
		a.nav-active {
			border-bottom: #D39D52 1px solid;
		}
		


/* ----------------- BUTTONS & HYPERLINKS ----------------- */

		a.btn:link {
			  display: inline-block;
			  padding: 15px 27px 13px 30px;
			  color: #ccc;
			  font-weight: 500;
			  text-transform: uppercase;
			  font-family: 'montserrat', sans-serif;
			  letter-spacing: 1px;
			  border: #ccc 1px solid;
			  -webkit-border-radius: 5px;
			  -moz-border-radius: 5px;
			  border-radius: 5px;
			  text-decoration: none;
			  margin: 20px 20px 20px 0px;
			  transition: 0.2s;  
			}

		a.btn:hover {
			background: #ccc;
			color: #333 !important;
		}

		a.btn:visited {
			border: #ccc 1px solid;
			color: #ccc;
		}

		a.link-arrow:link {
			background:url("../img/chevron-right.svg");
			background-repeat: no-repeat;
			background-position: right 1px;
			padding-right: 25px;
			transition: .1s;
		}
		
		a.link-arrow:hover {
			background:url("../img/chevron-right_white.svg");
			background-repeat: no-repeat;
			background-position: right 1px;
			padding-right: 30px;
			color: #fff;
		}

		a.link-arrow:visited {
			color: #D39D52;
		}