/*
Theme Name: SCRN
Theme URI: https://themeforest.net/item/scrn-responsive-one-page-single-page-portfolio/2964855
Version: 2.7
Description: Portfolio template with parallax effects.
Author: Cristi Macovei
Author URI: http://themeforest.net/user/FinalDestiny
Created Date: 28/08/2012
License: Themeforest
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: SCRN
All files, unless otherwise stated, are released under the GNU General Public License
Tags: one-column, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
*/

/*
  SCRN HTML Template
  Version 6.0
  Copyright 2016 KLLR
  Website: http://themes.wearekllr.com
  Support: http://kllr.ticksy.com

*/


/******************************
 01. Typography
******************************/
@font-face {
    font-family: Priceza;
    src: url('../fonts/webfont-priceza-reg.eot');
    src: local('Priceza'), url('../fonts/webfont-priceza-reg.eot?#iefix') format('embedded-opentype'),
         local('Priceza'), url('../fonts/webfont-priceza-Reg.woff') format('woff'),
         local('Priceza'), url('../fonts/webfont-priceza-reg.ttf') format('truetype');
		 font-weight: normal;
		 font-style: normal;
}

body, p, a, h1, h2, h3, h4, h5 {
  font-family: Priceza, sans-serif;
  color: #ffffff;
}

p {
  font-size: 16px;
  line-height: 1.65em;
  margin-bottom: 25px;
}

h1 {
  font-size: 6em;
  font-weight: 700;
}

span.big-h1 {
  font-size: 180px;
}

h2 {
  font-size: 5em;
  font-weight: bold;
}

h3 {
  font-size: 3em;
  font-weight: 700;
}

h4 {
  font-size: 2em;
  font-weight: 600;
  letter-spacing: 2px;
}

h5 {
  font-size: 24px;
  font-weight: 600;
}

a {
  color: #0082b8;
}

img {
  max-width: 100%;
}


/******************************
 02. Generic styles
******************************/

body {
  position: relative;
  overflow-x: hidden;
}

section {
  position: relative;
  z-index: 2;
}

section header {
  text-align: center;
  margin: 50px 0 30px;
}

section header h2::after {
  background-color: #9c9c9c;
  content: "";
  height: 3px;
  width: 36px;
  display: block;
  margin: 10px auto;
}

section header p {
  font-size: 27px;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
}

/* social icons */

.social a {
  background: #b8b8b8;
  color: #fff;
  text-align: center;
  padding-top: 3px;
  width: 26px;
  height: 26px;
  display: block;
  border-radius: 2px;
  transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}

.social a:hover {
  opacity: 0.7;
}

p.tagline {
  color: #777;
}

.row-centered {
  text-align: center;
}

.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px;
}



/******************************
 03. Buttons
******************************/

.btn-default {
  background: #2c2c2c;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 3px;
  border: none;
  padding: 16px 38px;
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
}

.btn-default:hover {
  background-color: #2c2c2c;
  color: #fff;
  opacity: 0.7;
}

.btn-white {
  background-color: #fff;
  color: #2c2c2c;
}

.btn-white:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 0 2px #fff;
  box-shadow: 0 0 0 2px #fff;
}



/*******************************
 04. Separators
******************************/

.separator {
  text-align: center;
  position: relative;
  height: auto;
  background-size: cover;
}

.separator p {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  text-transform: uppercase;
  width: 70%;
  margin-bottom: 0;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

div.parallax-mirror {
  z-index: 0 !important;
}



/******************************
 05. Intro
******************************/

#intro {
  position: relative;
  width: 100%;
  height: 93vh;
}

.intro-1 {
  background-size: cover;
  background-position: center;
  text-align: center;
}

.intro-1 .intro-content {
  width: 80%;
  position: fixed;
  z-index: 1;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  padding: 5% 0;
  background-color: rgba(0, 0, 0, 0.56);
}

.intro-1 p {
  font-size: 24px;
  margin: 30px 0;
  padding: 0 80px;
}

.intro-1 h1 {
  font-size: 45px;
}

.intro-1 h2 {
  font-size: 40px;
}

.intro-1 h3 {
  font-size: 30px;
}


/******************************
 06. Navigation
******************************/

.navbar {
  background-color: #fff;
  border-radius: 0;
  border-bottom: 1px solid #e8e8e8;
  margin: 0;
  position: relative;
  z-index: 1000;
}

.navbar .navbar-collapse {
  text-align: center;
}

.nav > li > a {
  color: #2c2c2c;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 15px;
}

.navbar-toggle .icon-bar {
  background: #2c2c2c;
}

@media (min-width: 768px) {
  .navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
  }

  .navbar .navbar-collapse {
    text-align: center;
  }
}


/******************************
 08. speakers
******************************/


.speakers-list {
  text-align: center;
  margin-bottom: 70px;
}

.speakers-list i {
  font-size: 60px;
  margin-bottom: 20px;
}

.speakers-list {
  text-align: center;
}
.speakers-list h4 {
  font-size: 24px;
  letter-spacing: 2px;
  margin-bottom: 30px;
}

/******************************
 10. About
******************************/

#about {
  background-color: #fff;
}

#about header {
  margin-bottom: 60px;
}

.about__text{
  margin-bottom: 20px;
}

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

p.copyright {
  font-size: 14px;
  text-align: center;
  margin: 50px 0;
}


/******************************
custom
******************************/
.intro__img{
    padding: 5% 2%;   
    border: 10px solid #ffffff;
}

.about__text{
    background-color: rgba(0, 0, 0, 0.56);
    padding: 50px 80px;
}

.section__box{
    border: solid 8px #ffffff;
    padding: 5%;
    margin: 50px 0;
}

.agenda__box{
    background-color: rgba(0, 0, 0, 0.56);
    text-align: left;
    font-size: 18px;  
}

.table.borderless{
  width: auto;
}

.table.borderless>tbody>tr>td{
    border: none;
}

.booking__detail{
    display: inline-block;
    text-align: left;
    font-size: 18px;
    margin: 15px 0;
}


.speakers__img{
    max-width: 290px;
    margin: auto;
}

.sponser-lg,.sponser-md{
    padding: 15px;
}

.sponser-sm{
    display: inline-block;
    float: left;
    width: 33.33%;
    padding: 15px;
}

.location-detail{
    padding: 5%;
}

.text_blue{
  color: #4a90e2;
  font-weight: bold;
}

.location__span{
  font-size: 20px;  
}

.award-merchant{
  margin: 10px 0;
  border-radius: 0.8px;
  border-style: solid;
  border-width: 2px;
  border-image-source: linear-gradient(to right, #293c64, #4689be 49%, #335989);
  border-image-slice: 1;
  width: 100%;
  max-width: 178px;
}

#present{
  padding: 50px 0 50px;
}
.responsive-unit{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.responsive-unit iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-awards{
  padding: 15px;
}

.btn-booking{
	background-color: #ee5462;
  	border: solid 2.4px #ffffff;
  	color: #ffffff;
  	font-size: 25px;
}

.awards-criteria{
	text-align: center;
	font-size: 30px;
	margin-top: 50px;
}

.menu-item.loadfile{
	background-color: #ffa400;
}

.menu-item.loadfile a{
	color: #ffffff;
}

.menu-item.loadfile a:hover{
	color: #ffa400;
}
/******************************
 14. Media queries
******************************/

@media only screen and (max-width: 1200px) {
  .nav > li > a {
    padding: 15px;
  }
}


@media only screen and (max-width: 992px) {
  section header p {
    width: 100%;
  }

  .separator p {
    width: 100%;
  }
}


@media only screen and (max-width: 768px) {
  .separator p {
    font-size: 30px;
  }

  /**** intro ****/
  .intro-1 h1 {
    font-size: 40px;
  }

  .intro-1 .big-h1 {
    font-size: 100px;
  }

  .intro-1 p {
    font-size: 20px;
  }

  .intro-1 p {
    padding: 0;
  }
}


@media only screen and (max-width: 560px) {
  .intro-1 h1 {
    font-size: 40px;
  }

  .intro-1 .big-h1 {
    font-size: 90px;
  }

  .intro-1 p {
    font-size: 20px;
  }
}


@media only screen and (max-width: 480px) {
  .separator p {
    font-size: 20px;
  }
  .intro-1 .intro-content{
    width: 90%;
    padding: 10%;
  }
  .intro__img {
    padding: 10% 5%;
    border: 5px solid #ffffff;
  }

  .intro-1 h1 {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 24px;
  }

  .intro-1 h3 {
     font-size: 18px;
  }

  h2 {
    font-size: 50px;
  }

  .parallax p {
    font-size: 30px;
  }

  #about header {
    margin-bottom: 20px;
  }

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

  .agenda__box{
    font-size: 14px;
  }
  .about__text {
	padding: 30px 20px;
  }
  
  .awards-criteria{
	font-size: 20px;
  }
  
  #contact h4{
  	font-size: 1.5em;
  }
  
  header h2{
	font-size: 40px;
  }
  
  .speakers-list h5{
  	font-size: 18px;
  }
  
  .speakers-list p{
  	font-size: 14px;
  }
}


@media only screen and (max-width: 380px) {
  #intro {
    height: 91vh;
  }

  .intro-1 p {
    font-size: 16px;
  }

  .intro-1 h1 {
    margin-top: 0;
  }
}

/* Custom code from previous versions */


/* new custom code for the latest update */
.bg {
  position: relative;
  z-index: 2;
  padding: 120px 0 60px;
  background-color: #120b33;
}

.bg.dark-bg {
  background-color: #333435;
}

nav ul ul {
  background-color: #333435;
  display: none;
  position: absolute;
  top: 100%;
  padding: 10px 0;
  z-index: 1000;
  margin: 0;
  width: 100%;
  list-style: none;
}

nav ul ul li {
  border: none !important;
  position: relative;
  width: auto;
  padding: 10px 26px;
}

nav ul ul li a {
  color: #fff !important;
  padding: 7px 0;
}


nav ul ul li a:hover {
  color: #fff !important;
  text-decoration: none;
}

nav ul ul ul {
  position: absolute;
  margin-top: -10px;
  left: 100%;
  top: 0%;
}

nav ul li:hover > ul {
  display: block;
}


.parallax-window {
    min-height: 400px;
}

section header.vc-block {
  margin-bottom: 0;
}

@media (max-width: 992px) { 
    .animation-element:nth-child(2n+1) {
      clear: both;
    }
}

@media (min-width: 991px) { 
    .animation-element:nth-child(3n+1) {
      clear: both;
    }
}


.sticky {
  border: 2px solid #e8e8e8 !important;
  margin: 30px 0 !important;
  padding: 30px !important;
}

@media only screen and (min-width: 768px) {
  .parallax-window {
    background-attachment: fixed;
  }
}

section{
   padding-bottom: 50px; 
}

@media only screen and (min-width: 768px) {
    .sponser-sm{
        display: inline-block;
        float: left;
        width: 20%;
    }
}



/*bounce up animation for the subject*/

.bounce-up .vc_column-inner {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view .vc_column-inner {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/**
 * Footer
 */

.main-footer {
    background: #000;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #ffffff;
    line-height: 22px;
    font-size: 14px;

}

.main-footer a {
    color: #ffffff;
}

.main-footer a:hover {
    color: #ffa400;
}

h5.footer-title {
    font-size: 19px;
    letter-spacing: 0px;
    margin: 0px 0px 10px;
    font-weight: 500;;;
}

.footer-about-us {
    margin-right: 40px;
    font-size: 14px;
}

.footer-about-us a {
    border: 1px solid #00B140;
    color: #00B140;
    text-transform: uppercase;
    margin-top: 7px;
    font-size: 12px;
    padding: 5px 15px;
    display: inline-block;
}

.footer-about-us a:hover {
    border-color: #ffa400;
}

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

ul.footer-menu li + li {
    margin-top: 8px;
}

.footer-newsletter {
    margin-top: 18px
}

.footer-newsletter .form-group {
    position: relative;
}

.footer-newsletter .form-control {
    background: none;
    height: 44px;
    border: 1px solid #7c878e;
    padding-left: 20px;
    padding-right: 100px;
    color: #5b6770;
}

.footer-newsletter .form-control:focus {
    border-color: #333f48;
}

.footer-newsletter .btn {
    position: absolute;
    top: 4px;
    right: 4px;
    line-height: 16px;
}

.bottom-footer {
    background: #fff;
    color: #333f48;
    line-height: 22px;
    font-size: 13px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #ecf0f1;
}

.bottom-footer a {
    color: #333f48;
}

.bottom-footer a:hover {
    color: #E37900;
}

ul.bottom-footer-menu {
    text-align: center;
}

ul.bottom-footer-menu li {
    display: inline-block;
    position: relative;
}

ul.bottom-footer-menu li + li {
    margin-left: 30px;
}

ul.bottom-footer-menu li:after {
    content: "";
    position: absolute;
    top: 11px;
    right: -18px;
    width: 4px;
    height: 2px;
    background: #ffa400;
}

ul.bottom-footer-menu li:last-child:after {
    display: none;
}

ul.bottom-footer-menu.for-social {
    text-align: left;
    overflow: hidden;;
}

ul.bottom-footer-menu.for-social li + li {
    margin-left: 20px;
}

ul.bottom-footer-menu.for-social li a {
    font-size: 16px;
}

ul.bottom-footer-menu.for-social li:after {
    display: none;
}

.mt-top-menu {
    padding-top: 34px;
}

@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 991px) {
    ul.bottom-footer-menu {
    text-align: center !important;
    margin: 20px 0 0 0;;
    }
}

@media only screen and (max-width: 767px) {
    ul.footer-menu.line-block-xs li + li {
        margin-top: 0;
    }
    ul.footer-menu.line-block-xs {
        margin-bottom: -5px;
    }
    ul.footer-menu.line-block-xs li {
        display: inline-block;
        margin-right: 25px;
        margin-bottom: 5px;
    }
    ul.bottom-footer-menu.for-social {
        float: left;
        margin: 10px auto;
        width: 100%;
        text-align: center;
    }
    h5.footer-title {
        margin: 0 0 10px;
    }
    ul.footer-menu li + li {
        margin-top: 0;
    }
    ul.footer-menu li {
        display: inline-block;
        margin-right: 25px;
        margin-bottom: 5px;
    }
    ul.bottom-footer-menu {
        clear: both;
        float: left;;
    }
}

@media (max-width: 479px) {
    ul.footer-menu.line-block-xss li + li {
        margin-top: 0;
    }
    ul.footer-menu.line-block-xss {
        margin-bottom: -5px;
    }
    ul.footer-menu.line-block-xss li {
        display: inline-block;
        margin-right: 25px;
        margin-bottom: 5px;
    }
}