@charset "UTF-8";
/*------------------------------------------------------------------
[Master Stylesheet]
Project:	Mateve
++++ Imports ++++
++++ Reset ++++
++++ Main ++++
	1)Header
	2)about
	3)Hero BG
	4)Booking Sec
	5)Profile Sec
	6)Portfolio Sec
	7)Interest Sec
	8)Timeline
	9)Blog Sec
	10)Reference Sec
	11)Client Sec
	12)Pricing Sec
	13)contact Sec
	14)Footer Sec
	15)Navigation Sec
	16)Blog & Project Deatail Pages
++++ Mediaqueries ++++
-------------------------------------------------------------------*/
/****************************/
/** Imports **/
/****************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
@import url(css/material.min.css);
@import url(css/material-icons.css);
@import url(css/material-design-iconic-font.min.css);
@import url(css/bootstrap.min.css);
@import url(css/jquery-ui.min.css);
@import url(css/owl.carousel.css);
@import url(css/lightgallery.css);
@import url(css/default-skin/default-skin.css);
/****************************/
/** Reset **/
/****************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

html, body {
  height: inherit;
  width: inherit;
  min-height: inherit; }

strong {
  font-weight: bold; }

body {
  color: #848484;
  background: #e2e2e2;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 1.5;
  overflow-y: auto;
  overflow-x: hidden; }

/* Mozilla based browsers */
::-moz-selection {
  background: #338fff;
  color: #fff;
  text-shadow: none; }

/* Works in Safari */
::selection {
  background: #338fff;
  color: #fff;
  text-shadow: none; }

a:hover, a:active {
  outline: 0; }

button:focus {
  border: none;
  outline: 0; }

ul {
  list-style: none; }

a {
  color: #848484;
  text-decoration: none; }

a:hover {
  color: #848484;
  text-decoration: none; }

a:focus {
  color: #848484;
  text-decoration: none;
  outline: none; }

i:focus {
  outline: none; }

h1, h2, h3, h4, h5, h6 {
  color: #444; }

h1 {
  font-size: 42px;
  line-height: 42px;
  text-transform: capitalize; }

h2 {
  font-size: 24px;
  line-height: 35px;
  text-transform: capitalize; }

h3 {
  font-size: 20px;
  line-height: 30px;
  text-transform: capitalize; }

h4 {
  font-size: 18px;
  line-height: 29px;
  text-transform: capitalize; }

h5 {
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
  text-transform: uppercase; }

p {
  font-size: 15px;
  line-height: 25px; }
  p.lead {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400; }

.force-UTF-8 {
  content: "¡"; }

/****************************/
/** Main **/
/****************************/
.pa-0 {
  padding: 0px !important; }

.pa-5 {
  padding: 5px !important; }

.pa-10 {
  padding: 10px !important; }

.pa-15 {
  padding: 15px !important; }

.pa-20 {
  padding: 20px !important; }

.pa-25 {
  padding: 25px !important; }

.pa-30 {
  padding: 30px !important; }

.pa-35 {
  padding: 35px !important; }

.pa-40 {
  padding: 40px !important; }

.pa-45 {
  padding: 45px !important; }

.pa-50 {
  padding: 50px !important; }

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

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

.pl-0 {
  padding-left: 0px !important; }

.pl-5 {
  padding-left: 5px !important; }

.pl-10 {
  padding-left: 10px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pl-25 {
  padding-left: 25px !important; }

.pl-30 {
  padding-left: 30px !important; }

.pl-35 {
  padding-left: 35px !important; }

.pl-40 {
  padding-left: 40px !important; }

.pl-45 {
  padding-left: 45px !important; }

.pl-50 {
  padding-left: 50px !important; }

.pr-0 {
  padding-right: 0px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pr-25 {
  padding-right: 25px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pr-35 {
  padding-right: 35px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pr-45 {
  padding-right: 45px !important; }

.pr-50 {
  padding-right: 50px !important; }

.ma-0 {
  margin: 0px !important; }

.ma-5 {
  margin: 5px !important; }

.ma-10 {
  margin: 10px !important; }

.ma-15 {
  margin: 15px !important; }

.ma-20 {
  margin: 20px !important; }

.ma-25 {
  margin: 25px !important; }

.ma-30 {
  margin: 30px !important; }

.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-115 {
  margin-top: 115px !important; }

.mt-120 {
  margin-top: 120px !important; }

.mt-125 {
  margin-top: 125px !important; }

.mt-130 {
  margin-top: 130px !important; }

.mt-135 {
  margin-top: 135px !important; }

.mt-140 {
  margin-top: 140px !important; }

.mt-145 {
  margin-top: 145px !important; }

.mt-150 {
  margin-top: 150px !important; }

.mt-155 {
  margin-top: 155px !important; }

.mt-160 {
  margin-top: 160px !important; }

.mt-165 {
  margin-top: 165px !important; }

.mt-170 {
  margin-top: 170px !important; }

.mt-175 {
  margin-top: 175px !important; }

.mt-180 {
  margin-top: 180px !important; }

.mt-185 {
  margin-top: 185px !important; }

.mt-190 {
  margin-top: 190px !important; }

.mt-195 {
  margin-top: 195px !important; }

.mt-200 {
  margin-top: 200px !important; }

.mt-205 {
  margin-top: 205px !important; }

.mt-210 {
  margin-top: 210px !important; }

.mt-215 {
  margin-top: 215px !important; }

.mt-220 {
  margin-top: 220px !important; }

.mt-225 {
  margin-top: 225px !important; }

.mt-230 {
  margin-top: 230px !important; }

.mt-235 {
  margin-top: 235px !important; }

.mt-240 {
  margin-top: 240px !important; }

.mt-245 {
  margin-top: 245px !important; }

.mt-250 {
  margin-top: 250px !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; }

.ml-0 {
  margin-left: 0px !important; }

.ml-5 {
  margin-left: 5px !important; }

.ml-10 {
  margin-left: 10px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-20 {
  margin-left: 20px !important; }

.ml-25 {
  margin-left: 25px !important; }

.ml-30 {
  margin-left: 30px !important; }

.ml-35 {
  margin-left: 35px !important; }

.ml-40 {
  margin-left: 40px !important; }

.ml-45 {
  margin-left: 45px !important; }

.ml-50 {
  margin-left: 50px !important; }

.mr-0 {
  margin-right: 0px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mr-35 {
  margin-right: 35px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mr-45 {
  margin-right: 45px !important; }

.mr-50 {
  margin-right: 50px !important; }

.ml-auto {
  margin-left: auto !important; }

.mr-auto {
  margin-right: auto !important; }

.no-float {
  float: none !important; }

.overflow-hide {
  overflow: hidden !important; }

.clearfix {
  overflow: hidden;
  clear: both;
  float: none; }

.sec-pad {
  padding-top: 70px;
  padding-bottom: 70px; }

.sec-pad-sm {
  padding-top: 40px;
  padding-bottom: 40px; }

.sec-pad-xs {
  padding-top: 25px;
  padding-bottom: 25px; }

.sec-pad-top {
  padding-top: 70px; }

.sec-pad-top-sm {
  padding-top: 40px; }

.sec-pad-top-xs {
  padding-top: 25px; }

.sec-pad-bottom {
  padding-bottom: 70px; }

.sec-pad-bottom-sm {
  padding-bottom: 40px; }

.sec-pad-bottom-xs {
  padding-bottom: 25px; }

.font-12 {
  font-size: 12px; }

.font-16 {
  font-size: 16px; }

.font-18 {
  font-size: 18px; }

.font-20 {
  font-size: 20px; }

.weight-500 {
  font-weight: 500; }

.weight-600 {
  font-weight: 600; }

.weight-700 {
  font-weight: 700; }

.font-dark {
  color: #444 !important; }

.font-grey {
  color: #848484 !important; }

.font-white {
  color: #fff !important; }

.font-pink {
  color: #b01216 !important; }

.font-indigo {
  color: #3F51B5 !important; }

.font-teal {
  color: #009688 !important; }

.font-lime {
  color: #827717 !important; }

.bg-pink {
  background: #b01216 !important; }

.bg-indigo {
  background: #3F51B5 !important; }

.bg-teal {
  background: #009688 !important; }

.bg-lime {
  background: #827717 !important; }

.bg-violet {
  background: #6200eb !important; }

.border-top-indigo {
  border-top: 3px solid #3F51B5; }

.border-top-pink {
  border-top: 3px solid #b01216; }

.border-top-teal {
  border-top: 3px solid #009688; }

.border-top-lime {
  border-top: 3px solid #827717; }

.font-uppercase {
  text-transform: uppercase; }

.font-capitalize {
  text-transform: capitalize; }

.font-unsetcase {
  text-transform: none; }

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

.inline-block {
  display: inline-block !important; }

.block {
  display: block !important; }

.border-top-sep {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.border-bottom-sep {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.opacity-hide {
  opacity: 0;
  visibility: hidden; }

.table-wrap {
  display: table;
  height: 100%;
  width: 100%; }

.table-cell {
  display: table-cell; }

.vertical-align-middle {
  vertical-align: middle; }

.main-font {
  font-family: "Roboto", sans-serif; }

.hide-overflow {
  overflow: hidden; }

.margin-lr-auto {
  margin-left: auto;
  margin-right: auto; }

.hide-block {
  display: none; }

.hide-left-opac {
  display: none;
  opacity: 0;
  top: -50px; }

.relative {
  position: relative !important; }

blockquote {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #444;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: inherit;
  line-height: 30px;
  margin: 0;
  padding: 0; }
  blockquote:before {
    content: ""; }
  blockquote:after {
    content: ""; }

.ref-name {
  text-transform: capitalize;
  color: #444; }

.ref-desgn {
  font-size: 14px; }

.preloader-it {
  background: #fff;
  position: fixed;
  z-index: 110;
  height: 100%;
  width: 100%;
  overflow: hidden; }
  .preloader-it .mdl-spinner {
    bottom: 0;
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px; }

.main-wrapper {
  background: #eee;
  position: relative; }
  .main-wrapper.box-layout {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto; }
    .main-wrapper.box-layout .mdl-layout__drawer {
      -moz-transform: translateX(0px);
      -o-transform: translateX(0px);
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
      width: 0;
      left: auto;
      -moz-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
      .main-wrapper.box-layout .mdl-layout__drawer > .slimScrollDiv {
        width: 280px !important;
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -moz-transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
      .main-wrapper.box-layout .mdl-layout__drawer.is-visible {
        width: 280px; }
        .main-wrapper.box-layout .mdl-layout__drawer.is-visible > .slimScrollDiv {
          -moz-transform: translateX(0);
          -o-transform: translateX(0);
          -webkit-transform: translateX(0);
          transform: translateX(0); }
  .main-wrapper.dark-mode {
    background: #1d1d1d; }
    .main-wrapper.dark-mode h1, .main-wrapper.dark-mode h2, .main-wrapper.dark-mode h4, .main-wrapper.dark-mode h5,
    .main-wrapper.dark-mode .about-sec .profile-wrap li div.profile-title,
    .main-wrapper.dark-mode .timeline > li > .timeline-panel .institution,
    .main-wrapper.dark-mode .mdl-button.view-more,
    .main-wrapper.dark-mode blockquote,
    .main-wrapper.dark-mode .ref-name {
      color: #fff; }
    .main-wrapper.dark-mode .price-sec .mdl-card__supporting-text .list-group li {
      border-color: #1d1d1d; }
    .main-wrapper.dark-mode .mdl-card__actions.mdl-card--border,
    .main-wrapper.dark-mode .price-sec .mdl-card__supporting-text .list-group li {
      border-color: rgba(255, 255, 255, 0.1); }
    .main-wrapper.dark-mode .mdl-card,
    .main-wrapper.dark-mode .list-group-item,
    .main-wrapper.dark-mode .timeline > li > .timeline-badge,
    .main-wrapper.dark-mode .speaker-sec .mdl-card .mdl-card__title .speaker-overlay {
      background: #2b2b2b; }
    .main-wrapper.dark-mode .timeline > li > .timeline-panel::after {
      border-color: transparent #2b2b2b; }
    .main-wrapper.dark-mode .timeline::before,
    .main-wrapper.dark-mode .skills-sec .progress-bar-graph .bar-wrap {
      background: #565656; }
    .main-wrapper.dark-mode .price-sec .price-bg {
      background: #252525; }
    .main-wrapper.dark-mode .mdl-card__title,
    .main-wrapper.dark-mode .comment-name, .main-wrapper.dark-mode .project-detail .comment-name {
      color: #fff !important; }
    .main-wrapper.dark-mode .speaker-sec .mdl-card .mdl-card__title .speaker-overlay p {
      color: #848484 !important; }
    .main-wrapper.dark-mode .contact-sec .mdl-textfield.is-invalid .mdl-textfield__input, .main-wrapper.dark-mode .blog-detail .comment-sec .mdl-textfield.is-invalid .mdl-textfield__input, .blog-detail .main-wrapper.dark-mode .comment-sec .mdl-textfield.is-invalid .mdl-textfield__input, .main-wrapper.dark-mode .project-detail .comment-sec .mdl-textfield.is-invalid .mdl-textfield__input, .project-detail .main-wrapper.dark-mode .comment-sec .mdl-textfield.is-invalid .mdl-textfield__input,
    .main-wrapper.dark-mode .comment-sec .mdl-textfield.is-invalid .mdl-textfield__input {
      border-color: rgba(255, 255, 255, 0.12) !important; }

.mdl-button {
  color: #fff;
  height: 40px;
  padding: 3px 20px;
  font-weight: 400; }
  .mdl-button.view-more {
    color: #444; }

.mdl-button--fab {
  height: 56px;
  min-width: 56px; }

.mdl-button--icon {
  height: 32px;
  min-width: 32px;
  padding: 0;
  width: 32px; }

.mdl-button--raised {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.mdl-textfield__input {
  box-shadow: none; }

.mdl-menu__item > a {
  display: block;
  color: #444; }

.mdl-card {
  width: auto;
  min-height: inherit;
  position: static;
  overflow: visible;
  display: block;
  padding: 45px 25px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.03), 0 1px 5px 0 rgba(0, 0, 0, 0.03); }
  .mdl-card.mdl-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  .mdl-card.mdl-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }

.mdl-card__title {
  display: block;
  color: #444; }

.mdl-card__supporting-text {
  padding: 20px;
  overflow: visible;
  width: 100%;
  color: inherit; }

.mdl-tooltip {
  text-transform: capitalize;
  background: #444;
  font-weight: 400;
  font-size: 12px; }

/*Header*/
.mdl-layout__title, .mdl-layout-title {
  text-transform: capitalize;
  color: #444;
  font-weight: 700; }

.mdl-layout__container {
  height: auto;
  position: static;
  width: auto; }
  .mdl-layout__container .mdl-layout__drawer, .mdl-layout__container .mdl-layout__obfuscator {
    position: fixed; }

.mdl-layout__header {
  width: 940px;
  margin: 0 auto;
  right: 0;
  position: fixed;
  left: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  background: #fff; }
  .mdl-layout__header .mdl-layout__header-row .mdl-navigation li {
    cursor: pointer; }
  .mdl-layout__header .mdl-layout__header-row .mdl-navigation .mdl-navigation__link {
    color: #444;
    text-transform: capitalize;
    padding: 0 15px;
    position: relative;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease; }
    .mdl-layout__header .mdl-layout__header-row .mdl-navigation .mdl-navigation__link:hover {
      background: none;
      color: #E91E63; }
    .mdl-layout__header .mdl-layout__header-row .mdl-navigation .mdl-navigation__link:focus, .mdl-layout__header .mdl-layout__header-row .mdl-navigation .mdl-navigation__link:active {
      background: none;
      opacity: 1; }
    .mdl-layout__header .mdl-layout__header-row .mdl-navigation .mdl-navigation__link:after {
      background: #E91E63;
      bottom: 0;
      content: "";
      height: 2px;
      left: 0;
      position: absolute;
      width: 0;
      -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
      -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
      -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
      transition: all 0.2s cubic-bezier(0.4, 0, 1, 1); }
  .mdl-layout__header .mdl-layout__header-row .mdl-navigation li.active .mdl-navigation__link {
    opacity: 1; }
    .mdl-layout__header .mdl-layout__header-row .mdl-navigation li.active .mdl-navigation__link:after {
      width: 100%; }
  .mdl-layout__header .mdl-layout__drawer-button {
    color: #444; }
    .mdl-layout__header .mdl-layout__drawer-button:focus {
      outline: none; }
  .mdl-layout__header .mdl-button--icon.ver-more-btn {
    color: #444; }

.mdl-layout__obfuscator {
  background-color: transparent; }
  .mdl-layout__obfuscator.is-visible {
    background-color: transparent; }

.mdl-layout__drawer {
  display: block;
  color: inherit;
  background: #2b2b2b none repeat scroll 0 0;
  border-right: medium none;
  width: 280px;
  -moz-transform: translateX(-280px);
  -o-transform: translateX(-280px);
  -webkit-transform: translateX(-280px);
  transform: translateX(-280px); }
  .mdl-layout__drawer .drawer-profile-wrap {
    overflow: hidden;
    background-image: url("../img/abstract-bg-3.jpg");
    background-size: cover; }
  .mdl-layout__drawer .candidate-img-drawer {
    height: 123px;
    width: 123px;
    border-radius: 50%;
    background: url("../img/avatar.png");
    background-size: cover;
    margin: 0 auto; }
  .mdl-layout__drawer .candidate-name {
    font-size: 22px;
    color: #fff;
    text-transform: capitalize; }
  .mdl-layout__drawer .social-icons {
    text-align: center; }
    .mdl-layout__drawer .social-icons li {
      display: inline-block;
      padding: 0 7px; }
      .mdl-layout__drawer .social-icons li a i {
        color: #fff;
        -moz-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease; }
      .mdl-layout__drawer .social-icons li a.facebook-link:hover i {
        color: #3b5998; }
      .mdl-layout__drawer .social-icons li a.twitter-link:hover i {
        color: #55acee; }
      .mdl-layout__drawer .social-icons li a.linkedin-link:hover i {
        color: #007bb6; }
      .mdl-layout__drawer .social-icons li a.dribbble-link:hover i {
        color: #ea4c89; }
      .mdl-layout__drawer .social-icons li a.instagram-link:hover i {
        color: #3f729b; }
  .mdl-layout__drawer .mdl-navigation {
    padding-top: 0; }
    .mdl-layout__drawer .mdl-navigation li .mdl-navigation__link {
      color: #969696;
      -moz-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease; }
      .mdl-layout__drawer .mdl-navigation li .mdl-navigation__link:hover {
        background: #272727; }
    .mdl-layout__drawer .mdl-navigation li.active .mdl-navigation__link {
      color: #fff; }
      .mdl-layout__drawer .mdl-navigation li.active .mdl-navigation__link:hover {
        color: #969696; }
    .mdl-layout__drawer .mdl-navigation li:focus {
      outline: none; }
    .mdl-layout__drawer .mdl-navigation li ul li .mdl-navigation__link {
      padding-left: 72px; }

.mdl-layout__drawer-right {
  width: 210px;
  height: 100%;
  max-height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  background: #fff;
  -moz-transform: translateX(210px);
  -o-transform: translateX(210px);
  -webkit-transform: translateX(210px);
  transform: translateX(210px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform;
  -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 5; }
  .mdl-layout__drawer-right .mdl-layout-title {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 17px;
    padding-left: 20px;
    padding-top: 17px; }
  .mdl-layout__drawer-right .layout-switcher-wrap {
    padding-left: 20px;
    padding-top: 35px; }
    .mdl-layout__drawer-right .layout-switcher-wrap ul li {
      margin-bottom: 40px; }
      .mdl-layout__drawer-right .layout-switcher-wrap ul li .layout-title {
        display: inline-block;
        font-size: 15px;
        margin-right: 15px;
        text-transform: capitalize;
        width: 120px;
        color: #444; }
      .mdl-layout__drawer-right .layout-switcher-wrap ul li .layout-switcher {
        display: inline-block; }
  .mdl-layout__drawer-right .hero-switcher-wrap {
    padding-left: 20px;
    margin-top: 35px; }
    .mdl-layout__drawer-right .hero-switcher-wrap .hero-switcher-title {
      font-size: 16px;
      text-transform: uppercase;
      color: #444;
      margin-bottom: 25px;
      display: block; }
    .mdl-layout__drawer-right .hero-switcher-wrap .hero-switcher-cat-title {
      text-transform: capitalize;
      display: block;
      margin-bottom: 10px; }
    .mdl-layout__drawer-right .hero-switcher-wrap ul li {
      display: inline-block;
      height: 35px;
      width: 35px;
      border-radius: 2px;
      margin-right: 3px;
      background-position: center;
      background-size: cover;
      cursor: pointer; }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#imbg_1 {
        background-image: url("../img/img-bg-1.jpg"); }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#imbg_2 {
        background-image: url("../img/img-bg-2.jpg"); }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#imbg_3 {
        background-image: url("../img/img-bg-3.jpg"); }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#imbg_4 {
        background-image: url("../img/img-bg-4.jpg"); }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#pattrnbg_1 {
        background-color: #6f14db;
        background-image: url("data:image/svg+xml,%3Csvg width='40' height='12' viewBox='0 0 40 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.172L6.172 0h5.656L0 11.828V6.172zm40 5.656L28.172 0h5.656L40 6.172v5.656zM6.172 12l12-12h3.656l12 12h-5.656L20 3.828 11.828 12H6.172zm12 0L20 10.172 21.828 12h-3.656z' fill='%23e5ff00' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E"); }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#pattrnbg_2 {
        background-color: #ee2d2d;
        background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zm20.97 0l9.315 9.314-1.414 1.414L34.828 0h2.83zM22.344 0L13.03 9.314l1.414 1.414L25.172 0h-2.83zM32 0l12.142 12.142-1.414 1.414L30 .828 17.272 13.556l-1.414-1.414L28 0h4zM.284 0l28 28-1.414 1.414L0 2.544V0h.284zM0 5.373l25.456 25.455-1.414 1.415L0 8.2V5.374zm0 5.656l22.627 22.627-1.414 1.414L0 13.86v-2.83zm0 5.656l19.8 19.8-1.415 1.413L0 19.514v-2.83zm0 5.657l16.97 16.97-1.414 1.415L0 25.172v-2.83zM0 28l14.142 14.142-1.414 1.414L0 30.828V28zm0 5.657L11.314 44.97 9.9 46.386l-9.9-9.9v-2.828zm0 5.657L8.485 47.8 7.07 49.212 0 42.143v-2.83zm0 5.657l5.657 5.657-1.414 1.415L0 47.8v-2.83zm0 5.657l2.828 2.83-1.414 1.413L0 53.456v-2.83zM54.627 60L30 35.373 5.373 60H8.2L30 38.2 51.8 60h2.827zm-5.656 0L30 41.03 11.03 60h2.828L30 43.858 46.142 60h2.83zm-5.656 0L30 46.686 16.686 60h2.83L30 49.515 40.485 60h2.83zm-5.657 0L30 52.343 22.343 60h2.83L30 55.172 34.828 60h2.83zM32 60l-2-2-2 2h4zM59.716 0l-28 28 1.414 1.414L60 2.544V0h-.284zM60 5.373L34.544 30.828l1.414 1.415L60 8.2V5.374zm0 5.656L37.373 33.656l1.414 1.414L60 13.86v-2.83zm0 5.656l-19.8 19.8 1.415 1.413L60 19.514v-2.83zm0 5.657l-16.97 16.97 1.414 1.415L60 25.172v-2.83zM60 28L45.858 42.142l1.414 1.414L60 30.828V28zm0 5.657L48.686 44.97l1.415 1.415 9.9-9.9v-2.828zm0 5.657L51.515 47.8l1.414 1.413 7.07-7.07v-2.83zm0 5.657l-5.657 5.657 1.414 1.415L60 47.8v-2.83zm0 5.657l-2.828 2.83 1.414 1.413L60 53.456v-2.83zM39.9 16.385l1.414-1.414L30 3.658 18.686 14.97l1.415 1.415 9.9-9.9 9.9 9.9zm-2.83 2.828l1.415-1.414L30 9.313 21.515 17.8l1.414 1.413 7.07-7.07 7.07 7.07zm-2.827 2.83l1.414-1.416L30 14.97l-5.657 5.657 1.414 1.415L30 17.8l4.243 4.242zm-2.83 2.827l1.415-1.414L30 20.626l-2.828 2.83 1.414 1.414L30 23.456l1.414 1.414zM56.87 59.414L58.284 58 30 29.716 1.716 58l1.414 1.414L30 32.544l26.87 26.87z' fill='%235d4aff' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E"); }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#pattrnbg_3 {
        background-color: #22a9a3;
        background-image: url("data:image/svg+xml,%3Csvg width='56' height='28' viewBox='0 0 56 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56 26c-2.813 0-5.456.726-7.752 2H56v-2zm-26 2h4.087C38.707 20.783 46.795 16 56 16v-2c-.672 0-1.339.024-1.999.07L54 14a2 2 0 0 1 2-2v-2a4 4 0 0 0-3.98 3.602 28.087 28.087 0 0 0-2.793-3.862A7.994 7.994 0 0 1 56 6V4a9.988 9.988 0 0 0-8.17 4.232 28.156 28.156 0 0 0-3.03-2.634A13.979 13.979 0 0 1 56 0h-7.752a16.078 16.078 0 0 0-5.09 4.454 27.941 27.941 0 0 0-3.536-1.936c.63-.896 1.33-1.738 2.095-2.518H39.03c-.46.557-.893 1.137-1.297 1.737A27.787 27.787 0 0 0 33.723.585c.12-.196.24-.392.364-.585H30l-.001.07A28.406 28.406 0 0 0 26 .07L26 0h-4.087c.124.193.245.389.364.585a27.787 27.787 0 0 0-4.009 1.152c-.404-.6-.837-1.18-1.297-1.737h-2.688c.764.78 1.466 1.622 2.095 2.518-1.23.562-2.41 1.21-3.536 1.936A16.078 16.078 0 0 0 7.752 0H0c4.58 0 8.645 2.199 11.2 5.598a28.156 28.156 0 0 0-3.03 2.634A9.988 9.988 0 0 0 0 4v2a7.994 7.994 0 0 1 6.773 3.74 28.087 28.087 0 0 0-2.793 3.862A4 4 0 0 0 0 10v2a2 2 0 0 1 1.999 2.07C1.339 14.024.672 14 0 14v2c9.205 0 17.292 4.783 21.913 12H26a2 2 0 1 1 4 0zM7.752 28C5.456 26.726 2.812 26 0 26v2h7.752zM56 20c-6.832 0-12.936 3.114-16.971 8h2.688A19.94 19.94 0 0 1 56 22v-2zm-39.029 8C12.936 23.114 6.831 20 0 20v2a19.94 19.94 0 0 1 14.283 6h2.688zm15.01-.398a28.087 28.087 0 0 1 2.792-3.862A7.994 7.994 0 0 0 28 20a7.994 7.994 0 0 0-6.773 3.74 28.087 28.087 0 0 1 2.793 3.862 4 4 0 0 1 7.96 0zm14.287-11.865C42.318 9.864 35.61 6 28 6c-7.61 0-14.318 3.864-18.268 9.737a27.787 27.787 0 0 0-4.009-1.152C10.275 7.043 18.548 2 28 2c9.452 0 17.725 5.043 22.277 12.585a27.787 27.787 0 0 0-4.009 1.152zm-5.426 2.717a27.941 27.941 0 0 1 3.536-1.936C40.76 11.367 34.773 8 28 8s-12.76 3.367-16.378 8.518c1.23.562 2.41 1.21 3.536 1.936C18.075 14.537 22.741 12 28 12s9.925 2.537 12.842 6.454zm-4.672 3.778a28.156 28.156 0 0 1 3.03-2.634A13.979 13.979 0 0 0 28 14c-4.58 0-8.645 2.199-11.2 5.598a28.156 28.156 0 0 1 3.03 2.634A9.988 9.988 0 0 1 28 18a9.988 9.988 0 0 1 8.17 4.232z' fill='%23e5e5e5' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E"); }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#pattrnbg_4 {
        background-color: #74ce5f;
        background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.66' fill-rule='evenodd'/%3E%3C/svg%3E"); }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#abstctbg_1 {
        background-image: url("../img/abstract-bg-1.jpg"); }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#abstctbg_2 {
        background-image: url("../img/abstract-bg-2.jpg"); }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#abstctbg_3 {
        background-image: url("../img/abstract-bg-3.jpg"); }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#abstctbg_4 {
        background-image: url("../img/abstract-bg-4.jpg"); }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#colorbg_1 {
        background: #E91E63; }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#colorbg_2 {
        background: #3F51B5; }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#colorbg_3 {
        background: #6200eb; }
      .mdl-layout__drawer-right .hero-switcher-wrap ul li#colorbg_4 {
        background: #827717; }

.is-visible {
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.setting-btn {
  position: fixed;
  font-size: 20px;
  bottom: 25px;
  right: 25px;
  z-index: 2; }

/*Hero BG*/
.bg-struct {
  position: absolute;
  height: 480px;
  width: 100%;
  left: 0;
  top: 0; }
  .bg-struct.bg-img {
    background: url("../img/img-bg-1.jpg");
    background-position: center;
    background-size: cover; }
  .bg-struct .bg-img-overlay {
    background: #333 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%; }

.carousel-fade .carousel-inner .item {
  transition-property: opacity;
  -webkit-transition-property: opacity; }
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0; }
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control {
  z-index: 2; }
.carousel-fade .carousel-indicators {
  z-index: 1; }
  .carousel-fade .carousel-indicators li {
    border-color: #E91E63; }
  .carousel-fade .carousel-indicators .active {
    background-color: #E91E63; }

/*About Sec*/
.about-sec .mdl-card {
  min-height: 400px; }
.about-sec .banner-carousel {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1; }
.about-sec .carousel,
.about-sec .carousel-inner,
.about-sec .carousel-inner .item {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center; }
.about-sec .item:nth-child(1) {
  background: url(img/gallery-1.jpg);
  background-size: cover;
  background-position: center; }
.about-sec .item:nth-child(2) {
  background: url(../img/gallery-2.jpg);
  background-size: cover;
  background-position: center; }
.about-sec .item:nth-child(3) {
  background: url(../img/gallery-3.jpg);
  background-size: cover;
  background-position: center; }
.about-sec .about-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .4;
  z-index: 2; }
.about-sec .about-content-wrap {
  position: relative;
  z-index: 3; }
  .about-sec .about-content-wrap h1, .about-sec .about-content-wrap h5, .about-sec .about-content-wrap h6 {
    color: #fff; }
  .about-sec .about-content-wrap .countdown {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize; }
  .about-sec .about-content-wrap .candidate-img {
    height: 230px;
    width: 230px;
    border-radius: 50%;
    background: url("../img/avatar.png");
    background-size: cover;
    margin: 0 auto; }
  .about-sec .about-content-wrap .social-icons {
    text-align: center; }
    .about-sec .about-content-wrap .social-icons li {
      display: inline-block;
      padding: 0 9px; }
      .about-sec .about-content-wrap .social-icons li:focus {
        outline: none; }
      .about-sec .about-content-wrap .social-icons li a i {
        color: #848484;
        font-size: 18px;
        -moz-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease; }
      .about-sec .about-content-wrap .social-icons li a.facebook-link:hover i {
        color: #3b5998; }
      .about-sec .about-content-wrap .social-icons li a.twitter-link:hover i {
        color: #55acee; }
      .about-sec .about-content-wrap .social-icons li a.linkedin-link:hover i {
        color: #007bb6; }
      .about-sec .about-content-wrap .social-icons li a.dribbble-link:hover i {
        color: #ea4c89; }
      .about-sec .about-content-wrap .social-icons li a.instagram-link:hover i {
        color: #3f729b; }
  .about-sec .about-content-wrap .profile-wrap li {
    margin-bottom: 8px; }
    .about-sec .about-content-wrap .profile-wrap li:last-child {
      margin-bottom: 0; }
    .about-sec .about-content-wrap .profile-wrap li .profile-title, .about-sec .about-content-wrap .profile-wrap li .profile-desc {
      display: inline-block; }
    .about-sec .about-content-wrap .profile-wrap li div.profile-title {
      width: 150px;
      margin-right: 20px;
      text-transform: capitalize;
      color: #444; }
  .about-sec .about-content-wrap .datepicker {
    position: absolute;
    z-index: 4;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -o-transition: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    -webkit-transition: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0; }
    .about-sec .about-content-wrap .datepicker.datepicker-open {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); }
    .about-sec .about-content-wrap .datepicker .ui-datepicker-prev, .about-sec .about-content-wrap .datepicker .ui-datepicker-next {
      border: medium none;
      display: inline-block;
      font-family: "Material-Design-Iconic-Font";
      font-feature-settings: normal;
      font-kerning: auto;
      font-language-override: normal;
      font-size: inherit;
      font-size-adjust: none;
      font-stretch: normal;
      font-style: normal;
      font-synthesis: weight style;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      text-rendering: auto;
      cursor: pointer;
      font-size: 20px;
      padding-top: 8px;
      text-align: center; }
    .about-sec .about-content-wrap .datepicker .ui-datepicker .ui-datepicker-title {
      font-weight: 500; }
    .about-sec .about-content-wrap .datepicker .ui-datepicker .ui-datepicker-prev {
      left: 0;
      top: 0; }
    .about-sec .about-content-wrap .datepicker .ui-datepicker .ui-datepicker-next {
      right: 0;
      top: 0; }
    .about-sec .about-content-wrap .datepicker .ui-datepicker-prev:before {
      content: '\f2fa'; }
    .about-sec .about-content-wrap .datepicker .ui-datepicker-next:before {
      content: '\f2fb'; }
    .about-sec .about-content-wrap .datepicker .ui-widget {
      font-family: inherit; }
    .about-sec .about-content-wrap .datepicker .ui-widget-header .ui-icon {
      background-image: none; }
    .about-sec .about-content-wrap .datepicker .ui-widget-header, .about-sec .about-content-wrap .datepicker .ui-state-hover, .about-sec .about-content-wrap .datepicker .ui-widget-content .ui-state-hover, .about-sec .about-content-wrap .datepicker .ui-widget-header .ui-state-hover, .about-sec .about-content-wrap .datepicker .ui-state-focus, .about-sec .about-content-wrap .datepicker .ui-widget-content .ui-state-focus, .about-sec .about-content-wrap .datepicker .ui-widget-header .ui-state-focus, .about-sec .about-content-wrap .datepicker .ui-button:hover, .about-sec .about-content-wrap .datepicker .ui-button:focus {
      background: transparent none repeat scroll 0 0;
      border: none; }
    .about-sec .about-content-wrap .datepicker .ui-widget.ui-widget-content {
      box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
      border: 1px solid transparent;
      border-radius: 0; }
    .about-sec .about-content-wrap .datepicker .ui-state-default, .about-sec .about-content-wrap .datepicker .ui-widget-content .ui-state-default, .about-sec .about-content-wrap .datepicker .ui-widget-header .ui-state-default, .about-sec .about-content-wrap .datepicker .ui-button, .about-sec .about-content-wrap .datepicker html .ui-button.ui-state-disabled:hover, .about-sec .about-content-wrap .datepicker html .ui-button.ui-state-disabled:active {
      background: transparent none repeat scroll 0 0;
      border: none;
      color: #444;
      display: table-cell;
      padding: 0;
      vertical-align: middle;
      text-align: center; }
    .about-sec .about-content-wrap .datepicker .ui-state-default {
      height: 30px;
      width: 30px; }
    .about-sec .about-content-wrap .datepicker .ui-widget-content .ui-state-default.ui-state-highlight {
      background: #E91E63;
      border-radius: 50%;
      color: #fff;
      height: 31px;
      width: 31px; }
    .about-sec .about-content-wrap .datepicker .ui-state-disabled, .about-sec .about-content-wrap .datepicker .ui-widget-content .ui-state-disabled, .about-sec .about-content-wrap .datepicker .ui-widget-header .ui-state-disabled {
      opacity: 1; }
      .about-sec .about-content-wrap .datepicker .ui-state-disabled .ui-state-default, .about-sec .about-content-wrap .datepicker .ui-widget-content .ui-state-disabled .ui-state-default, .about-sec .about-content-wrap .datepicker .ui-widget-header .ui-state-disabled .ui-state-default {
        color: #E91E63; }
  .about-sec .about-content-wrap #datepickopn {
    cursor: pointer; }
  .about-sec .about-content-wrap .ui-datepicker {
    font-size: 14px;
    padding: 11px;
    width: 20em; }
  .about-sec .about-content-wrap .ui-widget-header {
    color: #444; }
  .about-sec .about-content-wrap .ui-widget-content {
    color: #848484; }
.about-sec #datepicklayer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0;
  z-index: 3; }

/*Booking Sec*/
.modal-backdrop {
  background: #eee; }
  .modal-backdrop.in {
    opacity: .95; }

.modal-header {
  border: none; }

.modal-content {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  box-shadow: none; }

.booking-form .mdl-textfield, .registration-form .mdl-textfield {
  width: 100%; }
.booking-form .mdl-textfield__label, .registration-form .mdl-textfield__label {
  font-size: 14px;
  text-transform: capitalize;
  color: inherit; }
.booking-form .mdl-textfield--floating-label.is-invalid .mdl-textfield__label, .registration-form .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: inherit; }
.booking-form .mdl-textfield--floating-label.is-invalid.is-focused .mdl-textfield__label, .registration-form .mdl-textfield--floating-label.is-invalid.is-focused .mdl-textfield__label,
.booking-form .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.registration-form .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .booking-form .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .registration-form .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .booking-form .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label, .registration-form .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  color: #3f51b5; }
.booking-form .mdl-textfield.is-invalid .mdl-textfield__label::after, .registration-form .mdl-textfield.is-invalid .mdl-textfield__label::after {
  background-color: #3f51b5; }
.booking-form .mdl-textfield.is-invalid .mdl-textfield__input, .registration-form .mdl-textfield.is-invalid .mdl-textfield__input {
  border-color: rgba(0, 0, 0, 0.12); }
.booking-form .form-group, .registration-form .form-group {
  margin: 0; }
.booking-form .mdl-radio.is-upgraded, .registration-form .mdl-radio.is-upgraded {
  padding-right: 20px; }
  .booking-form .mdl-radio.is-upgraded:last-child, .registration-form .mdl-radio.is-upgraded:last-child {
    padding-right: 0; }
.booking-form .mdl-radio__label, .registration-form .mdl-radio__label {
  color: #444;
  display: inline-block;
  font-size: 15px;
  text-transform: capitalize; }

/*Notify Form*/
.message {
  position: absolute;
  bottom: 53px;
  font-size: 15px; }

/*Event Sec*/
.event-sec .profile-icon {
  font-size: 35px;
  display: block;
  margin-bottom: 35px; }

/*Portfolio Sec*/
.portfolio-sec .bottom-links {
  display: block;
  padding: 11px 30px;
  text-align: right;
  font-size: 22px; }
  .portfolio-sec .bottom-links a:first-child {
    padding-right: 30px; }
.portfolio-sec .light-img-wrap {
  position: relative;
  overflow: hidden; }
  .portfolio-sec .light-img-wrap img {
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -webkit-transition: 1s ease;
    transition: 1s ease; }
  .portfolio-sec .light-img-wrap .light-img-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.05);
    z-index: 1; }
  .portfolio-sec .light-img-wrap .img-cap {
    position: absolute;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    left: 20px;
    bottom: 20px;
    z-index: 2; }
.portfolio-sec .item:hover .light-img-wrap img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -moz-transform: scale3d(1.1, 1.1, 1);
  -o-transform: scale3d(1.1, 1.1, 1);
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1); }
.portfolio-sec #filters > li {
  display: inline-block;
  padding-right: 15px; }
  .portfolio-sec #filters > li:last-child {
    padding-right: 0; }
  .portfolio-sec #filters > li a {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase; }
    .portfolio-sec #filters > li a.active {
      color: #3F51B5; }

/*Interest Sec*/
.interest-sec .mdl-card i {
  font-size: 30px;
  display: block;
  color: #009688; }
.interest-sec .mdl-card span {
  display: block;
  text-transform: capitalize;
  margin-top: 25px; }

/*Timeline*/
.nav-tabs {
  border: none;
  margin-bottom: 10px; }
  .nav-tabs > li > a {
    text-transform: uppercase;
    font-weight: 500;
    padding-left: 0; }
    .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
      background: transparent;
      border-color: transparent !important; }
  .nav-tabs > li.active > a {
    background: transparent;
    border: 1px solid transparent;
    color: #444; }
    .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      background: transparent;
      border: 1px solid transparent;
      color: #444; }

.timeline {
  list-style: none;
  position: relative; }
  .timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 1px;
    left: 50%;
    background: #bababa; }
  .timeline > li {
    margin-bottom: 50px;
    position: relative;
    width: 50%;
    float: left;
    clear: left; }
    .timeline > li:last-child {
      margin-bottom: 0; }
    .timeline > li:nth-last-child(2) {
      margin-bottom: 0; }
    .timeline > li > .timeline-panel {
      width: calc(100% - 50px);
      float: left;
      position: relative; }
      .timeline > li > .timeline-panel .institution {
        color: #444; }
      .timeline > li > .timeline-panel .institution, .timeline > li > .timeline-panel .duration {
        display: block;
        font-size: 14px;
        text-transform: capitalize; }
      .timeline > li > .timeline-panel:after {
        position: absolute;
        top: 30px;
        right: -10px;
        display: inline-block;
        border-top: 10px solid transparent;
        border-left: 10px solid #fff;
        border-right: 0 solid #fff;
        border-bottom: 10px solid transparent;
        content: " "; }
      .timeline > li > .timeline-panel:before {
        border-color: transparent rgba(0, 0, 0, 0.1);
        border-style: solid;
        border-width: 13px 0 13px 13px;
        content: " ";
        display: inline-block;
        opacity: 0.2;
        position: absolute;
        right: -13px;
        top: 27px; }
    .timeline > li > .timeline-badge {
      background: #fff;
      border-radius: 50%;
      height: 38px;
      line-height: 50px;
      position: absolute;
      right: -19px;
      text-align: center;
      top: 23px;
      width: 38px;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.03), 0 1px 5px 0 rgba(0, 0, 0, 0.03); }
      .timeline > li > .timeline-badge.no-icon {
        height: 16px;
        right: -8px;
        width: 16px;
        top: 35px; }
      .timeline > li > .timeline-badge i {
        font-size: 23px;
        left: 0;
        position: absolute;
        right: 0;
        top: 8px; }
    .timeline > li.timeline-inverted
    > .timeline-panel {
      float: right; }
      .timeline > li.timeline-inverted
      > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 10px;
        left: -10px;
        right: auto; }
      .timeline > li.timeline-inverted
      > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 12px;
        left: -12px;
        right: auto; }
    .timeline > li.timeline-inverted {
      float: right;
      clear: right;
      margin-top: 50px;
      margin-bottom: 0; }
    .timeline > li:nth-child(2) {
      margin-top: 100px; }
    .timeline > li.timeline-inverted > .timeline-badge {
      left: -19px; }
      .timeline > li.timeline-inverted > .timeline-badge.no-icon {
        left: -8px; }

/*Speaker Sec*/
.speaker-sec .mdl-card .mdl-card__title {
  overflow: hidden;
  position: relative; }
  .speaker-sec .mdl-card .mdl-card__title .speaker-img {
    height: 230px;
    width: 100%; }
    .speaker-sec .mdl-card .mdl-card__title .speaker-img.speaker-1 {
      background: transparent url("../img/sp1.jpg") repeat scroll center center/cover; }
    .speaker-sec .mdl-card .mdl-card__title .speaker-img.speaker-2 {
      background: transparent url("../img/sp2.jpg") repeat scroll center center/cover; }
    .speaker-sec .mdl-card .mdl-card__title .speaker-img.speaker-3 {
      background: transparent url("../img/sp3.jpg") repeat scroll center center/cover; }
    .speaker-sec .mdl-card .mdl-card__title .speaker-img.speaker-4 {
      background: transparent url("../img/sp4.jpg") repeat scroll center center/cover; }
    .speaker-sec .mdl-card .mdl-card__title .speaker-img.speaker-5 {
      background: transparent url("../img/sp5.jpg") repeat scroll center center/cover; }
    .speaker-sec .mdl-card .mdl-card__title .speaker-img.speaker-6 {
      background: transparent url("../img/sp6.jpg") repeat scroll center center/cover; }
    .speaker-sec .mdl-card .mdl-card__title .speaker-img.speaker-7 {
      background: transparent url("../img/sp7.jpg") repeat scroll center center/cover; }
    .speaker-sec .mdl-card .mdl-card__title .speaker-img.speaker-8 {
      background: transparent url("../img/sp8.jpg") repeat scroll center center/cover; }
  .speaker-sec .mdl-card .mdl-card__title .speaker-overlay {
    background: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease; }
    .speaker-sec .mdl-card .mdl-card__title .speaker-overlay .social-icons li {
      display: inline-block;
      padding: 0 9px 0 0; }
      .speaker-sec .mdl-card .mdl-card__title .speaker-overlay .social-icons li:focus {
        outline: none; }
      .speaker-sec .mdl-card .mdl-card__title .speaker-overlay .social-icons li a i {
        color: #848484;
        -moz-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
        font-size: 14px; }
      .speaker-sec .mdl-card .mdl-card__title .speaker-overlay .social-icons li a.facebook-link:hover i {
        color: #3b5998; }
      .speaker-sec .mdl-card .mdl-card__title .speaker-overlay .social-icons li a.twitter-link:hover i {
        color: #55acee; }
      .speaker-sec .mdl-card .mdl-card__title .speaker-overlay .social-icons li a.linkedin-link:hover i {
        color: #007bb6; }
      .speaker-sec .mdl-card .mdl-card__title .speaker-overlay .social-icons li a.dribbble-link:hover i {
        color: #ea4c89; }
      .speaker-sec .mdl-card .mdl-card__title .speaker-overlay .social-icons li a.instagram-link:hover i {
        color: #3f729b; }
.speaker-sec .mdl-card:hover .speaker-overlay {
  opacity: 1;
  visibility: visible; }
.speaker-sec .mdl-card .mdl-card__actions {
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 25px;
  border-bottom: none; }
  .speaker-sec .mdl-card .mdl-card__actions i {
    color: #848484;
    font-size: 20px; }
  .speaker-sec .mdl-card .mdl-card__actions .speaker-post-date {
    font-size: 14px;
    line-height: 32px; }

/*Blog Sec*/
.blog-sec .mdl-card .mdl-card__title {
  overflow: hidden; }
  .blog-sec .mdl-card .mdl-card__title .blog-img {
    height: 230px;
    width: 100%;
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -webkit-transition: 1s ease;
    transition: 1s ease; }
    .blog-sec .mdl-card .mdl-card__title .blog-img.blog-1 {
      background: transparent url("../img/blog1.jpg") repeat scroll center center/cover; }
    .blog-sec .mdl-card .mdl-card__title .blog-img.blog-2 {
      background: transparent url("../img/blog2.jpg") repeat scroll center center/cover; }
    .blog-sec .mdl-card .mdl-card__title .blog-img.blog-3 {
      background: transparent url("../img/blog3.jpg") repeat scroll center center/cover; }
    .blog-sec .mdl-card .mdl-card__title .blog-img.blog-4 {
      background: transparent url("../img/blog4.jpg") repeat scroll center center/cover; }
    .blog-sec .mdl-card .mdl-card__title .blog-img.blog-5 {
      background: transparent url("../img/blog5.jpg") repeat scroll center center/cover; }
    .blog-sec .mdl-card .mdl-card__title .blog-img.blog-6 {
      background: transparent url("../img/blog6.jpg") repeat scroll center center/cover; }
.blog-sec .mdl-card:hover .mdl-card__title .blog-img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -moz-transform: scale3d(1.1, 1.1, 1);
  -o-transform: scale3d(1.1, 1.1, 1);
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1); }
.blog-sec .mdl-card .blog-cat {
  display: block;
  font-size: 14px;
  text-transform: capitalize; }
.blog-sec .mdl-card .mdl-button--fab {
  position: absolute;
  right: 20px;
  top: 0;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  .blog-sec .mdl-card .mdl-button--fab i {
    font-size: 20px;
    line-height: 48px;
    color: #fff; }
  .blog-sec .mdl-card .mdl-button--fab:hover i {
    color: #fff; }
.blog-sec .mdl-card .mdl-card__actions {
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 25px;
  border-bottom: none; }
  .blog-sec .mdl-card .mdl-card__actions i {
    color: #848484;
    font-size: 20px; }
  .blog-sec .mdl-card .mdl-card__actions .blog-post-date {
    font-size: 14px; }

/*Reference Sec*/
.reference-sec .owl-theme .owl-controls {
  display: inline-block;
  float: right; }
  .reference-sec .owl-theme .owl-controls .owl-nav div {
    display: inline-block; }
    .reference-sec .owl-theme .owl-controls .owl-nav div i {
      font-size: 19px; }
      .reference-sec .owl-theme .owl-controls .owl-nav div i:hover {
        color: #3F51B5; }
  .reference-sec .owl-theme .owl-controls .owl-prev {
    margin-right: 20px; }

/*Client Sec*/
.client-sec img {
  opacity: .4; }
.client-sec .owl-controls {
  display: none; }

/*Pricing Sec*/
.price-sec .panel-price {
  font-size: 45px; }
  .price-sec .panel-price .pricing-dolor {
    font-size: 20px;
    padding-right: 3px; }
.price-sec .pricing-plan {
  text-transform: capitalize; }
.price-sec .mdl-card__supporting-text .list-group li {
  border-color: rgba(0, 0, 0, 0.1); }
  .price-sec .mdl-card__supporting-text .list-group li:first-child {
    border-top: none; }
  .price-sec .mdl-card__supporting-text .list-group li.list-group-item {
    padding: 19px 15px;
    font-size: 14px;
    border-left: medium none;
    border-radius: 0;
    border-right: medium none;
    text-transform: capitalize; }
.price-sec .price-bg {
  background: #f5f5f5 none repeat scroll 0 0;
  padding-bottom: 18px;
  padding-top: 20px; }

/*Contact Sec*/
.contact-sec .mdl-textfield, .blog-detail .comment-sec .mdl-textfield, .project-detail .comment-sec .mdl-textfield {
  width: 100%; }
.contact-sec .mdl-textfield__label, .blog-detail .comment-sec .mdl-textfield__label, .project-detail .comment-sec .mdl-textfield__label {
  font-size: 14px;
  text-transform: capitalize;
  color: inherit; }
.contact-sec .mdl-textfield--floating-label.is-invalid .mdl-textfield__label, .blog-detail .comment-sec .mdl-textfield--floating-label.is-invalid .mdl-textfield__label, .project-detail .comment-sec .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: inherit; }
.contact-sec .mdl-textfield--floating-label.is-invalid.is-focused .mdl-textfield__label, .blog-detail .comment-sec .mdl-textfield--floating-label.is-invalid.is-focused .mdl-textfield__label, .project-detail .comment-sec .mdl-textfield--floating-label.is-invalid.is-focused .mdl-textfield__label,
.contact-sec .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.blog-detail .comment-sec .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.project-detail .comment-sec .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .contact-sec .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .blog-detail .comment-sec .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .project-detail .comment-sec .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .contact-sec .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label, .blog-detail .comment-sec .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label, .project-detail .comment-sec .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  color: #3f51b5; }
.contact-sec .mdl-textfield.is-invalid .mdl-textfield__label::after, .blog-detail .comment-sec .mdl-textfield.is-invalid .mdl-textfield__label::after, .project-detail .comment-sec .mdl-textfield.is-invalid .mdl-textfield__label::after {
  background-color: #3f51b5; }
.contact-sec .mdl-textfield.is-invalid .mdl-textfield__input, .blog-detail .comment-sec .mdl-textfield.is-invalid .mdl-textfield__input, .project-detail .comment-sec .mdl-textfield.is-invalid .mdl-textfield__input {
  border-color: rgba(0, 0, 0, 0.12); }
.contact-sec #map_canvas, .blog-detail .comment-sec #map_canvas, .project-detail .comment-sec #map_canvas {
  height: 600px; }
.contact-sec .form-horizontal .form-group, .blog-detail .comment-sec .form-horizontal .form-group, .project-detail .comment-sec .form-horizontal .form-group {
  margin: 0; }
.contact-sec .result, .blog-detail .comment-sec .result, .project-detail .comment-sec .result {
  background: transparent;
  text-transform: capitalize;
  bottom: 35px;
  position: absolute; }

/*Footer Sec*/
.footer-sec .social-icons {
  text-align: center; }
  .footer-sec .social-icons li {
    display: inline-block;
    padding: 0 9px; }
    .footer-sec .social-icons li:focus {
      outline: none; }
    .footer-sec .social-icons li a i {
      color: #848484;
      -moz-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease; }
    .footer-sec .social-icons li a.facebook-link:hover i {
      color: #3b5998; }
    .footer-sec .social-icons li a.twitter-link:hover i {
      color: #55acee; }
    .footer-sec .social-icons li a.linkedin-link:hover i {
      color: #007bb6; }
    .footer-sec .social-icons li a.dribbble-link:hover i {
      color: #ea4c89; }
    .footer-sec .social-icons li a.instagram-link:hover i {
      color: #3f729b; }

/*Navigation Sec*/
.navigation-block a {
  position: relative; }
  .navigation-block a i {
    font-size: 21px; }
.navigation-block.priview-text a {
  position: relative; }
  .navigation-block.priview-text a i {
    position: absolute;
    top: 2px; }
  .navigation-block.priview-text a.next i {
    right: 0; }
  .navigation-block.priview-text a.prev i {
    left: 0; }

/*Blog & Project Deatail Pages*/
.blog-detail .bg-struct, .project-detail .bg-struct {
  height: 300px; }
.blog-detail .blog-sec .mdl-card .mdl-card__title .main-blogpost-img.blog-img, .project-detail .blog-sec .mdl-card .mdl-card__title .main-blogpost-img.blog-img {
  background: url(../img/gallery5.jpg);
  background-size: cover;
  background-position: center; }
.blog-detail .blog-sec .mdl-card .mdl-card__title .main-blogpost-img.blog-img,
.blog-detail .project-sec .mdl-card .mdl-card__title .main-blogpost-img.blog-img, .project-detail .blog-sec .mdl-card .mdl-card__title .main-blogpost-img.blog-img,
.project-detail .project-sec .mdl-card .mdl-card__title .main-blogpost-img.blog-img {
  height: 400px;
  transform: scale(1); }
.blog-detail .blog-detail-list li, .project-detail .blog-detail-list li {
  margin-bottom: 8px;
  list-style: disc;
  list-style-position: inside; }
.blog-detail .user-comment, .project-detail .user-comment {
  margin-bottom: 30px;
  padding-left: 80px;
  position: relative; }
.blog-detail .user-image, .project-detail .user-image {
  border-radius: 100%;
  height: 60px;
  overflow: hidden;
  width: 60px;
  position: absolute;
  left: 0px; }
  .blog-detail .user-image img, .project-detail .user-image img {
    width: 100%;
    height: auto; }
.blog-detail .comment-name, .project-detail .comment-name {
  display: block;
  margin-bottom: 5px;
  text-transform: capitalize;
  color: #444; }
.blog-detail .comment-date, .project-detail .comment-date {
  display: inline-block;
  font-size: 13px;
  margin-bottom: 10px; }
.blog-detail .user-comment-reply, .project-detail .user-comment-reply {
  position: relative;
  padding-left: 80px;
  margin-top: 30px;
  display: block; }
.blog-detail a.reply, .project-detail a.reply {
  margin-top: 15px;
  padding-left: 30px;
  font-size: 13px; }
.blog-detail iframe.player, .project-detail iframe.player {
  width: 100%;
  height: 400px; }
  .blog-detail iframe.player.audio-player, .project-detail iframe.player.audio-player {
    height: 100px; }
.blog-detail .carousel,
.blog-detail .carousel-inner,
.blog-detail .carousel-inner .item, .project-detail .carousel,
.project-detail .carousel-inner,
.project-detail .carousel-inner .item {
  min-height: 400px;
  background-size: cover;
  background-position: center; }
.blog-detail .item:nth-child(1), .project-detail .item:nth-child(1) {
  background: url(../img/gallery1.jpg);
  background-size: cover;
  background-position: center; }
.blog-detail .item:nth-child(2), .project-detail .item:nth-child(2) {
  background: url(../img/gallery2.jpg);
  background-size: cover;
  background-position: center; }
.blog-detail .item:nth-child(3), .project-detail .item:nth-child(3) {
  background: url(../img/gallery3.jpg);
  background-size: cover;
  background-position: center; }

.project-detail .carousel,
.project-detail .carousel-inner,
.project-detail .carousel-inner .item {
  height: 500px;
  background-size: cover;
  background-position: center; }
.project-detail .item:nth-child(1) {
  background: url(../img/gallery4.jpg);
  background-size: cover;
  background-position: center; }
.project-detail .item:nth-child(2) {
  background: url(../img/gallery5.jpg);
  background-size: cover;
  background-position: center; }
.project-detail .item:nth-child(3) {
  background: url(../img/gallery6.jpg);
  background-size: cover;
  background-position: center; }

/****************************/
/** Mediaqueries **/
/****************************/
@media (max-width: 1023px) {
  .mdl-layout--large-screen-only {
    display: none; }

  .mdl-layout__header {
    width: 100%; }

  .navigation-block span {
    display: none !important; }
  .navigation-block.priview-text a i {
    position: relative;
    top: 2px; } }
@media (min-width: 992px) {
  /* .container {
    width: 970px; }*/ }
@media (max-width: 768px) {
  .mt-sm-120 {
    margin-top: 120px !important; }

  .about-sec .candidate-img {
    height: 180px;
    width: 180px; }
  .about-sec .info-wrap {
    text-align: center; }

  ul.timeline:before {
    left: 23px; }
  ul.timeline > li {
    margin-bottom: 0px;
    position: relative;
    width: 100%;
    float: left;
    clear: left; }
    ul.timeline > li > .timeline-panel {
      width: calc(100% - 65px);
      width: -moz-calc(100% - 65px);
      width: -webkit-calc(100% - 65px); }
      ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 12px;
        left: -12px;
        right: auto; }
    ul.timeline > li > .timeline-badge {
      left: 4px;
      margin-left: 0; }
      ul.timeline > li > .timeline-badge.no-icon {
        left: 16px; }
    ul.timeline > li > .timeline-panel {
      float: right; }
      ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 10px;
        left: -10px;
        right: auto; }

  .timeline > li.timeline-inverted {
    float: left;
    clear: left;
    margin-top: 30px;
    margin-bottom: 30px; }
    .timeline > li.timeline-inverted > .timeline-badge {
      left: 4px; }
      .timeline > li.timeline-inverted > .timeline-badge.no-icon {
        left: 16px; } }
@media (max-width: 680px) {
  h1 {
    font-size: 35px; } }
@media (max-width: 568px) {
  .float-none-xs {
    float: none !important; }

  .portfolio-sec #filters {
    margin-top: 20px; } }
@media (max-width: 567px) {
  .about-sec .profile-wrap li .profile-title, .about-sec .profile-wrap li .profile-desc {
    display: block; }

  .about-sec .profile-wrap li {
    margin-bottom: 18px; }
    .about-sec .profile-wrap li .profile-title {
      display: block;
      width: 100%;
      margin-bottom: 4px; } }
@media (max-width: 490px) {
  .speaker-sec .col-md-3.col-xs-6 {
    width: 100%; } }
@media (max-width: 414px) {
  h1 {
    font-size: 27px;
    line-height: 35px; }

  .first-part-count {
    display: block; }

  .second-part-count {
    display: block; }
    .second-part-count .time-sep:first-child {
      display: none; } }
@media (max-width: 358px) {
  .info-wrap a.mdl-button:first-child {
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 20px !important; }

  .about-sec .datepicker {
    left: -25px; } }

/*# sourceMappingURL=style.css.map */



.logo_section {
    max-width: 150px;
    min-width: 150px;
}
.logo_section img {
    width: 100%;
}
.mdl-layout__header-row {
    height: 110px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
}
.mdl-navigation__link{
  font-size: 18px;
}
.gray {
    background-color: #d2d1d1;
    font-weight: 400;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #999;
}
.speaker-sec .mdl-card .speaker-post-date.name, .speaker-sec .mdl-card .speaker-post-date.work {
    display: block !important;
    width: 100%;
}
.speaker-sec .mdl-card .mdl-card__actions {
    display: block;
    text-align: center;
}
.mdl-layout__header {
  width: 1140px;
}
.speaker-sec .mdl-card .mdl-card__title{
  position: static;
}
.mdl-card{
  position: relative;
}
.contact-sec #map_canvas{
  height: 320px;
}
.speaker-sec .mdl-card .speaker-post-date:last-child {
    min-height: 66px;
}
.fs-25 {
    font-size: 25px;
    display: block;
    margin-bottom: 10px;
}
.fs-30 {
    font-size: 30px;
    margin-bottom: 16px;
    display: block;
}
h2.mb-30 {
  color: #b01216;
}
.font-size-18 {
    font-size: 18px;
    font-weight: 300;
}
.mdl-card__title .speaker-img{
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.mdl-layout__header .mdl-layout__drawer-button{
  display: none;
}




/****************mobile***************/

@media (max-width:1024px){
  .mdl-layout__header .mdl-layout__drawer-button{
    display: block;
    margin-top: 20px;
  }
  .mdl-layout__header-row {
    height: 100%;
    padding: 14px 16px 12px 44px;
    /* display: block; */
  }
  .logo_section {
    float: left;
    width: 100%;
    max-width: 94px;
    min-width: 94px;
  }
  .logo_section img {
    width: 100%;
    display: block;
  }
  .mdl-layout__drawer .mdl-navigation li .mdl-navigation__link{
    text-transform: capitalize;
  }
  .mdl-layout--fixed-header > .mdl-layout__header {
    display: block;
    width: 100%;
  }
}

@media (max-width:768px){
  .fs-30 {
    font-size: 21px;
  }
  .fs-25 {
    font-size: 14px;
  }
  .table.table-bordered {
    overflow-x: scroll;
    width: 100%;
    display: block;
  }
  .speaker-overlay p{
    font-size: 12px;
  }
}

/****************tab***************/
@media (min-width:768px) and (max-width:1220px){

}