1 h4, h5, h6, 2 h1, h2, h3 {margin: 0;} 3 ul, ol {margin: 0; padding:0;} 4 p {margin: 0;} 5 html, body{ 6 font-family: 'OpenSans-Regular'; 7 font-size: 100%; 8 background: #ffffff; 9 } 10 @font-face { 11 font-family: 'OpenSans-Regular'; 12 src: url(../fonts/OpenSans-Regular.ttf)format('truetype'); 13 } 14 @font-face { 15 font-family: 'Play-Bold'; 16 src: url(../fonts/Play-Bold.ttf) format('truetype'); 17 } 18 @font-face { 19 font-family: 'Play-Regular'; 20 src: url(../fonts/Play-Regular.ttf) format('truetype'); 21 } 22 h1.b1, h2.b2, h3.b3 { 23 margin-bottom: 25px; 24 display: block; 25 } 26 body a{ 27 transition:0.5s all; 28 -webkit-transition:0.5s all; 29 -moz-transition:0.5s all; 30 -o-transition:0.5s all; 31 -ms-transition:0.5s all; 32 } 33 .row{ 34 margin:0; 35 } 36 a#toTop{ 37 margin-top: 0; 38 } 39 .breadcrumb{ 40 margin:2em 0; 41 text-align:left; 42 } { 45 background:#69d2e8; 46 padding:1em 0; 47 } 48 .headr-left{ 49 float:left; 50 width:65%; 51 } 52 .social{ 53 float:left; 54 } 55 .social i { 56 width: 33px; 57 height: 33px; 58 background: url('../images/social.png') no-repeat 0px 0px; 59 display: inline-block; 60 margin:0 5px; 61 } 62 a i.facebook:hover,a i.twitter:hover,a i.gplus:hover,a i.pin:hover,a i.youtube:hover{ 63 opacity:0.8; 64 } 65 a i.facebook{ 66 background-position:-5px -6px; 67 } 68 a i.twitter{ 69 background-position:-46px -7px; 70 } 71 a i.gplus{ 72 background-position:-92px -8px; 73 } 74 a i.pin{ 75 background-position:-135px -8px; 76 } 77 a i.youtube{ 78 background-position:-180px -9px; 79 } 80 .copyrights{ 81 text-indent:-9999px; 82 height:0; 83 line-height:0; 84 font-size:0; 85 overflow:hidden; 86 } 87 .search { 88 position: relative; 89 float: left; 90 width:40%; 91 margin-left:10em; 92 } 93 .search input[type="text"] { 94 padding: 6px 10px 6px 0px; 95 outline: none; 96 color: #fff; 97 background: none; 98 border: none; 99 width: 88%; 100 position: relative; 101 font-size: 0.9em; 102 -webkit-appearance: none; 103 margin-left: 3em; 104 } 105 .search input[type="submit"] { 106 background: url('../images/search1.png') no-repeat 0px 1px; 107 border: none; 108 cursor: pointer; 109 width: 24px; 110 outline: none; 111 position: absolute; 112 height: 24px; 113 top: 3px; 114 left: 8px; 115 } 116 .headr-right { 117 float: left; 118 } 119 .details ul li{ 120 display:inline-block; 121 padding:0.3em 0em 0.3em 1em; 122 } 123 .details ul li:nth-child(1){ 124 margin-right:3em; 125 } 126 .details ul li{ 127 color:#fff; 128 text-decoration:none; 129 font-size:0.9em; 130 } 131 .details ul li a{ 132 color:#fff; 133 text-decoration:none; 134 font-size:0.9em; 135 } 136 .glyphicon-earphone:before,.glyphicon-envelope:before { 137 font-size:13px; 138 margin-right:5px; 139 } 140 .logo{ 141 float:left; 142 } 143 .logo h1 a{ 144 color:#fff; 145 font-family: 'Play-Bold'; 146 text-decoration:none; 147 } 148 .top-menu{ 149 float:right; 150 } 151 .top-menu ul li{ 152 display:inline-block; 153 } 154 .top-menu ul li a{ 155 display:block; 156 color:#fff; 157 padding:0.5em 1em; 158 text-decoration:none; 159 font-family: 'Play-Regular'; 160 font-size:1.1em; 161 } 162 span.menu { 163 display:none; 164 } 165 .top-menu ul li.active a,.top-menu ul li a:hover{ 166 color: #f43c60; 167 } 168 ::-webkit-input-placeholder{ 169 color:#fff !important; 170 } 171 .top-banner{ 172 position:relative; 173 } { 176 background:url(../images/bnr3.jpg) no-repeat 0px 0px; 177 background-size:cover; 178 min-height:680px; 179 } 180 .banner2{ 181 background:url(../images/bnr2.jpg) no-repeat 0px 0px; 182 background-size:cover; 183 min-height:680px; 184 } 185 .banner3{ 186 background:url(../images/bnr3.jpg) no-repeat 0px 0px; 187 background-size:cover; 188 min-height:680px; 189 } 190 .slider { 191 position: relative; 192 } 193 .rslides { 194 position: relative; 195 list-style: none; 196 overflow: hidden; 197 width: 100%; 198 padding: 0; 199 margin: 0; 200 } 201 .rslides div.slid { 202 -webkit-backface-visibility: hidden; 203 width: 100%; 204 left: 0; 205 top: 0; 206 } 207 .rslides img { 208 display: block; 209 height: auto; 210 float: left; 211 width: 100%; 212 border: 0; 213 } 214 .caption{ 215 width: 100%; 216 margin-top:16em; 217 } 218 .banner-info{ 219 position: absolute; 220 z-index: 99; 221 top: 100px; 222 left: 13%; 223 } 224 .caption { 225 text-align:center; 226 } 227 .caption h3{ 228 color: #ffffff; 229 font-size: 2.8em; 230 font-family: 'Play-Bold'; 231 } 232 .caption p{ 233 line-height: 1.8em; 234 font-size: 1em; 235 font-weight: 400; 236 color:#ffffff; 237 width: 60%; 238 margin:1em auto 0 auto; 239 } 240 .callbacks_tabs a:after { 241 content: "\f111"; 242 font-size: 0; 243 font-family: FontAwesome; 244 visibility: visible; 245 display: block; 246 height: 15px; 247 width: 15px; 248 display: inline-block; 249 border-radius: 50%; 250 -webkit-border-radius: 50%; 251 -moz-border-radius: 50%; 252 -o-border-radius: 50%; 253 -ms-border-radius: 50%; 254 background:#69d2e8; 255 border:2px solid#fff; 256 } 257 .callbacks_here a:after{ 258 background:#d52f47; 259 } 260 .callbacks_tabs a{ 261 visibility:hidden; 262 } 263 .callbacks_tabs li{ 264 display:inline-block; 265 266 } 267 ul.callbacks_tabs.callbacks1_tabs { 268 position: absolute; 269 bottom: 50px; 270 z-index: 999; 271 left: 46%; 272 } { 275 display: none; 276 } 277 .nbs-flexisel-container { 278 position: relative; 279 max-width: 100%; 280 } 281 .nbs-flexisel-ul { 282 position: relative; 283 width: 9999px; 284 margin: 0px; 285 padding: 0px; 286 list-style-type: none; 287 text-align: center; 288 } 289 .nbs-flexisel-inner { 290 overflow: hidden; 291 } 292 .nbs-flexisel-item { 293 float: left; 294 margin: 0px; 295 padding: 0px 21px; 296 cursor: pointer; 297 position: relative; 298 line-height: 0px; 299 width: 285px!important; 300 } 301 .nbs-flexisel-item > img { 302 cursor:auto; 303 position: relative; 304 width: 90%; 305 margin: 0 5%; 306 } 307 .content{ 308 padding:4em 0; 309 } 310 .top-games h3,.latest-games h3{ 311 color:#f43c60; 312 font-size:2.4em; 313 font-family: 'Play-Bold'; 314 text-align:center; 315 } 316 .game-grid{ 317 text-align:center; 318 } 319 .top-game-grids{ 320 margin-top:4em; 321 } 322 .game-grid h4{ 323 font-family: 'Play-Bold'; 324 font-size:1.3em; 325 } 326 .game-grid p{ 327 color:#777; 328 font-size:0.9em; 329 margin:0.7em 0; 330 line-height:1.8em; 331 } 332 .game-grid img{ 333 334 } { 337 padding-bottom:4em; 338 } 339 .new-trailers{ 340 padding: 2em 0 0em 0; 341 } 342 .new-trailers h3 { 343 padding: 0.5em; 344 background-color: #F4F4F4; 345 color: #000; 346 text-align: center; 347 font-size: 2em; 348 color: #5bb2fc; 349 font-family: 'Play-Regular'; 350 margin-bottom: 2em; 351 } 352 .latest-top{ 353 margin-top:3em; 354 } 355 .trailer iframe { 356 width: 100%; 357 height: 387px; 358 } 359 .trailer { 360 padding-left: 0; 361 } 362 .sub-img { 363 float: left; 364 } 365 .sub-img img{ 366 width:100%; 367 } 368 .sub-text { 369 float:right; 370 } 371 .sub-text a { 372 padding: 0.5em; 373 background-color: #F4F4F4; 374 font-size:1.2em; 375 color: #5bb2fc; 376 font-family: 'Play-Regular'; 377 line-height: 1.4em; 378 text-decoration:none; 379 display: block; 380 } 381 .sub-text p { 382 font-size: 0.9em; 383 line-height: 1.8em; 384 color: #888; 385 font-weight: 400; 386 margin-top: 0.5em; 387 } 388 .sub-trailer { 389 margin-bottom: 0.6em; 390 } { 393 padding:4em 0; 394 } 395 .x-box-left h2{ 396 font-family: 'Play-Bold'; 397 font-size:4em; 398 color: #f43c60; 399 } 400 .x-box-left h3{ 401 font-family: 'Play-Regular'; 402 font-size:2em; 403 margin-top:8px; 404 color:#69d2e8; 405 } 406 .x-box-left p{ 407 line-height:1.7em; 408 margin-top:1em; 409 font-size:0.9em; 410 color:#777; 411 } 412 .x-box-left a{ 413 display:inline-block; 414 background:#69d2e8; 415 color:#fff; 416 padding:0.8em 1.7em; 417 margin-top:2em; 418 text-decoration:none; 419 } 420 .hvr-bounce-to-bottom { 421 display: inline-block; 422 vertical-align: middle; 423 -webkit-transform: translateZ(0); 424 transform: translateZ(0); 425 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 426 -webkit-backface-visibility: hidden; 427 backface-visibility: hidden; 428 -moz-osx-font-smoothing: grayscale; 429 position: relative; 430 -webkit-transition-property: color; 431 transition-property: color; 432 -webkit-transition-duration: 0.5s; 433 transition-duration: 0.5s; 434 } 435 .hvr-bounce-to-bottom:before { 436 content: ""; 437 position: absolute; 438 z-index: -1; 439 top: 0; 440 left: 0; 441 right: 0; 442 bottom: 0; 443 background: #69d2e8; 444 -webkit-transform: scaleY(0); 445 transform: scaleY(0); 446 -webkit-transform-origin: 50% 0; 447 transform-origin: 50% 0; 448 -webkit-transition-property: transform; 449 transition-property: transform; 450 -webkit-transition-duration: 0.5s; 451 transition-duration: 0.5s; 452 -webkit-transition-timing-function: ease-out; 453 transition-timing-function: ease-out; 454 } 455 .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { 456 color: white; 457 } 458 .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { 459 -webkit-transform: scaleY(1); 460 transform: scaleY(1); 461 -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); 462 transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); 463 } { 466 display: inline-block; 467 vertical-align: middle; 468 -webkit-transform: translateZ(0); 469 transform: translateZ(0); 470 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 471 -webkit-backface-visibility: hidden; 472 backface-visibility: hidden; 473 -moz-osx-font-smoothing: grayscale; 474 position: relative; 475 -webkit-transition-property: color; 476 transition-property: color; 477 -webkit-transition-duration: 0.5s; 478 transition-duration: 0.5s; 479 } 480 .hvr-bounce-to-top:before { 481 content: ""; 482 position: absolute; 483 z-index: -1; 484 top: 0; 485 left: 0; 486 right: 0; 487 bottom: 0; 488 background: #f43c60; 489 -webkit-transform: scaleY(0); 490 transform: scaleY(0); 491 -webkit-transform-origin: 50% 100%; 492 transform-origin: 50% 100%; 493 -webkit-transition-property: transform; 494 transition-property: transform; 495 -webkit-transition-duration: 0.5s; 496 transition-duration: 0.5s; 497 -webkit-transition-timing-function: ease-out; 498 transition-timing-function: ease-out; 499 } 500 .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { 501 color: white; 502 } 503 .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { 504 -webkit-transform: scaleY(1); 505 transform: scaleY(1); 506 -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); 507 transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); 508 } { 511 background:url(../images/pst1.jpg) no-repeat 0px 0px; 512 background-size:cover; 513 min-height:450px; 514 position:relative; 515 } 516 .poster-info{ 517 width:60%; 518 margin-top:5em; 519 } 520 .poster-info h3{ 521 font-family: 'Play-Bold'; 522 color:#fff; 523 font-size:2.2em; 524 } 525 .poster-info p{ 526 color:#fff; 527 margin-top:1em; 528 line-height:1.7em; 529 font-size:0.9em; 530 } 531 .poster-info a{ 532 color:#fff; 533 margin-top:1em; 534 display:inline-block; 535 background:#f43c60; 536 padding:0.75em 1.3em; 537 text-decoration:none; 538 font-size:0.9em; 539 } 540 .bnr2 { 541 background: url(../images/bnr3.jpg) no-repeat 0px 0px; 542 background-size: cover; 543 min-height:170px; 544 } 545 .banner-info2{ 546 margin-top:2em; 547 } { 550 background:#333; 551 padding:2em 0 0 0; 552 } 553 .ftr-grid h3,.ftr-info h3{ 554 font-family: 'Play-Regular'; 555 font-size:1.7em; 556 margin-bottom:0.8em; 557 color:#69d2e8; 558 } 559 .ftr-grid ul li{ 560 display:block; 561 } 562 .ftr-grid ul li a{ 563 display:block; 564 color:#fff; 565 padding:4px 0; 566 text-decoration:none; 567 font-size:0.85em; 568 } 569 .ftr-grid ul li a:hover{ 570 color:#f43c60; 571 } 572 .ftr-info p{ 573 font-size:0.85em; 574 line-height:1.7em; 575 color:#fff; 576 margin-top:2em; 577 } 578 .copywrite { 579 padding:2em 0; 580 background:#333; 581 } 582 .copywrite p { 583 color: #FFF; 584 font-size: .9em; 585 text-align: center; 586 line-height: 1.8em; 587 } 588 .copywrite p a{ 589 color:#fff; 590 } { 593 padding:3em 0; 594 } 595 .about h2,.review h2,h2.top,.gallery h2,.contact h2{ 596 font-family: 'Play-Bold'; 597 font-size: 2.5em; 598 color: #f43c60; 599 text-align:center; 600 } 601 .about-info-grids{ 602 margin-top:2em; 603 } 604 .abt-pic{ 605 padding-left:0; 606 } 607 .abt-info-pic{ 608 padding-right:0; 609 } 610 .abt-info-pic h3 { 611 font-family: 'Play-Regular'; 612 font-size: 2em; 613 color: #69d2e8; 614 } 615 .abt-info-pic p { 616 line-height: 1.7em; 617 margin-top: 1em; 618 font-size: 0.9em; 619 color: #777; 620 } 621 .abt-info-pic ul{ 622 margin-top:1em; 623 } 624 .abt-info-pic li { 625 list-style-image: url(../images/icon3.png); 626 margin: 0 0 10px 20px; 627 color: #9A9598; 628 font-size: 0.9em; 629 text-decoration: none; 630 } 631 .testimonals{ 632 margin-top:4em; 633 } 634 .testimonals h3,.team h3{ 635 font-family: 'Play-Bold'; 636 font-size: 1.8em; 637 color: #f43c60; 638 margin-bottom:0.7em; 639 } 640 .testimonal-grid:first-child { 641 margin: 0; 642 } 643 .testimonal-grid{ 644 margin: 0 0 0 30px; 645 padding:0; 646 width: 31.5%; 647 } 648 .testi-info p{ 649 background: #161616; 650 padding: 25px 30px 25px 30px; 651 border-radius: 0; 652 line-height: 1.5em; 653 font-size: 0.9em; 654 color: #7d7d7d; 655 } 656 .testi-info p:hover{ 657 color:#fff; 658 } 659 .testi-info h4{ 660 color:#69d2e8; 661 font-size:1.3em; 662 margin-top:15px; 663 } 664 .testi-info a{ 665 color:#f43c60; 666 text-decoration:none; 667 font-size: 0.75em; 668 font-weight:600; 669 } 670 .testi-info a:hover{ 671 color:#69d2e8;; 672 } 673 .team{ 674 margin-top:3em; 675 } 676 .grid_4 { 677 width: 22%; 678 float: left; 679 margin: 0 3% 0% 0; 680 } 681 .team-grid p { 682 font-size: 0.9em; 683 line-height: 1.8em; 684 color: #777; 685 } 686 .team-grid img { 687 width: 100%; 688 } 689 .team-grid h4{ 690 color:#69d2e8; 691 font-size: 1.3em; 692 margin:0.6em 0; 693 } { 696 padding: 3em 0 5em; 697 } 698 .col-1 { 699 background: #eee; 700 padding: 1em; 701 } 702 .col-1 h4{ 703 font-size:1.2em; 704 margin: 0.8em 0 0.5em; 705 font-family: 'Play-Bold'; 706 } 707 .col-1 h4 a{ 708 color:#2d2d2d; 709 text-decoration: none; 710 } 711 .col-1 h4 a:hover{ 712 color:#69d2e8; 713 } 714 .col-1 p { 715 line-height: 1.7em; 716 font-size: 0.9em; 717 color: #777; 718 } 719 .review-md1 { 720 padding: 3em 0 0; 721 } { 725 padding:3em 0; 726 } 727 .blog-left{ 728 padding-left:0; 729 } 730 .blog-info p{ 731 line-height: 1.7em; 732 margin-top: 1em; 733 font-size: 0.9em; 734 color: #777; 735 } 736 p.snglp{ 737 line-height: 1.7em; 738 margin-top: 1em; 739 font-size: 0.9em; 740 color: #777; 741 } 742 .blog-left p a { 743 color: #777; 744 } 745 .recent-posts h4,.category h4,.coment-form h4,.response h4{ 746 font-family: 'Play-Regular'; 747 font-size: 1.6em; 748 color: #f43c60; 749 margin-bottom: 0.7em; 750 } 751 .posts-right label { 752 margin: 0 0 0px 0; 753 font-size: 1em; 754 color:#f43c60; 755 line-height: 1.6em; 756 } 757 .blog-img img{ 758 width:100%; 759 } 760 .blog-info-text a img { 761 width: 100%; 762 } 763 .blog-info-text a img { 764 overflow: hidden; 765 position: relative !important; 766 padding: 0; 767 } 768 .single-page img { 769 box-sizing: border-box; 770 height: auto; 771 max-width: 100%; 772 } 773 img.zoom-img { 774 transform: scale(1, 1); 775 -webkit-transform: scale(1, 1); 776 -moz-transform: scale(1, 1); 777 o-transform: scale(1, 1); 778 -ms-transform: scale(1, 1); 779 transition-timing-function: ease-out; 780 -webkit-transition-timing-function: ease-out; 781 -moz-transition-timing-function: ease-out; 782 -o-transition-timing-function: ease-out; 783 -ms-transition-timing-function: ease-out; 784 transition-duration: .5s; 785 -webkit-transition-duration: .5s; 786 -moz-transition-duration: .5s; 787 -o-transition-duration: .5s; 788 -ms-transition-duration: .5s; 789 } 790 img.zoom-img:hover { 791 transform: scale(1.08); 792 -webkit-transform: scale(1.08); 793 -moz-transform: scale(1.05); 794 -o-transform: scale(1.08); 795 -ms-transform: scale(1.08); 796 -webkit-transition-timing-function: ease-in-out; 797 -moz-transition-timing-function: ease-in-out; 798 -o-transition-timing-function: ease-in-out; 799 -ms-transition-timing-function: ease-in-out; 800 -webkit-transition-duration: 750ms; 801 -moz-transition-duration: 750ms; 802 -o-transition-duration: 750ms; 803 -ms-transition-duration: 750ms; 804 overflow: hidden; 805 } 806 a.list-group-item:hover { 807 background-color: #69d2e8; 808 border-color: #69d2e8; 809 color: #fff; 810 } 811 .blog-ctgry{ 812 margin:0 0 40px 0; 813 } 814 .recent-posts-info { 815 margin-bottom: 55px; 816 } 817 .posts-left{ 818 float: left; 819 margin-right: 14px; 820 overflow: hidden; 821 } 822 .posts-right{ 823 float:right; 824 width: 51%; 825 } 826 .posts-right lable { 827 font-size: 14px; 828 font-weight: 500; 829 color: #989595 830 } 831 .posts-right h5 a { 832 color:#181a1b; 833 display:inline-block; 834 font-size: 1.1em; 835 margin: 3px 0; 836 line-height: 1.6em; 837 } 838 .posts-right h5 a:hover{ 839 color: #2f6818; 840 } 841 .blog-info { 842 margin-bottom: 2em; 843 } 844 .btn-primary:hover{ 845 background:transparent; 846 color:#4dc47d; 847 border-color: #4dc47d; 848 } 849 .btn-primary { 850 background:#69d2e8; 851 border-color: #69d2e8; 852 color: #fff; 853 } 854 .comments h4{ 855 margin: 0 0 18px 0; 856 } 857 .posts-right p { 858 color: #542f1d; 859 font-size: 14px; 860 text-shadow: 1px 1px 0px #fff; 861 margin: 0px 0 15px 0; 862 line-height: 1.8em; 863 } { 866 border-top: 1px dashed #2f6818; 867 border-bottom: 1px dashed #2f6818; 868 padding: 1em 0; 869 margin: 2em 0 3em 0; 870 } 871 .comment-icons ul { 872 margin: 0; 873 padding: 0; 874 } 875 .comment-icons ul li { 876 display: inline-block; 877 margin: 0 10px; 878 color: #838383; 879 font-size: 14px; 880 } 881 .comment-icons ul li span{ 882 background: url(../images/iconsprite.png) no-repeat 0px 0px; 883 margin-right: 10px; 884 display: inline-block; 885 width: 12px; 886 height: 20px; 887 vertical-align: middle; 888 } 889 .comment-icons ul li span.clndr { 890 background: url(../images/iconsprite.png) no-repeat -19px -2px; 891 width: 17px; 892 } 893 .comment-icons ul li span.admin{ 894 background: url(../images/iconsprite.png) no-repeat 0px -25px; 895 width: 15px; 896 height: 20px; 897 } 898 .comment-icons ul li span.cmnts{ 899 background: url(../images/iconsprite.png) no-repeat -18px -24px; 900 margin-right: 5px; 901 width: 17px; 902 } 903 .comment-icons ul li a.like{ 904 background: url(../images/iconsprite.png) no-repeat 2px -46px; 905 margin-right: 6px; 906 padding-left: 1.5em; 907 } 908 .comment-icons ul li a{ 909 color:#838383; 910 font-size: 14px; 911 margin: 10px 0 18px 0; 912 line-height: 1.8em; 913 display: inline; 914 } 915 .comment-icons ul li a:hover{ 916 color:#f43c60; 917 } 918 .admin-text { 919 padding: 26px; 920 border: 1px dashed #2f6818; 921 } 922 .admin-text h5 { 923 margin: 0 0 12px 0; 924 font-size: 1em; 925 color:#4dc47d; 926 font-weight: 600; 927 } 928 .admin-text-left { 929 float: left; 930 width: 11%; 931 } 932 .admin-text-right { 933 float: right; 934 width: 86%; 935 } 936 .admin-text-right p { 937 margin: 0px 0 18px 0; 938 font-size: 0.95em; 939 color: #777; 940 line-height: 1.7em; 941 } 942 .admin-text-right span { 943 font-weight:600; 944 font-size: 14px; 945 margin: 0 0 10px 0; 946 color:#887f66; 947 } 948 .admin-text-right span a { 949 color: #887f66; 950 text-decoration:none; 951 } 952 .admin-text-right span a:hover{ 953 color:#2f6818; 954 transition:.5s all; 955 } 956 .media.response-info { 957 margin-top: 1.5em; 958 } 959 .response-info-mdl { 960 margin: 1em 0px 1em 4em; 961 } 962 .response { 963 margin-top: 40px; 964 } 965 .media-left.response-text-left { 966 width: 11%; 967 } 968 .response-text h5 { 969 font-weight: 600; 970 font-size: 14px; 971 margin: 10 0 0px 0; 972 color: #887f66; 973 } 974 .response-text-left h5 a { 975 text-decoration: none; 976 color: #838383; 977 } 978 .response-text-left h5 a:hover{ 979 text-decoration: none; 980 color:#f43c60; 981 } 982 .response-text-left h5{ 983 font-weight: 600; 984 font-size: 14px; 985 margin: 1em 0 0 0; 986 } 987 .response-text-right p { 988 font-size: 0.9em; 989 color: #777; 990 line-height: 1.7em; 991 } 992 .response-text-right ul{ 993 padding:0; 994 text-align: right; 995 margin-top: 0.5em; 996 } 997 .response-text-right ul li{ 998 display: inline-block; 999 color: #2f6818; 1000 font-size: 0.9em; 1001 margin-right: 16px; 1002 } 1003 .response-text-right ul li a{ 1004 color:#838383; 1005 font-size: 14px; 1006 font-weight: 600; 1007 } 1008 .response-text-right ul li a:hover{ 1009 color:#f43c60; 1010 text-decoration:none; 1011 } 1012 .coment-form input[type="text"] { 1013 background: none; 1014 width: 100%; 1015 color: #777; 1016 margin: 0 0px 23px 0; 1017 font-size: 0.9em; 1018 padding: 12px 10px; 1019 outline: none; 1020 border:1px solid #CDCDCD; 1021 } 1022 .coment-form textarea { 1023 background: none; 1024 width: 100%; 1025 color:#777; 1026 font-size: 0.9em; 1027 resize: none; 1028 height: 185px; 1029 padding: 12px; 1030 outline: none; 1031 border: 1px solid #CDCDCD; 1032 } 1033 .coment-form input[type="submit"] { 1034 padding: 10px 43px; 1035 margin-top: 23px; 1036 border:2px solid #69d2e8; 1037 color: #ffffff; 1038 font-size: 1em; 1039 background:#69d2e8; 1040 transition:0.5s all; 1041 -webkit-transition:0.5s all; 1042 -moz-transition:0.5s all; 1043 -o-transition:0.5s all; 1044 -ms-transition:0.5s all; 1045 } 1046 .coment-form input[type="submit"]:hover { 1047 background: transparent; 1048 color:#69d2e8; 1049 border:2px solid #69d2e8; 1050 } 1051 .coment-form h4 { 1052 margin-bottom: 22px; 1053 } 1054 .coment-form { 1055 margin-top: 46px; 1056 } { 1059 padding: 3em 0px; 1060 } 1061 h3.ghj { 1062 color: #000; 1063 font-size: 2em !important; 1064 margin: 0 0 1em; 1065 } 1066 .headdings, .Buttons, .progress-bars, .alerts, .bread-crumbs, .pagenatin, .appearance, .distracted { 1067 padding: 2em 0; 1068 } 1069 .breadcrumb { 1070 margin-bottom: 3em !important; 1071 } 1072 .table { 1073 margin-bottom: 0; 1074 } 1075 .b4,.b5,.b6 { 1076 margin-top: 15px !important; 1077 margin-bottom: 15px !important; 1078 } 1079 .bs-example h1, .bs-example hh2, .bs-example h3, .bs-example h4, .bs-example h5, .bs-example h6 { 1080 margin: 0 0 10px; 1081 } { 1084 padding:3em 0; 1085 } 1086 .gallery-bottom{ 1087 margin-top:2em; 1088 } 1089 .gallery-left img{ 1090 width:100%; 1091 } 1092 .gallery-left:hover img { 1093 -webkit-filter: grayscale(100%); 1094 opacity:8; 1095 transition: all 300ms!important; 1096 -webkit-transition: all 300ms!important; 1097 -moz-transition: all 300ms!important; 1098 } 1099 .gallery-left{ 1100 position: relative; 1101 } 1102 .gallery-grid img{ 1103 width:100%; 1104 } 1105 .gallery-grid:hover img { 1106 -webkit-filter: grayscale(100%); 1107 opacity:8; 1108 transition: all 300ms!important; 1109 -webkit-transition: all 300ms!important; 1110 -moz-transition: all 300ms!important; 1111 } 1112 .gallery-grid{ 1113 position: relative; 1114 } 1115 .gallery-1{ 1116 margin-top:25px; 1117 } 1118 .gallery-1:nth-child(1){ 1119 margin-top:0; 1120 } { 1124 padding:3em 0; 1125 } 1126 .contact-left{ 1127 padding-left:0; 1128 } 1129 .contact form{ 1130 margin-top:2em; 1131 } 1132 .contact-head{ 1133 padding:0em 0 2em 0; 1134 } 1135 .contact form input[type="text"],.contact-right textarea { 1136 width: 100%; 1137 padding: 10px 12px; 1138 border: 1px solid #87655B; 1139 font-size: 1em; 1140 margin-bottom: 1.5em; 1141 color: #87655B; 1142 outline: none; 1143 font-weight: 400; 1144 transition: 0.5s all ease; 1145 -webkit-transition: 0.5s all ease; 1146 -moz-transition: 0.5s all ease; 1147 -o-transition: 0.5s all ease; 1148 -ms-transition: 0.5s all ease; 1149 } 1150 .contact-right textarea{ 1151 resize:none; 1152 height: 181px; 1153 } 1154 .contact form input[type="text"]:hover,.contact-right textarea:hover{ 1155 border:1px solid #f43c60; 1156 } 1157 .contact form input[type="submit"] { 1158 font-size:0.8em; 1159 display:inline-block; 1160 background:#69d2e8; 1161 padding:0.6em 2em; 1162 border:2px solid #69d2e8; 1163 color:#fff; 1164 text-decoration:none; 1165 font-weight:500; 1166 transition: 0.5s all ease; 1167 -webkit-transition: 0.5s all ease; 1168 -moz-transition: 0.5s all ease; 1169 -o-transition: 0.5s all ease; 1170 -ms-transition: 0.5s all ease; 1171 } 1172 .contact form input[type="submit"]:hover{ 1173 background:transparent; 1174 color:#69d2e8; 1175 border:2px solid #69d2e8; 1176 } 1177 .address{ 1178 padding:2em 0 0 0; 1179 border-top:1px solid #eee; 1180 margin-top:2em; 1181 } 1182 .address h3{ 1183 font-family: 'Play-Regular'; 1184 font-size: 1.8em; 1185 color: #f43c60; 1186 margin-bottom: 0.7em; 1187 text-align:center; 1188 } 1189 .locations{ 1190 padding-left:0; 1191 margin-top:3em; 1192 } 1193 .locations ul{ 1194 display:inline-block; 1195 width:48%; 1196 } 1197 .locations ul li{ 1198 display:inline-block; 1199 } 1200 .locations ul li span { 1201 background: url(../images/find.png) no-repeat 0px 0px; 1202 vertical-align: super; 1203 width: 38px; 1204 height: 38px; 1205 display: inline-block; 1206 margin:0 0.5em 5.5em 0; 1207 } 1208 .address-info p{ 1209 color: #999; 1210 font-size: 0.9em; 1211 text-decoration: none; 1212 padding-bottom:3px; 1213 display: block; 1214 font-weight: 400; 1215 } 1216 .address-info p a{ 1217 color: #999; 1218 } 1219 .address-info p a:hover{ 1220 color: #026466; 1221 } 1222 .address-info h4 { 1223 color:#09C3EA; 1224 margin-bottom:8px; 1225 font-size:1em; 1226 } 1227 .address-info h5 a{ 1228 color: #626262; 1229 margin:5px 0; 1230 font-size:0.9em; 1231 display:block; 1232 } 1233 .contact-map iframe { 1234 min-height: 310px; 1235 width: 100%; 1236 border: none; 1237 } { 1240 .banner-info { 1241 left:15%; 1242 } 1243 } 1244 @media (max-width: 1600px){ 1245 .banner-info { 1246 left:13%; 1247 } 1248 } 1249 @media (max-width: 1440px){ 1250 .banner-info { 1251 left: 9%; 1252 } 1253 .caption { 1254 margin-top: 17em; 1255 } 1256 .caption p { 1257 width: 66%; 1258 } 1259 } 1260 @media (max-width: 1366px){ 1261 .banner-info { 1262 left: 7%; 1263 } 1264 } 1265 @media (max-width: 1280px){ 1266 .banner-info { 1267 left: 3%; 1268 } 1269 .banner1,.banner3 { 1270 min-height: 601px; 1271 } 1272 .banner2 { 1273 min-height: 601px; 1274 } 1275 .caption p { 1276 width: 78%; 1277 } 1278 .banner-sec { 1279 min-height: 108px; 1280 } 1281 } 1282 @media (max-width: 1080px){ 1283 .headr-left { 1284 float: left; 1285 width: 64%; 1286 } 1287 .search { 1288 margin-left:8em; 1289 } 1290 .banner-info { 1291 left: 0.5%; 1292 width: 100%; 1293 } 1294 .nbs-flexisel-item { 1295 width: 265px!important; 1296 } 1297 } 1298 @media (max-width: 1024px){ 1299 .banner-info { 1300 left: 3%; 1301 } 1302 .headr-left { 1303 width: 60%; 1304 } 1305 .details ul li:nth-child(1) { 1306 margin-right: 2em; 1307 } 1308 .search { 1309 width: 40%; 1310 margin-left: 5em; 1311 } 1312 .caption { 1313 margin-top: 13em; 1314 } 1315 .caption h3 { 1316 font-size: 2.4em; 1317 } 1318 .caption p { 1319 width: 78%; 1320 font-size: 0.85em; 1321 } 1322 .banner1, .banner3,.banner2 { 1323 min-height: 510px; 1324 } 1325 .nbs-flexisel-item { 1326 padding: 0px 12px; 1327 width: 237px!important; 1328 } 1329 .sub-text a { 1330 font-size: 1em; 1331 } 1332 .sub-text p,.poster-info p ,.x-box-left p,.abt-info-pic p,.team-grid p{ 1333 font-size: 0.85em; 1334 } 1335 .poster-info { 1336 width: 76%; 1337 } 1338 .poster { 1339 min-height: 361px; 1340 } 1341 .x-box-left h2 { 1342 font-size: 3.2em; 1343 } 1344 .x-box-left h3 { 1345 font-size: 1.6em; 1346 } 1347 .poster-info a{ 1348 font-size:0.82em; 1349 } 1350 .x-box-left a { 1351 padding: 0.6em 1.5em; 1352 font-size: 0.9em; 1353 } 1354 .banner-sec { 1355 min-height: 108px; 1356 } 1357 .abt-info-pic h3 { 1358 font-size: 1.6em; 1359 } 1360 .abt-info-pic ul { 1361 margin-top: 0.8em; 1362 } 1363 .abt-info-pic li { 1364 margin: 0 0 7px 19px; 1365 } 1366 .testimonal-grid { 1367 width: 31.2%; 1368 } 1369 .testi-info p{ 1370 font-size:0.8em; 1371 } 1372 .testi-info h4 { 1373 font-size: 1.15em; 1374 } 1375 .testi-info a { 1376 font-size: 0.65em; 1377 } 1378 .team-grid h4 { 1379 font-size: 1.15em; 1380 } 1381 .col-1 h4 { 1382 font-size: 1.05em; 1383 } 1384 .col-1 p{ 1385 font-size:0.8em; 1386 } 1387 .posts-left { 1388 width: 50%; 1389 } 1390 .posts-right { 1391 width: 45%; 1392 } 1393 .posts-right p{ 1394 font-size:0.8em; 1395 } 1396 .comment-icons ul li { 1397 margin: 0 7px; 1398 } 1399 .caption { 1400 margin-top: 9em; 1401 } 1402 } 1403 @media (max-width: 991px){ 1404 .banner-info { 1405 left: 0%; 1406 width:100%; 1407 } 1408 .details ul li:nth-child(1) { 1409 margin-right: 1em; 1410 } 1411 .social i { 1412 background-size: 174px; 1413 width: 28px; 1414 height: 28px; 1415 margin: 0 3px; 1416 } 1417 a i.facebook { 1418 background-position: -3px -5px; 1419 } 1420 a i.twitter { 1421 background-position: -36px -5px; 1422 } 1423 a i.gplus { 1424 background-position: -72px -5px; 1425 } 1426 a i.pin { 1427 background-position: -105px -4px; 1428 } 1429 a i.youtube { 1430 background-position: -140px -5px; 1431 } 1432 .headr-left { 1433 width: 55%; 1434 } 1435 .details ul li a { 1436 font-size: 0.8em; 1437 } 1438 .details ul li:nth-child(1) { 1439 margin-right: 0em; 1440 } 1441 .search { 1442 margin-left: 1em; 1443 } 1444 .top-menu ul li a { 1445 padding: 0.5em 0.8em; 1446 font-size: 1em; 1447 } 1448 .logo h1{ 1449 font-size:2em; 1450 } 1451 .top-menu { 1452 float: right; 1453 width: 54%; 1454 } 1455 .caption h3 { 1456 font-size:1.85em; 1457 } 1458 .banner1, .banner3,.banner2 { 1459 min-height: 412px; 1460 } 1461 .callbacks_tabs a:after { 1462 height: 12px; 1463 width: 12px; 1464 } 1465 ul.callbacks_tabs.callbacks1_tabs { 1466 bottom: 23px; 1467 } 1468 .nbs-flexisel-item { 1469 padding: 0px 12px; 1470 width: 223px!important; 1471 } 1472 .sub-text { 1473 width: 80%; 1474 } 1475 .sub-img { 1476 width: 20%; 1477 } 1478 .trailer-text,.abt-info-pic { 1479 padding: 0; 1480 } 1481 .abt-info-pic { 1482 margin-top: 0em; 1483 float: left; 1484 width: 54%; 1485 } 1486 .testimonal-grid { 1487 width: 31%; 1488 float: left; 1489 } 1490 .sed-md { 1491 width: 33.3%; 1492 float: left; 1493 } 1494 .col-1 img{ 1495 width:100%; 1496 } 1497 .gallery-grid { 1498 width: 25%; 1499 float: left; 1500 } 1501 .bnr2 { 1502 min-height: 99px; 1503 } 1504 .caption { 1505 margin-top:10em; 1506 } 1507 .top-games h3, .latest-games h3 { 1508 font-size: 2em; 1509 } 1510 .sub-img { 1511 width: 20%; 1512 padding-left:0; 1513 } 1514 .trailer-text{ 1515 padding-left:0; 1516 } 1517 .sub-text { 1518 width: 80%; 1519 } 1520 .trailer{ 1521 padding:0; 1522 margin-top:2em; 1523 } 1524 .latest { 1525 padding-bottom: 3em; 1526 } 1527 .poster-info h3 { 1528 font-size: 1.8em; 1529 } 1530 .poster-info { 1531 margin-top: 3em; 1532 width: 87%; 1533 } 1534 .poster { 1535 min-height: 326px; 1536 } 1537 .x-box-left h2 { 1538 font-size: 2.5em; 1539 } 1540 .x-box-left{ 1541 padding:0; 1542 } 1543 .x-box { 1544 padding: 2em 0 3em; 1545 } 1546 .x-box-left h3 { 1547 font-size: 1.4em; 1548 } 1549 .x-box-left a { 1550 padding: 0.8em 1.5em; 1551 font-size: 0.8em; 1552 } 1553 .x-box-right img{ 1554 width: 50%; 1555 margin: 0 auto; 1556 } 1557 .ftr-info,.ftr-grid{ 1558 padding:0; 1559 margin-bottom:1em; 1560 } 1561 .banner-sec{ 1562 min-height:100px; 1563 } 1564 .about h2, .review h2, h2.top, .gallery h2, .contact h2 { 1565 font-size: 2em; 1566 } 1567 .abt-pic { 1568 width: 46%; 1569 float: left; 1570 } 1571 .abt-info-pic h3 { 1572 font-size: 1.25em; 1573 line-height: 1.2em; 1574 } 1575 .abt-info-pic ul { 1576 margin-top: 2em; 1577 } 1578 .testimonals h3, .team h3 { 1579 font-size: 1.5em; 1580 } 1581 .team-grid h4 { 1582 font-size: 0.95em; 1583 } 1584 .team-grid p{ 1585 font-size:0.82em; 1586 } 1587 .sed-md { 1588 width: 33.3%; 1589 float: left; 1590 } 1591 .col-1 h4 { 1592 font-size: 1em; 1593 } 1594 p.snglp,.blog-info p{ 1595 font-size:0.82em; 1596 } 1597 .comment-icons { 1598 margin: 2em 0; 1599 } 1600 .recent-posts h4, .category h4, .coment-form h4, .response h4 { 1601 font-size: 1.4em; 1602 } 1603 .single-page-right { 1604 padding: 0; 1605 margin-top:2em; 1606 } 1607 .coment-form input[type="submit"] { 1608 padding: 8px 33px; 1609 font-size: 0.85em; 1610 } 1611 .posts-left { 1612 width: 17%; 1613 } 1614 .posts-right { 1615 width: 80%; 1616 } 1617 .blog { 1618 padding: 3em 0 0; 1619 } 1620 .contact-left,.contact-right{ 1621 padding:0; 1622 } 1623 } 1624 @media (max-width: 990px){ 1625 .headr-left { 1626 width: 57%; 1627 } 1628 .search { 1629 margin-left: 4em; 1630 } 1631 .banner-info { 1632 left: 1%; 1633 } 1634 } 1635 @media (max-width: 800px){ 1636 .top-menu { 1637 float: right; 1638 width: 60%; 1639 } 1640 .banner-info { 1641 left: 0%; 1642 } 1643 .nbs-flexisel-item { 1644 padding: 0px 12px; 1645 width: 246px!important; 1646 } 1647 } 1648 @media (max-width: 768px){ 1649 .banner-info { 1650 left: 0%; 1651 } 1652 .top-menu { 1653 width: 62%; 1654 } 1655 .details ul li:nth-child(1) { 1656 margin-right: 1em; 1657 } 1658 .social i { 1659 background-size: 174px; 1660 width: 28px; 1661 height: 28px; 1662 margin: 0 3px; 1663 } 1664 a i.facebook { 1665 background-position: -3px -5px; 1666 } 1667 a i.twitter { 1668 background-position: -36px -5px; 1669 } 1670 a i.gplus { 1671 background-position: -72px -5px; 1672 } 1673 a i.pin { 1674 background-position: -105px -4px; 1675 } 1676 a i.youtube { 1677 background-position: -140px -5px; 1678 } 1679 .headr-left { 1680 width: 55%; 1681 } 1682 .details ul li a { 1683 font-size: 0.8em; 1684 } 1685 .details ul li:nth-child(1) { 1686 margin-right: 0em; 1687 } 1688 .search { 1689 margin-left: 1em; 1690 } 1691 .top-menu ul li a { 1692 padding: 0.5em 0.8em; 1693 font-size: 1em; 1694 } 1695 .logo h1{ 1696 font-size:2em; 1697 } 1698 .caption h3 { 1699 font-size:1.85em; 1700 } 1701 .banner1, .banner3,.banner2 { 1702 min-height: 412px; 1703 } 1704 .callbacks_tabs a:after { 1705 height: 12px; 1706 width: 12px; 1707 } 1708 ul.callbacks_tabs.callbacks1_tabs { 1709 bottom: 23px; 1710 } 1711 .nbs-flexisel-item { 1712 padding: 0px 12px; 1713 width: 242px!important; 1714 } 1715 .bnr2 { 1716 min-height: 99px; 1717 } 1718 .caption { 1719 margin-top:10em; 1720 } 1721 .top-games h3, .latest-games h3 { 1722 font-size: 2em; 1723 } 1724 .sub-img { 1725 width: 20%; 1726 padding-left:0; 1727 } 1728 .trailer-text{ 1729 padding-left:0; 1730 } 1731 .sub-text { 1732 width: 80%; 1733 } 1734 .trailer{ 1735 padding:0; 1736 margin-top:2em; 1737 } 1738 .latest { 1739 padding-bottom: 3em; 1740 } 1741 .poster-info h3 { 1742 font-size: 1.8em; 1743 } 1744 .poster-info { 1745 margin-top: 3em; 1746 width: 87%; 1747 } 1748 .poster { 1749 min-height: 326px; 1750 } 1751 .x-box-left h2 { 1752 font-size: 2.5em; 1753 } 1754 .x-box-left{ 1755 padding:0; 1756 } 1757 .x-box { 1758 padding: 2em 0 3em; 1759 } 1760 .x-box-left h3 { 1761 font-size: 1.4em; 1762 } 1763 .x-box-left a { 1764 padding: 0.8em 1.5em; 1765 font-size: 0.8em; 1766 } 1767 .x-box-right img{ 1768 width: 77%; 1769 margin: 0 auto; 1770 } 1771 .ftr-info,.ftr-grid{ 1772 padding:0; 1773 margin-bottom:1em; 1774 } 1775 .banner-sec{ 1776 min-height:100px; 1777 } 1778 .about h2, .review h2, h2.top, .gallery h2, .contact h2 { 1779 font-size: 2em; 1780 } 1781 .abt-pic { 1782 width: 46%; 1783 float: left; 1784 } 1785 .abt-info-pic h3 { 1786 font-size: 1.25em; 1787 line-height: 1.2em; 1788 } 1789 .abt-info-pic ul { 1790 margin-top: 2em; 1791 } 1792 .testimonal-grid { 1793 width: 30.55%; 1794 float: left; 1795 } 1796 .testimonals h3, .team h3 { 1797 font-size: 1.5em; 1798 } 1799 .team-grid h4 { 1800 font-size: 0.95em; 1801 } 1802 .team-grid p{ 1803 font-size:0.82em; 1804 } 1805 .sed-md { 1806 width: 33.3%; 1807 float: left; 1808 } 1809 .col-1 h4 { 1810 font-size: 1em; 1811 } 1812 p.snglp,.blog-info p{ 1813 font-size:0.82em; 1814 } 1815 .comment-icons { 1816 margin: 2em 0; 1817 } 1818 .recent-posts h4, .category h4, .coment-form h4, .response h4 { 1819 font-size: 1.4em; 1820 } 1821 .single-page-right { 1822 padding: 0; 1823 margin-top:2em; 1824 } 1825 .coment-form input[type="submit"] { 1826 padding: 8px 33px; 1827 font-size: 0.85em; 1828 } 1829 .posts-left { 1830 width: 17%; 1831 } 1832 .posts-right { 1833 width: 80%; 1834 } 1835 .blog { 1836 padding: 3em 0 0; 1837 } 1838 .gallery-grid { 1839 width: 25%; 1840 float: left; 1841 } 1842 .contact-left,.contact-right{ 1843 padding:0; 1844 } 1845 } 1846 @media (max-width: 736px){ 1847 .headr-left { 1848 width: 53%; 1849 } 1850 .banner-info { 1851 left: 0%; 1852 width: 100%; 1853 } 1854 } 1855 @media (max-width: 667px){ 1856 .headr-left { 1857 width: 48%; 1858 } 1859 .banner-info { 1860 top: 114px; 1861 } 1862 .caption h3 { 1863 font-size: 1.7em; 1864 } 1865 .nbs-flexisel-item { 1866 padding: 0px 12px; 1867 width: 209px!important; 1868 } 1869 .game-grid p { 1870 font-size: 0.8em; 1871 } 1872 } 1873 @media (max-width: 640px){ 1874 .banner-info { 1875 width: 100%; 1876 top: 116px; 1877 } 1878 span.menu { 1879 display: block; 1880 cursor: pointer; 1881 color: #FFFFFF; 1882 font-size: 1.3em; 1883 position: relative; 1884 float: right; 1885 margin-top: 10px; 1886 width: 32px; 1887 height: 21px; 1888 background:url(../images/menu.png) no-repeat 0px 0px; 1889 } 1890 .top-menu { 1891 width:70%; 1892 } 1893 ul.nav1 { 1894 display: none; 1895 } 1896 .top-menu ul { 1897 padding: 0px 0 5px 0; 1898 margin: 0 auto; 1899 z-index: 9999; 1900 position: absolute; 1901 width: 100%; 1902 left: 0; 1903 margin-top:2.5em; 1904 background: #69d2e8; 1905 } 1906 .top-menu ul.nav1 li.active{ 1907 background:#f43c60; 1908 color:#fff; 1909 } 1910 .top-menu ul li.active a, .top-menu ul li a:hover { 1911 color: #FFFFFF; 1912 } 1913 .top-menu ul.nav1 li:hover{ 1914 background:#f43c60; 1915 color:#fff; 1916 transition:0.5s all; 1917 -webkit-transition:0.5s all; 1918 -moz-transition:0.5s all; 1919 -o-transition:0.5s all; 1920 -ms-transition:0.5s all; 1921 } 1922 .top-menu ul.nav1 li { 1923 display: block; 1924 text-align: center; 1925 border-bottom: 1px ridge rgba(255, 255, 255, 0.28); 1926 margin: 0; 1927 width: 100%; 1928 } 1929 .top-menu ul li a.active { 1930 color: rgba(21, 132, 113, 0.65) !important; 1931 } 1932 .top-menu ul li a { 1933 padding: .5em 0; 1934 display:block; 1935 float: none; 1936 1937 } 1938 .rslides { 1939 z-index: 0; 1940 } 1941 ul.callbacks_tabs.callbacks1_tabs { 1942 z-index: 0; 1943 bottom: 23px; 1944 left: 43%; 1945 } 1946 .caption { 1947 margin-top:9em; 1948 } 1949 .headr-left { 1950 width: 46%; 1951 } 1952 .search { 1953 margin-left: 13em; 1954 width: 100%; 1955 } 1956 .caption h3 { 1957 font-size: 1.6em; 1958 } 1959 .caption p { 1960 width: 91%; 1961 font-size: 0.8em; 1962 } 1963 .banner1, .banner3, .banner2 { 1964 min-height: 351px; 1965 padding-bottom: 4em; 1966 } 1967 .nbs-flexisel-item { 1968 padding: 0px 12px; 1969 width: 299px!important; 1970 } 1971 .top-game-grids { 1972 margin-top: 2em; 1973 } 1974 .game-grid h4 { 1975 font-size: 1.15em; 1976 } 1977 .game-grid p { 1978 font-size: 0.8em; 1979 } 1980 .content { 1981 padding: 3em 0; 1982 } 1983 .top-games h3, .latest-games h3 { 1984 font-size: 1.75em; 1985 } 1986 .sub-text a { 1987 font-size: 0.95em; 1988 } 1989 .sub-text { 1990 padding:0; 1991 } 1992 .banner-sec { 1993 min-height: 100px; 1994 } 1995 .testimonals { 1996 margin-top: 2em; 1997 } 1998 .testimonal-grid { 1999 width: 29.95%; 2000 } 2001 .about h2, .review h2, h2.top, .gallery h2, .contact h2 { 2002 font-size: 1.75em; 2003 } 2004 .about { 2005 padding: 2em 0; 2006 } 2007 .abt-info-pic h3 { 2008 font-size: 1.12em; 2009 } 2010 .abt-pic { 2011 width: 44%; 2012 } 2013 .sub-text p, .poster-info p, .x-box-left p, .abt-info-pic p, .team-grid p { 2014 font-size: 0.8em; 2015 } 2016 .abt-info-pic ul { 2017 margin-top: 1em; 2018 } 2019 .abt-info-pic li { 2020 font-size: 0.8em; 2021 } 2022 .ftr-info p { 2023 font-size: 0.8em; 2024 margin-top: 0em; 2025 } 2026 .ftr-grid h3, .ftr-info h3 { 2027 font-size: 1.3em; 2028 margin-bottom: 0.5em; 2029 } 2030 .ftr-info { 2031 width: 50%; 2032 float: left; 2033 padding-right: 3em; 2034 } 2035 .ftr-grid { 2036 width: 50%; 2037 float: left; 2038 } 2039 .review { 2040 padding: 2em 0 3em; 2041 } 2042 .col-1 h4 { 2043 font-size: 0.9em; 2044 } 2045 .review-md1 { 2046 padding: 2em 0 0; 2047 } 2048 .gallery { 2049 padding: 2em 0; 2050 } 2051 .contact form input[type="text"], .contact-right textarea { 2052 padding: 8px 12px; 2053 font-size: 0.85em; 2054 } 2055 .contact { 2056 padding: 2em 0; 2057 } 2058 .locations { 2059 margin-top: 2em; 2060 } 2061 .address-info p { 2062 font-size: 0.8em; 2063 } 2064 .address h3 { 2065 font-size: 1.5em; 2066 } 2067 .coment-form input[type="text"] { 2068 font-size: 0.8em; 2069 padding: 10px 10px; 2070 } 2071 .comment-icons ul li a { 2072 font-size: 12px; 2073 } 2074 .blog-info p { 2075 margin-top: 0em; 2076 font-size: 0.8em; 2077 } 2078 a.list-group-item { 2079 font-size: 0.85em; 2080 } 2081 } 2082 @media (max-width: 600px){ 2083 .headr-left { 2084 width: 39%; 2085 } 2086 } 2087 @media (max-width: 568px){ 2088 .headr-left { 2089 width: 38%; 2090 } 2091 .search { 2092 margin-left: 11em; 2093 width: 100%; 2094 } 2095 .top-menu { 2096 width: 60%; 2097 } 2098 } 2099 @media(max-width:480px){ 2100 .banner-info { 2101 width: 100%; 2102 top: 102px; 2103 } 2104 span.menu { 2105 margin-top: 5px; 2106 } 2107 .top-menu ul { 2108 margin-top: 2em; 2109 } 2110 .social i { 2111 margin: 0 0px; 2112 } 2113 .headr-left { 2114 width: 65%; 2115 } 2116 .headr-right { 2117 width: 35%; 2118 } 2119 .details ul li { 2120 padding: 0.3em 0em 0.3em 0em; 2121 } 2122 .glyphicon-earphone:before, .glyphicon-envelope:before { 2123 font-size: 14px; 2124 margin-right: 9px; 2125 } 2126 .search { 2127 margin-left: 0em; 2128 width: 80%; 2129 } 2130 .details ul li { 2131 padding: 0.1em 0em 0.3em 0em; 2132 } 2133 .details ul li{ 2134 font-size: 0.8em; 2135 } 2136 .details ul li a { 2137 font-size: 0.95em; 2138 } 2139 .header { 2140 padding: 0.7em 0; 2141 } 2142 .search input[type="text"] { 2143 padding: 5px 10px 0px 0px; 2144 margin-left: 2.5em; 2145 } 2146 .logo h1 { 2147 font-size: 1.8em; 2148 } 2149 .top-menu { 2150 width: 65%; 2151 } 2152 .banner1, .banner3, .banner2 { 2153 min-height: 300px; 2154 } 2155 .caption { 2156 margin-top: 7em; 2157 } 2158 .caption h3 { 2159 font-size: 1.2em; 2160 } 2161 .caption p { 2162 width: 91%; 2163 font-size: 0.7em; 2164 line-height: 1.6em; 2165 } 2166 .caption { 2167 top: 35%; 2168 } 2169 .nbs-flexisel-item { 2170 padding: 0px 12px; 2171 width: 216px!important; 2172 } 2173 .trailer iframe { 2174 height: 256px; 2175 } 2176 .latest-top { 2177 margin-top: 2em; 2178 } 2179 .poster-info h3 { 2180 font-size: 1.3em; 2181 } 2182 .x-box-left h2 { 2183 font-size: 2em; 2184 } 2185 .x-box-left h3 { 2186 font-size: 1.1em; 2187 } 2188 .abt-pic { 2189 width: 100%; 2190 padding: 0; 2191 } 2192 .abt-info-pic { 2193 padding: 0; 2194 float: left; 2195 width: 100%; 2196 margin-top: 1em; 2197 } 2198 .testimonal-grid { 2199 width: 100%; 2200 } 2201 .testimonal-grid { 2202 margin: 0 0 0 0px; 2203 } 2204 .testimonal-grid:nth-child(2){ 2205 margin:1em 0; 2206 } 2207 .testi-info p { 2208 padding: 20px 19px 20px 19px; 2209 } 2210 .grid_4 { 2211 width: 47%; 2212 margin: 0 3% 3% 0; 2213 } 2214 .team { 2215 margin-top: 2em; 2216 } 2217 .sed-md { 2218 width: 100%; 2219 margin-bottom:1.5em; 2220 } 2221 .col-1 img{ 2222 width:100%; 2223 } 2224 .gallery-grid { 2225 width: 50%; 2226 margin-bottom:1.5em; 2227 } 2228 .gallery-1 { 2229 margin-top: 0px; 2230 } 2231 .locations ul { 2232 margin-bottom:1.5em; 2233 width: 100%; 2234 } 2235 .contact-map iframe { 2236 min-height: 236px; 2237 } 2238 .contact { 2239 padding: 2em 0 1em 0; 2240 } 2241 .locations { 2242 margin-top: 1.5em; 2243 } 2244 .address h3 { 2245 font-size: 1.4em; 2246 } 2247 .address-info h4 { 2248 font-size: 0.95em; 2249 } 2250 .blog-info p { 2251 margin-top: 1em; 2252 } 2253 .posts-left { 2254 width: 25%; 2255 } 2256 .posts-right label { 2257 font-size: 0.9em; 2258 } 2259 .posts-right { 2260 width: 70%; 2261 } 2262 .posts-right h5 a { 2263 font-size: 0.9em; 2264 } 2265 .recent-posts-info { 2266 margin-bottom: 2em; 2267 } 2268 .blog { 2269 padding: 2em 0 0; 2270 } 2271 } 2272 @media (max-width: 414px){ 2273 .headr-left { 2274 width: 53%; 2275 } 2276 .headr-right { 2277 width: 46%; 2278 } 2279 .top-menu { 2280 width: 57%; 2281 } 2282 .caption h3 { 2283 font-size: 1em; 2284 } 2285 .nbs-flexisel-item { 2286 padding: 0px 12px; 2287 width: 186px!important; 2288 } 2289 } 2290 @media (max-width: 375px){ 2291 .top-menu { 2292 width: 52%; 2293 } 2294 .nbs-flexisel-item { 2295 padding: 0px 12px; 2296 width: 164px!important; 2297 } 2298 } 2299 @media (max-width: 384px){ 2300 .top-menu { 2301 width: 54%; 2302 } 2303 .nbs-flexisel-item { 2304 padding: 0px 12px; 2305 width: 171px!important; 2306 } 2307 } 2308 @media(max-width:320px){ 2309 .social i { 2310 background-size: 130px; 2311 width: 22px; 2312 height: 20px; 2313 } 2314 a i.facebook { 2315 background-position: -2px -4px; 2316 } 2317 a i.twitter { 2318 background-position: -26px -4px; 2319 } 2320 a i.gplus { 2321 background-position: -53px -4px; 2322 } 2323 a i.pin { 2324 background-position: -78px -4px; 2325 } 2326 a i.youtube { 2327 background-position: -104px -5px; 2328 } 2329 .headr-left { 2330 width:50%; 2331 } 2332 .headr-right { 2333 width: 50%; 2334 } 2335 .glyphicon-earphone:before, .glyphicon-envelope:before { 2336 font-size: 14px; 2337 margin-right:5px; 2338 } 2339 .details ul li { 2340 padding: 0em 0em 0.3em 0em; 2341 } 2342 .details ul li{ 2343 font-size: 0.8em; 2344 } 2345 .glyphicon-earphone:before, .glyphicon-envelope:before { 2346 font-size: 11px; 2347 } 2348 .search input[type="text"]{ 2349 font-size:0.8em; 2350 } 2351 .search input[type="text"] { 2352 padding: 5px 10px 6px 4px; 2353 } 2354 .search input[type="submit"] { 2355 width: 20px; 2356 background-size: 100%; 2357 } 2358 .caption h3 { 2359 font-size: 1em; 2360 padding: 0 18px; 2361 } 2362 .logo h1 { 2363 font-size: 1.4em; 2364 } 2365 .top-menu { 2366 width: 49%; 2367 } 2368 .banner1, .banner3, .banner2 { 2369 min-height: 200px; 2370 padding-bottom: 2em; 2371 } 2372 .banner1,.banner3 { 2373 background: url(../images/bnr3.jpg) no-repeat -63px 0px; 2374 background-size: cover; 2375 } 2376 .banner2 { 2377 background: url(../images/bnr2.jpg) no-repeat -63px 0px; 2378 background-size: cover; 2379 } 2380 ul.callbacks_tabs.callbacks1_tabs { 2381 bottom: 8px; 2382 } 2383 .caption p { 2384 margin: 0.5em auto 0 auto; 2385 } 2386 .nbs-flexisel-item { 2387 padding: 0px 12px; 2388 width: 276px!important; 2389 } 2390 .caption { 2391 margin-top: 5.5em; 2392 } 2393 ul.callbacks_tabs.callbacks1_tabs { 2394 left: 39%; 2395 } 2396 .content { 2397 padding: 2em 0; 2398 } 2399 .top-games h3, .latest-games h3 { 2400 font-size: 1.4em; 2401 } 2402 .top-game-grids { 2403 margin-top: 1.5em; 2404 } 2405 .game-grid h4 { 2406 font-size: 1em; 2407 } 2408 .game-grid p { 2409 margin: 0.4em 0; 2410 } 2411 .latest-top { 2412 margin-top: 1.5em; 2413 } 2414 .sub-img { 2415 width: 32%; 2416 } 2417 .sub-text { 2418 width: 68%; 2419 } 2420 .sub-text a { 2421 font-size: 0.8em; 2422 } 2423 .sub-text p { 2424 margin-top: 0; 2425 } 2426 .trailer iframe { 2427 height: 175px; 2428 } 2429 .poster-info h3 { 2430 font-size: 1.1em; 2431 } 2432 .poster-info { 2433 margin-top: 2em; 2434 width: 87%; 2435 } 2436 .poster { 2437 min-height: 375px; 2438 } 2439 .x-box-left h2 { 2440 font-size: 1.7em; 2441 } 2442 .x-box-left h3 { 2443 font-size: 1em; 2444 } 2445 .x-box-right{ 2446 padding:0; 2447 } 2448 .x-box-right img { 2449 width: 77%; 2450 margin: 15px auto 0 auto; 2451 } 2452 .x-box-left a { 2453 padding: 0.7em 1.5em; 2454 font-size: 0.8em; 2455 } 2456 .ftr-info { 2457 width: 100%; 2458 padding-right: 0em; 2459 } 2460 .ftr-grid { 2461 width: 100%; 2462 } 2463 .copywrite { 2464 padding: 0 0 2em 0; 2465 } 2466 .copywrite p { 2467 font-size: .8em; 2468 } 2469 .ftr-grid ul li a { 2470 padding: 3px 0; 2471 font-size: 0.8em; 2472 } 2473 .about h2, .review h2, h2.top, .gallery h2, .contact h2 { 2474 font-size: 1.5em; 2475 } 2476 .about { 2477 padding: 1.5em 0; 2478 } 2479 .about-info-grids { 2480 margin-top: 1em; 2481 } 2482 .abt-info-pic h3 { 2483 font-size: 1em; 2484 } 2485 .sub-text p, .poster-info p, .x-box-left p, .abt-info-pic p, .team-grid p { 2486 font-size: 0.78em; 2487 } 2488 .poster-info p { 2489 line-height: 1.5em; 2490 } 2491 .abt-info-pic li { 2492 font-size: 0.78em; 2493 margin: 0 0 5px 19px; 2494 } 2495 .testi-info h4 { 2496 font-size: 1em; 2497 margin-top: 10px; 2498 } 2499 .testi-info a { 2500 font-size: 0.6em; 2501 } 2502 .testimonals h3, .team h3 { 2503 font-size: 1.3em; 2504 } 2505 .team-grid h4 { 2506 font-size: 0.8em; 2507 } 2508 .team-grid p{ 2509 line-height:1.5em; 2510 } 2511 .ftr-info p { 2512 font-size: 0.75em; 2513 } 2514 .blog-info p { 2515 font-size: 0.75em; 2516 } 2517 .recent-posts h4, .category h4, .coment-form h4, .response h4 { 2518 font-size: 1.2em; 2519 } 2520 .coment-form input[type="text"] { 2521 font-size: 0.75em; 2522 padding: 7px 10px; 2523 margin: 0 0px 15px 0; 2524 } 2525 .coment-form textarea { 2526 font-size: 0.75em; 2527 height: 132px; 2528 padding: 10px; 2529 } 2530 .coment-form input[type="submit"] { 2531 padding: 8px 33px; 2532 font-size: 0.8em; 2533 } 2534 .list-group-item { 2535 padding: 8px 11px; 2536 font-size: 0.8em; 2537 } 2538 .posts-left { 2539 width: 31%; 2540 } 2541 .posts-right p { 2542 font-size: 0.75em; 2543 } 2544 .posts-right { 2545 width: 63%; 2546 } 2547 .gallery-grid { 2548 width: 50%; 2549 margin-bottom: 1em; 2550 padding: 0 4px; 2551 } 2552 .review { 2553 padding: 1.5em 0 2em; 2554 } 2555 .pages { 2556 padding: 1.5em 0px; 2557 } 2558 .gallery{ 2559 padding: 1.5em 0px; 2560 } 2561 .contact { 2562 padding:1.5em 0 1em 0; 2563 } 2564 .review-md1 { 2565 padding: 1em 0 0; 2566 } 2567 .response { 2568 margin-top: 0px; 2569 } 2570 .comment-icons { 2571 margin: 1em 0; 2572 } 2573 .blog-info p { 2574 margin-top: 0.5em; 2575 }

2016-06-21

   19:25:59