@charset "utf-8";
/* CSS Document */
/* Handcrafted by Ramit Arora http://iamramit.com , http://www.ddeveloperz.com */

/*-------------------------------------------------------------------------
@BROWSER RESET
-------------------------------------------------------------------------*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, input, textarea {
    margin: 0;
    padding: 0;
}

input, textarea, object {
    outline: none;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

button, a img, fieldset, input, textarea {
    border: 0;
}

textarea {
    overflow: auto;
}

address {
    font-style: normal;
}

cite {
    font-style: normal;
}

abbr, acronym {
    border-bottom: 1px dotted;
    cursor: help;
}


/*-------------------------------------------------------------------------
@TOOLKIT
-------------------------------------------------------------------------*/
.floatNone {
    float: none;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clearLeft {
    clear: left;
}

.clearRight {
    clear: right;
}

.clearBoth {
    clear: both;
}

.noBg {
    background: none !important;
}

.noBgColor {
    background-color: inherit !important;
}

.noMargin {
    margin: 0 !important;
}

.noPadding {
    padding: 0 !important;
}

.noBorder {
    border: 0 !important;
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}

.hideText {
    display: block;
    text-indent: -9999px;
}

.Textcenter {
    text-align: center;
}

.nounderline {
    text-decoration: none;
}

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

.clearfix {
    display: inline-block;
}

.centered {
    margin: 0 auto;
}


.overflow-hide {
    overflow: hidden;
}


/*-------------------------------------------------------------------------
@LAYOUT
-------------------------------------------------------------------------*/
body {
    background: #fff;
    font-family: Helvetica, sans-serif;
}



/*-------------------------------------------------------------------------
@COMMON ELEMENTS (buttons etc)
-------------------------------------------------------------------------*/
.container {
    padding: 15px 0px;
}

#header {
    border-top:solid 3px #0d76c8;
}

    #header li {
        float: right;
    }

#logo {
    text-align: center;
}

    #logo img {
        width: 100%;
    }

#menu {
    float: right;
}

    #menu li a {
        color: #fff;
        font-size: 24px;
        display: inline-block;
        padding: 0px 5px;
        margin-left: 14px;
        cursor: pointer;
    }

        #menu li a:hover, #menu li a.active {
            background: #1c496c;
        }

        .horizontal-center-self {
            margin-right: auto !important;
            margin-left: auto !important;
        }

        .manual-positioin {
            position: absolute;
        }

        .full-width {
            left: 0px;
            right: 0px;
        }

        .background-style {
            background-color: white;
        }

        .theme-style {
            background-color: #0d76c8 !important;
        }

        /*This style help the start page to stay working the same as it were before the new design.*/
        #header .container {
            background-color: transparent;
        }

        #footer .container {
            background-color: transparent;
        }

        #footer .footlinks ul {
            margin-left: 60px;
        }

        .spacial-content {
        }

        .container {
            width: 1024px;
        }

        #header .active {
            background: none !important;
            border-bottom: solid white 3px;
        }

        .menu a:hover {
            background: none !important;
            border-bottom: solid white 3px;
            text-decoration: none;
        }
        
#header .head_link {
    cursor:pointer;
    background: #084d89;
    font-size: 16px;
    
    letter-spacing:0.25px;
    padding: 0px 5px;
    padding-left: 15px;
    color: white !important;
    font-weight: normal;
    position: relative;
    display: inline-block;
    width:13 0px;
    height:39px;
    line-height:39px;
    top:-5px;
    z-index:20;
    outline:none;
}

#header .head_link:hover path{
    stroke:red;
}

#header .shadow{
    background: url(../img/start-screen/pass_shadow_top_menu.png)
}


    /*#header .head_link:before {
        position: absolute;
        content: "";
        border-left: 7px solid transparent;
        border-right: 13px solid #fff;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        left: 2px;
        top: 12px;
    }*/

#header .container {
    padding: 5px 0;
}

#header .fb_social {
    width: 43px;
    height: 43px;
    float: right;
    display: inline-block;
    background: url(../site-images/fbico.png) no-repeat center;
}

#functions, #features {
    background: #e7e7e7;
}

    #functions .container {
        padding-bottom: 35px;
    }

    #functions h1 {
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 40px;
    }

    #features .container {
        border-top: 1px solid #ccc;
    }

    #functions .col-md-4 h3 {
        float: left;
        width: 100%;
        font-size: 22px;
        font-weight: bold;
    }

    #functions .col-md-4 {
        border-right: 1px solid #e7e7e7;
    }

        #functions .col-md-4 img {
            float: right;
            margin-right: 20px;
        }

        #functions .col-md-4:last-child {
            border: none;
        }

            #functions .col-md-4:last-child img {
            }

    #features ul li {
        font-size: 20px;
        line-height: 24px;
        background: url(../img/start-screen/icon_v.png) no-repeat right center;
        padding-right: 24px;
    }

    #features h3 {
        font-size: 35px;
        color: #000;
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        margin-bottom: 20px;
    }

    #features .floatRight {
        width: 80%;
    }

    #features .floatLeft {
        width: 17%;
    }

#footer {
    background: #367cb2;
    border-top: 1px solid #fff;
}

    #footer .container {
        padding: 30px 0;
    }

    #footer .footlinks ul {
        margin: 10px auto;
        float: left;
        overflow: hidden;
    }

    #footer .footlinks ul li {
        float: right;
        color: #fff;
    }

    #footer .footlinks ul li a {
        color: #fff;
        display: inline-block;
        padding: 0 7px;
    }            

    #footer .footlinks p {
        text-align: center;
        color: #fff;
    }

    /*-----------------------------*/

    /*#footer .footlinks div {
        margin: 10px auto;
        float: left;
        overflow: hidden;
    }

    #footer .footlinks div span {
        float: right;
        color: #fff;
    }*/

    #footer .footlinks div span a {
        color: #fff;
        display: inline-block;
        padding: 0 7px;
    }            

    /*-----------------------------*/

    #footer .socials {
        text-align: center;
    }

    #footer .socials li {
        float: left;
        margin-right: 10px;
    }

    #footer .socials li a {
        display: inline-block;
        width: 42px;
        height: 42px;
    }


    #footer .socials li.fbico a {
        background: url(../site-images/fbicon.png) no-repeat center center;
    }

    #footer .socials li.ytico a {
        background: url(../site-images/yticon.png) no-repeat center center;
    }

    #footer .socials li.twico a {
        background: url(../site-images/twicon.png) no-repeat center center;
    }
    
    /*---------------*/
    #footer .socials span.fbico a {
        background: url(../site-images/fbicon.png) no-repeat center center;
    }

    #footer .socials span.ytico a {
        background: url(../site-images/yticon.png) no-repeat center center;
    }

    #footer .socials span.twico a {
        background: url(../site-images/twicon.png) no-repeat center center;
    }
    /*---------------*/

#slider .item img {
    float: left;
    max-width: 43%;
    max-height: 300px;
}

#slider .carousel-indicators {
    /*float: right;
    margin: 0;
    right: 0;
    text-align: right;*/
    bottom: 0;
    margin-bottom:-15px;
}

    #slider .carousel-indicators li {
        background: rgb(148, 149, 153);
        height: 15px;
        
        width: 15px;
        border: none !important;
    }

        #slider .carousel-indicators li.active {
            height: 15px;
            width: 15px;
            margin:1px;
            border: none !important;
            background: #0d76c8;
        }

#slider {
    max-height: 318px;
}

    #slider .carousel-data {
        float: right;
        width: 55%;
        color: #000;
    }

        #slider .carousel-data h2 {
            font-size: 39px;
            font-weight: lighter;
            margin: 7px 0 10px;
        }

    #slider a.slider_fixed_button {
        /*background: #1b639a;*/
        font-size: 36px;
        vertical-align:middle;
        line-height:67px;
        padding: 0px 25px;
        color: #fff;
        font-weight: lighter;
        letter-spacing:0.5px;
        display: inline-block;
        font-weight: normal;
        position: absolute;
        top: 190px;
        right: 20px;
        z-index: 111;
        margin: 10px 0;
        width:250px;
        height:67px;
        background:url(../img/start-screen/bth_arshama.png)
    }

        /*#slider a.slider_fixed_button:before {
            position: absolute;
            content: "";
            border-left: 10px solid transparent;
            border-right: 18px solid #1b639a;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            left: -26px;
            top: 22px;
        }*/

/*-------------------------------------------------------------------------
@GLOBAL CLASSES/COLORS   

== blue :#
-------------------------------------------------------------------------*/
.clear {
    clear: both;
}
.start-screen-profile{
    background-image: url('../img/start-screen/icon_log_in.png');
    display:inline-block;
    width:15px;
    height:18px;  
}
/*-------------------------------------------------------------------------
@LINKS
-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
@NAVIGATIONS
-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
@FORM ELEMENTS
-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
@TOPBAR
-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
@HEADER
-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
@CONTENT   
-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
@FOOTER
-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
@PAGE: index.html
-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
@PAGE: Error 404
-------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------
@BROWSER FIXES
-------------------------------------------------------------------------*/
.navbar-inverse {
    background-image: none;
}