/*==========================================================================
   Basic Fonts 
========================================================================== */
@font-face {
    font-family: 'texgyreadventor-bold';
    src: url('../fonts/texgyreadventor-bold.eot');
    src: url('../fonts/texgyreadventor-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-bold.woff') format('woff'), 
         url('../fonts/texgyreadventor-bold.woff2') format('woff2'), 
         url('../fonts/texgyreadventor-bold.ttf') format('truetype'), 
         url('../fonts/texgyreadventor-bold.svg#BeonMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreadventor-regular';
    src: url('../fonts/texgyreadventor-regular.eot');
    src: url('../fonts/texgyreadventor-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/texgyreadventor-regular.woff2') format('woff2'), url('../fonts/texgyreadventor-regular.woff') format('woff'), url('../fonts/texgyreadventor-regular.ttf') format('truetype'), url('../fonts/texgyreadventor-regular.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreadventor-italic';
    src: url('../fonts/texgyreadventor-italic.eot');
    src: url('../fonts/texgyreadventor-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-italic.woff') format('woff'), 
         url('../fonts/texgyreadventor-italic.woff2') format('woff2'), 
         url('../fonts/texgyreadventor-italic.ttf') format('truetype'), 
         url('../fonts/texgyreadventor-italic.svg#BeonMedium') format('svg');
    font-weight: normal;
    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%}
body {font-style: normal;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga','kern';}
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%}
iframe {width: 100%; height: 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: 'texgyreadventor-regular' , sans-serif;
    font-weight: normal;
    color: #222;
}
::-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; color: #004964; font-weight: normal; }

h1{font-size: 32px; font-family: 'texgyreadventor-bold'; font-weight: normal; }
h2 { font-size: 32px;  }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
.home h1 {font-size: 60px;}
.home h2 { font-size: 50px; }
.home h3 { font-size: 30px; }
.home h1,.home h2,.home h3,.home h4,.home h5,.home h6 {color: #fff;}
.upper-heading {text-transform: uppercase;}
strong{font-family: 'texgyreadventor-bold'; font-weight: normal;}

/* listing style */
ul, ol{ font-size: 18px; line-height: 1.5em; color: #333; margin:0 0 20px 0; padding-left: 20px;}
/* anchor link stlye */
a { color: #fff; text-decoration: none; outline: none; -webkit-transition: ease all .5s;-moz-transition: ease all .5s;-ms-transition: ease all .5s;transition: ease all .5s;}
a:hover { color: #8DC73F; text-decoration: none; -webkit-transition: ease all .5s;-moz-transition: ease all .5s;-ms-transition: ease all .5s;transition: ease all .5s;}
a:focus { outline: none; }
.cta-button, input[type="submit"], input[type="button"], button {background: #8DC73F; border-radius: 4px; border:1px solid #8DC73F; padding:6px 10px; font-size: 18px; display: inline-block; height: auto; color: #fff; }
.cta-button:hover, input[type="submit"]:hover, input[type="button"]:hover ,button:hover{background: transparent; border-radius: 4px; border-color: #8DC73F; color: #8DC73F; }
.cta-button.white {background: #fff; border-radius: 4px; border:1px solid #0D4A64; color: #0D4A64;}
.cta-button.white:hover {background: #0D4A64; border-radius: 4px; border-color: transparent; color: #fff;}
.cta-button.blue-transparant {background: transparent;border-radius: 4px; border:1px solid #0D4A64; color: #0D4A64;}
.cta-button.blue-transparant:hover {background: #0D4A64; border:1px solid #0D4A64; color: #fff;}
.cta-button.white-transparant {background: transparent;border-radius: 4px; border:1px solid #8DC73F; color: #8DC73F;}
.cta-button.white-transparant:hover {background: #8DC73F;  color: #fff;}


input, textarea { font-size: 16px; background: transparent; border-radius: 5px; height: 65px; padding: 30px 28px; -webkit-appearance:none;-moz-appearance:none; appearance:none; }
textarea {min-height: 200px;}
input:hover, input:focus, textarea:hover, textarea:focus {outline: none; box-shadow: none;}
input[type="submit"], input[type="button"] {-webkit-transition: ease all .5s;-moz-transition: ease all .5s;-ms-transition: ease all .5s;transition: ease all .5s;cursor: pointer; outline: none;}
input[type="submit"]:hover, input[type="button"]:hover {-webkit-transition: ease all .5s;-moz-transition: ease all .5s;-ms-transition: ease all .5s;transition: ease all .5s;}
input:required:invalid{outline:none}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}
/* paragraph style */
p { font-size: 18px; line-height: 1.5em; margin:0 0 20px 0; color: #595959;}

/*ul li style-*/
ul {list-style: none;margin: 0; padding: 0}
ul li { padding: 0; margin: 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: 1px solid #ccc;  font-family: inherit; outline: none !important; }
button, input { line-height: normal; outline: none !important;}
button:focus, input:focus {outline: none !important;}
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 */

/***********flex-left***********/
.flex-left {display: flex;align-items: center;justify-content: flex-start;}

/*************container*************/
.container {max-width: 1500px; width: 100%;}
.inner-container {max-width: 1390px; width: 100%; margin:auto; }
.medium-container {max-width: 1170px; width: 100%; padding: 0 15px;}
@media(max-width: 1400px){
    .container {max-width: 1200px;}    
}
@media(max-width: 1200px){
     .medium-container { padding: 0 20px;}    
     .container {padding: 0 15px;}
}
@media(max-width: 767px){
    .container, .medium-container { padding: 0 15px;}       
}
.fixed-bg {background-size: cover !important; z-index: -1;  background-position: center center !important; }

@media(max-width: 1600px){
    .site-header .fixed-bg {margin-left: 300px;}
}
@media(max-width: 1280px){
    .site-header .fixed-bg {margin-left: 0px;}
}
@media(max-width: 767px){
    .site-header .fixed-bg  {background-position: 30% center !important;}
}



/* ==========================================================================
   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-family: latobold; 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-family: open_sanslight; 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: #74af2b; 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: #74af2b }
/* 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: #74af2b; 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 { background-color: #fff; }
.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: transparent; 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; }
.main-header .site-description{color: #fff; margin: 5px 0;}
.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 -----------*/
body.menu-is-opened{overflow: hidden;}
.top-nav { text-align: center; }
.top-nav ul.nav-menu.toggled-on, .hamburger { display: inline-block; float: right; }
.top-nav ul.nav-menu,.top-nav div.nav-menu > ul { display: none; }
.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;/*40px;*/ background: #eee url(../img/menu-right-arrow.svg) no-repeat center; 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: 12px 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; padding-left: 20px;}
.hamburger-box {  width: 24px;  height: 24px;  display: inline-block;  position: relative; }
.hamburger-inner {  display: block;  top: 50%;  margin-top: -2px; }
.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after { width: 24px; height: 2px; background-color: #153952; 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: -8px; }
.hamburger-inner::after { bottom: -8px; }

/*  3DXY Reverse */
.hamburger--3dxy-r .hamburger-box {  perspective: 80px; }
.hamburger--3dxy-r .hamburger-inner {  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger.is-active{position: absolute; z-index: 120; margin-top: 0; width: 30px; height: 30px; top: 26px; right: 30px;}
.hamburger--3dxy-r.is-active .hamburger-inner {  background-color: transparent;  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
.hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); background: #fff; height: 4px; width: 35px; }
.hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -5px, 0) rotate(-46deg); background: #fff; height: 4px; width: 35px;}

/* HEADER CSS */
.fixed-header {  position: fixed;  top:0; left:0;width: 100%; z-index: 100; background:#fff; -webkit-transition: ease all .5s;-moz-transition: ease all .5s;-ms-transition: ease all .5s;transition: ease all .5s; box-shadow: 0 0 5px #797979;}
.fixed-header .hamburger{margin-top: 11px;}
.fixed-header .logo-wrap img{  width: 50%; -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; }*/

/* responsive start */
@media (max-width:1024px){
    .main-header > .row > .col-12{  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .main-header .logo-wrap{ max-width: 350px; float: left; }
    .top-nav, .top-nav.menu-opened{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff;}
    .top-nav{opacity: 0; visibility: visible;  z-index: -10; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -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.menu-opened{ opacity: 1; visibility: visible; z-index: 100; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -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.menu-opened ul.nav-menu, .top-nav div.nav-menu > ul{ display: block; }
    .top-nav.menu-opened .menu-main-menu-container{ display: flex; height: 100%; overflow: auto; padding: 100px 0; }
    .top-nav.menu-opened ul.nav-menu, .top-nav div.nav-menu > ul{ margin: auto; width: 100%; max-width: 600px; }
    .top-nav ul li{ font-size: 22px; line-height: 1.5em;}
    .top-nav ul li a{padding: 30px 20px; border-bottom: 1px solid #f4f4f4; display: block;}
    .top-nav ul li:last-child a{border:0;}
    .top-nav ul li a:hover{text-decoration: none;}
    .top-nav ul li ul{background: rgba(0,0,0,0.03);}
    .top-nav ul li ul li{font-size: 0.864em;}
    .top-nav ul li ul{display: none;}
    .top-nav a:hover,
    .top-nav a:focus,
    .top-nav li.current-menu-item a,
    .top-nav li.current_page_item a { color: #4ecfcc; }
}
@media (max-width:640px){
    .main-header .logo-wrap{max-width: 240px;}
    .main-header .logo-wrap img{width: 70%;}
    .hamburger{margin-top: 10px;}
    .fixed-header .hamburger{margin-top: 10px;}
    .hamburger.is-active{margin-top: -32px !important;}
    .fixed-header .hamburger.is-active{/*margin-top: -32px;*/}
    .top-nav ul li{font-size: 18px;}
    .top-nav ul li a{padding: 15px;}
    .top-nav li .submenuToggle{ top: 0.778em;/*14px;*/ width: 1.667em;/*30px;*/ height:1.667em; /*30px;*/ background-size:1.389em; /*25px;*/}

}
@media (min-width:1025px){
    .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 (min-width:1280px){
    .top-nav li { margin: 0 0 0 5%; position: relative; }
}
/* Header End
---------------------------------------------*/

/* Footer Start
---------------------------------------------*/


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; }

#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;}
}
/* 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-nav{display:none;} */
.owl-dots{position:absolute;right:37px;top:0;bottom:0;margin:auto;}
.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: 20px;}
.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;
    /*border: 1px solid #004964;*/
    vertical-align: top;
    /*border-radius: 6px;*/
    margin-right: 3px;}
.page-numbers .page-numbers.prev, .page-numbers .page-numbers.next{padding: 6px 20px;line-height: 19px; color: #004964;text-transform: uppercase;    border: 1px solid #004964;}

.page-numbers .page-numbers {color: #004964; font-family: 'texgyreadventor-bold'; font-size: 14px; padding: 2px 12px; border-radius: 6px;border:1px solid #004964;  }
/* paginiation hover and selected color */
.page-numbers .page-numbers:hover,
.page-numbers .page-numbers.current,
.page-numbers .page-numbers.prev:hover, .page-numbers .page-numbers.next:hover{background:#004964; color: #fff; border-color:#004964; }





/* =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;}

header .inner-header {padding: 55px 52px 10px 70px;}
header .logo {display: inline-block; padding-top: 5px;}
header .logo .tab {display: none;}
header .logo .stickey-logo {opacity: 0; visibility: hidden;transition: all .5s;}
header .nav-col {/*padding: 0 5px 0 108px;*/padding: 0 5px 0 102px;}
header .top-navigation {display: inline-block; vertical-align: top; text-align: center; /*max-width: 66%; width: 100%;*/}
header .top-navigation li.menu-item {display: inline-block;  /*padding: 0 34px;*/padding:0 32px; position: relative;}
header .top-navigation li.menu-item:first-child {padding-left: 0;}
header .top-navigation li.menu-item:last-child {padding-right: 0;}
header .top-navigation li a {font-size: 18px; font-family: 'texgyreadventor-bold'; text-transform: uppercase;}
header .top-navigation li:after {content: ''; position: absolute;width: 1px; height: 19px; right: -4px;background: #fff; top: 5px; }
header .top-navigation li:last-child:after {display: none;}

header .right-navigation {float: right; position: relative; padding-left: 49px;}
header .right-navigation:before, .top-navigation .mobile-numbers:before {content: ''; position: absolute;background: url(../images/sprite.svg) no-repeat top left; left: 0;
top:0; width: 40px; height: 60px;}
header .logo .stickey-logo img, .top-navigation .mobile-numbers{display: none;}
.site-description {text-transform: uppercase; letter-spacing: 2px;}
/********stickey-header*************/
header.fixed-header .logo .stickey-logo img {display: block;}
.fixed-header .logo img {max-width: 110px; width: 100%; -webkit-transition: ease all .5s;-moz-transition: ease all .5s;-ms-transition: ease all .5s;transition: ease all .5s;}
header.fixed-header .top-navigation li a {color: #004964;}
header.fixed-header .logo .stickey-logo {opacity: 1; visibility: visible;-webkit-transition: ease all .5s;-moz-transition: ease all .5s;-ms-transition: ease all .5s;transition: ease all .5s;}
header.fixed-header .logo .desc {opacity: 0; visibility: hidden;-webkit-transition: ease all .5s;-moz-transition: ease all .5s;-ms-transition: ease all .5s;transition: ease all .5s; display: none; }
header.fixed-header .right-navigation .mobile-numbers .numbers span a {color: #004964; margin-left: 3px;}
header.fixed-header .inner-header {/*padding: 15px 52px 15px 70px;*/padding: 10px 52px 10px 70px;}
header.fixed-header .inner-header .main-navigation {display: flex;align-items: center;justify-content: flex-end;}
header.fixed-header .inner-header .nav-col {display: flex;align-items: center; transition: all .5s;}
header.fixed-header .right-navigation:before {background-position: -170px -1px; }
header.fixed-header .right-navigation .mobile-numbers .numbers span a:hover, header.fixed-header .top-navigation li a:hover {color: #8dc777;}
header.fixed-header .site-description {opacity: 0; visibility: hidden; width: 0; height: 0; padding: 0 }
header.fixed-header .right-navigation .mobile-numbers .numbers, .side-header header .right-navigation .mobile-numbers .numbers {margin-bottom: 2.5px;white-space: nowrap;}
header.fixed-header .top-navigation li:after {background:#004964; }

/*************right-contact css start*********/
.mobile-numbers .numbers span a {margin-left: 3px;}
.mobile-numbers .numbers span, .contact-sub-title {font-family: 'texgyreadventor-bold'; font-size: 20px; text-transform: uppercase; letter-spacing: 0.1px; line-height: 28px; color: #8DC73F; }
/*************right-contact css end*********/

/**********home header*******/
.home header {position: absolute; width: 100%; z-index: 3000}
.home header.fixed-header {position: fixed; width: 100%;}
header .nav-col .top-navigation {width: 100%;}
.home .fixed-header .logo img {max-width: 100px;}
.home header.fixed-header .inner-header {padding: 10px 52px 10px 70px;}
.home header.fixed-header .logo {padding-top: 0}
/*************home header end***/
@media(min-width: 1930px){
    .side-header header .top-navigation {padding-left: 25%;}
    header .top-navigation li.menu-item{padding: 0 23px;}
}
@media(max-width: 1897px){
    header .nav-col {padding-left: 0px;}
    header .top-navigation li.menu-item {padding: 0 28px;}
    header .nav-col .top-navigation {width: 100%;}

}
@media(max-width: 1650px){
    header .nav-col {padding-left: 0px; text-align: center;}
    header .inner-header {padding: 55px 35px 10px 35px;}
    header.fixed-header .inner-header {/*padding: 15px 35px 15px 35px;*/padding: 10px 35px 10px 35px;}
    .home header.fixed-header .inner-header {padding: 10px 35px 10px 35px;}
    header .top-navigation li a { font-size: 15px;}
    header .top-navigation li.menu-item{padding: 0 15px;}
    .mobile-numbers .numbers span {font-size: 16px;}
}
@media(max-width: 1280px){
    header .logo .stickey-logo img {display: block;}
    header .main-logo, header .main-navigation {flex: 0 0 50%;  max-width: 50%;}
    header .inner-header {background: #fff;}
    header .logo .stickey-logo, .nav-col.menu-opened .top-navigation .mobile-numbers,
    .hamburger, .top-nav li .submenuToggle {display: block; opacity: 1; visibility: visible;}
    header .logo .desc {display: none;}

    header.fixed-header .inner-header, header .inner-header {padding: 9px 20px 10px 20px;}
    .home header.fixed-header .inner-header {padding:9px 20px 10px 20px; }
    
    header .logo img {max-width: 120px;}
    header .mobile-numbers {display: inline-block; padding-right: 19px; border-right: 1px solid #153952;}
    .mobile-numbers .numbers span a {color: #153952;}
    header .right-navigation:before {background-position: -83px -1px; left: 48px; width: 30px;}
    header.fixed-header .right-navigation:before {background-position: -83px -1px;}
    header .right-navigation {padding-left: 84px; }
    .mobile-numbers .numbers span {line-height: 21px; font-size:14px; }
    .nav-col.menu-opened  {display: block;opacity: 1; visibility: visible; overflow: auto; transition: ease all .5s;}
    header .nav-col.menu-opened .top-navigation li {display: block; margin-bottom: 54px;}
    header .nav-col{width: 100%; position: fixed;top: 0; bottom: 0; left: 0;right: 0;margin: auto;background: #044A64; flex: 0 0 100%; max-width: 100%; opacity: 0; visibility: hidden; z-index: 1;padding: 0}
    header .top-navigation {display: flex;align-items: center;justify-content: center;width: 100%; height: 100%; position: relative;}
    header .top-navigation li a {font-size: 44px; font-family: 'texgyreadventor-regular'; }
    header .top-navigation li.menu-item{padding:0; }
    header .top-navigation li:after {display: none;}
    header .top-navigation .inner-nav {    width: 100%; height: 100%; padding-bottom: 0px; overflow: scroll; padding-top: 124px;}
    header .top-navigation .inner-nav .menu-main-menu-container {overflow: auto;padding-bottom: 170px; padding-top: 10px;}
    header .top-navigation .inner-nav ul.menu {padding:0 10px; }
    .top-navigation .mobile-numbers {text-align: left; background:#fff;padding:40px 0px 40px 220px; position: fixed; width: 100.2%; bottom: 0; left: 0}
    .top-navigation .mobile-numbers {line-height: 30px;: }
    .top-navigation .mobile-numbers .numbers span {font-size: 30px;}
    .top-navigation .mobile-numbers:before  {    background-position: -120px -1px; width: 45px; height: 83px; left: 160px; top: 36px;}
    .top-navigation .mobile-numbers .numbers {line-height: 46px;}
    header.fixed-header .top-navigation li a {color: #fff;}
    header .inner-header .main-navigation {display: flex;align-items: center;justify-content: flex-end;}
    .cl-logo-description {font-size: 15px; color: #004964; font-family: 'texgyreadventor-bold';margin-top: 5px; display: block;}
    .home header.fixed-header .cl-logo-description {font-size: 13px; }
}
    @media(max-width: 991px){
        .fixed-header .logo img, header .logo img {max-width: 66px;}
        header .inner-header {padding: 9px 20px 10px 20px;}

        .home .fixed-header .logo img {max-width: 66px;}

    }
@media(max-width: 767px){
    header .right-navigation:before, header .mobile-numbers {display: none;}

    .top-navigation .mobile-numbers {padding: 20px 0px 21px 60px}
    .top-navigation .mobile-numbers:before {background-position: -114px -1px;    width: 32px; height: 53px; left: 20px; top: 18px; background-size: 330px; }
    .top-navigation .mobile-numbers .numbers {line-height: 28px;}
    .top-navigation .mobile-numbers .numbers span {font-size:18px; }
    header .top-navigation li a {font-size: 30px;}
    header .nav-col.menu-opened .top-navigation li {margin-bottom: 30px;}

    .hamburger.is-active {right:15px; margin-top:-25px; top: 17px;}
    .hamburger--3dxy-r.is-active .hamburger-inner::before {transform: translate3d(0, 6px, 0) rotate(48deg);height: 3px;width: 25px;}
    .hamburger--3dxy-r.is-active .hamburger-inner::after {transform: translate3d(0, -9px, 0) rotate(-48deg);height: 3px;width: 25px;}
    .spotlight:before, .testimonial:before {display: none;}
    header .inner-header {padding: 10px 16px 14px 16px;}
    header.fixed-header .inner-header { padding: 10px 16px 14px 16px;}
    .home header.fixed-header .inner-header {padding: 10px 16px 10px 16px;}
     header .top-navigation .inner-nav .menu-main-menu-container {    padding-bottom: 100px;  height: 100%;}
    
    header .top-navigation .inner-nav {padding-top: 66px;}

}

footer .container {padding-right: 8px;padding-bottom: 10px;}
footer .row {margin:0; }
footer .location {font-size: 20px;font-family: 'texgyreadventor-regular'; color: #fff; line-height: 28px;}
footer .location .area {padding-left: 46px; display: block; position: relative;}
footer .location .area:before {content: ''; position: absolute;width: 31px; height: 44px; background:url(../images/location.svg); left: 0; top:5px;}
footer { clear: both; padding: 94px 0 15px; position: relative;}
.home footer {padding-top: 55px;}
footer .footer-mobile-number {padding-left: 0; padding-right: 0; text-align: right;}
footer .footer-mobile-number .inner-footer-mobile-number {text-align: left;display: inline-block;}
footer .footer-mobile-number .mobile-numbers {padding-left: 50px;position: relative; margin-bottom: 27px;}
footer .footer-mobile-number .mobile-numbers:before {    content: ''; position: absolute; left: 4px; top: 3px; background: url(../images/sprite.svg); width: 30px; height: 52px; background-position: -45px -1px; background-size: 243px;}
footer .footer-logo img {max-width: 185px; width: 100%; height: 100%;}
footer .social-icons .footer-social {position: relative;display: inline-block;margin-right: 30px; width: 27px; height: 27px;}

/* footer .social-icons .footer-social:before {content: ''; position: absolute;left: 0; top: 0;width: 30px;background:url(../images/social-sprite.svg) no-repeat;height: 25px;}
.side-header footer .social-icons .footer-social:before {background: url(../images/inner-footer-social.svg) no-repeat;}
footer .social-icons .facebook:before, .side-header footer .social-icons .facebook:before  {  background-position: 7px -2px;  }
footer .social-icons .instagram:before, .side-header footer .social-icons .instagram:before  {  background-position: -56px -2px;  }
footer .social-icons .linkedin:before, .side-header footer .social-icons .linkedin:before  {  background-position: -120px -2px;  }
footer .social-icons .tweeter:before, .side-header footer .social-icons .tweeter:before  {  background-position: -182px -2px;  } */


footer .social-icons .footer-social {position: relative;display: inline-block;margin-right: 35px; width: 27px; height: 27px;}
footer .social-icons .fa {font-size: 28px; color: #004964;}
.home footer .social-icons .fa {color: #fff;}
footer .social-icons .fa:hover {color: #8DC73F;}
/*footer .social-icons .footer-social:before {content: ''; position: absolute;left: 0; top: 0;width: 30px; height: 25px; background: url(../images/social-icons.svg) no-repeat; background-size: 211px 93px;}


footer .social-icons .facebook:before  {  background-position: 7px -2px;  }
footer .social-icons .instagram:before  {  background-position: -56px -2px;  }
footer .social-icons .linkedin:before  {  background-position: -120px -2px;  }
footer .social-icons .tweeter:before  {  background-position: -182px -2px;  }
footer .social-icons .facebook:hover:before  {  background-position: 7px -33px;  }
footer .social-icons .instagram:hover:before  {  background-position: -56px -33px;  }
footer .social-icons .linkedin:hover:before  {  background-position: -120px -33px;  }
footer .social-icons .tweeter:hover:before  {  background-position: -182px -33px;  }

.side-header footer .social-icons .facebook:before {  background-position: 7px -64px;  }
.side-header footer .social-icons .instagram:before {  background-position: -56px -64px;  }
.side-header footer .social-icons .linkedin:before {  background-position: -120px -64px;  }
.side-header footer .social-icons .tweeter:before {  background-position: -182px -64px;  }
.side-header footer .social-icons .facebook:hover:before {  background-position: 7px -33px;  }
.side-header footer .social-icons .instagram:hover:before {  background-position: -56px -33px;  }
.side-header footer .social-icons .linkedin:hover:before {  background-position: -120px -33px;  }
.side-header footer .social-icons .tweeter:hover:before {  background-position: -182px -33px;  }
*/

footer .mobile-numbers .numbers span {color: #fff;}

footer .top-footer {padding-bottom: 50px;}
footer .copyright {color: #fff;}

footer .copyright .left-copyright { text-align: left; width: 50%;padding-left: 17px;}
footer .copyright .right-copyright {max-width: 50%; text-align: right; width: 100%;}
footer .copyright .left-copyright .bold-text{    font-family: 'texgyreadventor-bold'; display: inline-block;}
footer .copyright  a {position: relative;}
footer .copyright  a:hover:after {content: ''; position: absolute;left: 0;bottom: 0; width: 100%; height: 1px; background: #8DC73F;}
footer .copyright .right-copyright a:hover {color: #8DC73F;}
/*footer .copyright .right-copyright a {color: #8DC73F;}*/
/**************inner-footer*****************/
.side-header footer {padding-left: 406px; padding-top: 56px;}
.side-header footer .inner-footer {padding: 0 34px;}
.side-header footer .mobile-numbers .numbers span,.side-header footer .mobile-numbers .numbers span a, .side-header footer .location .area a {color: #004964;}
.side-header footer .mobile-numbers .numbers span a:hover, .side-header footer .location .area a:hover {color: #8dc73f;}
.side-header footer .copyright {padding: 0 35px 0 32px;}
.side-header footer .copyright a {color: #8dc73f;}
.side-header footer .left-copyright, .side-header footer .right-copyright, .side-header footer .copyright a:hover, .side-header footer .left-copyright a {color: #004964;}
.side-header footer .left-copyright a:hover {color: #8dc73f;}
.side-header .site-header {position: fixed;width: 100%;}
.side-header .inner-wrapper {padding-top: 140px;}

/**************inner-footer end*****************/
@media(min-width: 1281px) and (max-width: 1400px){
    footer .copyright .left-copyright .bold-text {margin-top: 4px;}
}
@media(max-width: 1280px){
    .side-header .inner-wrapper {padding-top: 102px;} 
    footer {padding: 42px 0 30px 0;}
    footer .footer-mobile-number .mobile-numbers span a {color: #fff;}
    footer .footer-mobile-number .mobile-numbers span a:hover {color: #8DC73F;}
    footer .footer-logo {text-align: left !important; padding-left: 5px;}
    
    footer .location {font-size: 14px; padding-left: 12px; line-height: 20px;}
    footer .location .inner-locatiom {text-align: center;}
    footer .location .area {padding-left: 33px; display: inline-block;text-align: left;}
    footer .location .area:before {background-repeat: no-repeat;background-size: 20px; }
    footer .footer-mobile-number .inner-footer-mobile-number {float: right;}
    footer .footer-mobile-number .mobile-numbers:before {    background-position: -29px -1px; background-size: 173px;}
    footer .footer-mobile-number .mobile-numbers {padding-left: 43px; margin-bottom: 14px;}
    footer .social-icons .footer-social {margin-right: 17px; width: 27px; }
    footer .social-icons .footer-social:before, .side-header footer .social-icons .footer-social:before {background-size: 174px}
    footer .social-icons .instagram:before, .side-header footer .social-icons .instagram:before {background-position: -45px -2px;}
    footer .social-icons .linkedin:before, .side-header footer .social-icons .linkedin:before {background-position: -97px -2px;}
    footer .social-icons .tweeter:before, .side-header footer .social-icons .tweeter:before {background-position: -149px -2px;}
    footer .footer-mobile-number {padding-right: 0;}

    footer .copyright .right-copyright, footer .copyright .left-copyright {max-width: 100%;text-align: center; width: 100%;}
    footer .top-footer {padding-bottom: 25px;}
    footer .copyright {font-size: 14px; line-height: 20px;}

}
@media(max-width: 991px){
    .side-header .inner-wrapper {padding-top: 73px;} 
    footer .footer-logo img {max-width: 102px; padding-top: 4px;}
    footer .footer-logo {  max-width: 25%;}
    footer .location {flex: 0 0 41.666667%; max-width: 41.666667%;}
    footer .location .inner-locatiom{text-align: left;}
    footer .social-icons {padding-left: 9px;}
    footer .social-icons .fa {font-size: 20px;}
    footer .social-icons .footer-social {margin-right: 20px;}
    .home footer {padding-top: 47px;}
    footer .container {padding-bottom: 3px; padding-right: 15px;}
    
}

@media(max-width: 767px){
    .side-header .inner-wrapper {padding-top: 78px;} 
    footer {padding: 46px 0 20px 0; text-align: center;}
    footer .location {flex: 0 0 100%; max-width: 100%; margin-bottom: 14px;}
    footer .footer-logo {max-width: 100%; margin-bottom: 30px;}
    footer .footer-logo {padding-left: 15px; text-align: center !important;}
    footer .location .area {padding-left: 0; padding-top:35px;  }
    footer .location .area:before {left: 52%; top: 0; transform:translateX(-52%); background-size:22px;  }
    footer .footer-mobile-number  {padding: 0 15px;}
    footer .footer-mobile-number .mobile-numbers {padding-top: 40px; margin-bottom: 24px; padding-left: 0;}
    footer .footer-mobile-number .mobile-numbers:before {top: 0; left: 50%; transform:translateX(-50%); }
    footer .social-icons .footer-social {margin-right: 13px;}
    footer .footer-mobile-number .inner-footer-mobile-number {float: none; display: block;text-align: center;}
    footer .location .area {text-align: center;}
    footer .location .inner-locatiom {text-align: center;}
    footer .container {padding: 0 15px;} 
    .side-header footer {padding-top: 45px;}

    footer .copyright .right-copyright, footer .copyright .left-copyright {margin-bottom: 5px;}
    footer .copyright {font-size: 12px; line-height: 17px;}
    footer .top-footer {padding-bottom: 22px;} 
    footer .copyright .left-copyright {line-height: 15px; padding-left: 0;}


}

@media(max-width: 374px){
    .side-header footer .copyright {padding: 0 0px 0 0px;}
    
}

/*********************side bar css******************/
.side-header .fixed-sidebar {    position: fixed; left: 0; top: 0; width: 406px; height: 100%; background: #004964; z-index: 100; padding: 60px 57px;}
.fixed-sidebar .big-logo {text-align: center;}
.site-description {font-size: 25px; font-family: 'texgyreadventor-bold'; color: #fff; text-align: center;display: block; padding: 27px 0; text-transform: uppercase; letter-spacing: 2px;padding-left: 15px;}
.search-artist input::placeholder {color: rgba(255,255,255,1); font-weight: normal;}
.fixed-sidebar .voice-search {/*padding-top: 63px;*/ padding-top: 13px; }
.search-artist input.search-box {    border-radius: 0; width: 100%;color: #fff; font-size: 18px; padding: 10px 5px; height: auto;background:url(../images/search-icon.svg) no-repeat right center; }
.fixed-sidebar .site-description {padding-left: 0;}
.fixed-sidebar .search-artist {/*margin-bottom: 40px;*/margin-bottom: 35px;}
.fixed-sidebar .separator {padding-top: 0; padding-bottom: 0px;}
.fixed-sidebar .select-search .form-group {margin-bottom: 19px;}
.fixed-sidebar .select-search .form-group.search-btn {margin-top: 40px;}
.side-header .mobile-search {display: none;}
.voice-search input[type="submit"] {background: transparent; border-color: #fff; text-transform: uppercase; font-size: 16px; padding: 12px 16px; border-radius: 6px; }
.voice-search input[type="submit"]:hover {background:#80bd27; color: #fff; border-color: #80bd27;  }
.side-header .fixed-sidebar input[type="submit"] {max-width: 69.6%; height: 50px; color: #fff;}
.side-header .fixed-sidebar input[type="submit"]:hover {border-radius: 8px;}
.fixed-sidebar .select-search {padding-top: 35px;}
.side-header .site-description {display: none;}
.fixed-sidebar .separator  {font-size: 16px; color: #808080;}
.fixed-search {height: 100%;max-height: 670px; }
/*.fixed-sidebar .fixed-search .mCSB_container {height: 100%;}*/
.fixed-sidebar .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {height: 100%;}
.fixed-sidebar .search-artist input.search-box {border-bottom: 2px solid rgba(255,255,255,.6);}

.cl-search-form.search-artist input.search-box{
 background:transparent
}
.side-header .search-artist form{
 position:relative;
}
.side-header.search-artist form .search-box{
 padding-right:44px;
 bacground: #004964;
}
.side-header .search-artist form input[type="submit"],
.side-header .search-artist form input[type="submit"]:hover{
 background:url(../images/search-icon.svg) no-repeat center;
 width:30px;
 height:30px;
 display:block;
 border:0;
 padding:0;
 text-indent:999px;
 overflow:hidden;

 position:absolute;
 top:8px;
 right:-1px;
 outline:none;
 
}
.fixed-sidebar .no-options { 
    width: 100%;
    font-size: 14px;
    margin-bottom: 6px;
    margin-top:-5px;
    display: block;
    text-align: center;
    color:red;
}


@media(max-height: 900px){
    .fixed-search.mCustomScrollbar {/*padding-bottom: 30px;*/height: 530px;}
    .fixed-sidebar .select-search .form-group:nth-child(n + 6) .ms-options{min-height: 200px;bottom:48%;bottom: calc(100% - 25px); min-height: 200px !important;}
}
@media(min-width: 1281px){
    
    header .top-navigation li.menu-item ul {    position: absolute;
    top: 105%;
    padding-top: 15px;
    width: 106%;
    left: 0;
    border-radius: 5px;
    display: inline-block;
    /*overflow: hidden;*/
    border-top-left-radius: none;
    border-top-right-radius: none;
    opacity: 0; visibility: hidden;
    -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;
    }
    header.fixed-header .top-navigation li.menu-item ul.sub-menu {padding-top: 32px;}
    header .top-navigation li.menu-item:hover > ul {opacity: 1;visibility: visible; backface-visibility: hidden; -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
header .top-navigation li.menu-item ul li {    background: #fff; display: block; padding: 0;}
.side-header header .top-navigation li.menu-item ul {padding-top: 55px;}
.side-header header.fixed-header .top-navigation li.menu-item ul {padding-top: 25px;}
 header .top-navigation li.menu-item ul li:first-child { border-top: 3px solid #80bd27;
    box-shadow: 0px 4px 25px rgba(0,0,0,0.15), 0px 3px 14px rgba(0,0,0,0.05);}
 header .top-navigation li.menu-item ul li {border-top: 1px solid #f3f3f3;
    box-shadow: 0px 9px 20px rgba(0,0,0,0.15), 0px 3px 10px rgba(0,0,0,0.05);}

header .top-navigation li.menu-item ul li a    {padding: 15px 10px 15px 33px; color: #004964;
    display: block;
    font-size: 16px;
    /* background: #ccc; */
    /* width: 100%; */
    text-align: left;}
header .top-navigation li.menu-item ul li a:hover {color: #80BA3F;}
header .top-navigation li .submenuToggle {    background: url(../images/down-arrow.svg)no-repeat center center; width: 14px; height: 17px; z-index: 999999; display: inline-block; margin-left: 12px; top: 3px; position: relative; /*-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;*/}
header.fixed-header .top-navigation li .submenuToggle, .side-header header .top-navigation li .submenuToggle, header .top-navigation li ul .submenuToggle {background: url(../images/down-blue-arrow.svg)no-repeat center center; background-position: 0 center;}
header.fixed-header .top-navigation li ul li .submenuToggle, .side-header header .top-navigation li ul li .submenuToggle, header .top-navigation li ul .submenuToggle {background-position: -0px center;}
header .top-navigation li ul .submenuToggle {position: absolute;top: 50%; transform: translateY(-50%) rotate(-90deg); right: 20px;}
header .top-navigation li ul li:hover > .submenuToggle {transform:translateY(-50%) rotate(-90deg);top: 50%; background-position: -15px center;transition: inherit;}
header .top-navigation li:hover > .submenuToggle {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg); -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease; }
header .top-navigation li.menu-item ul ul, .side-header header.fixed-header .top-navigation li.menu-item ul ul {left: 100%; top: -3px; padding-top: 0 !important; z-index: 99;}
header.fixed-header .top-navigation li.menu-item ul ul {padding-top: 0 !important;}
header .top-navigation li ul li:after {display: none;}

    .side-header .fixed-sidebar .site-description {display: block;}
    .side-header .site-header {padding-left: 406px;    -webkit-box-shadow: /*0 4px 9px 2px rgba(0,0,0,.2)*/0 3px 17px 0px rgba(0,0,0,0.05), 0 3px 5px 0px rgba(0,0,0,0.05), 0 0px 0px 0px rgba(0,0,0,0.05);box-shadow: 0 3px 17px 0px rgba(0,0,0,0.05), 0 3px 5px 0px rgba(0,0,0,0.05), 0 0px 0px 0px rgba(0,0,0,0.05);}
    .side-header .header .nav-col {padding: 0 15px 0 10px;}
    .side-header .site-header {box-shadow: none;}
    .side-header .site-header.fixed-header {box-shadow: 0 3px 17px 0px rgba(0,0,0,0.05), 0 3px 5px 0px rgba(0,0,0,0.05), 0 0px 0px 0px rgba(0,0,0,0.05);}
    .side-header header .inner-header {padding: 38px 52px 41px 0px; background:#fff; }
    .side-header header.fixed-header .inner-header {padding: 10px 52px 10px 0px}
     .side-header .main-logo {display: none;}
    .side-header .nav-col {flex: 0 0 75%; max-width: 75%;}
    .side-header header .nav-col {padding: 0 5px 0 0px; display: flex;align-items: center;justify-content: center;}
    .side-header header .top-navigation {width: 100%;}
    .side-header header .top-navigation li a {color: #004964;}
    .side-header header .right-navigation:before {background-position: -170px 3px;}
    .side-header header .right-navigation .mobile-numbers .numbers span a {color: #004964;}
    .side-header header .right-navigation .mobile-numbers .numbers span a:hover, .side-header header .top-navigation li a:hover {color: #8dc777;}
    .side-header header .top-navigation li:after {background: #004964;}
    .side-header header .top-navigation li.current-menu-item a {border-bottom: 2px solid #8DC73F;}
    .side-header header .top-navigation li.current-menu-item ul li a {border-bottom: none !important;}
    .side-header header .top-navigation li ul li.current_page_item > a {color: #8DC73F; border-bottom: none;}

    .cl-logo-description {display: none;}
    .home header.fixed-header .cl-logo-description {display: block; color: #004964;font-family: 'texgyreadventor-bold'; margin-top: 5px;font-size: 13px; }
    header .top-navigation li.current_page_parent a, body.single-post header .top-navigation li.sub-news a,
body.single-artists header .top-navigation li.sub-voice a {border-bottom: 2px solid #8dc777;}
}

@media(max-width: 1880px) and (min-width: 1600px) {
    .side-header header .top-navigation li a { font-size: 16px;}
    .side-header header .top-navigation li {padding: 0 20px;}
    .side-header .mobile-numbers .numbers span {font-size: 16px;}
    .side-header .nav-col {max-width: 73%;}
    .side-header .main-navigation {flex: 0 0 27%; max-width: 27%;}
}
@media(max-width: 1600px) and (min-width: 1281px) {
    .side-header .fixed-sidebar {width: 300px; padding: 40px 30px;}
    .side-header .site-header, .side-header footer {padding-left: 300px;}
    .side-header header .inner-header {padding: 38px 30px 41px 0;}
    .side-header header.fixed-header .inner-header {padding: 10px 30px 10px 0;}
    .side-header .nav-col {max-width: 72%;}
    .side-header .main-navigation {flex: 0 0 28%; max-width: 28%; padding: 0;}
    .side-header header .right-navigation {padding-left: 45px;}
    .side-header footer .location {font-size: 15px;}
    .fixed-search .select-search .ms-options-wrap button {font-size: 14px; padding: 12px 30px 12px 16px;}
    .fixed-search .select-search .ms-options-wrap.ms-active button:after {top: 30%;}
    .fixed-search .select-search .ms-options-wrap button:after {width: 16px; height: 13px; right: 10px;background-size: contain;}
    .side-header .fixed-sidebar input[type="submit"] {font-size: 14px;}
    .side-header .fixed-sidebar .site-description {font-size: 22px;}
    .side-header header .right-navigation .mobile-numbers .numbers span a {margin-left: 0;} 
    .side-header header .nav-col {padding:0 0px 0 15px; }
}

@media(max-width: 1280px){
    .fixed-sidebar .big-logo{display:none;}
    .side-header .site-description {display: none;}
    .side-header .fixed-sidebar {width: 100%; top: 100%;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;display:-webkit-box; display:-ms-flexbox; display:flex;    -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .side-header .fixed-sidebar.open {top: 0; -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s; padding-top: 100px; }
    .side-header .mobile-search.open {bottom:90%; z-index: 9999; height: 30px; -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
    .side-header .mobile-search.open a .search-icon {background: url(../images/close-icon.svg) no-repeat center center; background-color: #80bd27;background-position: 10px center}
    .site-description {display: none;} 
    .side-header .mobile-search {display: block; position: fixed; bottom: 0; background: #004964; width: 100%; text-align: center; left: 0; box-shadow:0 -4px 5px rgba(0,0,0,.2); z-index: 99;}
    .side-header .mobile-search a{display: inline-block; border-radius: 50%; border: 5px solid #054964; box-shadow: 0px -5px 10px rgba(0,0,0,0.2); margin-top: -20px;}
    .side-header .mobile-search a .search-icon {width: 38px; height: 38px; border-radius: 50%; background: url(../images/search-icon.svg) no-repeat center center; background-size: 60%; background-color: #80bd27; display: inline-block;}
    .fixed-sidebar .big-logo img {opacity: 0; visibility: hidden;}
    .fixed-sidebar .fixed-search {-webkit-box-flex:0; -ms-flex:0 0 40%; flex:0 0 40%}
    .fixed-sidebar .search-artist {/*margin-bottom:  0px;*/}
    .fixed-sidebar .separator {}
    .fixed-sidebar .search-artist .search-box {font-size: 17px; padding-left: 0;}
    .fixed-sidebar .select-search .form-group {margin-bottom: 11px;}
    .select-search .ms-options-wrap button {font-size: 15px; padding:14px 16px; }
    .select-search .search-btn {margin-top:35px;}
    .voice-search input[type="submit"] {    font-size: 15px;padding: 13px 72px; width: auto;}
    .fixed-sidebar .voice-search {padding-top: 17px;}
    .side-header footer {padding-left: 0;}
    footer {padding-bottom: 60px;}
    .home footer {padding-bottom: 20px;}
    header.fixed-header .logo .stickey-logo img {max-width: 100px;}
    header .logo {padding-top: 0;}
    .cl-logo-description {font-size: 13px;}

    header .nav-col.menu-opened .top-navigation li .submenuToggle{width: 30px;height: 30px; display: inline-block; position: absolute; top: 6px; transform: translateY(-14%); margin-left: 15px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
    header .nav-col.menu-opened .top-navigation li .submenuToggle:before{content: "\f107 "; position: absolute; top: 0; left: 0; font-family: fontAwesome; font-size: 40px; width: 30px; height: 30px;color: #fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
    header .nav-col.menu-opened .top-navigation li ul.sub-menu {display: none; padding-top: 54px; color: rgba(255,255,255,.6);}
    header .nav-col.menu-opened .top-navigation li ul li a {color: rgba(255,255,255,.7); font-size: 38px;}
    header .nav-col.menu-opened .top-navigation li ul ul li a {color: rgba(255,255,255,.4); font-size: 32px;}
    header .nav-col.menu-opened .top-navigation li.submenuOpened ul li.submenuOpened .submenuToggle:before,
    header .nav-col.menu-opened .top-navigation li.submenuOpened .submenuToggle:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
    header .nav-col.menu-opened .top-navigation li.submenuOpened .submenuToggle {top: 0; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
    header .nav-col.menu-opened .top-navigation li.submenuOpened ul li .submenuToggle:before {transform:rotate(0deg); }
    header .nav-col.menu-opened .top-navigation li ul li {margin-bottom: 30px;}
    header .nav-col.menu-opened .top-navigation li > ul ul {padding-top: 30px !important;}
    header .nav-col.menu-opened .top-navigation li ul ul li {margin-bottom: 30px; }
    header .nav-col.menu-opened .top-navigation li.current_page_item > a {color: #80BA3F}
}
@media(max-width: 991px){
    .fixed-sidebar .separator  {display: block;} 
    .side-header footer .inner-footer {padding: 0 10px 0 0;}
    .cl-logo-description {font-size: 13px;}
    header.fixed-header .logo .stickey-logo img {max-width: 66px;}

}
@media(max-width:767px){
    .side-header footer .inner-footer {padding: 0;}
    .side-header .mobile-search.open{bottom:80%}
    .side-header .fixed-sidebar.open{padding-top:75px}
    .fixed-sidebar .voice-search{max-width:390px;margin:auto; height: 100%;overflow: auto; padding: 0 20px;}
    .side-header .fixed-sidebar{padding:15px}
    .fixed-sidebar .search-artist{margin-bottom:20px}
    .fixed-sidebar .fixed-search {-webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%;height:100%;overflow:auto;}
    header .nav-col.menu-opened .top-navigation li ul.sub-menu {padding-top: 30px;}
    header .nav-col.menu-opened .top-navigation li ul li a {font-size: 28px;}
    header .nav-col.menu-opened .top-navigation li ul ul li a {font-size: 25px;}
    header .nav-col.menu-opened .top-navigation li ul li {margin-bottom: 15px;}
    header .nav-col.menu-opened .top-navigation li > ul ul {padding-top: 15px !important;}
    header .nav-col.menu-opened .top-navigation li ul ul li {margin-bottom: 15px;}
    .fixed-sidebar .select-search {padding-top: 20px;}
    .side-header .fixed-sidebar input[type="submit"] {padding: 13px 57px;}
    

}
@media(max-width:480px){
    
    .side-header .fixed-sidebar.open{padding-top:60px}
}
@media(max-width: 479px){
    .side-header .mobile-search.open{bottom:90%}  
}
@media(max-width: 374px){
    .fixed-sidebar .select-search .form-group.search-btn {text-align: center;}
}


/* box redesign start */
.voice-listing-main{margin-left:-8px; margin-right:-8px; }
.single-voice .front-side, .single-voice .back-side{ max-height: 340px; }
.loader-img {width: 60px;height: 60px;display: block;margin: 20px auto 0;background-size: cover !important;
    background-position: center !important;background-repeat: no-repeat !important;border-radius: 50%;
}


.media-wrap{
    position: absolute;
    width:100%;
    height: 100%;
}