@charset "utf-8";
/* CSS Document */

/* lg */ 
@media (min-width: 1200px) {
  #personalizedmarketing .panel {
  width: 167px;
}

#personalizedmarketing .parameter {
  padding-top: 20px
}

#startersolutions #startersocialnews p {
  margin-left: 15px
}

#startersolutions #startersocialnews h2 {
  margin-right: 0px
}


#marketingbenefits #intro #check-in {
   position:absolute;
   color: white;
   text-transform:uppercase;
   top: 180px;
   left: 427px
}

#marketingbenefits #intro #check-out {
   position:absolute;
   color: white;
   text-transform:uppercase;
   top: 387px;
   left: 231px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    transform-origin: 40% 40%;
}

#marketingbenefits #intro #booking {
   position:absolute;
   color: white;
   text-transform:uppercase;
   top: 247px;
   left: 287px;
    -ms-transform: rotate(-48deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-48deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-48deg);
    transform-origin: 40% 40%;
}

#marketingbenefits #intro #headline1 {
   position:absolute;
   top: 160px;
   left: 640px
}

#marketingbenefits #intro #headline2 {
   position:absolute;

   top: 368px;
   left: 710px
}

#marketingbenefits #intro #headline3 {
   position:absolute;  
   top: 608px;
   left: 580px
}

#marketingbenefits #intro #headline4 {
   position:absolute;  
   top: 558px;
   left: 80px
}

#marketingbenefits #intro #headline5 {
   position:absolute;  
   top: 238px;
   left: 130px
}

#marketingbenefits #intro #headline6 {
   position:absolute;  
   top: 120px;
   left: 235px
}

#marketingbenefits #guestcommunication .ipad {
  top: 230px;
  left: 400px
}

#marketingbenefits #guestcommunication .iphone {
  top: 318px;
  left: 200px
}

#marketingbenefits #owndevice .fa-angle-double-right {
  padding-top: 85px
}

#marketingbenefits #greenroom .fa-angle-double-right {
  padding-top: 125px
}

#marketingbenefits #wow .videoplayer {
  position: absolute;
  left: 30px;
  top: -11px;
  margin-left: 5px;
  margin-right: 29px
}

#marketingbenefits #outleds .col-xs-4 {
  padding-top: 140px
}

#marketingbenefits #outleds .col-xs-2 {
  padding-top: 190px
}

#planyourscreens .gallery {
  margin-bottom: 20px
}

}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  .wide {
    height:400px;
}


.facts-right {
  position: absolute;
  right: 10px;
  top: 65px;
  background-color: rgba(255,255,255,0.9)
}

.facts-left {
  position: absolute;
  left: 10px;
  top: 65px;
  background-color: rgba(255,255,255,0.9)
}

#planyourscreens .gallery {
  margin-bottom: 20px;
  margin-top: 20px
}

#planyourscreens .gallery-cell {
  height: 580px
 }
 
 #planyourscreens .flickity-page-dots {
    bottom: -30px!important;
}
 
#hospitalityapps .tab-content img {
  width: 105px
}

#hospitalityapps .row {
  padding: 5px 5px;
}

#hospitalityapps .tab-content .app-icon {
    padding: 5px;
}
 
 #personalizedmarketing #welcomeportal li {
  width: 31%;
  margin: .5em 1%;
  height: 42px;
  float:left;
  text-align:center;
  background-color: white;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.10);
	-moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.10);
	box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.10);
  transition: box-shadow 0.2s, background-color 0.4s
}

#personalizedmarketing #welcomeportal li:hover {
  -webkit-box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.0);
	-moz-box-shadow:    4px 4px 4px 0px rgba(50, 50, 50, 0.0);
	box-shadow:         4px 4px 4px 0px rgba(50, 50, 50, 0.0);
  
  
}

#personalizedmarketing #welcomeportal li a:hover {
  background-color: #fafafa;
  border-radius: 0px;
  color: black
}

#personalizedmarketing .parameter {
  padding-top: 20px
}

#startersolutions .grey-line {
    width: 200px;
    position: absolute;
    left: 130px
}

#startersolutions #gui .videoplayer {
  position: absolute;
  left: 30px;
  top: -13px;
  margin-left: 165px;
  margin-right: 190px
}

#startersolutions #gui ul li {
  width: 50%;
  float: left;
  padding-left: 80px
}

#startersolutions #screensharing .fa {
  padding-top: 65px
}

#startersolutions #screensharing p {
  padding-top: 15px;
  margin-left: 22px
}

#startersolutions #systemsetup .grey-line01 {
  height: 3px;
    background-color: #EEEEEE;
    z-index: -1;
    width: 150px;
    position: absolute;
    top: 95px;
    left: 100px;
    -ms-transform: rotate(28deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(28deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(28deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line02 {
  height: 3px;
    background-color: #EEEEEE;
    z-index: -1;
    width: 150px;
    position: absolute;
    top: 165px;
    left: 100px;
    -ms-transform: rotate(-20deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-20deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line03 {
  height: 3px;
    background-color: #EEEEEE;
    z-index: -1;
    width: 150px;
    position: absolute;
    top: 65px;
    left: 110px;
    -ms-transform: rotate(11deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(11deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(14deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line04 {
  height: 3px;
    background-color: #EEEEEE;
    z-index: -1;
    width: 60px;
    position: absolute;
    top: 40px;
    left: 243px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line05 {
 height: 3px;
    background-color: #2586c8;
    opacity: 0.5;
    z-index: -1;
    width: 320px;
    position: absolute;
    top: 105px;
    left: 90px;
    -ms-transform: rotate(-18deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-18deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-18deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line06 {
  height: 3px;
    background-color: #EEEEEE;
    z-index: -1;
    width: 320px;
    position: absolute;
    top: 110px;
    left: 95px;
    -ms-transform: rotate(-18deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-18deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-18deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line07 {
 height: 3px;
    background-color: #2586c8;
    opacity: 0.5;
    z-index: -1;
    width: 300px;
    position: absolute;
    top: 138px;
    left: 110px;
    -ms-transform: rotate(-7deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line08 {
  height: 3px;
    background-color: #EEEEEE;
    z-index: -1;
    width: 270px;
    position: absolute;
    top: 145px;
    left: 120px;
    -ms-transform: rotate(-7deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line09 {
  height: 3px;
    background-color: #EEEEEE;
    z-index: -1;
    width: 280px;
    position: absolute;
    top: 173px;
    left: 110px;
    -ms-transform: rotate(5deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(5deg);
    transform-origin: 40% 40%;
}


#marketingbenefits #intro #check-in {
   position:absolute;
   color: white;
   text-transform:uppercase;
   top: 160px;
   left: 342px
}

#marketingbenefits #intro #check-out {
   position:absolute;
   color: white;
   text-transform:uppercase;
   top: 337px;
   left: 183px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    transform-origin: 40% 40%;
}

#marketingbenefits #intro #booking {
   position:absolute;
   color: white;
   text-transform:uppercase;
   top: 217px;
   left: 229px;
    -ms-transform: rotate(-48deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-48deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-48deg);
    transform-origin: 40% 40%;
}

#marketingbenefits #intro #headline1 {
   position:absolute;
   top: 150px;
   left: 540px
}

#marketingbenefits #intro #headline2 {
   position:absolute;
   top: 308px;
   left: 590px
}

#marketingbenefits #intro #headline3 {
   position:absolute;  
   top: 508px;
   left: 480px
}

#marketingbenefits #intro #headline4 {
   position:absolute;  
   top: 478px;
   left: 25px
}

#marketingbenefits #intro #headline5 {
   position:absolute;  
   top: 198px;
   left: 90px
}

#marketingbenefits #intro #headline6 {
   position:absolute;  
   top: 105px;
   left: 175px
}

#marketingbenefits #guestcommunication .ipad {
  top: 170px;
  left: 300px;
}

#marketingbenefits #guestcommunication .iphone {
  top: 258px;
  left: 100px
}

#marketingbenefits #owndevice .fa-angle-double-right {
  padding-top: 55px
}

#marketingbenefits #greenroom .fa-angle-double-right {
  padding-top: 85px
}

#marketingbenefits #wow .videoplayer {
  position: absolute;
  left: 20px;
  top: -16px;
  margin-left: 10px;
  margin-right: 27px
}

#marketingbenefits #outleds .col-xs-4 {
  padding-top: 120px
}

#marketingbenefits #outleds .col-xs-2 {
  padding-top: 150px
}

#index_footer {
	height: 210px;
}

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
.wide {
    height:300px;
}

footer {
  height: 235px;
}


footer .row {
  padding-top: 10px
}

.facts-right {
  position: relative;
}

.facts-left {
  position: relative;
}

#planyourscreens .flickity-page-dots {
  opacity: 0
}

#planyourscreens img {
  position: relative;
}

#planyourscreens .gallery-cell {
  height: 650px
}

#planyourscreens .col-lg-8 {
  overflow: hidden;
  height: 250px;
  vertical-align:middle
 }

#planyourscreens table {
  margin-top: 20px;
  font-size: 13px
}

#planyourscreens table td {
  padding-top: 4px;
  padding-bottom: 4px
}

#hospitalityapps .tab-content img {
  width: 105px
}

#hospitalityapps .row {
  padding: 5px 5px;
}

#hospitalityapps .tab-content .app-icon {
    padding: 5px;
}

#personalizedmarketing .parameter {
  padding-top: 20px
}

#personalizedmarketing .panel {
  width: 150px;
}

 #personalizedmarketing #welcomeportal li {
  width: 31%;
  margin: .4em 1%;
  height: 60px;
  float:left;
  vertical-align:middle;
  text-align:center;
  background-color: white;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.10);
	-moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.10);
	box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.10);
  transition: box-shadow 0.2s, background-color 0.4s
}

#personalizedmarketing #welcomeportal li a {
  height: 60px;
  display: table-cell; 
  vertical-align: middle;
  width: 320px
}

#personalizedmarketing #welcomeportal li:hover {
  -webkit-box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.0);
	-moz-box-shadow:    4px 4px 4px 0px rgba(50, 50, 50, 0.0);
	box-shadow:         4px 4px 4px 0px rgba(50, 50, 50, 0.0);
  
  
}

#personalizedmarketing #welcomeportal li a:hover {
  background-color: #fafafa;
  border-radius: 0px;
  color: black
}

#startersolutions #gui .videoplayer {
  position: absolute;
  left: 30px;
  top: -12px;
  margin-left: 55px;
  margin-right: 80px
}

#startersolutions #gui ul li {
  width: 50%;
  float: left;
  padding-left: 30px
}

#startersolutions #screensharing .fa {
  padding-top: 50px
}

#startersolutions #startersocialnews h2 {
  text-align: center
}

#startersolutions #systemsetup .col-xs-6, .col-sm-2 {
  padding-left: 5px;
  padding-right: 5px
}

#startersolutions #systemsetup .grey-line01 {
  height: 3px;
    background-color: #EEEEEE;
    z-index: -1;
    width: 150px;
    position: absolute;
    top: 100px;
    left: 100px;
    -ms-transform: rotate(28deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(28deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(28deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line02 {
  height: 3px;
    background-color: #EEEEEE;
    z-index: -1;
    width: 150px;
    position: absolute;
    top: 160px;
    left: 100px;
    -ms-transform: rotate(-20deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-20deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line03 {
  height: 3px;
    background-color: #EEEEEE;
    z-index: -1;
    width: 150px;
    position: absolute;
    top: 77px;
    left: 110px;
    -ms-transform: rotate(14deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(14deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(14deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line04 {
  height: 3px;
    background-color: #EEEEEE;
    z-index: -1;
    width: 60px;
    position: absolute;
    top: 40px;
    left: 200px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line05 {
 height: 3px;
    background-color: #2586c8;
    opacity: 0.5;
    z-index: -1;
    width: 250px;
    position: absolute;
    top: 100px;
    left: 90px;
    -ms-transform: rotate(-21deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-21deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-21deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line06 {
  height: 3px;
    background-color: #EEEEEE;
    z-index: -1;
    width: 250px;
    position: absolute;
    top: 104px;
    left: 95px;
    -ms-transform: rotate(-21deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-21deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-21deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line07 {
 height: 3px;
    background-color: #2586c8;
    opacity: 0.5;
    z-index: -1;
    width: 240px;
    position: absolute;
    top: 134px;
    left: 110px;
    -ms-transform: rotate(-8deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-8deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line08 {
  height: 3px;
    background-color: #EEEEEE;
    z-index: -1;
    width: 240px;
    position: absolute;
    top: 140px;
    left: 110px;
    -ms-transform: rotate(-8deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-8deg);
    transform-origin: 40% 40%;
}

#startersolutions #systemsetup .grey-line09 {
  height: 3px;
    background-color: #EEEEEE;
    z-index: -1;
    width: 230px;
    position: absolute;
    top: 176px;
    left: 110px;
    -ms-transform: rotate(12deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(12deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(7deg);
    transform-origin: 40% 40%;
}

#marketingbenefits #intro h3 {
  font-size: 17px
}

#marketingbenefits #intro #check-in {
   position:absolute;
   color: white;
   text-transform:uppercase;
   top: 134px;
   left: 318px
}

#marketingbenefits #intro #check-out {
   position:absolute;
   color: white;
   text-transform:uppercase;
   top: 297px;
   left: 174px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    transform-origin: 40% 40%;
}

#marketingbenefits #intro #booking {
   position:absolute;
   color: white;
   text-transform:uppercase;
   top: 183px;
   left: 216px;
    -ms-transform: rotate(-48deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(-48deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(-48deg);
    transform-origin: 40% 40%;
}

#marketingbenefits #intro #headline1 {
   position:absolute;
   top: 120px;
   left: 500px
}

#marketingbenefits #intro #headline2 {
   position:absolute;
   top: 268px;
   left: 540px
}

#marketingbenefits #intro #headline3 {
   position:absolute;  
   top: 458px;
   left: 445px
}

#marketingbenefits #intro #headline4 {
   position:absolute;  
   top: 418px;
   left: 10px
}

#marketingbenefits #intro #headline5 {
   position:absolute;  
   top: 164px;
   left: 73px
}

#marketingbenefits #intro #headline6 {
   position:absolute;  
   top: 80px;
   left: 155px
}

#marketingbenefits #corporatedesign p {
  padding-bottom: 0px;
  padding-left: 11px
}

#marketingbenefits #corporatedesign h2 {
  padding-left: 11px
}

#marketingbenefits #guestcommunication .ipad {
  top: 100px;
  left: 300px;
}

#marketingbenefits #guestcommunication .ipad img {
  width: 125px
}


#marketingbenefits #guestcommunication .iphone {
  top: 130px;
  left: 180px
}

#marketingbenefits #guestcommunication .iphone img{
  width: 70px
}

#marketingbenefits #greenroom .fa-angle-double-right {
  padding-top: 55px
}

#marketingbenefits #wow .videoplayer {
  position: absolute;
  left: 22px;
  top: -21px;
  margin-left: 5px;
  margin-right: 25px
}

#marketingbenefits #outleds .col-xs-4 {
  padding-top: 100px
}

#marketingbenefits #outleds .col-xs-2 {
  padding-top: 120px
}

#marketingbenefits #outleds .fa {
  font-size: 50px
}

#marketingbenefits #hotelandcity {
  height: 500px
}

#marketingbenefits #hotelandcity img {
  padding-top: 0px
}

#marketingbenefits #contentmanagement {
  height: 500px
}

#marketingbenefits #contentmanagement img {
  padding-top: 0px
}

#customerprojects .container-fluid {
  padding-left: 0px;
  padding-right: 0px
}

#customerprojects .cs-style-4 figcaption {
	height: 100%;
	width: 60%;
}

#customerprojects figure span {
  padding-right: 0px;
  font-size: 13px
}

#turnkeysolutions .grid figure h3 {
  font-size: 14px;
}

.grid figure span img {
  width: 25px;
  top: -3px
}

footer {
  height: 243px;
} 

#index_footer {
  height: 315px
}

#index_footer .vcard {
  padding-top: 35px
}

}
/* xs */
@media (max-width: 767px) {
  
h1 {
  font-size: 30px
}

h2 {
  font-size: 25px
}
 
section {
  padding: 20px 0px
} 

.container {
  padding: 0px 3px
}
  
.wide {
    height:150px;
}

.wide .black-overlay {
  position:relative!important;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); /* Standard syntax (must be last) */
}

.wide .black-overlay .headline-wrapper {
  position: relative;
  height: 100%;
  width: 100%
}

.wide .black-overlay .headline {
  position: absolute;
  color: white;
  width: 100%;
  height: 100%;
  display: table
}

.wide .black-overlay .headline h1 {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.gallery {
  padding: 10px 0px;
  margin: 5px
}

.flickity-page-dots {
  bottom: -12px!important
}

.big_pic {
   position: relative;
   padding: 10px 0px;
   margin: 5px;
 }

#index .grid figure {
  height: 250px
}

.grid figure img {
	 width: 720px;
   height: auto!important;
   top: -50%;
   float: right
}
 
 #guestarea .img-responsive {
  padding: 10px
}

#planyourscreens .container {
  padding: 0px
}

#planyourscreens .gallery {
  margin: 0px
}

#planyourscreens img {
  position: relative;
}

#planyourscreens .col-xs-12 {
  padding-left: 0px;
  padding-right: 0px;
}

#planyourscreens .gallery-cell {
  height: 640px
}

#planyourscreens .flickity-page-dots {
  opacity: 0
}

#planyourscreens .flickity-prev-next-button {
    margin: 0px;
    right: 10px;
    top: 24%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: white;
    background: hsla(0, 0%, 100%, 0.75);
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#planyourscreens .gallery-cell h3{
  font-size: 18px;
  margin-top: 10px
}

#planyourscreens .col-lg-8 {
  overflow: hidden;
  height: 250px;
  vertical-align:middle
 }

#planyourscreens .table-responsive { 
  overflow-x: initial; 
  padding-top: 10px;
  border: none
}

#planyourscreens table {
  padding-top: 20px;
  font-size: 12px
}

#planyourscreens table td {
  padding-top: 4px;
  padding-bottom: 4px
}

#publicareaplaning .list-group .list-group-item {
  padding: 5px 15px
}

#publicareaplaning .panel {
  margin-bottom: 15px
}

#publicareaplaning .col-sm-4 {
  padding: 0px 10px
}

#publicareaplaning .figures {
  text-align:center
}

#hospitalityapps .tab-content img {
  width: 100%
}

#hospitalityapps .row {
  padding: 5px 5px;
}

#hospitalityapps .tab-content .app-icon {
    padding: 5px;
}

#personalizedmarketing .parameter {
  padding-top: 15px
}

#personalizedmarketing .panel {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

 #personalizedmarketing #welcomeportal li {
  width: 100%;
  margin: 0.1em 1%;
  height: 30px;
  float:left;
  vertical-align:middle;
  text-align:center;
  background-color: white;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.10);
	-moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.10);
	box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.10);
  transition: box-shadow 0.2s, background-color 0.4s
}

#personalizedmarketing #welcomeportal li a {
  height: 30px;
  display: table-cell; 
  vertical-align: middle;
  width: 1000px;
  line-height: 1
}

#personalizedmarketing #welcomeportal li:hover {
  -webkit-box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.0);
	-moz-box-shadow:    4px 4px 4px 0px rgba(50, 50, 50, 0.0);
	box-shadow:         4px 4px 4px 0px rgba(50, 50, 50, 0.0);
  
  
}

#personalizedmarketing #welcomeportal li a:hover {
  background-color: #fafafa;
  border-radius: 0px;
  color: black
}
 
 #startersolutions .grey-line {
    width: 30%;
    position: absolute;
    top: 85px;
    left: 130px
}
 
 #startersolutions #gui .img-responsive {
  opacity: 0
 }
 
 #startersolutions #gui ul li {
  width: 50%;
  float: left;
  padding-left: 30px
}
 
 #startersolutions #gui .col-lg-8 {
  background-image: url(../images/startersolutions/samsung-tv-mockup.png);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center
 }
 
 #startersolutions #gui .videoplayer {
   position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-left: 2px;
  max-width: 553px;
  left: 0
 }
 
 #startersolutions #startersocialnews h2 {
  text-align: center
}
 
 #startersolutions #screensharing .fa {
  padding-top: 50px
}

#marketingbenefits #intro #headline1,
#marketingbenefits #intro #headline2,
#marketingbenefits #intro #headline3,
#marketingbenefits #intro #headline4,
#marketingbenefits #intro #headline5,
#marketingbenefits #intro #headline6,
#marketingbenefits #intro #check-in,
#marketingbenefits #intro #check-out,
#marketingbenefits #intro #booking {
  text-align: center
}

#marketingbenefits #intro #check-in,
#marketingbenefits #intro #check-out,
#marketingbenefits #intro #booking {
  text-transform:uppercase;
  height: 40px;
  color: black
}

#marketingbenefits #guestcommunication .overlay {
  width: 100%
}

#marketingbenefits #guestcommunication .ipad {
  width: 100%;
}
 
 
 #marketingbenefits #guestcommunication .ipad img{
  width: 130px
 }
 
  #marketingbenefits #corporatedesign h2 {
    text-align: center
  }
  
  #marketingbenefits #corporatedesign p {
    text-align: center;
    padding-bottom: 0px
  }
 
 #marketingbenefits #corporatedesign img {
  max-width: 370px
 }

#marketingbenefits #greenroom .fa-angle-double-right {
  padding-top: 55px
} 

#marketingbenefits #wow {
  text-align: center
}

#marketingbenefits #outleds .col-xs-4 {
  padding-top: 100px
}

#marketingbenefits #outleds .col-xs-2 {
  padding-top: 120px
}

#marketingbenefits #outleds .fa {
  font-size: 50px
}

#marketingbenefits #attention .col-xs-4 {
  padding-left: 5px;
  padding-right: 5px
}

#marketingbenefits #outside {
  height: 500px
}

#marketingbenefits #outside .cover-text {
  padding-top: 350px;
  padding-left: 80px
}

#marketingbenefits #socialchannels {
  text-align: center
}

#marketingbenefits #hotelandcity {
  text-align: center;
  height: 500px
}

#marketingbenefits #hotelandcity h2 {
  padding-top: 20px
}


#marketingbenefits #newscast {
  text-align: center;
  height: 600px
}

#marketingbenefits #newscast h2 {
  padding-top: 20px
}

#marketingbenefits #contentmanagement {
  text-align: center;
  height: 500px
}

#marketingbenefits #contentmanagement h2 {
  padding-top: 20px
}


#turnkeysolutions .grid figure h3 {
  font-size: 14px;
}
#turnkeysolutions .grid img {
  float:none
}

#customerprojects .container-fluid {
  padding-left: 0px;
  padding-right: 0px
}

#customerprojects .cs-style-4 li {
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 0 100%;
	-moz-perspective-origin: 0 100%;
	perspective-origin: 0 100%;
}

#customerprojects figure {
  overflow: hidden
}

#customerprojects .col-xs-6,
#customerprojects .grid li,
#customerprojects .grid figure
 {
  height: 320px;
  
}

#customerprojects .grid figcaption li {
  height: 20px!important
}

#customerprojects .cs-style-4 figcaption {
	height: 100%;
	width: 100%;
}

#customerprojects figure span {
  padding-right: 0px;
  font-size: 13px
}

#customerprojects .grid figure span img {
  width: 25px;
  top: -3px
}

footer {
  height: 333px;
}

#index_footer {
  height: 215px
}

#index_footer .row {
  padding-top: 0px
}

#index_footer .address {
  font-size: 13px
}

#index_footer .vcard {
  padding-top: 0px
}

#index_footer #social-buttons {
  padding-top: 10px!important
}

#index_address {
  padding-left: 3px;
  padding-right: 3px
}

footer #support {
  padding-top: 20px
}

footer .row {
  padding-top: 10px
}

footer .well{
  margin-left: 5px;
  margin-right: 5px;
}
}

/* tn */
@media (max-width: 480px) {  
  
 #personalizedmarketing .panel {
    margin-bottom: 5px
 }
  
 #personalizedmarketing .parameter-icon {
  padding: 3px
}

 #personalizedmarketing .col-tn-6 {
   padding: 2px 5px
 }
 
 #startersolutions .grey-line {
    width: 30%;
    position: absolute;
    top: 70px;
    left: 50px
}
 
 #startersolutions #screensharing .fa {
  padding-top: 15px
}

#startersolutions #gui ul li {
  width: 100%;
  float: left;
  padding-left: 5px;
  line-height: 1.4;
  padding-bottom: 7px
}

#startersolutions #startersocialnews h2 {
  text-align: center
}

#startersolutions #screensharing p,
#startersolutions #messages p,
#startersolutions #hotelnews p,
#startersolutions #startersocialnews p,
#startersolutions #intro p
 {
  text-align: left;
  padding: 0px; 
  margin-left: 5px;
  margin-rigth: 5px
}

#marketingbenefits #corporatedesign img {
  max-width: 340px
 }
 
 #marketingbenefits #corporatedesign .ipad-wyndham img {
  width: 130px;
  padding-top: 50px
 }
 
 #marketingbenefits #owndevice .tablet {
   padding-top: 30px
 }
 
 #marketingbenefits #greenroom .fa-angle-double-right {
  padding-top: 35px;
  font-size: 46px
}

#marketingbenefits #outleds .col-xs-4 {
  padding-top: 70px
}

#marketingbenefits #outleds .col-xs-2 {
  padding-top: 80px
}

#marketingbenefits #outleds .fa {
  font-size: 40px
}

#marketingbenefits #eshops {
  text-align:center
}

#marketingbenefits #eshops img {
  max-width: 330px
}

#marketingbenefits #wow .videoplayer {
  position: absolute;
  left: 22px;
  top: 87px;
  margin-left: 2%;
  margin-right: 5.4%
}

#marketingbenefits #attention .col-xs-4 {
  padding-left: 5px;
  padding-right:45px
}

#marketingbenefits #attention .img-responsive {
  margin: 7px 20px
}

#marketingbenefits #outside {
  background-position:center bottom;
  padding-top:160px;
  height: 300px
}

#marketingbenefits #outside .cover-text {
  padding-top: 0px;
  padding-left: 20px;
}

#customerprojects .container-fluid {
  padding-left: 0px;
  padding-right: 0px
}

#customerprojects figure {
  overflow: hidden
}

#customerprojects .col-xs-6,
#customerprojects .grid li,
#customerprojects .grid figure
 {
  height: 320px;
  
}

#customerprojects .grid figcaption li {
  height: 20px!important
}

footer {
  height: 330px
}

footer .well p {
  font-size: 14px
}
}