body {
    width: 100%!important;
    margin: 0;
}
header {padding:8px 0;background: #f1f1f1;/* width: 100%; */}

.island {
    max-width: 1200px;
    margin: 0 auto;
}

.header-inner {max-width: 1200px; margin: auto;}

/*navigation start*/

nav {
    display: block;
    text-align: center;
}
nav ul {
    margin: 0;
    padding:0;
    list-style: none;
}
.nav a {
    display:block;
    color: #4089bd;
    text-decoration: none;
    padding: 0.8em 1.8em;
    position: relative;
}
.nav{
    vertical-align: top;
    display: inline-block;
    box-shadow:
    1px -1px 1px 1px #000,
    -1px 1px -1px 1px #fff,
    0 0 6px 3px #fff;
    border-radius:6px;
}
.nav li {
    position: relative;
    z-index: 1000;
    text-align: left;
}
.nav > li {
    float: left;
    margin-right: 1px;
}
.nav > li > a {
    margin-bottom: 1px;
    font-size: 15px;
}

.nav > li:hover,
.nav li:hover > a {
    color: #FFF;
    background: #2980B9;
}

.nav > li:last-child {
    border-radius: 0 0 4px 0;
    margin-right: 0;
}
.nav > li:last-child > a {
    border-radius: 0 4px 0 0;
}
.nav li li a {
    margin-top: 1px;
}


/* submenu positioning*/
.nav ul {
    position: absolute;
    white-space: nowrap;
    border: 1px solid #D5D5D5;
    border-bottom: 4px solid #2980B9;
    z-index: 1;
    left: -99999em;
    background: #F1F1F1;
}

.nav > li:hover > ul {
    left: auto;
    margin-top: 0;
    min-width: 100%;
}

.nav > li li:hover > ul {
    left: 100%;
    margin-left: 1px;
    top: -1px;
}
/* arrow hover styling */
.nav > li > a:first-child:nth-last-child(2):before {
    border-top-color: #aaa;
}
.nav > li:hover > a:first-child:nth-last-child(2):before {
    border: 5px solid transparent;
    border-bottom-color: #2980b9;
    margin-top:-5px
}
.nav li li > a:first-child:nth-last-child(2):before {
    border-left-color: #aaa;
    margin-top: -5px
}
.nav li li:hover > a:first-child:nth-last-child(2):before {
    border: 5px solid transparent;
    border-right-color: #2980b9;
    right: 10px;
}

.nav li li {
    background: #FFF;
}

.searchbox:focus {outline: none;}

.searchbox {
    padding: 9px 14px;
    font-family: 'open sans', 'sans-serif', 'arial';
    color: #C1C1C1;
    border: 1px solid #B8B8B8;
    border-radius: 5px;
    width: 150px;
}

.submitbtn {
    background: url(../img/sprite.png) #2980B9;
    background-position: 0;
    border: 0;
    color: #FFF;
    padding: 5px 12px 8px;
    font-family: 'open sans', 'sans-serif', 'arial';
    font-size: 19px;
    border-radius: 0 5px 5px 0;
    height: 40px;
    width: 35px;
    margin-left: -7px;
}

li.search:hover {background: none;}

span.sub-collapser {
    display: none;
}

.social {
    text-align: right;
}

/*navigation end*/

/*responsive nav start*/


@media (max-width: 800px) {
    ul.slimmenu, .header-inner nav, ul.slimmenu li > ul {width: 100%;}
    .menu-collapser {
        position: relative;
        background-color: #E74C3C;
        color: #FFF;
        width: 100%;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
        padding: 0 8px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .collapse-button {
        position: absolute;
        right: 8px;
        top: 50%;
        width: 40px;
        background-color: #fff;
        background-repeat: repeat-x;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-radius: 2px;
        border-style: solid;
        border-width: 1px;
        color: #FFFFFF;
        padding: 7px 10px;
        cursor: pointer;
        font-size: 14px;
        text-align: center;
        transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }

    .collapse-button .icon-bar {
        border-radius: 1px 1px 1px 1px;
        display: block;
        height: 2px;
        width: 18px;
        margin: 2px 0;
        background: #F00;
    }

    ul.slimmenu {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    ul.slimmenu > li:first-child { border-left: 0 }
    ul.slimmenu > li:last-child { margin-right: 0 }
    ul.slimmenu li a {
        display: block;
        -o-transition: background-color 0.5s ease-out;
        -moz-transition: background-color 0.5s ease-out;
    }


    ul.slimmenu li .sub-collapser {
        position: absolute;
        right: 0;
        top: 0;
        width: 48px;
        height: 100%;
        text-align: center;
        z-index: 999;
        cursor: pointer;
    }
    ul.slimmenu li .sub-collapser:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }

    ul.slimmenu li .sub-collapser > i {
        display: inline-block;
        vertical-align: middle;
        color: #2980B9;
    }

    ul.slimmenu li ul {
        margin: 0;
        list-style-type: none;
    }

    ul.slimmenu li > ul {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 999;
        width: auto;
    }
    ul.slimmenu li > ul > li ul {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        z-index: 999;
        width: 100%;
    }

    ul.slimmenu.collapsed li {
        display: block;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    ul.slimmenu.collapsed li a {
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.075);

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    ul.slimmenu.collapsed li .sub-collapser {
        height: 40px;
    }
    ul.slimmenu.collapsed li > ul {
        display: none;
        position: static;
    }
    span.sub-collapser {
        display: block;
    }
}

/*responsive nav end*/

.slider {max-height: 500px; width: 100%; font-family: 'Open Sans', sans-serif; float: left;}


.carousel-control.right, .carousel-control.left {
    background-image: none;
    background-repeat: repeat-x;
    color: #e74c3c;
}

.slider h3, .slider p {color: #414141;text-shadow: none;font-family: 'Open Sans', sans-serif;font-size: 43px;margin-left: 0;}

.carousel-caption p {margin-top: 20px;}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {float: right;}


.login-box {background: #e74c3c;padding: 24px 0;float: left;width: 100%;}

.login-box .form-group {float: left;}

label {
    color: white;
    font-family: 'open sans', 'sans-serif', arial;
    font-weight: 300;
}

.login-box input {
    width: 210px;
    background: none;
    border: 2px solid #FFF;
    color: #F8B7B1;
    height: 40px;
}

.login-box input:focus {box-shadow: none; border: 2px solid #FFF;}

.login-box-inner {
    max-width: 750px;
    /* margin: auto; */
    overflow: hidden;
}

.btn-gray, .btn-gray:hover, .btn-gray:focus {background: #444444; color: white; width: 96px}

.btn-red, .btn-red:hover, .btn-red:focus {background: red; color: white; width: 96px}

.login-box .btn-default {outline: none; font-size: 15px; width: 110px; color: #e74c3c;}

.login-box .col-md-4:nth-child(4) {padding-top: 26px; float: left;}

.login-box .btn {outline: none; font-size: 15px; font-weight: bold; padding: 8px;}


footer {padding: 31px;color: #737373;/* text-align: left; */font-size: 16px;float: left;width: 100%;}

@media screen and (max-width: 1200px) {
    .header-inner, .login-box {
        padding-left: 1em;
        padding-right: 1em;
    }
}

@media screen and (max-width: 860px) {
    .social {
        display: none;
    }
    .nav {
        margin-top: 1em;
    }
    .header-inner img {
        max-width: 175px;
    }
}

@media screen and (max-width: 800px) {
    .login-box .col-md-4 {width: 100%;}
    .login-box input {margin: auto;}
    .login-box-inner {text-align: center;}
    footer { text-align: center;}
    .header-inner img {
    padding-left: 1em;
}
header {
    padding: 0;
}
.header-inner {
    padding-left: 0;
    padding-right: 0;
    /* margin: 0 auto; */
    text-align: center;
    /* display: block; */
    /* width: 100%; */
}
.header-inner img {
    max-width: 100%;
    padding: 1em;
}
}



/*::-webkit-input-placeholder { color:#f00; }
::-moz-placeholder { color:#f00; }  firefox 19+ 
:-ms-input-placeholder { color:#f00; }
input:-moz-placeholder { color:#f00; }
*/

@media screen and (max-width: 700px) {
    .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        float: none;
        width:100%;
    }
    .carousel-caption {
        
left: 0!important;
        
right: 0!important;
        
padding-left: 1em;
        
padding-right: 1em;
    }
.login-box {
    margin-top: 20px;
}
}







@media screen and (min-width: 768px) {
    .carousel-caption {
        right: 20%;
        left: 5%;
        padding-bottom: 30px;
        width: 45%;
        top: 0;
        text-align: left;
    }
    .carousel-inner > .item > a > img {
        float: right;
        /* margin-top: 45px; */

        width: 100%;
        max-width: 900px;
    }
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    body {
        width: 100%;
        margin: 0;
    }
    .carousel-caption {
        right: 20%;
        padding-bottom: 0;
        width: 45%;
        left: 5%;
        top: 0;
        text-align: left;
        padding-top: 0;
    }

    .carousel-inner > .item > a > img {
        float: right;
        /* margin-top: 75px; */
    }
    .slider h3, .slider p {
        color: #414141;
        text-shadow: none;
        font-family: 'Open Sans', sans-serif;
        font-size: 30px;
        display: block;
    }
    .social {
        padding-left: 270px;
        margin-top: -10px;
        margin-bottom: 8px;
    }
}

@media only screen and (min-width: 980px) and (max-width: 991px) {

    .social {
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .carousel-inner > .item > a > img {
        float: right;
        margin-top: 0;
    }
}




/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {

    body {
        width: 100%;
        margin: 0;
    }
    .carousel-caption {
        position: relative;
        right: 15%;
        bottom: 20px;
        left: 5%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    }
    .slider h3, .slider p {
        color: #414141;
        text-shadow: none;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        display: block;
    }
    .fb_iframe_widget {
        width: 40%;
        overflow: hidden;
    }
}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 319px) {

    body {
        width: 100%;
        margin: 0;
    }
    .carousel-caption {
        position: relative;
        right: 15%;
        left: 5%;
        z-index: 10;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    }
    .slider h3, .slider p {
        color: #414141;
        text-shadow: none;
        font-family: 'Open Sans', sans-serif;
        font-size: 10px;
        display: block;
        line-height: 10px;
    }
    .slider p {
        line-height: 0;
    }
}


/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {

    body {
        width: 100%;
        margin: 0;
    }
    .carousel-caption {
        position: relative;
        right: 15%;
        bottom: 20px;
        left: 5%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    }
    .slider h3, .slider p {
        color: #414141;
        text-shadow: none;
        font-family: 'Open Sans', sans-serif;
        font-size: 20px;
        display: block;
    }

}
img { border: 0; }