/*
Theme Name: goodjob2020
Author: ImsBishkek

*/



::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #e5e5e5;
}

::-webkit-scrollbar
{
	width: 12px;
	background-color: #e5e5e5;
}

::-webkit-scrollbar-thumb
{
	background-color: #115CA0;
}


body { 
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
	font-family: sans-serif;
    font-size: 14px;
    line-height: 1.5;
font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
}


*{transition: 0.3s;}
/*typography*/

h1, h2, h3, h4, h5, h6, h7 {

    font-weight: 800;
	color: #3d3d3d;
	
}

h1 {
    font-size: 3em;
    text-transform: uppercase;
    color: #1465ac;
}

h2 {
    font-size: 1.5em;
}


h3 {
    font-size: 1.5em;
    line-height: 1;
	margin: 0.5em 0;
}

blockquote {
    max-width: calc(100% - 3em);
    border-left: 3px solid #115CA0;
    padding: 0 0 0 3em;
    margin: 2em 4em 2em 0;
    font-size: 1.2em;
}

a {
    color: #115CA0;
	font-weight: 800; 
	text-decoration: underline;
}

a:hover {
    text-decoration: underline;
    text-decoration-color: #115CA0;
}

.textcenter {
    text-align: center;
}

p {
    color: #3d3d3d;
    line-height: 1.5;
    letter-spacing: 0.5px;
}
  
article p a {
   
} 
  

hr {
    border: none;
    height: 1px;
    background: #115CA0;
    width: 100%;
}

article ul li {
line-height: 1.5;
color: #3d3d3d;
	
}

ul, ol {
	padding: 0;
	list-style: none;
}

article ul {list-style: disc;}

article ol {list-style: decimal;}
/* Table*/
table {
border-spacing: 1;
    border-collapse: collapse;
    background: white;
    border-radius: 0.5em;
    overflow: hidden;
    max-width: 800px;
    width: 100%;
    font-size: 1em;
    margin: 0 auto;
    position: relative;
    line-height: 3em;
}
table * {
  position: relative;
}
table td,
table th {
  padding-left: 0.5em;
}
table  tr:first-child {
    height: 5em;
    background: #115ca0;
    font-size: 1em;
    line-height: 2;
    color: white !important;
    font-weight: bold;
	vertical-align: top;
}

table  tr:first-child td span {
    color: #fff !important;
}
table  tr:first-child  {
  height: 4em;
  border-bottom: 1px solid #e3f1d5;
}
table tbody tr:last-child {
  border: 0;
}
table td,
table th {
  text-align: center;
}
tbody tr:nth-child(2n) {
    background: #f6f6f6;
}
tbody {
    width: 100%;
    display: table;
}

tbody a {
    font-weight: bold;
    color: #3d3d3d;
    text-decoration: underline !important;
} 

table tr:first-child, table tr:first-child p {
    color: white;
}

table tr td:first-child {
    text-align: left;
}

 



img, svg{
    max-width: 100%;
    height: auto;
}


.aligncenter {
    margin: 0 auto;
    display: table;
}

.gallery-item {
    display: table;
    position: relative;
    padding: 5px;
    box-sizing: border-box;
}

.gallery img {
    border: none !important;
    max-width: 100%;
    height: auto;
}


.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
    width: 100% !important;
    height: 100% !important;
}
.mejs-container {
    padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
    max-width: 100% !important;
}
video.wp-video-shortcode {
    position: relative;
}
.mejs-mediaelement {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
	overflow: hidden;
    left: 0;
}
.mejs-controls {
    display: none;
}
.mejs-overlay-play {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto !important;
    height: auto !important;
}

/*Sections*/

section {
	width: 100%;
	max-width: 100%;
    display: table;
    margin: 0 auto;
	padding: 5em 0;
    box-sizing: border-box;
}

section.grey {
    background: #f5f5f5;
}

section#phead {
    padding: 16em 0 0rem 0;
    box-sizing: border-box;
    background-position: center center !important;
    box-shadow: inset 0px 0px 70px 40px rgba(0, 0, 0, 0.5);
}
 
/*Rows styles*/ 
 

.row16,	.row16f,
.row20,	.row20f,
.row25,	.row25f,
.row30,	.row30f,
.row33,	.row33f,
.row40,	.row40f,
.row50,	.row50f,
.row60,	.row60f,
.row66,	.row66f,
.row70,	.row70f,
.row80,	.row80f,
.row100, .row100f
{
	margin: 0;
	float: left;
	max-width: 100%;
	padding: 0;
    box-sizing: border-box;
}

.row16 {width: calc(100% / 6);}
.row20 {width: 20%;}
.row25 {width: 25%;}
.row30 {width: 30%;}
.row33 {width: calc(100% / 3);}
.row40 {width: 40%;}
.row50 {width: 50%;}
.row60 {width: 60%;}
.row66 {width: calc(100% / 3 * 2);}
.row70 {width: 70%;}
.row80 {width: 80%;}
.row100 {width:1200px; margin: 0 auto; float: none; display: table; max-width: 100%;}


.row16f {flex-basis: calc(100% / 6); width: calc(100% / 6);}
.row20f {flex-basis: 20%; width: 20%;}
.row25f {flex-basis: 25%; width: 25%;}
.row30f {flex-basis: calc(100% / 10 * 3);width: calc(100% / 10 * 3);}
.row33f {flex-basis: calc(100% / 3); width: calc(100% / 3);}
.row40f {flex-basis: 40%; width: 40%;}
.row50f {flex-basis: 50%; width: 50%;}
.row60f {flex-basis: calc(100% / 5 * 3); width: calc(100% / 5 * 3);}
.row66f {flex-basis: calc(100% / 3 * 2); width: calc(100% / 3 * 2);}
.row70f {flex-basis: 70%; width: 70%;}
.row80f {flex-basis: 80%; width: 80%;}
.row100f {flex-basis: 100%; margin: 0 auto; float: none; max-width: 100%;}


.flex50f,
.flex66f,
.flex100f,
section.flex {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content: center;
}

.flex50f {width:calc(100% / 2);}
.flex66f {width:calc(100% / 3 * 2);}
.flex80f {width:80%;}
.flex100f {width:1200px; max-width: 100% !important; margin: 0 auto; float: none;}
section.flex {width:100%;}




article {
    display: table;
    float: left;
	width: 100%;
}



/*Header*/

header {
    background: #ffffff;
    display: table;
    margin: 0 auto;
    padding: 1em 0;
    width: 100%;
	height: 4rem;
    position: fixed;
    box-shadow: 0 0 6px grey;
	z-index: 999;
	top: 0;
}


a.h_logo {
    width: 11rem;
    display: table;
    position: absolute;
    top: 0;
    left: 4rem;
    padding: 1rem 0 0 0;
}

span.logosvg {
	width: 5rem;
	height: 5rem;
	display: table;
	background-color: #2a2200;
    -webkit-mask: url(http://goodjobindustry.com/wp-content/uploads/logo.svg) no-repeat center;
    mask: url(http://goodjobindustry.com/wp-content/uploads/logo.svg) no-repeat center;
	
}


a.h_logo img {
 
}

.h_search {
    position: absolute;
    right: 19rem;
    top: 1rem;
    font-size: 2rem;
}

.h_search a {
    color: #115CA0;
	margin: 0 0.5rem 0 0;
}

.btn {
    /*padding: 1rem 2rem;
    background: #115CA0;
    border-radius: 2rem;
    border: 1px solid #115CA0;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    transition: 0.3s;
    color: #fff;
	text-decoration: none;
    box-sizing: border-box;
    display: table;
    margin: 0 auto;*/
	
	
	border: 1px solid #fff;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    box-sizing: border-box;
    margin: 0 auto;
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: 2rem;
    position: relative;
    z-index: 2;
    will-change: transform, filter;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: #52A0FD;
    background: -webkit-gradient(linear, left top, right top, from(#52A0FD), color-stop(80%, #00e2fa), to(#00e2fa));
    background: linear-gradient(to right, #115ca0 0%, #2ca2fc 80%, #115ca0 100%);
}

.btn:hover {
    background: white;
    cursor: pointer;
	border: 1px solid #115CA0;
    transition: 0.3s;
	color: #3d3d3d;
}

.h_choise {
    width: 13rem;
    float: left;
    position: absolute;
    right: 4rem;
    top: 1rem;
}

a.glink {
    width: 100%;
    display: table;
    float: left;
    line-height: 2;
    font-weight: normal;
}



.h_choise ul {
    display: none;
	position: absolute;
    background: white;
    border-left: 1px solid #115CA0;
    border-right: 1px solid #115CA0;
    border-bottom: 1px solid #115CA0;
	padding: 1rem;
    box-sizing: border-box;
    width: 13rem;
    top: 2em;
}

.h_choise span.btn {
    width: 13rem;
    box-sizing: border-box;
	text-align: center;

}



.h_choise:hover ul {
    display: block;
    transition: 0.3s;
}

.h_choise:hover .btn {
    background: white;
    cursor: pointer;
    transition: 0.3s;
	color: #115CA0;
}

.h_choise:hover .btn {
    border-radius: 1rem 1rem 0 0;
}

.h_choise ul li {}

.h_choise ul li a {
    color: #3d3d3d;
    font-size: 1.2rem;
    padding: 0.5rem 0;
    font-weight: normal;
    text-decoration: underline;
}

.h_choise ul li a:hover {
    text-decoration: underline;
    text-decoration-color: #115CA0;
}


/*Phead */

section#phead h1 {
	color: white;
    font-size: 2rem;
    text-transform: uppercase;
}

section#phead h2 {
	color: white;
    font-size: 3rem;
    line-height: 1;
    margin: 1rem 0;
}


/*Menu*/

header nav {
    position: absolute;
    right: 28rem;
}

ul#menu-topmenu {
    display: table;
    float: left;
}



nav {
    display: table;
    float: left;
    padding: 0;
}

nav ul {
    list-style: none;
    display: block;
	
}

nav ul li a {
    color: #3d3d3d;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    font-size: 1rem;
    float: left;
    margin: 0;
}


nav ul li {
	position: relative;
    float: left;
    margin: 0 1rem;
	transition:all 0.3s;
	border-bottom: 2px solid #115CA0;
}


header nav ul li:hover {
    background-color: white;
}

nav ul ul {
    display: none;
    position: absolute;
    width: 20rem;
    left: 0;
    top: 1.6rem;
    padding: 1rem;
    -webkit-box-shadow: 0 0 3px rgba(122, 122, 122, 1);
    box-shadow: 0 3px 3px rgba(122, 122, 122, 1);
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    transition-delay: 100ms;
    background: white;
    z-index: 1;
}

nav ul ul a {
	color: #3d3d3d;	
}

nav ul li a:hover {
    color: #1567ae;
}

nav ul li:hover ul {
    display: block;
}

nav ul ul li {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    display: table;
    box-sizing: border-box;
    text-align: center;
    border: none;
}

nav ul ul a {
    color: #3d3d3d;
    background: none !important;
    padding: 0.5em 1em !important;
    float: left;
    width: calc(100% - 1em);
    text-align: left;
    margin: 0 !important;
	font-weight: normal;
}

nav ul ul li:hover a {
    color: #115CA0;
}

li.current-menu-item>a, li>a:hover {
    text-decoration: none;
    color: #2a2200;
}


nav.whitebg {
    float: right;
    margin: 1em 0 0 0;
    font-size: 0.9vw;
}

nav.whitebg ul li a {
	color: #3d3d3d;
    padding:0 0 0 2em;
    margin: 0;
    font-weight: lighter;
}


div#tophmenu.whitebg {
    position: relative;
    float: right;
    right: 0;
    top: 0;
    padding: 0;
}

nav.whitebg ul li {
    padding: 0;
    position: relative;
    float: left;
}

nav.whitebg ul li a:hover, nav.whitebg ul li.current-menu-item>a {
color: #bb2726 !important;
}


/*Top page*/

li.listcats {
    text-align: center;
    padding: 1rem;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
}

li.listcats:hover {
    box-shadow: 0 0 10px grey;
}

li.listcats a {
    text-decoration: none;
}

li.listcats h2{
    font-size: 1em;
}

/*Tp about*/

span.about_title {
	background-image: url(http://goodjobindustry.com/wp-content/uploads/special_offer_text_bg.jpg);
    font-size: 4.5rem;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-clip: text;
    transition: color .3s ease-in-out;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    text-align: center !important;
    display: table;
    line-height: 1;
    margin: 0 0 5rem;
	text-transform: uppercase;
}

span.about_title2 {
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
	margin: 0 auto;
    display: table;
}

span.about_name {
    font-size: 2rem;
    display: table;
    text-transform: uppercase;
	margin: 0 auto;
    display: table;
}

/*Map*/

span.map_title {
    font-size: 2rem;
    font-weight: bold;
    display: table;
    margin: 0 auto;
    text-align: center;
}

span.map_descr {
    font-size: 2rem;
    display: table;
    margin: 0 auto;
    text-align: center;
}

.row100.map {
    margin: 2rem auto 0;
}


.map-svg {
    width: 1000px;
    margin: 0 auto;
	position: relative;
	color: white;
}
.map-svg h2, .map-svg p {

	color: #3d3d3d;
}


.map_city {
    position: absolute;
	text-align: center;
}
span.map_icon {
    color: #58ab43;
    font-size: 2rem;
    float: none;
    display: table;
    text-align: center;
    width: 100%;
}

span.map_cname {
    float: none;
    color: white;
    text-shadow: 0 0 3px black;
}

.map_ctext {
    display: none;
}


.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.centered-y {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}


.distribution-map {
  position: relative;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
.distribution-map > img {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}
.distribution-map .map-point {
  cursor: pointer;
  outline: none;
  z-index: 0;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
  -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
  -webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
  background: #fff;
    border: 5px solid #ea1d1d;
}
.distribution-map .map-point .content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  width: 100%;
  height: 100%;
  left: auto;
  -webkit-transform: translateX(-0%);
  transform: translateX(-0%);
  overflow: overlay;
}
.distribution-map .map-point:active, .distribution-map .map-point:focus {
  margin: 0;
  padding: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  width: 300px;
  height: 220px;
  color: #e5e5e5;
  z-index: 1;
  -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
}
.distribution-map .map-point:active .content, .distribution-map .map-point:focus .content {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
  -webkit-transition-delay: 0.25s, 0s, 0s;
  -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out 0.25s, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
  overflow: hidden;
}
.distribution-map .map-point:active .content a:hover, .distribution-map .map-point:active .content a:active, .distribution-map .map-point:focus .content a:hover, .distribution-map .map-point:focus .content a:active {
  color: #afe1fa;
}


/*action*/

section#action {
background: #e8e8e8;
position: relative;
padding: 8rem 0;
}

.action_logo {
    position: absolute;
    top: 0;
    background: #115CA0;
    padding: 1rem 0;
}

span.action_titile {
    color: #c6c820;
    font-size: 2.5rem;
    line-height: 1;
    padding: 5rem 0 0 0;
    display: table;
}

/*News */

.news_block {
    padding: 2rem;
    display: table;
    text-align: center;
	width: 100%;
    box-sizing: border-box;
}

a.news_thumblink {
    height: 12rem;
    display: table;
    width: 100%;
    position: relative;
}

.news_thumb {
    width: 100%;
    height: 100%;
	border-top: 1px solid grey;
}

span.news_date {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    background: #115CA0;
    padding: 0.5rem;
}

.news_text {
    width: 80%;
    margin: -1rem auto 0 auto;
    z-index: 99;
    background: white;
    position: relative;
}


.news_cat {
    padding: 2rem 0 0 0;
}

/*Call form*/

.callform {
 
}

div#cf_text h2 {
    font-size: 2em;
    color: #fff;
}

div#cf_text p {
    font-size: 1.5em;
    color: #fff;
}

div.wpcf7 p {
    color: white;
    font-size: 1.2em;
}
div.wpcf7-response-output {
    color: white;
}

span.wpcf7-not-valid-tip {
    color: #fff;
    font-size: 0.7em;
    font-style: italic;
    font-weight: 100;
    display: block;
}

textarea {
    resize: none;
    width: 100%;
}


.callback {
  perspective: 1000px;
  visibility: hidden;
  transition: visibility 0s 0.6s;
}
.callback, .callback .overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
      z-index: 9999;
  bottom: 0;
}
.callback .overlay {
  cursor: default;
  background-color: transparent;
  transition: background-color 0.3s 0.3s;
}
.callback:target {
  visibility: visible;
  transition: visibility 0s 0s;
}
.callback:target .overlay {
  background-color: rgba(0, 0, 0, 0.7);
  transition: background-color 0.3s 0s;
}
.callback:target form {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%) rotateX(0deg);
  max-width: 500px;
  transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, max-width 0.3s 0.3s ease-out, transform 0.3s 0.3s ease-out;
}
.callback:target form .close {
  transition: transform 0.3s 0.6s ease-out;
  transform: scale(1) rotate(0deg);
}
.callback form {
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s ease-in, max-width 0.3s 0s ease-in;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0) rotateX(-90deg);
  background-color: #115CA0;
  width: 100%;
  max-width: 300px;
  padding: 0 2rem;
  border-radius: 7px;
  box-sizing: border-box;
}
.callback form, .callback .close {
  box-shadow: 0 0 16px 5px rgba(0, 0, 0, 0.3);
      z-index: 9999;
}

.callback form header + input {
  border-radius: 7px 7px 0 0;
  border-bottom: 5px solid rgba(85, 64, 12, 0.8);
}
.callback form header + input + input {
  border-radius: 0 0 7px 7px;
}
.callback form input {
    width: 100%;
    box-sizing: border-box;
	padding: 1em;
    border-radius: 0.7em;
    outline: none;
    border: none;
    background-color: #fff;
    transition: 0.3s background-color;
    display: block;
}
.callback input:focus {
  background-color: rgba(255, 255, 255, 0.8);
}


.callback form select {
    width: 100%;
    box-sizing: border-box;
    padding: 1em;
    border-radius: 0.7em;
    outline: none;
    border: none;
    background-color: #fff;
    transition: 0.3s background-color;
    display: block;
}

.callback .close {
    width: 40px;
    height: 40px;
    display: table;
    position: fixed;
	z-index: 99999;
    right: 20px;
    top: 20px;
    background-color: #115CA0;
    border-radius: 50%;
    /* transform: scale(0) rotate(-360deg); */
    transition: transform 0.3s 0s ease-out;
}
.callback .close:before, .callback .close:after {
  content: "";
  position: absolute;
  width: 60%;
  height: 2px;
  background-color: #fff;
  top: 50%;
  left: 20%;
  transition: transform 0.3s;
}
.callback .close:hover:before, .callback .close:hover:after {
  transform: rotate(0deg);
}
.callback .close:before {
  transform: rotate(45deg);
}
.callback .close:after {
  transform: rotate(-45deg);
}

div#cf_form {

}

/*Slider*/

.nivo-caption {
    position: absolute !important;
    left: 7rem !important;
    bottom: 7rem !important;
    top: auto !important;
    background: rgba(0, 190, 84, 0.8) !important;
    width: 30rem !important;
    font-size: 1.5em !important;
    line-height: 2 !important;
    opacity: 1 !important;
    padding: 2rem !important;
}

.nivo-caption h3 {
    color: white !important;
    font-size: 2rem !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}




/*Sidebar*/

.widget_left {
    margin: 0 2rem 2rem 0;
}

aside {
    padding: 0 0 0 1rem;
}


aside li {
    width: 100%;
	position: relative;
}

aside li a {
    font-size: 1rem;
    font-weight: normal;
    text-decoration: none;
    width: 100%;
    line-height: 2;
    margin: 0 0.5rem;
    display: table;
    border-bottom: 1px solid #115CA0;
    color: #3d3d3d;
}

aside li a:hover {
    border-bottom: 1px solid #115CA0;
    color: #000;
	transition: all 0.3s;
	text-decoration: none;
}

aside span.count {
    position: absolute;
    right: 0;
    top: 0;
}

aside ul.children {
    padding: 0 0 0 1rem;
}



/*product page*/

.prod-info, .prod-meta{
    background: white;
    padding: 1rem;
    margin: 2rem 1rem;
    box-shadow: 0 0 5px #c2c2c2;
    border-radius: 0.5rem;
}

.prod-info .item {
    width: 100%;
    height: 25rem;
	text-align: center;
}

.prod-info .owl-carousel .item img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    text-align: center !important;
    margin: 0 auto !important;
	max-height: 100%;
    max-width: 100%;
}

span.stateicon {
    width: 2rem;
    height: 2rem;
    margin: 1rem 0.5rem 1rem 0;
    display: table;
    float: left;
}

span.statename {
    float: left;
    margin: 1rem 0;
    display: table;
    line-height: 2;
    font-weight: bold;
}


span.nostock-icon {
    text-align: center;
    margin: 0 auto;
    color: red;
    font-size: 2rem;
    line-height: 1;
}


span.instock-icon {
    text-align: center;
    margin: 0 auto;
    color: #32e713;
    font-size: 2rem;
    line-height: 1;
}

table.prod-table {
    margin: 2rem 0;
}

.prod-skutext {
    text-align: center;
    margin: 1rem 0;
}

span.prod-skutitle {
    font-weight: bold;
}

ul.tabs.wc-tabs {
    display: table;
    float: left;
    text-align: center;
    width: 100%;
    height: auto;
}

ul.tabs.wc-tabs a {
    font-size: 1rem;
    padding: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    color: grey;
	background: #e0e0e0;
}

ul.tabs.wc-tabs li {
    float: left;
    display: table;
}

div.woocommerce-Tabs-panel {
    display: table;
    background: white;
    padding: 1rem;
    margin: 2rem auto;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 0 0 5px #c2c2c2;
    border-radius: 0 0 0.5rem 0.5rem;
}

section.related.products {
    background: white;
    box-shadow: 0 0 5px #c2c2c2;
    border-radius: 0.5rem;
    padding: 1rem;
}

ul.tabs.wc-tabs li.active a {
    background: white;
    border-top: 3px solid #115CA0;
}

.prod-summary {
    display: table;
    width: 100%;
    position: relative;
    padding: 0 1rem;
    margin: 0 auto;
    box-sizing: border-box;
}

.prod-order {
    display: table;
    width: 100%;
    text-align: center;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    padding: 1rem 0 2rem;
}

span.prod-ordertext {
    font-size: 1rem;
    padding: 0 0 1rem;
    display: table;
    font-weight: bold;
    color: #747474;
}

.prod-category {
    text-align: center;
}

.prod-category a {
    color: #6b6b6b;
    font-weight: normal;
}

.prod-info h2 {
    font-size: 2.5rem;
    line-height: 1;
}

a.prod-iconlink {
    color: #3d3d3d !important;
    text-decoration: none;
}
a.row25f.prod-icons.prod-iconlink:hover {
    box-shadow: 0 0 3px grey;
}

.prod-icon {
    text-align: center;
    font-size: 3rem;
	padding: 2rem 0 1rem;
}

span.prod-icontitle {
    display: table;
    text-align: center;
    margin: 0 auto;
    font-size: 1.3rem;
}

span.prod-icontext {
    display: table;
    text-align: center;
    margin: 0 auto;
    color: #868686;
    font-weight: normal;
}

.row25f.prod-icons {
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
    margin: 0.5rem;
    border-radius: 1rem;
    flex-basis: calc(25% - 1rem);
    width: calc(25% - 2rem);
}

.prod-image {
    max-width: calc(100vw - 8rem);
}

/*catalog page*/

.catalog-thumb {
    width: 100%;
    height: 12rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

li.row33f.catalog-item article {
    text-align: center;
    box-shadow: 0 0 3px grey;
    margin: 1rem;
    display: table;
    height: auto;
    width: calc(100% - 2rem);
    border-radius: 0.5rem;
	padding: 0.5rem 0;
}

.catalog-item a {
	
	text-decoration: none;
}

.catalog-text {
    height: 3rem;
}

.catalog-text h3 {
    font-size: 1rem;
}

nav.woocommerce-pagination {
    margin: 0 auto;
    display: table;
    float: none;
}


/*Footer*/

footer {
    background-color: #1e2b3a;
    padding: 3rem 0 1rem;
    border-top: 1px solid black;
    width: 100%;
	color: #fff;
}


footer p {
 color: #fff;
}

footer h4 {
    color: white;
    text-align: center;
    margin: 0;
    line-height: 2;
    padding: 0;
}

footer h3 {
    font-size: 1.5em;
    color: #fff;
    font-weight: bold;
    padding: 1rem 0;
    margin: 1rem 0;
}

footer h3:after {
	display: none;
}

footer ul {
    padding: 0;
    list-style: none;
    line-height: 2;
}

footer ul li {
    margin: 0.5em 0;
    width: 100%;
    float: left;
    border: none;
}

footer ul li a {
    margin: 0 ;
    text-decoration: none;
    font-weight: bold;
	font-size: 15px;
	color: #797f85 !important;
	font-weight: normal;
}

footer  li.current-menu-item>a, footer  li>a:hover {
    color: #fff!important
}

footer ul li .svg-inline--fa {
    color: #bb2726;
    margin: 0 0.25em 0;
}


a.fcont {
    float: none;
    width: 100%;
    display: table;
    line-height: 2;
    color: white;
    letter-spacing: 1px;
    text-align: left;
    text-decoration: none;
}


span.ficon {
    width: 2rem;
    display: table;
    float: left;
    text-align: left;
}

span.fsicon {
    width: 3rem;
    height: 3rem;
    display: table;
    float: left;
    font-size: 1.3rem;
    border: 1px solid #aaaab8;
    margin: 0 1rem 0 0;
    text-align: center;
    line-height: 3rem;
    border-radius: 5px;
    color: #aaaab8;
	transition: all 0.3s;
}

span.fsicon:hover {
	background: #aaaab8;
    color: #fff;
	transition: all 0.3s;
}

.row100.bootom_b {
    padding: 1rem 0;
    border-top: 1px solid #dfdfdf;
    margin: 2rem auto 0;
}

#author {
    display: block;
    text-align: center;
    float: left;
}
#author a {
    color: #dfdfdf;
    font-weight: bold;
}

span.author_logo img {
    height: 1em;
}

footer p {
    color: #797f85;
    line-height: 1.5;
}

span.author_logo {
    padding: 0em 1em 0em 0em;
    display: block;
    float: left;
    line-height: 2em;
    border-right: 2px solid grey;
}

span.author_text {
    float: left;
    display: block;
    line-height: 2em;
    padding: 0 0 0 1em;
}

.grecaptcha-badge {
    opacity: 0;
}


ul.product_list_widget img {
    width: 4rem;
    float: left;
}

ul.product_list_widget li {
    width: 100%;
    float: left;
}

ul.product_list_widget span.product-title {
    font-size: 1rem;
    padding: 0.5rem;
    color: white;
    line-height: 3;
}

ul.product_list_widget li {
    width: 100%;
    float: left;
    text-decoration: none;
    border: none;
}

footer ul.sub-menu {
    display: none !important;
}

.author_link {
    text-align: center;
}


/*Mobile*/

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 999999999999 !important;
    display: none;
}

@media screen and (max-width: 1000px) {
	
div#phone-req {
    position: fixed;
    right: 1.2rem;
    bottom: 8rem;
    left: auto;
    top: auto;
    display: table;
    z-index: 9999;
}

	/*Rows mobile*/
	
	#row30f {
    flex-basis: calc(100% / 3);
    box-sizing: border-box;
    flex-basis: 100%; 
	    width: 100%;
    float: left;
}

.flex100f {
    width: 100% !important;
}

.row100 {
    width: 100% !important;
}

.row50f {
    width: 100% !important;
}

.row66f, .row33f, .row50f, .row25f  {
    width: 100% !important;
    padding: 1em !important;
    flex-basis: 100% !important;
}

.row16f {
    width: 50% !important;
    padding: 0 1em !important;
    flex-basis: 50% !important;
}

li.cards_item.row25f {
    max-width: 80%;
    margin: 1em auto;
}

section#whyus .row25f {
    border: none !important;
}

section#calltoaction:before {
	display: none !important;
}

section#calltoaction {
    text-align: center;
}

section#calltoaction h2 {
    font-size: 2rem;
    margin: 0rem 0 1rem;
    font-weight: 300;
}

section.first {margin: 100px 0 0 0;}

	
.ct_adrtext {
    margin: 1rem;
}

a.btn.callback-btn.btn_white.tp_callback {
    margin: 1rem auto !important;
    float: none !important;
}


a.ca_phone {
    text-align: center !important;
}

#about .row50f:first-child:after, #about .row50f:last-child:before {
	display: none !important;
}

#garanty span.wh_text {
    display: table;
    margin-top: -4rem;
    display: table;
    padding: 0 0 0 4rem;
    font-weight: bold;
    width: auto;
    line-height: 1.5;
    font-size: 1.1rem;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

section#pageheader {
    padding: 5em 1em 1em;
}

h2.pagetitle {
    font-size: 3em;
    line-height: 1.2em;
    font-weight: normal;
    margin: 0;
}

#row50, .row50, #row30, .row30, .row70, #row70 {
    float: none;
    width: calc(100% - 2em);
    margin: 0 auto;
}


div#mobheader {
    width: 100vw;
    top: 0;
    left: 0;
    right: 0;
}

header.mobh {
    position: fixed;
    z-index: 99999;
    top: 0px;
    width: 100vw;
    height: 4em;
    background: #ffffff;
    box-shadow: 0 0 3px black;
}

div#moblogo {
    width: 10em;
    position: fixed;
    z-index: 99999;
    top: 1em;
    left: calc(50% - 5em);
}

div#tp_logo {
    max-width: 300px;
    width: 50%;
}

.topphone {
    position: fixed;
    top: 0.5em;
    left: 0.5em;
    font-size: 2em;
}



/*mobilemenu*/

div#mobTopnav nav {
    position: fixed;
background: #47414f;
    padding: 1em;
    top: 5em;
    overflow-y: scroll;
    overflow-x: hidden;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
} 

div#mobTopnav a.icon {
    position: fixed;
    right: 0.5em;
    top: 0.5em;
    color: #115CA0;
    font-size: 2em;
}

span.clicon {
    display: none;
}

.mobactive span.clicon {
    display: block;
}
.mobactive span.menuicon{
    display: none; 
}


div#mobTopnav nav {
    display: none;
}

div#mobilehead #logo {
    padding: 1em;
}

div#mobilehead {
    position: fixed;
    background: white;
    z-index: 999;
    width: 100%;
    top: 0;
	box-shadow: 0px 0px 5px grey;
}

.mobactive nav {
    display: block !important;
}

div#mobTopnav ul ul {
	padding: 0;
    display: block;
    position: relative;
    overflow: hidden;
    border: none !important;
    font-size: 0.8em;
    text-align: center;
    background: none;
    box-shadow: none;
    float: left;
    width: auto;
    top: 0;
	width: 100%;
}

div#mobTopnav ul ul li {
    margin: 0 !important;
}

div#mobTopnav ul ul ul{
    padding: 0 0 0 1em;
}


div#mobTopnav nav a {
    text-decoration: none;
    font-size: 1em;
    color: #fff;
    font-weight: normal;
}

div#mobTopnav ul.sub-menu ul.sub-menu {
	display: none; 
    left: 0;
    position: relative;
    width: auto;
    top: 0;
    margin: 0;
    height: auto;
    background: no-repeat;
}
div#mobTopnav li {
    margin: 0.5em 0;
	border: none;
}


span.toogleclose {
    display: none;
}

.menu-item.open .toggle-sub-menu  span.toogleclose  {
	
	display: block;
}

.menu-item.open .toggle-sub-menu  span.toogleopen  {
	
	display: none;
}

#mobTopnav nav li {
    position: relative;
	    width: 100%;
}

.toggle-sub-menu {
position: absolute;
    right: 0;
    top: 0;
    width: 2em;
    height: 2em;
    color: white;
    line-height: 2em;
    text-align: center;
    background: #3e66c5;
}
 ul.sub-menu {
    display: none;
}

.menu-item.open  ul.sub-menu {
    display: block;
}
ul.sub-menu .toggle-sub-menu {
    display: none;
}


div#mobTopnav ul.sub-menu{
    border-right: 2em solid #3e66c5;
}

.mobtopnav ul {
    list-style: none !important;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 1.3em;
    font-weight: bold;
    overflow-x: hidden;
	overflow-y: hidden;
	float: left;
    display: table;
}

nav ul li:hover {
    background-color: #ffffff00 !important;
}


.team_grid li.row33f {
    flex-basis: 28%;
    margin-right: 0;
    margin: 1em !important;
    cursor: pointer;
    transition: 0.5s;
    position: relative;
    box-shadow: 0px 7px 12px #515151;
    padding: 0;
}

section#garanty article ol li {
    line-height: 3rem;
    height: auto;
}


span.about_title{font-size: 2.5rem; margin: 0 0 3rem;}
 
table {
    max-width: calc(100vw - 4em);
    overflow-x: scroll;
    display: flex;
}

table.prod-table {
    overflow: hidden;
}


article {
    padding: 2rem;
    box-sizing: border-box;
}

aside {
    padding: 0 1rem;
    box-sizing: border-box;
}

.pheadmob {
    padding: 4rem 0 0 0;
    text-align: center;
    width: 100%;
    display: table;
}

section {padding: 0em 0;}
	
h3 {
    font-size: 1.2rem;
    line-height: 1;
    margin: 0.5em 0;
}

h1 {
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #1465ac;
}
	
	
} 


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




}