body {margin:0; padding:0; font-family:arial}
.clearfix:after {content: ""; display: table; clear: both; }

.loader_box {width:100%; height:100%; position:absolute; background:url("../images/bg-pattern.jpg"); z-index:10000; top:0; left:0; } 
/*css loader*/
.spinner-wave {	width: 100px;	height: 50px;	text-align: center;	 position:relative; left:47%; top:48%;}
.spinner-wave > div {	background-color: #fff;	height: 100%;	width: 10px;	display: inline-block;	-webkit-animation: wave 1.2s infinite ease-in-out;	animation: wave 1.2s infinite ease-in-out;}
.spinner-wave div:nth-child(2) {	-webkit-animation-delay: -1.1s;	animation-delay: -1.1s;}
.spinner-wave div:nth-child(3) {	-webkit-animation-delay: -1.0s;	animation-delay: -1.0s;}
.spinner-wave div:nth-child(4) {	-webkit-animation-delay: -0.9s;	animation-delay: -0.9s;}
.spinner-wave div:nth-child(5) {	-webkit-animation-delay: -0.8s;	animation-delay: -0.8s;}
@-webkit-keyframes wave {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}
@keyframes wave {
	0%, 40%, 100% { transform: scaleY(0.4); }
	20% { transform: scaleY(1.0); }
}






.home-bg {margin:0; padding:0; background:url("../images/bg-country2.png") no-repeat center bottom; position:absolute; width:100%; height:100%;}
.container-1 {background:#fff;position:absolute;top:0;z-index:1000;width:100% !important;height:100% !important;}
.container-1 h1 {color:#fff; text-align:center; font-size:25px;}
.container-1 h2 {color:#454545; text-align:center; font-size:18px;}
.container-1 h3 {color:#454545; text-align:center; font-size:18px; margin:0; padding:0;}
.container-1 h3 span {color:#454545; text-align:left; font-size:14px;  font-weight:normal;}
.container-1 .intri-icon-box{width:600px;margin:0 auto;padding-left:30px;}
.container-1 ul {list-style-type:none; margin:10px auto; }
.container-1 ul li{list-style-type:none; float:left; padding:0 0 0 10px; width:30%; height:60px; margin:0 2px; 0 0; text-align:left; }
.container-1 ul li p{ font-size:14px; color:#454545;line-height:57px;}
.container-1 ul li img {padding:0px 10px 0 0; float:left;}
.top-wrapper {position:relative; z-index:1;margin:0 auto}
.logo {text-align:center; padding:0; }
.map-img {text-align:center; padding:0px 0 0 0;}
.str-bt {text-align:center; padding:0 0; text-decoration:none;}
.str-bt a{padding:10px 20px;border-radius: 5px; background:#e30613; color:#fff; font-size: 16px; text-decoration: none; font-weight: bold;display:inline-block;margin:15px 0; }
/*.str-bt a:hover { background:#bc141a; color:#fff;}*/	
.str-bt a:hover{background-color: #c81212;}

.container-2 {background:url("../images/bg-country2.png") no-repeat center bottom; position:absolute; z-index:-1; top:0; left:0; }

.header {background:url("../images/bg-pattern.jpg"); height:75px;}
.header-holder {width:1000px; margin:0 auto;}
.logo-2 {width: 400px;float: left;}
.logo-2 .img {margin:0px 15px 0px 0; padding:0 15px 0 0;  float:left; border-right:1px solid #f1f1f1;}
.logo-2 p {line-height:65px; padding:0; margin:0; font-weight:bold; color:#fff;}

.top-graybox {background:#f1f1f1; height:60px; margin:30px 0 0; border-radius:3px; padding:20px;}
.timer-holder {width:800px; position:relative; float:left;}
.line {border-bottom:1px solid #999; margin:0 40px; position:relative; top:13px;}
.timer-box {list-style-type:none; padding:0; margin:0; position:absolute; z-index:1;}
.timer-box li{list-style-type:none; float:left; height:30px; width:30px; width:80px; text-align:center;} 
.timer-box li p {font-size:12px; color:#666;}
.circle-1 {width:20px; height:20px; border:2px solid #999; border-radius:13px; background:#fff; margin:0 auto; font-size:12px;line-height: 21px;} 

.total-cont {width:100px; float:right;}
.total-cont p {text-align:center; font-size:12px; color:#666;}
.cont-box {width:50px; height:20px; margin:0 auto; text-align:center; font-size:12px; color:#666; border:3px solid #BB464C; line-height:20px; border-radius:5px; background:#fff; } 

.qustion-box {margin: 0 auto; text-align:center}
.clue-head {color:#ba1619; font-weight:bold; padding:20px 0 10px;}
.clu-id {list-style-type:none; clear:both; padding:10px 0; width:45px; margin:0 auto;}
.clu-id li{list-style-type:none; width:10px; height:10px; margin:0 5px 0 0; float:left; background:#000} 
.active-ans {background:#ba1619 !important;}
.clue-cta {padding:25px 0;}
.clue-cta a{background:#2e77bf; color:#fff; padding:10px 20px; font-size:12px; text-decoration:none; border-radius:5px;}
.clue-and-ans {padding:10px 0;}
.clue-and-ans input[type="text"]{padding:10px; font-size:12px; border:1px solid #ccc; border-radius:5px; margin:0 10px 0 0; color:#666; font-style:italic}
.clue-and-ans input[type="button"]{padding:10px 15px; font-size:12px; border:0; background:#ba1619; border-radius:5px; color:#fff;}

.clue-holder {width:1000px; margin:0 auto; height:360px; position:relative;}
.cule-1, .cule-2, .cule-3 {position:absolute; width:100%; text-align:center;}
.cule-2, .cule-3 {display:none;}
 
 .social-icon {margin:0; padding:0; list-style-type:none;}  
 .social-icon li{float:right; padding:15px 0 0 10px; margin:0;} 

 ul.q1-question {
  padding-bottom: 15px;
}

.footer, .source-cont {bottom:0; width:100%;}
.footer-text {width:1000px; margin:0 auto; padding:20px 0; font-size:12px; color:#fff;}
.home_footer  {position:absolute; width:100%; bottom:0px; font-size:12px; color:#fff; text-align:center; background:url("../images/blue-bg.png"); padding:10px 0 }

/************FOR CHART************/
.result-final {width: 750px;}
.cir {background:#cc5254 !important; border:1px solid #fff}
.ab {border:2px solid #ebebeb !important}

/*#myDoughnut{position:relative;margin:40px auto;width:470px;}*/
#myDoughnut{position: absolute;width: 460px;top: 50%;left: 50%;margin-left: -230px;margin-top: -230px;}
.canvas-wrapper{background-color: #eee;border-radius:470px;margin:0;padding:0;}
#wrapper-myDoughnut-canvas{height:460px !important;width:460px !important}
canvas{margin-left:-5px;margin-top:-5px;}
.f-rest{position:absolute;top:15px;left:15px;width:370px;height:370px;background:#fff;border-radius:430px;padding:30px;text-align:center}
.text-box {color: #fff !important;font-family: arial;margin: 0;width: 380px;}
.text-box h2 {color:#2C6BB2 !important;margin: 0;padding: 50px 0 0 !important;}
.text-box .content-box{}
.text-box .content-list li{list-style:none;color:#fff; display:none;}
.text-box p {color:#2C6BB2 !important;font-size: 17px;line-height: 23px;margin: 0;}
.text-box p strong{padding-bottom:10px;display:inline-block;font-size:20px;font-style:italic;font-weight:normal;}
.text-box p a{text-decoration:none;color:#2C6BB2;}
.replay-bt {background:#e30613; border:2px solid #e30613; border-radius:5px; color:#fff; cursor:pointer; font-size:16px; margin:30px auto 0; padding:10px 15px; width:120px; font-weight:bold;}
.replay-bt:hover { background:none; color:#2C6BB2 }

input#submite-val {font-size: 13px; font-family: arial; color: #666; }
ul#ui-id-1 {height:147px; overflow-y:scroll; overflow-x:hidden;background:#fff;}
ul#ui-id-1 li{font-size: 13px !important; font-family: arial !important; color: #666 !important;} 

.fb {width:35px; height:35px; background:url("../images/fb.png") no-repeat center;float: left;}
.fb:hover {background:url("../images/fb1.png") no-repeat center;}
/*.tw {width:35px; height:35px; background:url("../images/tw.png") no-repeat center;float: left;}
.tw:hover { background:url("../images/tw1.png") no-repeat center;}*/
.gl {width:35px; height:35px; background:url("../images/gp.png") no-repeat center;float: left;}
.gl:hover {background:url("../images/gp1.png") no-repeat center;}
.in {width:35px; height:35px; background:url("../images/in.png") no-repeat center;float: left;}
.in:hover {background:url("../images/in1.png") no-repeat center;}

.fb1 {width:35px; height:35px; background:url("../images/sm1.png") no-repeat center;float: left;}
.fb1:hover {background:url("../images/sm1.png") no-repeat center;opacity: 0.3;}
.tw1 {width:35px; height:35px; background:url("../images/sm2.png") no-repeat center;float: left;}
.tw1:hover { background:url("../images/sm2.png") no-repeat center;opacity: 0.3;}
.gl1 {width:35px; height:35px; background:url("../images/sm3.png") no-repeat center;float: left;}
.gl1:hover {background:url("../images/sm3.png") no-repeat center;opacity: 0.3;}
.in1 {width:35px; height:35px; background:url("../images/sm4.png") no-repeat center;float: left;}
.in1:hover {background:url("../images/sm4.png") no-repeat center;opacity: 0.3;}


a#b {width: 30px !important;    height: 30px !important;    background: red !important;}

div#c {display: none !important;}

a#b i {display: none !important;}

a#b span {display: none !important;}

/*#tweetBtn iframe {width:77px !important}*/