/* ========== Reset & Basic Style  ========== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video  {
	margin: 0;
	padding: 0;
	border: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font: 17px/22px 'Titillium Web', sans-serif;
	font-weight: 300;
	color: #333;
	letter-spacing: 0.5px;
}
ol, ul {
	list-style: none;
}
img {
	vertical-align: bottom;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: inherit;
	text-decoration: none;
}	

p {
	margin: 16px 0;
}
p a:hover {
	text-decoration: underline;
}


.hr-theme-slash-2 {
  display: flex;
  }
  
  .hr-line {
    width: 60%;
    position: relative;
    margin: 15px;
    border-bottom: 2px solid #ccc;
  }
  
  .hr-icon {
    position: relative;
    top: 3px;
    color: #ccc;
  }
  
@font-face {
    font-family: 'north_poleregular';
    src: url('../fonts/north_pole_regular-webfont.woff2') format('woff2'),
         url('../fonts/north_pole_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/raleway-v28-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}


/* titillium-web-200 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/titillium-web-v15-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-200.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-200italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/titillium-web-v15-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-200italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium-web-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-300italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/titillium-web-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-300italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/titillium-web-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium-web-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/titillium-web-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-600italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/titillium-web-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/titillium-web-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-900 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/titillium-web-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/titillium-web-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v15-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v15-latin-900.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(../fonts/MaterialIcons-Regular.woff) format('woff'),
    url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}



/* ========== Headings ========== */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: normal;
	color: #b9974b;
	font-family: 'north_poleregular';
}
h1 { font-size: 14px; }
h2 { font-size: 12px; }
h3 { font-size: 12px; }
h4 { font-size: 10px; }
h5 { font-size: 10px; }
h6 { font-size: 10px; }

/* ========== Images ========== */
.image-left {
	margin: 5px 20px 60px 0;
	float: left;
}
.image-right {
	margin: 5px 0 8px 20px;
	float: right;
}

/* ========== Default Form Style ========== */
form p {
	margin: 0;
}
input, textarea {
	width: 92%;
	height: 40px;
	padding: 0 10px;
	font:600 14px 'Titillium Web', sans-serif;
	letter-spacing: 1px;
	color: #000;
	background: #fff;
	outline: none;
	resize: none;
	border-bottom: 0px;
border-top: 2px solid #748e9e;
border-left: 2px solid #748e9e;
border-right: 0px;

	-webkit-transition: background 200ms ease-out 10ms;
	-moz-transition: background 200ms ease-out 10ms;
	-o-transition: background 200ms ease-out 10ms;
	transition: background 200ms ease-out 10ms;


}
input {
	margin-bottom: 25px;

}
textarea {
	width: 94%;
	padding: 10px;
}
label {
	margin: 0 0 10px 5px;
	float: left;
	font-size: 15px;
	font-weight: 800;
	word-spacing: 2px;
	letter-spacing: 5px;
	color: #FFF;
	text-transform: uppercase;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #ccc;
   	opacity: 1;
   }
input::-moz-placeholder,
textarea::-moz-placeholder {
   	color: #222;
   	opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #ccc;
}
.input-error {
	background: rgba(255,0,0,.8);
}
button {
	font: 12px 'Titillium Web', sans-serif;
	background: none;
	border: none;
	cursor: pointer;
}
button:hover .hover-left,
button:hover .hover-right {
	width: 51%;
}
button:hover i {
	color: #000;
	-webkit-transition: color 200ms ease-out 10ms;
	-moz-transition: color 200ms ease-out 10ms;
	-o-transition: color 200ms ease-out 10ms;
	transition: color 200ms ease-out 10ms;
}

/* ========== Default Button ========== */
.default-button {
	display: block;
	width: 200px;
	height: 38px;
	position: relative;
	font-size: 13px;
	font-weight: 800;
	line-height: 38px;
	word-spacing: 2px;
	letter-spacing: 5px;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: color 220ms linear;
	-moz-transition: color 220ms linear;
	-o-transition: color 220ms linear;
	transition: color 220ms linear;
}
.default-button-white {
	color: #fff;
}
.default-button i {
	margin-left: 5px;
	font-style: normal;
}
.default-button:before,
.default-button:after {
	content: "";
	width: 2px;
	height: 100%;
	position: absolute;
	left: 0;
	background: #000;
	z-index: -1;
	-webkit-transition: width 200ms ease-out 10ms, background 200ms ease-out 10ms;
	-moz-transition: width 200ms ease-out 10ms, background 200ms ease-out 10ms;
	-o-transition: width 200ms ease-out 10ms, background 200ms ease-out 10ms;
	transition: width 200ms ease-out 10ms, background 200ms ease-out 10ms;
}
.default-button:before {
	left: auto;
	right: 0;
}
.default-button-white:before,
.default-button-white:after {
	background: #fff;
}
.default-button:hover:before,
.default-button:hover:after {
	width: 50%;
}
.default-button:hover {
	color: #fff;
}
.default-button-white:hover {
	color: #000;
}

/* ========== Button Animation (not for default buttons) ========== */
.hover-left,
.hover-right {
	width: 2px;
	height: 100%;
	position: absolute;
	top: 0;
	background: #fff;
	z-index: -1;
	-webkit-transition: width 200ms ease-out 10ms, background 200ms ease-out 10ms;
	-moz-transition: width 200ms ease-out 10ms, background 200ms ease-out 10ms;
	-o-transition: width 200ms ease-out 10ms, background 200ms ease-out 10ms;
	transition: width 200ms ease-out 10ms, background 200ms ease-out 10ms;
}
.hover-left { left: 0; }
.hover-right { right: 0; }

/* ========== Grid ========== */
.container {
	width: 1140px;
	margin: 0 auto;
	padding: 0;
	
}
.container:after,
.row:after,
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.row {
	margin-bottom: 50px;
}
.col {
	margin: 0 20px;
	float: left;
}
.col-size-1	  { width: 55px;   }
.col-size-2	  { width: 150px;  }
.col-size-3	  { width: 245px;  }
.col-size-4	  { width: 340px;  }
.col-size-5	  { width: 435px;  }
.col-size-6	  { width: 530px;  }
.col-size-7	  { width: 625px;  }
.col-size-8	  { width: 720px;  }
.col-size-9	  { width: 815px;  }
.col-size-10  { width: 910px;  }
.col-size-11  { width: 1005px; }
.col-size-12  { width: 1100px; }
.offset-1     { margin-left: 115px;  }
.offset-2     { margin-left: 210px;  }
.offset-3     { margin-left: 305px;  }
.offset-4     { margin-left: 400px;  }
.offset-5     { margin-left: 495px;  }
.offset-6     { margin-left: 590px;  }
.offset-7     { margin-left: 685px;  }
.offset-8     { margin-left: 780px;  }
.offset-9     { margin-left: 875px;  }
.offset-10    { margin-left: 970px;  }
.offset-11    { margin-left: 1065px; }
.col-size-one-fifth { width: 188px;  }

/* ========== Fluid Grid ========== */
.container-fluid:after {
	content: "";
	display: block;
	clear: both;
}
.col-fluid {
	float: left;
}
.col-fluid-one-half     { width: 50%;      }
.col-fluid-one-third    { width: 33.3333%; }
.col-fluid-one-quarter  { width: 25%;      }
.col-fluid-one-fifth    { width: 20%;      }
.col-fluid-one-sixth    { width: 16.6666%; }

/* ========== Rotate Content ========== */
.rotate-container {
	width: 100%;
	position: relative;
	margin-top: -70px;
	padding-bottom: 100px;
	overflow: hidden;
}
.rotate-container-parallax {
	margin-bottom: -140px;
	padding-bottom: 0;
}


.rotate-bg {
	width: 200%;
	height: 100%;
	position: absolute;
	top: 35px;
	margin-left: -50%;
	z-index: 2;
	overflow: hidden;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
.rotate-bg-parallax {
	height: 68px;
	position: relative;
}
.rotate-content {
	margin-top: 120px;
	position: relative;
	z-index: 3;
}
.rotate-content-parallax {
	margin-top: -100px;
	position: relative;
	z-index: 1;
}
.next-section-parallax {
	padding-bottom: 100px;
}


/* ========== Rotated Line ========== */
.rotated-line {
	width: 150px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #000;
	-webkit-transform: rotate(120deg) translateY(-50%);
	-moz-transform: rotate(120deg) translateY(-50%);
	-ms-transform: rotate(120deg) translateY(-50%);
	-o-transform: rotate(120deg) translateY(-50%);
	transform: rotate(120deg) translateY(-50%);
}

/* ========== Overwrite Plugins CSS ========== */
/* Owl Carousel */
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 20px 9px;
	border: 2px solid #fff;
	opacity: 1;
	background: none;
	border-radius: 15px;
	-webkit-transition: background 140ms linear;
	-moz-transition: background 140ms linear;
	-o-transition: background 140ms linear;
	transition: background 140ms linear;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #fff;
}
/* Revoluyion Slider */
.bullet {
 	top: -40px;
}

/* ========== Page Header ========== */
.page-header {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 100;
}
.page-header-rotate {
	width: 160%;
	height: 140px;
	position: absolute;
	top: 0;
	margin: -20px 0 0 -50%;
	background: #fff;
	z-index: 1;
	box-shadow: 0 2px 20px rgba(0,0,0,.4);
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
.page-header-rotate-content {
	position: relative;
	z-index: 2;
}

/* ========== Logo ========== */
.logo {
	margin-top: 0px;
	float: left;
	
}

/* ========== Main Navigation ========== */
.main-nav {
	margin-top: 30px;
	float: right;
    font-family: 'north_poleregular';

}
.main-nav li {
	position: relative;
	float: left;
	
}
.main-nav a {
	display: block;
	height: 35px;
	padding: 0 16px;
	font-size: 10px;
	font-weight: 600;
	line-height: 34px;
	text-transform: uppercase;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.main-nav a {
	line-height: 36px
}
}
.main-nav .link-text,
.main-nav .fa {
	position: relative;
	font-style: normal;
	z-index: 2;
    color: #0d4466;
	-webkit-transition: color 200ms ease-out 10ms;
	-moz-transition: color 200ms ease-out 10ms;
	-o-transition: color 200ms ease-out 10ms;
	transition: color 200ms ease-out 10ms;
}
.main-nav .link-hover-bg {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #b9974b;
	border-radius: 4px;
	-webkit-transition: width 200ms ease-out 10ms, height 200ms ease-out 10ms;
	-moz-transition: width 200ms ease-out 10ms, height 200ms ease-out 10ms;
	-o-transition: width 200ms ease-out 10ms, height 200ms ease-out 10ms;
	transition: width 200ms ease-out 10ms, height 200ms ease-out 10ms;
}
.main-nav:hover .active-nav-link .link-text {
	color: #0d4466;
}
.main-nav:hover .active-nav-link .link-hover-bg {
	width: 0;
	height: 0;
}
.main-nav .active-nav-link .link-text,
.main-nav a:hover .link-text,
.main-nav a:hover .fa,
.main-nav .active-nav-link a:hover .link-text {
	color: #fff;
}
.main-nav .active-nav-link .link-hover-bg,
.main-nav a:hover .link-hover-bg,
.main-nav .active-nav-link a:hover .link-hover-bg {
	width: 100%;
	height: 35px;
}
.main-nav .fa-chevron-left{
	margin-right: 1px;
	color: #555;
	font-size: 11px;
}

/* ========== Revolution Slider ========== */
.slider-txt-1,
.slider-txt-2 {
	text-align: center;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: 4px;
	color: #fff;
	white-space: normal !important;
}
.slider-txt-2 {
	font-size: 16px;
	font-weight: 500;
}
.slider-rotated-line {
	width: 400px;
	background: #fff;
}

/* ========== Text Style ========== */
.txt-style {
	word-spacing: 2px;
	letter-spacing: 4px;
	text-transform: uppercase;
}
.txt-style-plus {
	word-spacing: 3px;
	letter-spacing: 7px;
	text-transform: uppercase;
}

/* ========== Classic Title ========== */
.classic-title {
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 600;
	color: #000;
	text-align: center;
}

/* ========== Title ========== */
.title-body {
	position: relative;
	margin-bottom: 100px;
	text-align: center;
}
.title {
	position: relative;
	font-size: 18px;
	font-weight: 800;
	padding-left: 7px;
	z-index: 2;
}
.subtitle {
	position: relative;
	margin-top: 10px;
	padding-left: 4px;
	font-size: 12px;
	font-weight: 600;
	z-index: 2;
}

/* ========== Loading Icon ========== */
.loading {
	display: none;
	width: 60px;
	height: 60px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../images/loading.gif) no-repeat center;
	opacity: .6;
	z-index: 100;
	border-radius: 5px;
}

/* ========== Parallax Content ========== */
.container-parallax {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.imageHolder {
	background: #878786;
}

/* ========== Single Page Parallax  ========== */
.container-single-page-parallax {
	top: 52%;
}
.single-page-parallax-img {
	opacity: 1;
}

/* ========== IconBox ========== */
.iconbox {
	text-align: center;
}
.iconbox-bg {
	height: 115px;
	margin-bottom: 28px;
	background: url(../images/iconbox-bg.png) no-repeat center;
	background-size: contain;
	-webkit-transition: -webkit-transform 220ms ease-out 10ms;
	-moz-transition: -moz-transform 220ms ease-out 10ms;
	-o-transition: -o-transform 220ms ease-out 10ms;
	transition: transform 220ms ease-out 10ms;
}
.iconbox .fa {
	font-size: 35px;
	line-height: 118px;
	color: #FFF;
	cursor: default;
	-webkit-transition: -webkit-transform 220ms ease-out 10ms;
	-moz-transition: -moz-transform 220ms ease-out 10ms;
	-o-transition: -o-transform 220ms ease-out 10ms;
	transition: transform 220ms ease-out 10ms;
}
.iconbox-title {
	width: 86%;
	margin: 0 auto 12px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 6px;
}
.iconbox:hover .fa {
	-webkit-transform: scale(1.15) rotateY(180deg);
	-moz-transform: scale(1.15) rotateY(180deg);
	-ms-transform: scale(1.15) rotateY(180deg);
	-o-transform: scale(1.15) rotateY(180deg);
	transform: scale(1.15) rotateY(180deg);
}

/* ========== IconBox - Version 2 ========== */
.iconbox-2 {
	color: #000;
	text-align: center;

}
.iconbox-2-bg {
	height: 80px;
	position: relative;
	margin-bottom: 10px;
	background: url(../images/iconbox-2-bg.png) no-repeat center;
	background-size: contain;
	overflow: hidden;
}
.iconbox-2 i {
	position: absolute;
	bottom: -30%;
	left: 0;
	right: 0;
	font-size: 40px;
	line-height: 130px;
	color: #FFF;
	-webkit-transition: top 230ms ease-out 10ms;
	-moz-transition: top 230ms ease-out 10ms;
	-o-transition: top 230ms ease-out 10ms;
	transition: top 230ms ease-out 10ms;
}

.iconbox-2-title {
	margin: 0  0 16px 6px;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 6px;
	text-transform: uppercase;
}
.iconbox-2:hover .fa {
	font-size: 50px;

	cursor: default;
}
.iconbox-2:hover .second-icon {
	top: 30%;
}

/* ========== Portfolio Filter Navigation ========== */
#portfolio {
	display: none;
}
.portfolio-filter-nav {
	margin-bottom: 40px;
	text-align: center;
	overflow: hidden;
	cursor: default;
}
.portfolio-filter-nav li {
	display: inline-block;
	width: 200px;
	height: 40px;
	margin: 0 15px 10px;
	position: relative;
	font-size: 12px;
	font-weight: 600;
	line-height: 40px;
	color: #fff;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.portfolio-filter-nav i {
	position: relative;
	padding-left: 4px;
	font-style: normal;
	letter-spacing: 4px;
	z-index: 2;
	-webkit-transition: color 220ms linear;
	-moz-transition: color 220ms linear;
	-o-transition: color 220ms linear;
	transition: color 220ms linear;
}
.portfolio-filter-nav li:hover {
	cursor: pointer;
}
.portfolio-filter-nav .selected-filter i,
.portfolio-filter-nav li:hover i {
	color: #000;
}
.portfolio-filter-nav .selected-filter .hover-left,
.portfolio-filter-nav .selected-filter .hover-right,
.portfolio-filter-nav li:hover .hover-left,
.portfolio-filter-nav li:hover .hover-right {
	width: 51%;
}

/* ========== Portfolio ========== */
.container-fluid-portfolio {
	position: relative;
	cursor: pointer;

	
}
.project-container {
	position: relative;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}
.project {
	width: 80%;
	height: 80%;
	-webkit-perspective: 1500px;
	-moz-perspective: 1500px;
	perspective: 1500px;
	margin: 50px;

}
.project img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	border: 1px solid;
	border-color: #fff;

}
.project-overlay {
width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	visibility: hidden;
	opacity: 0;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: #FFF;
	background: rgba(0,75,110,.9);
	-webkit-transition: visibility 180ms ease-out, opacity 180ms ease-out;
	-moz-transition: visibility 180ms ease-out, opacity 180ms ease-out;
	-o-transition: visibility 180ms ease-out, opacity 180ms ease-out;
	transition: visibility 180ms ease-out, opacity 180ms ease-out;
	border-radius: 10px;
	border: 1px solid;
	border-color: #fff;

}

.project-name {
	width: 70%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 20px;
	margin: auto;
	padding-left: 7px;
	font-size: 18px;
	font-weight: 500;
	color: #FFF;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.project-name-line {
	top: 50%;
	width: 50%;
	background: #fff;
}
.project-container:hover {
	cursor: pointer;
}
.project-container:hover .project-overlay {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
}

/* ========== Project Preview ========== */
.project-preview {
	position: relative;
	background: #FFF;
	display: none;
}
.project-preview-container {
	display: none;
}
.project-preview-content {
	background: #fff;
}
.portfolio-loading {
	display: block;
}

/* ========== Sinegle Project Navigation ========== */
.single-project-nav {
	display: block;
	height: 35px;
	position: relative;
	margin-top: 17px;
	padding: 0 17px;
	letter-spacing: 2px;
	font-size: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: color 200ms ease-out 10ms;
	-moz-transition: color 200ms ease-out 10ms;
	-o-transition: color 200ms ease-out 10ms;
	transition: color 200ms ease-out 10ms;
}
.single-project-nav .fa {
	font-size: 22px;
	line-height: 32px;
}
.single-project-nav .fa-angle-left {
	margin-right: 10px;
	float: left;
}
.single-project-nav .fa-angle-right {
	margin-left: 10px;
	float: right;
}
.single-project-nav span {
 	line-height: 34px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0)  {
.single-project-nav span {
	line-height: 36px
}
}
.single-project-nav .link-hover-bg {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #000;
	-webkit-transition: width 200ms ease-out 10ms, height 200ms ease-out 10ms;
	-moz-transition: width 200ms ease-out 10ms, height 200ms ease-out 10ms;
	-o-transition: width 200ms ease-out 10ms, height 200ms ease-out 10ms;
	transition: width 200ms ease-out 10ms, height 200ms ease-out 10ms;
}
.single-project-nav span {
	font-weight: 800;
}
.single-project-nav:hover {
	color: #fff;
}
.single-project-nav:hover .link-hover-bg {
	width: 100%;
	height: 35px;
}

/* ========== Close Single Project ========== */
.close-project {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 16px auto 0;
	font-size: 16px;
	font-weight: 800;
	line-height: 30px;
	text-align: center;
	border: 2px solid #000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: color 170ms linear 10ms, background 170ms linear 10ms;
	-moz-transition: color 170ms linear 10ms, background 170ms linear 10ms;
	-o-transition: color 170ms linear 10ms, background 170ms linear 10ms;
	transition: color 170ms linear 10ms, background 170ms linear 10ms;
}
.close-project:hover {
	color: #fff;
	background: #000;
	cursor: pointer;
}

/* ========== Single Project ========== */
.single-project-title {
	margin-bottom: 18px;
	font-size: 20px;
	font-weight: 800;
}
.single-project-txt {
	margin-top: 0;
	font-size: 14px;
	text-align: justify;
}
.single-project-details {
	text-transform: uppercase;
	font-weight: 600;
}
.single-project-details li {
	margin-bottom: 16px;
	font-size: 13px;
}
.single-project-details span {
	float: left;
	font-style: normal;
}
.single-project-details p {
	margin-left: 100px;
}
.single-project-carousel {
	margin: 50px 0 -40px;
}
.single-project-carousel a {
	display: block;
}
.single-project-carousel-img {
	width: 100%;
	-webkit-transition: opacity 150ms ease-out 10ms;
	-moz-transition: opacity 150ms ease-out 10ms;
	-o-transition: opacity 150ms ease-out 10ms;
	transition: opacity 150ms ease-out 10ms;
}
.single-project-carousel-img:hover {
	opacity: .9;
}
.single-project-carousel .owl-page span {
	border: 2px solid #000 !important;
}
.single-project-carousel .owl-page.active span,
.single-project-carousel .owl-page:hover span {
	background: #000 !important;
}

/* ========== Back to Top ========== */
.back-to-top-container {
	width: 100%;
	height: 60px;
	position: relative;
	overflow: hidden;
	background: #000;
}
.back-to-top {
	width: 70px;
	height: 70px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	margin: 0 auto 0;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.back-to-top:hover {
	cursor: pointer;
}
.back-to-top span {
	position: absolute;
	top: 15px;
	left: 6px;
	font-size: 15px;
	font-weight: 800;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.back-to-top-line {
	width: 100%;
	height: 5px;
	position: absolute;
	bottom: 0;
	background: #fff;
}

/* ========== Parallax 1 ========== */
.container-parallax-1 {
	top: 49%;
}
.parallax-img-1 {
	opacity: .75;
}

/* ========== Company Number ========== */
.company-number-body {
	position: relative;
	text-align: center;
	color: #fff;
}
.company-number-value {
	position: relative;
	margin-left: 8px;
	font-size: 25px;
	font-weight: 800;
	z-index: 1;
}
.company-number-txt {
	position: relative;
	margin: 12px 0 0 5px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 5px;
	z-index: 2;
}

/* ========== Tabs ========== */
.tabs-nav {
	float: left;
}
.tabs-nav li {
	width: 178px;
	position: relative;
	margin-right: -2px;
	float: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tab-title {
	display: block;
	height: 40px;
	position: relative;
	margin-left: 4px;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	line-height: 40px;
	letter-spacing: 4px;
	color: #000;
	text-align: center;
	z-index: 1;
	-webkit-transition: color 220ms linear;
	-moz-transition: color 220ms linear;
	-o-transition: color 220ms linear;
	transition: color 220ms linear;
}
.tabs-nav .hover-left,
.tabs-nav .hover-right {
	background: #000;
}
.tabs-nav:hover .current-tab .tab-title {
	color: #000;
}
.tabs-nav:hover .current-tab .hover-left,
.tabs-nav:hover .current-tab .hover-right {
	width: 2px;
}
.tabs-nav li:hover {
	cursor: pointer;
}
.tabs-nav .current-tab .tab-title,
.tabs-nav li:hover .tab-title,
.tabs-nav .current-tab:hover .tab-title {
	color: #fff;
}
.tabs-nav .current-tab .hover-left,
.tabs-nav .current-tab .hover-right,
.tabs-nav li:hover .hover-left,
.tabs-nav li:hover .hover-right,
.tabs-nav .current-tab:hover .hover-left,
.tabs-nav .current-tab:hover .hover-right {
	width: 51%;
}
.tabs-content {
	width: 100%;
	height: 270px;
	position: relative;
	float: left;
}
.tabs-content div {
	position: absolute;
	top: 18px;
	left: 18px;
	right: 18px;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	text-align: justify;
	-webkit-transition: visibility 180ms ease-out, opacity 180ms ease-out;
	-moz-transition: visibility 180ms ease-out, opacity 180ms ease-out;
	-o-transition: visibility 180ms ease-out, opacity 180ms ease-out;
	transition: visibility 180ms ease-out, opacity 180ms ease-out;
}
.tabs-content p {
	margin-top: 0;
}
.tabs-content div.current-tab {
	visibility: visible;
	opacity: 1;
}

/* ========== Skill Bar ========== */
.skill-bar-body {
	margin-bottom: 29px;
}
.skill-bars .skill-bar-body:last-child {
	margin-bottom: 0;
}
.skill-bar-name {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 800;
}
.skill-bar {
	height: 16px;
	border: 2px solid #000;
}
.skill-bar-exp {
	width: 0;
	height: 100%;
	background: #000;
}

/* ========== Team Member ========== */
.team-member-body {
	color: #fff;
	text-align: center;
}
.team-member-img {
	height: 245px;
	position: relative;
	-webkit-perspective: 1500px;
	-moz-perspective: 1500px;
	perspective: 1500px;
}
.team-member-img img {
	width: 100%;
	height: 100%;
}
.team-member-txt{
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	margin: 0;
	padding: 16px 20px;
	visibility: hidden;
	opacity: 0;
	font-weight: 600;
	text-align: justify;
	background: #000;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition: visibility 200ms ease-out, opacity 200ms ease-out, -webkit-transform 200ms ease-out;
	-moz-transition: visibility 200ms ease-out, opacity 200ms ease-out, -moz-transform 200ms ease-out;
	-o-transition: visibility 200ms ease-out, opacity 200ms ease-out, -o-transform 200ms ease-out;
	transition: visibility 200ms ease-out, opacity 200ms ease-out, transform 200ms ease-out;
}
.team-member-name {
	margin: 14px 0 0 5px;
	font-size: 15px;
	font-weight: 800;
}
.team-member-position {
	margin: 8px 0 0 3px;
	font-size: 12px;
	letter-spacing: 4px;
}
.team-member-body:hover .team-member-txt{
	visibility: visible;
	opacity: .9;
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
}
.follow-team-member {
	margin-top: 26px;
	text-align: center;
	cursor: default;
}
.follow-team-member li {
	display: inline-block;
	margin: 0 4px 6px;
}
.follow-team-member a {
	display: block;
	width: 36px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transition: color 170ms linear 10ms, background 170ms linear 10ms;
	-moz-transition: color 170ms linear 10ms, background 170ms linear 10ms;
	-o-transition: color 170ms linear 10ms, background 170ms linear 10ms;
	transition: color 170ms linear 10ms, background 170ms linear 10ms;
}
.follow-team-member a:hover {
	color: #000;
	background: #fff;
}


/* ========== Parallax 2 ========== */
.container-parallax-2 {
	top: 32%;
}
.parallax-img-2 {
	opacity: .7;
}

/* ========== Testimonial ========== */
.testimonial {
	text-align: center;
	color: #FFF;
}
.testimonial-author-img {
	width: 120px;
	height: 120px;
}
.testimonial-author {
	margin: 55px 0 20px;
	font-size: 15px;
	font-weight: 800;
}
.testimonial-text {
	width: 90%;
	margin: 0 auto;
}

 /* ========== Pricing Table ========== */
.pricing-table {
	position: relative;
	text-align: center;
	color: #000;
	text-transform: uppercase;
	border: 2px solid #000;
	padding: 25px 0 22px;
	cursor: default;
	overflow: hidden;
}
.best-offer {
	padding: 22px 0 19px;
	border-width: 5px;
}
.pricing-table-info {
	-webkit-transition: color 220ms linear;
	-moz-transition: color 220ms linear;
	-o-transition: color 220ms linear;
	transition: color 220ms linear;
}
.pricing-table-name {
	margin-left: 5px;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 5px;
}
.pricing-table-price {
	display: inline-block;
	margin: 22px 0 22px 5px;
	font-size: 25px;
	font-weight: 800;
	letter-spacing: 5px;
}
.pricing-table-time {
	margin: 0 0 0 4px;
	letter-spacing: 4px;
}
.pricing-table-list {
	margin: 32px 0 0 2px;
	font-size: 12px;
	word-spacing: normal;
	letter-spacing: 2px;
}
.pricing-table-list li {
	margin: 5px 0;
}
.pricing-table-button {
	display: inline-block;
	width: 76%;
	height: 38px;
	margin: 28px 0 4px;
	position: relative;
	font-size: 15px;
	font-weight: 800;
	line-height: 38px;
	letter-spacing: 4px;
}
.pricing-table-button i {
	margin-left: 5px;
	position: relative;
	font-style: normal;
	z-index: 3;
	-webkit-transition: color 220ms linear;
	-moz-transition: color 220ms linear;
	-o-transition: color 220ms linear;
	transition: color 220ms linear;
}
.pricing-table-button:hover i {
	color: #000;
}
.pricing-table-button .hover-left,
.pricing-table-button .hover-right {
	background: #000;
	z-index: 2;
}
.pricing-table-button:hover .hover-left,
.pricing-table-button:hover .hover-right {
	width: 51%
}
.pricing-table:hover .hover-left,
.pricing-table:hover .hover-right {
	background: #fff;
}
.hover-top,
.hover-bottom {
	position: absolute;
	width: 120%;
	top: -5%;
	left: -10%;
	height: 0;
	background: #000;
	z-index: -1;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
	-webkit-transition: height 200ms ease-out 10ms;
	-moz-transition: height 200ms ease-out 10ms;
	-o-transition: height 200ms ease-out 10ms;
	transition: height 200ms ease-out 10ms;
}
.hover-bottom {
	 top: auto;
	 bottom: -5%;
	 }
.pricing-table:hover {
	color: #fff;
}
.pricing-table:hover .hover-top,
.pricing-table:hover .hover-bottom {
	height: 56%;
}
.pricing-table:hover a {
	color: #FFF;
}

/* ========== Parallax 3 ========== */
.container-parallax-3 {
	top: 45%;
}
.parallax-img-3 {
	opacity: .9;
}

/* ========== Clients Carousel ========== */
.clients-carousel {
	text-align: center;
}
.clients-carousel li {
	width: 100%;
	float: left;
}

/* ========== Recent Blog Post ========== */
.recent-post-body {
	text-align: center;
}
.recent-post-img-body {
	display: block;
	position: relative;
}
.recent-post-img {
	width: 100%;
	height: 190px;
}
.recent-post-img-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	visibility: hidden;
	opacity: 0;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	background: rgba(0,0,0,.5);
	-webkit-transition: visibility 180ms ease-out, opacity 180ms ease-out;
	-moz-transition: visibility 180ms ease-out, opacity 180ms ease-out;
	-o-transition: visibility 180ms ease-out, opacity 180ms ease-out;
	transition: visibility 180ms ease-out, opacity 180ms ease-out;
}
.recent-post-img-overlay .rotated-line {
	width: 150px;
}
.recent-post-time {
	display: block;
	margin: 26% 0 0 4px;
}
.recent-post-title {
	width: 90%;
	margin: 22px auto 12px;
	font-size: 15px;
	font-weight: 800;
}
.recent-post-title a {
	display: block;
	padding-left: 7px;
}
.recent-post-txt {
	width: 95%;
	margin: 0 auto;
	padding-bottom: 16px;
	text-align: justify;
}
.recent-post-rm {
	display: block;
	height: 32px;
	color: #fff;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: 3px;
	text-transform: uppercase;
	background: #000;
}
.recent-post-body:hover .recent-post-img-overlay{
	visibility: visible;
	opacity: 1;
}

/* ========== Blog Post Parallax ========== */
.container-post-parallax {
	top: 46%;
}
.post-parallax-img {
	opacity: .65;
}

/* ========== Blog Post Title ========== */
.post-title-container {
	position: relative;
	margin-bottom: 132px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
}
.post-title-text {
	margin: 20px 0;
	font-size: 30px;
	font-weight:  800
}
.post-title-description {
	font-size: 20px;
}
.post-title-line {
	width: 350px;
	top: 50px;
	background: #fff;
}

/* ========== Blog Post ========== */
.col .post-container:first-child {
	margin-top: -20px;
}
.col .post-container:last-child {
	margin-bottom: 15px;
}
.post-container {
	margin-bottom: 75px;
	overflow: hidden;
	color: #FFF;
}
.post-container p:first-child {
	margin-top: 0;
}
.post-img {
	width: 100%;
	height: 425px;
	margin-bottom: 30px;
}
.post-header {
	margin-bottom: 40px;
	overflow: hidden;
}
.post-title {
	text-transform: none;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 3px;
}
.post-info {
	margin-top: 20px;
	text-transform: uppercase;
	font-weight: 600;
}
.post-info li {
	margin-right: 10%;
	float: left;
}
.post-info li:last-child {
	margin-right: 0;
}
.post-info .fa {
	float: left;
	margin-right: 14px;
	font-size: 18px;
	cursor: default;
}
.post-info a,
.post-info span {
	float: left;
	line-height: 18px;
}
.post-rm {
	float: right;
	margin-top: 30px;
	padding: 4px 12px 5px;
	text-transform: uppercase;
	font-weight: 600;
	border: 2px solid #fff;
	-webkit-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	-moz-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	-o-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
}
.post-rm:hover {
	color: #000;
	background: #fff;
}

/* ========== Blog Post Carousel ========== */
.single-post-carousel {
	margin-top: 60px;
}
.single-post-carousel a {
	display: block;
}
.single-post-carousel-img {
	width: 100%;
	height: 470px;
}
.single-post-carousel .owl-pagination {
	position: relative;
	margin-top: -90px;
	z-index: 1;
}

/* ========== Single Post Section ========== */
.single-post-section {
	margin-top: 75px;
	color: #fff;
}
.single-post-section-title {
	margin-bottom: 40px;
	font-size: 20px;
	font-weight: 800;
	letter-spacing:  3px;
}

/* ========== Comment ========== */
.comment {
	margin-bottom: 25px;
}
.single-post-section .comment:last-child {
	margin-bottom: 0;
}
.comment-reply {
	margin: 0 0 40px 105px;
	border-top: 2px solid #fff;
	padding-top: 35px;
}
.comment-author-img {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 25px;
}
.comment-header {
	margin-bottom: 25px;
}
.comment-info {
	margin: 0;
}
.comment-info li {
	 margin-top: 10px;
	 font-weight: 600;
}
.comment-reply-button {
	height: 26px;
	float: right;
	margin: 0;
	padding: 0 12px;
	line-height: 26px;

	font-weight: 600;
	text-transform: uppercase;
	border: 2px solid #fff;
	-webkit-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	-moz-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	-o-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
}
.comment-reply-button:hover {
	color: #000;
	background: #fff;
}

/* ========== Leave Comment Form ========== */
.leave-comment-form p {
	width: 50%;
	float: left;
}
.leave-comment-form .textarea {
	width: 100%;
}
.leave-comment-form textarea {
	width: 96%;
	height: 130px;
	margin-bottom: 20px;
}

/* ========== Share ========== */
.share-this {
	color: #FFF;
}
.share-this p {
	font-size: 14px;
	font-weight: 800;
}
.share-this li {
	float: left;
	text-align: center;
}
.share-this a {
	display: block;
	width: 38px;
	height: 38px;
	margin: 0 9px 8px 0;
	font-size: 18px;
	line-height: 38px;
	border: 2px solid #fff;
	-webkit-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	-moz-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	-o-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
}
.share-this a:hover {
	color: #000;
	background: #fff;
}

/* ========== Sidebar ========== */
.sidebar {
	margin-top: -20px;
	color: #fff;
}

/* ========== Widget ========== */
.widget {
	margin-bottom: 40px;
	overflow: hidden;
}
.widget-title {
	margin-bottom: 16px;
	font-size:  18px;
	font-weight: 800;
	letter-spacing:  3px;
}
.sidebar .widget:last-child {
	margin-bottom: 0;
}

/* ========== Widget Lists ========== */
.widget ul,
.widget ol {
	margin-top: -6px;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 3px;
}
.widget li {
	padding: 8px 0 4px;
	border-bottom: 2px solid #aaa;
}
.widget li span {
	float: right;
}

/* ========== Widget Search Form ========== */
.search-form-widget input {
	width: 189px;
	height: 36px;
	float: left;
	margin: 0;
	padding-left: 6px;
}
.search-form-widget input[type="submit"] {
	width: 40px;
	background: #fff url(../images/icon-search.png) center no-repeat;
	cursor: pointer;
}

/* ========== Widget Recent Posts ========== */
.widget-recent-post {
	display: block;
	margin-bottom: 15px;
	padding: 11px 0 11px 14px;
	overflow: hidden;
	border: 2px solid #fff;
	-webkit-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	-moz-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	-o-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
}
.widget .widget-recent-post:last-child {
	margin-bottom: 0;
}
.widget-recent-post .fa {
	float: left;
	margin: 5px 14px 0 0;
	font-size: 24px;
}
.widget-recent-post-title {
	float: left;
	font-size: 14px;
	font-weight: 800;
}
.widget-recent-post span {
	float: left;
	clear: both;
	font-size: 12px;
}
.widget-recent-post:hover {
	color: #000;
	background: #fff;
}

/* ========== Widget Tags ========== */
.tagcloud a {
	float: left;
	margin: 0 11px 11px 0;
	padding: 5px 8px 4px;
	text-transform: uppercase;
	font-size: 14px;

	border: 2px solid #fff;
	-webkit-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	-moz-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	-o-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
}
.tagcloud a:hover {
	color: #000;
	background: #fff;
}

/* ======== Pagination ======== */
.pagination {
	margin-top: -10px;
	text-align: center;
	color: #fff;
	cursor: default;
}
.pagination li {
	display: inline-block;
	margin: 0 1px;
}
.pagination a {
	display: block;
	width: 34px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	border: 2px solid #fff;
	-webkit-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	-moz-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	-o-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
}
.pagination li.current a, .pagination a:hover {
	color: #000;
	background: #fff;
}

/* ========== Contact Us Form ========== */
.contact-us-form p {
	width: 50%;
	float: left;
}
.contact-us-form .textarea {
	width: 47%;
	float: right;
}
.contact-us-form textarea {
	height: 114px;
}

/* ========== Get In Touch ========== */
.get-in-touch {
	position: relative;
	margin: 60px 0 20px;
	color: #fff;
	text-align: center;
}
.get-in-touch-title {
	margin: 0 0 15px 8px;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 8px;
}
.get-in-touch p {
	margin: 0;
}
.get-in-touch-line {
	top: 42px;
}

/* ========== Page Footer ========== */
.page-footer {
	text-align: center;
	text-transform: uppercase;
}
.page-footer p {
	margin-left: 2px;
	letter-spacing: 2px;

}
.page-footer .copyright {
	margin-left: 4px;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 4px;
}

/* ========== Follow Us ========== */
.follow-us {
	margin: 38px 0 52px;
	text-align: center;
	cursor: default;
}
.follow-us li {
	display: inline-block;
}
.follow-us a {
	display: block;
	width: 38px;
	height: 38px;
	margin: 0 2px 8px;
	font-size: 18px;
	line-height: 38px;
	border: 2px solid #000;
	-webkit-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	-moz-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	-o-transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
	transition: color 180ms ease-out 10ms, background 180ms ease-out 10ms;
}
.follow-us a:hover {
	color: #fff;
	background: #000;
}

/* ======== Notification Boxes ======== */
.notification {
	width: 80%;
	position: relative;
	margin: 0 auto 30px;
	padding: 16px 22px 16px 18px;
	color: #000;

}
.notification span {
	position: absolute;
	top: 11px;
	right: 15px;
	padding: 3px;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}
.success {
	background: #A3D900;
}
.error {
	background: #CC0000;
}
.notice {
	background: #20A6FF;
}
.warning {
	background: #FF8D1C;
}

/* ========== Page Footer ========== */
.page-404 {
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	color: #fff;
	background: #000;
}
.page-404-content {
	position: relative;
	top: 50%;
	margin: 0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.page-404-content span {
	display: block;
	margin-bottom: 100px;
	font-size: 70px;
	font-weight: 800;
}

/* ========== Grid.html ========== */
.just-for-example {
	height: 25px;
	text-align: center;
	line-height: 25px;
	background: #fff;
}

/* ========== Predefined Rules ========== */
.d-i-block       { display: inline-block; }
.d-inline        { display: inline; }
.d-block         { display: block; }
.d-table         { display: table; }
.p-fixed         { position: fixed; }
.p-absolute      { position: absolute; }
.p-relative      { position: relative; }
.p-static        { position: static; }
.f-left          { float: left; }
.f-right         { float: right; }
.f-none			 { float: none; }
.r-t-margin      { margin-top: 0; }
.r-b-margin      { margin-bottom: 0; }
.r-margins       { margin: 0; }
.margin-auto     { margin-left: auto;
				   margin-right: auto; }
.r-t-padding     { padding-top: 0; }
.r-b-padding     { padding-bottom: 0; }
.r-paddings      { padding: 0; }
.of-hidden       { overflow: hidden; }
.of-scroll       { overflow-y: scroll; }
.txt-uppercase   { text-transform: uppercase; }
.txt-center      { text-align: center; }
.txt-left        { text-align: left; }
.txt-right       { text-align: right; }
.txt-white       { color: #fff; }
.txt-black       { color: #000; }
.bg-white        { background: #fff; }
.bg-white-dark   { background: #ddd; }
.bg-gray		 { background: #666666; }
.bg-gray-light   { background: #e0e0e0; }
.bg-gray-light-2 { background: #999; }
.bg-black        { background: #000; }
.bg-blue        { background: #1e6d92; }
.bg-gold        { background: #b9974b; }
.bg-darkblue        { background: #0b435d; }
.bg-darkblue-2       { background: #114d69; }
.bg-sand        { background: #897043; }


/* ========== Cookieinfo ========== */
#cookiedingsbums a {color:#fff; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:180px;}

#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #b9974b; 
   position:fixed;
   bottom:0px;
   z-index:10000; 
   width:100%; 
   font-size:14px; 
   line-height:16px;
   color:#fff;
   }
   
   .cookiedingsbums-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	opacity: .7;
	background: rgba(0,75,110,.7);
	-webkit-transition: visibility 180ms ease-out, opacity 180ms ease-out;
	-moz-transition: visibility 180ms ease-out, opacity 180ms ease-out;
	-o-transition: visibility 180ms ease-out, opacity 180ms ease-out;
	transition: visibility 180ms ease-out, opacity 180ms ease-out;
}

#cookiedingsbumsCloser {
   color: #fff;
   font: 14px/100% 'Titillium Web', sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   bottom: 20px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #b9974b; 

 }

#cookiedingsbumsCloser:hover {background: #fff; color: #b9974b; border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}