/*!
 * ULDE Design
 * Start Bootstrap - Grayscale v3.3.7+1 (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
*/

/* Outer CSS */
@import url("team.css");

/* CSS Start */

body, html {
	height: 100%;
	width: 100%;
}
.navbar-custom {
	background-color: #000;
}
.intro, body, html {
	width: 100%
}
body {
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	webkit-tap-highlight-color: rgba(255, 255, 255, .2);
	font-weight: 400;
	letter-spacing: 1.5px;
	
}
.btn, .navbar-custom, h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing: 1px;
}
p {
	margin: 0 0 25px;
	font-size: 18px;
	line-height: 1.5
}
p.large {
    font-size: 16px;
    color:#fff;
}
strong {
    font-weight: 600;
    color:#ADD137;
}
.b-1 {
  font-size:13px;
}

@media (min-width:768px) {
	p {
		margin: 0 0 35px;
		font-size: 1.3em;
		line-height: 1.6
	}
}
a {
	color: #fff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
a:focus, a:hover {
	text-decoration: none;
	color: #ADD137;
}
section {
	padding: 100px 0;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
.row-terms {
	padding-right: 10px;
    padding-left: 0;
    width: 100%;
}
.no-border {
	border: none !important
}
.no-border {
	border: 0 !important
}
.animated {
	-moz-transition-duration: 0s !important
}

.light {
	font-weight: 400
}
.alt-font {
    line-height: 35px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 2em;
}
.shadow {
	background: radial-gradient(rgba(0, 0, 0, .9),transparent 80%);
}
.text-shadow {
	text-shadow: 2px 2px 3px rgba(0,0,0,0.9);
}
.page-nr-shadow {
	background: radial-gradient(rgba(0, 0, 0, .9),transparent 70%);
	border-radius: 50%;
	padding: .5em;
}

.text-tinto {
	color: #AA1F23;
	font-size: .9em;
}
.text-price-h5 {
	font-size:0.74em;
}

.title-extra-small {
	font-size: 13px;
	line-height: 30px
}
.title-small {
	font-size: 20px;
	line-height: 30px
}
.title-medium {
	font-size: 24px;
	line-height: 28px
}
.title-large {
	font-size: 28px;
	line-height: 34px
}
.title-extra-large {
	font-size: 35px;
	line-height: 37px
}

.text-extra-small {
	font-size: 10px;
	line-height: 15px
}
.text-small {
	font-size: 11px;
	line-height: 20px;
	display: inline-block
}
.text-medium {
	font-size: 14px;
	line-height: 24px
}
.text-large {
	font-size: 15px;
	line-height: 22px
}
.text-extra-large {
	font-size: 18px;
	line-height: 27px
}
.text-decoration-line-through {
    text-decoration: line-through !important;
}
.text-muted {
    margin: 0 0 10px;
}
.fast-text {
    color: #F9BD34;
}
.medium-gray-text {
	color: #929292
}
.light-gray-text {
	color: #ababab
}
.gray-text {
	color:#626262;
}
.dark-grey-text {
	color:#313539;
}
.green-text {
	color:#92B425 !important;
	text-shadow: .01px .01px .02px rgba(0, 0, 0, .2);
}

#to-top {
  display: none;
  position: fixed;
  bottom: 15%;
  right: .5%;
  padding-top: 5px;
}
 
/* NAVBAR */
.container>.navbar-collapse {
	margin-right: -15px;
    margin-left: 0;
}
.container .navbar-collapse.collapse.in {
    width: 90%;
    -webkit-transition: right .2s ease;
    -moz-transition: right .2s ease;
    -o-transition: right .2s ease;
    transition: right .2s ease;
}
header .container .navbar-collapse.collapse {
    border: none;
    display: block;
    background: #7AA0CC;
    position: absolute;
    right: -600px;
    top: 50px;
    width: 78%;
    max-height: none;
    -webkit-transition: right 0s ease;
    -moz-transition: right 0s ease;
    -o-transition: right 0s ease;
    transition: right 0s ease;
    padding-bottom: 0px;
    padding-top: 0px;
    /* opacity: 0; */
}
.navbar-custom {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(255, 255, 255, .3)
}
/* Toggle */
.navbar-custom .navbar-toggle {
	position: relative;
	float: right;
	padding: 5px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: rgba(255, 255, 255, .2);
	border-radius: 2px;
	border: 1px solid #ADD137;
}
.icon-bar {
	width: 22px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 20px;
	height: 3px;
	border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 5px;
}		
.bar1, .bar2, .bar3 {
	width: 20px;
	height: 3px;
	background-color:#AA1F23;
	margin: 5px 0;
	transition: 0.4s;
}	
.close-nav .lr {
	height: 25px;
	width: 3px;
	background-color: #AA1F23; 
	border-radius: 1px;   
	margin: 2px 8.5px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	z-index: 1041;
}
.close-nav .lr .rl {
	height: 25px;
	width: 3px;
	background-color: #AA1F23;
	border-radius: 1px;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	z-index: 1042;
}
/* MENU */
.navbar-custom .nav li a:active, .navbar-custom .nav li a:focus, .navbar-custom .nav li a:hover {
	background-color: transparent;
	outline: 0;
	color:#F9BD34;
}
.navbar-custom .navbar-toggle:active, .navbar-custom .navbar-toggle:focus {
	outline: 0
}
.navbar-custom .navbar-brand {
	font-weight: 700
}
.navbar-custom .navbar-brand:focus {
	outline: 0
}
.navbar-custom a {
	color: #fff
}
.nav>li>a {
    padding-left: 25px;
}
.navbar-custom .nav li a {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out
}
.navbar-custom .nav li a:hover {
	color: #F9BD34;
	font-weight: 510;
}
.navbar-custom .nav li.active {
	outline: 0;
    z-index: 0;

}
.navbar-custom .nav li.active:before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    /*bottom: -10px;
    right: -10px;*/
    border-top: 2px solid #ADD137;
    border-left: 2px solid #ADD137;
    z-index: -1;
}
.navbar-custom .nav li.active:after {
	display: block;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 2px solid #ADD137;
    border-right: 2px solid #ADD137;
    z-index: -1;
}
.navbar-nav {
    margin: 0;
    text-align:center
}


/*.navbar-custom .nav li.active a {
	border-top:3px solid #ADD137;
	border-right:3px solid #ADD137;
	border-left: solid 5px transparent;
	border-bottom:solid 5px transparent;
	/*background-color: rgba(255, 255, 255, .3);*
	padding-top: 8px;
    margin-top: 5px;
    height: 10px;
}*/

.navbar-custom .nav li.active a:hover {
	color: #fff
}
@media (min-width:768px) {
	.navbar-custom {
		padding: 20px 0;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
		font-weight: 500;
    	letter-spacing: 3px;
		/*background: 0 0;*/
		background: rgba(49, 53, 57, .1);
		-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
		transition: background .5s ease-in-out, padding .5s ease-in-out
	}
	.navbar-custom.top-nav-collapse {
		padding: .7em;
		background: rgba(49, 53, 57, .8);
		border-bottom: none;
	}

}

/* LANGUAGE */

.language-menu {
  text-align: center;
  background-color: transparent;
  min-height: 1.6em;
  position:fixed;
  z-index:1050;
  top: .5%;
  left: 1.5%;
}
.language-bar {
  margin: 0;
}
.language-bar li {
    padding:0; 
    list-style: none;
	text-align:center; 
	width:1.5em;
    display: inline-block;
	cursor:pointer;
	margin-left:1em;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    opacity: .4; 
}
.language-bar li.active, .language-bar li.active:hover {
  	width:1.6em;
	-webkit-animation: unset;
	-moz-animation: unset;
	animation: unset;
  	opacity: 1;
}
.language-bar li:hover{
	-webkit-animation: tada 1s forwards;
	-moz-animation: tada 1s forwards;
	animation: tada 1s forwards;
	opacity: 1;
}
.language-bar li a {
  text-decoration: none;
}
.language-bar li a:hover {
  text-decoration: none;
}

@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

/* LOGO */
.q_logo {
    top: 50%;
    left: 0;
    position: relative;
}
.img-light {
	width:8.5em;
	height:auto;
	background-color: rgba(163, 163, 163, .5);
}
.img-trans {
	width:80%;
	height:auto;
	background-color: rgba(163, 163, 163, .5);
    border-radius: 2px;
	
}
.img-trans-model {
    width: 70%;
    height: auto;
}

.intro {
	display: table;
	height: auto;
	padding: 100px 0;
	text-align: center;
	color: #fff;
	background: url(../img/toyoto-proace-bg-1.jpg) bottom center no-repeat #22292F;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover
}
.intro .intro-body {
	display: table-cell;
	vertical-align: middle;
    background-color: rgba(73, 73, 73, .5);
}
.intro .intro-body .brand-logo {
	margin-top:5%;
}
.intro .intro-body .brand-heading {
	font-family: BankGothic Lt BT, 'Jura', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 42px;
	letter-spacing: 3px;
	margin-top:20%;
}
.intro .intro-body .intro-text {
	font-size: 18px
}
@media (min-width:768px) {
	.intro {
		height: 100%;
		padding: 0
	}
	.intro .intro-body .brand-heading {
		font-family: BankGothic Lt BT, 'Jura', "Helvetica Neue", Helvetica, Arial, sans-serif;
	    font-weight: 500;
	    font-size: 46px;
	    letter-spacing: 3px;
	}
	.intro .intro-body .brand-heading-1 {
	    letter-spacing: 2px;
	}
	.intro .intro-body .intro-text {
		font-size: 26px
	}
}
.btn-circle {
	width: 70px;
	height: 70px;
	margin-top: 15px;
	padding: 7px 16px;
	border: 2px solid #ADD137;
	border-radius: 100%!important;
	font-size: 40px;
	color: #AA1F23;
	background: 0 0;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out
}
.btn-circle:focus, .btn-circle:hover {
	outline: 0;
	color: #AA1F23;
	background: rgba(255, 255, 255, .1)
}
.btn-circle i.animated {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s
}
.btn-circle:hover i.animated {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear
}
@-webkit-keyframes pulse {
	0%, 100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
}
@-moz-keyframes pulse {
	0%, 100% {
		-moz-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-moz-transform: scale(1.2);
		transform: scale(1.2)
	}
}
/* Backgrounds */
.intro-section {
    padding-top: 120px;
    background: linear-gradient(#373B3E,#474F53,#373B3E);
}
.about-section {
    padding-top: 100px;
    background: linear-gradient(#373B3E,#A1A21A,#313539);
}
.content-section {
	padding-top: 60px;
	background: linear-gradient(#313539,#323638);
}
.contact-section {
    padding-bottom: 60px;
    background: linear-gradient(#323638,rgba(49, 53, 57, .9));
}
.download-section {
	width: 100%;
	padding: 60px 0;
	color: #fff;
	background: url(../img/toyoto-proace-bg-2.jpg) center center no-repeat #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover
}
.klick-iconbox-icon{
	height: 2em;
	width:auto;
}
section.counter-number {
 	background:#fff;
    padding: 20px 0;
}
.counter-style1 {
    padding-top: 2em;
    padding-bottom: 0;
}

.counter-style1 .counter-number {
    font-size: 35px;
}
.borger-right {
	border-right: 1px solid rgba(49,53,57,0.3);	
}

/* MAP Section */
.map-section {
	padding:0;
	background:rgba(49, 53, 57, .9);
}
#map {
	width: 100%;
	height: 200px;
	margin-top: 100px
}
#map-canvas {
    width: 100%;
    height: 400px;
}
#map-canvas .contact-details {
    width: 210px;
    height: auto;
    color: #373737;
    font-size: 1.1em;
    padding: 0.5em;
    overflow: hidden;
}
#map-canvas .contact-details a {
	color:gray
}


@media (min-width:767px) {

	.content-section {
		padding-top: 60px
	}
	.download-section {
		padding: 60px 0
	}
	.intro-section {
    padding-top: 120px;
	}
	.about-section {
    padding-top: 100px;
	}
	#map {
		height: 400px;
		margin-top: 250px
	}
}

/*BUTTONS*/
.btn {
	font-weight: 400;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border-radius: 1.5px;
}
.btn-default {
	border: 1px solid #AA1F23;
	color: #AA1F23;
	background-color: rgba(256, 256, 256, .7);
}
.btn-default:focus, .btn-default:hover {
	border: 1px solid #000;
	outline: 0;
	color: #000;
	background-color: #ADD137;
}
ul.banner-social-buttons {
	margin-top: 0
}
.btn-primary {
    color: #fff;
    background-color: #F9BD34;
    border-color: #F9BD34;
    border-radius: 1.5px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #ADD137;
    border-color: #99B931;
}
.btn-primary:active:hover {
    background-color: #99B931;
    border-color: #ADD137;	
}

.btn-xl {
    color: #fff;
    background-color: transparent;
    border-color: #F9BD34;
    font-size: 18px;
    padding: 20px 40px;
}
.btn-xl.active, 
.btn-xl:active, 
.btn-xl:focus, 
.btn-xl:hover, 
.open .dropdown-toggle.btn-xl {
    color: #fff;
    background-color: #F9BD34;
    border-color: #fec503;
}
.btn-xl i {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-xl:focus  i {
    outline: -webkit-focus-ring-color auto 5px;
}


@media (max-width:1199px) {
	ul.banner-social-buttons {
		margin-top: 15px
	}
}
@media (max-width:767px) {
	ul.banner-social-buttons li {
		display: block;
		margin-bottom: 20px;
		padding: 0
	}
	ul.banner-social-buttons li:last-child {
		margin-bottom: 0
	}
}

/* PRICE SECTION */
.price-list-body {
	background: url(../img/road-5.jpg) center center no-repeat #22292F fixed;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    background: rgba(254, 209, 54, .9);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
}
.modal-body {
	color:#222;
}
.modul-a {
	color:#AA1F23;
	font-style:italic;
}
.portfolio-modal .modal-dialog {
    margin: 0;
    height: 100%;
    width: auto;
}
.portfolio-modal .modal-content {
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    min-height: 100%;
    padding: 50px 0;
    text-align: center;
}
.close-modal {
    text-align: center;
    background-color: transparent;
    min-height: 1.6em;
    position: fixed;
    z-index: 1050;
    top: .5%;
    right: 5%;
    cursor:pointer;
}
.close-modal .lr {
    height: 75px;
    width: 2px;
    border-radius: 1px;
    margin-left: 35px;
    background-color: #AA1F23;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1051;
}
.close-modal .lr .rl {
    height: 75px;
    width: 2px;
    border-radius: 1px;
    background-color: #AA1F23;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 1052;
}
.terms-dialog, .price-dialog {
    width: 100%;
    margin: 30px auto;
}
.terms-content, .price-content {
    -webkit-box-shadow: 0 5px 15px rgba(73, 73, 73, .5);
    box-shadow: 0 5px 15px rgba(73, 73, 73, .5);
    border-radius: 5px;
    background-color: rgba(256, 256, 256, .9);
}
.terms-body, .price-body {
    color: #222;
    text-align: center;
}


.portfolio-modal .modal-content h2,
.pricelist .price-content h2,
.conditions .terms-content h2 {
    margin-bottom: 15px;
    font-size: 3em;
    line-height: 1.1;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}
.portfolio-modal .modal-content h3,
.pricelist .price-content h3,
.conditions .terms-content h3 {
	color: #AA1F23;
	font-family: 'Montserrat', sans-serif;
}
.portfolio-modal .modal-content h4,
.pricelist .price-content h4,
.conditions .terms-content h4 {
	color: #ADD137;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}
.portfolio-modal .modal-content h5,
.pricelist .price-content h5,
.conditions .terms-content h5 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}
.portfolio-modal .modal-content h6,
.pricelist .price-content h6,
.conditions .terms-content h6 {
	color:#F9BD34;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}
.portfolio-modal .modal-content p,
.pricelist .price-content p,
.conditions .terms-content p {
    margin-bottom: 30px;
}
.portfolio-modal .modal-content ul.list-inline,
.pricelist .price-content ul.list-inline,
.conditions .terms-content ul.list-inline {
    margin-bottom: 30px;
    margin-top: 0;
    font-size: .95em;
}
. arrow {
	font-size: 1.3em;
}

.arrow ul {
  list-style: none;
  padding: 0;
}
.arrow li {
  font-size:1.3em
}
.arrow li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  color:#F9BD34;
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.arrow-sub li {
    font-size: 1em;
    margin-left: 1.2em;
}
.arrow-sub li:before {
	content: "\f00c"; /* FontAwesome Unicode */
	color:#F9BD34;
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
}
.margin-left {
	margin-left: -2em;
	}
	


/* CONTACT */
section#contact .form-group {
    margin-bottom: 25px;
}
section#contact .form-group input, section#contact .form-group textarea {
    padding: 10px 16px;
}
section#contact .form-group input.form-control {
    height: auto;
}
section#contact .form-group textarea.form-control {
    height: 175px;
}
section h3.section-subheading {
    font-size: 1.8em;
    text-transform: none;
    font-weight: 400;
	padding-top: 0;
    margin-top: 0;
    color: #fff;
}
.contact-row {
	margin-bottom: 15px;
}


/* FOOTER */
footer {
	text-align: center;
    min-height: 50px;
    padding-top: 1.11em;
    margin: 0px;
    border-top: 1px solid rgba(255, 255, 255, .3);
    background: rgba(49, 53, 57, .9);
}
footer p {
	margin: 0;
	font-size: 1.2em;
}
.footer {
    bottom: 0px;
    left: 0px;
    width: 100%;
    overflow: auto;
    padding: 1em 0;
}
.uslik {
    width: 20px;
    display: inline-block;
    float: right;
    margin-top: -20px;
    opacity: 0.7;
    margin-right: 15px;
}


::-moz-selection {
	text-shadow: none;
	background: #fcfcfc;
	background: rgba(255, 255, 255, .2)
}
::selection {
	text-shadow: none;
	background: #fcfcfc;
	background: rgba(255, 255, 255, .2)
}
img::selection {
	background: 0 0
}
img::-moz-selection {
	background: 0 0
}

@media only screen and (max-width: 1024px) {
	.language-menu {
		top: 0;
		left: -.8%;
	}
}

@media only screen and (max-width: 960px) {
	.intro .intro-body .brand-logo,.intro .intro-body .brand-heading {
	    margin-top: 15%;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	    margin-left: -35px;
	    margin-top: 10px;
	}
	.language-menu {
		top: .5%;
	}
	section h3.section-subheading {
		margin-left: .6em;
		margin-top:0;
	}
   .borger-right {
		border-bottom: 1px solid rgba(49,53,57,0.3);
	}
	.counter-2 {
		border-right:none;
	}	
	.counter-3 {
		border-bottom:none;
	}
}

@media only screen and (max-width: 768px) {
   .language-menu {
   		text-align: center;
   		left: -5%;
   	}
   	.img-light {
    margin-left: 15%;
	}

   .borger-right {
		border-bottom: 1px solid rgba(49,53,57,0.3);
	}
	.counter-3 {
		border-bottom:none;
	}
}

@media only screen and (max-width: 620px) {
   .borger-right {
		border-bottom: 1px solid rgba(49,53,57,0.3);
		border-right:none
	}
	.alt-font {
	    margin-bottom: 1em;
	}
	.close-modal {
    top: 1%;
    right: 12%;
	}
}

@media only screen and (max-width: 480px) {
   .language-menu {
	   	text-align: center;
		left: 33%;
	   	top: 1.1%;
	   	font-size: .9em;
   }
   .img-light {
	    margin-left: 0;
	}
   .container > .navbar-header {
	    margin-left: 15px;
	}
	.navbar > .container .navbar-brand, 
	.navbar > .container-fluid .navbar-brand {
	    margin-left: -30px;
	}
	.img-trans {
	    width: 95%;
    }
    .intro .intro-body .brand-heading {
    font-size: 2.9em;
	}
	.h2, h2 {
    font-size: 1.7em;
	}
    p {
	font-size: 0.9em;
	}
    .text-large {
	    font-size: 11px;
	    line-height: 15px;
	}
    .text-small {
	    font-size: 9px;
	    line-height: 15px;
	    display: inline-block;
	}
	.text-tinto {
		font-size: .7em;
	}
	.text-price-h5 {
	    font-size: 0.58em;
	}
	.alt-font {
	    margin-bottom: .3em;
	}
	section h3.section-subheading {
		margin-top:0.5em;
	}
	.portfolio-modal .modal-content h2,
	.pricelist .price-content h2,
	.conditions .terms-content h2 {
		font-size: 2.5em;
	}
	.portfolio-modal .modal-content h3,
	.pricelist .price-content h3,
	.conditions .terms-content h3 {
		font-size: 1.3em;
	}
	.portfolio-modal .modal-content h4, 
	.pricelist .price-content h4, 
	.conditions .terms-content h4 {
	    color: #ADD137;
	    font-family: 'Montserrat', sans-serif;
	    font-weight: 600;
	}
	.portfolio-modal .modal-content p,
	.pricelist .price-content p,
	.conditions .terms-content p {
		font-size: 1em;
	}
	.portfolio-modal .modal-content ul.list-inline, 
	.pricelist .price-content ul.list-inline, 
	.conditions .terms-content ul.list-inline {
	    font-size: .8em;
	}
	.counter-style1 .counter-number {
	    font-size: 2em;
	}	
	.col-text-all {
		padding-right: 0;
		padding-left: 1%;
	}
	.fast-text-shadow {
	    background-color: rgba(163, 163, 163,0.6);
	    border-radius: 2em;
	}
	.btn-primary {
    	margin-left:0;
	}
	.list-inline {
	    font-size: xx-small;
	}
	.arrow li {
	    font-size: 1em;
	}
	.footer {
		font-size:0.7em;
	}	
}
@media only screen and (max-width: 400px) {
	.btn-primary{
    	margin-left:-0.4em;
		padding: 5px;
	}
	.text-large {
	    font-size: 0.69em;
	    line-height: 1.5;	
	}
    .text-small {
	    font-size: 0.5em;
	    line-height: 1.5;
	}

}

@media only screen and (max-width: 360px) {
	.language-menu {
		left: 32%;
	}
	.img-trans {
	    width: 100%;
	}
	.intro .intro-body .brand-heading {
	    font-size: 38px;
	}
	.h2, h2 {
	    font-size: 25px;
	}
	section h3.section-subheading {
		margin-left: .4em;
		padding-top: 0;
	}
	.btn-primary{
    	margin-left:-0.8em;
	}	
}

@media only screen and (max-width: 320px) {
   .language-menu {
	   left: 24%;
   }
	.intro .intro-body .brand-logo, .intro .intro-body .brand-heading {
	    margin-top: 15%;
	    margin-left: -10px;
	}
	.intro .intro-body .brand-heading {
	    font-size: 2em;
	}
	.h2, h2 {
	    font-size: 20px;
	}
	p {
	    font-size: 0.85em;
	}   
	.alt-font {
	    margin-bottom: .1em;
	}
	.btn-primary {
    	margin-left:-2.25em;
	}
	.btn-xl {
		padding:9px 18px;
	}
	footer p {
	    font-size: 1em;
	}
}