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




.celticcross-box {}
.celticcross-box .container {max-width:1290px;}
.celticboxbg {height:660px; padding:30px; position:relative; background: url(../images/mainbg.jpg) no-repeat; }
.celticboxbg:before {background-color:rgba(0,0,0,0.5); position:absolute; width:100%; height:100%; content:""; left:0px; top:0px;}
.gamecelbox {position:relative; top:50%; left:50%; 
-webkit-transform: translateY(-50%) translateX(-50%); 
-khtml-transform: translateY(-50%) translateX(-50%); 
-moz-transform: translateY(-50%) translateX(-50%); 
-ms-transform: translateY(-50%) translateX(-50%); 
-o-transform: translateY(-50%) translateX(-50%); 
transform: translateY(-50%) translateX(-50%); width:100%;}

.cardpos {position:absolute !important; top:25%; left:50%; 
-webkit-transform: translateY(-50%) translateX(-50%); 
-khtml-transform: translateY(-50%) translateX(-50%); 
-moz-transform: translateY(-50%) translateX(-50%); 
-ms-transform: translateY(-50%) translateX(-50%); 
-o-transform: translateY(-50%) translateX(-50%); 
transform: translateY(-50%) translateX(-50%); width:100%;}

.calmaintitle {font-size:80px; color:#fff; font-weight:700; line-height:75px;}
.caltitle {font-size:50px; color:#fff; margin-bottom:15px;}
.startbtn {}
.startbtn a {padding:8px 22px;  background-color:#7b3138; color:#fff !important; border-radius:3px; border:none; font-size:16px; font-weight:600; text-transform:uppercase; margin-left:12px; display:inline-block; }
.startbtn a:hover {background-color:#fff;  color:#7b3138 !important;} 

.nextpagegamebg {display:none; height:660px; padding:30px; position:relative; background: url(../images/sec-mainbg.jpg) no-repeat; position:relative;}
.nextpagegamebg:before {background-color:rgba(0,0,0,0.5); position:absolute; width:100%; height:100%; content:""; left:0px; top:0px;}
.pageboxtable {display:table; width:100%; height:100%; position:relative; z-index:9;}
.leftboxtable {display:block; vertical-align:top; width:100%;  position:relative; min-height:350px;}
.rightboxtable {display:block; vertical-align:middle; max-width:100%; width:100%; position:relative;}

.boxwhitebg {background-color:rgba(255,255,255,0.8); padding:15px; color:#000; height:82%; overflow:auto; position:relative; width:70%; top:0px; bottom:0px; margin:auto; border-radius:6px;}
.boxwhitebg .sideboxtext{  height:150px; overflow-y: auto;  }
.boxwhitebg h1 {font-size:22px !important;}
.boxwhitebg h2 {font-size:20px !important;}
.boxwhitebg h3 {font-size:18px !important;}
.boxwhitebg h4 {font-size:16px !important;}
.boxwhitebg p {margin-bottom:10px !important; font-size:15px !important; font-weight:400 !important; color:#000 !important;}
            	
.cardpos {position:relative; /*width:86%;*/ margin-right:50px;}
.cardpos img.cards {position:absolute; cursor:pointer; width:90px; height:145px;}
/*.cardpos img.v-card {width:134px; height:80px;}
.cardpos #card-12 {right:0px; top:0px;}
.cardpos #card-11 {right:95px; top:0px;}
.cardpos #card-10 {right:190px; top:0px;}
.cardpos #card-9 {right:95px; top:149px;}
.cardpos #card-8 {right:95px; top:298px;}
.cardpos #card-7 {right:95px; top:447px;}
.cardpos #card-6 {left:295px; top:220px;}
.cardpos #card-5 {left:157px; top:65px;}
.cardpos #card-4 {left:20px; top:220px;}
.cardpos #card-3 {left:157px; top:375px;}
.cardpos #card-2 {left: 129px; top: 247px;}
.cardpos #card-1 {left:157px; top:220px;}



.cardpos #card-12-1 {right:0px; top:0px;}
.cardpos #card-11-1 {right:95px; top:0px;}
.cardpos #card-10-1 {right:190px; top:0px;}
.cardpos #card-9-1 {right:95px; top:149px;}
.cardpos #card-8-1 {right:95px; top:298px;}
.cardpos #card-7-1 {right:95px; top:447px;}
.cardpos #card-6-1 {left:295px; top:220px;}
.cardpos #card-5-1 {left:157px; top:65px;}
.cardpos #card-4-1 {left:20px; top:220px;}
.cardpos #card-3-1 {left:157px; top:375px;}
.cardpos #card-2-1 {left: 156px; top: 220px; width:80px; height:134px; transform: rotate(90deg) !important;}
.cardpos #card-1-1 {left:157px; top:220px; z-index:9999;}*/


.cardpos img.v-card {width:90px; height:145px;}
.cardpos #card-12 {right:0px; top:0px;}
.cardpos #card-11 {right:95px; top:0px;}
.cardpos #card-10 {right:190px; top:0px;}
.cardpos #card-9 {right:95px; top:149px;}
.cardpos #card-8 {right:95px; top:298px;}
.cardpos #card-7 {right:95px; top:447px;}
.cardpos #card-6 {left:295px; top:170px;}
.cardpos #card-5 {left:157px; top:170px;}
.cardpos #card-4 {left:20px; top:170px;}
.cardpos #card-3 {left:295px; top:0px;}
.cardpos #card-2 {left: 156px; top: 0px;}
.cardpos #card-1 {left:20px; top:0px;}


.cardpos #card-12-1 {right:0px; top:0px;}
.cardpos #card-11-1 {right:95px; top:0px;}
.cardpos #card-10-1 {right:190px; top:0px;}
.cardpos #card-9-1 {right:95px; top:149px;}
.cardpos #card-8-1 {right:95px; top:298px;}
.cardpos #card-7-1 {right:95px; top:447px;}
.cardpos #card-6-1 {left:295px; top:170px;}
.cardpos #card-5-1 {left:157px; top:170px;}
.cardpos #card-4-1 {left:20px; top:170px;}
.cardpos #card-3-1 {left:295px; top:0px;}
.cardpos #card-2-1 {left: 156px; top: 0px;}
.cardpos #card-1-1 {left:20px; top:0px; z-index:9999;}


.ani-1 {animation-duration:1.2s;}
.ani-2 {animation-duration:1.6s;}
.ani-3 {animation-duration:1.9s;}

.ani-4 {animation-duration:1.2s;}
.ani-5 {animation-duration:1.6s;}
.ani-6 {animation-duration:1.9s;}

.cards.flipcir {display:none;}
.cards.flipcir.flipimg {display:block;}
.sideboxtext {display:none;}
.cardpos .imgpos {z-index:999999 !important;}
.gc-play-again-btn  {position:absolute; right:32px; bottom:30px; z-index:9;}
.cardpos{ position: relative !important; margin: 0 auto; transform: none; display: block; text-align: center; width:36%; left:0; right:0;  }
.gc-play-again-btn.startbtn a{ margin:0 auto; display:table;  }
.gc-play-again-btn{ left:0; right:0; margin:0 auto; text-align: center;  }