﻿.bgborder
{
    margin:0px auto;
    max-width:1000px;
    
    height:100%;
    -webkit-box-shadow:inset 0 5px 20px #5abff3;
}
.Ourget
{
    padding-right:15px;
    padding-left:15px;
    width:100%;
    height:100%;
    overflow:hidden;
    display:block;
    
}
.modulehead
{
    text-shadow:1px 0px 0 black;
    text-decoration:none;
    color:#007693;
    font-size:23px;
    font-family:Trajan Pro;
    font-weight:bolder;
    margin-top:7px;
    margin-bottom:10px;
    padding:3px 5px 3px 15px;
    text-align:left;
    width:100%;
    height:auto;
    border:0px;
    box-shadow:0 1px 3px 0px black;
}
.module
{
    box-shadow:inset 0 .2px 12px #d9d9d9;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    width:65%;
    float:left;
    overflow:hidden;
    display:block;

    
}
.modulebox
{
   margin:0px;
   height:auto;
}

.modulebox ul
{    
    width:100%;
    height:auto;
    margin:0px;
    padding:0px;
    
}

.modulebox li 
{
    
    margin:10px 0px 5px 0px;
    width:50%;
    
    display:inline;
    position:relative;
    float:left;
}
.modulebox li a
{
    
    text-decoration:none;
}
.img
{
    margin-top:24px;
    margin-left:3px;
    
}
.box
{
    float:right;
    height:auto;
    width:230px;
    
    padding-right:14px;
}
.main1
{
    color:#444;
    font-size:22px;
    text-decoration:none;
    text-align:left;
    margin:0;
    margin-bottom:10px;
    padding:0px;
}
.main2
{
    color:#777777;
    margin:0 auto;    
    font-size:12px;
    text-decoration:none;
    padding:0px;
    
}
.main2:hover
{
    color:#448ad2;
    margin:0 auto;    
    font-size:12px;
    text-decoration:none;
    padding:0px;
    
}
.demo
{
    float:right;
    width:35%;
    
    height:100%;
}
.register
{
    
    text-decoration:none;
    color:#007693;
    font-size:17px;
    font-family:Trajan Pro;
    font-weight:bolder;
    margin:0px;
    padding-top:7px;
    padding-bottom:7px;
    text-align:Center;
    border:0px;
    width:100%;
    
}
.box1
{
    box-shadow:inset 0 .2px 12px #d9d9d9;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border:1px solid #edeeee;
    width:85%;
    margin:0px auto;
    height:auto;
    
}
.box1 .padding3
{
    padding:10px 24px 0px 18px;
}
#txt_name
{
    border:1px solid #d3d3d3;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    padding:6px;
    margin-bottom:8px;
    min-width:100%;
}
#txt_name:focus
{
   
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    padding:6px;
    margin-bottom:8px;
    box-shadow:0 0 5px #1592da;
    opacity:0.6;
}
#txt_email
{
    border:1px solid #d3d3d3;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    padding:6px;
    margin-bottom:8px;
    min-width:100%;
}
#txt_email:focus
{
   
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    padding:6px;
    margin-bottom:8px;
    box-shadow:0 0 5px #1592da;
    opacity:0.6;
}
#txt_city
{
    border:1px solid #d3d3d3;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    padding:6px;
    margin-bottom:8px;
    min-width:100%;
}
#txt_city:focus
{
   
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    padding:6px;
    margin-bottom:8px;
    box-shadow:0 0 5px #1592da;
    opacity:0.6;
}
.comp
{
    border:1px solid #d3d3d3;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    padding:6px;
    margin-bottom:8px;
    min-width:100%;
}
.comp:focus
{
   
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    padding:6px;
    margin-bottom:8px;
    box-shadow:0 0 5px #1592da;
    opacity:0.6;
    
}
#txt_phone
{
    border:1px solid #d3d3d3;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    padding:6px;
    margin-bottom:8px;
    min-width:100%;
}
#txt_phone:focus
{
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    padding:6px;
    margin-bottom:8px;
    box-shadow:0 0 5px #1592da;
    opacity:0.6;
    
}
#txt_message
{
    border:1px solid #d3d3d3;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    padding:6px;
    margin-bottom:8px;
    width:185px;
    min-width:100%;
}
#txt_message:focus
{
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    padding:6px;
    margin-bottom:8px;
    box-shadow:0 0 5px #1592da;
    opacity:0.6;
}
.button
{
    padding:5px 20px 5px 20px;
    margin:5px 0 15px 0;
    background-color:#4a4a4a;
    color:#d1d6d9;
    border-width:0px;   
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.button:hover
{
    padding:5px 20px 5px 20px;
    margin:5px 0 15px 0;
    background-color:#4a4a4a;
    color:white;
    border-width:0px;   
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.benefits-box
{
    box-shadow:inset 0 .2px 12px #d9d9d9;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border:1px solid #edeeee;
    width:85%;
    margin:0px auto;
    margin-top:10px;
    height:auto;
}
.benefitshead
{
  text-decoration: none;
  color: #007693;
  font-size: 17px;
  font-family: Trajan Pro;
  font-weight: bolder;
  margin:0 auto;
  padding-top: 9px;
  padding-bottom: 7px;
  text-align: Center;
  border: 0px;
  width: 100%;
}
.benefits-box .pad
{
    padding:14px 10px 0 10px;  
    margin:0 auto;
    
}
.pad ol
{
    list-style-image:url('../Images/icon_checkmark_16x16.png');
    padding-left:30px;   
}
.pad li
{
    text-align:left;
    font-size:12px;
    text-decoration:none;
    padding-bottom:5px;
}
.main-content
{

      padding: 25px;
  margin-left: 20px;
  height: auto;

}
.main-content ul
{
    padding:0;
    margin:0;
    list-style-image:url('../Images/grey-tick.jpg');
}
.main-content ul li
{
    margin-bottom:20px;
}
.main-content h4
{
    font-weight:normal;
    margin:0;
    margin-bottom:7px;
    color:#1CA3D0;
}
.main-content a
{
    float:right;
}
.main-content ol
{
    padding:0px;
    margin:0 auto;
    list-style-image:url('../Images/grey-tick.jpg');
     height:auto;
}
.main-content li
{
    padding-bottom:12px;
    font-size:14px;
}
.main-content p
{
    margin:0;
}
.bolt
{
    margin:0 auto;
    height:auto;
    width:auto;
}
.bolt img
{
    
    margin-left:25%;
}
.about-head
{
    text-align:left;
}
p
{
    font-size:14px;
}

#form
{
    padding:10px 0;
}

.contact-detail ul
{

    padding:0;
    margin-top:20px;
}
.service-wrap ul
{
    padding:0;
    margin:0;

}
.service-wrap li
{
    display:block;
    width:100%;

    text-align:center;
    margin-bottom:20px;
}
.service
{
    padding:5px 15px;
}
.service i
{
    font-size:50px;
    color:#d0d0d0;
}
.service-sub, .Admin-sub
{
    list-style-type:disc;
}
.Admin-sub li
{
    display:list-item;
    width:100%;
    list-style-type:disc;
    text-align:left;
}
.service-sub li
{
    display:list-item;
    width:50%;
    float:left;
    list-style-type:disc;
    text-align:left;
}
.customer-portal
{
    list-style:none;
    list-style-image:none;
}
.customer-portal ul
{
    list-style-type:disc;
    padding-left:30px;
        list-style-image:none;
}
.customer-portal li
{
    list-style-type:disc;
}

@media only screen and (max-width:1000px)
{
    .bgborder
    {
        margin:0px auto;
        max-width:1000px;
        height:100%;
        -webkit-box-shadow:inset 0 5px 20px #5abff3;
    }
    
    .demo
    {
        float:right;
        width:35%;
        display:none;
        height:400px;
    }
    .register
    {
        text-decoration:none;
        
        color:#0062d0;
        font-size:15px;
        font-family:Corbel;
        font-weight:bold;
        margin-bottom:10px;
        padding-top:7px;
        padding-bottom:7px;
        text-align:Center;
        border:0px;
        width:100%;
    }
    .box1
    {
        box-shadow:inset 0 .2px 12px #d9d9d9;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border:1px solid #edeeee;
        width:78%;
        margin:0px auto;
        height:auto;
    }
    .modulehead
    {
        width:100%;
    }
    .module
    {
        box-shadow:inset 0 .2px 12px #d9d9d9;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        width:100%;
        margin:0 auto;
        height:100%;

    }
    .modulebox
    {
        height:auto;
        margin:0px;
    }
    .modulebox ul
    {
        height:auto;
        width:100%;
        margin:0px;
        padding:0px;
    }
    .modulebox li
    {
        margin:5px 0px 5px 0px;
        
        height:auto;
        display:inline;
        position:relative;
        float:right ;
    }
    .modulebox li a
    {
        text-decoration:none;
    }
    .img
    {
        margin-top:32px;
    }
    .box
    {
        float:right;
        height:auto;
        width:240px;
        padding-right:28px;
    }
    main1
    {
        color:Black;
        font-size:22px;
        text-decoration:none;
        text-align:left;
        margin-bottom:10px;
        padding:0px;
    }
    main2
    {
        margin:0 auto;    
        font-size:12px;
        text-decoration:none;
        padding:0px;
    }
    .box1 .padding3
    {
        padding:15px 24px 0px 18px;
    }

}


@media only screen and (max-width:700px)
{
    .bgborder
    {
        margin:0px auto;
        max-width:1000px;
        height:100%;
        -webkit-box-shadow:inset 0 5px 20px #5abff3;
    }
    .modulehead
    {

        text-shadow:1px 0px 0 black;
        text-decoration:none;
        color:#006cff;
        font-size:15px;
        font-family:Trajan Pro;
        font-weight:bolder;
        margin-top:7px;
        margin-bottom:1px;
        padding:3px 5px 3px 20px;
        text-align:Center;
        width:100%;
        border:0px;
        box-shadow:0 1px 5px 0px black;
    }
    .module
    {
        box-shadow:inset 0 .2px 12px #d9d9d9;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        width:100%;
        margin:0 auto;
        height:auto;
    }
    
    .bolt
    {
       margin:0 auto;
       height:auto;
       width:auto;
    }
    .bolt img
    {
         margin:0px;
    }
    .size
    {
       margin:0 auto;
    
    }
    .size img
    {
        height:100%;
        width:100%;
    
    }
    .modulebox
    {
        height:auto;
        margin:0px;
    }
    .modulebox ul
    {
        height:auto;
        width:100%;
        margin:0px;
        padding:0px;
    }
    .modulebox li
    {
        margin:0 auto;
        width:100%;
        height:auto;
        display:table;
        position:static;
        float:none;
    }
    .modulebox li a
    {
        text-decoration:none;
    }
    .img
    {
        margin-top:32px;
    }
    .box
    {
        float:right;
        height:auto;
        width:240px;
        padding-right:28px;
    }
    main1
    {
        color:Black;
        font-size:22px;
        text-decoration:none;
        text-align:left;
        margin-bottom:10px;
        padding:0px;
    }
    main2
    {
        margin:0 auto;    
        font-size:12px;
        text-decoration:none;
        padding:0px;
    }
    .box1 .padding3
    {
        padding:15px 24px 0px 18px;
    }
}
@media only screen and (max-width:350px)
{
    .bgborder
    {
        margin:0px auto;
        max-width:1000px;
        height:100%;
        -webkit-box-shadow:inset 0 5px 20px #5abff3;
    }
    .module
    {
        box-shadow:inset 0 .2px 12px #d9d9d9;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        width:100%;
        margin:0 auto;
        height:auto;
    }
    .modulebox
    {
        height:auto;
        margin:0px;
    }
    .modulebox ul
    {
        height:auto;
        width:100%;
        margin:0px;
        padding:0px;
    }
    .modulebox li
    {
        margin:5px 0px 5px 0px;
        height:auto;
        display:block;
        position:relative;
        float:right ;
    }
    .modulebox li a
    {
        text-decoration:none;
        margin:0 auto;
    }
    .img
    {
        margin:0 auto;
    }
    .box
    {
        float:right;
        height:auto;
        width:218px;
        margin:0 auto;
        padding:0px;
    }
    main1
    {
        color:Black;
        font-size:22px;
        text-decoration:none;
        text-align:left;
        margin-bottom:10px;
        padding:0px;
    }
    main2
    {
        margin:0 auto;    
        font-size:12px;
        text-decoration:none;
        padding:0px;
    }
    .box1 .padding3
    {
        padding:15px 24px 0px 18px;
    }
}


