html {
  font-size: 14px;
  height: 100%;
}
body {
  font-size: 1rem;
  height: 100%;
  font-family: 'Raleway', sans-serif;
}
a:focus,
a:hover {
  color: #ed1c24;
}


h1 {
  font-size: 2.8rem;
}
h2 {
  font-size: 2.3rem;
}
h3 {
  font-size: 1.8rem;
}
h4 {
  font-size: 1.2rem;
}
h5 {
  font-size: 0.9rem;
}
h6 {
  font-size: 0.75rem;
}
p {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.6px;
}
/*---------- Slider section styles start----------*/
.static-background {
  position: relative;
  background: url(../textile-img/slider/bg3.jpg) center center fixed;
  background-size: cover;
}
#slider {
  position: relative;
  color: #fff;
}
#slider h1 {
  margin-top: 80px;
  letter-spacing: 3px;
  word-spacing: 1px;
  font-size: 50px;
  font-weight: 700;
}
#slider p {
margin-top: 30px;
line-height: 1.4;
font-size: 14px;
font-weight: 300;
letter-spacing: 5px;
text-transform: uppercase;
}
#slider br {
  margin-top: 50px;
}
#slider a {
  color: #fff;
}
/*---------- Slider section styles ends----------*/

.bg-fixed {
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
}
.bg-cover {
  background-size: cover !important;
}
.bg-center {
  background-position: center !important;
}
.bg-pattern {
  background-repeat: repeat;
  background-position: fixed;
}

.bdr-solid {
  border-style: solid !important;
}
.bdr-dotted {
  border-style: dotted !important;
}
.bdr-dashed {
  border-style: dashed !important;
}
/* helpers for border widths*/
.bdr-w-1 {
  border-width: 1px;
}
.bdr-w-2 {
  border-width: 2px;
}
.bdr-w-3 {
  border-width: 3px;
}
.bdr-w-4 {
  border-width: 4px;
}
.bdr-w-5 {
  border-width: 5px;
}
.bdr-w-6 {
  border-width: 6px;
}
.bdr-w-7 {
  border-width: 7px;
}
.bdr-w-8 {
  border-width: 8px;
}
.bdr-w-9 {
  border-width: 9px;
}
.bdr-w-10 {
  border-width: 10px;
}
.bdr-w-reset {
  border-width: 0px !important;
}
/* helpers for border border radius*/
.bdr-rad-1 {
  border-radius: 1px;
}
.bdr-rad-2 {
  border-radius: 2px;
}
.bdr-rad-3 {
  border-radius: 3px;
}
.bdr-rad-4 {
  border-radius: 4px;
}
.bdr-rad-5 {
  border-radius: 5px;
}
.bdr-rad-6 {
  border-radius: 6px;
}
.bdr-rad-7 {
  border-radius: 7px;
}
.bdr-rad-8 {
  border-radius: 8px;
}
.bdr-rad-9 {
  border-radius: 9px;
}
.bdr-rad-10 {
  border-radius: 10px;
}
.bdr-rad-circle {
  border-radius: 50%;
}
.bdr-rad-50 {
  border-radius: 50px;
}
.bdr-rad-reset {
  border-radius: 0px !important;
}

.clr-primary {
  color: #1abc9c;
}
.bg-clr-primary {
  background-color: #1abc9c;
}
.bdr-clr-primary {
  border-color: #1abc9c !important;
}
.clr-secondry {
  color: #f4f5f7;
}
.bg-clr-secondry {
  background-color: #f4f5f7;
}
.bdr-clr-secondry {
  border-color: #f4f5f7 !important;
}
.clr-white {
  color: #fff;
}
.bg-clr-white {
  background-color: #fff;
}
.bdr-clr-white {
  border-color: #fff !important;
}
.clr-black {
  color: #000;
}
.bg-clr-black {
  background-color: #000;
}
.bdr-clr-black {
  border-color: #000 !important;
}
.clr-orange {
  color: #ea5d2d;
}
.bg-clr-orange {
  background-color: #ea5d2d;
}
.bdr-clr-orange {
  border-color: #ea5d2d !important;
}
.clr-blue {
  color: #003471;
}
.bg-clr-blue {
  background-color: #003471;
}
.bdr-clr-blue {
  border-color: #003471 !important;
}
.clr-dark-xs {
  color: #fafafa;
}
.bg-clr-dark-xs {
  background-color: #fafafa;
}
.bdr-clr-dark-xs {
  border-color: #fafafa !important;
}
.clr-dark-sm {
  color: #f5f5f5;
}
.bg-clr-dark-sm {
  background-color: #f5f5f5;
}
.bdr-clr-dark-sm {
  border-color: #f5f5f5 !important;
}
.clr-dark-md {
  color: #ccc;
}
.bg-clr-dark-md {
  background-color: #ccc;
}
.bdr-clr-dark-md {
  border-color: #ccc !important;
}
.clr-dark-lg {
  color: #999;
}
.bg-clr-dark-lg {
  background-color: #999;
}
.bdr-clr-dark-lg {
  border-color: #999 !important;
}
.clr-dark-xl {
  color: #666;
}
.bg-clr-dark-xl {
  background-color: #666;
}
.bdr-clr-dark-xl {
  border-color: #666 !important;
}
.clr-light-green {
  color: #80ff80;
}
.bg-clr-light-green {
  background-color: #80ff80;
}
.bdr-clr-light-green {
  border-color: #80ff80 !important;
}
.clr-yellow {
  color: #ffa90f;
}
.bg-clr-yellow {
  background-color: #ffa90f;
}
.bdr-clr-yellow {
  border-color: #ffa90f !important;
}
.clr-fb {
  color: #3b5998;
}
.bg-clr-fb {
  background-color: #3b5998;
}
.bdr-clr-fb {
  border-color: #3b5998 !important;
}
.clr-ig {
  color: #966842;
}
.bg-clr-ig {
  background-color: #966842;
}
.bdr-clr-ig {
  border-color: #966842 !important;
}
.clr-gp {
  color: #d14836;
}
.bg-clr-gp {
  background-color: #d14836;
}
.bdr-clr-gp {
  border-color: #d14836 !important;
}
.clr-rss {
  color: #ff8300;
}
.bg-clr-rss {
  background-color: #ff8300;
}
.bdr-clr-rss {
  border-color: #ff8300 !important;
}
.clr-skype {
  color: #00aff0;
}
.bg-clr-skype {
  background-color: #00aff0;
}
.bdr-clr-skype {
  border-color: #00aff0 !important;
}
.clr-vimeo {
  color: #4bf;
}
.bg-clr-vimeo {
  background-color: #4bf;
}
.bdr-clr-vimeo {
  border-color: #4bf !important;
}
.clr-wp {
  color: #21759b;
}
.bg-clr-wp {
  background-color: #21759b;
}
.bdr-clr-wp {
  border-color: #21759b !important;
}
.clr-yt {
  color: #cd332d;
}
.bg-clr-yt {
  background-color: #cd332d;
}
.bdr-clr-yt {
  border-color: #cd332d !important;
}
.clr-xing {
  color: #006567;
}
.bg-clr-xing {
  background-color: #006567;
}
.bdr-clr-xing {
  border-color: #006567 !important;
}
.clr-twitter {
  color: #00aced;
}
.bg-clr-twitter {
  background-color: #00aced;
}
.bdr-clr-twitter {
  border-color: #00aced !important;
}
.clr-tumblr {
  color: #2c4762;
}
.bg-clr-tumblr {
  background-color: #2c4762;
}
.bdr-clr-tumblr {
  border-color: #2c4762 !important;
}
.bg-alpha-primary-1 {
  background-color: rgba(26,188,156,0.1);
}
.bg-alpha-primary-2 {
  background-color: rgba(26,188,156,0.2);
}
.bg-alpha-primary-3 {
  background-color: rgba(26,188,156,0.3);
}
.bg-alpha-primary-4 {
  background-color: rgba(26,188,156,0.4);
}
.bg-alpha-primary-5 {
  background-color: rgba(26,188,156,0.5);
}
.bg-alpha-primary-6 {
  background-color: rgba(26,188,156,0.6);
}
.bg-alpha-primary-7 {
  background-color: rgba(26,188,156,0.7);
}
.bg-alpha-primary-8 {
  background-color: rgba(26,188,156,0.8);
}
.bg-alpha-primary-9 {
  background-color: rgba(26,188,156,0.9);
}
.bg-alpha-white-1 {
  background-color: rgba(255,255,255,0.1);
}
.bg-alpha-white-2 {
  background-color: rgba(255,255,255,0.2);
}
.bg-alpha-white-3 {
  background-color: rgba(255,255,255,0.3);
}
.bg-alpha-white-4 {
  background-color: rgba(255,255,255,0.4);
}
.bg-alpha-white-5 {
  background-color: rgba(255,255,255,0.5);
}
.bg-alpha-white-6 {
  background-color: rgba(255,255,255,0.6);
}
.bg-alpha-white-7 {
  background-color: rgba(255,255,255,0.7);
}
.bg-alpha-white-8 {
  background-color: rgba(255,255,255,0.8);
}
.bg-alpha-white-9 {
  background-color: rgba(255,255,255,0.9);
}
.bg-alpha-black-1 {
  background-color: rgba(0,0,0,0.1);
}
.bg-alpha-black-2 {
  background-color: rgba(0,0,0,0.2);
}
.bg-alpha-black-3 {
  background-color: rgba(0,0,0,0.3);
}
.bg-alpha-black-4 {
  background-color: rgba(0,0,0,0.4);
}
.bg-alpha-black-5 {
  background-color: rgba(0,0,0,0.5);
}
.bg-alpha-black-6 {
  background-color: rgba(0,0,0,0.25);
}
.bg-alpha-black-7 {
  background-color: rgba(0,0,0,0.7);
}
.bg-alpha-black-8 {
  background-color: rgba(0,0,0,0.8);
}
.bg-alpha-black-9 {
  background-color: rgba(0,0,0,0.9);
}
.bg-clr-glass {
  background-color: transparent !important;
}

.table {
  position: relative;
  display: table;
  height: 100%;
}
.table-middle-row {
  display: table-cell;
  vertical-align: middle;
}
/*display helpers*/
.display-inline {
  display: inline !important;
}
.display-block {
  display: block !important;
}
.display-inline-block {
  display: inline-block !important;
}

/*font size helpers*/
.font-size-10 {
  font-size: 10px !important;
}
.font-size-11 {
  font-size: 11px !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-13 {
  font-size: 13px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-15 {
  font-size: 15px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.font-size-17 {
  font-size: 17px !important;
}
.font-size-18 {
  font-size: 18px !important;
}
.font-size-19 {
  font-size: 19px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-21 {
  font-size: 21px !important;
}
.font-size-22 {
  font-size: 22px !important;
}
.font-size-23 {
  font-size: 23px !important;
}
.font-size-24 {
  font-size: 24px !important;
}
.font-size-25 {
  font-size: 25px !important;
}
.font-size-26 {
  font-size: 26px !important;
}
.font-size-27 {
  font-size: 27px !important;
}
.font-size-28 {
  font-size: 28px !important;
}
.font-size-29 {
  font-size: 29px !important;
}
.font-size-30 {
  font-size: 30px !important;
}
.font-size-31 {
  font-size: 31px !important;
}
.font-size-32 {
  font-size: 32px !important;
}
.font-size-33 {
  font-size: 33px !important;
}
.font-size-34 {
  font-size: 34px !important;
}
.font-size-35 {
  font-size: 35px !important;
}
.font-size-36 {
  font-size: 36px !important;
}
.font-size-37 {
  font-size: 37px !important;
}
.font-size-38 {
  font-size: 38px !important;
}
.font-size-39 {
  font-size: 39px !important;
}
.font-size-40 {
  font-size: 40px !important;
}
.font-size-41 {
  font-size: 41px !important;
}
.font-size-42 {
  font-size: 42px !important;
}
.font-size-43 {
  font-size: 43px !important;
}
.font-size-44 {
  font-size: 44px !important;
}
.font-size-45 {
  font-size: 45px !important;
}
.font-size-46 {
  font-size: 46px !important;
}
.font-size-47 {
  font-size: 47px !important;
}
.font-size-48 {
  font-size: 48px !important;
}
.font-size-49 {
  font-size: 49px !important;
}
.font-size-50 {
  font-size: 50px !important;
}
.font-size-51 {
  font-size: 51px !important;
}
.font-size-52 {
  font-size: 52px !important;
}
.font-size-53 {
  font-size: 53px !important;
}
.font-size-54 {
  font-size: 54px !important;
}
.font-size-55 {
  font-size: 55px !important;
}
.font-size-56 {
  font-size: 56px !important;
}
.font-size-57 {
  font-size: 57px !important;
}
.font-size-58 {
  font-size: 58px !important;
}
.font-size-59 {
  font-size: 59px !important;
}
.font-size-60 {
  font-size: 60px !important;
}
.font-size-61 {
  font-size: 61px !important;
}
.font-size-62 {
  font-size: 62px !important;
}
.font-size-63 {
  font-size: 63px !important;
}
.font-size-64 {
  font-size: 64px !important;
}
.font-size-65 {
  font-size: 65px !important;
}
.font-size-66 {
  font-size: 66px !important;
}
.font-size-67 {
  font-size: 67px !important;
}
.font-size-68 {
  font-size: 68px !important;
}
.font-size-69 {
  font-size: 69px !important;
}
.font-size-70 {
  font-size: 70px !important;
}
.font-bold {
  font-style: bold !important;
}
/*helpers for font-weight*/
.font-weight-100 {
  font-weight: 100 !important;
}
.font-weight-200 {
  font-weight: 200 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-800 {
  font-weight: 800 !important;
}
.font-weight-900 {
  font-weight: 900 !important;
}
/*letter and word spacing helpers classes*/
.letter-spacing-1 {
  letter-spacing: 1px;
}
.letter-spacing-2 {
  letter-spacing: 2px;
}
.letter-spacing-3 {
  letter-spacing: 3px;
}
.letter-spacing-4 {
  letter-spacing: 4px;
}
.letter-spacing-5 {
  letter-spacing: 5px;
}
.letter-spacing-6 {
  letter-spacing: 6px;
}
.letter-spacing-7 {
  letter-spacing: 7px;
}
.letter-spacing-8 {
  letter-spacing: 8px;
}
.word-spacing-1 {
  word-spacing: 1px;
}
.word-spacing-2 {
  word-spacing: 2px;
}
.word-spacing-3 {
  word-spacing: 3px;
}
.word-spacing-4 {
  word-spacing: 4px;
}
.word-spacing-5 {
  word-spacing: 5px;
}
.word-spacing-6 {
  word-spacing: 6px;
}
.word-spacing-7 {
  word-spacing: 7px;
}
.word-spacing-8 {
  word-spacing: 8px;
}
.letter-spacing-negative--i {
  letter-spacing: 1px;
}
.letter-spacing-negative--i {
  letter-spacing: 0px;
}
.letter-spacing-negative--i {
  letter-spacing: -1px;
}
.letter-spacing-negative--i {
  letter-spacing: -2px;
}
.letter-spacing-negative--i {
  letter-spacing: -3px;
}
.letter-spacing-negative--i {
  letter-spacing: -4px;
}
.letter-spacing-negative--i {
  letter-spacing: -5px;
}
.letter-spacing-negative--i {
  letter-spacing: -6px;
}
.letter-spacing-negative--i {
  letter-spacing: -7px;
}
.letter-spacing-negative--i {
  letter-spacing: -8px;
}
.black {
  color: #000;
}
/*hover effect helpers classes*/
.hover-primary {
  position: relative;
}
.hover-primary:hover {
  text-decoration: none !important;
  color: #1abc9c;
  background-color: transparent !important;
}
.decoration-none {
  text-decoration: none !important;
}
.hower-icon {
  position: relative;
}
.hower-icon:hover {
  background-color: #1abc9c;
  color: #fff !important;
}
/*left ,right, top and bottom helper classes*/
.right-5 {
  right: 5px;
}
.left-5 {
  left: 5px;
}
.top-5 {
  top: 5px;
}
.bottom-5 {
  bottom: 5px;
}
.right-10 {
  right: 10px;
}
.left-10 {
  left: 10px;
}
.top-10 {
  top: 10px;
}
.bottom-10 {
  bottom: 10px;
}
.right-15 {
  right: 15px;
}
.left-15 {
  left: 15px;
}
.top-15 {
  top: 15px;
}
.bottom-15 {
  bottom: 15px;
}
.right-20 {
  right: 20px;
}
.left-20 {
  left: 20px;
}
.top-20 {
  top: 20px;
}
.bottom-20 {
  bottom: 20px;
}
.right-25 {
  right: 25px;
}
.left-25 {
  left: 25px;
}
.top-25 {
  top: 25px;
}
.bottom-25 {
  bottom: 25px;
}
.right-30 {
  right: 30px;
}
.left-30 {
  left: 30px;
}
.top-30 {
  top: 30px;
}
.bottom-30 {
  bottom: 30px;
}
.right-35 {
  right: 35px;
}
.left-35 {
  left: 35px;
}
.top-35 {
  top: 35px;
}
.bottom-35 {
  bottom: 35px;
}
.right-40 {
  right: 40px;
}
.left-40 {
  left: 40px;
}
.top-40 {
  top: 40px;
}
.bottom-40 {
  bottom: 40px;
}
.right-45 {
  right: 45px;
}
.left-45 {
  left: 45px;
}
.top-45 {
  top: 45px;
}
.bottom-45 {
  bottom: 45px;
}
.right-50 {
  right: 50px;
}
.left-50 {
  left: 50px;
}
.top-50 {
  top: 50px;
}
.bottom-50 {
  bottom: 50px;
}
.right-55 {
  right: 55px;
}
.left-55 {
  left: 55px;
}
.top-55 {
  top: 55px;
}
.bottom-55 {
  bottom: 55px;
}
.right-60 {
  right: 60px;
}
.left-60 {
  left: 60px;
}
.top-60 {
  top: 60px;
}
.bottom-60 {
  bottom: 60px;
}
.right-65 {
  right: 65px;
}
.left-65 {
  left: 65px;
}
.top-65 {
  top: 65px;
}
.bottom-65 {
  bottom: 65px;
}
.right-70 {
  right: 70px;
}
.left-70 {
  left: 70px;
}
.top-70 {
  top: 70px;
}
.bottom-70 {
  bottom: 70px;
}
.right-75 {
  right: 75px;
}
.left-75 {
  left: 75px;
}
.top-75 {
  top: 75px;
}
.bottom-75 {
  bottom: 75px;
}
.right-80 {
  right: 80px;
}
.left-80 {
  left: 80px;
}
.top-80 {
  top: 80px;
}
.bottom-80 {
  bottom: 80px;
}
/* z-indexes*/
.z-index-1 {
  z-index: 1;
}
.z-index-2 {
  z-index: 2;
}
.z-index-3 {
  z-index: 3;
}
.z-index-4 {
  z-index: 4;
}
.z-index-5 {
  z-index: 5;
}
.z-index-6 {
  z-index: 6;
}
.z-index-7 {
  z-index: 7;
}
.z-index-8 {
  z-index: 8;
}
.z-index-9 {
  z-index: 9;
}
.z-index-10 {
  z-index: 10;
}
/*separator helpers classes*/
.separator {
  position: relative;
  width: 100%;
  height: 2px;
  background-color: #1abc9c;
}
.line-left {
  border: 4px solid #1abc9c;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
}
.line-right {
  border: 4px solid #1abc9c;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
}
.dot-line {
  position: relative;
  margin-top: 10px;
  width: 100%;
  height: 2px;
  border-bottom: 1px dashed #777;
}

.pos-r {
  position: relative !important;
}
.pos-a {
  position: absolute !important;
}
.pos-s {
  position: static !important;
}
.pos-f {
  position: fixed !important;
}
.float-none {
  float: none !important;
}

.height-5 {
  height: 5% !important;
}
.height-10 {
  height: 10% !important;
}
.height-15 {
  height: 15% !important;
}
.height-20 {
  height: 20% !important;
}
.height-25 {
  height: 25% !important;
}
.height-30 {
  height: 30% !important;
}
.height-35 {
  height: 35% !important;
}
.height-40 {
  height: 40% !important;
}
.height-45 {
  height: 45% !important;
}
.height-50 {
  height: 50% !important;
}
.height-55 {
  height: 55% !important;
}
.height-60 {
  height: 60% !important;
}
.height-65 {
  height: 65% !important;
}
.height-70 {
  height: 70% !important;
}
.height-75 {
  height: 75% !important;
}
.height-80 {
  height: 80% !important;
}
.height-85 {
  height: 85% !important;
}
.height-90 {
  height: 90% !important;
}
.height-95 {
  height: 95% !important;
}
.height-100 {
  height: 100% !important;
}
/*width in percentage*/
.width-5 {
  width: 5% !important;
}
.width-10 {
  width: 10% !important;
}
.width-15 {
  width: 15% !important;
}
.width-20 {
  width: 20% !important;
}
.width-25 {
  width: 25% !important;
}
.width-30 {
  width: 30% !important;
}
.width-35 {
  width: 35% !important;
}
.width-40 {
  width: 40% !important;
}
.width-45 {
  width: 45% !important;
}
.width-50 {
  width: 50% !important;
}
.width-55 {
  width: 55% !important;
}
.width-60 {
  width: 60% !important;
}
.width-65 {
  width: 65% !important;
}
.width-70 {
  width: 70% !important;
}
.width-75 {
  width: 75% !important;
}
.width-80 {
  width: 80% !important;
}
.width-85 {
  width: 85% !important;
}
.width-90 {
  width: 90% !important;
}
.width-95 {
  width: 95% !important;
}
.width-100 {
  width: 100% !important;
}
/*height in px*/
.height-px-5 {
  height: 5% !important;
}
.height-px-10 {
  height: 10% !important;
}
.height-px-15 {
  height: 15% !important;
}
.height-px-20 {
  height: 20% !important;
}
.height-px-25 {
  height: 25% !important;
}
.height-px-30 {
  height: 30% !important;
}
.height-px-35 {
  height: 35% !important;
}
.height-px-40 {
  height: 40% !important;
}
.height-px-45 {
  height: 45% !important;
}
.height-px-50 {
  height: 50% !important;
}
.height-px-55 {
  height: 55% !important;
}
.height-px-60 {
  height: 60% !important;
}
.height-px-65 {
  height: 65% !important;
}
.height-px-70 {
  height: 70% !important;
}
.height-px-75 {
  height: 75% !important;
}
.height-px-80 {
  height: 80% !important;
}
.height-px-85 {
  height: 85% !important;
}
.height-px-90 {
  height: 90% !important;
}
.height-px-95 {
  height: 95% !important;
}
.height-px-100 {
  height: 100% !important;
}
/*width in px*/
.width-px-5 {
  width: 5px !important;
}
.width-px-10 {
  width: 10px !important;
}
.width-px-15 {
  width: 15px !important;
}
.width-px-20 {
  width: 20px !important;
}
.width-px-25 {
  width: 25px !important;
}
.width-px-30 {
  width: 30px !important;
}
.width-px-35 {
  width: 35px !important;
}
.width-px-40 {
  width: 40px !important;
}
.width-px-45 {
  width: 45px !important;
}
.width-px-50 {
  width: 50px !important;
}
.width-px-55 {
  width: 55px !important;
}
.width-px-60 {
  width: 60px !important;
}
.width-px-65 {
  width: 65px !important;
}
.width-px-70 {
  width: 70px !important;
}
.width-px-75 {
  width: 75px !important;
}
.width-px-80 {
  width: 80px !important;
}
.width-px-85 {
  width: 85px !important;
}
.width-px-90 {
  width: 90px !important;
}
.width-px-95 {
  width: 95px !important;
}
.width-px-100 {
  width: 100px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.m-l-5 {
  margin-left: 5px !important;
}
.m-r-5 {
  margin-right: 5px !important;
}
.m-v-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.m-h-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.m-all-5 {
  margin: 5px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-l-10 {
  margin-left: 10px !important;
}
.m-r-10 {
  margin-right: 10px !important;
}
.m-v-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.m-h-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.m-all-10 {
  margin: 10px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-l-15 {
  margin-left: 15px !important;
}
.m-r-15 {
  margin-right: 15px !important;
}
.m-v-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.m-h-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.m-all-15 {
  margin: 15px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-l-20 {
  margin-left: 20px !important;
}
.m-r-20 {
  margin-right: 20px !important;
}
.m-v-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.m-h-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.m-all-20 {
  margin: 20px !important;
}
.m-t-25 {
  margin-top: 25px !important;
}
.m-b-25 {
  margin-bottom: 25px !important;
}
.m-l-25 {
  margin-left: 25px !important;
}
.m-r-25 {
  margin-right: 25px !important;
}
.m-v-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.m-h-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.m-all-25 {
  margin: 25px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.m-l-30 {
  margin-left: 30px !important;
}
.m-r-30 {
  margin-right: 30px !important;
}
.m-v-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.m-h-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.m-all-30 {
  margin: 30px !important;
}
.m-t-35 {
  margin-top: 35px !important;
}
.m-b-35 {
  margin-bottom: 35px !important;
}
.m-l-35 {
  margin-left: 35px !important;
}
.m-r-35 {
  margin-right: 35px !important;
}
.m-v-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
.m-h-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}
.m-all-35 {
  margin: 35px !important;
}
.m-t-40 {
  margin-top: 40px !important;
}
.m-b-40 {
  margin-bottom: 40px !important;
}
.m-l-40 {
  margin-left: 40px !important;
}
.m-r-40 {
  margin-right: 40px !important;
}
.m-v-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.m-h-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.m-all-40 {
  margin: 40px !important;
}
.m-t-45 {
  margin-top: 45px !important;
}
.m-b-45 {
  margin-bottom: 45px !important;
}
.m-l-45 {
  margin-left: 45px !important;
}
.m-r-45 {
  margin-right: 45px !important;
}
.m-v-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
.m-h-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}
.m-all-45 {
  margin: 45px !important;
}
.m-t-50 {
  margin-top: 50px !important;
}
.m-b-50 {
  margin-bottom: 50px !important;
}
.m-l-50 {
  margin-left: 50px !important;
}
.m-r-50 {
  margin-right: 50px !important;
}
.m-v-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.m-h-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.m-all-50 {
  margin: 50px !important;
}
.m-t-55 {
  margin-top: 55px !important;
}
.m-b-55 {
  margin-bottom: 55px !important;
}
.m-l-55 {
  margin-left: 55px !important;
}
.m-r-55 {
  margin-right: 55px !important;
}
.m-v-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}
.m-h-55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}
.m-all-55 {
  margin: 55px !important;
}
.m-t-60 {
  margin-top: 60px !important;
}
.m-b-60 {
  margin-bottom: 60px !important;
}
.m-l-60 {
  margin-left: 60px !important;
}
.m-r-60 {
  margin-right: 60px !important;
}
.m-v-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.m-h-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.m-all-60 {
  margin: 60px !important;
}
.m-t-65 {
  margin-top: 65px !important;
}
.m-b-65 {
  margin-bottom: 65px !important;
}
.m-l-65 {
  margin-left: 65px !important;
}
.m-r-65 {
  margin-right: 65px !important;
}
.m-v-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}
.m-h-65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}
.m-all-65 {
  margin: 65px !important;
}
.m-t-70 {
  margin-top: 70px !important;
}
.m-b-70 {
  margin-bottom: 70px !important;
}
.m-l-70 {
  margin-left: 70px !important;
}
.m-r-70 {
  margin-right: 70px !important;
}
.m-v-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.m-h-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}
.m-all-70 {
  margin: 70px !important;
}
.m-t-75 {
  margin-top: 75px !important;
}
.m-b-75 {
  margin-bottom: 75px !important;
}
.m-l-75 {
  margin-left: 75px !important;
}
.m-r-75 {
  margin-right: 75px !important;
}
.m-v-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}
.m-h-75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}
.m-all-75 {
  margin: 75px !important;
}
.m-t-80 {
  margin-top: 80px !important;
}
.m-b-80 {
  margin-bottom: 80px !important;
}
.m-l-80 {
  margin-left: 80px !important;
}
.m-r-80 {
  margin-right: 80px !important;
}
.m-v-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.m-h-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.m-all-80 {
  margin: 80px !important;
}
.m-b-reset {
  margin-bottom: 0 !important;
}
.m-t-reset {
  margin-top: 0 !important;
}
.m-l-reset {
  margin-left: 0 !important;
}
.m-r-reset {
  margin-right: 0 !important;
}
.m-h-reset {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.m-v-reset {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.m-v-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-h-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.margin-reset {
  margin: 0 !important;
}
/* Padding Helper Classes*/
.p-t-5 {
  padding-top: 5px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}
.p-l-5 {
  padding-left: 5px !important;
}
.p-r-5 {
  padding-right: 5px !important;
}
.p-v-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.p-h-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.p-all-5 {
  padding: 5px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.p-l-10 {
  padding-left: 10px !important;
}
.p-r-10 {
  padding-right: 10px !important;
}
.p-v-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.p-h-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.p-all-10 {
  padding: 10px !important;
}
.p-t-15 {
  padding-top: 15px !important;
}
.p-b-15 {
  padding-bottom: 15px !important;
}
.p-l-15 {
  padding-left: 15px !important;
}
.p-r-15 {
  padding-right: 15px !important;
}
.p-v-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.p-h-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.p-all-15 {
  padding: 15px !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-b-20 {
  padding-bottom: 20px !important;
}
.p-l-20 {
  padding-left: 20px !important;
}
.p-r-20 {
  padding-right: 20px !important;
}
.p-v-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.p-h-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.p-all-20 {
  padding: 20px !important;
}
.p-t-25 {
  padding-top: 25px !important;
}
.p-b-25 {
  padding-bottom: 25px !important;
}
.p-l-25 {
  padding-left: 25px !important;
}
.p-r-25 {
  padding-right: 25px !important;
}
.p-v-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.p-h-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.p-all-25 {
  padding: 25px !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-b-30 {
  padding-bottom: 30px !important;
}
.p-l-30 {
  padding-left: 30px !important;
}
.p-r-30 {
  padding-right: 30px !important;
}
.p-v-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.p-h-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.p-all-30 {
  padding: 30px !important;
}
.p-t-35 {
  padding-top: 35px !important;
}
.p-b-35 {
  padding-bottom: 35px !important;
}
.p-l-35 {
  padding-left: 35px !important;
}
.p-r-35 {
  padding-right: 35px !important;
}
.p-v-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.p-h-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.p-all-35 {
  padding: 35px !important;
}
.p-t-40 {
  padding-top: 40px !important;
}
.p-b-40 {
  padding-bottom: 40px !important;
}
.p-l-40 {
  padding-left: 40px !important;
}
.p-r-40 {
  padding-right: 40px !important;
}
.p-v-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.p-h-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.p-all-40 {
  padding: 40px !important;
}
.p-t-45 {
  padding-top: 45px !important;
}
.p-b-45 {
  padding-bottom: 45px !important;
}
.p-l-45 {
  padding-left: 45px !important;
}
.p-r-45 {
  padding-right: 45px !important;
}
.p-v-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}
.p-h-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
.p-all-45 {
  padding: 45px !important;
}
.p-t-50 {
  padding-top: 50px !important;
}
.p-b-50 {
  padding-bottom: 50px !important;
}
.p-l-50 {
  padding-left: 50px !important;
}
.p-r-50 {
  padding-right: 50px !important;
}
.p-v-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.p-h-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.p-all-50 {
  padding: 50px !important;
}
.p-t-55 {
  padding-top: 55px !important;
}
.p-b-55 {
  padding-bottom: 55px !important;
}
.p-l-55 {
  padding-left: 55px !important;
}
.p-r-55 {
  padding-right: 55px !important;
}
.p-v-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}
.p-h-55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}
.p-all-55 {
  padding: 55px !important;
}
.p-t-60 {
  padding-top: 60px !important;
}
.p-b-60 {
  padding-bottom: 60px !important;
}
.p-l-60 {
  padding-left: 60px !important;
}
.p-r-60 {
  padding-right: 60px !important;
}
.p-v-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.p-h-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.p-all-60 {
  padding: 60px !important;
}
.p-t-65 {
  padding-top: 65px !important;
}
.p-b-65 {
  padding-bottom: 65px !important;
}
.p-l-65 {
  padding-left: 65px !important;
}
.p-r-65 {
  padding-right: 65px !important;
}
.p-v-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}
.p-h-65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}
.p-all-65 {
  padding: 65px !important;
}
.p-t-70 {
  padding-top: 70px !important;
}
.p-b-70 {
  padding-bottom: 70px !important;
}
.p-l-70 {
  padding-left: 70px !important;
}
.p-r-70 {
  padding-right: 70px !important;
}
.p-v-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}
.p-h-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}
.p-all-70 {
  padding: 70px !important;
}
.p-t-75 {
  padding-top: 75px !important;
}
.p-b-75 {
  padding-bottom: 75px !important;
}
.p-l-75 {
  padding-left: 75px !important;
}
.p-r-75 {
  padding-right: 75px !important;
}
.p-v-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}
.p-h-75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}
.p-all-75 {
  padding: 75px !important;
}
.p-t-80 {
  padding-top: 80px !important;
}
.p-b-80 {
  padding-bottom: 80px !important;
}
.p-l-80 {
  padding-left: 80px !important;
}
.p-r-80 {
  padding-right: 80px !important;
}
.p-v-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.p-h-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.p-all-80 {
  padding: 80px !important;
}
.p-b-reset {
  padding-bottom: 0 !important;
}
.p-t-reset {
  padding-top: 0 !important;
}
.p-l-reset {
  padding-left: 0 !important;
}
.p-r-reset {
  padding-right: 0 !important;
}
.p-h-reset {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.p-v-reset {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-v-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-h-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.padding-reset {
  padding: 0 !important;
}
/*
*	@ Buttons Styles
*	  
*	@ Date: Dec 5, 2015
*/
.btn-n-glass {
  position: relative;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.btn-n-glass:hover {
  color: #333;
  background-color: #1abc9c;
  border: 1px solid #1abc9c;
}
.btn-n-glass:hover span {
  color: #333;
}
.btn-n-primary {
  background-color: #1abc9c;
  position: relative;
  border: 1px solid #19b394;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #fff;
}
.btn-n-primary:focus {
  color: #fff;
  outline-color: #10715e;
  background-color: #10715e;
}
.btn-n-primary:hover {
  text-decoration: none;
  background-color: #15967d;
  border-color: #15967d;
  color: #fff;
}
.btn-n-primary.inverse {
  position: relative;
}
.btn-n-primary.inverse:hover {
  text-decoration: none;
  background-color: #fff;
  border-color: #15967d;
  color: #1abc9c;
}
.btn-n-primary.outline {
  background-color: transparent;
  border: 1px solid #19b394;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #1abc9c;
  position: relative;
}
.btn-n-primary.outline:hover {
  text-decoration: none;
  background-color: #1abc9c;
  border-color: #15967d;
  color: #fff;
}


.btn-n-white.outline {
  background-color: transparent;
  border: 1px solid #FFFFFF;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #FFFFFF;
  position: relative;
}
.btn-n-white.outline:hover {
  text-decoration: none;
  background-color: #FFFFFF;
  border-color:#FFFFFF;
  color: #000;
}



.btn-n-primary.outline:focus {
  color: #fff;
  background-color: #1abc9c;
  outline-color: #10715e;
  background-color: #10715e;
}
.btn-n-orange {
  background-color: #ea5d2d;
  position: relative;
  border: 1px solid #e95320;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #fff;
}
.btn-n-orange:focus {
  color: #fff;
  outline-color: #98320f;
  background-color: #98320f;
}
.btn-n-orange:hover {
  text-decoration: none;
  background-color: #cb4314;
  border-color: #cb4314;
  color: #fff;
}
.btn-n-orange.inverse {
  position: relative;
}
.btn-n-orange.inverse:hover {
  text-decoration: none;
  background-color: #fff;
  border-color: #cb4314;
  color: #ea5d2d;
}
.btn-n-orange.outline {
  background-color: transparent;
  border: 1px solid #e95320;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #ea5d2d;
  position: relative;
}
.btn-n-orange.outline:hover {
  text-decoration: none;
  background-color: #ea5d2d;
  border-color: #cb4314;
  color: #fff;
}
.btn-n-orange.outline:focus {
  color: #fff;
  background-color: #ea5d2d;
  outline-color: #98320f;
  background-color: #98320f;
}
.btn-n-black {
  background-color: #000;
  position: relative;
  border: 1px solid #000;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #fff;
}
.btn-n-black:focus {
  color: #fff;
}
.btn-n-black:hover {
  text-decoration: none;
  background-color: #0d0d0d;
  border-color: #000;
  color: #fff;
}
.btn-n-black.inverse {
  position: relative;
}
.btn-n-black.inverse:hover {
  text-decoration: none;
  background-color: #fff;
  border-color: #000;
  color: #000;
}
.btn-n-black.outline {
  background-color: transparent;
  border: 1px solid #000;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #000;
  position: relative;
}
.btn-n-black.outline:hover {
  text-decoration: none;
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.btn-n-black.outline:focus {
  color: #fff;
  background-color: #000;
}
.btn-n-blue {
  background-color: #003471;
  position: relative;
  border: 1px solid #00316b;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #fff;
}
.btn-n-blue:focus {
  color: #fff;
  outline-color: #001f44;
  background-color: #001f44;
}
.btn-n-blue:hover {
  text-decoration: none;
  background-color: #002a5a;
  border-color: #002a5a;
  color: #fff;
}
.btn-n-blue.inverse {
  position: relative;
}
.btn-n-blue.inverse:hover {
  text-decoration: none;
  background-color: #fff;
  border-color: #002a5a;
  color: #003471;
}
.btn-n-blue.outline {
  background-color: transparent;
  border: 1px solid #00316b;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #003471;
  position: relative;
}
.btn-n-blue.outline:hover {
  text-decoration: none;
  background-color: #003471;
  border-color: #002a5a;
  color: #fff;
}
.btn-n-blue.outline:focus {
  color: #fff;
  background-color: #003471;
  outline-color: #001f44;
  background-color: #001f44;
}
.btn-n-yellow {
  background-color: #ffa90f;
  position: relative;
  border: 1px solid #ffa401;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #fff;
}
.btn-n-yellow:focus {
  color: #fff;
  outline-color: #a26800;
  background-color: #a26800;
}
.btn-n-yellow:hover {
  text-decoration: none;
  background-color: #d88b00;
  border-color: #d88b00;
  color: #fff;
}
.btn-n-yellow.inverse {
  position: relative;
}
.btn-n-yellow.inverse:hover {
  text-decoration: none;
  background-color: #fff;
  border-color: #d88b00;
  color: #ffa90f;
}
.btn-n-yellow.outline {
  background-color: transparent;
  border: 1px solid #ffa401;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #ffa90f;
  position: relative;
}
.btn-n-yellow.outline:hover {
  text-decoration: none;
  background-color: #ffa90f;
  border-color: #d88b00;
  color: #fff;
}
.btn-n-yellow.outline:focus {
  color: #fff;
  background-color: #ffa90f;
  outline-color: #a26800;
  background-color: #a26800;
}
.btn-n-dark-lg {
  background-color: #808080;
  position: relative;
  border: 1px solid #7a7a7a;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #fff;
}
.btn-n-dark-lg:focus {
  color: #fff;
  outline-color: #4d4d4d;
  background-color: #4d4d4d;
}
.btn-n-dark-lg:hover {
  text-decoration: none;
  background-color: #666;
  border-color: #666;
  color: #fff;
}
.btn-n-dark-lg.inverse {
  position: relative;
}
.btn-n-dark-lg.inverse:hover {
  text-decoration: none;
  background-color: #fff;
  border-color: #666;
  color: #808080;
}
.btn-n-dark-lg.outline {
  background-color: transparent;
  border: 1px solid #7a7a7a;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #808080;
  position: relative;
}
.btn-n-dark-lg.outline:hover {
  text-decoration: none;
  background-color: #808080;
  border-color: #666;
  color: #fff;
}
.btn-n-dark-lg.outline:focus {
  color: #fff;
  background-color: #808080;
  outline-color: #4d4d4d;
  background-color: #4d4d4d;
}
.btn-n-light-green {
  background-color: #4dff4d;
  position: relative;
  border: 1px solid #3cff3c;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #fff;
}
.btn-n-light-green:focus {
  color: #fff;
  outline-color: #00c700;
  background-color: #00c700;
}
.btn-n-light-green:hover {
  text-decoration: none;
  background-color: #0bff0b;
  border-color: #0bff0b;
  color: #fff;
}
.btn-n-light-green.inverse {
  position: relative;
}
.btn-n-light-green.inverse:hover {
  text-decoration: none;
  background-color: #fff;
  border-color: #0bff0b;
  color: #4dff4d;
}
.btn-n-light-green.outline {
  background-color: transparent;
  border: 1px solid #3cff3c;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
  color: #4dff4d;
  position: relative;
}
.btn-n-light-green.outline:hover {
  text-decoration: none;
  background-color: #4dff4d;
  border-color: #0bff0b;
  color: #fff;
}
.btn-n-light-green.outline:focus {
  color: #fff;
  background-color: #4dff4d;
  outline-color: #00c700;
  background-color: #00c700;
}
/*
* @ Icon Styles
*   
* @ Date: Dec 1, 2015
*/
.icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #1abc9c;
  text-align: center;
  color: #fff;
}
.icon .fa {
  line-height: 30px;
  font-size: 16px;
}
.icon:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #f5f5f5;
}
.icon:hover .fa {
  color: #1abc9c;
}
.icon.icon-2x {
  width: 40px;
  height: 40px;
}
.icon.icon-2x .fa {
  line-height: 40px;
  font-size: 20px;
}
.icon.icon-3x {
  width: 60px;
  height: 60px;
}
.icon.icon-3x .fa {
  line-height: 60px;
  font-size: 30px;
}
.icon.icon-4x {
  width: 80px;
  height: 80px;
}
.icon.icon-4x .fa {
  line-height: 80px;
  font-size: 40px;
}
.icon.icon-5x {
  width: 100px;
  height: 100px;
}
.icon.icon-5x .fa {
  line-height: 100px;
  font-size: 50px;
}
.icon.icon-glass {
  background-color: transparent !important;
  color: #fff;
  border: 2px solid #fff;
}
.icon.icon-glass:hover {
  background-color: #e6e6e6 !important;
  border: 2px solid #1abc9c;
}
.icon-primary {
  background-color: #1abc9c !important;
}
.icon-primary:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-primary:hover .fa {
  color: #1abc9c !important;
}
.icon-primary.icon-glass {
  background-color: transparent !important;
  color: #1abc9c;
  border: 1px solid #1abc9c;
}
.icon-primary.icon-glass:hover {
  border: 1px solid #1abc9c !important;
  background-color: #1abc9c !important;
}
.icon-primary.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-primary.icon-nexus {
  background-color: transparent !important;
}
.icon-primary.icon-nexus .fa {
  color: #ccc;
}
.icon-primary.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #1abc9c !important;
  border-radius: 4px;
}
.icon-primary.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-secondry {
  background-color: #f4f5f7 !important;
}
.icon-secondry:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-secondry:hover .fa {
  color: #f4f5f7 !important;
}
.icon-secondry.icon-glass {
  background-color: transparent !important;
  color: #f4f5f7;
  border: 1px solid #f4f5f7;
}
.icon-secondry.icon-glass:hover {
  border: 1px solid #f4f5f7 !important;
  background-color: #f4f5f7 !important;
}
.icon-secondry.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-secondry.icon-nexus {
  background-color: transparent !important;
}
.icon-secondry.icon-nexus .fa {
  color: #ccc;
}
.icon-secondry.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #f4f5f7 !important;
  border-radius: 4px;
}
.icon-secondry.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-white {
  background-color: #fff !important;
}
.icon-white:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-white:hover .fa {
  color: #fff !important;
}
.icon-white.icon-glass {
  background-color: transparent !important;
  color: #fff;
  border: 1px solid #fff;
}
.icon-white.icon-glass:hover {
  border: 1px solid #fff !important;
  background-color: #fff !important;
}
.icon-white.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-white.icon-nexus {
  background-color: transparent !important;
}
.icon-white.icon-nexus .fa {
  color: #ccc;
}
.icon-white.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #fff !important;
  border-radius: 4px;
}
.icon-white.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-black {
  background-color: #000 !important;
}
.icon-black:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-black:hover .fa {
  color: #000 !important;
}
.icon-black.icon-glass {
  background-color: transparent !important;
  color: #000;
  border: 1px solid #000;
}
.icon-black.icon-glass:hover {
  border: 1px solid #000 !important;
  background-color: #000 !important;
}
.icon-black.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-black.icon-nexus {
  background-color: transparent !important;
}
.icon-black.icon-nexus .fa {
  color: #ccc;
}
.icon-black.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #000 !important;
  border-radius: 4px;
}
.icon-black.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-orange {
  background-color: #ea5d2d !important;
}
.icon-orange:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-orange:hover .fa {
  color: #ea5d2d !important;
}
.icon-orange.icon-glass {
  background-color: transparent !important;
  color: #ea5d2d;
  border: 1px solid #ea5d2d;
}
.icon-orange.icon-glass:hover {
  border: 1px solid #ea5d2d !important;
  background-color: #ea5d2d !important;
}
.icon-orange.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-orange.icon-nexus {
  background-color: transparent !important;
}
.icon-orange.icon-nexus .fa {
  color: #ccc;
}
.icon-orange.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #ea5d2d !important;
  border-radius: 4px;
}
.icon-orange.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-blue {
  background-color: #003471 !important;
}
.icon-blue:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-blue:hover .fa {
  color: #003471 !important;
}
.icon-blue.icon-glass {
  background-color: transparent !important;
  color: #003471;
  border: 1px solid #003471;
}
.icon-blue.icon-glass:hover {
  border: 1px solid #003471 !important;
  background-color: #003471 !important;
}
.icon-blue.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-blue.icon-nexus {
  background-color: transparent !important;
}
.icon-blue.icon-nexus .fa {
  color: #ccc;
}
.icon-blue.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #003471 !important;
  border-radius: 4px;
}
.icon-blue.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-dark-xs {
  background-color: #fafafa !important;
}
.icon-dark-xs:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-dark-xs:hover .fa {
  color: #fafafa !important;
}
.icon-dark-xs.icon-glass {
  background-color: transparent !important;
  color: #fafafa;
  border: 1px solid #fafafa;
}
.icon-dark-xs.icon-glass:hover {
  border: 1px solid #fafafa !important;
  background-color: #fafafa !important;
}
.icon-dark-xs.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-dark-xs.icon-nexus {
  background-color: transparent !important;
}
.icon-dark-xs.icon-nexus .fa {
  color: #ccc;
}
.icon-dark-xs.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #fafafa !important;
  border-radius: 4px;
}
.icon-dark-xs.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-dark-sm {
  background-color: #f5f5f5 !important;
}
.icon-dark-sm:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-dark-sm:hover .fa {
  color: #f5f5f5 !important;
}
.icon-dark-sm.icon-glass {
  background-color: transparent !important;
  color: #f5f5f5;
  border: 1px solid #f5f5f5;
}
.icon-dark-sm.icon-glass:hover {
  border: 1px solid #f5f5f5 !important;
  background-color: #f5f5f5 !important;
}
.icon-dark-sm.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-dark-sm.icon-nexus {
  background-color: transparent !important;
}
.icon-dark-sm.icon-nexus .fa {
  color: #ccc;
}
.icon-dark-sm.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #f5f5f5 !important;
  border-radius: 4px;
}
.icon-dark-sm.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-dark-md {
  background-color: #ccc !important;
}
.icon-dark-md:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-dark-md:hover .fa {
  color: #ccc !important;
}
.icon-dark-md.icon-glass {
  background-color: transparent !important;
  color: #ccc;
  border: 1px solid #ccc;
}
.icon-dark-md.icon-glass:hover {
  border: 1px solid #ccc !important;
  background-color: #ccc !important;
}
.icon-dark-md.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-dark-md.icon-nexus {
  background-color: transparent !important;
}
.icon-dark-md.icon-nexus .fa {
  color: #ccc;
}
.icon-dark-md.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #ccc !important;
  border-radius: 4px;
}
.icon-dark-md.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-dark-lg {
  background-color: #999 !important;
}
.icon-dark-lg:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-dark-lg:hover .fa {
  color: #999 !important;
}
.icon-dark-lg.icon-glass {
  background-color: transparent !important;
  color: #999;
  border: 1px solid #999;
}
.icon-dark-lg.icon-glass:hover {
  border: 1px solid #999 !important;
  background-color: #999 !important;
}
.icon-dark-lg.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-dark-lg.icon-nexus {
  background-color: transparent !important;
}
.icon-dark-lg.icon-nexus .fa {
  color: #ccc;
}
.icon-dark-lg.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #999 !important;
  border-radius: 4px;
}
.icon-dark-lg.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-dark-xl {
  background-color: #666 !important;
}
.icon-dark-xl:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-dark-xl:hover .fa {
  color: #666 !important;
}
.icon-dark-xl.icon-glass {
  background-color: transparent !important;
  color: #666;
  border: 1px solid #666;
}
.icon-dark-xl.icon-glass:hover {
  border: 1px solid #666 !important;
  background-color: #666 !important;
}
.icon-dark-xl.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-dark-xl.icon-nexus {
  background-color: transparent !important;
}
.icon-dark-xl.icon-nexus .fa {
  color: #ccc;
}
.icon-dark-xl.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #666 !important;
  border-radius: 4px;
}
.icon-dark-xl.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-light-green {
  background-color: #80ff80 !important;
}
.icon-light-green:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-light-green:hover .fa {
  color: #80ff80 !important;
}
.icon-light-green.icon-glass {
  background-color: transparent !important;
  color: #80ff80;
  border: 1px solid #80ff80;
}
.icon-light-green.icon-glass:hover {
  border: 1px solid #80ff80 !important;
  background-color: #80ff80 !important;
}
.icon-light-green.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-light-green.icon-nexus {
  background-color: transparent !important;
}
.icon-light-green.icon-nexus .fa {
  color: #ccc;
}
.icon-light-green.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #80ff80 !important;
  border-radius: 4px;
}
.icon-light-green.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-yellow {
  background-color: #ffa90f !important;
}
.icon-yellow:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-yellow:hover .fa {
  color: #ffa90f !important;
}
.icon-yellow.icon-glass {
  background-color: transparent !important;
  color: #ffa90f;
  border: 1px solid #ffa90f;
}
.icon-yellow.icon-glass:hover {
  border: 1px solid #ffa90f !important;
  background-color: #ffa90f !important;
}
.icon-yellow.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-yellow.icon-nexus {
  background-color: transparent !important;
}
.icon-yellow.icon-nexus .fa {
  color: #ccc;
}
.icon-yellow.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #ffa90f !important;
  border-radius: 4px;
}
.icon-yellow.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-fb {
  background-color: #3b5998 !important;
}
.icon-fb:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-fb:hover .fa {
  color: #3b5998 !important;
}
.icon-fb.icon-glass {
  background-color: transparent !important;
  color: #3b5998;
  border: 1px solid #3b5998;
}
.icon-fb.icon-glass:hover {
  border: 1px solid #3b5998 !important;
  background-color: #3b5998 !important;
}
.icon-fb.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-fb.icon-nexus {
  background-color: transparent !important;
}
.icon-fb.icon-nexus .fa {
  color: #ccc;
}
.icon-fb.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #3b5998 !important;
  border-radius: 4px;
}
.icon-fb.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-ig {
  background-color: #966842 !important;
}
.icon-ig:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-ig:hover .fa {
  color: #966842 !important;
}
.icon-ig.icon-glass {
  background-color: transparent !important;
  color: #966842;
  border: 1px solid #966842;
}
.icon-ig.icon-glass:hover {
  border: 1px solid #966842 !important;
  background-color: #966842 !important;
}
.icon-ig.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-ig.icon-nexus {
  background-color: transparent !important;
}
.icon-ig.icon-nexus .fa {
  color: #ccc;
}
.icon-ig.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #966842 !important;
  border-radius: 4px;
}
.icon-ig.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-gp {
  background-color: #d14836 !important;
}
.icon-gp:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-gp:hover .fa {
  color: #d14836 !important;
}
.icon-gp.icon-glass {
  background-color: transparent !important;
  color: #d14836;
  border: 1px solid #d14836;
}
.icon-gp.icon-glass:hover {
  border: 1px solid #d14836 !important;
  background-color: #d14836 !important;
}
.icon-gp.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-gp.icon-nexus {
  background-color: transparent !important;
}
.icon-gp.icon-nexus .fa {
  color: #ccc;
}
.icon-gp.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #d14836 !important;
  border-radius: 4px;
}
.icon-gp.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-rss {
  background-color: #ff8300 !important;
}
.icon-rss:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-rss:hover .fa {
  color: #ff8300 !important;
}
.icon-rss.icon-glass {
  background-color: transparent !important;
  color: #ff8300;
  border: 1px solid #ff8300;
}
.icon-rss.icon-glass:hover {
  border: 1px solid #ff8300 !important;
  background-color: #ff8300 !important;
}
.icon-rss.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-rss.icon-nexus {
  background-color: transparent !important;
}
.icon-rss.icon-nexus .fa {
  color: #ccc;
}
.icon-rss.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #ff8300 !important;
  border-radius: 4px;
}
.icon-rss.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-skype {
  background-color: #00aff0 !important;
}
.icon-skype:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-skype:hover .fa {
  color: #00aff0 !important;
}
.icon-skype.icon-glass {
  background-color: transparent !important;
  color: #00aff0;
  border: 1px solid #00aff0;
}
.icon-skype.icon-glass:hover {
  border: 1px solid #00aff0 !important;
  background-color: #00aff0 !important;
}
.icon-skype.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-skype.icon-nexus {
  background-color: transparent !important;
}
.icon-skype.icon-nexus .fa {
  color: #ccc;
}
.icon-skype.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #00aff0 !important;
  border-radius: 4px;
}
.icon-skype.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-vimeo {
  background-color: #4bf !important;
}
.icon-vimeo:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-vimeo:hover .fa {
  color: #4bf !important;
}
.icon-vimeo.icon-glass {
  background-color: transparent !important;
  color: #4bf;
  border: 1px solid #4bf;
}
.icon-vimeo.icon-glass:hover {
  border: 1px solid #4bf !important;
  background-color: #4bf !important;
}
.icon-vimeo.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-vimeo.icon-nexus {
  background-color: transparent !important;
}
.icon-vimeo.icon-nexus .fa {
  color: #ccc;
}
.icon-vimeo.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #4bf !important;
  border-radius: 4px;
}
.icon-vimeo.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-wp {
  background-color: #21759b !important;
}
.icon-wp:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-wp:hover .fa {
  color: #21759b !important;
}
.icon-wp.icon-glass {
  background-color: transparent !important;
  color: #21759b;
  border: 1px solid #21759b;
}
.icon-wp.icon-glass:hover {
  border: 1px solid #21759b !important;
  background-color: #21759b !important;
}
.icon-wp.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-wp.icon-nexus {
  background-color: transparent !important;
}
.icon-wp.icon-nexus .fa {
  color: #ccc;
}
.icon-wp.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #21759b !important;
  border-radius: 4px;
}
.icon-wp.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-yt {
  background-color: #cd332d !important;
}
.icon-yt:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-yt:hover .fa {
  color: #cd332d !important;
}
.icon-yt.icon-glass {
  background-color: transparent !important;
  color: #cd332d;
  border: 1px solid #cd332d;
}
.icon-yt.icon-glass:hover {
  border: 1px solid #cd332d !important;
  background-color: #cd332d !important;
}
.icon-yt.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-yt.icon-nexus {
  background-color: transparent !important;
}
.icon-yt.icon-nexus .fa {
  color: #ccc;
}
.icon-yt.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #cd332d !important;
  border-radius: 4px;
}
.icon-yt.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-xing {
  background-color: #006567 !important;
}
.icon-xing:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-xing:hover .fa {
  color: #006567 !important;
}
.icon-xing.icon-glass {
  background-color: transparent !important;
  color: #006567;
  border: 1px solid #006567;
}
.icon-xing.icon-glass:hover {
  border: 1px solid #006567 !important;
  background-color: #006567 !important;
}
.icon-xing.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-xing.icon-nexus {
  background-color: transparent !important;
}
.icon-xing.icon-nexus .fa {
  color: #ccc;
}
.icon-xing.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #006567 !important;
  border-radius: 4px;
}
.icon-xing.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-twitter {
  background-color: #00aced !important;
}
.icon-twitter:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-twitter:hover .fa {
  color: #00aced !important;
}
.icon-twitter.icon-glass {
  background-color: transparent !important;
  color: #00aced;
  border: 1px solid #00aced;
}
.icon-twitter.icon-glass:hover {
  border: 1px solid #00aced !important;
  background-color: #00aced !important;
}
.icon-twitter.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-twitter.icon-nexus {
  background-color: transparent !important;
}
.icon-twitter.icon-nexus .fa {
  color: #ccc;
}
.icon-twitter.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #00aced !important;
  border-radius: 4px;
}
.icon-twitter.icon-nexus:hover .fa {
  color: #fff !important;
}
.icon-tumblr {
  background-color: #2c4762 !important;
}
.icon-tumblr:hover {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #eee !important;
}
.icon-tumblr:hover .fa {
  color: #2c4762 !important;
}
.icon-tumblr.icon-glass {
  background-color: transparent !important;
  color: #2c4762;
  border: 1px solid #2c4762;
}
.icon-tumblr.icon-glass:hover {
  border: 1px solid #2c4762 !important;
  background-color: #2c4762 !important;
}
.icon-tumblr.icon-glass:hover .fa {
  color: #fff !important;
}
.icon-tumblr.icon-nexus {
  background-color: transparent !important;
}
.icon-tumblr.icon-nexus .fa {
  color: #ccc;
}
.icon-tumblr.icon-nexus:hover {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 800ms ease-in-out;
  -ms-transition: all 800ms ease-in-out;
  -o-transition: all 800ms ease-in-out;
  background-color: #2c4762 !important;
  border-radius: 4px;
}
.icon-tumblr.icon-nexus:hover .fa {
  color: #fff !important;
}
/*Styles for image boxes with hover effect*/
figure {
  position: relative;
  display: block;
  overflow: hidden;
}
figure,
figure img,
figure figcaption,
figure .figure-hover {
  -webkit-transition: 0.5s all ease-in-out;
          transition: 0.5s all ease-in-out;
}
figure img {
  -webkit-transition: 0.2s all ease-out;
          transition: 0.2s all ease-out;
}
figure figcaption {
  position: absolute;
  bottom: 25%;
  left: 50%;
  margin-left: -20px;
  color: #404040;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.4px;
  z-index: 3;
  opacity: 0;
}
figure .figure-hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 1;
  opacity: 0;
}
figure:hover .figure-hover {
  opacity: 1;
}
figure:hover figcaption {
  opacity: 1;
  margin-left: -20px;
  margin-bottom: -20px;
  padding: 0;
  left: 50%;
  bottom: 50%;
}
/* **************************** Default Navbar Styles(Transparent) *************************************/
/* This is a transparent Default Navbar,On scroll it will be default navbar */
/* You can make it non-transparent by removing,"background-color: transparent"*/
#navbar-default .affix {
  -webkit-transition: 0.5s all ease-in-out;
          transition: 0.5s all ease-in-out;
  background-color: #fff !important;
  box-shadow: rgba(8,8,8,0.4) 0px 5px 10px;
}
#navbar-default .affix .container .row [class ~="col-"] .navbar-header a img.white-logo,
#navbar-default .affix .container .row [class*=' col-'] .navbar-header a img.white-logo {
  display: none;
}
#navbar-default .affix .container .row [class ~="col-"] .navbar-header a img.black-logo,
#navbar-default .affix .container .row [class*=' col-'] .navbar-header a img.black-logo {
  -webkit-transition: 0.5s all ease;
          transition: 0.5s all ease;
  display: block;
  margin-top: 29px !important;
}
#navbar-default .affix .container .row [class ~="col-"] .navbar-collapse ul li.dropdown.open > a,
#navbar-default .affix .container .row [class*=' col-'] .navbar-collapse ul li.dropdown.open > a {
  -webkit-transition: 0.5s all ease-in-out;
          transition: 0.5s all ease-in-out;
  background-color: #eee !important;
  color: #888;
}
#navbar-default .affix .container .row [class ~="col-"] .navbar-collapse ul li a,
#navbar-default .affix .container .row [class*=' col-'] .navbar-collapse ul li a {
  color: #666;
}
#navbar-default .affix .container .row [class ~="col-"] .navbar-collapse ul li a:hover,
#navbar-default .affix .container .row [class*=' col-'] .navbar-collapse ul li a:hover {
  color: #222;
}
#navbar-default .affix .container .row [class ~="col-"] .navbar-collapse ul li ul,
#navbar-default .affix .container .row [class*=' col-'] .navbar-collapse ul li ul {
  -webkit-transition: 0.5s all ease-in-out;
          transition: 0.5s all ease-in-out;
  background-color: #fff !important;
}
#navbar-default nav {
  border-width: 0 !important;
  background-color: transparent !important;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-header button,
#navbar-default nav .container .row [class*=' col-'] .navbar-header button {
  background-color: #eee;
  margin-top: 20px;
  margin-bottom: 20px;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-header button span,
#navbar-default nav .container .row [class*=' col-'] .navbar-header button span {
  background-color: #555;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-header button:hover,
#navbar-default nav .container .row [class*=' col-'] .navbar-header button:hover {
  background-color: #000;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-header button:hover span,
#navbar-default nav .container .row [class*=' col-'] .navbar-header button:hover span {
  background-color: #ddd;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-header a img.black-logo,
#navbar-default nav .container .row [class*=' col-'] .navbar-header a img.black-logo {
  display: none;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-header a img.white-logo,
#navbar-default nav .container .row [class*=' col-'] .navbar-header a img.white-logo {
  margin-top: 29px !important;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-collapse ul,
#navbar-default nav .container .row [class*=' col-'] .navbar-collapse ul {
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 15px;
  text-transform: uppercase;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-collapse ul li.dropdown.open > a,
#navbar-default nav .container .row [class*=' col-'] .navbar-collapse ul li.dropdown.open > a {
  background-color: rgba(0,0,0,0.7) !important;
  color: #888;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-collapse ul li a,
#navbar-default nav .container .row [class*=' col-'] .navbar-collapse ul li a {
  padding-top: 27px;
  padding-bottom: 27px;
  color: #999;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-collapse ul li a:hover,
#navbar-default nav .container .row [class*=' col-'] .navbar-collapse ul li a:hover {
  color: #888;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-collapse ul li ul,
#navbar-default nav .container .row [class*=' col-'] .navbar-collapse ul li ul {
  background-color: rgba(0,0,0,0.6) !important;
  padding-top: 0;
  padding-bottom: 0;
  border-top-width: 0;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-collapse ul li ul li a,
#navbar-default nav .container .row [class*=' col-'] .navbar-collapse ul li ul li a {
  padding: 10px !important;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-collapse ul li ul li a:hover,
#navbar-default nav .container .row [class*=' col-'] .navbar-collapse ul li ul li a:hover {
  color: #222;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-collapse ul li ul li a i,
#navbar-default nav .container .row [class*=' col-'] .navbar-collapse ul li ul li a i {
  padding-right: 5px;
}
#navbar-default nav .container .row [class ~="col-"] .navbar-collapse ul .dropdown:hover .dropdown-menu,
#navbar-default nav .container .row [class*=' col-'] .navbar-collapse ul .dropdown:hover .dropdown-menu {
  display: block;
}
/*
** @Navbar Default  media quries
** @Author Waseem Barcha <waeembarcha1993@gmail.com>
** @Dated 27-Nov-2015
** @For responsive navbar
*/
/*for extra small screens*/
@media (max-width: 500px) and (min-width: 200px) {
  #navbar-default nav {
    -webkit-transition: 0.5s all ease-in-out;
            transition: 0.5s all ease-in-out;
  }
  #navbar-default nav .row,
  #navbar-default nav .row .media-xs {
    padding-right: 0 !important;
    margin-right: -30px !important;
  }
  #navbar-default nav .navbar-collapse {
    width: 100% !important;
    margin-left: -15px !important;
    padding-right: 15px !important;
    float: left !important;
    background-color: #fff !important;
  }
  #navbar-default nav .navbar-collapse ul li a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
/* **************************** Default Navbar(Non-transparent) Styles *************************************/
#navbar-fixed-default nav {
  border-width: 0 !important;
  -webkit-transition: 0.5s all ease-in-out;
          transition: 0.5s all ease-in-out;
  background-color: #fff !important;
  box-shadow: rgba(8,8,8,0.4) 0px 5px 10px;
}
#navbar-fixed-default nav .container .row [class ~="col-"] .navbar-header button,
#navbar-fixed-default nav .container .row [class*=' col-'] .navbar-header button {
  background-color: #eee;
  margin-top: 20px;
  margin-bottom: 20px;
}
#navbar-fixed-default nav .container .row [class ~="col-"] .navbar-header button span,
#navbar-fixed-default nav .container .row [class*=' col-'] .navbar-header button span {
  background-color: #555;
}
#navbar-fixed-default nav .container .row [class ~="col-"] .navbar-header button:hover,
#navbar-fixed-default nav .container .row [class*=' col-'] .navbar-header button:hover {
  background-color: #000;
}
#navbar-fixed-default nav .container .row [class ~="col-"] .navbar-header button:hover span,
#navbar-fixed-default nav .container .row [class*=' col-'] .navbar-header button:hover span {
  background-color: #ddd;
}
#navbar-fixed-default nav .container .row [class ~="col-"] .navbar-header a img,
#navbar-fixed-default nav .container .row [class*=' col-'] .navbar-header a img {
  margin-top: 29px !important;
}
#navbar-fixed-default nav .container .row [class ~="col-"] .navbar-collapse ul,
#navbar-fixed-default nav .container .row [class*=' col-'] .navbar-collapse ul {
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 15px;
  text-transform: uppercase;
}
#navbar-fixed-default nav .container .row [class ~="col-"] .navbar-collapse ul li a,
#navbar-fixed-default nav .container .row [class*=' col-'] .navbar-collapse ul li a {
  padding-top: 27px;
  padding-bottom: 27px;
  color: #666;
}
#navbar-fixed-default nav .container .row [class ~="col-"] .navbar-collapse ul li a:hover,
#navbar-fixed-default nav .container .row [class*=' col-'] .navbar-collapse ul li a:hover {
  color: #222;
}
/*
** @Navbar Default  media quries
** @Author Waseem Barcha <waeembarcha1993@gmail.com>
** @Dated 27-Nov-2015
** @For responsive navbar
*/
/* for extra small screens*/
@media (max-width: 767px) and (min-width: 200px) {
  #navbar-fixed-default nav {
    background-color: #fff !important;
    -webkit-transition: 0.5s all ease-in-out;
            transition: 0.5s all ease-in-out;
  }
  #navbar-fixed-default nav .row,
  #navbar-fixed-default nav .row .media-xs {
    padding-right: 0 !important;
    margin-right: -30px !important;
  }
  #navbar-fixed-default nav .navbar-collapse {
    width: 100% !important;
    margin-left: -15px !important;
    padding-right: 15px !important;
    float: left !important;
    background-color: #fff !important;
  }
  #navbar-fixed-default nav .navbar-collapse ul li a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
/* **************************** Inverse Navbar Styles(Transparent) *************************************/
/* This is a transparent Inverse Navbar,On scroll it will be inverse navbar */
/* You can make it non-transparent by editing the property,"background-color: transparent"*/
#navbar-inverse .affix {
  -webkit-transition: 0.5s all ease-in-out;
          transition: 0.5s all ease-in-out;
  height: 50px !important;
  background-color: rgba(0,0,0,0.8) !important;
}
#navbar-inverse nav {
  border-width: 0 !important;
  background-color: transparent !important;
}
#navbar-inverse nav .container .row [class ~="col-"] .navbar-header a img.black-logo,
#navbar-inverse nav .container .row [class*=' col-'] .navbar-header a img.black-logo {
  display: none;
  opacity: 0;
}
#navbar-inverse nav .container .row [class ~="col-"] .navbar-header a img.white-logo,
#navbar-inverse nav .container .row [class*=' col-'] .navbar-header a img.white-logo {
  margin-top: 16px !important;
}
#navbar-inverse nav .container .row [class ~="col-"] .navbar-collapse ul,
#navbar-inverse nav .container .row [class*=' col-'] .navbar-collapse ul {
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 14px;
  text-transform: uppercase;
}
#navbar-inverse nav .container .row [class ~="col-"] .navbar-collapse ul li a,
#navbar-inverse nav .container .row [class*=' col-'] .navbar-collapse ul li a {
  color: #a1a1a1;
}
#navbar-inverse nav .container .row [class ~="col-"] .navbar-collapse ul li a:hover,
#navbar-inverse nav .container .row [class*=' col-'] .navbar-collapse ul li a:hover {
  color: #ddd;
}
#navbar-inverse nav .container .row [class ~="col-"] .navbar-collapse ul li ul,
#navbar-inverse nav .container .row [class*=' col-'] .navbar-collapse ul li ul {
  background-color: rgba(0,0,0,0.8) !important;
  padding-top: 0;
  padding-bottom: 0;
  border-top-width: 0;
}
#navbar-inverse nav .container .row [class ~="col-"] .navbar-collapse ul li ul li a,
#navbar-inverse nav .container .row [class*=' col-'] .navbar-collapse ul li ul li a {
  padding: 10px;
}
#navbar-inverse nav .container .row [class ~="col-"] .navbar-collapse ul li ul li a:hover,
#navbar-inverse nav .container .row [class*=' col-'] .navbar-collapse ul li ul li a:hover {
  background-color: #000 !important;
}
#navbar-inverse nav .container .row [class ~="col-"] .navbar-collapse ul li ul li a i,
#navbar-inverse nav .container .row [class*=' col-'] .navbar-collapse ul li ul li a i {
  padding-right: 5px;
}
#navbar-inverse nav .container .row [class ~="col-"] .navbar-collapse ul .dropdown:hover .dropdown-menu,
#navbar-inverse nav .container .row [class*=' col-'] .navbar-collapse ul .dropdown:hover .dropdown-menu {
  display: block;
}

/*for extra small screens*/
@media (max-width: 767px) and (min-width: 300px) {
  #navbar-inverse nav {
    -webkit-transition: 0.5s all ease-in-out;
            transition: 0.5s all ease-in-out;
/*background-color rgba(0,0,0,0.7) !important*/
  }
  #navbar-inverse nav .row,
  #navbar-inverse nav .row .media-xs {
    padding-right: 0 !important;
    margin-right: -30px !important;
  }
  #navbar-inverse nav .navbar-collapse {
    width: 100% !important;
    margin-left: -15px !important;
    padding-right: 15px !important;
    float: left !important;
    background-color: rgba(0,0,0,0.8) !important;
  }
}
/* **************************** Primary Navbar Styles(Transparent) *************************************/
/* This is a transparent Primary Navbar,On scroll it will be primary navbar */
/* You can make it non-transparent by editing the property,"background-color: transparent"*/

#navbar-primary .affix .container .row [class ~="col-"] .navbar-collapse ul li.dropdown.open > a,
#navbar-primary .affix .container .row [class*=' col-'] .navbar-collapse ul li.dropdown.open > a {
  -webkit-transition: 0.5s all ease-in-out;
          transition: 0.5s all ease-in-out;
  background-color: rgba(16,113,94,0.99) !important;
}
#navbar-primary .affix .container .row [class ~="col-"] .navbar-collapse ul li ul,
#navbar-primary .affix .container .row [class*=' col-'] .navbar-collapse ul li ul {
  -webkit-transition: 0.5s all ease-in-out;
          transition: 0.5s all ease-in-out;
  background-color: rgba(21,150,125,0.99) !important;
}
#navbar-primary nav {
  border-width: 0 !important;
  background-color: transparent !important;
}
#navbar-primary nav .container .row [class ~="col-"] .navbar-header button,
#navbar-primary nav .container .row [class*=' col-'] .navbar-header button {
  margin-top: 20px;
  margin-bottom: 20px;
}
#navbar-primary nav .container .row [class ~="col-"] .navbar-header a img.black-logo,
#navbar-primary nav .container .row [class*=' col-'] .navbar-header a img.black-logo {
  display: none;
}
#navbar-primary nav .container .row [class ~="col-"] .navbar-header a img.white-logo,
#navbar-primary nav .container .row [class*=' col-'] .navbar-header a img.white-logo {
  margin-top: 29px !important;
}
#navbar-primary nav .container .row [class ~="col-"] .navbar-collapse ul,
#navbar-primary nav .container .row [class*=' col-'] .navbar-collapse ul {
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 15px;
  text-transform: uppercase;
}
#navbar-primary nav .container .row [class ~="col-"] .navbar-collapse ul li.dropdown.open > a,
#navbar-primary nav .container .row [class*=' col-'] .navbar-collapse ul li.dropdown.open > a {
  background-color: rgba(18,132,109,0.6) !important;
}
#navbar-primary nav .container .row [class ~="col-"] .navbar-collapse ul li a,
#navbar-primary nav .container .row [class*=' col-'] .navbar-collapse ul li a {
  padding-top: 15px;
padding-bottom: 27px;
color: #eee;
font-size: 11px;
letter-spacing: 2px;
}
#navbar-primary nav .container .row [class ~="col-"] .navbar-collapse ul li a:hover,
#navbar-primary nav .container .row [class*=' col-'] .navbar-collapse ul li a:hover {
  color: #f23236;
}
#navbar-primary nav .container .row [class ~="col-"] .navbar-collapse ul li ul,
#navbar-primary nav .container .row [class*=' col-'] .navbar-collapse ul li ul {
  background-color: rgba(26,188,156,0.8) !important;
  padding-top: 0;
  padding-bottom: 0;
  border-top-width: 0;
}
#navbar-primary nav .container .row [class ~="col-"] .navbar-collapse ul li ul li a,
#navbar-primary nav .container .row [class*=' col-'] .navbar-collapse ul li ul li a {
  padding: 10px !important;
}
#navbar-primary nav .container .row [class ~="col-"] .navbar-collapse ul li ul li a:hover,
#navbar-primary nav .container .row [class*=' col-'] .navbar-collapse ul li ul li a:hover,
#navbar-primary nav .container .row [class ~="col-"] .navbar-collapse ul li ul li a:focus,
#navbar-primary nav .container .row [class*=' col-'] .navbar-collapse ul li ul li a:focus {
  background-color: rgba(16,113,94,0.99) !important;
}
#navbar-primary nav .container .row [class ~="col-"] .navbar-collapse ul li ul li a i,
#navbar-primary nav .container .row [class*=' col-'] .navbar-collapse ul li ul li a i {
  padding-right: 5px;
}
#navbar-primary nav .container .row [class ~="col-"] .navbar-collapse ul .dropdown:hover .dropdown-menu,
#navbar-primary nav .container .row [class*=' col-'] .navbar-collapse ul .dropdown:hover .dropdown-menu {
  display: block;
}

/*for extra small screens*/
@media (max-width: 767px) and (min-width: 300px) {
  #navbar-primary nav {
    -webkit-transition: 0.5s all ease-in-out;
            transition: 0.5s all ease-in-out;
/*background-color alpha(colors['primary'], 0.8) !important*/
  }
  #navbar-primary nav .row,
  #navbar-primary nav .row .media-xs {
    padding-right: 0 !important;
    margin-right: -30px !important;
  }
  #navbar-primary nav .navbar-collapse {
    width: 100% !important;
    margin-left: -15px !important;
    padding-right: 15px !important;
    float: left !important;
    background-color: rgba(0,0,0,0.9) !important;
  }
  #navbar-primary nav .navbar-collapse ul li a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
/*styles for pricing table */
#pricing-2 {
  box-shadow: rgba(8,8,8,0.4) 0px 5px 10px;
}
#pricing-2 tr th {
  position: relative;
  padding: 20px 0 20px 0;
}
#pricing-2 tr th h3 {
  color: #f5f5f5;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin: 10px 0 10px 0;
}
#pricing-2 tr th h5 {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #fefefe;
}
#pricing-2 tr th .icon {
  background-color: #eee !important;
  border-radius: 50%;
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -40px;
}
#pricing-2 tr th .icon h3 {
  font-size: 25px;
  line-height: 60px;
  color: #1abc9c;
}
#pricing-2 tr td h3 {
  margin: 10px 0 10px 0;
  text-align: center;
}
#pricing-2 tr td .btn {
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 0;
}
/*styles for circular progress bar*/
#progressbar .text-center .progressbar {
  position: relative;
}
#progressbar .text-center .progressbar strong {
  position: absoulte;
  font-size: 30px;
  top: 50%;
  left: 50%;
  margin-left: -31px;
  margin-top: -21px;
  color: #a1a1a1;
}
/* scroll up styles*/
#scrollUp {
  bottom: 15px;
  right: 15px;
  padding: 5px 15px;
  background-color: #aaa;
  color: #fff;
  font-family: FontAwesome;
  text-decoration: none;
  font-size: 24px;
  border-top-right-radius: 25%;
  border-top-left-radius: 25%;
}
#scrollUp:hover {
  -webkit-transition: 0.3s all ease-in-out;
          transition: 0.3s all ease-in-out;
  background-color: #1abc9c;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
}
/* Styles for Main Heading of sections*/
.heading-text {
  text-align: center;
}
.heading-text h2 {
  font-weight: 700;
  text-transform: uppercase;
}
.heading-text h2 span {
  color: #1abc9c;
}
.heading-text p {
  font-size: 22px;
  font-weight: 300;
  margin-top: 20px;
  color: #666;
}
.heading-text .separator {
  width: 5%;
  margin: 30px auto 0 auto;
}
/* Styles for sections separators*/
.section-separator hr {
  border-color: #ccc;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.section-separator h4 {
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
}
.section-separator i {
  color: #ccc;
  text-align: center;
  font-size: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  display: block;
}
/*
* @ Media Quries
*  
* @ date: nov 21, 2015
*/
/* navbar for small size divices/screens*/
@media (max-width: 992px) and (min-width: 768px) {
  #navbar-default,
  #navbar-inverse,
  #navbar-fixed-default,
  #navbar-primary {
    -webkit-transition: 0.5s all ease-in-out;
            transition: 0.5s all ease-in-out;
  }
  #navbar-default .container .row [class ~="col-"],
  #navbar-inverse .container .row [class ~="col-"],
  #navbar-fixed-default .container .row [class ~="col-"],
  #navbar-primary .container .row [class ~="col-"],
  #navbar-default .container .row [class*=' col-'],
  #navbar-inverse .container .row [class*=' col-'],
  #navbar-fixed-default .container .row [class*=' col-'],
  #navbar-primary .container .row [class*=' col-'] {
    padding: 0;
  }
  #navbar-default .container .row [class ~="col-"] .navbar-collapse,
  #navbar-inverse .container .row [class ~="col-"] .navbar-collapse,
  #navbar-fixed-default .container .row [class ~="col-"] .navbar-collapse,
  #navbar-primary .container .row [class ~="col-"] .navbar-collapse,
  #navbar-default .container .row [class*=' col-'] .navbar-collapse,
  #navbar-inverse .container .row [class*=' col-'] .navbar-collapse,
  #navbar-fixed-default .container .row [class*=' col-'] .navbar-collapse,
  #navbar-primary .container .row [class*=' col-'] .navbar-collapse {
    padding-right: 10px;
  }
  #navbar-default .container .row [class ~="col-"] .navbar-collapse ul li a,
  #navbar-inverse .container .row [class ~="col-"] .navbar-collapse ul li a,
  #navbar-fixed-default .container .row [class ~="col-"] .navbar-collapse ul li a,
  #navbar-primary .container .row [class ~="col-"] .navbar-collapse ul li a,
  #navbar-default .container .row [class*=' col-'] .navbar-collapse ul li a,
  #navbar-inverse .container .row [class*=' col-'] .navbar-collapse ul li a,
  #navbar-fixed-default .container .row [class*=' col-'] .navbar-collapse ul li a,
  #navbar-primary .container .row [class*=' col-'] .navbar-collapse ul li a {
    padding-left: 15px !important;
    padding-right: 0 !important;
  }
}
/*slider welcome text*/
@media (max-width: 767px) {
  #welcome h1 {
    font-size: 45px !important;
  }
}
/*team image boxes*/
@media (max-width: 550px) {
  #teamImage {
    width: 100% !important;
  }
  #teamDetails {
    width: 100% !important;
  }
}
/*magnific pop up media quries */
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 1300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0,0,0,0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0,0,0,0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
/* On load animation styles*/
.animation-parent {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  left: 0;
  top: 0;
  z-index: 200000;
}