@CHARSET "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align:baseline;
}

html,body {
    height:100%;
}


table
{
border-collapse:collapse;
border-spacing:0;
}


address,caption,cite,code,dfn,em,strong,th,var
{
font-style:normal;
font-weight:normal;
}
	
	
blockquote, q
{
quotes:none;
}


.active
{
    color: red !important;
    padding-: 14px 3px 8px 21px !important;
}


blockquote:before, blockquote:after,
q:before, q:after 
{
content:'';
content:none;
}


:focus
{
outline:1px dotted #666;
}
	
	/* html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary
{
 display: block;
}


body
	{
	   background-color: #760000 !important;
	}


#headerWrapper
	{
	  height-: 195px;
	  background-color: #fff;
	  width: 100%;
	  border-top-:9px solid #1d1c1c; 
	  
	}
	

header
	{
	   width-: 960px;
	   height-: 195px;
	   background-color-: grey;
	   margin: 0 auto;
	}
	
	
	.logo
	{
	   width:400px;
	   float:left;
	   height:195px;
	}
	
	.logo img
	{
	   padding-: 4px 0 0 0;
     padding: .25em 0 0 0;
	}
	
	
	.utilities
	{
	   width:500px;
	   height: 195px;
	   float: right;
	   background-color-:#fff;
	}
	
	
#navWrapper
	{
	   width: 100%;
	   height-: 35px;
	   background-color: #760000;
	   position:relative;
	   z-index:100;
	   padding-bottom-: 5px;

	}


  .pagecontentWrapper p
  {
    padding-bottom: 15px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
  }


  .pagecontentWrapper h1
  {
    
    padding-right: 10px;
    padding-left: 10px;
  }


  .pagecontentWrapper .img-thumbnail
  {
    
    padding-right: 10px;
    padding-left: 10px;
    max-width: 98%;
  }
	
/*nav
	{
	   width: 960px;
	   height-: 35px;
	   background-color: #3a3435;
	   margin: 0 auto;
	   padding-: 2px 0 3px 0;

      



   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     
    background: #014464;
    background: -moz-linear-gradient(top, #454343, #100f0f);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454343), to(#100f0f));
     

     
    border: 1px solid #100f0f;
 
    -moz-box-shadow:inset 0px 0px 1px #100f0f;
    -webkit-box-shadow:inset 0px 0px 1px #100f0f;
    box-shadow:inset 0px 0px 1px #100f0f;
	}*/
	
	
nav li
	{
	   display: inline;
	}
	
	
	.etvslider
	{
     height: auto;
	   margin-top: 2px;
	   margin:auto;
      
	}



	
	
	.contentWrapper
	{
	   width-: 960px;
	   height-: 900px;
     padding-: 10px;
	   margin-:34px auto;
     margin-:10px auto;
	   background-color-: #fff;
	   /*min-height: 700px;  Mindesthöhe für moderne Browser */
   /* height:auto !important;  Important Regel für moderne Browser */
    /* height:100%; Mindesthöhe für den IE */
      /*overflow: hidden !important;  FF Scroll-leiste */
    

	}
	
	
	 #section
	{
	   width-: 641px;
	   height-: 800px;
	   float: left;

	   background-color: #fff;
	   min-height: 700px; /* Mindesthöhe für moderne Browser */
       height:auto !important; /* Important Regel für moderne Browser */
       height:100%; /* Mindesthöhe für den IE */
       overflow: hidden !important; /* FF Scroll-leiste */
       position-: relative;
	  /* Sets a border radius for every elements that need it */
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -o-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      
	}


  #gt
  {

      background-color: #fff;
     min-height: 700px; /* Mindesthöhe für moderne Browser */
       height:auto !important; /* Important Regel für moderne Browser */
       height:100%; /* Mindesthöhe für den IE */
       overflow: hidden !important; /* FF Scroll-leiste */
       position-: relative;
    /* Sets a border radius for every elements that need it */
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -o-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
       margin-top: 10px;
  }



  .sideb
  {
    margin-top: 10px;

  }
	
	
	.contentWrapper .sectionInfo
	{
 
       padding-:25px 0 19px 9px;	
       padding:-2px 0 6px 9px; 
       color:#770000;
       margin-: 0px !important;
       
       /* Sets a border radius for every elements that need it */
      -webkit-border-radius-top: 20px;
      -moz-border-radius-top: 20px;
      -o-border-radius-top: 20px;
      -ms-border-radius-top: 20px;
      border-radius-top: 20px;
      border-bottom: 2px solid #454343;
       
        /* Background color and gradients */
     
    background-: #014464;
    background-: -moz-linear-gradient(top, #454343, #100f0f);
    background-: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454343), to(#100f0f));
     
    /* Borders */
     
    border-: 1px solid #100f0f;
 
    -moz-box-shadow-:inset 0px 0px 1px #100f0f;
    -webkit-box-shadow-:inset 0px 0px 1px #100f0f;
    box-shadow-:inset 0px 0px 1px #100f0f;
	}	



  .contentWrapper .sectionInfo h1
  {
    font-size: 17px;
  }

	
	
	.news
	{
	   width-: 608px;
	   height-: 150px;
     position: relative;
	   margin: 10px auto;
	   padding-left:6px;
	   padding-right:10px;
	   padding-bottom:15px;
	   background-color-: #1ba687;
	   border-bottom-:1px solid #3A3435;
	   min-height: 150px; /* Mindesthöhe für moderne Browser */
       height:auto !important; /* Important Regel für moderne Browser */
       height:100%; /* Mindesthöhe für den IE */
       overflow: hidden !important; /* FF Scroll-leiste */
	}


  .news .weiter
  {
    bottom: 0;
    background-color-: red;
    position: absolute;
    width: 98%;
    background-color: #605844;
    text-align: right;
    margin: auto;




     /* Background color and gradients */
     
    background: #014464;
    background: -moz-linear-gradient(top, #454343, #100f0f);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454343), to(#100f0f));
     
    /* Borders */
     
    border: 1px solid #100f0f;
 
    -moz-box-shadow:inset 0px 0px 1px #100f0f;
    -webkit-box-shadow:inset 0px 0px 1px #100f0f;
    box-shadow:inset 0px 0px 1px #100f0f;
  }


  .news .weiter a
  {
    color: #fff !important;
  }


  .news .weiter:hover, .asideContentHeader:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#646161), to(#242323));
    background-image: -webkit-linear-gradient(top, #646161, #242323);
    background-image:    -moz-linear-gradient(top, #646161, #242323); 
    background-image:     -ms-linear-gradient(top, #646161, #242323); 
    background-image:      -o-linear-gradient(top, #646161, #242323); 
    background-image:         linear-gradient(to bottom, #646161, #242323);
  }
	
	
	.newsImg
	{
	  width:120px;
	  height:120px;
	  background-color-:#ad1ab6;
	  float:left;
	  margin-right: 17px;
	}


  .newsImg img
  {
    width:120px;
    height:120px;
    
  }


  .news h2
  {
    color: #cc0000 !important;
  }



  .pagecontentWrapper
  {
     
     height-: 900px;
     margin-:34px auto;
     margin:10px auto;
     background-color: #fff;
     min-height: 820px; /* Mindesthöhe für moderne Browser */
     height:auto !important; /* Important Regel für moderne Browser */
     height:100%; /* Mindesthöhe für den IE */
     overflow: hidden !important; /* FF Scroll-leiste */
     position: relative;
     clear-: both;
     

     /* Sets a border radius for every elements that need it */
      -webkit-border-radius-: 20px;
      -moz-border-radius-: 20px;
      -o-border-radius-: 20px;
      -ms-border-radius-: 20px;
      border-radius-: 20px;

  }


   .pagecontentWrapperGallery
  {
     width: 100%;
     width-: 960px;
     height-: 900px;
     margin-:34px auto;
     margin:10px auto;
     background-color: #fff;
     min-height: 700px; /* Mindesthöhe für moderne Browser */
     height:auto !important; /* Important Regel für moderne Browser */
     height:100%; /* Mindesthöhe für den IE */
     overflow: hidden !important; /* FF Scroll-leiste */
     position: relative;
     clear-: both;

     /* Sets a border radius for every elements that need it */
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -o-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;

  }
	
	
	
	.contentWrapper aside
	{
	   width-: 282px;
	   height-: 800px;
	   float: right;
	   background-color: #760000;
       background-color-: #ddd;
	   min-height: 700px; /* Mindesthöhe für moderne Browser */
       height:auto !important; /* Important Regel für moderne Browser */
       height:100%; /* Mindesthöhe für den IE */
       overflow: hidden !important; /* FF Scroll-leiste */
       position-: relative;
	   
	}


  .viewTitle
  {
    width: 98%;
    height: 60px;
    margin-: auto;
    background-color-: olive;
    border-bottom: 2px solid #3A3435;
    position: relative;
  }


  .viewTitle h1
  {
     position: absolute;
     top: 14px;
     font-weight-: bold;
     color: #cc0000;
  }
	
	
	.asideInfo
	{
	   width-: 282px;
	   background-color: #fff;
	   margin-bottom: 15px;
	   min-height: 300px; /* Mindesthöhe für moderne Browser */
       height:auto !important; /* Important Regel für moderne Browser */
       height:100%; /* Mindesthöhe für den IE */
       overflow: hidden !important; /* FF Scroll-leiste */
       /* Sets a border radius for every elements that need it */
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -o-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
	}
	
	
	
	.asideContentHeader
	{
	   text-align:center;
	   border-bottom:2px solid #3A3435;
	   width-:282px;
	   padding: 15px 0px 11px 0;
	   color:#fff;
	   background-color:#100f0f;
	   font-weight:bold;
	   
	       /* Background color and gradients */
     
    background: #100f0f;
    background: -moz-linear-gradient(top, #454343, #100f0f);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454343), to(#100f0f));
     
    /* Borders */
     
    border: 1px solid #002232;
 
    -moz-box-shadow:inset 0px 0px 1px #100f0f;
    -webkit-box-shadow:inset 0px 0px 1px #100f0f;
    box-shadow:inset 0px 0px 1px #100f0f;
	}

  .teamViewPageLate > .container > .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
	{
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }

  .teamViewPageLate img {
     height: 350px !important;
  }

  .titlePageNew {
    border-bottom: 2px solid #3a3435;
    height: 60px;
    position: relative;
    width: 100%;
  }

  .titlePageNew h1 {
    color: #cc0000;
    left: 18px;
    position: absolute;
    top: 14px;
  }
	
	.asideContent
	{
    width-: 271px;
	  min-height: 200px; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    overflow: hidden !important; /* FF Scroll-leiste */
	  background-color-: purple;
	  margin:auto;
	}


  .teamInfoAside
  {
    width: 100%;
    height-: 90px;
    border-bottom-: 1px solid #cc0000;
    background-color-: yellow;
  }


  .teamInfoAside h3
  {
    color: #cc0000;
    font-weight: bold;
    padding: 6px 0 4px 0;
  }


  .infoLesen
  {
    color: #cc0000;
    text-align: right;
    padding: 3px 0 4px 0;
  }
	
	
	
#footerWrapper
	{
	   width: 100%;
	   height-: 45px;
	   background-color: #760000;
	  min-height: 40px; /* Mindesthöhe für moderne Browser */
      height-:auto !important; /* Important Regel für moderne Browser */
      height-:100%; /* Mindesthöhe für den IE */
      overflow: hidden !important; /* FF Scroll-leiste */
	  background-color-: purple;
	  background-image: url(../images/etv-footer-bg.jpg);
	  background-repeat-: repeat-x;
	  border-top-:1px solid #1d1c1c;
    border-top:1px solid #f0f0f0;
    color: #f0f0f0;
	}	
	
	
	footer
	{
	   width-: 960px;
	   height-: 400px;
	   margin:auto; 
     background-color-: yellow;
      min-height: 200px; /* Mindesthöhe für moderne Browser */
      height:auto !important; /* Important Regel für moderne Browser */
      height:100%; /* Mindesthöhe für den IE */
      overflow: hidden !important; /* FF Scroll-leiste */
	}	


  footer div
  {
    width-: 230px;
    height-: 300px;
    background-color-: blue;
    float-: left;
    margin-left-: 7px;
    min-height-: 300px; /* Mindesthöhe für moderne Browser */
    height-:auto !important; /* Important Regel für moderne Browser */
    height-:100%; /* Mindesthöhe für den IE */
    overflow-: hidden !important; /* FF Scroll-leiste */
  }


  .nav-footer
  {
     background-color: transparent;
     position: absolute;
     left: -10px;  
  }



 .nav-footer li
 {
  float: left;
  padding: 5px;
  margin-left: 8px;
  background-color-: blue;
 }


  footer div ul
  {
    padding: 10px 0 0 0px;
    list-style: none;
    line-height: 1.5em;
    background-color: transparent;
    margin-left: 10px;
  }


  footer div ul h3
  {
    color: #fff;
    font-weight: bold;
  }


  footer div ul a
  {
    color: #fff;
    text-decoration: none;
  }
	

  footer div ul a:hover
  {
    color: #ffffff;
    text-decoration-: none;
  }


  .teamPic
  {
    width: 98%;
    height: 600px;
    background-color: #ddd;
    margin:10px auto;
  }


  .trainerPic
  {
    width: 280px;
    height: 280px;
    margin:20px auto;
    background-color: green;
  }


  .playerspic
  {
    width: 98%;
    background-color: #ddd;
    margin:0 auto 20px;
    min-height: 400px; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    overflow: hidden !important; /* FF Scroll-leiste */
  }


  .playerspic div
  {
    width: 280px;
    height: 280px;
    background-color: #aeaeae;
    float: left;
    margin: 10px 0 8px 26px;
  }


  .map
  {
    width: 98%;
    margin: auto;
    height: 500px;
  }
	
	





/************************************NAVIGATION  STARTS*********************************************/

/* Navigation Bar */
 
#menu {
    list-style:none;
    width:960px;
    width-:90%;
    margin-:30px auto 0px auto;
    height:43px;
    padding-:0px 20px 0px 20px;
 
    /* Rounded Corners */
     
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
 
    /* Background color and gradients */
     
    background: #014464;
    background: -moz-linear-gradient(top, #454343, #100f0f);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454343), to(#100f0f));
     
    /* Borders */
     
    border: 1px solid #100f0f;
 
    -moz-box-shadow:inset 0px 0px 1px #100f0f;
    -webkit-box-shadow:inset 0px 0px 1px #100f0f;
    box-shadow:inset 0px 0px 1px #100f0f;
}
 
/*#menu li {
    float:left;
    text-align:center;
    position:relative;
    padding: 4px 10px 4px 10px;
    margin-right:30px;
    margin-top:7px;
    border:none;
}*/



#menu li {
    float:left;
    text-align:center;
    position:relative;
    margin-right:30px;
    margin-top:2px;
    top: -1px;
    border:none;
    padding: 4px 2px 16px 3px;
}

 
#menu li:hover {
    border-: 1px solid #ddd;
    padding: 4px 2px 16px 3px;
    margin-right:30px;
    margin-top:2px;
     
    /* Background color and gradients */
     
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #ddd, #777);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#777));
     
    /* Rounded corners */
     
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}



 
#menu li a {
    font-family:Arial, Helvetica, sans-serif;
    font-size-:14px;
    font-size:0.9em;
    color: #EEEEEE;
    display:block;
    outline:0;
    text-decoration:none;
    text-shadow: 1px 1px 1px #000;
    margin-top: 4px;
    margin-left: 6px;
}
 
#menu li:hover a {
    color:#161616;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#menu li .drop {
    padding-right:21px;
    background:url("img/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
    background:url("img/drop.png") no-repeat right 7px;
}
 
/* Drop Down */
 
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    border:1px solid #777777;
    border-top:none;
     
    /* Gradient background */
    background:#605855;
    background: -moz-linear-gradient(top, #ddd, #777);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#777));
 
    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}
 
.dropdown_1column {width: 140px;}
.dropdown_2columns 
{
  width: 280px;
  border-: 5px solid #cc0000;
  border-style-: inset;

}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}
 
#menu li:hover .dropdown_1column,
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
    left:-1px;
    top-:auto;
    top: 33px;
}
 
/* Columns */
 
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}
 
/* Right alignment */
 
#menu .menu_right {
    float:right;
    margin-right:0px;
}
#menu li .align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
#menu li:hover .align_right {
    left:auto;
    right:-1px;
    top:auto;
}
 
/* Drop Down Content Stylings */
 
#menu p, #menu h2, #menu h3, #menu ul li {
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    font-size:12px;
    text-align:left;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
    font-size:21px;
    font-weight:400;
    letter-spacing:-1px;
    margin:7px 0 14px 0;
    padding-bottom:14px;
    border-bottom:1px solid #666666;
}
#menu h3 {
    font-size:14px;
    margin:7px 0 14px 0;
    padding-bottom:7px;
    border-bottom:1px solid #888888;
}
#menu p {
    line-height:18px;
    margin:0 0 10px 0;
}
 
#menu li:hover div a {
    font-size:12px;
    color:#015b86;
}
#menu li:hover div a:hover {
    color:#029feb;
}
.strong {
    font-weight:bold;
}
.italic {
    font-style:italic;
}
.imgshadow {
    background:#FFFFFF;
    padding:4px;
    border:1px solid #777777;
    margin-top:5px;
    -moz-box-shadow:0px 0px 5px #666666;
    -webkit-box-shadow:0px 0px 5px #666666;
    box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
    width:auto;
    float:left;
    margin:5px 15px 5px 5px;
}
#menu li .black_box {
    background-color:#333333;
    color: #eeeeee;
    text-shadow: 1px 1px 1px #000;
    padding:4px 6px 4px 6px;
 
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
 
    /* Shadow */
    -webkit-box-shadow:inset 0 0 3px #000000;
    -moz-box-shadow:inset 0 0 3px #000000;
    box-shadow:inset 0 0 3px #000000;
}
#menu li ul {
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}
#menu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    width:130px;
}
#menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}
#menu li .greybox li {
    background:#F4F4F4;
    border:1px solid #bbbbbb;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:116px;
 
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
    background:#ffffff;
    border:1px solid #aaaaaa;
    padding:4px 6px 4px 6px;
    margin:0px 0px 4px 0px;
}
/************************************NAVIGATION  ENDS*********************************************/



/************************************SEARCH FORM  STARTS*********************************************/

.wrapper-simple {
	text-align: center;
	margin: 0 auto;
	display: block;
	width: 60px;
	height: 45px;
	padding: 10px 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5fafe), to(#e2edf4));
	background-image: -webkit-linear-gradient(top, #f5fafe, #e2edf4);
	background-image:    -moz-linear-gradient(top, #f5fafe, #e2edf4); 
   background-image:     -ms-linear-gradient(top, #f5fafe, #e2edf4); 
   background-image:      -o-linear-gradient(top, #f5fafe, #e2edf4); 
   background-image:         linear-gradient(to bottom, #f5fafe, #e2edf4);
	border-radius: 5px;
	box-shadow: inset rgba(255, 254, 255, 1) 0 0.1em 2px,
					#9bb6c9 0 1px 2px;
	position: relative;
}
		
.wrapper1, .wrapper2 {
	display: block;
	width: 300px;
	margin-: 0 auto;
	float-:right;
	margin-left:38%;
	margin-top: 8px;
	-webkit-perspective : 1200px;
	-moz-perspective : 1200px;
	-ms-perspective : 1200px;
	perspective : 1200px;
}


.wrapper-simple input[type=submit] {
	margin-top: 0;
	z-index: 2;
	position: relative;
	vertical-align: top;
	height: 43px;
	min-width: 55px;
	max-width: 55px;
	border-radius: 3px;
	border: 1px solid #aa7818;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb700), to(#ff8c00));
	background-image: -webkit-linear-gradient(top, #ffb700, #ff8c00);
	background-image:    -moz-linear-gradient(top, #ffb700, #ff8c00); 
   background-image:     -ms-linear-gradient(top, #ffb700, #ff8c00); 
   background-image:      -o-linear-gradient(top, #ffb700, #ff8c00); 
   background-image:         linear-gradient(to bottom, #ffb700, #ff8c00);
	box-shadow: inset rgba(255, 255, 255, .5) 0 0.1em 0.1em;
	cursor: pointer;
}

	.wrapper-simple input[type=submit]:active {
		box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	}

.wrapper-simple img {
	position: absolute;
	top: 1.4em;
	left: 1.5em;
	z-index: 4;
	pointer-events: none;
}
	
.search-button1, .search-button2 {
	display: block;
	position: absolute;
	width: 50px;
	height: 30px;
	border: 1px solid #100f0f;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#454343), to(#100f0f));
	background-image: -webkit-linear-gradient(top, #454343, #100f0f);
	background-image:    -moz-linear-gradient(top, #454343, #100f0f); 
   background-image:     -ms-linear-gradient(top, #454343, #100f0f); 
   background-image:      -o-linear-gradient(top, #454343, #100f0f); 
   background-image:         linear-gradient(to bottom, #454343, #100f0f);
   box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, 
					#090808 0 0.5em 0, 
					rgba(0, 0, 0, 0.2) 0 0.9em 3px;
	padding: 10px 6px;
	border-radius: 5px;
	cursor: pointer;
	z-index: 1;
	-webkit-transform:  translateZ(45px);
	-moz-transform:  translateZ(45px);
	-ms-transform:  translateZ(45px);
	transform:  translateZ(45px);
}

.search-button1 {
	width: 300px;	
}
	
	.search-button1 span, .search-button2 span {
		display: block;
		margin: 0 auto;
		background: #643904;
		border-radius: 30px;
		width: 30px;
		height: 30px;
		box-shadow: rgba(255,255,255,.3) 0 1px 0px;
	}
	
		.search-button1 span img, .search-button2 span img {
			vertical-align: middle;
			padding-top: 7px;
		}

	.search-button1:hover, .search-button2:hover, .wrapper-simple input[type=submit]:hover {
		background-image: -webkit-gradient(linear, left top, left bottom, from(#646161), to(#242323));
		background-image: -webkit-linear-gradient(top, #646161, #242323);
		background-image:    -moz-linear-gradient(top, #646161, #242323); 
   	background-image:     -ms-linear-gradient(top, #646161, #242323); 
   	background-image:      -o-linear-gradient(top, #646161, #242323); 
   	background-image:         linear-gradient(to bottom, #646161, #242323);
	}

	.search-button1:active, .search-button2:active {
		margin-top: 0.2em;
		box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, 
						#242323 0 0.3em 0, 
						rgba(0, 0, 0, 0.2) 0 0.5em 3px;	
	}
	
.search-box1, .search-box2 {
	margin-top: -.6em;
	display: none;
	position: absolute;
	width: 300px;
	height: 50px;
	padding: 10px 6px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1b1717), to(#261f1f));
	background-image: -webkit-linear-gradient(top, #1b1717, #e2edf4);
	background-image:    -moz-linear-gradient(top, #1b1717, #e2edf4); 
   background-image:     -ms-linear-gradient(top, #1b1717, #e2edf4); 
   background-image:      -o-linear-gradient(top, #1b1717, #e2edf4); 
   background-image:         linear-gradient(to bottom, #1b1717, #e2edf4);
	border: 1px solid #1b1717;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	border-radius: 5px;
	box-shadow: inset rgba(255, 254, 255, 0.2) 0 0.3em .3em, 
					#899faf 0 .5em 0px, 
					rgba(0, 0, 0, 0.2) 0 .9em 3px;


	-webkit-transform:	rotate3d(1,0,0,90deg) 
								translateZ(20px);
	-moz-transform:	rotate3d(1,0,0,90deg) 
								translateZ(20px);
	-ms-transform:	rotate3d(1,0,0,90deg) 
								translateZ(20px);
	transform:	rotate3d(1,0,0,90deg) 
								translateZ(20px);
								
}

	.search-box1 input, .search-box2 input, .wrapper-simple input[type=text] {
		font-family: verdana;
		font-weight: normal;
		color: #fff;
		background: #4d0606;
		border-radius:2px;
		padding: 10px 10px 15px 10px;
		width: 250px;
		border: 0;
		font-size: 0.8em;
		text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
		box-shadow: inset rgba(0,0,0,.4) 0 1px 1px;
	}
		
		.search-box1 input:focus, .search-box2 input:focus, .wrapper-simple input[type=text]:focus {
			outline: none;
		}
		
		input::-webkit-input-placeholder {
			font-family: Arial;
			font-weight: bold;
			color: #1a3d51;
			text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
		}
		
		input:-moz-placeholder {
			font-family: Arial;
			font-weight: bold;
			color: #1a3d51;
			text-shadow: rgba(255, 255, 255, 0.7) 1px 1px 1px;
		}
		
	
.wrapper-simple input[type=text] {
	position: absolute;
	width: 1px;
	z-index: 2;
	padding-left: 2em;
	margin-left: .2em;
	margin-top: 0;
}
	
	.search-box1 img, .search-box2 img {
		opacity: .5;
		position: absolute;
		margin: .6em 0 0 -2em;
		cursor: pointer;
		-webkit-transition: 0.5s linear;
		-moz-transition: 0.5s linear;
		-ms-transition: 0.5s linear;
		-o-transition: 0.5s linear;
		transition: 0.5s linear;
	}
	
		.search-box1 img:hover, .search-box2 img:hover {
			opacity: 1;
		}

.hide-search-button {
	display: none;
}

.show-search-button {
	display: block;
}

.show-search-box {
	display: block;
}


.search-box1 .los 
{
    width: 20px !important;
    background-color: transparent;
    border: none !important;
    box-shadow: none;
}

.showed-search-box {
	display: block;
	-webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
}

.hidden-search-box {
	-webkit-transform:	rotate3d(1,0,0,90deg) 
								translateZ(25px);
	-moz-transform:	rotate3d(1,0,0,90deg) 
								translateZ(25px);
	-ms-transform:	rotate3d(1,0,0,90deg) 
								translateZ(25px);
	transform:	rotate3d(1,0,0,90deg) 
								translateZ(25px);
}

.switch-show {
	height: 50px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation: showBox 0.5s ease-in-out;
	-moz-animation: showBox 0.5s ease-in-out;
	-ms-animation: showBox 0.5s ease-in-out;
}

.switch-hide {
	height: 50px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation: hideBox 0.5s ease-in-out;
	-moz-animation: hideBox 0.5s ease-in-out;
	-ms-animation: hideBox 0.5s ease-in-out;
}

.switch-show {
	height: 50px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation: showBox 0.5s ease-in-out;
	-moz-animation: showBox 0.5s ease-in-out;
	-ms-animation: showBox 0.5s ease-in-out;
}

.switch-hide {
	height: 50px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation: hideBox 0.5s ease-in-out;
	-moz-animation: hideBox 0.5s ease-in-out;
	-ms-animation: hideBox 0.5s ease-in-out;
}
		
@-webkit-keyframes showBox{
	0% { -webkit-transform: rotate3d(1,0,0,0); }
	100% { -webkit-transform: rotate3d(1,0,0,-90deg); }
}
		
@-moz-keyframes showBox{
	0% { -moz-transform: rotate3d(1,0,0,0); }
	100% { -moz-transform: rotate3d(1,0,0,-90deg); }
}
		
@-ms-keyframes showBox{
	0% { -ms-transform: rotate3d(1,0,0,0); }
	100% { -ms-transform: rotate3d(1,0,0,-90deg); }
}

		
@-webkit-keyframes hideBox{
	0% { -webkit-transform: rotate3d(1,0,0,-90deg); }
	100% { -webkit-transform: rotate3d(1,0,0,0); }
}

		
@-moz-keyframes hideBox{
	0% { -moz-transform: rotate3d(1,0,0,-90deg); }
	100% { -moz-transform: rotate3d(1,0,0,0); }
}

		
@-ms-keyframes hideBox{
	0% { -ms-transform: rotate3d(1,0,0,-90deg); }
	100% { -ms-transform: rotate3d(1,0,0,0); }
}
/************************************SEARCH FORM  ENDS*********************************************/


/************************************VIDEOS STARTS*********************************************/
.videoContainer
{
  width: 460px;
  height: 369px;
  background-color: #555;
  margin: 10px 8px 10px 10px;
  float: left;
  position: relative;
}


.videoContainer .controls
{
  position: absolute;
  background-color: rgba(255,255,255,.5);
  opacity: 0.5;
  bottom: 0;
}


.videoContainer .controls button
{
   background-color-: #fff;
}


#inputSeek
{
  width: 90px;
}


#inputVolume
{
  width: 76px;
}
/************************************VIDEOS ENDS*********************************************/

	
.carousel-caption
{
  z-index: 10;
}


.carousel-inner > .item > img
{
  position: absolute;
  top-: 50px;
  left: 0;
  min-width: 100%;
  height: auto;
}


.carousel-inner > .item
{
  height: 540px;
}	




.intro
{
  background-color: #e8c77a;
  text-align: center;
  padding-top: 10px;
}



.jg2004
{
  margin-top: -10px !important;
}


.jub
{
  background-color: #e8c77a;
  color: #770000;
}



.jub a
{
  
  color: #770000 !important;
}

.friends
{
  line-height: 1.9em;
}


.list-group
{
  max-width: 98% !important;
  margin-left-: 10px;
}



.list-group-item > .badge
{
  float: left !important;

}


.list-group-item
{
  padding: 10px 6px !important;
}


.menu a, .menu a:link, .menu a:visited, .menu a:focus, span
{
	color-: #000 !important;
}


.gaged
{
  background-color-: #ddd;
  
}


.mesed
{
 

}


.tabetv
{
	max-width: 98%;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}


hr
{
	border-color: #ddd !important;
	max-width: 98%;
}


/********************************** USED SEARCH BOX STARTS **********************************************/

#search-form {
  background: #e1e1e1; /* Fallback color for non-css3 browsers */
  width: 365px;
  float: right;

  /* Gradients */
  background: -webkit-gradient( linear,left top, left bottom, color-stop(0, rgb(243,243,243)), color-stop(1, rgb(225,225,225)));
  background: -moz-linear-gradient( center top, rgb(243,243,243) 0%, rgb(225,225,225) 100%);

  /* Rounded Corners */
  border-radius: 17px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;

  /* Shadows */
  box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);
}

/*** TEXT BOX ***/
input[type="text"]{
  background: #fafafa; /* Fallback color for non-css3 browsers */

  /* Gradients */
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230)));
  background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);

  border: 0;
  border-bottom: 1px solid #fff;
  border-right: 1px solid rgba(255,255,255,.8);
  font-size: 16px;
  margin: 4px;
  padding: 5px;
  width: 250px;

  /* Rounded Corners */
  border-radius: 17px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;

  /* Shadows */
  box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
  -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
  -moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
}

/*** USER IS FOCUSED ON TEXT BOX ***/
input[type="text"]:focus{
  outline: none;
  background: #fff; /* Fallback color for non-css3 browsers */

  /* Gradients */
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(235,235,235)));
  background: -moz-linear-gradient( center top, rgb(255,255,255) 0%, rgb(235,235,235) 100%);
}

/*** SEARCH BUTTON ***/
input[type="submit"]{
  background-: #454343;/* Fallback color for non-css3 browsers */

  /* Gradients */
    background: #014464;
    background: -moz-linear-gradient(top, #454343, #100f0f);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454343), to(#100f0f));

  border: 0;
  color: #eee;
  cursor: pointer;
  float: right;
  font: 16px Arial, Helvetica, sans-serif;
  font-weight: bold;
  height: 30px;
  margin: 4px 4px 0;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  width: 84px;
  outline: none;

  /* Rounded Corners */
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;

  /* Shadows */
  box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
  -moz-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.2);
  -webkit-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
}
/*** SEARCH BUTTON HOVER ***/
input[type="submit"]:hover {
  background-: #4ea923; /* Fallback color for non-css3 browsers */

  /* Gradients */
   background: #F4F4F4;
    background: -moz-linear-gradient(top, #ddd, #777);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#777));
}
input[type="submit"]:active {
  background: #4ea923; /* Fallback color for non-css3 browsers */

  /* Gradients */
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));
  background: -moz-linear-gradient( center bottom, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%);
}




/********************************** USED SEARCH BOX ENDS **********************************************/



/********************************** NEWEST NAVIGATION STARTS **********************************************/
/*.navContainer
{
  width-: 960px;
  height: 40px;
  margin: 0 auto;
  background-color: #3a3435;
  margin: 0 auto;
  padding-: 2px 0 3px 0;
  padding-bottom: 0px;
  margin-bottom: 5px;

   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     
    background: #014464;
    background: -moz-linear-gradient(top, #454343, #100f0f);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454343), to(#100f0f));
     

     
    border: 1px solid #100f0f;
 
    -moz-box-shadow:inset 0px 0px 1px #100f0f;
    -webkit-box-shadow:inset 0px 0px 1px #100f0f;
    box-shadow:inset 0px 0px 1px #100f0f;
}

nav ul ul 
{
  display: none;
}



  nav ul li:hover > ul 
  {
    display: block;
  }


  nav ul 
  {
  background-: #efefef; 
  background-: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
  background-: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
  background-: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
  box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
  padding-: 0 20px;
  border-radius-: 10px;  
  list-style: none;
  position: relative;
  display: inline-table;

   -moz-border-radius-: 10px;
    -webkit-border-radius-: 10px;
    border-radius-: 10px;
 
   
     
    background-: #014464;
    background-: -moz-linear-gradient(top, #454343, #100f0f);
    background-: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454343), to(#100f0f));
     
   
     
    border-: 1px solid #100f0f;
 
    -moz-box-shadow-:inset 0px 0px 1px #100f0f;
    -webkit-box-shadow-:inset 0px 0px 1px #100f0f;
    box-shadow-:inset 0px 0px 1px #100f0f;
 }


  nav ul:after 
  {
    content: ""; clear: both; display: block;
  }



  nav ul li 
  {
  float: left;
  }


  nav ul li:hover 
  {
     background: #F4F4F4;
    background: -moz-linear-gradient(top, #ddd, #777);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#777));
     
   
     
    -moz-border-radius-: 5px 5px 5px 5px;
    -webkit-border-radius-: 5px 5px 5px 5px;
    border-radius-: 5px 5px 5px 5px;
  }


    nav ul li:hover a 
    {
      color: #fff;
    }
  

  nav ul li a 
  {
    display: block; padding: 10px 25px;
    color: #fff; text-decoration: none;
  }



  nav ul ul {
  background: #5f6975; border-radius: 0px; padding: 0;
  position: absolute; top: 100%;
    background:#605855;
    background: -moz-linear-gradient(top, #ddd, #777);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#777));
 
  
    -moz-border-radius-: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius-: 0px 5px 5px 5px;
}
  nav ul ul li {
    float: none; 
    border-top: 1px solid #6b727c;
    border-bottom: 1px solid #575f6a;
    position: relative;




  }
    nav ul ul li a {
      padding: 15px 40px;
      color: #fff;
    } 
      nav ul ul li a:hover {
        background: #4b545f;

      }



nav ul ul ul {
  position: absolute; left: 100%; top:0;
}
*/

/********************************** NEWEST NAVIGATION ENDS **********************************************/


.container
{
  padding-: 0px !important;
  
}



.row
{
  margin: 0px !important;

}


.panel-title > a span
{
  color: #000 !important;
}


.table
{
  margin-bottom: 1px !important;
}


.tablepadded
{
  margin-top: 10px;
}


@media (min-width: 1200px) 
{ 
   #gt
  {
      background-color: #fff;
    /* Sets a border radius for every elements that need it */
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -o-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      width: 69%;
  }

  .sideb
  {
    margin-left: 10px !important;
  }

}





@media (min-width: 800px) 
{ 
   #gt
  {
      background-color: #fff;
    /* Sets a border radius for every elements that need it */
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -o-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      width: 69%;
  } 

}




@media (min-width: 980px) 
{ 
   #gt
  {
      background-color: #fff;
    /* Sets a border radius for every elements that need it */
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -o-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      width: 68%;
  } 

}






/* @media(max-width: 980px)
  {
    
    .carousel-inner > .item
{
  height: 336px;
} 

  }




 @media(max-width: 768px) 
  {
    
    .carousel-inner > .item
{
  height: 315px;
} 

  }


 @media(max-width: 320px)
  {
    
    .carousel-inner > .item
{
  height: 149px;
} 




 @media(min-width: 360px)
  {
    
    .carousel-inner > .item
{
  height: 169px;
}*/









@media (max-width: 320px) and (max-width: 480px)
{
  .news .weiter
  {
    position: relative;
  }
}


@media (max-width: 480px)
{
  .news .weiter
  {
    position: relative;
  }
}




    /* Smartphones (portrait and landscape) ----------- */  
    @media only screen  and (min-device-width : 320px) and (max-device-width : 480px) 
    {  
       .carousel-inner > .item
    {
      height: 200px;
    } 

    }  
      
    /* Smartphones (landscape) ----------- */  
    @media only screen   
    and (min-width : 321px) {  
    /* Styles */  
    }  
      
    /* Smartphones (portrait) ----------- */  
    @media only screen   
    and (max-width : 320px) {  
    /* Styles */  
       .carousel-inner > .item
    {
      height: 149px;
    } 
    }  
      
    /* iPads (portrait and landscape) ----------- */  
    @media only screen   
    and (min-device-width : 768px)   
    and (max-device-width : 1024px) {  
    /* Styles */  
    }  



    /***********************************COUNTDOWN STARTS****************************************/

 .etvCountDown
 {
  position-: relative;
  background-color-: #ddd;
  height-: 400px;
  padding-top: 50px;
  padding-left: 126px;
  padding-bottom: 257px;
  background-image: url('../images/pattern.png');
 }   

.countdown-container 
{
   position: relative;
   top-: 50%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%);
  }


.clock-item .inner 
{
height: 0px;
padding-bottom-: 100%;
position: relative;
width: 100%;
}


.clock-canvas 
{
background-color: rgba(255, 255, 255, .1);
border-radius: 50%;
height: 0px;
padding-bottom: 100%;
}


.text 
{
color: #fff;
font-size: 30px;
font-weight: bold;
margin-top: 50px;
position: absolute;
top: 50%;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
width: 100%;
}


.text .val 
{
font-size: 50px;
}


.text .type-time 
{
font-size: 20px;
}


 @media (min-width: 768px) and (max-width: 991px) {
.clock-item {
margin-bottom: 30px;
}
}

 @media (max-width: 767px) {
.clock-item {
margin: 0px 30px 30px 30px;
}
}

/***********************************COUNTDOWN ENDS****************************************/