@import url(//fonts.googleapis.com/css?family=Lato);


.cookies-confirm {
    width: 300px;
    position: fixed;
    left: 30px;
    bottom: 100px;
    display: block;
    background: #00275D;
    z-index: 100;
    text-align: left;
    padding: 25px 30px 30px 30px;
}
.cookies-confirm p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.cookies-confirm .controls {
    padding-top: 15px
}
.cookies-confirm .controls a {
    color: #c2e20d!important;
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    padding: 5px 0!important;
    background: none!important;
    box-shadow: none!important;
}
.cookies-confirm .controls a:hover {
    text-decoration: none;
    color: #c2e20d!important;
}



.videos .video {
    display: inline-block;
    vertical-align: top;
    margin: 20px 10px;
}

/* like-button */  
  
  .like-button {

    width: auto;
    display:inline-block;
    background-color:rgba(255, 255, 255, 0.25);
    margin: 15px 0 0 0;
    padding: 15px 15px; 
    text-decoration: none;
    transition: all 0.3s ease;
    background-color:rgba(0, 39, 93, 1);
    color: #fff;
  }
  .like-button:hover {
    background-color:rgba(194, 226, 13, 1);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
    color: rgba(0, 39, 93, 1);
  }

/* logos carousel ----------------------------------------------------------------------------------------------------*/

.carousel {
	width: 1000px;
	overflow: hidden;
	display: block;
/*	padding: 15px 20px 0 20px !important;*/
	padding: 15px 20px 15px 20px !important;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.carousel .logos {
	display: block;
	width: 4600px; /*4450px;*/
	height: 50px;
    position: relative;	
	animation: logoscroll 30s linear infinite;
}
.carousel .logos:hover {
	animation-play-state: paused;
}
.carousel .logos .img {
	float: left;
	height: 50px;
}
.carousel .logos .img img {
    height: 50px !important;
    width: auto;
    margin: 0 10px;
    }
@keyframes logoscroll {
	0% {left: 0px; }
	100% {left: -2300px; } /*-2225px;*/
}

.carousel.airline .logos {
	width: 2094px;
	animation: logoairlinescroll 30s linear infinite;	
}
.carousel.airline .logos .img img {
    height: 50px !important;
    width: auto;
    margin: 0 20px;
    }
@keyframes logoairlinescroll {
	0% {left: 0px; }
	100% {left: -1047px; }
}


.intro .button_navigation {
	text-align: center;
	padding: 5px 0 15px 0;
}
.intro .button_navigation a {
	background: #fff;
	color: #ff8c03;
	display: inline-block;
	border: 1px solid #fff;
	padding: 0 25px;
	font-size: 1.5rem;
	line-height: 35px;
	text-decoration: none;
	margin: 0 8px;
	text-transform: uppercase;
	/*radius*/
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.intro .button_navigation a:hover {
	border: 1px solid #b93d00;
}

.demo-page {
	padding-top: 30px;
}

.item_logo {
	width: 25%;
	float: left;
	text-align: center;
	padding-top: 0px;
/*	min-height: 130px;*/
}

.item_logo img {
	width: auto;
	max-height: 100px !important;
	display: inline-block;
}
.item_logo p {
	padding-bottom: 20px;
	padding-top: 0;
	font-size: 1.2rem!important;
	color: #888;
}
.table_item {
	float: left;
	width: 33.33%;
}
.table_item table {
	border: none;
	border-collapse: collapse;
	width: 96%;
	margin: 0 2%;
}
.table_item table th,
.table_item table td {
	padding: 10px;
	min-height: 40px;
	background: none;
	border: none;
	width: 100%;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
}
.table_item table th {
	font-size: 1.8rem;
	background: #f4f5f9;
	text-align: center;
}
.table_item.pricing_plan table td:nth-child(1){
	width: 70%;
}
.table_item.pricing_plan table td:nth-child(2){
	width: 30%;
	text-align: right;
	font-weight: 600;
}
.table_item table td {
	font-size: 1.3rem;
}
.table_item.pricing_plan:nth-child(1) table tr:nth-child(2) td {
	height: 90px;
}
.table_item.ideal_plan:nth-child(1) table tr:nth-child(2) td {
	height: 407px;
}
.contact_form .form .row label.title {
	padding: 20px 0;
	font-size: 2.5rem ;
	font-weight: 400;
}
.contact_form .form .row .inline_form>div {
	float: left;
	width: 50%;
	padding: 10px;
	text-align: left;
}
.contact_form .form .row .inline_form>div label {
	display: inline-block;
	vertical-align: middle;
}
.contact_form .form .row .inline_form>div input[type="radio"] {
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;

}
.contact_form .form .row .inline_form>div input[type="checkbox"] {
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;

}

.g-container {
    margin-top: 20px;
}
.appendix {
	margin-top: 10px;
	padding: 10px 0 0 0;
	border-top: 1px dashed #ddd;
}
.appendix,
.appendix * {
	color: #888;
	font-style: italic;
	font-size: 1.4rem !important;
}

.contact_form .thanks {
	padding-top: 40px;
}

.contact_form .error {
	padding: 10px;
	color:#ff0000;
	font-size: 1.2rem;
}
* img {
	max-width: 100%;
	height: auto !important;
}

.address {
	padding-top: 25px;
	width: 50%;
	float: left;
	box-sizing: border-box;
}
/*.address:nth-child(1) { padding: 0 30px 0 0;}
.address:nth-child(2) { padding: 0 0 0 30px;} */
.address p {
	padding-bottom: 25px;
}
.address p strong {
	font-size: 1.6rem;
	font-weight: 600;
}

.default .white h2 {
	padding-bottom:15px;
}
.default .white li {
	padding-top: 5px;
	padding-bottom: 5px;
}

a[href$=".pdf"],
.travel a[href$=".pdf"] {
	background: url("/img/ico_pdf.png") 0 50% no-repeat;
	height: 20px;
	line-height: 20px;
	color: #fff !important;
	padding-left: 30px;
	text-decoration: none;
}
a[href$=".pdf"]:hover,
.travel a[href$=".pdf"]:hover {
	color: #fff;
	text-decoration: underline;
}

/* timeline ----------------------------------------*/

.timeline-ie {
	display: none;
}
.timeline * {
	-webkit-transition: none !important;
	transition: none !important;
}
.timeline {
	padding: 100px 0;
	position: relative;
	margin-bottom: 50px;
	margin-top: 20px;
}
.timeline>div.main_line {
	background: #E3106E;
	height: 1px;
	width: 90%;
	margin: 0 5%;
	position: absolute;
	top: 115px;
	left: 0;
}
.timeline .dot_item .dot {
	width: 30px;
	height: 30px;
	border: 5px solid rgba(255,255,255,0.5);
	background: #E3106E;
	margin: 0 auto;
	position: relative;
	/*radius*/
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.timeline .dot_item .dot .line {
	position: absolute;
	width: 1px;
	background: #E3106E;
	height: 30px;
	left: 50%;
}
.timeline .dot_item .dot .end {
	height: 5px;
	width: 5px;
	background: #E3106E;
	position: absolute;
	left: 50%;
	margin-left: -2px;
	/*radius*/
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.timeline .dot_item {
	position: relative;
	float: left;
	height: auto;
	width: calc(100% / 12);
}
.timeline .dot_item .label {
	position: absolute;
	text-align: center;
	font-weight: 700;
}
.timeline .dot_item .label span {
	display: block;
	font-size: 1.0rem;
}
.timeline .dot_item .label span:first-child {
	font-size: 1.7rem;
}

/* odd / even */

.timeline .dot_item:nth-child(odd) .label {
	top: -80px;
	height: 80px;
	padding-bottom: 15px;
}
.timeline .dot_item:nth-child(odd) .dot .line {
	top: -30px;
}
.timeline .dot_item:nth-child(odd) .dot .end {
	top: -30px;
}
.timeline .dot_item:nth-child(even) .label {
	bottom: -80px;
	height: 80px;
	padding-top: 30px;
}
.timeline .dot_item:nth-child(even) .dot .line {
	bottom: -30px;
}
.timeline .dot_item:nth-child(even) .dot .end {
	bottom: -30px;
}

/*timeline travel */

.travel .timeline>div.main_line {
	background: #00ADEE;
}
.travel .timeline .dot_item .dot {
	background: #00ADEE;
}
.travel .timeline .dot_item .dot .line {
	background: #00ADEE;
}
.travel .timeline .dot_item .dot .end {
	background: #00ADEE;
}

/*timeline corporate */

.corporate .timeline>div.main_line {
	background: #2632cb;
}
.corporate .timeline .dot_item .dot {
	background: #2632cb;
}
.corporate .timeline .dot_item .dot .line {
	background: #2632cb;
}
.corporate .timeline .dot_item .dot .end {
	background: #2632cb;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*    RESET                                                                                                                     */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

pre {
	text-align: left;
	clear: both;
}
pre td {
	padding: 0 !important;
	margin: 0 !important;
}
html, body, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
input,
select,
textarea {
	font-size: inherit;
}
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
}
table { border-collapse: separate; border-spacing: 0; font-size: inherit; }
caption, th, td { text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*    GLOBAL                                                                                                                    */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

* {
	margin: 0;
	padding: 0;
	font-family: arial;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	box-sizing: border-box;
}

html {
	font-size: 10px;
	height: 100%;
}
body {
	color: #00275D;
	text-align: center;
	font-size: 1.4rem;
	font-family: arial;
	min-height: calc(100% - 50px);
	padding-bottom: 50px;
	position: relative;
}
body>div {
	padding-top: 50px;
}

/* pozadi dokumentu casti AERO ---------------------------------------------------*/

body>div.aero {
	background: #F4F5F9 url('/img/bck_body_hp_aero.jpg') 50% 0 no-repeat;
	padding-bottom: 0;
	background-size: auto 410px;
}
body>div.aero.white_bottom {
	background: #fff url('/img/bck_body_hp_aero.jpg') 50% 0 no-repeat;
	padding-bottom: 60px;
	background-size: auto 410px;
}
/* pozadi dokumentu casti TRAVEL---------------------------------------------------*/

body>div.travel {
	background: #F4F5F9 url('/img/bck_body_hp_travel.png') 35% 0 no-repeat;
	padding-bottom: 0;
	background-size: auto 410px;
}
body>div.travel.white_bottom {
	background: #fff url('/img/bck_body_hp_travel.png') 35% 0 no-repeat;
	padding-bottom: 60px;
	background-size: auto 410px;
}


/* pozadi dokumentu casti CORPORATE-----------------------------------------------*/

body>div.corporate {
	background: #F4F5F9 url('/img/bck_body_hp_corporate.png') 50% 0 no-repeat;
	padding-bottom: 0;
	background-size: auto 410px;
}
body>div.corporate.white_bottom {
	background: #fff url('/img/bck_body_hp_corporate.png') 50% 0 no-repeat;
	padding-bottom: 60px;
	background-size: auto 410px;
}

/* pozadi dokumentu casti HUB-----------------------------------------------*/

body>div.hub {
	background: #F4F5F9 url('/img/bck_body_hp_hub.png') 50% 0 no-repeat;
	padding-bottom: 0;
	background-size: auto 410px;
}
body>div.hub.white_bottom {
	background: #fff url('/img/bck_body_hp_hub.png') 50% 0 no-repeat;
	padding-bottom: 60px;
	background-size: auto 410px;
}




.aleft  {text-align: left;}
.aright {text-align: right;}
.acenter {text-align: center;}
.fright {float: right;}
.fleft  {float: left;}
strong {
	font-weight: 700;
}

/* Clear */

.clear {
	clear: both !important;
	font-size: 0 !important;
	height: 0 !important;
	line-height: 0 !important;
}
.inner_clear {
	clear: both !important;
}

/*align*/

*[align="left"] {text-align: left;}
*[align="right"] {text-align: right;}
*[align="center"] {text-align: center;}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*    LAYOUT                                                                                                                    */
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.box {
	text-align: left;
	margin: 0 auto;
	width: 100%;
	position: relative;
}
.box.fixed {
	padding-top: 30px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}
h2 {
	font-size: 2.6rem;
	padding: 30px 0 10px 0;
}
h3 {
	font-size: 1.6rem;
	padding: 10px 0;
}
h4 {
	font-size: 1.5rem;
	padding: 10px 0 0 0;
	font-weight: 400;
}
a img {
	border: none;
}

/* odkazy v AERO */

a {
	color: #e3106e;
	text-decoration: underline;
	outline: none;
}
a:hover {
	color: #e3106e;
	text-decoration: none;
}

/* odkazy v TRAVEL */

.travel a {
	color: #00ADEE;
}
.travel a:hover {
	color: #00ADEE;
}

/* odkazy v CORPORATE */

.corporate a {
	color: #2632cb;
}
.corporate a:hover {
	color: #2632cb;
}

/* odkazy v HUB */

.hub a {
	color: #ff8c03;
}
.hub a:hover {
	color: #ff8c03;
}


p {
	padding: 5px 0;
	font-size: 1.6rem;
	line-height: 26px;
}
ul {
	margin: 10px 0;
}
ul li {
	list-style-type: disc;
	margin-left: 15px;
	padding: 10px 0 10px 5px;
	font-size: 1.5rem;
	line-height: 2.6rem;
}
table {
	width: 100%;
	margin: 10px 0;
	border: none;
	border-collapse: collapse;
}
table th,
table td {
	border: 1px solid #ccc;
	padding: 5px 1.5% 7px 1.5%;
	color: #00275D;
	text-align: left;
	background: #f5f5f5;
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/*    CONTAINERS                                                                                                                */
/*------------------------------------------------------------------------------------------------------------------------------*/

.container {
	padding: 0;
}
.container.header,
.container.intro,
.container.white>div,
.container.grey>div,
.container.products {
	margin: 0 auto;


	/*    max-width: 900px; */
	max-width: 1024px;
	width: 100%;
}
.container.white>div,
.container.grey>div {
	text-align: center;
}
.container.grey>div {
	padding: 0 10px 10px 10px;
}
.container.white>div {
	padding: 10px 10px 40px 10px;
}

/* header --------------------------------------------------------------------*/
.hamburger {
	display: none;
	padding: 7px;
	width: 40px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
.hamburger span {
	height: 3px;
	display: block;
	margin: 3px 0;
	background: rgba(255,255,255,0.5);
	/*radius*/
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* transition*/
	-webkit-transition: background 0.5s; /* Safari */
	transition: background 0.5s;
}
.hamburger:hover span {
	background: rgba(255,255,255,0.8);
}


.header,
.header.fixed {
	position: fixed;
	z-index: 6;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	max-width: 100% !important;
}
.header {
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding-bottom: 0;
}
.header.fixed {
	background: #fff;
	/*shadow*/
	-webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15);
	box-shadow: 0 4px 5px rgba(0,0,0,0.15);
}
.header>span,
.header.fixed>span {
	display: block;

	/*    max-width: 900px; */
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
}
.header .name,
.header.fixed .name {
	float: left;
	font-size: 1.6rem;
/*	padding: 18px 0;*/
    padding: 17px 0 5px 0;
}
.header .name {
	color: #fff;
	font-weight: 500;
}
.header.fixed .name {
	color: #00275d;
	font-weight: 600;
}
.header .name a,
.header .name a:hover {
	color: #fff;
	text-decoration: none;
}
.header.fixed .name a {
	color: #00275d;
	text-decoration: none;
}

/* aero logo */

.aero .header .name a,
.aero .header .name a:hover {
    display: inline-block;
    height: 25px;
    width: 200px;
    background: url('/img/symphony_aero_white.png') 0 0 no-repeat;
    background-size: auto 25px;
}
.aero .header.fixed .name a {
    background: url('/img/symphony_aero.png') 0 0 no-repeat;
    background-size: auto 25px;
}

/* travel logo */

.travel .header .name a,
.travel .header .name a:hover {
    display: inline-block;
    height: 25px;
    width: 200px;
    background: url('/img/symphony_travel_white.png') 0 0 no-repeat;
    background-size: auto 25px;
}
.travel .header.fixed .name a {
    background: url('/img/symphony_travel.png') 0 0 no-repeat;
    background-size: auto 25px;
}
/* corporate logo */

.corporate .header .name a,
.corporate .header .name a:hover {
    display: inline-block;
    height: 25px;
    width: 200px;
    background: url('/img/symphony_corporate_white.png') 0 0 no-repeat;
    background-size: auto 25px;
}
.corporate .header.fixed .name a {
    background: url('/img/symphony_corporate.png') 0 0 no-repeat;
    background-size: auto 25px;
}

/* hub logo */

.hub .header .name a,
.hub .header .name a:hover {
    display: inline-block;
    height: 25px;
    width: 200px;
    background: url('/img/symphony_hub_white.png') 0 0 no-repeat;
    background-size: auto 25px;
}
.hub .header.fixed .name a {
    background: url('/img/symphony_hub.png') 0 0 no-repeat;
    background-size: auto 25px;
}

/* navigation */

.header ul,
.header.fixed ul {
	margin: 0;
	padding: 0;
	float: right;
}
.header li,
.header.fixed li {
	display: inline-block;
	padding: 0;
	margin: 0;
}
.header li a,
.header.fixed li a {
	display: block;
	padding: 15px 0;
	text-transform: uppercase;
	font-size: 1.3rem;
	text-decoration: none;
	position: relative;
	text-align: center;
	margin-left: 20px;
}


.header li a,
.header li a:hover { color: #fff; }
.header.fixed ul li a { color: #00275d; }

.header li a:after,
.header.fixed ul li a:after {
	bottom: -1px;
	left: 0;
	height: 2px;
	width: 100%;
	display: block;
	content: "";
	position: absolute;
	/* transition*/
	-webkit-transition: all 1s; /* Safari */
	transition: all 1s;
}
.header li a:after { border-bottom: 2px solid rgba(255,255,255,0); }
.header.fixed ul li a:after { border-bottom: 2px solid rgba(255,255,255,0); }

.header li a:hover:after,
.header li.active a:after,
.header.fixed ul li a:hover:after,
.header.fixed ul li.active a:after {
	display: block;
	content: "";
	/*shadow*/
	-webkit-box-shadow: 0 2px 2px rgba(255,255,255,0.5);
	box-shadow: 0 2px 2px rgba(255,255,255,0.5);
}
.header li a:hover:after,
.header li.active a:after { border-bottom: 2px solid #fff; }
.header.fixed ul li a:hover:after,
.header.fixed ul li.active a:after { border-bottom: 2px solid #E3106E; }

.travel .header.fixed ul li a:hover:after,
.travel .header.fixed ul li.active a:after { border-bottom: 2px solid #00ADEE; }

.corporate .header.fixed ul li a:hover:after,
.corporate .header.fixed ul li.active a:after { border-bottom: 2px solid #2632cb; }

.hub .header.fixed ul li a:hover:after,
.hub .header.fixed ul li.active a:after { border-bottom: 2px solid #ff8c03; }

/* intro ---------------------------------------------------------------------*/

.intro {
	text-align: center;
	height: 360px;
}

.intro h1 {
	padding: 55px 0 20px 0;
	font-size: 3.6rem;
	color: #fff;
	font-weight: 400;
}
.intro p {
	color: #fff;
	max-width: 800px;
	width: 100%;
	display: inline-block;
	padding: 0 0 35px 0;
}




.intro .controls {
	padding: 0 0 80px 0;
}
.controls a {
	background: #fff;
	color: #00275D;
	display: inline-block;
	padding: 0 25px;
	font-size: 1.5rem;
	line-height: 30px;
	text-decoration: none;
	/*shadow*/
	-webkit-box-shadow: 0 5px 15px rgba(227,16,110,0.4);
	box-shadow: 0 5px 15px rgba(227,16,110,0.4);
	/*radius*/
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.travel .controls a {
	/*shadow*/
	-webkit-box-shadow: 0 5px 15px rgba(0,173,238,0.4);
	box-shadow: 0 5px 15px rgba(0,173,238,0.4);
}
.corporate .controls a {
	/*shadow*/
	-webkit-box-shadow: 0 5px 15px rgba(38,50,203,0.4);
	box-shadow: 0 5px 15px rgba(38,50,203,0.4);
}
.hub .controls a {
	/*shadow*/
	-webkit-box-shadow: 0 5px 15px rgba(255,140,3,0.4);
	box-shadow: 0 5px 15px rgba(255,143,3,0.4);
}

/* white ---------------------------------------------------------------------*/

.white {
	background: #fff;
	/*shadow*/
	/*    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15);
		box-shadow: 0 4px 5px rgba(0,0,0,0.15);*/
}
body>div.clients .white,
body>div.partners .white,
body>div.default .white {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.white>div {
	padding: 10px;
}
.white .item {
	float: left;
	padding: 35px 20px 0 20px;
	width: 33.33%;
	text-align: center;
}
.white .logotype .item {
	float: left;
	padding: 35px 20px 0 20px;
	width: 25%;
	text-align: center;
}

.white .item img {
    min-height: 60px;
    }
.white .item h2 {
	font-size: 3.4rem;
	color: #E3106E;
	font-weight: 400;
}
.travel .white .item h2 {
	color: #00ADEE;
}
.corporate .white .item h2 {
	color: #2632cb;
}
.hub .white .item h2 {
	color: #ff8c03;
}
/* partners / clients logos */

.white.p25 .item {
	width: 25%;
	padding: 0;
}
.white.p25 .item {
	vertical-align: middle;
}

/* products ------------------------------------------------------------------*/

.container.products {
	text-align: center;
	max-width: 900px;
	width: 100%;
}
.products .product_items {
	background: #fff;
	text-align: left;
	padding: 0 40px 40px 40px;
}

/* tabs */

.products .product_items ul.tabs {
	font-size: 0;
}


.products .product_items ul.tabs li {
	border-bottom: 1px solid #D9DFE7;
	display: inline-block;
	width: 25%;
	margin: 0;
	padding: 0 10px;
}
.products .product_items ul.tabs li a {
	display: block;
	padding: 210px 10px 10px 10px;
	color: #00275D;
	text-transform: uppercase;
	font-size: 1.5rem;
	text-decoration: none;
	position: relative;
	text-align: center;
	margin-left: 0;
}
.products .product_items ul.tabs li a:after {
	border-bottom: 2px solid rgba(255,255,255,0);
	bottom: -1px;
	left: 0;
	height: 2px;
	width: 100%;
	display: block;
	content: "";
	position: absolute;
	/* transition*/
	-webkit-transition: all 1s; /* Safari */
	transition: all 1s;
}
.products .product_items ul.tabs.count5 li {width: 20%;}
.products .product_items ul.tabs.count4 li {width: 25%;}
.products .product_items ul.tabs.count3 li {width: 33.33%;}

.products .product_items ul.tabs li a:hover:after,
.products .product_items ul.tabs li a.active:after,
.products .product_items ul.tabs li a.active:hover:after {
	border-bottom: 2px solid #E3106E;
	display: block;
	content: "";
	/*shadow*/
	-webkit-box-shadow: 0 2px 2px rgba(227,16,110,0.4);
	box-shadow: 0 2px 2px rgba(227,16,110,0.4);
}
.products .product_items ul.tabs li a:hover:after {
	border-bottom: 2px solid #AFB8C4;
	box-shadow: none;
}

.products .product_items ul.tabs li a.tab {
	background-size: 85% auto !important;
}
.products .product_items ul.tabs li a.tab.p1 { background: url('/img/bck_distribution_active.jpg') 50% 40px no-repeat; }
.products .product_items ul.tabs li a.tab.p2 { background: url('/img/bck_revenue_active.jpg') 50% 40px no-repeat; }
.products .product_items ul.tabs li a.tab.p3 { background: url('/img/bck_loyalty_active.jpg') 50% 40px no-repeat; }
.products .product_items ul.tabs li a.tab.p4 { background: url('/img/bck_payments_active.jpg') 50% 40px no-repeat; }
.products .product_items ul.tabs li a.tab.p5 { background: url('/img/bck_performance_active.jpg') 50% 40px no-repeat; }

/*corporate - obrazky produktu */

.corporate .products .product_items ul.tabs li a.tab {
	background-size: 100% auto !important;
}
.corporate .products .product_items ul.tabs li a.tab.p1 { background: url('/img/bck_rich_content.png') 50% 40px no-repeat; }
.corporate .products .product_items ul.tabs li a.tab.p2 { background: url('/img/bck_travel_policy.png') 50% 40px no-repeat; }
.corporate .products .product_items ul.tabs li a.tab.p3 { background: url('/img/bck_approval.png') 50% 40px no-repeat; }
.corporate .products .product_items ul.tabs li a.tab.p4 { background: url('/img/bck_reporting.png') 50% 40px no-repeat; }

.corporate .products .product_items ul.tabs li a.tab.p1:hover,
.corporate .products .product_items ul.tabs li a.tab.p1.active { background: url('/img/bck_rich_content_active.png') 50% 40px no-repeat; }
.corporate .products .product_items ul.tabs li a.tab.p2:hover,
.corporate .products .product_items ul.tabs li a.tab.p2.active { background: url('/img/bck_travel_policy_active.png') 50% 40px no-repeat; }
.corporate .products .product_items ul.tabs li a.tab.p3:hover,
.corporate .products .product_items ul.tabs li a.tab.p3.active { background: url('/img/bck_approval_active.png') 50% 40px no-repeat; }
.corporate .products .product_items ul.tabs li a.tab.p4:hover,
.corporate .products .product_items ul.tabs li a.tab.p4.active { background: url('/img/bck_reporting_active.png') 50% 40px no-repeat; }

/*hub - obrazky produktu */

.hub .products .product_items ul.tabs li a.tab {
	background-size: 100% auto !important;
}
.hub .products .product_items ul.tabs li a.tab.p1 { background: url('/img/bck_rich_content.png') 50% 40px no-repeat; }
.hub .products .product_items ul.tabs li a.tab.p2 { background: url('/img/bck_travel_policy.png') 50% 40px no-repeat; }
.hub .products .product_items ul.tabs li a.tab.p3 { background: url('/img/bck_approval.png') 50% 40px no-repeat; }
.hub .products .product_items ul.tabs li a.tab.p4 { background: url('/img/bck_reporting.png') 50% 40px no-repeat; }

.hub .products .product_items ul.tabs li a.tab.p1:hover,
.hub .products .product_items ul.tabs li a.tab.p1.active { background: url('/img/bck_rich_content_active.png') 50% 40px no-repeat; }
.hub .products .product_items ul.tabs li a.tab.p2:hover,
.hub .products .product_items ul.tabs li a.tab.p2.active { background: url('/img/bck_travel_policy_active.png') 50% 40px no-repeat; }
.hub .products .product_items ul.tabs li a.tab.p3:hover,
.hub .products .product_items ul.tabs li a.tab.p3.active { background: url('/img/bck_approval_active.png') 50% 40px no-repeat; }
.hub .products .product_items ul.tabs li a.tab.p4:hover,
.hub .products .product_items ul.tabs li a.tab.p4.active { background: url('/img/bck_reporting_active.png') 50% 40px no-repeat; }

/* podbarveni aktivni zalozky TRAVEL */

.travel .products .product_items ul.tabs li a:hover:after,
.travel .products .product_items ul.tabs li a.active:after,
.travel .products .product_items ul.tabs li a.active:hover:after {
	border-bottom: 2px solid #00ADEE;
	/*shadow*/
	-webkit-box-shadow: 0 5px 15px rgba(0,173,238,0.4);
	box-shadow: 0 5px 15px rgba(0,173,238,0.4);
}

/* podbarveni aktivni zalozky CORPORATE */

.corporate .products .product_items ul.tabs li a:hover:after,
.corporate .products .product_items ul.tabs li a.active:after,
.corporate .products .product_items ul.tabs li a.active:hover:after {
	border-bottom: 2px solid #2632cb;
	/*shadow*/
	-webkit-box-shadow: 0 5px 15px rgba(38,50,203,0.4);
	box-shadow: 0 5px 15px rgba(38,50,203,0.4);
}

/* podbarveni aktivni zalozky HUB */

.hub .products .product_items ul.tabs li a:hover:after,
.hub .products .product_items ul.tabs li a.active:after,
.hub .products .product_items ul.tabs li a.active:hover:after {
	border-bottom: 2px solid #ff8c03;
	/*shadow*/
	-webkit-box-shadow: 0 5px 15px rgba(38,50,203,0.4);
	box-shadow: 0 5px 15px rgba(38,50,203,0.4);
}

.products .product_items ul.tabs.count5 li a.tab { background-size: 100% auto !important; }
.products .product_items ul.tabs.count4 li a.tab { background-size: 85% auto !important; }
.products .product_items ul.tabs.count3 li a.tab { background-size: 60% auto !important; }



/* content */

.products .product_items p { font-size: 1.5rem;}

.products .product_items div.claim {
	padding: 20px;
	background: #F4F5F9;
	font-size: 1.6rem;
	line-height: 26px;
	text-align: center;
	margin: 20px 0 35px 0;
}
.products .product_items div.claim h2 {
	font-size: 2.2rem;
	padding: 10px 0 10px 0;
}
.accordion .item {
	border-top: 1px solid #D9DFE7;
}
.accordion .item:first-child {
	border: none;
}
.accordion .item h3 {
	background: url('/img/bck_accordion.png') 0 50% no-repeat;
	cursor: pointer;
	padding: 15px 0;
	padding-left: 45px;
}
.accordion .item:hover h3 {
	background: url('/img/bck_accordion_hover.png') 0 50% no-repeat;
}
.accordion .item.active h3 {
	background: url('/img/bck_accordion_expanded.png') 0 50% no-repeat;
}
.accordion .item>div {
	display: none;
}
.accordion .item>div.active {
	display: block;
}
.accordion .item>div {
	padding-left: 45px;
}


.travel .accordion .item.active h3 {
	background: url('/img/bck_accordion_expanded_t.png') 0 50% no-repeat;
}
.corporate .accordion .item.active h3 {
	background: url('/img/bck_accordion_expanded_c.png') 0 50% no-repeat;
}
.hub .accordion .item.active h3 {
	background: url('/img/bck_accordion_expanded_h.png') 0 50% no-repeat;
}

/* contact form ------------------------------------------------------------------*/

.contact_form {
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
}
.contact_form .thanks {
	font-size: 1.6rem;
	line-height: 2.6rem;
	text-align: center;
}
.contact_form .form .row {
	width: 49%;
	float: left;
	margin-left: 2%;
	padding-top: 10px;
}
.contact_form .form .row.nm {
	margin-left: 0;
}
.contact_form .form .row.full {
	width: 100%;
	float: none;
	clear: both;
}
.contact_form .form .row label {
	font-size: 1.4rem;
	display: block;
	padding-bottom: 2px;
	line-height: 2.1rem;
	text-align: left;
}
.contact_form .form .row label .mandatory {
	color: red;
	font-size: 1.6rem;
	margin-left: 3px;
}
.contact_form .form .row input,
.contact_form .form .row select,
.contact_form .form .row textarea {
	display: block;
	border: 1px solid #8ea2bf;
	padding: 5px;
	font-size: 1.4rem;
	width: 100%;
/*	text-align: left;*/
}
.contact_form .form .row input {
	line-height: 20px;
}
.contact_form .form .row textarea {
	resize: vertical;
	height: 150px;
}
.contact_form .form .row.controls {
	text-align: right;
	margin: 0;
	position: relative;
}
.contact_form .form .row.controls input[type="submit"] {
	border: none;
	background: #E3106E;
	color: #fff;
	font-size: 1.5rem;
	padding: 0 25px;
	line-height: 30px;
	float: right;
	width: auto;
	cursor: pointer;
	/*shadow*/
	-webkit-box-shadow: 0 5px 15px rgba(227,16,110,0.4);
	box-shadow: 0 5px 15px rgba(227,16,110,0.4);
	/*radius*/
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.contact_form .form .row input[type="submit"]:hover {
	background: #00275D;
}


.travel .contact_form .form .row.controls input[type="submit"] {
	background: #00ADEE;
	/*shadow*/
	-webkit-box-shadow: 0 5px 15px rgba(0,173,238,0.4);
	box-shadow: 0 5px 15px rgba(0,173,238,0.4);
}
.travel .contact_form .form .row input[type="submit"]:hover {
	background: #00275D;
}

.corporate .contact_form .form .row.controls input[type="submit"] {
	background: #2632cb;
	/*shadow*/
	-webkit-box-shadow: 0 5px 15px rgba(38,50,203,0.4);
	box-shadow: 0 5px 15px rgba(38,50,203,0.4);
}
.corporate .contact_form .form .row input[type="submit"]:hover {
	background: #2632cb;
}

.hub .contact_form .form .row.controls input[type="submit"] {
	background: #ff8c03;
	/*shadow*/
	-webkit-box-shadow: 0 5px 15px rgba(255,140,3,0.4);
	box-shadow: 0 5px 15px rgba(255,140,3,0.4);
}
.hub .contact_form .form .row input[type="submit"]:hover {
	background: #ff8c03;
}

.contact_form .form .row.controls .mandatory {
	float: left;
	font-size: 12px;
}
.contact_form .form .row.controls .mandatory>span {
	color: red;
	font-size: 16px;
	margin-right: 3px;
}

/*CSS hack for Internet Explorer 8:*/
@media \0screen {
	body,
	.contact_form .form .row input,
	.contact_form .form .row textarea           { font-size: 14px; }
	p,
	.products .product_items div.claim,
	.contact_form .thanks                       { font-size: 16px; line-height: 26px; }
	ul li                                       { font-size: 15px; line-height: 26px; }
	.header .name,
	.header.fixed .name,
	.contact_form .form .row label .mandatory   { font-size: 16px; }
	.header li a,
	.header.fixed li a                          { font-size: 13px; }
	.intro h1                                   { font-size: 36px; }
	.controls a,
	.products .product_items ul.tabs li a       { font-size: 15px; }
	.white .item h2                             { font-size: 34px; }
	.contact_form .form .row label              { font-size: 14px; line-height: 21px; }
	.contact_form .form .row.controls input[type="submit"] { font-size: 15px; line-height: 30px; }
	h2 { font-size: 26px; }

	/* timeline IE */

	.timeline-ie {
		width: 965px; height: 206px;
		background: url('/img/timeline.png') no-repeat 0 0;
		display: block;
	}
	.timeline {
		display: none;
	}

}

/* footer */

.footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	height: 50px;
}
.footer>div {
	width: 100%;
	padding-bottom: 10px;

	/*    max-width: 900px; */
	max-width: 1024px;
	margin: 0 auto;
}
.footer p {
	padding: 0;
	line-height: 50px;
	float: left;
	width: 31%;
	font-size: 1.3rem;
	text-align: left;
}
.footer p a {
	padding-left: 5px;
}
.footer ul {
	margin: 0;
	padding: 0;
	width: 69%;
	float: right;
	text-align: right;
}
.footer ul li {
	display: inline-block;
	list-style-type: none;
	text-align: right;
	padding: 0;
	line-height: 50px;
	font-size: 1.3rem;
}
/* symphony hub */

.hub .header li a,
.hub .header.fixed li a {
	text-transform: none;
}

.hub .intro h6 {
	padding: 5px 0 15px 0;
	font-size: 2.8rem;
	color: #fff;
	font-weight: 400;
}
.hub .left_text {
	float: left;
	width: 30%;
	margin-right: 2%;
}
.hub .left_text ul {
	margin-bottom: 20px;
}
.hub .left_text ul li {
	text-align: left;
	margin-left: 15px;
	padding: 3px 0 3px 5px;
	font-size: 1.5rem;
	line-height: 20px;
}
.hub .scene {
	float: left;
	width: 68%;
	margin: 0px;

}
.hub .scene img {display: inline-block;}
.hub .demo-panel {
	/* perspective property */
	perspective: 600px;
}
.hub .demo-panel>div {
	width: 100%;
	height: 100%;
	transition: all 0.5s;
	border: 1px solid rgba(0,0,0,0.075);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.05);
}
.hub .demo-panel>div:hover {
	transform: rotateY(-7deg);
	border-color: #ff8c03;
	box-shadow: 0 5px 15px rgba(255,140,3,0.2);
}

/** LIGHTBOX MARKUP **/
.hub .scene .lightbox:after {
	content: '×';
	color: #fff;
	font-size: 40px;
	position: absolute;
	top: 15px;
	right: 15px;
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
}
.hub .scene .lightbox {
	/** Default lightbox to hidden */
	display: none;
	content: '';

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.8);
}
.hub .scene .lightbox {
	text-align: center;
	overflow: auto;
}
.hub .scene .lightbox img {

}

.hub .scene .lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}


.hub h2.partners {
	padding: 30px 0;
}


/*timeline hub */

.hub .timeline>div.main_line {
	background: #ff8c03;
}
.hub .timeline .dot_item .dot {
	background: #ff8c03;
}
.hub .timeline .dot_item .dot .line {
	background: #ff8c03;
}
.hub .timeline .dot_item .dot .end {
	background: #ff8c03;
}


.hub .container.products .product_items {
	padding-top: 20px;
}
.hub .container.products .product_items .tabs {
	display: none;
}

.hub .container.products .product_items .accordion:nth-child(1){padding-top: 15px;}

.hub .intro p {
	max-width: 1000px;
	padding: 0 0 25px 0;
}

.hub .container.grey ul {
	margin: 15px auto 5px auto;
	padding-top: 15px;
	max-width: 70%;
	border-top: 1px solid rgba(0,0,0,0.075);

}
.hub .container.grey ul li {
	list-style-type: disc;
	margin: 0 0 0 25px;
	padding: 3px 0;
	line-height: 20px;
	text-align: left;
}