@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);



/*----commonstyle---*/

html, body {

    margin: 0px;

    padding: 0px;

}



body {

    font-family: 'Open Sans', sans-serif;

    line-height: 22px;

    overflow-x: hidden;

	letter-spacing:1px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 600;

    font-family: 'Open Sans', sans-serif;

}



h1 {

    font-size: 36px;

    text-align: left !important;

}



h2 {

    font-size: 20px;

}



h3 {

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

}



h4 {

    font-size: 16px;

}





hr {

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #fff;

}



a {

    cursor: pointer;

    text-decoration: none !important;

    color: white !important;

}



.text-center {

    text-align: center;

}



.text-right {

    text-align: right;

}



.text-left {

    text-align: left;

}

/*---margin-top-20---*/

.mrg-t20 {

    margin-top: 20px;

}



.mrg-t5 {

    margin-top: 5px;

}



/*---padding0----*/

.pad-0 {

    padding: 0px;

}



.right {

    float: right;

}



.left {

    float: left;

}

/*----header----*/

.header {

    height: 96px;

    background-image: url('../images/header(A)-min.png');

    background-repeat: no-repeat;

    width: 100%;

    background-attachment: inherit;

    background-size: inherit;

    /*background-position: center;*/

    background-position: 200px;

}



.header-logo {

    /*height: 80px;*/

    height: 97px;

    top: 0px;

    left: 15px;

    position: relative;

    /*top: 10px;*/

}



/*---background-color----*/

.bac-color {

    background-color: #E56615;

}



.head-right {

    height: 110px;

}

/*---register---*/

.reg-now {

    font-size: 30px;

    color: white;

    margin-right: 55px;

    margin-top: 25px;

}



.r-now {

    position: relative;

    left: 60px;

    top: 0;

}



.register-first {

    display: block;

}



.register-second {

    display: none;

}

/*--and-header--*/

.logo-img-sp {

    height: 70px;

    margin-top: 10px;

}



/*---footer---*/

.footer {

    width: 100%;

    position: relative;

    bottom: 0px;

}



.footer-cory {

    height: 10px;

    background-color: gray;

    border-top: 5px solid #E56615;

}



.copy-right {

    color: white;

    font-size: 10px;

    text-align: center;

    margin-top: 10px;

    margin-right: 25px;

}





/*----nav-menu----*/

.nav-row {

    background-color:#244899;

}





#primary_nav ul {

    list-style: none;

    position: relative;

    float: left;

    margin: 0;

    padding: 0;

}



    #primary_nav ul a {

        display: block;

        color: #333;

        text-decoration: none;

        font-weight: 700;

        font-size: 11px;

        line-height: 32px;

        padding: 8px 17px;

        font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;

        overflow: hidden;

    }



    #primary_nav ul li {

        position: relative;

        float: left;

        margin: 0;

        padding: 0;

    }







        #primary_nav ul li:hover {

            background: #e8572d;

        }



    #primary_nav ul ul {

        display: none;

        position: absolute;

        top: 100%;

        left: 0;

        background: rgb(154, 154, 154);

        padding: 0;

        text-align: center;

        z-index: 1;

    }



        #primary_nav ul ul li {

            float: none;

            width: 193px;

            border-bottom: 0.1px solid white;

        }



        #primary_nav ul ul a {

            line-height: 120%;

            padding: 10px 15px;

			letter-spacing:1px;

        }



        #primary_nav ul ul ul {

            top: 0;

            left: 100%;

        }



    #primary_nav ul li:hover > ul {

        display: block;

    }



.icon-bar {

    background-color: black;

}

/*.sub-nav::before {

            width: 0;

            height: 0;

            border-left: 20px solid transparent;

            border-right: 20px solid transparent;

            border-top: 20px solid #f00;

        }*/

.sub-nav {

    border-top: 0.1px solid white;

}



.foot-img {

    height: 80px;

}



p {

    margin-bottom: 5px;

}



.content {

    text-indent: 50px;

}



.link:hover {

    text-decoration: underline !important;

}



/*---active---*/

.active-nav {

    background-color: #e8572d !important;

}



.scrollToTop:hover {

    text-decoration: none;

    background-color: #02837F;

    border-top: 3px solid #fff;

}



.scrollToTop:before {

    content: "\f106";

    font-size: 25px;

}





@media(max-width:768px) {

    .footer {

        position: static !important;

    }



    .mob-res {

        margin: 0px 35px !important;

    }

}



/*categaries hover effect*/

.hover .rig-arrow {

    cursor: pointer;

    display: inline-block;

    position: relative;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

}



    .hover .rig-arrow:after {

        content: '>>';

        position: absolute;

        opacity: 0;

        top: 0px;

        right: -30px;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

    }



.hover:hover .rig-arrow:after {

    opacity: 1;

    right: -25px;

}





/*menubar hover*/

li a:hover aside {

    background: transparent;

    transform: translateY(-100%);

}



li a aside {

    display: inline-block;

    position: relative;

    padding: 0 0px;

    transition: transform 0.3s;

	letter-spacing:1px;

}



    li a aside:after {

        content: attr(data-title);

        display: block;

        position: absolute;

        left: 0;

        top: 32px;

        padding: 0 0px;

        color: #fff;

        background: transparent;

        font-weight: 600;

        transform: translate3d(0,0,0);

    }













/*scrollToTop*/





.scrollToTop {

    width: 50px;

    height: 40px;

    padding: 5px 5px 0px 5px;

    text-align: center;

    background: #bf540f;

    font-weight: bold;

    color: #444;

    text-decoration: none;

    position: fixed;

    right: 2px;

    bottom: 50px;

    display: none;

    border-radius: 10px 10px 0px 0px;

    transition: 0.2s;

}





/*download-btn*/

.download-btn {

    color: #fff;

    background: #e56615;

    position: absolute;

    top: 0;

    right: -190px;

    padding: 10px 10px 10px 0px;

    margin: 5px;

    font-weight: 600;

    transition: 0.5s ease-in-out;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

}



    .download-btn:hover {

        /*box-shadow: -6px 2px 10px 0px rgba(19, 19, 19, 0.45);*/

    }



.pdf-icon {

    background: #ffffff;

    padding: 15px 10px 18px 10px;

    position: relative;

    right: 0px;

    top: 0;

    margin-right: 5px;

}



.carousel-inner .active:hover .download-btn {

    right: 0px;

}

.navbar-toggle {

    background-color: #f27022 !important;

    margin-top: 22px !important;

}

.navbar-toggle span{

    background: #fff;

}





@media(max-width:768px) {

    .scrollToTop {

        width: 35px;

        height: 30px;

        padding: 2px 5px 0px 5px;

        text-align: center;

        background: #bf540f;

        font-weight: bold;

        color: #444;

        text-decoration: none;

        position: fixed;

        right: 0px;

        bottom: 50px;

        display: none;

        border-radius: 5px 5px 0px 0px;

        transition: 0.2s;

    }



        .scrollToTop:before {

            content: "\f106";

            font-size: 20px;

        }



    .download-btn {

        color: #fff;

        background: #e56615;

        position: absolute;

        bottom: 0;

        top: initial;

        right: 0px;

        padding: 5px 5px 5px 5px;

        margin: 5px;

        font-weight: 600;

        font-size: 9px;

        transition: 0.5s ease-in-out;

        -webkit-transition: 0.5s ease-in-out;

        -moz-transition: 0.5s ease-in-out;

    }

    .pdf-icon {

    display: none;

}

}



@media(min-width:990px) and (max-width:1200px) {

    .nav-offset {

        margin-left: 2.3333333% !important;

    }

}



@media(min-width:768px) and (max-width:990px) {

    #primary_nav ul a {

        padding: 8px 18px !important;

        font-size: 8px !important;

    }

}

@media(max-width: 768px){

    .km {

    width: 100% !important;

}

}