/*
	Template Name: Eventech -  Conference & Event HTML Template
	Author: Tripples
	Version: 1.1
*/


/* Table of Content
==================================================
1.	Typography
2.  Global Styles (body, link color, gap, ul, section-title, preloader, overlay etc)
3.  Header area
4.	Banner area
5.  Slider
6.	Countdown
7.  Features
8.  Facts
9.	Schedule
10.	Speakers
11.	Sponsors
12.	Pricing
13. Content area
14. Latest blog
15.	Venue
16. Footer
17. Sub Pages
18. Contact Us
19. News Listing
20. News Single
21. Sidebar
22. Error page
	
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i);

/* Typography
================================================== */

body {
    background: #fff;
    color: #333;
}

body,
p {
    font-family: 'Roboto', sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased !important;
    line-height: 24px;
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1c1c24;
    font-family: 'Roboto', sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased !important;
}
h1 {
    font-family: 'Lato', sans-serif;
}
h1 {
    font-size: 48px;
    line-height: 48px;
    font-weight: 900;
}
h2 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
}
h3 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 700;
}
h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}
h5 {
    font-size: 14px;
    line-height: 24px;
}

/* Global styles
================================================== */

html {
    overflow-x: hidden !important;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body {
    border: 0;
    margin: 0;
    padding: 0;
}
.body-inner {
    position: relative;
    overflow: hidden;
}

a:link,
a:visited {
    text-decoration: none;
}
section,
.section-padding {
    padding: 0px 0;
    position: relative;
}
section, .section-padding {
    background: #014596;
}
img.pull-left {
    margin-right: 20px;
    margin-bottom: 20px;
}
img.pull-right {
    margin-left: 20px;
    margin-bottom: 20px;
}
.unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}


.bg-overlay {
    position: relative;
}
.bg-overlay .container {
    position: relative;
    z-index: 1;
}
.bg-overlay:after {
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
/* Header area
================================================== */

/* Header Standared */

.header {
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
    z-index: 99;
}
/* Header transparent */

.header.header-transparent {
    background: none;
    box-shadow: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    height: auto;
    -webkit-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}
.header-transparent ul.navbar-nav > li > a {
    color: #fff;
}
/* Header Solid */

.header.header-transparent.solid {
    background: #1c1c1c;
    position: relative;
}
.header.header-transparent.solid .dropdown-menu {
    background: rgba(0, 0, 0, .7);
}

/*-- Logo --*/

.logo {
    padding: 28px 0;
}


/* Slider
================================================== */
/*-- Main slide --*/

#main-slide .item {
    min-height: 900px;
    color: #fff;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-backface-visibility: hidden;
}
#main-slide .item img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}
#main-slide .item .slider-content {
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;
}
#main-slide .slider-content {
    top: 50%;
    padding: 0;
    position: absolute;
    width: 100%;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top:270px;
}
#main-slide .slider-content.text-left {
    left: 10%;
    max-width: 800px;
}
#main-slide .slider-content.text-right {
    right: 10%;
}
.slider-content {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
}
.slide-title-box {
    font-size: 16px;
    line-height: 39px;
    background: #426BA9;
    color: #fff;
    display: inline-block;
    padding: 0 15px;
    margin: 0;
}
.slide-title {
    font-size: 52px;
    line-height: 70px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}
.slide-sub-title {
    font-style: normal;
    font-size: 24px;
    line-height: 38px;
    margin: 10px 0 20px;
    color: #fff;
    font-weight: 700;
}
.slider-text {
    display: table;
    vertical-align: bottom;
    color: #fff;
    padding-left: 40%;
    width: 100%;
    padding-bottom: 0;
    padding-top: 20px;
}
.slider-text .slide-head {
    font-size: 36px;
    color: #0052a5;
    position: relative;
}
.slider-img {
    display: block;
    position: absolute;
    top: -80px;
    left: 20%;
    width: 314px;
    max-height: 100%;
}
.slider-img img {
    display: block;
    position: relative;
    max-height: 100%;
    width: auto;
}
.slider.btn {
    margin: 15px 5px 0;
    border: 2px solid transparent;
}
.slider.border {
    background: none;
    border: 2px solid #426BA9;
}
.slider.border:hover {
    background: #426BA9;
    border: 2px solid transparent;
}
/* Carousel control */

.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    margin: 1px !important;
    border-radius: 100% !important;
    border: 0 !important;
    background: rgba(255, 255, 255, .5);
}
#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
    background: #426BA9;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#main-slide .carousel-control.left,
#main-slide .carousel-control.right,
#main-slide .carousel-indicators {
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right,
#main-slide:hover .carousel-indicators {
    opacity: 1;
    filter: alpha(opacity=100);
}
#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#main-slide .carousel-control .fa-angle-left {
    left: 20px;
}
#main-slide .carousel-control .fa-angle-right {
    right: 20px;
}
#main-slide .carousel-control i {
    background: rgba(0, 0, 0, .3);
    color: #fff;
    line-height: 58px;
    width: 60px;
    height: 60px;
    font-size: 36px;
    border-radius: 0;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
#main-slide .carousel-control i:hover {
    background: #426BA9;
    color: #fff;
}
#main-slide .carousel-indicators {
    display: none !important;
}

.banner-content, .banner-reg-form {
    padding: 0px 0 !important;
    width: 100%;
    vertical-align: middle;
    position: relative;
    color: #014596;
    z-index: 1;
}

/* Footer
================================================== */

.footer {
    background-color: #1c1c24;
    color: #747474;
    padding: 20px 0;
    position: relative;
    background-image: url(../images/pattern2.png);
    background-attachment: fixed;
}

.footer .container{
	z-index: 10;
	position: relative;
}

.footer-pattern{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}


/* Footer social */

.footer-social{
    margin: 40px 0;
}
.footer-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-social ul li {
    margin: 0 15px;
    display: inline-block;
}
.footer-social ul li a i {
    display: block;
    font-size: 32px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}
.footer-social ul li a i:hover {
    color: #fff;
}
.footer-social ul li a i.fa-instagram:hover {
    color: #ffffff;
}
.footer-social ul li a i.fa-facebook:hover {
    color: #677fb5;
}
.footer-social ul li a i.fa-twitter:hover {
    color: #70c2e9;
}
.footer-social ul li a i.fa-google-plus:hover {
    color: #c53942;
}
.footer-social ul li a i.fa-linkedin:hover {
    color: #3daccf;
}


/*-- Footer menu --*/

.footer-menu ul li {
    display: inline-block;
    line-height: 12px;
}

.footer-menu ul.nav li a {
    background: none;
    color: #999;
    padding: 0 15px;
    font-size: 12px;
    text-transform: uppercase;
    border-right: 1px solid #555;
}

.footer-menu ul.nav li:last-child a{
    border-right: 0;
}

.footer-menu ul li a:hover {
    color: #fff;
}

/*-- Copyright --*/

.copyright-info {
    margin: 0px 0 0;
    display: flex;
    justify-content: space-around;
}

.copyright-info a {
    color: #fff;
}

#back-to-top {
    right: 40px;
    top: auto;
    z-index: 10;
    -webkit-backface-visibility: hidden;
}
#back-to-top.affix {
    bottom: 30px;
}
#back-to-top .btn.btn-primary {
    width: 48px;
    height: 48px;
    line-height: 44px;
    border-radius: 100%;
    font-weight: 700;
    font-size: 20px;
    padding: 0;
}
#back-to-top .btn.btn-primary:hover {
    color: #fff;
    background: #000;
}

@media (max-width: 768px) {
  img {
    max-width: 100%;
  height: auto;
  display: block;
      height: 100% !important;
  }
}
@media (max-width: 768px) {
.container {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
}