


 
/*
  Template Name: Eventador - Premium Event, Conference & Meetup Landing Pages Pack
  Theme URL: https://themeforest.net/user/dsathemes
  Description: Eventador - Premium Event, Conference & Meetup Landing Pages Pack
  Author: DSAThemes
  Author URL: https://themeforest.net/user/dsathemes
  Version: 1.0.0
  Website: www.dsathemes.com
  Tags: Responsive, HTML5, DSAThemes, Conference, Meeting, Event, One Page, Landing
*/




/* ===========================================================================
   01. GENERAL & BASIC STYLES
   =========================================================================== */ 

html {
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
} 
 
body {
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333;
	font-weight: 300;
}

/*------------------------------------------------------------------*/
/*   IE10 in Windows 8 and Windows Phone 8 Bug fix
/*-----------------------------------------------------------------*/

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/*------------------------------------------*/
/*	PAGE CONTENT
/*------------------------------------------*/

#page { overflow: hidden; }

/*------------------------------------------*/
/*	SPACING & ALIGNMENT FOR DEMOS
/*------------------------------------------*/

.wide-120 { padding-top: 120px; padding-bottom: 120px; }
.wide-110 { padding-top: 110px; padding-bottom: 110px; }
.wide-100 { padding-top: 100px; padding-bottom: 100px; }
.wide-90 { padding-top: 100px; padding-bottom: 90px; }
.wide-80 { padding-top: 100px; padding-bottom: 80px; }
.wide-70 { padding-top: 100px; padding-bottom: 70px; }
.wide-60 { padding-top: 100px; padding-bottom: 60px; }
.wide-50 { padding-top: 100px; padding-bottom: 50px; }
.wide-40 { padding-top: 100px; padding-bottom: 40px; }
.wide-30 { padding-top: 100px; padding-bottom: 30px; }

/*------------------------------------------*/
/*    Margin Top
/*------------------------------------------*/

.m-top-120 { margin-top: 120px; }
.m-top-110 { margin-top: 110px; }
.m-top-100 { margin-top: 100px; }
.m-top-90 { margin-top: 90px; }
.m-top-80 { margin-top: 80px; }
.m-top-70 { margin-top: 70px; }
.m-top-60 { margin-top: 60px; }
.m-top-50 { margin-top: 50px; }
.m-top-45 { margin-top: 45px; }
.m-top-40 { margin-top: 40px; }
.m-top-35 { margin-top: 35px; }
.m-top-30 { margin-top: 30px; }
.m-top-25 { margin-top: 25px; }
.m-top-20 { margin-top: 20px; }
.m-top-15 { margin-top: 15px; }
.m-top-10 { margin-top: 10px; }
.m-top-5 { margin-top: 5px; }

/*------------------------------------------*/
/*    Margin Bottom
/*------------------------------------------*/

.m-bottom-120 { margin-bottom: 120px; }
.m-bottom-110 { margin-bottom: 110px; }
.m-bottom-100 { margin-bottom: 100px; }
.m-bottom-90 { margin-bottom: 90px; }
.m-bottom-80 { margin-bottom: 80px; }
.m-bottom-70 { margin-bottom: 70px; }
.m-bottom-60 { margin-bottom: 60px; }
.m-bottom-50 { margin-bottom: 50px; }
.m-bottom-45 { margin-bottom: 45px; }
.m-bottom-40 { margin-bottom: 40px; }
.m-bottom-35 { margin-bottom: 35px; }
.m-bottom-30 { margin-bottom: 30px; }
.m-bottom-25 { margin-bottom: 25px; }
.m-bottom-20 { margin-bottom: 20px; }
.m-bottom-15 { margin-bottom: 15px; }
.m-bottom-10 { margin-bottom: 10px; }
.m-bottom-5 { margin-bottom: 5px; }
.m-bottom-0 { margin-bottom: 0; }

/*------------------------------------------*/
/*    Margin Left
/*------------------------------------------*/

.m-left-70 { margin-left: 70px; }
.m-left-60 { margin-left: 60px; }
.m-left-50 { margin-left: 50px; }
.m-left-45 { margin-left: 45px; }
.m-left-40 { margin-left: 40px; }
.m-left-35 { margin-left: 35px; }
.m-left-30 { margin-left: 30px; }
.m-left-25 { margin-left: 25px; }
.m-left-20 { margin-left: 20px; }
.m-left-15 { margin-left: 15px; }
.m-left-10 { margin-left: 10px; }
.m-left-5 { margin-left: 5px; }

/*------------------------------------------*/
/*    Margin Right
/*------------------------------------------*/

.m-right-70 { margin-right: 70px; }
.m-right-60 { margin-right: 60px; }
.m-right-50 { margin-right: 50px; }
.m-right-45 { margin-right: 45px; }
.m-right-40 { margin-right: 40px; }
.m-right-35 { margin-right: 35px; }
.m-right-30 { margin-right: 30px; }
.m-right-25 { margin-right: 25px; }
.m-right-20 { margin-right: 20px; }
.m-right-15 { margin-right: 15px; }
.m-right-10 { margin-right: 10px; }
.m-right-5 { margin-right: 5px; }

/*------------------------------------------*/
/*    Padding Top
/*------------------------------------------*/

.p-top-160 { padding-top: 160px; }
.p-top-150 { padding-top: 150px; }
.p-top-140 { padding-top: 140px; }
.p-top-130 { padding-top: 130px; }
.p-top-120 { padding-top: 120px; }
.p-top-110 { padding-top: 110px; }
.p-top-100 { padding-top: 100px; }
.p-top-90 { padding-top: 90px; }
.p-top-80 { padding-top: 80px; }
.p-top-70 { padding-top: 70px; }
.p-top-60 { padding-top: 60px; }
.p-top-50 { padding-top: 50px; }
.p-top-45 { padding-top: 45px; }
.p-top-40 { padding-top: 40px; }
.p-top-35 { padding-top: 35px; }
.p-top-30 { padding-top: 30px; }
.p-top-25 { padding-top: 25px; }
.p-top-20 { padding-top: 20px; }
.p-top-15 { padding-top: 15px; }
.p-top-10 { padding-top: 10px; }

/*------------------------------------------*/
/*    Padding Bottom
/*------------------------------------------*/

.p-bottom-160 { padding-bottom: 160px; }
.p-bottom-150 { padding-bottom: 150px; }
.p-bottom-140 { padding-bottom: 140px; }
.p-bottom-130 { padding-bottom: 130px; }
.p-bottom-120 { padding-bottom: 120px; }
.p-bottom-110 { padding-bottom: 110px; }
.p-bottom-100 { padding-bottom: 100px; }
.p-bottom-90 { padding-bottom: 90px; }
.p-bottom-80 { padding-bottom: 80px; }
.p-bottom-70 { padding-bottom: 70px; }
.p-bottom-60 { padding-bottom: 60px; }
.p-bottom-50 { padding-bottom: 50px; }
.p-bottom-45 { padding-bottom: 45px; }
.p-bottom-40 { padding-bottom: 40px; }
.p-bottom-35 { padding-bottom: 35px; }
.p-bottom-30 { padding-bottom: 30px; }
.p-bottom-25 { padding-bottom: 25px; }
.p-bottom-20 { padding-bottom: 20px; }
.p-bottom-15 { padding-bottom: 15px; }
.p-bottom-10 { padding-bottom: 10px; }
.p-bottom-0 { padding-bottom: 0; }

/*------------------------------------------*/
/*    Padding Left
/*------------------------------------------*/

.p-left-100 { padding-left: 100px; }
.p-left-90 { padding-left: 90px; }
.p-left-80 { padding-left: 80px; }
.p-left-70 { padding-left: 70px; }
.p-left-60 { padding-left: 60px; }
.p-left-50 { padding-left: 50px; }
.p-left-45 { padding-left: 45px; }
.p-left-40 { padding-left: 40px; }
.p-left-35 { padding-left: 35px; }
.p-left-30 { padding-left: 30px; }
.p-left-25 { padding-left: 25px; }
.p-left-20 { padding-left: 20px; }
.p-left-15 { padding-left: 15px; }
.p-left-10 { padding-left: 10px; }
.p-left-5 { padding-left: 5px; }
.p-left-0 { padding-left: 0px; }

/*------------------------------------------*/
/*    Padding Right
/*------------------------------------------*/

.p-right-100 { padding-right: 100px; }
.p-right-90 { padding-right: 90px; }
.p-right-80 { padding-right: 80px; }
.p-right-70 { padding-right: 70px; }
.p-right-60 { padding-right: 60px; }
.p-right-50 { padding-right: 50px; }
.p-right-45 { padding-right: 45px; }
.p-right-40 { padding-right: 40px; }
.p-right-35 { padding-right: 35px; }
.p-right-30 { padding-right: 30px; }
.p-right-25 { padding-right: 25px; }
.p-right-20 { padding-right: 20px; }
.p-right-15 { padding-right: 15px; }
.p-right-10 { padding-right: 10px; }
.p-right-5 { padding-right: 5px; }
.p-right-0 { padding-right: 0px; }

/*------------------------------------------*/
/*   BACKGROUND SETTINGS FOR SECTION
/*------------------------------------------*/

.bg-scroll {
	width: 100%;
	background-attachment: fixed !important;
	background-repeat: no-repeat;
	background-position: center center;		
	background-size: cover;
}

.bg-fixed {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;		
	background-size: cover;
}

/*------------------------------------------*/
/*   BACKGROUND COLORS FOR SECTION
/*------------------------------------------*/

.bg-lightgrey { background-color: #f5f5f5; }
.bg-red { background-color: #e35029; }
.bg-yellow { background-color: #feca16; }
.bg-green { background-color: #42a045; }
.bg-blue { background-color: #242d4d; }
.bg-darkblue { background-color: #040919; }
.bg-dark { background-color: #1a1d1b; }
.bg-purple { background-color: #58344a; }
.bg-grey { background-color: #888; }
.bg-tra-grey { background-color: transparent; border: 1px solid #757575; color: #333; }

/*------------------------------------------*/
/*   BORDER SETTINGS
/*------------------------------------------*/

.b-top { border-top: 1px solid #ddd; }
.b-bottom { border-bottom: 1px solid #ddd; }
.b-left { border-left: 1px solid #ddd; }
.b-right { border-right: 1px solid #ddd; }




/* ==========================================================================
   02.	TYPOGRAPHY
   =========================================================================== */  

/*------------------------------------------*/
/*	HEADERS
/*------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	color: #222;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	letter-spacing: -0.5px;
}

/* Header H5 */
h5.h5-small {
	font-size: 1rem;
}

h5 {
	font-size: 1.1rem;
}

h5.h5-medium {
	font-size: 1.1875rem;
}

h5.h5-lg {
	font-size: 1.25rem;
}

/* Header H4 */
h4.h4-small {
	font-size: 1.3125rem;
}

h4 {
	font-size: 1.375rem;
}

h4.h4-medium {
	font-size: 1.5rem;
}

h4.h4-lg {
	font-size: 1.625rem;
}

/* Header H3 */
h3.h3-small {
	font-size: 1.75rem;
}

h3 { 
	font-size: 1.875rem; 
}

h3.h3-medium { 
	font-size: 2rem; 
}

h3.h3-lg { 
	font-size: 2.125rem; 
}

/* Header H2 */
h2.h2-small {
	font-size: 2.375rem;
}

h2 {
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
}

h2.h2-medium {
	font-size: 2.625rem;
}

h2.h2-lg {
	font-size: 2.75rem;
}

/* Header H2 Banner */
h2.banner-small {
	font-size: 2.875rem;
}

h2.banner-regular {
	font-size: 3.125rem;
	letter-spacing: -1px;
}

h2.banner-medium {
	font-size: 3.375rem;
}

h2.banner-lg {
	font-size: 3.75rem;
	letter-spacing: -2px;
}

/*------------------------------------------*/
/*	 PARAGRAPHS
/*------------------------------------------*/

p.p-small {
	font-size: 0.95rem; 
}

p.p-medium {
	font-size: 1.125rem; 
	line-height: 1.6;
}

p.p-lg {
	font-size: 1.25rem; 
}

/*------------------------------------------*/
/*	 LISTS
/*------------------------------------------*/

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*------------------------------------------*/
/*	 LINK SETTINGS
/*------------------------------------------*/

a {
	color: #333;
	text-decoration: none;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

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

a:focus {
	outline: none;
	text-decoration: none;
}

/*------------------------------------------*/
/*	 BUTTON SETTINGS
/*------------------------------------------*/

.btn {
	background-color: #e35029;
	color: #fff;
	font-size: 1rem;
	font-family: 'Poppins', sans-serif;
	line-height: 1;
	font-weight: 500;
	letter-spacing: 0;
	padding: 0.9rem 2rem;
	margin-top: 1.25rem;
	border: 2px solid #e35029;
	position:relative;
    z-index: 2;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;	     
  	-webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;   
}

.btn:before {  
	background-color: rgba(255, 255, 255, 0.15); 
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content:'';   
    z-index:-2;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.btn-yellow:before {  
	background-color: rgba(255, 255, 255, 0.25);
}

.btn-tra-black:before {  
	background-color: rgba(0, 0, 0, 0.75);
}

.btn-tra-grey:before {  
	background-color: #eee;
}

.btn-tra-red:before {  
	background-color: #e35029;
}

.btn-tra-yellow:before {  
	background-color: #feca16;
}

/*------------------------------------------*/
/*	 Button Size
/*------------------------------------------*/

.btn.btn-medium {
	padding: 1.05rem 2.6rem;
}

.btn.btn-lg {
	font-size: 1.2rem;
	line-height: 1;
	font-weight: 400;
	padding: 1.25rem 2.5rem;
}

/*------------------------------------------*/
/*	 Button Color
/*------------------------------------------*/

.btn-black {
	color: #fff;
	background-color: #333;
	border-color: #333;
}

.btn-yellow {
	color: #333;
	background-color: #feca16;
	border-color: #feca16;
}

.btn-green {
	background-color: #42a045;
	border-color: #42a045;
}

.btn-violet {
	background-color: #c733a3;
	border-color: #c733a3;
}

.btn-blue {
	background-color: #246baf;
	border-color: #246baf;
}

.btn-grey {
	background-color: #aaa;
	border-color: #aaa;
}

.btn-tra-white {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}

.btn-tra-black {
	color: #444;
	background-color: transparent;
	border-color: #444;
}

.btn-tra-grey {
	color: #555;
	background-color: transparent;
	border-color: #aaa;
}

.btn-tra-red {
	color: #e35029;
	background-color: transparent;
	border-color: #e35029;
}

.btn-tra-yellow {
	color: #333;
	background-color: transparent;
	border-color: #feca16;
}

/*------------------------------------------*/
/*	 Button Hover
/*------------------------------------------*/

.btn:hover {
	color: #fff;
}

.btn-tra-grey:hover {
	color: #333;
	border-color: #aaa;
}

.btn-tra-yellow:hover,
.btn-yellow:hover {
	color: #333;
}

.btn:hover::before {
    left: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

/*------------------------------------------*/
/*	 Button Focus
/*------------------------------------------*/

.btn:focus {
	color: #ffffff; 
    -webkit-box-shadow: none;
    box-shadow: none; 
}

.btn-tra-yellow:focus,
.btn-tra-black:focus,
.btn-tra-grey:focus,
.btn-yellow:focus {
	color: #333; 
}

/*------------------------------------------*/
/*	 COUNTDOWN ELEMENT
/*------------------------------------------*/ 

#clock {
	display: inline-block;
}

/*------------------------------------------*/
/*	  Countdown Box
/*------------------------------------------*/

#clock .cbox {
	float: left;
	text-align: center;
	padding: 0 40px;
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	display: inline-block;
}

#hero-14 #clock .cbox {
	padding: 30px;
	padding: 10px 15px;
	background-color: rgba(255, 255, 255, 0.25);
	margin-right: 10px;
	border-right: none;
}

#banner-4 #clock .cbox {
	padding: 30px 25px;
	background-color: rgba(240, 240, 240, 0.15);
	margin-right: 12px;
	border-right: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

#clock .cbox:last-child {
	border-right: none;
}

#banner-4 #clock .cbox:last-child {
	margin-right: 0;
}

/*------------------------------------------*/
/*	  Countdown Digit
/*------------------------------------------*/

#clock span.cbox-digit {
	font-size: 4.5rem;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -0.5px;
}

#hero-14 #clock span.cbox-digit {
	font-size: 3rem;
}

#clock span.cbox-txt {
	font-size: 13px;
	line-height: 13px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 0;	
	display: block;
	padding-top: 5px;
}

/*------------------------------------------*/
/*   SECTION ID
/*------------------------------------------*/

span.section-id {
	color: #aaa;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: block;
	position: relative;	
	margin-bottom: 2rem;	
}

/*------------------------------------------*/
/*	 SECTION TITLE
/*------------------------------------------*/

.section-title {
	margin-bottom: 3.5rem;	
}

.section-title.red-color h2 {
	color: #e35029;
}

.section-title p {
	font-size: 1.2rem; 
	margin-top: 1.15rem;
}

/*------------------------------------------*/
/*	 TEXT WEIGHT
/*------------------------------------------*/

.txt-300 { font-weight: 300; }
.txt-400 { font-weight: 400; }
.txt-500 { font-weight: 500; }
.txt-600 { font-weight: 600; }
.txt-700 { font-weight: 700; }
.txt-900 { font-weight: 900; }

.txt-upper { text-transform: uppercase; }

/*------------------------------------------*/
/*	 TEXT COLORS
/*------------------------------------------*/

.white-color,
.white-color h2, 
.white-color h3, 
.white-color h4, 
.white-color h5, 
.white-color p, 
.white-color a, 
.white-color span {
	color: #fff;
}

.grey-color,
.grey-color h2, 
.grey-color h3, 
.grey-color h4, 
.grey-color h5, 
.grey-color p, 
.grey-color a, 
.grey-color span  {
	color: #666;
}

.lightgrey-color,
.lightgrey-color h2, 
.lightgrey-color h3, 
.lightgrey-color h4, 
.lightgrey-color h5, 
.lightgrey-color p, 
.lightgrey-color a, 
.lightgrey-color span  {
	color: #ccc;
}

.red-color,
.red-color p, 
.red-color a, 
.red-color span {
	color: #e35029;
}

.yellow-color,
.yellow-color p, 
.yellow-color a, 
.yellow-color span {
	color: #feca16;
}




/* ==========================================================================
   03.	PRELOAD ANIMATION
   =========================================================================== */

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
	background-color: #333;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -35px;
}

.sk-folding-cube {
  	display: block;
  	width: 70px;
  	height: 70px;
  	position: relative;
  	-webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff5607;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}




/* ==========================================================================
   04.	HEADER & NAVIGATION
   =========================================================================== */

/*------------------------------------------*/
/*	 LOGO IMAGE    
/*------------------------------------------*/

.navbar-brand {
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link {
    color: #555;
}

.bg-light { 
	background-color: #fff!important; 
	box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); 
}

.header .nb-line {
	border-bottom: 1px solid rgba(255, 255, 255, .18);
}

/*------------------------------------------*/
/*	 NAVIGATION BAR    
/*------------------------------------------*/

.navbar {
	padding: 0.75rem 1rem;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.navbar.bg-tra  {
	padding: 2.25rem 1rem;
	background-color: transparent;	
}

/*------------------------------------------*/
/*	 NAVIGATION MENU    
/*------------------------------------------*/

.navbar-expand-lg .navbar-nav .nav-link {
	font-size: 1.05rem;
	font-weight: 500;
	padding: 0.65rem 1.25rem;
    margin-left: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;	
}

.dropdown-item { 
	padding-top: 0.4rem; 
	padding-bottom: 0.4rem; 
}

.dropdown-toggle::after {
    vertical-align: .175em;
}

/*------------------------------------------*/
/*	 Navbar Button
/*------------------------------------------*/

.navbar .btn {	
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0;
	padding: 0.8125rem 1.75rem;
	margin-top: 0;
	margin-left: 10px;
}

/*------------------------------------------*/
/*	 Navigation Menu Hover
/*------------------------------------------*/

.navbar-light .nav-link:focus, 
.navbar-light .nav-link:hover {
  	color: #fff;
	background-color: rgba(140, 140, 140, 0.2);
}

.navbar-dark .nav-link:focus, 
.navbar-dark .nav-link:hover {
  	color: #fff;
	background-color: rgba(240, 240, 240, 0.2);
}

/*------------------------------------------*/
/*	 Navbar Scroll   
/*------------------------------------------*/

.navbar.scroll.bg-tra {
	padding: 12px 0;
	background-color: #fcfcfc;
	box-shadow: 0 0 2px rgba(50, 50, 50, 0.4);	
}

.navbar.scroll.navbar-dark.bg-tra .nav-link {
	color: rgba(0, 0, 0, 0.75);
}

.navbar.scroll.navbar-dark.bg-tra .nav-link:hover {
	background-color: rgba(200, 200, 200, 0.35);
}

.navbar.scroll .btn-black,
.navbar.scroll .btn-tra-white {
	background-color: transparent;
	color: #444;
	border-color: #444;
}

.navbar.scroll .btn-tra-white {
	color: #444;
	border-color: #444;
}

.navbar.scroll .btn-black:before,
.navbar.scroll .btn-tra-white:before {  
	background-color: rgba(0, 0, 0, 0.75);
}

.navbar.scroll .btn-black:hover,
.navbar.scroll .btn-tra-white:hover {  
	color: #fff;
}

/*------------------------------------------*/
/*	 Responsive Burger Menu   
/*------------------------------------------*/

.navbar-light .navbar-toggler,
.navbar.bg-tra .navbar-toggler {
    color: #757575;
    border-color: #757575;
}

.navbar-dark.bg-tra .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler:focus {
	outline: 0;
}

/*------------------------------------------*/
/*	 Logo Image
/*------------------------------------------*/

.logo-white, 
.logo-black {
	display: block;
}

.navbar-dark.bg-tra .logo-black,
.navbar-light.bg-tra .logo-white,
.scroll.navbar-dark.bg-tra .logo-white,
.navbar-dark.bg-dark .logo-black,
.navbar-light.bg-light .logo-white {
	display: none;
}

.navbar-dark.bg-tra .logo-white,
.navbar-light.bg-tra .logo-black,
.scroll.navbar-dark.bg-tra .logo-black,
.navbar-dark.bg-dark .logo-white,
.navbar-light.bg-light .logo-black {
	display: block;
}




/* ==========================================================================
   05.	HERO 
   =========================================================================== */

.hero-section .container {
	position: relative;
	overflow: hidden;
	z-index: 10;
}

/*------------------------------------------*/
/*	 HERO BACKGROUND IMAGES
/*------------------------------------------*/

#hero-1 {
	background-image: url(../images/hero-1.jpg);
}

#hero-2 {
	background-image: url(../images/hero-2.jpg);	
}

#hero-3 {
	background-image: url(../images/hero-3.jpg);	
}

#hero-4 {
	background-image: url(../images/hero-4.jpg);	
}

#hero-5 {	
	background-image: url(../images/hero-5.png);
}

#hero-6 {
	background-image: url(../images/hero-6.jpg);	
}

#hero-7 {
	background-image: url(../images/hero-7.jpg);	
}

#hero-9 {
	background-image: url(../images/hero-9.jpg);	
}

#hero-10 {
	background-image: url(../images/hero-10.jpg);	
}

#hero-11 {
	background-image: url(../images/hero-11.jpg);	
}

#hero-12 {
	background-image: url(../images/hero-12.jpg);	
}

/*------------------------------------------*/
/*	 HERO OVERLAY
/*------------------------------------------*/

#hero-8 .hero-overlay {
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6); 
}

/*------------------------------------------*/
/*	 HERO SPACING & ALIGNMENT
/*------------------------------------------*/

.hero-row-220 {
	padding-top: 240px;
	padding-bottom: 200px;
}

.hero-row-200 {
	padding-top: 220px;
	padding-bottom: 180px;
}

.hero-row-180 {
	padding-top: 200px;
	padding-bottom: 160px;
}

.hero-row-160 {
	padding-top: 180px;
	padding-bottom: 140px;
}

#hero-1 .hero-row-200 {
	padding-bottom: 110px;
}

#hero-4 .hero-row-200 {
	padding-bottom: 80px;
}

#hero-6 .hero-row-160 {
	padding-bottom: 270px;
}

#hero-11 .hero-row-200 {
	padding-bottom: 140px;
}

#hero-12 .hero-row-220 {
	padding-bottom: 100px;
}

/*------------------------------------------*/
/*	HERO TEXT
/*------------------------------------------*/  

#hero-2 .hero-txt {
	padding: 120px 0 120px 60px; 
}

.square {
  position: absolute;
  top: 0;
  left: 0;
  width: 54%;
  height: 100%;
  z-index: 1;
}

.inner {
  width: 100%;
  height: 100%;
  border-left: 9px solid #e35029;
  border-bottom: 9px solid #e35029;
  border-top: 9px solid #e35029;
  position: relative;
}

.inner:before, 
.inner:after {
  content: "";
  height: 15%;
  position: absolute;
  right: 0;
  border-right: 9px solid #e35029;
}

.inner:before {
  bottom: 0;
}

#hero-6 .hero-txt {
	position: relative;
}

#hero-6 .hero-txt:before {
	content: '';
	position: absolute;
	top: -100px;
	left: 50%;
	display: block;
	width: 450px;
	height: 80px;
	border: 13px solid #feca16;
	border-bottom: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

#hero-6 .hero-txt:after {
	content: '';
	position: absolute;
	bottom: -105px;
	left: 50%;
	display: block;
	width: 450px;
	height: 80px;
	border: 13px solid #feca16;
	border-top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

#hero-10 .hero-txt {
	background-color: rgba(227, 80, 41, .7);
	padding: 60px; 
	display: inline-block;
	margin: 0 auto;
}

/*------------------------------------------*/
/*	 Hero H4 Header
/*------------------------------------------*/ 

#hero-3 h4 {
	color: #fff;
	font-size: 2.25rem;
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 20px;
}

#hero-4 h4 {
	font-size: 1.25em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;	
	padding-bottom: 12px;
	margin-right: 20%;
	margin-bottom: 20px;
	border-bottom: 1px solid #e35029;
}

#hero-5 h4 { 
	font-size: 2.35rem;
	line-height: 1;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: uppercase;
	margin-top: 15px;
	margin-bottom: 8px;
}

#hero-5 span { 
	font-size: 2rem;
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
	margin-bottom: 0;
}

#hero-6 h4 { 
	font-size: 1.5rem;
	font-weight: 300;
}

#hero-7 span {
	color: #e35029;
	font-size: 1.6rem;
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0;
	display: block;
	margin-bottom: 10px;
}

#hero-7 h4 { 
	font-size: 1.2rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;	
	margin-bottom: 20px;
}

#hero-8 h4 { 
	color: #fff;
	font-size: 1.85rem;
	font-weight: 300;
	margin-bottom: 25px
}

#hero-9 h4 { 
	color: #fff;
	font-size: 1.45rem;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 50px;
	text-transform: uppercase;
}

#hero-10 h4 { 
	font-size: 1.15rem;
	line-height: 1.5;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: uppercase;
	margin-bottom: 0;
}

#hero-11 h4 { 
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 30px;
}

#hero-12 h4 {
	font-size: 1.15em;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;	
	margin-bottom: 10px;
}

/*------------------------------------------*/
/*	 Hero H3 Header
/*------------------------------------------*/ 

#hero-2 h3 {
	font-size: 0.95rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;	
	margin-bottom: 20px;
}

#hero-3 h3 {
	color: #fff;
	font-size: 3.5rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 12px;
}

#hero-4 h3 {
	font-size: 1.75rem;
	font-weight: 300;
	letter-spacing: 0;	
	margin-bottom: 30px;
}

#hero-5 h3 { 
	font-size: 4rem;
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	margin-bottom: 0;
}

#hero-6 h3 {
	font-size: 1.85rem;
	line-height: 1.4;
	font-weight: 300;
	letter-spacing: 0;	
	padding: 0 15%;
}

#hero-7 span {
	color: #e35029;
	font-size: 1.6rem;
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0;
	display: block;
	margin-bottom: 10px;
}

#hero-8 h3 {
	color: #fbc02d;
	font-size: 1.65rem;
	line-height: 1.4;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	margin-bottom: 20px;
	padding: 0 15%;
}

#hero-9 h3 {
	font-size: 1.5rem;
	line-height: 1.4;
	font-weight: 300;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 20px;
	padding: 0 15%;
}

#hero-9 h3 span {
	font-weight: 600;
}

#hero-10 h3 { 
	font-size: 1.15rem;
	font-weight: 300;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

#hero-11 h3 {
	color: #fff;
	font-size: 2.35rem;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1px;	
	padding: 1rem 2.5rem;
	background-color: #222;
	display: inline-block;
	margin-top: 2.65rem;
	-webkit-box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.2);
}

#hero-12 h3 { 
	font-size: 2.75rem;
	font-weight: 300;
	letter-spacing: 25px;
	text-transform: uppercase;
}

/*------------------------------------------*/
/*	 Hero H2 Header
/*------------------------------------------*/ 

#hero-1 h2 { 	
	font-size: 7.15rem;
	line-height: 1;
	font-weight: 600;
	letter-spacing: -3px;
	margin-bottom: 15px;
}

#hero-2 h2 { 
	font-size: 6.5rem;
	line-height: 1;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	margin-bottom: 10px;
}

#hero-3 h2 { 
	color: #e35029;
	font-size: 8.75rem;
	line-height: 1;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 8px;
	margin-bottom: 15px;
}

#hero-4 h2 { 
	font-size: 6.5rem;
	line-height: 1;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 20px;
}

#hero-4 h2 span { 
	color: #e35029;
}

#hero-5 h2 { 
	font-size: 6rem;
	line-height: 1;
	font-weight: 800;
	letter-spacing: -0.5px;
	margin-bottom: 0;
}

#hero-5 h2.io { 
	font-size: 15rem;
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 900;
	line-height: 1;
	letter-spacing: -13px;
	margin-bottom: 0;
}

#hero-5 h2.io:after {
    display: block;
    content: "";
    height: 1px;
    width: 300px;
	background: #333;
    margin: 10px auto 25px;
    position: relative;
}

#hero-6 h2 { 
	font-size: 6.75rem;
	line-height: 1;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin-bottom: 20px;
}

#hero-7 h2 { 
	color: #197a89;
	font-size: 6.15rem;
	line-height: 1;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin-bottom: 30px;
}

#hero-8 h2 { 
	color: #fff;
	font-size: 7rem;
	line-height: 1.1;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	margin-bottom: 20px;
}

#hero-10 h2 { 
	font-size: 7rem;
	line-height: 1;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	margin-bottom: 10px;
}

#hero-10 .hero-title { 
	margin-top: 35px;
}

#hero-10 .hero-title:after {
    display: block;
    content: "";
    height: 1px;
    width: 150px;
	background: #feca16;
    margin: 25px auto 30px;
    position: relative;
}

#hero-11 h2 { 	
	color: rgba(255, 255, 255, 0.5); 
	font-size: 9.5rem;
	line-height: 1;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 5px;
	position: relative;
	display: inline;
}

#hero-11 h2:after {
	content: "Eventador";
	color:  #e35029;
	position: absolute; 
	left: 10px; 
	top: 45px;	 
}

#hero-11 h2:before {
	content: "Eventador";
	color: #ecee33;
	position: absolute; 
	right: 4px; 
	bottom: 25px;	 
}

#hero-12 h2 { 
	font-size: 7.5rem;
	line-height: 1;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 20px;
}

/*------------------------------------------*/
/*	 Hero Paragraph
/*------------------------------------------*/ 

#hero-1 p { 
	font-size: 1.35rem; 
	padding-right: 10%;
	margin-bottom: 0;
}

#hero-2 p { 
	font-size: 1.35rem; 
	padding-right: 5%;
	margin-bottom: 0;
}

#hero-3 p { 
	color: #fff;
	font-size: 1.5rem; 
	padding: 0 15%;
	margin-bottom: 20px;
}

#hero-4 p { 
	color: #fff;
	font-size: 1.5rem; 
	margin-bottom: 20px;
	padding-right: 10%;
}

/*------------------------------------------*/
/*	HERO EVENT DATA
/*------------------------------------------*/

#hero-1 .hero-data,
#hero-11 .hero-data,
#hero-12 .hero-data {
	position: relative;
	padding: 0 10px 100px;
}

#hero-4 .hero-data {
	position: relative;
	padding: 0 0 90px;
}

#hero-6 .hero-data {
	margin-bottom: 130px;
}

#hero-4 .hero-data span {
	display: block;
	font-size: 1.2rem;
	line-height: 1;
	font-weight: 300;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 10px;
}

#hero-11 .event-data span {
	display: block;
	font-size: 1.25rem;
	line-height: 1;
	font-weight: 600;
	opacity: 0.75;
	margin-top: 0;
	margin-bottom: 0.5rem;
}

#hero-12 .hero-data span {
	display: block;
	font-size: 1.65rem;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 0;
}

/*------------------------------------------*/
/*	HERO DATE BADGE
/*------------------------------------------*/

.event-date {
	position: relative;
}

.hero-badge {
	position: absolute;
	right: 10%;
	bottom: 2%; 
}

.hero-badge span {
	font-size: 1.05rem;
	line-height: 1;
	font-weight: 600;
	letter-spacing: -0.5px;
	margin-top: 15px;
	margin-bottom: 0;
	display: block;
}

.hero-badge-text {
	padding: 45px 35px;
	background-color: #e35029;
	text-align: center;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

.hero-badge .hero-badge-text span {
	font-size: 2.5rem;
	line-height: 1;
	font-weight: 900;
	margin-top: 0;
	letter-spacing: -1px;
	display: block;
}

.hero-badge-text h5 {
	font-size: 1.35rem;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 0;
	padding: 10px 0;
	border: 2px solid #ffec19;
	border-left: none;
	border-right: none;
	margin: 10px 0;
	display: inline-block;
}

/*------------------------------------------*/
/*	HERO SOCIAL ICONS
/*------------------------------------------*/

#hero-1 .hero-social,
#hero-11 .hero-social {
	position: absolute;
	bottom: 15%;
	right: 2%;
}

.hero-social span {
	font-size: 1rem;
	line-height: 1.65rem;
	font-weight: 400;
	margin-right: 15px;
	opacity: .8;
}

.hero-social a {
	font-size: 1.65rem;
	line-height: 1;
	vertical-align: middle;
	margin: 0 6px;
	opacity: .5;
}

#hero-1 .hero-social a {
	color: #444;
	opacity: .85;
}

.hero-social a:hover {
	opacity: 1;
}




/* ==========================================================================
   06.	ABOUT
   =========================================================================== */

#about-3 {
	padding-top: 100px;
}

#about-5 .section-id {
	margin-bottom: 3.25rem;
}

/*------------------------------------------*/
/*	ABOUT SECTION TITLE
/*------------------------------------------*/

#about-4 .section-title {
	margin-bottom: 1.5rem;
}

/*------------------------------------------*/
/*	ABOUT TYPOGRAPHY
/*------------------------------------------*/ 

#about-2 h4 {
	margin-bottom: 10px;
}

#about-5 h2 {
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: -1px;
}

#about-5 h2 {
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: -1px;
}

.about-info h5 {
	text-transform: uppercase;
	margin-bottom: 8px;
}

.about-info span {
	display: block;
	font-size: 1.15rem;
}

/*------------------------------------------*/
/*	ABOUT IMAGE
/*------------------------------------------*/ 

.about-img.grey-bg {
	background-image: url(../images/about-grey-bg.png);
	background-repeat: no-repeat;
	background-position: center center;		
	background-size: cover;
}

#about-1 .about-img.grey-bg {
	padding-left: 60px;
}

#about-2 .about-img.grey-bg {
	padding-right: 50px;
}




/* ==========================================================================
   07.	FEATURES
   =========================================================================== */

#features-11 {
	background-image: url(../images/features-1.png);	
}

#features-2 .section-title h2,
#features-3 .section-title h2 {
	margin-bottom: 15px;
}

/*------------------------------------------*/
/*	FEATURES TYPOGRAPHY
/*------------------------------------------*/  

.fbox h4,
.features-txt h4 {
	margin-bottom: 20px;
}

ul.features-list {
	list-style: disc;
	margin-left: 15px;
}

ul.features-list li {
	margin-bottom: 12px;
}

ul.features-list li:last-child {
	margin-bottom: 0;
}

#inner-page-about ul.features-list li {
	margin-bottom: 8px;
}

.fbox a {
	font-size: 0.95rem;
	font-weight: 600;
	text-decoration: underline;
}

.fbox .svg-inline--fa {
	margin-left: 8px;
}

/*------------------------------------------*/
/*	Features Social Links
/*------------------------------------------*/ 

.fea-social {
	text-align: right;
	margin-top: 35px;
	margin-right: 25px;
}

.fea-social p {
	color: #999;
	font-size: 1rem;
	font-weight: 400;
	margin-right: 10px;
	margin-bottom: 12px;
}

.fea-social a {
	color: #999;
	font-size: 1.65rem;
	line-height: 1;
	margin: 0 7px;
}

.fea-social a:hover {
	color: #666;
}




/* ==========================================================================
   08.	BANNER
   =========================================================================== */

#banner-1 {
	background-image: url(../images/bg-tra.png);
	padding-top: 80px;
	padding-bottom: 80px;
}

#banner-2 {
	background-image: url(../images/banner-2.jpg);
	padding-top: 100px;
	padding-bottom: 100px;
}

#banner-3 {
	padding-top: 70px;
	padding-bottom: 70px;
}

#banner-4 {
	background-image: url(../images/banner-4.jpg);
	padding-top: 100px;
	padding-bottom: 100px;
}

#banner-5 {
	background-image: url(../images/banner-5.jpg);
	padding-top: 150px;
	padding-bottom: 150px;
}

#banner-6 {
	background-image: url(../images/bg-tra.png);
}

/*------------------------------------------*/
/*	BANNER TYPOGRAPHY
/*------------------------------------------*/ 

#banner-1 h4 {
	font-weight: 300;
	margin-bottom: 3px;
}

#banner-1 h3 {
	font-weight: 400;
	margin-bottom: 10px;
}

#banner-2 h2 {
	font-weight: 400;
	letter-spacing: 0;
	margin-bottom: 10px;
}

#banner-2 h2 span {
	font-weight: 600;
	letter-spacing: -0.5px;
}

#banner-3 h2 {
	margin-bottom: 0;
}

#banner-4 h2 {
	margin-bottom: 10px;
}

#banner-4 h4 {
	font-weight: 300;
	letter-spacing: 0.5px;
}

#banner-6 h2 {
	font-weight: 600;
	margin-bottom: 8px;
}

#banner-1 p {
	margin-bottom: 0;
}

#banner-2 p {
	font-size: 1.35rem;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-right: 5%;
}

#banner-5 p {
	font-size: 1.25rem;
	padding-right: 15%;
}

#banner-6 p {
	font-size: 1.5rem;
	margin-bottom: 2px;
	padding: 0 10%;
}

#banner-3 .btn {
	margin-top: 0;
}




/* ==========================================================================
   09.	MEDIA
   =========================================================================== */

#media-2 {
	background-image: url(../images/media-2.jpg);
}

#media-4 {
	position: relative;
	background-image: url(../images/media-4.jpg);
	padding-top: 250px;
	padding-bottom: 250px;
}

/*------------------------------------------*/
/*	MEDIA TYPOGRAPHY
/*------------------------------------------*/  

.media-txt h2 {
	margin-bottom: 25px;
}

.media-txt a {
	font-size: 1.15rem;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: -0.5px;
}

.media-txt a .svg-inline--fa {
	margin-left: 6px;
}

/*------------------------------------------*/
/*	  Video Link Play Icon
/*------------------------------------------*/

.play-icon-red,
.play-icon-white {
	width: 110px;
	height: 110px;
	background: url(../images/play-icon-red.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -55px;
	margin-left: -80px;	
}

.play-icon-white {
	background: url(../images/play-icon-white.png);
}

/*------------------------------------------*/
/*	MEDIA CAROUSEL SLIDER
/*------------------------------------------*/  

.media-carousel-slider {
	position: relative;
}

/*------------------------------------------*/
/*	 About Carousel Navigation
/*------------------------------------------*/

.owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
	bottom: 6%;
	left: -4%;
}

.owl-theme .owl-nav [class*='owl-'] {
	background: #888;
	font-size: 1.25rem;
	font-weight: 400;
	margin: 0 2px;	
	padding: 9px 18px;
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.red-nav .owl-theme .owl-nav [class*='owl-next'] {
	background: #e35029;
	color: #fff;
}

.yellow-nav .owl-theme .owl-nav [class*='owl-next'] {
	background: #feca16;
	color: #333;
}

.green-nav .owl-theme .owl-nav [class*='owl-next'] {
	background: #42a045;
	color: #fff;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #333;
    color: #fff;
}




/* ==========================================================================
   10.	SPEAKERS
   =========================================================================== */

/*------------------------------------------*/
/*	SPEAKERS
/*------------------------------------------*/

#speakers-1 .speaker { 
	margin-bottom: 80px;
	position: relative;
}

#speakers-2 .speaker { 
	margin-bottom: 40px;
}

/*------------------------------------------*/
/*	SPEAKERS TYPOGRAPHY
/*------------------------------------------*/ 

#speakers-1 .speaker-meta { 
	padding: 0 45px;
} 

.speaker-meta h5 { 
	margin-bottom: 3px;
}

.speaker-meta p { 
	line-height: 1;
	font-weight: 400;
	margin-bottom: 0;
}

.speaker-meta span { 
	font-size: 0.95rem;
	margin-top: 0;
}

.speakers-section .border-box {
	position: absolute;
	height: 100%;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 0;
	border: 1px solid #e35029;
	z-index: 5;
}

.speakers-section .border-box.yellow-border {
	border: 1px solid #feca16;
}

.speakers-section .border-box.red-border {
	border: 1px solid #e35029;
}

/*------------------------------------------*/
/*	  Speaker Photo Hover Overlay
/*------------------------------------------*/

.hover-overlay {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;	
}

.hover-overlay > img {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	overflow: hidden;
	-webkit-transition: transform 500ms;
	-moz-transition: transform 500ms;
	-o-transition: transform 500ms;
	transition: transform 500ms;
}

/*------------------------------------------*/
/*	  Image Hover Effect 
/*------------------------------------------*/ 

.speaker:hover .hover-overlay > img {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

/*------------------------------------------*/
/*	  Single Speakers Links
/*------------------------------------------*/

.single-speaker-links span {
	font-size: 1rem;
	display: block;
	line-height: 1;
	font-weight: 600;
	margin-bottom: 7px;
	margin-top: 0;
}

.single-speaker-links span a {
	color: #e35029;
	font-weight: 500;
	text-decoration: underline;
	margin-left: 5px;
}

.single-speaker-links span a:hover {
	color: #666;
}

.speaker-details-txt span {
	display: block;
	line-height: 1;
	font-weight: 300;
	margin-bottom: 6px;
	margin-top: 0;
}

.speaker-session {
	padding: 18px 20px;
	border: 1px solid #aaa;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}




/* ==========================================================================
   11.	SCHEDULE
   =========================================================================== */  

#inner-page-schedule {
	background-image: url(../images/schedule-tra-bg.png);
}

/*------------------------------------------*/
/*	 SCHEDULE TABS NAVIGATION
/*------------------------------------------*/

.nav-tabs {
   margin-bottom: 60px;
}

.bg-dark .nav-tabs {
   border-color: #666;
}

.nav {
	width: 100%;
}

.nav-tabs .nav-link {
	color: #999;
	font-size: 1.15rem;
	font-weight: 500;
	letter-spacing: 0;
	border: none;
  	padding: 0.85rem 0;
}

.nav-tabs.red-nav .nav-link.active,
.nav-tabs.red-nav .nav-item.show .nav-link {
  	color: #fff;
  	background-color:  #e35029;
}

.nav-tabs.yellow-nav .nav-link.active,
.nav-tabs.yelloe-nav .nav-item.show .nav-link {
  	color: #333;
  	background-color:  #feca16;
}

.nav-tabs.grey-nav .nav-link.active,
.nav-tabs.grey-nav .nav-item.show .nav-link {
  	color: #333;
  	background-color: #ccc;
}

/*------------------------------------------*/
/*	 SCHEDULE TABS CONTENT
/*------------------------------------------*/

.schedule-event {
	margin-bottom: 15px;
}

/*------------------------------------------*/
/*	  Event Time
/*------------------------------------------*/

.event-time span {
	font-size: 1rem;
	line-height: 1.3;
	font-weight: 700;
	display: block;
	padding-left: 10px;
}

/*------------------------------------------*/
/*	  Session Description
/*------------------------------------------*/

.event-description {
	padding-left: 0;
}

.event-description h4 {
	margin-bottom: 7px;
}

.event-description p.event-speaker {
	color: #757575;
	margin-bottom: 0;
}

.bg-dark .event-description p.event-speaker {
	color: #ddd;
}

.event-description p.p-small {
	color: #777;
	line-height: 1.3;
	margin-top: 8px;
}

.bg-dark .event-description p.p-small {
	color: #aaa;
}

.event-description hr {
	border-color: #ccc;
	margin-top: 25px;
	margin-right: 25px;
}

.bg-dark .event-description hr {
	border-color: #666;
}

/*------------------------------------------*/
/*	  AGENDA TITLE
/*------------------------------------------*/

.agenda-tittle {
	margin-top: 45px;
	margin-bottom: 90px;
	padding: 25px 30px;
	background-color: #f5f5f5;
	background-color: #444;
}

.agenda-tittle h3 {
	line-height: 1;
	margin-bottom: 3px;
}

.agenda-tittle span {
	font-size: 1.1rem;
	line-height: 1
	margin-bottom: 0;
}




/* ==========================================================================
   12.	PRICING TABLES
   =========================================================================== */

/*------------------------------------------*/
/*	 PRICING TABLE
/*------------------------------------------*/  

.pricing-table {
	padding: 50px 50px 15px;
	margin-bottom: 40px;  
	border: 1px solid rgba(225, 225, 225, .35);
}

/*------------------------------------------*/
/*	  Pricing Table Price Plan
/*------------------------------------------*/

.pricing-table h4 {
	font-weight: 400;
	letter-spacing: 0;
	margin-bottom: 20px;
}

.pricing-plan span {
	font-size: 4.5rem;
	line-height: 1;
	font-weight: 500;
	letter-spacing: -1.5px;
	margin-left: 8px;
}

.pricing-table sup {
	color: #999;
	font-size: 2.25rem;
	font-weight: 400;
    top: -22px;
    right: 1px;
}

.pricing-plan p.price-vat {
	color: #858585;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pricing-plan p.p-small {
	line-height: 1.3;
}

/*------------------------------------------*/
/*	  Pricing Table Body
/*------------------------------------------*/

.pricing-table ul.features {
	padding: 25px 0;
	border-top: 1px solid #aaa;
}

.pricing-table ul.features li {
	color: #000;
	font-size: 0.95rem;
	line-height: 1;
	font-weight: 400;
    padding: 14px 0;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.pricing-table ul.features li:last-child {
    border-bottom: none;
}

.pricing-table ul.features li span {   
    position: absolute;
    right: 6px;
    bottom: 12px;
    font-weight: 500;
}

.pricing-table ul.features li.feature-disable {
    color: #888;
}

/*------------------------------------------*/
/*	  Pricing Table Button
/*------------------------------------------*/

.pricing-table .btn {
	width: 100%;
	padding: 0.75rem 0;
	margin-top: 15px;	
	margin-bottom: 35px;
}

/*------------------------------------------*/
/*	 Highlight Pricing Table
/*------------------------------------------*/

.pricing-table.highlight {
	background-color: #f5f5f5;
	border: none;
	-webkit-box-shadow: 0 0 6px rgba(10, 10, 10, 0.1);
    -moz-box-shadow: 0 0 6px rgba(10, 10, 10, 0.1);
    box-shadow: 0 0 6px rgba(10, 10, 10, 0.1);	
}

/*------------------------------------------*/
/*	 PRICING DISCOUNT
/*------------------------------------------*/

.pricing-discount {
	margin-top: 25px;
} 

.pricing-discount p span {
	font-weight: 600;
}




/* ==========================================================================
   13.	SPONSORS
   =========================================================================== */

#sponsors-2 {
	background-color: #252a36;
	background-image: url(../images/world-map.png);
}

.s-row {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ddd;
}

.s-row:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

/*------------------------------------------*/
/*	  SPONSORS TYPOGRAPHY
/*------------------------------------------*/ 

#sponsors-2 h2 {
	line-height: 1.3;
}

/*------------------------------------------*/
/*	  SPONSORS SPONSORS LOGOS
/*------------------------------------------*/ 

.sponsor {
	width: 20%;
	float: left;
	padding-right: 12px;
	margin-bottom: 12px;
}

#sponsors-1 .brand-holder {
	background-color: rgba(230, 230, 230, 0.3);
	padding: 35px 15px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out
}

#sponsors-2 .brand-holder {
	background-color: rgba(31, 35, 45, 0.35);
	padding: 35px 15px;
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

#sponsors-3 .brand-holder {
	background-color: rgba(240, 240, 240, 0.45);
	padding: 20px 15px;
}

#sponsors-1 .brand-holder:hover {
	background-color: rgba(230, 230, 230, 0.7);
}

#sponsors-2 .brand-holder:hover {
	background-color: rgba(31, 35, 45, 0.9);
}

.sponsor-description span {
	display: block;
	font-weight: 600;
	margin-bottom: 2px;
}

.sponsor-description span a {
	color: #e35029;
	line-height: 1;
	font-weight: 500;
	text-decoration: underline;
	margin-left: 5px;
}

.sponsor-description a:hover {
	color: #333;
}




/* ==========================================================================
   14.	VENUE
   =========================================================================== */

#venue-page {
	background-image: url(../images/venue-inner.jpg);
}

/*------------------------------------------*/
/*	 VENUE PREVIEW
/*------------------------------------------*/

.venue-preview { 
	position: relative;
}

.venue-section .border-box {
	position: absolute;
	height: 101%;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 0;
	border: 1px solid #e35029;
	z-index: 1;
}

.venue-section .border-box.yellow-border {
	border: 1px solid #feca16;
}

/*------------------------------------------*/
/*	  Venue Data
/*------------------------------------------*/

#venue-1 .venue-data {
	margin-top: 25px;
	padding: 0 45px;
	position: relative;
	z-index: 3;
}

#venue-2 .venue-data h5 { 
	font-weight: 300;
	letter-spacing: 0;
}

.venue-data h4 { 
	line-height: 1.1;
	margin-bottom: 4px;
}

.venue-data p.p-medium { 
	color: #333;
	line-height: 1.1;
	margin-bottom: 2px;
}

.venue-data a { 
	font-size: 1.05rem;
	font-weight: 400;
	text-decoration: underline;
}

/*------------------------------------------*/
/*	  Venue Transport
/*------------------------------------------*/

#venue-1 .transport {
	margin: 70px 15px 0;
}

.transport-data h4 {
	margin-bottom: 15px;
}

.transport-data a {
	font-size: 0.95rem;
	font-weight: 600;
	text-decoration: underline;
}

.transport-data .svg-inline--fa {
	margin-left: 8px;
}

/*------------------------------------------*/
/*	VENUE GOOGLE MAP
/*------------------------------------------*/   

#gmap {
	width: 100%;
	height: 370px;
}




/* ==========================================================================
   15.	HOTELS
   =========================================================================== */

#hotels-1 {
	background-image: url(../images/hotels.jpg);
}

/*------------------------------------------*/
/*	  HOTELS TYPOGRAPHY
/*------------------------------------------*/

#hotels-1 h2 {
	font-size: 6.25rem;
	letter-spacing: -2px;
	margin-bottom: 10px;
}

#hotels-1 p {
	font-size: 1.35rem;
	padding: 0 2%;
}

/*------------------------------------------*/
/*	  Hotel Name
/*------------------------------------------*/

.hotel-name {
	position: relative;
	margin-top: 20px;
}

.hotel-name h4 {
	margin-bottom: 10px;
}

.hotel-name span {
	position: absolute;
	right: 10px;
	top: -2px;
	color: #999;
	font-size: 0.95rem;
	line-height: 1;
	font-weight: 300;
}

/*------------------------------------------*/
/*	  Hotel Data
/*------------------------------------------*/

.hotel-data {
	position: relative;
}

.hotel-data span.hotel-price {
	position: absolute;
	right: 10px;
	top: 0;
	color: #fff;
	font-size: 0.9rem;
	line-height: 1;
	font-weight: 400;
    padding: 8px 12px;	
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.hotel-data span.hotel-price.bg-tra-grey {
	color: #444;
}


.hotel-data p {
	line-height: 1.3;
	font-weight: 400;
	margin-bottom: 6px;
}

.hotel-data p.h-add {
	margin-bottom: 0;
}

.hotel-data p.p-small {
	color: #666;
	font-weight: 300;
	margin-left: 28px;
	margin-bottom: 10px;
}

.hotel-data p a {
	color: #333;
	text-decoration: underline;
}

.hotel-data p a:hover {
	color: #666;
}

.hotel-data .svg-inline--fa {
	margin-right: 10px;
}

/*------------------------------------------*/
/*	  Find Hotels
/*------------------------------------------*/

.find-hotels h4 {
	line-height: 1.4;
	font-weight: 300;
	letter-spacing: 0;
}




/* ===================================================================================
   16.	BLOG
   =================================================================================== */ 

.blog-post-text {
	margin-top: 20px;
	margin-bottom: 50px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
}

#single-post-page { 
	padding-top: 170px;
	padding-bottom: 80px;
}

/*------------------------------------------*/
/*	BLOG TYPOGRAPHY
/*------------------------------------------*/ 

.blog-post-text p.p-small {
	margin-bottom: 10px;
}

.blog-post-text span {
	margin-left: 10px;
}

.blog-post-text .svg-inline--fa {
	margin-right: 3px;
}

.post-author-meta h5 {
	margin-bottom: 3px;
}

.post-author-meta p {
	margin-bottom: 0;
}

.blog-post-text h5 {
	line-height: 1.3;
	margin-bottom: 10px;
}

.blog-post-text a {
	font-weight: 500;
}

.blog-post-text a .svg-inline--fa {
	margin-left: 8px;
}

p.psub-t {
	margin-top: 40px;
	margin-bottom: 25px;
}

.psub-h {
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	margin-top: 40px;
	margin-bottom: 40px;
}

.psub-h h3 {
	font-weight: 400;
	line-height: 1.3;
}

/*------------------------------------------*/
/*	  SINGLE POST TITLE
/*------------------------------------------*/ 

.post-holder h2 {
	margin-bottom: 12px;
}

.post-holder p.p-medium span {
	margin-left: 10px;
}

.post-holder .svg-inline--fa {
	margin-right: 2px;
}

/*------------------------------------------*/
/*	  Single Post Tags 
/*------------------------------------------*/ 

.post-tags-list {
	margin-top: 70px;
	margin-bottom: 40px;
}

.post-tags-list span a {
	color: #333;
	font-size: 0.9rem;
	line-height: 1;
	font-weight: 300;
	border: 1px solid #eee;
	padding: 5px 15px;
	margin-right: 8px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.post-tags-list span a:hover {
	background-color: #eee;
	color: #333;
}

/*------------------------------------------*/
/*	  Single Post Tags  Share Icons
/*-----------------------------------------*/

.share-social-icons {
	display: inline-block; 
	padding-left: 0;
}

.share-social-icons li {
	width: auto !important;
    display: inline-block !important;
    vertical-align: top;
    clear: none !important;
	padding: 0;
}

a.share-ico {
	width: 140px;
	height: 35px;
	font-size: 1rem;
    line-height: 35px !important;
	text-align: center;
	margin-right: 6px;
    display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.share-social-icons .svg-inline--fa {
	margin-right: 15px;
}

a.share-ico.ico-like { background-color: #f2f2f2; color: #333; }
a.share-ico.ico-facebook { background-color: #3b5998; color: #fff; }
a.share-ico.ico-twitter { background-color: #00a9ed; color: #fff; }
a.share-ico.ico-google-plus { background-color: #cd1111; color: #fff; }

/*------------------------------------------*/
/*	  SINGLE POST COMMENTs
/*------------------------------------------*/

.single-post-comments { 
	margin-top: 80px;
	padding-top: 70px;
	padding-bottom: 70px;
	margin-bottom: 80px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/*------------------------------------------*/
/*	  SINGLE POST META
/*------------------------------------------*/

.comment-meta {
    margin-bottom: 10px;
}

.comment-meta h5 {
	line-height: 1.1;
    margin-bottom: 0;
}

.comment-date {
	color: #888;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
    margin-bottom: 5px;
}

.btn-reply a {
	background-color: #888;
	color:  #fff;
	font-size: 12px;	
	font-weight: 400;
	padding: 3px 8px;	
	text-transform: uppercase;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.btn-reply a:hover {
	color:  #fff;
	background-color: #333;
}

.comment-reply {
    margin-left: 40px;
}

.single-post-comments hr { 
	margin-top: 20px; 
	margin-bottom: 20px; 
}

/*------------------------------------------*/
/*	  SINGLE POST COMMENT FORM
/*------------------------------------------*/

#leave-comment h4.h4-lg {
	margin-bottom: 5px;
}

.comment-form p {
	color: #333;
	font-size: 15px;
	line-height: 15px;
	font-weight: 700;
	margin-bottom: 10px;
	padding-left: 5px;
	display: block;
}

.comment-form .form-control {
	background-color: #fff;
	border-color: #ccc;
	color: #333;
	height: 46px;
	font-size: 15px;
	font-weight: 300;
	padding: 15px;
	margin-bottom: 20px;
    box-shadow: none;	
}

.comment-form .form-control:focus {
    border-color: #48af4b;
	outline: 0px none;
	box-shadow: none;
}

.comment-form textarea { 
	min-height: 200px; 
}

/*------------------------------------------*/
/*	  Forms Message
/*------------------------------------------*/

.comment-form label.error {
	color: #f6412d;
	font-size: 0.95rem;
	line-height: 1;
	margin-bottom: 15px;
}

.comment-form-msg {
	margin-top: 10px;
}

.comment-form-msg .loading {
	color: #45afff;
	font-size: 1.05rem;
	line-height: 1;
	font-weight: 400;
}

.comment-form-msg .error {
	color: #f6412d;
	font-size: 1.05rem;
	line-height: 1;
	font-weight: 400;
}




/* ==========================================================================
   17. COMMUNITY
   ========================================================================== */ 
   
#community {
	background-image: url(../images/community.jpg);
}

/*------------------------------------------*/
/*	 JOIN US TYPOGRAPHY
/*------------------------------------------*/

#community h2 {
	letter-spacing: 0;
	margin-bottom: 15px;	
}

#community p {
	font-size: 1.35rem;
	padding: 0 10%;
	margin-bottom: 30px;	
}

/*------------------------------------------*/
/*	 JOIN US SOCIALS   
/*------------------------------------------*/

.community-icons {
	display: inline-block; 
	padding-left: 0;
	margin: 0 auto;
}

.community-icons li {
	width: auto !important;
    display: inline-block !important;
    vertical-align: top;
    clear: none !important;
	padding: 0;
}

.community-icons a {
	color: #fff;
	background-color: transparent;
	width: 72px;
	height: 72px;
	font-size: 31px;
    line-height: 68px !important;
	border: 2px solid #fff;
	text-align: center;
	margin: 0 6px;
    display: block;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
}

/*------------------------------------------*/
/*	 Join Us Icons Hover 
/*------------------------------------------*/

.community-icons a.ico-facebook:hover { background-color: #3b5998; border-color: #3b5998; color: #fff; }
.community-icons a.ico-twitter:hover { background-color: #00a9ed; border-color: #00a9ed; color: #fff; }
.community-icons a.ico-google-plus:hover { background-color: #cd1111; border-color: #cd1111; color: #fff; }
.community-icons a.ico-instagram:hover { background-color: #beb3a8; border-color: #beb3a8; color: #fff; }
.community-icons a.ico-youtube:hover { background-color: #cd1b20; border-color: #cd1b20; color: #fff; }
.community-icons a.ico-linkid:hover { background-color: #015886; border-color: #015886; color: #fff; }




/* ==========================================================================
   18.	NEWSLETTER
   =========================================================================== */

 #newsletter-1 {
	background-color: #252a36;
	background-image: url(../images/world-map.png);
	padding-top: 100px;
	padding-bottom: 80px;
}  

 #newsletter-2 {
	background-image: url(../images/11.png);
	padding-top: 100px;
	padding-bottom: 80px;
} 

.newsletter-txt h2 {
	line-height: 1.3;
	font-weight: 500;
}

/*------------------------------------------*/
/*	  Newsletter Form Input
/*------------------------------------------*/

.newsletter-form .form-control {
	height: 56px;
	font-family: 'Poppins', sans-serif;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.45);
	color: #fff;
	font-size: 1.75rem;
	letter-spacing: -0.5px;
	font-weight: 500;
	padding: 0px 5px;
	box-shadow: none;
	margin-right: 20px;
	-webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
}

#newsletter-2 .newsletter-form .form-control {
	width: 100%;
	padding: 30px 5px;
	margin-bottom: 25px;
}

.newsletter-form .form-control:focus {
	border-color: #64b671;
	outline: 0;
	box-shadow: none;
}

/*------------------------------------------*/
/*	  Newsletter Form Button
/*------------------------------------------*/

.newsletter-form .btn { 
	height: 56px;	
	padding: 0.95rem 4rem;
	margin-top: 0;
}

#newsletter-2 .newsletter-form .btn { 
	height: 50px;	
	padding: 0.5rem 4rem;
	margin-top: 0;
}

.newsletter-form .form-notification {
	color: #ddd;
	font-size: 1.1875rem;
	line-height: 1;
	font-weight: 300;
	margin-top: 20px;
}

.newsletter-form .form-notification.valid {
	color: #28db5a;
}

.newsletter-form .form-notification.error {
	color: #fe4918;
}


/* ==========================================================================
   19. REGISTER FORM
   ========================================================================== */   
   
#register {
	background-image: url(../images/register.jpg);
} 

#register .section-title {
	margin-bottom: 2rem;
} 

/*------------------------------------------*/
/*	  Register Form Input
/*------------------------------------------*/

#register-form .form-control {
	height: 52px;
	background-color: transparent;
	margin-bottom: 10px;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff;
	font-size: 1.15rem;
	font-family: 'Poppins', sans-serif;
	letter-spacing: -0.5px;
	font-weight: 500;
	padding: 0px 5px;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

select {
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none!important;
    text-indent: 0.01px;
    text-overflow: '';
}

/*------------------------------------------*/
/*	  Register Form Placeholder
/*------------------------------------------*/

#register-form .form-control::-moz-placeholder { color: #aaa; } 
#register-form .form-control:-ms-input-placeholder { color: #aaa; }
#register-form .form-control::-webkit-input-placeholder { color: #aaa; }

/*------------------------------------------*/
/*	  Register Form Input Focus
/*------------------------------------------*/

#register-form .form-control:focus {
	border-color: #64b671;
	outline: 0;
	box-shadow: none;
}

/*------------------------------------------*/
/*	 Register Form Submit Button
/*------------------------------------------*/

#register-form #form_register_btn {
	padding: 0 15px;
}

#register-form #form_register_btn .btn {
	height: 52px;
	width: 100%;
	display: block;
	margin-top: 0;
	margin-right: 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;	
}

/*------------------------------------------*/
/*	  Register Form Message
/*------------------------------------------*/

.register-form-msg {
	margin-top: 20px;
}

.register-form-msg .loading {
	font-size: 1.1875rem;
	line-height: 1;
	font-weight: 400;
}

.error {
	color: #fe4918;
	font-size: 0.875rem;
	line-height: 1.3;
	font-weight: 300;
}




/* ==========================================================================
   20.	FOOTER
   =========================================================================== */

.footer {
	padding-top: 100px;
	padding-bottom: 70px;
}

.bg-dark hr {
	border-color: #555;
}

/*------------------------------------------*/
/*	FOOTER TYPOGRAPHY
/*------------------------------------------*/ 

.footer h4 {
	margin-bottom: 25px;
}

.footer-about h3 {
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.footer-info p {
	font-size: 1.2rem;
	line-height: 1.5;
	font-weight: 600;
	letter-spacing: -0.5px;
	margin-bottom: 3px;
}

.footer-info p a {
	text-decoration: underline;
}

.footer-info .svg-inline--fa {
	margin-right: 12px;
}

.footer-socials-links h5 {
	margin-bottom: 10px;
}

.footer-socials-links a:hover {
	color: #e35029;
}

.footer-copyright p {
	margin-bottom: 0;
}

.footer-copyright p span,
.footer-copyright p a{
	font-weight: 500;
}

/*------------------------------------------*/
/*	Features Social Links
/*------------------------------------------*/ 

.footer-social a {
	color: #444;
	font-size: 1.6rem;
	line-height: 1;
	margin: 0 6px;
}

.footer-social a:hover {
	color: #666;
}




/* ===================================================================================
   21.	SCROLL TO TOP
   =================================================================================== */ 

#scrollUp {
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-image: url(../images/back-to-top.png);
	background-repeat: no-repeat;
	background-position: 50% 48%;
	background-color: rgba(35, 35, 35, 0.5);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	transition: all 250ms linear;	
}

#scrollUp:hover {
	background-color: #666;
}

nav a#pull {  
    display: none;  
} 



/* ===================================================================================
   22.	INNER PAGE HERO 
   =================================================================================== */ 

.page-hero-section {
	background-image: url(../images/hero-page.jpg);
	padding-top: 200px;
	padding-bottom: 150px;
}

#blog-listing-page.page-hero-section {
	background-image: url(../images/blog-listing.jpg);
}

#speakers-page.page-hero-section {
	background-image: url(../images/speakers-inner.jpg);
}

#speaker-single-page.page-hero-section {
	background-image: url(../images/speaker-details.jpg);
}

#sponsors-page.page-hero-section {
	background-image: url(../images/sponsors-inner.jpg);
}

#schedule-page.page-hero-section {
	background-image: url(../images/agenda-inner.jpg);
}

.page-hero-section h2 {
	margin-top: 10px;
	margin-bottom: 4px;
}

.page-hero-section span {
	font-size: 1.65rem;
	font-weight: 300;
	line-height: 1;
	display: block;
}

/*------------------------------------------*/
/*	INNER PAGE TITLE
/*------------------------------------------*/ 

.inner-page-title p {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.45;
	margin-bottom: 0;
}




/* ===================================================================================
   23.	EVENT STATISTIC
   =================================================================================== */ 

#event-statistic {
	background-image: url(../images/community.jpg);
	padding-top: 70px;
	padding-bottom: 70px;
}

#event-statistic .statistic-block { 
	padding: 0 12%;
}

.s-number { 
	font-size: 4.25rem;
	line-height: 1;	
	letter-spacing: 1px;
	display: inline-block;
	font-weight: 900;
	margin-bottom: 15px;
}

#event-statistic .statistic-block h5.h5-medium { 
	line-height: 1.4;
	font-weight: 300;
	margin-bottom: 0;
}




/* ==========================================================================
   STYLE CHANGER 
   ========================================================================== */

#stlChanger {
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	position: fixed;
	top: 90px;
	left:0;
	z-index: 9999999;
}

#stlChanger .bgChanger {
	position: relative;
	overflow: hidden;
}

#stlChanger .bgChanger {
	min-width: 250px;
	min-height: 250px;
}

#stlChanger .blockChanger {
	width: 200px;
}

#stlChanger .chBody {
	background: #353535;
	width: 210px;
	position: relative;
	overflow: hidden;
	border: 1px solid #353535;
	border-radius: 0 4px 4px 0;
}

#stlChanger .chBut {
	background: #e35029;
	width: 40px;
	height: 40px;
	position:absolute;
	top: 15px;
	right:0px;
	z-index: 1000000;
	text-align: center;
	border: 1px solid #c50009;
	border-left: none;
	border-radius: 0px 4px 4px 0px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

#stlChanger .chBut:hover {
	background: #444;
	border-color: #444;
}

#stlChanger .svg-inline--fa {
	color: #fff;
	font-size: 30px;
	margin: 4px;
}

#stlChanger .stBlock {
	position: relative;
	overflow: hidden;
	margin: 30px 15px 30px 10px;
	text-align: center;
}

#stlChanger p {
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	margin-bottom: 15px;
}

#stlChanger .stBlock a {
	color: #ccc;
	font-size: 0.8125rem;
	line-height: 1;
	font-family: 'Poppins', sans-serif;
	padding: 9px 6px;
	background-color: #2a2a2a;
	border: 1px solid #555;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	display: block;
	margin-bottom: 4px;
	position:relative;
    z-index: 2;
}

#stlChanger .stBlock a:hover {
	color: #fff;
	background-color: #e35029;
	border-color: #e35029;
}
