@font-face {
    font-family: Bebas;
    src: url(../fonts/Bebas_Neue_Cyrillic.ttf);
}
body {
    background: #fff;
}
h1,h2,h3,h4,h5,h6,p {font-family: Bebas; color: #3f3e40;}
p {font-size: 18px;}
.clear {clear: both;}
header {
	-webkit-box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.08);
    box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.08);
}
#main-menu {
    background: #fff;
    border: none;
    box-shadow: none;
}
.navbar-nav {
    float: right !important;
    margin: 20px 0 0 0 !important;
}
ul.nav.navbar-nav li a {
    font-size: 18px;
    font-family: Bebas;
    max-width: 135px;
    text-align: center;
    padding: 10px 5px;
    display: table-cell;
    vertical-align: middle;
    height: 100px;
}
.logo {
    background: url(../img/logo.png) no-repeat center;
    height: 120px;
    margin: 10px 0;
}
.headerContactPhone {
    font-family: Bebas; 
    font-size: 25px; 
    text-align: center;
    color: #fff;
}
.headerContactPhone .consultation {
    font-size: 35px;
    margin: 25px 0;
}
a.phoneLink,
a.phoneLink:hover {
	color: #fff;
	text-decoration: none;
}
.firstPic {
    background: url(../img/firstPic.png) no-repeat center;
    background-size: cover;
    height: 600px;
}
.secondPic {
    background: url(../img/secondPic.png) no-repeat center;
    background-size: cover;
    min-height: 600px;
}
.thirdPic {
    background: url(../img/footerBackground.png) no-repeat center;
    background-size: cover;
    min-height: 190px;
}
.firstPic .company,
.firstPic h1,
.firstPic .line,
.firstPic .assotiation,
.mainWay,
.contacts {font-family: Bebas; color: #fff; text-align: center;}
.firstPic .company {
    font-size: 32px;
    margin-top: 120px;
}
.firstPic h1 {
    font-size: 76px;
    margin: 0;
}
.firstPic .line {
    width: 350px;
    border: 1px solid #fff;
    margin: 30px auto 25px;
}
.firstPic .assotiation {
    font-size: 22px;
}
.firstPic .assotiation a {
    color: #fff;
}
.firstPic .assotiation a:hover {
    color: #fff;
}
.firstPic .consultation a {
    color: #0ca0ea;
}
.firstPic .consultation a:hover {
    color: #2cb9ff;
}
.way {
    min-height: 150px;
    background: #0ca0ea;
}
.mainWay {
    font-size: 47px;
    line-height: 50px;
    margin: 25px 0;
}
.way .wayName,
.way .wayIntro {
    color: #3f3e40;
    font-family: Bebas;
}
.way .introWay {margin-top: 25px;}
.way .wayName {font-size: 32px;}
.way .wayIntro {font-size: 18px;}

.offer .mainOffer,
.offer .offerName,
.offer .offerIntro,
.advantages .mainAdvantages {
    font-family: Bebas; 
    color: #3f3e40;
    text-align: center;
}
.offer .mainOffer,
.offer .offerName,
.advantages .mainAdvantages {font-size: 32px; margin-bottom: 45px;}
.offer .offerIntro {font-size: 18px; margin-bottom: 85px;}
.offer .mainOffer,
.advantages .mainAdvantages {margin: 30px 0 45px;}
.offer .offerDiscount,
.offer .offerPayment,
.offer .offerDelivery {
    min-height: 190px;
    margin-bottom: 30px;
}
.offer .offerDiscount {background: url(../img/offerDiscount.png) no-repeat center;}
.offer .offerPayment {background: url(../img/offerPayment.png) no-repeat center;}
.offer .offerDelivery {background: url(../img/offerDelivery.png) no-repeat center;}

.girlImg {
    background: url(../img/girlImg.png) no-repeat center;
    height: 378px;
    margin: 110px 0px;
}
.development {
    margin: 100px 0;
}
.development .developName,
.development .developIntro {
    font-family: Bebas;
    color: #fff;
}
.development .developName {font-size: 76px;}
.development .developIntro {font-size: 22px;}

.advImg {padding: 0 !important;}
.advName,
.advIntro {font-family: Bebas; color: #3f3e40;}
.advName {font-size: 22px;margin-bottom: 25px;}
.advIntro {font-size: 17px;min-height: 125px;}
.advInfo {padding-right: 0 !important;}
.advBlok {min-height: 160px !important; margin-bottom: 70px;}
.dogovorImg,
.skidkaImg,
.tarifImg,
.garantiiImg,
.shtrafImg,
.operatorImg,
.oplataImg,
.nadegnostImg,
.ukraineImg {
    height: 87px;
}
.dogovorImg {background: url(../img/dogovor.png) no-repeat center;}
.skidkaImg {background: url(../img/skidka.png) no-repeat center;}
.tarifImg {background: url(../img/tarif.png) no-repeat center;}
.garantiiImg {background: url(../img/garantii.png) no-repeat center;}
.shtrafImg {background: url(../img/shtraf.png) no-repeat center;}
.operatorImg {background: url(../img/operator.png) no-repeat center;}
.oplataImg {background: url(../img/oplata.png) no-repeat center;}
.nadegnostImg {background: url(../img/nadegnost.png) no-repeat center;}
.ukraineImg {background: url(../img/ukraine.png) no-repeat center;}

#ex4,
#ex5,
#ex6,
#ex7 {
    font-family: Bebas;
    color: #3f3e40;
    font-size: 22px;
}
#ex4,
#ex5,
#ex7 {
    padding-bottom: 70px;
}
#ex4,
#ex6 {
	background: #f5f5f5;
}
#ex4 table {
	margin: 20px 0;
}
#ex4 th,
#ex4 td {
	padding: 10px;
	border: 1px solid #0d3c55;
}
#ex4 th {
	background: #0d3c55;
	color: #fff;
	font-weight: normal;
}
.conditions h4 {
	background: #0d3c55;
	color: #fff;
	text-align: center;
	font-size: 22px;
	margin: 15px 0;
	padding: 10px;
}
.conditions,
.conditions li {
    font-size: 18px;
    text-align: justify;
}
.documents a,
.documents span {
    margin: 5px;
    font-size: 21px;
}

.contacts {font-size: 52px;}
.contactAdres,
.contactPhone,
.contactEmail {
    color: #fff; 
    font-family: Bebas; 
    font-size: 21px; 
    float: left; 
    margin: 45px 48px 20px 0;
}
#top {
    background: url(../img/arrowUp.png) no-repeat center;
    background-size: contain;
    height: 50px;
    width: 50px;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    display: none;
    font-size: 150%;
    position: fixed;
    opacity: 0.6;
}
#top:hover {opacity: 1; transition: 1s;}
#top:not(:hover) {transition: 1s;}
footer a img {
    display: none;
}
iframe {
    width: 100%;
    height: 350px;
}
.headerContactPhone {
    margin: 15px 0;
}
.form .zagolovok,
.messageForm {
    text-align: center;
    font-family: Bebas; 
}
.form .zagolovok {color: #3f3e40; font-size: 22px;}
.messageForm {color:green; font-size:32px;}
.form input,
.form textarea {
    width: 100%;
    margin: 10px 0;
    padding: 5px;
}
.form textarea {resize: none;}
.form input[type="submit"] {
    font-family: Bebas;
    font-size: 22px;
}

/*!----------------------------------- fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../img/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../img/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../img/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}
.fancybox-lock body {
    overflow: hidden !important;
}
.fancybox-lock-test {
    overflow-y: hidden !important;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../img/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../img/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}
	#fancybox-loading div {
		background-image: url('../img/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
@media (max-width: 767px) {
    .firstPic {height: auto; padding: 20px 0;}
    .firstPic .company {margin-top: 15px;}
    .firstPic .line {margin: 10px auto 20px;}
    .advName,
    .advIntro {text-align: center;}
    .advName {margin-bottom: 5px;}
    .advBlok {margin-bottom: 50px;}
    .offer .offerDiscount, .offer .offerPayment, .offer .offerDelivery {margin-bottom: 10px;}
    .offer .offerName {margin-bottom: 5px;}
    .offer .offerIntro {margin-bottom: 50px;}
    .way .introWay {text-align: center; margin: 0;}
    .navbar-nav {float: left !important; margin: 0 !important;}
    #navbar-collapse,
    #main-menu {padding: 0;}
    .contactAdres, .contactPhone, .contactEmail {float: none; margin: 20px 0; text-align: center;}
    .girlImg {background-size: contain;}
}
@media (max-width: 991px) {
    .firstPic h1 {font-size: 63px;}
    .firstPic .line {width: 200px;}
    .way {padding-bottom: 25px;}
    .girlImg,
    .development {margin: 20px 0px;}
    .development .developName {font-size: 63px;}
}
@media (min-width: 767px) and (max-width: 1199px) {
    .advBlok {min-height: 240px !important;}
}



/*---Перелив кнопки---*/
.naftogaz {
  background-image: -webkit-linear-gradient(left, red 50%, #337ab7 50%);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 100% 200px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-animation: stripes 40s linear infinite;
  animation: stripes 40s linear infinite;
}
@-webkit-keyframes stripes {
  100% {
    background-position: 0 -50px;
  }
}
@keyframes stripes {
  100% {
    background-position: 3850px 0;
  }
}
.naftogaz {
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}


/*-------------------------------------------------------------*/
header {
	background-color: #fff;
}
.bodyMain {
    background: url(../img/backgroundTitle2.jpg);
    background-size: cover;
}
.bodyMainOpacity {
	background: url(../img/backgroundTitleOpacity.png);
    background-size: cover;	
}

.homePage {margin: 80px;}
.indexLogo {
    background: url(../img/logo.png) no-repeat center;
    height: 170px;
    margin: 90px auto;
    z-index: -1;
    background-size: contain;
}
.info1, .info2 {
    height: auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #7c8083;
    margin-bottom: 25px;
}
.info3 {background-color: #4c4c4c; padding: 20px 50px; border-radius: 5px;}
.info1 a, .info2 a {margin-bottom: 20px;color: #000;border-bottom: 1px solid #000;}
.info1 a:hover,.info2 a:hover {color: #000; border: none; text-decoration: none;}

.infoName,.infoMain {color: #fff;}
.infoName {font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 18px; margin-bottom: 25px; display: block;}
.infoMain {font-family: 'Roboto', sans-serif; font-size:  14px;}

.houseLink {text-align: center;}
.houseName,.houseIntro {display: block; text-align: center;}
.houseName {font-weight: bold; font-size:  20px; padding-top: 10px;}
.houseIntro {font-size:  14px; height: 50px; margin: 15px 20px;}
.houseMain {display: block; margin-bottom: 55px;}

.electroMenu li {
    padding: 0 45px;
}
.mainText,
.introText {
    font-family: Bebas;
}
.mainText {text-transform: uppercase; font-size: 30px; font-weight: bold; margin: 23px 0 30px;text-align: center;}
.introText {font-size: 18px; text-align: justify;}
.conditions li {text-align: justify;}
.introText p {margin-bottom: 15px;}
.introTextCenter {text-align: center;}
.mainCheckout {
    background: url(../img/mainCheckout.png);
    margin: 25px auto;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Bebas;
    font-size: 18px;
    font-weight: bold;
    height: 98px;
    width: 190px;
    padding-top: 63px;
    color: #fff;
}
.mainCheckout:hover {
    color: #f7ebdb;
    cursor: pointer;
}
footer {
    min-height: 145px;
    background: #242424;
    border-top: 1px solid #000;
}
.footerMail,
.footerOffice,
.footerPhone {
    color: #969696;
    font-family: Bebas;
    font-size: 19px;
    height: 25px;
    padding: 0 30px;
    margin: 0 0 5px;
}
.footerMail {margin: 0 0 10px; background: url(../img/footerMail.png) no-repeat left;}
.footerOffice {background: url(../img/footerOffice.png) no-repeat left;}
.footerPhone {background: url(../img/footerPhone.png) no-repeat left;}
.footerWork {
    float: right;
    text-align: right;
    color: #969696;
    font-family: Bebas;
    font-size: 19px;
    /*height: 42px;
    padding: 27px 60px 0 0;*/
    margin: -150px 30px 0 0;
}
.hr {
    border-top: 1px solid #000;
    border-bottom: 1px solid #666;
    margin-bottom: 15px;
}
.projectMain {font-family: Bebas; text-align: center;}
.projectNumber,
.projectName,
.projectIntro {font-family: Bebas; color: #48240d; text-align: center;}
.projectMain {
    font-size: 36px;
    font-weight: bold;
    margin: 25px 0 20px;
}
.projectName {
    font-size: 22px; 
    font-weight: bold; 
    min-height: 62px;
    max-height: 62px;
    overflow: hidden;
    padding: 10px;
}
.projectNumber,.projectIntro {
    font-size: 19px;
   /* min-height: 25px;*/
    min-height: 190px;
    overflow: hidden;
    padding: 0 10px;
}
.projectIntro {margin-bottom: 15px;}
ul.projects {padding-left: 0;}
ul.projects li {
    list-style: none; 
}
ul.projects li:hover a {
    text-decoration: none;
}
.project {
    max-width: 255px;
    overflow: hidden;
    min-height: 275px;
    margin: 0px auto 30px;
    padding: 0;
    border-style: solid;
    border-width: 14px 1px;
    -moz-border-image: url(../img/projectBorder.png) 14 0 stretch;
    -webkit-border-image: url(../img/projectBorder.png) 14 0 stretch;
    -o-border-image: url(../img/projectBorder.png) 14 0 stretch;
    border-image: url(../img/projectBorder.png) 14 0 fill stretch;
}
.project:hover {
    border-style: solid;
    border-width: 14px 1px;
    -moz-border-image: url(../img/projectBorderHover.png) 14 0 stretch;
    -webkit-border-image: url(../img/projectBorderHover.png) 14 0 stretch;
    -o-border-image: url(../img/projectBorderHover.png) 14 0 stretch;
    border-image: url(../img/projectBorderHover.png) 14 0 fill stretch;
}
.project a img {
    width: 97%;
    margin: 1px 0 0 1px;
}
.contactsInfo {padding: 0 !important; margin-bottom: 45px;}
.contactsInfo span,.contactsInfo p {font-family: Bebas;}
.contactsInfo span {font-size: 22px; font-weight: bold; display: block; margin-top: 20px;}
.contactsInfo span:first-child {margin-top: 0;}
.contactsInfo p {font-size: 18px;margin: 0;}