/*
Theme Name: Robb Report Thought Leaders
Theme URI: http://robbreport.com.sg
Author: Robb Report
Author URI: https://www.robbreport.com.sg/
Description: This theme is designed and coded specifically for Robb Report Thought Leaders It features homepage carousel, background video and loads of awesomeness.
Version: 1.0
Tags: Wordpress Theme, Carousel, Black, Fashion, Fullscreen slider, Gallery
*/

body { background-color: #000; color: #fff; font-family: 'Arnhem Fine Pro Nor'; font-size: 16px; font-style: normal; font-weight: normal; visibility: visible; max-width: 100%; overflow-x: hidden; }
img { max-width:100%; height:auto; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; }
p:last-child { margin-bottom: 0; }
a{ text-decoration:none; color: inherit; cursor: pointer; }
a, button, .btn, input{ -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
*:focus { outline:0px solid; }
a:focus { color: #303030; outline: medium none; text-decoration: none; }
a:hover { text-decoration: none; }
ul{ list-style: outside none none; margin: 0; padding: 0; }
.lead { font-size: 1.125em; font-weight: normal; }
.uppercase { text-transform: uppercase; }
b, strong, .bold { font-weight: bold; }
.text-center { text-align: center; }
.evo { font-family: 'MADE Evolve Sans EVO'!important; }
sup { font-size: 40%; top: -1.1em; }
.normal, span.normal { font-weight: normal!important; }
.font-light, span.font-light { font-weight: 300!important; }

.ls-gui-element.ls-circle-timer { display: none!important; }

/* Common Class */
.fix { overflow:hidden; }
.clear{ clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.table, .table-cell { display: table; height: 100%; margin: 0; }
.slide-table { display: table; height: 100%; width: 100%; }
.table-cell { display: table-cell; vertical-align: middle; }
.bg-image-none, .parallax-window { background-image: none !important; }
.no-padding { padding: 0!important; }
.row.no-gutter { margin-left: 0; margin-right: 0; }
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) { padding-right: 0; padding-left: 0; }
.row.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.img-responsive { display: block; }
.img-responsive.mobile { display: none; }
.relative { position: relative; }
img.inline { display: inline-block; margin: 0; }
img { display: block; max-width: 100%; height: auto; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.image-group img { max-width: 48%!important;  }

.vcenter { display: inline-block; vertical-align: middle; float: none; }

.container.fullwidth { width: 98%; }
.container.funnel { width: 100%; max-width: 680px; margin-left: auto; margin-right: auto; } 
.funnel h1.page-title { font-size: 2.25em; }

.burger-menu { display: block; position: absolute; right: 10px; top: 15px; }
.burger-menu i { color: #111; font-size: 2.5em; }
.thought-leaders-menu h3 { font-size: 1.75em; color: #000; margin-top: 40px; }
.thought-leaders-menu ul { margin: 10px 0; border-bottom: 1px solid #111; padding-bottom: 20px; }
.thought-leaders-menu ul li { line-height: 1.75; }
.thought-leaders-menu ul li a { color: #111; font-size: 1.5em; }
.thought-leaders-menu ul li a:hover { font-size: 1.75em; }


.landing-menu { text-align: center; color: #fff; }
.landing-menu ul li { line-height: 1; }
.landing-menu ul li { display: inline-block; font-size: 1.125em; border-right: 1px solid #fff; line-height: 1; padding: 0 10px; text-transform: uppercase; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; }
.landing-menu ul li a { color: #fff; }
.landing-menu ul li a:hover { text-decoration: underline; }
.landing-menu ul li:last-child { border-right: 0; }

.landing-content p { text-align: center; line-height: 1.2; font-size: 1.5em; }

.masthead h1 img { display: block; margin: 0 auto; text-align: center; max-width: 400px; height: auto;  }

/** MODAL **/
.modal { z-index: 99999; }
.modal-header .close { float: none; position: absolute; top: 10px; right: 10px; font-size: 2em; color: #111; opacity: 0.8; }
.modal-dialog { width: 720px; margin: 30px auto; max-width: 96%; color: #111; }
.modal-dialog.wide { width: 80%; max-width: 1280px; }
.modal-title { text-transform: uppercase; }
.modal-dialog.fullscreen { width: 100%; height: 90%; display: block; margin: 0 auto; padding-bottom: 40px; }
.modal-dialog.fullscreen .close { float: none; position: absolute; top: 15px; right: 15px; font-size: 3em; color: #111; opacity: 1; display: block; z-index: 99999; }
.modal-dialog.fullscreen .modal-body {}
.modal-dialog.fullscreen .modal-header img.logo { width: 70%; max-width: 230px; margin: 0 auto; }
.modal-dialog .modal-body { color: #111; }

/* Margin */
.mt-0{margin-top: 0px!important;}.mt-5{margin-top: 5px!important;}.mt-10{margin-top: 10px!important;}.mt-15{margin-top: 15px!important;}.mt-20{margin-top: 20px!important;}.mt-25{margin-top: 25px!important;}.mt-30{margin-top: 30px!important;}.mt-35{margin-top: 35px!important;}.mt-40{margin-top: 40px!important;}.mt-45{margin-top: 45px!important;}.mt-50{margin-top: 50px!important;}.mt-55{margin-top: 55px!important;}.mt-60{margin-top: 60px!important;}.mt-65{margin-top: 65px!important;}.mt-70{margin-top: 70px!important;}.mt-75{margin-top: 75px!important;}.mt-80{margin-top: 80px!important;}.mt-85{margin-top: 85px!important;}.mt-90{margin-top: 90px!important;}.mt-95{margin-top: 95px!important;}.mt-100{margin-top: 100px!important;}.mt-105{margin-top: 105px!important;}.mt-110{margin-top: 110px!important;}.mt-150{margin-top: 150px!important;}.mt-200{margin-top: 200px!important;}
.mb-0{margin-bottom: 0px!important;}.mb-5{margin-bottom: 5px!important;}.mb-10{margin-bottom: 10px!important;}.mb-15{margin-bottom: 15px!important;}.mb-20{margin-bottom: 20px!important;}.mb-25{margin-bottom: 25px!important;}.mb-30{margin-bottom: 30px!important;}.mb-35{margin-bottom: 35px!important;}.mb-40{margin-bottom: 40px!important;}.mb-45{margin-bottom: 45px!important;}.mb-50{margin-bottom: 50px!important;}.mb-55{margin-bottom: 55px!important;}.mb-60{margin-bottom: 60px!important;}.mb-65{margin-bottom: 65px!important;}.mb-70{margin-bottom: 70px!important;}.mb-75{margin-bottom: 75px!important;}.mb-80{margin-bottom: 80px!important;}.mb-85{margin-bottom: 85px!important;}.mb-90{margin-bottom: 90px!important;}.mb-95{margin-bottom: 95px!important;}.mb-100{margin-bottom: 100px!important;}.mb-105{margin-bottom: 105px!important;}.mb-110{margin-bottom: 110px!important;}
/* Padding */
.pt-0{padding-top: 0px!important;}.pt-5{padding-top: 5px!important;}.pt-10{padding-top: 10px!important;}.pt-15{padding-top: 15px!important;}.pt-20{padding-top: 20px!important;}.pt-25{padding-top: 25px!important;}.pt-30{padding-top: 30px!important;}.pt-35{padding-top: 35px!important;}.pt-40{padding-top: 40px!important;}.pt-45{padding-top: 45px!important;}.pt-50{padding-top: 50px!important;}.pt-55{padding-top: 55px!important;}.pt-60{padding-top: 60px!important;}.pt-65{padding-top: 65px!important;}.pt-70{padding-top: 70px!important;}.pt-75{padding-top: 75px!important;}.pt-80{padding-top: 80px!important;}.pt-85{padding-top: 85px!important;}.pt-90{padding-top: 90px!important;}.pt-95{padding-top: 95px!important;}.pt-100{padding-top: 100px!important;}.pt-105{padding-top: 105px!important;}.pt-110{padding-top: 110px!important;}.pt-120{padding-top: 120px!important;}.pt-130{padding-top: 130px!important;}.pt-150{padding-top: 150px!important;}
.pb-0{padding-bottom: 0px!important;}.pb-5{padding-bottom: 5px!important;}.pb-10{padding-bottom: 10px!important;}.pb-15{padding-bottom: 15px!important;}.pb-20{padding-bottom: 20px!important;}.pb-25{padding-bottom: 25px!important;}.pb-30{padding-bottom: 30px!important;}.pb-35{padding-bottom: 35px!important;}.pb-40{padding-bottom: 40px!important;}.pb-45{padding-bottom: 45px!important;}.pb-50{padding-bottom: 50px!important;}.pb-55{padding-bottom: 55px!important;}.pb-60{padding-bottom: 60px!important;}.pb-65{padding-bottom: 65px!important;}.pb-70{padding-bottom: 70px!important;}.pb-75{padding-bottom: 75px!important;}.pb-80{padding-bottom: 80px!important;}.pb-85{padding-bottom: 85px!important;}.pb-90{padding-bottom: 90px!important;}.pb-95{padding-bottom: 95px!important;}.pb-100{padding-bottom: 100px!important;}.pb-105{padding-bottom: 105px!important;}.pb-110{padding-bottom: 110px!important;}.pb-130{padding-bottom: 130px!important;}.pb-150{padding-bottom: 150px!important;}

.desktop-margin { display: none; }

/** Colors **/
.cori, .text-turquoise, .text-theme { color: #000 }
.text-purple { color: #9164cc }
.text-dark, { color: #111!important;  }
.text-yellow { color: #ffcb38!important; }
.text-white { color: #fff!important; }
.pink { color: #f84d89; }

.stroke { -webkit-text-stroke: 2px rgba(255,255,255,0.5); text-stroke: 2px rgba(255,255,255,0.5);  }

/* Background Color */
.bg-dark, .btn-dark { background-color: #111!important; }
.bg-yellow, .btn-yellow { background-color: #ffcb38!important; }
.bg-orange, .btn-orange { background-color: orange!important; }
.bg-green, .btn-green { background-color: #33dd6d!important; }
.bg-red { background-color: #111; }
.bg-white { background-color: #fff; }
.bg-turquoise { background-color: #00b4b1!important; }
.bg-pink, .btn-pink { background-color: #f84d89!important; }
.bg-paspink { background-color: #fe85b0!important; }
.bg-gray { background-color: #f1f1f1; }
.bg-dark-gray { background-color: #252830; }
.fixed-bg { background-attachment: fixed; }

/*Parallax background*/
.parallax  { background-size: cover !important; background-repeat: no-repeat; background-position: 50% 0; background-attachment: fixed !important; padding: 110px 0; }
.parallax h2 { font-size: 32px; position: relative; z-index: 1; }
.clip {clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%; left: 0px; top: 0px; display: block;}
.bg {left:0px; top:0px; width:100%; height:100%; overflow:hidden; background-repeat: repeat-y; background-position: 50% 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -khtml-background-size: cover; background-size: cover; background-attachment: fixed; display: block;}

.right-content-fader {
    width: 60%; height: 100%; display: block; position: absolute; right: 0; top: 0;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */
}
.left-content-fader {
    width: 60%; height: 100%; display: block; position: absolute; left: 0; top: 0;
    background: -webkit-linear-gradient(right, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); /* Standard syntax (must be last) */
}

/* Overlay */
.bg-overlay { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.bg-overlay:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; }
.overlay { position: relative; z-index: 1; }
.overlay:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: -1; }
.overlay-black:before { background-color: #000; }
.overlay-white:before { background-color: #fff; }
.overlay-darkblue:before { background-color: #001b53; }
.overlay-theme:before { background-color: #111; }
.overlay-10:before { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; }
.overlay-20:before { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }
.overlay-30:before { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
.overlay-40:before { opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
.overlay-50:before { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.overlay-60:before { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
.overlay-70:before { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.overlay-80:before { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.overlay-90:before { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }

/* Section */
section { overflow: hidden;  }
.section-block { border-top: 1px solid #eee; }
.section-title { position: relative; margin-bottom: 40px; }
.section-title.title-white::before, .section-title.title-white::after { background-color: #ffffff; }
.section-title::before { margin-right: 13px; right: 50%; }
.section-title::after { margin-left: 13px; left: 50%; }
.section-title.no-divide::before, .section-title.no-divide::after { display: none; }
.section-title h2, .section-title h3, h1.page-title { display: block; font-size: 2.5em; font-weight: 600; line-height: 1.2; text-transform: capitalize; }
.section-title.title-white h3 { color: #fff; }
.section-title h3 span { color: #111; font-weight: 600; }
.section-title h3 span.smallcase { font-size: 0.65em; text-transform: lowercase; }
.section-title .excerpt {}
.section-title p, .section-title .excerpt p, .section-title .excerpt h4 { display: block; font-size: 1.25em; font-weight: 200; margin-bottom: 12px; }
.section-title .excerpt h4 { font-size: 1.5em; } 
.section-title.title-white .excerpt p { color: #fff; }
.section-title i { color: #111; display: inline-block; font-size: 30px; }

h1.page-title { font-weight: 600; font-size: 3em; }
.page-content h1.page-title { text-align: center; margin-bottom: 40px; }
.page-content img.aligncenter { display: block; margin: 0 auto; }
.page-content img.btmline { border-bottom: 1px solid #eee; border-radius: 0 0 50% 50%; }
.page-content h3.lead { font-size: 2em; font-weight: 300; }
.page-content h3 { margin: 30px 0 20px 0; }
.page-content p a { color: #111; }

.boxed-layout.wrapper, .box-layout.wrapper { background-color: #fff; box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14); margin: auto; position: relative; max-width: 1240px; width: 100%; }

/* Scroll up */
#scrollUp { background-color: #111; bottom: 30px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); color: #fff; height: 40px; right: 30px; text-align: center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 40px; }
#scrollUp:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
#scrollUp i { display: block; font-size: 24px; line-height: 40px; }
/* Preloader Css */
.preloader{ background-color: #fff; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; z-index: 99999999; }
.loading-center{ width: 100%; height: 100%; position: relative; }
.loading-center-absolute { height: 150px; left: 50%; margin-left: -60px; margin-top: -10px; position: absolute; top: 50%; width: 120px; }
.object{ width: 20px; height: 20px; background-color: #111; float: left; margin: 0 10px; border-radius: 50% 50% 50% 50%; }
.object_one {	
  -webkit-animation: object_one 1.5s infinite; animation: object_one 1.5s infinite; }
.object_two { -webkit-animation: object_two 1.5s infinite; animation: object_two 1.5s infinite; -webkit-animation-delay: 0.25s; 
  animation-delay: 0.25s; }
.object_three { -webkit-animation: object_three 1.5s infinite; animation: object_three 1.5s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
@-webkit-keyframes object_one {
75% { -webkit-transform: scale(0); }
}
@keyframes object_one { 75% { 
    transform: scale(0);   -webkit-transform: scale(0); }
}
@-webkit-keyframes object_two { 75% { -webkit-transform: scale(0); }
}
@keyframes object_two { 75% { 
    transform: scale(0);   -webkit-transform:  scale(0); }
}
@-webkit-keyframes object_three { 75% { -webkit-transform: scale(0); }
}
@keyframes object_three { 75% { 
    transform: scale(0);   -webkit-transform: scale(0); }
}
/* Pagination */
.pagination { border-radius: 0; display: block; margin: 0; padding: 0; width: 100%; }
.pagination ul { display: inline-block; vertical-align: top; }
.pagination ul li { display: block; float: left; margin: 0 5px; }
.pagination ul li a { border: 1px solid #d7d7d7; color: #555555; display: block; height: 30px; line-height: 28px; width: 30px; }
.pagination ul li a i { display: block; line-height: 28px; }
.pagination ul li a:hover { border-color: #111; color: #111; }2
.pagination ul li.active a, .pagination ul li.active a:hover { background-color: #111; border-color: #111; color: #fff; }
/* Blockquote */
blockquote { border-left: 3px solid #111; }
blockquote p { font-size: 14px; line-height: inherit; }
/* Sub Title */
.sub-title { font-size: 13px; font-weight: 700; line-height: 12px; margin-bottom: 50px; padding-bottom: 10px; position: relative; text-transform: uppercase; }
.sub-title::before { background-color: #111; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 50px; }

/*-------------------------- 
	Button Style
--------------------------*/
.btn, .fasc-button { background-color: #fff; border: 1px solid #fff; border-radius: 25px; color: #333; display: block; height: 37px; line-height: 35px; padding: 0 25px; text-transform: uppercase; cursor: pointer; position: relative; }
.btn + .btn{ }
.btn.black { background-color: #333; border-color: #333; color: #fff; }
.btn.color { background-color: #111; border-color: #111; color: #fff; }
.btn.outline { background-color: transparent; color: #111; border: 2px solid #111;  }
.btn.outline-white { background-color: transparent; color: #fff; border: 2px solid #fff; }
.btn.transparent, .btn.color.transparent { background-color: rgba(255,255,255,0.2); color: #111; }
.btn.black.transparent { color: #333; }
.btn.color.transparent { color: #111; }
.btn.white.transparent { color: #fff; }
.btn.btn-lg { height: 44px; line-height: 42px; padding: 0 30px; min-width: 214px; max-width: 400px; }
.btn.btn-sm { height: 32px; line-height: 30px; padding: 0 20px; }
.btn.btn-xs { height: 28px; line-height: 26px; padding: 0 15px; }
.btn.center { margin-left: auto; margin-right: auto; }
.btn:hover, .btn.hover-white:hover { border-color: #fff; color: #333; }
.btn.color:hover { border-color: #fff ; color: #fff; }
.btn.outline:hover { border-color: #111; color: #111; background-color: #eee; }
.btn.outline-white:hover { border-color: #fff; color: #fff; background-color: rgba(255,255,255,0.2); }
.btn.hover-black:hover { background-color: #333; border-color: #333; color: #fff !important; }
.btn.hover-color:hover { background-color: #111; border-color: #111; color: #fff; }
.btn.white.transparent:hover { color: #111; }
.btn i.icofont, .btn i.fa, .btn i.fas, .btn i.fab { font-size: 1.25em; display: inline-block; vertical-align: -1px; margin-right: 10px; }
.btn i.icofont.right, .btn i.fa.right { margin-left: 5px; margin-right: 0;  }
.btn i.icofont.x2, .btn i.fa.x2 { font-size: 2.25em; position: absolute; top: 0; }
.btn i.icofont.right.x2, .btn i.fa.right.x2 { right: 20px; }
.btn.inline { display: inline-block; vertical-align: middle; }
.btn:active, .btn.active { box-shadow: none; }
nav .btn { background-color: transparent; border: none; }

.link-in-bio { background-color: #fff; }
.link-in-bio a.btn { width: 100%!important; height: auto; padding: 16px 10px!important; margin: 10px 0; border-radius: 50px; font-size: 1em; }
.bio-banner-image img { display: block; width: 100%; height: auto; }


/*-------------------------- 
	Form Style
--------------------------*/
.form .input input:focus, .form .input textarea:focus { border-color: #111; }
.form .input input[type="submit"] { background-color: #111; border-color:  #111; }
.form .input input[type="submit"]:hover { color: #111; }
.form-control { border-radius: 0; box-shadow: none; }


/*-------------------------- 
	Toggles & Accordions Style
--------------------------*/
.panel-group{}
.panel-group .panel { border: medium none; border-radius: 0; box-shadow: none; }
.panel-group .panel + .panel { margin-top: 20px; }
.panel-group .panel-heading { background-color: transparent; border-radius: 0; padding: 0; }
.panel-title { font-size: 18px; font-weight: 600; line-height: 30px; text-align: left; }
.panel-title a:before { position: absolute; left: 26px; font-size: 1.25em; font-weight: bold; content: "+"; }
.panel-title a { color: #333333; display: block; line-height: 30px; padding: 10px 16px 10px 36px; background-color: #eee; }
.panel-title a[aria-expanded="true"] { background-color: #111; color: #fff; }
.panel-title a[aria-expanded="true"]:before { content: "-"; color: #fff; }
.panel-body { border: 1px solid #111 !important; padding: 20px 30px 20px 35px; }
.panel-body p {}
/*-------------------------- 
	Tabs Style
--------------------------*/
.nav-tabs { border: none; }
.nav-tabs > li { margin: 0; }
.nav-tabs > li > a { border: medium none; border-radius: 0; }
.nav-tabs > li > a:hover { background-color: transparent; border-color: #eee #eee #ddd; color: #333; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #111; border: medium none; color: #fff; }
.nav-var-tabs { float: left; }
.nav-var-tabs > li { display: block; float: none; }
.nav-var-tabs > li > a { margin: 0; }
.tab-content { overflow: hidden; }
.tab-content > .tab-pane {}
.tab-content > .tab-pane > .tab-body { border: 1px solid #111; padding: 10px 15px; }
/*-------------------------- 
	Header Style
--------------------------*/
/* Header Common */
.header-absolute { left: 0; position: absolute; right: 0; top: 0; z-index: 9999; }
.header-transparent { background-color: transparent; }
.header-full-width { padding: 0 45px; }
.header-full-width .container { width: 100%; }
.boxed-layout .header-full-width, .box-layout .header-full-width { padding: 0; }
.boxed-layout .header-full-width .container, .box-layout .header-full-width .container { max-width: 1200px; }
/* Header Sticky */
.boxed-layout .sticky, .box-layout .sticky { left: auto; max-width: 1240px; right: auto; width: 100%; }
.stick { -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); position: fixed; }
.stick { background-color: rgba(255,255,255,0.9); -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); left: 0; position: fixed; right: 0; top: 0; z-index: 99999; }


.header-area{ background: #fff; padding: 0 20px; }
/* Menu Toggle */
.menu-toggle { box-sizing: border-box; float: right; height: 19px; margin-left: 30px; margin-top: 34px; padding: 0; }
.stick .menu-toggle { margin-top: 25px; }
.hamburger-box { height: 19px; width: 30px; }
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before { background-color: #fff; height: 2px; width: 30px; }
.hamburger-inner::before { top: -8px; }
.hamburger-inner::after { bottom: -8px; }
/* Header Top */
.header-top {}
.header-top-wrapper { padding: 10px 0 11px; position: relative; }
.header-top-wrapper::before { background-color: #fff; border-radius: 50%; bottom: 0; content: ""; height: 1px; left: 115px; position: absolute; right: 115px; opacity: 0.5; }
/* Header Top Left */
.header-top-left{}
.header-top-left p { display: inline-block; margin-bottom: 0; vertical-align: top; }
.header-top-left p + p { margin-left: 25px; }
.header-top-left p i { display: block; float: left; line-height: 30px; margin-right: 10px; }
.header-top-left p span { display: block; float: left; font-size: 12px; line-height: 28px; }
/* Header Top Right */
.header-top-right{}
.header-top-right p { display: inline-block; margin-bottom: 0; vertical-align: top; }
.header-top-right p i { display: block; float: left; font-size: 14px; line-height: 30px; margin-right: 10px; }
.header-top-right p span { display: block; float: left; font-size: 12px; line-height: 28px; }
/* Header Bottom */
.header-bottom{}
/* Header Logo */
.header-logo, .navbar-header { margin-bottom: 18px; margin-top: 20px; z-index: 999; }
.stick .header-logo, .stick .navbar-header { margin-bottom: 20px; margin-top: 20px; }
.header-logo .logo, .navbar-header .logo { max-width: 280px; display: block; height: auto; padding: 0; }
.header-logo .logo img{}
/* Menu Wrapper */
.menu-wrapper { position: relative; z-index: 9; }
/* Main Menu */
.main-menu { padding: 0; }
.menu-style-toggle{}
.menu-style-toggle nav { opacity: 0; margin-right: -30px; visibility: hidden; }
.menu-style-toggle nav.menu-open { opacity: 1; margin-right: 0; visibility: visible; }
.main-menu nav { float: left; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.main-menu nav > ul{}
.main-menu nav > ul li { position: relative; }
.main-menu nav > ul > li { display: block; float: left; padding: 24px 0; text-transform: uppercase; }
.main-menu nav > ul > li.current-menu-item a { color: #111; }
.main-menu nav ul li.current-menu-item ul.sub-menu li a { color: #FFF; }
.stick .main-menu nav > ul > li { padding: 23px 0; }
.main-menu nav > ul > li + li { margin-left: 44px; }
.main-menu nav > ul > li > a { color: #303030; display: block; font-size: 1em; font-weight: 700; line-height: 1.5; position: relative; }
.main-menu nav > ul > li > a i { display: inline-block; margin-right: 5px; font-size: 1.25em; }
.main-menu nav > ul > li.active > a { color: #111; }
.main-menu nav > ul > li.btn { font-size: 0.875em; top: -8px; }
.main-menu nav > ul > li.btn a { color: #fff; background-color: #111; padding: 7px 20px; border-radius: 20px;  }
/* Sub Menu 1st Level */
.main-menu nav > ul ul { background-color: #222; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: -168px; top: 70px; margin-top: 30px; opacity: 0; padding: 10px 0; position: absolute; text-align: left; transition: all 0.3s ease 0s; visibility: hidden; width: 220px; z-index: 99999; }
.main-menu nav > ul li:hover > ul { display: block; margin-top: 0; opacity: 1; visibility: visible; z-index: 99999; }
.main-menu nav > ul li ul li > a { color: #fff; display: block; line-height: 20px; padding: 10px 20px; }
.main-menu nav > ul li ul li a i { display: block; float: right; line-height: 20px; }
.main-menu nav > ul li ul li:hover > a { color: #eee; }
/* Sub Menu 2nd */
.main-menu nav > ul ul li ul { left: 100%; margin-left: -10px; top: 0; }
.main-menu nav > ul ul li:hover > ul { margin-top: 0; opacity: 1; visibility: visible; z-index: 99; }
/* Sub Menu 3rd Level */
.main-menu nav > ul ul ul li ul { left: auto; margin-right: -10px; right: 100%; }
.main-menu nav > ul ul ul li:hover > ul { margin-top: 0; opacity: 1; visibility: visible; z-index: 99; }
/* Sub Menu 4th */
.main-menu nav > ul ul ul ul li ul { left: 100%; margin-left: -10px; top: 0; }
.main-menu nav > ul ul ul ul li:hover > ul { margin-top: 0; opacity: 1; visibility: visible; z-index: 99; }
/* Sub Menu 5th */
.main-menu nav > ul ul ul ul ul li ul { left: auto; margin-right: -10px; right: 100%; top: 0; }
.main-menu nav > ul ul ul ul ul li:hover > ul { margin-top: 0; opacity: 1; visibility: visible; z-index: 99; }

/*-- Mobile Mean Menu
============================= */
.mean-container .mean-bar, .mean-container .mean-bar * { box-sizing: border-box; }
.mobile-menu { float: left; width: 100%; }
.mean-container .mean-bar { background-color: transparent; min-height: 0; padding: 0; }
/* Mean Menu Reveal */
.mean-container a.meanmenu-reveal { height: 40px; padding: 0; text-align: right !important; text-indent: 0; top: -64px; width: auto; }
.stick .mean-container a.meanmenu-reveal { top: -55px; }
.mean-container a.meanmenu-reveal i { box-sizing: border-box; display: block; font-size: 30px; line-height: 30px; padding: 5px 0; }
/* Sub Menu Expand */
.mean-container .mean-nav ul li a.mean-expand { font-size: 24px !important; height: 43px; line-height: 43px; padding: 0; position: absolute; right: 0; text-align: center; top: 0; width: 43px; z-index: 2; }
.mean-container .mean-nav ul li a.mean-expand:hover { background-color: transparent; }
/* Mean Menu Nav */
.mean-container .mean-nav { background-color: transparent; margin-top: 0; }
.mean-container .mean-nav ul { overflow: hidden; padding-bottom: 30px; }
.mean-container .mean-nav ul li { width: 100%; }
.mean-container .mean-nav ul li a { border: medium none; color: #ffffff; display: block; font-size: 14px; line-height: 23px; padding: 10px 0; position: relative; text-transform: uppercase; width: 100%; }
.mean-container .mean-nav ul li a:hover { background-color: transparent; color: #111; }
/* Mean Sub Menu */
.mean-container .mean-nav > ul > li ul { padding-bottom: 10px; padding-left: 15px; }
.mean-container .mean-nav > ul > li > ul li{}
.mean-container .mean-nav > ul > li > ul li a { border: medium none; color: #fff; font-size: 13px; opacity: 1; padding: 8px 15px 8px 0; width: 100%; }
/*-- Mobile Menu Bootstrap
============================= */
.navbar-toggle { border: 0 none; border-radius: 0; color: #111; margin: 0; padding: 0; }
.navbar-toggle i { display: none; font-size: 30px; line-height: 30px; }
.navbar-toggle .menu-close { display: block; }
.navbar-toggle.collapsed .menu-open { display: block; }
.navbar-toggle.collapsed .menu-close { display: none; }
.navbar-collapse { box-shadow: none; }
.navbar-collapse nav { }

/*-------------------------- 
	Hero Style
--------------------------*/
.hero-slider-area { position: relative; }
.hero-static { background: transparent; padding: 300px 0 230px; }
.hero-bg { background: rgba(0, 0, 0, 0) url("") no-repeat scroll center center; -webkit-background-size: cover; background-size: cover; }
.video-bg .video-container, .hero-video { z-index: -5 !important; }
.hero-video { display: block; position: absolute; top: 0; left: 0; }
video {
    &::-webkit-media-controls {
        display:none !important;
    }

    &::-webkit-media-controls-start-playback-button {
        display: none!important;
        -webkit-appearance: none;
    }
}
/* Nivo Slider */
#hero-slider { }
.nivo-caption { background-color: transparent; height: 100%; opacity: 1; padding: 0; }
/* Nivo Controles */
.nivo-controlNav { bottom: 155px; padding: 0; position: absolute; right: 93px; z-index: 99; display: none;}
.nivo-controlNav a { background-color: #fff; border-radius: 50%; display: block; float: left; height: 30px; margin: 10px 6px; text-indent: -99999px; width: 6px; }
.nivo-controlNav a.active { height: 50px; margin: 0 6px; background-color: #111; }
.nivo-directionNav { bottom: 150px; left: 85px; position: absolute; z-index: 99; display: none;}
.nivo-directionNav::before { color: #fff; content: "/"; font-family: Times New Roman; font-size: 40px; left: 50%; position: absolute; top: -7px; transform: translateX(-50%); }
.nivo-directionNav a { color: #fff; display: block; float: left; margin: 0 7px; position: static; }
.nivo-directionNav a i { display: block; font-size: 40px; }
.nivo-directionNav a:hover { color: #111; }

/** New Hero Area **/
.hero-area .caption { background: #ffcb38cc; display: block; padding: 30px 0; position: absolute; bottom: 0; width: 100%; box-shadow: 0 4px 5px rgba(0,0,0,0.5); z-index: 9000; }
.hero-area h2 { font-size: 3em; margin-bottom: 10px; font-weight: 600; }
.hero-area h3 { font-size: 2em; font-weight: 400; margin-bottom: 0; }
.hero-area span.logo-img { display: inline-block; text-indent: -99999px; background: url(images/logo.svg) no-repeat; width: 3.5em; height: auto; }
.hero-area .button-group { margin-top: 20px; }
.hero-area .hero-image { position: relative; width: 100%; overflow: hidden; }
.hero-area .hero-image img { width: 100%; }

.hero-area .caption.blue { background: rgba(47,86,164,0.8) /*#111cc;*/ }
.hero-area .caption.blue h2, .hero-area .caption.blue h3 { color: #fff; }
.hero-area .caption.blue span.logo-img { background: url(images/logo_white.svg) no-repeat; }

img.img-btn { display: block; height: auto; width: 100%; max-width: 400px; cursor: pointer; }

.hero-area { }
.hero-area .hero-image { padding: 0; }
.hero-area figure { position: relative; width: 100%; overflow: hidden; }
.hero-area figure img { display: block; margin: 0 auto; width: 100%; height: auto; }
.hero-area .texts {  padding-top: 40px; }
.hero-area .texts h2 { font-size: 2.25em; letter-spacing: 1px; } .hero-area .texts h2 sup { top: -1.65em; font-size: 0.3em; } .hero-area .texts h2 span.normal { font-weight: normal; }
.section-title h2, .hero-area .texts .section-title h2 { font-size: 2.75em; font-weight: normal; }
.hero-area .texts h3 { font-size: 1.75em; font-weight: 300; padding-bottom: 20px;}
.hero-area .texts h3.highlight { font-size: 1em; font-weight: 600; color: #fff; background-color: #111; padding: 16px 24px; letter-spacing: 1px; margin-bottom: 20px; display: block; }
.hero-area .texts h3.highlight.turquoise, .hero-area .texts h3.highlight.theme { color: #fff; background-color: #00adbb; }
.hero-area .texts.text-white h3.highlight.turquoise { color: #00adbb; background-color: #fff; }
.hero-area .texts.text-white h3.highlight.purple { color: #9164cc; background-color: #fff; }
.hero-area .texts h4 { font-size: 1.5em; font-weight: 400; padding-bottom: 20px;}
.hero-area .texts p { font-size: 1.125em; padding-bottom: 20px; }
.hero-area .button-group { margin: 0 0 40px 0; }

.btn.btn-xlg { padding: 13px 25px; border-radius: 100px; font-size: 1em; line-height: 1; font-weight: 600; height: auto; width: auto; max-width: 400px; }
.button-group .btn { display: inline-block; min-width: 200px; font-weight: bold; margin-right: 10px; padding: 15px 25px; line-height: 1; height: auto; }

/* Hero Slider Content */
.hero-slide-content { width: 100%; margin-top: 30%; }
.hero-slide-content h3 { font-size: 2.8em; font-weight: 200; }
.hero-slide-content h1, .hero-slide-content h2 { font-size: 3em; font-weight: 600; }
.hero-slide-content h2 { font-size: 3.5em; margin-bottom: 20px; }
.hero-slide-content p { padding: 5px 0; max-width: 760px; color: #303030; }
.hero-slide-content.text-center p { margin-left: auto; margin-right: auto; max-width: 960px; }
.hero-slide-content h1 span, .hero-slide-content h3 span, .hero-slide-content p span { color: #111; }
.hero-slide-content .button-group { margin-top: 42px; }
.nivoSlider img.hero { max-width: 100%; }
.hero-texts { margin-bottom: 20px; }
.nivoSlider img.inline-logo { display: inline-block; width: 5em; margin: 0 20px; position: relative; }
/* Hero Slider Form */
.hero-form { background-color: rgba(113, 113, 113, 0.4); border-radius: 0 0 4px 4px; padding: 0 20px 15px; width: 270px; }
.hero-form h5 { background-color: rgba(255,255,255,0.7); color: 222; display: block; font-size: 14px; font-weight: bold; line-height: 24px; margin: 0 -20px 20px; overflow: hidden; padding: 8px 20px; text-transform: uppercase; }
.hero-form h5 span { display: block; float: left; line-height: 24px; }
.hero-form h5 i { color: #111; float: right; font-size: 24px; line-height: 1; }
.hero-form form { margin-left: -3px; margin-right: -3px; }
.hero-form form > div { display: block; float: left; margin-bottom: 10px; padding: 0 3px; position: relative; width: 100%; }
.hero-form form > div i { color: #111; font-size: 12px; height: 30px; left: 3px; line-height: 30px; position: absolute; text-align: center; top: 0; width: 30px; z-index: 9; }
.hero-form form > div input { border: medium none; border-radius: 2px; color: #999; display: block; font-size: 12px; height: 30px; line-height: 24px; padding: 3px 10px 3px 30px; width: 100%; }
.hero-form form .course-input{}
.hero-form form .course-select { width: 50%; }
.bootstrap-select { width: 100% !important; }
.bootstrap-select .btn { background-color: rgba(51, 51, 51, 0.3); border: medium none; border-radius: 2px; color: #999999; font-size: 12px; height: auto; line-height: 24px; padding: 3px 10px 3px 30px; text-transform: capitalize; }
.bootstrap-select.open .btn, .bootstrap-select.open .btn:hover, .bootstrap-select.open .btn:focus { background-color: rgba(51, 51, 51, 0.3); box-shadow: none; color: #999999; }
.bootstrap-select .btn:focus { outline: none !important; }
.bootstrap-select .filter-option{}
.bootstrap-select .caret { border: medium none; height: 5px; right: 10px; width: 10px; }
.bootstrap-select .caret::before { content: "\eb73"; display: block; font-family: "IcoFont"; font-size: 12px; line-height: 5px; }
.bootstrap-select .dropdown-menu { border: medium none; border-radius: 0; margin: 3px 0; padding: 0; }
.bootstrap-select ul.dropdown-menu { background-color: transparent; margin: 0; }
.bootstrap-select ul li{}
.bootstrap-select ul li a { color: #999999; font-size: 12px; line-height: 24px; padding: 3px 15px; }
.bootstrap-select ul li.selected a, .bootstrap-select ul li a:hover { background-color: transparent; color: #111; }
.datepicker-dropdown { padding: 10px; }

.hero-form form .course-submit { margin: 10px 0;}
.hero-form form .course-submit input { background-color: #111; color: #fff; font-size: 13px; height: 35px; line-height: 25px; padding: 5px 30px; text-transform: uppercase; }
.hero-form form .course-submit input:hover { background-color: #fff; color: #333; }

@media (min-width: 1170px) {
.boxed-layout .nivo-caption, .box-layout .nivo-caption { padding-top: 70px; }
.boxed-layout .nivo-directionNav, .box-layout .nivo-directionNav { bottom: 4px; left: 20px; }
.boxed-layout .nivo-controlNav, .box-layout .nivo-controlNav { bottom: 0; right: 29px; }
.hero-texts { margin: 180px 0 40px 0; }
}

/*** Section Block ***/
.section-block { padding: 60px 0; }
.section-block h2 { font-size: 2.5em; font-weight: 600; }
.section-block h3 { font-size: 2em; font-weight: 600; }
.section-block p { font-size: 1.125em; }
.section-block .button-group { margin: 0 0 40px 0; }


/*-------------------------- 
	Blog Style
--------------------------*/
.blog-wrapper{}
/* Blog Items */
.blog-item { margin-bottom: 27px; }
/* Blog Item Image */
.blog-item .image { display: block; position: relative; }
.blog-item:hover .image { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.2); }
.blog-item .image::before { background-color: #111; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; }
.blog-item .image::after { border: 1px solid #fff; bottom: 22px; content: ""; left: 22px; opacity: 0; position: absolute; right: 22px; top: 22px; }
.blog-item:hover .image::before { opacity: 0.8; }
.blog-item:hover .image::after { opacity: 1; }
.blog-item .image img { width: 100%; }
.blog-item .image i { color: #fff; display: block; font-size: 24px; height: 50px; left: 50%; line-height: 50px; margin-left: -25px; margin-top: -10px; opacity: 0; position: absolute; text-align: center; top: 50%; transition: all 0.3s ease 0s; width: 50px; z-index: 9; }
.blog-item:hover .image i { margin-top: -25px; opacity: 1; }
/* Blog Item Meta */
.blog-item .meta { margin: 10px 0; }
.blog-item .meta p { color: #444444; font-size: 11px; font-weight: 700; line-height: 18px; margin-bottom: 10px; text-transform: uppercase; }
.blog-item .meta p a { color: inherit; display: block; float: left; font-size: inherit; margin-right: 15px; }
.blog-item .meta p a:last-child { margin-right: 0; }
.blog-item .meta p a i { color: #aaaaaa; display: block; float: left; font-size: 14px; line-height: 18px; margin-right: 6px; }
.blog-item .meta p a:hover, .blog-item .meta p a:hover i { color: #111; }
/* Blog Item Title */
.blog-item .title { display: block; font-size: 14px; font-weight: 700; line-height: 18px; text-transform: uppercase; }
.blog-item .title a { color: #222222; display: block; font-size: inherit; }
.blog-item .title a:hover { color: #111; }
/* Blog Item Description */
.blog-item .description {}
.blog-item .description p{}

/* Single Blog */
.single-blog{}
/* Single Blog Image */
.blog-image { margin-bottom: 47px; }
.blog-image img { width: 100%; }
/* Single Blog Title */
.blog-title { font-size: 2em; font-weight: 700; margin-bottom: 10px; color: #111; }
/* Single Blog Meta */
.blog-meta { margin-bottom: 30px; }
.blog-meta p { color: #444444; font-size: 0.875em; font-weight: 700; line-height: 18px; margin-bottom: 10px; text-transform: uppercase; }
.blog-meta p a { color: inherit; display: block; float: left; font-size: inherit; margin-right: 15px; }
.blog-meta p a:last-child { margin-right: 0; }
.blog-meta p a i { color: #111; display: block; float: left; font-size: 14px; line-height: 18px; margin-right: 6px; }
.blog-meta p a:hover, .blog-meta p a:hover i { color: #111; }
/* Single Blog Description */
.blog-description{}
.blog-description p { margin-bottom: 25px; }
.blog-description blockquote{ margin-left: 47px; }
/* Single Blog Tags & Share */
.blog-tag-share { border-bottom: 1px solid #111; margin-top: 40px; padding-bottom: 13px; }
/* Single Blog Tags */
.blog-tags{}
.blog-tags p { color: #222222; float: left; font-size: 12px; font-weight: 700; margin-bottom: 0; margin-right: 30px; text-transform: uppercase; }
.blog-tags a { color: #333333; display: block; float: left; font-size: 12px; position: relative; text-transform: capitalize; }
.blog-tags a + a { margin-left: 13px; }
.blog-tags a::before { color: #333333; content: "/"; position: absolute; right: -10px; top: 1px; }
.blog-tags a:last-child::before { content: ""; }
.blog-tags a:hover { color: #111; }
/* Single Blog Share */
.blog-share{}
.blog-share p { color: #222222; float: left; font-size: 12px; font-weight: 700; margin-bottom: 0; margin-right: 30px; text-transform: uppercase; }
.blog-share a { color: #aaaaaa; display: block; float: left; }
.blog-share a + a { margin-left: 23px; }
.blog-share a i { display: block; font-size: 14px; line-height: 24px; }
.blog-share a:hover { color: #111; }
a.more { margin-top: 20px; color: #111; }

/* Sidebar Style */
.sidebar{}
.single-sidebar { margin-bottom: 50px; }
.single-sidebar:last-child { margin-bottom: 0; }
.sidebar-title { border-left: 5px solid #111; font-size: 12px; font-weight: 700; line-height: 15px; margin-bottom: 20px; padding-left: 15px; text-transform: uppercase; }
.single-sidebar > div { padding-left: 20px; }
/* About Sidebar */
.about-sidebar{}
.about-sidebar p{}
/* Category Sidebar */
.category-sidebar {}
.category-sidebar ul{}
.category-sidebar ul li { border-bottom: 1px solid #f5f5f5; display: block; margin-bottom: 5px; }
.category-sidebar ul li:last-child { margin-bottom: 0; }
.category-sidebar ul li a { color: #333333; display: block; line-height: 24px; padding: 5px 0; }
.category-sidebar ul li a:hover { color: #111; }
/* Latest Blog Sidebar */
.latest-blog-sidebar{}
.latest-blog-sidebar .sin-blog { margin-bottom: 30px; }
.latest-blog-sidebar .sin-blog:last-child { margin-bottom: 0; }
.latest-blog-sidebar .sin-blog .image { display: block; margin-right: 30px; width: 100px; position: relative; }
.latest-blog-sidebar .sin-blog .image::before { color: #fff; content: "\f04e"; display: block; font-family: "IcoFont"; font-size: 18px; left: 50%; line-height: 30px; margin-left: -15px; margin-top: -15px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 30px; z-index: 2; }
.latest-blog-sidebar .sin-blog .image::after { background-color: #111; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; }
.latest-blog-sidebar .sin-blog:hover .image::before { opacity: 1; }
.latest-blog-sidebar .sin-blog:hover .image::after { opacity: 0.8; }
.latest-blog-sidebar .sin-blog .image img { width: 100%; }
.latest-blog-sidebar .sin-blog .content { padding-top: 5px; }
.latest-blog-sidebar .sin-blog .content a { display: block; margin-bottom: 7px; }
.latest-blog-sidebar .sin-blog .content a:hover { color: #111; }
.latest-blog-sidebar .sin-blog .content p { font-size: 12px; }
.latest-blog-sidebar .sin-blog .content p i { display: block; float: left; line-height: 24px; margin-right: 10px; }
/* Tags Sidebar */
.tags-sidebar {}
.tags-sidebar a { border: 1px solid #f5f5f5; display: block; float: left; line-height: 24px; margin-bottom: 10px; margin-right: 10px; padding: 3px 24px; }
.tags-sidebar a:hover { border-color: #111; color: #111; }


/*-------------------------- 
	Form Style
--------------------------*/
/* Input Placeholder */
input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
/* Form Style */
.form{}
.form form { margin-left: -15px; margin-right: -15px; }
.form .input { float: left; margin-bottom: 50px; padding: 0 15px; width: 100%; }
.form .input.textarea { margin-bottom: 30px; }
.form .input-submit { margin-bottom: 0; }
.form .input input[type="text"], .form .input input[type="email"], .form .input input[type="tel"], .form .input input[type="password"], .form .input input[type="search"], .form .input input[type="url"], .form .input textarea { background-color: transparent; border-color: #dddddd; border-style: solid; border-width: 0 0 1px; float: left; height: 32px; padding: 0 0 5px; width: 100%; }
.form .input input:focus, .form .input textarea:focus { border-color: #111; }
.form .input textarea { height: 115px; resize: none; }
.form .input input[type="submit"] { background-color: #111; border: 1px solid #111; border-radius: 0; color: #fff; display: inline-block; font-size: 13px; font-weight: 700; height: 35px; line-height: 33px; padding: 0 20px; text-transform: uppercase; }
.form .input input[type="submit"]:hover { background-color: transparent; color: #111; }
.form .input-2 .input { width: 50%; }
.form .input-3 .input { width: 33.3333%; }
.form .input-4 .input { width: 25%; }


/*-------------------------- 
	1. Page Banner Title Area
--------------------------*/
.page-banner-area { background-image: url("img/section-bg/page-banner.jpg"); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover ; background-size: cover ; padding: 270px 0 150px; }
.page-banner{}
.page-banner h1 { color: #fff; display: block; font-size: 36px; font-weight: 900; line-height: 30px; margin-bottom: 0; text-transform: uppercase; }
.page-banner.text-left h1 { float: left; }
.page-banner.text-right h1 { float: right; }
.page-banner.text-center { text-align: center; }
.page-banner ul { display: inline-block; vertical-align: top; margin-top: 10px; }
.page-banner.text-left ul { float: right; }
.page-banner.text-right ul { float: left; }
.page-banner ul li { display: block; float: left; padding: 0 6px; position: relative; }
.page-banner ul li:first-child { padding-left: 0; }
.page-banner ul li:last-child { padding-right: 0; }
.page-banner ul li + li::before { color: #fff; content: "/"; display: block; left: -3px; line-height: 9px; overflow: hidden; position: absolute; top: 0; }
.page-banner ul li a, .page-banner ul li span { color: #fff; display: block; font-size: 12px; line-height: 9px; text-transform: uppercase; }
.page-banner ul li a:hover { color: #111; }
/*-------------------------- 
	2. Feature Area
--------------------------*/
.feature-row { }
.feature-image { padding: 0!important; }
.feature-texts { padding: 140px 40px 0 40px; }
.feature-texts h2 { font-size: 2.25em; font-weight: bold; }
.feature-texts p { font-size: 1.125em; }
#support-positions .feature-texts { padding-top: 60px; }
#support-positions .feature-texts p { font-size: 1.125em; }

.parallax .feature-texts { padding: 0; }

.feature-wrapper {}
.feature-block { height: 520px; position: relative; background-size: cover; }
.feature-block .slide-table { height: 520px; }
.feature-block.short { height: 400px; background-position: center center; }
.feature-block.short .slide-table { height: 400px; }
.feature-block.short .texts { padding-left: 40px; padding-right: 40px; }
.feature-block.short .texts h3 { font-size: 2.5em; font-weight: 600; }
.feature-block.short .texts p { font-size: 1.25em; }

/* Feature Image */
.feature-image { z-index: 1; height: 100%; display: block; padding: 0!important; }
.feature-image img { display: block; }
.feature-image.left img { }
.feature-image.right img { float: right; }

/* Single Feature */
.single-feature { position: relative; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 200; }

/* Left Single Feature */
.feature-left .single-feature { }

/* Right Single Feature */
.feature-right .single-feature { width: 100%; }

/* Feature Icon */
.single-feature .icon { float: left; width: 18%; margin-right: 1%; text-align: center; }
.single-feature .icon img { display: block; max-width: 50px; margin: 0 auto; }
.feature-left .icon { float: right; margin-left: 20px; text-align: left; }
.feature-right .icon { float: left; margin-right: 20px; text-align: right; }
.single-feature .icon i { color: #fff; font-size: 36px; display: block; }
.single-feature .icon i.icon-letter { color: #fff; width: 50px; height: 50px; text-align: center; background: #111; border-radius: 50%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.single-feature:hover .icon i.icon-letter { width: 60px; height: 60px; padding-top: 5px; }
/* Feature Text */
.single-feature .text { float: left; width: 80%; }
.single-feature h3, .single-feature h4 { margin-bottom: 5px; }
.single-feature h3 { font-size: 2.5em; font-weight: 600; }
.single-feature p {font-size: 1.125em;}
.single-feature p span { font-weight: bold; }

/*--------------------------
	8. Contact Area
--------------------------*/
#contact-map { height: 530px; }
.contact-info{}
.contact-info .single-info{}
.contact-info .single-info .icon { background-color: #111; border-radius: 15px; color: #fff; display: block; float: left; height: 44px; margin-left: 10px; margin-right: 40px; margin-top: 10px; text-align: center; transform: rotate(45deg); width: 44px; }
.contact-info .single-info .icon i { display: block; font-size: 24px; line-height: 44px; transform: rotate(-45deg); }
.contact-info .single-info .content{}
.contact-info .single-info .content h5 { font-size: 14px; font-weight: bold; margin-bottom: 11px; text-transform: uppercase; }
.contact-info .single-info .content p{}
.contact-info .single-info .content p a { display: block; }
.contact-info .single-info .content p a:hover { color: #111; }

.modal-form-message,
.form-message{
    color: #fff;
    padding: 10px;
    margin-top: 10px;
    float: left;
    width: 100%;
}
.modal-form-message{
	float:none
}
.modal-form-message.success,
.form-message.success{
    color: green;
}
.modal-form-message.error,
.form-message.error{
    background: red;
    color: #fff;
}

/*-------------------------- 
	Footer Style
--------------------------*/
.footer-area { }
/* Footer Top */
.footer-top {}
.footer-top img { margin-bottom: 20px; }
.footer-top p { color: #fefefe; font-size: 16px; }
/* Footer Widget */
.footer-widget { margin-bottom: 40px; }
.footer-widget .widget-title { color: #fff; font-size: 18px; font-weight: bold; line-height: 14px; margin-bottom: 30px; text-transform: uppercase; }
/* About Widget */
.about-widget{}
.about-widget p { color: #fff; }
.about-widget .widget-social { clear: both; float: left; margin-top: 15px; }
.about-widget .widget-social a { border: 1px solid #fff; color: #fff; display: block; float: left; height: 50px; margin: 10px 20px; text-align: center; transform: rotate(45deg); width: 50px; }
.about-widget .widget-social a i { font-size: 24px; display: block; height: 50px; line-height: 45px; transform: rotate(-45deg); width: 50px; }
.about-widget .widget-social a:hover { background-color: #fff; color: #555555; }
/* Contact Widget */
.contact-widget{}
.contact-widget h5 { color: #fff; font-size: 16px; font-weight: 600; line-height: 12px; margin-bottom: 7px; }
.contact-widget h5 i { font-size: 1.5em; }
.contact-widget p, .contact-widget a { color: #fff; display: block; }
.contact-widget p { margin-bottom: 23px; }
.contact-widget p:last-child { margin-bottom: 0; }
.contact-widget a{}
.contact-widget a:hover { color: #111; }
/* Blog Widget */
.blog-widget{}
.widget-blog + .widget-blog { margin-top: 10px; }
.widget-blog .image { display: block; margin-right: 20px; width: 80px; position: relative; }
.widget-blog .image::before { color: #fff; content: "\f04e"; display: block; font-family: "IcoFont"; font-size: 18px; left: 50%; line-height: 30px; margin-left: -15px; margin-top: -15px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 30px; z-index: 2; }
.widget-blog .image::after { background-color: #111; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; }
.widget-blog:hover .image::before { opacity: 1; }
.widget-blog:hover .image::after { opacity: 0.8; }
.widget-blog .image img { width: 100%; }
.widget-blog .content{}
.widget-blog .content a { color: #fff; display: block; font-weight: 600; margin-bottom: 7px; text-transform: uppercase; }
.widget-blog .content a:hover { color: #111; }
.widget-blog .content p { color: #fff; }
/* Instagram Widget */
.instagram-widget { margin-left: -5px; margin-right: -5px; }
.instagram-item { display: block; float: left; margin-bottom: 10px; padding: 0 5px; width: 33.3333%; }
.instagram-item a { display: block; position: relative; }
.instagram-item a::before { color: #fff; content: "\f04e"; display: block; font-family: "IcoFont"; font-size: 18px; left: 50%; line-height: 30px; margin-left: -15px; margin-top: -15px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 30px; z-index: 2; }
.instagram-item a::after { background-color: #111; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; }
.instagram-item a:hover::before { opacity: 1; }
.instagram-item a:hover::after { opacity: 0.8; }
.instagram-item a img { width: 100%; }
/* Opening Hour Widget */
.opening-hour-widget{}
.opening-hour-widget ul{}
.opening-hour-widget ul li { color: #fff; float: left; width: 100%; }
.opening-hour-widget ul li + li { margin-top: 10px; }
.opening-hour-widget ul li span{}
/* Form Widget */
.form-widget{}
.form-widget input[type="text"], .form-widget input[type="email"] { background-color: transparent; border-color: #fff; border-style: solid; border-width: 0 0 1px; color: #fff; line-height: 20px; margin-bottom: 15px; padding: 0 0 5px; width: 100%; }
.form-widget textarea { background-color: transparent; border-color: #fff; border-style: solid; border-width: 0 0 1px; color: #fff; height: 90px; line-height: 20px; margin-bottom: 15px; padding: 0 0 5px; resize: none; width: 100%; }
.form-widget input[type="submit"] { background-color: transparent; border: 1px solid #fff; color: #fff; font-size: 12px; height: 29px; line-height: 27px; padding: 0 28px; text-transform: uppercase; }
.form-widget input[type="submit"]:hover { background-color: #fff; color: #333; }
/* Link Widget */
.link-widget{}
.link-widget ul{}
.link-widget ul li{}
.link-widget ul li + li { margin-top: 10px; }
.link-widget ul li a { color: #fff; display: block; }
.link-widget ul li a:hover { color: #111; }
/* Footer Bottom */
.footer-bottom { float: left; padding-bottom: 20px; padding-top: 20px; position: relative; width: 100%; }
.footer-bottom::before { background-color: #fff; opacity: 0.5; border-radius: 50%; content: ""; height: 1px; left: 70px; position: absolute; right: 70px; top: 0; }
.copyright { color: #333; line-height: 30px; margin-bottom: 20px; }
.copyright a:hover { color: #111; }