body { 
    color: #676F6F;
    font-family: 'Poppins', sans-serif;
    margin:0;
    padding:0;
    font-size:17px;
    line-height:1.3em;
}


#logo {
    display:block;
    padding:50px 0;
}

#menu ul {
    position:absolute;
    left:510px;
    top:40px;
}

#menu ul li {
    display:inline-block;
    margin-right:50px;
}

#menu ul li.last {
    margin-right:0px;
}

#menu ul li a {
    color:white;
    text-decoration:none;
    padding-bottom:10px;
}

/*
#menu ul li a.active {
    background:url(./images/menu_active.png) center bottom no-repeat;
    font-weight:bold;
}
*/ 
#header {
    position:relative;
    min-height:500px;
    background:url(./images/kampan1.jpg) top center no-repeat;
    background-size:cover;
}
#header.kampan4 {
    background:url(./images/header.jpg) top left no-repeat;
	/*height:705px; */
	background-size:cover;
}

#header.kampan5 {
    background:url(./images/header_clen.jpg) top left no-repeat;
	height:500px; 
	background-size:cover;
}

#header .header-claims {
    width:100%;
    position:relative;
    color:#73737;
    padding-bottom:20px;
    min-height:280px;
}

#header .header-claims h1 {
    font-size:40px;
    color:#ffffff;
    line-height:1.3em;
    font-weight:900;
    margin-bottom:30px;
	margin-top:100px;
}



#header .header-claims p {
    font-size:22px;
    color:#ffffff;
    line-height:1.5em;
}

.links {
    display:inline-block;
    width:277px;
    height:79px;
    background:url(./images/zjistete_jak.png) left top no-repeat;
    margin-top:90px;
    text-indent:-999px;
    overflow:hidden;
}

#link-zj {
	display:inline-block;
	margin-top:120px;
}

#naleznete, #pripojte-se {
    padding:50px 0;
	min-height:338px;
	background: #3698C5;
	background: -moz-linear-gradient(left, #664729 0%, #664729 0%, #16211d 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #664729), color-stop(0%, #664729), color-stop(100%, #16211d));
	background: -webkit-linear-gradient(left, #664729 0%, #664729 0%, #16211d 100%);
	background: -o-linear-gradient(left, #664729 0%, #664729 0%, #16211d 100%);
	background: -ms-linear-gradient(left, #664729 0%, #664729 0%, #16211d 100%);
	background: linear-gradient(to right, #664729 0%, #664729 0%, #16211d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#664729', endColorstr='#16211d', GradientType=1 );
	
}

#naleznete h2 {
    font-size:29px;
    line-height:1.3em;
    font-weight:bold;
    margin-bottom:35px;
    padding-top:50px;
	color:white;
}

#header p#header-claim-univ {
    *position:absolute;
    *left:20px;
    *top:180px;
    font-size:14px;
    line-height:1.3em;
    color:white;
    text-transform:uppercase;
    background:url(./images/menu_active.png) left bottom no-repeat;
    background-size:90px 1px;
    padding-bottom:10px;
    height:20px;
    text-indent:0;
    font-weight:100;
    z-index:2;
}



#articles {
    position:relative;
    padding-top:50px;
}

.article {
    *float:left;
    *width:533px;
    position:relative;
    *margin-right:20px;
    margin-bottom:50px;
}
/*
.article.odd {
    margin-right:0;
}
*/
.article h2 {
    font-size:20px;
    font-weight:900;
    line-height:1.3em;
    color:#6A6A6A;
}

.article img {
    display:block;
    margin-top:20px;
    width:100%;
}

.article .text {
    min-height:110px;   
    padding:20px 0px;
	font-size:16px;
	line-height:1.5em;
}

.article .prilezitost {
    padding:20px 40px;
    border-left:1px solid #e1e1e1;
    border-right:1px solid #e1e1e1;
    background:url(./images/blue_arrow.jpg) left 27px no-repeat #fff;
    min-height:140px;
}

.article .text strong, .article .prilezitost strong {
    font-weight:bold;
}

.article .prilezitost strong {
    font-weight:bold;
    color:#3e61a7;
}

#prilezitosti {
    position:relative;
    background:url(./images/header2.jpg) top center no-repeat;
    background-size:cover;
    color:#fff;
    padding-top:60px;
    padding-bottom:30px;
}

#prilezitosti .pril-big {
    font-size:70px;
    line-height:1.1em;
}

#prilezitosti .pril-big em {
    font-size:25px;
    line-height:1.1em;
    text-transform:uppercase;
}

#prilezitosti p#prakt-priklad, #prilezitosti  p#proc-se-to-vyplati {
    position:absolute;
    top:-30px;
    left:20px;
    font-size:14px;
    line-height:1.3em;
    color:white;
    text-transform:uppercase;
    background:url(./images/menu_active.png) left bottom no-repeat;
    background-size:90px 1px;
    padding-bottom:10px;
    height:20px;
    text-indent:0;
    font-weight:100;
    z-index:2;
}


#prilezitosti h3 {
    font-size:45px;
    line-height:1.2em;
    font-weight:100;
    margin-bottom:30px;
    padding-top:0px;
    padding-left:0;
}

#prilezitosti h3 strong {
    font-weight:bold;
}

#prilezitosti p.text {
    font-size:17px;
    line-height:1.3em;
}

#prilezitosti p#prakt-priklad { 
    left:840px;
    background:none;
}

#prilezitosti .prilezitosti-claims  {
    position:relative;
    width: 100%;
    min-height: 300px;
}

#prilezitosti .prilezitosti-claims .prilezitosti-bublina {
    *position:absolute;
    *top:0;
    *right:0px;
    width: 100%;
    min-height: 250px;
    text-align:center;
    border:1px solid white;
    margin-top:40px;
}

#prilezitosti .prilezitosti-claims .prilezitosti-bublina span {
    display:block;
    font-size:13px;
    line-height:1.5em;
    text-transform:uppercase;
    color:#e0eaf0;
    padding-top:40px;
    height:3em;
    padding-bottom:20px;
}

#prilezitosti .prilezitosti-claims .prilezitosti-bublina p {
    font-size:55px;
    line-height:1.3em;
    font-weight:bold;
}



#lide {
    min-height:670px;
    position:relative;
    background-color:#f4f4f4;
}



#priklady {
    position:relative;
    background-color:#f4f4f4;
    padding-top:50px;
    padding-bottom:100px;
}

#priklady h2, #interakce h2 {
    font-size:40px;
	font-weight:900;
	line-height:1.3em;
	margin-bottom:30px;
	padding-bottom:0;
}

#priklady img.separ {
	margin-top:0;
	padding-top:0;
	margin-bottom:20px;
}


#priklady .priklady-claims {
    position:relative;
    margin-top:40px;
}

#priklady .priklady-claims h3 {
    font-size:34px;
    color:#676F6F;
    line-height:1.3em;
    margin-bottom:30px;
    font-weight:bold;
    padding-top:100px;
}

#priklady .priklady-claims p {
    margin-bottom:20px;
	font-size:16px;
	line-height:1.5em;
	
}

#priklady .priklady-claims a.priklady-claims-prev {
    position:absolute;
    right:320px;
    top:135px;
    width:30px;
    height:60px;
}

#priklady .priklady-claims p strong {
    font-weight:bold;
}

#priklady img {
    *position:absolute;
    *right:0px;
    *top:20px;
    margin-top:50px;
}

#priklady .priklady-claims.inverse img {
    right:auto;
    left:0px;
}

#priklady  p.under-img {
    *position:absolute;
    *right:0px;
    *top:350px;
    *width:310px;
    font-size:12px;
    color:#676F6F;
    line-height:1.5em;
    text-align:center;
	margin-top:20px;
}
/*
#priklady .priklady-claims.inverse p.under-img {
    right:auto;
    left:0;
}
*/
#priklady p.under-img strong {
    font-size:20px;
    font-weight:4bold;
    line-height:1.5em;
    letter-spacing:2px;
}

#priklady a#spolupracujte {
    display:block;
    border-radius: 30px;
    color: white;
    font-size: 17px;
    text-transform:uppercase;
    font-weight: bold;
    line-height: 1.3em;
    padding: 25px 0;
    position: relative;
    text-decoration: none;
    width: 270px;
    z-index: 2;
    text-align:center;
    background-color:#57bce6;
    float:left;
}



#pripojte-se {
    padding:70px 0;
    font-size:16px;
    color:white;	
}

#pripojte-se h4 {
    font-size:40px;
    font-weight:900;
    margin-bottom:20px;
}

#pripojte-se h5 {
    font-size:20px;
    font-weight:900;
    line-height:1.3em;
	margin-bottom:40px;
}

#pripojte-se p {
    line-height:1.5em;
	margin-bottom:30px;
}

#pripojte-se span {
	font-size:20px;
    display:inline-block;
	margin:20px 50px;
}

#pripojte-se span img {
    display:inline-block;
	margin-right:10px;
}

#pripojte-se label {
    font-size:12px;
	line-height:1.5em;
	font-weight:normal;
}

#pripojte-se form input[type=text] {
    display:inline-block;
    width:280px;
	font-size:19px;
	line-height:66px;
	height:66px;
	border:2px solid #676F6F;
	border-radius:0;
	background:#EBEBEB;
	padding-left:20px;
	padding-right:20px;
	color:#8D8D8D;
}

#pripojte-se form button {
    display:inline-block;
	position:absolute;
	left:280px;
	top:0;
    width:66px;
    height:66px;
    background:url(./images/submit.svg) left top / auto 100% no-repeat;
    border:none;
    text-indent:-99999px;	
}

#pripojte-se .souhlas {
	display:block;
	margin-top:30px;
}

#pripojte-se .customCheckbox {
  float: left;
  position: relative;  
  top:4px;
  width: 26px;
  height: 26px;
  background:url(./images/ch_un.svg);
  background-size:cover;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  margin-right: 10px;
  overflow: hidden;
}

#pripojte-se .customCheckbox.customCheckboxChecked {
  background:url(/images/ch_a.svg);	
  background-size:cover;	
}

#pripojte-se .customCheckbox input {
  opacity: 0;
  cursor: pointer;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#pripojte-se .customCheckbox span {
  display: none;
  text-align: center;
  line-height: 20px;
  font-size: 90%;
  color: #222;
}



#ab {
	background:#F5F5F5;
	padding:100px 0;
	font-size:18px;
	line-height:1.5em;
}

#ab p {
	
	border-left:1px solid #676F6F;	
	padding-left:70px;
}
/*
.posuvnik-item {
	display:inline-block;
	margin:20px 30px
}

.vysledek {
	display:inline-block;
	padding:10px 20px;
	background:#5cafdd;
	color:white;
	font-weight:bold;
}

.vysledek-label {
	display:inline-block;
	padding:10px 0px;
}

.posuvnik-item input {
	
}
*/

.jqueryBox {
    background-image: url(../images/bg.svg);
    padding: 90px 0;
}

.jqueryBox h2 {
    text-align: center;
    color: #707070;
    font-size: 40px;
    line-height: 49px;
    font-weight: 500;
    margin-bottom: 50px;
}

#vysledek {
    background: #F4F4F4;
    border: 1px solid #707070;
    padding: 25px 40px;
    margin: auto;
    width: 487px;
    line-height: 26px;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0;
    color: #676F6F;
    opacity: 1;
    position: relative;
}

#vysledek::before {
    content: '';
    width: 23px;
    height: 20px;
    background-image: url(../images/up.png);
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    top: -19px;
    left: 45%;
    right: 45%;
}

#custom-handle1,
#custom-handle2 {
    width: 60px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    margin-left: -30px;
    text-align: center;
    border-radius: 0;
    border: none;
    background: url(../images/ACTIVE_BTN.svg) center center no-repeat;
    background-size: 100% auto;
    cursor: pointer;
}

.ui-widget.ui-widget-content {
    border-radius: 5px;
    border: none !important;
    *background: #0d9dff;
    background: url(../images/OREA_SLIDER.svg) center center no-repeat;
    background-size: 100% auto;
    height: 37px;
}

#slider {
    padding-top: 30px;
    padding-bottom: 0px;
}

#slider label {
    position: absolute;
    font-size: 20px;
    color: #3a539b;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: bold;
    line-height: 1.2em;
    top: -7px;
}

#slider label#agent {
    left: -90px;
}

#slider label#digital {
    right: -95px;
}

#slider label#drbna {
    right: -92px;
}

#slider label#analog {
    left: -100px;
}

.slid {
    width: 875px;
    margin: 0px auto;
}




#kontakt {
    font-size:16px;
    color:#F5F5F5;
    position:relative;
    padding:50px 0;
    min-height:500px;
	line-height:1.5em;
}

#kontakt h4 {
    font-size:20px;
    font-weight:900;
    color:#135091 ;
    margin-bottom:40px;
    text-transform:uppercase;
}

#kontakt p, #kontakt ul li {
	color:#135091;
}

#kontakt ul {
    margin:0;
	padding:0;
	list-style-type:circle;
	margin-left:15px;
}


#header .kampan4-img {
   max-width:100%;
   margin-top:80px;
}

#header .kampan5-img {
   max-width:100%;
   margin-top:80px;
}

@media screen and (max-width:1190px) {
    
    #header.kampan4 {
        padding-bottom:50px;
        background:url(./images/header_bg.jpg) center top no-repeat;
        background-size:cover;    	
    	height:auto;
    }
    
    #header .header-claims {
       min-height:0;
    } 
    
/*    #header::after {
		content: "";
    	display:block;
    	width:398px;
    	height:274px;
        background:url(./images/mobile_header.png) left top no-repeat;    	
    	position:absolute;
    	bottom:0;
    	right:-50px;
    } */
    


}

@media screen and (max-width:1190px) {
    
    #header.kampan5 {
        padding-bottom:50px;
        background:url(./images/header_clen.jpg) center top no-repeat;
        background-size:cover;    	
    	height:auto;
    }
    
    #header .header-claims {
       min-height:0;
    } 
    
/*    #header::after {
		content: "";
    	display:block;
    	width:398px;
    	height:274px;
        background:url(./images/mobile_header.png) left top no-repeat;    	
    	position:absolute;
    	bottom:0;
    	right:-50px;
    } */
    
}
@media screen and (max-width:991px) {

	.jqueryBox {
        padding: 60px 0;
    }

    .jqueryBox h2 {
        font-size: 26px;
        line-height: 39px;
        margin-bottom: 30px;
    }

    .slid {
        width: auto;
        margin: 0px auto;
    }
    
}


@media screen and (max-width:968px) {

    #header .kampan4-img {
       margin-top:20px;
    }	
    
    #priklady .col-sm-12 {
        text-align:center;
    }    
    
}



@media screen and (max-width:968px) {

    #header .kampan5-img {
       margin-top:20px;
    }	
    
    #priklady .col-sm-12 {
        text-align:center;
    }    
    
}

@media screen and (max-width:768px) {
	
	body {
		overflow-x:hidden;
	}
    
    #logo {
        padding-top:40px;
        padding-bottom:20px;
    	text-align:center;
    }
    
    #logo img {
        width:170px !important;
    }
    
    #header .header-claims {
		padding-bottom:210px;
    }

    #header p#header-claim-univ {
        background:none;
    }
    
    #header .header-claims h1 {
        font-size:26px !important;
    	margin-top:40px;
    }
    
    #pripojte-se .souhlas br {
		display:none;
    }
    
    #header .header-claims h1 br {
        display:none;
    }
    
    #header .header-claims h1 strong {
        font-size:40px !important;
    }
    
    #header .header-claims {
        *padding-bottom:40px !important;
        *min-height:450px;   
    }

    #header .kampan4-img {
       margin-top:20px;
    }
    

    #header .kampan5-img {
       margin-top:20px;
    }
    
    #naleznete {
        text-align:center;  
    }
    
    #naleznete h2 {
    	font-size:18px;
        padding-top:0px;
    	margin-top:10px;
        text-align:center;  
    }  
    
    #naleznete h2 br {
        display:none; 
    }    
    
    #naleznete img {
        max-width:150px; 
    }  
    
    .article h2 br {
		display:none;
    }
    
    #ab {
		text-align:center;
    	padding:50px 0;
    }
    
    #ab img {
		max-width:200px;
    }
    
    #ab p {
		border:none;
    	padding-top:40px;
    	margin-top:30px;
    	padding-left:0;
    }
    
    #ab p::before {
		content:"";
    	position:absolute;
    	display:block;
    	width:100px;
    	height:1px;
    	background:#676F6F;
    	top:0;
    	left:50%;
    	margin-left:-50px;
    }
    
    #naleznete a {
        display:block;
        margin:0px auto;
    }   

    #player-wrapper {
        margin:0px auto;        
    }
    
    .carousel2 {
        padding-top:0px;
    }
    
    #prilezitosti h3 {
        font-size:30px;
    }

    #prilezitosti .prilezitosti-claims {
        min-height:700px;
    }

    #prilezitosti .pril-big {
        font-size:40px; 
    }
    
    #prilezitosti .prilezitosti-claims .prilezitosti-bublina p {
        font-size:40px;
    }
    
    #prilezitosti .prilezitosti-claims .prilezitosti-bublina {
        min-height:250px;
    }
    
    #priklady .col-sm-12 {
        text-align:center;
    }    
    
    #priklady img {
        display:inline-block;
    	max-width:70%;
    }
    
    #kontakt a.butt {
        width:100%;
    }
    
    #kontakt h4 {
    	font-size:18px;
		margin-top:50px;
    }
    
    #pripojte-se  {
    	text-align:center;
    }    
    
    #pripojte-se h4 {
    	text-align:center;
		font-size:26px;
    }
    
    #pripojte-se .separ {
    	max-width:150px;
    }    
    
    #pripojte-se form input[type="text"] {
		width:100%;
    }
    
    #pripojte-se form button {
		right:0px;
    	left:auto;
    }
    
    #pripojte-se span {
		font-size:18px;
    	margin-bottom:0;
    	margin-left:0;
    	margin-right:0;
    }
    
	#pripojte-se .souhlas {
		display:inline-block;
	    max-width: 360px;
	    text-align: left;
	}
    
    #priklady h2, #interakce h2 {
		text-align:center;
		font-size:26px;
    }
    
    #priklady h2 br, #interakce h2 br {
		display:none;
    }    
    
    #priklady .separ {
    	display:inline-block;
    	max-width:150px;
    	text-align:center;
    }    
    
    #priklady .priklady-claims h3 {
		font-size:20px;
    	padding-top:0;
    }
    
    #vysledek {
        width: auto;
    }
}



@media only screen and (max-width:565px) {

    

    #custom-handle1,
    #custom-handle2 {
        width: 40px;
        height: 40px;
    }


}