@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900|Roboto:400,500,700');
 
 html, body {
     height: 100%;
     min-height: 100%;
}
 body {
     background: #fff;
     font-family: 'Montserrat', sans-serif;
     font-size: 15px;
     line-height: normal;
     margin: 0;
}
 div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, a {
     margin: 0;
     padding: 0;
}
 img {
     height: auto;
     max-width: 100%;
     vertical-align: middle;
}
 img, a img {
     border: none;
}
 h1 {
     color: #e4ad0c;
     font-size: 30px;
}
 h2 {
     font-size: 24px;
}
 h3 {
     font-size: 17px;
}
 h4 {
     font-size: 16px;
}
 h6 {
     font-size: 12px;
}
 h1, h2, h4, h6 {
     font-weight: normal;
     margin-bottom: 10px;
}
 ul li {
     list-style: none;
}
 p {
     color: #84898b;
     font-size: 15px;
     font-weight: 300;
     line-height: 30px;
     margin: 0;
     padding: 0;
}
 a {
     color: #231f20;
     outline: none;
     text-decoration: none !important;
}
 a:hover {
     color: #17a7f1;
     text-decoration: underline;
}
 a.active {
     color: #17a7f1 !important;
}
 a:focus {
     outline: none;
}
 .clearfix:after {
     clear: both;
     content: ".";
     display: block;
     height: 0;
     visibility: hidden;
}
 html .clearfix {
     height: 1%;
}
 .clearfix {
     display: block;
}
 .clr {
     clear: both;
}
 .center-block {
     float: none;
     margin: 0 auto;
}
 .bdr-bot0 {
     border-bottom: 0 !important;
}
 ::-moz-placeholder {
     color: #868686 !important;
     font-size: 13px;
     font-style: normal;
     opacity: 1;
}
 :-ms-input-placeholder {
     color: grey !important;
     font-size: 13px;
     font-style: normal;
     opacity: 1;
}
 ::-webkit-input-placeholder {
     color: #868686 !important;
     font-size: 13px;
     font-style: normal;
     opacity: 1;
}
 .btn {
     transition: all .3s;
}
 .btn-primary {
     background: #003664;
     color: #fff;
     font-weight: 500;
     border: 1px solid transparent;
     border-radius: 0 !important;
}
 .btn-primary:hover {
     border-color: #fff !important;
     background: transparent;
}
 .btn-default {
     background: transparent;
     color: #fff;
     font-weight: 500;
     border: 1px solid #fff !important;
     border-radius: 0 !important;
}
 .btn-default:hover {
     background: #003664 !important;
     color: #fff !important;
}
 .btn-xs {
     padding: 2px 17px !important;
     font-size: 12px !important;
     text-transform: uppercase !important;
     border-radius: 0 !important;

}
 .btn-md {
     padding: 12px 35px !important;
 
     transition: all .3s;
}
 .btn-md img {
    
     padding-right: 10px;
}
/*=================MAIN STYLES================*/
 .top-bar {
     background-color: #232323;
     line-height: 40px;
}
 .top-bar ul li {
     float: left;
     padding: 0 10px;
}
 .top-bar ul li a {
     color: #fff;
     font-size: 15px;
}
 .top-bar ul li a:hover {
     color: #0071b3;
}
 .top-icons ul li {
     padding: 0 5px;
}
 .top-icons ul li a {
     height: 25px;
     width: 25px;
     border: 1px solid #fff;
     border-radius: 50%;
     text-align: center;
     line-height: 24px;
     font-size: 12px;
}
 .top-icons {
     float: right;
}
 .top-icons ul li a:hover {
     background-color: #003664;
     color: #fff;
     border-color: #003664;
}
 .top-links ul li {
     padding-left: 0;
}
 .top-icons ul li {
     padding-right: 0;
}
 header {
     background-color: #292929;
     min-height: 85px;
     border-bottom: 1px solid #fff;
}
 .navbar {
     margin: 0;
     border: 0;
     background: transparent;
     min-height: 85px;
}
 .main-nav {
     width: 360px;
     margin: 0 auto;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
}
 .navbar-brand {
     min-height: 85px;
     line-height: 85px;
}
 .navbar-brand img {
     margin-top: 15px;
}
 .nav>li {
     padding: 0 10px;
}
 .nav>li>a {
     font-size: 14px;
     color: #fff !important;
     text-transform: uppercase;
     padding: 0;
     border-bottom: 2px solid transparent;
     transition: all .6s;
}
 .nav>li>a:hover {
     border-color: #003664;
}
 .main-nav a:first-child {
     padding-left: 0;
}
 .navbar-right {
     min-height: 85px;
     line-height: 85px;
}
 .navbar-right .btn {
     margin-top: 30px;
}
 .navbar-right li:first-child {
     padding-right: 0px !important;
}
 .navbar-right li:last-child {
     padding-right: 0 !important;
}
 .slider {
     background-color: #003664;
     position: relative;
     width: 100%;
}
 .slider .carousel .item .col-md-12{
}
 .slider .carousel .item {
     width: 100%;
}
 .slider .carousel .item .slide-image {
     opacity: 0.7;
     width: 100%;
}
 .slider .carousel .item .text-block {
     position: absolute;
     top: 50%;
     left: 43%;
     transform: translate(-74%,-50%);
}
 .slider .text-block h1 {
     font-size: 74px;
     color: #fff;

}
 .slider .text-block p {
     font-size: 18px;
     color: #fff;
     font-weight: 400;
     margin-bottom: 25px;
}
 .services {
     margin: 70px 0;
}
 .service-container h4 {
     font-size: 22px;
     font-weight: 600;
     text-transform: capitalize;
     color: #fff;
     margin: 24px 0 20px 0;
}
.service-container .fa{
    font-size: 36px;
    color: #fff;
}
 .service-container {
     border: 1px solid #fff;
     background-color: #444444;
     padding: 60px 30px 50px 30px;
     min-height: 340px;
}
 .service-container p {
     font-size: 15px;
     font-weight: 300 !important;
     color: #fff;
     line-height: 26px;
}
 .projects {
     padding: 60px 0;
     background-image: url(../images/projects-bg.jpg);
     background-size: cover;
     background-position: center;
}
 .projects h1, .latest-news h1, .testimonials h1, .subscribe h1 {
     font-size: 45px;
     color: #fff;
     font-weight: 600;
     margin-bottom: 60px;
     text-transform: capitalize;
}
 .projects .game {
     position: relative;
     margin-bottom: 26px;
     cursor: pointer;
     overflow: hidden;
}
 .projects .game img {
     width: 100%;
     transition: all .8s;
}
 .projects .game .game-overlay {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: #003664be;
     color: #fff;
     opacity: 1;
     transition: all .5s;
     overflow: hidden;
     transform: scale(0);
}
 .projects .game:hover .game-overlay{
     transform: scale(1);
}
 .projects .game:hover img{
     transform: scale(1.2);
}
 .game-overlay .game-name {
     font-size: 20px;
     font-weight: 600;
     text-transform: capitalize;
}
.game-overlay p{
    color: #ffff;
    line-height: 24px;
}
 .game-overlay .fa {
     font-size: 16px;
     padding: 0 5px;
     margin-top: 15px;
}
 .game-overlay .detail {
     position: inherit;
     bottom: 20px;
     left: 50%;
     transform: translate(-50%, 0);
     width: 176px;
}
 .latest-news {
     margin: 70px 0 50px 0;
}
 .latest-news h1 {
     color: #1b1b1b;
}
 .latest-news .blog-post {
     text-align: left;
     background-color: #f0f0f0;
     margin-bottom: 20px;
}
 .latest-news .blog-post .blog-img {
     max-width: 100%;
     overflow: hidden;
}
 .latest-news .blog-post .blog-img img {
     transition: all .5s;
     width: 100%;
}
 .latest-news .blog-post .blog-img img:hover {
     transform: scale(1.1);
}
 .latest-news .blog-post a {
     color: #003664;
}
 .latest-news .blog-post a:hover {
     color: #fff;
}
 .blog-post .blog-header {
     width: 100%;
     padding: 30px 30px 50px 30px;
}
 .latest-news .blog-post .blog-header .news-type, .blog-post .blog-header .date {
     font-size: 13px;
     text-transform: uppercase;
     font-weight: 600;
     color: #1b1b1b;
     float: left;
}
 .latest-news .blog-post .blog-header .date {
     color: #1b1b1b;
     float: right;
}
 .latest-news .blog-inner {
     padding: 0 30px 40px 30px;
}
 .latest-news .blog-inner .blog-title {
     font-size: 20px;
     font-weight: 500;
     color: #1b1b1b;
}
 .latest-news .blog-inner .blog-text {
     font-size: 14px;
     font-weight: 300;
     color: #1b1b1b;
     line-height: 24px;
     margin-top: 20px;
}
 .latest-news .blog-post-footer {
     padding: 18px 30px;
     border-top: 1px solid #747373;
}
 .latest-news .blog-post-footer .uploaded-by, .latest-news .blog-post-footer .comments {
     font-size: 14px;
     color: #1b1b1b;
}
 .latest-news .blog-post-footer .comments {
     float: right;
}
 .latest-news .blog-post-footer .uploaded-by .fa, .latest-news .blog-post-footer .comments .fa {
     color: #1b1b1b;
     padding-right: 5px;
}
 .testimonials {
     padding: 50px 0 150px 0;
     background-image: url(../images/testimonial-bg.png);
     background-size: cover;
     position: relative;
}
 .testimonials h1 {
     color: #fff;
}
 .testimonials-main {
     max-width: 80%;
     width: 80%;
     margin: 0 auto;
}
 .testimonial-container {
     padding-top: 50px;
}
 .testimonial-block {
     background-color: #292929;
    
     padding: 90px 80px 49px 80px;
     position: relative;
     overflow: visible;
  
}
 .testimonial-block .user-image {
     width: 104px;
     height: 104px;
   
     position: absolute;
     top: -50px;
     left: 50%;
     transform: translate(-50%, 0);
     z-index: 99;
     border: 8px solid #fff;
}
 .testimonial-block .name {
     font-size: 20px;
     color: #fff;
     font-weight: 600;
     text-transform: uppercase;
     display: block;
}
 .testimonial-block .user-type {
     font-size: 15px;
     color: #acacac;
     text-transform: uppercase;
     display: block;
     margin-top: 5px;
}
 .testimonial-block p {
     font-size: 13px;
     color: #dcdbdb;
     font-weight: 300;
     font-style: italic;
     line-height: 24px;
     margin-top: 20px;
}
 .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
     font-family: 'fontAwesome';
}
 .testimonials .owl-nav {
     float: left;
     left: 0;
     position: absolute;
     right: 0;
     top: 50%;
     width: 100%;
     z-index: 9999;
}
 .testimonials .owl-carousel .owl-nav button.owl-next, .testimonials .owl-carousel .owl-nav button.owl-prev, .testimonials .owl-carousel button.owl-dot {
     background: transparent;
     border: none;
     border-radius: 100%;
     color: #fff;
     height: 36px;
     line-height: 36px;
     padding: 0;
     position: absolute;
     text-align: center;
     width: 36px;
}
 .testimonials .owl-carousel .owl-nav button.owl-prev {
     left: -50px;
}
 .testimonials .owl-carousel .owl-nav button.owl-next {
     right: -50px;
}
 .testimonials .owl-carousel .owl-nav .owl-prev span, .testimonials .owl-carousel .owl-nav .owl-next span {
     font-size: 35px;
     line-height: 34px;
}
 .testimonials .owl-dots {
     display: none;
}
 .subscribe {
     padding: 80px 0;
 
}
 .subscribe h1 {
     color: #1b1b1b;
     margin-bottom: 5px;
}
 .subscribe p {
     color: #1b1b1b;
     font-size: 16px;
}
 .subscribe .form-group {
     margin-top: 40px;
}
 .subscribe .form-control {
     border-radius: 5px;
  
     box-shadow: 0 !important;
     outline: 0 !important;
     font-size: 16px;
     color: #292929;
     height: 48px;
     padding-left: 20px;
}
 .subscribe .btn-primary {
     border-radius: 5px !important;
     padding: 8px 0 8px 0;
     font-size: 22px;
     font-weight: 500;
     text-transform: uppercase;
     border:1px solid transparent;
}
 .subscribe .btn-primary:hover {
     background: #fff;
     color: #003664;
     border-color: #003664 !important;
}
 .brands {
     background-color: #565555;
     padding: 50px 0;
}
 .brands .brands-container {
     width: 85%;
     margin: 0 auto;
}
 .brands .brand {
     float: left;
     width: 20%;
     text-align: center;
}
 footer {
     padding: 80px 0 41px 0;
     background-color: #232323;
}
 footer ul li {
     float: left;
     padding: 0 14px;
}
 footer ul li a {
     color: #fff;
     font-size: 18px;
     text-transform: uppercase;
     transition: all .3s;
}
 footer ul li a:hover {
     color: #0153be;
}
 footer ul {
     display: block;
}
 footer ul li:last-child {
     padding-right: 0;
}
 .footer-links, .social-links {
     float: right;
     display: inline-block;
}
 .social-links {
     margin-top: 40px;
}
 .social-links .fa {
     font-size: 25px;
}
 .social-links .fa:hover {
     padding-top: 2px;
}
 .footer-text {
     width: 100%;
     display: inline-block;
     float: none;
     margin-top: 40px;
}
 .footer-text p {
     display: block;
     font-size: 16px;
     color: #fff;
     line-height: 26px;
}
 .copyright {
     margin-top: 45px;
     padding-top: 40px;
     border-top: 1px solid #373737;
}
 footer span.copy {
     font-size: 15px;
 
     text-transform: capitalize;
     color: #cacaca
}
 .footer-logo-div {
     line-height: 130px;
}
 .page-heading {
     padding: 60px 0;
     background-image: url(../images/page-header-bg.jpg);
     background-size: cover;
     background-position: center;
}
 .page-heading .page-title {
     font-size: 35px;
     font-weight: 600;
     color: #fff;
     text-transform: uppercase;
}
 .seprator {
     display: inline-block;
     line-height: 1px;
     position: relative;
}
 .seprator:before {
     background: #003664;
     content: "";
     height: 1px;
     left: -108px;
     position: absolute;
     width: 100px;
}
 .seprator:after {
     background: #003664;
     content: "";
     height: 1px;
     position: absolute;
     right: -108px;
     width: 100px;
}
 .about {
     margin: 80px 0;
}
 .about h1 {
     font-size: 45px;
     font-weight: 700;
     color: #1b1b1b;
     text-transform: uppercase;
     margin-bottom: 80px;
}
 .about .about-text h2 {
     font-size: 26px;
     font-weight: 500;
     color: #1b1b1b;
     margin-bottom: 30px;
}
 .about .about-text h2 span.text-start {
     font-size: 40px;
     font-family: "AGENCYB";
}
 .about .about-text h2 span.text-last {
     font-size: 32px;
     font-weight: 700;
     text-transform: uppercase;
}
 .about .about-text p {
     font-size: 14px;
     font-weight: 300;
     color: #1b1b1b;
     line-height: 27px;
     margin-top: 20px;
}
 .about .divider-1 {
     height: 4px;
     width: 156px;
     background-color: #fff;
     margin-top: 30px;
     margin-bottom: 30px;
}
 .about-video {
     position: relative;
}
 .about-video .iframe-container {
     border-radius: 3px;
     padding: 0;
     margin: 0;
}
 .about-video .iframe-container iframe {
     width: 100%;
     min-height: 331px;
     padding: 0;
     margin: 0;
     border: 3px solid #003664;
}
 .iframe-bg {
     background-color: #003664;
     min-height: 331px;
     width: 462px;
     position: absolute;
     bottom: -50px;
     right: -50px;
     z-index: -1;
}
 .about .map {
     border-radius: 4px;
     background-color: #003664;
     border: 4px solid #003664;
}
 .divider-3 {
     background-color: #565557;
     height: 1px;
     margin: 50px 0;
}
 .about .find-us h3 {
     font-size: 35px;
     color: #1b1b1b;
     font-weight: 600;
     text-transform: capitalize;
     margin-bottom: 30px;
}
 .about .find-us .address, .about .find-us .email-link {
     font-size: 16px;
     color: #1b1b1b;
     font-weight: 500;
     display: block;
     margin: 35px 0 16px 0;
}
 .about .find-us .email-link {
     font-size: 18px;
     font-weight: 400;
     display: block;
     margin: 0 0 30px 0;
}
 .about .find-us .email-link img {
     padding-left: 10px;
}
 .about .find-us .btn-primary {
     padding: 5px 16px;
     text-transform: uppercase;
     font-size: 18px;
     font-weight: 600;
     border: 1px solid transparent;
}
.about .find-us .btn-primary:hover{
    border-color: #003664 !important;
    color: #003664;
}
 .signup{
     margin: 100px 0 400px 0;
}
 .signup .top-heading{
     display: inline-block;
     width: 100%;
     height: 64px;
}
 .signup .top-heading h2{
     font-size: 35px;
     font-weight: 600;
     color: #1b1b1b;
     float: left;
     margin: 0 !important;
     line-height: 60px;
}
 .signup .already-account{
     line-height: 90px;
}
 .signup .already-account, .signup .already-account a{
     font-size: 16px;
     color: #1b1b1b;
     font-weight: 300;
     float: right;
}
 .signup .already-account a{
     font-weight: 500;
     padding-left: 4px;
}
 .signup .already-account a:hover{
     color: #c380f6;
}
 .signup .lower-heading span.text-line{
     font-size: 21px;
     color: #1b1b1b;
     font-weight: 300;
     margin-left: 100px;
}
 .signup .seprator:before {
     background: #003664;
     content: "";
     height: 1px;
     left: -10px;
     position: absolute;
     width: 100px;
     margin-right: 100px;
}
 .signup .seprator:after {
     background: #003664;
     content: "";
     height: 1px;
     position: absolute;
     right: -710px;
     width:700px;
}
 .signup .form-group{
     margin-bottom: 50px;
}
 .signup label{
     font-size: 16px;
     color: #1b1b1b;
     font-family: 'Roboto', sans-serif;
     font-weight: 400;
     margin-bottom: 10px;
}
 .signup .form-control{
     background: none;
     border-radius: 0;
     border:0;
     border-bottom: 1px solid #1b1b1b;
     box-shadow: none !important;
     font-size: 19px;
     font-weight: 400;
     color: #1b1b1b;
     padding-left: 0;
}
 .register-form{
     margin-top:120px;
}
 .register-form .btn-primary{
     padding: 10px 50px;
     font-size: 18px;
     font-weight: 600;
     text-transform: uppercase;
     border:1px solid transparent;
}
.register-form .btn-primary:hover{
    color: #003664;
    border-color: #003664 !important;
}
 .register-form select.form-control {
     background-image: url("../images/arrow-down.png");
     background-position: right;
     background-repeat: no-repeat;
     border-radius: 0;
     box-shadow: none;
     -moz-appearance: none;
     outline: none !important;
     outline: none;
     -webkit-appearance: none;
}
 .register-form input.dob{
     background-image: url("../images/calendar.png");
     background-position: right;
     background-repeat: no-repeat;
}
 
 ::placeholder {
     display: none;
}
 .navbar-toggle{
     border:0;
     margin-top: 25px;
}
 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
     background-color: #003664;
     border-radius: 0 !important;
}
 .icon-bar{
     background-color: #fff !important;
}
.servicePg {
     font-size: 45px;
     color: #1b1b1b;
}
/* .countdown-container .hour-canvas, .countdown-container .minutes-canvas, .countdown-container .seconds-canvas {
     float: left;
}
 */
/*=================Media Queries================*/
 @media screen and (-webkit-min-device-pixel-ratio:0) {
}
 @media only screen and (min-width: 860px) and (max-width: 1199px) {
     .slider .carousel .item .text-block{
         left:45%;
    }
     .slider .item h1{
         font-size: 50px;
    }
}
 @media screen and (max-width: 860px){
     .slider .item h1{
         font-size: 30px;
    }
     .slider .carousel .item .text-block{
         left:46%;
    }
     .testimonial-block{
         padding: 90px 30px 49px 30px;
    }
     .signin-form, .signin label, .signin h3, .signin .forgot{
         transform: none;
    }
  
}
 @media screen and (max-width: 767px){
     .slider .item .slider-buttons{
         display: none;
    }
     .services .service-container{
         margin-bottom: 20px;
    }
     .projects h1, .latest-news h1, .testimonials h1, .subscribe h1{
         font-size: 30px;
    }
     .brand{
         padding: 0 10px;
    }
     .footer-logo-div{
         text-align: center;
    }
     .text-right{
         text-align: center;
    }
     .footer-links{
         float: none;
    }
     .footer-links li{
         padding: 5px 0 !important;
    }
     .social-links{
         text-align: center;
         float: none;
    }
     footer{
         padding: 40px 0 41px 0;
    }
     .main-nav{
         margin-top: 20px;
         width: 100%;
         position: relative;
         left: 0;
         top: 0;
         transform: none;
    }
     .main-nav li{
         padding: 5px 0;
    }
     .btn-xs {
         -ms-transform: none;
         -webkit-transform: none;
         transform: none;
    }
     .nav > li > a{
         padding: 15px 0;
    }
     .navbar-right li:first-child, .navbar-right li:nth-child(2){
         padding-right: 15px !important;
    }
     .about h1{
         font-size: 30px;
    }
     .about .about-text h2{
         font-size: 20px;
    }
     .signup{
         margin: 50px 0 100px 0;
    }
     .signup .top-heading{
         height: auto;
    }
     .book-button{
         margin-top: 30px;
    }
     .page-heading{
         padding: 30px 0;
    }
     .page-heading .page-title{
         font-size: 22px;
    }
     .countdown-container .clock-item{
         margin-left: 35px;
    }
}
 @media screen and (max-width: 520px){
     .slider .item h1{
         font-size: 22px;
         margin-top: 15px;
    }
     .slider .item p{
         font-size: 12px;
         line-height: 20px;
    }
     .footer-links li{
         float: none;
    }
     .top-bar ul li a{
         font-size: 12px;
    }
     .footer-text p{
         font-size: 13px;
    }
     .about .about-text h2 span.text-last{
         font-size: 24px;
    }
     .signup .seprator:after, .seprator:before{
        display: none;
    }
     .signup .text-line {
         margin-left: 0 !important;
    }
     .signup .lower-heading span.text-line{
         font-size: 14px;
    }
     .signup .already-account{
         margin-bottom: -140px;
         float: left;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
}
 @media only screen and (min-width: 320px) and (max-width: 767px) {
}