.input-name {
    background: url(../img/icon-user.png) 5px center no-repeat;
}

.input-email {
    background: url(../img/icon-email.png) 5px center no-repeat;
}



.knopa {
    background: #f44b86;
    border:none;
    color: #fff!important;
    display: block;
    font-size: 27px;
    font-weight: bold;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    width: 330px;
    text-decoration: none;
    transition: all 100ms ease 0s;
	cursor:pointer;
	border-radius: 5px;
}
.knopa:hover{
	color:#f9f9f9!important;
	background: #f44b86;
	opacity: .95;
}

.podpiska{
	  background:#fff;	
	  padding: 20px 20px 0px 20px;
	  border-radius: 10px;
	  margin: 0 20px 30px 20px;
}
.podpiska2{
	  background:#fff;	
	  padding: 20px 20px 30px 20px;
	  border-radius: 5px;
	  position: relative;
}
.podpiska table, .podpiska2 table{
	  background:#fff!important;
}	  
.podpiska h1, .podpiska2 h1{
	text-align: center;
    font-family: 'Roboto Slab', Arial,Verdana,sans-serif;
    font-size: 2.2em;
    line-height: 1.2em;
    padding: 30px 0 25px;
    padding-bottom: 25px;
    color: #1e70cd;
}
.podpiska p.posttitle{
    max-width: 100%;
}
.podpiska iframe, .podpiska2 iframe{
	-webkit-box-shadow: none;
    box-shadow:none;
    border-radius: 0;
    border: 0;
    overflow-x: hidden;
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
    overflow-y: hidden;
    height: 170px;
}
.checkfrm-wrapp{
	display:table; color:#000!important; margin: 15px auto 0;width: 342px;
}
.checkfrm-wrapp label{
	font-size: 0.75em!important; color:#000!important;
}
.checkfrm-wrapp label a{
	color:#000!important; text-decoration:underline;
	}
.checkfrm-wrapp label input{
	position:relative; top:-3px;
}
#socialsend_form_5138650-fs label input, #socialsend_form_5980540-fs label input{
	position:relative; top:-4px;
}	
#socialsend_form_5138650-fs label input, #socialsend_form_5980540-fs label input{
	position:relative; top:-4px;
}
input.checkfrm{
	margin:0px 1% 0 0!important; 
}
.chk-msg-err{
	background: #fff none repeat scroll 0 0;
    color: #cc0000;
    display: table;
    font-weight: bold;
    margin: 20px auto 0;
    padding: 5px 10px;
}

.social-send-btn{
width:320px!important; margin:0 auto;
}
#subscr-form-264{
margin-top:10px;	
}
.podpiska small{
display: none!important;
}
.socialsend_form_5138650-fs-where, .socialsend_form_5980540-fs-where{
display:block;
}
.knopa {
	width:330px;
}
#subscr-block-3536 {
                        width:330px;
                        margin:0 auto;
                        -webkit-border-radius:4px;
                        -moz-border-radius:4px;
                        border-radius:4px;
                    }
					 #subscr-form-264 table {
						max-width: 100%;
						min-width: auto;
						box-shadow:none;
					}
                    #subscr-form-264 td {
                        font-size:16px;
                        text-align:center;
                        padding:0;
                    }
                    #subscr-form-264 input.form-submit {
                        text-align:center;
                        width: auto;
                    }
                    #subscr-form-264 #form-submit-3536 {
                        border:solid 1px #E0E0E0;margin-top:5px;
                    }
                    #subscr-form-264 a.oferta {
                        color: #034795;
                        text-decoration: underline;
                    }
                    #subscr-form-264 a.oferta:hover {
                        text-decoration: none;
                    }
                    #subscr-form-264 a.jc_compile_btn, input.form-submit.jc_compile_btn {
                        
                    }
                    #subscr-form-264 a.jc_compile_btn span, #subscr-form-264 input.form-submit.jc_compile_btn {
                        font:normal 20px Arial;
                        padding-top:7px;
                        margin-bottom:-5px;
                    }
                    #subscr-form-264 input[type=text] {
                        color:#000;
                        font-size:16px;
                        text-align:left;
                        -webkit-border-radius:4px;
                        -moz-border-radius:4px;
                        border-radius:4px;
                        border:#4D2995 1px solid;
                        padding:10px 30px;
                        margin:5px 0px 8px;
                        width:267px;
                    }

.frm-wrpp>div{
	max-width: 100%!important; background: none!important; box-shadow: none!important; color: #000!important;
}

.prleft40{
	position: relative;
	left: 40%;
}
.prleft60{
	position: relative;
	left: -60%;
}
.prleft50{
	position: relative;
	left: 50%;
}
.prright50{
	position: relative;
	left: -50%;
}


.mb30{
	margin-bottom: 30px;
}

@media screen and (max-width: 920px){
	h1{font-size: 3em;}
	h3.post{font-size: 1.5em;}
	.popular__item {
	    width: 100%;
	    max-width: 50%;
	}
	.features-list__num::after{display: none;}
	.premium-tarif{float: none;float: none;width: 60%;margin: 0 auto 30px auto!important; overflow: hidden;}
}


@media screen and (max-width: 800px){

	.title-kat > div{
		width: 45%;
	}
}


@media screen and (max-width: 780px){
	.tbl-cll{display: block;}
	.w-50{width: 100%;}
	.tcenter780{text-align: center!important;}
	.dnone780{display: none!important;}
	.fnone780{float: none!important;}
	.w100780{width: 100%!important;}
	h3.pred{padding-top: 40px;}
	.w-20 {
		width: 100%;
	    margin: 0 auto 20px auto;
	    text-align: center;
	}
	.w-10 {
		width: 100%;
	    margin: 0 auto 20px auto;
	    text-align: center;
	}
	.w-90 {
		width: 100%;
	    margin: 0 auto 20px auto;
	}
	.w-80 {
		width: 100%;
	}
	.w-45 {
		width: 100%;
	}
	.p780x20{
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	.prl780x0{
		padding-right: 0!important; padding-left: 0!important;
	}
	.pb780x40{
		padding-bottom: 40px!important;
	}
	.pb780x20{
		padding-bottom: 20px!important;
	}
	.mt780x30{
		margin-top: -30px!important;
	}
	.popular__list{display: block; padding: 0 20px;}
	.popular__item, .avtoer .popular__list .popular__item{width: 100%; max-width: 100%; margin-bottom: 30px;}
	.avtoer .popular__item + .popular__item{
		margin-left: 0;
	}
	.popular__item + .popular__item{margin-left: 0px;}
	.features-list__item {
	    display: block;
	    max-width: 100%;
	}
	.pres h2 {
	    text-align: center;
	    font-size: 3em;
	}
	
	.kurs .flex-around.flex-around-3 > div {
    	width: 46%;
	}
	.kurs .flex-around > div div{
		text-align: center;
	}
	.flex-around.flex-around-3 > div h4 {
   		padding: 30px 20px 0px 20px;
	}
	.kurs .flex-around > div h3, .kurs .flex-around > div p {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.bonus .prog-ac .accordionSubContainer h4{
		width: 100%; margin-bottom: 10px;
	}
	.onlytext.about-bon{
		padding:50px 20px;
	}
	.content-disc-lessons-in1 {
	    margin-left: 10px;
	}
	.w-40{width: 100%;}
	.w-60{width: 100%;}
	.garant input, .garant label{display: none;}
	.tabs > div{display: block; margin: 0 0 20px 0; padding:50px 20px;}
}


@media screen and (max-width: 750px){
	.accordion.prog-ac > h3 img {
    float: none;
    margin: 0 auto;
    display: block;
	}
	.accordion.prog-ac > h3 {
    padding: 30px 20px;
	}
}
@media screen and (max-width: 700px){
	.t547__line{
		left: 20px;
    	margin: 0;
	}
	.t547__circle{
		left: 10px;
    	margin: 0;
	}
	.t547__col {
	    width: 100%;
	    text-align: left;
	}
	.t547__item h4 {
	    text-align: left;
	}
	.t547__block{
		padding-right: 10px; padding-left: 40px;
	}
	.otz li{width: 75px;}
}

@media screen and (max-width: 600px){
	h1{font-size: 2.275em;}
	h3.post{font-size: 1.275em;}
	.akcia{
		margin-left: 0; margin-right: 0;
	}
	.akcia:after, .akcia:before{
		display: none;
	}
	.otz_det {padding: 50px 20px;}
	.fotz{width: 100%!important;margin-left: 0!important; float: none!important;}
	.premium-tarif, .bonus .premium-tarif{width: 100%;}
}

@media screen and (max-width: 500px){
	.faq h3{padding-left: 20px; padding-right: 40px;}
	.faq .accordionContainer {
    	padding: 0 20px 20px 20px;
	}
	h2, h1{
		font-size: 1.75em;
	}
	.podpiska, .podpiska2{
		padding: 0 0 20px 0; margin: 0;
	}
	span.cena::before{
		content: "";
		display: block;
	}
	a.order, a.read{
		margin: 0 auto 20px auto; display: table;
	}
	.big {
	    font-size: 1.125em;
	}
	.title-kat > div{
		width: 100%;
	}
	.kurs .flex-around.flex-around-3 > div {
    	width: 100%;
	}
}

@media screen and (max-width: 400px){
	.pres h2 {
	    text-align: center;
		font-size: 2em;
	}
	.knopa {
		width:280px;
	}
	#subscr-block-3536 {
		width:280px;
	}
	.frmsbmt{
		width:280px; 
	}
	#subscr-form-264 input[type=text] {
		width:218px;
	}
	.checkfrm-wrapp {
	    width: 240px;
	}

	.accordion.prog-ac > h3 > span{
		font-size: 1em;
	}
}