@font-face {
	font-family: 'SEGOEUIL';
    src: url('SEGOEUIL.eot');
	src: url('SEGOEUIL.eot?#iefix') format('embedded-opentype'),
	url('SEGOEUIL.ttf') format('truetype');
}
/* Сброс CSS */
header, footer, nav, aside {
  display: block;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
    border:0;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}
html,body{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
form,
input,
select,
button{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
}

h1, h2, h3, h4, h5, h6, p{
  padding: 0;
  margin: 0;
  font-weight: normal;
}
/* style page */
body {
	font: normal 12px 'SEGOEUIL', 'Segoe UI', Arial, sans-serif;
	background-color:#222222;
}
a:hover {
    text-decoration:none;
}
.icon {
    background:url(../img/sprite.png) no-repeat 0 0;
}

.icon_span{
    font-size:11px;
    color:#242424;
    text-transform:uppercase;
    text-align:center;
}

.line-through {
    text-decoration:line-through;
}
.hidden {
	display: none;
}
.general {
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	background: #ffffff url(../img/main_back.jpg) no-repeat 0 0;
	position:relative;
    overflow:hidden;
}
.header {
	height:50px;
	border-bottom:1px solid #cfcfcf;
	position:relative;
	box-shadow: 0 5px 10px #e3e3e3;
}
.white_back {
	width:100%;
	height:100%;
	background-color:#ffffff;
	opacity:0.7;
	position:absolute;
}
.content {
	width:970px;
	margin:0 auto;
	position:relative;
}
.header .menu {
	float:left;
	width:490px;
	height:50px;
	line-height:50px;
}
.header .menu  li {
	float:left;
	margin-right:35px;
	font-size:13px;
	color:#242424;
}
.header .menu  li a {
	color:#242424;
}
.login_btn {
	width:93px;
	height:28px;
	background: url(../img/sprite.png) no-repeat -201px 0;
	display:block;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	float:right;
	font-family: 'Segoe UI', Arial, sans-serif;
	font-size: 9px;
	margin-top:10px;
}
.list_carousel .slider_navigator {
	margin-top:15px;
	height:95px;
}
.cpa_logo {
	width:180px;
	height:37px;
	background: url(../img/sprite.png) no-repeat 0 0;
	position:absolute;
	top:15px;
	left:-55px;
}
/* main page */
.page_headline {
    height:209px;
    background: url(../img/black_line.png) 50% 0;
}
.ph_red {
    background: url(../img/red_line.png) 50% 0;
}




.page_headline .ph_desc {
    width:465px;
    float:left;
    color:#ffffff;
    text-align:left;
    padding-top:45px;
}
.page_headline .ph_desc span {
    text-transform:uppercase;
    font-size:15px;
}
.page_headline .ph_desc h1 {
    text-transform:uppercase;
    font-size:30px;
    line-height:36px;
}
.page_headline .ph_desc h2 {
    text-transform:uppercase;
    font-size:30px;
    line-height:36px;
}
.page_headline .ph_desc span {
    text-transform:uppercase;
    font-size:30px;
    line-height:36px;
 }
.page_headline .ph_icon_case {  
    width:475px;
    float:left;
}
.page_headline .ph_icon {  
    width:105px;    
    height:209px;
    float:left;
    overflow:hidden;
}
.page_headline .ph_icon .icon {
    background: url(../img/sprite.png) no-repeat 0 -62px;
    width:100px;
    height:100px;
    margin-top:45px;
}
.page_headline .ph_icon p {
    color:#ffffff;
    font-size:14px;
    line-height:16px;
    font-family:'Segoe UI', Tahoma, Arial, sans-serif;
    text-transform:uppercase;
    text-align:center;
}
.page_headline .arrow {
    width:80px;
}
.page_headline .arrow .icon {
    background: url(../img/sprite.png) no-repeat -120px -63px;
    width:47px;
    height:28px;
    margin: 80px auto 0;
}
.page_headline  .ph_cpaexchange .icon {
    background: url(../img/sprite.png) no-repeat -196px -63px;
}
.page_headline .ph_result .icon {
    background: url(../img/sprite.png) no-repeat -311px -63px;
}

.list_carousel .channels_platform{
    padding-top:50px;
    padding-bottom:65px;
    border-bottom:1px solid #ebebeb;
    box-shadow:0 10px 10px #d3d3d3;
    background-color:#ffffff;
}
.channels_platform h2{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}
.list_carousel .channels_platform .channels_icons {
    width:480px;
    float:left;
}
.list_carousel .channels_platform .channels_left {
    width:480px;
    color: #2e2e2e;
    float:left;
    text-align:left;
    font-size:14px;
    font-family:'Segoe UI', Tahoma, Arial, sans-serif;
}
    
.list_carousel .channels_platform .channels_right {
    width:480px;
    float:left;
}

.list_carousel .channels_platform .channels_icons h1 {
    font-size:30px;
    color:#242424;
    line-height:30px;
    font-family:'Segoe UI', Tahoma, Arial, sans-serif;
    text-transform:uppercase;
}
.list_carousel .channels_platform .channels_icons h2 {
    font-size:30px;
    color:#242424;
    line-height:30px;
    font-family:'Segoe UI', Tahoma, Arial, sans-serif;
    font-weight:normal;
    text-transform:uppercase;
}
.list_carousel .channels_platform .ch_icon_case {

}
.list_carousel .channels_platform .ch_icon_case .ch_icon {
    width: 85px;
    float:left;
    padding-top:30px;
    cursor:pointer;
}
.list_carousel .channels_platform .ch_icon_case .ch_icon .icon {
    width: 85px;
    height:100px;
    background: url(../img/sprite.png) no-repeat -492px -50px;
}
.list_carousel .channels_platform .ch_icon_case h4 {
    font-size:11px;
    color:#242424;
    text-transform:uppercase;
    text-align:center;
}
.list_carousel .channels_platform .ch_icon_case .ch_smm .icon {
    background-position: -492px -50px;
}
.list_carousel .channels_platform .ch_icon_case .ch_email .icon {
    background-position: -584px -50px;
}
.list_carousel .channels_platform .ch_icon_case .ch_mobile .icon {
    background-position: -669px -50px;
}
.list_carousel .channels_platform .ch_icon_case .ch_rtb .icon {
    background-position: -750px -50px;
}   
.list_carousel .channels_platform .ch_icon_case .ch_affiliate .icon {
    background-position: -839px -50px;
}



.list_carousel .channels_platform .ch_icon_case .ch_smm.active .icon {
    background-position: 0 -184px;
}
.list_carousel .channels_platform .ch_icon_case .ch_email.active .icon {
    background-position: -104px -184px;
}
.list_carousel .channels_platform .ch_icon_case .ch_mobile.active .icon {
    background-position: -207px -184px;
}
.list_carousel .channels_platform .ch_icon_case .ch_rtb.active .icon {
    background-position: -323px -184px;
}   
.list_carousel .channels_platform .ch_icon_case .ch_affiliate.active .icon {
    background-position: -433px -184px;
}
  

.ch_icon_desc {
    display:none;
}
.ch_icon_desc.active {
    display:block;
}

.list_carousel .channels_platform .channels_desc {
    width:455px;
    float:right;
}

.list_carousel .channels_platform .channels_right {
    width:455px;
    color: #2e2e2e;
    float:right;
    text-align:left;
    font-size:14px;
    font-family:'Segoe UI', Tahoma, Arial, sans-serif;
}

.list_carousel .channels_platform .channels_desc .client_link{
    text-align:right;
    font-size:14px;
    font-family:'Segoe UI', Tahoma, Arial, sans-serif;
    text-transform:uppercase;
}
.list_carousel .channels_platform .channels_desc .client_link  a{
    padding:0 10px;
    color:#0b0b0b;
    text-decoration:none;
}
.list_carousel .channels_platform .channels_desc .client_link  .active {
    color:#c6383d;
    text-decoration:none;
}
.list_carousel .channels_platform .channels_desc .client_link  .active span {
    border-bottom: 1px dashed #c6383d;
}
.list_carousel .channels_platform .channels_desc h3 {
    font-family:'Segoe UI', Tahoma, Arial, sans-serif;
    color:#2e2e2e;
    font-size:30px;
    margin-top:24px;
    margin-bottom:0px;
    text-transform:uppercase;
}
.list_carousel .channels_platform .channels_desc p {
    color:#2e2e2e;
    font-size:16px;
    margin-top:18px;
    margin:0;
}
.list_carousel .channels_platform .channels_desc .request_reg {
    display:block;
    width:340px;
    height:28px;
    line-height:28px;
    color:#ffffff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:14px;
    text-align:center;
    background: url(../img/sprite.png) no-repeat -660px 0;
    margin-top:15px;
}
.list_carousel .calc_shape {
    height:450px;
    background-color:#e6e6e6;    
    /*
    box-shadow:0 10px 10px #d3d3d3;
    */
}
.list_carousel .calc_shape .main_article {
    width:435px;
    float:left;
    padding-top:35px;
}
.list_carousel .calc_shape .main_article h5 {
    color:#c6383d;
    font-size:14px;
    text-transform:uppercase;
}
.list_carousel .calc_shape .main_article span {
    color:#c6383d;
    font-size:14px;
}
.list_carousel .calc_shape .main_article  a {
    color:#c6383d;
}
.list_carousel .calc_shape .main_article .mart_case {
    margin-top:35px;
    font-size:14px;
    color:#2e2e2e;
}
.list_carousel .calc_shape .main_article .mart_headline {
    margin-bottom:35px;
}
.list_carousel .calc_shape .main_article .mart_headline .mart_img {
    float:left;
    width:155px;
    height:85px;
}
.list_carousel .calc_shape .main_article .mart_headline .mart_img img {
   
}

.list_carousel .calc_shape .main_article .mart_headline span{
    width:260px;
    color:#2e2e2e;
    float:right;
    font-size:16px;
    line-height:16px;
    padding-top:10px;
    font-family:'Segoe UI', Tahoma, Arial, sans-serif;
    text-transform:uppercase;
}

.list_carousel .calc_shape .main_article .blog_promo span {
     margin-bottom: 15px;
     font-size:14px;
     color:#000;
}
.list_carousel .calc_shape .calc_case {
    width:510px;
    height:405px;
    background: url(../img/calc_back.png) no-repeat 0 0;
    position:absolute;
    top:0;
    right:-55px;
    color:#ffffff;
}
.list_carousel .calc_shape .calc_case .cc_cont {
    padding-top:40px;
    width:240px;
    margin:0 auto;
    font-size:14px;
}
.list_carousel .calc_shape .calc_case .cc_cont p {
    font-size:20px;
}
.list_carousel .calc_shape .calc_case .btn {
    width:107px;
    height:20px;
    line-height:20px;
    background: url(../img/sprite.png) no-repeat -621px -218px;
    text-align:center;
    display:block;
    font-size:14px;
    cursor:pointer;
}
.list_carousel .calc_shape .calc_case .cc_cpc {
    text-transform:uppercase;
    float:left;
    margin-right:2px;
    margin-top:15px;
    margin-bottom:25px;
    background-position: -730px -248px;
}
.list_carousel .calc_shape .calc_case .cc_cpc.active {
    background-position: -621px -218px;
}
.list_carousel .calc_shape .calc_case .calc_table  {
    margin-bottom:20px;
    display:none;
}
.list_carousel .calc_shape .calc_case .calc_table.active  {
    display:block;
}
.chid_hide {
    display:none;
}
.chid_hide.active {
    display:block;
}



.list_carousel .calc_shape .calc_case .calc_table li {
    clear:both;
    float:none;
    padding-bottom:5px;
}
.list_carousel .calc_shape .calc_case .input_case {
    float:left;
    width:70px;
}
.list_carousel .calc_shape .calc_case .label_case {
    float:left;
}
.list_carousel .calc_shape .calc_case .input_case input[type=text] {
    width:37px;
    height:21px;
    padding:0 10px;
    background: url(../img/sprite.png) no-repeat -778px -216px;
    color:#ffffff;
    text-align:right;
}
.list_carousel .calc_shape .calc_case .cc_calc {
    width:217px;
    background-position: -618px -185px;
    line-height:18px;
}
.list_carousel .calc_shape .calc_case .cc_res_case {
    margin-top:10px;
    padding-left:25px;
}
.list_carousel .calc_shape .calc_case .cc_res_case .cc_output {
    font-weight:bold;
    font-size:16px;
    font-family:'Segoe UI', Tahoma, Arial, sans-serif;
}

.footer {
    height:335px;
    background-color:#222222;
    color:#ffffff;
}
.footer .left_column {
    width:330px;
    float:left;
    font-size:14px;
    padding-top:45px;
}
.footer .left_column a {
    color:#ffffff;
}
.footer .left_column p {
    margin-bottom:15px;
}
.footer .left_column .phone {
    text-decoration:none;
}
.footer .left_column .logo_case {
    
}
.footer .left_column .logo_case a {
    display:block;
    background: url(../img/sprite.png) no-repeat -412px -276px;
    height:30px;
    width:90px;
    float:left;
}
.footer .left_column .logo_case .adraker {
    width:85px;
    margin-right:25px;
}
.footer .left_column .logo_case .hubrus {
    width:70px;
    background-position: -517px -282px;
    margin-right:25px;
}
.footer .left_column .logo_case .cpaexchanger {
    width:95px;
    background-position: -619px -282px;
}
.footer .left_column .logo_case .leadsnetwork {
    width:120px;
    background-position: -405px -314px;
    margin-right:25px;
}
.footer .left_column .logo_case .between {
    width:75px;
    background-position: -565px -313px;
}
.footer .right_column {
    width:320px;
    float:right;
}
.footer .right_column span {
    height:70px;
    line-height:70px;
    text-align:center;
    font-size:16px;
    text-transform:uppercase;
}
.footer .right_column .case_content {
    width:320px;
    height:265px;
    background: url(../img/sprite.png) no-repeat -690px -654px;
    overflow:hidden;
}
.footer .right_column .case_content .cc_center {
    width:150px;
    margin-top:65px;
    color:#3e3e3e;
    font-size:12px;
    margin-left:135px;
    text-align:center;
}
.footer .right_column .case_content .cc_center p {
    width:150px;
    margin-top:65px;
    color:#3e3e3e;
    margin:0;
    margin-bottom:5px;
    font-size:12px;
}
.footer .right_column .case_content .cc_center p a {
    color:#000000;
}
.footer .right_column .case_content .cc_center .f_logo img {
    max-width:150px;
}
.footer .right_column .case_content .f_next,
.footer .right_column .case_content .f_prev {
    max-width:150px;
}
.blog_main_page {
    font-size:14px;
    font-family: 'Segoe UI', Arial, sans-serif;
    padding-bottom:180px;
    background:#ffffff;
    
}

.blog_main_page .blog_title{
    font-size:25px;
    line-height: 30px;
    color:#2e2e2e;
    text-transform:uppercase;
   font-weight:bold;
    text-align:left;
}
.blog_main_page .bmp_article {
    position:relative;
    margin-bottom:30px;
    border-bottom:1px solid #dadbdc;
}
.blog_main_page .bmp_article .mp_image {
    width:575px;
    height:305px;
    position:absolute;
    right:0;
    top:-150px;
}
.blog_main_page .bmp_article .mp_image img {
    display:block;
    max-width:575px;
    max-height:305px;
}

.blog_main_page .bmp_article .mp_headline {
    width: 345px;
    padding:35px 0;
}
.blog_main_page .mph_date {
    color:#ba0100;
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.blog_main_page .mp_article {
 margin-top: 50px
}
.blog_main_page .mp_article p {
    margin:15px 0;
}
.blog_main_page .mp_article a {
    color:#ba0100;
}
.blog_main_page .mpcolumn_image {
    width:435px;
}
.blog_main_page .mpcolumn_image img {
    max-width:435px;
}
.blog_main_page .mp_article .mpa_left {
    width:435px;
    float:left;
    padding-bottom:30px;
}
.blog_main_page .mp_article .mpa_right{
    width:435px;
    float:right;
    padding-bottom:30px;
}
.blog_main_page .blog_title span{
    font-size:20px;
    line-height: 21px;
    color:#2e2e2e;
    text-transform:uppercase;
   font-weight:bold;
    text-align:left;
}

.pheadline_brif {

}
.pheadline_brif .ph_desc {
    padding-top:70px;
}
.pheadline_brif .ph_desc .icon {
    width:65px;
    height:65px;
    float:left;
    background-position:0 -451px;
    margin-right:10px;
}
.pheadline_brif .ph_desc h2 {
    float:left;
    line-height:65px;
}
.page_headline .ph_filling_brief .icon {
    background-position: -103px -447px;
    height:85px;
    margin-top: 60px;
}
.page_headline .ph_check_information .icon {
    background-position: -250px -447px;
    height:110px;
    margin-top: 35px;
}
.page_headline .ph_work_system .icon {
    background-position: -385px -447px;
    height:110px;
    margin-top: 35px;
}
.list_carousel .channels_platform .right_column,
.list_carousel .channels_platform .left_column {
    width:390px;
    float:left;
    text-align:center;
    font-size:16px;
}
.list_carousel .channels_platform .right_column {
    float:right;
}
.list_carousel .channels_platform .brifHeadline {
    width:390px;
    height:70px;
    line-height:70px;
    text-align:center;
    font-size:20px;
    text-transform:uppercase;
    background:url(../img/sprite.png) no-repeat -612px -382px;    
    margin-bottom: 25px;
}
.list_carousel .channels_platform .brifHeadline a {
    color:#000000;
}
.head_soc_icon_case {
    float:left;
    color:#242424;    
    height: 50px;
    line-height: 50px;
}
.head_soc_icon_case .head_soc_text {
    display:block;
    float:left;
}
.head_soc_icon_case .head_soc_icon {
    display: block;
    float: left;
    margin-left:10px;
    margin-top:10px;
}























































/* carousel defolt */
.list_carousel {
	width: auto;
}
.list_carousel #foo4  {
    background-color: #E6E6E6;
}
.list_carousel li {
	width: 100%;
	height: 100%;
	padding: 0;
	display: block;
	float: left;
}
.list_carousel .main_prev , 
.list_carousel .main_next {
	display:block;
	position:absolute;
	width:25px;
	height:30px;
	background: url(../img/sprite.png) no-repeat -444px -62px;
	left:-115px;
	bottom:-120px;
	z-index:1;
	text-decoration:none;
	color:#ffffff;
} 
.list_carousel .main_next {
	background-position: -444px -118px;
	right:-75px;
	left:auto;
} 


.list_carousel .main_pager {
	float: left;
	margin-left:155px;
	width: 790px;
}
.list_carousel .main_pager .page_but {
	display:block;
	float:left;
	width:130px;
	height:30px;
	background: url(../img/sprite.png) no-repeat -311px 0;
	text-decoration: none;
	margin-top:20px;
	position:relative;
    cursor:pointer;
}
.list_carousel .main_pager .page_but:nth-child(2n) {
	background-position: -468px 0;
}
.list_carousel .main_pager .page_but .title {
    position:absolute;
    display: block;
    font-size:13px;
    line-height:13px;
    width:130px;
    height:20px;
    text-align:center;
    left:0;
    top:-20px;
    
}

.list_carousel .pager a.selected {
	
}


 .subs
        {
            line-height: 30px;
            height: 30px;
            margin: 10px 0px 10px;
            padding-left: 10px;
            box-shadow: red 0 0 5px;
            width: 250px;
        }
        #sub
        {
            background: url(/content/img/button.gif) no-repeat;
            height: 29px;
            width: 128px;
            line-height: 29px;
            margin: 10px 0 10px;
            color: white;
            font-weight: bold;
            font-size: 14px;
            cursor: pointer;
            margin-left: 75px;
        }
        #close1 {
            background: url(/content/img/button.gif) no-repeat;
            height: 29px;
            width: 128px;
            line-height: 29px;
            margin: 10px 0 10px;
            color: white;
            font-weight: bold;
            font-size: 14px;
            cursor: pointer;        
        }


/* 2014-08-05 / weburus */

.lang {
	width: 176px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
}
.lang li {
	width: 60px;
	float: left;
	margin-top: 21px;
	height: 10px;
	line-height: 10px;
}
.lang a {
	width: 45px;
	background-color: transparent;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto;
	display: block;
	text-decoration: none;
	font-weight: bold;
}
.lang a.on {
	color: #0b0b0b;
	background-image: url(/content/img/btn_lang_on.png)
}
.lang a.off {
	color: #4c4c4c;
	background-image: url(/content/img/btn_lang_off.png)
}