@font-face { font-family: 'BYekan'; src: url('../fonts/BYekan.eot?#iefix') format('embedded-opentype'), url('../fonts/BYekan.woff') format('woff'), url('../fonts/BYekan.ttf') format('truetype');}
.beh-support{margin: 0 auto;  position: relative;  color: #FFFFFF;  line-height: 175%;  text-align: center;  padding: 0;font-size:16px;
font-family:"BYekan",Tahoma;background-color:#456713;text-shadow: 1px 1px 1px #000;}
.beh-support-inner .custom > table{ width: 100%;}
.beh-support img {margin: 12px;}

.beh-row1 { margin: 0 auto; position: relative; color: #404040; line-height: 175%; text-align: right; padding: 0; font-size:16px;
font-family:"BYekan",Tahoma; background:#fff;}
.beh-row1 td{ vertical-align:top;}
.beh-row1 img{ padding:5px;}
.beh-row1 h3{ /*font-size:18pt; font-family:BYekan; margin: 10px; text-align:center;*/

   clear: both;
    display: block;
    margin: 30px 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;}

.beh-row1 h3::after {
    border-bottom: 1px solid #e8e8e8;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;
}
.beh-row1 h3 span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    display: inline-block;
    padding: 5px 10px;
    position: relative;
}



.beh-row2 { position: relative; color: #ffffff; line-height: 175%; text-align: right; padding: 0;
font-family:"BYekan",Tahoma; background:url("../images/sakhteman.jpg") no-repeat center;font-size: 21px;background-size:cover;}
.beh-row2-pattern{background:url("../images/pattern2.png") repeat center; padding:18pt;}
.beh-row2 h3{ text-align:center; font-size:18pt; margin:10px;}
.beh-row2-inner{ margin: 0 auto; max-width: 1728px; width: 90%; padding:18pt;}

.beh-row22 { margin: 0 auto; position: relative; color: #ffffff; line-height: 175%; text-align: right; padding: 0; font-size:40px;
font-family:"BYekan",Tahoma; background:#00BFF3;  height: 400px;text-shadow: 1px 1px 1px #333;}
.beh-row22 h3{ display:none;}
.beh-row3 { margin: 0 auto; position: relative; color: #a7a7a7; line-height: 175%; text-align: right; padding: 0; font-size:16px;font-family:"BYekan",Tahoma; background:#fff;}
.beh-row3 td{max-width:370px;padding: 10px; border-radius:18pt;}
.beh-row3 h3{ margin:50px auto; box-shadow: 0 0 0 3px #21214f; color:#fff; text-align:center; display:table; margin-bottom:10px; background:#21214f; padding:10px; border:2px solid #fff; font-size:18pt;  }


.beh-row4 { margin: 0 auto; position: relative; color: #21214f; line-height: 175%; text-align: right; padding: 0; font-size:16px;font-family:"BYekan",Tahoma; background:#fff;}
.beh-row4 td{max-width:370px;padding: 10px; border-radius:18pt;}
.beh-row4 h3{ /*font-size:18pt; font-family:BYekan; margin: 10px; text-align:center;*/

   clear: both;
    display: block;
    margin: 30px 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;}

.beh-row4 h3::after {
    border-bottom: 1px solid #e8e8e8;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;
}
.beh-row4 h3 span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    display: inline-block;
    padding: 5px 10px;
    position: relative;
}
.beh-row5 { position: relative; line-height: 175%; text-align: right; padding: 0;font-family:"BYekan",Tahoma; background:url("../images/row5.jpg") no-repeat center;
   background-attachment: fixed !important;
    background-clip: border-box;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: cover !important;
    color: #ffffff;
    width: 100%;

}
.beh-row5 h3{ text-align:center; font-size:18pt; margin:10px;}
.beh-row5-inner{ margin: 0 auto; max-width: 1728px; width: 90%; padding:18pt;}
.beh-row5-pattern{background:url("../images/pattern2.png") repeat center; height:300px; padding:50px 0;}
.beh-row5 table{ margin-top:80px;}

.beh-row5 img {border: 5px solid #fff;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);}
.beh-row5 img:hover { /*transform:scale(0.9) !important; opacity:0.8; transition: all 0.5s linear 0s;*/ filter:grayscale(1); animation:1000ms ease 0s normal none 1 running bounce; }



.beh-row6 { margin: 0 auto; position: relative; color: #21214f; line-height: 175%; text-align: right; padding: 0; font-size:16px;font-family:"BYekan",Tahoma; background:#fff; direction:ltr; }
.beh-row6 td{max-width:370px;padding: 10px; border-radius:18pt;}
.beh-row6 h3{ margin:0 auto; box-shadow: 0 0 0 3px #21214f; color:#fff; text-align:center; display:table; margin-bottom:10px; background:#21214f; padding:10px; border:2px solid #fff; font-size:18pt;  }



.beh-row7 { position: relative; line-height: 175%; text-align: right; padding: 0;font-family:"BYekan",Tahoma; background:url("../images/row7.jpg") no-repeat center;
   background-attachment: fixed !important;
    background-clip: border-box;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: cover !important;
    color: #ffffff;
    width: 100%;
	font-size:18pt;
}
.beh-row7-pattern{background:url("../images/pattern2.png") repeat center; height:200px; padding:80px 0;}

.beh-row8 { margin: 0 auto; position: relative; color: #21214f; line-height: 175%; text-align: right; padding: 0; font-size:16px;font-family:"BYekan",Tahoma; background:#fff; }
.beh-row8 td{max-width:370px;padding: 10px; border-radius:18pt;}
.beh-row8 h3{ margin:0 auto; box-shadow: 0 0 0 3px #21214f; color:#fff; text-align:center; display:table; margin-bottom:10px; background:#21214f; padding:10px; border:2px solid #fff; font-size:18pt;  }

.beh-row9 { position: relative; line-height: 175%; text-align: right; padding: 0;font-family:"BYekan",Tahoma; background:url("../images/row9.jpg") no-repeat center;
   background-attachment: fixed !important;
    background-clip: border-box;
    background-position: center top;
    background-repeat: repeat-y;
    background-size: cover !important;
    color: #ffffff;
    width: 100%;
	font-size:18pt;
}
.beh-row9-pattern{background:url("../images/pattern2.png") repeat center; height:200px; padding:80px 0;}


.gkTabsItem {background: none;}
.gkTabsWrap.vertical {border: 0px solid #e5e5e5;}

.beh-support-inner,.beh-row1-inner, .beh-row4-inner, .beh-row3-inner{ margin: 0 auto; max-width: 1728px; width: 90%; padding: 18pt;}

.gkTabsWrap.vertical ol, .gkTabsWrap.horizontal > ol{ background-color:#fff; border-bottom:1px solid #21214f; display:inline-block; width:100%; text-align:center;}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li{ text-shadow:none;color:#333;float:inherit; background-color: #21214f; color:#fff; display:inline-block;}
.gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li.active{ color:#fff;}
.gkTabsWrap.vertical ol li:hover, .gkTabsWrap.horizontal ol li:hover{ color:#fff;}
.gkTab.gkTabs-1{background:url("../images/pencil-square-o.png") no-repeat right; padding-right:10px;}
.gkTab.gkTabs-1.active{background:#FF6600 url("../images/pencil-square-o.png") no-repeat right; padding-right:10px;}
.gkTab.gkTabs-2{background:url("../images/gears.png") no-repeat right;padding-right:10px;}
.gkTab.gkTabs-2.active{background:#FF6600 url("../images/gears.png") no-repeat right;padding-right:10px;}
.gkTab.gkTabs-3{background:url("../images/magic.png") no-repeat right;padding-right:10px;}
.gkTab.gkTabs-3.active{background:#FF6600 url("../images/magic.png") no-repeat right;padding-right:10px;}

#gk-tab-2 .gkTab.gkTabs-1{background:#21214f url("../images/sign-out.png") no-repeat right; padding-right:10px;}
#gk-tab-2 .gkTab.gkTabs-1.active{background:#FF6600 url("../images/sign-out.png") no-repeat right; padding-right:10px;}
#gk-tab-2 .gkTab.gkTabs-2{background:#21214f url("../images/sign-out.png") no-repeat right;padding-right:10px;}
#gk-tab-2 .gkTab.gkTabs-2.active{background:#FF6600 url("../images/sign-out.png") no-repeat right;padding-right:10px;}


#gk-tab-3 .gkTab.gkTabs-1{background:#21214f url("../images/th.png") no-repeat right; padding-right:10px;}
#gk-tab-3 .gkTab.gkTabs-1.active{background:#FF6600 url("../images/th.png") no-repeat right; padding-right:10px;}
#gk-tab-3 .gkTab.gkTabs-2{background:#21214f url("../images/building-o.png") no-repeat right;padding-right:10px;}
#gk-tab-3 .gkTab.gkTabs-2.active{background:#FF6600 url("../images/building-o.png") no-repeat right;padding-right:10px;}
#gk-tab-3 .gkTab.gkTabs-3{background:#21214f url("../images/hospital-o.png") no-repeat right;padding-right:10px;}
#gk-tab-3 .gkTab.gkTabs-3.active{background:#FF6600 url("../images/hospital-o.png") no-repeat right;padding-right:10px;}
#gk-tab-3 .gkTab.gkTabs-4{background:#21214f url("../images/ellipsis-h.png") no-repeat right;padding-right:10px;}
#gk-tab-3 .gkTab.gkTabs-4.active{background:#FF6600 url("../images/ellipsis-h.png") no-repeat right;padding-right:10px;}
#gk-tab-3 .gkTab.gkTabs-5{background:#21214f url("../images/building.png") no-repeat right;padding-right:10px;}
#gk-tab-3 .gkTab.gkTabs-5.active{background:#FF6600 url("../images/building.png") no-repeat right;padding-right:10px;}
#gk-tab-3 .gkTab.gkTabs-6{background:#21214f url("../images/university.png") no-repeat right;padding-right:10px;}
#gk-tab-3 .gkTab.gkTabs-6.active{background:#FF6600 url("../images/university.png") no-repeat right;padding-right:10px;}



.gkTabsWrap.vertical ol li span, .gkTabsWrap.horizontal ol li span{ padding-right:10px;}


.custom a{/*color:#21214f;*/ text-decoration: none;}
.nivo-caption{ background:#00BFF3;text-align: center;}
.theme-default .nivo-caption{ font-family:BYekan;font-size: 10px;}

.beh-mahsolat{  background:url(../images/bodybg.jpg) repeat; direction:ltr;}
.beh-mahsolat h3{ text-align:right;}

.beh-logomoshtarian{margin: 0 auto; position: relative;padding: 0; background:#FFFFFF;}
.beh-logomoshtarian h3{ display:none;}
.beh-logomoshtarian td{padding: 10px;}

.beh-bottom{ background:#fff;/* background:rgba(0, 0, 0, 0) url("../images/bodybg.jpg") repeat scroll 0 0*/}
.beh-bottom .beh-blockcontent{ color:#333;}
.beh-bottom .beh-blockheader .t, .beh-blockheader .t a, .beh-blockheader .t a:link, .beh-blockheader .t a:visited, .beh-blockheader .t a:hover{ color:#21214f;}
.beh-bottom .beh-block ul > li{border-bottom:1px solid rgba(0, 0, 0, 0.18); padding:6px 20px 6px 27px;}
.beh-bottom .beh-block ul > li:hover{ padding-right:18pt;transition: all 0.5s linear 0s;}
.beh-bottom .beh-blockcontent a, .beh-blockcontent a:link{ text-decoration:none; color:#333;font-size: 12px;}
.beh-bottom .beh-blockcontent a:hover{ text-decoration:none; color:#21214f; }
.beh-bottom img{ padding:5px;}
.beh-bottom img:hover{animation:tada; animation-delay:0; animation-duration:1s;}

.deeper.parent {/*background: rgba(0, 0, 0, 0) url("../images/blockbullets.png") no-repeat scroll 5% 50%;*/ background:rgba(0, 0, 0, 0) url("../images/SorterDescPassive.png") no-repeat scroll 50% 100%}
ul.beh-hmenu > li:last-child, ul.beh-hmenu > li.last-child{ /*background:rgba(0, 0, 0, 0) url("../images/SorterDescPassive.png") no-repeat scroll 0 50%;*/}
ul li .deeper.parent {background: rgba(0, 0, 0, 0) url("../images/blockbullets.png") no-repeat scroll 5% 50%;}



.beh-top{ background:#eceff1;}
.beh-top .beh-blockcontent{ color:#fff; padding:0;}
.beh-top .beh-blockcontent a{ text-decoration:none; color:#fff;font-size: 12px;}
.beh-top .beh-blockcontent a:hover{ text-decoration:none; color:#0054A5;}
.beh-top-inner { margin: 0 auto; max-width: 1728px; width: 90%; padding: 0px; height: 45px;}
.beh-top p{ color:#333;}


.btn {background: #000; margin: 10px; padding: 10px; color:#fff; transition:ease-in 500ms;border: 1px solid #fff;}
.btn:hover {background: #fff; margin: 10px; padding: 10px; color:#000; transition:ease-in 500ms;}

.beh-slideshow{ direction:rtl;}
.btn-more{background: #21214f; margin: 10px; padding: 10px 18pt; color:#fff; text-decoration:none;}
.btn-more:hover{ text-shadow:1px 1px 1px #333;transition:ease-in 500ms;}

.controller-prev > span{ float:right;}

.controller-next > span{ float:left;}

.sp-optima-layout .sp-slider-controllers .controller-prev, .sp-optima-layout .sp-slider-controllers .controller-next{ width:100%; right:0; display:none;}
.sp-slider-content {
    padding-top: 10%; opacity:1;
}
.sp-slider-image{ opacity:1;}
.sp-optima-layout{ background:#000;}
.sp-title{ font-size:40px; opacity:1;}
.sp-optima-layout .animate-in .sp-animation-1{ animation:1500ms linear 800ms normal both 1 running lightSpeedIn; opacity:1;}
.sp-optima-layout .animate-in .sp-animation-2{animation:800ms linear 2500ms normal both 1 running bounceInLeft;}
.sp-optima-layout .animate-in .sp-animation-3{animation:800ms linear 3500ms normal both 1 running fadeInUp;}






.hovereffect {
  width: auto;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  background: rgba(0,0,0,0.6);
  -webkit-transform: translatey(-100px);
  -ms-transform: translatey(-100px);
  transform: translatey(-100px);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  padding: 10px;
}

.hovereffect a.info {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 50px 0 0;
  padding: 7px 14px;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover img {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0);
}

.hovereffect:hover a.info {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}



/* Image flip */
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
				 transition-delay: 1s;
	}

.flip-container, .front, .back {
	width: 550px;
	height: 300px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	/* left: 0; */
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	 transform: rotateY(180deg);
	

}
.front > img:hover {
     /* transform: scale(0.5);*/
 transition: all 0.1s linear 0s;
/* animation:1s ease-in-out 0s normal forwards 1 running ts-imageswitch-flip-to-before;*/
}




/* Tooltips  */
 /* Tooltip container */
.tooltips { position: relative; display: inline-block;border-radius:1500px;width:15px;height:15px;}

/* Tooltip text */
.tooltips .tooltiptext {visibility: hidden;  width: 120px;  background-color: #555;  color: #fff;  text-align: center;  padding: 5px 0;
    border-radius: 6px;    /* Position the tooltip text */  position: absolute;   z-index: 1;  bottom: 125%; left: 50%;  margin-left: -60px;
    /* Fade in tooltip */  opacity: 0; transition: opacity 1s;}

/* Tooltip arrow */
.tooltips .tooltiptext::after { content: ""; position: absolute;  top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid;
    border-color: #555 transparent transparent transparent;}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltiptext { visibility: visible;  opacity: 1;}
.pulse {/*  margin:100px;*/  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ background: #45453f none repeat scroll 0 0; border:10px solid #f7f14c; display: block; width: 22px; height: 22px; border-radius: 50%; cursor: pointer; box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulse 2s infinite;}
.pulse:hover { animation: none;}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}










/* tooltips1  */
 /* Tooltip container */
.tooltips1 { position: relative; display: inline-block;border-radius:1500px;width:25px;height:25px;right: 573px;top: 369px;}

/* Tooltip text */
.tooltips1 .tooltiptext {visibility: hidden;  width: 350px;  background-color: #555;  color: #fff;  text-align: center;  padding: 5px 0;
    border-radius: 6px;    /* Position the tooltip text */  position: absolute;   z-index: 1;  bottom: 125%; left: 50%;  margin-left: -60px;
    /* Fade in tooltip */  opacity: 0; transition: opacity 1s;}

/* Tooltip arrow */
.tooltips1 .tooltiptext::after { content: ""; position: absolute;  top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid;
    border-color: #555 transparent transparent transparent;}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips1:hover .tooltiptext { visibility: visible;  opacity: 1;}
.pulse1 {/*  margin:100px;*/  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ background: #45453f none repeat scroll 0 0; border:6px solid #EE3535; display: block; width: 15px; height: 15px; border-radius: 50%; cursor: pointer; box-shadow: 0 0 0 rgba(238,53,53, 1);
  animation: pulse 2s infinite;}
.pulse1:hover { animation: none;}

@keyframes pulse1 {
  0% {
    box-shadow: 0 0 0 0 rgba(238,53,53, 0.8);
  }
  30% {
      box-shadow: 0 0 0 5px rgba(238,53,53, 0.6);
  }
  60% {
      box-shadow: 0 0 0 10px rgba(238,53,53, 0.4);
  }
  80% {
      box-shadow: 0 0 0 15px rgba(238,53,53, 0.2);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(238,53,53, 0);
  }
}



/* tooltips2  */
 /* Tooltip container */
.tooltips2 { position: relative; display: inline-block;border-radius:1500px;width:15px;height:15px;right: 334px;top: 269px;}

/* Tooltip text */
.tooltips2 .tooltiptext {visibility: hidden;  width: 350px;  background-color: #555;  color: #fff;  text-align: center;  padding: 5px 0;
    border-radius: 6px;    /* Position the tooltip text */  position: absolute;   z-index: 1;  bottom: 125%; left: 50%;  margin-left: -60px;
    /* Fade in tooltip */  opacity: 0; transition: opacity 1s;}

/* Tooltip arrow */
.tooltips2 .tooltiptext::after { content: ""; position: absolute;  top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid;
    border-color: #555 transparent transparent transparent;}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips2:hover .tooltiptext { visibility: visible;  opacity: 1;}
.pulse2 {/*  margin:100px;*/  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ background: #45453f none repeat scroll 0 0; border:6px solid #F28F00; display: block; width: 15px; height: 15px; border-radius: 50%; cursor: pointer; box-shadow: 0 0 0 rgba(242,143,0, 0.4);
  animation: pulse 2s infinite;}
.pulse2:hover { animation: none;}

@keyframes pulse2 {
  0% {
    box-shadow: 0 0 0 0 rgba(242,143,0, 0.4);
  }
  70% {
      box-shadow: 0 0 0 10px rgba(242,143,0, 0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(242,143,0, 0);
  }
}



/* tooltips3  */
 /* Tooltip container */
.tooltips3 { position: relative; display: inline-block;border-radius:1500px;width:15px;height:15px;right: 618px;top: 226px;}

/* Tooltip text */
.tooltips3 .tooltiptext {visibility: hidden;  width:350px;  background-color: #555;  color: #fff;  text-align: center;  padding: 5px 0;
    border-radius: 6px;    /* Position the tooltip text */  position: absolute;   z-index: 1;  bottom: 125%; left: 50%;  margin-left: -60px;
    /* Fade in tooltip */  opacity: 0; transition: opacity 1s;}

/* Tooltip arrow */
.tooltips3 .tooltiptext::after { content: ""; position: absolute;  top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid;
    border-color: #555 transparent transparent transparent;}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips3:hover .tooltiptext { visibility: visible;  opacity: 1;}
.pulse3 {/*  margin:100px;*/  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ background: #45453f none repeat scroll 0 0; border:6px solid #93278F; display: block; width: 15px; height: 15px; border-radius: 50%; cursor: pointer; box-shadow: 0 0 0 rgba(147,39,143, 0.4);
  animation: pulse 2s infinite;}
.pulse3:hover { animation: none;}

@keyframes pulse3 {
  0% {
    box-shadow: 0 0 0 0 rgba(147,39,143, 0.4);
  }
  70% {
      box-shadow: 0 0 0 10px rgba(147,39,143, 0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(147,39,143, 0);
  }
}





/* tooltips4  */
 /* Tooltip container */
.tooltips4 { position: relative; display: inline-block;border-radius:1500px;width:15px;height:15px;  right: 422px;top: 137px;}

/* Tooltip text */
.tooltips4 .tooltiptext {visibility: hidden;  width: 350px;  background-color: #555;  color: #fff;  text-align: center;  padding: 5px 0;
    border-radius: 6px;    /* Position the tooltip text */  position: absolute;   z-index: 1;  bottom: 125%; left: 50%;  margin-left: -60px;
    /* Fade in tooltip */  opacity: 0; transition: opacity 1s;}

/* Tooltip arrow */
.tooltips4 .tooltiptext::after { content: ""; position: absolute;  top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid;
    border-color: #555 transparent transparent transparent;}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips4:hover .tooltiptext { visibility: visible;  opacity: 1;}
.pulse4 {/*  margin:100px;*/  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ background: #45453f none repeat scroll 0 0; border:6px solid #3DCEB5; display: block; width: 15px; height: 15px; border-radius: 50%; cursor: pointer; box-shadow: 0 0 0 rgba(61,206,181, 0.4);
  animation: pulse 2s infinite;}
.pulse4:hover { animation: none;}

@keyframes pulse4 {
  0% {
    box-shadow: 0 0 0 0 rgba(61,206,181, 0.4);
  }
  70% {
      box-shadow: 0 0 0 10px rgba(61,206,181, 0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(61,206,181, 0);
  }
}














.nspBotInterface, .nspTopInterface{ direction:rtl;}
.nspArt p.nspText{ direction:rtl;}
.nspArt .tcenter{ direction:rtl;}
.nspArt h4.nspHeader a{ color:#21214f;}


#portfolio-filter{ display:inline-block;}
.jun-item .jun-item-content .jun-content-title{ color:#fff;}
div.effect-julia{ background:#000;}
.jun-portfolio-filters.clearfix { margin-bottom: 12px;}
.jun-item .jun-item-content .jun-content-title{ font-weight:normal; text-align:center;}
.jun-portfolio-filters #filter .jun-filter a.active{ background:#21214f;}

.beh-header{ background:#21214f;}
ul.beh-hmenu > li > a:hover, .desktop ul.beh-hmenu > li:hover > a{ color:#F90;}
ul.beh-hmenu > li > a.active{color:#F90;}
ul.beh-hmenu ul::before{ background:#21214f;}
ul.beh-hmenu ul li a:hover, .desktop ul.beh-hmenu ul li:hover > a{color:#F90; text-shadow:inherit;}
.sp-optima-layout .animate-in .sp-animation-1{ margin-bottom:50px;}
.sp-slider-content{padding-top:20%;}
.beh-header{ border:0;}
.map{ background:url(../images/map.png) no-repeat center top; width:1056px; height:630px; margin:0 auto;}




.round {
    box-shadow: 1px 0px 9px #d3dbff;
    padding: 1px;
    width: auto;
    border-radius: 50px;
height:507px;
}
.a1 {
    margin: 50px auto;
    text-align: center;
    background: #ededed;
    padding: 5px;
    width: 550px;
border: 1px solid #ddd;
color:#21214f;
font-size:20px;
position: relative;
box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
}

.titlea {
    width: 100%;
    display: block;
    float: right;
    border: 1px solid #ddd;
text-align:center;
margin:50px auto;
color:#21214f;
font-size:20px;
position: relative;
box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
}

.titleb {
    width: 100%;
    display: block;
    float: left;
    border: 1px solid #ddd;
text-align:center;
margin:50px auto;
color:#21214f;
font-size:20px;
position: relative;
box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
}
.titlea h1 {
    background: #ccc;
    width: 50px;
    margin: 0 auto;
    margin-top: -15px;
color:#777678;
font-size:12px;
}
.titleb h1 {
    background: #ccc;
    width: 50px;
    margin: 0 auto;
    margin-top: -15px;
color:#777678;
font-size:12px;
}
.a2 {
    margin: 50px auto;
    text-align: center;
    background: #ededed;
    padding: 10px;
    width: 550px;
border: 1px solid #ddd;
display: table;
color:#21214f;
font-size:20px;
position: relative;
box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
}
.time{
   background: rgba(0, 0, 0, 0) url("../images/timeline.png") repeat-y scroll 0 0;
    display: block;
    height: 507px;
    right: 50%;
/*    margin: 0 auto 0 -5px;*/
    position: absolute;
    width: 10px;
    z-index: 0;
}
.titlebb {
    background: rgba(0, 0, 0, 0) url("http://www.nowsun.ir/templates/webdevelop/css/../images/flash.png") no-repeat scroll right center;
    display: block;
    float: left;
    padding: 6px;
    width: 45%;
}
.titleaa {
    background: rgba(0, 0, 0, 0) url("http://www.nowsun.ir/templates/webdevelop/css/../images/flash2.png") no-repeat scroll left center;
    display: block;
    float: right;
    padding: 6px;
    width: 45%;
}
.pointer{
   background: rgba(0, 0, 0, 0) url("http://www.nowsun.ir/templates/webdevelop/css/../images/pointer.png") no-repeat scroll center center;
   height: 20px;
    right: 49%;
    width: 20px;
    position: absolute;
    margin: 0 auto;
    padding: 9px;
margin-top: 60px;
}

.beh-nostyleupdown .gkTabsWrap.vertical ol, .gkTabsWrap.horizontal > ol{
border-bottom:0px;
background:#fff;
}
.beh-nostyleupdown .gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li.active{float:right;}
.beh-nostyleupdown .gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li{float:right;}
.beh-nostyleupdown .gkTabsWrap{background:#fff;}
#up > span{display:none;}
#down > span{display:none;}
#up{ background:url(../images/angle-down.png) no-repeat center;  box-shadow: 0 0 1px #c5c5c5 inset, 0 1px 1px #c5c5c5 inset; border-radius: 5px;}
#down{ background:url(../images/angle-up.png) no-repeat center; box-shadow: 0 0 1px #c5c5c5 inset, 0 1px 1px #c5c5c5 inset; border-radius: 5px;}
.beh-nostyleupdown .gkTabsWrap.vertical ol li.active, .gkTabsWrap.vertical ol li.active:hover{height:24px !important;}


.nowsun {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 9999;
    height: 100px;
background: #21214F;
}

.responsive .beh-nostylelinksup img {
    width: 35px !important;
    height: 35px !important;
    max-width: 50px !important;
}







.menu {width:100%;}

.menu-padding {padding-top:40px;}







.sp-title.sp-animation-1{font-size: 32px !important;}