img.forCahs{
	display:none;
}
html, body{
	
	min-width: 305px;
	overflow-x: hidden;
	
	overflow-y: hidden;
	/*display:flex;
	height: 100%; 
	flex-direction:column; 
	justify-content:flex-start;
	align-items:stretch;*/

}
header{
	padding: 50px 0 50px 0;
	margin-bottom: 10px;
	width:100%;
	/*height: 10%;*/
}

header button{
	width:100%;
	height: 50px;
	text-transform: uppercase;
	border:none;
	float:right;
	background-color: lightgray;
	color:gray;
	font-family: "RobotoCondensedRegular";
	font-size: 16px;
	transition: 0.2s;
	text-align: center;
	z-index:50;

}

header button.active{
	background-color: #1478C7;
	color:white;
	transition: 0.2s;
	cursor: pointer;
	text-align: center;
}

button.deactivated{
	opacity: 0.3;
	transition: 0.2s;
	cursor: pointer;
	text-align: center;
}

/*header button#opened{
	margin-right: 15px;
}*/
.container-fluid{
	padding-left:30px;
	padding-right:30px;
}
section{
	height:80%;
}
section h1{
	/*text-transform: uppercase;*/
	font-family: "RobotoCondensedBold";
	font-size: 50px;
	line-height: 60px;
	margin-bottom: 10px;
	width:100%;
}

h1 sup {
    font-size: 14px;
    top: -30px;
}

h2{
	/*text-transform: uppercase;*/
	font-family: "RobotoCondensedLight";
	font-size: 42px;
	line-height: 70px;
	color:#4B4B4B;
}

div.flex-wrapper.left{
	width:100%;
	height:100%;
}

div.table-wrapper{
	width:100%;
	/*height: auto;*/
	overflow:hidden;
}
div.flex-wrapper.right{
	height:100%;
}

div.block-text{
	padding-right: 65px;
	width:100%;
}
div.flex-wrapper.right p{
	font-family: "RobotoCondensedLight";
	font-size: 22px;
	line-height: 40px;
	color:#4b4b4b;
	width:100%;
	font-weight:300;
}

h1 span{
	color: #1478C7;
}

.borderless td, .borderless th {
    border: none;
}

table{
	color:#333;
}

table th{
	font-weight: 400;
}

div.fr{
	float:right;
}

div.center{
	text-align:center;
}

footer{
	color: lightgray;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-family: "RobotoCondensedRegular";
	font-size: 11px;
}

footer a{
	color: lightgray;
	transition:0.2s;
}

footer a:hover{
	color: #1478C7;
	text-decoration: none;
	transition:0.2s;
}

footer a:focus{
color: lightgray;
}


div.img-container{
	height: 100%;
}
img.gas{
	height:650px;
	/*height:100%;*/
	width:auto;
}

div.flex-wrapper{
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: flex-start;

	/* safari */
	display: -webkit-flex;
	-webkit-flex-direction:column;
	-webkit-justify-content: center;
	-webkit-align-items: flex-start;

	/* ie */
	display: -ms-flexbox;
	-ms-flex-direction: column;
	-ms-flex-pack: center;
	-ms-flex-align: start;


}

small{
	font-size: 11px;
}
.table > thead > tr > th{
	border: none !important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	border:none !important;
}
table small{
	color:gray;
}

div.opened{
	display:none;
}

div.menu-wrapper{
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: flex-start;

	/* safari */
	display: -webkit-flex;
	-webkit-flex-direction:column;
	-webkit-justify-content: center;
	-webkit-align-items: flex-start;

	/* ie */
	display: -ms-flexbox;
	-ms-flex-direction: column;
	-ms-flex-pack: center;
	-ms-flex-align: start;

	position:fixed;
	right:0;
	height:100%;
	/*background-color: rgba(255, 255, 255, 0.5);*/
	/*background-color: rgba(10, 79, 200, 0.5);*/
	z-index:10;
	width:40%;
	/*visibility:hidden;*/
}

div.mouseleave{
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: flex-start;

	/* safari */
	display: -webkit-flex;
	-webkit-flex-direction:column;
	-webkit-justify-content: center;
	-webkit-align-items: flex-start;

	/* ie */
	display: -ms-flexbox;
	-ms-flex-direction: column;
	-ms-flex-pack: center;
	-ms-flex-align: start;

	position:fixed;
	right:0;
	height:100%;
	width:100%;
	z-index:10000000;
}





.blur{
	-webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -ms-filter: blur(6px);
    -o-filter:blur(6px);
    filter: blur(6px);
    overflow: hidden;
    transition:0.2s;
}

ul.social{
	list-style-type: none;
	float:right;
	margin-bottom: 0;
}
ul.social li{
display:inline;
}
ul.social li a{
padding: 0 10px 0 0;
}

ul.menu{
	position:absolute;
	direction: rtl;
	right:10px;
	width:100%;
	list-style-type: none;
	font-family: "RobotoCondensedRegular";
	font-size:18px;
}

ul.menu{
	opacity: 0;
	visibility: hidden;
	z-index:12;
}

ul.menu li{
	z-index:25;
	/*transition: 0.5s;*/
}

ul.menu li:hover{
	color: #1478C7;
	/*transition: 0.5s;*/
}

ul.menu li.active {
    color: #1478C7;
    /*transition: 0.5s;*/
}

div.menu-line-wrapper{
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: flex-start;

	/* safari */
	display: -webkit-flex;
	-webkit-flex-direction:column;
	-webkit-justify-content: center;
	-webkit-align-items: flex-start;

	/* ie */
	display: -ms-flexbox;
	-ms-flex-direction: column;
	-ms-flex-pack: center;
	-ms-flex-align: start;



	position:fixed;
	right:0;
	height:100%;
	z-index:12;
	width:60px;
}

ul.menu li {
    /*list-style-type: none; */
    /*list-style-image: url('../img/Line_-_NOActive.png');*/
    height: 22px;
   	/*padding: 10px 23px 10px 0;*/
   	padding-right: 30px;
    margin-bottom: 15px;
    /*padding: 7.5px 30px 7.5px 0;*/
    list-style-position: outside;
    cursor:pointer;
}



ul.menu-line{
	position:absolute;
	/*right:60px;*/
	direction: rtl;
	right:-10px;
	width: 50px;
	list-style-type: none;
	margin-top: 2px;
	/*height: 30px;*/
}


ul.menu-line li.active {
    /*list-style-type: none; */
    background: url('../img/Line_-_Active.png') 100% 10px no-repeat;
    padding-right: 45px;
    color: #1478C7;
}

ul.menu-line li {
    /*list-style-type: none; */
    /*list-style-image: url('../img/Line_-_NOActive.png');*/
    background: url('../img/Line_-_NOActive.png') 100% 10px no-repeat;
    height: 22px;
   	/*padding: 10px 23px 10px 0;*/
   	padding-right: 30px;
    margin-bottom: 15px;
    list-style-position: outside;
    cursor:pointer;
}

ul.oml{
	opacity: 0;
}


div.circle{
	width:20px;
	height:20px;
	border-radius: 10px;
	border: 1px solid white;
	z-index:5;
	position:absolute;
	cursor:pointer;
	transition: 0.2s;
	background: url('../img/center-dot.png') 50% no-repeat;
}

div.circle:hover{
	-webkit-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2); 
	transform: scale(1.2, 1.2);
	/*border-radius: 13px;*/
	transition: 0.2s;
}

div.circle.active{
	-webkit-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2); 
    transition: 0.2s;
    border: unset;
    background-image: none;
    background-color: orange;
}


div#op1{
	/*top:228px;*/
	top: 35%;
	left:42%;
}

div#op2{
	/*top:265px;*/
	top: 40%;
	left:30%;
}

div#op3{
	/*top:370px;*/
	top: 57%;
	left:29%;
}

div#op4{
	/*top:580px;*/
	top:73%;
	left:42%;
}

div#op5{
	/*top:155px;*/
	top:23%;
	left:40%;
}

div#op6{
	/*top:300px;*/
	top: 45%;
	left:80%;
}

div#op7{
	/*top:340px;*/
	top:52%;
	left:25%;
}

div#op8{
	/*top:350px;*/
	top:54%;
	left:38%;
}

div#op9{
	/*top:350px;*/
	top:25%;
	left:82%;
}

/* classes added point */
.invis{
	display:none;
}

div.ooo.op7{
	top: 40%;
	left: 45%;
	background-color: orange;

	width:20px;
	height:20px;
	border-radius: 10px;
	border: 2px solid orange;
	z-index:5;
	position:absolute;
	cursor: pointer;
	transition: 0.2s;
}

div.circle-wrapper{
	height:auto;
	z-index:3;
	position:absolute;
}



div#ot1{
	display:block;
}

div#ot2, div#ot3, div#ot4, div#ot5, div#ot6, div#ot7, div#ot8, div#ot9 {
	display:none;
	opacity: 0;
}


div#cp1{
	/*top:228px;
	left:123px;*/
	/*top:228px;*/
	top: 35%;
	left:26%;
}
div#cp2{
	/*top:330px;*/
	top: 50%;
	left:10%;
}

/*div#cp3{
	
	
	top: 85%;
	left:20%;
}*/

div#cp3{
	top: 22%;
	left:75%;
}

div#cp4{
	/*top:160px;*/
	top: 24%;
	left:27%;
}

div#cp5{
	/*top:250px;*/
	top: 38%;
	left:50%;
}

div#cp6{
	/*top:300px;*/
	top: 45%;
	left:89%;
}

div#cp7{
	/*top:325px;*/
	top: 50%;
	left:80%;
}

div#cp8{
	/*top:520px;*/
	top: 80%;
	left:30%;
}

div#cp9{
	top: 42%;
	left: 26%;
}

div#cp10{
	/*top:225px;*/
	top: 34%;
	left:13%;
}


div#ct1{
	display:block;
}

div#ct2, div#ct3, div#ct4, div#ct5, div#ct6, div#ct7, div#ct8, div#ct9, div#ct10{
	display:none;
	opacity: 0;
}

#table-toggle{
	width:100%;
	text-align: center;
	padding: 10px 0 10px 0;
	text-transform:uppercase;
	font-family:"RobotoCondensedLight";
	font-size: 20px;
	display:none;
	cursor:pointer;
}

div.opened, div.closed{
	overflow-y: hidden;
}

div.circle-wrapper{
	height:100%;
}



/*img#closed-gas{
	visibility:hidden;
	height:0;
}*/

.unvisible{
	visibility: hidden;
}

.mega-top{
	z-index: 8;
}

div.menu-line-wrapper{
	cursor:pointer;
}

.text-image{
	height: 150px;
	width: auto;
}

.headerxs{
	z-index: 99999999999999999999;
	position: fixed;
	width:100%;
	text-align: center;
	top: 40px;
	left:0;
}

.headerxs h1{
	width:100%;
	z-index: 99999999999999999999;
	position: fixed;
	text-align: center;
	/*padding-top: 20px;*/
	top:0;
	/*text-transform: uppercase;*/
	font-family: "RobotoCondensedBold";
	font-size: 60px;
	line-height: 80px;
	margin-bottom: 30px;
	width:100%;
}



/* All about first loading state*/

ul.omenu{
	visibility: hidden;
}


h1#xs-title{
	display:none;
	opacity: 0;
	
}

/* state toogle icon in footer */
#state-toggle-img{
	cursor:pointer;
	height: 70px;
	width:auto;
}


p.text-icon{
	text-transform: uppercase;
	color: #333;
	margin: 10px 0 0 0;
}

p#opened-text-icon{
	display:none;
}

p#closed-text-icon{
	display:none;
}

div.footer-right-content, div.footer-left-content{
	height:100%;
}

span.subTitle{
	font-family: "RobotoCondensedBold";
	font-size: 26px;
	line-height: 34px;
	width:100%;
	color: #1478C7;
	margin-bottom: 50px;
	/*text-transform: uppercase;*/
}

span.subTitle-xs{
	display:block;
	margin-top:50px;
	font-family: "RobotoCondensedBold";
	font-size: 14px;
	line-height: 20px;
	width:100%;
	display:none;
	opacity: 0;
	color: #1478C7;
	font-size: 16px;
}

sup.h1xs{
	font-size: 14px;
    top: -10px;
}

/* margin classes */

.mrg-t-30{
	margin-top:30px;

}

a.default-link:hover{
	text-decoration-color: #1478C7;
  	text-decoration-line: underline;
}