/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,strong {
  font-weight: bolder;
}
code,kbd,samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,input,optgroup,select,textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,input {
  overflow: visible;
}
button,select {
  text-transform: none;
}
button,[type="button"],[type="reset"],[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}

@font-face{
font-family:'bebas-bold';

src:url('/fonts/bebas/BebasNeueBold.otf');
font-weight:normal;
font-style:normal;
}

@font-face{
font-family:'bebas-light';

src:url('/fonts/bebas/BebasNeueLight.otf');
font-weight:normal;
font-style:normal;
}

@font-face{
font-family:'bebas-regular';

src:url('/fonts/bebas/BebasNeueRegular.otf');
font-weight:normal;
font-style:normal;
}

@font-face{
font-family:'bebas-book';

src:url('/fonts/bebas/BebasNeueBook.otf');
font-weight:normal;
font-style:normal;
}

@font-face{
font-family:'bebas-thin';

src:url('/fonts/bebas/BebasNeueThin.otf');
font-weight:normal;
font-style:normal;
}


/*helvetica*/










/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/
html { font-size: 1em; }

body { font-family: 'Comfortaa', Arial, sans-serif; overflow-x: hidden; } /*carasmo's comment to hide horizontal scroll bar https://github.com/twbs/bootstrap/issues/10711*/

h1, h2, p { font-family: 'Comfortaa', Arial, sans-serif; }

h1 { font-weight: 700; }



ul { margin: 0; }


#services_content p {
	font-size: 14px;
}


section { padding-top: 85px; margin-top: -85px; }
section .outer_container { margin-bottom: 10px; background: url('/images/karbon.png') repeat; box-shadow: 2px 0px 4px #fff; }
/*section .row { margin-left: 0; margin-right: 0; overflow: hidden; }*/
section h1 { color: white; margin-top: 0px; margin-bottom: 0px;  text-align: left; padding-left: 20px; text-transform: uppercase;}
.home-1 {  background: url('/images/black1.png') repeat; color: white; margin-top: 20px; margin-bottom: 0px; padding-bottom: 30px;}
#home {padding-top: 85px;
}




@import "https://fonts.googleapis.com/css?family=Lato:400,700|Montserrat:900";

.container-timer {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: auto;
    height: auto;
}
.timer-h1 {
    font-family: "Lato", sans-serif;
    text-align: center;
    margin-top: 0;
    font-size: 2em;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #f6f4f3;
    font-weight: bold;
    display: block;
    text-align: center;
}
#timer {
    color: #f6f4f3;
    text-align: center;
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-size: 0.7em;
    letter-spacing: 5px;
    margin-top: 20px;
}
.days,
.hours,
.minutes,
.seconds {
    display: inline-block;
    padding: 20px;
    width: 100px;
    border-radius: 5px;
}
.days {
    background: url(/images/karbon1.png) repeat;
}

.days > .numbers {
    color: #fff;
}

.numbers {
    margin-bottom: 5px;
}
.hours {
    background: url(/images/karbon1.png) repeat;
    color: #fff;
}
.minutes {
    background: url(/images/karbon1.png) repeat;
}
.seconds {
    background: url(/images/karbon1.png) repeat;
}
.numbers {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 5em;
}

.mouth {
    position: absolute;
    top: 45%;
    left: 43%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}










h4.podbmw {

	width: 30%;
}

.rounded {
	
}
.kak-mi-01 { background: url('/images/or1.png') repeat; color: white; 
margin-top: 20px; 

margin-bottom: 0px; padding-bottom: 30px;}
.kak-mi-01 ul li {
margin: 15px 0;
	list-style: none;
}

.orange-01 {

	display: inline-block;
	margin-bottom: 2px;
	color: #f0b36b!important;
}

.kak-mi-01 ul li span{
	padding-right: 12px;
	font-size: 22px;
	color: #fff;
}
#team h1 { font-family:'bebas-regular'; font-size: 28px;
letter-spacing: 2px; }

.sersvices-01 {

	margin-top: 20px;
	margin-bottom: 20px;
}

.sersvices-01 div i {
    font-size: 400%;
    color: white;
    background: url('/images/green1.png') repeat;
    cursor: pointer;
    display: inline-block;

    position: relative;
    text-align: center;
   
    width: 100%;
    height: 100%;
    max-width: 90px;
    max-height: 90px;
    line-height: 90px;
}




.sersvices-02 {

	margin-top: 20px;
	margin-bottom: 20px;
}

.sersvices-02 div i {
    font-size: 400%;
    color: white;
    background: url('/images/green1.png') repeat;
    cursor: pointer;
    display: inline-block;

    position: relative;
    text-align: center;
   
    width: 100%;
    height: 100%;
    max-width: 90px;
    max-height: 90px;
    line-height: 90px;
}

.sersvices-01 div p { text-align: left;
color: #000;
}



.sersvices-02 div p { text-align: left;
color: #000;
}

.sersvices-01 div img {
	margin-bottom: 10px;
	
	box-shadow: 0 0 8px #000;
}


.mgb-20 {
	margin-bottom: 20px;
}
#photos_content h4 {
	color: #fff;
	padding: 10px;
margin-bottom: 20px;
background: url('/images/karbon1.png') repeat;
}


.zamoroch {

	 width: 70%; 
	 margin: 20px auto;"
}

.phpbmw-img {

display: block; width: 250px; height: 141px; margin: 0 auto;
}

#keys h4 {
	color: #fff;
	padding: 10px;
margin-bottom: 20px;
background: url('/images/karbon1.png') repeat;
}

#keys h3 {
font-weight: bold;
margin-bottom: 10px;
	text-align: center;
	font-size: 20px;
	display: block;
	padding: 8px;
	

}


#keys p {

	text-align: left;
	font-size: 18px;
	
	padding: 6px 0px;
}


#photos-1 h2 {
	line-height: 36px;
	color: #fff;
	padding: 10px;
margin-bottom: 20px;
background: url('/images/karbon1.png') repeat;

}


#photos-1 h4 {
	font-size: 24px;
	line-height: 36px;
	color: #fff;
	padding: 10px;
margin-bottom: 20px;
background: url('/images/karbon1.png') repeat;

}

#bmw-1 h4 {
	text-align: center;
	font-size: 24px;
	line-height: 36px;
	color: #fff;
	padding: 10px;
margin-bottom: 20px;
background: url('/images/karbon1.png') repeat;

}




.zamoroch h2{
text-align: center;
background: url(/images/karbon1.png) repeat;
color: #fff;
margin: 8px;
padding: 10px;
}

 .zamoroch p {
text-align: center!important;
background: #dcdcdc;
margin: 0px;
padding: 10px;
}

#map01 {
position: relative;
z-index: 100;
	height: 250px;
}

#photos_content {
	margin-top: 20px;
}
/*
.sersvices-01 div:nth-of-type(1) p {
line-height: 1.86em;
}

.sersvices-01 div:nth-of-type(2) p {
line-height: 1.85em;
}
.sersvices-01 div:nth-of-type(3) p {
line-height: 24px;
}


.sersvices-01 div:nth-of-type(4) p {
line-height: 19px;
}

.sersvices-01 div:nth-of-type(5) p {
line-height: 23px;
}


.sersvices-01 div h3 {
	height: 110px;
	font-weight: bold;
	margin-bottom: 30px;

	font-size: 20px;
	text-align: left;
}
.sersvices-01 div:nth-of-type(2) h3 {
	line-height: 26px;
}

.sersvices-01 div:nth-of-type(3) h3 {
	line-height: 34px;
}
.sersvices-01 div:nth-of-type(4) h3 {
	line-height: 34px;
}

.sersvices-01 div:nth-of-type(5) h3 {
	line-height: 26px;
}*/

.item-01123 h2 {
	font-size: 130%;
	font-weight: bold;

}

.sersvices-01 {
height: 100%;
	position: relative;

}
.sersvices-01 div {
	position: relative;
  left: 0px;
  top: 0px;
	min-height: 100%;
		height:100%;
	padding-bottom: 30px;
	background: #c5c5c5;
	border-right: solid 8px #CDCDCD;
}

.sersvices-02 div {
	/*height:100%;*/
	padding-bottom: 30px;
	background: #c5c5c5;
	border-right: solid 8px #CDCDCD;
}


.templatemo_ceo img { margin-bottom: 10px; }
.templatemo_ceo p { text-align: center; }


/*http://css-tricks.com/vertically-center-multi-lined-text/*/
.center-row { display: table; }
.center-row .center { display: table-cell; vertical-align: top;     margin-right: 1px!important;}

/*------------------------------------------------------
	NAVIGATION 
--------------------------------------------------------*/
nav { font-size: 1em; font-weight: lighter; }
nav .fa { display: block; text-align: center; margin-bottom: 13px; }

.navbar {
		background: url('/images/karbon1.png') repeat;
	min-height: 85px;	
	border-radius: 0px; 
	border: none; 
	margin-bottom: 0px; 
	-webkit-box-shadow: 0 2px 4px rgba(1, 1, 1, 0.15);
	-moz-box-shadow: 0 2px 4px rgba(1, 1, 1, 0.15);
	box-shadow: 0 2px 4px rgba(1, 1, 1, 0.15);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-nav>li>a {
	font-size: 14px;
	padding-bottom: 20px;
	color: white;
	text-transform: uppercase;
	-moz-transition: background-color .5s ease;
	-o-transition: background-color .5s ease;
	-webkit-transition: background-color .5s ease;
	transition: background-color .5s ease;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .menu ul li a.current {
	color: white;
	background-color: #394665;
}

.navbar>.container .navbar-brand { margin-left: 0; margin-top: 20px; font-family:'bebas-bold';}
.navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: 0; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #394665; }

/*------------------------------------------------------
	FLEXSLIDER OVERRIDING 
--------------------------------------------------------*/
.flexslider { padding-top: 10px;}
.flexslider a:hover, .flexslider a:focus { text-decoration: none; }
.flexslider { border: none;	-webkit-border-radius: 0; border-radius: 0; }
.flexslider .slides li { position: relative; }
.flex-caption {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    color: white;
    background:rgba(197,82,87,.8);   
    z-index:1;
    padding: 20px;
    margin: 0;
}

/*------------------------------------------------------
	About Us Styles 
--------------------------------------------------------*/
#about h2 {  
font-family: 'bebas-regular';
    font-size: 28px;
    letter-spacing: 2px;
    color: #fff;
    font-weight: bold;
    margin-left: 5%;
}
.org-01 {
margin-top: 20px;
    
	background: url('/images/green1.png') repeat; 
}

.org-01 p { padding: 2px 20px; color: #fff;}

#about img { padding: 0; }
#about_content { height: 280px; }

/*------------------------------------------------------
	Our Team Styles
--------------------------------------------------------*/

#team img { margin: 0 auto; margin-bottom: 15px;  }

.tac-01 { font-family:'bebas-regular'; font-size: 22px; font-weight: bold; }

#team p { padding: 0px 20px; text-align: justify;  }
#team_content { height: 220px; margin-top: 20px;}

/*------------------------------------------------------
	Services Styles 
--------------------------------------------------------*/
.services_buttons .icon-button:last-of-type { margin-bottom: 0; }
.services_buttons .icon-button .fa-car {
	font-size: 85%;
}

.services_buttons .icon-button {
	
	font-size: 400%;
	color: white;
	background-color: black;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 100%;
	height: 100%;
	max-width: 90px;
	max-height: 90px;
	line-height: 90px;
}




#brands {
padding: 10px 0;

}

.services_buttons {margin-top:20px; }


.brand-01 {
	background: url('/images/white1.png') repeat;


}

.services_buttons  .icon-button:hover, .services_buttons  .icon-button.active {background: url('/images/or1.png') repeat; }

#services h3 {font-family: 'bebas-regular';
    font-size: 26px;
    letter-spacing: 2px;
margin-left: 5%;}

#services h2 {  font-size: 28px; margin-bottom: 20px;}

#services .podzag_u {  font-size: 22px; margin-bottom: 10px; height: 140px;}



#services .col-md-2 { padding-right: 0; }
#services .fa { line-height: 90px; }
#services_content { height: 470px; 	margin-top: 20px; }
#services_content .tab-pane {  padding: 5px 15px; }
#services_content a { color: #FFFFFF; }

/*http://cssarrowplease.com/*/
.arrow-box { position: relative; color: white; background: url('/images/or1.png') repeat;  margin-left: 30px; height: 100%;}
.arrow-left { display: block; width: 30px; height: 58px; background: url(../images/left_arrow.png) no-repeat 0 0; position: absolute; left: 1px; margin-top: 20px; }

/*------------------------------------------------------
	Skills Styles 
--------------------------------------------------------*/
.progress { background-color: black; border-radius: 0px; }
.progress.vertical:last-of-type { margin-right: 0; }
.progress-bar {	position:absolute; bottom:0; left:0; } /*http://stackoverflow.com/questions/2015032/align-divs-to-bottom-or-baseline*/
.progress-label { position:absolute; width: 100%; bottom:0; }

/*http://stackoverflow.com/questions/16318375/how-to-align-vertically-a-progress-bar-in-twitter-bootstrap*/
.progress.vertical {
    position: relative;
    width: 19%;
	margin-right: 1.2%; 
    min-height: 240px;
    float: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}

#skills h1, .progress-bar { background-color: #FFAF21; }

/*------------------------------------------------------
	Portfolio Styles 
--------------------------------------------------------*/
.portfolio-item:hover .overlay-p { transition: all 0.3s ease-in-out 0s; visibility: visible; opacity: 1; }
.portfolio-thumb .overlay-p {
 	background-color: rgba(0, 200, 200, 0.9);
 	position: absolute; 
 	visibility: hidden; 
 	top: 0; 
 	left: 0; 
 	width: 100%; 
 	height: 100%;  	
 	opacity: 0;
 }
.portfolio-thumb .overlay-p a { position: absolute; color: white; text-decoration: none; }

#portfolio .col-md-4 { max-width: 206px; }
#portfolio .row { margin: 0; }
#portfolio h1 { background-color: #00c8c8; }
#portfolio h2 { color: white; padding: 8% 4% 4% 4%; margin: 0; }
#portfolio p { color: white; padding: 0 4% 4% 4%; margin: 0; font-size: .9em; }
#portfolio_content .col-md-4 { padding: 0; }

/*------------------------------------------------------
	Blog Styles 
--------------------------------------------------------*/
.blog_post { position: relative; float: left; width: 50%; }
.blog_posts_container { max-width: 620px; }
.blog_post h2 { position: absolute; background: #a8f662; color: white; top: 0; right: 0; padding: 10px 20px; margin: 0; text-align: center; }

#blog .col-md-7 { padding-right: 46px; overflow: hidden; }
#blog h4 { background-color: #1d5e01; padding: 10px; color: #fff;  }

/*------------------------------------------------------
	Contact Styles 
--------------------------------------------------------*/
.form-group { margin-bottom: 20px; }
.form-control {	border-radius: 0px; }
.form-control:focus {
	border-color: rgb( 226, 90, 148 );
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(226, 90, 148,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(226, 90, 148,0.6);
}

.contacts {margin-top: 20px; }


.contacts h2 
{ 
padding-left: 15px;
	font-size: 1.5em; font-weight: bold; 
	line-height: 50px;}
.contacts h3 
{
 font-family:'bebas-book'; 

 font-size: 2em; 
 font-weight: bold; 

margin-top: 30px; 

margin-bottom: 30px;
}
.contacts h2 span {

	font-size: 32px;
	font-weight: bold;
}



#contact h4 { background-color: #011944;      font-family: 'bebas-bold';
    font-size: 2em; color: #fff; padding: 10px; margin: 0;}
#contact_content { height: 220px; }

/*------------------------------------------------------
	Map Styles 
--------------------------------------------------------*/
#map h1 { background-color: #e25a94; }

#google_map { width: 100%; height: 280px; outline: 0; border: 0; }

/*------------------------------------------------------
	FOOTER 
--------------------------------------------------------*/
footer { background: #283147; min-height: 141px; color: white; margin-top: 20px; z-index: 155; position: relative; }
footer img { padding-top: 30px; }
footer a { text-decoration: none; color: white; }
footer a:hover { color: #cbcbcb; text-decoration: none; }
/*footer .row { height: 100%; }*/

.back_to_top { background-color: #c5454a; text-align: center; height: 41px; line-height: 41px; } /*http://stackoverflow.com/questions/2939914/vertically-align-text-in-a-div*/

.social_buttons a {	text-decoration: none; }

#templatemo_copyright { font-size: .9em; }

/*------------------------------------------------------
	BOOTSTRAP OVERRIDING 
--------------------------------------------------------*/
.col-md-4, .col-md-5, .col-md-7, .col-md-8 { padding: 0px; }

.btn-primary {
	font-family:'bebas-book';
	font-size:1.5em;
	padding-bottom: 10px;
  	background: url('/images/green1.png') repeat;
 
  	width: 160px;
  	height: 40px;
  	border: none; 
  	

}

.zakaz-zvon-1 {
	display: block;
	margin: 10px auto;

	width: 200px;
	height: 60px;
	padding: 20px;
	text-align: center;
	border-radius: 12px; box-shadow: -4px 5px 15px 0px rgba(50, 50, 50, 0.75);
	background: red;
	color: #fff;
}

.zakaz-zvon-1:hover {
	background: #FC3B3B;

	text-decoration: none;
	color: #FAFBAD;
	font-weight: bold;
}

.proc-10 {

	font-size: 34px;
	color: red;
	font-weight: bold;
}

.desc-h1 {
	font-family: 'bebas-regular';
text-align: center; font-size: 48px; line-height: 44px; font-weight: bold; 
color: #7A0000;
}

.decriptor-1 {

font-size: 28px; background: #FAFEA5; color: #7A0000; font-weight: bold;
padding: 10px;  box-shadow: -4px 5px 15px 0px rgba(50, 50, 50, 0.75);
}

.t-camry {

display: block; width: 100%; margin: 0 auto;
padding: 10px;
}

/*------------------------------------------------------
	MEDIA QUERIES 
--------------------------------------------------------*/
@media only screen and (min-width: 1200px){
	h1 { font-size: 1.2em; padding: 10px 0; }
	.services_buttons { text-align: right; }
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .menu ul li a.current {
		height: 85px;
	}
	#about .col-md-7 { padding-left: 20px; }
	#about .col-md-8 { padding-left: 0px; }
	#team .col-md-7 { padding-right: 20px; }
	#skills .col-md-7 { padding-right: 90px; }
	#portfolio .col-md-7 { padding-left: 46px; }
	#contact .col-md-7 { padding-left: 50px; }	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {



#team h1 {
    font-family: 'bebas-regular';
    font-size: 22px;
    letter-spacing: 2px;
}



.tac-01 {
    font-family: 'bebas-regular';
    font-size: 18px;
    font-weight: bold;
}



.pdt-20 p {
   
    font-size: 18px!important;
  
}



.ost-zay-01 {
   
    font-size: 1.4em!important;
  
}

	h1 { font-size: 1em; }
	.services_buttons { text-align: right; }
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .menu ul li a.current {
		height: 85px;
	}
	#about .col-md-7 { padding-left: 10px; }
	#about .col-md-8 { padding-left: 0px; }
	#team .col-md-7 { padding-right: 30px; }
	#skills .col-md-7 { padding-right: 30px; }
	#portfolio .col-md-7 { padding-left: 30px; }
	#contact .col-md-7 { padding-left: 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	h1 { font-size: 0.7em; }
	nav { font-size: 1em; }
	.btn-primary { font-size: 1.6em; }
	.services_buttons { text-align: left; }
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .menu ul li a.current {
		height: 85px;
	}

.navbar-default .navbar-nav>li>a {
	font-size: 10px;


}




.foter-text {
    margin: 10px 0 0 40px!important;
    
}


.sersvices-01 div img  {
	 float: left;
 margin: 20px;
}


#services .fa {
 float: left;
 margin: 20px;
}


.nav > li > a {
    
    padding: 4px;
}


section h1 {
   font-size: 24px;
   padding-top: 10px;
}

.sersvices-01 div h3 {
    padding-top: 10px;
}



	#about .col-md-8 { padding-left: 0; padding-bottom: 20px; }
	#about img { padding: 0; margin-top: 20px; margin-bottom: 20px;	}
	#services .col-md-2, #services_content { padding-left: 0; padding-top: 20px; height: 100%; }
	#portfolio p { padding: 7.3% 4%; }
	#portfolio .col-md-7, #blog .col-md-7, #contact .col-md-7  { padding-left: 0; padding-top: 20px; }	
	#blog .col-md-7 { padding-right: 0; }
}


/* all mobile */

@media only screen and (max-width: 479px) and (min-width: 319px) {



.numbers {
 
    font-size: 4em;
}


.numbers div {

	font-size: 6px!important;
}


.days,
.hours,
.minutes,
.seconds {
    display: inline-block;
    padding: 10px;
    width: 70px;
    border-radius: 5px;
}


h4.podbmw {

	width: 60%!important;
}

#team_content {
    height: 180px;
 
}

 p.tac-01 {
    padding: 0px 2px!important;
 
}

.home-1 p {

	font-size: 16px;

	padding: 0 5px 0 20px!important;

	text-align: left!important;
}
section h1 {
 
    padding-left: 0px;
 
}


.phpbmw-img {

display: block; width: 150px; height: 91px; margin: 0 auto;
}



	.zamoroch h2 {

		font-size: 180%!important;
	}



#photos-1 h2 {
   font-size: 200%!important;
}


.org-01 p {

	font-size: 14px!important;
}

.intervivew p {

	font-size: 14px!important;
}

#map01 {

	display: none;
}

.navbar-toggle {
margin-top: 24px;
}



	.sersvices-01 {
		display: none;
	}


.zakaz-zvon-1 {

	font-size: 1.5em;
}

#services > div > div > div.row > div.col-md-2.col-sm-2.col-xs-2 {
	display: none;
}

#services_content {

	display: none;
}
.navbar>.container .navbar-brand {
    margin-left: 10px;
    
}

.pdt-20 {
    padding-top: 0px!important;
}


.pdt-20 p {
 
    font-size: 16px!important;

}

.intervivew {
    margin-left: 0px!important;

}



}



@media only screen and (max-width: 769px) and (min-width: 481px) {
.intervivew {
    margin-left: 0!important;
   
}
}




@media only screen and (max-width: 767px) and (min-width: 481px) {




	h1 { font-size: 0.7em; }
	nav .fa { display: inline; text-align: left; margin-bottom: 0; margin-right: 10px; }
	.navbar-default .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px; }
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
		height: 100%;
	}
	.btn-primary { font-size: 1.5em; }
	.services_buttons { text-align: left; }
	.services_buttons .icon-button { font-size: 210%; }
	.blog_post img { max-width: 100%; }
	#about .col-md-8 { padding-left: 0; padding-bottom: 20px; }	
	#about img { padding: 0; margin-top: 20px; margin-bottom: 20px; }
	#team_content { width: 100%; }
	#services .col-md-2, #services_content { padding-left: 0; padding-top: 20px; height: 300px; }
	#services_tabs { padding-left: 10px; }
	#portfolio .col-md-7, #blog .col-md-7, #contact .col-md-7 { padding-top: 20px; padding-left: 0; }	
}

@media only screen and (max-width: 480px) {	

.sersvices-01 div h3 {
    height: 70px;
  
}
#team h1 {

	font-size: 20px;
	text-align: center;
}

#team img {

	width: 70%!important;
}


#photos {

	display: none;
}

#logotypes-all {

	display: none;
}

.zamoroch {

	 width: 95%; 
	 margin: 0px auto;
}


/*
#blog {

	display: none;
}
*/


.telephones-01 {
    
        margin: 20px 0px 10px 0!important;
    padding: 10px 0px 2px 10px!important;
}

#blog .col-md-7 {
    padding-right: 0px;
 
}

.flexslider  ul.slides li p {

	font-size: 16px;
}

.t-camry {

	width: 90%!important;
}

.desc-h1 {

	font-size: 40px;
	text-align: center;
}
.sersvices-01 div {
    height: 550px;
    background: #c5c5c5;
    border-right: solid 8px #CDCDCD;
}


.sersvices-02 div {
    height: auto;
    background: #c5c5c5;
    border-right: solid 8px #CDCDCD;
}

.foter-text {
    margin: 10px 0 0 30px!important;
    padding: 0;
}


	section h1 {	font-size: 2em; line-height: 26px; padding-top: 10px; }
	nav .fa { display: inline; text-align: left; margin-bottom: 0; margin-right: 10px; }
	.col-xxs { display:block; float:none; width: 100% }
    .social_buttons { margin-top: 30px; }
    .pull-right { float: left !important; } /*do not pull-right in mobile view*/
    .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
		height: 100%;
	}
	.navbar-default .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px; }	
	.btn-primary { font-size: 1.2em; }	
	.services_buttons { text-align: left; }
	.services_buttons .icon-button { font-size: 190%; }
	.blog_post { width: 50%;}
    .blog_post img { max-width: 100%; }    
	#about .col-md-8 { padding-left: 0; padding-bottom: 20px; }
	#about img { padding: 0; margin-top: 20px; margin-bottom: 20px; }
	#team_content { width: 100%; }
	#services .col-md-2, #services_content { padding-left: 0; padding-top: 20px; height: 300px; }	
	#services_tabs { padding-left: 0; }
	#portfolio .col-md-7, #blog .col-md-7, #contact .col-md-7 { padding-top: 10px; padding-left: 0; }	
}

@media only screen and (max-width: 430px) {
	body { font-size: 10px; }
	.btn-primary { font-size: 1.1em; }	
	.blog_post h2 { font-size: 1.1em; padding: 5px 5px; }
	.services_buttons .icon-button { font-size: 180%; }
	.navbar-default .navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
		height: 100%;
	}
	#services_tabs { padding-left: 0; }
}

/* http://codepen.io/minimalmonkey/pen/Ecpla */

/* Wrapper */
.social_buttons .icon-button {
	background-color: #20283e;
	cursor: pointer;
	display: inline-block;
	font-size: 2.0rem;
	line-height: 100px;
	margin: 0;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 60px;
	height: 100px;
}

/* Icons */
.icon-button i {
	background: none;
	color: white;
	line-height: 3.6rem;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 3.6rem;
	z-index: 10;
}

.icon-button:hover .fa-twitter,
.icon-button:hover .fa-facebook,
.icon-button:hover .fa-youtube {
	color: #c5454a;
}

/* End minimalmonkey */

.intervivew {

	margin-left: 80px;
background: url('/images/white1.png') repeat;
}

.intervivew h2 {
font-family:'bebas-bold';
font-size: 2em;
line-height: 32px;
color: #fff;
padding: 10px;
background: #011944;
	margin-top: 20px;
	margin-bottom: 20px;
}
.intervivew p {
font-weight: bold;
	text-align: justify;
}
.white-01 {
	font-family:'bebas-bold'; 
	color: #fff;
	font-size: 3em;
}
.blue-01 {
font-family:'bebas-bold'; 
	color: #99ccff;
	font-size: 3em;
}



.o-nas-01 {
	display: block;
	height: 150px;


}

.tac-01 {
	text-align: center!important;
}

.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}

.clearfix{clear:both}

.ost-zay-01 {
	margin-bottom: 10px;
	font-family:'bebas-bold';
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 3em;
	padding-top: 5px;
	padding-left: 15px;
}

.pdt-20 {
	padding-top: 20px;
}

.principes {
	padding: 2px 20px;
	text-align: justify;
	font-size: 12px;
}

.pdt-20 p {
	font-family:'bebas-regular'; font-size: 22px;
	padding-top: 5px;
	text-align: center;
}


.telephones-01 {
	box-shadow: 0px 0px 20px #000;
	background: #fff;
	
	margin: 20px 20px 10px 0;
	padding: 10px 10px 2px 10px;
}

.telephones-01 li {
	margin-bottom: 20px;
	list-style: none;
}
.telephones-01 li p {
	font-size: 20px;
}

.telephones-01 li span {
	padding: 3px 0 0 3px;
	display: block;
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 12px;
	background: #309000;
	border-radius: 3px;

}

.telephones-01 li i {
	width: 24px;
	height: 24px;
	font-size: 20px;
	color: #fff;
	float: left;
	padding-right: 10px;
	text-align: center;
	vertical-align: middle;
}

.foter-text {

	margin: 10px 0 0 0;
	padding: 0;
}

.foter-cont {

	margin: 10px 0 0 40px;
	padding: 0;
}

.foter-text  li p {

	font-size: 12px;
}

.foter-cont  li p {

	font-size: 12px;
}



.footer-logo {
	display: block;
	margin-top: 10px;
}




@media only screen and (min-width: 1025px) and (max-width: 1279px) {



.sersvices-01 div {
    height: 1110px;
    background: #c5c5c5;
    border-right: solid 8px #CDCDCD;
}


.sersvices-02 div {
    height: 1110px;
    background: #c5c5c5;
    border-right: solid 8px #CDCDCD;
}


.sersvices-01 div h3 {
    height: 150px;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 20px;
    text-align: left;
}


section h1 {
	font-size: 2em!important;
    color: white;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 20px;
    text-transform: uppercase;
}

}


.modal_btn {
	margin-bottom: 20px;
	cursor: pointer;
}

.mod-imf-1 {

	width: 100%;
	height: 260px;
	display: block;
	overflow: hidden;

}






.mgt-20 {
	margin-top: 20px;
}





#tooltip{
        background:#000;
        color:#f3f3f3;
        text-align:center;
        padding:6px 0;
        position:absolute;
        max-width:250px;
        z-index:9999;
        display:none;
        border-radius:3px;
        box-shadow:4px 4px 8px #000;
        padding:5px 8px;
        font-size:12px;
        text-shadow:none;
}
#tooltip:before{
        position: absolute;
        width: 0;
        height: 0;
        line-height: 0;
        border: 6px solid #000;
        top: -6px;
        left:15px;
        border-bottom-style: solid;
        border-top: none;
        border-left-color: transparent;
        border-right-color: transparent;
        content:'';
}




#tooltipp{
        background:#d83160;
        color:#fff;
        text-align:center;
        font-size: 20px;
        padding:6px 0;
        position:absolute;
        max-width:250px;
        z-index:9999;
        display:none;
        border-radius:3px;
        box-shadow:4px 4px 8px #000;
        padding:5px 8px;
        
        text-shadow:none;
}
#tooltipp:before{
        position: absolute;
        width: 0;
        height: 0;
        line-height: 0;
        border: 6px solid #000;
        top: -6px;
        left:15px;
        border-bottom-style: solid;
        border-top: none;
        border-left-color: transparent;
        border-right-color: transparent;
        content:'';
}




.intervivew img {
	margin-bottom: 10px;
	max-width: 100%;
}

.evakuator {
	font-weight: bold;
	font-size: 24px!important;
	margin-bottom:4px!important;
	text-align: center;
	padding: 2px;
	background: #fff;
	color: #2B0000;
	border-radius: 6px;
}