@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,latin-ext);

/* PAGE MODULES */
body{
	font-family: 'Noto Sans', sans-serif;
	font-weight:300;
	color: #131313;
}




form p.ajaxInfo { display: none; padding: 10px 5px; border: 1px solid #000; text-align: center; color: #FFF; font-weight: 500; font-size: 16px; margin-bottom: 35px; }
form p.ajaxInfo.error { background-color: #690000; border-color: #F00; }
form p.ajaxInfo.error_send { background-color: #690000; border-color: #F00; }
form p.ajaxInfo.ok { background-color: #006900; border-color: #0F0; }

form p.error { display: none; }
form label { text-align: right; width: 120px; display: inline-block; line-height: 44px; vertical-align: top; }
form label.full { text-align: left; width: 100%; display: inline-block; }
form label,
form textarea,
form input { width: 100%; box-sizing: border-box; }
form button,
form .button { display: inline-block; vertical-align: top; }

textarea,
select,
input:not([type="checkbox"]):not([type="radio"]) { background: #209FE3; border: 1px solid #81CDF6; box-sizing: border-box; height: 45px; padding: 0 10px; font-size: 15px; font-family: inherit; }
textarea { height: 125px; padding-top: 7px; padding-bottom: 7px; }
select {  }
input:not([type="checkbox"]):not([type="radio"]) { margin-bottom: 5px; }
textarea.error,
select.error,
input:not([type="checkbox"]):not([type="radio"]).error { border-color: #f00; }


:-moz-placeholder { color: #ace2ff; font-size: 14px; font-family: inherit; font-style: normal; }
::-moz-placeholder { color: #ace2ff; font-size: 14px; font-family: inherit; font-style: normal; }
:-ms-input-placeholder { color: #ace2ff; font-size: 14px; font-family: inherit; font-style: normal; }
::-webkit-input-placeholder { color: #ace2ff; font-size: 14px; font-family: inherit; font-style: normal; }

.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.cb { clear: both; }

.info { display: none; text-align: center; font-size: 24px; border: 2px solid #666; padding: 10px 20px; border-radius: 15px; margin: 10px 0 20px; }
.info.show { display: block; }
.info.error { background-color: #ab0268; border-color: #780148; color: #fff; }
.info.ok { background-color: #02ab68; border-color: #017848; color: #fff; }

.gallery { margin-top: 35px; }
.gallery-item { opacity: 1; display: inline-block; vertical-align: top; background: url() no-repeat scroll center top transparent; max-width: 100%; width: 225px; height: 170px; background-size: cover; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease;  margin: 5px; border: 10px #FFFFFF solid; box-shadow: 0px 0px 5px rgba(0,0,0,.15); }
.gallery-item:hover { opacity: 0.7; }

button,
.button { cursor: pointer; background: none no-repeat scroll center center rgba(0, 0, 0, 0); border: none; box-sizing: border-box; height: 59px; line-height: 59px; padding: 0; font-weight: 700; font-size: 18px; color: #FFF; font-style: italic; text-transform: lowercase; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.basket-top:hover button,
button:active,
button:focus,
button:hover,
.button:active,
.button:focus,
.button:hover { color: #013567; text-decoration: none; }


/* mobilne menu */
/*
.mobile-nav {  }
.mobile-nav nav { display: none; background: #b1c903; position: fixed; max-height: 100%; overflow: auto; z-index: 1005; width: 100%; text-align: center; padding: 15px 0; }
.mobile-nav nav.show { display: block; }
.mobile-nav nav ul { list-style: none; margin: 0; padding: 0; }
.mobile-nav nav li { display: block; }
.mobile-nav nav a { display: block; color: #FFF; padding: 8px 0; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 16px; }
.mobile-nav-toggle { padding: 0; position: fixed; top: 20px; right: 20px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 100px; border: 3px solid #b1c903; background-color: #fff; z-index: 1020; }
.mobile-nav-toggle span { display: block; height: 3px; background: #b1c903; margin: 4px 8px; }
.mobile-nav-toggle:active,
.mobile-nav-toggle:focus,
.mobile-nav-toggle:hover { outline: none; opacity: 1; background-color: #fff; }
*/
/* /mobilne menu */

/* mobilne menu */
.mobile-nav {  }
.mobile-nav nav { display: none; background: #ec6013; position: fixed; max-height: 100%; overflow: auto; z-index: 1005; width: 100%; text-align: center; padding: 15px 0; }
.mobile-nav nav.show { display: block; }
.mobile-nav nav ul { list-style: none; margin: 0; padding: 0; }
.mobile-nav nav li { display: block; }
.mobile-nav nav a { display: block; color: #FFF; padding: 8px 0; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 16px; }
.mobile-nav nav .dropdown-menu { display: block; position: static; width: 100%; text-align: center; background: 0; border: none; box-shadow: none; background: rgba(255, 255, 255, 0.2); padding: 0; margin: 0 0 5px 0; }
.mobile-nav nav .dropdown-menu a { font-size: 14px; }
.mobile-nav nav .dropdown-menu a:hover { background: none; color: #FFF; }
.mobile-nav-toggle { padding: 0; position: fixed; top: 20px; right: 20px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 100px; border: 3px solid #ec6013; background-color: #fff; z-index: 1020; }
.mobile-nav-toggle span { display: block; height: 3px; background: #ec6013; margin: 4px 8px; }
.mobile-nav-toggle:active,
.mobile-nav-toggle:focus,
.mobile-nav-toggle:hover { outline: none; opacity: 1; background-color: #fff; }
/* /mobilne menu */


/* RESPONSIVE */
/*
@media (min-width: 1230px) {...}

@media (min-width: 1022px) {...}

@media (max-width: 1021px) {...}

@media (min-width: 798px) {...}

@media (max-width: 797px) {...}

@media (max-width: 598px) {...}

@media (max-width: 510px) {...}

@media (min-width: 798px) and (max-width: 1021px) {...}

@media (min-width: 1022px) and (max-width: 1229px) {...}


*/

body { background: url('../img/bg.jpg') no-repeat scroll center 18px #fff; font-size: 14px; line-height: 24px; }
h1,
h2 { font-weight: bold; font-family: inherit; font-style: italic; margin: 20px 0 20px; font-size: 28px; }
img { max-width: 100%; }

header { border-top: 18px solid #22a7f0; }

.container-logo { margin-top: 55px; }
.container-logo a { opacity: 1; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.container-logo a:hover { opacity: 0.7; }
.container-head { font-size: 17px; color: #013467; font-style: italic; line-height: 26px; margin: 48px auto 10px; }

.container-boxes { margin-top: 23px; padding: 0 90px; }
.box { padding: 0 10px; line-height: 26px; font-size: 0; line-height: 0; text-align: center; opacity: 1; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.box:hover { opacity: 0.7; }
.box-image { display: inline-block; width: 100%; padding: 10px 10px 12px; background: url('../img/img_bg.gif') repeat scroll 0 0 #22a7f0; }
.box-image img { width: 100%; }
.box-text,
.box-link { display: inline-block; width: 100%; line-height: 26px; color: #22a7f0; background: #ffffff; }
.box-text { font-size: 20px; color: #013467; text-transform: uppercase; font-weight: bold; padding-top: 15px; }
.box-link { font-size: 16px; color: #22a7f0; padding-bottom: 18px; }

.container-text { margin-top: 50px; }
.start-text { padding-left: 85px; padding-right: 40px; text-align: justify; }
.start-text-image {  }


footer { margin-top: 35px; }
footer .blue { background: #23a7f1; color: #fff; padding-bottom: 40px; }
footer .darkblue { background: #013567; text-align: center; font-size: 15px; font-style: italic; color: #fff; padding: 37px 0 30px; }

footer a,
footer a:hover { color: inherit; }
footer strong,
footer b { font-weight: bold; font-size: 16px; }


@media (max-width: 797px) {
    .start-text { padding: 0 15px; }
    .col-xs-text-center { text-align: center; }
    .box { margin-bottom: 20px; }
    .container-boxes { padding: 0 15px; max-width: 400px; }
}