body {width:100%; height:100%; font-family:'Roboto', sans-serif; color:#fff; background:url("/usr/templates/images//45-degree-fabric-light.png") #666;}
body > .wrapper {min-height:100%; padding:40px 0;}

html {width:100%; height:100%;}
h1, h2, h3, .h3, h4, h5, h6 {display: block; margin: 1.5em 0 0.5em; text-transform:uppercase; font-family:'Roboto', sans-serif; font-weight:700; letter-spacing:1px;}
h2, h3, .h3, h4, h5, h6 {color:#488FDA;}
h1 {color:#488FDA; margin-top: 0;}

p {margin:0 0 25px; font-size:18px; line-height:1.5;}
section ul li {font-size:20px; line-height:1.5; margin-bottom:1em;}
section ol li {font-size:20px; line-height:1.5; margin-bottom:1em;}
@media(min-width:767px) {
	p, section ul li {margin:0 0 1em; font-size:20px; line-height:1.5;}
	.container-fluid l li {margin-bottom:1em;}
}


.ml1 { margin-left: 1em; }
.mr1 { margin-right: 1em; }
.mb1 { margin-bottom: 1em; }
.mt1 { margin-top: 1em; }
.mb2 { margin-bottom: 2em; }
.mt2 { margin-top: 2em; }
.mt2.mb2 { overflow: hidden; margin: 0; padding: 2em 0; }

/* row */
.row-flex {display: flex; flex-flow: row wrap;}
	.row-flex:before, .row-flex:after {display: none;}
	.row-flex-vac {align-items: center;}
	.row-flex-vab {align-items: flex-end!important;}

a {color:#488fda; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; text-decoration:underline;}
a:hover, a:focus {text-decoration:none; color:#C4CCD5;}

.btn {text-transform:uppercase; font-family:'Roboto', sans-serif; font-weight:400; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
	.btn-default {border:0; color:#fff; background-color:#37474F; border-radius:2px; padding:12px 20px;}
		.btn-default:hover, .btn-default:focus {border:0px; outline:0; color:#fff; background-color:#789;}

legend {border-bottom:1px solid #ccc; color:#eee;}

.light {font-weight:400;}

.navbar-custom {margin-bottom:0; border-bottom:1px solid rgba(255,255,255,.3); text-transform:uppercase; font-family:'Roboto', sans-serif; background:url("/usr/templates/images//45-degree-fabric-light.png") #666;}
	.navbar-custom .navbar-brand {font-weight:700; font-size:24px; line-height:24px;}
	.navbar-custom .navbar-brand:focus {outline:0;}
		.navbar-custom .navbar-brand .navbar-toggle {padding:4px 6px; font-size:16px; color:#fff;}
		.navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active {outline:0;}
	.navbar-custom a {color:#444; text-decoration:none;}
		.navbar-custom .nav li.active {outline:none; background-color:rgba(72,143,218,0.4);}
			.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; font-size:14px; text-transform:none;}
			.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li a.active {outline:0; background-color:rgba(255,255,255,.3);}			
			
.header-phone {font-size:21px; font-weight:700; color:#488FDA; padding:10px 0;}
	.header-phone span {font-weight:300;}

@media(min-width:767px) {
	.navbar {padding:20px 0; border-bottom:0; letter-spacing:1px; background:0 0; -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; background-color:rgba(255,255,255,.9);}
	.top-nav-collapse {padding:0; background-color:rgba(255,255,255,0.75);}
}
@media(max-width:767px) {
	.navbar-custom {background:url("/usr/templates/images//45-degree-fabric-light.png") rgba(72,143,218,0.75);}
	.navbar-custom a {color:#fff;}
}

.intro {display:table; width:100%; height:auto; padding:100px 0; text-align:center; color:#444; background:url(/usr/templates/images/intro-wiki-w-2.jpg) no-repeat bottom center scroll; background-color:#fff; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -o-background-size:cover;}
.intro .intro-body {display:table-cell; vertical-align:middle;}
	.intro .intro-body .brand-heading {font-size:40px;}
	.intro .intro-body .intro-text {font-size:21px;}
		.intro .intro-body .intro-text span {background:#488FDA; color:#fff; padding:0 5px; font-size:26px;}
@media(min-width:767px) {
	.intro {height:100%; padding:0;}
		.intro .intro-body .brand-heading {font-size:40px; /*transform:rotate(-2deg); -ms-transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -o-transform:rotate(-2deg); */}
		.intro .intro-body .intro-text {font-size:21px; /*transform:rotate(-2deg); -ms-transform:rotate(-2deg); -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -o-transform:rotate(-2deg);*/}
}

.btn-down {font-size:60px; color:#444; opacity:0.8; line-height:1;}
.btn-down:hover, .btn-down:focus {outline:0; color:#fff;}
	.btn-down i.animated {-webkit-transition-property:-webkit-transform; -webkit-transition-duration:1s; -moz-transition-property:-moz-transform; -moz-transition-duration:1s;}
	.btn-down: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 {-webkit-transform:scale(1); transform:scale(1);}
	50% {-webkit-transform:scale(1.2); transform:scale(1.2);}
	100% {-webkit-transform:scale(1); transform:scale(1);}
}
@-moz-keyframes pulse {
	0 {-moz-transform:scale(1); transform:scale(1);}
	50% {-moz-transform:scale(1.2); transform:scale(1.2);}
	100% {-moz-transform:scale(1); transform:scale(1);}
}


/* row */
.row-flex {display: flex; flex-flow: row wrap;}
	.row-flex:before, .row-flex:after {display: none;}
	.row-flex-vac {align-items: center;}
	.row-flex-vab {align-items: flex-end!important;}


#about { background: url("/usr/templates/images//45-degree-fabric-light.png") #fff!important; color: #333; }
#about.content-section {padding:0; background:#37474F;}

.content-section .about {background:url("/usr/templates/images/45-degree-fabric-light.png") #fff; color:#444; padding-top: 10em; overflow: hidden;}
.content-section {padding:100px 0;}

.vidy {background:url("/usr/templates/images//45-degree-fabric-light.png") #488FDA;}
	.vidy h2 {color:#fff;}
	.vidy h3, .vidy b {color:#fff; font-size:16px; text-align:center; margin-bottom: 0.25em;}
		.vidy h3 i {margin-right:10px; color:#ddd;}
	.vidy div {padding:1em 2em;}
		.vidy div p {font-size:16px; color:#fff;}
		.vidy div img {display:block; overflow:hidden; margin:1em 0; border-radius:5%; position:relative; border:5px solid #fff; box-shadow:0 1px 2px #ABABAB; width:100%;}
	.vidy.vidy2 {background:none; color:#333!important;}
		.vidy.vidy2 h2, .vidy.vidy2 h3, .vidy.vidy2 p, .vidy.vidy2 b {color:#333;}
			.vidy.vidy2 div img {border-color:#333;}

#proizv {background:url("/usr/templates/images//45-degree-fabric-light.png") #fff;}
	#proizv .download-section {width:100%; color:#444; padding:100px 0;}
	/*#proizv .overlay {background-color:rgba(38, 50, 56, 0.6);}*/
	#proizv.content-section {padding:0;}
	#proizv .gallery {margin:1em 0; overflow:hidden;}
		#proizv .gallery img {width:100%; border-radius:50%; position:relative; border:5px solid #fff; box-shadow:0 1px 2px #ABABAB;}
	@media(max-width:767px) {
		.gallery .col-md-4 {margin-bottom:20px;}
	}

#preim {background:url(/usr/templates/images/intro-wiki-w-2.jpg) no-repeat bottom center scroll; background-color:#fff; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -o-background-size:cover;}	
	#preim h2, #preim h3, #preim i {color:#333; margin-bottom:1em;}
	#preim h3 {font-size:18px; text-transform:none;}
	#preim i {font-size:6em;}
		
#client {background:url("/usr/templates/images//45-degree-fabric-light.png") #fff;}
	#client .download-section {width:100%; color:#444; padding:100px 0;}
	#client.content-section {padding:0;}
	#client .gallery {margin:1em 0; overflow:hidden;}
		#client .gallery img {width:100%; margin-bottom:2em;}

#contact {background:url("/usr/templates/images//45-degree-fabric-light.png") #488FDA;}
	#contact h2 {color:#fff;}
	#contact .btn-primary {font-weight:700; font-size:21px; padding:0.5em 2em; background:#fff; border-color:#ddd; text-transform:none; color:#488FDA;}
	#contact .btn-primary:hover {opacity:0.75;}
	#contact .contacto-info div {font-size:18px; color:#ddd; display:block; margin:0 0 1.5em;}
		#contact .contacto-info span {font-size:21px; color:#fff;}
		#contact .contacto-info a {font-size:21px; color:#fff;}	
		#contact .contacto-info .fa {margin-right:5px; color:#ddd;}
		
#map {width:100%; height:400px; overflow:hidden; clear:both;}

@media(min-width:767px) {
	.content-section {padding:50px 0;}
	.download-section {padding:100px 0;}
	#map {height:400px;}
}

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

@media(max-width:1210px) {	
	.navbar-custom .nav li a {padding:15px 5px;}
}
@media(max-width:1005px) {
	.navbar-custom .nav li a.nomobile {display:none;}
}
@media(max-width:776px) {
	.navbar-custom .nav li a.nomobile {display:block;}
}

footer {padding:50px 0;}
	footer p {margin:0;}
		footer .btn-primary {padding:0.5em 1.5em; text-transform:none;}
		footer .btn-primary:hover {opacity:0.75;}

::-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;}
body {webkit-tap-highlight-color:rgba(255,255,255,.2);}

@media (max-width:768px){
	h1,h2,h3,h4 {word-wrap:break-word;}
}

.new-content > b {display: block; font-size: 1.25em; margin-bottom: 1.5em;}
  .new-content > img {display: block; margin: 1em auto 2em;}

table.tbl {overflow:hidden;border:1px solid #d3d3d3; width:99%;margin:2em auto 5em;}
	.tbl th, .tbl td {padding:15px 15px 15px; text-align:center; vertical-align: middle;}	
	.tbl td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
		.tbl tr.bg-grey td {background: #488FDA; color: #fff;}
	.tbl tr.odd-row td {background:#f6f6f6;}
	.tbl td.first, th.first {text-align:left}
	.tbl td.last {border-right:none;}

.callback {padding: 2em; background: #488FDA; color: #fff; margin-left: 1em; margin-bottom: 1em;}
  .callback b {font-size: 2em; color: #eee;}
  .callback a {color: #fff;}


.poryadok .poryadok-li { color: #666; font-size: 1.25em; }
	.poryadok .poryadok-li font { color: #488FDA; margin-right: 5px; }
.poryadok hr { border-top-color: #aaa; }
.poryadok .poryadok-top { font-size: 1.5em; color: #488FDA; }
	.poryadok i.fa { color: #666; margin-bottom: 0!important; }

.etiketki-links { display: block; overflow: hidden; margin-bottom: 4em; }
	.etiketki-links a { font-size: 1.5em; display: block; margin-top: 1em; margin-bottom: 1em; }
		.etiketki-links a:hover { opacity: 0.6; }
	  	.etiketki-links a img { opacity: 0.8; display: block; }
	  	.etiketki-links a b { display: block; width: 100%; overflow: hidden; color: #444; margin-top: 0.5em; text-decoration: underline; }
	  		.etiketki-links a:hover b { text-decoration: none; }

.etiketki-preim .col-md-6 { margin-top: 0.5em; margin-bottom: 0.5em; }
.etiketki-preim b { color: #488FDA; }
.etiketki-preim p { font-size: 16px; }