*, *:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webit-box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing:antialiased;
}
html{
}
body {
    margin: 0;
    padding: 0;
	font-family:  arial;
	font-size:14px;
	color:#000;
	line-height:14px;
}
* {
   -webkit-text-size-adjust: none;	
   box-sizing: border-box;
}
img {
    border: 0 none;
    max-width: 100%;
    background: transparent;
}

img.transparent {
    border: 0 none;
    max-width: 100%;
    background: white;
}
input[type="button"], 
input[type="submit"], 
button {
    cursor: pointer;
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
    resize: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
h1, h2, h3, h4, h5 {
    margin: 0 0 10px 0;
    padding: 0;
}
h1 {
	font-size: 27px;
	line-height: 27px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 0px;
	padding-bottom: 0px;
    font-family: arial;
}
h2{
	font-size: 24px;
	line-height: 26px;
	color: #ffffff;
}
h3{
    font-family: arial;
}
label{
   font-family:  arial
}
a {
	font-family:  arial;
	font-size: 14px;
	text-decoration: none;
}
a:hover {
	color: #00a99d;
	font-size:14px;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
p {
	font-family:  arial;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
	color: #000;
}
ul {
	font-family:  arial;
	font-size: 14px;
	margin-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
}
li {
	font-family:  arial;
	font-size: 14px;
	line-height: 15px;
}
nav, 
header, 
footer, 
article, 
aside {
    display: block;
}

.container{
	width: 980px;
	margin: 0 auto;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
}
[class*="col-"]{
	width: 100%;
	float: left;
	padding:0 15px;
}

@media all and (max-width: 980px){
	.container{
		width: auto;
	}
}

@media all and (max-width: 420px){
	h1{
		font-size: 21px;
	}
	h2{
		font-size: 16px;
	}
}



/*######## HEADER ##########*/
header{
	background:#ffffff;
	padding-top:3px;
	padding-bottom: 5px;
	position: fixed;
    width: 100%;
    z-index: 9999;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    border-bottom: 5px solid #FFA200;
    box-shadow: 1px 2px 3px #b3b3b3;
    -moz-box-shadow: 1px 2px 3px #b3b3b3;
    -webkit-box-shadow: 1px 2px 3px #b3b3b3;
}
header.smaller{
    padding-top: 3px;
    box-shadow: 1px 2px 3px #b3b3b3;
}
header.smaller .logo{
    padding-top: 0px;
}
header.smaller .mediaBuying{
    padding-top: 13px;
}
header.smaller nav.main-nav{
    padding-top: 75px;
}
header.smaller .navMob{
    top: 10px;
}
.logo{
	float: left;
	padding-top: 0px;
	width: auto;
}

nav.main-nav{
	float: left;
}
nav.main-nav{
	padding-top: 75px;
}
nav.main-nav ul li{ 
	float: left;
	list-style: none;
	padding:0px 5px;
	border-right: 1px solid #114C9A;
}
nav.main-nav ul li a, nav.main-nav ul li a:visited{
	text-transform: none;
	color:#114C9A;
	font-weight: 600;
	font-size: 13px;
}
nav.main-nav ul li a:hover, nav.main-nav ul li a:focus{
	text-transform: none;
	color:#5BB6FF;
	font-weight: 600;
	font-size: 13px;
}

nav.main-nav ul li:first-child{
	padding-left: 0;
}

.lastli li {border-right: 0px solid white;}

.socialMedia:after{
	content: "";
	display: block;
	clear: both;
}
.socialMedia{
	width: 100%;
}
.socialMedia ul li{
    float: left;
    list-style: none;
    padding:0px 17px;
}
.socialMedia ul li:first-child{
	padding-left: 0px;
}
.socialMedia ul li a{
	color:#4d4d4d;
}

.mediaBuying{
	float: right;
	padding-right: 20px;
	padding-top: 44px;
}
.mediaBuying a{
	padding:13px 15px 13px 50px;
	color:#ffffff;
	background: #00a99d;
	position: relative;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition-property:color;
	-moz-transition-property:color;
	-ms-transition-property:color;
	-o-transition-property:color;
	transition-property:color;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	transition-duration:0.3s;
}

.mediaBuying a:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
    display: none \9;
	right: 0;
	bottom: 0;
	background: #333;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	transition-timeing-function:ease-out;
	-webkit-transiton-property:transform;
	transiton-property:transform;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transform-origin:0 50%;
	transform-origin:0 50%;
	z-index: -1;
}
.mediaBuying a:hover:before,.mediaBuying a:focus:before,.mediaBuying:active:before{
	-webkit-transform:scaleX(1);
	transform:scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
	transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
}


.mediaBuying a:after{
	content:"\f128";
	position: absolute;
	font-size: 24px;
	color: #ffffff;
	left: 12px;
	top: 13px;
	font-family: FontAwesome;
}
@media all and (max-width: 980px){
	nav.main-nav ul li{
		padding: 0 3px;
	}
	.socialMedia ul li{
		padding:0 7px;
	}
	.socialMedia{
		width: auto;
		float: right;
	}
	.mediaBuying{
		padding-right: 6px;
	}
}
@media all and (max-width: 840px){
	nav.main-nav{
		display: none;
	}
	.secondHeaderBox{
		display: none;
	}
	.logo{
		padding-top: 0;
	}
}

@media all and (max-width: 640px){
	.slider .slider1{
		height: auto
	}

	.slider .slider1 h1{
		font-size:21px;
	}
	.slider .slider1 p{
		font-size: 14px;
	}
}
@media all and (max-width:500px){
    .slider .slider1 h1{
        font-size: 16px;
    }
    .slider .slider1 p{
        font-size: 14px;
    }
    .sliderBtn1 a,
    .sliderBtn2 a{
        font-size: 12px;
    }
    .sliderBtn1 a, .sliderBtn2 a{
        padding: 10px;
    }
    
}

/* --------- Mobile nav --------------*/
.mobileNav{
	position: absolute;
	top: 100%;
	background:#29abe2;
	z-index: 999;
	right: 0;
	width: 55%;
	display: none;
}
.mobileNav ul li{
	padding:10px;
	list-style: none;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.mobileNav ul li a{
	color:#fff;
	font-weight: bold;
}
.mobileNav ul li:hover{
	padding-left:20px;
}

.navMob{
	position:absolute;
	display: inline-block;
	top: 20px;
	height: 44px;
	width: 44px;
	right: 5%;
	overflow: hidden;
	white-space: nowrap;
	z-index: 5;
	display: none;
}
.navMobIcon{
	position: absolute;
	top: 50%;
	left: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	-o-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	display: inline-block;
	width: 18px;
	height: 3px;
	background:#000;
	z-index: 10;
}
.navMobIcon:after,.navMobIcon:before{
	position: absolute;
	top: 0;
	width: 18px;
	height: 3px;
	background-color: #000;
	content: "";
	-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
}
.navMobIcon:before{
	-webkit-transform: translateY(-6px) rotate(0deg);
    -moz-transform: translateY(-6px) rotate(0deg);
    -ms-transform: translateY(-6px) rotate(0deg);
    -o-transform: translateY(-6px) rotate(0deg);
    transform: translateY(-6px) rotate(0deg);
}
.navMobIcon:after{
	-webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}

.navMob.close-nav .navMobIcon:before{
	-webkit-transform: translateY(0px) rotate(45deg);
    -moz-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    -o-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
}
.navMob.close-nav .navMobIcon{
	background: #fff;
}
.navMob.close-nav .navMobIcon:after{
	-webkit-transform: translateY(0px) rotate(-45deg);
  -moz-transform: translateY(0px) rotate(-45deg);
  -ms-transform: translateY(0px) rotate(-45deg);
  -o-transform: translateY(0px) rotate(-45deg);
  transform: translateY(0px) rotate(-45deg);
}

@media all and (max-width: 840px){
	.navMob{
		display: block;
	}
}
.clientLogo{
        padding: 0px 3px 0px 3px;
    }
@media all and (max-width: 480px){
    .clientLogo{
        width: 130px;
    }
    .navMob{
        width: 33px;
        height: 33px;
    }
}

/* ----Slider ----*/
section.slider{
    padding-top: 110px;
    border-top: 0px solid #114C9A;
    border-bottom: 1px solid #FFA200;
}
.slider{
    width: 100%;

}
/*.slider .slider1{
	background:url('../images/Pro-Theatre-Banner.jpg') no-repeat center -50px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	padding-top: 10%;
	padding-bottom: 100px;
	height: 320px;
}

.slider .slider2{
	background:url('../images/151327349.jpg') no-repeat center -600px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	padding-top: 10%;
	padding-bottom: 100px;
	height: 320px;
	opacity: 0.5;
}*/
.slider h1{
	color: #ffffff;
	font-weight: 500;
	line-height: 20px;
}
.slider p{
	width: 100%;
	color: #ffffff;
	font-weight:500;
	font-size: 18px;
	line-height: 20px;
}

/*.sliderForm{
	float: left;
	margin: 0px auto;
	opacity:0.3;  
    filter:alpha(opacity=30);  
    -moz-opacity:0.3;  
    background-color:#000000;  
    position:absolute;  
    top:150px;
    width:720px;  
    height:110px;  
    left:auto;right:auto;  
    z-index:-1;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}

.sliderFormDiv{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	opacity:1.0;  
    filter:alpha(opacity=100);  
    -moz-opacity:1.0;  
    background-color:transparent;  
    position:absolute;  
    top:150px;
    height:80px;  
    left:auto;right:auto;  
    z-index:9999;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}

@media all and (min-width:695px) and (max-width:745px){
     .sliderForm{top:100px;width:650px;height:200px;}
     .sliderFormDiv{top:110px;}
}

@media all and (min-width:600px) and (max-width:695px){
     .sliderForm{top:100px;width:575px;height:200px;}
     .sliderFormDiv{top:110px;}
}

@media all and (max-width:600px){
     .sliderFormDiv input[type=text] {width: 100px;}
}

@media all and (min-width:550px) and (max-width:600px){
     .sliderForm{top:50px;width:525px;height:260px;}
     .sliderFormDiv{top:60px;}
}

@media all and (min-width:450px) and (max-width:550px){
     .sliderForm{top:45px;width:450px;height:270px;}
     .sliderFormDiv{top:55px;}
}

@media all and (min-width:325px) and (max-width:450px){
     .sliderForm{top:35px;width:300px;height:270px;}
     .sliderFormDiv{top:45px;}
     
}

@media all and (max-width:325px){
     .sliderForm{top:15px;width:300px;height:300px;}
     .sliderFormDiv{top:28px;}
    
}



.sliderFormDiv input[type=text],
.sliderFormDiv select,.sliderFormDiv input[type=button],
.sliderFormDiv input[type=submit] { margin-top: 5px;margin-bottom: 5px; }

.sliderFormDiv input[type=text]:hover,
.sliderFormDiv select:hover,.sliderFormDiv input[type=button]:hover,
.sliderFormDiv input[type=submit]:hover { margin-top: 5px;margin-bottom: 5px; }

.sliderFormDiv select {padding-left:10px;padding-right:10px;margin-top: 5px;margin-bottom: 5px; -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; background: white;color: black;cursor: pointer;}

.sliderFormDiv select option{padding-left: 15px !important;padding-right: 15px !important;cursor: pointer;}
.sliderFormDiv select option[selected] {color: silver;cursor: pointer;}
.sliderFormDiv select option[default] {color: silver;cursor: no-drop;}

.sliderFormDiv select:hover, .sliderFormDiv select:focus {padding-left:10px;padding-right:10px;margin-top: 5px;margin-bottom: 5px; -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;background: #F2F7FF;cursor: pointer;}

*/
a.searchbutton {
  background-color: #FFF;
  font-family:"Trebuchet MS", Helvetica, sans-serif;
  font-size:20px;
  width: auto;
  margin: 10px auto;
  padding: 4px 7px;
  border: 0;
  color: #FEA200;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
    box-shadow: 0 4px 4px -2px #232323;
    -moz-box-shadow: 0 4px 4px -2px #232323;
    -webkit-box-shadow: 0 4px 4px -2px #232323;
    cursor: pointer;
  }
  
a.searchbutton:hover, a.searchbutton:focus, a.searchbutton:visited {
  font-family:"Trebuchet MS", Helvetica, sans-serif;
  font-size:20px;
  width: auto;
  margin: 10px auto;
    padding: 4px 7px;
  background: #114C9A;
  border: 0;
  color: #FFFFFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
    box-shadow: 0 4px 4px -2px #232323;
    -moz-box-shadow: 0 4px 4px -2px #232323;
    -webkit-box-shadow: 0 4px 4px -2px #232323;
    cursor: pointer;
  }
 


/*.slider a{
	padding:15px 10px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition-property:color;
	-moz-transition-property:color;
	-ms-transition-property:color;
	-o-transition-property:color;
	transition-property:color;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
}

.sliderBtn1 a{
	background:#29abe2;
}
.sliderBtn2 a{
	background:#00a99d;
}

.slider a:before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background:#333;
    display:none \9;
	z-index:-1;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transform-origin:0 50%;
	-moz-transform-origin:0 50%;
	transform-origin:0 50%;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transform:scaleX(0);
}
.slider a:hover:before, .slider a:focus:before, .slider a:active:before{
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	transform:scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
	transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
}*/

	@media all and (max-width: 520px){
	.sliderBtn1{
		float: none;
		margin-bottom: 20px;
	}
	.slider p{
		width: auto;
		padding-right: 20px;
	}
    .slider .slider1,
    .slider .slider2{
        height: auto;
    }
}
@media all and (max-width:840px){
     section.slider{
        padding-top: 94px;
    }
}

@media all and (max-width:760px){
     section.slider{
        padding-top: 84px;
    }
}

@media all and (max-width:680px){
     section.slider{
        padding-top: 70px;
    }
}
@media all and (max-width:480px){
    section.slider{
        padding-top:67px;
    }
    header.smaller .navMob{
        top: 0px;
    }
    header{
        padding-top: 20px;
    }
}
/* --------- Search -------------*/
section#search{
    padding:20px 0px;
    background: #0071bc;
    color: #ffffff;
}
#search h3,
#search label{
   line-height: 30px;
    margin: 0;
}
#search label{
    padding: 0px 7px;
}
#search h3{
    padding-right: 20px;
    border-right: 1px solid #ffffff;
    margin-right: 10px;
    padding-right: 10px;
}
.containerInner > *{
    float: left;
}
.containerInner:after{
    clear: both;
    display: block;
    content: "";
}
#search .searchBtn{
    border:none;
    color: #ffffff;
    background: none;
    border: 1px solid #ffffff;
    padding: 5px 10px;
    font-weight: bold;
    margin-left: 5px;
}
#search .searchBtn:before{
    background: #ffffff;
}
#search .searchBtn:hover{
    color: #000;
}

@media all and (max-width:980px){
    #search label{
            display:none;
        }
    #search .sbHolder{
        margin-right: 20px;
    }
}

@media all and (min-width:768px) and (max-width:820px){
    .sbHolder{
        width:150px !important;
    }
}
@media all and (max-width:768px){
    .containerInner > *{
        clear:both;
    }
    #search label{
        display: block;
    }
    #search h3{
        border-right: 0 none;
    }
    .containerInner{
        width: 190px;
        margin: 0 auto;
        display: block;
    }
    #search .containerInner label{
        padding-left:0px;
        padding-right:0px;
    }
    #search .containerInner button{
        margin-top: 10px;
        margin-left: 0px;
        text-align: center;
    }
}
/* ---------- Advertiser/Publisher --------------*/
section.reg{
	padding:20px 0px;
	text-align: center;
}
section.reg h1{
	line-height: 27px;
	text-transform: uppercase;
	color:#0071bc;
	font-weight: bold;
}
section.reg h2{
	text-transform: uppercase;
	color: #0071bc;
	line-height: 23px;
	font-weight: normal;
	font-size: 18px
}
.advertiserInner,
.publisherInner{
	padding:0px 20px;
}
.advertiser .regAdv img,
.publisher .regAdv img{
	width: 100%;
}
.advertiser p,
.publisher p{
	text-align: left;
	font-size: 14px;
}
.advertiser .regAdv,
.publisher .regAdv{
	width: 100%;
	background:#0071bc;
	padding:15px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	position: relative;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform-property:color;
	-moz-transform-property:color;
	transform-property:color;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
}
.advertiser .regAdv:before,
.publisher .regAdv:before{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    display:none \9;
	background:#333;
	content: "";
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	-webkit-transform-origin:0 50%;
	-moz-transform-origin:0 50%;
	transform-origin:0 50%;
	z-index: -1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.advertiser .regAdv:hover:before, .advertiser .regAdv:focus:before, .advertiser .regAdv:active:before,
.publisher .regAdv:hover:before, .publisher .regAdv:focus:before, .publisher .regAdv:active:before{
	-webkit-transform:scaleX(1);
	transform:scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
	transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
}
button{
    padding:15px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	position: relative;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform-property:color;
	-moz-transform-property:color;
	transform-property:color;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
    border: none;
}
button:before{
    position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
    display: none \9;
	right: 0;
	background:#333;
	content: "";
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	-webkit-transform-origin:0 50%;
	-moz-transform-origin:0 50%;
	transform-origin:0 50%;
	z-index: -1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
button:hover:before,
button:focus:before,
button:active:before{
    -webkit-transform:scaleX(1);
	transform:scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
	transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
}
.advertiser .regAdv a,
.publisher .regAdv a{
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
}
.advertiser .regAdv a span{
	font-size: 9px;
}
.advertiser{
	/*border-right:1px solid #0071bc;*/
}
.advertiserleft{
	border-right:1px solid #0071bc;
}
.advertiserright{
	border-right:1px solid #0071bc;
}
@media all and (max-width: 680px){
	.advertiser{
		border-right: 0;
	}
	.advertiserInner{
		padding-bottom: 30px;
	}
}
@media all and (max-width:480px){
    font-size:14px;
}
/* -------- Trafficom --------*/
section.trafficom{
	/*background:#0071bc;
	background:#5BB6FF;*/
	background:#114C9A;
	padding:20px 0px;
}
section.trafficom h1.trafficomh1{
	color:#ffffff;
	text-transform: uppercase;
	border-bottom:1px solid #fff;
	text-align: center;
    padding-bottom: 15px;
}
.trafficomText{
	padding: 20px 0px 00px 20px;
}
.trafficomText h1,
.trafficomText h2{
	text-transform: uppercase;
}
.trafficomText p{
	color: #ffffff;
}
section.trafficom video{
    margin-top: 20px;
}

@media all and (max-width: 480px){
	.trafficomText{
        padding-top: 30px;
        padding-bottom: 0px;
        padding-left: 0px;
    }
}
@media all and (max-width:400px){
    video{
        width:100% !important;
        height: 100% !important;
    }
}

/* -------What's New -------------*/
#whatsnew .whatsnew{
    padding:20px 0px 10px 0px;
    margin-bottom: 60px;
    color:#0071bc;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #0071bc;
    text-transform: uppercase;
}

.content{
    padding:20px 0px 10px 0px;
    margin-bottom: 0px;
    color:#0071bc;
    font-weight: bold;
    text-align: justify;
    /*border-bottom: 1px solid #0071bc;*/
    text-transform: none;
}

.content h1{
    padding:20px 0px 10px 0px;
    margin-bottom: 20px;
    color:#0071bc;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #0071bc;
    text-transform: none;
}
.brands{
    padding:20px 0px 10px 0px;
    margin-bottom: 0px;
    color:#0071bc;
    font-weight: bold;
    text-align: center;
    /*border-bottom: 1px solid #0071bc;*/
    text-transform: uppercase;
}

.brands h1{
    padding:20px 0px 10px 0px;
    margin-bottom: 20px;
    color:#0071bc;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #0071bc;
    text-transform: uppercase;
}
.newLeft{
    float: left;
    padding-right: 20px;
}
.newRight h3{
    color: #0071bc;
    font-size: 21px;
    padding: 15px 0px;
    margin-top: 20px; 
}
.newRight p{
    color: #4d4d4d;
    font-size: 14px;
}
.newRight button{
    float: right;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 10px;
    background: #4d4d4d;
    color: #ffffff;
}
.whatNew{
    padding-bottom: 20px;
}
@media all and (max-width:768px){
    .whatNew{
        padding-bottom: 0px;
    }
    .whatNew .boxSection{
        padding-bottom: 20px;
    }
}
@media all and (max-width:480px){
    .boxSection{
        padding-left: 0px;
        padding-right: 0px;
    }
    .newRight p{
        margin: 0;
        font-size: 12px;
        padding-bottom: 15px;
    }
    .newRight h3{
        padding: 0px;
        font-size: 18px;
    }
    .newRight button{
        float: left;
    }
    .newLeft{
        padding-right: 10px;
    }
}
/* -------- Footer ---------*/
footer{
    padding:10px 0px 10px 0px;
    background: #114C9A;
    border-top: 5px solid #FFA200;
    box-shadow: 1px -2px 3px #b3b3b3;
    -moz-box-shadow: 1px -2px 3px #b3b3b3;
    -webkit-box-shadow: 1px -2px 3px #b3b3b3;
    /*bottom:0; height:36px; left:0; position:fixed; width:100%;*/
}
footer h1{
    color: #fff;
    font-size: 18px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
footer ul{
    padding:0;
}
footer ul li{
    list-style: none;
    padding-left: 0px;
    padding-bottom: 20px;
}
footer ul li a{
    color: #ffffff;
}
footer ul li a:hover{
    color: #00a99d;
}
.socialBox ul li a{
    position:relative;
}
.socialBox ul li{
    float:left;
    padding-right: 15px;
}
.socialBox ul li a{
    display: inline-block;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    width: 31px;
    height: 31px;
}
.socialBox ul li a:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
}
.socialBox ul li a.facebook{
    background: url('../images/fbIcon.png') no-repeat center center transparent;
}
.socialBox ul li a.twitter{
    background: url('../images/twIcon.png') no-repeat center center transparent;
}
.socialBox ul li a.linkedin{
    background: url('../images/lkIcon.png') no-repeat center center transparent;
}
.socialBox ul li a.googleplus{
    background: url('../images/gIcon.png') no-repeat center center transparent;
}
.powered{
    float: right;
    color: #ffffff;
}
.powered p{
    color: #ffffff;
}
.copyright{
    color: #ffffff;
    margin: 0px auto;
    text-align: center;
    text-transform: none;
    font-weight: 500;
}
.copyright p{
    color: #ffffff;
}
footer h1{
    font-family: alsschlanges-regular;
}
/*########   FLOATS  ########*/
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}

/* --------- Bootstrap Classes -----------*/
.row{
	display: block;
	margin:0 -15px;
}
.row:after,
.row:before{
	display: block;
	clear: both;
	content: "";
}

.col-md-3{
	width: 25%;
}
.col-md-4{
	width: 33.33%;
}
.col-md-5{
	width: 75%;
	border:0px solid black;
}
.col-md-6{
	width: 25%;
	border:0px solid black;
}
.col-md-7{
	width: 50%;
}
.col-md-8{
	width: 66.66%;
}
.col-md-12{
    width: 100%;
}
@media all and (max-width: 768px){
    .col-md-3{
        width:100%;
    }
}
@media all and (max-width:500px){
    .col-md-3{
        width:100%;
    }

    .col-md-6{
	width: 100%;
	border:0px solid black;
	}
	.col-md-5{
	width: 100%;
	border:0px solid black;
	}
}
@media all and (max-width: 680px){
	.col-md-7{
		width: 100%;
	}
	 .col-md-6{
	width: 100%;
	border:0px solid black;
	}
	.col-md-5{
	width: 100%;
	border:0px solid black;
	}	
}

ul {list-style: none;}.
li {color: #596B9D;}
li:before {color: #596B9D;}
li a {color: #596B9D;}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('../images/icon_top.png') no-repeat;
    z-index: 9999;
}

.row {
	color: #35699B;

}

.item-container
{
    font-size: 16px;
    margin: 3px; 
    display: block;
    padding:0px;
    background-color: #FFFFFF;
    line-height: 20px;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #E6E6E6;
}

.item-container:hover
{
    font-size: 16px;
    margin: 3px; 
    display: block;
    padding:0px;
    background-color: #FFFFFF;
    line-height: 20px;
    /*border-bottom: 1px solid #E6E6E6;*/
    border: 1px dotted #AAD4FF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.item-content
{
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    background-color: #FFFFFF;
    height: auto;
    display: block;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align:justify;text-align: justify; 
}

.item-content:hover
{
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    background-color: #FFFFFF;
    height: auto;
    display: block;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align:justify;text-align: justify; 
}

.item-content img {margin:0px 0px 0px 0px;border:0px;padding: 0px;}

.item-image{width:120px;display: inline; border:0px;padding-left:10px;padding-top:5px;padding-bottom:5px;}
h3.item-heading a
{
	color: #35699B;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 20px;
    border-bottom: 0px dotted #E6E6E6;
    text-decoration: none;
    display: block;
    width: 98%;
    margin: 0px 0px 5px 0px;
    height: auto;padding-left:0px;padding-top:0px;padding-right:3px;padding-bottom:0px;

}


.item-content-image{width:80%;display: inline;padding-left:10px;padding-top:5px;padding-right:3px;padding-bottom:3px; border:0px solid black;}
.item-content-text{width:97%;display: inline;padding-left:10px;padding-top:5px;padding-right:3px;padding-bottom:3px; border:0px solid black;}

@media all and (max-width : 490px) {
.item-content-image{width:100%;display: block;}
.item-content-text{width:100%;display: block;}
}

.arrow-n,
.arrow-down,
.arrow-w {
  /*
   * In Internet Explorer, The"border-style: dashed" will never be
   * rendered unless "(width * 5) >= border-width" is true.
   * Since "width" is set to "0", the "dashed-border" remains
   * invisible to the user, which renders the border just like how
   * "border-color: transparent" renders.
   */
  border-style: dashed;
  border-color: transparent;
  border-width: 0.53em;
  display: -moz-inline-box;
  display: inline-block;
  /* Use font-size to control the size of the arrow. */
  font-size: 11px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
}

.arrow-n-wide,
.arrow-right-wide,
.arrow-down-wide,
.arrow-w-wide {
  /*
   * In Internet Explorer, The"border-style: dashed" will never be
   * rendered unless "(width * 5) >= border-width" is true.
   * Since "width" is set to "0", the "dashed-border" remains
   * invisible to the user, which renders the border just like how
   * "border-color: transparent" renders.
   */
  border-style: dashed;
  border-color: transparent;
  border-width: 0.53em;
  display: -moz-inline-box;
  display: inline-block;
  /* Use font-size to control the size of the arrow. */
  font-size: 14px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
}

.arrow-n {
  border-bottom-width: 1em;
  border-bottom-style: solid;
  border-bottom-color: #666;
  bottom: 0.25em;
}

.arrow-right{
  /*
   * In Internet Explorer, The"border-style: dashed" will never be
   * rendered unless "(width * 5) >= border-width" is true.
   * Since "width" is set to "0", the "dashed-border" remains
   * invisible to the user, which renders the border just like how
   * "border-color: transparent" renders.
   */
  border-style: dashed;
  border-color: transparent;
  border-width: 0.53em;
  display: -moz-inline-box;
  display: inline-block;
  /* Use font-size to control the size of the arrow. */
  font-size: 16px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
}


.arrow-right {
  border-left-width: 0.4em;
  border-left-style: solid;
  border-left-color: #35699B;
  left: 0.0em;
}
.arrow-right-wide {
  border-left-width: 0.5em;
  border-left-style: solid;
  border-left-color: #35699B /*#FF6D1C #FFAA2A*/;
  left: 0em;
}
                    
.arrow-down {
  border-top-width: 0.8em;
  border-top-style: solid;
  border-top-color: #35699B;
  top: 0.20em;
}

.arrow-w {
  border-right-width: 1em;
  border-right-style: solid;
  border-right-color: #666;
  right: 0.25em;
}

input[type=text],
input[type=password],
input[type=email]
{
	/*height: 40px;*/
	/*margin: 8px 8px;*/
	height: 35px;
	padding: 9px 15px; 
}

input[type=text]:focus,input[type=text]:hover,
input[type=password]:focus,input[type=password]:hover,
input[type=email]:focus,input[type=email]:hover
{
	/*height: 40px;*/
	/*margin: 8px 8px;*/
	height: 35px;
	padding: 9px 15px; 
}

input {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	box-shadow:none;
	height: 35px;
	padding: 9px 15px;
	}

input[type="text"], .input[type="text"]:visited {
	margin: 0px 0px;
	padding: 9px 15px;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height: 25px;
	
	}

input[type="text"]:hover, .input[type="text"]:focus {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height: 35px;
	}

input[type="email"], .input[type="email"]:visited {
	margin: 0px 0px;
	padding: 9px 15px;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	}

input[type="email"]:hover, .input[type="email"]:focus {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

input[type="submit"] {
	background-color: #FFFFFF;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:20px;
	margin: 0px 0px;
	padding: 4px 7px;
	border: 0;
	color: #FFFFFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    box-shadow: 0 4px 4px -2px #232323;
    -moz-box-shadow: 0 4px 4px -2px #232323;
    -webkit-box-shadow: 0 4px 4px -2px #232323;
	}
	
input[type="submit"]:hover, .input[type="submit"]:focus {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:20px;
	margin: 0px 0px;
    padding: 4px 7px;
	background: #114C9A;
	border: 0;
	color: #FFFFFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    box-shadow: 0 4px 4px -2px #232323;
    -moz-box-shadow: 0 4px 4px -2px #232323;
    -webkit-box-shadow: 0 4px 4px -2px #232323;
	}
	.circular {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	background: url(http://link-to-your/image.jpg) no-repeat;
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	}


	.mycontainer {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
      }

      .leftcontent, .rightcontent, .c1, .c2 {
        width: 100%;
      }

      @media (min-width: 600px) {
        .leftcontent {width: 50%; border: 0px solid black;}
      	.rightcontent {width: 50%;}
        }
      
      @media only screen and (min-width : 600px) and (max-width : 800px) {/*--- Small tablet landscape ---*/
        .leftcontent {width: 50%; border: 0px solid black;}
      	.rightcontent {width: 50%;}
        }
       
      @media only screen and (min-width : 800px) and (max-width : 950px) {/*--- Small tablet landscape ---*/
        .leftcontent {width: 50%; border: 0px solid black;}
      	.rightcontent {width: 50%;}
        } 
      
      @media only screen and (min-width : 950px) and (max-width : 1100px) {/*--- Small tablet landscape ---*/
        .leftcontent {width: 50%; border: 0px solid black;}
      	.rightcontent {width: 50%;}
        }

      @media (min-width: 1100px) {
        .mycontainer {
          width: 1100px;
          margin-left: auto;
          margin-right: auto;
        }
      }

a.details,a.details:visited,a.details:active {color: #35699B;cursor: pointer; font-weight: 600;}
a.details:hover,a.details:focus {color: #AAD4FF;cursor: pointer;font-weight: 600;}




.product-container
{
    font-size: 16px;
    margin: 3px; 
    display: block;
    padding:0px;
    background-color: #FFFFFF;
    line-height: 20px;
    border-bottom: 1px solid #E6E6E6;
}

.product-content
{
    width: auto;
    margin: 0px 0px 5px 0px;
    background-color: #FFFFFF;
    height: auto;
    display: block;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align:justify;text-align: justify; 
}

.product-content img {margin:0px 0px 0px 0px;border:0px;padding: 0px;}

.product-image{width:200px;display: inline; border:0px;padding-left:10px;padding-top:5px;padding-bottom:5px;}
h3.product-heading a
{
	color: #35699B;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 20px;
    border-bottom: 0px dotted #E6E6E6;
    text-decoration: none;
    display: block;
    width: 98%;
    margin: 0px 0px 5px 0px;
    height: auto;padding-left:0px;padding-top:0px;padding-right:3px;padding-bottom:0px;

}


.product-content-image{width:60%;display: inline;padding-left:10px;padding-top:5px;padding-right:3px;padding-bottom:3px; border:0px solid black;}
.product-content-text{width:97%;display: inline;padding-left:10px;padding-top:5px;padding-right:3px;padding-bottom:3px; border:0px solid black;}

@media all and (max-width : 490px) {
.product-content-image{width:100%;display: block;}
.product-content-text{width:100%;display: block;}
}

.quotestext { letter-spacing: 1.5px; line-height: 25px;}
.E5E5E5 {color: #E5E5E5;}
.C3C3C3 {color: #C3C3C3;}
.969696 {color: #969696;}
.A5A5A5 {color: #A5A5A5;}

.powered a{color: white;}