* {

    box-sizing: border-box;

}

.row::after {

    content: "";

    clear: both;

    display: block;

    

}



[class*="col-"] {

          float:left;

          padding: 2%;

          width:100%;

  

          

          

                }

/*for mobile phones*/

@media only screen and (min-width: 320px) and (max-width:737px) {

/*body*/

    [class*="col-"] {

        width: 100%;

    }



    [class*="row"] {

        width: 100%;

    }



    [class*="wrapper"] {

        width: 100%;

        height:100%;

    }

    [class*="fcolumn-"]{

        width:100%;

        /*height:auto;*/

        

    }

    [class*="footerw"]{

        width:100%

    }

    [class*="nav"]{

        width:100%;

    }

    [class*="hfbox"]{

        width:100%;

    }

    [class*="header"]{

        width:100%;

    }

    [class*="li.nav"]{

            text-align:left;

        }

    [class*="any"] {

        width: 100%;

        text-align:left;

    }

   [class*="capRow"]{

       width:100%;

   }

   .captchaBlock{

            width:100%;

        }



    .box{

        width:100%

    }

    

    .row{

        padding-top:50%;

        padding-right:2%;

        padding-left:2%;

        padding-bottom:2%;

    }

    .rowHome{

        padding-top:70%;

        padding-right:2%;

        padding-left:2%;

        padding-bottom:2%;



    }

 .any {

            font-size: 14pt;

            display: inline-block;

            width: 30%;

            text-align: left;

            font-weight:900;

        }



    .headline {

            

            font-size: 40pt;

            margin: auto;

            text-align: center;

            font-weight: 500;

         }

    .headline2 {

        font-size: 20pt;

        margin: auto;

        text-align: center;

        font-weight: 400;

    }

    .head2 {

            font-size: 12pt;

            margin: auto;

            color: white;

            border-top: 1pt solid #29abe2;

            font-weight: 400;

            letter-spacing: 2pt;

            text-align: center;

        }

    .wrapper  {

        margin-right: auto;

        margin-left: auto;

        padding-top: 5%;

        min-height: 600px;

        padding-bottom: 0%;

        max-height: 100%;

    }

    .price {

        color: #ffffff;

        font-size: 60pt;

        /*text-align:center;*/

        }

    .noShow{

    display:none;

}

    .agtBox{

    max-height: 136px;

}



}











/*tablets*/

 @media only screen and (min-width: 736px) and (max-width:1024px) {



    [class*="nav"]{

        width:100%;

    }

    [class*="hfbox"]{

        width:100%;

    }

    [class*="header"]{

        width:100%;

    }

       [class*="capRow"]{

       width:100%;

   }

    .box{

        width:100%;

    }

    .wrapper{

        width:90%;

        margin-right: auto;

        margin-left: auto;

        padding-top: 5%;

        min-height: 1200px;

        padding-bottom: 0%;

        max-height: 100%;

    }

    .row{

        padding-top:15%;

        padding-right:2%;

        padding-left:2%;

        padding-bottom:2%;

    }

    .rowHome{

        padding-top:60%;

        padding-right:2%;

        padding-left:2%;

        padding-bottom:2%;



    }

    .col-log{

        padding-top:30%;

        padding-right:2%;

        padding-left:2%;

        padding-bottom:2%;

        }

.noShow{

    display:normal;

}









    .col-m-1 {

            width: 80%;

        }



    .col-m-2 {

            width: 20%;

        }



    .col-m-3 {

            width: 33%;

        }



    .col-m-4 {

            width: 40%;

        }



    .col-m-5 {

            width: 50%;

        }



    .col-m-6 {

            width: 60%;

        }



    .col-m-7 {

            width: 75%;

        }



    .col-m-8 {

            width: 100%;

        }



    .col-m-9 {

            width: 65%;

        }



    .col-m-10 {

            width: 85%;

        }



    .col-m-11 {

            width: 25%;

        }

    .col-m-12{

            width:70%;

        }

    .col-m-13{

            width:30%

        }

    .col-m-14{

        width:15%;

    }



    .headline {

            

            font-size: 46pt;

            margin: auto;

            text-align: center;

            font-weight: 500;

         }

    .headline2 {

            

            font-size: 32pt;

            margin: auto;

            text-align: center;

            font-weight: 400;

            text-align: center;

         }

    .head2 {

            font-size: 20pt;

            margin: auto;

            color: white;

            border-top: 1pt solid #29abe2;

            font-weight: 400;

            letter-spacing: 2pt;

            text-align: center;

            /*color:#29abe2;*/ /*website blue*/

        }

    .price {

        color: #ffffff;

        font-size: 60pt;

        }



    .any {

        font-size: 14pt;

        display: inline-block;

        width: 30%;

        text-align: left;

        font-weight:900;

        }

    .agtBox{

    min-height: 136px;

}



}







 /*tablet nav*/

 @media screen and (max-width:1024px) {

    .nav{

        position: relative;

        background-color:rgba(12,34,63,0.9);/*#1b1b1b*/ 

        text-align: left;

	    font-family: 'Raleway',"century gothic bold","Lucida Sans Unicode", "Lucida Grande", sans-serif;

        z-index: 9999;

        margin:auto;

    }

   ul.nav li:first-child{

            padding-Top:.5%;

            /*margin-left:10px;*/

        }

   ul.nav li:last-child a{

            margin-top:-70%;

        }

        

    ul.nav li a{

        display:block;

        width:80%;

    }

    ul.nav li a {

        display: inline-block;

        color: #ffffff;

        text-align: center;

        text-decoration: none;

        transition: 0.3s;

        padding-left: 5px;

        padding-right: 5px;

        padding-top:10px;

        font-size: 16pt;

        font-family: 'Raleway',"century gothic bold","Lucida Sans Unicode", "Lucida Grande", sans-serif;

        line-height: 36pt;

        width: 80%;

        text-align: left;

        z-index: 100;

    }

    ul.nav li a:visited {

                display: inline-block;

                color: #ffffff;

                text-align: center;

                text-decoration: none;

                transition: 0.3s;

                padding-left: 10px;

                padding-right: 10px;

                font-size: 20pt;

                font-family: 'Raleway',"century gothic bold","Lucida Sans Unicode", "Lucida Grande", sans-serif;

                line-height: 36pt;

                width: 80%;

                text-align: left;

                z-index: 100;

    }



    ul.nav li:not(:first-child) {

        display: none;

    }

    ul.nav li.icon {

        float: right;

        display: inline-block;

        cursor:pointer;

        }

    }









/*desktops*/

@media only screen and (min-width: 1025px) {

    .wrapper{

        width:68%;

        margin-right: auto;

        margin-left: auto;

        padding-top: 5%;

        min-height: 1200px;

        padding-bottom: 0%;

        max-height: 100%;

    }

        .rowHome{

        padding-top:30%;

        padding-right:2%;

        padding-left:2%;

        padding-bottom:2%;



    }

        

    .col-1 {

        width: 80%;

    }



    .col-2 {

        width: 20%;

    }



    .col-3 {

        width: 33%;

    }



    .col-4 {

        width: 40%;

    }



    .col-5 {

        width: 50%;

    }



    .col-6 {

        width: 60%;

    }



    .col-7 {

        width: 75%;

    }



    .col-8 {

        width: 100%;

    }

    .col-9 {

        width: 65%;

    }

    .col-10 {

        width: 85%;

    }

    .col-11 {

        width: 25%;

    }

    .col-12{

        width:65%;

    }

    .col-13{

        width:35%

    }

        .col-14{

        width:15%;

    }

.noShow{

    display:normal;

}

    ul.topnav li.icon {

        opacity:0;

        filter:alpha(opacity=0);

    }

    .box{

        width:50%;

    }

    

    .headline {

        font-size: 46pt;

        margin: auto;

        text-align: center;

        font-weight: 500;

    }

    .headline2 {

        font-size: 32pt;

        margin: auto;

        text-align: center;

        font-weight: 400;

    }

    .head2 {

        font-size: 22pt;

        margin: auto;

        color: white;

        border-top: 1pt solid #29abe2;

        font-weight: 400;

        letter-spacing: 2pt;

        text-align: center;

    }

    .row{

        padding-top: 2%;

        padding-right:2%;

        padding-left:2%;

        padding-bottom:2%;

    }



            .price {

            color: #ffffff;

            font-size: 60pt;

        }



            .any {

            font-size: 18pt;

            display: inline-block;

            width: 30%;

            text-align: left;

            font-weight:900;

        }

            .agtBox{

    min-height: 136px;

}









    }

/*desktop nav*/

@media screen and (min-width:1030px){

    ul.nav {

        list-style-type: none;

        margin: 0;

        padding: 0;

        /*overflow: hidden;*/

        /*background-color:pink;*/

        /*background-color:rgba(0,0,0,0.7);*/

        position: relative;

        z-index:999;

    }



        ul.nav li {

            display: inline-block;

            padding: 0px 10px;

            text-align: center;

            padding-left: 10px;

            padding-right: 10px;

            font-family: 'Raleway',"century gothic bold","Lucida Sans Unicode", "Lucida Grande", sans-serif;

            vertical-align:baseline;

            list-style-type: none;

            /*background-color:yellow;*/

            margin:auto;

        }

        ul.nav li:last-child {

            display:none;



        }

        ul.nav li:first-child{

            padding-Top:.5%;

            margin-left:10px;

        }



            ul.nav li a {

                display: inline-block;

                color: #ffffff;

                text-align: center;

                text-decoration: none;

                transition: 0.3s;

                padding-left: 5px;

                padding-right: 5px;

                font-size: 16pt;

                font-family: 'Raleway',"century gothic bold","Lucida Sans Unicode", "Lucida Grande", sans-serif;

                line-height: 36pt;

                width: 100%;

                text-align: center;

                z-index: 999;

            }



            ul.nav li::after a:hover {

                color: #29abe2 !Important;

                

            }

            /*logo*/

            ul.nav li:first-child a {

                text-align: left;

                background-repeat: no-repeat;

               /*background-position: 10px 0px;*/ 

                /*background-color:pink;*/

                vertical-align:baseline;

                /*padding-top:5px;*/

                

            }

            ul.nav li:hover a{

                transition: 0.3s;

            }



            ul.nav li:not(:first-child) a:hover {

                    color: #29abe2 !Important;

                }

}