#container_wrapper {
    overflow: hidden;
}
   
 body {
    margin: 0;
    direction: rtl;
    font-family: HelveticaNeueLight;
    /* overflow-x: hidden; */
    transition: all .3s ease-in-out;
    right: 0;
    position: relative;
    color: #222;
    background-color: #f5f5f5;
}
ul{
    list-style-type: none;
}
* {
    margin: 0px;
    padding: 0px;
    outline: none;
    font-family: dinar, sans-serif;
    /* border: none; */
    text-decoration:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: HelveticaNeueLight;
    direction: ltr;
    font-family: GuardianSansRegular;
}
a{
    color:inherit;
}
div#container_wrapper {
    min-height: 400px;
    /* margin-top: 98px !important; */
}

     #loading-img {
    text-align: center;
    padding-top: 300px;
    width: 100%;
    direction: rtl;
    height: 100%;
    z-index: 10000;
    background-color: rgba(107,107,107,.31);
    position: fixed;
    top: 0;
    right: 0;
    padding-top: 300px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    #loading-img > div {
        z-index: 1000;
        position: relative;
        width: 0px;
        height: 32px;
        border-radius: 13px;
        margin: 0 auto;
        background-color: #FFF;
        padding: 14px 38px;
        border: none;
        color: white;
        font-size: 17px;
     
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

.span_loaddingImg {
    height: 100px;
    position: absolute;
    right: -23px;
    background: url(/Content/base/dynamic/shopping519/loading-2.gif);
    width: 79px;
    background-repeat: no-repeat;
}

div#container_wrapper, div#container, div#mainContent, .textContent, .resizable {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: none;
    height: auto !important;
    position: relative;
}
.resizable {
    background: none;
    width: 100%;
    padding: 60px 0;
}
.col-lg-1 {
    width: 100%;
}

.col-lg-2 {
    width: 50%;
}

.col-lg-3 {
    width: 33.33333333%;
}

.col-lg-4 {
    width: 25%;
}

.col-lg-5 {
    width: 20%;
}

.col-lg-6 {
    width: 16.666666%;
}

.col-lg-7 {
    width: 14.28%;
}

.col-lg-8 {
    width: 12.5%;
}

.col-lg-9 {
    width: 11.111111%;
}

.col-lg-10 {
    width: 10%;
}
a {
  cursor:pointer;
}
/*...........................................................Start...........................................*/
@font-face {
  font-family: 'IRANSansWeb_FaNum';
  src: url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).eot"), url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"), url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).woff2") format("woff2"), url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).woff") format("woff"), url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).ttf") format("truetype");
  /* Safari, Android, iOS */
  font-weight: normal; }

   @font-face {
  font-family: 'GuardianSansRegular';
  src: url("/Content/fonts/GuardianSans//GuardianSans-Regular-Web.eot") format("embedded-opentype"), 
   url("/Content/fonts/GuardianSans//GuardianSans-Regular-Web.woff")  format("woff"), 
   url("/Content/fonts/GuardianSans//GuardianSans-Regular-Web).ttf") format("truetype");
  font-weight: normal; }

.top-bar
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
    background: linear-gradient(0deg, rgba(186, 209, 241, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    margin-bottom: 1px;
    color: #fff;
 }
.container {
    max-width: 1170px;
    width: 90%;
    margin: 0 auto;
    height: 52px;
}
.header-topbarbox-2:after
{
    content: "";
    display: inline-block;
    width: 100%;
    clear: both;
}
.header-topbarbox-1, .header-topbarbox-2
{
    padding: 15px 0;
    /* float: left; */
    display: inline-block;
}
.header-topbarbox-1 ul li 
{
	display:inline-block;
	font-size: 13px;
	margin-left: 31px;
	position: relative;
}
.header-topbarbox-2
{
    float:right;
}
.top-bar ul {
    margin-top: 5px;
    padding: 0;
    font-weight: 500;
    margin-left: 91px;
}
.header-topbarbox-2 li {
    display: inline-block;
    font-size: 13px;
    margin-left: 10px;
    width: 25px;
    height: 25px;
    position: relative;
}
.top-bar li a 
{
	width:100%;
	height:100%;
	display: inline-block;
	background-size: 20px!important;
	background-repeat: no-repeat!important;
}
.top-bar li i 
{
    margin-right: 8px;
    position: absolute;
    left: -14px;
}
.header-social-link a {
    padding: 0px 3px !important;
}
.header-social-link a i {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
}
#msScroll_wrapper
{
    position:relative;
}
#virtualView
{
    position:absolute;
    top:0;
    z-index: 1003;
    width: 100%;
}
/*.................................................Start Menu and Logo............................................*/

div#layout-logo {
    background-image: url(/Content/base/dynamic/shopping1227/img/104481.jpg);
    top: calc(50% - 20px);
    width: 175px;
    height: 119px;
    float: right;
    background-size: contain;
    background-repeat: no-repeat;
}
.fixMenue div#layout-logo
{
   background-image: url(/Content/base/dynamic/shopping1227/img/104481.jpg);
   height: 45px;
   top: 12px;
   width: 73px;
}

div#headerContainer {
    position: absolute;
    width: 100%;
    z-index: 1000;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 53px;
    font-size: 15px;
}
div#headerContainer  #headerContent
{
  width: 90%;
  max-width: 1170px;
  margin:0 auto;
  text-align: left;
}
#headerContainer > div:last-child
 {
     width: 90%;
     margin: 0  auto;
     height:20px;
     text-align: left;
     position: absolute;
     max-width: 1170px;
     top: 10px;
     left: 0;
     right: 0;
 }
.fixMenue div#headerContainer, body[data-menuid="0"] div#headerContainer,
 body[data-menuid="-2"] div#headerContainer
{
	position:fixed;
	top:0;
	padding-top: 0;
	background: #fff;
	color: #333 !important;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all .5s ease-out;
	border-bottom: 1px solid rgba(000, 000, 000, 0.15);
}
.fixMenue #headerContent
{
	padding: 5px 0;
}
.fixMenue ul#mainNavigation > li > a, body[data-menuid="0"] ul#mainNavigation > li > a,
 body[data-menuid="-2"] ul#mainNavigation > li > a
.fixMenue ul#mainNavigation > li > a
{
  padding: 15px 0!important;
}
body[data-menuid="-2"] .top-bar, body[data-menuid="0"] .top-bar
{
  display:none
}
.fixMenue ul#mainNavigation li a.arrow:after
{
	border-color: transparent #000 transparent transparent;
	z-index: -1;
}
.fixMenue ul.subSecondNavigation
{
	/* top: 108%; */
}
.fixMenue ul#mainNavigation > li, body[data-menuid="0"] ul#mainNavigation>li,
 body[data-menuid="-2"] ul#mainNavigation>li
{
	color: #333;
}

ul#mainNavigation > li {
    display: inline-block;
    position: relative;
    color: #fff;
    float: left;
}
    ul#mainNavigation  li a 
{
    -webkit-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -o-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
}
ul#mainNavigation > li > a 
{
    padding: 30px 0 !important;
    display:block;
    margin: 0 12px;
    position: relative;
    top: -3px;
}
ul#mainNavigation > li > a.selected
{
  border-top:4px solid #551b1b;
}
ul#mainNavigation > li:hover:after{
 
      width: 100%;
}
ul#mainNavigation > li:hover > a, ul.subSecondNavigation li:hover a 
{
    color:#551b1b;

}
div#headerContainer.fixed ul.subSecondNavigation
{
    margin-top: 33px;
}

ul.subSecondNavigation li {
    white-space: nowrap;
}
ul.subSecondNavigation li a 
{
    padding: 5px 30px 5px 20px;
    display: block;
    font-size: 14px;
}
ul.subSecondNavigation li:hover a 
{
 color:#dc2d13;
}

ul.subSecondNavigation li:hover:before
{
 opacity:1;

}
ul.subSecondNavigation {
    position: absolute;
    right: 0px;
    min-width: 170px;
    width: auto;
    color: #333;
    z-index: 50;
    min-height: 0;
    background: #fff;
    height: auto !important;
    overflow: visible !important;
    padding: 10px 0;
}
ul.subSecondNavigation .subSecondNavigation 
{
  right: 169px;
  top: 17px;
}
ul#mainNavigation li a.arrow:after
{
    content: '\f107';
    position: absolute;
    top: 44%;
    left: -12px;
    right: auto;
    display: inline-block;
    font: 400 13px "FontAwesome";
    text-align: center;
    transition: 0.4s all ease;
    z-index: -1;
    color: #ffffff;
    will-change: transform;
    -webkit-filter: blur(0);
}

/*.....................................................Start Slideshow......................................................*/
.resizable[data-tmplname="slideshow"] {
    height: 0!important;
    overflow: hidden;
    padding-bottom: 57%;
    position: relative;
}
.resizable[data-tmplname="slideshow"]:after, .resizable[data-tmplname="slideshow"]:before,
.resizable[data-boxstyle="imgHeader"]:after,.resizable[data-boxstyle="imgHeader"]:before
{
    content:"";
    position: absolute;
    bottom: -3vw;
    right:0;
    width: 51%;
    height: 8vw;
    background-color: #f5f5f5;
    z-index: 101;
    transform: skewY(-4.5deg);
}
.resizable[data-tmplname="slideshow"]:after, .resizable[data-boxstyle="imgHeader"]:after
{
    left:0;
    right:auto;
        transform: skewY(4.5deg);
}
    .resizable[data-tmplname="slideshow"] .frontpage-gallery {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
    }
        .resizable[data-tmplname="slideshow"] .frontpage-gallery > div {
            width: 100% !important;
            height: 100% !important;
        }
         .resizable[data-tmplname="slideshow"] .slideShowContent
         {
             position:absolute;
             width: 90%;
             max-width: 1000px;
             left: 0;
             right: 0;
             margin: 0 auto;
             z-index: 1000;
             color: #fff;
             text-shadow: 4px 2px 5px #103e77;
             padding-right: 20px;
             font-size: 26px;
             font-size: 1.5rem;
             /* white-space: pre; */
             text-align: center;
             line-height: 35px;
             bottom: 23%;
         }
         .resizable[data-tmplname="slideshow"] .slideShowContent .btn
         {
             font-size:16px;
             display: inline-block;
             padding: 10px 16px;
             transform: skewX(-16deg);
           }
         
       .resizable[data-tmplname="slideshow"] .slideShowContent .btn:hover:after 
       {
         height: 350%;
         opacity: 1;
        
       }

         .resizable[data-tmplname="slideshow"] .slideShowContent h2
         {
             font-size:50px;
             font-size: 2.5rem;
             margin-bottom:20px;
             line-height: 60px;
         }
        .resizable[data-tmplname="slideshow"] .slideShowContent p 
         {
             white-space:pre;
         }
.resizable[data-tmplname="slideshow"] .frontpage-gallery div img{
    width:100%;
    height: auto;
}
.resizable[data-tmplname="slideshow"] .frontpage-gallery .slides-front > div img{
 
/* transform:scale(1.2); */
}
.resizable[data-tmplname="slideshow"] .frontpage-gallery .slides-front > div.active img{
 
-webkit-animation: slideImgAnim linear 4s both;
 
animation: slideImgAnim linear 4s both;
}
@-webkit-keyframes slideImgAnim {
   from{
  transform:scale(1);
   }
   to
   {
       transform:scale(1.2);
   }
}
@keyframes slideImgAnim {
      from{
 transform:scale(1);
   }
   to
   {
       transform:scale(1.2);
   }
}

.resizable[data-tmplname="slideshow"]  div.active .slideShowContent h2 ,
.resizable[data-tmplname="slideshow"]  div.active .slideShowContent p 
{
     right: 0;
     -webkit-animation: animateSlideContent linear .7s;
     animation: animateSlideContent  linear .7s;
     display: block !important;
     position: relative;
     margin-bottom: 13px;
}
@keyframes animateSlideContent {
    from{
        right: -50%;
    }
    to {
        right: 2%;
    }
}
.resizable[data-tmplname="slideshow"] div.active .slideShowContent .btn
{
     top: 0;
     position: relative;
     -webkit-animation: animateSlideA linear .7s;
     animation: animateSlideA  linear .7s;
}

@keyframes animateSlideA
{
  from
  {
   
    top:-100px
  }
  to 
  {
   
    top:0;
  }
}
.slidesjs-control {
    height: auto !important;
}
    .slidesjs-control img {
        width: 100%;
    }
.resizable[data-tmplname="slideshow"] .slidesjs-previous, .resizable[data-tmplname="slideshow"] .slidesjs-next {
    opacity:0;
    -webkit-transition: all .6s cubic-bezier(0.23,1,0.32,1);
    -moz-transition: all .6s cubic-bezier(0.23,1,0.32,1);
    -o-transition: all .6s cubic-bezier(0.23,1,0.32,1);
    transition: all .6s cubic-bezier(0.23,1,0.32,1);
    position: absolute;
    top: 50%;
    margin-top: -35px;
    z-index: 999;
    width: 70px;
    height: 70px;
    color: transparent;
    font-size: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.resizable[data-tmplname="slideshow"]:hover .slidesjs-previous, .resizable[data-tmplname="slideshow"]:hover .slidesjs-next
{
    opacity:1
}

.resizable[data-tmplname="slideshow"] .slidesjs-previous {
  
left: 2%;
}
.slidesjs-previous:before, .slidesjs-next:before
 {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 30px;
    display: block;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 36px;
    /* bottom: 0; */
    transform: translateY(-50%);
    right: 0;
    left: 0;
    margin-top: -3px;
    cursor: pointer;
    z-index:1;
}
.slidesjs-previous:before {
    content: "\f104";
}
.slidesjs-previous:after, .slidesjs-next:after
{
  content:"";
  display:inline-block;
  width:70px;
  height:70px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius:50px;
  opacity:0;
  transform:scale(0);
  transition:all .3s;
}
.slidesjs-previous:hover:after, .slidesjs-next:hover:after
{
  opacity:1;
  transform:scale(1)
}

.resizable[data-tmplname="slideshow"] .slidesjs-next {
       right: 2%;
}
.resizable[data-tmplname="slideshow"] .frontpage-gallery .slides-front > div {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
-webkit-animation: slideFadeOut linear .5s both;
animation: slideFadeOut linear .5s both;
}
.resizable[data-tmplname="slideshow"] .frontpage-gallery .slides-front > div:first-child .about
{
	margin: 0 auto;
	display: inline-block;
	height: 50px;
	width: 121px;
	z-index: 1000;
	font-size: 16px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 77px;
}
{

}
.resizable[data-tmplname="slideshow"] .frontpage-gallery .slides-front > div.active {-webkit-animation: slideFadeIn linear .5s both;animation: slideFadeIn linear .5s both;z-index: 2;}

@-webkit-keyframes slideFadeOut {
   from{
 opacity:1;
   }
   to
   {
       opacity:0;
   }
}
@keyframes slideFadeOut {
    from{
 opacity:1;
   }
   to
   {
       opacity:0;
   }
}

@-webkit-keyframes slideFadeIn {
   from{
 opacity:0;
   }
   to
   {
       opacity:1;
   }
}

@keyframes slideFadeIn {
    from{
 opacity:0;
   }
   to
   {
       opacity:1;
   }
}
.resizable[data-tmplname="slideshow"] .frontpage-gallery .slides-front > div:after {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     top: 0;
     right: 0;
     left: 0;
     background: rgba(59, 67, 76, 0.5);
}

.resizable[data-boxstyle="aryan"] span.outImage:after, .resizable[data-boxstyle="aryan"] span.outImage:before, .resizable[data-boxstyle="product"] span.outImage:after, .resizable[data-boxstyle="product"] span.outImage:before, .resizable[data-boxstyle="introduction"] .catblurb-info h4:after, .resizable[data-boxstyle="introduction"] .catblurb-info h4:before, .resizable[data-boxstyle="customer"] .catblurb h4:after, .resizable[data-boxstyle="customer"] .catblurb h4:before
 
  {
    display: block;
    position:absolute;
    width: 30px;
    margin-top: 2px;
    margin-left: 10px;
    border-top: 1px solid #ccc;
    content: '';
    bottom: -18px;
    right: -4px;
}
.resizable[data-tmplname="content"] ul li:after, .resizable[data-boxstyle="aryan"] span.outImage:after, 
{
    bottom: -21px;
    right: 7px;
} 
 .resizable[data-tmplname="tabs"] > h3, .resizable[data-tmplname="gallery"] > h3, .resizable[data-tmplname="news"] >h3 ,
.resizable[data-tmplname="content"] > h3,.resizable[data-tmplname="form"] > h3, .resizable[data-tmplname="AQ"] > h3
{display:block;margin-bottom: 20px;font-size:16px;font-weight: normal;}
.resizable[data-tmplname="tabs"] > h4, .resizable[data-tmplname="gallery"] > h4, .resizable[data-tmplname="news"] >h4 ,
#mainContent .resizable[data-tmplname="content"] > h4,.resizable[data-tmplname="form"] > h4, .resizable[data-tmplname="AQ"] > h4
{font-size: 38px;font-size: 1.9rem;position: relative;margin-bottom: 10px;}


/*.Start.........................imageHeader.............................................*/
.resizable[data-boxstyle="imgHeader"]{
    width: 100%;
    padding: 0;
    overflow: hidden;
    text-align: center;
    max-width: inherit;
    position: relative;
    max-height: 405px;
    margin-bottom: -70px;
}
.resizable[data-boxstyle="imgHeader"] > div:after
{
  content:"";
  width:100%;
  height:100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(0,0,0,0.8);
}
.resizable[data-boxstyle="imgHeader"] > div{
  width:100%;
  height:100%;
  line-height: 0;
}

.resizable[data-boxstyle="imgHeader"] img{
    width: 100%;
    top: 0px !important;
}

.resizable[data-boxstyle="imgHeader"] h3, .resizable[data-boxstyle="imgHeader"] h4
{
  position: absolute;
  color: white;
  top: 47%;
  transform: translateY(-50%);
  width: 90%;
  max-width: 1200px;
  margin: auto;
  right: 0;
  left: 0;
  font-size: 30px;
  font-size: 1.9rem;
  display: block;
  z-index: 100;
}
.resizable[data-boxstyle="imgHeader"] h4:after, .resizable[data-boxstyle="imgHeader"] h4:before
{
    display: block;
    //
    position: absolute;
    width: 30px;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    content: '';
    margin-top: 20px;
}
.resizable[data-boxstyle="imgHeader"] h4:before
{
  position:relative;
  top: 67px;
  right: 10px;
}

.resizable[data-boxstyle="imgHeader"] h3:after
{
    display:none;
}
.resizable[data-boxstyle="imgHeader"] h3 {
    margin-top: 75px;
    font-size: 14px;
    font-weight: normal;
    color: #777;
}
/*.......................................backGroundImg...........................*/
.resizable[data-boxstyle="backGroundImg"]
{
  position: absolute;
  width: 100%;
  line-height:0;
}

.resizable[data-boxstyle="backGroundImg"] > div
{
  position:relative;
}
.resizable[data-boxstyle="backGroundImg"] > div span 
{
	display: block;
	min-width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	background-attachment: fixed;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	//z-index: 100;
}
.resizable[data-boxstyle="backGroundImg"] > div img 
{
	min-width: 100%;
	height:auto;
}
.resizable[data-boxstyle="backGroundImg"] > div:after, .resizable[data-boxstyle="paralax"]:before
{
  content: "";
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  background: #2f2e2e;
  height: 100%;
  opacity: .8;
  }
                   
  #container_wrapper {
    overflow: hidden;
}
 
/*................................................Content.................................................*/
body[data-menuid="39783"] .resizable[data-tmplname="content"] li {
    color: #555;
}
 .resizable[data-tmplname="content"] {
    text-align: center;
    margin: auto;
    position: relative;
    padding: 80px 0 90px;
}
.resizable[data-tmplname="content"] > div{
	 width: 90%;
	 max-width: 1170px;
	 margin: 0 auto;
}
 .resizable[data-tmplname="content"] h3 , .resizable[data-tmplname="content"] h4
 {
   text-align:right;
 }
 .resizable[data-tmplname="content"] h4
 {
   color:#222;
 }
 
.resizable[data-tmplname="content"] h2
{
  margin-bottom: 12px;
  font-size: 18px!important;
  color: #222;
  position:relative;
  padding-right: 26px;
}
.resizable[data-tmplname="content"] h2 span.line
{
    display: block;
    width: 30px;
    margin-bottom: 25px;
    margin-top: 12px;
    border-top: 1px solid #ccc;
}
.resizable[data-tmplname="content"] h2 span.line:after
{
    display: block;
    width: 30px;
    margin-top: 2px;
    margin-right: 10px;
    border-top: 1px solid #ccc;
    content: '';
}
.resizable[data-tmplname="content"] h2:after,.resizable[data-tmplname="content"] h2:before,
.resizable[data-boxstyle="introduction"] .catblurb-info a:before,.resizable[data-boxstyle="introduction"] .catblurb-info a:after,
{
    content:"";
    display:inline-block;
    position:absolute;
}
.resizable[data-tmplname="content"] h2:after,.resizable[data-boxstyle="introduction"] .catblurb-info a:after
{/* transform: rotate(45deg); */display: inline-block;width: 14px;height: 14px;margin-left: 14px;margin-right: 3px;font-size: 8px;vertical-align: middle;border: solid 1px #ccc;background-color: #fff;transform: rotate(45deg);text-align: left;right:0;top: 8px;}
.resizable[data-tmplname="content"] h2:before, .resizable[data-boxstyle="introduction"] .catblurb-info a:before
{
    right: 10px;
    top: 12px;
    z-index: 2;
    border: 4px solid #d92c12;
    border-color: transparent  #d92c12 transparent transparent;
}
    .resizable[data-tmplname="content"] > div * {
        /* font-size: 16px; */
        /* color: black; */
        text-align: justify;
        line-height: 27px;
    }

    .resizable[data-tmplname="content"] > div img {
        max-width: 100%;
        height: auto !important;
        margin-bottom: 20px;
    }

    .resizable[data-tmplname="content"] > div tbody {
        /* width: 100%; */
        /* display: inline-table; */
    }

    .resizable[data-tmplname="content"] > div table {
        max-width: 100%;
        display: block;
        width: auto !important;
        margin-top: 10px;
        border: none;
    }

        .resizable[data-tmplname="content"] > div table td {
            padding: 0 10px;
            padding: 7px 15px;
            position: relative;
            transition: all 300ms;
            text-overflow: ellipsis;
            white-space: unset;
            overflow: hidden;
            max-width: 326px;
            text-align: right;
            line-height: 1.4;
        }

    .resizable[data-tmplname="content"] > div img[style *="float:left"], .resizable[data-tmplname="content"] > div img[style *="float: left"] {
        margin-right: 20px;
    }

    .resizable[data-tmplname="content"] > div img[style *="float:right"], .resizable[data-tmplname="content"] > div img[style *="float: right"] {
        margin-left: 20px;
    }

.resizable[data-tmplname="content"] ul {
    padding-top: 20px;
}

.resizable[data-tmplname="content"] li {
    position: relative;
    margin-bottom: 8px;
    display: block;
    padding-bottom: 25px;
    line-height: 30px;
    padding: 0px 30px;
    color: #555;
    color: #fff;
    font-weight: bold;
    /* box-shadow: -2px 0px 0 0 #c72035; */
}
.resizable[data-boxid="60480"] ul li:before{
	display:none!important;
}
.resizable[data-boxid="60480"] ul li{
	color:#333;
}

.resizable[data-tmplname="content"] ul li:before
{
	content:"";
	width: 25px;
	display: block;
	height: 26px;
	background-image: url("/Content/base/dynamic/shopping1227/img/104481.jpg");
	position: absolute;
	left: 5px;
	z-index: 100;
	top: 50%;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
}
.resizable[data-boxstyle="aryan"] span.outImage:after, .resizable[data-boxstyle="aryan"] span.outImage:before, .resizable[data-boxstyle="product"] span.outImage:after, .resizable[data-boxstyle="product"] span.outImage:before, .resizable[data-boxstyle="introduction"] .catblurb-info h4:after, .resizable[data-boxstyle="introduction"] .catblurb-info h4:before, .resizable[data-boxstyle="customer"] .catblurb h4:after, .resizable[data-boxstyle="customer"] .catblurb h4:before
 
  {
    display: block;
    position:absolute;
    width: 30px;
    margin-top: 2px;
    margin-left: 10px;
    border-top: 1px solid #ccc;
    content: '';
    bottom: -18px;
    left: -4px;
}
.resizable[data-boxstyle="aryan"] span.outImage:after, .resizable[data-boxstyle="introduction"] .catblurb-info h4:after, .resizable[data-boxstyle="customer"] .catblurb h4:after
 
{
    bottom: -21px;
    right: 7px;
} 
 .resizable[data-tmplname="tabs"] > h3, .resizable[data-tmplname="gallery"] > h3, .resizable[data-tmplname="news"] >h3 ,
.resizable[data-tmplname="content"] > h3,.resizable[data-tmplname="form"] > h3, .resizable[data-tmplname="AQ"] > h3
{display:block;margin-bottom: 20px;font-size:16px;font-weight: normal;}
.resizable[data-tmplname="tabs"] > h4, .resizable[data-tmplname="gallery"] > h4, .resizable[data-tmplname="news"] >h4, #mainContent .resizable[data-tmplname="content"] > h4, .resizable[data-tmplname="form"] > h4, .resizable[data-tmplname="AQ"] > h4, .resizable[data-boxstyle="aryan"] > h4 , .resizable[data-boxstyle="services2"] > h4
{font-size: 38px;font-size: 1.9rem;position: relative;margin-bottom: 10px;text-align: center;}
.resizable[data-tmplname="gallery"] > h4:after, .resizable[data-boxstyle="aryan"] > h4:after, .resizable[data-boxstyle="services2"] > h4:after,.resizable[data-boxstyle="priceTab"] h4:after
{
	 background-image:url(/Content/base/dynamic/shopping910/img/93317.jpg);
	 content:"";
	 /* padding: 0; */
	 background-position-y: 50%;
	 width: 14%;
	 display:block;
	 background-size: 100%;
	 margin: 0% auto 1% auto;
	 height: 45px;
	 background-image: url(/Content/base/dynamic/shopping1227/img/104481.jpg);
	 background-size: contain;
	 background-repeat: no-repeat;
	 width: 100px;
}
.resizable[data-boxstyle="terms"] h2 {
    padding-top: 27px;
}

   /*.......................................Gallery........................................*/
.resizable[data-tmplname="gallery"]
{
    padding: 60px 0;
    /* background-color: rgba(0,0,0,0.75); */
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding-top: 153px;
    padding-bottom: 75px;
}
.resizable[data-tmplname="gallery"] h4 , .resizable[data-tmplname="gallery"] h3
{
	/* color:#fff */
}
.resizable[data-tmplname="gallery"] > div
{
  width: 90%;
  max-width: 1170px;
  height: auto;
  text-align: center;
  position: relative;
  padding-top: 40px;
}

#galleryContent ul
{
    width: 100%;
    font-size: 0;
    text-align: center;
}

#galleryContent ul li {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    width: 35%;
    margin: 0.5% -1%;
    padding-bottom: 21%!important;
    opacity: 0;
}
#galleryContent li a {
            
display: block;
            
width: 100%;
            
position: absolute;
            
padding: 0 5px;
}
#galleryContent li:nth-child(2n+1) a > img
{
  clip-path:polygon(0% 0%, 100% 0%, 93% 100% ,7% 100%);
  -webkit-clip-path:polygon(0% 0%, 100% 0%, 93% 100% ,7% 100%);
}
#galleryContent li:nth-child(2n+2) a > img
{
  clip-path:polygon(7% 0%, 93% 0%, 100% 100% ,0% 100%);
  -webkit-clip-path:polygon(7% 0%, 93% 0%, 100% 100% ,0% 100%);
}

            
/* padding: 20px; */
 }
#galleryContent li a:hover .galleryImgText
{
	color:#fff;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0.8;
}
div.galleryImgText:hover:before
{
	opacity: 1;
}
#galleryContent ul li img
{
    width: 100%!important;
}
#galleryContent ul li .galleryImgText
{
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	/* color: transparent; */
	z-index: 100;
	/* opacity: 0; */
	/* color: transparent; */
	background-image: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	background: rgba(16, 62, 119, 0.5);
}
#galleryContent ul li:hover .galleryImgText
{
	width: 98%;
	height: 100%;
}
#galleryContent li:nth-child(2n+1) .galleryImgText
{
clip-path: polygon(0% 0%, 100% 0%, 93% 100% ,7% 100%);
	-webkit-clip-path:polygon(0% 0%, 100% 0%, 93% 100% ,7% 100%);	
}
#galleryContent li:nth-child(2n+2) .galleryImgText{
    clip-path: polygon(7% 0%, 93% 0%, 100% 100% ,0% 100%);
    -webkit-clip-path: polygon(7% 0%, 93% 0%, 100% 100% ,0% 100%);
}
#galleryContent ul li .galleryImgText > p 
{
	display:block;
	width: 80%;
	font-size: 17px;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	padding-top: 20px;
	z-index: 10000;
	font-size: 0;
	transition:all .8s
}
#galleryContent ul li:hover .galleryImgText > p
{
	font-size:24px
}
#galleryContent ul li.animated
{
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.1s;
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
    opacity: 1;
}

@-webkit-keyframes bounceIn {
 0% {
  opacity: 0;
  -webkit-transform: scale(.3);
 }
 50% {
  opacity: 1;
  -webkit-transform: scale(1.05);
 }
 70% {
  -webkit-transform: scale(.9);
 }
 100% {
  -webkit-transform: scale(1);
 }
}
@-moz-keyframes bounceIn {
 0% {
  opacity: 0;
  -moz-transform: scale(.3);
 }
 50% {
  opacity: 1;
  -moz-transform: scale(1.05);
 }
 70% {
  -moz-transform: scale(.9);
 }
 100% {
  -moz-transform: scale(1);
 }
}
@-o-keyframes bounceIn {
 0% {
  opacity: 0;
  -o-transform: scale(.3);
 }
 50% {
  opacity: 1;
  -o-transform: scale(1.05);
 }
 70% {
  -o-transform: scale(.9);
 }
 100% {
  -o-transform: scale(1);
 }
}
@keyframes bounceIn {
 0% {
  opacity: 0;
  transform: scale(.3);
 }
 50% {
  opacity: 1;
  transform: scale(1.05);
 }
 70% {
  transform: scale(.9);
 }
 100% {
  transform: scale(1);
 }
}
div.galleryImgText:before {
    content: "";
    position: absolute;
    width: 90px;
    height: 60px;
    right: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-image: url('/Content/base/dynamic/shopping1091/img/103718.jpg');
    background-size: contain;
    background-repeat: no-repeat;
}
div.noSearch:after 
{
	display:none;
}

#galleryContent ul li .galleryImgText i 
{
	/* color: #fff; */
	font-size: 30px;
}

.resizable .MovieGalleryAlbum{display:block;cursor:pointer;margin-top: 21px;text-align: center;width: 100%;margin: 0 auto;font-size: 0;} 
.resizable #galleryContent iframe, .resizable #galleryContent video {
    display: none;
    width: 100%;
    height: 34vw!important;
}

.backToMovieList{
    content: "";
    background: transparent url("/Content/base/dynamic/shopping238/img/60612.jpg") repeat scroll -27px 0px;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: -27px;
    left: -8px;
    cursor: pointer;
}
span.backToMovieList:hover {
    background-position: 0px 0;
}
       .MovieGalleryAlbum  .screenshot img{margin-top:0;-moz-transform: none;-webkit-transform: none !important;-o-transform: none !important;-ms-transform: none !important;transform: none !important;-moz-box-shadow: none;width: 100%;right: 0px;}
        

.MovieGalleryAlbum .screenshot figure {
    border: none;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0;
}
.MovieGalleryAlbum .screenshot:nth-child(2n+1) .buttons,.MovieGalleryAlbum .screenshot:nth-child(2n+1) figure

{
  clip-path:polygon(0% 0%, 100% 0%, 93% 100% ,7% 100%);
  -webkit-clip-path:polygon(0% 0%, 100% 0%, 93% 100% ,7% 100%);
}
.MovieGalleryAlbum .screenshot:nth-child(2n+2) .buttons,.MovieGalleryAlbum .screenshot:nth-child(2n+2) figure

{
  clip-path:polygon(7% 0%, 93% 0%, 100% 100% ,0% 100%);
  -webkit-clip-path:polygon(7% 0%, 93% 0%, 100% 100% ,0% 100%);
}
.MovieGalleryAlbum .screenshot figure:before {
    content: " ";
    width: 73%;
    height: 100%;
    position: absolute;
    left: 56px;
    right: 0;
    bottom: 0;
    background-image: url(/Content/base/dynamic/shopping1227/img/104481.jpg);
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .2;
}
 .screenshot .buttons {
        display: block;
        background: rgba(85, 27, 27, 0.63);
        width: 100%;
        height: 100%;
        padding: 0px;
        border: none;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        cursor: pointer;
        -webkit-transition: .4s ease-in-out;
        -moz-transition: .4s ease-in-out;
        -ms-transition: .4s ease-in-out;
        -o-transition: .4s ease-in-out;
    }
    .AlmName {
    color: white;
    font-size: 15px;
    line-height: 20px;
    position: absolute;
    bottom: 20%;
    line-height: 1.9;
    padding: 0 10px;
    width: 100%;
    font-family: HelveticaNeueLight;
}
    .screenshot:hover .buttons {
        opacity: 0.9;
    }

.MovieGalleryAlbum .screenshot {
    border: none;
    position: relative;
    padding: 0;
    text-align: center;
    cursor: pointer;
    padding-top: 20%;
    height: 0;
    width: 33%;
    display: inline-block;
    margin: .1%;
}
.MovieGalleryAlbum .screenshot:before {
	
content: "";
	
width: 40px;
	
height: 40px;
	
background: #551b1b;
	
position: absolute;
	
z-index: 10;
	
top: 50%;
	
margin-top: -25px;
	
right: 50%;
	
margin-right: -30px;
	
border-radius: 50px;
	
-webkit-box-shadow: 0 0 60px #000;
	
box-shadow: 0 0 60px #000;
}
.MovieGalleryAlbum .screenshot:after {
    content: "";
    position: absolute;
    z-index: 100;
    top: 50%;
    margin-left: 7px;
    margin-top: -10px;
    left: 50%;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #eee;
}
.MovieGalleryAlbum .screenshot:hover:after {
    border-left-color: #551b1b;
}
.MovieGalleryAlbum .screenshot:hover:before {
    background: white;
}
.MovieGalleryAlbum .screenshot:hover {
    /* opacity: 0.8; */
}
     
#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
    opacity: 0.7 !important;
    overflow-x: hidden;
    overflow-y: auto;
}

div#pageCover {
    display: none;
    opacity: .65;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 65550;
    width: 100%;
    height: 4294px;
    background-color: #000;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}
#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}
#fancybox-wrap {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    margin: 0;
    transform: translate(-50%, -50%);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 100%!important;
    width: 100% !important;
    padding: 0;
    z-index: 1101;
    /* top: 0 !important; */
    /* left: 0 !important; */
    display: none;
}
#fancybox-close {
    position: absolute;
    top: 0px;
    right: 0;
    width: 100px;
    height: 100px;
}
#fancybox-close:after, #fancybox-close:before
{
	content:"";
	position: absolute;
	width: 20px;
	height: 3px;
	top: 30px;
	right: 30px;
	background-color: #fff;
	-webkit-transform: rotate(44deg);
	transform: rotate(45deg);
}

#fancybox-close:before
{
	
-webkit-transform: rotate(45deg);
	
transform: rotate(-45deg);
}
#fancybox-left, #fancybox-right
{
	height: 50px;
	width: 50px;
	cursor: pointer;
	z-index: 1102;
	top: 36%;
	top: calc(50% - 50px);
	text-align: center;
	right: 0;
	position: fixed !important;
}
#fancybox-left {
    left: 0px;
    right: auto;
}
span.fancy-ico {
    border: 15px solid;
    display: inline-block;
    border-color: transparent #bababa transparent transparent;
}
#fancybox-left:before, #fancybox-right:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -10px;
    margin-left: 35px;
    border: medium inset transparent;
    border-top-width: 25px;
    border-bottom-width: 25px;
    opacity: .7;
    z-index: -1;
}
#fancybox-left:before {
    margin-left: 15px;
    border-right: 27px solid #3F3F3F;
}
#fancybox-right:before {
    margin-left: 5px;
    border-left: 27px solid #3f3f3f;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
}
span#fancybox-right-ico {
    border-color: transparent transparent transparent #bababa;
}

#fancybox-inner {
    position: absolute;
    left: 0!important;
    margin: 0 auto!important;
    outline: none;
    overflow: hidden;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
}
#fancybox-title
{
	display: none!important;
}

#fancybox-inner img{

		height:100%;
}

div#galleryContent {
    position: relative;
    margin-bottom: 30px;
}
.showMoreNews, a.btn {
    margin-top: 20px;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    position: relative;
    z-index: 100;
    background: none;
    transition: all .9s;
    padding: 9px 15px;
    margin: 0 auto;
}
#newsInfo .moreNewsContent:before, .showMoreNews:before
{content:' ';position: absolute;display: inline-block;width: 100%;height: 100%;top: 0;right: 0;background-color: #103e77;border-color: #484848;z-index: -1;transform: skewX(-17deg);box-shadow: 5px 0 0 0 #c71f35;}
 
.showMoreNews:hover:before
{
	background-color:#dc2d13;
}
.showMoreNews:hover:after, .wrapper_Col .ajax-form .btnBlack:hover:after
{
	-webkit-transition: .7s linear;
    transition: .7s linear;
    background-position: 150% 0;
}
.showMoreNews img {
    display: none;
}
/*End.............................................Gallery..................................*/
/*.Start.........................imageHeader.............................................*/
.resizable[data-boxstyle="imgHeader"]{
    width: 100%;
    padding: 0;
    overflow: hidden;
    text-align: center;
    max-width: inherit;
    position: relative;
    max-height: 405px;
    margin-bottom: -70px;
}
.resizable[data-boxstyle="imgHeader"] > div:after
{
  content:"";
  width:100%;
  height:100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(0,0,0,0.6);
}
.resizable[data-boxstyle="imgHeader"] > div{
  width:100%;
  height:100%;
  line-height: 0;
}

.resizable[data-boxstyle="imgHeader"] img{
    width: 100%;
    top: 0px !important;
}

.resizable[data-boxstyle="imgHeader"] h3, .resizable[data-boxstyle="imgHeader"] h4
{
  position: absolute;
  color: white;
  top: 47%;
  transform: translateY(-50%);
  width: 90%;
  max-width: 1200px;
  margin: auto;
  right: 0;
  left: 0;
  font-size: 30px;
  font-size: 1.9rem;
  display: block;
  z-index: 100;
}
.resizable[data-boxstyle="imgHeader"] h4:after, .resizable[data-boxstyle="imgHeader"] h4:before
{
    display: block;
    //
    position: absolute;
    width: 30px;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    content: '';
    margin-top: 20px;
}
.resizable[data-boxstyle="imgHeader"] h4:before
{
  position:relative;
  top: 67px;
  right: 10px;
}

.resizable[data-boxstyle="imgHeader"] h3:after
{
    display:none;
}
.resizable[data-boxstyle="imgHeader"] h3 {
    margin-top: 75px;
    font-size: 14px;
    font-weight: normal;
    color: #eee;
}
/*.......................................backGroundImg...........................*/
.resizable[data-boxstyle="backGroundImg"]
{
  position: absolute;
  width: 100%;
  line-height:0;
  padding: 0;
}

.resizable[data-boxstyle="backGroundImg"] > div
{
  position:relative;
}
.resizable[data-boxstyle="backGroundImg"] > div span 
{
	display: block;
	min-width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	background-attachment: fixed;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	//z-index: 100;
}
.resizable[data-boxstyle="backGroundImg"] > div img 
{
	min-width: 100%;
	height:auto;
}
.resizable[data-boxstyle="backGroundImg"] > div:after, .resizable[data-boxstyle="paralax"]:before
{
  content: "";
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  background: #2f2e2e;
  height: 100%;
  opacity: .8;
  }
/*...................................................Counter Tab........................................*/
.resizable[data-boxstyle="counter"]{
	   width: 100%;
	   text-align: center;
	   position: relative;
	   margin: 0 auto;
	   background: none;
	   padding-top: 100px;
	   padding-bottom: 140px;
	   margin-bottom: 50px;
	   /* background-color: rgba(10,10,10,0.75); */
}
.resizable[data-boxstyle="counter"] > h4 , .resizable[data-boxstyle="counter"] >h3 
{
  color: #fff;
}
.resizable[data-boxstyle="counter"] .blurbs {
    /* margin-top: 40px !important; */
    margin-left: 0;
    display: inline-block;
    width: 94%;
    font-size: 0;
    max-width: 1218px;
    padding-top: 60px;
}

.resizable[data-boxstyle="counter"] .catblurb {
    display: inline-block;
    position: relative;
    /* margin-bottom: 4%; */
    text-align: center;
    vertical-align: middle;
    padding: 0 2%;
}
.resizable[data-boxstyle="counter"] .catblurb  a 
{
    /* border:1px solid red; */
    display:inline-block;
    width: 100%;
    text-align: center;
}

.resizable[data-boxstyle="counter"] .catblurb img{
	
width: 56px;
	
display: block;
	
float: right;
	
margin-left: 0;
	
position: absolute;
	
left: 34px;
	
top: 7px;
	
z-index: 1;
}
.resizable[data-boxstyle="counter"] .catblurb h3, .resizable[data-boxstyle="warranty"] > h4 {
    display: none;
}
.resizable[data-boxstyle="counter"] .catblurb-info {
    width: 100%;
    text-align: right;
    cursor: pointer;
    font-size: 15px;
    display: block;
    float: left;
    height: 100%;
    margin-top: 0;
    padding: 19px  16px;
    position: relative;
    color: #999;
}
.resizable[data-boxstyle="counter"] .catblurb-info p,
.resizable[data-boxstyle="counter"] .catblurb-info h4
{
  z-index:1;
  position: relative;
  text-align: left;
}
.resizable[data-boxstyle="counter"] .catblurb-info h4
{
  font-size: 28px;
  color: #fff;
  line-height: 35px;
  margin-left: 70px;
}
.resizable[data-boxstyle="counter"] .catblurb-info h4:before
{
  content:"\f067";
  display:inline-block;
  font: 22px FontAwesome;
  margin-left: 5px;
  /* font-size: inherit; */
}
.resizable[data-boxstyle="counter"] .catblurb-info p
{
  
/* text-overflow: ellipsis; */
  
/* white-space: nowrap; */
  
overflow: hidden;
  
margin-top: 10px;
}

.resizable[data-boxstyle="counter"] .catblurb-info .back_wrapper:before, 
.resizable[data-boxstyle="counter"] .catblurb-info .back_wrapper:after
{
  content:'';
  position: absolute;
  right: -15px;
  height: 100%;
  width: 50px;
  background: inherit;
  transform: skew(14deg);
  top: -1px;
  border: 1px solid grey;
  border-left-width: 0;
}

.resizable[data-boxstyle="counter"] .catblurb-info .back_wrapper:after
{
  
transform: skew(-14deg);
  
right: auto;
  
left: -15px;
  
border-left-width: 1px;
  
border-right-width: 0;
}
.resizable[data-boxstyle="counter"] .catblurb:first-child .catblurb-info .back_wrapper:before
{

display: none;
}
.resizable[data-boxstyle="counter"] .catblurb:last-child .catblurb-info .back_wrapper:after
{

display: none;
}
.resizable[data-boxstyle="counter"] .catblurb .catblurb-info .back_wrapper
{

background: rgb(0, 0, 0);

border: 1px solid gray;

opacity: .7;

position: absolute;

width: 100%;

height: 100%;

right:  0;

top: 0;

z-index: 0;
}

.resizable[data-boxstyle="counter"] .catblurb:nth-child(2n + 2) .catblurb-info .back_wrapper:after
{

transform: skew(14deg);
}
.resizable[data-boxstyle="counter"] .catblurb:nth-child(2n + 2) .catblurb-info .back_wrapper:before
{
transform: skew(-14deg);
}


/*End.....................Counter Tabs..........................................*/
 
.resizable[data-boxstyle="aryan"] {
    display: block;
    padding: 50px 0;
    margin-top: 100px;
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    direction: ltr;
}
.resizable[data-boxstyle="aryan"].visible {
    visibility: visible;
}

.resizable[data-boxstyle="aryan"] .containerTabTitles_wrapper {width: 50%;float: left;/* background: #728fd1; */position: absolute;height: 100%;left: 0;}

.resizable[data-boxstyle="aryan"] .containerTabContent {
    width: 43%;
    /* float: right; */
    display: inline-block;
    /* min-height: 500px; */
    height: 230px;
    overflow: hidden;
    /* border: 1px solid red; */
    margin-top: 50px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    background: #f5f5f5;
    position: relative;
}

.resizable[data-boxstyle="aryan"] .container_wrapper {
    width: 90%;
    max-width: 1170px;
    margin: auto;
}


.containerTabTitles_wrapper .containerTabTitles {
    width: 80%;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.resizable[data-boxstyle="aryan"] .containerTabContent .resizable[data-tmplname="content"] {
    width: 100%!important;
    font-size: 14px;
    position: relative;
    margin: 0;
    text-align: justify;
    padding: 30px 20px;
    height: 250px!important;
    overflow: hidden;
}
.resizable[data-boxstyle="aryan"] .containerTabContent .resizable:not(.hideResizable) 
{
	animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.1s;
    animation-name: myscale1
}
@keyframes
myscale1{from{transform:scale(0.5)}
to{transform:scale(1)}}
myscale1{from{transform:scale(0.5)}
to{transform:scale(1)}}
@-webkit-keyframes
myscale1{from{transform:scale(0.5)}
to{transform:scale(1)}}
@-moz-keyframes
myscale1{from{transform:scale(0.5)}
to{transform:scale(1)}}
@-o-keyframes
myscale1{from{transform:scale(0.5)}
to{transform:scale(1)}}

.resizable[data-boxstyle="aryan"] .containerTabContent:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    border-style: solid;
    border-width: 12px;
    border-color: #e6e6e6 #e6e6e6 #e6e6e6 #f2f3f8;
    transition: all 0.3s linear;
}
.containerTabTitles_wrapper  > .containerTabTitles > label
{

width: auto;

width: 212px;

padding: 0 14px;

margin-left: 10px;

line-height: 41px;

border-radius: 10px;
}

.containerTabTitles_wrapper  > .containerTabTitles > label:after,
.containerTabTitles_wrapper  > .containerTabTitles > label:before
{
  position: absolute;
  content: "";
  height: 25px;
  width: 25px;
  border: 2px solid #371313;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all .4s ease;
  transition: all .6s ease;
  }
.containerTabTitles_wrapper  > .containerTabTitles > label:hover:after,
.containerTabTitles_wrapper  > .containerTabTitles > label:hover:before,
.containerTabTitles_wrapper  > .containerTabTitles > label.selected:after,
.containerTabTitles_wrapper  > .containerTabTitles > label.selected:before
{
  opacity:1
}
.containerTabTitles_wrapper  > .containerTabTitles > label:after
{
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  border-bottom: 0;
  border-right: 0;
  border-top-left-radius: 9px;
}
.containerTabTitles_wrapper  > .containerTabTitles > label:before
{
  bottom: 0;
  right: 0;
  border-left: 0;
  border-top: 0;
  border-bottom-right-radius: 9px;
}
.containerTabTitles_wrapper  > .containerTabTitles > label:last-child
{
  margin-left:0;
}
.containerTabTitles_wrapper  > .containerTabTitles > label:hover,
.containerTabTitles_wrapper  > .containerTabTitles > label.selected
{
  color: white;
  box-shadow: 0 8px 21px 0 rgba(66, 1, 1, 0.1);
  background-color: #29cce5;
}
.containerTabTitles_wrapper  > .containerTabTitles > label > span
{
  display:block;
  width:90%;
  height: 100%;
  /* position: absolute; */
  margin:0 auto;
}
.containerTabTitles_wrapper  > .containerTabTitles > label img 
{
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto;
}
.containerTabTitles {
    position: relative;
    margin-bottom: 50px;
    text-align: left;
    top: 0;
    width: 50%;
    display: inline-block;
    font-size: 0;
    margin-top: 100px;
    padding-left: 3%;
    vertical-align: top;
}

.containerTabTitles label {
    display: inline-block;
    position: relative;
    color: black;
    font-size: 17px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    margin: 0 2px;
    margin-bottom: 22px;
    overflow: visible;
    /* padding: 0 10px; */
    height: 74px;
    padding: 20px 0;
    vertical-align: middle;
    background-image: url("/Content/images/containerTab/324347db-5190-433c-a5f3-d5d3dbaa9dcb.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 15px;
    width: 99px;
    text-align: center;
    transition: all .6s;
    transform: translateY(0);
    -webkit-animation-name: moveUp;
    -moz-animation-name: moveUp;
    -o-animation-name: moveUp;
    animation-name: moveUp;
    animation-duration: 1s;
    animation-fill-mode: both;
}
@-webkit-keyframes moveUp {
    0% {
    transform: translateY(445px);
    -webkit-animation-timing-function: ease-in;
}
80% {
    transform: translateY(-10px);
    -webkit-animation-timing-function: ease-out;
}

100% {
    transform: translateY(0);
}
}@keyframes moveUp {
    0% {
    transform: translateY(445px);
    -webkit-animation-timing-function: ease-in;
}
80% {
    transform: translateY(-10px);
    -webkit-animation-timing-function: ease-out;
}

100% {
    transform: translateY(0);
}
}
 .animated label
{
	/* transform: translateY(445px); */
	z-index:1;
	-webkit-animation-name: moveDownp;
	-moz-animation-name: moveDownp;
	-o-animation-name: moveDownp;
	animation-name: moveDownp;
	animation-duration: 1s;
	animation-fill-mode: both;
}
@-webkit-keyframes moveDownp {
    0% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
}
50% {
    transform: translateY(445px);
    -webkit-animation-timing-function: ease-out;
}
80% {
    transform: translateY(400px);
   -webkit-animation-timing-function: ease-in;
}
100% {
    transform: translateY(445px);
}
}@keyframes moveDownp {
    0% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
}
50% {
    transform: translateY(445px);
    -webkit-animation-timing-function: ease-out;
}
80% {
    transform: translateY(400px);
    -webkit-animation-timing-function: ease-in;
}
100% {
    transform: translateY(445px);
}
}
 .animated label.selected:before, .animated label.selected:after
 {
 	display:none;
 }
.containerTabTitles label span 
{
	display:none
}


.containerTabTitles label.selected:after {
    content: '';
    position: absolute;
    width: 0;
    border: 10px solid;
    border-top: 23px solid;
    border-color: #134668 transparent transparent transparent;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -33px;
}
.containerTabTitles label.selected:before
{
	content: '';
	position: absolute;
	width: 500px;
	height:0;
	border-bottom: 1px dotted #103e78;
	left:50%;
	bottom: -24px;
} 


/*....................................About.......................................*/  
.resizable[data-boxstyle="About"]
{background-image: url("/Content/base/dynamic/shopping1227/img/104491.jpg");background-size: 1801px auto;background-size: 100% auto;background-position: left -300px;/* padding: 105px 0 90px; */overflow: hidden;direction: ltr;background-repeat: no-repeat;background-repeat: repeat-x;background-position: 50% 0;animation: infinite-shift-left 1500s linear;background-size: contain;padding-top: 130px;}  
.resizable[data-boxstyle="About"]:before
{
	content: "";
	position: absolute;
	display: block;
	left: -500%;
	right: -500%;
	width: 0;
	height: 0;
	margin: 0 auto;
	z-index: 1;
	top: 0;
	border-top: 80px solid #f5f5f5;
	border-left: 1500px solid transparent;
	border-right: 1500px solid transparent;
}
@keyframes infinite-shift-left {
  0% {
    background-position: 50000px;
  }
  100% {
    background-position: 0;
  }
}
.resizable[data-boxstyle="About"] span.buttonList
{
	width:90%;
	margin:0 auto;
	max-width:1170px;
	display: block;
	position: relative;
}
.resizable[data-boxstyle="About"] > div{

width: 50%;

max-width: 530px;

max-height: 384px;

overflow: hidden;

/* margin-left: 50%; */

background: rgba(0,0,0,.8);

color:#fff;

padding: 20px;

padding-bottom: 50px;

position: relative;
}  
.resizable[data-boxstyle="About"] > div:before
{
    content:"";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 49px;
    width: 100%;
    z-index: 1;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    /* background: -webkit-linear-gradient(top,rgb(29, 26, 0) 0%,rgb(21, 19, 0) 100%); */
    /* background: linear-gradient(to bottom,rgb(32, 28, 1) 0%,rgb(28, 25, 0) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
}
.resizable[data-boxstyle="About"] a.btn 
{
	
position: absolute;
	
bottom: 17px;
	
right: 92px;
	
padding: 7px;
}
.resizable[data-boxstyle="About"] > h4 
{
	color:#fff;
	text-shadow: 0px 1px 5px #000;
}
/*.....................................Services2 Tab........................................*/
.resizable[data-boxstyle="services2"]
{
  padding: 80px 0;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}
.resizable[data-boxstyle="services2"] .blurbs
{width: 96%;max-width: 1100px;margin: 0 auto;margin-top: 25px;/* padding: 0 !important; */padding-bottom: 20px;font-size: 0;white-space: nowrap;overflow-x: hidden;}

.resizable[data-boxstyle="services2"] .blurbs:after
{
  content:"";
  display: table;
  width: 100%;
  clear:both;
}
.resizable[data-boxstyle="services2"] .catblurb 
{display: inline-block;/* float: right; */width: 24%;height: 0;padding-bottom: 24%;margin: 0 1% 0 0;font-size: 14px;position: relative;margin-bottom: 50px;transition: all .6s;}

.resizable[data-boxstyle="services2"] .catblurb > h3
{
  display:none
}
.resizable[data-boxstyle="services2"] img 
{
  width:100%
}
.resizable[data-boxstyle="services2"] h3 
{
  display:none;
}
.resizable[data-boxstyle="services2"] .catblurb .catblurb-info 
{
       margin: 0 auto;
       position: absolute;
       width: 100%;
       top: 100%;
       color: #134668;
       -webkit-transition: all .35s ease;
       transition: all .35s ease;
}
.resizable[data-boxstyle="services2"] .catblurb:hover .catblurb-info
{
	background-color: rgba(16, 62, 120, 0.5);
	color:#551b1b;
}
.resizable[data-boxstyle="services2"] .catblurb .catblurb-info h4
{
  font-size: 20px;
  line-height: 2.8;
  text-align: center;
}
.resizable[data-boxstyle="services2"] .catblurb .catblurb-info p 
{display: none;}
span.news_slide_before , .news_slide_next 
{
    width: 0;
    height: 0;
    border: 35px solid #551b1b;
    border-radius: 5px;
    border-color: transparent transparent transparent #134668;
    display: block;
    position: absolute;
    top: 50%;
    right: -2.3%;
    transform: translateY(-50%);
    margin-top: 20px;
}
span.news_slide_before
{
    left: -3%;
    right:auto;
    border-color: transparent rgb(16, 62, 120) transparent transparent;
}
span.news_slide_before:after, .news_slide_next:after
{
    content: '';
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border: 2px solid red;
    border-color: #c12139 #c12139 transparent transparent;
    margin-right: 12px;
    /* right: auto; */
    display: inline-block;
    font: 400 13px "FontAwesome";
    text-align: center;
    transition: 0.4s all ease;
    z-index: -1;
    color: #ffffff;
    will-change: transform;
    -webkit-filter: blur(0);
    position: absolute;
    bottom: -7px;
    right: -1px;
}
span.news_slide_before:after
{
    transform: rotate(-140deg);
    right: -39px;
}
.dot_wrapper {
    position: absolute;
    width: 90%;
    max-width: 1170px;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    margin-top: 26px;
    padding-right: 12px;
    z-index: 300;
    display: block;
}
.dot_wrapper .dot {background-size: contain;backface-visibility: hidden;transition: opacity 200ms ease;background: inherit;border: 1px solid #551b1b;width: 15px;height: 15px;opacity: 1;margin: 0 7px;transition: all 0.3s ease 0s;display: inline-block;cursor: pointer;transform: rotate(45deg);}

.dot_wrapper .dot.selected {
    background-color: #134668;
}
/*...................................................Services Tab........................................*/
.resizable[data-boxstyle="services"]{
	 
padding-bottom: 25%;
	 
/* background: none; */
	 
background-size: cover;
	 
position: relative;
	 
padding-top: 2%;
}

.resizable[data-boxstyle="services"] > h4 
{
	color: #fff;
	background: none;
	font-size: 49px;
	font-size: 3rem;
	z-index: 7;
	position: absolute;
	width: 32%;
	padding-top: 15%;
	padding-bottom: 18%;
	height: 0;
	left: 8%;
	margin: auto;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	vertical-align: middle;
}
@media only screen and (max-width: 1300px)
{
	.resizable[data-boxstyle="About"]
{
    background-size: 153% auto!important;
    background-position: center -39px;
}
}
.resizable[data-boxstyle="services"] > h4:after 
{
	content:' ';
	position:absolute;
	top: 0;
	right: 0;
	width:100%;
	height:100%;
	display:block;
	background-color: rgb(16, 62, 120);
	z-index: -1;
	transform: rotate(45deg);
}
.resizable[data-boxstyle="services"] .blurbs {
    
font-size: 0;
    
width: 90%;
    
margin: 0 auto;
    
padding-bottom: 75%;
    
height: 0;
}
.resizable[data-boxstyle="services"] .catblurb .catblurb-info
{
  text-align: center;
  width: 100%;
  height: 100%;
  position:absolute;
  top: 0;
  /* white-space: pre; */
  /* line-height: 1.8rem; */
  color: transparent;
  transform: translate(-50%, -50%) rotate(-44deg);
  left: 50%;
  top: 50%;
  transition:all .6s;
  z-index: 100;
}
.resizable[data-boxstyle="services"] .catblurb .catblurb-info h4
{
	color: #fff;
	height: 43%;
	padding-top: 30%;
	line-height: 47px;
	font-size: 22px;
	vertical-align: middle;
}
.resizable[data-boxstyle="services"] .catblurb .catblurb-info p 
{
	opacity: 0;
	line-height: 19px;
	/* display: none; */
	font-size: 16px;
}
.resizable[data-boxstyle="services"] .catblurb:hover .catblurb-info p
{
	opacity:1
}
.resizable[data-boxstyle="services"] .catblurb:hover .catblurb-info h4
{
	opacity:0;
	/* display: none; */
}
.resizable[data-boxstyle="services"] .catblurb:nth-child(1), .resizable[data-boxstyle="services"] .catblurb:nth-child(4), .resizable[data-boxstyle="services"] .catblurb:nth-child(9)
{
  width: 19%;
  padding-bottom: 19%;
  position: relative;
  margin: 0 auto;
  margin-top: 8.2%;
  display: block;
  top: 200px;
}
.resizable[data-boxstyle="services"] .catblurb:before

{
	content:'';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(8, 26, 48, 0.6);
	top: 0;
	left: 0;
	z-index: 1;
	opacity: .8;
}
.resizable[data-boxstyle="services"] .catblurb:hover:before
{
	content:'';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(16, 62, 120, 0.6);
	top: 0;
	left: 0;
	z-index: 1;
}
.resizable[data-boxstyle="services"] .catblurb:nth-child(5),
.resizable[data-boxstyle="services"] .catblurb:nth-child(6),
.resizable[data-boxstyle="services"] .catblurb:nth-child(7),
.resizable[data-boxstyle="services"] .catblurb:nth-child(8)
{
	/* margin-right:5%; */
}
.resizable[data-boxstyle="services"] .catblurb.animated:nth-child(5)
{
	
margin-right: 17%;
	
margin-top: -17%;
}
.resizable[data-boxstyle="services"] .catblurb.animated:nth-child(6)
{
	
margin-right: 29.3%;
	
margin-top: -4.8%;
}
.resizable[data-boxstyle="services"] .catblurb.animated:nth-child(7)
{
	
margin-right: 29.1%;
	
margin-top: -4.8%;
}
.resizable[data-boxstyle="services"] .catblurb.animated:nth-child(8)
{
	
margin-right: 16.9%;
	
margin-top: 7.5%;
}
.resizable[data-boxstyle="services"] .catblurb:nth-child(2), .resizable[data-boxstyle="services"] .catblurb:nth-child(10)
{margin-right: 11.2%;margin-top: -4.7%;}
 .resizable[data-boxstyle="services"] .blurbs  .rotation
 {
    transform: rotateY(-180deg) rotate(45deg);
    transform-origin: 50% 50%;
}
.resizable[data-boxstyle="services"] .catblurb:hover .catblurb-info 


{transform: translate(-50%, -50%) rotate(-45deg)rotateY(180deg);
text-shadow: -1px 0px 1px #000;
}
.resizable[data-boxstyle="services"] .catblurb.animated:nth-child(3),.resizable[data-boxstyle="services"] .catblurb.animated:nth-child(11)
{
	
margin-right: 53.7%;
	
margin-top: -4.7%;
}
.resizable[data-boxstyle="services"] .catblurb:nth-child(3),.resizable[data-boxstyle="services"] .catblurb:nth-child(11)
{
	
margin-right: 87.9%;
	
margin-top: -4.7%;
}

.resizable[data-boxstyle="services"] .catblurb:nth-child(1).animated, .resizable[data-boxstyle="services"] .catblurb:nth-child(4).animated, .resizable[data-boxstyle="services"] .catblurb:nth-child(9).animated
{top: 0;}
.resizable[data-boxstyle="services"] .catblurb.animated:nth-child(2), .resizable[data-boxstyle="services"] .catblurb.animated:nth-child(10)
{

margin-right: 29.2%;
}


.resizable[data-boxstyle="services"] .catblurb:last-child  a .circle
{
	display:none;
}

.resizable[data-boxstyle="services"] .catblurb .catblurb-info
{
  color: #f6eeee;
  display: block;
  z-index: 10000;
}

.resizable[data-boxstyle="services"] .catblurb {
    
width: 17%;
    
/* display: inline-block; */
    
position: absolute;
    
font-size: 32px;
    
line-height: 0;
    
transform: rotate(45deg);
    
overflow: hidden;
    
z-index: 20;
    
padding-bottom: 17%;
    
left: 0;
    
right: 0;
    
margin: auto;
    
margin-top: -18%;
    
margin-right: 10.7%;
    
transition: all 1s .1s;
    
/* transition: margin .6s linear, top .6s linear; */
}.resizable[data-boxstyle="services"] .catblurb > a:after
{
	content:' ';
	width:100%;
	height:100%;
	display:block;
	background:#222;
	z-index: 2000;
	position: absolute;
	top: 100%;
}

.resizable[data-boxstyle="services"] .catblurb img{

width: 100%;

transform: rotate(-45deg) scale(1.5);

position: absolute;

height: 100%;

left: 50%;

top: 50%;

transform: rotate(-45deg) scale(1.5) translate(-50%, -50%);

transform-origin: 0% 0%;

object-fit: cover;
}

.resizable[data-tmplname="HtmlCode"]
{
    position:relative;
}
.resizable[data-tmplname="HtmlCode"] > h4 {
    top: 50%;
    position: absolute;
    z-index: 10;
    left: 11%;
    font-size: 49px;
    transform: translateY(-50%);
    color: #fff;
}
/*Start -------- footer ------------- */

div#footer {
    height: auto;
    position: relative;
    z-index: 100;
    background-color: #103e78;
    color: #7a7a7a;
}


.contact_icon1 {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 13px auto;
    display: inline-block;
    height: 28px;
    vertical-align: middle;
    width: 20px;
    position: absolute;
    left: -34px;
}
.footer-list-top > li *{
    
display: inline-block;
    
line-height: 25px;
    
font-size: 14px;
    
/* white-space: pre-line; */
}
.footer-list-top img{
  
margin-top: 0px;
  
float: left;
  
width: 160px;
  
max-width:100%;
  
height: auto;
}
.bttop_style1{
    display: none!important;
    width: 40px;
    height: 40px;
    line-height: 48px;
    position: absolute;
    left: 37px;
    top: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 103;
    text-align: center;
    background-color: #141618;
    cursor: pointer;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateZ(0);
    text-align: center;
}
.bttop_style1 .icon1{
    font-size:2rem;
    display: block;
    text-align: center;
    line-height: 44px;
    color: #BEBEBE;
    bottom: 4px;
    position: relative;
}
.bttop_style1 .icon2{
    position: absolute;
    bottom: 8px;
    right: 10px;
    width: 20px;
    height: 20px;
    font-size: 17px;
}
.fa-chevron-up:before, .fa-chevron-up:after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    border: solid #fff;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.fa-chevron-up:after{
    position:relative;
    bottom: 10px;
}

.bttop_style1:hover .icon1{
    color: #ffffff;
}
.bttop_style1:hover .icon2{
    color: #fff;
}

.footer-list-top > li a
{
    transition: .2s ease-in-out;
    /* display: inline-block; */
    width: auto;
    padding: 5px 0;
    line-height: 20px;
}
.generic-anchor {
}

    .generic-anchor:visited {
    }

    .footer-list-top > li:hover a {
        color: #f03b3f !important;
    }

.flex-rw {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    color: #ccc;
    position:relative;
    padding-bottom: 30px;
}

main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font: 10em;
    color: #9b9b9b;
    line-height: 1;
}

footer {
    color: #ffffff;
    margin-top: auto;
    width: 86%;
    margin: auto;
    max-width: 1200px;
    min-height: 120px;
}

.footer-list-top,.footerForm {
    width: 29%;
    margin-bottom: 30px;
    padding: 0;
    list-style: none;
    height: auto;
    display: inline-block;
    float: left;
    line-height: 28px;
    margin-left: 50px;
    font-size: 14px;
}
.footer-list-top .footer-list-top
{
    width:100%;
}

#footerMenuList{width: 38%;position: relative;margin-right: 3%;}
.footerForm{
    margin-left: 0;
}
#footerMenuList h3 
{
  margin-bottom: 25px;
}
    .footer-list-top > li {
        text-align: left;
        padding-bottom: 5px;
        position: relative;
        display: block;
    }


.footer_social{width: 20%;text-align: center;color: #fff;}
.footer_social ul 
{
	text-align:center;
	margin-top: 46px;
}
ul.social-links li
{
    display:inline-block;
    margin: 0 -6px;
    width: 34px;
    height: 34px;
    background-color: #551b1b;
    cursor:pointer;
    text-align: center;
    padding: 6px;
    transform: rotate(45deg);
}
ul.social-links li:nth-child(2n)
{
	position: relative;
	top: 34px;
}
ul.social-links li:hover
{
  opacity:1;
}
ul.social-links li > a
{/*  */font-size: 20px;color: #fff;transition: all 0.3s;/*;;o; */transform: rotate(-45deg);width: 100%;height: 100%;display: block;background-size: contain !important;}
.top-info .address
.footer_social .each_item {
    border:1px solid rgba(167,156,153,0.5);
    float: left;
    height: 30px;
    margin-right: 15px;
    width: 30px;
    transition: all 0.3s linear;
}
.footer_social .each_item:hover{
    box-shadow: 0 0 0 2px #fff,0 0 0 6px rgba(167,156,153,0.4);
    border-color:rgba(167,156,153,0.4);
}
.footer_social .each_item > a{
    background-repeat: no-repeat;
    background-size: 19px auto;
    background-position: center center;
    height: 28px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.3s linear 0s;
}
.footer-list-header, #footerMenuList li:first-child a {
    padding: 0;
    margin: 0;
    color: white;
    font-size: 17px !important;
    margin-bottom: 23px;
    text-align: right;
    display: inline-block !important;
    position: relative;
}

.footer-list-anchor {
    font-size: 1.3em;
}

.footer-social-section {
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative;
    margin-top: 5px;
}

    .footer-social-section::after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 10px;
        border-top: 1px solid #ccc;
        width: calc(100% - 20px);
    }

.footer-social-overlap {
    position: relative;
    z-index: 2;
    background: #f2f2f2;
    padding: 0 20px;
}

.footer-social-connect {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5em;
}

.footer-social-small {
    font-size: 0.6em;
    padding: 0px 20px;
}

.footer-social-overlap > a {
    font-size: 1.5em;
    color: #909090;
}

    .footer-social-overlap > a:not(:first-child) {
        margin-left: 0.38em;
    }
.footer-bottom-section {
    width: 100%;
    padding: 32px 10px;
    background-color: #103e78;
    height: auto;
    font-size: 10px;
    line-height: 8px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

    .footer-bottom-section > div:first-child {
    right: 0;
    left: 0;
    margin: auto;
    width: 90%;
    max-width: 1360px;
    position: relative;
    display: block;}
.footer-bottom-wrapper a{
    text-align: right;
    height: 28px;
    padding: 0px 0;
    display: block;
    color: white;
    z-index: 10000000;
    float: right;
    font-size: 14px;
}
.footer-bottom-wrapper img{
    
width: 25px;
    
vertical-align: middle;
    
margin-left: 10px;
    
float: right;
}
.footer-bottom-wrapper {
    font-size: 1.1em;
    color: #fff;
    display: inline-block;
    position: absolute;
    left: 0;
    direction: ltr;
}


.footer-address {
    display: inline;
    font-style: normal;
}

.bulletList li {
    display: inline-block;
    font-size: 1.2em;
    position: relative;
    height: 27px;
    overflow: hidden;
    padding-left: 12px;
    right:0;
    box-sizing: border-box;
    float: right;
    width: 100%;
    transition: .2s ease-in-out;
}
.bulletList li > span{
	width: 7px;
	height: 7px;
	border-radius: 1px;
	transform: rotate(45deg);
	background:#b6223c;
	display:inline-block;
	position: absolute;
	left: 1px;
	top: 41%;
}
#footerMenuList li{
    width:50%;
}
.bulletList li a:hover {
    border-bottom: 1px solid #f03b3f;
    text-decoration: underline;
}
#footerMenuList li:hover a{
    /* color: #000000; */
}
#footerMenuList li:hover:before{/* background-color: #ffffff; */}

.bulletList li:first-child:before
{
    display:none;
}
.go-top {
    width: 1px;
    height: 1px;
    margin: 0 auto;
    border: 61px solid;
    border-top-width: 70px;
    border-color: rgb(85, 27, 27) transparent transparent transparent;
    position: relative;
    cursor: pointer;
}
.go-top > span 
{
  color: #103e78 !important;
  top: -35px!important;
}
.go-top:before, .go-top:after
{
  content:'';
  position:absolute;
  width: 0;
  top: -69px;
  left: -23px;
  /* margin:0 auto; */
}
.go-top:before
{
 border: 25px solid #134668;
 border-width: 0 25px 33px;
 border-color: transparent transparent #134668;
}
.go-top:after
{
  border: 12px solid #eee;
  border-width: 0 9px 10px;
  border-color: transparent transparent #eee;
  left: -7px;
  top: -55px;
  z-index: 10;
}
/*End........................................Footer............................................................*/
/*.................................................Form....................................*/
.resizable[data-tmplname="form"]
{
  text-align:center;
  padding-top: 80px;
}
.resizable[data-tmplname="form"] h4 
{
  color:#222;
}
.resizable[data-tmplname="form"] .wrapper_Col
{
  width:90%;
  max-width: 1170px;
  margin: 0 auto;
  padding-top: 60px;
}
.resizable[data-tmplname="form"] .wrapper_Col > h2
{
  display:none
}
.ajax-form > div 
{
  width: 48%;
  margin: 0 1%;
  /* margin: 0; */
  float: right;
}
 .ajax-form > div.textarea 
 {
   width: 97%;
 }
.ajax-form > div > label
{
  display:block;
  margin-bottom: 7px;
  display: none;
}

.ajax-form > div > textarea
{
  height:150px;
}

/* --------------------- form payam  ------------------- */

.errprAjaxForm, .successAjaxForm, .validation-error {
    border: none;
    font-size: 16px !important;
  
}

.errprAjaxForm, .successAjaxForm, .validation-error {
    color: #f06e23;
    display: block;
    font-size: 13px;
    margin: .2em 0 .2em;
    text-align: center;
  
    display: none;
}

.validation-error, .errprAjaxForm {
    color: #ff0000;
    border: 1px solid #ff0000;
    margin-right: -7px;
    margin-top: 5px;
    font-size: 12px;
    padding: 4px;
    display: inline-block;
    margin: 9px 0;
    width: 95%;
    text-align: center;
}

.ajax-form > div:last-child {
    margin-top: 80px;
}

.errprAjaxForm, .successAjaxForm, .validation-error {
      font-size: 16px !important;
}

.successAjaxForm {
    color: green;
}

.errprAjaxForm, .successAjaxForm, .validation-error {
    color: #ff0000;
    display: block;
    font-size: 13px;
    margin: .2em 0 .2em;
    text-align: center;
    display: none;
}
.validation-error {
    display: block;
}
.successAjaxForm {
    display: none;
    color: #3c8a04;
    width: 97% !important;
    float: right;
    background-color: #eee;
    border: none;
    margin: 5px 0;
    padding: 4px 3px;
   
    border: 1px solid #3c8a04;
}
.wrapper_Col .ajax-form input.dynamicFormError,.wrapper_Col  .ajax-form textarea.dynamicFormError {
    border-right: 2px solid #ff0000 !important;
}

/*Start................................News ......................................................*/
.resizable[data-tmplname="news"] {
    
width: 90%;
    
max-width: 1170px;
    
margin: 0 auto;
    
padding: 80px 0;
    
text-align: right;
}
.resizable[data-tmplname="news"] h4
{
  color:#222
}

div#newsWidget > div {
    
width: 100%;
    
height: 280px;
    
position: relative;
    
margin-bottom: 45px;
    
background: url(/Content/base/dynamic/shopping806/img/92898.jpg);
}
div#newsWidget > div:hover #newsInfo h3:before
{
  background-color  :#551b1b;
}

div#newsWidget > div:after
{
	content:" ";
	width:100%;
	display:table;
}

div#newsWidget div > a 
{
  
width: 470px !important;
  
max-width: 100%;
  
height: 281px;
  
display: block;
  
overflow: visible;
  
position: absolute;
  
top: 0;
  
right: 0;
}
div#newsWidget div > a > span:after
{
  content:"";
  position:absolute;
  display:block;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  right:0;
  transition: all .3s;
}
div#newsWidget div:hover > a > span:after
{
 background-color: #000000;
 background-image: url(/Content/base/dynamic/shopping1227/img/104481.jpg);
 background-size:36%;
 background-position: center;
 background-repeat: no-repeat;
 opacity: .3;
}
div#newsWidget div:nth-child(2n + 2) > a
{
  left:0;
  right:auto;
}
.ddd
{
	 content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/Content/base/dynamic/shopping1091/img/103718.jpg);
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .2;
}

#dialogContent .news-header > div > a
{
	width: 100%!important;
	height: auto;
}
#dialogContent .news-header #newsInfo
{
	width:100%;
	margin: 0;
	padding-top: 67%;
	padding-right: 20px!important;
}
#dialogContent .news-header #newsInfo .newsDate
{
  top: 0;
  margin-top: 50%;
  left: 30px;
  right: auto;
}
#dialogContent .news-header #newsInfo h3
{
}
#dialogContent .news-header #newsInfo h3:before
{
  right: -20px;
  left:auto;
}
div#newsWidget div:nth-child(2n + 1) #newsInfo
{
  padding-right:75px;
}

#newsWidget #newsInfo {
   
display: block;
   
overflow: hidden;
   
margin-right: 470px;
   
height: 100%;
   
float: right;
   
padding: 40px 54px;
   
vertical-align: middle;
   
text-align: right;
   
position: relative;
   
overflow: visible;
   
min-width: calc(100% - 469px);
   
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

#newsInfo h3
{
  font-size: 20px;
  margin-bottom: 15px;
  /* margin-bottom: 26px; */
  color: #222;
  position: relative;
  width: 100%;
  text-align: left;
}

#newsInfo h3:before
{
  position: absolute;
  top: 0;
  left: -54px;
  width: 5px;
  height: 100%;
  background-color: #999;
  content: '';
  transition: all 0.3s;
} 

#newsInfo .moreNewsContent
{
  color: #fff;
  font-size: 14px;
  position: relative;
  padding: 6px 0;
  padding-right: 0;
  display: block;
  width: 100px;
  margin-top: 15px;
  z-index: 100;
  text-align: center;
  display: none;
}


#newsInfo .moreNewsContent:before, .showMoreNews:before , a.btn:before
{content:' ';position: absolute;display: inline-block;width: 100%;height: 100%;top: 0;right: 0;background-color: #134668;border-color: #484848;z-index: -1;transform: skewX(-17deg);box-shadow: 5px 0 0 0 #551b1b;}
 
 #newsInfo .moreNewsContent:after
 {
 	position: absolute;
  top: 0px;
  left: 0;
  width: 110%;
  height: 100%;
  content: '';
  -webkit-transform: skewX(-50deg);
  transform: skewX(-50deg);
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) no-repeat -2em 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) no-repeat -2em 0;
  background-size: 2em 100%;
 }
 #newsInfo .moreNewsContent:hover:after
 {
 	-webkit-transition: .7s linear;
    transition: .7s linear;
    background-position: 150% 0;
 }

 .moreNewsContent:hover:after
 {
 	-webkit-transition: .7s linear;
    transition: .7s linear;
    background-position: 150% 0;
    border-color:red;
 }
 .newsDate
{
  font-size: 11px;
  line-height: 16px;
  color: #fff;
  float: right;
  position: absolute;
  top: 50px;
  right: -35px;
  padding: 0 8px;
  z-index: 30;
  width: 65px;
  height: 65px;
  padding: 15px 9px;
}
 .newsDate:after
 {
   content:"";
   display: inline-block;
   width: 65px;
   height: 65px;
   position: absolute;
   top:0;
   right: 0;
   background-color: #551b1b;
   box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.22);
   z-index: -1;
   transform: rotate(45deg);
 }
div#newsWidget div p {
    
font-size: 13px;
    
text-align: justify;
    
line-height: 27px;
    
color: #777;
    
padding-top: 23px;
    
position: relative;
}
div#newsWidget div p:after, div#newsWidget div p:before
  {
    display: block;
    position:absolute;
    width: 30px;
    border-top: 1px solid #ccc;
    content: '';
    left: 6px;
    top: 0;
}
div#newsWidget div p:after
{
  top:3px;
  margin-left: 10px;
}

div#newsWidget div img {
    
width: 100%;
    
-webkit-transform .35s;
    
height: 100%;
    
object-fit: cover;
    
transition: transform .35s;
    
display: block;
}

.news-content {
    
width: 62%;
    
/* float: left; */
    
font-size: 14px;
    
line-height: 30px;
    
margin-top: 30px;
    
display: inline-block;
    
vertical-align: top;
    
margin-left: 2%;
}
div#dialogContent {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    margin-top: 140px;
    padding: 0 20px;
}

#dialogContent div#newsWidget 
{position: relative;width: 33%;/* float: left; */display: inline-block;}
#dialogContent:after
{
  content:" ";
  width:100%;
  display:table;
  clear:both;
}


    #dialogContent div#newsWidget > div {
        
width: 100%;
        
height: auto;
    }

#newsWidget .info_wrapper > span {
    
padding: 2px;
}
#newsWidget .info_wrapper > span span{
  
padding: 0 8px;
  
vertical-align: middle;
}
#newsWidget .info_wrapper  {
   display: inline-block!important;
   font-size: 15px;
   font-size: 13px;
   margin-right: -9px;
   color: #999;
   margin-top: 13px;
   position: absolute;
   bottom: 16px;
   left: 28px;
}

#newsWidget .info_wrapper_wrapper {}


.ah7socialMedia, .printPage
{
  display:none
}

div#newsWidget {
    display: block;
    width: 100%;
    margin-top: -35px;
    padding-top: 60px;
}
.pagination-wrapper {
    display: block;
    width: 100%;
}
.newscontent {
    padding: 0 10%;
    font-size: 18px;
}
#newsWidget > div:nth-child(2n+2) > #newsInfo
{
  margin: 0;
  margin-left: 470px;
}
#newsWidget > div:nth-child(2n+2) .info_wrapper
{
	right:50px;
	left:auto
}
#newsWidget > div:nth-child(2n+2) .newsDate
{
  left: -35px;
  right: auto;
}

#newsWidget > div:nth-child(2n+2) #newsInfo h3:before
{
  right: -54px;
  left:auto;
}
    .newscontent .pagenavi div {
        padding: 1px;
        text-align: center;
        font-size: 0;
    }

    .newscontent .pagenavi a,
    .newscontent .pagenavi a:link,
    .newscontent .pagenavi a:visited,
    .newscontent .pagenavi a:active,
    .newscontent .pagenavi span.pages,
    .newscontent .pagenavi span.current,
    .newscontent .pagenavi span.extend {
        color: #525252;
        cursor: pointer;
        display: inline-block;
        margin: 0 6px 0 0;
        padding: 5px 13px 1px;
        text-decoration: none;
        font-size: 16px;
        -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.18);
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.18);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.18);
        border-radius: 5px;
        min-width: 40px;
    }

        .newscontent .pagenavi a,
        .newscontent .pagenavi a:link,
        .newscontent .pagenavi a:visited,
        .newscontent .pagenavi a:active,
        .newscontent .pagenavi span.current,
        .newscontent .pagenavi span.extend {
            background: #f0f0f0;
        }

    .newscontent .pagenavi div.liic {
        cursor: text;
        float: right;
        padding-right: 0;
        margin: -33px 0 0 5px;
        font-size: 16px;
    }

    .newscontent .pagenavi a:hover,
    .newscontent .pagenavi a.sel {
        background: #339a03;
        color: #fff !important;
    }

    .newscontent .pagenavi .ps {
        display: none;
    }
    #dialogContent .info_wrapper_wrapper
{
	/* width:100%; */
	/* padding-top: 60%; */
}
    /************** comment *******************/

div#body-content-comments-wrapper {
    padding: 0;
    margin-top: 43px;
    width: 100%;
    padding-bottom: 40px;
    float: left;
}

#body-content-comments {
    padding: 0px 27px;
    border: 5px solid rgb(218, 220, 222);
    /* text-align: justify; */
    font-size: 15px;
    padding-top: 24px;
    padding: 4px;
}

    #body-content-comments img {
        width: 60px;
        border: 1px solid rgb(218, 220, 222);
    }

.comments-header {
    background-color: #eaeaea;
    font-size: 12px !important;
    display: inline-block;
    height: auto;
    line-height: 28px;
    padding: 0px 0px 0px 17px;
    top: -47px;
    right: -8px;
    position: relative;
    width: auto !important;
}



    .comments-header span:first-child {
        background-color: #52a5dd;
        padding: 2px 12px;
        font-size: 12px;
        color: white;
    }

    .comments-header span:nth-child(2n) {
        margin: 0 6px 0 37px;
    }

.comments-likes {
    float: left;
    position: relative;
    margin-top: -23px;
    margin-left: -62px;
    color: #10dc10;
    direction: ltr;
}

.likeValue {
    direction: rtl;
}

.comments-likes.Liked {
    margin-top: 3px;
    margin-left: 2px;
}

.comments-likes .like {
    background: url('/content/bamdad/Icon_set/png/arrow_up.png') no-repeat;
    width: 20px;
    height: 13px;
    position: relative;
    margin-right: 63px;
    top: 30px;
    left: 87px;
    cursor: pointer;
}

.comments-likes .dislike {
    background: url('/content/bamdad/Icon_set/png/arrow_down.png') no-repeat;
    width: 21px;
    height: 14px;
    position: relative;
    margin-right: 63px;
    top: 16px;
    left: 106px;
    cursor: pointer;
}

.comments-body {
    margin-right: 80px;
    font-size: 13px;
    margin-top: -31px;
    line-height: 22px;
    white-space: pre-line;
}

.comment-reply {
    width: 89%;
    margin-top: 35px;
    /*margin-bottom: 50px;*/
    border-top: 2px solid #4486f7;
    padding-top: 5px;
    margin-right: 68px;
}

    .comment-reply .comment-reply {
        border-top: 2px solid #4486f7;
        padding-top: 5px;
        margin-right: 68px;
    }



#content .context {
    text-align: right;
}

.btn-comment-reply {
    background-color: #52a5dd;
    color: white;
    padding: 1px 29px;
    font-size: 14px;
    float: left;
    margin-top: 16px;
    cursor: pointer;
}

.comment-relationShip {
    border-right: 2px dashed #dadcde;
    border-bottom: 2px dashed #dadcde;
    padding-right: 19px;
    width: 10px;
    position: absolute;
    height: 169px;
    margin-right: -39px;
    margin-top: -109px;
}

#commment-add-wrapper {
    /* border-bottom: none !important; */
    padding: 20px 40px 0;
    background: #dadcde;
    border: 1px solid #dadcde;
    display: block;
    text-align: right;
}

    #commment-add-wrapper > span {
        font-size: 13px;
        color: #0a4c89;
        font-weight: bold;
    }

#hr-header-comment {
    width: 81%;
    margin-right: 8px;
    float: left;
    display: inline-block;
    border: 1px solid #dadcde;
    margin-top: 8px;
}

#addcomment-box {
    float: right;
    width: 30%;
    padding-left: 1%;
    margin-top: 31px;
}


#commment-add-wrapper input, #main input[type=text], #main input[type=password], select, textarea, #register-container input,
 .wrapper_Col .ajax-form textarea, .wrapper_Col .ajax-form select {
    font-size: 14px;
    min-width: 200px;
    margin-bottom: 3px;
    width: 100%;
    padding: 8px;
    5) */
}
div#commment-add-wrapper .ajax-form > div
{
    width: 51%;
    float: none;
}
.wrapper_Col .ajax-form input, .wrapper_Col .ajax-form textarea
{
	display: block;
	width: 100%;
	background-color: #fff;
	background-image: none;
	margin-bottom: 15px;
	padding: 15px;
	font-size: 12px;
	border-width: 0;
	color: #222;
}
::placeholder {
    color: #a5a0a0;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #a5a0a0;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #a5a0a0;
}

.wrapper_Col .ajax-form input:focus, .wrapper_Col .ajax-form textarea:focus
{
	border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

#commment-add-wrapper input[type="submit"], .wrapper_Col .ajax-form .btnBlack {
    color: #fff;
    width: auto;
    position: relative;
    padding: 10px 30px;
    display: inline-block;
    cursor: pointer;
    background: #551b1b;
    border: 0;
    font-weight: bold;
    box-shadow: 5px 0 0 0 #555;
    margin: 12px auto;
    right: 5px;
}

#main .form-group label {
    min-width: 114px;
    display: inline-block;
    font-size: 13px;
    line-height: 34px;
}

#commment-add-wrapper textarea {
    padding: 3px 10px;
    width: 100%;
    height: 133px;
    margin-bottom: 5px;
}

.userComment textarea {
    width: 100% !important;
    margin: 11px 0 0;
}

#main-banner-wrapper-news {
    width: 73%;
    float: left;
}

    #main-banner-wrapper-news > div {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #main-banner-wrapper-news div {
        /*display: inline-block;*/
        display: inline-table;
    }

.mainContent-wrapper > .topicList, .mainContent-wrapper > .topicContent, .mainContent-wrapper > #body-content-comments-wrapper {
    margin: 0 10%;
    padding-right: 0;
}

.mainContent-wrapper > .topicContent {
    padding: 20px 0 60px;
}

.mainContent-wrapper > .topicList {
    margin-top: 40px;
}
/***********end comment ************/

/*.....................................................Questions.........................*/
.resizable[data-tmplname="AQ"] {
    padding: 70px 0;
    margin: 0 auto;
    width: 100%;
    /* padding: 0px 13%; */
    background: #f7f7f7;
}


.aQ_wrapper
{
  /* margin-top:50px; */
  width: 90%;
  max-width: 1170px;
  /* width: calc(87% - 45px); */
  margin: auto;
  position: relative;
  left: 27px;
  /* margin-right: 55px; */
  margin-left: auto;
  font-size: 14px;
  border-left: 1px dotted #d9a431;
  padding-right: 5px;
  padding-top: 5px;
}
.aQ_Title
{
  color: #777;
  padding: 0;
  font-size: 16px;
}
div.aQ_Title:not(.answer):hover > div
{
	padding-right:20px;
	-webkit-transition: all 300ms;
    transition: all 300ms;
} 
.aQ_Title > div{
	padding: 5px 0;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}
.aQ_wrapper > div 
{margin-bottom: 5px;background-color: #fff;border-right: 1px solid #d9a431;padding: 12px 20px;-webkit-box-shadow: 0px 3px 3px -3px #ccc;/* box-shadow: 0px 3px 3px -3px #ccc; */border-radius: 3px;-webkit-border-radius: 3px;margin: 10px 0 10px 40px;position: relative;transition: all .6s;}
.aQ_ContentWrapper > div:first-child {
    color: rgba(43, 43, 43, 0.62);
    padding: 10px 15px 0;
}
 .aQ_wrapper > div.answer 
{
	border-color: transparent;
	margin-left: 81px;
}

.aQ_Title > span{
  display: inline;
  width: 45px;
  position: absolute;
  /* right: -72px; */
  /* border-radius: 50%; */
  height: 45px;
  padding: 5px 18px;
  background: #b5243e85;
  color: #fff;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  /* position: relative; */
  left: -65px;
}
.aQ_Title > span:after
{
	content:" ";
	width:100%;
	height:100%;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
	background: #103e77;
	z-index: -1;
	transform: rotate(45deg);
	border-radius: 5px;
}
.answer .aQ_Title > span
{
  left: -105px;
}
div.answer  span:after
{
	/* background:#d9a431; */
}

.aQ_ContentWrapper
{
  font-size: 14px;
  transition: .33s all ease;
  height: 0;
  overflow: hidden;
  padding: 5px 20px 0 0;
  color: #333;
}
.aQ_ContentWrapper > div{
	padding: 15px;
}
 div.answer + div.aQ_ContentWrapper
{
}
.arrow
{
  display:none;
}
.answer > .arrow {
    position: absolute;
    display:inline-block;
    top: 53%;
    left: -50px;
    /* bottom: 0; */
    margin: auto 0;
    /* height: 100%; */
    width: 50px;
    transform: translateY(-50%);
}
.arrow svg {
    fill: #ffffff;
}
/*.....................................................Responsive...........................................*/
@media only screen and (max-width: 769px)
{
  html
  {
    font-size:80%;
  }
  /*......................................Responsive Menue..........................................*/
  .top-bar
{
  display:none;
}
  .header-opener {
	font-size:18px;
	position: fixed;
	top: 18px;
	left: 2%;
	z-index: 10000;
}
.header-opener>span {
	position:relative;
	width: 25px;
	height: 20px;
	display:inline-block;
	vertical-align:top;
	margin-left: 7px;
}
.header-opener>span span,.header-opener>span:after,.header-opener>span:before,.nav-opener>span span{
	background: #fff;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	height: 2px;
	-webkit-transition:all .2s linear;
	transition:all .2s linear;
}

.head-active .header-opener>span span,.head-active .header-opener>span:after,.head-active .header-opener>span:before 
{
  background: #A6A6A6;
}

.header-opener>span:after,.header-opener>span:before {
	content:"";
	top: 4%;
}
.header-opener>span:after {
	top: 96%;
}
 .head-active #headerContent #mainNavigation
{
    left: 0;
}
.head-active .header-opener>span:after,.head-active .header-opener>span:before {
	-moz-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	-o-transform: rotate(50deg);
	-webkit-transform: rotate(-50deg);
	margin-top:-2px;
}
.head-active .header-opener>span:after {
	-moz-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	-webkit-transform: rotate(50deg);
}

.head-active .header-opener>span:after,.head-active .header-opener>span:before,.nav-active .nav-opener>span:after,.nav-active .nav-opener>span:before {
	top:50%;
	left:0;
	right:0;
}
.head-active .header-opener>span span {
	opacity:0
}
ul#mainNavigation li a.arrow:before
{
  color:#000;
  right: auto;
  left: 8px;
  top: 37%;
}
 #headerContent #mainNavigation {
      
width: 260px !important;
      
position: fixed;
      
left: -260px;
      
padding-top: 59px !important;
      
height: 100%!important;
      
overflow: auto;
      
transition: all .3s ease-in-out;
      
background-color: #222429;
    }
   div#headerContainer #headerContent
   {
     width: 100%;
     border-top:0;
     height: 60px;
     background-color: #222429;
     position: fixed!important;
     padding: 0!important;
     top: 0;
   }
    #mainNavigation .subSecondNavigation
{
  position:relative;
  right: 0;
  top: 8px;
  display: block;
  width: 100%;
  margin: 0;
  height: 66px;
  margin-top: 0 !important;
  text-align: right;
  margin-bottom: 9px;
}
#headerContent  #mainNavigation > li
    {
    display:block;
    color: #A6A6A6;
    font-size: 15px;
    width: 100%;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, .03);
    }
    #headerContent  #mainNavigation > li > a 
    {
      padding: 11px 20px 10px 5px;
      margin-left: 50px;
      line-height: 19px;
      display: inline-block;
      text-align: right;
      border-top: 0;
      padding: 16px 28px!important;
      margin-left: 0;
      position: static;
    }
    ul#mainNavigation li a.arrow:after
    {
      left:12px
    }
     ul#mainNavigation > li > a.selected, ul#mainNavigation > li > a:hover
      ul#mainNavigation li:first-child a
      {
        color: #fff;
        border: 0!important;
      }
  div#layout-logo
  {
    top: 2px;
    right: 20px;
    position: fixed;
    width: 100px;
    height: 52px;
    background-image: url(/Content/base/dynamic/shopping1091/img/103718.jpg)!important;
  }
  .backMenue div#container_wrapper
  {
    padding:0
  }
  .fixMenue ul#mainNavigation > li:first-child:before
  {
    display:none;
  }
    /*................................End Responsive Menue.....................*/
.resizable[data-tmplname="slideshow"]
{
  padding-bottom: 67%;
}
.resizable[data-tmplname="slideshow"] .frontpage-gallery div img
{
  width:140%;
}

.resizable[data-boxstyle="counter"] .catblurb
{
  width:50%;
  min-width:350px;
  margin-bottom: 20px;
}
.resizable[data-boxstyle="counter"] .catblurb-info .back_wrapper:after
{
  display:block!important;
  transform: skew(14deg)!important;
}
.resizable[data-boxstyle="counter"] .catblurb-info .back_wrapper:before
{
  display:block !important;
  transform: skew(-14deg)!important;
}

#galleryContent ul li
{
  width:50%;
  padding-bottom: 30%!important;
}
#newsWidget #newsInfo
{
  width:100%;
  float: none;
  margin-left: 0!important;
  padding-top: 299px;
  padding-right: 36px!important;
  background: url(/Content/base/dynamic/shopping806/img/92898.jpg);
}
.newsDate
{
	top:250px;
	right: 28%!important;
	left: auto!important;
}
div#newsWidget > div
{
  
height: auto;
  
background: none;
}
.resizable[data-boxstyle="backGroundImg"] > div img
{
  /* width: 150%; */
}
.ajax-form > div
{
  width:100%;
}

.MovieGalleryAlbum .screenshot
{
  width:48%;
  padding-top: 30%;
  margin-bottom: 20px;
}
#dialogContent div#newsWidget
{
    width:100%;
}
.news-content
{
    width:100%;
    margin-top: 0;
}
.resizable[data-boxstyle="imgHeader"]
{
    min-height: 150px;
}
.resizable[data-boxstyle="imgHeader"] img
{
    width: 133%;
}
.resizable[data-boxstyle="aryan"] .containerTabTitles
{
    width: 82%;
    margin-top: 40px;
    margin-bottom: 20px;
    margin: 0 auto;
    display: block;
}
.resizable[data-boxstyle="aryan"] .containerTabContent
{
	display:none
}
.containerTabTitles label
{
	width: 24%;
	text-align: center;
}
.resizable[data-boxstyle="About"]
{
	background-size: auto 748px!important;
	background-position: calc(50% + 392px) -33px;
}
.resizable[data-boxstyle="About"] > div
{
	width:100%;
	margin:0 auto;
	max-width: 1170px;
	margin-top: 296px;
}
.containerTabTitles label.selected:after,
.containerTabTitles label.selected:before
{
	display:none;
}
.resizable[data-boxstyle="services"] .blurbs
{
	height:auto;
	padding: 50px 0;
}
.resizable[data-boxstyle="services"] > h4
{
	position: relative;
	color: #555;
	width: 100%;
	padding: 0;
	transform: none;
	left: 0;
	height: auto;
}
.resizable[data-boxstyle="services"] > h4:after
{
	display:none;
}
.resizable[data-boxstyle="services"] .catblurb:nth-child(1).animated, .resizable[data-boxstyle="services"] .catblurb:nth-child(4).animated, 
.resizable[data-boxstyle="services"] .catblurb:nth-child(5).animated,.resizable[data-boxstyle="services"] .catblurb:nth-child(8).animated,
.resizable[data-boxstyle="services"] .catblurb:nth-child(9).animated, .resizable[data-boxstyle="services"] .catblurb:nth-child(12).animated
{
 position:relative;
 margin: 0 auto;
 margin-top: 16%;
}
.resizable[data-boxstyle="services"] .catblurb.animated:nth-child(6)
{
	
margin-right: 9%!important;
	
margin-top: -9%;
}
.resizable[data-boxstyle="services"] .catblurb.animated
{
	width: 37%!important;
	padding-bottom: 37%!important;
}
.resizable[data-boxstyle="services"] .catblurb:nth-child(2), .resizable[data-boxstyle="services"] .catblurb:nth-child(6),
.resizable[data-boxstyle="services"] .catblurb:nth-child(10)
{
	margin-right: 9%!important;
	margin-top: -9%;
	width: 34%!important;
	padding-bottom: 33%!important;
}
.resizable[data-boxstyle="services"] .catblurb.animated:nth-child(3),.resizable[data-boxstyle="services"] .catblurb.animated:nth-child(7),
 .resizable[data-boxstyle="services"] .catblurb.animated:nth-child(11)
{

margin-right: 57%;

width: 33.5%!important;

padding-bottom: 33%!important;

margin-top: -9.5%!important;
}
.resizable[data-boxstyle="services2"] .catblurb
{
	width: 49%;
	padding-bottom: 50%;
}
span.news_slide_before, .news_slide_next
{
	top: 120px;
}
.footer-list-top, .footer_social
{
	width: 100%!important;
	margin-left: 30px;
}
 .footer_social
 {
 	margin-bottom:50px;
 	margin-left:50px
 }
 .haftsetare_copyRight > span 
 {
 	margin-top:-20px
 }
}
@media only screen and (max-width: 480px)
{
  html
  {
    font-size:60%;
  }
  .resizable[data-tmplname="slideshow"]
{
  padding-bottom: 95%;
}
.resizable[data-tmplname="slideshow"] .frontpage-gallery div img
{
  width: 180%;
}

.resizable[data-boxstyle="counter"] .catblurb
{
  width:80%;
  min-width:100px
}

#galleryContent ul li {
    width: 100%;
    padding-bottom: 61%!important;
}
.newsDate
{
  right: 18px!important;
  top: 169px;
}
#newsWidget #newsInfo
{
  
padding-top: 237px;
}
.MovieGalleryAlbum .screenshot {
    width: 100%;
    padding-top: 62%;
    margin-bottom: 20px;
}
.resizable[data-boxstyle="imgHeader"]
{
    min-height: 200px;
}
.resizable[data-boxstyle="imgHeader"] img
{
    width: 190%;
}
.resizable[data-boxstyle="aryan"] .containerTabTitles
{
	
width: 100%;
}
.containerTabTitles label
{
	width: 40%;
	text-align: center;
}
.resizable[data-boxstyle="About"]
{
	background-size: auto 373px!important;
	background-position: calc(50% + 189px) 183px;
}
.resizable[data-boxstyle="About"] > div
{
	width:100%;
	margin:0 auto;
	max-width: 1170px;
	margin-top: 317px;
}
.resizable[data-boxstyle="services"] .catblurb .catblurb-info h4
{
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
}
.resizable[data-boxstyle="services2"] .catblurb
{
	/* width: 99%; */
	/* padding-bottom: 100%; */
}
.resizable[data-tmplname="slideshow"] .slideShowContent p
{
	/* white-space: normal; */
}
.resizable[data-tmplname="slideshow"] .slideShowContent h2
{
	margin-bottom: 0!important;
}
.resizable[data-tmplname="slideshow"] .slideShowContent .btn{
	padding:1px 10px
}
}
.resizable[data-tmplname="GoogleMap"]
{
	padding:0;
	height:500px!important;
}

/*****************************priceTab*************************************************************/ 
.resizable[data-boxstyle="priceTab"].btn span {
    position: relative;
}
.resizable[data-boxstyle="priceTab"] h3 , .resizable[data-boxstyle="priceTab"]{display: block;font-size: 15px !important;position: relative;padding-bottom: 13px;margin: auto;margin-bottom: 30px;font-weight: lighter;color: #7b8695;max-width: 1170px;width: 90%;text-align: center !important;}
.resizable[data-boxstyle="priceTab"] h4{font-size: 30px !important;font-size: 1.9rem;position: relative;margin-bottom: 10px;text-align: center;color: #000;width: 100%!important;}
.resizable[data-boxstyle="priceTab"] h3:after{content:'';position: absolute;height: 2px;background-color: rgba(133, 199, 117, 1);background:-webkit-linear-gradient(to right,rgba(133, 199, 117, 1),rgba(0, 174, 94, 1));background: linear-gradient(to right,rgba(133, 199, 117, 1),rgba(0, 174, 94, 1));width: 65px;bottom: 0;margin: auto;left: 0;right: 0;display: none;}
.resizable[data-boxstyle="priceTab"] {/* padding: 100px 100px; */display: block;/* max-width: 1170px; */width: 100%;min-height: 601px;/* margin-bottom: 60px; *//* z-index: 102; */position: relative;margin: 0 auto;/* background: #204375; */}
.resizable[data-boxstyle="priceTab"] > div img {
    position: absolute;
    top: 13%!important;
    /* transform: translateY(-50%); */
    width: 44%;
    left: -22%;
}



.resizable[data-boxstyle="priceTab"]  img
{
    width: 80%;
    /* float: left; */
    /* margin-left: -150%; */
    /* margin-top: 93%; */
}

        .resizable[data-boxstyle="priceTab"] h3, .resizable[data-boxstyle="priceTab"] h4, .resizable[data-boxstyle="priceTab"] .buttonList{
    width: 40%;
    margin-right: 0;
    float: right;
}



.resizable[data-boxstyle="priceTab"] h3 {line-height: 1.8em;float: none;position: relative;margin-top: 8%;color: black;text-align: justify !important;/* width: 56%; *//* border-color: #002aff #e6e6e6 #e6e6e6 #f2f3f8; */box-shadow: 0 0 15px rgba(0,0,0,0.1);padding: 60px;width: 50%;max-width: 575px;max-height: 404px;overflow: hidden;margin-left: 47%;/* background: rgba(0,0,0,.8); */color: #222;padding: 20px;padding-bottom: 50px;position: relative;}

.resizable[data-boxstyle="priceTab"].btn {
    position: absolute;
}

.resizable[data-boxstyle="priceTab"] > div:after {content: "";position: absolute;top: 38px;left: -266px;right: 0;bottom: 0;width: 100%;height: 100%;background: url(/Content/base/dynamic/shopping1227/img/104488.jpg);background-repeat: no-repeat;background-size: contain;opacity: 0.9;}
.resizable[data-boxstyle="priceTab"] > div:before {
    content:"";
    position:absolute;
    top: 70px;
    left: -309px;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background: url(/Content/base/dynamic/shopping1227/img/104490.jpg);
    background-size:contain;
    background-repeat:no-repeat;
    transform: rotate(15deg);
    z-index: 10;
    opacity: 0.3;
}
.resizable[data-boxstyle="priceTab"] h3:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    border-style: solid;
    border-width: 12px;
    border-color: #f2f3f8 #e6e6e6 #e6e6e6 #f2f3f8;
    transition: all 0.3s linear;
}
a#w_language {
    color: #fefefe;
    position: absolute;
    top: 18px;
    left: 42px;
    line-height: 16px;
    font-size: 16px;
    z-index: 1001;
}
a#w_language img {
       width: 34px;
    padding-right: 10px;
    vertical-align: middle;
    float: left;
}
   .resizable[data-boxstyle="terms"] div > * {
    line-height: 53px;
}    
.resizable[data-boxstyle="terms"] .download {
    background: #B7A99A;
    max-width: 300px;
} 
.resizable[data-boxstyle="terms"] > div a {
    color: white;
    text-decoration: underline;
}
        
.resizable[data-tmplname="content"] ul {
    list-style: square !important;
    list-style-type: square !important;
    display: list-item;
    margin-left: 20px;
}
body[data-menuid="40010"] .resizable[data-tmplname="content"] li {
    color: #000;
    padding: 0;
    display: list-item;
}
        
.resizable[data-tmplname="content"] > div tbody {
    display: inline-table;
    width: 100%;
}

.resizable[data-tmplname="content"] > div table {
    width: 100% !important;
    border: 1px solid black;
}
.resizable[data-boxid="60485"]{
	padding-top:200px;
}
ul.subSecondNavigation {
    top: 50px;
    right: -100px;
}