﻿body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    color: #444;
    margin-top: 0px;
    /*background-color: #eaeaea;*/
    background-color: #fff;
}

header {
    width: 950px;
    height: auto;
    margin: 0 auto;
}

.logo {
    width: 100%;
    height: 77px;
    margin: 0;
}

    .logo a {
        width: 186px;
        height: 57px;
        float: left;
    }

.picContainer {
    width: 100%;
    height: 185px;
    margin-top: 5px;
}

    .picContainer img {
        width: 100%;
        height: 100%;
    }

.navItems {
    width: 100%;
    height: 42px;
    border-bottom: 2px solid orange;
    font-size: 15px;
}

    .navItems .navItem {
        font-family: sans-serif;
        color: orange;
        text-decoration: none;
        text-align: center;
        padding: 14px 0 13px 0;
        width: auto;
        min-width: 190px;
        float: left;
        height: 42px;
    }

        .navItems .navItem:hover {
            background: orange;
            color: white;
        }

/*.footer {
    border-top: 2px solid orange;
    width: 950px;
    height: 145px;
    padding-top: 10px;
    background: url("../images/footer.jpg") repeat-x;
    font-size: 11px;
    color: #f5f5f5;
    margin: 0 auto;
    margin-top: 35px;
    padding-top: 10px;
}

.footerItem {
    width: 18%;
    height: 90%;
    border-left: 1px solid #dbdddf;
    float: left;
}

    .footerItem:first-child {
        width: 40%;
        height: 90%;
        float: left;
    }

    .footerItem:last-child {
        width: 40%;
        height: 90%;
        float: left;
    }

.footerItem {
    list-style-type: none;
    color: #7d7f82;
    text-decoration: none;
    font-family: 'Verdana';
}

    .footerItem p {
        margin-left: 10px;
    }

    .footerItem ul{
        margin-left: 20px;
        margin-top: 10px;
        color: #3d3e3f;
        padding: 0;
        border: 0;
        outline: 0;
        float: left;
        width: auto;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
        font-family: 'Verdana';
    }

        .footerItem ul li {
            list-style-type: none;
            color: #7d7f82;
            text-decoration: none;
            margin-top: 3px;
        }

            .footerItem ul li a {
                list-style-type: none;
                color: #7d7f82;
                text-decoration: none;
                font-family: 'Verdana';
            }

                .footerItem ul li a:hover {
                    color: orange;
                }*/

.full {
    width: 100%;    
}
.gap {
	height: 30px;
	width: 100%;
	clear: both;
	display: block;
}
.footer {
	background: #EDEFF1;
	height: auto;
	padding-bottom: 30px;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #DDDDDD;
}
.footer p {
	margin: 0;
}
.footer img {
	max-width: 100%;
}
.footer h3 {
	border-bottom: 1px solid #BAC1C8;
	color: #54697E;
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	padding: 40px 0 10px;
	text-transform: uppercase;
}
.footer ul {
	font-size: 13px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 15px;
	color: #7F8C8D;
}
.footer ul li a {
	padding: 0 0 5px 0;
	display: block;
}
.footer a {
	color: #78828D
}
.supportLi h4 {
	font-size: 20px;
	font-weight: lighter;
	line-height: normal;
	margin-bottom: 0 !important;
	padding-bottom: 0;
}
.newsletter-box input#appendedInputButton {
	background: #FFFFFF;
	display: inline-block;
	float: left;
	height: 30px;
	clear: both;
	width: 100%;
}
.newsletter-box .btn {
	border: medium none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	height: 40px;
	padding: 0;
	width: 100%;
	color: #fff;
}
.newsletter-box {
	overflow: hidden;
}
.bg-gray {
	background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
	box-shadow: 0 1px 0 #B4B3B3;
}
.social li {
	background: none repeat scroll 0 0 #B5B5B5;
	border: 2px solid #B5B5B5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0 8px 0 0;
	padding: 0;
	text-align: center;
	width: 36px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.social li:hover {
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
.social li a {
	color: #EDEFF1;
}
.social li:hover {
	border: 2px solid #2c3e50;
	background: #2c3e50;
}
.social li a i {
	font-size: 16px;
	margin: 0 0 0 5px;
	color: #EDEFF1 !important;
}
.footer-bottom {
	background: #E3E3E3;
	border-top: 1px solid #DDDDDD;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer-bottom p.pull-left {
	padding-top: 6px;
}
.payments {
	font-size: 1.5em;	
}

.bodyContent {
    margin: 0 auto;
    width: 950px;
    height: auto;
}

.category {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding-bottom: 15px;
    margin-top: 20px;
}

    .category h4 {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 14px;
        color: orange;
    }

    .category ul {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        list-style-type: none;
    }

        .category ul li {
            float: left;
            width: 450px;
            margin-left: 40px;
            margin-bottom: 40px;
        }

            .category ul li a {
                font-family: Verdana, Geneva, sans-serif;
                font-size: 12px;
                color: #444;
                text-decoration: none;
                text-align: center;
            }

                .category ul li a:hover {
                    color: orange;
                }

                .category ul li a img {
                    width: 100%;
                }

.showText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    color: #444;
}
.navbar-brand { position: relative; z-index: 2; }

.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; }

.navbar .navbar-collapse { position: relative; }
.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

@media screen and (max-width: 767px) {
    .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } 
    
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }
}

#logoja{
	width:350px;
	height: 100%;
    padding: 0 !important;
}

.navbariMargin{
	margin-top: 20px;
    font-size: 17px !important;
    font-family: 'Metropolis','Verdana';
}

.navbar ul li:hover{
	background-color: orange;
}
.navbar ul li{
	padding: 20px 0;
	margin-top: -20px;
}

<!--slider-->
.jk-slider{
    width:100%;
}
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

#test{
	width:100%;
}

.jumbotron {
background: orange;
color: #FFF;
border-radius: 0px;
}
.jumbotron-sm { padding-top: 24px;
padding-bottom: 24px; }
.jumbotron small {
color: #FFF;
}
.h1 small {
font-size: 24px;
}


#partners
{
	background-color:#FDFDFD;
	margin-top: 20px;
	min-height: 30vh;
}

.partnerlogo{
	width:100% !important;
}