@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600&display=swap&subset=devanagari,latin-ext');
@import url(reset.css);
*//* ------------------------------------------------------------------
*
* HANDLE BASICS
*
 ------------------------------------------------------------------*/
html{width: 100%; height: 100%; }
body{color: #808080; font-family:  Arial, sans-serif; font-size: 14px; line-height: 21px; width: 100%; height: 100%;     background: url(../img/core/bg_body.png) repeat-y left top;
} /*'KlavikaRegular',*/

blockquote { margin-left: 10px;}

h1{background: url(../img/logo-twixl-violet.svg) no-repeat; width: 570px; text-indent: -99999px;}
h1 a{display: block; width: 570px; height: 100px; }

h2, h3, h4, h5, h6, h7 {font-size: 32px; line-height: 38px; color: #999; font-weight: normal; text-transform: uppercase; font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 28px;}
h3, h4, h7 {font-size: 26px; line-height: 34px; padding-bottom: 16px; }
h4, h6, h7  {padding-bottom: 0; background: none; margin-bottom: 16px; padding-top: 16px; font-size: 24px; line-height: 28px;}
h5{color: #808080; font-size: 18px; line-height: 24px; padding-bottom: 16px;}

h2 span { font-size: 18px; color: #D52E86; }

h7 {margin-bottom: 5px;}

span.smallTitle { font-size: 24px; color: #999; }

/*h2{color: #691dd3;}*/

h2 a, h3 a, h4 a, h5 a, h7 a {text-decoration: none; font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;}
/*h3 span, h5 span{color: #808080; font-family: 'KlavikaRegular', Arial, sans-serif; font-size: 15px; line-height: 18px; text-transform: none;}*/
h3 span, h5 span{color: #808080; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; text-transform: none;}

/*ul{list-style: disc; margin-left: 15px;}
p, ul, ol{margin-bottom: 20px;}
p.normal, p, li{font-size: 15px; line-height: 21px;}
p.small, span.small{font-size: 11px; line-height: 16px;}*/
ul{list-style: disc; margin-left: 15px;}
p, ul, ol{ margin-bottom: 20px;}
p.normal{font-size: 12px; line-height: 18px;}
p.small, span.small{font-size: 11px; line-height: 16px;}
P.remove_margin { margin-bottom: 3px; }

a, .publisher .footer a{color: #691dd3; text-decoration: underline;}
a:hover, .publisher .footer a:hover{color: #691dd3;}

.footer a{color: white; text-decoration: underline;}

.intro a.publisher{color: #D52E86;}
.intro a.publisher:hover{color: #D52E86;}


.navcolumn{background: url(../img/core/bg_body.png) repeat-y left top; width: 43px; min-height: 100%; height: 100%; position: absolute; top:0; left:0;}
.indent{margin-left: 40px;}

.message{background-color: rgba(0,150,0,.7); color: #FFF; padding:8px; width: 362px;}
div.error{background-color: rgba(255,0,0,.7);margin-bottom: 21px;}
div.error p {display:none;}
div.error ul {margin:0px;}

.tooltip{position: absolute; background: url(../img/core/tooltip.png) no-repeat; width: 54px; height: 28px; left:50px; top:-30px; display: none;}

#blogOver {
	width: 80px;
	height: 91px;
	position: absolute;
	top: 0px;
	right: 100px;
	background: url(../img/core/blueBlog.png) no-repeat;
}

#blogOver a{
	width: 80px;
	height: 91px;
	display: block;
}

#blogOver:hover {
	background: url(../img/core/greyBlog.png) no-repeat;
}


/* ------------------------------------------------------------------
*
* HANDLE BLOCKS
*
 ------------------------------------------------------------------*/
.wrapper{/*background: url(../img/core/corner_twixl.png) no-repeat right top;*/ width: 100%;  min-height: 100%; /*height: 150%;*/  float: left; }
.navigation{ min-width: 43px; width: auto; height: auto; z-index: 99; position: absolute; top:250px;}
 .main{ margin-left: 43px; float: left; width: 100%; }
 .header{margin: 32px 0 35px 0; padding-left: 80px;}

 .media1, .media2, .media3{background-repeat: no-repeat;  background-position: right top;}
 .media1{background-image: url(../img/visuals/media1.png);}
 .media2{background-image: url(../img/visuals/media2.png);}
  .media3{background-image: url(../img/visuals/media3.png);}
/* ------------------------------------------------------------------
*
* HANDLE NAVIGATION
*
 ------------------------------------------------------------------*/
 .navigation{left:-100px;}
 .navigation ul{margin-left: 0; list-style: none;}

.navigation .level{width: auto; float: left; margin-top: -24px; padding: 24px 0 16px 0; position: relative; left:-99999px;  z-index: 9998px;}
.navigation .level ul{margin-bottom: 0; }
.navigation .level ul li{margin-bottom: 8px;}
.navigation .level ul li a, #continentName a{color: #A6A6A6; text-decoration: none; text-transform: uppercase; font-size: 14px; line-height: 20px; padding-left: 24px; font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; margin-right: 32px;}
.navigation .level ul li a{color: #A6A6A6; text-decoration: none; text-transform: uppercase; font-size: 14px; line-height: 20px; padding-left: 24px; font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; padding-right: 32px;}
.navigation .level ul li a:hover, .navigation .level ul li a.active{color: #666;}

.navigation .level ul li a.secondlink{padding: 0;}

.navigation .level.primary{background: #F2F2F2 url(../img/core/shadow_nav-trans.png) repeat-y -1px top;  margin-left: -5px;}
.navigation .level.primary ul li a.home, .navigation .level.primary.closed ul li a.active{background: url(../img/core/arrow_nav.png) no-repeat -2px center;}
.navigation .level.secondary{ background: #D9D9D9 url(../img/core/arrow_nav-2.png) no-repeat -1px center; margin-left: -1px;}
.navigation .level.third {background-attachment:initial; background-clip:initial; background-color:#FAFAFA; background-image:url(../img/core/arrow_nav-2-2.png); background-origin:initial; background-position:-1px 50%; background-repeat:no-repeat no-repeat; margin-left:-1px; }

.navigation ul.mainmenu{float: left; }
.navigation ul.mainmenu li{margin: 0 0 16px 5px; z-index: 9999px;}
.navigation ul.mainmenu li a{width: 38px; height: 20px; display: block; background-position: left top; background-repeat: no-repeat; text-indent: -99999px;}
.navigation ul.mainmenu li a:hover{background-position: left bottom;}
.navigation ul.mainmenu li a.active{background-position: left -30px;}
.navigation ul.mainmenu li a.menu{background-image: url(../img/core/icn_menu.png);}
.navigation ul.mainmenu li a.twixlpublisher{background-image: url(../img/core/icn_publisher.png);}
.navigation ul.mainmenu li a.contact{background-image: url(../img/core/icn_contact.png);}
.navigation ul.mainmenu li a.navdocs{background-image: url(../img/core/docs.png);}
.navigation ul.mainmenu li a.navsupport{background-image: url(../img/core/help.png);}
.subnavigation {width: 254px; clear: both; }
.subnavigation.big {width: 354px; }
.subnavigation ul{ list-style: none; margin-left: 0; float: left; padding: 32px 0 0 0px; }
.subnavigation ul li{margin-bottom: 8px; position: relative; }
.subnavigation ul li a.active{color: #691dd3; background: url(../img/core/arrow_nav-4.png) no-repeat left 5px; }
.subnavigation ul li a{font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; text-transform: uppercase; text-decoration: none; padding-left: 10px; display: block;}

.subnavigation.news ul li.odd a { color: #808080; }

.contentnavigation{width: 224px;}
.contentnavigation ul{ list-style: none; margin-left: 0; }
.contentnavigation ul li{margin-bottom: 8px;}
.contentnavigation ul li a.active{color: #691dd3; background: url(../img/core/arrow_nav-4.png) no-repeat left center;}
.contentnavigation ul li a{font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; /*15px*/ line-height: 20px; text-decoration: none; padding-left: 10px; display:block;}

.subnavigation .quote{float: left; margin: 30px 0 0 0;}

a.cta{text-decoration: none; background: url(../img/core/ribbon_cta.png) no-repeat center top; color: #F2F2F2; width: 200px; height: 66px; overflow: hidden; display: block; margin-left: -24px; text-align: center; padding: 14px 14px 0 10px; margin-top: 30px; font-size: 14px; text-transform: uppercase; font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.subnavigation ul li.active a.cta{background: url(../img/core/ribbon_cta_active.png) no-repeat center top; color: #F2F2F2; width: 200px; height: 66px; overflow: hidden; display: block; margin-left: -24px; text-align: center; padding: 14px 14px 0 10px; margin-top: 30px;}
a.cta:hover{color: #FFF;}


/* ------------------------------------------------------------------
*
* HANDLE HOME
*
 ------------------------------------------------------------------*/

 .sliderHome {margin: 500px 0 400px 100px; height: 450px; width: 990px; }
 .forEnterprise {position: absolute; background: url(../images/home/enterprise.png) no-repeat; height: 450px; width: 990px;padding: 200px 0 0 50px;}
 .forPublishers {position: absolute; background: url(../images/home/agencies.png) no-repeat; height: 450px; width: 990px;padding: 200px 0 0 50px;}
 .forPublishers p {width: 480px;}
 .forEnterprise p {width: 480px;}
 .content .block.banner {
  	position: absolute;
 	z-index: 10;
 	margin: 435px 0 0 185px;
 	height: 200px;
 }




/* ------------------------------------------------------------------
*
* HANDLE MAIN
*
 ------------------------------------------------------------------*/


 .index {margin-bottom: 0;}

/* .index .visual{margin-bottom: 112px;}*/
 .visual{background-repeat:  no-repeat; background-position:  left top; float: left;}
 .visual.twixlmedia{background-image: url(../images/home/visualHome.png); height: 450px; width: 500px;}
 .visual.promo{background-image: url(../images/BannerHomepage.png); height: 450px; width: 500px; color: white; text-decoration: none;}
 a.visual.promo span {padding-left: 88px; padding-top: 220px; display:block; text-transform: uppercase; font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;}
 .free_download span {text-transform: uppercase; font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px;}
 .index .visual.promo{margin-bottom: 12px;}
 .visual.static{width: 420px; height: auto;}
 .visual.solution{margin-left: 16px; width: 484px;}

 .intro{font-size: 14px; line-height: 20px; padding-top: 16px; float: left; width: 350px; /* 380 */}
 /*.intro{font-size: 15px; line-height: 20px; padding-top: 16px; float: left; width: 350px; }*/
 .intro h5{padding-top: 60px; margin-bottom: 16px;}
 .content .block.moreinfo{width: 530px; padding-top: 60px;}

 .content .block.option{width: 208px; padding: 0 16px 20px 16px; background: #FFF url(../img/core/bg_option-bottom.png) no-repeat center bottom; margin-left: 64px;}
 .option h3{padding: 32px 0 0 0; background: url(../img/core/bg_option-top.png) no-repeat center top; margin-bottom: 16px;}

 .showcases{margin-left: 64px; float: left; padding: 40px 0px 0px 0px; width: 390px; }
 .showcases .description{width: 350px; float: left; padding-top: 64px; padding-bottom: 32px; text-align: center; }
 .showcases .description p{width: 350px;}
 .showcases .slider{width: 350px; float: left; margin-left: 7px; height: 380px;}
 .showcases .imageholder{width: 300px; height: 100%;  float: left;}
 .showcases .imageholder img{width: 300px}
 .showcases .arrow{width:18px; height : 100%; display: block; background-repeat: no-repeat; float: left; cursor: pointer;}
 .showcases .arrow.left{background-image: url(../img/core/arrow_left.png); background-position: left center;}
 .showcases .arrow.right{background-image: url(../img/core/arrow_right.png); background-position: right center;}

 #showcase_submit_icon { float: left; margin: 100px 0 0 80px; width: 689px; height: 340px; background-image: url(../images/showcases/showcase_submit_icon2.jpg);}

.block.right.submit { margin: 0 0 0 250px; }

 .updates { width: 390px; padding: 40px 40px 48px 46px; float: left; /*url(../img/core/shadow_nav-trans.png) repeat-y left top */}
 .updates .item { width: 390px; background: url(../img/core/hairline.png) repeat-x left bottom;  margin-bottom: 16px; float: left;}
 .updates .item p {margin-bottom: 16px;}
 .updates .item span {color: #B3B3B3;}

/* ------------------------------------------------------------------
*
* HANDLE CONTENT
*
 ------------------------------------------------------------------*/
 .content{margin-left: -6px; float: left; width: 960px; min-height: 450px; margin-bottom: 60px;}
 .home .content{margin-bottom: 0;}
/* .content .shadow{background: url(../img/core/shadow_nav-trans.png) repeat-y right top; width: 6px; min-height: 416px; height: 100%; float: left; display: block;}*/
 .content .block{margin-left: 46px; float: left;}
 .content .block.left{width: 224px; margin-top: -32px;}
 .content .block.left .quote, .content .block.left .quote p{font-size: 18px; line-height: 26px; color: #B3B3B3;}
 .content .block.right{width:530px; padding-top: 32px; margin-bottom: 0;}

 .content .features .block{margin-left: 0;}


 .content .block.company{margin-bottom: 44px; margin-left: 104px;  width: 530px;}

 .content .block.right.company{padding-top: 0;}
 .content .block.right.community{padding-top: 0;}
 .content ol{list-style-type: decimal;}
 .block.community img{ margin: 20px; -moz-box-shadow: 0px 5px 15px 0px #000; -webkit-box-shadow: 0px 5px 15px 0px #000; box-shadow: 0px 5px 15px 0px #000;}
 /*.block.community ol img{ margin: 10px; background-color: red; -moz-box-shadow: 0px 5px 15px 0px #000; -webkit-box-shadow: 0px 5px 15px 0px #000; box-shadow: 0px 5px 15px 0px #000;}*/
 .dropshadow { margin: 10px; -moz-box-shadow: 0px 5px 15px 0px #000; -webkit-box-shadow: 0px 5px 15px 0px #000; box-shadow: 0px 5px 15px 0px #000;}

 .content .block.career { width: 500px; }


 /* ------------------------------------------------------------------
*
* HANDLE BUTTONS
*
 ------------------------------------------------------------------*/
 .primary-button{-webkit-appearance: none; -webkit-border-radius:0;  background: #F2F2F2 url(../img/core/blank_btn.png) repeat-x center bottom; color: #691dd3; text-transform: uppercase; font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; padding: 8px 20px 11px 24px; margin: 8px 16px 0 0; float: left; font-size: 14px; /*15px*/}
 .primary-button:hover{color: #691dd3; background: #F2F2F2 url(../img/core/shadow_btn.png) no-repeat center bottom;  background-size: 100%;}
 .primary-button.last { margin: 8px 0 0 0; }

 .centerButtons .primary-button { padding: 8px 17px 11px 20px; }

  .centerButtons .primary-button.blue { padding: 8px 24px; }


 .secondary-button{-webkit-appearance: none; -webkit-border-radius:0;  background: url(../img/core/btn_white.jpg) no-repeat center top; color: #691dd3;  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; padding-top: 28px; margin: 16px 0 0 0; float: left; font-size: 16px; height: 76px; min-width: 158px; text-align: center;}
 .primary-button:hover{color: #691dd3;}

 .secondary-button.showcase { color: #691dd3; margin: 0; }
 .secondary-button.showcase:hover { color: #691dd3; }

 .third-button{-webkit-appearance: none; -webkit-border-radius:0;  background: none; color: #808080; border: 1px solid #BABABA; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-transform: uppercase; padding: 8px; float: left; margin-top: 8px; background-color: #E9E9E9; background: -webkit-linear-gradient(100% 100% 90deg, #F2F2F2, #FCFCFC); background: linear-gradient(100% 100% 90deg, #F2F2F2, #FCFCFC); background: -moz-linear-gradient(100% 100% 90deg, #F2F2F2, #FCFCFC); cursor: pointer; text-decoration: none; margin-bottom: 20px;}
 .third-button:hover{background: #691dd3; color: #FFF;}

 .blue{background: #691dd3; color: #FFF; padding: 8px 24px;}
 .blue:hover{background: #691dd3; color: #FFF;}

 .purple{background: #D52E86; color: #FFF; padding: 8px 24px;}
 .purple:hover{background: #F982C6; color: #FFF;}

 a.tour{color: #F2F2F2; text-decoration: none; font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 24px; background: url(../img/core/icn_tour.png) no-repeat left top; width: 164px; height: 22px; display: block; margin: 350px 0 0 135px; padding-left: 30px;}
 a.tour:hover{color: #FFF; background-position: left bottom;}

.visual.twixlmedia  a.tour{color: #F2F2F2; text-decoration: none; font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 24px; background: url(../img/core/icn_tour.png) no-repeat left center; width: 150px; height: 44px; display: block; margin: 338px 0 0 135px; padding-left: 30px;}
.visual.twixlmedia a.tour:hover{color: #FFF;}

 .check_roadShow { float: left; margin-right: 6px;}

 a.demo.solution { font-size: 19px; margin-left: 10px; }

 /* ------------------------------------------------------------------
*
* HANDLE EVENTS / JOBS / PRESS
*
 ------------------------------------------------------------------*/
 .content .block.right.press{padding-top: 0;}

.events, .jobs{width: 530px; padding-top:64px;}
.events .item, .press .item, .jobs .item{width: 100%; margin-bottom: 60px; float: left;}

.events .item h5, .jobs .item h5, .press .item h5{/*padding-left: 60px;*/ min-height: 40px; margin-left: 20px; float: left; width: 470px;}
.events .item .date, .press .item .date, .jobs .item .date{background: url(../img/core/icn_event.png) no-repeat left top;  width: 40px; height: 40px; float: left; text-align: center; font-size: 16px; font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top: 16px;}

/*.events .item p, .press .item p, .jobs .item p{float: left; width: 100%;}*/

.events .webinar .date{background-image: url(../img/core/icn_webinar.png); padding-top: 6px;}
.events .item .third-button, .press .item .third-button, .jobs .item .third-button{font-size: 11px; padding: 4px 8px; }

/*.press .item h5{padding-left: 53px;}*/
.press .item .date{background-image: url(../img/core/icn_press.png); width: 33px;}

.jobs .item{background: url(../img/core/icn_job.png) no-repeat left top;}
.jobs .item h5{margin-left: 53px;}

.updates .item p{ padding-left: 24px; background-position: left top; background-repeat: no-repeat; background-image: url(../img/core/icn_press-small.png);}
.updates .item.news p{background-image: url(../img/core/icn_news-small.png);}
.updates .item.webinar p{background-image: url(../img/core/icn_webinar-small.png);}
.updates .item.seminar p{background-image: url(../img/core/icn_seminar-small.png);}
.updates .item.tradeshow p{background-image: url(../img/core/icn_tradeshow-small.png);}
 /* ------------------------------------------------------------------
*
* HANDLE FORM
*
 ------------------------------------------------------------------*/
 .field{border:0; border-bottom: 1px dotted gray; background: none; color: #666; background: url(../img/core/bg_field.png) repeat; width: 362px; padding: 8px 8px; margin-bottom: 16px; font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, sans-serif; /*font-size: 15px;*/ font-size: 14px;}
 label{margin-bottom: 5px; width: 100%; float: left;}

.compactRadioGroup LABEL, .compactRadioGroup INPUT, .compactRadioGroup SELECT {float: none; margin-left: 8px; margin-bottom: 10px;}

.inputField {border:0; background-color: #f4f4f4; border: solid thin #ececec; color: #666; width: 362px; padding: 8px 8px; margin-bottom: 16px; margin-left: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Arial, sans-serif; font-size: 14px;}

.checkbox { float: left; width: 362px; margin: 20px 60px 10px 0; }
.checkbox input { margin: 0 5px 0 10px; }

.checkboxes { float: left; margin-bottom: 20px; }
.checkboxes input, .checkboxes label { float: left; }

.checkboxes label { margin-left: 20px;  width: 250px;  }

#dataCheckboxListLabel { margin-top: 10px; }

 /* ------------------------------------------------------------------
*
* HANDLE FOOTER
*
 ------------------------------------------------------------------*/
 .footer{background: #691dd4; width: 100%; /*min-height: 100px;*/ float: left; }
 .footer .wrap{padding: 96px 0 32px 80px; float: left; width: 880px; margin-left: -6px; background: #691dd4; color: white;/*url(../img/core/shadow_nav-trans.png) repeat-y left top */ }

 .footer .block, .features .block{width: 260px; margin-right: 32px; float: left;}
 .footer .block.last, .features .block.last{margin-right: 0;}
 .footer .block .field{width: 230px;}

 .footer h5.smalltwixl{ margin-top: -56px;}
 .footer h5.smalltwixl a {text-indent: -9999px; background: url(../img/logo-twixl-white.svg) no-repeat left top; width: 80px; display: block;}

 .content .social{margin-left: 16px;}

 a.social{height: 20px; text-indent: -99999px; display: block; margin-bottom: 16px; background-repeat: no-repeat; background-position: left top; }
 a.social:hover{background-position: left bottom;}
 a.linkedin{width: 79px;  background-image: url(../img/core/logo_linkedin.png);float: left; }
 a.twitter{width: 91px; background-image: url(../img/core/logo_twitter.png); float: left;  margin-right: 40px;}

 /*.quote{color: #999; font-style: italic; line-height: 22px; width: 100%; background: url(../img/core/quote.png) no-repeat left top; padding-top: 8px; margin-top:-10px;}
 .footer .quote span{color: #999; font-size: 12px; line-height: 18px;}*/
   .quote{color: #999; font-style: italic; font-size: 14px; line-height: 22px; width: 95%; background: url(../img/core/quote.png) no-repeat left top; padding-top: 8px; margin-top:-10px; padding-right: 5%;}
 .footer .quote span{color: #999; font-size: 12px; line-height: 18px;}

 /* ------------------------------------------------------------------
*
* HANDLE OVERRULE
*
 ------------------------------------------------------------------*/
 .clear{clear: both;}
 .jobs .item.last, .press .item.last, .events .item.last{margin-bottom: 0;}

 .hidden{display: none;}

 /*----------------------------------------------------------------------
*
* HANDLE pagepeel
*
----------------------------------------------------------------------*/
.pagepeel{ margin: 10px;}
#turn_hideme{background: #FFF;}
 #turn_wrapper{cursor: pointer; }


 /*----------------------------------------------------------------------
*
* HANDLE LAVA
*
----------------------------------------------------------------------*/
#lavawrap{float: left; width: 100%; text-align: right; margin-top: -27px;}
#lava{z-index: 999; margin: 0 10px 10px; float: right;}
#lava img{width: 25px; height: 17px;}
#lava:hover{padding: 0; background: none; text-decoration: none; border-bottom: 0;}

/*----------------------------------------------------------------------
*
* PARTNERS MAP OVERLAY
*
----------------------------------------------------------------------*/
.wrapper.map{background-color:transparent; width: 854px;}

.map .header{margin: 60px 0 30px 0; padding: 0 0 15px 0; height:30px;width:100%;float:left;}
.map .header h2{float:left; margin-left: 10px;}

.map .content{width: 100%; margin-left:0;}

.switch{display: none; width: 100%; height: 100%; position: relative; top:0; left:0; background-repeat: no-repeat; background-position: left top;}

#world{position: absolute; top:0; left:0;}

.overview.choose{margin-top: 0; width: 844px; height: 424px;}

/* HANDLE HEADER
----------------------------------------------------------------------*/
#continentName{width:280px; /*height:155px;float:left;margin:-70px 0 0 -25px;*/padding:10px 0; float: left; margin: 0 0 0 50px;}
#continentName a{ background: url(../img/core/continent-arrows.png) no-repeat left center;}
#continentName a:hover{ color: #691dd3;}
#continentDropDown {padding:10px 0 10px 50px; float: left;}

a#closeOverlay{ float:right;padding: 0 15px 0 0; margin:15px 10px 0 0; height: 12px; line-height: 12px; overflow: hidden;text-decoration: none;color:#d6d6d6; background: url(../img/core/close_overlay.png) no-repeat right 1px;}
a#closeOverlay:hover{opacity: 0,6; color: #999; background-position: right -19px;}


/* HANDLE OVERVIEW
----------------------------------------------------------------------*/
.overview{width: 512px; height: 616px; background-postion:left top; background-repeat: no-repeat; float: left; margin: 75px 0 0 10px; position: absolute; display: block; overflow: hidden;}
.region{width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat;  position: absolute;}
.mover{ position: absolute;}

.preloader{display: none;}

.overview.europe{height: 444px; margin-top: 55px;}
.overview.africa{height: 498px; margin-top: 30px;}
.overview.north-america{height: 440px; margin-top: 30px;}
.overview.asia-pacific{height: 616px; margin-top: 0;}
.overview.middle-east{height: 445px; margin-top: 30px;}
.overview.south-america{height: 512px; margin-top: -30px;}
.overview.south-asia{height: 453px; margin-top: 30px;}

/* HANDLE OVERVIEW LOGIN
----------------------------------------------------------------------*/
.loginOverview { margin: 0 0 0 320px; }
.loginOverview .partner_info, .loginOverview .partner_news { margin: 15px 0; border: solid 1px #ccc; padding: 20px; }
.loginOverview .partner_info p { font-weight: bold; margin: 0; }
.loginOverview .partner_info p span { color: #691dd3; }
.loginOverview h2 span a, .files h2 span a, .sales h2 span a, .leads h2 span a { float: right; padding: 0 10px; background: #691dd3; color: #fff; }
.sales .partners_frame.sales h2 { width: 800px; font-size: 28px;}
.loginOverview ul { margin: 0; }
.loginOverview ul li { background: #dfdfdf; list-style: none; margin: 0; }
.loginOverview ul li a { text-decoration: none; font-weight: bold; display: block; padding: 10px 20px; margin: 0 0 5px 0; text-transform: uppercase; }
.loginOverview ul li a:hover { background: #ccc; }

/* HANDLE SIDEBAR
----------------------------------------------------------------------*/
.sidebar.partner{float:right;width:262px; /*margin-left: 60px;*/}
.partner ul{list-style: none;margin:0;padding:0;width: 260px;position: relative;}
.pagination{overflow:hidden; margin-bottom: 20px; }

.partner ul li{background: #E8E8E8 url(../img/core/country_arrow.png) no-repeat right; height:auto;margin-bottom: 3px; padding: 15px;}
.partner ul li a{display: block; text-decoration: none; font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px;font-weight:lighter; color: #999; word-break: break-word;}
.partner ul li a span{font-family: Arial; font-style: italic;font-size: 12px;}
.partner ul li a:hover, .partner ul li a.active{color: #F2F2F2;} /* #691dd3 */
.partner ul li a.activated{color:#FFF;} /* #691dd3 */


/* HANDLE CONTROLLERS
----------------------------------------------------------------------*/
a.showPage{text-decoration: none;color:#691dd3;padding: 2px 5px 2px 5px;}
a.showPage:hover{color: #691dd3;}
a.showPage.active{ border-radius:4px;background-color: #691dd3; color:#F2F2F2;}

#fancybox-outer.transparent { background: transparent;}

.index .visual {
	margin-bottom: 112px;
}

/* HANDLE CLIENTZONE
----------------------------------------------------------------------*/
.client .main{margin-top: 60px;}
.client{background-position: right 40px;}

.button{width: 235px; margin: 0  60px  30px 0; float: left;}
.button.last{margin-right: 0;}
.button .top{height: 4px; background: url(../img/core/btn_topshadow.png) no-repeat center top; width: 100%;}
.button a.software{ font-size: 14px; line-height: 18px; text-transform: none; text-decoration: none; display: block; margin: 25px 20px 20px 10px; padding-left: 70px; height: 58px;}

.button a.mac{background: url(../img/core/icn_apple.png) no-repeat left top;}
.button a.windows{background: url(../img/core/icn_windows.png) no-repeat left top;}
.button a.windows:hover{background-image: url(../img/core/btn_download.png), url(../img/core/icn_windows.png); background-position: left center, left bottom;}
.button a.mac:hover{background-image: url(../img/core/btn_download.png), url(../img/core/icn_apple.png); background-position: left center, left bottom;}

.button .bottom{height: 4px; background: url(../img/core/btn_bottomshadow.png) no-repeat center bottom; width: 100%; margin-bottom: 10px;}
.button table{width: 200px; margin: 0 auto; }
.button tr td{padding: 5px 10px; text-align: left;}
.button tr.odd td{background: #F9E0ED;}

.content .block.right.client_overview { width: 880px;}
.client_overview h5{color:#999; }
.client .header{margin-bottom: 15px ;}

.specs.client{margin-bottom: 20px;}
.specs.client thead tr th { background-color: #0094D4; border-right: 1px solid #4083D3;}
.specs.client tbody td{border-right: 1px solid #EEE;}
.specs.client td.last,.specs.client th.last{border: none;}
.specs.client tbody tr.even, .specs.client thead tr.even{background: #F0F7FC;}
.specs.client tbody tr:hover{ background-color: #D7EBFC;cursor: pointer; }

h2 { position: relative; }
h2.submit { margin: 20px 0 200px 205px; float: left;}
#promo { width: 100px; height: 100px; background: url(../images/promo/sale_button.png) no-repeat; position: absolute; left: 610px; top: 7px;}

a.partner{text-transform: uppercase; text-decoration: none; font-size: 14px; line-height: 28px;}
.licensedto{font-weight: bold;}

td.pending, p.pending{background: url(../img/core/icn_state-pending.png) no-repeat right center;}
td.approved, p.approved{background: url(../img/core/icn_state-approved.png) no-repeat right center;}
td.rejected, p.rejected{background: url(../img/core/icn_state-rejected.png) no-repeat right center;}

p.rejected, p.pending, p.approved{background-position: left center; padding-left: 20px;}

.summary{background: url(../img/core/shadow_feature.png) no-repeat center bottom; float: left; width: 100%; padding-bottom: 20px;}

.filter{width: 100%; border-bottom: 1px solid #EEE; padding-bottom:10px; float: left; margin-bottom: 30px;}

.filter .block{float: left; width: 33%; margin-left: 0; border-right:1px solid #EEE;}
.filter .block.last{width: 66%; border: none;}
.filter .block.last label, .filter .block select{margin-left: 60px;}
.filter .block select{float: left;-moz-border-radius: 4px;-moz-box-shadow: 1px 1px 5px #cfcfcf inset;border: 1px solid #cfcfcf;vertical-align: middle;background-color: transparent;}

input.search{ width: 200px;}

.content.detail .block.left{margin-top: 32px;}


.client .column{width: 250px; margin-right: 30px; float: left;}
.client .column.last{margin-right: 0;}
.client .column input.field{width: 230px;}


.footer a.right{float: right; margin-right: 25px;}


/* ADMIN BAR*/
.adminbar{width: 100%; background-color: #222; font-size: 12px; text-transform: uppercase; background-image: url(../img/core/bg_adminbar.png);  background-position: 100px top;  height: 40px; top:0; left:0; z-index: 9999; position: absolute; }

.adminbar .welcome{background: url(../img/core/bg_adminbar-first.png) no-repeat; width: 380px;  float: left; display: block; padding: 12px 0; min-height: 40px; padding-left: 56px; }
.adminbar .welcome a{text-decoration: none; color: #808080;}
.adminbar ul{list-style: none; margin: 0; padding: 0; }
.adminbar ul.adminnav{float: right; margin-right: 140px; }
.adminbar ul.adminnav li{float: left; border-left: 1px solid #464646; }
.adminbar ul.adminnav li.more{ min-width: 172px;}
.adminbar ul.adminnav li a{background-repeat: no-repeat; background-position: left top; height: 18px; margin: 10px 60px 0 15px; padding: 3px 0 0 30px; text-decoration: none; color: #808080; display: block;}
.adminbar ul.adminnav li a:hover, .adminbar ul.adminnav li a.active{background-position: left bottom; color: #F2F2F2;}

.adminbar ul.adminnav li.alerts span{color:#0094D4; }
.adminbar ul.adminnav li.alerts{border: none;}
.adminbar ul.adminnav li.alerts a{background-image: url(../img/core/bg_alert.png);}
.adminbar ul.adminnav li.profile a{background-image: url(../img/core/bg_profile.png);}
.adminbar ul.adminnav li.logout a{background-image: url(../img/core/bg_logout.png);}


.adminbar ul.adminnav li.more ul{width: 172px; background: url(../img/core/arrow_admin-top.png) no-repeat 15px top; padding-top: 7px; margin-top:2px; border: none;}
.adminbar ul.adminnav li.more ul li{ border-left: none; float: none; background: #f5f5f5; padding: 10px 15px; width: auto; min-width: inherit;}
.adminbar ul.adminnav li.more ul li a{background: 0; margin: 0; padding: 0; color: #A6A6A6;}
.adminbar ul.adminnav li.more ul li a:hover{ color: #666; }

.adminbar ul.adminnav li.more ul li.top{ height: 10px; padding: 0; }
.adminbar ul.adminnav li.more ul li.bottom{ padding:10px 0 0 0; height: 10px; width: 100%; background: #f5f5f5 url(../img/core/bg_admin-bottom.png) no-repeat center bottom;}

.specs thead tr th { vertical-align: bottom; }
.specs tbody tr.even, .specs thead tr.even { border-bottom: 1px solid #d2d2d2;}
.specs .price a { font-weight: bold; text-decoration: none; width: 60%; background-color: #D52E86; color: white; display: inline-block; margin-top: 8px; padding: 2px; font-size: 80%; }
.specs .price span { font-size: 135%; font-weight: bold; color: #666; }

.type_publishing { display: inline-block; width: 280px; height: 45px; }
.type_publishing.active { background-color: #D52E86; color: white; background: url(../images/arrow.png) no-repeat; background-position: 50% 40%; }
.type_publishing.inactive { background-color: none; color: #999; background: none; }

small { font-size: 85%; }

/* HANDLE AWWWARDS
----------------------------------------------------------------------*/
#awwwards{
	/*position:absolute;*/
	top:0;
 	position: fixed;
    right: 0 !important;
	z-index:555;
}
#awwwards a{
	width:69px;
	height:105px;
	text-indent:-8000px;
	display:block;
	position: absolute;
	right: 0 !important;
	float: right;
	background:url(../img/awwwards_nominee_w_right.png) no-repeat;
	overflow:hidden;
}



/* DOWNLOAD FORM
----------------------------------------------------------------------*/
#solution_partnerFrame { display: none; }
#no_solution_partners { display: none; }


/* AGENCIES
----------------------------------------------------------------------*/

.agenciesTitle {
	width: 260px;
}

.twixlEnterpriseTitle {
	width: 270px;
}


.visualLeft {
	background: url(../img/backdropHome.png) no-repeat;
	width: 501px;
	margin-top: -70px;
	margin-left: 550px !important;
	height: 405px;
}

.visualLeft h4 {
	margin-left: 70px;
}

.visualLeft p {
	margin-left: 70px;
	width: 150px;

}

.visualLeft .centerButtons{
	margin-left: 70px;
}

.centerButtons{
	position: relative;
	overflow: visible;
}

#freeStamp {
	position: absolute;
	top: -33px;
	left: -25px;
	width: 80px;
	height: 80px;
	background: url(../images/home/free_stamp.png) no-repeat;
}

#freeStampSmall {
	position: absolute;
	top: -33px;
	left: -25px;
	width: 80px;
	height: 80px;
	background: url(../images/home/free_stamp.png) no-repeat;
}

.stamp {
	position: relative;
}

.agencies_home .showcases {
	float: left;
	position:  absolute;
	top: 550px;

}


.visual.agenciesHome {
	background: url(../images/enterprise/box-publisher-packshot-normal.png) no-repeat;
	width: 300px;
	margin-top: -150px;
	height: 450px;
	float: left;
}

/* ENTERPRISES
----------------------------------------------------------------------*/
.home-enterprise .enterpriseHead{
	width: 500px;
	float: left;
}

.home-enterprise .mini{
	width: 400px;
	float: left;
	margin-top: -30px;
}

.visual.enterHome {
	background: url(../images/enterprise/box_publisher_packshot_samen.png) no-repeat;
	width: 350px;
	margin-top: -150px;
	margin-bottom: 0px;
	height: 450px;
	float: left;
}

.boxDouble {
	background: url(../images/enterprise/box_publisher_packshot_samen.png) no-repeat;
	float: left;
	width: 350px;
	height: 450px;
	position: absolute;
	top: 600px;
}


.home-enterprise .enterprisePublishingBlocks{
	margin-left: -80px;
}

.enterpriselogo a img { padding-left: 30px; border-left: #dfdfdf 1px solid; }

.mobile.nav { display: none; }

#help_icon_placeholder {
	float: left;
	background: url(../images/help/help_icon.png) no-repeat;
	width: 187px;
	height: 196px;
	margin: 0;
	padding: 0;
	margin: 0 0 0 30px;
}

#docs_icon_placeholder {
	float: left;
	background: url(../images/help/documentation_icon.png) no-repeat;
	width: 187px;
	height: 196px;
	margin: 0;
	padding: 0;
	margin: 0 0 0 30px;
}

.partners_frame {
	margin: 0 0 0 400px;
	width: 800px;
}

.partners_frame .third-button { float: none; }

.partners_frame.login {
	margin: 0 0 0 325px;
}

.partners_frame.login label#rememberMe {
	float: none;
}

.partners_frame.sales .filter_frame {
	padding: 10px 20px;
	background: #e8e8e8;
	width: 760px;
	margin: 0 0 10px 0;
}

.partners_frame.sales .filter_frame button {
	background: #691dd3;
	color: #fff;
	border: none;
	text-transform: uppercase;
}

.partners_frame.sales .filter_frame #filter_btn {
	width: 60px;
	margin-left: 10px;
}

.partners_frame.sales .filter_frame input {
	margin-left: 5px;
}

.partners_frame .specs thead tr th {
	background: #691dd3;
}

.partners_frame .specs {
	width: 800px;
}

.partners_frame.leads {
	width: 800px;
}

.partners_frame.leads h6 {
	margin: -30px 0 15px 0;
	padding: 0;
	color: #691dd3;
	font-size: 14px;
}

#lead_detail_textarea {
	max-width: 790px;
	width: 790px;
}

.lead_comments .comment {
	padding: 15px;
	background: #f2f2f2;
}

.lead_comments .comment.odd {
	background: #e8e8e8;
}

.lead_comments .comment .date {
	color: #691dd3;
	font-weight: bold;
}

.lead_comments .comment {
	word-break: break-word;
}

.flash-success {
	display: block;
	padding: 5px 10px;
	margin: 0 325px 10px 0;
	background: #aeffa3;
	color: #108500;
	text-align: center;
	border: 1px solid #108500;

}

#files_partners {
	margin: 0;
	background: #f8f8f8;
	padding: 30px 30px 30px 50px;
}

#files_partners li {
	margin-bottom: 10px;
}

#files_partners li a {
	text-decoration: none;
	padding: 3px 40px 3px 10px;
	display: block;

}

#files_partners li.folder {
	list-style-image: url(../images/partners/folder.png);
}

#files_partners li.odd a {
	background: #dfdfdf;
}

#files_partners li.even a {
	background: #EEE;
}

#files_partners li.file {
	list-style-image: url(../images/partners/download.png);
}

#files_partners li a:hover {
	background: #CCC;

}

#files_partners_menu {
	margin: 0 0 20px 0;
	background: #f8f8f8;
	padding: 15px 10px 15px 20px;
}

#files_partners_menu a {
	text-transform: uppercase;
	text-decoration: none;
	background: #e9e9e9;
	padding: 5px 10px;
	margin-right: 5px;
}


.select_price_frame select {
	background: transparent;
	-webkit-appearance: none;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	width: 68px;
	border: none;
	height: 20px;
	float: left;
	z-index: 997;
	padding-left: 10px;
	color: rgb(128, 128, 128);
}

.select_price_frame {
	background: #e2e2e2 url(../img/core/bg_select_price.png) no-repeat;
/*	float: left;
*/	width: 68px;
	height: 20px;
    display: inline-block;
/*	overflow: hidden;
	z-index: 1;
*/
}

#target { position: absolute; top: 0; right: 0; }

/* DOWNLOAD OVERLAY - SAMPLE PUBLICATION */

#overlay_download_message, #overlay_download_mobile_message {
	position: fixed;
	margin: 0;
	background: url(../images/downloads/bg_download_message.png) repeat;
	width: 100%;
	height: 100%;
	z-index: 999;
	display: none;
}

#overlay_download_message .container, #overlay_download_mobile_message .container {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
	max-height: 300px;
	overflow: auto;
	width: 500px;
	margin: -120px 0 0 -200px;
	background-color: #ffffff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}

#overlay_download_message .header, #overlay_download_mobile_message .header {
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
	margin: 0;
}

#overlay_download_message .header h2, #overlay_download_mobile_message .header h2 {
	color: #D52E86;
	margin: 0;
	padding: 0;
}

#overlay_download_message .body, #overlay_download_mobile_message .body {
	padding: 15px;
}

#overlay_download_message .footer, #overlay_download_mobile_message .footer {
	padding: 14px 15px 15px;
	margin-bottom: 0;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
}

#overlay_download_message .footer, #overlay_download_mobile_message .footer {
	width: 470px;
	margin: 0;
	display: table;
}

#overlay_download_message .footer a, #overlay_download_mobile_message .footer a {
	color: #D52E86;
	margin: 0 0 0 5px;
	float: right;
	text-decoration: none;
}

#overlay_download_message .footer a.ok, #overlay_download_mobile_message .footer a.ok {
	background: #D52E86;
	color: #fff;
}


#overlay_download_message .footer a:hover, #overlay_download_mobile_message .footer a:hover {
	color: #fff;
	background: #555;
}

a.sample_publication_download, a.sample_publication_mobile_download {
	cursor: pointer;
}



/*_____________STORE______________*/

.product_block {
	float: left;
	width: 250px;
	text-align: center;
	margin-left: 15px;
	margin-bottom: 70px;
}

.product_block h5{
	height: 60px;
	overflow: hidden;
}

.product_block .third-button {
	float: center;
}

.price_excl_incl {
	font-size: 12px;
}

.forgotPassword {
	float: left;
	padding: 13px 0 0 20px;
}

div.kioskCloud h2 { font-size: 28px; }

.testAccountCheckbox input {
	float: left;
}

.testAccountCheckbox label {
	margin-left: 8px;
	margin-bottom: 30px;
	width: 90%;
	float: left;
}

.twixl_viewer_button {
    text-align: center;
    width: 235px;
}

.twixl_viewer_button p {
    min-height: 110px;
}

.twixl_viewer_button a {
    text-decoration: none;
}