@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700&subset=latin-ext');
/*@import url('https://fonts.googleapis.com/css?family=Sintony:400,700&subset=latin-ext');*/
html,body {
  width:100%;
  height:100%;
}
body {
  font-family:'Titillium Web',arial;
  font-size:15px;
  color:#333;
  line-height:1.7;
  font-weight: 300;
}

*:focus{
  outline: 2px dotted #000 !important;
}

.no-pad{
  padding: 0;
}
.no-margin{
  margin: 0;
}

.clear{
  clear: both;
}

a{
  color: #333;
}

a:focus,a:hover{
  color: #000;
}

p {
    widows: 5;
    orphans: 5;
  }

.admn-links a{
  padding-right: 15px;
 }

.admn-links {
  margin-bottom: 30px;
  padding-top: 10px;
  border-top: 1px #dfdfdf dotted;
}

@media(min-width:992px){
  .equal {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }

  .equal > div[class*='col-'] {  
    display: flex;
    flex-direction: column;
  }
}


.navbar {
    border-radius: 0px;

}
a.white {
  text-decoration: none;
  color:#fff;
}

 menu-boczne ol, ul, li, label{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.welloon ul{

  padding: 15px;
  padding-left: 30px;
}

ol, ul {
  list-style: none;
}

.min-500{
  min-height: 500px;
}

.dbox{
  color: #777;
}
.tag-btn{
  margin-right: 5px;

}

.break-15{
  margin-bottom: 15px;
}

.break-30{
  margin-bottom: 30px;
}
.download_cont{
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 15px;
  margin-bottom: 15px;

}
/*---------------------------------------------------------------------------LOADER*/
.loader {
  position: fixed;
  z-index: 1000 !important;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top:0px;
}
.fading-line {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 333px;
  margin: -250px 0 0 -250px;
  background-image: url(../images/l4.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

/*------------------------------------------------------------------------FORMA*/
.form-main{
  margin-bottom: 15px;
}
/*------------------------------------------------------------------------ANIMACJE*/

.hiding{
  opacity:0;
}
.showing { 
  opacity: 1;
}

.nodisplay{
  display: none !important;
}

/*----------------------------------------------------------------------------SEKCJE*/
.s-normal{
  padding-top: 30px;
  padding-bottom: 30px;
}

}
.s-wykonanie{
  padding-top: 30px;
  padding-bottom: 30px;
  background: #eee;
}

.s-white{
  background: #fff;
}

.s-top{
 
  /*background: rgb(226,226,226); 
  background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%); 
  background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(254,254,254,1) 100%); 
  background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(254,254,254,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );*/
  background: #e6e6e6 ;
  padding-top: 30px;
  padding-bottom: 30px;
}

.s-belt-footer{
  background: #E31E24;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;

}

.s-partnerzy{
  border-top: 1px #dfdfdf solid;
}

.s-belt-footer a{
  color: #fff;
  font-weight: bold;
}

.s-footer{
  background: #E6E6E6;
  min-height: 200px;
}

.s-footer h4{
  border-bottom: 3px #d2d2d2 solid;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color:#333;
  font-weight: bold;
  /*min-height: 60px;*/
}
/*-----------------------------------------------------------------------------CARUSEL*/
.carousel-caption {
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    left: 0px;
    text-align: left;
    padding: 0px 40px 50px 40px;
    bottom: 0px;
}

.carousel-caption h2 {
    font-weight: bold;
}
@media(max-width:992px){
  .carousel-caption {
      background-color: #033085;
      width: 100%;
      left: 0px;
      text-align: left;
      padding: 0px 40px 50px 40px;
      bottom: 0px;
  }
  
  .carousel-caption {
      position: relative;
      padding-top: 30px;

      
  }

  .carousel-caption h2 {
    margin-top: 0;
  }

  .carousel{
    margin-bottom: 30px;
  }
}
.adress-top{
  padding-top: 30px;
  color:#c1c1c1;
  border-bottom: 1px #153C8B solid;
}

@media(max-width:992px){
    .adress-top{
      display: none;
    }
    .nav img.responsive{
      margin-left: auto;
      margin-right: auto;
    }
  }
/*-----------------------------------------------------------------------------NAVBAR*/
.navbar-inverse {
    background-color: #033085;
    border-color: #033085;
    z-index: 1001;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444693+0,033085+100 */
    background: rgb(68,70,147); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(68,70,147,1) 0%, rgba(3,48,133,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(68,70,147,1) 0%,rgba(3,48,133,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(68,70,147,1) 0%,rgba(3,48,133,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444693', endColorstr='#033085',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }

.navbar-inverse li > a.current{
  color: #fff !important; 
}
.navbar-inverse  li > ul > li > a.current{
  color: #222 !important; 
  font-weight: bold;
}


.navbar-inverse .navbar-nav > li > a {
    color: #c1c1c1;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #033085;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #072b6f;
}

.navbar-nav {
    float: left;
    margin: 0;
   /* padding-top: 20px;*/
    
}

.navbar-inverse .navbar-nav > li > a {
    font-weight: bold !important;
}

.navbar {
  position: static;
}

.nav > li > a{
  font-size: 15px;
  text-transform: uppercase;
}


/*.nav < li < a{
  font-size: 14px;
  text-transform: uppercase;
}*/



.dropdown-menu > li > a   {

  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 3px #fff solid;
  font-size: 14px;

  -webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
}
  


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #efefef;
     border-left: 3px #E31E24 solid;
     -webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
	padding-left: 30px;
	/*font-weight: bold;*/
}

.navbar {
  margin-bottom: 0;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #033085;
    color: #2988d7;
}
.navbar-inverse .navbar-toggle {
    border-color: #c1c1c1;
    color: #c1c1c1;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #033085;
}


.navbar-collapse {
    max-height: 440px;
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    padding-bottom: 30px;
}

.nav > li:hover > a {
  font-size: 15px;
  text-transform: uppercase;
  background: #072B6F !important;
  color: #fff;
}

@media screen and (min-width: 1024px) { 
  .sidebar-nav {
      padding: 9px 0;
  }
  .dropdown .dropdown-menu{
  	display: block;
  	left: -20px;
  	-webkit-transition:all .35s;
  	-moz-transition:all .35s;
  	transition:all .35s;
  	opacity: 0;
  	visibility: hidden;
  	min-width: 250px;
  }
  /*.dropdown-menu .sub-menu {
     
      position: absolute;
      top: 0;
      opacity: 0;
      margin-top: -1px;
       -webkit-transition:all .35s;
  	-moz-transition:all .35s;
  	transition:all .35s;
  }

  .dropdown-menu li:hover .sub-menu {
  	
  	-webkit-transition:all .35s;
  	-moz-transition:all .35s;
  	transition:all .35s;

      opacity: 1;
  }*/

  .dropdown:hover .dropdown-menu {
  	visibility: visible;
      opacity: 1;
      
      left: 0px;
      -webkit-transition:all .35s;
  	-moz-transition:all .35s;
  	transition:all .35s;

  }

  .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
      margin-top: 0;
  }


}
/*----------------------------------------------------------------------------BANERKI*/
.baner-prawy{
 
  height:150px;
  background: #fafafa;
  margin-bottom: 20px;
  /*border:1px #eee solid;*/
  overflow: hidden; 
  position: relative;

  width: 100%;
  
  font-size: 1.2em;
  font-weight: bold;
  

  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);

  /*-webkit-box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.24);
box-shadow: 0px 0px 9px -3px rgba(0,0,0,0.24);*/
}


.boxlink{
  color: #333;
  text-shadow: 0 1px 2px rgba(255,255,255,.6);

}

.boxlink:hover{
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,.2);

}

.boxlink:hover img{
  -webkit-filter: invert(1);
     filter: invert(1);
}

.iconbox{
  padding: 10px;
}
.box-header {

    /*background: rgba(204,2,0,0.8);*/
    min-width:100%;
    line-height: 22px;
    padding-right: 30px;
    padding-left: 30px;
    position: absolute;
    right: 0;
    top:0px;
    height: 100%;
    padding-top: 15px;

	/** START THE GRADIENT RULES **/
	/*background-image: linear-gradient(to right, #fff 50%, #E31E24 50%);*/


	-webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;


}

.boxlink:hover .box-header{
	/*background: rgba(204,2,0,0.8);*/
	background-position: bottom right;

	padding-right: 60px;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .15s;
}

.box-header .fa{
  margin-top: 15px;
  margin-bottom: 15px;
}

.colorek1{

	background-image: linear-gradient(to right, #f7f7f7 50%, #E31E24 50%);  
	background-size: 200% 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	border-left: 3px #E31E24 solid;
	-webkit-transition: background 0.25s ease-out;  
	-moz-transition: background 0.25s ease-out;  
	-o-transition: background 0.25s ease-out;  
	transition: background 0.25s ease-out;
}
.colorek2{

	background-image: linear-gradient(to right, #f7f7f7 50%, #ff9908 50%);
	background-size: 200% 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	border-left: 3px #ff9908 solid;
	-webkit-transition: background 0.25s ease-out;  
	-moz-transition: background 0.25s ease-out;  
	-o-transition: background 0.25s ease-out;  
	transition: background 0.25s ease-out;
}
.colorek3{
  
	background-image: linear-gradient(to right, #f7f7f7 50%, #033085 50%);
	background-size: 200% 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	border-left: 3px #033085 solid;
	-webkit-transition: background 0.25s ease-out;  
	-moz-transition: background 0.25s ease-out;  
	-o-transition: background 0.25s ease-out;  
	transition: background 0.25s ease-out;
}

.colorek4{
  
  background-image: linear-gradient(to right, #f7f7f7 50%, #119E9D 50%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
  border-left: 3px #119E9D solid;
  -webkit-transition: background 0.25s ease-out;  
  -moz-transition: background 0.25s ease-out;  
  -o-transition: background 0.25s ease-out;  
  transition: background 0.25s ease-out;
}

.colorek5{
  
  background-image: linear-gradient(to right, #f7f7f7  50%, #119E12 50%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
  border-left: 3px #119E12 solid;
  -webkit-transition: background 0.25s ease-out;  
  -moz-transition: background 0.25s ease-out;  
  -o-transition: background 0.25s ease-out;  
  transition: background 0.25s ease-out;
}

.colorek6{
  
  background-image: linear-gradient(to right, #f7f7f7  50%, #67D706 50%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
  border-left: 3px #67D706 solid;
  -webkit-transition: background 0.25s ease-out;  
  -moz-transition: background 0.25s ease-out;  
  -o-transition: background 0.25s ease-out;  
  transition: background 0.25s ease-out;
}

.colorek7{
  
  background-image: linear-gradient(to right, #f7f7f7  50%, #FF3C0C 50%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
  border-left: 3px #FF3C0C solid;
  -webkit-transition: background 0.25s ease-out;  
  -moz-transition: background 0.25s ease-out;  
  -o-transition: background 0.25s ease-out;  
  transition: background 0.25s ease-out;
}

.boxlink:hover .colorek1,.boxlink:hover .colorek2,.boxlink:hover .colorek3
,.boxlink:hover .colorek4,.boxlink:hover .colorek5
,.boxlink:hover .colorek6,.boxlink:hover .colorek7{

    background-position: bottom right;
   -webkit-transition: background 0.25s ease-out;  
    -moz-transition: background 0.25s ease-out;  
    -o-transition: background 0.25s ease-out;  
    transition: background 0.25s ease-out;
}
.small{
  font-weight: 300;
  font-size: 12px;
}
/*----------------------------------------------------------------------------ARTYKULY*/
.biglist{
  /*padding-bottom: 15px;
  margin-bottom: 15px;*/
}
.a-t-box{
  padding-left: 15px;
  /*padding-top: 5px;*/
  
  border-left-width:30%;
  border-left: 3px #efefef solid;
 
}

.a-t-box h3,.a-t-box h4{
  font-weight: bold;
  border-left: 3px #E31E24 solid;
   padding-left: 15px;
   margin-left: -18px;
   color: #222;

}

.a-t-box a{
  color: #333;
  font-weight: bold;
}


.i-t-box{
  padding-bottom: 15px;
  margin-bottom: 15px;

}

h2.nag-box{
  color: #222;
  font-weight: bold;
  padding-bottom: 30px;
}

h2.nag-box small{
  color: #333;
  /*font-weight: bold;*/
  padding-bottom: 30px;
}

.zp-box a{
  color:#D0FFFF
}

.zp-box{
  margin-top: 30px;
  background: #033085;
  padding: 20px;
  color: #fff;
  margin-bottom: 30px;
}

.zp-box .a-t-box{
    background: transparent;
    border:0px;
}

.zp-box h3{
  font-size: 18px;
  color: #fff;
  border:0px;


}

.zp-box h3 a{
  
  color: #fff;
}

.zp-box .i-t-box {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.zp-box .a-t-box {
    margin-left: -15px;
    /*padding-left: 30px;*/
    border-left: 0px #3276B1 solid;
}
.zp-box hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #153c8b;
}

.nag-dzial{
  
  color: #333;
  font-weight: bold;
  font-size: 24px !important;
}

.zp-box a:hover{
  color: #fff;
  

}

.zp-box .admn-links {
    
    border-top: 1px #204a81 dotted !important;
}

a.btnz{
  text-decoration: none;
  padding-left: 0px;

  -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

a.btnz:hover{
  text-decoration: none;
  padding-left: 15px;

  -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

/*----------------------------------------------------------------------------MENU BOCZNE*/
.menu-boczne {
  width: 100%;
  /*max-width: 600px;*/
  background: #fff;
  /*margin: 4em auto;*/
  /*box-shadow: 0 4px 40px #dfdfdf;*/
}
.menu-boczne ul {
  /* by default hide all sub menus */
  display: none;
}
.menu-boczne li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-left: 3px #E31E24 solid;
  margin-bottom: 3px;

	background-image: linear-gradient(to left, #fafafa 50%, #efefef 50%);  
	background-size: 200% 100%;
	background-repeat: no-repeat;
	background-position: bottom right;
	
	-webkit-transition: background 0.25s ease-out;  
	-moz-transition: background 0.25s ease-out;  
	-o-transition: background 0.25s ease-out;  
	transition: background 0.25s ease-out;
}

.menu-boczne li:hover{
	background-position: bottom left;
   -webkit-transition: background 0.25s ease-out;  
    -moz-transition: background 0.25s ease-out;  
    -o-transition: background 0.25s ease-out;  
    transition: background 0.25s ease-out;
}
.menu-boczne li > ul > li{
  
  border-left: 0px;
}
.menu-boczne input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.menu-boczne label, .menu-boczne a {
  position: relative;
  display: block;
  padding: 18px 18px 18px 34px;
  /*background: #fafafa;*/
  
  color: #333;
  font-size: 1.2rem;
}
.no-touch .menu-boczne label:hover, .no-touch .menu-boczne a:hover {
  /*background: #eee;*/
}
.menu-boczne label::before {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.menu-boczne label {
  cursor: pointer;
}
.menu-boczne label::before {
  background-image: url(../images/cd-icons.svg);
  background-repeat: no-repeat;
}
.menu-boczne label::before {
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.menu-boczne label::after {
  /* folder icons */
  left: 41px;
  background-position: -16px 0;
}
.menu-boczne a::after {
  /* image icon */
  left: 36px;
  background: url(../images/cd-icons.svg) no-repeat -48px 0;
}
.menu-boczne input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.menu-boczne input[type=checkbox]:checked + label + ul,
.menu-boczne input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}

.menu-boczne ul label,
.menu-boczne ul a {
  background: #f4f4f4;
  
  padding-left: 32px;
  border:0px;
}
.no-touch .menu-boczne ul label:hover, .no-touch
.menu-boczne ul a:hover {
  background: #eee;
}
.menu-boczne > li:last-of-type > label,
.menu-boczne > li:last-of-type > a,
.menu-boczne > li > ul > li:last-of-type label,
.menu-boczne > li > ul > li:last-of-type a {
  box-shadow: none;
}
.menu-boczne ul label::before {
  left: 36px;
}

.menu-boczne ul ul label,
.menu-boczne ul ul a {
  padding-left: 50px;
}
.menu-boczne ul ul label::before {
  left: 54px;
}

.menu-boczne ul ul ul label,
.menu-boczne ul ul ul a {
  padding-left: 50px;
}
.menu-boczne ul ul ul label::before {
  left: 72px;
}

@media only screen and (min-width: 600px) {
  .menu-boczne label, .menu-boczne a {
    padding: 8px 8px 8px 62px;
    font-size: 1em;
  }
  .menu-boczne label::before {
    left: 24px;
  }
  
  .menu-boczne ul label,
  .menu-boczne ul a {
    padding-left: 106px;
  }
  .menu-boczne ul label::before {
    left: 48px;
  }
  
  .menu-boczne ul ul label,
  .menu-boczne ul ul a {
    padding-left: 130px;
  }
  .menu-boczne ul ul label::before {
    left: 72px;
  }
  
  .menu-boczne ul ul ul label,
  .menu-boczne ul ul ul a {
    padding-left: 154px;
  }
  .menu-boczne ul ul ul label::before {
    left: 96px;
  }
  
}


.menu-boczne.anim label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

/*---------------------------------------------------------------------------VIDEO*/

video {
  width: 100%    !important;
  height: auto   !important;
}

/*---------------------------------------------------------------------------GREY*/

img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}
/*----------------------------------------------------------------------------GAL*/
.syl_effect{
  position: relative;
  
    
  overflow: hidden;
}



.cmeff{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  background: rgba(0,0,0,0.6);
  color: #fff;

  -moz-transition: all 1.3s;
  -webkit-transition: all 1.3s;
  transition: all 1.3s;

}

.cmeff h4{
  display: block;
  margin-top: 30%;
  margin-left: auto;
  margin-right: auto;
  
}

.cmeff .lupa{
  position: absolute;
  margin-top: 30%;
  left: 50%;
  margin-left: -12px;

}

.syl_effect:hover .cmeff {
  -moz-transform: scale(1.8);
  -webkit-transform: scale(1.8);
  transform: scale(1.8);
  opacity: 1;
}

@media(max-width:992px){
	.syl-img-adv {
		max-width: 50% !important;
	}
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff;
    border-radius: 0px;
    border-bottom: 1px #dfdfdf solid;
}

.small-text {
    color: #aaa;
    font-weight: 300;
}

.btn-default {
    color: #fff;
    background-color: #ce2626;
    border-color: #e31f25;

    -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

.btn-default:hover {
    
    -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

/*a.art-right:hover {
    text-decoration: none !important;
    color: #aaa;
}*/

iframe{
  width: 100%;
  min-height: 510px;
}

.modal-dialog {
    width: 900px;
    margin: 30px auto;
}

.f-mod{
  font-weight: bold;
  font-size: 22px;
  margin-left: 5px;
  cursor: pointer;
  

}

.dropdown-menu.show{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}


li.open ul.dropdown-menu{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}


.instantopen{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.cat-subm-h{
  font-weight: 800;
  font-size: 22px;
}