/*
Theme Name: TT 
Template: creativeily
Author: Sagittarius Group
Author URI: https://sagittariusgroup.ru/
Description: Тема для "Топливных технологий".
Version: 1.1

*/
/* импортируем стили родительской темы */
@import url("../lightweightly/style.css");
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Oswald:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: 'Segoe';
  src: url('fonts/segoeuiblack.ttf') format('truetype');
  }

body {
	 font-family: "Roboto", sans-serif;
}
H1, H2, H3 {
	 font-family:'Segoe', "Oswald", sans-serif;
	 font-weight: 200; 
}

div {overflow: visible}

h1 {
	font-size: 3em;
}

h2 {
	font-size: 2em;
}

h5, .page .wrapmain article h5 
{font-size: 1em;
 font-weight: 600;
 color: #666;
 text-transform: uppercase;}

h1.title {
	margin: 0;
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1em;
    color: #000;
   
}

.single .wrapmain article *, .page .wrapmain article * {
    text-align: inherit;
}

.wrapmain article .entry-content p {
	text-align: inherit}
	
/* Шапка */
.header-top {
	display: flex;
    position: absolute;
    overflow: visible;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    padding-bottom: 20px;
    flex-direction: row;
    align-content: space-between;
    justify-content: space-between;
}

.top-contacts{
	display: block;
    margin-right: 4vw;
	margin-top: 1em;
	font-size: 14px;
	color: #666;
  }
.burger-bar, .mobile-contacts {display: none;}

span.top-info {
    display: block;
    margin-left: -10px;
}

.top-info i{
	position:relative;
	left: -10px;
}
.info-bar {display:none;}

.inner-header
{
  min-height: 250px;
}

.page-title h1 {
	font-size: 2.5em;
    color: #000;
    padding-top: 20px;
}
.page-content p
{
	text-align:left !important;
}

.page-content h5
{color: #000 !important;}
/* Меню */

.mobile-menu, .mobile-bar {display: none;}
#top-menu li:after {
    content: "";
    display: none !important;
   
}

div#top-menu a {
    color: #666;
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 14px;
}

#top-menu a:hover {
    color: #000; 
}


#top-menu ul {
    display: block;
    margin-left: 4vw;
    -webkit-padding-start: 0;
}

#menu-top-menu li {
    list-style: none;
    }

#menu-top-menu li:hover {
    color: #fcaf3d;
  }

#menu-top-menu li:hover:before {
    content: '';
    position: relative;
    display: inline-block;
    left: -10px;
    width: 0;
    height: 0;
	margin-left:-5px;
    margin-top: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000;
}

/* Главная страница */

.wrapmain, .footer-wrapmain {
    max-width: 80vw;
    margin: 0 auto;
    padding: 0px 20px;
}

.wrapmain article {
       padding: 50px;
   
}

.zavod {
    display: block;
    width: 3000px;
    position: relative;
    left: -200px;
    max-width: 99vw;
}

#features p.kt-blocks-info-box-text {
    text-align: left;
}

#features .wp-block-kadence-infobox {
    min-height: 342px;
    background-color: #eee;
}

#contacts form{
	text-align: left;
}

#contacts a {
	color: #333;
}

#contacts a:hover, #contacts a:visited {
	color: #fcaf3d;
}

#popmake-243
{
	display: block;
	padding: 20px;
	background-color: #fff;
}

.pum-title.popmake-title
{ padding: 10px 0;
  font-size: 2.5em;}

.pum-content+.pum-close, .pum-content+.pum-close:hover {  
    top: 20px !important;
	right: 20px !important;}


/* Анимация лого */

 /* WebKit and Opera browsers */
  @-webkit-keyframes spinner {
    from { -webkit-transform: rotateY(0deg);    }
    to   { -webkit-transform: rotateY(360deg); }
  }

  /* all other browsers */
  @keyframes spinner {
    from {
      -moz-transform: rotateY(0deg) translatex(50px);
      -ms-transform: rotateY(0deg) translatex(50px);
      transform: rotateY(0deg) translatex(40px);
    }
    to {
      -moz-transform: rotateY(360deg) translatex(50px);
      -ms-transform: rotateY(360deg) translatex(50px);
      transform: rotateY(360deg) translatex(40px);
	  	
    }
  }
  
  
  #stage {
    margin: 0 auto;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    -ms-perspective: 200px;
    perspective: 300px;
  }
  
   #spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 10s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 10s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  #spinner:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }

/* Мобильная версия */

@media screen and (max-width: 898px) {
	body, #page {max-width: 100vw;
	      overflow-x: hidden;
	      overflow-y: visible;}
	h1.title {
   		font-size: 9vw;}
	.header-top {max-width: 100vw;
	             overflow-x: hidden !important;
	             overflow-y: visible;}
	
	.desktop-menu {
		display: none;
	}
	
	.top-contacts {
		display: none;
	}
	 
	.top-logo {
		padding-top: 4vh;
	}
	
	h1.title {
    display: block;
    width: 65%;
    text-align: center;
	padding-top: 3vh;
	margin: 0 auto;}
	
	.wrapmain article {
		padding: 0;}
	
	.wrapmain, .footer-wrapmain {
    max-width: 90vw;
	margin: 0 auto;}
	
	.kadence-column12_8b6a42-64 > .kt-inside-inner-col {
    width: 84vw;
    padding-top: 80px;
    padding-right: 0;
    padding-bottom: 40px;
    padding-left: 70px;
}
	
	.kb-row-layout-id12_8925bf-32 > .kt-row-column-wrap {padding-left:0 !important;}
	
    .wp-block-kadence-advancedheading.kt-adv-heading12_c713dc-df, .wp-block-kadence-advancedheading.kt-adv-heading12_c713dc-df[data-kb-block="kb-adv-heading12_c713dc-df"] {
        padding: 0 10px !important;
        margin-left: 0 !important;
    }
	.wp-block-kadence-advancedheading.kt-adv-heading12_28c119-dc, .wp-block-kadence-advancedheading.kt-adv-heading12_28c119-dc[data-kb-block="kb-adv-heading12_28c119-dc"] {
        margin-left: 0 !important;
        padding-left: 10px !important;
    }
	
	.wp-block-kadence-advancedheading.kt-adv-heading12_17c484-24, .wp-block-kadence-advancedheading.kt-adv-heading12_17c484-24[data-kb-block="kb-adv-heading12_17c484-24"] {
    margin-top: -10px;
    padding-left: 10px;
   
}
    .wp-block-kadence-advancedbtn.kt-btns12_2705fb-71, .site .entry-content .wp-block-kadence-advancedbtn.kt-btns12_2705fb-71, .wp-block-kadence-advancedbtn.kb-btns12_2705fb-71, .site .entry-content .wp-block-kadence-advancedbtn.kb-btns12_2705fb-71 {
        margin-left: 0 !important;
    }
	
	    .kb-row-layout-id12_8925bf-32 > .kt-row-column-wrap {
			padding-bottom: 0 !important; }
	
	.kadence-column12_8b6a42-64 > .kt-inside-inner-col {
    width: 90vw !important;
    padding-top: 80px;
    padding-right: 0 !important;
    padding-bottom: 40px;
}

	.kb-row-layout-id12_64cee7-ec > .kt-row-column-wrap, .kb-row-layout-id12_6d9826-b3 > .kt-row-column-wrap, 
.kb-row-layout-id12_6e694a-f7 > .kt-row-column-wrap {padding: 10px 0 !important;}
	    .wp-block-kadence-advancedheading.kt-adv-heading12_fa1043-d0, .wp-block-kadence-advancedheading.kt-adv-heading12_fa1043-d0[data-kb-block="kb-adv-heading12_fa1043-d0"] {
        max-width: 80vw;
        margin-left: auto;
        font-size: 15px;
        text-align: left !important;
    }
	.kadence-column12_8b6a42-64, .kt-inside-inner-col > .kadence-column12_8b6a42-64:not(.specificity) {
    margin-right: 0;
		margin-left: 0;}
	
	.kb-row-layout-id12_d5866e-82 > .kt-row-column-wrap {
    column-gap: 0px;
    max-width: 100vw;
    padding: 0 !important;}
	
	    .kb-row-layout-id12_8925bf-32 > .kt-row-column-wrap {
        padding-top: 0;
		background-color: #eee;}
	.kb-image12_0b8cf7-b2:not(.kb-image-is-ratio-size) .kb-img, .kb-image12_0b8cf7-b2.kb-image-is-ratio-size {
		padding: 0 !important;}
	
	.kadence-column12_bdab51-af, .kt-inside-inner-col > .kadence-column12_bdab51-af:not(.specificity) {
    margin-top: 40px;
	margin-right: 0 !important}	
	
.kb-buttons-wrap {
	display: block !important;}
	
	
	.kb-row-layout-id12_c556f2-1c > .kt-row-column-wrap {
       padding: 0 !important;
      }
	.kb-row-layout-id12_eb746f-8c > .kt-row-column-wrap {
		padding: 16px 0 0 0 !important;}
	
	.zavod {
    display: block;
    width: 100vw;
    position: relative;
    left: -5vw; 
    max-width: 100vw;
}
	
	.kb-row-layout-id12_5ec398-6b > .kt-row-column-wrap {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}  
	
	.kadence-column12_6b387f-70, .kt-inside-inner-col > .kadence-column12_6b387f-70:not(.specificity) {
        margin-right: 0 !important;
		margin-left: 0 !important;}
	
	.kadence-column12_a98ebe-13 > .kt-inside-inner-col {padding-top: 0 !important;}
	.kadence-column12_a98ebe-13, .kt-inside-inner-col > .kadence-column12_a98ebe-13:not(.specificity) {margin-top: 0 !important;}
	.kb-row-layout-id12_6b2a24-b0 > .kt-row-column-wrap {
    width: 90vw !important;
    max-width: 90vw !important;
    padding-left: 0 !important;
}
	    .kadence-column12_7a575e-0a, .kt-inside-inner-col > .kadence-column12_7a575e-0a:not(.specificity) {margin-left: 0 !important;
			margin-right: 0 !important}
	
	.kadence-column12_a4a00a-aa > .kt-inside-inner-col {
		margin-top: 30px !important;}
	
	.burger-bar{
	display: block;	
    position: absolute;
    top: 30px;
    left: 10px;
    padding: 5px 12px;
    margin-right: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    height: 40px;
    border-radius: 3px;
	z-index: 10;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
	-webkit-transform: translate3d(0, 0, 0);	
}
	.info-bar{
	display: block;	
    position: absolute;
    top: 30px;
    right: 10px;
    padding: 12px;
    margin-right: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
	font-size: 30px;	
    border-radius: 3px;
	z-index: 10;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
	}
	 .mobile-menu {
        display: block;
        position: absolute;
        top: 20px;
        left: -230px;
        padding: 20px;
        z-index: 20;
        background-color: #efefef;
        border-radius: 0 5px 5px 0;
        transition: left 1s ease-out;
    }
	 .mobile-contacts {
        display: block;
        position: absolute;
        top: 20px;
		color: #000;
        line-height: 40px;
        right: -430px;
        padding: 40px 10px 10px 30px;
        z-index: 20;
        background-color: #efefef;
        border-radius:  5px 0 0 5px;
        transition: right 1s ease-out;
		
    }
	.mobile-contacts span.top-info {
		margin-left: 20px;
	}
	a.close-menu {
    position: absolute;
    top: 20px;
    left: 200px;
    width: 20px;
    height: 20px;
	font-size: 20px;	  
    display: block;
    z-index: 25;
    color: #000;
}
	a.close-contacts {
    position: absolute;
    top: 0;
    left: 20px;
    width: 20px;
    height: 20px;
    font-size: 20px;
}
.menu-mob li {
    padding: 10px 0;
}		
.wp-block-kadence-column.kadence-column12_a4a00a-aa {
    margin-top: 30vh;
}	

	.kadence-column12_a4a00a-aa > .kt-inside-inner-col {
   
		padding-top: 0;}
	
.wp-block-kadence-column.kadence-column12_6b387f-70 {
    margin-top: -50px !important;
}	
	
	.kb-row-layout-wrap.kb-row-layout-id12_5ec398-6b.alignfull.kt-row-has-bg.wp-block-kadence-rowlayout {
    margin-top: -50px;
		padding-bottom: 100px;
}
	.kadence-column12_cf4161-97, .kt-inside-inner-col > .kadence-column12_cf4161-97:not(.specificity) {
		margin-top: 20px !important;}
.wp-block-kadence-column.kadence-column12_264c3f-b1 {
    display: none;
}
	
}