/*
Theme Name: GORAN
Theme URI: http://www.mosne.it
Description: for WordPress 3.8 and superior.
Version: 1.0
Author: Mosne
Author URI: http://www.mosne.it
Tags: html5, responvive
*/

/*!
 * Bootstrap v2.2.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

 body{ -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
#map_canvas img,.google-maps img{max-width:none;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
.hidden{display:none;visibility:hidden;}
.visible-phone{display:none !important;}
.visible-tablet{display:none !important;}
.hidden-desktop{display:none !important;}
.visible-desktop{display:inherit !important;}
@media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;}}
/* mosne reset*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
nav ul ,nav ul li, .bxslider, .bxslider li{ list-style: none; margin: 0; padding: 0;}
body,html{ margin: 0;  padding: 0;}
a{outline:0; text-decoration: none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:none;}
p{margin: 0; margin-bottom: 1em;}
.hidden{display: none;}
body { margin: 0; font: 1em/1.5 sans-serif; }
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*
Author  : Boon
URL     : http://builtbyboon.com
Twitter	: http://twitter.com/mattberridge
---------------------------------------*/


/* -- Use this wrapper if you want to block-out a column with padding
Taken from http://csswizardry.com/2011/10/the-island-object/) -- */

.row {
  margin-left: -20px; /* gutter */
  overflow: hidden;
  clear: both;
}

 [class*="col-"]{
  float: left;
  padding-left: 20px; /* gutter */
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(js/boxsizing.htc);
 }


/*!
 * MOSNE RESPONSIVE DESIGN GRIDS
 * Author  : mosne
 * URL     : http://mosne.it
 * ---------------------------------------*/

.col-full{ width: 100%;} .col-1-10{ width: 10%;} .col-1-5{ width: 20%;} .col-3-10{ width: 30%;} .col-2-5{ width: 40%;} .col-1-2{ width: 50%;} .col-3-5{ width: 60%;} .col-7-10{ width: 70%;} .col-4-5{ width: 80%;} .col-9-10{ width: 90%;} .col-1-1{ width: 100%;} .col-1-6{ width: 16.666666666667%;} .col-1-3{ width: 33.333333333333%;} .col-2-3{ width: 66.666666666667%;} .col-5-6{ width: 83.333333333333%;} .col-1-4{ width: 25%;} .col-3-4{ width: 75%;}

/* default responsive */
@media (max-width: 767px) {
.col-1-10, .col-1-5, .col-3-10, .col-2-5, .col-1-2, .col-3-5, .col-7-10, .col-4-5, .col-9-10, .col-1-1, .col-1-6, .col-1-3, .col-2-3, .col-5-6, .col-1-4, .col-3-4, .col-full{ width: 100%;}
}

/* -- Breakpoint 4 (.b) BIG DESKTOP
------------------------------------------------------------- */
@media (min-width: 1200px)  {

.b-col-1-10{ width: 10%;} .b-col-1-5{ width: 20%;} .b-col-3-10{ width: 30%;} .b-col-2-5{ width: 40%;} .b-col-1-2{ width: 50%;} .b-col-3-5{ width: 60%;} .b-col-7-10{ width: 70%;} .b-col-4-5{ width: 80%;} .b-col-9-10{ width: 90%;} .b-col-1-1{ width: 100%;} .b-col-1-6{ width: 16.666666666667%;} .b-col-1-3{ width: 33.333333333333%;} .b-col-2-3{ width: 66.666666666667%;} .b-col-5-6{ width: 83.333333333333%;} .b-col-1-4{ width: 25%;} .b-col-3-4{ width: 75%;}
}


/* -- Breakpoint 3 (.d) DESKTOP
------------------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1199px)  {

.d-col-1-10{ width: 10%;} .d-col-1-5{ width: 20%;} .d-col-3-10{ width: 30%;} .d-col-2-5{ width: 40%;} .d-col-1-2{ width: 50%;} .d-col-3-5{ width: 60%;} .d-col-7-10{ width: 70%;} .d-col-4-5{ width: 80%;} .d-col-9-10{ width: 90%;} .d-col-1-1{ width: 100%;} .d-col-1-6{ width: 16.666666666667%;} .d-col-1-3{ width: 33.333333333333%;} .d-col-2-3{ width: 66.666666666667%;} .d-col-5-6{ width: 83.333333333333%;} .d-col-1-4{ width: 25%;} .d-col-3-4{ width: 75%;}
}


/* -- Breakpoint 2 (.t) TABLET
------------------------------------------------------------- */
@media (min-width: 481px) and (max-width: 768px) {
.t-col-1-10{ width: 10%;} .t-col-1-5{ width: 20%;} .t-col-3-10{ width: 30%;} .t-col-2-5{ width: 40%;} .t-col-1-2{ width: 50%;} .t-col-3-5{ width: 60%;} .t-col-7-10{ width: 70%;} .t-col-4-5{ width: 80%;} .t-col-9-10{ width: 90%;} .t-col-1-1{ width: 100%;} .t-col-1-6{ width: 16.666666666667%;} .t-col-1-3{ width: 33.333333333333%;} .t-col-2-3{ width: 66.666666666667%;} .t-col-5-6{ width: 83.333333333333%;} .t-col-1-4{ width: 25%;} .t-col-3-4{ width: 75%;}
}


/* -- Breakpoint (.m) MOBILE
------------------------------------------------------------- */
@media (max-width: 480px) {

.m-col-1-10{ width: 10%;} .m-col-1-5{ width: 20%;} .m-col-3-10{ width: 30%;} .m-col-2-5{ width: 40%;} .m-col-1-2{ width: 50%;} .m-col-3-5{ width: 60%;} .m-col-7-10{ width: 70%;} .m-col-4-5{ width: 80%;} .m-col-9-10{ width: 90%;} .m-col-1-1{ width: 100%;} .m-col-1-6{ width: 16.666666666667%;} .m-col-1-3{ width: 33.333333333333%;} .m-col-2-3{ width: 66.666666666667%;} .m-col-5-6{ width: 83.333333333333%;} .m-col-1-4{ width: 25%;} .m-col-3-4{ width: 75%;}
}

/* grids */

.col2{
 -webkit-column-count: 2;  -webkit-column-gap:  30px;
     -moz-column-count: 2;     -moz-column-gap: 30px;
          column-count: 2;          column-gap: 30px;
}

.col3{
 -webkit-column-count: 3;  -webkit-column-gap:  30px;
     -moz-column-count: 3;     -moz-column-gap: 30px;
          column-count: 3;          column-gap: 30px;
}

.col4{
 -webkit-column-count: 4;  -webkit-column-gap:  30px;
     -moz-column-count: 4;     -moz-column-gap: 30px;
          column-count: 4;          column-gap: 30px;
}



/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
	overflow: hidden;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
	text-align: center;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url('images/grabbing.png') 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/

.owl-theme .owl-controls{
 margin: 0;
}



/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	/*color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;*/

	float: left;
	width: 32px;
	height: 32px;
    text-indent: -9999px;
    overflow: hidden;

	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0;

    -webkit-transition : opacity .4s ease,left .4s ease,right .4s ease;
    -moz-transition : opacity .4s ease,left .4s ease,right .4s ease;
    -ms-transition : opacity .4s ease,left .4s ease,right .4s ease;
    transition : opacity .4s ease,left .4s ease,right .4s ease;
}
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

.owl-theme .owl-prev{
    position: absolute;
	top: 50%;
	left: -10px;
	margin-top: -16px;
    background:transparent url(images/controls.png) no-repeat 0 -32px;
	background:none,transparent url(images/controls.svg) no-repeat 0 -32px;
}

.owl-theme .owl-next{
    position: absolute;
	top: 50%;
	right: -10px;
	margin-top: -16px;

		background:transparent url(images/controls.png) no-repeat -43px -32px;
	background:none,transparent url(images/controls.svg) no-repeat -43px -32px;
}

.owl-theme:hover .clickable .owl-next{
    right: 10px;
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

.owl-theme:hover .clickable .owl-prev{
    left: 10px;
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	/*background: url('images/AjaxLoader.gif') no-repeat center center*/
}



/* video */
.video,
a.embedvideo{
    float: left;
    width: 100%;
}

a.embedvideo:after {
	content:'';
	background:url('images/play-overlay.png') no-repeat scroll 0 0 transparent;
	background:none, url('images/play-overlay.svg') no-repeat scroll 0 0 transparent;
	height:77px;
	left:50%;
	margin-left:-30px;
	margin-top:-30px;
	opacity:.8;
	position:absolute;
	top:50%;
	width:77px;
	z-index:15;
}

.video {
	position:relative;
}



/* fonts */


/* general theme */
body,html {
	padding:0;
	margin:0;
	background: #fff;
}

body {
    font-family:"Raisonne Demibold", 'Century Gothic', Verdana, sans-serif; font-size-adjust:0.5; font-weight:600; font-style:normal;
	font-size:14px;
	line-height:1.57em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	color: #ff3300;
}

input{
    font-family:"Raisonne Demibold", 'Century Gothic', Verdana, sans-serif; font-size-adjust:0.5; font-weight:600; font-style:normal;
}

input[type="submit"]{
    background: #f30;
    color: white;
    border: 0;
    font-size: 14px;
    padding: 5px 10px;
    letter-spacing: 1px;
}
input[type="email"],
input[type="text"]{
    border: 2px solid #f30;
    float: left;
    width: 80%;
    padding: 5px 10px;
    background: #fff;
    color: #f30;
    margin-bottom: 10px;
    font-size: 14px;
}

::-webkit-input-placeholder {
   color: #f30;
}

:-moz-placeholder { /* Firefox 18- */
   color: #f3c;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #f30;
}

:-ms-input-placeholder {
   color: #f30;
}


h1,h2,h3,h4,h5,h6,strong,b{
    font-weight:600;
}

.onlymobile{
   display: none;
}





.edit{
    position: absolute;
    right: 0;
    bottom: 7px;
}

.edit a{
background: #ccc;
 border-radius: 2px;
 padding: 3px 8px; line-height: 9px; font-size: 11px; opacity: 0.5; color: black;
 text-transform: uppercase;
 margin: 1em;
 margin-left: 0;
 }

.edit a:hover{
    text-decoration: none;
    background: #E30613;
    color: white;
}

a {
color: #ff3300;
}

p a{
    text-decoration: underline;
}

p a:hover {
	background: #ff3300;
	color: white;
	text-decoration: none;
	border-radius: 1px;
	box-shadow:  4px 0 0 #ff3300, -4px 0 0 #ff3300;
}

.push {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.item .push{
    padding: 0;
}
.aboutbox{
    position: relative;
}

.about .push{
    max-width: 1024px;
}

#footer,
#header{
    text-align: center;
}

#logo{
    margin-top: 75px;
    margin-bottom: 60px;
        float: left;
    width: 100%;
}

#logo a{
    float: left;
    width: 100%;
    height: 70px;
    text-indent: -9999px;
    background:url(images/goran.png) center center no-repeat;
     background:none, url(images/goran.svg) center center no-repeat;
}


#menu-main li{
display: inline-block;
margin: 0 10px;
}


#bd,
#menu-main{
float: left;
width: 100%;
margin-bottom: 75px;
}

#menu-main li a{
float: left;
width: 77px;
border: 4px solid #f30;
padding: 4px 10px;
font-size: 16px;
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;

}


#menu-main li a:hover{
    background-color: #f30;
    color: white;
}

h1{
    font-size: 24px;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 43px;
}

h2{
    font-size: 24px;
    line-height: 1.2em;
    margin-top: 43px;
    margin-bottom: 43px;
}

#footer{
    font-size: 11px;
color: #aaa;
padding-bottom: 75px;
}


#footer a{
color: #aaa;
}

.didawrap{
    position: relative;
    max-width:1024px;
    margin: 0 auto;
}


.dida{
    z-index: 90;
    background: white;
    max-width: 320px;
    padding: 20px;
    padding-top: 86px;
    position: absolute;
    top:  0;
    left: -10px;
    font-size: 14px;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.active .dida{
    opacity: 1;
    left: 0;
    pointer-events: auto;
    z-index: 998;
}

.active .selector .bar-icon-wrapper{
    z-index: 999;
}


.section{
    position: relative;
    float: left;
    width: 100%;
    min-height: 150px;
}


.selector {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.selector .bar-icon-wrapper {
    position: absolute;
    top:  20px;
    left: 20px;
    -webkit-transform: translate3d(0, 0, 0); /* The zoom: 1; of new browsers */
    z-index: 99;

}





.selector .bar-icon {
    height: 2px;
    width: 20px;
    background: #f30;
    display: block;
    opacity: 1;
    margin-top: 4px;
    -webkit-transition: -webkit-transform 0.15s linear;
    -moz-transition: -moz-transform 0.15s linear;
    -ms-transition: -ms-transform 0.15s linear;
    transition: transform 0.15s linear;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}


.selector.white .bar-icon {
     background: #fff;
}

.active .selector.white .bar-icon {
     background: #f30;
}

.bar-icon:nth-child(2) {
    -webkit-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.active .bar-icon:nth-child(1) {
    -webkit-transform: rotate(45deg) translate3d(5px, 5px, 0);
    -o-transform: rotate(45deg) translate3d(5px, 5px, 0);
    -ms-transform: rotate(45deg) translate3d(5px, 5px, 0);
    -moz-transform: rotate(45deg) translate3d(5px, 5px, 0);
    transform: rotate(45deg) translate3d(4px, 4px, 0);
}

.active .bar-icon:nth-child(2) {
    opacity: 0;
}

.active .bar-icon:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate3d(4px, -4px, 0);
    -o-transform: rotate(-45deg) translate3d(5px, -5px, 0);
    -ms-transform: rotate(-45deg) translate3d(5px, -5px, 0);
    -moz-transform: rotate(-45deg) translate3d(5px, -5px, 0);
    transform: rotate(-45deg) translate3d(4px, -5px, 0);
}


.infos{
    display: none;
}

.about ul{
    margin: 0;
    padding: 0;
    padding-left: 1.4em;
    margin-bottom: 1em;
}

hr{
    float: left;
    margin:0;
    margin-top: 53px;
    border: 0;
    height: 8px;
    width: 100%;
    background: transparent url('images/onda.png') 0 0 repeat-x;
    background: none, transparent url('images/onda.svg') 0 0 repeat-x;
}

.colonne hr{
    margin-bottom: 24px;
}



/* MEDIA QUERIES */


/* Large desktop */
@media (min-width: 1500px) {



}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {



}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

.col2,
.col3,
.col4{
  -webkit-column-count: 2;  -webkit-column-gap:  30px;
     -moz-column-count: 2;     -moz-column-gap: 30px;
          column-count: 2;          column-gap: 30px;
}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

.col2,
.col3,
.col4{
  -webkit-column-count: 1;  -webkit-column-gap:  30px;
     -moz-column-count: 1;     -moz-column-gap: 30px;
          column-count: 1;          column-gap: 30px;
}

}

/*mside*/



/* Landscape phones and down */
@media (max-width: 540px) {


.push {
    padding: 0 20px;
}

#header .push {
    padding: 0 10px;
}

#menu-main li{
display: inline;
float: left;
margin: 0;
padding: 10px;
width: 50%;
}

#menu-main li a{
    width: 100%;
}


}