/*
 *  Document   : main.css
 *  Author     : Tretanz
 *  Description: The main stylesheet of the template
 *
 *  Structure (with shortcodes):
 *      (#m01mls) MAIN LAYOUT
 *      (#m02hds) HEADER
 *      (#m03mcs) MAIN CONTENT
 *      (#m04bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
 *      (#m05ths) THEME
 *      (#m06hes) HELPERS
 *      (#m07res) RESPONSIVE
 *      (#m08rts) RETINA
 */

/*
=================================================================
(#m01mls) MAIN LAYOUT
=================================================================
*/

/* Include Open Sans font from Google Web Fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic');

body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #353535;
    background-color: #ffffff;
}

#page-container {
    margin: 0 auto;
    width: 100%;
}


.middle_area_top {
    background: -webkit-linear-gradient(#115683, #0084BC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#115683, #0084BC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#115683, #0084BC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#115683, #0084BC); /* Standard syntax */
    border-radius: 15px 15px 15px 15px;  
    border-left:5px solid #ffffff; 
    border-right:5px solid #ffffff; 
    width: 400px; 
    padding: 20px; 
    text-align: center; 
    font-size: 24px;
    box-shadow: -7px 0 10px #555;
}

.middle_area_center {
    background: RGBA(0, 130, 190, 0.7);
    border-left:5px solid #ffffff; 
    border-right:5px solid #ffffff; 
    border-radius: 15px 15px 15px 15px;
    width: 400px; 
    padding: 15px; 
    text-align: center; 
    font-size: 12px;
    box-shadow: -7px 0 10px #555;
	/*transform: rotate(-3deg);*/
}

.middle_area_bottom {
    background: RGBA(0, 130, 190, 0.7);
    border-radius: 15px 15px 15px 15px;  
    border-left:5px solid #ffffff; 
    border-right:5px solid #ffffff;
    border-bottom:2px solid #ffffff; 
    width: 400px; 
    padding: 10px; 
    text-align: center; 
    font-size: 12px;
    box-shadow: -7px 0 10px #555;
}

/*
=================================================================
(#m02hds) HEADER
=================================================================
*/

header {
    position: fixed;
    top: 10px;
    left: 0;
    right: 0;
    padding: 10px 0;
    color: #ffffff;
    /*background: url('../Images_2/template/ie8_opacity_dark_20.png');*/
    background: RGBA(0, 132, 188, 0.9);
    z-index: 1000;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

/*Bilal menu haut*/
    header.header-scroll {
        padding: 10px 0;
        /*background: url('../Images_2/template/ie8_opacity_dark_60.png');*/
        background: RGBA(0, 132, 188, 0.9);
    }

        header.header-scroll:hover {
            background: background: RGBA(0, 132, 188, 0.9);
            padding: 10px 0;
        }

/* Logo */
a.site-logo {
    display: block;
    float: left;
    color: #ffffff;
    font-size: 24px;
    line-height: 34px;
    border: 1px solid #11728A;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 5px;
}

    a.site-logo:hover {
        color: #ffffff;
        text-decoration: none;
    }


/* Menu */
header nav {
    float: right;
}

.site-nav {
    position: fixed;
    top: 0;
    right: -260px;
    bottom: 0;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 250px;
    background: #353535;
    z-index: 1001;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

    .site-nav.site-nav-visible {
        right: 0;
    }

    .site-nav a {
        display: block;
        font-size: 13px;
        color: #ffffff;
        font-weight: 600;
        padding: 0 10px;
        margin: 2px 5px;
        height: 34px;
        line-height: 34px;
        border-radius: 3px;
        text-transform: uppercase;
    }

        .site-nav a:hover {
            color: #333333;
            background: #ffffff;
            text-decoration: none;
        }

        .site-nav a.active,
        .site-nav a.active:hover,
        .site-nav li.active > a {
            color: #ffffff;
            background: url('../Images_2/template/ie8_opacity_dark_40.png');
            background: rgba(0, 0, 0, 0.4);
        }

    .site-nav i {
        font-size: 14px;
    }

        .site-nav i.site-nav-arrow {
            float: right;
            line-height: 34px;
            margin-left: 10px;
        }

    /* Submenu */
    .site-nav ul {
        list-style: none;
        margin: 0;
        padding: 0 0 0 10px;
    }

        .site-nav ul a {
            color: #dddddd;
            text-transform: none;
            height: auto;
            line-height: normal;
            padding-top: 5px;
            padding-bottom: 5px;
        }

/*
=================================================================
(#m03mcs) MAIN CONTENT
=================================================================
*/

/* Main Structure */
.site-section {
    padding: 50px 0;
}

.site-block {
    margin-bottom: 49px;
}

.site-heading {
    margin: 0 0 29px;
}

.site-content {
    background-color: #ffffff;
    padding-bottom: 1px;
}

.site-section-top {
    padding-top: 114px;
    overflow: hidden;
    color: #333333;
}

.site-section-light {
    color: #ffffff;
}

.site-slide-content {
    overflow-x: hidden;
}


/* Footer */
.site-footer {
    color: #656565;
    padding-top: 11px;
    padding-bottom: 8px;
    background-color: #252525;
}


.footer-nav a {
    color: #777777;
    -webkit-transition: all ease-out 0.15s;
    transition: all ease-out 0.15s;
}

    .footer-nav a:hover {
        text-decoration: none;
    }


/* Gallery */
.gallery img, .gallery a img, .gallery-image img, a[data-toggle="lightbox-image"] img {
    max-width: 100%;
}

a[data-toggle="lightbox-image"],
a.gallery-link {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

    .gallery a:hover img,
    .gallery-image:hover img,
    a[data-toggle="lightbox-image"]:hover img {
        opacity: 0.75;
        filter: alpha(opacity=75);
    }


.gallery > .row > div {
    margin-bottom: 15px;
}


/* Circles */
.circle {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    display: inline-block;
    font-size: 42px;
    color: #ffffff;
    border-radius: 50px;
    margin-bottom: 15px;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

    .circle:hover {
        color: #ffffff;
        text-decoration: none;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    .circle .gi,
    .circle .hi,
    .circle .si,
    .circle .fi {
        margin-top: -7px;
    }

/* Row Items */
.row-items > div {
    margin-bottom: 49px;
}

/* Scroll to top link */
#to-top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 30px;
    border-radius: 3px;
    padding: 0 12px 3px;
    font-size: 28px;
    text-align: center;
    color: #000000;
    background-color: #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    #to-top:hover {
        color: #ffffff;
        background-color: #1bbae1;
        text-decoration: none;
        opacity: 1;
        filter: alpha(opacity=100);
    }

/*
=================================================================
(#m04bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
=================================================================
*/

/* Typography */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
    font-weight: 300;
}

strong {
    font-weight: 600;
}

a,
a:hover,
a:focus,
.text-primary,
.text-primary:hover {
    color: #1bbae1;
}


p {
    line-height: 1.7;
}


ul.ul-breath li {
    margin-bottom: 7px;
}
/* Tables */


.table thead > tr > th {
    font-size: 18px;
    font-weight: 600;
}

    .table thead > tr > th > small {
        font-weight: 400;
        font-size: 75%;
    }

.table thead > tr > th,
.table thead > tr > td,
.table tfoot > tr > th,
.table tfoot > tr > td {
    padding-top: 14px;
    padding-bottom: 14px;
}

.table tfoot > tr > th,
.table tfoot > tr > td {
    background-color: #f9f9f9;
}


.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td,
.table tbody + tbody,
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border-color: #f2f2f2;
}


/* Forms */
label {
    font-weight: 600;
}


input[type="file"] {
    padding-top: 7px;
}

input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
textarea.form-control {
    -webkit-appearance: none;
}

.form-control {
    font-size: 13px;
    padding: 6px 8px;
    max-width: 100%;
    margin: 1px 0;
    color: #353535;
    border-color: #dddddd;
}


.form-control:focus {
    border-color: #1bbae1;
}

.help-block {
    color: #777777;
    font-weight: 400;
}


.form-bordered .form-group {
    margin: 0;
    border: none;
    padding: 15px;
    border-bottom: 1px dashed #eaedf1;
}

    .form-bordered .form-group.form-actions {
        background-color: #f9fafc;
        border-bottom: none;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.form-horizontal.form-bordered .form-group {
    padding-left: 0;
    padding-right: 0;
}

.form-bordered .help-block {
    margin-bottom: 0;
}

.has-success .form-control,
.has-warning .form-control,
.has-error .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-success .help-block,
.has-success .control-label,
.has-success .input-group-addon,
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .radio,
.has-success .radio-inline {
    color: #27ae60;
}

.has-success .form-control,
.has-success .input-group-addon {
    border-color: #27ae60;
    background-color: #ffffff;
}

    .has-success .form-control:focus {
        border-color: #166638;
    }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .input-group-addon,
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .radio,
.has-warning .radio-inline {
    color: #e67e22;
}


.has-error .help-block,
.has-error .control-label,
.has-error .input-group-addon,
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .radio,
.has-error .radio-inline {
    color: #e74c3c;
}

.has-error .form-control,
.has-error .input-group-addon {
    border-color: #e74c3c;
    background-color: #ffffff;
}

    .has-error .form-control:focus {
        border-color: #c0392b;
    }

/* Buttons */
.btn {
    margin: 1px 0;
    border-width: 0;
    background-color: #ffffff;
    -webkit-transition: all ease-out 0.15s;
    transition: all ease-out 0.15s;
}

.input-group-btn .btn {
    border-width: 1px;
}

.btn .gi,
.btn .hi,
.btn .si,
.btn .fi {
    line-height: 1;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.input-group .btn,
.modal-content .btn {
    margin-top: 0;
    margin-bottom: 0;
}

.btn-default {
    background-color: #f1f1f1;
    border-color: #eeeeee;
    color: #353535;
}

    .btn-default.btn-alt {
        background-color: #ffffff;
    }

    .btn-default:hover {
        background-color: #dddddd;
        border-color: #cccccc;
    }

    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .btn-default.dropdown-toggle {
        background-color: #eaedf1;
        border-color: #eaedf1;
    }

    .btn-default.disabled,
    .btn-default.disabled:hover,
    .btn-default.disabled:focus,
    .btn-default.disabled:active,
    .btn-default.disabled.active,
    .btn-default[disabled]:hover,
    .btn-default[disabled]:focus,
    .btn-default[disabled]:active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default:hover,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:active,
    fieldset[disabled] .btn-default.active {
        background-color: #eaedf1;
        border-color: #eaedf1;
    }

.btn-primary {
    background-color: #6ad2eb;
    border-color: #1bbae1;
    color: #ffffff;
}

    .btn-primary.btn-alt {
        background-color: #ffffff;
        color: #1bbae1;
    }

    .btn-primary:hover {
        background-color: #1bbae1;
        border-color: #1593b3;
        color: #ffffff;
    }

    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .btn-primary.dropdown-toggle {
        background-color: #1bbae1;
        border-color: #1bbae1;
        color: #ffffff;
    }

    .btn-primary.disabled,
    .btn-primary.disabled:hover,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled]:hover,
    .btn-primary[disabled]:focus,
    .btn-primary[disabled]:active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary:hover,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary:active,
    fieldset[disabled] .btn-primary.active {
        background-color: #1bbae1;
        border-color: #1bbae1;
        color: #ffffff;
    }

.btn-danger {
    background-color: #ef8a80;
    border-color: #e74c3c;
    color: #ffffff;
}

    .btn-danger.btn-alt {
        background-color: #ffffff;
        color: #e74c3c;
    }

    .btn-danger:hover {
        background-color: #e74c3c;
        border-color: #9c3428;
        color: #ffffff;
    }

    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .open .btn-danger.dropdown-toggle {
        background-color: #e74c3c;
        border-color: #e74c3c;
        color: #ffffff;
    }

    .btn-danger.disabled,
    .btn-danger.disabled:hover,
    .btn-danger.disabled:focus,
    .btn-danger.disabled:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled]:hover,
    .btn-danger[disabled]:focus,
    .btn-danger[disabled]:active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger:hover,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger:active,
    fieldset[disabled] .btn-danger.active {
        background-color: #e74c3c;
        border-color: #e74c3c;
        color: #ffffff;
    }

.btn-warning {
    background-color: #f7be64;
    border-color: #f39c12;
    color: #ffffff;
}

    .btn-warning.btn-alt {
        background-color: #ffffff;
        color: #f39c12;
    }

    .btn-warning:hover {
        background-color: #f39c12;
        border-color: #b3730c;
        color: #ffffff;
    }

    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .open .btn-warning.dropdown-toggle {
        background-color: #f39c12;
        border-color: #f39c12;
        color: #ffffff;
    }

    .btn-warning.disabled,
    .btn-warning.disabled:hover,
    .btn-warning.disabled:focus,
    .btn-warning.disabled:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled]:hover,
    .btn-warning[disabled]:focus,
    .btn-warning[disabled]:active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning:hover,
    fieldset[disabled] .btn-warning:focus,
    fieldset[disabled] .btn-warning:active,
    fieldset[disabled] .btn-warning.active {
        background-color: #f39c12;
        border-color: #f39c12;
        color: #ffffff;
    }

.btn-startconverting {
    background: url('../Images/startconverting_1.png');
    width: 350px;
    height: 95px;
    color: #ffffff;
    padding-top: 25px;
    padding-left: 60px;
    font-size: 18px;
}

    .btn-startconverting:hover {
        background: url('../Images/startconverting_2.png');
        width: 350px;
        height: 95px;
        border-color: #7db831;
        color: #ffffff;
        padding-top: 25px;
        padding-left: 60px;
        font-size: 18px;
    }

.btn-success {
    background-color: #aad178;
    border-color: #7db831;
    color: #ffffff;
}

    .btn-success.btn-alt {
        background-color: #ffffff;
        color: #7db831;
    }

    .btn-success:hover {
        background-color: #7db831;
        border-color: #578022;
        color: #ffffff;
    }

    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open .btn-success.dropdown-toggle {
        background-color: #7db831;
        border-color: #7db831;
        color: #ffffff;
    }

    .btn-success.disabled,
    .btn-success.disabled:hover,
    .btn-success.disabled:focus,
    .btn-success.disabled:active,
    .btn-success.disabled.active,
    .btn-success[disabled]:hover,
    .btn-success[disabled]:focus,
    .btn-success[disabled]:active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success:hover,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success:active,
    fieldset[disabled] .btn-success.active {
        background-color: #7db831;
        border-color: #7db831;
        color: #ffffff;
    }

.btn-info {
    background-color: #7abce7;
    border-color: #3498db;
    color: #ffffff;
}

    .btn-info.btn-alt {
        background-color: #ffffff;
        color: #3498db;
    }

    .btn-info:hover {
        background-color: #3498db;
        border-color: #2875a8;
        color: #ffffff;
    }

    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open .btn-info.dropdown-toggle {
        background-color: #3498db;
        border-color: #3498db;
        color: #ffffff;
    }

    .btn-info.disabled,
    .btn-info.disabled:hover,
    .btn-info.disabled:focus,
    .btn-info.disabled:active,
    .btn-info.disabled.active,
    .btn-info[disabled]:hover,
    .btn-info[disabled]:focus,
    .btn-info[disabled]:active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info:hover,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info:active,
    fieldset[disabled] .btn-info.active {
        background-color: #3498db;
        border-color: #3498db;
        color: #ffffff;
    }

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link.btn-icon:hover,
.btn-link.btn-icon:focus {
    color: #1bbae1;
}

    .btn-link.btn-icon {
        color: #999999;
    }

        .btn-link.btn-icon:hover,
        .btn-link.btn-icon:focus {
            text-decoration: none;
        }

/* Labels, Badges */
.label,
.badge {
    font-weight: normal;
    font-size: 90%;
}

.label {
    padding: 1px 4px;
}


.label-warning {
    background-color: #EFBB1C;
}

    .label-warning[href]:hover,
    .label-warning[href]:focus {
        background-color: #ff8b26;
    }


.label-info {
    background-color: #2980b9;
}

    .label-info[href]:hover,
    .label-info[href]:focus {
        background-color: #2f92d4;
    }

.label-primary {
    background-color: #1bbae1;
}

    .label-primary[href]:hover,
    .label-primary[href]:focus {
        background-color: #5ac5e0;
    }


/* Alerts */
.alert {
    border-top-width: 0;
    border-right-width: 2px;
    border-bottom-width: 0;
    border-left-width: 2px;
}

.alert-danger {
    color: #e74c3c;
    background-color: #ffd1cc;
    border-color: #ffb8b0;
}

    .alert-danger .alert-link {
        color: #e74c3c;
    }

.alert-warning {
    color: #e67e22;
    background-color: #ffe4cc;
    border-color: #ffd6b2;
}

    .alert-warning .alert-link {
        color: #e67e22;
    }

.alert-success {
    color: #27ae60;
    background-color: #daf2e4;
    border-color: #b8e5cb;
}

    .alert-success .alert-link {
        color: #27ae60;
    }

.alert-info {
    color: #3498db;
    background-color: #dae8f2;
    border-color: #b8d2e5;
}

    .alert-info .alert-link {
        color: #3498db;
    }

.alert-dismissable .close {
    top: -5px;
    right: -25px;
}

.close {
    text-shadow: none;
}

/* Carousel */
.carousel-control {
    width: 60px;
}

    .carousel-control.left,
    .carousel-control.right,
    .carousel-control.left.no-hover:hover,
    .carousel-control.right.no-hover:hover {
        background: none;
        filter: none;
    }

        .carousel-control.left:hover,
        .carousel-control.right:hover {
            background: url('../Images_2/template/ie8_opacity_dark_20.png') repeat;
            background: rgba(0, 0, 0, 0.1);
            filter: none;
        }

    .carousel-control span {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        display: inline-block;
        text-shadow: none;
    }

    .carousel-control i {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
    }


.carousel-html .carousel-indicators {
    bottom: -20px;
}

    .carousel-html .carousel-indicators li {
        background-color: #dddddd;
    }

    .carousel-html .carousel-indicators .active {
        background-color: #1bbae1;
    }


.carousel-home {
    margin-bottom: 0 !important;
}

    .carousel-home img {
        max-width: 100%;
    }

/* Nav */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    color: #fff;
    background-color: #1bbae1;
}

.nav > li i {
    font-size: 14px;
}

.nav-pills > .active > a > .badge {
    color: #1bbae1;
}


.nav .caret,
.nav a:hover .caret,
.nav a:focus .caret {
    border-top-color: #1bbae1;
    border-bottom-color: #1bbae1;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #f9fafc;
}


        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            color: #394263;
            border-color: #eaedf1;
            border-bottom-color: transparent;
        }

.nav-pills > li.active > a > .badge {
    background: url('../Images_2/template/ie8_opacity_dark_20.png') repeat;
    background: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}
/* Pagination & Pager */


.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #1bbae1;
    font-weight: 600;
}


.pager > li.disabled > a:hover {
    border-color: #eaedf1;
}

/* Bottom Margin */
p, .table, .alert, .carousel {
    margin-bottom: 20px;
}

/* Removing shadows and radius */
.navbar-form,
.navbar-collapse,
.form-control,
.form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus,
.popover,
.progress,
.progress-bar,
.btn.active,
.open .btn.dropdown-toggle,
.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*
=================================================================
(#m05ths) THEME
=================================================================
*/
/* Default Color Theme specific colors */

/*Bilal*/

.themed-background {
    background-color: #0085BA;
}


/*
=================================================================
(#m06hes) HELPERS
=================================================================
*/

.push-bit {
    margin-bottom: 30px;
}

.push {
    margin-bottom: 49px;
}


.remove-margin {
    margin-bottom: 0;
}


.visibility-none {
    visibility: hidden;
}

:focus {
    outline: 0 !important;
}

/*
=================================================================
(#m07res) RESPONSIVE
=================================================================
*/

/* Small devices, Tablets (>767px) */
@media screen and (min-width: 768px) {
/* General */
}

/* Medium devices, Desktops (>991px) */
@media screen and (min-width: 992px) {


    /* Menu */
    .site-nav {
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        overflow-y: visible;
        width: auto;
        background: transparent;
        z-index: auto;
        -webkit-transition: none;
        transition: none;
    }

        .site-nav li {
            float: left;
            padding: 0;
            margin-left: 10px;
            position: relative;
        }

        .site-nav a {
            margin: 0;
        }

        .site-nav li:hover > ul {
            display: block;
        }

        .site-nav li.active > a {
            border-radius: 3px;
        }

        .site-nav a.site-nav-sub,
        .site-nav li.active:hover > a.site-nav-sub {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .site-nav > li:hover > a,
        .site-nav > li.active:hover > a {
            color: #333333;
            background: #ffffff;
            text-decoration: none;
        }

        .site-nav a.site-nav-sub {
            padding-right: 30px;
        }

        .site-nav i.site-nav-arrow {
            margin: 0 -20px 0 0;
        }

        .site-nav ul {
            display: none;
            position: absolute;
            left: 0;
            top: 34px;
            padding: 2px 0;
            width: 160px;
            background-color: #ffffff;
            border-radius: 3px;
            border-top-left-radius: 0;
            -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
        }

        .site-nav li:last-child ul {
            left: auto;
            right: 0;
            border-radius: 3px;
            border-top-right-radius: 0;
        }

        .site-nav ul li {
            float: none;
            margin: 0;
            padding: 1px 3px;
        }

        .site-nav ul a {
            color: #333333;
        }

            .site-nav ul a:hover {
                background-color: #eeeeee;
            }

            .site-nav ul a.active,
            .site-nav ul a.active:hover {
                background-color: #454545;
            }
}

/* Large devices, Desktops (>1199px) */
@media screen and (min-width: 1200px) {
/* General */
}

/*
=================================================================
(#m08rts) RETINA
=================================================================
*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
    /* If you did use a CSS image background, you can put your high resolution image here */

}


/* ---------------------------------------------------------------------- */
/* Generic
/* ---------------------------------------------------------------------- */
#polyglotLanguageSwitcher, #polyglotLanguageSwitcher * {
    margin: 0;
    padding: 0;
    outline: none;
}

    #polyglotLanguageSwitcher ul {
        list-style: none;
    }

#polyglotLanguageSwitcher {
    font-size: 12px;
    color: #444;
    line-height: normal;
    position: relative; /* sets the initial position for the drop-down menu */
    z-index: 100;
}

    #polyglotLanguageSwitcher form {
        display: none;
    }

    /* ---------------------------------------------------------------------- */
    /* JS-created Code
/* ---------------------------------------------------------------------- */
    #polyglotLanguageSwitcher a {
        text-decoration: none;
        display: block;
        padding: 0.5em 6px 0.5em 28px; /* 6px 6px 6px 28px */
        color: #444;
        width: 8em; /* 84px; total width: 120px */
        background-repeat: no-repeat;
        background-position: 6px center;
    }

        #polyglotLanguageSwitcher a:hover {
            color: #000;
        }

        #polyglotLanguageSwitcher a.current:link, #polyglotLanguageSwitcher a.current:visited, #polyglotLanguageSwitcher a.current:active {
            position: relative; /* sets the initial position for the trigger arrow */
            background-color: #FFF;
            border: 1px solid #E5E5E5;
            border-radius: 3px;
            height: 2.50em; /* 15px */
            line-height: 17px;
        }

        #polyglotLanguageSwitcher a.current:hover,
        #polyglotLanguageSwitcher ul.dropdown li:hover {
            background-color: #F7F7F7;
        }

        #polyglotLanguageSwitcher a.active { /* This style is applied as long as the drop-down menu is visible. */
            border-bottom: none !important;
            border-radius: 3px 3px 0 0 !important;
        }

    #polyglotLanguageSwitcher span.trigger {
        display: block;
        position: absolute;
        width: 9px;
        height: 5px;
        text-indent: -10000em;
        top: 0.5em; /* 6px */
        right: 6px;
    }

    #polyglotLanguageSwitcher a.current:link span.trigger, #polyglotLanguageSwitcher a.current:visited span.trigger {
        background: url(../images/arrow-down.gif) no-repeat left top;
    }

    #polyglotLanguageSwitcher a.current:hover span.trigger, #polyglotLanguageSwitcher a.current:active span.trigger, #polyglotLanguageSwitcher a.active span.trigger {
        background-position: left bottom !important;
    }

    /* Drop-Down Menu */

    #polyglotLanguageSwitcher ul.dropdown {
        display: none;
        position: absolute;
        top: 2.75em; /* 28px */
        left: 0;
        background-color: #FFF;
        border: 1px solid #E5E5E5;
        border-top: none !important;
        border-radius: 0 0 3px 3px;
    }

        #polyglotLanguageSwitcher ul.dropdown li {
            border-top: 1px dotted #D4D4D4;
        }

            #polyglotLanguageSwitcher ul.dropdown li:last-child {
                border-radius: 0 0 3px 3px;
            }

/* Flags */

#en {
    background-image: url(../Images_2/flag/gb.png);
}

#fr {
    background-image: url(../Images_2/flag/fr.png);
}

#cn {
    background-image: url(../Images_2/flag/cn.png);
}

#es {
    background-image: url(../Images_2/flag/es.png);
}

#sa {
    background-image: url(../Images_2/flag/sa.png);
}

#jp {
    background-image: url(../Images_2/flag/jp.png);
}

#de {
    background-image: url(../Images_2/flag/de.png);
}



/* Custome Css */
.ptw_box {
    border: 1px solid #fff;
    padding: 10px 10px 10px 50px;
    margin: 10px;
}

.flink {
    padding: 5px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    margin: 10px 0px;
    position: relative !important;
    bottom: 10px !important;
}

.cicon {
    color: #1BBAE1;
    font-size: 25px;
}

.jina_format .fa {
    font-size: 50px;
}


@media screen and (max-width:420px) {
    .flink {
        display: block;
    }
}

.site--nav {
    position: fixed;
    top: 0;
    right: -260px;
    bottom: 0;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 250px;
    background: #353535;
    z-index: 1001;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}


    .site--nav a {
        display: block;
        font-size: 13px;
        color: #ffffff;
        font-weight: 600;
        padding: 0 10px;
        margin: 2px 5px;
        height: 34px;
        line-height: 34px;
        border-radius: 3px;
        text-transform: uppercase;
    }

        .site--nav a:hover {
            color: #333333;
            background: #ffffff;
            text-decoration: none;
        }

        .site--nav a.active,
        .site--nav a.active:hover,
        .site--nav li.active > a {
            color: #ffffff;
            background: url('../Images_2/template/ie8_opacity_dark_40.png');
            background: rgba(0, 0, 0, 0.4);
        }

@media screen and (min-width:992px) {

    .site--nav {
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        overflow-y: visible;
        width: auto;
        background: transparent;
        z-index: auto;
        -webkit-transition: none;
        transition: none;
        border: 1px solid #ffffff;
    }

        .site--nav li {
            float: left;
            padding: 0;
            margin-left: 10px;
            position: relative;
        }

        .site--nav a {
            margin: 0;
        }


        .site--nav li.active > a {
            border-radius: 3px;
        }

        .site--nav a.site--nav-sub,
        .site--nav li.active:hover > a.site--nav-sub {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .site--nav > li:hover > a,
        .site--nav > li.active:hover > a {
            color: #333333;
            background: #ffffff;
            text-decoration: none;
        }


            .site--nav ul a.active,
            .site--nav ul a.active:hover {
                background-color: #454545;
            }
}