﻿
.Loading-Div-Container {
    display:none;
    z-index: 99999999;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.Page-alert-Container {
    position: fixed;
    z-index: 99999999;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: 0px !important;
    padding: 0px !important;
}
    .Page-alert-Container .Page-alert {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        padding: 5px 10px 5px 10px !important;
        background-color: #127899;
        color: #FFF !important;
        border: solid 1px #0d3c50;
        width: 90% !important;
        max-width: 600px !important;
    }

        .Page-alert-Container .Page-alert a {
            color: #FFF !important;
            text-decoration: underline;
        }
        .Page-alert-Container .Page-alert .Close {
            width: 16px;
            height: 16px;
            display: inline-block;
            float: right;
            margin: 0px;
            /*position: relative;
    margin: -100px auto 0 auto;*/
            background-image: url('../img/Close_White.png');
            background-position: right top;
            background-size: 16px 16px;
            background-repeat: no-repeat;
        }


.odexdivdownarrow {
    width: 70px;
    height: 70px;
    position: relative;
    margin: -100px auto 0 auto;
    background-image: url('../img/down-arrow-icon.png');
    background-position: center center;
    background-size:70px;
    background-repeat:no-repeat;
}
    .odexdivdownarrow:hover {
        background-image: url('../img/down-arrow-icon_hover.png');
    }
.odex-page-header {
    max-width: 1000px;
}
    .odex-page-header p {
        font-weight: bold;
    }
.odex-page-section {
    padding: 90px 10px 55px 10px;
    font-family: 'Open Sans';
    background-color: #ffffff !important;
    /*border: solid 1px yellow;*/
}
    .odex-page-section .container {
        /*border: solid 1px green;*/
        background-color: #ffffff !important;
    }
.odex-page-section-spacer {
    padding: 0px 0px 0px 0px;
    background-color: #ffffff !important;
}
    .odex-page-section-spacer .container {
        padding: 0px 0px 0px 0px !important;
    }
        .odex-page-section-spacer .container .spacer {
            margin: 0px 0px 0px 0px !important;
            padding: 0px 0px 0px 0px !important;
            border-top: solid 1px #d1d5d6;
            border-bottom: solid 1px #e5e5e5;
            height: 2px;
            background-color: #ffffff !important;
        }

.odex-page-section .odex-page-col {
    margin: 0px !important;
    padding: 10px 20px 10px 20px !important;
    /*border:solid 1px red;*/
}
        .odex-page-section .odex-page-col .odex-col-header {
            margin: 0px 0px 0px 0px !important;
            padding: 0px 0px 0px 0px !important;
        }
            .odex-page-section .odex-page-col .odex-col-header h2 {
                margin: 0px 0px 0px 40px !important;
                text-align: left !important;
                color: #0d3d54 !important;
                font-size: 24px !important;
                line-height: 28px !important;
                font-weight:normal !important;
            }
        .odex-page-section .odex-page-col .odex-col-header-border {
            margin: 20px 0px 20px 0px !important;
            padding: 0px 0px 0px 0px !important;
            border-top: solid 2px #1294ba !important;
            height: 1px;
            width: 80px;
        }
        .odex-page-section .odex-page-col .odex-col-header-bg {            
            background-position: left center;
            background-repeat: no-repeat;
        }
        .odex-page-section .odex-page-col p.description {
            font-size: 18px !important;
            line-height: 28px !important;
            font-weight: normal !important;
            color: #4d5350 !important;
        }
        .odex-page-section .odex-page-col p.subheader {
            margin: 15px 0px 0px 0px !important;
            font-size: 18px !important;
            line-height: 22px !important;
            font-weight: 600 !important;
            color: #0d3d54 !important;
        }
        .odex-page-section .odex-page-col ul.simpleul {
            margin: 25px 0px 25px 0px !important;
            padding: 0px !important;
        }
            .odex-page-section .odex-page-col ul.simpleul li {
                margin: 20px 0px 15px 0px !important;
                padding: 0px 0px 0px 25px !important;
                background-image: url('../img/tick_blue_small.jpg');
                background-position: left top;
                background-repeat: no-repeat;
                background-position-x: 0px;
                background-position-y: 7px;
                font-size: 14px;
                line-height: 22px;
            }

        .odex-page-section .odex-page-col .imgbig {
            margin: 0px 0px 20px 0px !important;
            width:100%;
        }
        .odex-page-section .odex-page-col ul.managerul {
            margin: 25px 0px 25px 0px !important;
            padding: 0px !important;
        }
            .odex-page-section .odex-page-col ul.managerul li {
                margin: 0px !important;
                padding: 19px 0px 0px 50px !important;
                background-image: url('../img/plus.png') !important;
                background-position: left top !important;
                background-repeat: no-repeat !important;
                background-position-x: 25px !important;
                background-position-y: 25px !important;
                background-color: #eeeeee;
                height: 60px !important;
                font-size: 14px !important;
                font-weight: bold !important;
                line-height: 22px !important;
            }
                .odex-page-section .odex-page-col ul.managerul li.alt {
                    background-color: #dddddd !important;
                }

.features-panel-container {
    margin: 20px 0px 10px 0px;
}


    .features-panel-container .panel {
        border: solid 1px #eeeeee !important;
        background-color: #eeeeee;
        margin: 0px !important;
    }
    .features-panel-container .altpanel {
        background-color: #dddddd !important;
    }
        .features-panel-container .panel .accordion-toggle {
            padding: 0px 0px 0px 25px !important;
            background-image: url('../img/minus.png') !important;
            background-position: left center !important;
            background-repeat: no-repeat !important;
            background-position-x: 20px !important;
            background-position-y: 25px !important;
            color: #4d5250 !important;
            font-size: 14px !important;
            display: block;
            padding: 5px 0px 0px 45px !important;
        }

            .features-panel-container .panel .accordion-toggle.collapsed {
                background-image: url('../img/plus.png') !important;
            }

            .features-panel-container .panel .accordion-toggle .panel-heading {
            }

                .features-panel-container .panel .accordion-toggle .panel-heading .panel-title {
                    font-size: 14px !important;
                    font-weight: bold;
                    line-height: 50px;
                }

/*.features-panel-container {
    margin:20px 0px 10px 0px;
}

    .features-panel-container .panel {
        border: solid 1px #eeeeee !important;
        margin: 0px !important;
    }

        .features-panel-container .panel .panel-heading {
            margin: 0px !important;
        }

            .features-panel-container .panel .panel-heading .panel-title {
                margin: 0px !important;
                padding: 17px 0px 17px 20px !important;
                background-color: #eeeeee;
                font-size: 14px !important;
                font-weight: bold !important;
                line-height: 22px !important;
            }

            .features-panel-container .panel .panel-heading .accordion-toggle {
                padding: 0px 0px 0px 25px !important;
                background-image: url('../img/minus.png') !important;
                background-position: left center !important;
                background-repeat: no-repeat !important;
                background-position-x: 0px !important;
                background-position-y: 5px !important;
                color: #4d5250 !important;
            }

                .features-panel-container .panel .panel-heading .accordion-toggle.collapsed {
                    padding: 0px 0px 0px 25px !important;
                    background-image: url('../img/plus.png') !important;
                    background-position: left center !important;
                    background-repeat: no-repeat !important;
                    background-position-x: 0px !important;
                    background-position-y: 5px !important;
                    color: #4d5250 !important;
                }*/

        .features-panel-container .panel .panel-body {
            padding: 5px 10px 5px 20px !important;
            background-color: #eeeeee;
        }


        .features-panel-container .panel .panel-heading .alt {
            background-color: #dddddd;
        }

        .features-panel-container .panel .alt {
            background-color: #dddddd;
        }
        .features-panel-container .panel .panel-body h1 {
            margin: 0px 0px 15px 0px !important;
            color: #4d5250 !important;
            font-size: 14px !important;
            font-weight: bold !important;
        }

        .features-panel-container .panel .panel-body p {
            margin: 15px 0px 15px 0px !important;
        }

        .features-panel-container .panel .panel-body ul {
            margin: 15px 0px 15px 0px !important;
            padding: 0px 0px 0px 0px !important;
        }

            .features-panel-container .panel .panel-body ul li {
                padding: 0px 0px 0px 10px !important;
                margin: 5px 0px 0px 15px !important;
            }

.odextechnobox {
    padding: 20px 5px 20px 5px !important;
}
    .odextechnobox img {
        margin: 0px auto !important;
        width:100%;
    }

.odex-pricing-section {
    font-family: 'Open Sans';
}

    .odex-pricing-section .odex-pricing-box {
        border: solid 1px #f2f2f2;
        background-color: #f2f2f2;
    }

        .odex-pricing-section .odex-pricing-box .odex-pricing-header {
            margin: 0px 0px 0px 0px !important;
            padding: 0px !important;
        }
            .odex-pricing-section .odex-pricing-box .odex-pricing-header div.free {
                margin: -30px 0px 0px 0px !important;
                padding: 0px !important;
                height:95px;
                background-position:center top;
                background-repeat:no-repeat;
                position:relative;
            }

            .odex-pricing-section .odex-pricing-box .odex-pricing-header h2 {
                margin: 15px auto 5px auto !important;
                padding: 0px !important;
                color: #FFFFFF !important;
                font-size:18px;
                font-weight: bolder !important;
                text-transform:uppercase;
            }
            .odex-pricing-section .odex-pricing-box .odex-pricing-header p {
                margin: 0px 0px 0px 0px !important;
                padding: 10px !important;
                color: #FFFFFF !important;
                font-weight: normal !important;
            }
            .odex-pricing-section .odex-pricing-box .odex-pricing-header div.divline {
                margin: 10px auto 0px auto !important;
                padding: 10px !important;
                color: #FFFFFF !important;
                font-weight: normal !important;
                border-top: solid 1px #a7edff;
                height: 1px;
                width: 50px;
            }

    .odex-pricing-section .odex-pricing-box ul {
        margin: 0px !important;
        padding: 0px !important;
        list-style:none;
    }

        .odex-pricing-section .odex-pricing-box ul li {
            margin: 5px 30px 5px 30px !important;
            padding: 0px 0px 3px 0px !important;
            background-image: url('../img/dotted.png');
            background-position: left bottom;
            background-repeat: repeat-x;
            text-align: center;
            font-size: 14px;
            line-height: 30px;
            color: #FFFFFF;
        }
            .odex-pricing-section .odex-pricing-box ul li.no-border {
                background-image: none;
            }

            .odex-pricing-section .odex-pricing-box ul li.libutton {
                background-image: none;
            }

        .odex-pricing-section .odex-pricing-box ul li span {
            margin: 0px 0px 0px 30px !important;
            padding: 0px !important;
            text-align: left;
        }

            .odex-pricing-section .odex-pricing-box ul li.libutton a {
                margin: 25px auto 50px auto !important;
                padding: 18px 65px !important;
                border-radius: 0px !important;
                border-color: #1b455b !important;
                background-color: #0d3c50 !important;
                color: #FFFFFF !important;
                font-size: 20px !important;
                font-weight: normal !important;
                text-align: center !important;
            }


.odex-contact-fullpage {
    min-height: 200px;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    background-color: #f2f2f2;
    border: solid 1px #f2f2f2;
}

    .odex-contact-fullpage .container {
        margin: 0px auto 0px auto !important;
        max-width: 1200px !important;
    }

        .odex-contact-fullpage .container .contact-header-wrapper {
            margin: 0px auto 20px auto !important;
            width: 90% !important;
        }



        .odex-contact-fullpage .container .contact-header {
            margin: 0px auto 0px auto !important;
            padding: 80px 0px 20px 0px !important;
            color: #000000 !important;
        }

        .odex-contact-fullpage .container .contact-sub-header {
            margin: 0px auto 50px auto !important;
            padding: 0px 0px 0px 0px !important;
            font-size: 14px !important;
            color: #000000 !important;
        }

        .odex-contact-fullpage .container .row {
            margin: 100px auto !important;
            color: #000000 !important;
            font-size: 14px !important;
        }

            .odex-contact-fullpage .container .row p.header {
                margin: 0px auto 35px auto !important;
                color: #000000 !important;
                font-size: 20px !important;
                font-weight: bold !important;
            }
            .odex-contact-fullpage .container .row p.header2 {
                margin: 60px auto 20px auto !important;
                color: #000000 !important;
                font-size: 20px !important;
                font-weight: bold !important;
            }

            .odex-contact-fullpage .container .row p {
                margin: 0px auto !important;
                color: #000000 !important;
                font-size: 15px !important;
                line-height: 20px;
            }

                .odex-contact-fullpage .container .row p label {
                    margin: 15px auto 0px auto !important;
                    color: #000000 !important;
                    font-size: 15px !important;
                    font-weight: normal !important;
                    line-height: 40px;
                }

                .odex-contact-fullpage .container .row p input {
                    border: solid 1px #cccccc;
                    height: 40px;
                    background-color: #ffffff;
                    width: 100%;
                    max-width: 650px;
                    color: #4a5350;
                    padding: 0px 10px 0px 10px;
                    font-size: 16px !important;
                    font-weight: normal !important;
                }

                .odex-contact-fullpage .container .row p textarea {
                    border: solid 1px #cccccc;
                    height: 40px;
                    background-color: #ffffff;
                    width: 100%;
                    max-width: 650px;
                    color: #4a5350;
                    padding: 0px 10px 0px 10px;
                    font-size: 16px !important;
                    font-weight: normal !important;
                    height: 200px;
                }

                .odex-contact-fullpage .container .row p select {
                    border: solid 1px #cccccc;
                    height: 40px;
                    background-color: #ffffff;
                    width: 100%;
                    max-width: 650px;
                    color: #4a5350;
                    padding: 0px 10px 0px 10px;
                    font-size: 16px !important;
                    font-weight: normal !important;
                }

                .odex-contact-fullpage .container .row p.fields {
                    margin: 15px auto 0px auto !important;
                    color: #000000 !important;
                    font-size: 15px !important;
                    font-weight: normal !important;
                    line-height: 40px;
                }

                .odex-contact-fullpage .container .row p.title {
                    margin: 15px auto 0px auto !important;
                    color: #000000 !important;
                    font-size: 15px !important;
                    font-weight: bold !important;
                }

            .odex-contact-fullpage .container .row .textbox {
                border: solid 1px #cccccc;
                height: 40px;
                background-color: #ffffff;
                width: 100%;
                max-width: 650px;
                color: #4a5350;
                padding: 0px 10px 0px 10px;
                font-size: 16px !important;
                font-weight: bold !important;
                opacity: 0.90;
            }

            .odex-contact-fullpage .container .row .ddl {
                border: solid 1px #cccccc;
                height: 40px;
                background-color: #ffffff;
                width: 100%;
                max-width: 650px;
                color: #4a5350;
                padding: 0px 10px 0px 10px;
                font-size: 16px !important;
                font-weight: bold !important;
                opacity: 0.90;
            }

            .odex-contact-fullpage .container .row .btn {
                margin-top: 15px !important;
                padding: 10px 25px 10px 25px !important;
                border-radius: 0px !important;
                border-top: solid 1px #5698b0;
                border-right: solid 1px #117899;
                border-bottom: solid 1px #8eb8c8;
                border-left: solid 1px #c2d5dc;
                background-color: #117899;
                color: #FFFFFF !important;
                font-weight: normal !important;
                font-size: 18px !important;
            }

.whyodex {
    border: solid 1px #00a8d3 !important;
    padding: 30px 20px 20px 20px !important;
    margin: 19px 0px 0px 0px !important;
    background-color: #00a8d3;
    max-width:340px;
}
    .whyodex h1 {
        padding: 0px 0px 0px 0px !important;
        margin: 0px 0px 0px 0px !important;
        text-transform:uppercase;
        font-size:20px;
        line-height:30px;
        color:#FFFFFF;
        font-weight:bold;
    }
    .whyodex ul {        
        padding: 0px 0px 0px 0px !important;
        margin: 0px 0px 0px 0px !important;
        list-style:none;
        list-style-image:repeating-radial-gradient();
        
    }
        .whyodex ul li {
            margin: 20px 0px 15px 0px !important;
            padding: 0px 0px 0px 35px !important;
            background-image: url('../img/tick_white_small.jpg');
            background-position: left top;
            background-repeat: no-repeat;
            background-position-x: 0px;
            background-position-y: 10px;
            font-size: 20px;
            line-height: 30px;
            color: #FFFFFF;
        }