/*
    Theme Name: Telesummit
    Description:  Custom Theme
    Author: Domainate
    Author URI: http://www.domainate.com/
    Version: 1.0.0

    Tags: bootstrap, simple, clean

    License: GPL-2.0+
    License URI: http://www.opensource.org/licenses/gpl-license.php
*/

@import url("css/bootstrap.min.css");
@import url('https://fonts.googleapis.com/css?family=Lato|Montserrat');
@import url('https://fonts.googleapis.com/css?family=Montserrat:500,700|Open+Sans');
@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('fonts/helveticaneue-light.eot');
    src: url('fonts/helveticaneue-light.eot') format('embedded-opentype'),
         url('fonts/helveticaneue-light.woff') format('woff'),
         url('fonts/helveticaneue-light.ttf') format('truetype'),
         url('fonts/helveticaneue-light.svg#HelveticaNeueLight') format('svg');
}

/*GLOBAL*/

body {
}


a, a:visited {
}

a:hover {
}

h1, h2, h3, h4, h5, h6, p{
    margin:0 0 .75em;
    line-height:1.2em;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

strong {
}
.widget{
    list-style:none;
}
input{
}
/*CUSTOM*/
header.site-header {
    padding: 10px 0;
}
/*RESPONSIVE*/

/**webinar**/


body{
    background: #f5f5f5;
    padding:0;
    font:18px Helvetica,Arial,sans-serif;
    line-height:1.2em;
    margin:0;
}
.container{
    max-width:990px;
    margin:0 auto;
    width: auto;
    padding:0 10px;
}
p{margin:0 0 10px;}
#webinar-header{background: url(//monetizationexperts.com/wp-content/themes/monetizationexperts/images/tm-webinar-bg.jpg) left no-repeat;padding:30px 0;}
#webinar-header h3{
    font: 400 18px Montserrat;
    text-transform:uppercase;
    color: #333333;
    margin:0 0 20px;
}
#content .container{max-width: 1400px;}
#webinar-header h1{
    font:700 34px Montserrat;
    text-transform:none;
    color: #264a9b;
    margin: 0 0 20px;
}
 #webinar-header h1 span{
    font-size:25px;
    display:block;
 }
#webinar-header h4{
    font:500 18px Montserrat;
    text-transform:uppercase;
    color: #333;
    margin:0 0 10px;
}

#footer{
    text-align:center;
    margin:30px 0;
    text-align:center;
    font-size:14px;
}
#footer a{
    color:#444;
    text-decoration:none;
}
#footer p{
    margin:0;
}
p{line-height: 1.4em;}
h1.entry-title {
    text-align: center;
    margin: 20px 0;
    text-transform: uppercase;
}
#top{
    background: #1e3267;
    padding:15px 0;
    font:16px Montserrat;
    color:#fff;
}
#top .text img{
    float:left;
    margin-right:20px;
}
#top p{margin:0;line-height:1.2em;font:16px Open Sans;}
#top h3{
    color:#41b749;
    font-size:20px;
    margin:0;
}
#top .text:after{
    clear:both;
    content:'';
    display:block;
}
.left{float:Left;width:40%;max-width:420px;}
.right{float:right;width:60%;max-width:420px;}
#top .left{float:Left;width:50%;max-width:420px;}
#top .right{float:right;width:50%;max-width:420px;}
.clear{clear:both;}
div#content {margin: 50px 0;text-align: center;}
#content h1 span{font:700 39px Montserrat}
#content h1{
    font:400 39px Open Sans;
    text-align:center;
    color: #333;
    margin: 0 0 1em;
}
.box{
    text-align:center;
    margin:0 0 20px;
    display:inline-block;
    *
    display:inline;
    *
    zoom:1;
    vertical-align:top;
    max-width:293px;
    background: #fff;
    margin-right: 28px;
    color:#444;
    font:16px Open Sans;
    box-shadow: -3px 7px 2px -3px #1e3267;
    border-radius: 0 0 4px 4px;
    width: 30%;
}
.box h3{
    background: #1e3267;
    color:#fff;
    font:500 24px Montserrat;
    padding:10px 0;
    border-radius: 4px 4px 0 0;
    margin: 0;
}
.description{
    padding: 30px 10px;
    vertical-align:middle;
    min-height: 49px;
    font: 17px Helvetica,Arial,sans-serif;
    color: #333;
}

div#button-holder {
    background: #fff;
    border-radius: 4px;
    text-align:center;
    padding:20px;
    box-shadow: 0px 0px 4px #ccc;
    margin-top:50px;
}
#footer a{
    color: #264a9b;
}
#webinar-header .right{max-width: 570px;text-align:center;float: right;margin: 0 auto;}
#webinar-header .element_conteiner span:first-child{
          background: linear-gradient(to bottom, #fff, #fff 50%,  #dddddd 50%)!important;
          padding: 5px 5px!important;
          width: 61px!important;
          font: 30px Montserrat!important;
          color: #444!important;
          margin: 0 auto;
          border:1px solid #587398!important;
        }
        #webinar-header .element_conteiner{
          min-width:55px!important;
        }
        #webinar-header .element_conteiner span:last-child{
              color: #333!important;
              text-transform:uppercase;
              font:300 10px Helvetica,Arial,sans-serif!important;
        }
div#webinar-header .container{
    max-width:1200px
}
img{max-width: 100%;height: auto}

/**popup**/

#popup-container{
	position: fixed;
	background:rgba(0,0,0,0.6);
	top:0;
	left:0;
	right:0;
	z-index:999;
	width:100%;
	height:100%;
	padding:80px 0;
	display:none;
	margin:auto;
}
#popup{
	background:#1d2f5e;
	padding: 30px 20px;
	position:relative;
	max-width:660px;
	margin:0 auto;
	color:#fff;
}
#popup h2{
	font: 700 28px Helvetica;
	margin:0 0 20px;
	color:#fff;
	text-align:center;
}
#popup form br{
	display:none;
}
form{
	max-width:450px;
	margin:0 auto;
}
#popup form input[type="text"], #popup form input[type="email"]{
	display:block;
	width: calc(100% - 20px);
	padding:10px;
	border:1px solid #264a9b;
	background:#fff;
	font:20px Helvetica;
	margin:0 0 10px;
	max-width: 450px;
}
a.btn{cursor:pointer;}
#popup form input[type="submit"]{

	background: rgba(32,131,38,1);
background: -moz-linear-gradient(left, rgba(32,131,38,1) 0%, rgba(55,162,61,1) 43%, rgba(55,162,61,1) 47%, rgba(55,162,61,1) 51%, rgba(32,131,38,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(32,131,38,1)), color-stop(43%, rgba(55,162,61,1)), color-stop(47%, rgba(55,162,61,1)), color-stop(51%, rgba(55,162,61,1)), color-stop(100%, rgba(32,131,38,1)));
background: -webkit-linear-gradient(left, rgba(32,131,38,1) 0%, rgba(55,162,61,1) 43%, rgba(55,162,61,1) 47%, rgba(55,162,61,1) 51%, rgba(32,131,38,1) 100%);
background: -o-linear-gradient(left, rgba(32,131,38,1) 0%, rgba(55,162,61,1) 43%, rgba(55,162,61,1) 47%, rgba(55,162,61,1) 51%, rgba(32,131,38,1) 100%);
background: -ms-linear-gradient(left, rgba(32,131,38,1) 0%, rgba(55,162,61,1) 43%, rgba(55,162,61,1) 47%, rgba(55,162,61,1) 51%, rgba(32,131,38,1) 100%);
background: linear-gradient(to right, rgba(32,131,38,1) 0%, rgba(55,162,61,1) 43%, rgba(55,162,61,1) 47%, rgba(55,162,61,1) 51%, rgba(32,131,38,1) 100%);
color:#fff;
border-radius:12px;
color:#fefefe;
font:700 24px Helvetica;
display:block;
padding:15px;
text-align:center;
border:none;
cursor:pointer;
}
.close{
	background: #208326;
	border-radius:100%;
	position:absolute;
	top: -3px;
	right:-10px;
	color: #fff;
	font-size: 18px;
	font-weight:bold;
	border: 1px solid #fff;
	border-radius:100%;
	width: 25px;
	height: 25px;
	text-align:center;
	cursor: pointer;
	line-height: 1.3em;
}

p.privacy img{position:relative;top:4px;margin-right:10px;}


/***masterclass***/
#masterclass a.green-btn{
    margin:30px auto;
}
a.green-btn, #popup input[type="submit"]{
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    text-transform: uppercase;
    font:400 36px Helvetica,Arial,sans-serif;
    padding:20px 0;
    display:block;
    text-align:center;
    max-width:550px;
    text-transform: uppercase;
    margin:0 auto;
    text-decoration:none!important;
    cursor: pointer;
    background:#208326 url(../images/tm-green-btn.png) center repeat-y;
    color: #fff!important;
}
#popup input[type="submit"]{
    max-width:410px;
    padding:10px;
    font-size:30px;
}
#masterclass{
    background:url(../images/tm-master-class-image.jpg) center right no-repeat;
    background-size:contain;
    max-width:1250px;
    margin:0 auto;
    padding:100px 10px 200px;
}
#masterclass-text{
    max-width:700px;
    text-align:center;
    padding: 20px 50px 100px;
    color:#333;
    font:300 24px HelveticaNeueLight,Arial,sans-serif;
}
#masterclass h1{
    color:#264a9b;
    font:700 38px Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    margin: 0 0 10px;
}
#masterclass h2{
    color:#333;
    font:400 38px Helvetica,Arial,sans-serif;
    margin: 0 0 20px;
}
p.footer, p.footer a{
    color:#333;
    text-decoration: none;
     font:300 15px HelveticaNeueLight,Arial,sans-serif;

}
@media only screen and (max-width: 1200px){
	#webinar-header h4{background:rgba(255,255,255,0.6)}
    #webinar-header{
    background-position: -100px;
}
#masterclass p{font-size:20px;}
#masterclass h1{font-size: 40px!important;}
#masterclass h2{font-size:38px}
a.green-btn{
    font-size:30px
}
#masterclass p.footer{font-size:15px}
#masterclass-text{padding:20px 50px}
}
@media only screen and (max-width: 1100px){
    #masterclass{background-size: 390px!important;}
}
@media only screen and (max-width: 1000px){
    .description{font-size:15px}
    .box{margin:10px!important;width: 30%;}
    #webinar-header h1{font-size:30px}
     #masterclass{background-size: contain!important;}
#masterclass p{font-size:18px;}
#masterclass h1{font-size: 36px!important;}
#masterclass h2{font-size:32px}
#masterclass-text{
    padding:160px 10px;
    max-width: 600px;
}
a.green-btn{
    font-size:25px;
    padding:10px;
    max-width:400px;
}
#masterclass p.footer{font-size:15px}
#webinar-header .right{max-width: 500px;}
}
@media only screen and (max-width: 977px){

}
@media only screen and (max-width: 900px){
    .box{width:auto;}
        #webinar-header h1{font-size: 25px!important;}
        #webinar-header h1 span{font-size:20px}
    #top .left, #top .right {margin: 0 1%; width: 48%;}
    #masterclass-text{background:rgba(255,255,255,0.7);
    width:90%;padding:30px;margin:100px auto;max-width:100%:
    }
    #masterclass p{font-size:18px;}
#masterclass h1{font-size: 32px!important;}
#masterclass h2{font-size:28px}
}
@media only screen and (max-width: 768px){
		#webinar-header h4{background:none}
    .box{margin:10px!important;}
    #content{text-align:center;}
    h1, #content h1 span{
        font-size:24px!important;
    }
	h2, #content h2 span {
    font-size: 24px!important;
}
    #webinar-header h1 span{font-size:18px}
    #webinar-header h3 br, #webinar-header h1 br{display:none;}
    #button-holder{font-size:20px;}
    a.btn{width:auto;font-size:17px;}
    #top-head h1 br{display:none;}
    img.curve-arrow{display:none;}
    .left, .right{width:auto;float:none;}
    .col{display:block;width:auto;}
        #webinar-header{background-position: bottom;background-size: cover;}

    div#webinar-header .container {background-color: rgba(255,255,255,.7);margin: 10px;padding: 10px;max-width: 494px;margin: 0 auto;}
}
@media only screen and (max-width: 600px){
    #webinar-header{/* background-position: 32%!important; */}
    div#popup h2 br{display:none}
    div#popup h2{font-size:20px;margin:0 20px 20px}
    #top .left, #top .right {float: none; width: 100%; max-width: 100%; margin: 20px 0;}
    #top .left img, #top .right img {max-width: 78px;}
#masterclass p{font-size:18px;}
#masterclass h1{font-size: 30px!important;}
#masterclass h2{font-size:24px}
#masterclass h2 br{display:none}
}

@media only screen and (max-width: 500px){
    #masterclass p{font-size:16px;}
#masterclass h1{font-size: 30px!important;}
#masterclass h2{font-size:20px}
#masterclass h2 br{display:none}
a.green-btn{font-size:20px;}}

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