body {
	font-size: 16px;
	min-width: 320px;
}
a {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: tallop 0.3s;
    transition: all 0.3s;
}
.contrast * {
	color: #fff !important;
}
img {
	max-width: 100%;
	height: auto!important;
}
/*-- Top --*/
.atop {
	padding: 10px 0;
}
.atop a {
	color: #444;
	line-height: 30px;
}
.atop .social a i {
	background: #444;
	color: white;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	margin: 0px 3px;
}
.atop .social a:hover {
	text-decoration: none;
}

/*-- Navigation --*/
.navbar-toggle {
	border: 1px solid white;
}
.navbar-toggle span{
	background: white;
}
.nav > li > a:hover, 
.nav > li > a:focus, 
.nav > li > a:active, 
.nav > li.current > a, 
.nav > li.active > a,
.nav > li.open > a,
.nav > li.open > a:hover {
	background: transparent;
}
.nav li {
	position: relative;
}
.nav > li.open > ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	z-index: 99;
	width: 180px;
	border: 1px solid #e6e6e6;
	border-top: none;
	background: white;
	margin-top: 1px;
}
.nav > li.open:hover > ul {
	display: block;
}
.nav li ul li a {
	color: #444 !important;
	padding: 8px 20px;
	display: block;
	background: white;
}
.nav li ul li a:hover, 
.nav > li > ul > li.current > a, 
.nav > li > ul > li.active > a {
	text-decoration: none;
	color: #337AB7 !important;
}
.nav > li.open > ul li + li a {
	border-top: 1px solid #e6e6e6;
}
.nav > li.open > ul li ul {
	display: none;
	position: absolute;
	top: 0%;
	right: 100%;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	z-index: 99;
	width: 180px;
	border: 1px solid #e6e6e6;
	background: white;
	border-top: none;
}
.nav > li.open > ul li:hover ul {
	display: block;
}
.nav > li.open > ul li.open a, .nav > li.open > ul li.open a:hover {
	background: white;
	border-top: 1px solid #e6e6e6;
}
.nav > li.open > ul > li:hover ul li ul {
	display: none;
	border-top: none;
}
.nav > li.open > ul > li ul li:hover ul {
	display: block;
}
.page-header {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 20px;
}
.page-header h1 {
	margin-top: 0px;
}
/*-- Content -- */
.content {
	/*margin: 30px 0;*/
}
/*-- Sidebar -- */
.sidebar *:first-child {
	margin-top: 0px;
}
.sidebar h2, .sidebar h3 {
	font-size: 24px;
}
/*-- Footer -- */
.footer {
	margin-bottom:20px;
}
.footer .contrast {
	border-radius: 5px;
}
.footer [class*="col-"] {
	padding-top: 15px;
	padding-bottom: 15px;
}

/*-- Responsive --*/
@media (min-width: 768px) {
  .phone, .social {
	padding:0 30px;
  }
  #navbar {
	padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .navbar {
  	border-radius:5px;
  }
  .atop, .footer, .text-right {
	text-align: center;
  }
  .phone, .social {
	padding:5px 15px;
  }
  .nav li.open ul, 
  .nav li.open ul li ul, 
  .nav li.open ul li ul li ul,
  .nav li.open ul li:hover ul li ul {
    display:block;
    padding-left: 0px;
    margin-left: 0px;
    width: 100%;
    position: relative;
    right: auto;
    top: auto;
    border: none;
    /*max-height: none !important;
    height: auto !important;
    overflow: auto;*/
    background-color: transparent;
  }
  .nav > li.open > ul > li > a,
  .nav > li.open > ul > li > ul > li > a,
  .nav > li.open > ul > li > ul > li > ul > li > a {
    background: transparent !important;
    color: white !important;
  }
  .nav li + li a {
	border-top: 1px solid #b0c4de!important;
  }
}

.content p:first-child {
	margin-bottom: 2rem;
}

.cart_info {
	margin-bottom: 1.5rem;
	max-width: 720px;
}
.cart_info h2 {
	margin-top: 0;
	font-size: 2rem;
}
.cart_info table {
	width: 100%;
}
.cart_info table tr {
	width: 100%;
}
.cart_info table tr td {
	width: 50%;
	padding: 0.5rem;
}
.cart_info table tr td:nth-child(1) {
	width: 37%;
}
.cart_info table tr td:nth-child(2) {
	width: 63%;
}
.cart_info table tr:nth-child(2n) td {
	background: #eee;
}
.cart_info table tr:last-child td {
	/*background: #fff;*/
	/*padding-top: 1rem;*/
}

@media (max-width: 432px) {
	body .cart_info table tr td:nth-child(1) {
		width: 57%;
	}
	body .cart_info table tr td:nth-child(2) {
		width: 43%;
	}
}


.vip_status {
	border: 1px #f37e00 double;
	padding: 1rem 1.5rem;
	border-radius: 1rem;
	margin-bottom: 2.5rem;
	box-shadow: rgba(0,0,0,.1) 0 0 1rem;
}

.main_city {
	width: 100%;
}
.main_city li {
	min-width: 225px;
	display: inline-block;
	text-align: center;
	padding: 0.5rem;
}

.city_target_ul {

}
.city_target_ul li {
	padding: 0.5rem;
}

#DivcreateMap {
	margin-bottom: 2rem;
}

#map {
	width: 100%;
	height: 360px;
	padding: 0;
	margin: 0 auto;
}

.hidetarif {
	display: none;
}

#openformnow {
	background: #ccc;
	max-width: 290px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

@keyframes imgsizeanim {
	0% {
		width: 48px;
	}
	50% {
		width: 52px;
	}
	100% {
		width: 48px;
	}
}

.phbtntop {
	position: absolute;
	left: 12px;
	top: 8px;
}
.phbtntop img {
	vertical-align: top;
	width: 48px;
	animation: imgsizeanim 2s linear infinite;
}


.ink{display:block;position:absolute;background:rgba(0,100,255,0.3);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.animate{-webkit-animation:ripple .65s linear;-moz-animation:ripple .65s linear;-ms-animation:ripple .65s linear;-o-animation:ripple .65s linear;animation:ripple .65s linear}
@-webkit-keyframes ripple {
	100%{opacity:0;-webkit-transform:scale(2.5)}
}
@-moz-keyframes ripple {
	100%{opacity:0;-moz-transform:scale(2.5)}
}
@-o-keyframes ripple {
	100%{opacity:0;-o-transform:scale(2.5)}
}
@keyframes ripple {
	100%{opacity:0;transform:scale(2.5)}
}

.costtarif {
	box-shadow: #f37e00 0 0 0 1px;
	border-radius: 4px;
	padding: 2px 0 2px 4px;
	font-size: 20px;
	position: relative;
	overflow: hidden;
	display: inline-block;
}