﻿ body{
             font-family: 'Roboto',sans-serif;
        }

  @-webkit-keyframes spinner {
  from {
    -webkit-transform: rotateY(0deg);
    }
  to  {
    -webkit-transform: rotateY(-360deg);
    }
}

#stage {
  margin: 1em auto;
  -webkit-perspective: 1200px;
}

#spinner {
  -webkit-animation-name: spinner;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;
  -webkit-transform-style: preserve-3d;
}
#spinner:hover {
  -webkit-animation-play-state: paused;
}

#spinner img {
  position: absolute;
  border: 1px solid #ccc;
  background: rgba(255,255,255,0.6);
  box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
}
        .sec1{
            width:100%;
            padding-left:0px;
            padding-right:0px;
            margin:0px;
            /*height:550px;*/
            background:#808080;
            display:flex;
        }
        .sec2{
            background-color:transparent;
           
            width:100%;
            height:100%;
            z-index:1;
            color:#FFFF ;
            font-size: 12px;
            /*background:#d6d9e8;*/
            /*background:#fff;*/
            /*background-image: linear-gradient(45deg, #FFFFFF, #FFFFFF, #d6d9e8, #ffffff);*/
            padding-top:50px;
            padding-bottom:100px;
            padding-left:0px;
            padding-right:0px;
            text-align:center;
            flex:inherit;
           
            /*background-color: rgb(0, 140, 186);*/
           
            /*opacity: 0.8;*/
            font-family: 'Roboto',sans-serif;

        }
        .footcnts{
           width:100%;           
           position:absolute;
           font-family: 'Roboto',sans-serif;
           font-weight:400;
           border-top: 2px solid #e9eaee;
           background: #363839; 
           width: 100%; 
           padding-left:50px;
        }
        .footcnts a{
            color: #BFBFBF !important;
            padding-left:10px;
        }
        .footcnts p{
            color: #BFBFBF !important;
            padding-left:10px;
        }

        .column1 {
            float: left;
            width: 20%;
        }

        .column2 {
            float: left;
            width: 60%;
        }

        .column3 {
            width: 20%;
            float: right;
        }

        /* Clear floats after the columns */
        .row:after {
            content: "";
            display: table;
            margin-top: 100px;
            clear: both;
        }

        .row {
           
            background: #ffffff;
            border-bottom: 1px solid #ffcb05;
            height: 80px;
            /*margin-bottom: 80px;*/
        }

        .slogan {
            color: #675555;
            font-size: 8px;
            display: block;
            position: absolute;
            margin-top: -7px;
            margin-left: 79px;
            font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-style: normal;
            font-variant: normal;
            font-weight: 700;
            line-height: 9.4px;
        }
                h1{
            font-size:30px;
            text-align:center;
            /*margin-left:25%;*/
        }
        @media (max-width:1124px) {
             h1 {
               /*margin-left: 20%;*/
                 }
           }

         @media (max-width:1024px){
            h1{
                font-size:28px;
                /*margin-left:18%;*/
            }

        }
         @media (max-width:840px){
            h1{
                font-size:22px;
                /*margin-left:26%;*/
            }

        }
        @media (max-width:720px){
            h1{
                font-size:18px;
                /*margin-left:31%;*/
            }

        }
        @media (max-width:640px){
            h1{
                display:none;
            }
            .sec1{
                /*display:none;*/
                display: block;
                height: 150px;

            }
            .sec2{
                 padding-top:0px;
            }

        }
    .btns{
            display: inline-block;
    padding: 0px 0px 0px 15px;
    /*background:rgb(0, 140, 186);*/
        background: rgb(61, 86, 192);
    border-radius: 30px 30px 30px 30px;
    margin-right: -9px;
    box-shadow: 3px 3px 0px #383737;
    color: white!important;
}
       