/*
*   Denizli (HTML)
*   Copyright 2019, Royalz Store
*   www.royalz.store
*/

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

html { 
  font-size: 62.5%; 
} 

body {
	border: 0px;
	color: #999999;
	font-family: "Aileron", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
  margin: 0px;
  padding: 0px;
  background:#0d0f16;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 { 
  font-family: "Aileron";
  font-weight: 400;
  letter-spacing: 0.1em !important;
  margin-bottom: 2rem;
  margin-top: 0;
}

h1 { font-size: 3.6rem; line-height: 1.1; letter-spacing: -.1rem;}
h2 { font-size: 3.2rem; line-height: 1.1; letter-spacing: -.1rem;}
h3 { font-size: 2.7rem; line-height: 1.1; letter-spacing: -.1rem;}
h4 { font-size: 1.8rem; line-height: 1.1; letter-spacing: -.08rem;}
h5 { font-size: 1.6rem; line-height: 1.1; letter-spacing: -.05rem;}
h6 { font-size: 1.3rem; line-height: 1.1; letter-spacing: 0;}

p {
  margin-top: 0;
  
}


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a { 
  color: inherit;
  text-decoration: none;
}

a:hover { 
  text-decoration: none;
}

a.link { 
  border-bottom: 1px solid #000000;
  color: #000000;
  display: inline-block;
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1em;
  padding: 0px 10px 0px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a.link:hover { 
  opacity: 0.5;
}


/* Buttons 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  background-color: transparent;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #bbb;
  height: 38px;
  line-height: 38px;
  padding: 0 30px;
  letter-spacing: .1rem;
  text-transform: uppercase; 
  white-space: nowrap;
  box-sizing: border-box; 
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  border-color: #888;
  color: #333;
  outline: 0; 
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="search"],
input[type="text"],
input[type="password"],
textarea,
select {
  background: transparent; 
  color: #9f9f9f;
  border: 1px solid #e1e1e1;
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1em;
  height: 45px;
  padding: 10px 17px;
  text-transform: uppercase;
}

input[type="email"],
input[type="search"],
input[type="text"],
textarea { 
  border-radius: 0;
  -webkit-appearance: none; 
  -moz-appearance: none; 
  appearance: none; 
  resize: none; 
}

textarea { 
  min-height: 65px; 
  padding-bottom: 6px; 
  padding-top: 6px; 
}

input[type="email"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus, 
select:focus { 
  border: 1px solid #000000; 
  color: #000000;
  outline: 0; 
}

label, legend { 
  display: block; 
  font-weight: 600; 
  margin-bottom: .5rem; 
}

fieldset { 
  border-width: 0; 
  padding: 0; 
}

input[type="checkbox"], input[type="radio"] { display: inline; }

label > .label-body { display: inline-block; font-weight: normal; margin-left: .5rem; }

::-webkit-input-placeholder {
   color: #9f9f9f;
}

:-moz-placeholder {
   color: #9f9f9f; 
}

::-moz-placeholder {
   color: #9f9f9f;
}

:-ms-input-placeholder {  
   color: #9f9f9f; 
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul { list-style: circle inside; }
ol { list-style: decimal inside; }
ol, ul { margin-top: 0; padding-left: 0; }
ul ul, 
ul ol,
ol ol, 
ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; }
li { margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
	padding: .2rem .5rem;
	margin: 0 .2rem;
	font-size: 90%;
	background: #F1F1F1;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	white-space: nowrap; 
}
pre > code {
	display: block;
	padding: 1rem 1.5rem;
	white-space: pre; 
}


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; }
th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button, .button { margin-bottom: 1rem; }
input, textarea, select, fieldset { margin-bottom: 1.5rem; }
pre, blockquote, form, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; }
p { margin-top: 0; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width { width: 100%; box-sizing: border-box; }
.u-max-full-width { max-width: 100%; box-sizing: border-box; }
.u-pull-right { float: right; }
.u-pull-left { float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	border-top: 1px solid #E1E1E1;
	border-width: 0;
	margin-top: 3rem;
	margin-bottom: 3.5rem;
}

.aligncenter { text-align: center; }

.alignleft { text-align: left; }

.alignright { text-align: right; }

.floatleft { float: left; }

.floatright { float: right; }

.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf { content: ""; display: table; clear: both; }

/* #Loader
================================================== */

.loader {
  background-color: #0d0f16;
  background-image: url(../img/misc/ajax-loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  bottom: 0px;
  left: 0px;
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 9999;
}

/* #Custom
================================================== */

section {
  background-attachment: scroll;
  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.wrapper {  
  opacity: 0;
  position: relative;
  width: 100%;
}

.offset { padding: 100px 0px; }

.overlay {

  bottom: 0px;
  left: 0px;
  padding-top: 0px !important;
  position: absolute !important;
  right: 0px;
  top: 0px;
}

.overlay.dark { background: rgba(23,25,30,0.9); opacity: 0.6; }

.overlay.light { background: rgba(255,255,255,0.75); }

.overlay.transparent { background: transparent !important; }

.cover {
  background-color: #111111;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  position: relative;
}

/* #FlexSlider
================================================== */

.flex-direction-nav a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px 29px;
    color: transparent;
    text-shadow: none !important;
    text-indent: 9999px;
}

.flex-direction-nav .flex-prev {
    background-image: url(../img/misc/navigate-left.png);
    left: -75px !important;
}

.flex-direction-nav .flex-next {
    background-image: url(../img/misc/navigate-right.png);
    right: -75px !important;
}

.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0.2;
}

.flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover {
  opacity: 1;
}


/* #MFP
================================================== */
  
.mfp-bg {
  background-color: #000000 !important;
  opacity: 0.9 !important;
}

.mfp-arrow-right {
  background-image: url(../img/misc/navigate-right-light.png) !important;
}

.mfp-arrow-right:before {
  border: none !important;
  opacity: .4 !important;
}

.mfp-arrow-right:after {
  border: none !important;
}

.mfp-arrow-left {
  background-image: url(../img/misc/navigate-left-light.png) !important;
}

.mfp-arrow-left:before {
  border: none !important;
  opacity: .4 !important;
}

.mfp-arrow-left:after {
  border: none !important;
}

.mfp-arrow-left, .mfp-arrow-right {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 14px 29px !important;
  opacity: .4 !important;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.mfp-arrow-left:hover, .mfp-arrow-right:hover {
  opacity: .6 !important;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
  background-image: url(../img/misc/navigate-close-light.png) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 34px 34px !important;
  cursor: pointer !important;
  color: transparent !important;
  height: 34px !important;
  position: fixed !important;
  right: 25px !important;
  top: 25px !important;
  width: 34px !important;
}

img.mfp-img {
  padding: 100px 0px !important;
}

.mfp-bottom-bar {
  display: none !important;
}

.mfp-figure:after {
  box-shadow: none !important;
  background: transparent; !important;
}