@import "reset.css";

@import "skeleton.css";

@import "superfish.css";

@import url(https://fonts.googleapis.com/css?family=Patua+One);

/*  'Patua One', cursive  */

html {

    width: 100%;

}



a[href^="tel:"] {

    text-decoration: none;

    color: inherit;

}



* {

    -webkit-text-size-adjust: none;

}



body {

    position: relative;

    min-width: 960px;

    font: 13px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;

    color: #b1b1b1;



    background: #0033cc;

}



address {

    font-style: normal;

}



p {

    margin-bottom: 18px;

}



p.p1 {

    margin-bottom: 15px;

}





input {

    border-radius: 0 !important;

    outline: none !important;

}



img {

    max-width: 100%;

}





#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }



#demo {

    color: #2a2a2a;

    margin-top: 20px; 

    font-size: 52px;

    font-family:  'Patua One', cursive;

    font-weight: normal;

    margin-bottom: 86px;

}



.count {

    float:left; width:80px; text-align:center; border-left:1px solid #9b9b9b; padding-top:30px;

}



.count-last {

    float:left; width:80px; text-align:center; border-right:1px solid #9b9b9b; border-left:1px solid #9b9b9b; padding-top:30px;

}



#reminder {

    clear: both;

    margin-left: -70px;

    display:block;

    position: absolute;

    margin-top: 7px;

     font-family:  'Patua One', cursive;



}



.reminder_submit {

    margin-left: 5px;

    background: #000099;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px; 

    border:0 none;

    padding: 4px 6px 5px 6px;

    color: #fff;

    cursor:pointer;

     font-family:  'Patua One', cursive;

}



.reminder_text {

    width: 140px;

    height: 20px;

    border: 1px solid #000099;

    font-size: 11px;

    padding-left: 5px;

}





#reminder form {

    float: left;

    display: inline;

    clear: both;

}



#reminder span {

    float: left;

}



.contact-box {

    font-family:  'Patua One', cursive;

    float:left;

    display:inline;

    padding-left: 60px;

    margin-top: -18px;

    margin-bottom: 20px;

}



.contact-title {

    font-size: 18px;

    padding: 0px;

    margin-top: 0px;

    margin-bottom: 6px;

}



.contact-title span {

    font-size: 14px;

    padding: 0px;

}



.contact-details {

    margin-bottom: 0px;

    margin-top: 0px;

    padding: 0px;

}



.sub-list {   

}



.sub-list li {

    padding-left: 20px;

    list-style-type: disc;

    list-style-position: inside;

}





/****Heads****/

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family:  'Patua One', cursive;

    font-weight: normal;

    color: #000099;

}



h2 {

    padding-top: 72px;

    font-size: 60px;

    line-height: 60px;

    margin-bottom: 32px;

}



h2 span {

    color: #e9812e;

}



h2 span.upp {

    display: block;

    color: inherit;

}



h3 {

    font-size: 30px;

    line-height: 34px;

    margin-bottom: 27px;

    padding-top: 47px;

    letter-spacing: 1px;

}



.page1 h3 {

    margin-bottom: 26px;

    

    letter-spacing: 1px;

}





.page1 h3.head1 {

    padding-top: 65px;

    color: #304d8b;

}



h3.head1 {

    padding-top: 44px;

}







/****Lists****/



ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



ul.list  {



}



ul.list li {

    padding-left: 15px;

    background: url(../images/marker.png) 0 6px no-repeat;

}



ul.list li a:hover {



}



ul.list li+li {

}





/****Links****/



a {

    text-decoration: none;

    outline: none;

    color: inherit;

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

}



a:hover {

    color: #304d8b;

}



a.link1 {

    color: #39b4b1;

    text-decoration: underline;

    text-transform: uppercase;

    letter-spacing: 1px;

    font: 12px/18px 'Patua One', cursive;

    display: inline-block;

    margin-top: 13px;

}



a.link1:hover {

    color: inherit;

}

/****classes****/



.mb0 {

    margin-bottom: 0 !important;

}



.m0 {

    margin: 0 !important;

}



.pad0 {

    padding: 0 !important;

}



.img_inner {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: 34px;

    max-width: 100%;

    margin-top: 4px;

}



.page1 .img_inner {

    margin-bottom: 14px;

}



.img_inner.i1 {

    margin-bottom: 16px;

}







.fleft {

    float: left;

    position: relative;

    margin-top: 4px;

    width: auto !important;

    margin-right: 20px;

    margin-bottom: 0;

}



.oh {

    overflow: hidden;

}



.fright {

    float: right !important;

}



.upp {

    text-transform: uppercase;

}



.rel {

    position: relative;

    overflow: hidden;

}



.alright {

    text-align: right;

}



.center {

    text-align: center;

}



.wrapper,

.extra_wrapper {

    overflow: hidden;

}



.clear {

    float: none !important;

    clear: both;

}



/*header*/



header {

    display: block;

    background-color: #000099;

    position: relative;

}



header:after {

    background-color: #2aa29f;

    height: 3px;

    bottom: 0;

    left: 0;

    right: 0;

    content: '';

    display: block;

    position: absolute;

}



h1 {

    float: left;

    padding-top: 20px;

    text-align: center;

}



h1 a {

    display: inline-block;

    width: 108px;

    height: 58px;

    overflow: hidden;

    text-indent: -999px;

    -webkit-transition: 0s ease;

    -o-transition: 0s ease;

    transition: 0s ease;

}



h1 a img {

    display: block;

}



/**Content**/



.content {



    position: relative;

    background-color: #fff;

    padding-bottom: 50px;

}



.p1_img {

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -700px;

}



.page1 .content {

    padding-bottom: 0;

}





.icons {

    overflow: hidden;

    margin-bottom: 1px;

    padding-left: 10px;

}



.icons a {

    float: left;

    display: block;

    width: 121px;

    background: url(../images/icon1.png) 20px center no-repeat #000099;

    color: #61e6e3;

    font: 14px/18px 'Patua One', cursive;

    padding: 13px 0px 12px 59px;

    text-transform: uppercase;

}



.icons a:first-child {

    background-color: #0033cc;

    color: #2aa9a6;

}



.icons a+a {

    background-image: url(../images/icon2.png);

}



.icons a:hover {

    background-color: #fff;

}



.icons a+a+a {

    background-image: url(../images/icon3.png);

}



.cyan {

    position: relative;

    color: #fff;

    background-color: #0033cc;overflow: hidden;}





.cyan>div {

    position: relative;

    left: -10px;

}

.box {

    width: 25%;

    float: left;

}



.box a {

    display: inline-block;

    font: 12px/18px 'Patua One', cursive;   

    text-transform: uppercase;

    margin-top: 12px;

    margin-bottom: 15px;

    margin-left: 20px;

    background: url(../images/link_marker.png) right 5px no-repeat;

    padding-right: 12px;

    letter-spacing: 1px;

}



.box .maxheight {

    background-color: #fff;

    color: #000099;

    padding-top: 30px;

    letter-spacing: 1px;

    padding-left: 22px;

    padding-bottom: 34px;

    padding-right: 30px;

    font: 24px/24px 'Patua One', cursive;

}



.box+.box .maxheight {

    color: #fff;

    background-color: #304d8b;

}



.box+.box+.box .maxheight {

    background-color: #dcaa48;

}



.box+.box+.box+.box .maxheight {

    background-color: #e9812e;

}





.box .upp {

    padding-top: 1px;

    display: block;

    line-height: 26px;

}



.icons2 a {

    position: relative;

    letter-spacing: 1px;

    margin: 17px 0 8px;

    display: inline-block;

    color: #000099;

    padding-left: 70px;

    text-transform: uppercase;

      font: 14px/18px 'Patua One', cursive;

}



.icons2 a:after {

    width: 60px;

    height: 60px;

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

    background: url(../images/icon6.png) center center no-repeat;

    display: block;

    left: 0;

    top: -12px;

    position: absolute;

    content: '';

    background-color: #0033cc;

}





.icons2 a.last:after {

    background-image: url(../images/icon5.png);



}



.icons2 a:hover:after {

    background-color: #fff !important;

}



.icons2 a.mid:after {

    top: -13px;

    background-image: url(../images/icon4.png);

    background-color: #000099;

}



.icons2 a.last {

    

    margin-top: 15px;

}



.cust {

    float: left;

}



.cust a {

    display: block;

    background-color: #000099;

    position: relative;

}



.cust span {

    position: absolute;

    left: 0;

    z-index: 1;

    right: 0;

    letter-spacing: 1px;

    display: none;

    top: 50%;

    text-align: center;

    margin-top: -16px;

    font: 12px/16px 'Patua One', cursive;

    color: #fff;

    text-transform: uppercase;

}



.cust img {

   -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;  

}



.cust a:hover img {

    opacity: 0.3;

}



.cust a:hover span {

    display: block;

}





.umbr {

    padding-left: 59px;

    background: url(../images/umbrella.png) 2px 3px no-repeat;

}



#accordion {

    padding-top: 4px;

}



#accordion dt {

    margin-bottom: 4px;

}



#accordion dd {

    padding-top: 14px;

    margin-bottom: 20px;

}



#accordion dt span {

    position: absolute;

    display: block;

    background: url(../images/accord_icon.png) 0 0 no-repeat;

    width: 19px;

    height: 19px;

    top: 13px;

    right: 14px;

}



#accordion dt {

    cursor: pointer;

    position: relative;

    display: block;

    letter-spacing: 1px;

    font: 14px/18px 'Patua One', cursive;

    text-transform: uppercase;

    padding: 15px 47px 13px 20px;

    color: #000099;

    background-color: #eefbfa;

}



#accordion dt.ui-state-active {

    background-color: #000099;

    color: #fff;

}



#accordion dt.ui-state-active span {

    background-position: 0 bottom;

}



.serv img {

    margin-top: 4px;

}





.block {

    background-color: #eefbfa;

    padding-left: 21px;

    padding-right: 20px;

    padding-top: 26px;

    padding-bottom: 26px;

}



.block .col1 {

    font: 12px/16px 'Patua One', cursive;

    letter-spacing: 1px;

    margin-bottom: 14px;

    text-transform: uppercase;

    color: #000099;

}





.block2 {

    margin-top: 4px;

    position: relative;

    background-color: #eefbfa;

    overflow: hidden;

    padding: 34px 28px 19px 0;

}



.block2 img {

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -54px;

}



.block2  .col1 {

    vertical-align: middle;

    font: 14px/18px 'Patua One', cursive;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #000099;

    padding-left: 86px;

    float: left;

    padding-top: 1px;

    height: 100%;

}



.block2 .extra_wrapper {

    float: right;

    width: 190px;

}



.res>.clear, .serv .clear, .calc .clear{

    height: 16px;

}



.calc img {

    width: 100%;

    margin-top: 4px;

}



.calc .block {

    padding-bottom: 25px;

}



.prv h3+p.col1 {

    padding-top: 0;

}



.prv p.col1 {

    padding-top: 11px;

    margin-bottom: 13px;

    font: 14px/18px 'Patua One', cursive;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #000099;

}

/**Map**/



.map {

    padding-top: 4px;

}





.map figure {

    display: block;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    margin-bottom: 24px;

}



.map figure iframe {

    width: 100%;

    height: 461px;

    max-width: 100%;

}



.map address {

    display: block;

}



.map address+address {

    margin-top: 18px;

}



.map address dt {

    margin-bottom: 50px;

    background: url(../images/mail.png) 0 3px no-repeat;

    padding-left: 40px;

}



.map address dd span {

    display: inline-block;

    min-width: 75px;

    text-align: left;

}



a.link-1 {

    color: #000099;

}



a.link-1:hover {

    color: #b1b1b1;

}

/**Footer**/



footer {

    display: block;

    overflow: hidden;

    color: #fff;

    position: relative;

    padding-top: 58px;

    

}



footer>div {

    



}



.copy {

    text-transform: uppercase;

    font: 12px/14px 'Patua One', cursive;

    letter-spacing: 1px;

    padding-bottom: 50px;

    float: left;

    width: 210px;



}



.copy span {

    display: inline-block;

    padding-left: 10px;

    padding-top: 32px;

    text-align: left;

}



.f_logo {

    margin: 0px auto;

    padding-bottom: 30px;

    display: block;

    width: 108px;

}



.ptt {

    padding-top: 10px !important;

}



.logos {

    top: 0;

    bottom: 0;

    z-index: 10;

    left: 50%;

    margin-left: 230px;

    right: 0;

    background-color: #fff;

    position: absolute;

}



.partners {

    margin: -2px 0px 0px 17px;

    padding: 0px;

    color: #304d8b;

    font-size: 22px;

    font-family:  'Patua One', cursive;

    font-weight: normal;

}



.logos>div {

    margin-top: 0px;

}



.n2 {

    height: 5px;

}



.logos a {

    display: inline-block;

    position: relative;

    margin: 14px 0 0 17px;

}



.logos a:hover img {

    opacity: 0.5;

}



.logos a img {

    background-color: #fff;



}

/**To Top**/



#toTop {

    display: none;

    z-index: 20;

    position: fixed;

    bottom: 40px;

    left: 51%;

    width: 56px;

    height: 56px;

    margin-left: 500px;

    border: none;

    overflow: hidden;

    text-decoration: none;

    text-indent: -999px;

    background: url(../images/totop.png) no-repeat left 0;

    -webkit-transition: 0s ease;

    -o-transition: 0s ease;

    transition: 0s ease;

}



#toTop:hover {

    outline: none;

    background-position: right 0;

}

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



    #owl .item img {

    position: relative;

    top: 0;

    -webkit-transition: 0s ease !important;

    -o-transition: 0s ease;

    transition: 0s ease !important;

}

#owl .item>div {

    -webkit-transition: 0s ease !important;

    -o-transition: 0s ease;

    transition: 0s ease !important;

}

}

/*==================================RESPONSIVE LAYOUTS===============================================*/



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

    body {

        min-width: 768px;

    }



    .map address {

        float: left;

    }

    .map address+address {

        margin-left: 30px;

        margin-top: 0;

    }



    .map figure,

    .map figure iframe,

    #form input,

    #form textarea,

    #form .success {

        float: none !important;

        width: 100% !important;

    }







    #form .success {

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -o-box-sizing: border-box;

        box-sizing: border-box;

    }



    .map figure {

        height: auto !important;

    }



    .extra_wrapper {

        overflow: visible;

    }



    .map figure {

        margin-bottom: 15px;

    }



    .img_inner {

        top: 0 !important;

    }



    .p1_img {

        left: 0;

        margin-left: 0;

    }



    .icons {

        padding-left: 0;

    }



    .box .upp {

        font-size: 16px;

    }



    .cust {

        width: 50%;

    }


    .logos {

        position: relative;

        left: 0;

        padding-bottom: 20px;

        margin-left: 0;

        text-align: center;

    }



    .logos a {

        margin-left: 20px;

        margin-right: 20px;

    }



       .logos .none {

        display: none;

       }



       h2 {

        font-size: 50px;

       }



       .icons2 a:after {

        top: 0 !important;

       }



       .cyan > div {

        left: 0;

       }



       .icons a {

        width: 50%;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        -o-box-sizing: border-box;

        box-sizing: border-box;

       }



       .block2 .col1 {

        padding-left: 146px;

       }



       .map address dt  {

        margin-bottom: 18px;

       }



       .p1_img {

        top: 100px;

       }

}



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

    body {

        min-width: 420px;

    }



     .block2 .col1 {

        padding-left: 86px;

       }



#owl {

    margin-left: 0 !important;

    margin-right: 0 !important;

}



       #owl1 img {

        width: 100%;

       }

    .page1 .content {

        padding-bottom: 50px;

    }



    .res>.clear, .serv .clear, .calc .clear {

        height: 0;

    }



    .block2 {

        margin-bottom: 16px;

    }



    .block {



        margin-bottom: 16px;

    }



    .serv img {

        width: 100%;

    }



    .cust {

        width: auto !important;

    }



    .cust img {

        width: auto;

    }



    .icons2 a:after {

        top: -12px !important;

    }



    .icons2 {

        margin-bottom: 50px;

    }



    .icons2 a.mid:after {

        top: -13px !important;

    }



    .box {

        float: none;

        width: auto;

    }



    .p1_img {

        display: none;

    }





    .img_inner {

        float: none !important;

        width: 100% !important;

        margin-right: 0 !important;



        margin-bottom: 20px !important;

    }



    .img_inner img {

        width: 100%;

    }



    header {

        position: relative;



    }



    h1 {

        float: none;

        position: relative;

        padding-left: 0;

        margin-top: 20px;

        margin-bottom: 20px;

        text-align: center;

    }



     h1 a {

        display: inline-block;

        height: auto;

        width: auto;

        max-width: 100%;

    }







     h1 a img {

        max-width: 100%;

    }



  

    .map {

        padding-right: 0 !important;

    }



    .map figure iframe {

        width: 100%;

        height: 300px;

    }



    .map address {

        margin-right: 0;

    }



    .content .noresize {

        float: left !important;

        width: auto !important;

        margin-top: 4px !important;

        margin-right: 20px !important;

    }



    .img_inner {

        margin-top: 20px;

    }



    .ptt {

    padding-top: 0px !important;

}







}



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

    body {

        min-width: 300px;

    }



.block2 .col1 {

        padding-left: 82px;

       }



.map address {

    float: none !important;

}



    .map address+address {

        margin-top: 20px;

        margin-left: 0;

    }



    h2 {

        font-size: 36px;

        line-height: 45px;

    }



    .icons a {

        padding-left: 52px;

    }



     .icons a+a+a {

        background-position: 10px center;

     }

}