@charset "utf-8";
*{margin:0;padding:0;border:0}
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)} /*Remove Android default link styling in webview.*/
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
html{overflow-y:scroll}
body{background-color:#f2f2f2;color:#74737d;font-family:'Titillium Web', sans-serif;font-size:14px;letter-spacing:.07em}
p{padding-top:15px;padding-bottom:15px;text-align:justify;line-height:140%}
h1{padding-top:15px;padding-bottom:15px}
h2{padding-bottom:5px;padding-top:5px;color:#0078c1}
ol{margin-left:22px}
a{transition:.2s}
a:link,a:visited,a:active{text-decoration:none}
a {outline : none} /*For Remove outline for anchor tag.*/
a img {outline : none} /*Remove outline from image link.*/
img {border : 0} /*Remove border from image link.*/
.container{overflow:hidden;max-width:1024px;margin:0 auto}
#toggle,.toggle{display:none}
.clearfix:before,.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
.header{width:100%;position:fixed;left:0;background-color:#222;background-repeat:repeat-x;height:60px;z-index:10000}
.stickHeader{background-color:#222;box-shadow:0 10px 10px -10px #000;max-height:60px;position:fixed;top:0;z-index:10000}
.menu{margin-left:auto;margin-right:auto;max-width:1024px;z-index:1}
.menu ul{list-style:none}
.menu li{display:inline-block;height:60px;float:right;padding-left:50px}
.menu li a{display:block;height:40px;float:right;padding-top:20px;cursor:pointer;font:bold 14px 'Titillium Web', sans-serif;text-transform:uppercase;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.3);text-align:right;overflow:visible}
.menu li a:hover,.menu li.current a{color:#4283d3}
.logo{float:left;height:60px}
.clear{clear:both}
.content{position:relative;float:left;width:100%;margin-top:60px;margin-bottom:50px}
div.content1{display:none}
iframe{width:100%}
.fb-page{padding-left:50px}
.storeAd{float:left;width:100%}
.storeAd a{float:left;margin-right:15px}
.opacityit img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1;opacity:1;}
.opacityit:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
.socialshare{position:relative;left:50px;top:-30px}
p img{width:200px}
ol img{width:50px}
.mobile{display:none}
.monitor{display:inline}
.h-zigzag{height:10px;width:100%;background:linear-gradient(-135deg,#f2f2f2 5px,transparent 0) 0 5px,linear-gradient(135deg,#f2f2f2 5px,#222 0) 0 5px;background-position:left bottom,left bottom,top;background-repeat:repeat-x;background-size:10px 10px,10px 10px,100% 100%}
.footer-distributed{clear:both;position:relative;background-color:#222;box-sizing:border-box;width:1024px;text-align:left;font-family: 'Titillium Web', sans-serif; font-size:12px;font-weight:700;padding:30px 0;margin:auto}
.footer-distributed .footer-left,.footer-distributed .footer-center,.footer-distributed .footer-right{display:inline-block;vertical-align:top}
.footer-distributed .footer-left{width:39%}
.footer-distributed .footer-links{color:#fff;margin-top:20px}
.footer-distributed .footer-links a{display:inline-block;line-height:1.8;text-decoration:none;text-transform:uppercase;color:inherit}
.footer-distributed .footer-links a:hover{color:#4283d3}
.footer-distributed .footer-company-name{color:#8f9296;font-size:12px;font-weight:400;margin:0;padding:0}
.footer-distributed .footer-company-name a:link{text-decoration:none;color:#8f9296}
.footer-distributed .footer-company-name a:visited{text-decoration:none;color:#8f9296}
.footer-distributed .footer-company-name a:active{text-decoration:none;color:#8f9296}
.footer-distributed .footer-company-name a:hover{text-decoration:none;color:#4283d3}
.footer-distributed .footer-center{width:30%}
.footer-distributed .footer-center p{display:inline-block;color:#fff;margin:0;padding:10px}
.footer-distributed .footer-center img{vertical-align:middle;width:15px}
.footer-distributed .footer-center p span{display:block;font-weight:400;font-size:14px;line-height:2}
.footer-distributed .footer-center p a{color:#5383d3;text-decoration:none}
.footer-distributed .footer-right{width:30%;padding-right:0}
.footer-distributed .footer-company-about{color:#92999f;font-weight:400;padding-bottom:20px;margin:0}
.footer-distributed .footer-company-about span{display:block;color:#fff;font-weight:700;padding-top:10px}
.footer-distributed .footer-icons{margin:0}
.footer-distributed .footer-icons a{display:inline-block;cursor:pointer;margin-left:0;margin-right:8px}
*.icon-white {color: white}
.hover-opacity:hover{opacity:0.60}

.my-gallery {
  position:relative;
  width: 100%;
  height:240px;
}
.my-gallery img {
  width: 100%;
  height: auto;
  margin:0;
}
.my-gallery figure {
  display: block;
  float: left;
  margin: 0;
  witdh:135px !important;
}
.my-gallery figcaption {
  display: none;
}

/* #Base 960 Grid ================================================== */

    .container_12{ position: relative; width: 960px; margin: 0 auto; padding: 0; }
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12
	{ float: left; display: inline; margin-left: 0; margin-right: 0; }
	
	.container_12
	.grid_4
	{ float: left; display: inline; margin-left: 10px; margin-right: 10px; margin-bottom: 20px;}

    /* Nested Column Classes */
     .container_12 .alpha               { margin-left: 0; }
     .container_12 .omega               { margin-right: 0; }

    /* Base Grid */
    .container_12 .grid_1			{ width: 60px;  }
    .container_12 .grid_2			{ width: 140px; }
    .container_12 .grid_3			{ width: 240px; }
    .container_12 .grid_4			{ width: 300px; }
    .container_12 .grid_5			{ width: 380px; }
    .container_12 .grid_6			{ width: 478px; }
    .container_12 .grid_7			{ width: 540px; }
    .container_12 .grid_8			{ width: 620px; }
    .container_12 .grid_9			{ width: 720px; }
    .container_12 .grid_10			{ width: 780px; }
    .container_12 .grid_11			{ width: 960px; margin-top: 60px; margin-bottom: 60px; }
    .container_12 .grid_12			{ width: 960px; margin-top: 120px; }
	.page1_block .container_12 .grid_12	{ margin-top: 20px; }

/**Footer**/

footer .container_12 .grid_3	{ width: auto; float: left; display: inline; margin-left: 0; margin-right: 0; margin-top: 20px; margin-bottom: 20px; text-align: left; }
	footer .container_12 .grid_3+.grid_3 { margin-left: 165px; } /*BITNOOOOO za footer*/

footer {
	display: block;
    text-align: center;
    padding: 0;
    font-size: 12px;
    color: #e4e4e4;
	background-color: #131313;
    line-height: 20px;
}

footer img {
	width: 120px;
	margin: 20px;
}

.socials {
    font-size: 0;
    line-height: 0;
}

.shareth {
	margin-top: 20px;
	margin-bottom: 20px;
}

.socials section+section {
    margin-left: 7px;
}

.socials * {
    white-space: nowrap !important;
}

.socials a:hover {
	color: #3b5998;
}

.socials section+section>a>span {
    background-color: #589dd4;
    border-color: #4885b6;
}

.socials section+section+section>a>span {
    background-color: #f37772;
    border-color: #d2716d;
}

.socials section+section+section+section>a>span {
    background-color: #ee6e9f;
    border-color: #f9a2c4;
}

.socials section+section+section {
    margin-left: 8px;
}

.socials section {
    display: inline-block;
}



#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 40px;
    left: 51%;
    margin-left: 500px;
    overflow: hidden;
    width: 42px;
    height: 45px;
    border: none;
    text-indent: -999px;
    z-index: 20;
    background: url(../images/totop.png) no-repeat left 0;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}
#toTop:hover {
    outline: none;
    background-position: right 0;
}



@media only screen and (max-width:768px) {
.menu{display:none;opacity:0;width:100%;position:absolute;z-index:1000}
.menu > li{display:block;width:100%;margin:0}
.menu > li > a{display:block;width:100%;text-decoration:none;color:#000;box-sizing:border-box;margin-top:10px;margin-bottom:10px}
.toggle{display:block;position:relative;cursor:pointer}
#toggle:checked + div .menu{display:block;opacity:1}
body{background-image:none;letter-spacing:normal}
p{padding-left:10px;padding-right:10px;min-width:200px}
.content h1,h2,h3{padding-left:10px;padding-right:10px}
.glupost{padding-left:10px;padding-right:10px}
.header{position:fixed;top:0;left:0;z-index:1000}
.menu{height:auto;background:#202020;box-shadow:0 10px 10px -10px #000;z-index:10000}
.menu:after{
    content:""; 
  background: white; 
  position: relative; 
  top: 0; 
height:10px;width:100%;background:linear-gradient(-135deg,#222 5px,transparent 0) 0 5px,linear-gradient(135deg,#222 5px,#202020 0) 0 5px;background-position:left bottom,left bottom,top;background-repeat:repeat-x;background-size:10px 10px,10px 10px,100% 100%
}
.menu .logo{display:none}
.menu .button{display:block;width:100%;padding-right:25px;margin:10px 0;background-color:#202020;transition:all .25s linear}
.menu li a{color:#FFF}
.menu li.current{width:100%;margin:0;padding:5px 30px 5px 0;background-color:#222;box-shadow:-5px 0 #0078c1 inset;color:#0078c1;border-radius:0}
.menu .button:hover,.menu .button:active,.menu .button .hover_effect{margin:0;padding:10px 30px 10px 0;background-color:#222;box-shadow:-5px 0 #0078c1 inset;color:#0078c1;border-radius:0}
.hover{-webkit-user-select:none;-webkit-touch-callout:none;}
.toggle:after{content:attr(data-open);display:block;width:100%;height:60px;padding:17px;font-size:20px;font-weight:700;color:#FFF;text-align:right;box-sizing:border-box}
#toggle:checked + div .toggle:after{content:attr(data-close)}
.content{margin-bottom:30px}
div.content1{display:block}
div.content2{display:none}
.fb-page{padding-left:0}
.storeAd{margin:0;padding-left:10px}
p img{width:150px}
ol img{width:40px}
.mobile{display:inline;}
.monitor{display:none;}
.footer-distributed{padding:5px 0;width:100%}
.footer-distributed .footer-links{margin-top:0}
.footer-distributed .footer-left,.footer-distributed .footer-center,.footer-distributed .footer-right{display:block;width:100%;margin-bottom:20px;text-align:center}
.footer-distributed .footer-company-about{display:none}
.footer-distributed .footer-company-about span{padding-bottom:15px}
.footer-distributed h2,.footer-distributed p{text-align:center}
.footer-distributed .footer-center{width:70%;padding-left:30%}
.footer-distributed .footer-center p{text-align:left}
}