/*
@font-face {
	font-family: 'Open Sans';
	src: url('../font-open-sans/OpenSans-Regular.ttf') format('truetype');	
}
*/
body, p, td { font-family: Verdana, sans-serif; font-size: 13px; color: #2A3F8B; }
body { background-color:rgb(251,253,255); }
p.light { font-family: Verdana, sans-serif; font-size: 13px; color: #fff100; }
p.large {font-size: 14px;}
h1,h2,h3,h4,h5{color:#000066;}

/* Tabs */
.nav-tabs { border: 1px solid #666; }
.nav-tabs > li > a  { border: 0px; border-radius: 0px; color: #555; font-weight: bold; margin:0px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #000066; color:#fff100; font-weight:bold; margin:0px; border: 0px!important; border-radius: 0px; }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border: 0px; border-radius: 0px; color: #000066; background-color: #ffffff; margin:0px; }

/* Carousel */
.j-carousel .owl-controls .owl-nav .owl-prev, .j-carousel .owl-controls .owl-nav .owl-next, .j-carousel-m .owl-controls .owl-nav .owl-prev, .j-carousel-m .owl-controls .owl-nav .owl-next {color:#fff;}
.j-carousel-t .owl-controls .owl-nav .owl-prev, .j-carousel-t .owl-controls .owl-nav .owl-next {color:#000066;font-size:40px;}

.modal-header h4.modal-title{color:#000066!important;font-weight:bold;font-size:20px!important;}

/* Navigation */
#header .navbar{height:90px;}
#header .navbar-nav > li > a {padding:5px;color:#000066;font-weight:bold;}
#header .navbar-nav > li.active::before{content:none;}
.navbar-collapse{background-color:#fff100!important;}
#header .header-text{font-size:11px;line-height:120%;}
#header .navbar-toggle{color:#fff;}

/* Introduction */
#introduction li{padding-top:10px;color:#000066;}

/* Home */
#home {height:360px;margin-top:100px;}

/* Social networking */
#socialnetworking{background:url(../../img/background/bg_section_1.jpg) repeat-x;}
div.shaded{background-color:#D0EBF5;padding:15px;background-image:url(../../img/background/zero_one.png);background-position:right bottom;background-repeat:no-repeat;}
div.shaded a{color:#000066;}
a[data-toggle="collapse"]{cursor:pointer;color:#000066!important;font-weight:bold;}
a[data-toggle="collapse"].upper{display:none;}
a[data-toggle="collapse"].collapsed{display:inline;}
ul {padding-left: 0px; list-style-position: inside;}

/* Strategy */
#strategy{background:url(../../img/background/bg_section_2.jpg) repeat-x;}

/* Social Ad */
#socialadvertising{background:url(../../img/background/bg_section_1.jpg) repeat-x;}

/* Mobile gaming */
#mobilegaming{background:url(../../img/background/bg_section_2.jpg) repeat-x;}

/* O2O */
#o2o{background:url(../../img/background/bg_section_1.jpg) repeat-x;}

/* e-finance */
#efinance{background:url(../../img/background/bg_section_2.jpg) repeat-x;}

/* Extras */
#extras{background:url(../../img/background/bg_section_1.jpg) repeat-x;}

/* Video */
#player-container-1_wrapper,
#player-container-2_wrapper {
	position:relative;
	padding-bottom:56.25%;
	padding-top:25px;
	height:0!important;
	
}
#player-container-1_wrapper object,
#player-container-1_wrapper embed,
#player-container-2_wrapper object,
#player-container-2_wrapper embed,
div[id*="player-container"] object,
div[id*="player-container"] embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
p.grey{color:#666;font-size:11px;}

/* Download */
#download{background:url(../../img/background/bg_section_1.jpg) repeat-x;}
#download .supertext{font-size:120px;font-weight:bold;color:#fff;}
#download div{text-align:center;}
#download img{display:block; margin:auto auto;}
#download .btn{font-family:Verdana;background-color:#B1BFE3;color:#000066;font-weight:bold;text-transform:none;}
#download .call4action{background-color:#fff100; padding:10px;}
#download .call4action > a {color:#000066; font-weight:bold;}

/* Footer */
#footer{background:#fff;color:#000066;}

/*****************************************/
/***** Screen size specific styles *******/
/*****************************************/

@media only screen and (max-width:767px) {
	.nav-tabs.nav-justified > li > a { border-radius: 0px; padding:3px; text-align: left; color:#666; }
}

@media only screen and (min-width: 768px) {	
	.nav.navbar-nav.justified  { width:100%;}
	.nav.navbar-nav.justified  > li { float: none; display: table-cell; width:1%;}
	.nav.navbar-nav.justified > li > a { text-align: center; white-space:nowrap;}	
}


/** mobile **/
@media only screen and (max-width: 479px) {
/* fonts */
h1 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 24px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h2 { font-family: Verdana, sans-serif; font-size: 16px!important; color: #000066!important; font-weight: bold; text-transform: none!important; }
h3 { font-family: Verdana, sans-serif; font-size: 14px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h4 { font-family: Verdana, sans-serif; font-size: 12px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h5 { font-family: Verdana, sans-serif; font-size: 11px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h1.xlarge {font-family:Verdana, Geneva, sans-serif; font-style:italic; font-size: 24px!important;}
h2.xlarge{font-family:Verdana, Geneva, sans-serif; font-style:italic; font-size: 16px!important;}

.j-carousel .owl-controls,.j-carousel .carousel-controls,.j-carousel-m .owl-controls,.j-carousel-m .carousel-controls{top:20%;}

#home {margin-top:90px;}
#home .carousel-inner .item.item-1{background-image:url(../../img/background/bg_main_mobile.jpg)}
#home .carousel-inner .item.item-1:hover{background-image:url(../../img/background/bg_main_mobile.jpg)}
#home .carousel-inner .item.item-2{background-image:url(../../img/background/bg_main_mobile.jpg)}
#home .carousel-inner .item.item-2:hover{background-image:url(../../img/background/bg_main_mobile.jpg)}
#home .carousel-inner .item.item-3{background-image:url(../../img/background/bg_main_mobile.jpg)}
#home .carousel-inner .item.item-3:hover{background-image:url(../../img/background/bg_main_mobile.jpg)}
}

/** tablet and above **/
@media only screen and (min-width: 480px) {
/* fonts */
h1 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 30px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h2 { font-family: Verdana, sans-serif; font-size: 18px!important; color: #000066!important; font-weight: bold; text-transform: none!important; }
h3 { font-family: Verdana, sans-serif; font-size: 14px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h4 { font-family: Verdana, sans-serif; font-size: 12px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h5 { font-family: Verdana, sans-serif; font-size: 11px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h1.xlarge {font-family:Verdana, Geneva, sans-serif; font-style:italic; font-size: 30px!important;}
h2.xlarge{font-family:Verdana, Geneva, sans-serif; font-style:italic; font-size: 18px!important;}

.j-carousel .owl-controls,.j-carousel .carousel-controls,.j-carousel-m .owl-controls,.j-carousel-m .carousel-controls{top:40%;}

#home {margin-top:90px;}
#home .carousel-inner .item.item-1{background-image:url(../../img/background/bg_main_mobile.jpg)}
#home .carousel-inner .item.item-1:hover{background-image:url(../../img/background/bg_main_mobile.jpg)}
#home .carousel-inner .item.item-2{background-image:url(../../img/background/bg_main_mobile.jpg)}
#home .carousel-inner .item.item-2:hover{background-image:url(../../img/background/bg_main_mobile.jpg)}
#home .carousel-inner .item.item-3{background-image:url(../../img/background/bg_main_mobile.jpg)}
#home .carousel-inner .item.item-3:hover{background-image:url(../../img/background/bg_main_mobile.jpg)}
}

/** desktop and above **/
@media only screen and (min-width: 768px) {
h1 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 50px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h2 { font-family: Verdana, sans-serif; font-size: 20px!important; color: #000066!important; font-weight: bold; text-transform: none!important; }
h3 { font-family: Verdana, sans-serif; font-size: 16px!important; color: #000066!important; font-weight: normal; text-transform: none!important; }
h1.xlarge {font-family:Verdana, Geneva, sans-serif; font-style:italic; font-size: 50px!important;}
h2.xlarge{font-family:Verdana, Geneva, sans-serif; font-style:italic; font-size: 26px!important;}

.j-carousel-t .owl-controls,.j-carousel-t .carousel-controls {margin:-54px 0 0 -25px;left:0;width:105%;}

#home {margin-top:100px;}
#home .carousel-inner .item.item-1{background-image:url(../../img/background/bg_main.jpg)}
#home .carousel-inner .item.item-1:hover{background-image:url(../../img/background/bg_main.jpg)}
#home .carousel-inner .item.item-2{background-image:url(../../img/background/bg_main.jpg)}
#home .carousel-inner .item.item-2:hover{background-image:url(../../img/background/bg_main.jpg)}
#home .carousel-inner .item.item-3{background-image:url(../../img/background/bg_main.jpg)}
#home .carousel-inner .item.item-3:hover{background-image:url(../../img/background/bg_main.jpg)}
}