/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */

/* Base
----------------------------------------------------------------------------------------------------*/

h1,
h3,
a,
.mod-box .module-title,
.mod-line .module-title,
.menu-dropdown li.active .level1,
.menu-dropdown a.level2:hover,
.menu-dropdown a.level3:hover,
.menu-sidebar a:hover,
.menu-sidebar li > span:hover,
.wk-slideshow-revista-tabs .nav li.active { color: #B2251F; }

a:hover { color: #520c0e; }

em,
code { color: #2876B5; }

ins,
mark,
#system span.highlight { background-color: #f4e4d5; }

mark { color: #B2251F; }

::-moz-selection { background: #f4e4d5; color: #B2251F; }
::selection { background: #f4e4d5; color: #B2251F; }


/* Layout
----------------------------------------------------------------------------------------------------*/

#menubar { background: url(../images/menubar2.png) 0 0 repeat-x; }

#toolbar a:hover,
.mod-box-black a:hover { color: #db5154; }

#footer { background: url(../images/footer.png) 0 0 repeat-x; }


/* Menus
----------------------------------------------------------------------------------------------------*/

.menu-dropdown a.level1,
.menu-dropdown span.level1,
.mod-box-color .menu-sidebar a,
.mod-box-color .menu-sidebar li > span { color: #6f6f6f; }

.menu-dropdown li.active .level1 { color:#B2251F; }

.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { border-bottom-color: #d85457; }

.menu-dropdown a.level3 { background: url(../images/menu_dropdown_level3.png) 0 0 no-repeat; }

.mod-box-color .menu-sidebar li.level1 { border-top-color: #cb5950; }

.menu-sidebar .level2 a { background: url(../images/menu_sidebar_level2.png) 0 0 no-repeat; }

#toolbar .menu-line li { background: url(../images/menu_line_top.png) 0 0 no-repeat; }


/* Modules
----------------------------------------------------------------------------------------------------*/

/* Module Box Color */
.mod-box-color {
	border: 1px solid #9d2a27;
	background: #C43431 url(../images/module_box_color.png) 0 0 repeat-x;
	box-shadow: 0 1px 1px rgba(0,0,0,0.06);
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.mod-box-color .module-title { border-bottom-color: #cb5950; }

.mod-box-color .module-title .color { color: #fff; }

.mod-box-color h2,
.mod-box-color h3,
.mod-box-color h5,
.mod-box-color a,
.mod-box-color em,
.mod-box-color code,
.mod-box-color .module-title,
.mod-box-color .module-title span.subtitle { color: #f4e4d5; }

/* Tools
----------------------------------------------------------------------------------------------------*/

/* Button More */
.mod-box-color a.button-more,
.mod-box-color form.style button,
.mod-box-color form.style input[type="button"],
.mod-box-color form.style input.button,
.mod-box-color form.style #submit {
	border-color: #912624;
	border-bottom-color: #731e1d;
	color: #f4e4d5;
}

.mod-box-color a.button-more:hover,
.mod-box-color form.style button:hover,
.mod-box-color form.style input[type="button"]:hover,
.mod-box-color form.style input.button:hover,
.mod-box-color form.style #submit:hover {
	border-color: #912624;
	border-bottom-color: #731e1d;
}

.mod-box-color a.button-more:active,
.mod-box-color form.style button:active,
.mod-box-color form.style input[type="button"]:active,
.mod-box-color form.style input.button:active,
.mod-box-color form.style #submit:active {
	border-color: #912624;
	border-top-color: #731e1d;
	border-bottom-color: #912624;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
}

/* Line */
.mod-box-color ul.line > li { border-top-color: #cb5950; }

/* Check */
ul.check > li { background: url(../images/tools/list_check.png) 0 0 no-repeat; }

/* Zebra List and Table */
.mod-box-color ul.zebra > li { border-bottom-color: #cb5950; }
.mod-box-color ul.zebra > li:first-child{ border-top-color: #cb5950; }

.mod-box-color ul.zebra > li.odd { background: #cf4644; }
.mod-box-color ul.zebra > li:nth-of-type(odd) { background: #cf4644; }

em.box {
	border-color: #cb5950;
	background: #fae6e6;
	color: #B2251F;
}

/* Form Elements */
.mod-box-color form.style input[type="text"],
.mod-box-color form.style input[type="password"],
.mod-box-color form.style select,
.mod-box-color form.style textarea,
.mod-box-color form.style input[type="text"]:focus,
.mod-box-color form.style input[type="password"]:focus,
.mod-box-color form.style select:focus,
.mod-box-color form.style textarea:focus  {
	border-color: #912624;
	border-top-color: #731e1d;
}


/* System
----------------------------------------------------------------------------------------------------*/

.searchbox input:-moz-placeholder { color: #f4e4d5; }
.searchbox input::-webkit-input-placeholder { color: #f4e4d5; }
.searchbox input.placeholder { color: #f4e4d5; }

.searchbox.loading button { background: url(../images/searchbox_loader.gif) 50% 50% no-repeat; }


/* Extensions
----------------------------------------------------------------------------------------------------*/

/* Slideshow */
.wk-gallery-revista-default .nav span { background-image: url(../images/widgetkit/nav_overlay.png); }
.wk-slideshow-revista-articles .nav span,
.wk-slideset-revista .nav.icon span { background-image: url(../images/widgetkit/nav.png); }
a.level4 {color: #A1A1A1; margin-right: 14px; font-size: 11px;}


/* Nagsh.ir other sites */
a.clipyar {float:left}
.clipyar {width: 115px; height:38px; display:block; background-image: url('http://nagsh.ir/images/other-sites-grey.png'); background-position: 0 0;}
.clipyar:hover {background-image: url('http://nagsh.ir/images/other-sites.png'); background-position: 0 0;}

a.indesign {float:left}
.indesign {width: 115px; height:38px; display:block; background-image: url('http://nagsh.ir/images/other-sites-grey.png'); background-position: -122px 0;}
.indesign:hover {background-image: url('http://nagsh.ir/images/other-sites.png'); background-position: -122px 0;}

a.calendar-site {float:left}
.calendar-site {width: 115px; height:38px; display:block; background-image: url('http://nagsh.ir/images/other-sites-grey.png'); background-position: -253px 0;}
.calendar-site:hover {background-image: url('http://nagsh.ir/images/other-sites.png'); background-position: -253px 0;}

a.freepik {float:left}
.freepik {width: 115px; height:38px; display:block; background-image: url('http://nagsh.ir/images/other-sites-grey.png'); background-position: -374px 0;}
.freepik:hover {background-image: url('http://nagsh.ir/images/other-sites.png'); background-position: -374px 0;}

a.parvaneh {float:left}
.parvaneh {width: 115px; height:38px; display:block; background-image: url('http://nagsh.ir/images/other-sites-grey.png'); background-position: -498px 0;}
.parvaneh:hover {background-image: url('http://nagsh.ir/images/other-sites.png'); background-position: -498px 0;}

img.splitter {float: left;}

.module.mod-box.other-sites.deepest {
    margin-top: -5px;
    border-top: none;
    padding-top: 5px;
    padding-bottom: 10px;
    border-radius: 0 0 4px 4px;
}
.nagsh-subscribe {
	width: 485px;
    float: left;
    margin-left: 3px;
    display: block;
}
.subscribe-Img {
	width: 485px;
	height: 277px;
	display:block;
	background-image: url('http://nagsh.ir/images/Nagsh-Subscribe-1.jpg');
}

.subscribe-Img:hover {
	background-image: url('http://nagsh.ir/images/Nagsh-Subscribe-2.jpg');
}

.nagsh-container {
  position: relative;
  width: 161px;
  float: left;
  margin-right: 3px;
  margin-top: 3px;
}

.nagsh-image1 {
  display: block;
  width: 161px;
  height: 135px;
  background-image: url(http://nagsh.ir/images/Nagsh-Qucik-access.png);
  background-position: 0 0;
}
.nagsh-image2 {
  display: block;
  width: 161px;
  height: 135px;
  background-image: url(http://nagsh.ir/images/Nagsh-Qucik-access.png);
  background-position: -165px 0;
}
.nagsh-image3 {
  display: block;
  width: 161px;
  height: 135px;
  background-image: url(http://nagsh.ir/images/Nagsh-Qucik-access.png);
  background-position: -330px 0;
}
.nagsh-image4 {
  display: block;
  width: 161px;
  height: 135px;
  background-image: url(http://nagsh.ir/images/Nagsh-Qucik-access.png);
  background-position: 0 135px;
}
.nagsh-image5 {
  display: block;
  width: 161px;
  height: 135px;
  background-image: url(http://nagsh.ir/images/Nagsh-Qucik-access.png);
  background-position: -165px 135px;
}
.nagsh-image6 {
  display: block;
  width: 161px;
  height: 135px;
  background-image: url(http://nagsh.ir/images/Nagsh-Qucik-access.png);
  background-position: -330px 135px;
}
.nagsh-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #9e0000c7;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.nagsh-container:hover .nagsh-overlay {
  bottom: 0;
  height: 100%;
}

.nagsh-text {
  color: white;
  direction: rtl;
  font-family: tahoma;
  width: 130px;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.nagsh-text a {
  color: white;
  text-decoration: none;
  font-size: 14px;
}
.nagsh-text h1 {
  border-bottom: solid 1px #ffffff5e;
  margin:0;
  padding-bottom: 4px;
}



    .flip-container {
        perspective: 1000;
        display: inline-block;
    }
    .flip-container:hover .card {
        transform: rotateY(180deg);
    }
    .card, .front, .back {
        width: 485px;
        height: 277px;
    }
    .card {
        transition: 0.5s;
        transform-style: preserve-3d;
        position: relative;
    }
    .front, .back {
        backface-visibility: hidden;
        position: absolute;
    }
    .front {
        z-index: 1;
        transform: rotateY(180deg);
        background: url("http://nagsh.ir/images/Nagsh-Subscribe-2.jpg") no-repeat;
    }
    .back {
        z-index: 2; /* back side, placed above front */
        transform: rotateY(0deg);
        background: url("http://nagsh.ir/images/Nagsh-Subscribe-1.jpg") no-repeat;
    }



.nagsh-sub {
  max-width: 900px;
  height: 530px;
  margin: 20px auto -60px auto;
  font-family: nassim;
}

.silver, .plat {
  float: left;
  width: 220px;
  background: rgb(243, 243, 243);
  text-align: center;
}
.silver:hover {z-index: 999; border-radius: 5px;}
.plat:hover {z-index: 999; border-radius: 5px;}
.gold {
  float: left;
  position: relative;
  width: 220px;
  top: -25px;
  padding: 20px 0;
  background: rgb(209, 73, 67);
  text-align: center;
  border-radius: 5px;

  & > h1, & > h2, & > p, & > span {
    color: rgba(255,255,255,1);  }
}
.gold:hover {z-index: 999; border-radius: 5px;}
.gold p {color: rgba(255, 255, 255, 0.65);  border-top: solid 1px #ffffff3b; padding: 3px 0;}
.gold h1 {color: #fff;}
.gold h2 {color: rgba(255, 255, 255, 0.65)}
.nagsh-sub h1 {
    margin: 20px 0 10px 0;
    font-size: 24px;
    font-family: nassim;
    font-weight: bold;
}

.nagsh-sub h2 {
    font-size: 14px;
    color: rgb(251, 81, 56);
    font-weight: 500;
    background: rgba(160, 160, 160, 0.15);
    padding: 7px 0;
    font-family: iransans;
}

.plat p {
    color: rgba(0, 0, 0, 0.50);
    border-top: solid 1px #ffffff;
    padding: 3px 0;
}

.silver p {
    color: rgba(0, 0, 0, 0.50);
    border-top: solid 1px #ffffff;
    padding: 3px 0;	
}

.nagsh-sub span {
  margin-bottom: 0px;
  padding-bottom: 10px;
  display: inline-block;
  width: 125px;
  font-size: 1em;
  font-weight: 700;
  color: rgba(0,0,0,.5);
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.gold button {
    background: #ffffffb5 !important;
    margin: 45px auto !important;
}
.gold h2 {
    background: rgba(255, 255, 255, 0.15);
    padding: 7px 0;
    color: #fff;
    font-size: 12px;
}
.nagsh-sub .price {
  height: 120px;
  width: 120px;
  text-align: center;
  background-color:#fff;
  border-radius: 50%;
  line-height: 27px;
  color: #ccc;
  font-size: 23px;
  font-weight: bold;
  margin: 20px auto;
  -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
  transition: width 1s, height 1s, transform 1s;
}
.nagsh-sub .price:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
p.old-price{
    text-decoration: line-through;
    color: #ff9685;
    margin-bottom: -5px;
}
p.price-no {
    font-size: 20px;
    font-weight: 500;
    color: #fd5236;
}
p.g-price-no {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}
.offer1 {
    background: #fff url(http://nagsh.ir/images/Subscribe-pic.jpg);
    background-position: 10px 0;
}
.offer2 {
    background: #fff url(http://nagsh.ir/images/Subscribe-pic.jpg);
    background-position: -88px 0;
}
.offer3 {
    background: #fff url(http://nagsh.ir/images/Subscribe-pic.jpg);
    background-position: -194px 0;
}
.offer4 {
    background: #fff url(http://nagsh.ir/images/Subscribe-pic.jpg);
    background-position: 118px 5px;
}

a.nagsh-button {
  display: block;
  margin: 20px auto;
  width: 150px;
  background: rgb(208, 208, 208);
  border: none;
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.60);
  font-size: 19px;
  font-family: nassim;
  line-height: 40px;
}

a.nagsh-button1 {
  display: block;
  width: 150px;
  border: none;
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.60);
  font-size: 19px;
  font-family: nassim;    
  background: #ffffffb5 !important;
  margin: 20px auto !important;
  line-height: 40px;
}

span.week-day {
    float: right;
    font-size: 11px;
    color: #b1b1b1;
    text-align: left;
    width: 13%;
    line-height: 25px;
}

span.day {
    float: right;
    margin-right: 23px;
    font-size: 11px;
    color: #b1b1b1;
    text-align: right;
    line-height: 25px;
    width: 20%;
}

span.monasebat {
    float: right;
    margin-right: 20px;
    text-align: center;
    width: 51%;
    font-size: 12px;
    line-height: 25px;
}
.archive-b {float: right; padding: 3px 10px; background: #f4f4f4; margin: 8px 12px; border-radius: 3px; width: 93.5%; text-align: center; font-size: 90%; color: #909090;}
.archive-b:hover { background: #f1f1f1; }
.archive-pic {width:600px; margin-top: -10px !important; float: right;}
.footer-nagsh a {color: #cecece;}
.footer-nagsh a:hover {color: #fff;}
orange-text {color: #ffd200;}
orange-text a {color: #ffd200;}
orange-text a:hover {color: #fff;}
a.orange-text {color: #ffd200;}
a.orange-text:hover { color: #fff; }
.footer-text {color: #cecece; text-shadow: none; font-size: 12px}
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: inherit;
  backface-visibility: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
}
.timeline h2 {
    color: #666679;
    margin: 5px 0;
}