@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/IRANSans/eot/IRANSansWeb_Bold.eot');
	src: url('../fonts/IRANSans/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/IRANSans/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/IRANSans/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/IRANSans/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/IRANSans/eot/IRANSansWeb_Medium.eot');
	src: url('../fonts/IRANSans/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/IRANSans/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/IRANSans/woff/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/IRANSans/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/IRANSans/eot/IRANSansWeb_Light.eot');
	src: url('../fonts/IRANSans/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/IRANSans/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/IRANSans/woff/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/IRANSans/ttf/IRANSansWeb_Light.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot');
	src: url('../fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/IRANSans/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/IRANSans/woff/IRANSansWeb_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/IRANSans/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/IRANSans/eot/IRANSansWeb.eot');
	src: url('../fonts/IRANSans/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/IRANSans/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/IRANSans/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/IRANSans/ttf/IRANSansWeb.ttf') format('truetype');
}

body {
    font-family: 'IRANSans' , Tahoma,'Segoe UI' !important;
    direction: rtl;
    margin: 0;
    line-height: 25px;
}
a{
    text-decoration:none;
}
a:focus, a:hover {
    text-decoration: none;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top:90px;
}
.b-content {
    margin-top:20px;
    background-color:#eeeeee;
    padding:60px;
    z-index:100;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
/*Bootstrap Changes*/



/*CSS For Site*/
.mega-menu
{
    transition: all .9s ease-in-out;
}
.redTop {
    background-color:#d7030c;
    padding:0;
    color:#fff;
}
.whiteTop
{
    background-color:#fff;
}
.heightLogo-B {
    height:98px;
    width:187px;
    transition: height 0.1s;
    transition-timing-function: ease-in;
    -webkit-transition: height 0.1s;
   -webkit-transition-timing-function: ease-in;
}
.heightLogo-S {
    width:100px;
    height:65PX;
    transition: height 0.1s;
    transition-timing-function: ease-out;
    -webkit-transition: height 0.1s;
    -webkit-transition-timing-function: ease-out;
}

.banner {
    width: 100%;
    height: 397px;
    background-image: url(images/MasterPage/banner.jpg);
    background-size:cover;
}





.hexagon {
  position: relative;
  width: 80px; 
  height: 46.19px;
  background-color: #ffffff;
  margin: .32em .45em;
  box-shadow: 0 0 5px rgba(0,0,0,0.4);
  border-left: solid 1px #e9e9e9;
  border-right: solid 1px #e9e9e9;
}


.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 56.57px;
  height: 56.57px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 10.7157px;
  box-shadow: 0 0 5px rgba(0,0,0,0.4);
}

.hexagon:before {
  top: -28.2843px;
  border-top: solid 1.4142px #e9e9e9;
  border-right: solid 1.4142px #e9e9e9;
}

.hexagon:after {
  bottom: -28.2843px;
  border-bottom: solid 1.4142px #e9e9e9;
  border-left: solid 1.4142px #e9e9e9;
}

/*cover up extra shadows*/
.hexagon span {
  display: block;
  position: absolute;
  top:0.5773502691896257px;
  left: 0;
  width:78px;
  height:45.0333px;
  z-index: 2;
  background: inherit;
}

.hexagonBig {
  position: relative;
  width: 95px; 
  height: 54.85px;
  background-color: #eaeaea;
  margin: 35px 0;
  display:inline;
   float:right
}

.hexagonBig:before,
.hexagonBig:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 47.5px solid transparent;
  border-right: 47.5px solid transparent;
}

.hexagonBig:before {
  bottom: 100%;
  border-bottom: 27.42px solid #eaeaea;
}

.hexagonBig:after {
  top: 100%;
  width: 0;
  border-top: 27.42px solid #eaeaea;
}


/* Slideshow container ******/
/* Slideshow container ***/
/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
  direction:ltr;
  text-align:left;
}

/* Next & previous buttons */
.prev, .next{
  cursor: pointer;
  position: absolute;
  top: 0;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: #cccccc;
  font-weight:normal;
  font-size: 58px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  direction:ltr;
  font-family:Arial;

}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  /*background-color: rgba(0,0,0,0.8);*/
  color: #444;
  direction:ltr;
  text-decoration:none;
}

/* Caption text */
.textCaption {
  
  font-size: 15px;
  padding: 8px 5%;
  position: absolute;
  direction:ltr;
}
.colorTextLight {
    color: #fff;
}
.colorTextDark {
    color: #444;
}
.dirTextLeft {
  top: 10%;
  text-align: left;
   width: 100%;
}
.dirTextRight {
  bottom: 10%;
  text-align: right;
   width: 100%;
}
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  direction:ltr;
}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  direction:ltr;
}

.activeDot, .dot:hover {
  background-color: #717171;
  direction:ltr;
}

/* Fading animation */
.fade22 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade22 {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade22 {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .slprev, .slnext,.textCaption {font-size: 11px}
}


.textCaption h4:first-child {
  animation-delay: 0.3s;
   -webkit-animation-delay: 0.3s;
}

.textCaption h4:nth-child(2) {
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
   margin-top:15px;
}

.textCaption button {
  animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
  margin-top:15px;
}
.bgSlides {
    height:400px;
}
#bgVideo {
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: -100;
}
/******************/
/********************/
/**********************/


/* animated elements */
.animateblock {
  padding: 8px 0;
  opacity: 0;
  -webkit-transition: all 0.55s linear;
  -moz-transition: all 0.55s linear;
  transition: all 0.55s linear;
}

.animateblock.animated {
  opacity: 1;
}

/* animation transition styles */
.animateblock.left {
  margin-left: -2%;
  
}
.animateblock.left.animated {
  margin-left: 12%;
}

.animateblock.right {
  display: block;
  margin-left: 100%;
}
.animateblock.right.animated {
  margin-left: 70%;
}

.animateblock.top {
  display: block;
  margin-top: -25px;
}
.animateblock.top.animated {
  margin-top: 0px;
}

.animateblock.btm {
  display: block;
  width: auto;
  text-align: center;
  margin-top: 25px;
}
.animateblock.btm.animated {
  margin-top: 0;
}

.animateblock.centerleft {
  /*display: block;*/
  margin-right: -10%;
}
.animateblock.centerleft.animated {
  margin-right: 0;
}

.animateblock.centerright {
  display: block;
  width: auto;
  text-align: center;
  margin-left: -10%;
}
.animateblock.centerright.animated {
  margin-left: 0;
}

.animateblock.center {
  margin-left: 2%;
}
.animateblock.center.animated {
  margin-left: 42%;
}

.animateblock.size {
  display: block;
  width: 10%;
  text-align: center;
}
.animateblock.size.animated {
  width: 100%;
  height: 100%;
}
.animateblock.size img {
  max-width: 100%;
  height: auto;
}

/****************/
/**************/
/************/

.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  /*border-right: 1px solid #ddd;*/
}
.tabs-right {
  /*border-left: 1px solid #ddd;*/
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left a {
    color:#444;
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border:solid 1px transparent;
  background-color:transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  /*border-bottom: 1px solid #ddd;
  border-left-color: transparent;*/
}
.tabs-left>li>a {
  /*border-radius: 4px 0 0 4px;*/
  margin-right: 0;
  display:block;
}
.tabs-right>li>a {
  /*border-radius: 0 4px 4px 0;*/
  margin-right: 0;
}
.reddd i{
    color:blue;
}
.slideHome
{
    width:100%;
    height:393px;
    display:inline-block;
}



.blocks-container {
    overflow: hidden;
    height: 600px;
    width: 100%;
    background-color: #ececec;
    background-image: url('Images/MasterPage/Abstract.jpg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.block-item {
	float:left;
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	transform:translateY(100%);	
	opacity:0;
	overflow:hidden;
	padding: 70px;
	-webkit-animation: slide 2s forwards;
	-moz-animation: slide 2s forwards;
	-ms-animation: slide 2s forwards;
	animation: slide 2s forwards;
}
.block-item:nth-child(2n) {
}
@-webkit-keyframes slide{100%{opacity:1;-webkit-transform:translateY(0%)}}
@-moz-keyframes slide{100%{opacity:1;-moz-transform:translateY(0%)}}
@keyframes slide{100%{opacity:1;transform:translateY(0%) rotateX(-14deg) rotateY(-23deg) rotateZ(0deg)}}
.block-item:nth-child(2) { 
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	animation-delay: 1s;
}
.block-item:nth-child(3) { 
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.divAPP1
{
    perspective: 2200px;
    margin-right:370px;
    padding-top:140px;
    position:absolute;
    z-index:1000;
    transform-origin: 2px left;
}
.divAPP1 img
{
    -webkit-box-shadow: 63px -8px 51px -20px rgba(0,0,0,0.16);
    -moz-box-shadow: 63px -8px 51px -20px rgba(0,0,0,0.16);
    box-shadow: 63px -8px 51px -20px rgba(0,0,0,0.16);
    border-right-width:3px;	
    border-top-width:1px;	
    border-right-style:outset;
    border-top-style:outset;
    border-color:#ff4f5c;
    transform: rotateX(-10deg) rotateY(-20deg) rotateZ(0deg);
}

.divAPP2
{
    perspective: 2200px;
    margin-right:200px;
    padding-top:80px;
    position:absolute;
    z-index:999;
}
.divAPP2 img
{
     transform: rotateX(-10deg) rotateY(-20deg) rotateZ(0deg);
    -webkit-box-shadow: 63px -8px 51px -20px rgba(0,0,0,0.16);
    -moz-box-shadow: 63px -8px 51px -20px rgba(0,0,0,0.16);
    box-shadow: 63px -8px 51px -20px rgba(0,0,0,0.16);
    border-right-width:3px;	
    border-top-width:1px;	
    border-right-style:outset;
    border-top-style:outset;
    border-color:#ff4f5c;
}

.divAPP3
{
    perspective: 2200px;
    margin-right:30px;
    padding-top:20px;
    position:absolute;
    z-index:998;
}
.divAPP3 img
{
     transform: rotateX(-10deg) rotateY(-20deg) rotateZ(0deg);
    -webkit-box-shadow: 63px -8px 51px -20px rgba(0,0,0,0.16);
    -moz-box-shadow: 63px -8px 51px -20px rgba(0,0,0,0.16);
    box-shadow: 63px -8px 51px -20px rgba(0,0,0,0.16);
    border-right-width:3px;	
    border-top-width:1px;	
    border-right-style:outset;
    border-top-style:outset;
    border-color:#ff4f5c;
}
/*.block-item:hover .divAPP3 img, .divAPP2 img ,.divAPP1 img  
{
    transform: rotateX(-5deg) rotateY(-21deg) rotateZ(0deg);
}*/

@media (max-width: 778px) and (min-width: 631px) {
    
    @keyframes slide{100%{opacity:1;transform:translateY(0%) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}}
    .divAPP1
    {
        margin-right:260px;
        padding-top:140px;
        position:absolute;
        z-index:1000;
        transform-origin: 2px left;
    }
    .divAPP1 img
    {
        -webkit-box-shadow: 33px -8px 51px -20px rgba(0,0,0,0.16);
        -moz-box-shadow: 3px -8px 51px -20px rgba(0,0,0,0.16);
        box-shadow: 33px -8px 51px -20px rgba(0,0,0,0.16);
        border-right-width:3px;	
        border-top-width:1px;	
        border-right-style:outset;
        border-top-style:outset;
        border-color:#ff4f5c;
        transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    }

    .divAPP2
    {
        margin-right:160px;
        padding-top:80px;
        position:absolute;
        z-index:999;
    }
    .divAPP2 img
    {
         transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -webkit-box-shadow: 33px -8px 51px -20px rgba(0,0,0,0.16);
        -moz-box-shadow: 33px -8px 51px -20px rgba(0,0,0,0.16);
        box-shadow: 33px -8px 51px -20px rgba(0,0,0,0.16);
        border-right-width:3px;	
        border-top-width:1px;	
        border-right-style:outset;
        border-top-style:outset;
        border-color:#ff4f5c;
    }

    .divAPP3
    {
        margin-right:60px;
        padding-top:20px;
        position:absolute;
        z-index:998;
    }
    .divAPP3 img
    {
         transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -webkit-box-shadow: 33px -8px 51px -20px rgba(0,0,0,0.16);
        -moz-box-shadow: 33px -8px 51px -20px rgba(0,0,0,0.16);
        box-shadow: 33px -8px 51px -20px rgba(0,0,0,0.16);
        border-right-width:3px;	
        border-top-width:1px;	
        border-right-style:outset;
        border-top-style:outset;
        border-color:#ff4f5c;
    }
}
@media (max-width: 630px) and (min-width: 510px) {
    .blocks-container {
    overflow: hidden;
    height: 460px;
    width: 100%;
    background-color: #ececec;
    background-image: url('Images/MasterPage/Abstract.jpg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.block-item {
	float:left;
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	transform:translateY(100%);	
	opacity:0;
	overflow:hidden;
	padding: 30px;
	-webkit-animation: slide 2s forwards;
	-moz-animation: slide 2s forwards;
	-ms-animation: slide 2s forwards;
	animation: slide 2s forwards;
    }

    @keyframes slide{100%{opacity:1;transform:translateY(0%) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}}
    .divAPP1
    {
        margin-right:260px;
        padding-top:140px;
        position:absolute;
        z-index:1000;
        transform-origin: 2px left;
    }
    .divAPP1 img
    {
        -webkit-box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        -moz-box-shadow: 1px -8px 51px -20px rgba(0,0,0,0.16);
        box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        border-right-width:3px;	
        border-top-width:1px;	
        border-right-style:outset;
        border-top-style:outset;
        border-color:#ff4f5c;
        transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
         height:300px;
        width:167px;
    }

    .divAPP2
    {
        margin-right:200px;
        padding-top:90px;
        position:absolute;
        z-index:999;
    }
    .divAPP2 img
    {
         transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -webkit-box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        -moz-box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        border-right-width:3px;	
        border-top-width:1px;	
        border-right-style:outset;
        border-top-style:outset;
        border-color:#ff4f5c;
         height:300px;
        width:167px;
    }

    .divAPP3
    {
        margin-right:140px;
        padding-top:50px;
        position:absolute;
        z-index:998;
    }
    .divAPP3 img
    {
         transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -webkit-box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        -moz-box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        border-right-width:3px;	
        border-top-width:1px;	
        border-right-style:outset;
        border-top-style:outset;
        border-color:#ff4f5c;
         height:300px;
        width:167px;
    }

}

@media (max-width: 509px)  {
    .blocks-container {
    overflow: hidden;
    height: 460px;
    width: 100%;
    background-color: #ececec;
    background-image: url('Images/MasterPage/Abstract.jpg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.block-item {
	float:left;
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	transform:translateY(100%);	
	opacity:0;
	overflow:hidden;
	padding: 30px;
	-webkit-animation: slide 2s forwards;
	-moz-animation: slide 2s forwards;
	-ms-animation: slide 2s forwards;
	animation: slide 2s forwards;
    }

    @keyframes slide{100%{opacity:1;transform:translateY(0%) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}}
    .divAPP1
    {
        margin-right:160px;
        padding-top:140px;
        position:absolute;
        z-index:1000;
        transform-origin: 2px left;
    }
    .divAPP1 img
    {
        -webkit-box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        -moz-box-shadow: 1px -8px 51px -20px rgba(0,0,0,0.16);
        box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        border-right-width:3px;	
        border-top-width:1px;	
        border-right-style:outset;
        border-top-style:outset;
        border-color:#ff4f5c;
        transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
         height:300px;
        width:167px;
    }

    .divAPP2
    {
        margin-right:100px;
        padding-top:90px;
        position:absolute;
        z-index:999;
    }
    .divAPP2 img
    {
         transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -webkit-box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        -moz-box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        border-right-width:3px;	
        border-top-width:1px;	
        border-right-style:outset;
        border-top-style:outset;
        border-color:#ff4f5c;
         height:300px;
        width:167px;
    }

    .divAPP3
    {
        margin-right:40px;
        padding-top:50px;
        position:absolute;
        z-index:998;
    }
    .divAPP3 img
    {
         transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
        -webkit-box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        -moz-box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        box-shadow: 13px -8px 51px -20px rgba(0,0,0,0.16);
        border-right-width:3px;	
        border-top-width:1px;	
        border-right-style:outset;
        border-top-style:outset;
        border-color:#ff4f5c;
         height:300px;
        width:167px;
    }

}
.p-Text
{
    padding:10px 6% 0;
    line-height:30px;
}
.Title
{
    
    font-family: IRANSans !important;
    font-size:1.1em;
    color:#000;
    padding:40px 0 30px;
}
.solid
{
    border-bottom: 0.1rem solid rgba(255,255,255,0.3);
    padding-bottom: 1rem;

}
.TitleWhite
{
    font-family: IRANSans !important;
    font-size:1.3em;
    color:#fff;
    padding:10px 0 30px;
}
.bgMotionGraph {
    background-image: url('Images/FirstPage/bgMotionGraph.jpg');
    background-position:bottom center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 50px 20px 60px 20px;
    width: 100%;
    z-index: 100000;
    position: relative;
}
.bgMotionGraph img{
    margin-bottom:15px;
}
.customer
{
     text-align:center;
     line-height:30px; 
     padding:20px 0;
     display:inline-block; 
     list-style:none;
}
.customer li
{
     padding:10px 10px;
       margin:0 auto;
}
.customer img
{
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray; /* IE 6-9 */
   opacity:0.6;
}
.customer img:hover
{
      -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
   opacity:1;
   cursor:pointer;
}
.bullet {
    background-image: url('Images/MasterPage/bullet.png');
    width:23px;
    height:23px;
    background-repeat:no-repeat;
    display:inline-block;
   vertical-align:middle;
}
.bullet-S {
    background-image: url('Images/MasterPage/bullet-S.png');
    width:16px;
    height:16px;
    background-repeat:no-repeat;
    display:inline-block;
   vertical-align:middle;
}
.txtItem
{
    text-align:justify;
    line-height:40px;
    padding:40px 0;
    font-family: IRANSans !important;
    font-size:1.2em;
}
.glass {
    /*background-color: rgba(255, 255, 255, .15);*/
    font-family: IRANSans !important;
    font-size:1.3em;
    /*border:solid 1px #888888;*/
    color:#fff;
    display:inline-block;
    /*border-radius:10px;*/
    padding:10px 15px;
    text-align:center;
    width:200px;
    margin:0 10px 25px;
}
.glass img
{
    width:64px;
    height:64px;
    margin-bottom:15px;

}
.glass:hover {
    /*background-color: #e30a13;*/
    /*font-family: IRANSans !important;
    font-size:1.3em;*/
    /*border:solid 1px #e30a13;*/
    color:#fff;
    cursor:pointer;

}
.glasDiv
{
    z-index:1000000;
    margin:0 auto;
    width:100%; 
    direction:rtl;
    text-align:center;
    position:relative;
    top: -190px;
}
.glasDiv a
{
    padding:0;
    margin:0;
}
.intro__video-file
{
    /*min-height: 100%;*/
    min-height: 250px;
    min-width: 100%;
    width: auto;
    height: auto;
}
.imgSBanner
{
    height:250PX;
    width:auto;
    margin:0 auto;
    text-align:right;
}
.intro__video-bg {
    position: absolute;
    /*top: 0;*/
    top: 90px;
    left: 0;
    width: 100%;
    height: 250px;
    /*height: 100%;*/
    background-color: rgba(0,36,71,0.2);
    /*background-color: rgba(41,183,204,0.2);*/
}

.txtContent
{
    padding:0 0 0;
    text-align:justify;
    line-height:30px;
}
.txtTitle 
{
    padding:30px 0 10px;
    font-weight:bold;
}
.txtTitle h3
{
    font-weight:bold;
    display:inline-block;
    font-family: IRANSans !important;
    font-size:1.3em;
}
.paddingDiv
{
    padding-right:60px;
}
.intro__video {
    /*top: 0;*/
    margin-top: 90px;
    left: 0;
    width: 100%;
    height: 250px;
    /*height: 100%;*/
    overflow: hidden;
}
.main-parallax-item {
    will-change: transform;
}
.main-container--main-ldn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*min-height: 100vh;
    background-color: black;*/
    overflow: hidden;
}
.bgGray
{
    background-color:#f0f0f0;
    width:100%;
   
}
.bgMapdotted {
    background-image: url('Images/MasterPage/mapdotted.png');
    background-position: right bottom;
    background-repeat:no-repeat;
    z-index: 1000;
    position: relative;
    background-color: #f0f0f0;
}
.tblSkills
{
    direction:ltr;
    margin-top:40px;
    margin-bottom:40px;
    font-weight:bold;
    font-family:Arial;
    font-size:1em;
    text-align:center;
    margin:40px auto 0;
}
.tblSkills a
{
    cursor:pointer;
}
.tblSkills td
{
    padding:10px 10px;
    direction:ltr;
}
.tblSkills td:first-child
{
    padding:10px 20px;
    direction:ltr;
    border-right:solid 2px #c4c4c4;
}
.teamImg
{
    float:left;
    margin-top:80px;
}
.OurTeam
{
    color:#2e2c2a;
    text-align:justify;
    line-height:30px;
    padding:40px 30px 0 30px;
}
.OurTeam b
{
    
    font-family: IRANSans !important;
    font-size:1.2em;
    line-height:40px;
}
.relativeDiv
{
    width:100%;
    background:#fff;
    z-index:1000;
    position:relative;
}
.relativeDiv2
{
    width:100%;
    z-index:1000;
    position:relative;
}
.bgDarkGray
{
    width:100%;
    background-color:#33363a;
    color:#fff;
}
.txtFooter
{
    padding:20px 0;
    font-size:9pt;
    line-height:27px;
}
iconSocial
{
}
.SocialLnk i
{
    display:inline-block;
    cursor:pointer;
    font-size:15pt;
    margin:0 15px 0 0;

}

.page-head {
    background-size: cover;
    color: #fff;
    height: 330px;
    position: relative;
    margin-top:50px;
}
.page-head>.t {
    height: 100%;
    position: relative;
    z-index: 10;
}
.tc {
    display: table-cell;
    vertical-align: middle;
    
    text-align:center;
}
.page-head-title {
    font-size: 29px;
    line-height: 1.1;
    margin: 120px auto 0 ;
    text-align:center;
}
.txtBanner
{
    margin-top:400px;
    color:#fff;
    text-align:right;
    margin-left:160px;
    position:absolute;
}
@media (min-width: 1201px)  {
    .txtMobile {
        margin-top: 350px;
        color: #fff;
        text-align: left;
        margin-left: 120px;
    }
}
@media (max-width: 1200px)  and (min-width: 1070px) {
    .txtMobile {
        margin-top:350px;
        color:#fff;
        text-align:left;
        margin-left:20px;
    }
}
@media (max-width: 1069px) {
    .txtMobile {
        display: none;
    }
}

.icoContact i
{
    color:#df0000;
}
.bgContact
{
    background-image: url('Images/MasterPage/bgContact.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    width:100%;
    display:inline-block;
    height:auto;
}
.bgMap
{
    width:100%;
    display:inline-block;
    height:400px;
}
.nav-pageweb
{
    margin-bottom:0;
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 0;
}
.navbar-default {
    background-color: #f8f8f8;
    border-color:transparent;
}
.module-6 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 0;
    background-color: #fff;
    background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,0.01) 15%,#fff 93%),-webkit-linear-gradient(315deg,rgba(255,255,255,0.01) 25%,#fff 93%),url(Images/MasterPage/conf.png);
    background-image: linear-gradient(0,rgba(255,255,255,0.01) 15%,#fff 93%),linear-gradient(135deg,rgba(255,255,255,0.01) 25%,#fff 93%),url(Images/MasterPage/conf.png);
    background-position: 0 0,0 0,0 0;
    background-size: auto,auto,cover;
    background-repeat: repeat,repeat,repeat;
    /*box-shadow: 0 0 1px 0 #cacaca;*/
}
.module-6-image {
    display: block;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
}
.home-sub-header {
    margin-top: 50px;
    padding-top: 0;
    color: #404040;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    text-align: center;
}
.subtext-under-header {
    margin-top: 15px;
    margin-bottom: 20px;
    padding-top: 0;
    color: #404040;
    font-size: 1.2em;
    line-height: 28px;
    font-weight: 200;
    text-align: center;
}




.itemsContainer {
    text-align:center;
}
.itemsContainer:hover .playIcon{display:block;opacity: 0.7;}
.itemsContainer:hover {
    cursor:pointer;
}


.playIcon{
  position : absolute;
    opacity: 0.6;
    top:33%; 
    width:75px;
    margin:0 auto;
    z-index:100;
    text-align:center;
    left:36%;
	z-index:9;
}





/* Modal Content/Box */
.modal-content {
    background-color: #2b3546;
    margin: 7% auto 0; /* 15% from the top and centered */
    padding:10px 20px;
    /*border: 1px solid #888;*/
    width: 70%; /* Could be more or less, depending on screen size */
}
  .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 10; /* Sit on top */
        left: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

/* The Close Button */
.close {
    color: #fff;
    float: left;
    font-size: 28px;
    font-weight: bold;
    opacity: .9;
}

.close:hover,
.close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 767px) {
    /* The Modal (background) */
    .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        left: 0;
        top: 20%;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }
    .modal-content {
    background-color: #2b3546;
    margin: 8% auto 0; /* 15% from the top and centered */
    padding:10px 20px;
    /*border: 1px solid #888;*/
    width: 90%; /* Could be more or less, depending on screen size */
}
}



/***Yellow Page****/
.YellowPage
{
    background-color:#fbdf4f;
    background-image:url(Images/LandingPage/bg-Yellow.gif);
    background-position:bottom center;
    background-repeat:repeat-x;
   
    
}
/*************/
.RedPage
{
    background-color:#f12019;
}
.text-danger {
  color:red;
}
.bgGalssess
{
    width:100%;
    display:inline-block;
    margin-top:50px;
    margin-bottom:20px;
    text-align:center;
    background-image: url(Images/LandingPage/bgGalssess.gif);
    background-position: center center;
    background-repeat: repeat-x;
    background-size: auto;
}
.TitleMotion
{
    color:#2f2611;
    text-align:center;
    font-size:2.5em;
    font-weight:bold;
    margin-top:200px;
}
.TitleMpress
{
    color:#fff;
    text-align:center;
    font-size:2.5em;
    font-weight:bold;
    margin-top:150px;
}
.bgNewsletter
{
    text-align:center;
    margin:0 auto;
    margin-bottom:0;
    padding-bottom:20px;
    cursor:pointer;

}
.clickTag
{
    color:#000; font-size:1.5em; 
}
.clickTag:active
{
    color:#000; font-size:1.5em; 
}

.clickTag:focus
{
     color:#444; 
    cursor:pointer;
}
.clickTag:hover 
{
    color:#444; 
    cursor:pointer;
}
.clickTagS
{
    color:#fff; font-size:1.5em; 
}
.clickTagS:hover
{
    color:#ffdfde; 
    cursor:pointer;
}
.bgQestion
{
    display:none;
    color:#000;
    line-height:40px;
    padding:40px;
    font-size:1.3em;
    text-align:right;

}
.bgQestion label
{
    font-size:1em;
    font-weight:normal;
    vertical-align:middle;

}
.MessageBox
{
    color:#fd1010;
    text-align:center;
    margin:0 auto;
    padding-bottom:20px;
}
.MessageBox label
{
    font-size:1.6em;
    color:#fd1010;
    text-align:center;
    margin:0 auto;
    padding:20px;
    border:solid 1px #fff;
}
.newsletter
{
    margin:0 auto;
    top:35px;
    position:relative;
    cursor:pointer;
}
.btnDiscount
{
    border:solid 1px #fff;
    background-color:#fbd042;
    color:#ff1111;
    padding:12px 45px;
    font-weight:bold;
    font-size:1.3em;
    cursor:pointer;
}
.btnDiscount:hover
{
    border:solid 1px #fde490;
    background-color:#f9c51d;
    color:#ff1111;
    padding:12px 45px;
    font-weight:bold;
    font-size:1.3em;
     cursor:pointer;
}
.btnDiscountRed
{
    border:solid 1px #fff;
    background-color:#f12019;
    color:#fff;
    padding:12px 45px;
    font-weight:bold;
    font-size:1.3em
}
.btnDiscountRed:hover
{
    border:solid 1px #feb8b5;
    background-color:#d50902;
    color:#fff;
    padding:12px 45px;
    font-weight:bold;
    font-size:1.3em
}
   .navbar-Contact {display:none;
    }
@media (max-width: 891px) {
    .navbar-brandMPress {
        float: none;
        text-align: center;
        margin: 0 auto;
    }

    .navbar-brandMPress img {
            margin:0 auto;
        }
    .navbar-Contact {
        position: fixed;
        top: 10px;
        left: 10px;
        float: left;
        padding: 9px 5px;
        margin-top: 5px;
        margin-left: 10px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: none;
        display:block;
        direction:ltr;
         font-weight:bold;
    }
}
    .navbar-toggleLoding {
    position: fixed;
    top: 15px;
    right: 20px;
    float: right;
    padding: 9px 5px;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: none;
}
  
@media (max-width: 767px) {

    .bgGalssess {
        width: 100%;
        display: inline-block;
        margin-top: 0;
        margin-bottom:0;
        text-align: center;
        background-image:none;

    }
    .TitleMpress
    {
        color:#fff;
        text-align:center;
        font-size:1.5em;
        font-weight:bold;
        margin-top:120px;
        line-height:30px;
        padding:0 20px;
    }
    .TitleMotion
    {
        color:#2f2611;
        text-align:center;
        font-size:1.7em;
        font-weight:bold;
        margin-top:150px;
        line-height:36px;
    }
    .clickTag
    {
        color:#000; font-size:1.1em; 
        cursor:pointer;
    }
    .newsletter
    {
        margin:0 auto;
        top:32px;
        position:relative;
        max-width:200px;
    }
}


        label.btn span {
          font-size: 1.3em ;
          vertical-align:top;
          margin-right:5px;
        }

        label input[type="radio"] ~ i.fa.fa-circle-o{
            color: #856a00;    display: inline;
        }
        label input[type="radio"] ~ i.fa.fa-dot-circle-o{
            display: none;
        }
        label input[type="radio"]:checked ~ i.fa.fa-circle-o{
            display: none;
        }
        label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
            color: #534200;    display: inline;
        }
        label:hover input[type="radio"] ~ i.fa {
        color: #534200;
        }

        label input[type="checkbox"] ~ i.fa.fa-square-o{
            color: #856a00;    display: inline;
        }
        label input[type="checkbox"] ~ i.fa.fa-check-square-o{
            display: none;
        }
        label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
            display: none;
        }
        label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
            color: #534200;    display: inline;
        }
        label:hover input[type="checkbox"] ~ i.fa {
        color: #856a00;
        }

        div[data-toggle="buttons"] label.active{
            color: #534200;
        }

        div[data-toggle="buttons"] label {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 2em;
        text-align: right;
        white-space: nowrap;
        vertical-align: top;
        cursor: pointer;
        background-color: none;
        border: 0px solid #856a00;
        border-radius: 3px;
        color: #856a00;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        }

        div[data-toggle="buttons"] label:hover {
        color: #534200;
        }

        div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
        -webkit-box-shadow: none;
        box-shadow: none;
        }
        .txtEmail
        {
            width:420px;
            padding:7px 15px;
            font-size:0.8em;
            border:solid 1px #d0a103;
            color:#534200;
        }

    @media (max-width: 450px) {
        .ulQestion
        {
            list-style:none;
            padding:0;
            margin:0;
        }
 
     div[data-toggle="buttons"] label {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 10px;
        font-weight: normal;
        line-height: 2em;
        text-align: right;
        white-space: nowrap;
        vertical-align: top;
        cursor: pointer;
        background-color: none;
        border: 0px solid #856a00;
        border-radius: 3px;
        color: #856a00;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        }
        label.btn span {
        font-size: 1.3em ;
        vertical-align:top;
        margin-right:5px;
    }
    .bgQestion
    {
        display:none;
        color:#000;
        line-height:30px;
        padding:20px;
        font-size:1.1em;
        text-align:right;

    }
    .navbar-Contact {
        position: fixed;
        top: 5px;
        left: 10px;
        float: left;
        padding: 2px 2px;
        margin-top: 2px;
        margin-left: 2px;
        margin-bottom: 2px;
        background-color: transparent;
        background-image: none;
        border: none;
        display: block;
        direction: ltr;
        font-weight:bold;
        font-size:8pt;
    }
    
    .navbar-brandMPress img {
        margin:20px auto 0;
         width:100px;
    }
        .navbar-toggleLoding {
            position: fixed;
            top: 10px;
            right: 10px;
            float: right;
            padding: 2px 2px;
             margin-top: 2px;
            margin-right: 2px;
            margin-bottom: 2px;
            background-color: transparent;
            background-image: none;
            border: none;
}
}


    .pagerelate {
    display: inline-block;
    width: auto;
    margin: 8px auto;
    border: 1px solid #e8e8e8;
    color: #747474;
    padding: 6px 15px 9px;
    font-size: 13px;
    border-radius: 9px;
    clear: both;
    max-width: 100%;
    min-width: 95px;
    text-align:center;
}
    .pagerelate:hover {
    color: #000;
}
.flowerR {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
     background-image: url(images/flower.png);
     width:39px;
     height:24px;
     display:inline-block;
     background-repeat:no-repeat;
     vertical-align:middle;
}  
.flowerL {
     background-image: url(images/flower.png);
     width:39px;
     height:24px;
     display:inline-block;
     background-repeat:no-repeat;
     vertical-align:middle;
}