@charset "utf-8"; /* CSS Document */

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700); @font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(../fonts/OpenSans.eot); src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans.eot) format('embedded-opentype'), url(../fonts/OpenSans.woff) format('woff'); }
@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url(../fonts/OpenSans300.eot); src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans300.eot) format('embedded-opentype'), url(../fonts/OpenSans300.woff) format('woff'); }

body {margin: 0px; padding:0px; background: #fff; font-family: 'Open Sans', arial, helvetica, sans-serif; font-size:13px; color:#707070}


/* General Rules */
#mainbody {}
h1 {color: #0c4da2; font-size: 32px; margin-top:0px; margin-bottom:10px; padding: 0px; text-align:center; font-weight:100}
h2 {color: #2f2f2f; font-size: 28px; margin-top:0px; margin-bottom:10px; padding: 0px; font-weight:100}
.featuretop .col-thirds a:hover {color: #000; }
h3 {color: #2f2f2f; font-size: 28px; margin-top:0px; margin-bottom:10px; padding: 0px; font-weight:100}
a {color: #0c4da2; text-decoration: none; } 
a:hover {color: #0c4da2; text-decoration: underline; }
img {border:0px}
.clr {clear:both}
.core_wrapper {width:98%; display:block; margin:auto; max-width:1160px; position:relative}
i.mobile_hidden {font-style:normal}
.left {float:left}
.right {float:right}
a.fa {cursor:pointer}
hr {border: 0; height: 0; border-top: 1px solid #e4e4e4; border-bottom: #e4e6e8; }
select, input {font-family: 'Open Sans', arial, helvetica, sans-serif; }
.extra_form_options {background: none repeat scroll 0 0 #e7edfc; border: 1px dotted #ccc; padding: 5px; text-align: center; }
.extra_form_options #send {display:inline}
.hasDatepicker {width: 85px}
.ui-widget {font-family: 'Open Sans', arial, helvetica, sans-serif!important; font-size: 0.9em !important; }
a.button, a.button:visited, a.button:active {padding:12px; border-radius:5px; text-transform: uppercase; color:#fff; font-size:12px; letter-spacing: 0.05em; }
a.button:hover {color:#fff; cursor:pointer}
.row_spacer {height:20px; display:block}
.title_row {text-align:center; padding:20px 0; text-transform:capitalize}
#mainbody .core_wrapper {margin-bottom:20px}
.center {text-align:center}

input.button {padding:12px; border-radius:5px; text-transform: uppercase; color:#fff; font-size:12px; letter-spacing: 0.05em; border:0px; text-align:center}
input.button:hover {cursor:pointer; text-decoration:underline}
form .col-thirds input[type=text],
form .col-thirds textarea,
form .col-thirds select
{font-family: 'Open Sans', arial, helvetica, sans-serif!important; border-radius:5px; border:1px solid #ccc; font-size:13px; color:#999; padding:10px; width:100%}
form .col-thirds {margin-bottom: 20px}

p.button {display: block; margin-top: 26px; }


/* Header */
.header {width: 100%; margin:0px auto; position:relative; background: -moz-linear-gradient(top, white 0%, #d1ddea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#d1ddea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, white 0%,#d1ddea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, white 0%,#d1ddea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, white 0%,#d1ddea 100%); /* IE10+ */
background: linear-gradient(to bottom, white 0%,#d1ddea 100%); /* W3C */}
.logo a {background:url(../images/Affiliate_Future.png) no-repeat; width:180px; height:70px; display:block; position:absolute; top:-2px; left:0px; z-index:9999}
#menu {display:none} /* Once nav is replaced can delete this line */
.accountdetails {width:100%; display:block; height:67px; overflow:hidden; color:#666; }
.accountdetails span {background:#44b6ae; color: #fff; margin-right: 10px; padding: 2px 6px; }
.accountdetails a {color:#666}
.accountdetails a:hover {color:#666}
.accountdetails p {margin: 0; padding: 10px; position: absolute; right: 0; }
.login {bottom: 0; position: absolute; right: 0; }
.login a:hover {color:#fff}
a.register {padding: 7px 10px; display:block; width:auto; float:right; background:#4b77be; color:#fff; text-transform: uppercase; margin-right: 2px; }
a.login_button { cursor:pointer;padding: 7px 7px 7px 41px; display:block; width:auto; float:right; color:#fff; text-transform: uppercase; background: #2d5aa4 url(../images/AF_Interface_Icons.png) no-repeat -4px -84px}
.login_panel {border: 1px solid #fff; box-shadow: 0 4px 5px #999; display: block; padding: 10px; position: absolute; right: 0; top: 33px; width: 215px; z-index: 9999; background:#fff}
.login_panel a {display:block; color: #fff; padding:6px; border-radius:5px; float:left; width:48%}
.login_panel .c_publishers {float:right}
.color_one {background:#0c4da2}
.color_two {background:#4b77be}
.color_three, .c_advertisers {background:#44b6ae}
.color_four {background:#f26d7d}
.color_five, .c_publishers {background:#8775a7}
.color_six {background:#aa96ce}
.color_seven {background:#d1d2d4}
.color_grey {background:#d1d2d4}
.color_white {background:#fff}
.color_twitter {background:#29a9e1}
.color_twitter span {font-size:22px}
a.color_grey, a.color_grey:hover, a.color_white, a.color_white:hover  {color:#666!important}
a.color_three:hover, a.color_five:hover, a.color_two:hover {color:#fff!important; text-decoration:underline}
.grey {background:#d1d2d4}
.grey .padd_top {padding:20px 0px}
.img-fullwidth img {width:100%}

/*Widgets*/
.fullscreen {width:100%!important}

/*Nav*/
.interfacenav {width:100%; display:block; padding: 0; background: #4b77be; /* Old browsers */
background: -moz-linear-gradient(top, #4b77be 0%, #2b59a3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b77be), color-stop(100%,#2b59a3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4b77be 0%,#2b59a3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4b77be 0%,#2b59a3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4b77be 0%,#2b59a3 100%); /* IE10+ */
background: linear-gradient(to bottom, #4b77be 0%,#2b59a3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b77be', endColorstr='#2b59a3',GradientType=0 ); /* IE6-9 */}
.interfacenav ul li a {}
.interfacenav li.home {width:43px; }
.interfacenav .home a {text-indent:-9999px; font-size:0.1px; background-position: -1px -48px; background-image:url(../images/AF_Interface_Icons.png); display:block; margin:auto}
.interfacenav .home a:hover {background-position: -1px -8px}
.interfacenav .home a.navactive {background-position: -1px -8px}
#cssmenu ul li a.navactive {color:#fff}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cssmenu:after,
#cssmenu > ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#cssmenu #menu-button {display: none; margin: 5px 5px 0 10px; }
#cssmenu {position: relative; z-index: 9998; margin: auto; }
#cssmenu > ul > li {float: left; border-right:1px solid #265094; }
#cssmenu > ul > li:first-child {border-left:1px solid #265094; margin-left: 8px; }
#cssmenu.align-center > ul {font-size: 0; text-align: center; }
#cssmenu.align-center > ul > li {display: inline-block; float: none; }
#cssmenu.align-center ul ul {text-align: left; }
#cssmenu.align-right > ul > li {float: right; }
#cssmenu > ul > li > a {padding: 11px; text-decoration: none; color: #bbcde9; font-weight: 700; text-transform: uppercase; font-size: 14px; }
#cssmenu > ul > li:hover > a {color: #ffffff; }
#cssmenu > ul > li.has-sub > a {}
#cssmenu > ul > li.has-sub > a:after {position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; }
#cssmenu > ul > li.has-sub > a:before {position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#cssmenu > ul > li.has-sub:hover > a:before {top: 23px; height: 0; }
#cssmenu ul ul {border: 1px solid #fff; box-shadow: 0 4px 5px #999; left: -9999px; margin: 0 !important; position: absolute; }
#cssmenu ul ul ul {margin-left: 220px !important; position: absolute; z-index:9999 }
#cssmenu.align-right ul ul {text-align: right; }
#cssmenu ul ul li {height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#cssmenu li:hover > ul {left: auto; }
#cssmenu.align-right li:hover > ul {left: auto; right: 0; }
#cssmenu li:hover > ul > li {height: 35px; }
#cssmenu ul ul ul {margin-left: 100%; top: 0; }
#cssmenu.align-right ul ul ul {margin-left: 0; margin-right: 100%; }
#cssmenu ul ul li a {border-bottom: 1px solid #e4e4e4; padding: 11px 15px; width: 220px; font-size: 12px; text-decoration: none; color: #0c4da2; font-weight: 400; background: #fff; }
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {color: #ffffff; background:#0c4da2 }
#cssmenu ul ul li.has-sub > a:after {position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
#cssmenu.align-right ul ul li.has-sub > a:after {right: auto; left: 11px; }
#cssmenu ul ul li.has-sub > a:before {position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#cssmenu.align-right ul ul li.has-sub > a:before {right: auto; left: 14px; }
#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px; height: 0; }

/*Footer*/
.footer {margin-top:30px; display:block; background: rgba(229,229,229,1); background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,229,229,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0 ); }
.gradient {height:5px; display:block; }
.gradient {background: rgba(12,77,162,1); background: -moz-linear-gradient(left, rgba(12,77,162,1) 0%, rgba(75,119,190,1) 29%, rgba(68,182,174,1) 51%, rgba(135,117,167,1) 77%, rgba(242,109,125,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(12,77,162,1)), color-stop(29%, rgba(75,119,190,1)), color-stop(51%, rgba(68,182,174,1)), color-stop(77%, rgba(135,117,167,1)), color-stop(100%, rgba(242,109,125,1))); background: -webkit-linear-gradient(left, rgba(12,77,162,1) 0%, rgba(75,119,190,1) 29%, rgba(68,182,174,1) 51%, rgba(135,117,167,1) 77%, rgba(242,109,125,1) 100%); background: -o-linear-gradient(left, rgba(12,77,162,1) 0%, rgba(75,119,190,1) 29%, rgba(68,182,174,1) 51%, rgba(135,117,167,1) 77%, rgba(242,109,125,1) 100%); background: -ms-linear-gradient(left, rgba(12,77,162,1) 0%, rgba(75,119,190,1) 29%, rgba(68,182,174,1) 51%, rgba(135,117,167,1) 77%, rgba(242,109,125,1) 100%); background: linear-gradient(to right, rgba(12,77,162,1) 0%, rgba(75,119,190,1) 29%, rgba(68,182,174,1) 51%, rgba(135,117,167,1) 77%, rgba(242,109,125,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4da2', endColorstr='#f26d7d', GradientType=1 ); }
.footer ul {margin:0px; padding:0px; list-style:none; font-size:11px; color:#666}
.footer li {border-right: 1px solid #e3e3e3; width:auto; float:left; padding:20px; min-height:66px; }
.footer li:last-child {border-right: 0px; float:right}
.footer li:last-child a {color:#999; }
.footer_logo {background:url(../images/AF_Interface_Logo_Footer.png) no-repeat; width:137px; height:46px; display:block}
.footer b {display:block; color:#0c4da2; font-weight:normal}
.footer a {color:#666; }
.footer .fa {font-size: 34px;margin-right:2px;}
a.fa-facebook-square {color:#3b5a99}
a.fa-twitter-square {color:#29a9e1}
a.fa-linkedin-square {color:#117bb8}
a.fa-facebook-square:hover, a.fa-twitter-square:hover, a.fa-linkedin-square:hover {text-decoration:none; color:#666}
.contact_footer span {background: url(../images/AF_Interface_Icons.png) -18px -126px; width:23px; height:43px; float:left; display:block; margin: 0 20px 18px 0; }
.contact_footer {width: 185px!important}

@media only screen and (max-width: 450px){.logo a {width: 63px; }
	.accountdetails span {display:none}
    }
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {#cssmenu > ul > li:first-child {border-left: 0; margin-left: 0; }
  .interfacenav {background:#0c4da2}
  i.mobile_hidden {display:none; font-style:normal}
  #cssmenu {width: 100%; display:block}
  #cssmenu ul {width: 100%; display: none; border-bottom: 2px solid #ccc; }
  #cssmenu ul ul {padding: 0}
  #cssmenu.align-center > ul {text-align: left; }
  #cssmenu ul li {width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2); background:#ffffff; }
  #cssmenu ul li a {text-indent: 0}
  #cssmenu ul ul ul {margin-left: 0px !important; position: absolute; z-index:9999 }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {height: auto!important; }
  #cssmenu ul li a,
  #cssmenu ul ul li a {width: 100%; border-bottom: 0; background:none; font-size: 12px; color:#0c4da2; padding-top:12px; }
  #cssmenu > ul > li {float: none; }
  #cssmenu ul ul li a {padding-left: 25px; }
  #cssmenu ul ul ul li a {padding-left: 25px; font-size:11px !important}
  #cssmenu ul ul li a {color: #333; background: #fff!important; }
  #cssmenu li:hover > a, #cssmenu li:hover > a, 
  #cssmenu ul ul li.navactive > a, #cssmenu ul li a.navactive {color: #0c4da2!important; }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {position: relative; left: 0; width: 100%; margin: 0; text-align: left; z-index:9999}
  #cssmenu > ul > li:hover > a {color: #666; }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {display: none; }
  #cssmenu #menu-button {display: block; padding: 17px; color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; background:#0c4da2; margin-top: 0; }
  #cssmenu #menu-button:after {position: absolute; top: 22px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: ''; }
  #cssmenu #menu-button:before {position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #fff; content: ''; }
  #cssmenu #menu-button.menu-opened:after {top: 23px; border: 0; height: 2px; width: 15px; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  #cssmenu #menu-button.menu-opened:before {top: 23px; background: #ffffff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  #cssmenu .submenu-button {position: absolute; z-index: 9999; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 36px; width: 46px; cursor: pointer; }
  #cssmenu .submenu-button.submenu-opened {background: #0c4da2; }
  #cssmenu ul ul .submenu-button {height: 34px; width: 34px; }
  #cssmenu .submenu-button:after {position: absolute; top: 17px; right: 19px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
  #cssmenu ul ul .submenu-button:after {top: 16px; right: 13px; }
  #cssmenu .submenu-button.submenu-opened:after {background: #ffffff; }
  #cssmenu .submenu-button:before {position: absolute; top: 14px; right: 22px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; }
  #cssmenu ul ul .submenu-button:before {top: 13px; right: 16px; }
  #cssmenu .submenu-button.submenu-opened:before {display: none; }
  .interfacenav .communications i {right:53px; }}
  @media only screen and (max-width: 800px){
  .footer li {border-right: 0px; padding:5px 10px; min-height:10px; width:auto}
  .footer li:last-child {clear: both; display: block; float: none; width: auto !important; border-top: 1px solid #e3e3e3; }
}
/*Responsive*/
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
a:hover, a:focus {color: #2a6496; text-decoration: underline}
a:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px}
img {vertical-align: middle}
.img-responsive, .thumbnail>img, .thumbnail a>img {display: block; max-width: 100%; height: auto}
.img-thumbnail {padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto}
.img-circle {border-radius: 50%}
hr {background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(219, 219, 219, 1), rgba(0, 0, 0, 0)); border: 0 none; height: 1px; }
.container {margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px}
.container-fluid {margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px}
.row {margin-left: -15px; margin-right: -15px}

.col-thirds, .col-differ, .col_twothirds, col_half, .col-thirds_double, .col-fifths {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px}
@media (max-width:750px) 
{
     .gridded .col-differ:first-child {border: 0px}
.gridded:after{display:none!important; }	
.col-thirds, .col-differ, .col_twothirds, col_half, .col-thirds_double, .col-fifths 
{position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px}
}
@media (min-width:750px) 
{
    
.col-thirds, .col_twothirds, .col-differ, .col_half, .col-thirds_double, .col-fifths {float: left}
.col-differ {width: 50%}
.col-thirds, .col-thirds_double {width: 33.33333333%}
.col_twothirds {width: 66.666666%}
.col-fifths {width:20%; }
.col_half {width:50%}}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {content: " "; display: table}
.clearfix:after, .container:after, .container-fluid:after, .row:after {clear: both}


@media (max-width:450px){
.more .button {display:block}
}

/*Page elements*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {outline: none !important; }	
.featuretop{text-align:center; margin-top: 46px; }	
.featuretop .b1{padding-left:0; border-right: 1px solid #e4e4e4; }	
.featuretop .b3{padding-right:0; border-left: 1px solid #e4e4e4; }	
.featuretop h4{margin-top: 24px; font-size:20px; color:#2f2f2f; font-weight: 300; }	
.featuretop h5{margin-top: -3px; font-size:13px; color:#a9a9a9; font-weight: 300; }	
.featuretop p{margin-top: 12px; font-size: 13px; color: #666; font-weight: 300; line-height: 24px; }	
.featuretop ul{margin-top: 2px; padding-left:0px; display: inline-block; margin:0 auto; }	
.featuretop ul li{padding:0 10px; float:left; list-style:none; font-family: FontAwesome; font-size:15px; }	
.featuretop ul li a{color:#2f2f2f; }	
.featuretop ul li a:hover{color:#1fcdff; }	
.aboutUs {margin-top: 32px; text-align:center; }	
.about2 h3{margin-top: 20px; font-size:15px; color: #2f2f2f; font-weight: 300; padding-left:100px}	
.about1 h3{margin-top: 20px; font-size:15px; color: #2f2f2f; font-weight: 300; padding-right:100px}	
.about2 p{font-size: 13px; line-height: 22px; color: #666666; font-weight: 300; margin-top: 12px; margin-bottom: 0; padding-left:100px}	
.about1 p{font-size: 13px; line-height: 22px; color: #666666; font-weight: 300; margin-top: 12px; margin-bottom: 0; padding-right:100px}	
.pic2Ab{bottom: 10px; float: left; left: 10px; position: absolute; background-image: url(../images/logos/hotel-pronto.png); }	
.pic1Ab{bottom: 10px; float: left; right: 10px; position: absolute; }	
.about2 .pic2Ab, .about1 .pic1Ab {top: 10px; }
.about1{float: right; text-align: right; position: relative; padding-bottom:10px}	
.about2{float: left; text-align: left; position: relative; padding-bottom:10px}	
.gridded {background:url(../images/gridded_b.png) repeat-y center center}
.gridded:after{display:block; height:8px; background: url(../images/gridded.png) no-repeat center center}	
.last_grid:after {background:none!important}
.number b {border-radius: 50%; display: block; font-size: 22px; font-weight: 100; height: 60px; padding: 15px 0 0; position: absolute; right: 34px; text-align: center; top: 10px; width: 60px; color:#fff}
.number hr {background: #ccc}
.about2 .number b {left: 34px}
.number {display: block; padding-top: 31px; position: absolute; right: -15px; width: 43px; z-index: 999; }
.about2 .number {left: -15px; }
.symbol {text-align: center; }
.symbol span {border-radius: 50%; display: block; font-size: 22px; font-weight: 100; height: 60px; padding: 15px 0 0; text-align: center; width: 60px; color:#fff; background:#ccc; margin:auto}
	
.how {text-align:center}
.how .col-fifths {border-right: 1px solid #ccc}
.how .last-child {border-right: 0px}
.how img {border-radius:50%; border: 1px solid #ccc}

.intro {padding:20px; text-align:center; }
.pictorial .row div {padding: 30px; text-align:center; min-height:300px}
.pictorial he {font-size:23px; margin-top: 7px; }
.circle {font-size:43px!important; color: #666; height:80px; width:80px; border:1px solid #666; padding-top:17px; border-radius:50%; text-align:center}
.more {font-size:18px; text-align:center; font-weight:100}
.more i {display: block; font-size: 50px; color:#d1d2d4}
.more a.button {font-size: 16px; margin:0 10px}
.advertisers_screens {background: url(../images/screens_advertisers.jpg) center center; height:300px; }
.agency_screens
{
    background: url(../images/screens_agencies.jpg) center center;
    max-height:auto;
    max-width:auto;
}
.publishers_screens {background: url(../images/screens_publishers.jpg) center center; height:300px; }

@keyframes animatedBackground {from {background-position: center 100%; }
			to {background-position: center 0; }
		}
		@-webkit-keyframes animatedBackground {from {background-position: center 100%; }
			to {background-position: center 0; }
		}
		@-ms-keyframes animatedBackground {from {background-position: center 100%; }
			to {background-position: center 0; }
		}
		@-moz-keyframes animatedBackground {from {background-position: center 100%; }
			to {background-position: center 0; }
		}
#animate-area	{background-image: url(../images/animate_advertisers.jpg); background-position: top center; background-repeat: repeat-x; animation: animatedBackground 5s linear; -ms-animation: animatedBackground 5s linear; -moz-animation: animatedBackground 5s linear; -webkit-animation: animatedBackground 5s linear; position:relative; height:300px; }		
@keyframes animatedBackgroundpub {from {background-position: left 0; }
			to {background-position: right 0; }
		}
		@-webkit-keyframes animatedBackgroundpub {from {background-position: left 0; }
			to {background-position: right 0; }
		}
		@-ms-keyframes animatedBackgroundpub {from {background-position: left 0; }
			to {background-position: right 0; }
		}
		@-moz-keyframes animatedBackgroundpub {from {background-position: left 0; }
			to {background-position: right 0; }
		}
#animate-pub	{background-image: url(../images/animate_publishers.jpg); background-position: top right; background-repeat: repeat-x; animation: animatedBackgroundpub 5s linear; -ms-animation: animatedBackgroundpub 5s linear; -moz-animation: animatedBackgroundpub 5s linear; -webkit-animation: animatedBackgroundpub 5s linear; position:relative; height:300px; }
.owl_homepage #animate-home {height: 350px; position: relative; -webkit-animation-name: animate-home; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 6s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
    animation-name: animate-home; animation-duration: 6s; animation-iteration-count: infinite; animation-direction: alternate; }
@-webkit-keyframes animate-home {0%   {background-position: center 0%; }
    100% {background-position: center 100%; }
}
@keyframes animate-home {0%   {background-position: center 0%; }
    100% {background-position: center 100%; }
}
#animate-logo	{background-image: url(../images/af_overlay.png); background-position: top center; background-repeat: no-repeat; animation: animatedlogo 5s linear; -ms-animation: animatedlogo 5s linear; -moz-animation: animatedlogo 5s linear; -webkit-animation: animatedlogo 5s linear; width:100px; height:100px; display:block; opacity:0.7; margin:auto; }

@media only  screen and (max-device-width:750px) {
.featuretop .col-thirds {margin-bottom: 45px}
.news img {width: 50%}
.pictorial .row div {min-height:auto}
.gridded {background:none!important}
}
@media only screen and (max-device-width:900px) {.col_twothirds, .col-thirds_double {width: 100%; }
.col_half {width: 100%; }
.advantage .col-thirds {border-top: 1px solid #999; padding: 18px 20px; text-align: center; width: 100%; }
.advantage .col_twothirds img {}
div.col-thirds_double, div.col_half {min-height:auto !important}

}
@media only  screen and (max-device-width:900px) and (min-device-width:751px) {.pictorial .row div {min-height:330px}
}

.news2{margin-top: 25px; }	
.news a h3{text-align:center; font-size: 16px; font-weight: 300; color:#0c4da2}	
.news {padding-bottom:20px}
.news p{line-height: 23px; color:#666666; font-size: 13px; font-weight: 300; text-align:center}		
.mNews{margin-top: 26px !important; margin-left: -49px !important; }	
.news img, .featuretop img {margin:0 auto; border: 8px inset #197cfd; border-radius: 50%; margin-bottom:20px}	
.featuretop img:hover, .news img:hover{border: 8px outset #197cfd; border-radius: 50%; margin-bottom:20px}

/*Pricing table and price blocks*/
.contact_table {margin: 0 auto; width: 100%; padding: 0px 20px 20px 20px!important; }
.pricing_table {margin: 0 auto; width: 100%; padding: 20px; }
.price_block {text-align: center; width: 100%; float: left; list-style-type: none; transition: all 0.25s; position: relative; box-sizing: border-box; margin-bottom: 30px; border-bottom: 1px solid transparent; }
.pricing_table h3 {color: #fff; margin: -10px 0 1px; padding: 20px 5px; }
.price {display: table; background: #333; width: 100%; color: #fff; }
.price_figure {font-size: 16px; vertical-align: middle; display: table-cell; padding: 20px; }
.price_number {display: block; }
.features {background: #e1e1e1; margin: 0; padding: 0}
.features li {padding: 15px; border-bottom: 1px solid #ccc; list-style-type: none; }
.price_block:hover {box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5); transform: scale(1.04) translateY(-5px); z-index: 1; border-bottom: 0 none; }
.price_block:hover h3 {background: #222; }
.map {filter: grayscale(100%); margin-top:-20px}

@media only screen and (min-width : 750px) 
{
   
.contact_table .price_block {width: 33.3%; }
.contact_table .price_block:nth-child(3) {clear: none; }
.contact_table .price_block:nth-child(4) {clear: both; }
.price_block {width: 50%; }
.price_block:nth-child(odd) {border-right: 1px solid transparent; }
.price_block:nth-child(3) {clear: both; }
.price_block:nth-child(odd):hover {border: 0 none; }
.price_block {width: 50%; }
.price_block {border-right: 1px solid transparent; border-bottom: 0 none; }
.price_block:last-child {border-right: 0 none; }
.price_block:hover {border: 0 none; }
}


/* Captcha styles */
.recaptcha_input_area input 
{
   width: 220px !important;
 } 
 #recaptcha_table
 {
     width:220px !important;
 } 
 
 #recaptcha_image
 {
     width:220px !important;
 }

.recaptcha_image_cell
{
    width:220px !important;
    }


 #recaptcha_area
   {
         width: 250px !important;
   }
   
   #recaptcha_image img {
    width: 220px !important;
}