/* Fonts */
@import url(//fonts.googleapis.com/css?family=Ubuntu:300,400|Oswald:400,300);


/* Base styling */
body {
    background: #fff;
}
.page {  
  	font-family: 'Ubuntu', sans-serif;
  	font-weight:200;
}

.page p {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #555;
  	line-height:24px
}

.page h1,
.page h2 {
  	font-family:'Oswald', sans-serif;
  	text-transform:uppercase;
  	font-weight:300;
}

.page h2 {
    font-size: 160%;
}
.page a {
  	color:#ff970f
}

/* Container */
.page .container {
    max-width: 1200px;
    margin: 0px auto;
}

/* Wrappers */
.page .header-wrapper {
    padding: 10px;
}

.page .jumbotron-wrapper {
  	background: #1ec5e3;
    color: #fff;
    padding: 60px;  
    background-size: cover;
  	text-align:center;
}

.page .services-wrapper {
    padding:60px 20px;
    background: #f2f2f2;
}

.page .content-wrapper {
    padding:60px 20px;
}

.page .footer-wrapper {
    background:#312f38;
    color: #fff;
    font-size: 100%;
    line-height: 110%;
    padding: 80px 20px;
}

.page .navigation-wrapper {
    background:#312f38;
}

.page .spacer-wrapper {
    min-height: 100px;
}

/* Navigation */
.page ul.nav-menu {
    background: none;
 	width:100%;
}

  .page ul.nav-menu > li {
      margin-right: 10px;
      text-transform:uppercase;
      font-family:'Oswald', sans-serif;
      font-weight:200;
      letter-spacing:2px;
    	background:#312f38;
  }
  .page ul.nav-menu > li:last-child {
    	margin-right: 0px;
    	margin-bottom:0px;
  }
	.page ul.nav-menu > li a {
        background: none;
        color:#fff;
        padding: 10px;
      	text-decoration:none;
      	line-height:36px
    }
	.page ul.nav-menu > li:hover > a {
      	background: rgba(255,255,255,.1);
  	}
	.page ul.nav-menu > li.active {
    	font-weight: bold;
   		border-bottom: 3px solid #ff970f;
	}
	.page ul.nav-menu > li > ul,
	.page ul.nav-menu > li > ul > li,
	.page ul.nav-menu > li > ul > li > a {
  		background:#312f38;;  
      	border:none;
	}
	.page ul.nav-menu > li > ul > li a {
      margin:0px !important;
      padding-left:20px;
    }
	.page ul.nav-menu > li > ul > li:hover a {
      	background: rgba(255,255,255,.1);
    }


/* Menu on mobile */
@media (max-width: 767px) {  
  	.page .main-menu .slide-trigger {
      	background:rgba(0,0,0,0.1);
      	color:#fff;
      	border:none;
      	font-size:16px;
      	text-transform:uppercase;
      	padding:15px 10px 15px 0;
    }
    .page .navigation-wrapper .inner {
      	padding:0 !important;
      	width:100%;
    }
  	.page ul.nav-menu > li {
      	margin:0;
    }
  	.page ul.nav-menu > li.active {
    	border:none;
  	}
    .page ul.nav-menu > li a {
        margin-bottom: 0px;
      	color:#fff !important;
    }
}


/* Jumbotron */
.page .jumbotron-wrapper .jumbotron {
    padding: 40px;
}

.page .jumbotron-wrapper p {
  	max-width:600px;
  	display:inline-block;
    border-radius: 5px;
    padding: 20px;
}

.page .jumbotron-wrapper .jumbotron p {
    font-size: 140%;
    line-height: 140%;
    color: #ffffff;
}

.page .jumbotron-wrapper .jumbotron h2 {
    font-size: 4em;
    line-height: 140%;
    color: #ffffff;
}

/* Footer */
.page .footer-wrapper h2 {
    font-size: 1.5em;
    line-height: 110%;
    padding-bottom: 10px;
}
.page .footer-wrapper p {
    color: #fff;
  	opacity:.6;
  	margin-top:0;
}
.page .footer-wrapper ul {
	color:rgba(255,255,255,.6);
}

/* Button element */
.page .btn {
    padding: 8px 30px;
    font-size: 15px;
    border-radius: 4px;
    -webkit-transition: none;
    transition: none;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 17px;
    background: #ff970f;
  	border:none;
    border-bottom: 2px solid rgba(0,0,0,.2);
    color: #fff;
    margin: 10px 0;
}

/* Shop */
.page .product-catalog [role=button] {
    padding: 10px 15px !important;
    border: none !important;
    padding: 10px 19px !important;
    font-size: 17px !important;
    line-height: 1.471 !important;
    height: auto !important;
    border-radius: 6px;
    background: #ff970f !important;
    border-color: #ff970f !important;
    color: #fff !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* Social element */
@font-face {
    font-family: 'socicon';
    src: url('//in02.hostcontrol.com/resources/fonts/socicon-webfont.eot');
    src: url('//in02.hostcontrol.com/resources/fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('//in02.hostcontrol.com/resources/fonts/socicon-webfont.woff') format('woff'),
         url('//in02.hostcontrol.com/resources/fonts/socicon-webfont.ttf') format('truetype'),
         url('//in02.hostcontrol.com/resources/fonts/socicon-webfont.svg#englebertregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.page ul.social li {
    display: inline-block;
}

.page .social-icon {
    font-family: 'socicon' !important;
	display: block;
	margin-right: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	font-size: 20px;
    border-radius: 50%;
    color: #fff !important;
    background: #ff970f;
}

.page .social-icon:hover {
    text-decoration: none;
    color: #fff !important;
    background: #ff970f;;
}

/* Contactinfo element */
.page ul.contact-list li {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Header element */
.page .header-container img.logo {
    margin-right: 15px;
  	margin-top:10px;
}
.page .header-container h1 {
  	color:#fff;
  	line-height:32px;
  	font-size:2em;
  	opacity:.5;
}
@media (max-width: 767px) {
  .page .header-container h1 {
    text-align:center;
  }
}

/* Gallery element */
.page .gallery {
    -webkit-columns: 4 200px;
    -moz-columns: 4 200px;
    columns: 4 200px;
    text-align: center;

}

.page .gallery .image {
    margin: 20px;
}

/* Form */
.page .form-horizontal {
    margin: 0 0 20px;
    background: #f1f2f2;
    padding: 20px;
    border-radius: 6px;
}
.page .form-horizontal .control-label {
  	text-align:left;
  	line-height:44px;
}
.page .form-horizontal textarea {
  min-height:150px;
}
.page .form-horizontal textarea, 
.page .form-horizontal input[type="text"], 
.page .form-horizontal input[type="password"], 
.page .form-horizontal input[type="datetime"], 
.page .form-horizontal input[type="datetime-local"], 
.page .form-horizontal input[type="date"], 
.page .form-horizontal input[type="month"], 
.page .form-horizontal input[type="time"], 
.page .form-horizontal input[type="week"], 
.page .form-horizontal input[type="number"],
.page .form-horizontal input[type="email"], 
.page .form-horizontal input[type="url"], 
.page .form-horizontal input[type="search"], 
.page .form-horizontal input[type="tel"], 
.page .form-horizontal input[type="color"], 
.page .form-horizontal .uneditable-input {
  border:1px solid #CCC;
  box-shadow:none;
  width:100%;
  padding:10px 0;
  text-indent:10px;
}
@media (max-width: 767px) {
  .page .form-horizontal .btn {
    width:100%;
  }
}

/* Fixes for mobile */
@media (max-width: 767px) {

    body {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page .navigation-wrapper .inner {
        padding: 10px;
    }

	.page img {
        float: none;
        margin-top: 10px;
        margin-bottom: 10px;
	}

    .page ul.nav-menu {
        float: none;
    }

    .page .jumbotron-wrapper .jumbotron {
        padding: 0px;
    }

    .page .jumbotron-wrapper {
        padding: 10px;
    }

    .page .footer-wrapper {
        padding: 20px;
    }
}