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

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}


body {
  font-size: 1.6rem;
  font-family: 'Open sans', serif;
  color: #131d20;
  background-color: #131d20;
  cursor:pointer;
}
body::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
@media only screen and (min-width: 1270px) {
  body::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

a {
  color: #e3ca76;
  text-decoration: none;
}

.c-circle-nav__toggle {
	background-color:#E95546!important;
	opacity:1;
}

/*
.c-circle-nav__toggle:hover {
	background-color:#E95546!important;
	opacity:1;
} */
/* --------------------------------

Main Components

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

@media only screen and (min-width: 1170px) {
  .cd-section {
    height: 100vh;
  }
}
.cd-section h1 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-size: 2.6rem;
}

.cd-section .icon {
  float:center!important;
  margin:0px auto!important;
}

.cd-section .logo {

position: relative;
  top: 42%;
 float:center!important;
  margin:0px auto!important;
}

 .center-img{margin:0 auto!important; display:block!important;}

.cd-section h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-size: 2.6rem;
  display:block;
  text-transform:uppercase;
  color:#393939;
}

.cd-block p {
  display:block;
  color:#393939;
  max-width:100%;
  text-align:center;
  float:center;
}



@media only screen and (min-width: 768px) {
  .cd-section h1 {
    font-size: 3.2rem;
	display:block;
  }

}


}
.cd-block, .cd-half-block {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-block {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
   background-image: url("../images/bgimage.jpg");
   margin:0px auto;
   background-position:center;
}
.cd-section:first-of-type .cd-block {
  visibility: visible;
  height: 100vh;
  background-color: #263b40;
}
@media only screen and (min-width: 1170px) {
  .cd-block {
    position: fixed;
    width: 100%;
    min-height: 100vh;
    top: 0;
    left: 0;
    height: 100vh;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
    visibility: hidden;
  }
  .cd-section:first-of-type .cd-block {
    visibility: visible;
  }
  .cd-block > * {
    visibility: visible;
  }
}

.cd-half-block {
  background: #ffffff;
  color: #263b40;
}
.cd-half-block:nth-of-type(1) {
  height: 60vh;
  background-color: #263b40;
  background-position: center center;
  background-repeat: no-repeat;
}
.cd-half-block:nth-of-type(2) {
  padding: 4em 10%;
}
.cd-half-block:nth-of-type(3) {
  padding: 4em 10%;
}
.cd-half-block:nth-of-type(4) {
  padding: 4em 10%;
}
.cd-half-block:nth-of-type(5) {
  padding: 4em 10%;
}
.cd-half-block:nth-of-type(6) {
  padding: 4em 10%;
}
.cd-half-block:nth-of-type(7) {
  padding: 4em 10%;
}
.cd-half-block:nth-of-type(8) {
  padding: 4em 10%;
}
.cd-half-block:nth-of-type(9) {
  padding: 4em 10%;
}
.cd-half-block:nth-of-type(10) {
  padding: 4em 10%;
}
.cd-half-block:nth-of-type(11) {
  padding: 4em 10%;
}

.cd-half-block h2 {
  font-family: 'Montserrat',sans-serif;
  font-size: 28px!important;
  text-align:center;
  font-weight:700;
}

.cd-half-block p {
  font-family: 'Open Sans',sans-serif;
  font-size: 17px!important;
  line-height: 1.4;
  text-align:center;
  font-weight:300;
  margin-top:2%;
}
.cd-section:nth-of-type(2) .cd-half-block:first-of-type {
  background-image: url("../images/image-1.jpg");
  background-size: cover;
  margin: 0 auto!important;
}
.cd-section:nth-of-type(3) .cd-half-block:first-of-type {
  background-image: url("../images/image-2.jpg");
  background-size: cover;
  margin: 0 auto!important;
}
.cd-section:nth-of-type(4) .cd-half-block:first-of-type {
  background-image: url("../images/image-3.jpg");
  background-size: cover;
  margin: 0 auto!important;
}
.cd-section:nth-of-type(5) .cd-half-block:first-of-type {
  background-image: url("../images/image-4.jpg");
  background-size: cover;
  margin: 0 auto!important;
}

.cd-section:nth-of-type(6) .cd-half-block:first-of-type {
  background-image: url("../images/image-5.jpg");
  background-size: cover;
  margin: 0 auto!important;
}

.cd-section:nth-of-type(7) .cd-half-block:first-of-type {
  background-image: url("../images/image-6.jpg");
  background-size: cover;
  margin: 0 auto!important;
}

.cd-section:nth-of-type(8) .cd-half-block:first-of-type {
  background-image: url("../images/image-7.jpg");
  background-size: cover;
  margin: 0 auto!important;
}

.cd-section:nth-of-type(9) .cd-half-block:first-of-type {
  background-image: url("../images/image-8.jpg");
  background-size: cover;
  margin: 0 auto!important;
}

.cd-section:nth-of-type(10) .cd-half-block:first-of-type {
  background-image: url("../images/image-9.jpg");
  background-size: cover;
  margin: 0 auto!important;
}


@media only screen and (min-width: 1170px) {
  .cd-half-block {
    height: 100vh !important;
    width: 50%;
    position: absolute;
    top: 0;
  }
  .cd-half-block p {
    width: 100%;
    font-size: 2.4rem;
  }

  .cd-section:nth-of-type(even) .cd-half-block:first-of-type, .cd-section:nth-of-type(odd) .cd-half-block:nth-of-type(2) {
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .cd-section:nth-of-type(odd) .cd-half-block:first-of-type, .cd-section:nth-of-type(even) .cd-half-block:nth-of-type(2) {
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.cd-vertical-nav {
  position: fixed;
  z-index: 1;
  right: 3%;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
.cd-vertical-nav a {
  display: block;
  height: 40px;
  width: 40px;
  /* image replace */
  text-indent: 100%;
  white-space: nowrap;
  background: transparent url(../images/icon-arrow.svg) no-repeat center center;
  -webkit-transition: opacity 0.2s 0s, visibility 0.2s 0s;
  -moz-transition: opacity 0.2s 0s, visibility 0.2s 0s;
  transition: opacity 0.2s 0s, visibility 0.2s 0s;
  outline: 0!important;
}
.cd-vertical-nav a.cd-prev {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-bottom: 10px;
  outline: 0!important;
}
.cd-vertical-nav a.inactive {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  transition: opacity 0.2s 0s, visibility 0s 0.2s;
  outline: 0!important;
}
@media only screen and (min-width: 1170px) {
  .cd-vertical-nav {
    display: block;
  }

}

@media only screen and (max-width:1200px) {

.cd-section .icon {
	position: relative;
	float:center!important;
	margin:0px auto!important;
}

.cd-half-block p {
max-width:100%;
}

.cd-half-block h2 {
}
.cd-section .logo {
  width:100%;
}


}

@media only screen and (min-width:1367px) {
	/*.cd-half-block #iconspan {
		margin-top:29%!important;
	}*/

	.specs ul {
    list-style-type: square!important;
	width: 100%;
	font-weight:300;
	margin-left:0px;
}

	.center-block{
	display:block;
	margin:0px auto;
	width:70%!important;
}


}

@media only screen and (max-width:1367px) {
.cd-section .icon {
 float:center!important;
  margin:0px auto!important;
}


.cd-half-block h2 {
 display:block;
}

.cd-block p {
  display:block;
  width:150%;
}

/*.cd-half-block #iconspan {
		margin-top:10%!important;
		width:100%;
	}*/

	    .specs ul {
    list-style-type: square!important;
	width: 100%;
	font-weight:300;
	margin-left:0px;
}

	.center-block{
	display:block;
	margin:0px auto;
	width:90%!important;
}
}
.center {
display:block;
margin:auto;
}

.center-block{
	display:block;
	margin:0px auto;
	width:90%;
}

.navbar{
    border-bottom: 0px solid red;
	background:#A6845D;
}
.navbar-nav {
    float: left;
    margin: 0px !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.navbar-nav li a {
    padding: 10px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    position: relative;
    background: transparent !important;
    font-weight: 600;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	outline: 0;
}
.navbar-nav li a:focus{
    outline: none;
}

.bg-image{
	background-image: url("bgimage.jpg")!important;
    background-color: #cccccc;
}

.img-responsive{
    margin: 0 auto;
}

.f-left {
	float: left;
	text-align: center!important;
}

.specs ul {
    list-style-type: square!important;
	width: 100%;
	font-weight:300;
	margin-left:0px;
	font-size:17px;
}

.btn{
	text-transform:uppercase;
	font-size:20px!important;
	padding-left:9%!important;
	padding-right:9%!important;
}

.btn a{
	color:#fff!important;
	outline: 0;
	font-family: 'Montserrat',sans-serif;
  font-size: 21px!important;
  text-align:center;
  font-weight:600;
}

.slide-div { height: 100vh; }

.mt30{
margin-top:27%;
}
.mt40{
margin-top:40%;
}
.mt50{
margin-top:50%;
}
