/* your styles go here */
#head01 { position:absolute; margin:0 auto;  left:25px;}
#head02 { position:absolute; margin:0 auto; left:calc(50.5% - 36px); background-color: transparent; z-index:1000}
#head03 { position:absolute; margin:0 auto;right:25px;}

.fadein { position: static !important; height:100vh; width:100%;overflow:hidden;mix-blend-mode: normal; z-index:1100;display: block;  vertical-align:bottom; opacity:.7}
.fadein svg {fill:rgb(182,182,182);padding:50px; width:100%; height: auto; display:block; position:absolute; bottom:0	}


.ms-section p {	
   font-size:1.35vw;font-family: "Times New Roman", serif; line-height:1.45vw; white-space: normal; font-weight:normal;
}


div.leftblock {margin:0 15% 0 25px; text-align: left}
div.rightblock {margin:0 55px 0 10%;text-align: left}

.col-sm-6 { height:100vh;	text-align:center;}

.col-sm-6 img {
    height: auto!important;
    width:82% !important;
    padding: 0;
	position: relative;
	top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ms-tableCell img {
    height: auto!important;
    width:50vw !important;
      position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.map {
	border:0; width:50vw; height:100vh;
   /* -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);*/
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 2200px)  {

}

 a,a:active,a:link,a:visited, a:hover {
   outline: 0;
   text-decoration:none;
}

.la, .las {
    font-family: 'Line Awesome Free';
    font-weight: 600;
	font-size:62px;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
     max-height: none
 
}
.col-lg-6 {
    width: 75%;
}
.navbar-header {
	height:37px;
    float: none;
    background-color: #fff;
}
.table-responsive {
    border: none;
}
button:focus {outline:0;}
 .navbar-close {
	 border:0;
	 margin:90px auto;
	 position:absolute;
	 left:calc(58.7% - 70px);	 
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-inverse .navbar-toggle {
     border-color: transparent;
	 border: none;
	 background-color: transparent;

}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: transparent;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
	border: none;

}
.nav {
    padding:3px 0 0 25px;
    margin-bottom: 0;
    list-style: none;
}
.navbar {
    min-height: inherit;
}
button .navbar-toggle {
	background-color: transparent;
}
.navbar-toggle {
	  display: block; 
    position: relative;
    float: right;
	margin: -2px 0 ;  
 background-color: transparent;
  padding-left:0px;

}
#devider { width:100%; height:300px;}


.loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5150;
	background: rgb(255,255, 255);
}
.loader-container {
	background-color:#fff;
	width: 600px;
	height: 200px;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	height:5px;
	margin: auto;
	text-align: center;
}
.progress { border: 0px ; border-radius: 0px; height: 5px; display:none}
.progress-bar-custom {background: rgba(255,255, 255, 0.7);}


.prjdesc { width:19.6%}
@media (min-width: 2880px) {  
#prjname { margin:0 0 0 calc(10% - 60px); height:auto}

}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {  

  
}
.section-title {position:relative; margin: 0 0 0 15%; height: auto; font-size: inherit;font-family: inherit;text-transform: capitalize; text-decoration:none; z-index:100}
.section-title-links {position:relative; margin: 80px 0 0 15%; height: auto; font-size: inherit;font-family: inherit;text-transform: capitalize ;  text-decoration:none; z-index:100; }
.section-desktop {height: auto; margin-bottom:0}	
.form-control {
	color:#000;
	min-width:50px;
}
.col-md-3-man {
    width: 30%;
	text-align:left;
}
.navbar-static-top {
	position:absolute;
  z-index: 1000;
  border: none;
  	width:100%;
}
.navbar-inverse {
/*	navbar background transparent*/
	background-color: transparent;
    border: none;
	height: auto;
}
#slider-header {
	margin-bottom:-15px;
	z-index:10;	
}
.navbar-inverse .navbar-brand {
    color: #000;
}
.navbar-inverse:hover .navbar-brand:hover {
    color: #000;
}

.navbar-collapse.collapse {
  display: none!important;
  margin-bottom:0;
}
/*inja*/
.navbar-nav {
  float: none!important;
  background-color: #fff;
    height:100vh;
	background-image:url(../images/F.svg);
	background-repeat:no-repeat;
	background-position:30px calc(100% - 45px); background-size: 300px 183px;
   
}
.navbar-nav>li {
  float: none;

}
/*.navbar-nav > li > a {
	padding-left:25px;
    padding-top: 30px;
	line-height:36px;
    padding-bottom:0;
}*/
.navbar-collapse.collapse.in{
  display:block !important;


}
h2 , h3 { font-size:24px;
font-family: inherit;
text-transform: none;
text-decoration:none;
margin-left:calc(15% + 55px);
font-weight: inherit;
}


/* iphone 6, 7, 8 */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
	body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: normal;
    color: #000;
    font-weight: 500;
}
.loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	background: rgb(255,255, 255);
}
.loader-container {
	width:100vw;
	height: 110px;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.progress { border: 0px ; border-radius: 0px; height: 5px; display:none}
.progress-bar-custom {background: rgba(0,255, 255, 0.7);}
#home-slide { margin-top:35px;}
a i.fa,
button i.fa {
  margin: 0 5px;
  font-size:24px;
}

.navbar ul.nav > li > a {
  font-size:30px;
  text-decoration: none;
  color:#000;
  border-bottom: solid 1px #000;

}
.navbar-nav > li > a {
	padding: 22px 0 0 15px;
	line-height:20px;
	height:40px; 
}
.navbar-nav {
  margin: 0 -15px;
}

.section-title {position:relative; margin: 0 0 -6px 15px; height: auto; font-size:27px;font-family:  Helvetica, Arial, sans-serif;text-transform:uppercase;
    text-decoration:none; z-index:100}
.section-title-links {position:relative; margin: 50px 0 0 15px; height: auto; font-size:27px;font-family:  Helvetica, Arial, sans-serif;text-transform:uppercase;
    text-decoration:none; z-index:100; }
.section-desktop {border-bottom: none; height:22px;  margin-bottom:30px}	
	
.navbar-brand img{
	max-width:290px;
	padding-top:30px;
	height:auto
}
.navbar-brand {
	width: auto;
  padding: 28px 0 0 15px;
  font-size: 28px;
  line-height: normal;
  height:50px;
}
.navbar-toggle {
  position: relative;
  float: right;
  margin: 25px 10px 0 0;
  padding:0;
  background-color: transparent;
}

}


/* iphone 6+, 6s+, 7+, 8+ */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: normal;
    color: #000;
    font-weight: 500;
}
.loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 150;
	background: rgb(255,255, 255);
}
.loader-container {
	width:100vw;
	height: 110px;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.progress { border: 0px ; border-radius: 0px; height: 5px; display:none}
.progress-bar-custom {background: rgba(0,255, 255, 0.7);}
#home-slide { margin-top:45px;}

a i.fa,
button i.fa {
  margin: 0 5px;
  font-size:24px;
}

.navbar ul.nav > li > a {
  font-size:30px;
  text-decoration: none;
  color:#000;
  border-bottom: solid 1px #000;

}
.navbar-nav > li > a {
	padding: 22px 0 0 15px;
	line-height:20px;
	height:40px; 
}
.navbar-nav {
  margin: 0 -15px;
}
.navbar-brand img{
	max-width:290px;
	padding-top:30px;
	height:auto
}
.navbar-brand {
	width: auto;
  padding: 28px 0 0 15px;
  font-size: 28px;
  line-height: normal;
  height:50px;
}
.navbar-toggle {
  position: relative;
  float: right;
  margin: 25px 10px 0 0;
  padding:0;
  background-color: transparent;
}

}

/* iphone 5, SE */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: normal;
    color: #000;
    font-weight: 500;
}
.loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 150;
	background: url(../images/empty.gif) 50% 50% no-repeat rgb(255,255, 255);
}
.loader-container {
	width:100vw;
	height: 110px;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.progress { border: 0px ; border-radius: 0px; height: 5px; display:none}
.progress-bar-custom {background: rgba(0,255, 255, 0.7);}
#home-slide { margin-top:40px;}

a i.fa,
button i.fa {
  margin: 0 5px;
  font-size:24px;
}
.navbar ul.nav > li > a {
  font-size:22px;
  text-decoration: none;
  color:#000;
  border-bottom: solid 1px #000;

}
.navbar-nav > li > a {
	padding: 15px 0 0 15px;
	line-height:16px;
	height:30px; 
}
.navbar-nav {
  margin: 0 -15px;
}

.navbar-brand img{
	max-width:290px;
	padding-top:30px;
	height:auto
}
.navbar-brand {
	width: auto;
  padding: 25px 0 0 15px;
  font-size: 22px;
  line-height: normal;
  height:32px;
}
.navbar-toggle {
  position: relative;
  float: right;
  margin: 18px 10px 0 0;
  background-color: transparent;
}
.navbar-inverse { background-color: #fff;}
}
/* iphone X */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

	body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: normal;
    color: #000;
    font-weight: 500;
}
.loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 150;
	background: rgb(255,255, 255);
}
.loader-container {
	width:100vw;
	height: 110px;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.progress { border: 0px ; border-radius: 0px; height: 5px; display:none}
.progress-bar-custom {background: rgba(0,255, 255, 0.7);}
#home-slide { margin-top:45px;}
a i.fa,
button i.fa {
  margin: 0 5px;
  font-size:24px;
}
.navbar ul.nav > li > a {
  font-size:30px;
  text-decoration: none;
  color:#000;
  border-bottom: solid 1px #000;

}
.navbar-nav > li > a {
	padding: 22px 0 0 15px;
	line-height:20px;
	height:40px; 
}
.navbar-nav {
  margin: 0 -15px;
}
	
.navbar-brand img{
	max-width:290px;
	padding-top:30px;
	height:auto
}
.navbar-brand {
	width: auto;
  padding: 28px 0 0 15px;
  font-size: 28px;
  line-height: normal;
  height:50px;
}
.navbar-toggle {
  position: relative;
  float: right;
  margin: 25px 10px 0 0;
  padding:0;
  background-color: transparent;
}
	
	
}
.col-md-3-man p {
	margin-top:6px;   
}
/*@media (min-width: 1024px){
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}
*/
.img-responsive-man {
    display: block;
    width: 100%;
    height: auto;
}
.container {
   width: 100%;
    padding-left: 40px;
    margin-right: 0;
}

@media only screen and (max-device-width: 480px) {
	
}
.testimonials .item .testimonial .text p {
	height:152px;	
	overflow:hidden;
}
.product-barcode {
	color:#000;
	font-size:16px;	
}
.col-xs-7-card {
    width: 10%;
	font-size: 20px;
}
@media only screen and (max-device-width: 320px) {
	/*header { height:22px;}*/
}
@media only screen and (max-device-width: 480px) {
	/*header { height:26px;}*/
	
.testimonials .item {

  height: auto;
}
}

.carousel-control.right { background-image:none; background:none; background-color:transparent}
.carousel-control.left {background-image:none; background:none; background-color:transparent}

.btn-myorder {
  width:100%;
 color: #000;
  background-color: #ffffff;
  border-color: #000;
  text-align:center;
  margin:20px auto;  
}

.btn-myorder:hover,
.btn-myorder:focus,
.btn-myorder:active,
.btn-myorder:visited,
 {
  color: #000;
  background-color: #e6e6e6;
  border-color: #2a7d8c;
}
#contact .heading {

  text-align:right;
}

#text-page p h2{display:inline}
#text-page p { white-space: pre;}
#text-page a { text-decoration:underline}
#text-page a:link, a:visited  {color: #000}
#text-page li { direction:rtl}
#text-page ul { direction:rtl}
/*#text-page.bar2 a:link, a:visited  {color: #fff;}
*/ 
.table {	
    
    width: 100%;
    border-spacing: 3px;	
border-collapse: collapse;	
	}
	
@media only screen and (max-device-width: 480px) {
div.row { margin:0 10px 0 10px;}
.row h1 { font-size:16px}
.col-md-3-man {
    width: 90%;	
}
}
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;	
}
.col-sm-3-man { width:33%; float:left;position:relative;min-height:1px;}
/*.first-footer-col { width:20%;}*/
.box-simple-my {
  text-align: left;
  margin-bottom: 30px;
  min-height:150px;
  background-color:#000;
    color: #0000;
	padding:0 8px 0 8px;
}
.box-simple-my  .icon {
  color: #000;
  border-color: #000;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.box-simple-my  h3 {
  font-weight: normal;
  font-size: 13px;
  direction:rtl;
  text-align:right;
  line-height: normal;
  color: #555555;
  font-weight: 800;
}
.box-simple-my  h3 a {
  color: #fff;  
}
.box-simple-my  p {
  color: #000;
}
.img-responsive-news {
	height:285px;
	width: 285px;
  }
.img-responsive-pages-right {
	max-height:312px;
	width: auto;
	padding:0 10px 10px 0;
	float:left;
  }  
  


.navbar-inverse .navbar-collapse {
border-top-style: none;
box-shadow: none;
box-sizing: border-box;
color: rgb(0, 0, 0);
}
/*.collapse.in {
    display: block;
    visibility: visible;
	border: none;
}*/
.panel-default>.panel-heading {
    color: #000;
    background-color: #fff;
	border:none;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top:none;
	border-bottom: none;
	border: none;
}
.panel-title {
	margin: 10px 0 5px 0;
    font-size:14px;
    color: inherit;
font-family: Helvetica, Arial, sans-serif;	
}
.panel {
    margin-bottom: 10px;
    background-color: #fff;
	border: none;
    -webkit-box-shadow: none;
     box-shadow: none;
}
.panel-body {
	 margin:0; padding:0; border: none
}
.accordion-toggle a, a:visited{
	text-decoration: none;
}
td, th {
    padding: 0;
	vertical-align:top;
}
#prjname { margin:0 0 0 calc(15% - 5px); height:auto}

@media only screen and (min-device-width : 2560px) and (max-device-width : 2880px)  {
/*macbookpro	*/

}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1300px)  {
/*ipad pro	*/
.navbar-brand {   
    font-size: 32px;
    line-height: 30px;
}
.ms-section p {
    /*font-size: 19px;*/
    font-family: "Times New Roman", serif;
    line-height: normal;
    white-space: normal;
    font-weight: normal;
}
.navbar ul.nav > li > a {
    font-size: 32px;
    line-height:50%;
}
}
@media only screen and (min-device-width : 1300px) and (max-device-width : 1600px)  {
/*	*/

}
@media only screen and (min-device-width : 1600px) and (max-device-width : 1900px)  {
/*	*/


}
@media only screen and (min-device-width : 1900px) and (max-device-width : 2050px)  {
/*ipad3	*/


}
.mycolumn {
	width:90%;
	margin:10px 0;
	color:#fff;
	font-size:40px;
}

.mycolumn01 {
	width:91.5%;
	padding-left:10px;

}


.myrow {
    display: table;
    width:85%; /*Optional*/
    table-layout: fixed; /*Optional*/
    border-spacing:1px; /*Optional*/
}
.mycolumn1 , .mycolumn2 , .mycolumn3 {
	padding:5px 0 0 5px;
    display: table-cell;
	color:#fff;
	font-size:40px;
}
.mycolumn3 { padding-left:10px}


@media only screen and (min-device-width : 2050px) and (max-device-width : 2560px)  {
/*macbookpro	*/


}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	/*ipad	*/
#head01 {
    position: absolute;
    margin: 0 auto;
    left: 15px;
}		
.navbar-brand {   
    font-size: 32px;
    line-height: 30px;
}
.ms-section p {
    font-family: "Times New Roman", serif;
    line-height: normal;
    white-space: normal;
    font-weight: normal;
}
.navbar ul.nav > li > a {
    font-size: 32px;
    line-height:50%;
}
.nav {
    padding: 0 0 0 15px;
    margin-bottom: 0;
    list-style: none;
}

}

.navbarFicon {
    font-size: 20px;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: left;
    position: absolute;
    bottom: -2vw;
    width: inherit;
    left: 2vw;
}




u {
    border-bottom: 2px solid #000;
    display: inline-block;
    line-height: 0.85;
    text-decoration: none;
}
.footnote {
    position: absolute;
    bottom:10px;
    text-align:left;
    width: auto;
    height: auto;
    background-color: #fff;
	font-size:1vw;
	font-family: "Times New Roman", serif; line-height:normal; white-space:normal; font-weight:normal;
}

@media (max-width: 900px) {
.nav {
    padding: 0 0 0 10px;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav {
    margin: 0;
}
.map {
    border: 0;
    width:97.5vw;
    height: 100vh;
}
.ms-section p {		
   font-size:2.5vw;font-family: "Times New Roman", serif; line-height:normal; white-space: normal; font-weight:normal;
}
#head01 {
    position: absolute;
    margin: 0 auto;
    left: 10px;
}
/*.navbar-nav {
    margin: -8px -15px;
}
*/.footnote {
    position: absolute;
    bottom: 10px;
    text-align: left;
    width: auto;
    height: auto;
    background-color: #fff;
    font-size: 1.6vw;
    font-family: "Times New Roman", serif;
    line-height: normal;
    white-space: normal;
    font-weight: normal;
}
}  
@media (max-width: 700px) {

.map {
    border: 0;
    width:96vw;
    height: 100vh;
}

}  

@media (min-width:768px and max-width: 795px) {
	.navbar-nav {
    margin: 0 -15px;
}

.navbar-brand {
    padding: 0 10px;
    height: 62px;
	font-size: 4vw;
}
.ms-section p {
    font-size: 2vw;
    font-family: "Times New Roman", serif;
    line-height: normal;
    white-space: normal;
    font-weight: normal;
}
.navbar ul.nav > li > a {
    font-size: 4vw;
    text-decoration: none;
    color: #000;
    border: none;
    font-family: inherit;
    text-transform: capitalize;
	line-height:10px;
    text-align: left;
    background: #fff !important;
}
}
@media (max-width: 795px) {

.navbar-brand {
    padding: 0 10px;
    height: 62px;
	font-size: 4vw;
}
.navbar ul.nav > li > a {
    font-size: 4vw;
    text-decoration: none;
    color: #000;
    border: none;
    font-family: inherit;
    text-transform: capitalize;
	line-height:10px;
    text-align: left;
    background: #fff !important;
}
.nav {
    padding: 0 ;
    margin-bottom: 0;
    list-style: none;
}
}