@font-face {
 font-family: 'Yekan';
 src: url('../fonts/Yekan.eot?-wwn5ej');
 src: url('../fonts/Yekan.eot?#iefix-wwn5ej') format('embedded-opentype'),
 url('../fonts/Yekan.woff?-wwn5ej') format('woff'),
 url('../fonts/Yekan.ttf?-wwn5ej') format('truetype'),
 url('../fonts/Yekan.svg?-wwn5ej#icomoon') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'BYekan';
 src: url('../fonts/BYekan.ttf?-wwn5ej') format('truetype');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'Titr';
 src: url('../fonts/BTitr.eot?-wwn5ej');
 src: url('../fonts/BTItr.eot?#iefix-wwn5ej') format('embedded-opentype'),
 url('../fonts/BTitr.woff?-wwn5ej') format('woff'),
 url('../fonts/BTitr.ttf?-wwn5ej') format('truetype');
 font-weight: normal;
 font-style: normal;
}
.phoneNumber {
    font-family:Yekan, Tahoma;
    margin-bottom: 0px !important;
}

.contactShortcutDiv {
    font-family:Yekan, Tahoma;
    margin-bottom: 3px !important;
    text-align: center !important;
}
.topRow {
    color:white;
    font-family: Yekan;
    vertical-align: middle;
    padding-top: 10px;
    letter-spacing: 1px;
    height: 49px;
}

.topRow a {
    color:orange !important;
}

li {
    font-family: Yekan !important;
}

a,h1,h2,h3,h4,h5,h6 {
    font-family: Yekan;
}

h1 {
    font-size:10pt;
}
@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu
  {
    display: block !important;
  }
}

.btn-warning {
    background-color: #F26238 !important;
    border-color: #F15528 !important;
}

.dropdown-menu>li:hover, .dropdown-menu>li:focus {
    background-color:#FF4800 !important;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: white !important;
}

.team-info {
    border-bottom: 0px !important;
    text-align: center !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

body{
    background-color: #EFEDED !important;
    font-family: Yekan, Tahoma;
}

.yekanFont {
    font-family: Yekan !important;
    direction:rtl;
}

.customersLable {
    font-family:Yekan;
    color:black;
    font-size:1.2rem;
    margin-bottom: 0px !important;
    text-align:center;
}

.productsLabel {
    font-family:Yekan;
    color:black;
    font-size:1.3rem;
    font-weight: normal;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    line-height: 1.5 !important;
}
.productsBox {
    padding : 10px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3) !important;
    background-color: #F7F4F4 !important;
}

.footerLinks {
    margin-top:10px !important;
    margin-bottom:0px;
    font-family: Yekan;
    font-size:1.2rem;
    color:white;
    font-weight:normal;
    line-height:18px !important;
}

.footerTitles {
    color:orange;
    font-weight:bold;
    font-size:1.4rem;
    margin-top:0px !important;
}
#footer #socialicon > li {
    display: inline-block;
    height: 40px;
    width: 40px;
    margin: -4px;
}

#footer #socialicon > li > a#rss                    { background-position: 0px top !important; }
#footer #socialicon > li > a#rss:hover              { background-position: 0px bottom !important; }

#footer #socialicon > li > a#whatsapp				{ background-position: -433px top; }
#footer #socialicon > li > a#whatsapp:hover		    { background-position: -433px bottom; }

#footer #socialicon > li > a#instageram				{ background-position: -253px top; }
#footer #socialicon > li > a#instageram:hover		{ background-position: -253px bottom; }

#footer #socialicon > li > a#telegram				{ background-position: -398px top; }
#footer #socialicon > li > a#telegram:hover			{ background-position: -398px bottom; }

#footer #socialicon > li > a#facebook               { background-position: -109px top; }
#footer #socialicon > li > a#facebook:hover			{ background-position: -109px bottom; }

#footer #socialicon > li > a#linkedin				{ background-position: -37px top; }
#footer #socialicon > li > a#linkedin:hover			{ background-position: -37px bottom; }

#footer #socialicon > li > a#aparat					{ background-position: -217px top; }
#footer #socialicon > li > a#aparat:hover			{ background-position: -217px bottom; }

#footer #socialicon > li > a#googleplus				{ background-position: -73px top; }
#footer #socialicon > li > a#googleplus:hover		{ background-position: -73px bottom; }

#footer #socialicon > li > a#twitter                { background-position: -181px top; }
#footer #socialicon > li > a#twitter:hover          { background-position: -181px bottom; }

#footer #socialicon > li > a {
    height: 40px;
    width: 40px;
    display: block;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
    background: url(../images/ico/icons.png) no-repeat top center;
}

.customersi a {
    color:orangered;
}

.productsBox:hover {
    box-shadow: 0 1px 15px 0 rgba(0,0,0,0.3) !important;
}

/* For News Section */
.post-slide{
    padding: 0 15px;
}
.post-slide .post-img{
    overflow: hidden;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    filter: grayscale(100%);
    opacity: 0.9;
    transform: scale(1,1);
    transition: all 0.3s ease-in-out 0s;
}
.post-slide:hover .post-img img {
    opacity: 1;
    filter: none;
    transform: scale(1.2,1.2);
}
.post-slide .post-content{
    padding: 20px 30px;
    position: relative;
    background-color : #fff;
}
.post-slide .post-date{
    font-family: Yekan;
    background-color: #556677;
    min-width: 28px;
    min-height:28px;
    line-height: 28px;
    text-align: center;
    position: absolute;
    top: -28px;
    left: 270px;
}
.post-slide .month{
    display: block;
    font-size:14px;
    font-weight: bold;
    color: #fff;
    padding: 0 10px;
    background-color: #43ACCB;
    text-transform: uppercase;
}
.post-slide .date{
    color: #fff;
    font-size: 14px;
}
.post-slide .post-title{
    direction:rtl;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align:justify;
    line-height:30px;
    color:#43ACCB;
    font-size:1.5rem;
    transition: all 0.50s ease 0s;
}

.post-slide .post-title a:hover{
    color:#333;
    text-decoration: none;
}
.post-slide .post-description{
    color: #3C3837;
    font-size: 1.3rem;
    line-height: 30px;
    text-align:justify;
    direction:rtl;
    font-family: Yekan;
}
.post-bar{
    padding: 0;
    text-align: center;
    /*background-color: #14bf9b;*/
    background-color : #43ACCB;
}

.post-bar p{
    padding: 5px 0;
    font-size: 1.5rem;
    color: #fff;
    /*transition:0.2s ease;*/
    font-family:Yekan;
    margin-bottom: 0px;
}

.post-bar p:hover{
    text-decoration: none;
    color:#333;
    font-size: 1.6rem;
}

#content {
    font-family: Yekan !important;
    direction: rtl !important;
    text-align: right !important;
    /*margin: 0px !important;*/
    padding : 50px 0 !important;
}

.carousel-content {
    direction: rtl;
    font-family: Yekan;
}

.carousel-content p {
    line-height: 50px;
    font-size: 2rem;
}
.carousel-content a {
    font-size:1.5rem;
}
.carousel-content a:hover {
    color:green;
}
.siteTitle {
    font-family: Yekan;
    direction: rtl;
    text-align: center;
    margin-top:10px;
}
.persianText {
    font-family:Yekan;
    direction:rtl;
    text-align: justify;
    color:black;
    font-size:1.4rem;
    margin-bottom: 0px !important;
    line-height: 3rem;
}
.persianTextWhite {
    font-family:Yekan !important;
    direction:rtl;
    text-align: justify;
    color:white !important;
    font-size:1.4rem;
    margin-bottom: 0px !important;
    line-height: 3rem;
}
.persianTextItalic {
    font-family:Yekan;
    direction:rtl;
    text-align: justify;
    color:black;
    font-size:1.2rem;
    font-style:italic;
    margin-bottom: 0px !important;
    /*line-height: 3rem;*/
}

.persianTitle {
    font-family:Yekan;
    direction:rtl;
    text-align: justify;
    color:black;
    font-size:1.5rem;
    margin-bottom: 10px !important;
    color:#0c5c74 !important;
    font-weight:bold;
}

.persianTitleRed {
    font-family:Yekan;
    direction:rtl;
    text-align: center;
    color:black;
    font-size:1.5rem;
    margin-bottom: 10px !important;
    color:red !important;
    font-weight:bold;
}

.persianTitle2 {
    font-family:Yekan;
    direction:rtl;
    text-align: justify;
    font-size:1.3rem;
    margin-bottom: 10px !important;
    color:black !important;
    font-weight:bold;
}

.persianTitle3 {
    font-family:Yekan;
    direction:rtl;
    text-align: justify;
    color:black;
    font-size:1.4rem;
    color:orangered !important;
    font-weight:bold;
    margin-bottom:0px !important;
    padding-right:10px !important;
    padding-top:10px;
}

.persianSubTitle {
    font-family:Yekan;
    direction:rtl;
    text-align: justify;
    font-size:1.4rem;
    margin-bottom: 10px !important;
    font-weight:bold;
    color: #F04D20 !important;
}

.persianSubTitleDarkBlue {
    font-family:Yekan;
    direction:rtl;
    text-align: justify;
    color:black;
    font-size:1.4rem;
    margin-bottom: 10px !important;
    font-weight:bold;
    color: #0c5c74 !important;
}

.persianSubTitleGreen {
    font-family:Yekan;
    direction:rtl;
    text-align: center;
    color:black;
    font-size:1.4rem;
    font-weight:bold;
    color: green !important;
}

.contentBox {
    margin-top:20px !important;
    margin-bottom: 20px !important;
}
.contentBox2 {
    margin-top:20px !important;
    /*margin-bottom: 20px !important;*/
}
.contentBox3 {
    margin: 20px 5px;
}
/*hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}*/

.sepantaUL {
    list-style-image:url(../images/ico/Sbullet.PNG);
    direction:rtl;
    font-family:Yekan;
    direction:rtl;
    text-align: justify;
    color:black;
    font-size:1.4rem;
    margin-bottom: 0px !important;
    line-height: 3rem;
}

.sepantaUL2 {
    list-style-image:url(../images/ico/Sbullet.PNG);
    direction:rtl;
    font-family:Yekan;
    direction:rtl;
    text-align: justify;
    color:black;
    font-size:1.4rem;
    margin-bottom: 0px !important;
    line-height: 4rem;
}

.divProducts {
    padding-right: 0px;
    padding-left: 0px;
    float:right;
    text-align:center;
    margin-bottom:5px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3) !important;
    background-color: #F7F4F4 !important;
}

.divNews {
    padding-right: 0px;
    padding-left: 0px;
    float:right;
    text-align:center;
    margin-bottom:5px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3) !important;
    background-color: #F7F4F4 !important;
}
.sepantaUL2 a {
    color: #0c5c74 !important;
}

.nostylertl{
    list-style: none;
    padding: 0px 0px 0px 10px;
    margin-bottom: 20px;
    direction:rtl;
    text-align:justify;
    padding-right:30px;
    line-height:3rem;
}

.nostylertlBlack{
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
    direction:rtl;
    text-align:justify;
    padding-right:30px;
    line-height:3rem;
    color:black;
}

ul.nostylertlBlack i {
    color: black;
    padding-left:10px;
}
ul.nostylertl i {
    color: #45aed6;
    padding-left:10px;
}
.nostylertl a:hover {
    /*text-shadow:2px 2px 5px rgba(0,0,0,0.3);*/
    font-weight:bold;
}
.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 1.4rem;
    border: 1.3px solid #01496E;
    border-radius: 5px;
    text-align: center;
    color: #015581;
    /*margin-bottom: 30px;*/
    font-family:Yekan;
}
.filter-button:hover
{
    /*font-size: 1.6rem;*/
    border: 1px solid #01496E;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #01496E;
}
.filter-button.active
{
    border: 1.3px solid #01496E;
    background-color: #89ABBD;
    color: white;
}

.filter-button.active:hover 
{
    border: 1.3px solid #01496E;
    background-color: #01496E;
    color: white;
}
.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 6px;
}

.imgCatalog {
    max-width:100%;
    height:auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.textCatalog {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.divCatalogDownload {
    float:right; 
    text-align:center;
    margin-bottom: 30px;
}
.divCatalogDownload:hover .imgCatalog {
  opacity: 0.3;
}

.divCatalogDownload:hover .textCatalog {
  opacity: 1;
}

.textCatalog {
  background-color: orangered;
  color: white;
  font-size: 1.5rem;
  padding: 10px 20px;
}

.linkCatalogDownload p {
    color: #0c5c74;
    text-align:center;
    font-family:Yekan;
    direction:rtl;
    font-size:1.4rem;
    margin-bottom: 0px !important;
    font-weight:bold;
}

.linkCatalogDownload p:hover {
    color:orangered;
}

.footerText {
    direction:rtl;
    font-family:Yekan, Tahoma;
    font-size:1.2rem;
    text-align:center;
    margin-bottom:0px;
    letter-spacing:0.1rem;
}

.contactIcons {
    font-size: 22px !important;
}

.contactDiv {
    float:right;
    text-align:center;
    margin-bottom:5px;
}

.contactText {
    font-family:Yekan;
    direction:rtl;
    text-align: justify;
    color: orangered;
    font-size:1.4rem;
    margin-bottom: 0px !important;
    line-height: 5rem;
}

.unitsBox {
    padding : 5px !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3) !important;
    background-color: #F7F4F4 !important;
    float:right;
    text-align:center;
    /*margin:5px;*/
    margin-bottom:20px;
}

.contactLabel1 {
    font-family:Yekan;
    color:black;
    font-size:1.6rem;
    text-align: right;
    margin-top: 10px !important;
}

.contactLabel2 {
    font-family:Yekan;
    color:black;
    font-size:1.4rem;
    text-align: right;
    margin-top: 10px !important;
}

.continueLink {
    direction:rtl;
    text-align: right;
    margin-bottom: 0px !important;
    line-height: 3rem;
}

.continueLink a {
    font-family:Yekan;
    text-align: right;
    font-size:1.4rem;
    color:orangered !important;
}

.continueLink a:hover {
    font-family:Yekan;
    text-align: right;
    font-weight:bold;
    color:dodgerblue !important;
}

.contactsStyle {
    border: 1.5px solid #01496E;
    /*box-shadow:#056a9d 1px 1px;*/
    border-radius: 7px;
    margin-bottom:10px;
    padding-top: 15px;
    padding-bottom: 15px;   
}

.logan {
    font-family:Yekan;
    direction:rtl;
    text-align: center;
    color:black;
    font-size:1.5rem;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    color:#0c5c74 !important;
    font-weight:bold;
}

.infoGraphicsBox {
    padding : 10px !important;
    /*box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3) !important;*/
    background-color: #F7F4F4 !important;
    float:right;
    text-align:center;
    /*margin-right:80px;*/
    margin-bottom:20px;
    border-radius: 10px;
    border:1.4px solid #8d8b8b;
}
.infoGraphicsBox:hover {
    /*box-shadow: 0 1px 15px 0 rgba(0,0,0,0.3) !important;*/
}
.filter-button2
{
    font-size: 1.4rem;
    font-weight: bold;
    border: 1.3px solid #01496E;
    border-radius: 5px;
    text-align: right;
    color: #015581;
    font-family:Yekan;
}
.filter-button2:hover
{
    border: 1px solid #01496E;
    border-radius: 5px;
    text-align: right;
    color: #ffffff;
    background-color: #01496E;
}
.filter-button2.active
{
    border: 1.3px solid #01496E;
    background-color: #89ABBD;
    color: white;
}
.filter-button2.active:hover 
{
    border: 1.3px solid #01496E;
    background-color: #01496E;
    color: white;
}

.formLabelControl {
    font-family:Yekan;
    direction:rtl;
    text-align: right;
    color:black;
    font-size:1.4rem;
    line-height: 3rem;
}

.formTextControl {
    font-family:Yekan;
    direction:rtl;
    text-align: right;
    color:black;
    font-size:1.3rem;
    /*line-height: 3rem;*/
    padding-right:2px;
    padding-left:2px;
    /*letter-spacing: 0.1rem;*/
}

.formTextControlSmall {
    font-family:Yekan;
    direction:rtl;
    text-align: right;
    color:black;
    font-size:1rem;
    padding-right:2px;
    padding-left:2px;
}

.formTextControlltrRight {
    font-family:Yekan;
    direction:ltr;
    text-align: right;
    color:black;
    font-size:1.3rem;
    /*line-height: 3rem;*/
    padding-right:2px;
    padding-left:2px;
    /*letter-spacing: 0.1rem;*/
}

.formTextControlLeft {
    font-family:Yekan;
    direction:ltr;
    text-align: left;
    color:black;
    font-size:1.3rem;
    padding-right:2px;
    padding-left:2px;
    font-weight: bold;
    letter-spacing: 1px;
}

.formNumericControl {
    font-family:BYekan, Yekan, Tahoma;
    text-align: left;
    color:black;
    font-size:1.3rem;
    padding-right:2px;
    padding-left:2px;
    font-weight: bold;
    letter-spacing: 1.2px;
    direction: ltr;
}

.formNumericControlRight {
    font-family:Yekan, Tahoma;
    direction: ltr;
    text-align: right;
    color:black;
    font-size:1.3rem;
    padding-right:2px;
    padding-left:2px;
    /*font-weight: bold;*/
    /*letter-spacing: 1px;*/
}

.redStar {
    color:red;
    font-family: Titr;
    font-size: 1rem;
}

.imgHelp {
    color:red;
    font-family: Yekan;
    font-size: 1rem;
}

.formRows {
    margin-right:0px;
    margin-left:0px;
    padding:10px;
}

.formRows2 {
    margin-right:0px;
    margin-left:0px;
    margin-bottom:10px;
}

.formRowsDemo {
    float:right;
    margin-right:0px;
    margin-left:0px;
    margin-bottom:10px;
    padding-right:10px;
}

.formStyle {
    border:2px solid #9C9B9B;
    padding-top:10px;
    padding-bottom:15px;
    border-radius:5px;
    background-color: #E1E0E0;
}

.innerformStyle {
    border: 1px solid #ACABAB;
    margin:20px;
    border-radius:2px;
}

.fieldErrorMsg {
    color:red;
    font-size: 1.2rem;
    font-family:Yekan;
    text-align: right;
    display:none;
}

p {
    font-family: Yekan, Tahoma;
}

.radioButtonList {
    margin-bottom: 10px !important;
    color: black;
}
.radioButtonList label{
    display:inline;
    margin-left: 35px !important;
    margin-right: 5px !important;
    color: black;
    font-weight: normal;
}

.contentBoxAdmin {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.contentBoxAdmin2 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.bodyAdmin {
    padding: 0px;
    background: #fff;
    font-family: Yekan, Tahoma;
    font-weight: 400;
    color: #64686d;
    line-height: 26px;
    direction: rtl;
}

.footerAdmin {
    background-color:dimgray;
    color:white;
    margin-top:10px;
}

.paddingRightLeft {
    padding-right:15px !important;
    padding-left:15px !important;
}

.imgNewsPicFit {
    max-width: 40% !important;
    height: auto !important;
}

.imgNewsSliderFit {
    max-width: 90% !important;
    height: auto !important;
}

.imgFit70 {
    max-width: 70% !important;
    height: auto !important;
}

.imgFit40 {
    max-width: 40% !important;
    height: auto !important;
}

.faCustom {
  padding: 10px;
  font-size: 15px;
  width: 35px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.faCustom:hover {
    opacity: 0.7;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.googleplus {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.telegram {
  background: #2c4762;
  color: white;
}

.rss {
  background: #ff6600;
  color: white;
}

.gridview{
    background-color:white;
}

.gridview table {
    margin-left:auto;
    margin-right:auto;
}
/*.gridview tr,td {
    text-align:center;
}*/
.gridview a{
    margin:5px;
    border-radius:50%;
    background-color:#005696;
    padding:1px 10px 1px 10px;
    color:#fff;
    text-decoration:none;
    -o-box-shadow:1px 1px 1px #111;
    -moz-box-shadow:1px 1px 1px #111;
    -webkit-box-shadow:1px 1px 1px #111;
    box-shadow:1px 1px 1px #111;
}

.gridview a:hover{
    background-color:#1e8d12;
    color:#fff;
}

.gridview span{
    background-color:white;
    color:black;
    -o-box-shadow:1px 1px 1px #111;
    -moz-box-shadow:1px 1px 1px #111;
    -webkit-box-shadow:1px 1px 1px #111;
    box-shadow:1px 1px 1px #111;
    border-radius:50%;
    padding:1px 10px 1px 10px;
}

.textAlignCenter {
    text-align: center !important;
}

/*!
 * Begin Of : style2.css to merge css files
 */
.da-slide,
.da-slider {
    width: 100%;
    float: right;
    direction: rtl
}

.da-slide,
.da-slide h2,
.da-slide p {
    font-family: Yekan, Tahoma
}

.da-arrows,
.da-dots {
    -moz-user-select: none;
    -webkit-user-select: none
}

.da-arrows span:after,
.da-dots span.da-dots-current:after {
    content: '';
    position: absolute
}

.da-slider {
    min-width: 520px;
    height: 400px;
    position: relative;
    margin: 30px auto;
    overflow: hidden;
    background: url(../images/waves.gif);
    border-top: 8px solid #efc34a;
    border-bottom: 8px solid #efc34a;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 -2px 1px #fff;
    -webkit-transition: background-position 1s ease-out .3s;
    -moz-transition: background-position 1s ease-out .3s;
    -o-transition: background-position 1s ease-out .3s;
    -ms-transition: background-position 1s ease-out .3s;
    transition: background-position 1s ease-out .3s
}

.da-slide {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    text-align: right
}

.da-slide-current {
    z-index: 1000
}

.da-slider-fb .da-slide {
    left: 100%
}

.da-slider-fb .da-slide.da-slide-current {
    left: 0
}

.da-slide .da-img,
.da-slide .da-link,
.da-slide h2,
.da-slide p {
    position: absolute;
    opacity: 0;
    left: 110%
}

.da-slider-fb .da-slide .da-link,
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p {
    left: 10%;
    opacity: 1
}

.da-slider-fb .da-slide .da-img {
    left: 60%;
    opacity: 1
}

.da-slide h2 {
    color: #fff;
    width: 50%;
    top: 60px;
    white-space: nowrap;
    z-index: 10
}

.da-slide p {
    width: 45%;
    top: 155px;
    color: #916c05;
    font-size: 18px;
    line-height: 26px;
    height: 80px;
    overflow: hidden;
    font-style: italic
}

.da-slide .da-img {
    text-align: center;
    width: 30%;
    top: 70px;
    height: 256px;
    line-height: 320px;
    left: 110%
}

.da-slide .da-link {
    top: 270px;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    border: 5px solid rgba(255, 255, 255, .8);
    padding: 2px 20px 0;
    font-size: 15px;
    line-height: 30px;
    width: 150px;
    text-align: center;
    background: rgba(255, 255, 255, .2)
}

.da-arrows span,
.da-dots span {
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1) inset, 1px 1px 1px rgba(255, 255, 255, .1)
}

.da-slide .da-link:hover {
    background: rgba(255, 255, 255, .3)
}

.da-dots {
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    bottom: 20px;
    z-index: 2000
}

.da-dots span {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e4b42d;
    margin: 3px
}

.da-dots span.da-dots-current:after {
    width: 8px;
    height: 8px;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0)
}

.da-arrows span {
    position: absolute;
    top: 50%;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #e4b42d;
    z-index: 2000;
    opacity: 0;
    -webkit-transition: opacity .4s ease-in-out-out .2s;
    -moz-transition: opacity .4s ease-in-out-out .2s;
    -o-transition: opacity .4s ease-in-out-out .2s;
    -ms-transition: opacity .4s ease-in-out-out .2s;
    transition: opacity .4s ease-in-out-out .2s
}

.da-slider:hover .da-arrows span {
    opacity: 1
}

.da-arrows span:after {
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px;
    background: url(../images/arrows.png) top left no-repeat;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .1)
}

.da-arrows span:hover:after {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .3)
}

.da-arrows span:active:after {
    box-shadow: 1px 1px 1px rgba(255, 255, 255, .1)
}

.da-arrows span.da-arrows-next:after {
    background-position: top right
}

.da-arrows span.da-arrows-prev {
    left: 15px
}

.da-arrows span.da-arrows-next {
    right: 15px
}

.da-slide-current .da-link,
.da-slide-current h2,
.da-slide-current p {
    left: 10%;
    opacity: 1
}

.da-slide-current .da-img {
    left: 60%;
    opacity: 1
}

.da-slide-fromright h2 {
    -webkit-animation: fromRightAnim1 .6s ease-in-out .8s both;
    -moz-animation: fromRightAnim1 .6s ease-in-out .8s both;
    -o-animation: fromRightAnim1 .6s ease-in-out .8s both;
    -ms-animation: fromRightAnim1 .6s ease-in-out .8s both;
    animation: fromRightAnim1 .6s ease-in-out .8s both
}

.da-slide-fromright p {
    -webkit-animation: fromRightAnim2 .6s ease-in-out .8s both;
    -moz-animation: fromRightAnim2 .6s ease-in-out .8s both;
    -o-animation: fromRightAnim2 .6s ease-in-out .8s both;
    -ms-animation: fromRightAnim2 .6s ease-in-out .8s both;
    animation: fromRightAnim2 .6s ease-in-out .8s both
}

.da-slide-fromright .da-link {
    -webkit-animation: fromRightAnim3 .4s ease-in-out 1.2s both;
    -moz-animation: fromRightAnim3 .4s ease-in-out 1.2s both;
    -o-animation: fromRightAnim3 .4s ease-in-out 1.2s both;
    -ms-animation: fromRightAnim3 .4s ease-in-out 1.2s both;
    animation: fromRightAnim3 .4s ease-in-out 1.2s both
}

.da-slide-fromright .da-img {
    -webkit-animation: fromRightAnim4 .6s ease-in-out .8s both;
    -moz-animation: fromRightAnim4 .6s ease-in-out .8s both;
    -o-animation: fromRightAnim4 .6s ease-in-out .8s both;
    -ms-animation: fromRightAnim4 .6s ease-in-out .8s both;
    animation: fromRightAnim4 .6s ease-in-out .8s both
}

@-webkit-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-webkit-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-webkit-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0
    }
    1% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-webkit-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 60%;
        opacity: 1
    }
}

@-moz-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-moz-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-moz-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0
    }
    1% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-moz-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 60%;
        opacity: 1
    }
}

@-o-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-o-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-o-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0
    }
    1% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-o-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 60%;
        opacity: 1
    }
}

@-ms-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-ms-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-ms-keyframes fromRightAnim3 {
    0%,
    1% {
        opacity: 0
    }
    1%,
    100% {
        left: 10%
    }
    0% {
        left: 110%
    }
    100% {
        opacity: 1
    }
}

@-ms-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 60%;
        opacity: 1
    }
}

@keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0
    }
    1% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0
    }
    100% {
        left: 60%;
        opacity: 1
    }
}

.da-slide-fromleft h2 {
    -webkit-animation: fromLeftAnim1 .6s ease-in-out .6s both;
    -moz-animation: fromLeftAnim1 .6s ease-in-out .6s both;
    -o-animation: fromLeftAnim1 .6s ease-in-out .6s both;
    -ms-animation: fromLeftAnim1 .6s ease-in-out .6s both;
    animation: fromLeftAnim1 .6s ease-in-out .6s both
}

.da-slide-fromleft p {
    -webkit-animation: fromLeftAnim2 .6s ease-in-out .6s both;
    -moz-animation: fromLeftAnim2 .6s ease-in-out .6s both;
    -o-animation: fromLeftAnim2 .6s ease-in-out .6s both;
    -ms-animation: fromLeftAnim2 .6s ease-in-out .6s both;
    animation: fromLeftAnim2 .6s ease-in-out .6s both
}

.da-slide-fromleft .da-link {
    -webkit-animation: fromLeftAnim3 .4s ease-in-out 1.2s both;
    -moz-animation: fromLeftAnim3 .4s ease-in-out 1.2s both;
    -o-animation: fromLeftAnim3 .4s ease-in-out 1.2s both;
    -ms-animation: fromLeftAnim3 .4s ease-in-out 1.2s both;
    animation: fromLeftAnim3 .4s ease-in-out 1.2s both
}

.da-slide-fromleft .da-img {
    -webkit-animation: fromLeftAnim4 .6s ease-in-out .6s both;
    -moz-animation: fromLeftAnim4 .6s ease-in-out .6s both;
    -o-animation: fromLeftAnim4 .6s ease-in-out .6s both;
    -ms-animation: fromLeftAnim4 .6s ease-in-out .6s both;
    animation: fromLeftAnim4 .6s ease-in-out .6s both
}

@-webkit-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-webkit-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-webkit-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0
    }
    1% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-webkit-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 60%;
        opacity: 1
    }
}

@-moz-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-moz-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-moz-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0
    }
    1% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-moz-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 60%;
        opacity: 1
    }
}

@-o-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-o-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-o-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0
    }
    1% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-o-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 60%;
        opacity: 1
    }
}

@-ms-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-ms-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@-ms-keyframes fromLeftAnim3 {
    0%,
    1% {
        opacity: 0
    }
    1%,
    100% {
        left: 10%
    }
    0% {
        left: -110%
    }
    100% {
        opacity: 1
    }
}

@-ms-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 60%;
        opacity: 1
    }
}

@keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0
    }
    1% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 10%;
        opacity: 1
    }
}

@keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0
    }
    100% {
        left: 60%;
        opacity: 1
    }
}

.da-slide-toright h2 {
    -webkit-animation: toRightAnim1 .6s ease-in-out .6s both;
    -moz-animation: toRightAnim1 .6s ease-in-out .6s both;
    -o-animation: toRightAnim1 .6s ease-in-out .6s both;
    -ms-animation: toRightAnim1 .6s ease-in-out .6s both;
    animation: toRightAnim1 .6s ease-in-out .6s both
}

.da-slide-toright p {
    -webkit-animation: toRightAnim2 .6s ease-in-out .3s both;
    -moz-animation: toRightAnim2 .6s ease-in-out .3s both;
    -o-animation: toRightAnim2 .6s ease-in-out .3s both;
    -ms-animation: toRightAnim2 .6s ease-in-out .3s both;
    animation: toRightAnim2 .6s ease-in-out .3s both
}

.da-slide-toright .da-link {
    -webkit-animation: toRightAnim3 .4s ease-in-out both;
    -moz-animation: toRightAnim3 .4s ease-in-out both;
    -o-animation: toRightAnim3 .4s ease-in-out both;
    -ms-animation: toRightAnim3 .4s ease-in-out both;
    animation: toRightAnim3 .4s ease-in-out both
}

.da-slide-toright .da-img {
    -webkit-animation: toRightAnim4 .6s ease-in-out both;
    -moz-animation: toRightAnim4 .6s ease-in-out both;
    -o-animation: toRightAnim4 .6s ease-in-out both;
    -ms-animation: toRightAnim4 .6s ease-in-out both;
    animation: toRightAnim4 .6s ease-in-out both
}

@-webkit-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@-webkit-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@-webkit-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1
    }
    99% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@-webkit-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1
    }
    30% {
        left: 55%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@-moz-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@-moz-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@-moz-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1
    }
    99% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@-moz-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1
    }
    30% {
        left: 55%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@-o-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@-o-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@-o-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1
    }
    99% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@-o-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1
    }
    30% {
        left: 55%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@-ms-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@-ms-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@-ms-keyframes toRightAnim3 {
    0%,
    99% {
        left: 10%
    }
    100%,
    99% {
        opacity: 0
    }
    0% {
        opacity: 1
    }
    100% {
        left: 100%
    }
}

@-ms-keyframes toRightAnim4 {
    0%,
    30% {
        opacity: 1
    }
    0% {
        left: 60%
    }
    30% {
        left: 55%
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1
    }
    99% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

@keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1
    }
    30% {
        left: 55%;
        opacity: 1
    }
    100% {
        left: 100%;
        opacity: 0
    }
}

.da-slide-toleft h2 {
    -webkit-animation: toLeftAnim1 .6s ease-in-out both;
    -moz-animation: toLeftAnim1 .6s ease-in-out both;
    -o-animation: toLeftAnim1 .6s ease-in-out both;
    -ms-animation: toLeftAnim1 .6s ease-in-out both;
    animation: toLeftAnim1 .6s ease-in-out both
}

.da-slide-toleft p {
    -webkit-animation: toLeftAnim2 .6s ease-in-out .3s both;
    -moz-animation: toLeftAnim2 .6s ease-in-out .3s both;
    -o-animation: toLeftAnim2 .6s ease-in-out .3s both;
    -ms-animation: toLeftAnim2 .6s ease-in-out .3s both;
    animation: toLeftAnim2 .6s ease-in-out .3s both
}

.da-slide-toleft .da-link {
    -webkit-animation: toLeftAnim3 .6s ease-in-out .6s both;
    -moz-animation: toLeftAnim3 .6s ease-in-out .6s both;
    -o-animation: toLeftAnim3 .6s ease-in-out .6s both;
    -ms-animation: toLeftAnim3 .6s ease-in-out .6s both;
    animation: toLeftAnim3 .6s ease-in-out .6s both
}

.da-slide-toleft .da-img {
    -webkit-animation: toLeftAnim4 .6s ease-in-out .5s both;
    -moz-animation: toLeftAnim4 .6s ease-in-out .5s both;
    -o-animation: toLeftAnim4 .6s ease-in-out .5s both;
    -ms-animation: toLeftAnim4 .6s ease-in-out .5s both;
    animation: toLeftAnim4 .6s ease-in-out .5s both
}

@-webkit-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1
    }
    30% {
        left: 15%;
        opacity: 1
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-webkit-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1
    }
    30% {
        left: 15%;
        opacity: 1
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-webkit-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-webkit-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1
    }
    70% {
        left: 30%;
        opacity: 0
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-moz-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1
    }
    30% {
        left: 15%;
        opacity: 1
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-moz-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1
    }
    30% {
        left: 15%;
        opacity: 1
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-moz-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-moz-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1
    }
    70% {
        left: 30%;
        opacity: 0
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-o-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1
    }
    30% {
        left: 15%;
        opacity: 1
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-o-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1
    }
    30% {
        left: 15%;
        opacity: 1
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-o-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-o-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1
    }
    70% {
        left: 30%;
        opacity: 0
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-ms-keyframes toLeftAnim1 {
    0%,
    30% {
        opacity: 1
    }
    0% {
        left: 10%
    }
    30% {
        left: 15%
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-ms-keyframes toLeftAnim2 {
    0%,
    30% {
        opacity: 1
    }
    0% {
        left: 10%
    }
    30% {
        left: 15%
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-ms-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@-ms-keyframes toLeftAnim4 {
    100%,
    70% {
        opacity: 0
    }
    0% {
        left: 60%;
        opacity: 1
    }
    70% {
        left: 30%
    }
    100% {
        left: -50%
    }
}

@keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1
    }
    30% {
        left: 15%;
        opacity: 1
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1
    }
    30% {
        left: 15%;
        opacity: 1
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1
    }
    100% {
        left: -50%;
        opacity: 0
    }
}

@keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1
    }
    70% {
        left: 30%;
        opacity: 0
    }
    100% {
        left: -50%;
        opacity: 0
    }
}
/*!
 * End Of : style2.css to merge css files
 */
.nav>li>a {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.badge {
    background-color: limegreen !important;
    font-weight: normal !important;
    padding-bottom: 5px !important;
    font-size: 10px !important;
    box-shadow: lightgray -2px 3px !important;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
    text-align: right !important;
}
/*!
 * Begin of Inline Styles :
 */
.SiteName {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    text-align: right !important;
}

.floatLeft {
    float:left !important;
}

.fontSize14pt {
    font-size:14pt !important;
}

.containerSlider {
    margin:0px !important;
    padding:0px !important;
    width:100% !important;
}
.center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.m-5 {
    margin: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-30 {
    padding-top: 30px !important;
}
.pr-20px {
    padding-right: 20px !important;
}

.pl-20px {
    padding-left: 20px !important;
}

.paddingRL0px {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.pr-5px {
    padding-right: 5px !important;
}
.paddingRL5px {
    padding-right:5px !important;
    padding-left:5px !important;
}
.marginB10px {
    margin-bottom:10px !important;
}

.productsBox2 {
    float:right !important;
    text-align:center !important;
    margin-left:45px !important;
    margin-bottom:5px !important;
}
.lastProductBox {
    float:right !important;
    text-align:center !important;
}

.cta2Div {
    float:right !important;
    text-align:center !important;
    margin-bottom:10px !important;
}

.fontSize70pt {
    font-size:70pt !important;
}

.cta2H3 {
    font-size:1.7rem !important;
    color:white !important;
    font-weight:normal !important;
}

.maxW100HAuto {
    max-width:100% !important;
    height:auto !important;
}
.maxW70HAuto {
    max-width:70% !important;
    height:auto !important;
}
.marginB30px {
    margin-bottom:30px !important;
}
.custDivBox {
    float:right !important;
    padding-right:0px !important;
    padding-left:0px !important;
}

.textAlignLeft {
    text-align:left !important;
}

.newsSection {
    padding-top:30px !important;
    padding-bottom:10px !important; 
    margin:0px !important;
}

.floatRAlignC {
    float:right !important;
    text-align:center !important;
}

.floatRAlignR {
    float:right !important;
    text-align:right !important;
}
.footerBox2 {
    float:right !important;
    text-align:right !important;
    margin-left:40px !important;
}

.marginT10px {
    margin-top:10px !important;
}
.marginT20px {
    margin-top:20px !important;
}
.marginTop0px {
    margin-top:0px !important;
}
.marginB5px {
    margin-bottom:5px !important;
}
.siteNameFooter {
    font-size:1.3rem !important;
    color:white !important;
    font-weight:normal !important;
    margin-top:5px !important;
    margin-bottom:15px !important;
}

.fontSize1_2rem {
    font-size:1.2rem !important;
}

.colorOranged {
    color:orangered !important;
}
.footerTextDiv {
    background-color:dimgray !important;
    margin-top:10px !important;
    margin-right:0px !important;
    margin-left:0px !important;
    padding-right:0px !important;
    padding-left:0px !important;
}

.floatRight {
    float:right !important;
}

.aboutUsCounter1 {
    background-image:url(../images/Clients.jpg) !important;
    background-repeat:no-repeat !important;
}
.aboutUsCounter2 {
    background-image:url(../images/Iran.png) !important;
    background-repeat:no-repeat !important;
}
.aboutUsCounter3 {
    background-image:url(../images/Years.png) !important;
    background-repeat:no-repeat !important;
}
.aboutUsCounter4 {
    background-image:url(../images/Products.png) !important;
    background-repeat:no-repeat !important;
}
.marginR10px {
    margin-right:10px !important;
}
.marginR20px {
    margin-right:20px !important;
}
.marginR35px {
    margin-right: 35px !important;
}
.marginR50px {
    margin-right: 50px !important;
}
.contactUsPRow {
    background-color:#efc16c !important;
    text-align:center !important;
    font-weight:bold !important;
    letter-spacing:0.1rem !important;
    line-height:4rem !important;
}
.paddingRL10px {
    padding-right:10px !important;
    padding-left:10px !important;
}
.marginB20px {
    margin-bottom:20px !important;
}
.dirRTL {
    direction:rtl !important;
}
.dirLTR {
    direction:ltr !important;
}
.marginT30px {
    margin-top:30px !important;
}
.paddingB20px {
    padding-bottom:20px !important;
}
.custSrvDarkLabel {
    font-size:60pt !important;
    color:darkslategray !important;
}
.fontSize2rem {
    font-size:2rem !important;
}
.greenColor {
    color: green !important;
}
.blueColor {
    color: royalblue !important;
}
.fontSize1_7remNormal {
    font-size:1.7rem !important;
    font-weight:normal !important;
}
.paddingL20px {
    padding-left:20px !important;
}
.paddingB30px {
    padding-bottom:30px !important;
}
.fontSize5rem {
    font-size:5rem !important;
}
.marginB0px {
    margin-bottom:0px !important;
}
.paddingT0px {
    padding-top:0px !important;
}
.colorRed {
    color:red !important;
}
.colorDarkGreen {
    color:darkgreen !important;
    font-size: 1.2rem !important;
    /*font-family:Yekan !important;*/
}
.textAlignRight {
    text-align:right !important;
}
.marginR15px {
    margin-right:15px !important;
}
.allowedExt {
    color:darkgreen !important;
    display:block !important;
    font-size: 1.2rem !important;
    font-family:Yekan;
    text-align: right;
}
.prodSpecCaption {
    font-weight:bold !important;
    padding:10px !important;
}
.marginRL10px {
    margin-right:10px !important;
    margin-left:10px !important;
}
.displayNone {
    display:none;
}
.displayBlock {
    display:block;
}
.custErrTitle {
    font-size:80px !important;
    text-align:center !important;
    padding-top:20px !important;
    padding-bottom:20px !important;
    direction:ltr;
}
.searchPanel {
    background-color:#70e8f5 !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
    border-radius:5px !important;
}
.hrStyle {
    border-top:2px solid #0094ff !important;
}
.hrStyle2 {
    border-top:1px solid orangered !important;
    margin-top:5px !important;
}
.hrStyle3 {
    border-top:1px solid orangered !important;
    margin-top:20px !important;
}
.btnLearningDocs {
    background:url('../images/icons/learningDocs.png') no-repeat left center white !important;
    width:230px;
    height:100px;
}
.btnInfoGraphics {
    background:url('../images/icons/infographic.png') no-repeat left center white !important;
    width:230px;
    height:100px;
}
.btnVideos {
    background:url('../images/icons/learningVideos.png') no-repeat left center white !important;
    width:230px;
    height:100px;
}
.btnCatPhoto {
    margin-right:2px !important;
    margin-left:2px !important;
}

/*!
 * End of Inline Styles
 */
sup {
    top: -1.1em !important;
}

.bold {
    font-weight: bold !important;
}