/*==========================================================================
   Basic Fonts 
========================================================================== */
@font-face {
    font-family: 'Radiant Beauty';
    src: url('../fonts/RadiantBeauty-Regular.woff2') format('woff2'),
        url('../fonts/RadiantBeauty-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/GothamBook-Italic.woff2') format('woff2'),
        url('../fonts/GothamBook-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}


@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Condensed';
    src: url('../fonts/DINCondensed-Light.woff2') format('woff2'),
        url('../fonts/DINCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

/*==========================================================================
   Base styles 
========================================================================== */
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,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%;vertical-align:baseline}
html,body{line-height:1;width:100%;height:100%;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline-block}
embed,iframe,object,video{max-width:100%}
audio:not([controls]){display:none}
img{max-width:100%;border:0;-ms-interpolation-mode:bicubic}
ins{background:#fff9c0;text-decoration:none;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
blockquote{background: #f4f4f4;}

/* body font */
body{
    font-size: 100%;
    font-family: 'Gotham', sans-serif;
    font-weight: normal;
    color: #222;
    background:url(../images/pattern.png) repeat;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga','kern';
}
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/* heading style */
h1,h2,h3,h4,h5,h6 {clear: both;font-family: "din-2014-narrow",sans-serif;color:#1b1b1b;text-transform:uppercase;font-weight:600}
h1{ font-size: 40px;}
h2 { font-size: 35px;}
h3 { font-size: 28px;}
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
/* listing style */
ul, ol{ font-size: 18px; line-height: 1.5em; color: #333; margin:0; padding:0}
ul li, ol li{list-style-type:none !important}
/* anchor link stlye */
a { color: #2d2d2d; text-decoration: none; outline: none;transition:0.5s all ease;-webkit-transition:0.5s all ease;backface-visibility:hidden;}
a:hover { color:#000; text-decoration: none; }
a:focus { outline: none; }
/* paragraph style */
p { font-size: 18px; line-height: 1.5em; margin:0 0 20px 0; }
p:last-of-type { margin-bottom: 0; }
/* quotation style */
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* table style */
table { border-collapse: collapse; border-spacing: 0; }
table, th, td{border:1px solid #000;}
th, td{padding: 10px;}
/* form styling */
fieldset{border:0;margin:0;padding:0}
textarea{resize: vertical}
button, input, select, textarea { border: none; border-radius: 0; font-family: inherit; padding: 6px; }
button, input { line-height: normal; }
textarea { font-size: 100%; overflow: auto; vertical-align: top; }
/* Reset non-text input types */
input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] { border: 0; border-radius: 0; padding: 0; }
/* Buttons */
.cta-button,
input[type="submit"], input[type="button"], input[type="reset"],
input, select, textarea,input[type="file"]{
    font-size: 16px;
    line-height: 1.428571429;
    font-weight: normal;
    padding: 5px 0;height: 50px;
    display: inline-block;border-bottom:solid 3px #ff6c0e;background:none;width:100%;font-family: 'Gotham Book';
}
.cta-button,
input[type="submit"], input[type="button"], input[type="reset"]{
    color: #fff;
    background-color: #f48a64;
    border: 1px solid #f48a64;
    border-radius: 3px;
    
}
button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
.cta-button:hover,
button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover{
    color: #5e5e5e;
    background-color: transparent;
}
p{color: #2d2d2d;font-weight:normal;font-family: 'Gotham Book';}
a,a:hover,a:focus,button,button:focus,input{outline:none !important;backface-visibility:hidden;}
/* ==========================================================================
   Browser Upgrade Prompt
========================================================================== */
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
.padding-big { padding: 60px 0 }

/*==========================================================================
   underconstruction page
* ========================================================================*/
#container { margin: 0; padding: 0; }
.intro .title { color: #2098f5; font-size: 2em; text-transform: uppercase; position: relative; display: table; margin: 0 auto; }
.intro .title::before { background: none repeat scroll 0 0 #ddd; content: ""; height: 2px; left: 25%; position: absolute; top: -8px; width: 50%; }
.intro .title::after { background: none repeat scroll 0 0 #ddd; content: ""; height: 2px; left: 25%; position: absolute; bottom: -8px; width: 50%; }
.intro .title-tag {font-size: 1.1em; padding: 10px 0 20px 0; }
.padding-2x { padding: 60px 0 }
.padding-x { padding: 20px 0 }
.padding-top-2x { padding-top: 60px }
.padding-top-x { padding-top: 20px }
.padding-btm-2x { padding-bottom: 60px }
.padding-btm-x { padding-bottom: 20px }
.margin-2x { margin: 60px 0 }
.margin-x { margin: 20px 0 }
.margin-top-2x { margin-top: 60px }
.margin-top-x { margin-top: 20px }
.margin-btm-2x { margin-bottom: 60px }
.margin-btm-x { margin-bottom: 20px }
/* Intro Section  */
.intro { background-size: cover; background-position: center; background-color: #2a2e39; position: fixed; z-index: 10; overflow: hidden; width: 100%; height: 100%; color: #fff;  -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
.intro:after{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: -2;}
.intro .center-content { display: table; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
/* Intro Content */
.intro .intro-content { display: table-cell; font-size: 1.15em; margin: 0; padding: 0; min-width: 100%; min-height: 100%; vertical-align: middle; }
/* Logo */
.intro .logo { width: 100%; margin: -30px 0 25px; }
.intro .logo img { width: 200px; height: auto; }
.intro .text-logo { color: #2098f5; font-family: BeonMedium; font-weight: bold; font-size: 3em; margin-top: 15px; }
/* Intro Main Heading */
.intro .intro-title { font-family: latobold; font-size: 3em; font-weight: normal; margin: 15px 0; text-transform: uppercase; }
.intro .obak { color: #2098f5 }
/* Countdown */
.intro .countdown { list-style: none; margin: 20px 0; padding: 0;  display: block; text-align: center; font-family: BeonMedium; }
.intro .countdown li { display: inline-block; color: #fff; }
.intro .countdown li span { font-size: 80px; font-weight: 300; line-height: 80px; }
.intro .countdown li.seperator { font-size: 14px; margin-top: 12px; line-height: 30px; vertical-align: top; }
.intro .countdown li p { color: #ddd; font-size: 14px; }
.intro .content-div { width: 100% }
/* Intro Sub Heading */
.intro .intro-subtitle { display: block; -webkit-align-items: center; align-items: center; text-align: center; }
.intro .intro-subtitle p { color: #efefef }
.intro .intro_description { margin: 0 auto 0 1em;line-height: 1.2; }
/* Social Links */
.intro .social { bottom: 0; left: 0; margin: 10px; position: absolute; z-index: 3}
.intro .fa-social { font-size: 14px; background: #fff; border: 0px solid #fff; color: #2098f5; height: 32px; line-height: 32px; text-align: center; width: 32px; margin-right: 3px; border-radius: 100%; position: relative; transition: all 0.5s; -webkit-transition:all 0.5s;}
.intro .fa-social:hover { color: #fff; background: #1e87d8; transition: all 0.5s; -webkit-transition:all 0.5s;}
.intro .fa-social a{position: absolute; top: 0;width: 100%;height: 100%;display: block; }
/* Footer */
.intro #footer { background-color: #2098f5; padding: 20px 0; overflow: hidden;  position: fixed;bottom: 0;	max-width: 100%; }
.intro #footer a{color: #fff;}
.intro .copyright p { color: #fff; display: block; padding-top: 5px;  font-size: 1.1em; }
.intro .container-bottom-content .social-media{ margin-bottom: 10px }
.hidden {  display: none !important;   visibility: hidden; }
.visuallyhidden {  border: 0;  clip: rect(0 0 0 0);  height: 1px;  margin: -1px;  overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both }

/* responsive start */
@media only screen and (max-width: 1280px) { 
	.intro .logo{margin-top: 0;}
    .intro .center-content{display: flex; align-items: center; overflow: auto; position: static;}
    .intro .intro-content{padding: 70px 0 100px; min-height: inherit;}
}
@media only screen and (max-width: 767px) { 
	.intro:after{background-color: rgba(0,0,0,0.7);}
	.intro .logo img{max-height: 100px; width:auto; }
	.intro .text-logo,
	.intro .intro-title{ font-size: 1.5em;}
	.intro .center-content{align-items: flex-start;}
}
@media only screen and (max-width: 639px) { 
	.intro #footer{padding-top: 50px;}
	.intro .intro-content{padding-bottom: 120px;}
	.intro .social{text-align: center; width: 100%; margin:0; bottom: 46px;}
	.intro .container-bottom-content .social-media{padding-left: 0;}
}

/*==========================================================================
   Wordpress Default Styles
========================================================================== */
/* Clearing floats */
.clear:after,.wrapper:after,.format-status .entry-header:after {  clear: both; }
.clear:before,.clear:after,.wrapper:before,.wrapper:after,.format-status .entry-header:before,.format-status .entry-header:after { display: table; content: ""; }
/* Repeatable patterns
-------------------------------------------------------------- */
/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; } 
/* Reset non-text input types */
article.post-password-required input[type=submit],
.bypostauthor cite span {padding: 6px 10px; font-size: 11px; line-height: 1.428571429; font-weight: normal; color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); }
article.post-password-required input[type=submit]:hover {color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(top, #f9f9f9, #ebebeb); } 
.bypostauthor cite span {color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93; border-radius: 2px; box-shadow: none; padding: 0; }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */}
img.size-full, img.size-large, img.header-image, img.wp-post-image {max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
/* Make sure videos and embeds fit their containers */
.entry-content .twitter-tweet-rendered {max-width: 100% !important; /* Override the Twitter embed fixed width */ }
/* Images */
.alignleft {float: left; }
.alignright {float: right; }
.aligncenter {display: block; margin-left: auto; margin-right: auto; }
.wp-caption {max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {font-style: italic; line-height: 2; color: #757575; } 
img.wp-smiley, .rsswidget img {border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry-content dl.gallery-item {margin: 0; }
.gallery-item a, .gallery-caption {width: 90%; }
.gallery-item a {display: block; }
.gallery-caption a {display: inline; }
.gallery-columns-1 .gallery-item a {max-width: 100%; width: auto; }
.gallery .gallery-icon img {height: auto; max-width: 90%; padding: 5%; }
.gallery-columns-1 .gallery-icon img {padding: 3%; }
/* Navigation */
.site-content nav { clear: both; line-height: 2; overflow: hidden; }
#nav-above { padding: 24px 0; }
#nav-above { display: none; }
.paged #nav-above { display: block; }
.nav-previous, .previous-image { float: left; width: 50%; }
.nav-next, .next-image { float: right; text-align: right; width: 50%; }
.nav-single + .comments-area,#comment-nav-above { margin: 48px 0; }
/* Author profiles */
.author .archive-header { margin-bottom: 24px; }
.author-info { border-top: 1px solid #ededed; margin: 24px 0; padding-top: 24px; overflow: hidden; }
.author-description p { color: #757575; font-size: 13px; line-height: 1.846153846; }
.author.archive .author-info { border-top: 0; margin: 0 0 48px; }
.author.archive .author-avatar { margin-top: 0; }

/* Basic structure
-------------------------------------------------------------- */
/* Assistive text */
.assistive-text, .site .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; }
.main-navigation .assistive-text:focus, .site .screen-reader-text:hover, .site .screen-reader-text:active,
.site .screen-reader-text:focus { background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #000; display: block; font-size: 12px; height: auto;    padding: 12px; position: absolute; top: 5px; left: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ }
/* Page structure */
.site-content { margin: 24px 0 0;}
.widget-area { margin: 24px 0 0;}


/* ============================================================
===============================================================
    Layout styling Start
===============================================================
===============================================================*/

/* Header Start
   NOTE: this section styling as per mobile first pattern
---------------------------------------------*/
.site-header{ background: #4ecfcc; color: #fff; position: relative; z-index: 100;}
/* ------------ Top Header Start -----------*/
.site-header .top-header{ background: #333; }
.site-header .top-header, .site-header .top-header a{ color: #fff; }
.site-header .top-header a{cursor: pointer;}
.site-header .top-header a:hover{text-decoration: none;}
.utility-nav{padding-top: 10px; padding-bottom: 10px;}
.utility-nav a{ font-size: 18px; }
.utility-nav a:hover{color: #4ecfcc;}
.site-header .social-listing{text-align: right;}
.social-listing ul{padding-top: 3px; margin-bottom: 0;}
.social-listing ul li{display: inline-block; vertical-align: middle; margin-left: 5px;}
.social-listing ul li a{padding: 5px; display: block; color: #333;}
.social-listing ul li a:hover{color: #4ecfcc;}
.social-listing ul li span{line-height: 1.25em;}
.social-listing ul li span:before,
.social-listing ul li a:hover span:before{ content: '|'; display: inline-block; vertical-align: baseline; line-height: 1em; margin: 0 5px 0 -8px; color: #fff; !important; opacity: 0.2; }
.social-listing ul li:first-child span:before,
.social-listing ul li:first-child a:hover span:before{display: none;}
/* Social Links */
.social-listing .fa-social { font-size: 14px; background: #3fadaa; border: 0px solid #3fadaa; color: rgb(255, 255, 255); height: 32px; line-height: 32px; text-align: center; width: 32px; border-radius: 100%; position: relative; }
.social-listing .fa-social:hover { color: #3fadaa; background: #fff; }
.social-listing .fa-social a{position: absolute; top: 0;width: 100%;height: 100%;display: block; }

/* if used icon */
.social-listing ul li.fa,
.social-listing ul li[class^=icon]{width: 30px; height: 30px; border: 1px solid #fff; border-radius: 100%; background: #fff; color: #333; line-height: 30px; }
.social-listing ul li.fa:hover,
.social-listing ul li[class^=icon]:hover{ background: #4ecfcc; border-color:#4ecfcc; color: #fff; }
.social-listing ul li[class^=icon] img{max-height: 100%; vertical-align: top;}
.social-listing ul li.fa a:hover span:before,
.social-listing ul li[class^=icon] a:hover span:before,
.social-listing ul li.fa span:before,
.social-listing ul li[class^=icon] span:before{ display: none; }
/* ------------ Top Header End -----------*/

/* ------------ Main Header Start -----------*/
.main-header{ padding-top: 10px; padding-bottom: 10px; }
.site-description{color: #fff; margin: 5px 0;display:none;}
.main-header .logo-wrap img{width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.site-header h1,
.site-header h2 { text-align: center; }
.site-header h1 a,
.site-header h2 a { color: #515151; display: inline-block; text-decoration: none; }
.site-header h1 a:hover,
.site-header h2 a:hover { color: #21759b; }
.site-header h1 { font-size: 24px; line-height: 1.5em; margin-bottom: 14px; margin-bottom: 30px; }
.site-header h2 { font-weight: normal; font-size: 13px; line-height: 1.5em; color: #757575; }

/* ------------ Header Navigation Menu Start -----------*/
.top-nav { text-align: center; }
.top-nav ul.nav-menu.toggled-on, .hamburger { display: inline-block; float: right; }
.top-nav ul{padding-left: 0; list-style: none;}
.top-nav li { font-size: 14px; line-height: 1.25em; position: relative;}
.top-nav li a { color: #5e5e5e; }
.top-nav li .submenuToggle{ position: absolute; top: 1.227em;/*27px;*/ right: 5px; width: 1.818em;/*40px;*/ height: 1.818em;background-size: 1.591em;/*35px;*/ display: block; cursor: pointer; border-radius: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.top-nav li.submenuOpened > .submenuToggle{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

/* hamburger menu */
.hamburger { margin: 34px 0 0 0; float: right; display: inline-block;  cursor: pointer;  transition-property: opacity, filter;  transition-duration: 0.15s;  transition-timing-function: linear;  font: inherit; color: inherit;  text-transform: none;  background-color: transparent;  border: 0; overflow: visible; }
.hamburger-box {  width:35px;  height: 24px;  display: inline-block;  position: relative;z-index: 11}
.hamburger-inner {  display: block;  top: 50%;  margin-top: -2px; }
.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after { width:35px; height:3px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, 
.hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -11px; }
.hamburger-inner::after { bottom: -11px; }

/*  3DXY Reverse */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.1s 0.14s ease, opacity 0.1s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease, opacity 0.1s 0.14s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }



/* HEADER CSS */
.fixed-header {  position: fixed;  top:0; left:0;width: 100%; z-index: 100; }
.fixed-header .hamburger{margin-top: 11px;}
.fixed-header .logo-wrap img{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.fixed-header .top-nav{margin-top: 10px;}
.fixed-header .top-header{display: none;}
/*.left-sidebar-layout, .right-sidebar-layout, .full-width {  padding: 50px 0; }*/

    .top-nav ul.nav-menu,
    .top-nav div.nav-menu > ul { display: inline-block !important; text-align: right; width: 100%; }
    .top-nav ul { margin: 0; text-indent: 0; }
    .top-nav li { margin: 0 0 0 20px; position: relative; }
    .top-nav li a,
    .top-nav li { display: inline-block; text-decoration: none; }
    .top-nav li a { border-bottom:1px solid transparent; color: #fff; line-height: 3em; text-transform: uppercase; white-space: nowrap; position: relative; }
    .top-nav li ul { margin: 0; padding: 0; position: absolute; top: 100%; left: 0; text-align: left; z-index: 1; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
    .top-nav li ul ul { top: 0; left: 100%; }
    .top-nav li li{margin-left: 0;}
    .top-nav li ul li a { background: #efefef; color: #333; border-bottom: 1px solid #ededed; display: block; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; padding: 8px 10px; padding: 0.571428571rem 0.714285714rem; width: 180px; width: 12.85714286rem; white-space: normal; }
    .top-nav .current-menu-item > a,
    .top-nav .current-menu-ancestor > a,
    .top-nav .current_page_item > a,
    .top-nav .current_page_ancestor > a { border-color:#fff; }
    .top-nav li:hover a{ border-color:#fff; }
    .top-nav li a:hover,
    .top-nav li a:focus { border-color:#fff; color: #fff; }
    .top-nav ul li:hover > ul,
    .top-nav ul li:focus > ul,
    .top-nav .focus > ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; width: inherit; }
    .top-nav li ul li a:hover,
    .top-nav li ul li a:focus { background: #e3e3e3; color: #444; }
    /* for last child only please remove if not required */ 
    .top-nav ul.nav-menu > li:last-child .sub-menu{left: inherit; right: 0; }
    .top-nav ul.nav-menu > li:last-child .sub-menu ul{right: 100%;}
    /* ... */
    .hamburger,
    .top-nav li .submenuToggle { display: none; }
@media(max-width:767px){
    .top-nav ul.nav-menu{display:none !important}
}

/* Header End
---------------------------------------------*/

/* Footer Start
---------------------------------------------*/
footer { clear: both; padding:96px 0 30px;background:url(../images/pattern.png)repeat #1b1b1b }
footer, footer a, footer li { color: #666; }
footer a:hover, footer li.current_page_item a { color: #4ecfcc; }
footer.entry-meta { margin-top: 24px; font-size: 13px; line-height: 1.846153846; color: #757575; background: transparent; padding: 0; }
footer .widget-title{ font-size: 24px; color: #fff; margin-bottom: 20px; }
footer .widget ul{padding-left: 0; list-style: none;}
footer .bottom-footer{border-top: 1px solid rgba(255,255,255,0.2); padding-top: 15px; margin-top: 50px;}
footer .bottom-footer .footer-menu{ padding-left: 0;}
footer .bottom-footer .footer-menu li, .bottom-footer .site-info, .bottom-footer .site-info p{font-size: 16px;}
footer .bottom-footer .footer-menu,
footer .bottom-footer .social-media{margin-bottom: 0;}
footer .bottom-footer .footer-menu li{list-style: none; display: inline-block; padding-right: 10px;}
/* footer social links */
footer .bottom-footer .social-listing ul li.fa{padding: 0;}
footer .site-info {float: left; width: 50%; font-size: 15px; padding-top: 8px;}
footer .social-listing {float: right; } 
footer .social-media li {padding: 10px; font-size: 15px; }

.footer-email .sendBtn{
    position: relative;
}
.footer-email .sendBtn::after {
    position: absolute;
    content: "";
    background: #ff6c0e;
    width: 0;
    height: 5px;
    left: 8px;
    bottom: -5px;
    -moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}
.footer-email .sendBtn:hover::after{
    width: 75%;
    -moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}
.footer-email .your-email{
    display: block;
}
.footer-email input[type="email"] {
    color: #FFF;
    padding-right: 80px;
    width: 100%;
    font-family: 'Gotham Book';
    font-size: 20px;
    line-height: 34px;
}
.footer-email span[role="alert"]{
    font-size: 35px;
    line-height: 34px;
    color: #ff6c0e;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 111%;
    display: block;
}
.signup-form .wpcf7-validation-errors{
    border: 0;
    color: #ff6c0e;
    font-family:"din-2014-narrow";
    font-weight: normal;
    font-size: 20px;
    line-height: 34px;
    padding: 0;
    width: 100%;
    text-align: left;
    margin: 16px 0 0 0;
    display:none !important
}
.errorTip{font-size: 35px; color: #ff6c0e; position: absolute; right: -30px; top: 20px;opacity: 0;transition:0.5s all;-webkit-transition:0.5s all}
.wpcf7-form.invalid .errorTip{opacity: 1;transition:0.5s all;-webkit-transition:0.5s all}

.signup-form  .wpcf7-mail-sent-ok{
    display: none !important;
}
.signup-form  .successMessage{
    font-family: 'Radiant Beauty',sans-serif;
    font-size: 50px;
    line-height: 1em;
    color: #ff6c0e;
    width: 100%;
    text-align: center; 
    border-bottom: solid 2px #ff6c0e;
    padding: 0 5px 4px;
}
.signup-form  .successMessage span{
    display: inline-block;
    position: relative;
    padding: 0 5px;
}
.signup-form  .successMessage span::before{
    content: '';
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background:url(../images/sent-icon.png) no-repeat center ;
    margin: 9px 8px 0 0;
    background-size:100%
}
.signup-form  input:-webkit-autofill{background-color: transparent !important;}

#top {float:right; width:39px; margin-top: -65px; margin-right: 20px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; opacity: 0.5; display:none; cursor: pointer; font-size: 50px; padding-right: 20px; }
#top:hover {opacity: 1; }
#top .fa{color: #fff;}

/* responsive start */
@media (max-width:767px){
    .bottom-footer .col-sm-12{margin-bottom: 5px; text-align: left;}
    footer .social-listing{float: none;}
    .bottom-footer .social-media{ padding-left: 0;}

    .signup-form .wpcf7-validation-errors{text-align: center; line-height: 1em;}
    .footer-email span[role="alert"]{left: 100%;line-height:24px}
    /*.errorTip{top:8px;position:relative;margin:0 0 0 -15px}*/
}
/* Footer End
---------------------------------------------*/

/* Main Banner start 
---------------------------------------------*/
.slider-layout .banner-image{background-position: center top; background-repeat: no-repeat; min-height: 550px;background-size:cover; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.slider-layout .banner-image::after {content: "";height: 100%; width: 100%;background-color: rgba(0,0,0,0.5);display: block;top: 0;position: absolute;z-index: 1}
.slider-layout .caption{text-align:center;color:#FFF;max-width:565px;margin:auto;position:relative;z-index:11;}
.slider-layout .caption h2{margin-bottom:19px}
.slider-layout .caption .banner_desc{max-width:530px;margin:auto auto 27px;}
.owl-dots{position:absolute;right:37px;top:0;bottom:0;margin:auto;max-height:100px}
.owl-dot{background-color:rgba(255,255,255,0.4);height:10px;width:10px;border-radius:100%;margin:12px 0 12px 0}
.owl-dot.active{background-color:rgba(255,255,255,0.9)}
/* responsive start */
@media(max-width:767px){
	.owl-dots{top:auto;text-align:center;left:0;right:0;bottom:30px}
	.owl-dot{display:inline-block;margin-right:8px;height:8px;width:8px}
	.slider-layout .banner-image{min-height:400px;background-position:center center !important}
	.slider-layout .caption h2{font-size:35px;margin-bottom:15px}
	.slider-layout .caption .banner_desc{margin-bottom:20px}
}
@media(max-width:479px){
	.slider-layout .banner-image{min-height:280px;}
	.banner-btn .cta-button{min-width:260px;font-size:14px}
	.owl-dots{bottom:15px}
	.owl-dot{height:7px;width:7px;margin-right:9px}
}
/* Main Banner end
---------------------------------------------*/

/* Inner Main Banner start 
---------------------------------------------*/
.innerpage-banner{position: relative;}
.innerpage-banner > .container{position:relative;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center; -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center; height: 100%; }
.innerpage-banner:before{content: ''; background-color: rgba(0,0,0,0.5); position: absolute; top: 0 left:0; width: 100%; height: 100%;}
.innerpage-banner .caption{color: #fff; text-align: center;}
/* Inner Main Banner end
---------------------------------------------*/

/* Breadcrumbs Start 
---------------------------------------------*/
.breadcrumb{padding: 0;}
.breadcrumb ul, .breadcrumbs ul{margin: 10px 0; list-style: none; padding-left: 0;}
.breadcrumb li, .breadcrumbs li {display: inline; padding: 8px 0; }
/* Breadcrumbs End 
---------------------------------------------*/

/* Sidebar Start 
---------------------------------------------*/
.widget-area .widget {-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 48px; word-wrap: break-word; }
.widget-area .widget h3 {margin-bottom: 10px; }
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {font-size: 13px; line-height: 1.846153846; }
.widget-area .widget p {margin-bottom: 24px; }
.widget-area .textwidget ul,
.widget-area .textwidget ol {list-style: disc outside; margin: 0 0 24px;}
.widget-area .textwidget li > ul,
.widget-area .textwidget li > ol {margin-bottom: 0; }
.widget-area .textwidget ol {list-style: decimal; }
.widget-area .textwidget li {margin-left: 36px; }
.widget-area .widget ul ul {margin-left: 12px; }
.widget-area .widget a {color: #757575; }
.widget-area .widget a:hover {color: #21759b; }

/* =Widgets
-------------------------------------------------------------- */
.widget_recent_entries .post-date, .widget_rss .rss-date {color: #aaa; font-size: 11px; margin-left: 12px; }
#wp-calendar {margin: 0; width: 100%; font-size: 13px; line-height: 1.846153846; color: #686868; }
#wp-calendar th, #wp-calendar td, #wp-calendar caption {text-align: left; } 
#wp-calendar #next {padding-right: 24px; text-align: right; }
.widget_twitter li {list-style-type: none; } 
.widget_twitter .timesince {display: block; text-align: right; }
.widget_search label {display: block; font-size: 13px; line-height: 1.846153846; }
.widget_search input[type="text"], .widget_search input[type="search"]{width: 70%;}

.widget-area .search-form form {position: relative;}
.widget-area .search-form input{width:100%; padding-right: 33px;}
.widget-area .search-form input.search-button{width:35px; height: 30px; padding: 5px; display: inline-block; vertical-align: middle; position: absolute; right: 0; top: 3px; border-left:1px solid rgba(0,0,0,0.2); cursor: pointer;}
/* =Blog main content and comment content
-------------------------------------------------------------- */
.entry-content{padding-top: 24px;}
.entry-content .item{margin-bottom: 50px;}
.entry-content .item .title{font-size: 30px; margin-bottom: 5px;}
.entry-content .item .meta-box{ margin-bottom: 25px; }
.entry-content .item .meta-box > div{display: inline-block; vertical-align: middle; margin-right: 15px; color: #999; font-size: 14px;}
.entry-content .item .meta-box .post-category a{display: inline-block; vertical-align: middle;}
.entry-content .item .img-blk{margin-bottom: 20px;}

.page-numbers{padding-left: 0;}
/* paginiation text color */
.page-numbers .page-numbers,
.page-numbers .page-numbers.next:hover,.page-numbers .page-numbers.prev:hover,
.page-numbers .page-numbers.next,.page-numbers .page-numbers.prev{color: #999; border-color: #999;}

.page-numbers li{list-style: none;display: inline-flex; display: -webkit-inline-flex; align-items: center; justify-content: center;}
.page-numbers .page-numbers{border:1px solid; width: auto; padding:3px 15px; display: block;}
/* paginiation hover and selected color */
.page-numbers .page-numbers:hover,
.page-numbers .page-numbers.current{background:#4ecfcc; color: #fff; border-color:#4ecfcc;}

.page-numbers .page-numbers.next:hover,.page-numbers .page-numbers.prev:hover,
.page-numbers .page-numbers.next,.page-numbers .page-numbers.prev{border:0; background:none; }

.page-numbers .page-numbers.prev{padding-left: 0;}

/* =Single image attachment view
-------------------------------------------------------------- */
.article.attachment {overflow: hidden; } 
.image-attachment div.attachment {text-align: center;}
.image-attachment div.attachment p {text-align: center;}
.image-attachment div.attachment img {display: block; height: auto; margin: 0 auto; max-width: 100%; }
.image-attachment .entry-caption {margin-top: 8px;}

/* homepage overright */
.f-slider .owl-stage-outer{padding-top: 20px;}
.f-slider .item img{
    -webkit-transform: scale(1); 
    -moz-transform: scale(1); 
    -ms-transform: scale(1); 
    -o-transform: scale(1); 
    transform: scale(1);

    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -ms-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
}
.f-slider .item img:hover{
    -webkit-transform: scale(1.05); 
    -moz-transform: scale(1.05); 
    -ms-transform: scale(1.05); 
    -o-transform: scale(1.05); 
    transform: scale(1.05);

    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -ms-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
}

.mCustomScrollbar,
.mCustomScrollbar.mCS_touch_action,
.mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
    -ms-touch-action: auto;
    touch-action: auto;
}
.mCustomScrollBox {
    -ms-touch-action: pan-x pinch-zoom;
    touch-action: pan-x pinch-zoom;
}
.mCustomScrollBox.mCSB_vertical_horizontal {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}
.mCustomScrollBox.mCSB_horizontal {
    -ms-touch-action: pan-y pinch-zoom;
    touch-action: pan-y pinch-zoom;
}