/* ######################################## GLOBAL
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
padding-bottom: 40px;
color: #5a5a5a;
}

.lead {
font-size: 18px;
}

.lead-pdf {
	background-image: url('../../img/shared/pdf_download.png');
	background-size: 25px 25px;
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 40px; 
}

.lead-pdf-white {
	background-image: url('../../img/shared/pdf_white_download.png');
	background-size: 20px 20px;
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 40px; 
}


/* ######################################## NAVBAR
-------------------------------------------------- */

.jumbotron-gradient {
background-image: linear-gradient(black 0% black 100%);
color: white;
height: 100%;
}

.navbar-wrapper {
background-color: rgba(0,0,0,0.5);
position: absolute;
height: 50px;
width: 100%;
z-index: 20;
margin: 0px 0px 0px 0px;
}


.navbar {
background-color: rgba(0,0,0,0.7);
border: transparent;
color: White;
}

.lead-navbartop{
font-size: 12px;
font-weight: 300;
color: white;
}

.lead-navbartop:hover{
color: GreenYellow;
}

.col-navbar-top {
padding-top: 10px;
height: 50px;
text-align: center;
}

.col-navbar-empty {
display: inherit;
}

.navbar .navbar-nav > .active > a {
background-color: rgba(0,0,0,0.5);
}

.navbar .nav > li > a {
color: White;
font-size: 18px;
font-weight: 200;
}

.navbar .nav > li > a:hover {
color: GreenYellow;
background-color: rgba(0,0,0,0.2);
}

.navbar-wrapper > .container {
padding-right: 0;
padding-left: 0;
}
.navbar-wrapper .navbar {
padding-right: 15px;
padding-left: 15px;
}
.navbar-wrapper .navbar .container {
width: auto;
}

.row-navbar-top{
background: Black; 
margin: 0px 0px 0px 0px;
}


/* ######################################## CONTAINER
-------------------------------------------------- */

.container-sidePage {
margin: 0px 0px 0px 0px;
height: 400px;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.container-sidePage-lg {
text-align: center;
width: 60%;
margin-left: auto;
margin-right: auto;
}

.container-sidePage-lg > h1 {
color: White;
font-size: 32px;
text-shadow: 0 2px 0 Black;
}

.container-sidePage-lg > p {
color: White;
font-size: 14px;
text-shadow: 0 1px 0 Black;
}

/* ######################################## CAROUSEL
-------------------------------------------------- */

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

.carousel .item {
  height: 600px;
  background-color: White;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 750px;
  height: 400px;
}

.head-carousel{
color: White;
font-weight: 200;
text-align: left;
font-size: 24px;
}

.p-carousel{
color: White;
margin-bottom: 20px;
font-weight: 300;
text-align: left;
font-size: 16px; 
}

.carousel-container {
text-align: left; 
width: 320px; 
height: 400px;
margin-left: 0px;
}

.carousel-item {
background-position: center;
background-repeat: no-repeat;
}

.carousel-left-container {
margin-left: 0px;
margin-top: 100px;
background-color: rgba(0,0,0,0.7);
border-radius: 10px;
width: 330px;
padding: 20px 20px 20px 20px;
}


/* ######################################## LOGIN
-------------------------------------------------- */

.login-container {
position: absolute;
top: 100px;
right: 150px;
padding: 0px 20px 20px 25px;
color: white;
font-weight: 200;
font-size: 16px;
width: 250px;
border-radius: 10px;
background-color: rgba(0,0,0,0.7);
z-index: 500;
}

.login-container-jumbotron {
top: 135px;
}

.login-visible {
position: relative;
top: 0;
left: 0;
margin: auto;
margin-top: 50px;
padding-top: 5px;
}

.login-container > form > h1 {
font-size: 22px;
font-weight: 200;
}

.login-container > form > p {
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 14px;
}

.login-container > a > p {
margin: 20px 0px 0px 0px;
color: white;
cursor: pointer;
text-decoration: underline;
cursor: pointer;
font-size: 14px;
}


.login-input {
width: 200px;
height: 40px;
border: 0px;
color: white;
font-size: 14px;
background: url('../../img/shared/input200px40px.png') no-repeat;
background-size: 200px 40px;
outline: none;
margin: 0px 0px 0px 0px;
text-align: center;
}

.login-input100 {
width: 100px;
height: 40px;
border: 0px;
color: white;
font-size: 14px;
background: url('../../img/shared/input100px40px.png') no-repeat;
background-size: 100px 40px;
outline: none;
margin: 0px 0px 0px 0px;
text-align: center;
}

.login-button {
border: 1px solid white;
background: transparent;
margin-top: 20px;
border-radius: 10px;
text-align: center;
width: 150px;
height: 40px;
}

.login-button:hover {
background: black;
}

/* ######################################## FAVORITES
-------------------------------------------------- */

.lead-img-favorites {
display: block;
margin-left: auto;
margin-right: auto;
}

.div-favorites {
width: 100%;
height: 100%;
background-color:rgba(0,0,0,0.7);
position: absolute;
top: 0px;
left: 0px; 
}

.div-favorites:hover {
background:transparent;
}

.div-favorites-shadow {
box-shadow: 20px 0px 20px Black;
 -webkit-box-shadow: 20px 0px 20px 6px Black;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    20px 0px 20px 6px Black;
}

.col-lg-favorites {
background-position: center;
background-repeat: no-repeat;
border-left: 1px Solid Black;
border-bottom: 1px Solid Black;
min-width: 300px;
margin: auto;
padding: 0px 0px 0px 0px;
cursor: pointer;
}

.lead-favorites{
color: white;
font-weight: 200;
margin-top: 50px;
font-size: 18px;
text-align: center;
}

.lead-favorites-bottom{
color: white;
font-weight: 200;
font-size: 24px;
text-align: center;
}

.lead-favorites-dscr{
color: white;
font-size: 14px;
text-align: center;
font-weight: 300;
padding: 0px 20px 0px 20px;
}


.col-lg-favorites_1 {
background-image: url('../../img/mainPage/mainPageFavoriteBw_1.jpg');
}

.col-lg-favorites_1:hover {
background-image: url('../../img/mainPage/mainPageFavorite_1.jpg');
}

.col-lg-favorites_2 {
background-image: url('../../img/mainPage/mainPageFavoriteBw_2.jpg');
}

.col-lg-favorites_2:hover {
background-image: url('../../img/mainPage/mainPageFavorite_2.jpg');
}

.col-lg-favorites_3 {
background-image: url('../../img/mainPage/mainPageFavoriteBw_3.jpg');
}

.col-lg-favorites_3:hover {
background-image: url('../../img/mainPage/mainPageFavorite_3.jpg');
}

.col-lg-favorites_4 {
background-image: url('../../img/mainPage/mainPageFavoriteBw_4.jpg');
}

.col-lg-favorites_4:hover {
background-image: url('../../img/mainPage/mainPageFavorite_4.jpg');
}






/* ######################################## ACTIVATIONS
-------------------------------------------------- */

.div-activations {
width: 100%;
height: 50%;
position: absolute;
top: 0px;
left: 0px;
}

.div-activations-shadow {
box-shadow: 10px 0px 10px Silver;
 -webkit-box-shadow: 10px 0px 10px 3px Silver;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    10px 0px 10px 3px Silver;
}

.col-lg-activations {
background-position: center;
background-repeat: no-repeat;
min-width: 300px;
margin: auto;
padding: 0px 0px 0px 0px;
}

.lead-activations{
color: black;
font-weight: 200;
margin-top: 10px;
font-size: 20px;
text-align: center;
}

.lead-activations-dscr{
color: black;
font-size: 14px;
text-align: center;
font-weight: 300;
padding: 0px 20px 0px 20px;
margin-bottom: 5px;
margin-top: 0px;
}

.lead-discount{
color: #CA0000;
font-size: 18px;
text-align: center;
font-weight: 100px;
text-decoration: line-through;
padding: 0px 20px 0px 20px;
margin: 0px 0px 0px 0px;
}

.lead-activations-bottom{
color: black;
font-weight: 200;
font-size: 24px;
text-align: center;
margin: 0px 0px 0px 0px;
}

.btn-activations {
background: white;
border-color: DarkRed;
color: #CA0000;
font-weight: 200;
font-size: 16px;
}

.btn-activations:hover{
border-color: #CA0000;
background: #CA0000;
color: white;
}

.div-activations-btn{
width: 100%;
margin: 20px 0px 20px 0px;
text-align: center;
}

.div-activations-img {
height: 370px;
background-repeat: no-repeat;
background-position-y: bottom;
background-position-x: center;
}

.div-activations-img_1 {
background-image: url('../../img/mainPage/activations_1.jpg');
}

.div-activations-img_2 {
background-image: url('../../img/mainPage/activations_2.jpg');
}

.div-activations-img_3 {
background-image: url('../../img/mainPage/activations_3.jpg');
}

.div-activations-img_4 {
background-image: url('../../img/mainPage/activations_4.jpg');
}


.div-tarifs-internet-img_1 {
background-image: url('../../img/internet/tarifs_1.jpg');
}

.div-tarifs-internet-img_2 {
background-image: url('../../img/internet/tarifs_2.jpg');
}

.div-tarifs-internet-img_3 {
background-image: url('../../img/internet/tarifs_3.jpg');
}

.div-tarifs-iptv-img_1 {
background-image: url('../../img/iptv/imgKukiStart.png');
background-size: 300px;
margin-top: 60px;
}

.div-tarifs-iptv-img_2 {
background-image: url('../../img/iptv/imgKukiMensi.png');
background-size: 300px;
margin-top: 60px;
}

.div-tarifs-iptv-img_3 {
background-image: url('../../img/iptv/imgKukiVetsi.png');
background-size: 300px;
margin-top: 60px;
}

.div-tarifs-iptv-img_4 {
background-image: url('../../img/iptv/imgKukiExtra.png');
background-size: 300px;
margin-top: 60px;
}
	
.div-tarifs-mobil-img_1 {
background-image: url('../../img/mobil/mobilPackages99.jpg');
}

.div-tarifs-mobil-img_2 {
background-image: url('../../img/mobil/mobilPackages199.jpg');
}

.div-tarifs-mobil-img_3 {
background-image: url('../../img/mobil/mobilPackages299.jpg');
}

.div-tarifs-mobil-img_4 {
background-image: url('../../img/mobil/mobilPackages129.jpg');
}

.div-tarifs-firma-img_1 {
background-image: url('../../img/firmy/marketingMess1.jpg');
}

.div-tarifs-firma-img_2 {
background-image: url('../../img/firmy/marketingMess2.jpg');
}


.div-tarifs-firma-img_3 {
background-image: url('../../img/firmy/marketingMess3.jpg');
}

.div-tarifs-zamestnani-img_1 {
background-image: url('../../img/zamestnani/imgStavebnik.jpg');
background-size: 250px 250px;
background-position: center;
margin-top: 50px;
}

.div-tarifs-zamestnani-img_2 {
background-image: url('../../img/stavebnici/imgKomatsu.jpg');
background-size: 250px 250px;
background-position: center;
margin-top: 50px;
}

.div-tarifs-zamestnani-img_3 {
background-image: url('../../img/zamestnani/imgKancelar.jpg');
background-size: 250px 250px;
background-position: center;
margin-top: 50px;
}

.div-tarifs-zamestnani-img_4 {
background-image: url('../../img/zamestnani/imgOptic.jpg');
background-size: 250px 250px;
background-position: center;
margin-top: 50px;
}

.div-tarifs-zamestnani-img_5 {
background-image: url('../../img/zamestnani/imgObchodnik.jpg');
background-size: 250px 250px;
background-position: center;
margin-top: 50px;
}



/* ######################################## JUMBOTRON
-------------------------------------------------- */

.jumbotron {
margin: 0;
height: 800px;
background-repeat: no-repeat;
background-position: center;
}

.jumbotron-internet{
position: relative;
padding: 0;
}

.jumbotron-internet video {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
z-index: 0;
}

.col-tarifs > div {
padding: 30px 30px 30px 30px;
background: cover;
height: 850px;
border-radius: 5px;
margin-top: 10px;
position: relative;
background-repeat: no-repeat; 
background-size: cover;
box-shadow: 3px 3px 5px black;
}

.col-tarifs > div > div {
background: rgb(0,0,0,0.7);
min-height: 100%;
border-radius: 5px;
border: 1px solid #404040;
padding: 10px 10px 10px 10px;
}

.col-tarifs > div > div > h1 {
color: white;
margin-top: 40px;
width: 100%;
text-align: center;
font-weight: 900;
}

.col-tarifs > div > div > .price {
font-size: 20px;
font-weight: 800;
width: 250px;
text-align: center;
margin: auto;
height: 100px;
line-height: 100px;
}

.col-tarifs > div > div > ul {
list-style-image: url('../../img/shared/checkbox.png');
font-weight: 200;
}


.col-tarifs > div > div > p {
color: white;
margin-top: 30px;
font-weight: 200;
}



.tarifsAddOn > h1 {
font-size: 30px;
font-weight: 200;
color: black;
text-align: center;
margin-top: 60px;
}

.col-goToBusiness {
margin-top: 50px;
}

.col-goToBusiness > div {
background-image: url('../../img/internet/goToBusiness.jpg');
background-position: bottom;
border: 1px solid #404040;
border-radius: 5px;
margin-top: 10px;
padding: 50px 50px 50px 50px;
text-align: center;
color: white;
font-size: 18px;
font-weight: 600;
box-shadow: 3px 3px 5px black;
}



.jumbotron-col {
margin-top: 100px;
margin-left: 10px;
width: 350px;
background: rgba(0,0,0,0.7);
border-radius: 10px;
}

.jumbotron-col > h1 {
margin: 20px 20px 5px 20px;
color: White;
font-size: 30px;
font-weight: 800;
}

.jumbotron-col > p {
margin: 30px 20px 30px 20px;
color: White;
font-size: 19px;
font-weight: 300;
}

.jumbotron-shadow {
width: 100%;
height: 40px;
color: white;
padding: 10px 0px 0px 20px;
background: black;
box-shadow: 20px 0px 20px Black;
 -webkit-box-shadow: 20px 0px 20px 6px Black;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    20px 0px 20px 6px Black;
}


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

.container-icon-header-dscr {
max-width: 550px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
}

.container-icon-header-dscr > div {
margin: 0px 0px 0px 0px;
}

.container-icon-header-dscr > div:nth-last-child(1) {
margin: 10px 0px 0px 0px;
}


.container-icon-header-dscr > div > img {
width: 30px;
height: 30px;
vertical-align: top;
border: 1px solid black;
border-radius: 10px;
margin: 0px 0px 0px 0px;
}

.container-icon-header-dscr > div > h1 {
display:inline-block;
margin: 0px 0px 0px 20px;
font-size: 24px;
font-weight: 200;
}

.container-heading {
width: 100%; 
height: 40px; 
background: White; 
margin: 30px 0px 20px 0px;
padding-left: 30px;
font-size: 24px; 
font-weight: 200;
}

.container-full {
  margin: 0 auto;
  width: 100%;
}






/* ######################################## FEATURETTES
------------------------- */

.featurette-divider {
  margin: 30px 0; /* Space out the Bootstrap <hr> more */
  color: white;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 200;
  line-height: 1;
  letter-spacing: -1px;
}

.featurette-shadow {
margin-top: 50px; 
padding: 50px 20px 20px 20px; 
border: 1px solid whitesmoke; 
border-radius: 10px;
box-shadow: 10px 0px 10px Silver;
 -webkit-box-shadow: 10px 0px 10px 3px Silver;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    10px 0px 10px 3px Silver;
}

.featurette-left {
max-width: 100%;
padding: 10% 0px 0px 30%;
margin-right: 0px;
height: 800px;
background-position: center center;
}

.featurette-right {
padding: 10% 30% 0px 0px;
height: 800px;
background-position: center center;
}

.featurette-space {
margin: 100px 0px 100px 0px;
}

.col-half-black {
background-color: rgba(0,0,0,0.8);
margin: 0px 0px 0px 0px;
padding: 40px 40px 40px 60px;
color: white;
font-size: 30px;
font-weight: 900;
}

.col-half-black  > h1{
font-size: 30px;
font-weight: 900;
}













.marketing {
margin-bottom: 50px;
}





.text-muted {
font-size: 24px;
}



.btn-lg {
background: #CA0000;
border-color: DarkRed;
font-weight: 300;
}

.btn-lg:hover {
background: DarkRed;
border-color: #CA0000;
}

.col-lg-img {
width: 300px;
height: 200px;
}


.dropdown-menu {
background: black;
}

.dropdown-menu > li {
color: White;
}

.dropdown-menu > li > a {
color: White;
}

.dropdown-menu > li > a:hover {
background: transparent;
color: GreenYellow;
}



.price-list-header-left {
background: Silver; 
height: 40px; 
padding-top: 10px; 
border: 1px Solid Silver; 
border-right: 0; 
border-bottom: 0;
margin-top: 50px;
}

.price-list-header-right {
background: Silver;
height: 40px;
padding-top: 10px;
border: 1px Solid Silver;
border-left: 0;
text-align: right;
padding-right: 30px;
border-bottom: 0;
margin-top: 50px;
}


.price-list-left {
background: White;
height: 40px;
padding-top: 10px;
border: 1px Solid Silver;
border-right: 0;
border-bottom: 0;
}

.price-list-right {
background: White; 
height: 40px; 
padding-top: 10px; 
border: 1px Solid Silver; 
border-left: 0;
text-align: right;
padding-right: 30px;
border-bottom: 0;
}

.table-striped > thead > tr > th {
background: Gainsboro;
}

.table-striped > tbody > tr:nth-last-of-type(1) {
border-bottom: 1px Solid Silver;
}


.lead-header {
font-weight: 500;
}

.lead-border-head {
border: 1px solid black;
padding: 10px 0px 10px 20px;
font-weight: 200;
border-radius: 10px;
vertical-align: middle;
min-height: 45px;
font-size: 18px;
}

.price-list-text {
height: 60px;
text-align: left;
padding-left: 20px;
vertical-align: middle;
}

.price-list-cislo {
height: 60px;
text-align: center;
}

.price-list-cena {
height: 60px;
text-align: right;
padding-right: 10px;
vertical-align: middle;
}

.price-list-popis {
text-align: center;
padding-right: 10px;
vertical-align: middle;
font-size: 10px;
}


.price-list-button-order {
height: 60px;
text-align: right;
vertical-align: middle;
display: inherit;
}

.heading-packages {
position: relative; 
left: 20px;
}




.heading-packages-config {
position: relative;
top: 20px; 
left: 30px;
font-size: 24px;
}


.lead-packages-left {
margin-left: 20px;
font-size: 14px;
}

.lead-price {
text-align: right;
min-width: 75px;
}













.btn-td {
background: #CA0000;
border: 1px Solid DarkRed;
}

.btn-td:hover {
background: DarkRed;
border: 1px Solid #CA0000;
}



table.table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid silver;
    box-shadow: 2px 2px 4px Gray;
}
table.table, th:first-child{
    border-top-left-radius: 10px;
}

table.table, th:last-child{
    border-top-right-radius: 10px;
}

table.table, tr:last-child > td:last-child {
	border-bottom-right-radius: 10px;
}


table.table, tr:last-child > td:first-child {
	border-bottom-left-radius: 10px;
}

table.table-order {
width: 80%;
}

td.orderItem {
background: rgb(140,198,63);
color: White;
height: 40px;
padding: 0px 10px 0px 10px;
border-bottom: thin Solid White;
font-size: 15px;
}

td.orderBody {
height: 40px;
padding-left: 20px;
font-size: 15px;
}

.addon-order {
font-size: 18px;
font-weight: bold;
}


.package-header {
font-size: 20px;
background: White;
}

.package-body {
font-size: 18px;
vertical-align: middle;
background: white;
height: 40px;
border: 0;
}


.package-body-dscr {
font-size: 14px;
font-weight: 300;
vertical-align: middle;
background: whitesmoke;
border: 0;
}

.col-order-right {
text-align: right;
padding: 0px 20px 0px 0px;
font-weight: 300;
}







.div-footer-local {
width: 100%; 
background: Gray;
margin: 0px 0px 0px 0px;
}

.row-footer-local{
margin: 0px 50px 0px 50px;
}

.col-footer-local {
text-align: left;
padding: 0px 0px 20px 0px;
font-weight: 200;
}

.col-footer-local-p {
margin-left: 20px;
}

.footer-h2-50 {
margin-left: 20px;
font-weight: 200;
}



.col-footer-local > h2 > a {
color: Gray;
font-size: 18px;
}

.col-footer-local > div > p > a {
color: Black;
}

.footer-main-first {
width: 100%;
background: WhiteSmoke;
}

.footer-main-second {
width: 100%;
background: Gainsboro;
}


.img-iptv-logos {
margin: 5px 10px 0px 10px;
font-size: 18px;
}

.img-iptv-promoLogos {
margin: 5px 10px 0px 10px;
font-size: 18px;
border: 2px solid white;
border-radius: 10px;
box-shadow: 2px 2px 5px Gray;
}
	
.tdOrder-right {
text-align: right;
padding-right: 10px;
}



.col-half-size {
height: 500px;
border: 1px Solid Grey;
padding: 10px 10px 10px 30px;
margin: 5px 0px 5px 0px;
}

.lead-small {
font-size: 14px;
}

.lead-smaller {
font-size: 12px;
}

.orderBodyInteractive {
cursor: pointer;
}

.orderBodyTrInteractive:hover {
background: WhiteSmoke;
}

.div-footer-shadow {
width: 100%;
height: 30px;

}

.div-footer-shadow-gray {
width: 100%;
height: 30px;
background-image: url('../../img/shadowBottomGray.png');
background-repeat: repeat-x;
}

.li-lead {
list-style-image: url('../../img/mainPage/smallStar.png');
margin-bottom: 0px;
}



.borderRed{
border: 1px solid red;
}

.hrVisibleOnSmallerThan480 {
display: none;
}





/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 480px) {
	.login-container {
		display: none;
		}
	
	.login-visible {
		display: inherit;
		}
}


@media (min-width: 480px) {
	
	.col-half-black > p {
	font-size: 12px;
	}
	
	.carousel-container {
	text-align: left; 
	width: 400px;
	}

	.carousel-left-container {
	margin-left: 40px;
	}

	.p-carousel {
	font-size: 14px; 
	}
	
	.jumbotron-col {
	width: 400px;
	}
	
	.navbar {
	background-color: rgba(0,0,0,0.7);
	}
	
	.col-footer-local-p {
	margin-left: 50px;
	}

	.footer-h2-50 {
	margin-left: 50px;
	}
	
	.col-lg-activations {
	border-bottom: 1px solid silver;
	}
	
	.col-navbar-top {
	height: 50px;
	}
	
	.row-navbar-top{
	padding-left: 0px;
	}
	
	.login-container {
	display: none;
	}
	
	.login-visible {
	display: inherit;
	}
	
	.featurette-heading {
	font-size: 24px;
	}
	
	.price-list-button-order {
	display: none;
	}
	
	.hrVisibleOnSmallerThan480 {
	display: none;
	}

	
}

@media (min-width: 640px) {
	
	.col-half-black > p {
	font-size: 14px;
	}
	
	.heading-packages {
	top: 10px;
	left: 15px;
	}

	.login-container {
	display: inherit;
	}
	
	.login-visible {
	display: inherit;
	}
	
	.featurette-heading {
	font-size: 24px;
	}
	
	.price-list-button-order {
	display: none;
	}
	
	.hrVisibleOnSmallerThan480 {
	display: inherit;
	}

}

@media (min-width: 664px) {
	
	.jumbotron-col {
	width: 400px;
	}
	
	.col-half-black > p {
	font-size: 14px;
	}
	.col-lg-activations {
	border-bottom: 1px solid silver;
	}
	
	.col-navbar-top {
	height: 35px;
	}
	
	.row-navbar-top{
	padding-left: 100px;
	}
	
	.jumbotron-container {
	margin: 75px 0px 0px 10px;
	}
	
	.login-visible {
	display: inherit;
	}
	
	.featurette-heading {
	font-size: 30px;
	}
	
	.price-list-button-order {
	display: inherit;
	}

}

@media (min-width: 768px) {
	
	.col-half-black > p {
	font-size: 14px;
	}
	
	.navbar {
	background: transparent;
	}
	
	.navbar-wrapper .container {
	padding-right: 15px;
	padding-left: 15px;
	}
	.navbar-wrapper .navbar {
	padding-right: 0;
	padding-left: 0;
	}

	.container-sidePage-lg > h1 {
	font-size: 40px;
	}

	.container-sidePage-lg > p {
	font-size: 18px;
	}

	.featurette-heading {
	font-size: 30px;
	}
  
	.row-footer-local{
	margin-top: 10px;
	}
	
	.carousel-container {
	text-align: left;
	width: 450px;
	}

	.carousel-left-container {
	margin-left: 70px;
	}
	
	.p-carousel{
	font-size: 16px; 
	}
	
	.jumbotron-container {
	margin: 75px 0px 0px 10px;
	}
		
	.col-half-size > h2 {
	font-size: 32px;
	}
	
	.text-muted-half {
	font-size: 24px;
	}

	.col-footer-local-p {
	margin-left: 50px;
	}
	
	.footer-h2-50 {
	margin-left: 50px;
	}
	
	.col-lg-activations {
	border-bottom: 1px solid silver;
	}
		
	.row-navbar-top{
	padding-left: 200px;
	}
	
	.login-container {
	right: 90px;
	}
	
	.col-lg-activations {
	border-bottom: 0px;
	}

}

@media (min-width: 992px) {
		
	.col-half-black > p {
	font-size: 16px;
	}
	
	.col-tarifs > div {
	height: 750px;
	}
	
	.featurette-heading {
    margin-top: 20px;
	}
  
  	.navbar {
	background: transparent;
	}
	  
	.container-sidePage-lg {
	padding-top: 200px;
	}
  
  	.carousel-container {
	text-align: left;
	width: 600px; 
	}
  
	.carousel-left-container {
	margin-left: 140px;
  	}
  	
  	.p-carousel{
	font-size: 16px; 
	}
	
	.col-half-size > h2 {
	font-size: 34px;
	}
	
	.text-muted-half {
	font-size: 24px;
	}

	.col-footer-local-p {
	margin-left: 50px;
	}
  	
  	.footer-h2-50 {
	margin-left: 50px;
	}
	
	.row-navbar-top{
	padding-left: 430px;
	}
	
	.login-container {
	right: 150px;
	}
	
	.jumbotron-container {
	margin: 75px 0px 0px 100px;
	}
	
}

@media (min-width: 1200px) {
	
	.col-tarifs > div {
	height: 700px;
	}
	
	.col-tarifs > div > div > .price {
	width: 400px;
	font-size: 24px;
	}
	
	.col-half-black > p {
	font-size: 16px;
	}

	.navbar {
	background: transparent;
	}

	.carousel-container {
	text-align: left;
	width: 600px;
	}

	.carousel-left-container {
	margin-left: 190px;
	}
	
	.col-footer-local-p {
	margin-left: 50px;
	}
	
	.footer-h2-50 {
	margin-left: 50px;
	}
	
	.row-navbar-top{
	padding-left: 630px;
	}
	
}