/*Version: 1.0*/

/*STYLES ELEMENTS
01. GENERAL & BASIC STYLES
02. HEADER & NAVIGATION 
03. SLIDER
04. CONTENT
05. FOOTER

/* ==========================================================================
01. GENERAL & BASIC STYLES
========================================================================== */


html {
	width: 100%;
	height: 100%;
}
/* Reset */

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: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {	
	font:normal 14px/21px 'Open Sans', sans-serif;
	color:#372114;
	position:relative;
	line-height: 1;
}
body a:focus {
	outline:none;
	text-decoration:none;
}
a:focus {
	color:inherit;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

textarea {
	resize:none;
}
input, textarea, select{ border: 1px solid #dfdfdf; letter-spacing: 1px; font-size: 11px;  padding: 8px 15px; width: 100%; margin: 0 0 20px 0; text-transform: uppercase; max-width: 100%; resize: none;}
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none;  border-radius: 0; }
input:focus, textarea:focus{ border: 1px solid #fff; }
input[type="submit"]:focus { border:none !important}
input#login-submit[type="submit"]:focus { border:1px solid #fff !important}
select::-ms-expand{ display:none; }
textarea:focus, input:focus{
    outline: none;
}
b, strong {
	font-weight: bold;
}
img {
	border: 0 none;
	width:100%;
}
img.left {float: left; margin: 0 25px 15px 0; }
img.right {float: right; margin: 0 0 15px 25px; }
::selection {
 background: #ed3237;
 color: #000000;
 text-shadow: none;
}
::-moz-selection {
 background: #ed3237;
 color: #000000;
 text-shadow: none;
}
/* Box Model */

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

/*@font-face {
  font-family: Poppins-Regular;
  src: url('../fonts/poppins/Poppins-Regular.ttf'); 
}

@font-face {
  font-family: Poppins-Bold;
  src: url('../fonts/poppins/Poppins-Bold.ttf'); 
}

@font-face {
  font-family: Poppins-Medium;
  src: url('../fonts/poppins/Poppins-Medium.ttf'); 
}

@font-face {
  font-family: Montserrat-Bold;
  src: url('../fonts/montserrat/Montserrat-Bold.ttf'); 
}*/
/*-Link Style-*/

a {
	text-decoration: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	color:#615089;
}
a:hover {
	text-decoration: none;
	color: #987fd2;
}
body {
	background: #fafafa;
	margin:0;
	padding:0;
}

#wraper {
	max-width:100%;
	overflow:hidden;
	margin:0 auto;
}
.container {
	position: relative;
	max-width: 1170px;
	margin:0 auto;
}
.clear {
	margin:0;
	padding:0;
	clear:both;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.mask {
	/*background:url(../images/page0/back.jpg) no-repeat center top;*/
	background:#fafafa;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100000;
	top: 0;
	left: 0;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
/*.mask .loader-logo {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 115px;
	width: 200px;
}*/
#loader {
	background: url(../images/ajax-loader.gif) center center no-repeat;
	height:15px;
	width:128px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.btn {  background: #eeeeee; padding: 5px 14px; text-decoration: none; font-size:14px; line-height:21px; margin:0; text-align:center; color:#B3742D; font-family:'Open Sans', sans-serif; font-weight:300; cursor:pointer;}
.btn:hover { background: #fff; color:#1a1a1a;}

/* heading */
h1, h2, h3, h4, h5 { text-transform: uppercase; margin:0; padding:0; color: #000; }
h1 { font-weight:700; line-height: 45px}
h2 { font-size:24px; font-weight:400; letter-spacing:inherit; line-height: 30px}
h3 { font-size:14px; letter-spacing:inherit; font-weight:700; }
h4 { letter-spacing: 0px; font-weight:400; text-transform:none; font-size:16px; line-height: 26px}
h5 { letter-spacing: 2px; font-weight:600; font-size:11px}
h6 { font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-size: 13px; font-weight: 400; line-height: 20px}

/* section title */
.section-title{ text-transform: uppercase; font-weight: 700; font-size: 20px; letter-spacing: 2px; padding: 0 0 100px 0;}
.tab-content .section-title { border: medium none; font-size: 40px; font-weight: 100; text-transform: none; margin:2% 0 0; padding:0}
.title-gray{ border:1px solid #b5b5b5; color:#b5b5b5}
.title-white{ border:1px solid #ffffff; color:#ffffff}
h1.big { color:#ffffff; font-size:65px; font-weight:600; line-height:76px; margin-bottom:0px;}
h1.title { font-size:50px; font-weight:700; line-height:60px; margin-bottom:0px; display: inline-block;}
span.underline-bg { display: table; height: 2px; width: 100%; position: relative; top: -28px; z-index:2}
h1.big span { font-weight:300;}
.banner-content { font-size:18px; line-height:28px;}
h1.page-title { margin:95px auto 0; width: 100%; }
.highlight-title { font-family:'Oswald', sans-serif; font-weight:100; color:#000; font-size:65px; letter-spacing:0;}
.highlight-title span { font-weight:600}
.work-process-title{font-size: 12px; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; color: #000; }

/* different text size */
.text-small { font-size:11px !important; line-height:15px !important;}
.text-med{ font-size:14px !important; line-height:26px !important;}
.text-large { font-size: 15px !important; text-transform: uppercase; line-height: 24px !important; letter-spacing: 2px !important;}
.text-extra-large { font-size: 16px !important; line-height: 28px !important; font-weight: 100; }
.text-extra-large strong { letter-spacing: 3px}
.text-extra-large-normal { font-weight: normal !important;}
.title-small{ font-size:20px !important; line-height:30px !important;}
.title-med{ font-size:24px !important; line-height:34px !important;}
.title-large{ font-size:28px !important; line-height:41px !important;}
.title-extra-large{ font-size:35px !important; line-height:43px !important;}

/* text color */
.white-text{ color:#FFF !important} 
.magenta-text{ color:#d94378 !important}
.orange-text{ color:#ff513b !important}
.orange-light-text{ color:#ef824c !important}
.deep-red-text{ color:#e75e50 !important}
.black-text{ color:#000 !important}
.yellow-text{ color:#e6af2a !important}
.yellow-light-text{color: #ffd200 !important}
.fast-yellow-text{ color:#f7d23d !important}
.pink-text{ color:#d9378e !important}
.light-gray-text{ color: #ababab !important}
.deep-gray-text { color: #464646 !important; }
.deep-light-gray-text { color: #878787 !important; }
.gray-text {  color:#7f7f7f !important}
.dark-gray-text { color:#373737 !important}
.jb-text { color:#615089 !important;}

/* letter spacing */
.no-letter-spacing { letter-spacing: 0px !important}
.letter-spacing-1 { letter-spacing:1px !important}
.letter-spacing-2 { letter-spacing:2px !important}
.letter-spacing-3 { letter-spacing:3px !important}
.letter-spacing-4 { letter-spacing:4px !important}
.letter-spacing-5 { letter-spacing:5px !important}
.letter-spacing-6 { letter-spacing:6px !important}
.letter-spacing-7 { letter-spacing:7px !important}
.letter-spacing-8 { letter-spacing:8px !important}
.letter-spacing-9 { letter-spacing:9px !important}
.letter-spacing-10 { letter-spacing:10px !important}

/* font weight */
.font-weight-100 { font-weight:100 !important}
.font-weight-300 { font-weight:300 !important}
.font-weight-400 { font-weight:400 !important}
.font-weight-600 { font-weight:600 !important}
.font-weight-700 { font-weight:700 !important}
.font-weight-800 { font-weight:800 !important}

/* text property */

.text-transform-unset { text-transform:unset !important}
.text-decoration-underline { text-decoration:underline !important; }
.word-wrap { word-wrap: break-word}
.text-transform-none {text-transform:none !important}
.text-transform-uppercase {text-transform: uppercase !important}

.font-italic { font-style:italic;}

/* list */
.flat-list { list-style:inside disc; margin: 0 0 0 25px}
.flat-list li { padding:5px 0}
.flat-list li.active { font-weight:600; color:#000}
.flat-list li.active ul { font-weight: normal; color: #575757}
.flat-list li ul { padding:5px 0 0 15px;}
.flat-list li i { margin:0 10px 0 0}
.flat-list-icon { list-style:none}
.list-inline li { display: inline-block; padding: 0 18px;}
.list-line li {border-bottom:1px solid rgba(0,0,0,.1); padding:7px 0}
.list-line li:last-child {border-bottom: none}
.list-line li span {min-width:130px; display:inline-block}

/* ===================================
    Background color
====================================== */

.bg-white{ background: #fff !important;}
.bg-yellow{ background: #e6af2a !important; }
.bg-deep-yellow{ background: #f7f5e7 !important; }
.bg-golden-yellow{ background: #c3bd86 !important; }
.bg-fast-yellow{ background: #fdd947 !important; }
.bg-dark-gray{ background: #252525 !important; }
.bg-dark-jb{ background: #615089 !important; }
.bg-mid-gray{ background: #d4d4d4 !important; }
.bg-black{ background: #000000 !important; }
.bg-highlight{ background: #345b8f !important; text-align:center}
.bg-green{ background: #70bd5b !important; }
.bg-gray-light { background-color: #fcfcfc !important;}
.bg-gray {background-color: #f6f6f6 !important;}
.bg-yellow-ochre { background-color: #997546 !important;}
.bg-deep-brown{ background-color: #544441 !important;}
.bg-transparent { background:transparent !important}
.bg-orange { background:#c24742 !important;}
.bg-deep-orange { background:#f15a22 !important;}
.bg-fast-orange { background:#ff513b !important;}
.bg-pink { background:#c2345f !important}
.bg-deep-red { background:#e75e50 !important}
.bg-deep-pink { background:#e53878 !important}
.bg-light-pink { background:#dc378e !important}
.bg-fast-pink { background:#ff1a56 !important}
.bg-magenta { background:#d94378 !important }
.bg-light-yellow {background:#f8f7f5 !important}
.bg-dark-green{ background:#60a532 !important;}
.bg-dark-blue { background:#3273a5 !important;}
.bg-violet { background:#6c407e !important}
.dark-section{ color: #939393 !important}
.bg-light-gray { background-color: #f8f7f7 !important; }
.bg-slider {background: rgba(27, 22, 28, 0.9)}
.parallax-gray-bg{ background: rgba(246,246,246,1)}
.bg-light-orange { background-color: #ef824c !important;}
.bg-inherit { background-color: inherit !important;}

/* opacity */
.opacity-light{ position: absolute; height: 100%; width: 100%; opacity: 0.5; z-index: 1; top:0; left: 0 }
.opacity-medium{ position: absolute; height: 100%; width: 100%; opacity: 0.7; z-index: 1; top:0; left: 0 }
.opacity-full{ position: absolute; height: 100%; width: 100%; opacity: 0.8; z-index: 1; top:0; left: 0 }


/* margin */
.margin-one{ margin-top:1% !important; margin-bottom:1% !important}
.margin-two{ margin-top:2% !important; margin-bottom:2% !important}
.margin-three{ margin-top:3% !important; margin-bottom:3% !important}
.margin-four{ margin-top:4% !important; margin-bottom:4% !important}
.margin-five{ margin-top:5% !important; margin-bottom:5% !important}
.margin-six{ margin-top:5% !important; margin-bottom:0 !important }
.margin-seven{ margin-top:7.8% !important; margin-bottom:5% !important}
.margin-eight {margin-top:8% !important; margin-bottom:8% !important}
.margin-nine {margin-top:9% !important; margin-bottom:9% !important}
.margin-ten{ margin-top:10% !important; margin-bottom:10% !important}
.margin-eleven{ margin-top:22% !important; margin-bottom:22% !important}
.margin-right-four{margin-right:4% !important}
.margin-right-five{margin-right:5% !important}
.margin-right-six{margin-right:6% !important}
.margin-right-seven{margin-right:7% !important}
.margin-right-eight{margin-right:8% !important}
.margin-right-nine{margin-right:9% !important}
.margin-right-ten{margin-right:10% !important}
.margin-top-section { margin-top:96px;}
.margin-left-right-one { margin-right:6% !important; margin-left:6% !important}
.margin-two-bottom { margin-bottom: 2% !important; }
.margin-three-bottom { margin-bottom: 3% !important; }
.margin-four-bottom { margin-bottom: 4% !important; }
.margin-five-bottom { margin-bottom: 5% !important; }
.margin-six-bottom { margin-bottom: 6% !important; }
.margin-seven-bottom { margin-bottom: 7% !important; }
.margin-ten-bottom { margin-bottom: 10% !important; }
.no-margin{ margin:0 !important}
.no-margin-lr{ margin-left: 0 !important; margin-right: 0 !important}
.no-margin-top{ margin-top:0 !important}
.no-margin-bottom{ margin-bottom:0 !important}
.no-margin-left{ margin-left:0 !important}
.no-margin-right{ margin-right:0 !important}
.margin-bottom{ margin-bottom:60px}

/* padding */
.padding-one { padding-top:1% !important; padding-bottom:1% !important}
.padding-two { padding-top:2% !important; padding-bottom:2% !important}
.padding-three { padding-top:3% !important; padding-bottom:3% !important}
.padding-four { padding-top:4% !important; padding-bottom:4% !important}
.padding-five { padding-top:5% !important; padding-bottom:5% !important}
.padding-six { padding-top:3% !important; padding-left:3% !important; padding-right:3% !important;}
.padding-seven { padding:6%} 
.padding-eight { padding-top:20%; padding-bottom: 20%}
.padding-nine { padding:6% 0} 
.padding-twenty-nine{ padding:15% !important}
.padding-left-right { padding-right:6% !important; padding-left:6% !important;}
.padding-left-three { padding-left:3% !important;}
.padding-right-three { padding-right:3% !important;}
.padding-two-bottom { padding-bottom: 2% !important; }
.padding-left-right-px { padding: 0 15px;}
.no-padding-left-right { padding-left:0 !important; padding-right:0 !important}
.no-padding-section { padding:0px !important;}
.no-padding-right { padding-right:0px !important;}
.no-padding-top { padding-top:0 !important}
.no-padding{padding:0 !important}
.no-padding-left { padding-left:0px !important;}
.no-padding-bottom { padding-bottom:0 !important}
.section-padding-inner{ padding: 140px 0}

/* float */
.f-left { float:left !important}
.f-right{ float:right !important}
.no-float { float:none !important;}

.center-col {  float: none !important;  margin-left: auto !important; margin-right: auto !important;}

/* other col size */
.col-large {width:90%;}
.col-medium {width:85%;}
.col-small{ width:75%;}
.col-extra-small{ width:70%; }

/* display */
.display-block { display: block !important}
.overflow-hidden{ overflow: hidden !important}
.overflow-hidden-mobile{ position:fixed !important; overflow: hidden !important}
.display-inline-block { display: inline-block !important}
.display-inline { display: inline !important}
.display-none { display: none !important}
.display-table { display: table !important}

/* position */
.position-relative{ position: relative !important; z-index: 5 }
.position-absolute {position: absolute !important;}
.position-right { right:0 !important; }
.position-right-10 { right:10px !important; }
.position-left { left:0 !important; }
.position-top { top:0 !important; }

/* width */
.width { display: inline-block; position: relative; width: 90%; }
.width-20 { width:20% !important;}
.width-30 { width:30% !important;}
.width-40 { width:40% !important;}
.width-50 { width:50% !important;}
.width-60 { width:60% !important;}
.width-70 { width:70% !important;}
.width-80 { width:80% !important;}
.width-90 { width:90% !important;}
.width-100 { width:100% !important;}
.width-auto { width: auto !important}

/* height */
.height-100 { height: 100% !important}
.height-auto { height:auto !important}

.fix-background{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; background-attachment: fixed !important}
.cover-background{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit !important}

.text-left { text-align: left !important;}
.text-right { text-align: right !important;}
.text-center { text-align: center !important;}
.text-justify { text-align: justify;}

/* buttons */
.btn {display: inline-block;  margin-right: 20px; letter-spacing: 2px; border:1px solid transparent }
.btn-round { border-radius:4px !important}
.btn i { margin-right:5px}
.btn.btn-large i { font-size: 24px;}

.button { margin-top:0; margin-bottom: 0}
.btn.btn-large { font-size: 18px; padding: 18px 35px;}
.btn.btn-medium { font-size: 14px; padding: 10px 22px;}
.btn.btn-small { font-size: 11px; padding: 2px 14px; letter-spacing:1px}
.btn.btn-very-small {font-size: 9px; padding: 1px 12px; letter-spacing:1px}

.highlight-button { border:2px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#000; background-color: transparent;   }
.highlight-button:hover { background-color: #000; border: 2px solid #000; color:#fff}
.highlight-button i { color: #000}
.highlight-button:hover i {color:#fff}

.highlight-button-dark { border:2px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#fff; background-color: #000;  }
.highlight-button-dark:hover { background-color: transparent; border: 2px solid #000; color:#000}
.highlight-button-dark i { color: #fff}
.highlight-button-dark:hover i {color:#000}

.btn-small-white-background { font-size: 11px; letter-spacing: 2px; padding: 6px 23px; color: #000; margin-right: 25px; background:#fff; border: 2px solid #fff }
.btn-small-white-background:hover { background:transparent; border: 2px solid #fff; color: #fff; }
.btn-small-white-background i { color: #000}
.btn-small-white-background:hover i { color: #fff}

.btn-small-white { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #fff; color: #fff;}
.btn-small-white:hover { background-color: #FFF; color: #000}

.btn-small-white-dark { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #fff; color: #000; background:#fff}
.btn-small-white-dark:hover { background-color:transparent; color: #fff; border: 2px solid #fff}

.btn-very-small-white { font-size: 9px; letter-spacing: 2px; padding: 2px 15px; border: 1px solid #fff; color: #fff;}
.btn-very-small-white:hover { background-color: #FFF; color: #000}

.btn-black{ border: 2px solid #000; color: #fff; display: inline-block; background-color: #000; padding: 7px 20px 8px; width: auto;}
.btn-black:hover {border: 2px solid #000; color: #000; background-color: transparent}

.highlight-button-black-border{ border: 4px solid #000; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #000; font-weight: 700}
.highlight-button-black-border:hover { border: 4px solid #000; background-color: #000; color: #fff}

.highlight-button-orange-border{ border: 5px solid #ef824c !important; background-color: transparent; font-size: 16px;  letter-spacing: 0 !important; padding: 10px 30px; color: #000; font-weight: 700}
.highlight-button-orange-border:hover {border: 5px solid #ef824c; background-color: #ef824c; color: #fff;}

.highlight-button-white-border{ border: 4px solid #fff; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #fff; font-weight: 700}
.highlight-button-white-border:hover { border: 4px solid #fff; background-color: #fff; color: #000}

.highlight-button-black-background{ border: 4px solid #000; background-color: #000; font-size: 20px; padding: 20px 30px; color: #fff; font-weight: 700}
.highlight-button-black-background:hover { border: 4px solid #000; background-color: #fff; color: #000}

.btn-small-black-background { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #000; color: #fff; background-color: #000 }
.btn-small-black-background:hover { background-color:transparent; color: #000; border: 2px solid #000}
.btn-small-black-border-light { font-size: 10px; letter-spacing: 3px; padding: 6px 25px; border: 1px solid #000; color: #000; }
.btn-small-black-border-light:hover { background-color: #000; color: #fff}
.btn-light-black{ border: 2px solid #000; color: #000; background-color: transparent}
.btn-light-black:hover {border: 2px solid #000; background-color: #000; color: #fff}

.button-desc { font-size:30px !important; line-height: 35px; font-family: 'Open Sans', sans-serif; font-weight: 600}
.button-desc span { display: block; font-size: 18px; font-weight: 400 }

.button-3d { border-bottom:2px solid rgba(0,0,0,0.2) !important;}

/* reveal button */
.button-reveal { overflow:hidden; position: relative; transition: all 200ms linear 0s; border: 2px solid #000; font-size:16px;}
.button-reveal i { position:absolute; left:-25px; top: 30%; color: #000; font-size: 20px;}
.button-reveal span {padding: 0 45px; display: block; line-height:54px}
.button-reveal:hover span { padding: 0 30px 0 60px; transition: all 200ms linear 0s; color: #000 }
.button-reveal:hover i { left:25px}
.btn.btn-large.button-reveal { padding: 0}

.button-reveal-black { background-color: #000; color: #fff}
.button-reveal-black span { color: #fff}
.button-reveal-black i { color: #fff}
.button-reveal-black:hover span { color: #fff}

/* ===================================
    Border
====================================== */

.white-round-border { border-radius: 50%; border: 1px solid #fff;}
.border-black{ border:1px solid #000}
.border-thick{ border-width:4px !important }
.border-white { border:1px solid #FFF}
.border-top { border-top: 1px solid #e5e5e5; }
.border { border: 1px solid #e5e5e5;  }
.border-right { border-right: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.border-left { border-left: 4px solid #fff; }
.border-color-black { border-color: #000 !important}
.border-color-white { border-color: #fff !important}
.border-gray { border-color:#d7d7d7 !important}
.border-color-orange { border-color:#ff513b !important}
.no-border { border:none !important}
.border-top-light { border-top: 1px solid rgba(0, 0, 0, 0.1);}
.border-bottom-light { border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.border-transperent-light { border-color:rgba(255,255,255,.25) !important}
.no-border-round {border-radius:0 !important}


/* forms controls */
.input-round { border-radius:4px !important }
.big-input, .big-textarea, .big-select { padding: 12px 25px 11px; border:1px solid rgba(0,0,0,.2);}
.big-label {font-size:14px; letter-spacing:2px;}

/* only ie7, ie9, ie10, ie11 */
@media screen\0 { .big-input, .big-textarea, .big-select { /* ie7, ie9, ie10, ie11+ only */ padding-bottom: 20px; } }

.med-input, .med-textarea, .med-select { padding: 10px 15px; border:1px solid rgba(0,0,0,.2); border-radius:4px}
.med-input.select-style select { padding: 14px 15px}
.med-input.select-style { margin:0 0 20px }

.select-style { padding: 0; margin: 0; border: 1px solid #ccc; width: 100%; overflow: hidden; background-color: #fff; margin: 0 0 40px;  background: #fff url("../images/select-arrow.png") no-repeat 97% 50%; }
.select-style select { padding: 16px 15px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  cursor: pointer; font-size:11px; text-transform: uppercase; letter-spacing:1px; margin-bottom:0; color:#999999 }
.select-style select:focus { outline: none; border: none; box-shadow: none }

label { display: inline-block; max-width: 100%; margin-bottom: 10px;}
#contact-us textarea { min-height: 102px}
#contact-us .btn { margin:0}
.required { font-size:11px; display:block; text-transform: uppercase; letter-spacing: 1px}

/* ===================================
    Icon
====================================== */

i { /*color: #9a9a9a;*/ margin: 0 3px}
.extra-large-icon {font-size:50px !important;}
.large-icon {font-size:40px !important;}
.medium-icon { font-size:30px !important; margin-bottom: 15px !important; }
.small-icon { font-size:16px !important;}
.extra-small-icon { font-size:13px !important;}

/* =========================================================================
02. HEADER & NAVIGATION 
========================================================================== */
body.login-wrap {background: url(../../assets/images/product-bg.jpg) repeat;}
.header {padding: 5px 0; position: relative; border-bottom: 2px solid #5f6b79;   background-color: #fff;
    background-image: -webkit-linear-gradient(top,#fff,#e9e8e8);
    background-image: -moz-linear-gradient(top,#fff,#e9e8e8);
    background-image: -o-linear-gradient(top,#fff,#e9e8e8);
    background-image: -ms-linear-gradient(top,#fff,#e9e8e8);
    background-image: linear-gradient(top,#fff,#e9e8e8);
	top: 0; width: 100%; z-index: 9;
	}
.login-wrap .header { background-color: transparent; background-image: none; border:0; position: fixed; }
.header .logo { float:left; width:120px; }
.header .logo img{ width:100%;}
.login-wrap .header .logo{ margin-top: 25px; margin-left: 10px; width: 220px;}
.navbar_wrap {  padding:5px 0; margin:0; float: right;}
.login-wrap .navbar_wrap { display: none; }
#primary_nav_wrap ul{list-style:none; position:relative; float:left; margin:0; padding:0; }
#primary_nav_wrap ul a{display:block; color:#333; text-decoration:none; font-weight:400; font-size:13px; line-height:30px; padding:0 10px; text-transform:uppercase; }
#primary_nav_wrap ul li{ position:relative; float:left;	margin:0 8px; padding:0; }
#primary_nav_wrap ul li.active, #primary_nav_wrap ul li:hover{ color:#18478b;}
#primary_nav_wrap ul li.active a, #primary_nav_wrap ul li:hover a { color:#18478b;}
#primary_nav_wrap ul ul{ display:none; position:absolute; top:30px; left:0;  padding:5px 0 0; width:200px; z-index:99;}
#primary_nav_wrap ul ul li{ float:none; width:100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background:rgba(97, 80, 137, 0.8); margin:0;}
#primary_nav_wrap ul ul a{ line-height:120%; padding:8px 15px; font-size:14px; text-transform:capitalize;}
#primary_nav_wrap ul ul ul{ top:0; left:100%; padding:0;}
#primary_nav_wrap ul li:hover > ul{display:block;}
#primary_nav_wrap ul li:hover > ul li:hover { background:#987fd2;}
#primary_nav_wrap ul li:hover > ul li a { color:#fff;} 
#primary_nav_wrap ul li:hover > ul li:hover a { color:#fff;}
#primary_nav_wrap ul li .sf-sub-indicator { position: relative; width: 9px; height: 6px; background: url(../images/indicator1.png) no-repeat 0 0;
    /* left: 50%; */ bottom: 3px; margin-left: 5px; display: inline-block; }
#primary_nav_wrap ul li.active > a .sf-sub-indicator, #primary_nav_wrap ul li:hover > a .sf-sub-indicator { background-position: 0 bottom;}


.mobilemenu_wrap { display:none;  /*background: url(../images/mobilemenu_bg.jpg) repeat-x left center;*/ box-sizing: border-box; color: #666; font-size: 13px; height: 30px; line-height: 30px; padding: 0 50px; width: auto; position: absolute; top: 0; left:0; z-index: 999;}
.mobilemenu_wrap a {background: url(../images/mobilemenu.png) no-repeat left center; display: block; height: 30px; left: 0; position: absolute; top: 0; width: 30px; color: #fff;text-decoration: none; padding-left: 35px;}
#mobilemenu { display:none;}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 
{ float: left; padding-left: 15px; padding-left: 15px; }

.page-wrap {background-image: url(../images/product-bg.jpg);  background-repeat: repeat;  width: 100%;}
/*.page-wrap {background-image: url(../images/pagewrap-bg.jpg);  background-size: cover;  background-repeat: no-repeat;  width: 100%;}*/
/* =========================================================================
03. SLIDER
========================================================================== */

/* =========================================================================
04. CONTENT
========================================================================== */
.content { padding:5px 0 15px !important; margin:0;}
.content .text { padding: 15px 0; }
.content .text p { font-size:13px; line-height:19px; margin:0 0 10px; text-align:justify;} 
.content .text li {font-size:13px; line-height:21px; margin:0 0 5px;}
.content .text img{border: 5px solid #FFFFFF; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);}
.content .entry_title h2 { font-size: 24px; line-height: 40px; color: #b3742d; padding:0 0 5px; font-weight: 300; margin: 0 0 15px; text-transform: uppercase; }
.loginpage {padding: 0; position: relative; background-image: url(../../assets/images/login-slide/slide-bg.png); background-size: cover; /*background-color: #000;*/ /*background-image: url(../images/login-bg.jpg); background-size: cover;*/ height: 100vh;}
.features-section { width: 100%; transition-duration: 1s;
	-moz-transition-duration: 1s; /* Firefox 4 */
	-webkit-transition-duration: 1s; /* Safari and Chrome */
	-o-transition-duration: 1s; /* Opera */ transition-delay: 0.5s; }
.features-section.shrink {margin-left: -18%; transition-duration: 1s;
	-moz-transition-duration: 1s; /* Firefox 4 */
	-webkit-transition-duration: 1s; /* Safari and Chrome */
	-o-transition-duration: 1s; /* Opera */ transition-delay: 0.5s; }
.features-section .gifwrap { padding:0 20%; width: 100%; }
.features-section .gifwrap img { width: 100%; }
.loginform { position: fixed; right: 0; top: 0; width: 30%; /*background: rgba(0,0,0,0.5);*/ background: rgba(214, 22, 24, 1); height: 100%;  
	transition-duration: 1s;
	-moz-transition-duration: 1s; /* Firefox 4 */
	-webkit-transition-duration: 1s; /* Safari and Chrome */
	-o-transition-duration: 1s; /* Opera */ 
-webkit-transform: skewX(-8deg);
    transform: skewX(-8deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;}
.loginform.open {right: 3%; transition-duration: 1s;
	-moz-transition-duration: 1s; /* Firefox 4 */
	-webkit-transition-duration: 1s; /* Safari and Chrome */
	-o-transition-duration: 1s; /* Opera */}
.loginbox-triger {  position: absolute; left: -30px; top: 40%; background-color: #18478b; transform: rotate(-90deg); transform-origin: left top 0; }
.loginbox-triger span {color: #fff; padding: 5px 20px; display: block; font-size: 16px; line-height: 21px; cursor: pointer;}
/*------------------------------------------------------------------
[  ]*/
.login100-form {
  width: 100%;
  padding: 25% 10% 10px;
  color: #fff;
  -webkit-transform: skewX(8deg);
    transform: skewX(8deg);
}

.login100-form-title {
  /*font-family: Poppins-Bold;*/
  font-size: 24px;
  color: #fff;
  line-height: 1.2;
  text-align: left;
  font-weight: 400;
  width: 100%;
  display: block;
   padding: 0 15px 30px 15px;
}


/*---------------------------------------------*/
.form-lable { font-size: 13px; line-height: 19px; }

.wrap-input100 {
  position: relative;
  width: 100%;
  z-index: 1;
  margin-bottom: 25px;
}

.input100 {
  /*font-family: Poppins-Medium;*/
  font-size: 13px;
  line-height: 1.5;
  color: #666666;

  display: block;
  width: 100%;
  /*background: #e6e6e6;*/
  height: 50px;
  border-radius: 10px !important;
  padding: 0 30px 0 50px;
  margin: 0;
}


/*------------------------------------------------------------------
[ Focus ]*/
.focus-input100 {
  display: block;
  position: absolute;
  border-radius: 25px;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 0px 0px;
  color: rgba(219,102,29, 0.8);
}

.input100:focus + .focus-input100 {
  -webkit-animation: anim-shadow 0.5s ease-in-out forwards;
  animation: anim-shadow 0.5s ease-in-out forwards;
}

@-webkit-keyframes anim-shadow {
  to {
    box-shadow: 0px 0px 70px 25px;
    opacity: 0;
  }
}

@keyframes anim-shadow {
  to {
    box-shadow: 0px 0px 70px 25px;
    opacity: 0;
  }
}

.symbol-input100 {
  font-size: 15px;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: absolute;
  border-radius: 25px;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 35px;
  pointer-events: none;
  color: #666666;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.input100:focus + .focus-input100 + .symbol-input100 {
  color: #db661d;
  padding-left: 28px;
}

/*------------------------------------------------------------------
[ Button ]*/
.container-login100-form-btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 20px;
  margin-bottom: 10px;
}

.login100-form-btn {
  /*font-family: Montserrat-Bold;*/
  font-size: 15px;
  line-height: 1.5;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  border:1px solid #fff;

  width: 100% !important;
  height: 50px;
  border-radius: 25px !important;
  background: #d61618;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.login100-form-btn:hover {
  background: #000;
}
.login-foot-text { padding: 10px 0; }
.login-foot-text a { color: #fff; }

.dashboard-wrap { /*padding-top: 30px;*/ padding-top: 10px; }

.headline { /*text-transform: none;*/ margin: 15px 0 15px; font-weight: bold; font-size: 20px; }

.display-box{background:rgba(0,0,0,0.13);padding:25px;border-radius:10px;position:relative;margin-right:15px;}
.display-box a{display:block;position:absolute;height:100%;width:100%;top:0;left:0}
.display-box:hover{background:#fff;background:-webkit-linear-gradient(white,grey);background:-o-linear-gradient(white,grey);background:-moz-linear-gradient(white,grey);background:linear-gradient(white,grey)}
.display-box .display-logo{margin-bottom:20px;/*min-height:70px;*/text-align:center}
.display-box .logo1{position:absolute}
.display-box .logo1{width:35%;}
.display-box .logo1 img{width:100%;}
.display-box .img1{width:62%}
.display-box .img1{float:right;margin-top:15px}
.display-box .img1 img{max-width:260px}
.display-box .logo2{position:absolute;right:25px}
.display-box .img2{float:left;margin-top:20px;}
.display-box .img2 img{max-width:260px;}
.display-box .display-img{-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out; text-align: center;}
.display-box:hover .display-img{transform:scale(1.1);text-align:center}
.display-box .display-img img { max-width: 65% }



.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 200px auto 70px;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  text-transform: none;
}
.popup .close {
  position: absolute;
  top: 5px;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #18478b;
}
.popup .pop-content {
  max-height: 30%;
  padding: 15px 0;
  font-size: 13px;
  line-height: 17px;
}



/* =========================================================================
05. FOOTER
========================================================================== */
footer.footer {position: fixed; bottom: 0; width: 100%; text-transform: uppercase; background-color: #000; padding: 15px 0; color:#c3c3c3; border-top:2px solid red; font-size: 12px; line-height: 16px;}
footer.footer a { color: #c3c3c3; }
footer.footer a:hover { text-decoration: underline; }
.site-footer-legal { float: left; }