@import "https://fonts.googleapis.com/css?family=Open+Sans:400,700";
@import "https://fonts.googleapis.com/css?family=Lato:400,700";
@import "https://fonts.googleapis.com/css?family=Oswald";

/*---------------------------------------------------------------------------------*/
/* I. RESET */
/*---------------------------------------------------------------------------------*/
html {
    color: #555;
    
}

/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin:0;
	padding:0
}*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}



ul, ol {
    list-style: none;
}

a img {
    border: 0;
}

q:before, q:after {
    content: '';
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.bocal {
    padding-left: 52px;
}
 .panel-default > .panel-heading {
        color: #fff !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#01BAF2), to(#01BAF2));
        border-color: #ddd;
    }
   .panel-default > .panel-heading > h4 > a:hover {
            color: #fff !important;
        }

th {
    padding: 5px 5px;
    background: #01BAF2;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ea0c5', endColorstr='#187598');
    background: -webkit-gradient(linear, left top, left bottom, from(#01BAF2), to(#01BAF2));
    background: -moz-linear-gradient(top, #01BAF2, #01BAF2);
    /*text-align: center;*/
    color: #eee;
    font-size: 13px;
}

.tbtext1 {
    /*text-align: center;*/
    /*background: #f0d5d5 !important;*/
    border-top: 1px solid #afaeae !important;
    box-shadow: -9px 0px 16px #888888;
    font-weight: bold;
}



.tbtext {
    /*text-align: center;*/
    border-top: 1px solid #afaeae !important;
}
#nav ul li ul {
    padding: 0;
    position: absolute;
    top: 40px;
    left: -28px;
    z-index: 99;
    width: 199px !important;
    background: #187598 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
}
#nav ul li ul li a {
    display: block;
    padding-right: 0;
    border: 0;
    width: 198px !important;
}


.clear {
    display: inline-block;
}

* html .clear {
    height: 1%;
}

.clear {
    display: block;
}

/*---------------------------------------------------------------------------------*/
/* II. MAIN */
/*---------------------------------------------------------------------------------*/

body {
    background: #ccc;
    color: #555;
    /*font-family: 'Trebuchet MS' , Helvetica, sans-serif;
	font-size: 13px;
	line-height: 23px;*/
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    line-height: 20px;
}

/* 1. links */
a {
    text-decoration: none;
    color: #174e71;
}

    a:hover {
        color: #226793;
        text-decoration: none;
    }

:focus {
    outline: 0;
}

.panel-title a {
    display: block;
    padding: 10px 15px;
    margin: -10px -15px;
}

.navbar {
    position: static !important;
    margin-top: 35px !important;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: center !important;
    width: 100% !important;
}

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/* 2. headings */
h1 {
    font-size: 23px;
}

h2 {
    font-size: 21px;
}

h3 {
    font-size: 19px;
}

h4 {
    font-size: 17px;
}

h5 {
    font-size: 15px;
}

h6 {
    font-size: 13px;
}

h1, h2, h3, h4, h5, h6 {
    color: #444;
    font-weight: normal;
    margin: 0 0 5px 0;
}

/* 3. aligning tags */
.alignleft {
    float: left;
    margin: 0 10px 4px 0;
    display: block;
}

.alignright {
    float: right;
    margin: 0 0 10px 4px;
    display: block;
}

.aligncenter {
    display: block;
    text-align: center;
    display: block;
}

/* 4. text styling */
.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}



/* 5. paragraph */
p {
    /*font-size: 12px;*/
    color: #555;
    padding: 0 0 10px 0;
    text-shadow: 1px 1px 0 #fff;
    line-height: 22px;
    font: 13px/1.6em "Open Sans",Arial,sans-serif;
}

/* 6. form styling */
/*input, button, select, textarea
{
	font: 12px Verdana, Georgia;
}*/

/* 7. cod and pre */
pre {
    background: #fafafa;
    border: 1px solid #e5e5e5;
    padding: 20px;
    color: #555;
    overflow: scroll;
    margin: 10px 0;
    float: left;
    width: 920px;
    font-size: 11px;
}

/* 8. miscellaneous elements */
.space {
    margin: 20px 0;
    clear: both;
}


.highlight {
    color: red !important;
    font-size: 10px;
    line-height: 15px;
}

.container {
    max-width: 990px;
    margin: 0 auto;
    width: 100%;
}

.wrap {
    max-width: 960px;
    margin: 0 auto;
    width: 100%;
}

.noborder {
    background: none !important;
    border: 0 !important;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    display: inline-block;
}

* html .clear {
    height: 1%;
}

.clear {
    display: block;
}

/* 9. columns */
.one-third {
    float: left;
    width: 30%;
    margin: 0 5% 0 0;
}

.one-half {
    float: left;
    width: 47%;
    margin: 0 5% 0 0;
}

.one-half-new {
    float: left;
    width: 100%;
    margin: 0 5% 0 0;
}

.two-thirds {
    float: left;
    width: 65%;
    margin: 0 5% 0 0;
}

.one-fourth {
    float: left;
    width: 23.50%;
    margin: 0 2% 0 0;
}

.one-fifth {
    float: left;
    width: 18%;
    margin: 0 2% 0 0;
}

.one-sixth {
    float: left;
    width: 15.50%;
    margin: 0 1.5% 0 0;
}

.two-thirds h2 {
    margin: 0 0 20px 0;
}

.last {
    margin: 0 0 0 0 !important;
}



/* 10. sadasdsa */

#top {
    height: 88px;
    width: 100%;
    position: relative;
    background-color: #EEEEEE;
    border-top: 1px solid #f2f2f2;
    border-bottom: 2px solid #01BAF2;
    margin-top: 5px;
}

#border-top {
    border-top: 5px solid #01BAF2; /*was 333 */
}

#top-links ul {
    background: #01BAF2; /*was 333 */
    height: 20px;
    padding: 3px 5px 0 20px;
    list-style: url("../images/footer-arrow.png") inside;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    behavior: url("scripts/ux/PIE.html");
    position: relative;
    zoom: 1;
    line-height: 10px;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
}

    #top-links ul li {
        padding: 0 5px;
        float: left;
        padding-left: 24px;
        /*width: 100px;*/
    }

        #top-links ul li a {
            color: #fff; /*was #888*/
            text-decoration: none;
        }

            #top-links ul li a:hover {
                color: #aaa;
                text-decoration: none;
            }

            #logo {
                background: url("../images/ceylonservers-logo.png") no-repeat;
                background-size: contain; /* Ensures the entire image is displayed */
                background-position: center; /* Centers the image within the container */
                float: left;
                height: auto; /* Automatically adjusts the height based on the image's aspect ratio */
                width: 473px; /* Keeps the specified width */
                margin: 3px 0;
            }
            

#chat {
   
    height: 45px;
    width: 150px;
    margin: 1px 0 0 0;
    /*float:right; 	
margin:15px 0 0 0;*/
}

#nav {
    margin: 0 0 2px 0;
    float: left;
    position: relative;
    width: 100%;
    border-top: 1px solid #01BAF2;
    background: #01BAF2; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4eb3d8', endColorstr='#288db2'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#01BAF2), to(#288db2)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #01BAF2,#01BAF2); /* for firefox 3.6+ */
    *
	-webkit-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-radius: 8px;
}

    #nav ul li {
        display: inline-block;
        position: relative;
        float: left;
    }

        #nav ul li#first {
            margin: 0 0px 0 10px;
        }

        #nav ul li a {
            font-size: 14px;
            padding: 10px 20px 11px 20px;
            margin: 0 5px 0 0;
            display: block;
            color: #e5e5e5;
            text-decoration: none;
        }

            #nav ul li a:hover {
                padding: 10px 18px 11px 20px;
                margin: 0 6px 0 -1px;
                color: #e5e5e5;
                text-decoration: none;
                background: #298aae; /* for non-css3 browsers */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ea0c5', endColorstr='#187598'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#3ea0c5), to(#187598)); /* for webkit browsers */
                background: -moz-linear-gradient(top, #3ea0c5, #187598); /* for firefox 3.6+ */
                border-left: 1px solid #4eb3d8;
                border-right: 1px solid #4eb3d8;
            }

            #nav ul li a.selected {
                padding: 10px 18px 11px 20px;
                margin: 0 11px 0 -1px;
                color: #e5e5e5;
                text-decoration: none;
                background: #12A6D6; /* for non-css3 browsers */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ea0c5', endColorstr='#187598'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#3ea0c5), to(#187598)); /* for webkit browsers */
                background: -moz-linear-gradient(top, #3ea0c5, #187598); /* for firefox 3.6+ */
                border-left: 1px solid #4eb3d8;
                border-right: 1px solid #4eb3d8;
            }


        #nav ul li ul {
            padding: 0;
            position: absolute;
            top: 40px;
            left: -28px;
            z-index: 99;
            width: 199px !important;
            background: #187598 !important;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            display: none;
            opacity: 0;
            visibility: hidden;
            -webkit-transiton: opacity 0.2s;
            -moz-transition: opacity 0.2s;
            -ms-transition: opacity 0.2s;
            -o-transition: opacity 0.2s;
            -transition: opacity 0.2s;
        }

            #nav ul li ul li {
                width: 199px !important;
                background: #187598;
                display: block;
                color: #fff;
            }

                #nav ul li ul li a {
                    display: block;
                    padding-right: 0;
                    border: 0;
                    width: 150px;
                }

                    #nav ul li ul li a:hover {
                        border: 0;
                        margin-left: 0;
                        background: #207ea1;
                    }

        #nav ul li:hover ul {
            display: block;
            opacity: 1;
            visibility: visible;
        }
 
#search {
    float: right;
    padding: 0;
    margin: 0;
    position: relative;
}

    #search input {
        border: none;
        padding: 7px 10px 7px 10px;
        max-width: 194px;
        /*margin: 7px 10px 0 0;*/
        margin: 3px;
        float: left;
        color: #777;
        font-style: inherit;
        border-top: 1px solid #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #eee; /* for non-css3 browsers */
    }

    #search button {
        background: url("../images/search.png") no-repeat right;
        height: 16px;
        width: 16px;
        float: right;
        margin: 12px 0 0 195px;
        display: block;
        position: absolute;
    }

    #search #search-img {
        background: url("../images/search.png") no-repeat right;
        height: 100%;
        width: 16px;
        display: block;
        position: absolute;
        right: 15px;
    }
    #search1 {
    float: right;
    padding: 0;
    margin: 0;
    position: relative;
}

    #search1 input {
        border: none;
        padding: 7px 10px 7px 10px;
        max-width: 194px;
        /*margin: 7px 10px 0 0;*/
        margin: 3px;
        float: left;
        color: #777;
        font-style: inherit;
        border-top: 1px solid #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #eee; /* for non-css3 browsers */
    }

    #search1 button {
        background: url("../images/search.png") no-repeat right;
        height: 16px;
        width: 16px;
        float: right;
        margin: 12px 0 0 195px;
        display: block;
        position: absolute;
    }

    #search1 #search-img {
        background: url("../images/search.png") no-repeat right;
        height: 100%;
        width: 16px;
        display: block;
        position: absolute;
        right: 15px;
    }


#slideshow {
    width: 100%;
    height: 180px;
    position: relative;
    z-index: 1;
    margin: 10px 0 30px 0;
    padding: 20px;
    background: #eee;
    border: 1px solid #fff;
    -webkit-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 8px #b5b5b5;
    -khtml-box-shadow: 0px 0px 8px #b5b5b5;
    -webkit-box-shadow: 0px 0px 8px #b5b5b5;
    box-shadow: 0px 0px 8px #b5b5b5;
    behavior: url("scripts/ux/PIE.html");
    position: relative;
    zoom: 1;
}

.slide {
    position: relative;
    width: 100%;
    /*height: 160px;*/
    background: transparent !important;
}


.slideImage {
    position: absolute;
    left: 0px;
    top: 10px;
    width: 100%;
    text-align: center;
    z-index: 2;
}

img {
    max-width: 100%;
}

.slideImage.thumbnail {
    top: 40px;
}

    .slideImage.thumbnail img {
        margin: 0 auto;
        border: 1px solid #e4e4e4;
        background: #fff;
        padding: 10px;
    }

.slideText {
    position: absolute;
    width: 563px;
    right: 0px;
    top: 20px;
    z-index: 1;
}

    .slideText h3 {
        letter-spacing: -1px;
        color: #296c97;
        font-size: 40px;
        font-weight: bold;
        margin: 0 0 15px 0;
        text-shadow: 0px 1px 1px #fff;
    }

    .slideText h4 {
        letter-spacing: -1px;
        color: #3280b2;
        font-size: 25px;
        font-weight: bold;
        margin: 0 0 15px 0;
        text-shadow: 0px 1px 1px #fff;
    }

    .slideText p {
        font-size: 13px;
        margin: 0 0 5px 0;
        text-shadow: 1px 1px 0 #fff;
        line-height: 1.6em;
        color: #555;
    }

#slideshowNav {
    position: absolute;
    bottom: 10px;
    left: 15px;
    z-index: 10;
}

#slideshowNavPager {
    float: left;
}

#slideshowNav a {
    width: 13px;
    height: 13px;
    background: transparent url("../images/slideshow_nav.png") no-repeat;
    display: block;
    float: left;
    margin: 0 6px 0 0;
    cursor: pointer;
}

    #slideshowNav a span {
        display: none;
    }

    #slideshowNav a.activeSlide {
        background: transparent url("../images/slideshow_nav_active.png") no-repeat;
    }

    #slideshowNav a:focus {
        outline: none;
    }


#slideshowPrev {
    cursor: pointer;
    background: transparent url("../images/slider-prev.png") no-repeat;
    width: 18px;
    height: 47px;
    position: absolute;
    display: block;
    top: 45%;
    left: -50px;
}

#slideshowNext {
    cursor: pointer;
    background: transparent url("../images/slider-next.png") no-repeat;
    width: 18px;
    height: 47px;
    position: absolute;
    display: block;
    top: 45%;
    right: -50px;
}


.box {
    margin: 20px 0;
    background: #eee;
    border: 1px solid #fff;
    padding: 20px 20px 0;
    -webkit-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 8px #b5b5b5;
    -khtml-box-shadow: 0px 0px 8px #b5b5b5;
    -webkit-box-shadow: 0px 0px 8px #b5b5b5;
    box-shadow: 0px 0px 8px #b5b5b5;
    behavior: url("scripts/ux/PIE.html");
    position: relative;
    zoom: 1;
    z-index: 1;
}

    .box p {
        font-size: 17px;
        font-weight: bold;
        padding: 3px 0 0 0;
    }

.box-header {
    padding: 15px 0px;
    width: 100%;
    border-top: 1px solid #3da1c6;
    background: #3b9fc4; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4eb3d8', endColorstr='#288db2'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#4eb3d8), to(#288db2)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #4eb3d8, #288db2); /* for firefox 3.6+ */
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 18px;
    float: left;
    text-align: center;
    color: #eee;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
    behavior: url("scripts/ux/PIE.html");
    position: relative;
    zoom: 1;
    /*z-index: 1000000000000;*/
    z-index: 9 !important;
}

    .box-header em {
        float: right;
        text-align: right;
        color: #eee;
        font-size: 22px;
    }

    .box-header span {
        float: right;
        text-align: right;
        color: #89bad8 !important;
        font-size: 10px;
        padding: 3px 0 0 0;
        text-transform: none;
    }

.box ul {
    margin: 25px 0 10px 0;
}

    .box ul li {
        font-size: 12px;
        color: #555;
        line-height: 25px;
        text-shadow: 1px 1px 0 #fff;
        background: url("../images/box-div.jpg") repeat-x bottom;
    }

.box span {
    color: #0a527f;
    font-weight: bold;
    text-transform: uppercase;
}

ul#included {
    list-style: url("../images/arrow.png") inside;
}

    ul#included li {
        text-shadow: 1px 1px 0 #fff;
        border-bottom: 1px solid #ccc;
        line-height: 28px;
        font-size: 12px;
        color: #555;
    }

        ul#included li span {
            color: #0a527f;
            font-weight: bold;
            text-transform: uppercase;
        }

a.button {
    border-top: 1px solid #3da1c6;
    background: #3b9fc4; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4eb3d8', endColorstr='#288db2'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#4eb3d8), to(#288db2)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #4eb3d8, #288db2); /* for firefox 3.6+ */
    padding: 3px 7px 4px;
    color: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url("scripts/ux/PIE_uncompressed.html");
    position: relative;
    zoom: 1;
}

    a.button:hover {
        color: #fff;
        text-decoration: none;
    }


#main {
    margin: 0px 0;
    margin-top: 20px;
    padding: 20px;
    /*float: right;
    background: #fff;*/
    background: #eee;
    border: 1px solid #fff;
    -webkit-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 8px #b5b5b5;
    -khtml-box-shadow: 0px 0px 8px #b5b5b5;
    -webkit-box-shadow: 0px 0px 8px #b5b5b5;
    box-shadow: 0px 0px 8px #b5b5b5;
    behavior: url("scripts/ux/PIE.html");
    position: relative;
    zoom: 1;
}

.main2 {
    background: #fff !important;
}

#main h3 {
    margin: 0 0 10px 0;
}

.testimonials p span {
    font-weight: bold;
    float: right;
    text-align: right;
}

#sponsors {
    margin: 30px 0;
    padding: 20px;
    float: right;
    background: #eee;
    border: 1px solid #fff;
    -webkit-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 8px #b5b5b5;
    -khtml-box-shadow: 0px 0px 8px #b5b5b5;
    -webkit-box-shadow: 0px 0px 8px #b5b5b5;
    box-shadow: 0px 0px 8px #b5b5b5;
}

#breadcrumbs {
    margin: -5px 0 12px 0;
    /*margin-top: 15px;*/
    padding: 10px 20px 2px 20px;
    width: 100%;
    background: #eee;
    border: 1px solid #fff;
    -webkit-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 8px #b5b5b5;
    -khtml-box-shadow: 0px 0px 8px #b5b5b5;
    -webkit-box-shadow: 0px 0px 8px #b5b5b5;
    box-shadow: 0px 0px 8px #b5b5b5;
}

    #breadcrumbs h1 {
        text-shadow: 0px 1px 1px #fff;
        font-size: 20px;
    }











#pricing {
    width: 960px !important;
}

    #pricing ul {
        height: 500px;
        background: red;
        margin: 0 0 30px 0;
    }





















#footer {
    background: #333;
    border-top: 4px solid #aaa;
    width: 100%;
    margin: 10px 0 0 0;
    color: #888;
    text-shadow: none;
}

    #footer p {
        color: #888;
        text-shadow: none;
    }

    #footer h4 {
        color: #aaa;
        text-shadow: none;
        padding: 10px 0 0 0;
        border-bottom: 1px dashed #555;
        margin: 20px 0 10px 0;
    }

    #footer ul {
        margin: 0 0 10px 0;
        list-style: url("../images/footer-arrow.png") inside;
    }

    #footer p {
        margin: 0 0 0px 0;
    }

    #footer ul li a {
        color: #888;
        text-decoration: none;
    }

        #footer ul li a:hover {
            color: #aaa;
            text-decoration: none;
        }

    #footer img {
        margin: 20px 20px 0 0;
    }

#copyright {
    margin: 10px 0 20px 0;
}

    #copyright a {
        color: #888;
        text-decoration: none;
    }

        #copyright a:hover {
            color: #aaa;
            text-decoration: none;
        }

.footer-div {
    background: url("../images/footer-div.png") repeat-x center;
    max-width: 960px;
    width: 100%;
    height: 2px;
    margin: 20px 0;
}



.list /* Can be use to reduce top gap */ {
    margin-top: 15px;
    margin-bottom: 30px;
    background: #fff;
}

    .list ul {
        margin: 0;
        background: #eee;
        -moz-box-shadow: 0px 0px 8px #b5b5b5;
        -khtml-box-shadow: 0px 0px 8px #b5b5b5;
        -webkit-box-shadow: 0px 0px 8px #b5b5b5;
        box-shadow: 0px 0px 8px #b5b5b5;
    }

        .list ul li {
            border-bottom: 1px solid #ccc;
            padding: 2px 0 2px 30px;
            background: #eee;
        }

            .list ul li.listheader {
                border-top: 1px solid #3da1c6;
                background: #01BAF2; /* for non-css3 browsers */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4eb3d8', endColorstr='#288db2'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#01BAF2), to(#01BAF2)); /* for webkit browsers */
                background: -moz-linear-gradient(top, #01BAF2, #01BAF2); /* for firefox 3.6+ */
                padding: 5px 0 5px 30px;
                color: #000000;
                font-size: 17px;
                -moz-box-shadow: 0px 0px 8px #b5b5b5;
                -khtml-box-shadow: 0px 0px 8px #b5b5b5;
                -webkit-box-shadow: 0px 0px 8px #b5b5b5;
                box-shadow: 0px 0px 8px #b5b5b5;
            }

    .list img {
        padding: 10px 0;
    }

.special {
    font-weight: bold;
    background: #efaf02 !important;
}

    .special a {
        color: #eee;
        display: inline;
    }

.div-main {
    background: url("../images/div-main.jpg") repeat-x center;
    height: 2px;
    width: 100%;
    margin: 20px 0 0 0;
}

img.imgfree {
    margin: 0;
    padding: 0;
}












#pricing-wrapper {
    float: right;
    width: 600px;
}

.pricing {
    margin: 0px 0;
    -moz-box-shadow: 0 0 15px #ddd;
    -webkit-box-shadow: 0 0 15px #ddd;
    box-shadow: 0 0 15px #ddd;
}

.pricing-header {
    background: #298aae; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ea0c5', endColorstr='#187598'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3ea0c5), to(#187598)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #3ea0c5, #187598); /* for firefox 3.6+ */
    padding: 10px 0;
    color: #eee;
    text-align: center;
    font-size: 18px;
}

    .pricing-header th {
        padding: 10px 0;
    }

.pricing-header2 {
    background: #298aae; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ea0c5', endColorstr='#187598'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3ea0c5), to(#187598)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #3ea0c5, #187598); /* for firefox 3.6+ */
    padding: 10px 0;
    color: #eee;
    text-align: left;
    font-size: 15px;
}

    .pricing-header2 th {
        padding: 5px 0 5px 20px;
    }

.pricing tr td {
    text-align: center;
    background: #fff;
    border-bottom: 1px dashed #eee;
    padding: 5px 0;
}

    .pricing tr td img {
        padding: 5px 0;
    }

    .pricing tr td.features {
        text-align: center !important;
        padding: 0 0 0 20px;
    }

    .pricing tr td span {
        font-weight: 100;
    }

.pricing-price {
    font-size: 16px;
    font-weight: bold;
}

.pricing-price2 {
    font-size: 14px;
    font-weight: bold;
    font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
}

.pricing-regular {
    font: 14px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
}

.pricing-discount {
    font: 14px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
    color: Red !important;
}

.pricing-offer {
    font: 15px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
    font-weight: bold;
}

@font-face {
    font-family: "Open Sans";
    src: url('../fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: "Open Sans Bold";
    font-weight: bold;
    src: url('../fonts/OpenSans-Bold.ttf');
}



/* 23. domains page */
.domains-page h4 {
    margin: 5px 0 15px 0;
}

.domains-page {
    color: #666666;
    font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
    font-size: 12px;
}

.domain-search-div {
    padding-top: 15px;
}

.domains-page input#domain {
    background: #fff;
    border: 1px solid #e0e0e0;
    max-width: 220px;
    width: 100%;
    margin: 0 10px 10px 85px;
    padding: 7px 10px 7px 10px;
    font-size: 12px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px;
}
/*.domains-page select
{
	background: #fff;
	border: 1px solid #e0e0e0;
	width: 85px;
	padding: 7px 10px;
	color: #888;
	font-size: 12px;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-radius: 10px;
}*/

#domains tr th {
    padding: 5px 5px;
    background: #298aae; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ea0c5', endColorstr='#187598'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3ea0c5), to(#187598)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #3ea0c5, #187598); /* for firefox 3.6+ */
    text-align: center;
    color: #eee;
    font-size: 13px;
}

#domains tr td {
    background: #fafafa;
    color: #555;
    padding: 6px 10px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.domain-search {
    float: left;
    width: 95%;
    margin: 0 5% 0 0;
}

#domain-search-div input {
    border: none;
    padding: 7px 10px 7px 10px;
    width: 200px;
    margin: 7px 10px 0 0;
    float: left;
    color: #777;
    font-style: inherit;
    border-top: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #eee; /* for non-css3 browsers */
}

a.domain-order {
    border-top: 1px solid #41884F;
    background: #41884F; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41884F ', endColorstr='#41884F '); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#41884F ), to(#41884F )); /* for webkit browsers */
    background: -moz-linear-gradient(top, #41884F, #41884F ); /* for firefox 3.6+ */
    padding: 3px 10px 4px;
    color: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url("scripts/ux/PIE_uncompressed.html");
    position: relative;
    zoom: 1;
}

    a.domain-order:hover {
        color: #fff;
        text-decoration: none;
    }

.newclear {
    display: inline-block;
}

* html .newclear {
    height: 1px;
}

.newclear {
    display: block;
}

.order select {
    background: #fff;
    border: 1px solid #e0e0e0;
    width: 85px;
    padding: 7px 10px;
    color: #888;
    font-size: 12px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-radius: 10px;
}



/* Validation */
.field-validation-error {
    color: #FF0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    background-color: #FFEEEE;
    border: 1px solid #FF0000;
}

.validation-summary-errors {
    color: #FF0000;
    /*font-weight: bold;*/
}

.validation-summary-valid {
    display: none;
}


/* Added 2013 */

#homepage_footer {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 8px #B5B5B5;
    float: right;
    margin: 20px 0 0;
    padding: 20px;
    position: relative;
}

.vps th {
    background: #048dbf none repeat scroll 0 0 !important;
}

#dedicated_servers {
    border: 0 none;
    padding: 20px 0 40px;
    text-align: center;
    width: 100%;
}

    #dedicated_servers th {
        background: #279b2d none repeat scroll 0 0;
        border: 0 none;
        color: #fff;
        padding: 5px 20px;
        text-transform: uppercase;
        width: 100%;
    }

    #dedicated_servers td {
        border-bottom: 1px solid #e0e0e0;
        padding: 15px 20px;
    }

    #dedicated_servers tr th:nth-child(1), #dedicated_servers tr td:nth-child(1) {
        text-align: left;
    }

    #dedicated_servers tr th:first-child {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    #dedicated_servers tr th:last-child {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    #dedicated_servers .pricing_button {
        border: 1px solid #e0e0e0;
        border-radius: 3px;
        color: #279b2d;
        padding: 5px;
    }

        #dedicated_servers .pricing_button:hover {
            background: #279b2d none repeat scroll 0 0;
            border: 1px solid #279b2d;
            border-radius: 3px;
            color: #fff;
            padding: 5px;
        }

.vps .pricing_button {
    color: #048dbf !important;
}

    .vps .pricing_button:hover {
        background: #048dbf none repeat scroll 0 0 !important;
        border: 1px solid #048dbf !important;
        color: #fff !important;
    }

#order .signupfields fieldset {
    width: 100%;
    margin-left: 0;
    border: none;
    padding-bottom: 10px;
}
/* contact form */
#contactform {
    padding-top: 20px;
}

    #contactform input[type="text"],
    #contactform textarea {
        padding: 10px 20px;
        width: 380px;
        display: block;
        background: #eee;
        border: 1px solid #ccc;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    #contactform .button {
        margin-top: 20px;
        border: 0;
        cursor: pointer;
        border-top: 1px solid #3da1c6;
        background: #3b9fc4; /* for non-css3 browsers */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4eb3d8', endColorstr='#288db2'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#4eb3d8), to(#288db2)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #4eb3d8, #288db2); /* for firefox 3.6+ */
        padding: 3px 10px 4px;
        color: #eee;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        behavior: url("scripts/ux/PIE_uncompressed.html");
        position: relative;
        zoom: 1;
    }

        #contactform .button:hover {
            color: #fff;
            text-decoration: none;
        }

    #contactform p {
        margin-top: 20px;
    }


#google_map {
    border: 0;
    width: 100%;
    height: 305px;
}

#title_center {
    text-align: center;
    padding-right: 20px;
}

#form1,
#invoiceitemstable,
#signupfrm,
.fieldlabel,
#form1 label {
    /* font-family: "Courier New", Courier, monospace !important; */
}

.configtable input,
.configtable select,
.configtable textarea {
    width: 98% !important;
    background: #efefef;
    border: 1px solid #e0e0e0;
    padding: 7px 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

    .configtable input:focus, .configtable textarea:focus {
        box-shadow: 0 0 5px rgba(81, 203, 238, 1);
        border: 1px solid rgba(81, 203, 238, 1);
    }

.configtable select {
    width: 100% !important;
}

.configtable td.fieldarea textarea {
    padding-top: 15px !important;
    /*height: 40px;*/
}

.signupfields {
    border: none !important;
    width: 100% !important;
}

.configtable {
    margin-left: 0 !important;
}

    .configtable td.fieldarea {
        background: #fff !important;
    }

    .configtable td.fieldlabel {
        text-align: left !important;
    }

.container #order fieldset {
    max-width: 490px;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 8px 8px 10px;
    width: 90%;
}

    .container #order fieldset.main-orderset {
        max-width: 850px;
    }

#order legend {
    display: inherit;
    width: auto;
    font-size: 12px;
    border-bottom: 0;
}


hr {
    border: 0;
    clear: both;
    display: block;
    width: 96%;
    background-color: #ccc;
    height: 1px;
}




.responsive-nav {
    display: none;
}

@media (min-width:768px) {
    ul#menu {
        display: block !important;
    }
}

@media (max-width:1075px) {
    #slideshowNext {
        right: 0;
    }

    #slideshowPrev {
        left: 0;
    }

    #nav ul li#first {
        margin-right: 0;
    }
}

@media (max-width:985px) {
    #nav ul li a, #nav ul li#first, #nav ul li a.selected, #nav ul li a:hover {
        margin-right: 0;
    }

    #logo {
        max-width: 473px;
        width: 100%;
        background-size: 100% 100%;
        height: 70px;
    }

    #chat {
        max-width: 350px;
        width: 100%;
        background-size: 100%;
    }

    #dedicated_servers th, #dedicated_servers td {
        word-break: break-all;
        padding: 5px 8px;
    }

    #dedicated_servers td {
        padding: 10px 8px;
    }

    #dedicated_servers .pricing_button {
        width: 122px;
        display: block;
    }
}

@media (max-width:767px) {
    .bocal {
    padding-left: 0px;
}
    a.responsive-nav {
        display: inline-block;
        padding: 14px;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
    }
    #top-links ul li {
        padding-left: 0px;
    }
    .sdbox {
        margin-top: 4px !important;
    }

    #search input {
        max-width: 149px;
    }

    .panel-default > .panel-heading {
        color: #fff !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#3ea0c5), to(#187598));
        border-color: #ddd;
    }

        .panel-default > .panel-heading > h4 > a:hover {
            color: #fff !important;
        }

    .navbar-header {
        background-color: #01BAF2;
    }

    .nav-font-size {
        font-size: 12px !important;
    }

    .navbar-brand {
        color: #fff !important;
    }

    #nav ul {
        padding: 0;
        margin: 0;
        position: absolute;
        background: #01BAF2;
        display: none;
        z-index: 9999;
        width: 100%;
        top: 40px;
    }

        #nav ul li, #nav ul li a {
            display: block;
            float: none;
        }

            #nav ul li#first {
                margin: 0;
            }

            #nav ul li a.selected, #nav ul li a:hover {
                border: none;
                margin: 0;
            }

            #nav ul li ul, #nav ul li ul li, #nav ul li ul li a {
                width: 100% !important;
            }

    .domains-page input#domain {
        margin: 0;
    }

    #contactform input[type="text"], #contactform textarea {
        width: 100%;
    }

    .domains-page table {
        width: 100%;
    }
}

@media (max-width:600px) {
    #domains tr td {
        padding: 6px 4px;
        word-break: break-word;
    }

    .respnsive-table td {
        display: block;
        width: 100% !important;
        text-align: left !important;
    }

    table#domains {
        width: 100% !important;
    }

    #domains tr th {
        padding: 5px 4px;
        word-break: break-word;
    }

    .domain-search-div {
        padding: 15px 0 0;
    }
}

@media (max-width:568px) {
    #main .one-half {
        float: none;
        width: 100%;
        margin: 0;
    }

    #slideshow {
        height: 100px;
    }

    .slideImage img {
        height: auto;
    }

    #logo {
        background-size: contain;
    }

    .alignright {
        margin: 0;
    }

    #top-links ul {
        padding: 3px 3px 0;
        height: 25px;
    }

    .mng-tool td {
        display: block;
    }

        .mng-tool td a.button {
            margin: 5px 0;
            display: block;
        }

    .configtable td {
        width: 100%;
        display: block;
    }

    .signupfields {
        margin-left: 0 !important;
    }

    a.btn_order {
        display: inline-block;
        margin: 5px;
    }

    .btn.large {
        display: block;
    }

    .container #order fieldset table td {
        display: block;
        width: 100%;
    }

    .pricing {
        font-size: 11px;
    }

        .pricing a.button {
            padding: 2px;
        }

        .pricing tr td {
            width: 20%;
            word-break: break-all;
        }

    .pricing-header2 th {
        width: auto;
        word-break: break-all;
        padding: 5px;
    }

    .hosting-main #main {
        float: none;
    }
}

@media (max-width:368px) {
    #dedicated_servers .pricing_button {
        width: 50px;
        display: block;
        font-size: 11px;
        line-height: normal;
    }
     #search1 input {
        max-width: 170px !important;
    }
}

@media (max-width:337px) {
    #search1 input {
        max-width: 130px !important;
    }
    #top-links ul li {
            padding-left: 0px;
    /*padding: 0px 5px;
    float: left;*/
    /* width: 79px; */
}
}