@charset "utf-8";

/* CSS Document */

/*

Uniquick.css

*/

.active

{

    color:#FD2C10 !important;

}

body

{
    background:url(../img/bgg.jpg) repeat-x #FFF;
    margin:0;
    font-family:'Segoe UI', 'Segoe UI Light';
}

.fform
{
    width:100%;
}
.fform input
{
    width:100%;
    margin:.25em;
}
.fform textarea
{
    width:80%;
    margin:.25em;
}
body *

{

    font-family:'Segoe UI', 'Segoe UI Light';

}

p

{

    word-wrap:break-word;

    margin:.75em 0 .5em 0;

}

.bucket
{

    width:35%;

    height:auto;

    background:url(../img/bgg.jpg);
    
    background-size:200px;

    margin:4em 0 0 10.5em;

    padding:2em;

    color:#666;

    font-size:14px;

    position:absolute;

    z-index:1;
    
    top:0;

}

.bucket-button

{

    background:#5D911B;

    padding:.8em 1.2em;

    border:0;

    cursor:pointer;

    color:#FFF;

    font-weight:;
	
	font-size:17px;

}

.bucket-button2

{

    background:white;

    padding:.8em 1.2em;

    border:0;

    cursor:pointer;

    color:black;

    font-weight: ;

}

.bucket-button:hover

{

    background:#FD2C10;

}

.bucket h1, .bucket h2, .bucket h3, .bucket h4, .bucket h5, .bucket h6

{

    clear:both;

    float:none;

}

h1, h2, h3, h4, h5, h6

{

    color:rgb(8, 75, 149);

    margin:0;

    padding:0;

    font-weight:normal;

    display:inline-block;

    float:left;

}

a, li, button, input

{

    transition:all 0.3s ease-in;

    -moz-transition:all 0.3s ease-in;

    -o-transition:all 0.3s ease-in;

    -ms-transition:all 0.3s ease-in;

    -webkit-transition:all 0.3s ease-in;

}

a, li, ul, img, input, textarea, select, button, div, ol, dl

{

    box-sizing:border-box;

    -moz-box-sizing:border-box;

    -o-box-sizing:border-box;

    -ms-box-sizing:border-box;

    -webkit-box-sizing:border-box;

    margin:0;

    padding:0;

    overflow:hidden;

    text-decoration:none;

}

.logo

{

    display:inline-block;

    margin:0 .5em;

    max-width:15%;

    float:left;

}

.logo img

{

    width:100%;

    height:auto;

    vertical-align:middle;

    -moz-vertical-align:middle;

    -o-vertical-align:middle;

    -ms-vertical-align:middle;

    -webkit-vertical-align:middle;

}

.header

{

    padding:2em 9em 0 9em;


}
.ribbon
{
    color:rgb(8, 75, 149) !important;
    list-style-image:url(../img/ribbon.png) !important;
    list-style-position:outside;
}

.ribbon::before

{

    margin:0 .25em 0 0;

    color:#FD2C10;

}

.nav

{

    display:block;

    width:100%;

    margin:.75em 3em .75em .25em;

    padding:.5em 0;

    border:1px solid #e1e1e1;

    border-left:0;

    border-right:0;

}

.nav li

{

    display:inline-block;

    margin:.75em 3em .75em .5em;

    position:relative;

    color:#6BA61F;

    float:left;

}

.nav a

{

    display:block;

    color:inherit;

}

.nav a:hover

{

    color:#FD2C10 !important;

    text-decoration:underline;

}

.nav li ul

{

    background:#474747;

    position:absolute;

    left:-9999px;

}

.nav li:hover ul

{   background: #474747;

    list-style: none;

    position: absolute;

    left: -9999px;

    margin: 15px 0 0 0;

    padding: 20px;

    }

.tel

{

    font-size:14px;

    width:55%;

    float:right;

    color:#333;

}

.tel input

{

    padding:.5em;

    width:100%;

    border:solid 1px #CCC;

    color:#777;

}

.tel input:focus

{

    border:solid 1px #FD2C10;

}

.clr

{

    width:100%;

    float:none;

    display:block;

}

#slider

{
    width:100%;
    overflow:hidden;
    position:relative;
}
/*
#slider::after
{
    content:"";
    width:100%;
    display:block;
    background:url(../img/bgg.jpg) repeat-x #FFF;
    min-height:50px;
}
*/
.slider

{

    width:500%;

    overflow:hidden;

    position:relative;

    transition:transform 0.2s ease-in;

    -moz-transition:transform 0.2s ease-in;

    -o-transition:transform 0.2s ease-in;

    -ms-transition:transform 0.2s ease-in;

    -webkit-transition:transform 0.2s ease-in;

}

.slider li

{

    float:left;

    display:block;

    width:20%;

    min-height:25em;

    background:url(../img/bnr.jpg) top left no-repeat;

    background-size:100%;

}

.main_content

{

    width:100%;
    padding:0 9em 1em;

}

#panes, .panes

{

    margin:1em 0em;

}

.cus li

{

    min-height:10em !important;

    margin:.5em .5em .5em 0;

    width:60% !important;

    float:none;

}

#panes li, .panes li

{

    width:23%;

    margin-right:2%;

    float:left;

    min-height:14em;

    padding:.8em 1.3em 0 1.3em;

    max-height:15em;

    display:inline-block;

}

.a

{

    background:#8265cc;

    position:relative;

}

.a::after

{

   content:"";

    margin-top:3em;

    height:65px;

    display:block;

    background:url(../img/services_icons.png) no-repeat top left;

    background-position:left -204px;

}

.b

{

    background:#084b95;

    position:relative;

}

.b::after

{

   margin-top:3em;

    content:"";

    height:65px;

    display:block;

    background:url(../img/serv.png) no-repeat top left;
    
    background-size:55px;

    background-position:left 0px;

}

.c

{

    background:#6ba61f;

    position:relative;

}

.c::after

{

    content:"";

    margin-top:3em;

    height:65px;

    display:block;

    background:url(../img/services_icons.png) no-repeat top left;

    background-position:left -612px;

}

.d

{

    background:#fb8334;

    position:relative;

}

.d::after

{

    content:"";

    margin-top:3em;

    height:65px;

    float:left;

    background:url(../img/services_icons.png) no-repeat top left;

    width:25%;

}

.e

{

    background:#ca2f39;

    position:relative;

}

.e::after

{

    content:"";

    margin-top:3em;

    height:65px;

    display:block;

    background:url(../img/services_icons.png) no-repeat top left;

    background-position:left -408px;

}

.panes li
{
    width:40%;
}

#panes li a, .panes li a

{

    font-size:1.5em !important;

    display:block !important;

    width:100%;

    height:100%;

    color:#FFF !important;

    line-height:1.5;

}
.samp-img
{
    float:none;
    width:70%;
    margin:1em 0;
    display:block;
}
.borded
{
    border:solid 10px #084b95;
    background:#FFF;
    padding:10px;
    width:40%;
    display:inline-block;
    float:left;
    margin:.5em 1em;
}
.borded>li
{
    width:100%;
}
.section

{

    width:100%;

    border:1px solid #e1e1e1;

    border-left:0;

    border-right:0;

    padding:1em 0;

    font-size:.9em;

    text-align:justify;

}

.section h2, .section h3

{

    font-size:1.6em;

    margin-top:1em !important;

}

.ca_one_3rd

{

    width:33%;

    float:left;

}

.ca_two_3rd

{

    width:66%;

    float:left;

}

.section h1, .section h2, .section h3, .section h4, .section h5, .section h6

{

    clear:both;

    float:none;

    display:block;

    margin:.5em 0 .25em 0;

}

.section ul

{

    float:none;

    clear:both;

}

.section li

{

    list-style:disc inside;

    color:#666;

    font-size:20px;

}

.section li a

{

    font-size:18px;

    color:rgb(107, 166, 31);

}

.black

{

    color:#333;

}

.footer

{

    border-bottom:1px solid #e1e1e1;

    padding:.1em 0;

}

.footer img

{

    width:5%;

    height:auto;

    margin:.25em;

}

.footer ul

{

    padding:0;

    border:0;

    float:right;

    display:inline-block;

    width:auto;

}

.footer li

{

    margin-left:0;

}

.footer li a

{

    color:rgb(107, 166, 31);

}

.sub-footer

{

    color:#777;

    font-size:13px;

    padding:1em .1em .25em .1em;

}

.knob

{

    width:100%;

    padding:.5em;

    display:none;

    cursor:pointer;

}

@media (max-width:1200px)

{

    .header

    {

        padding:0;

    }

}

@media (max-width:1000px)

{

    .main_content

    {

        padding:1em 0;

    }

}

@media (max-width:800px)

{
    .slider li
    {
        min-height:8em;
    }
    .bucket

    {

        width:100%;

        padding:.5em;

        margin:1em auto;

        position:static;
    }

}

@media (max-width:600px)

{
    .slider li
    {
        min-height:5em;
    }

    .knob

    {

        display:block;

    }

    .nav

    {

        margin:0;

        padding:0;

        display:none;

    }

    .nav li

    {

       width:100%;

       float:none;

       border-bottom:solid 1px #CCC;

       margin:0;

    }

    .nav li a

    {

       display:block;

       padding:.5em;

    }

}

@media (max-width:400px)

{
    #panes, .panes
    {
        text-align:center;
    }

    .logo

    {

        width:40%;

        max-width:none;

    }

    .footer img

    {

        width:30%;

        float:left;

        margin-right:1%;

    }
    .panes li
    {
        width:100%;
    }
    #panes li,  .ca_one_3rd, .ca_two_3rd, .borded

    {

        width:90%;

        float:none;

        margin:.5em auto;

    }

    .footer li

    {

        border:0;

        margin:0;

        padding:.1em;

    }

}