body {
    font-family: Titillium Web, sans-serif;
    overflow-x: hidden;
    font-size:18px;
    font-weight:400;
    margin:0;
    padding:0;
    background:#fafafa;
}


.container-fluid{
    padding:0;
    margin:0;
    max-width:1920px;
    margin:0 auto;
    z-index:2;
}

.container{
    padding:0;
    z-index:9999;
}

.bgCircles{
    width:100%;
    height:100%;
    position:fixed;
    z-index:-1;
}

.row{
    margin:0;
}


.fPage{
    margin:0;
    position: relative;
    overflow: hidden;
}

.video1{
    width:100%;
    padding:0; 
    z-index:9998; 
}

.video2{
    width:100%; 
    z-index:1; 
}

section {
    width: 100%;
    line-height: 0;
}

.padding{
    padding:0;
}

.mod2{
    z-index: 9999;
}

.modal{
    color:#fff;
    z-index:8888;
}

ul{
    font-size:1rem;
}

label{
    font-size:1rem;
    line-height:1.6;
    margin:0;
}

input{
    color:#fff;
    border:none;
    width:100%;
    background:rgba(255, 255, 255, 0.11);
}

textarea{
    color:#fff;
    width:100%;
    border:none;
    background:rgba(255, 255, 255, 0.11);
}

.send{
    color:#fff;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0085ff+0,d048d0+100 */
        background: #4c6bff;
}

.send:hover{
    background: rgb(0,133,255);
}

.close{
    color:#fff;
    text-shadow:none;
    opacity:1;
}

.modal-footer {
    flex:none;
    border:none;
}


.galleryModal{
    padding:0;
    background:none;
}

.modal-header{
    border:none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0085ff+0,d048d0+100 */
    background: #4c6bff;
}

.show{
    background:#181633e8;
}

.video-btn{
    cursor: pointer;
}

#myModal2 .modal-dialog{
    max-width:1200px !important;
}

#exampleModal, #exampleModal2{
    z-index:99999;
}

#exampleModal .modal-body, #exampleModal2 .modal-body{

    background: rgb(50,46,105); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(50,46,105,1) 0%, rgba(24,22,51,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(50,46,105,1) 0%,rgba(24,22,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(50,46,105,1) 0%,rgba(24,22,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#322e69', endColorstr='#181633',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.modal-body{
    position:relative;
    line-height:1.6;
    background: none;
}

.modal-body img{
    padding:0;
}


.p-4 .nav-item{
    padding:0px;
}


.nav2{
    z-index:7777;
    display:none;
    background:#4c6bff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#03deff+0,2872ff+36,03deff+100 */
background: linear-gradient(to right,  #03deff 0%,#2872ff 36%,#03deff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  
}


.nav3 .nav-item{
    font-size:1rem;
}

.nav{
    width:100%;
}

.nav-item{
    cursor:pointer;
    height:40px;
    font-size:1.5rem;
    color:#4c6bff;
    padding:30px 0;
    text-align: center;
    transition: .5s ease-in-out;
    background:#00000000;
    border-radius:0px;
    /*text-shadow: #FFF 0px 0px 15px, #0085ff 0px 0px 20px;*/
}

.nav-item a{
   color:#4c6bff;
   display:inline;
   margin:0;
}

.nav2 .nav-item{
    color:#ffffff;
}

.nav2 .nav-item a{
    color:#ffffff;
}

.nav1.nav-item:hover, .nav-item:hover.nav-item a{
    color:#4c6bff;
}

.dropdown-menu a{
    color:#fff !important;
}

.dropdown-menu a:hover{
    color:rgb(49,45,104) !important; 
}

.nav1{
    z-index:9999;
    margin-bottom:10px;
}

.nav-item:hover{
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 27px 12px rgba(209, 221, 255, 0.5); 
    box-shadow: 0px 0px 27px 12px rgba(209, 221, 255, 0.5); 
    color:#4c6bff;
    background:#fff;
    border-radius:100px;
}

.active{
    color:#0085ff;
}

.dropdown:hover .dropdown-menu, .nav-item a {
    display: block;
}

.nav-link {
     padding:0;
}

.gallery1 div{
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.gallery1 p{
    font-size:.8rem;
    line-height: 1.6;
}

.dropdown-menu{
    top:85%;
    background: #4c6bff;
}

.dropdown-item{
    line-height: 1;
}

.dropdown-toggle::after{
    display:none;
}

.full_modal-dialog {
    width: 98% !important;
    height: 92% !important;
    min-width: 98% !important;
    min-height: 92% !important;
    max-width: 98% !important;
    max-height: 92% !important;
    padding: 0 !important;
  }
  
.full_modal-content {
    height: 99% !important;
    min-height: 99% !important;
    max-height: 99% !important;
  }

.img-label{
    text-align:center;
    margin:25px 3px;
}


.img-thumbnail{
    padding:0;
    border-radius:0;
    border:0;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    outline:1px solid rgb(0,133,255,0);
}

.img-thumbnail:hover{
    outline:1px solid rgba(0,133,255, 1);
    -webkit-box-shadow: 0px 0px 27px 12px rgba(0,133,255, 0.5);
    box-shadow: 0px 0px 27px 12px rgba(0,133,255, 0.5);
}

.img-label a{
    color:#fff;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    background:rgb(0,133,255);
    padding:2px 10px;
}

.img-label a:hover{
    color:#fff;
    background:rgba(208,72,208);
}

.logo{
    margin-top:15px;
    max-width:1120px;
    padding-left:0;
    padding-right:0;
}


.navT {
    opacity: 0;
}

a:hover{text-decoration: none;}

.pBox {
    height:300px;
    color: #fff;
    cursor: pointer;
    transition: all .5s ease-out;
    /*overflow: hidden;*/
    z-index: 1;
    margin-bottom:40px;
}

.pBox img{
    height:250px;
}

.pBox h1{
    color:#4c6bff;
    font-weight:400;
    margin-top:-30px;
    line-height: .8;
}

#pText1, #pText2, #pText3, #pText4{
    opacity:0;
}

.pText{
    font-size:1rem;
    max-height:280px;
    line-height:1;
    color:#adadad;
}

.id2{
    margin-top:-250px;
}


.cta{
    text-align: center;
    padding:7px 15px;
    width:180px;
    line-height: 1.6;
    background:#4c6bff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2872ff+89,03deff+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2872ff+0,03deff+100 */
background: linear-gradient(to right,  #2872ff 0%,#03deff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


}

.cta:hover{
    background:#03deff;
}

.preloader{
    text-align:center;
}

.nav, #pBox1, #pBox2, #pBox3, #pBox4, #pBox5, #pBox6, #lights, .logo{
    opacity:0;
}


#flip1 p, #flip3 p, #flip5 p{
    color:#000;
}

#pBox6{
    margin-bottom:200px;
}


#flip1, #flip2, #flip3, #flip4, #flip5, #flip6{
    padding:55px;
    display:none;
}

#flip1a, #flip2a, #flip3a, #flip4a, #flip5a, #flip6a{
    padding:0 15px 15px 15px;
}


.flipText h3{
    font-size:1.3rem;
    color:#4c6bff;
    font-weight: 300;
}

.flipText p{
    font-size:.9rem;
    font-weight: 300;
    color:#000;
    line-height:1.6;

}

.rotateBox1 {
    animation: rotate90step1 .5s ease-out;
}

@keyframes rotate90step1 {
    0%   {  opacity:0;}
    100% {  opacity:1;}
  }

.rotateBox2 {
    animation: rotate90step2 .5s ease-out;
}

@keyframes rotate90step2 {
    50%   {  opacity:1;}
    100% {  opacity:0;}
  }


figure{
    margin:0;
}

h1{
    font-size:1.5rem;
    text-align: center;
    color:#000;
    font-weight: 600;
    line-height: 1.4; 
}

h2{
    color:#4c6bff;
    margin:0;
    padding:20px;
    text-align:center;
}

h1,
h2,
h3,
h4,
h5,
p {
    font-family: Titillium Web, sans-serif;
}

.green{
    color:#31b015 !important;
}


#show-previous-image{
    background: rgb(0,133,255);
    border:none;
}

#show-next-image{
    background: rgb(0,133,255);
    border:none;
}

.modal-header, h4{
    font-size:1rem;
    padding:.5rem 1rem;
}

.modal-content{
    background: none;
}

#show-previous-image{
    float:left;
}

#show-next-image{
    float:right;
}

.modal-footer{
    justify-content: center;
    background: none;
}

footer{
    color:#656565;
    width:100%;
    position: fixed;
    bottom:0;
    z-index:9999;
    text-align: center;
    padding:10px 10%;
    font-size:.8rem;
    background: #fff;
}

footer p{
    margin:0;
}

.snow{
    position: fixed;
    pointer-events: none;
}

.snow2{
    position: fixed;
    pointer-events: none;
}


#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    left: 30px; /* Place the button 30px from the right */
    z-index: 999999; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    width:40px;
    height:40px;
    background: url("../img/arrow_up.png");
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-o-transition-duration: .4s;
}

#myBtn:hover {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}

#zamow{
    display:block;
    right:0;
    top:50%;
    width:100px;
    height:40px;
    position:fixed;
    z-index:999999999;
    color:#fff;
    background:#4c6bff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2872ff+0,03deff+100 */
background: linear-gradient(to right,  #2872ff 0%,#03deff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border:none;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    animation: zamow 3s ease-in-out;
    animation-iteration-count: infinite;
}

#zamow:hover {
    background: linear-gradient(to right,  #03deff 0%,#03deff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


@keyframes zamow {
        0%   { -webkit-box-shadow: 0px 0px 27px 8px #627dff;
            box-shadow: 0px 0px 27px 8px rgba(0,133,255,.2);  }
        50% { -webkit-box-shadow: 0px 0px 27px 16px #627dff;
            box-shadow: 0px 0px 27px 16px rgba(0,133,255,.5);  }
        100%  { -webkit-box-shadow: 0px 0px 27px 8px #627dff;
            box-shadow: 0px 0px 27px 8px rgba(0,133,255,.2);  }
      }
      


.sendM{
    text-align: center;
}

.backBtn{
    margin:0 auto;
    color:#fff;
    text-align: center;
    padding:10px;
    width:200px;
    line-height:1.5;
    background:rgb(0,133,255);
    transition-duration: .4s;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-ms-transition-duration: .4s;
	-o-transition-duration: .4s;
}

.backBtn:hover{
    background:rgb(208,72,208,1);
}

.rotate90 {
    animation: rotate90step .5s ease-out;
    }

@keyframes rotate90step {
        0%   { -webkit-transform: rotateY(90deg); }
        100% { -webkit-transform: rotateY(0deg); }
      }
    
.rotate0 {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition-duration:1s;
    }





  @media (max-width: 768px) {

    .nav1{
        margin-bottom:-100px;
    }

    .pBox img{
        height:280px;
    }

    .id2{
        margin-top:-280px;
    }

    .pBox {
        height:400px;
    }

    #zamow{
        display:none;
    }

    .flipText{
        margin:0 20px 20px 20px;
        }

    .pBox6{
        margin-bottom:0;
    }

    .cta{
        color:#fff;
        margin: 0 auto 30px auto;
    }

    .pBox, #pBox6{
        margin:0;
    }
  }

    @media (max-width: 576px) {

        .nav-item{
            font-size:1rem;
        }

        footer{
            font-size:.7rem;
        }

        .nav3 .nav-item {
            font-size:.7rem;
        }
    
    }