body {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: url(../Images/BG.jpg);

}

a {
    text-decoration: none;
}

.container {
    width: 1100px;
    min-height: 100px;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
}

article {width: 190px;position: absolute;margin: -15px 0px 0px -35px;text-align: center;}

.header {
}

#Logo1 {
}

.Logo2 {    width: 372px;    height: 59px;    background: url(../Images/pirefco.png) no-repeat;    float: left;    margin-top: 25px;    margin-left: 120px;}
.SearchBox { float: right;margin-top: 20px;margin-right: 20px;}

.SearchTxt {
    width: 170px;
    height: 23px;
    border: 1px #787878 solid;
    outline: none;
    border-radius: 7px;
    background: #787878;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    direction: rtl;
    margin-top: 3px;
    padding-right: 60px;
    padding-left: 10px;
    float:right;
}

    .SearchTxt:focus {
        background: #fff;
        border: 1px #787878 solid;
    }

.SearchBut {
    position: absolute;
    margin-left: 185px;

}

.Time {
    width: 270px;
    position: absolute;
    margin-top: 60px;
    margin-left: 840px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 10px;
}

.LabelBox {
    width: auto;
    height: 30px;
    background: #ccc;
    margin-top: 100px;
    padding-top: 5px;
}

.LabelTxt {
    font-family: "BNazanin";
}

.Nav {
    width: auto;
    height: 47px;
    background: url(../Images/BG-Nav.jpg) repeat;
}

.NavList {    direction: ltr;    float: left;    margin-top: 5px;margin-left: -12px;}

    .NavList li {
        display: inline-block;
        margin-right: 0px;
    }

.NavDiv {
    width: auto;
    height: auto;
    padding-right: 16px;
    padding-left: 32px;
    padding-top: 7px;
    padding-bottom: 8px;
}

    .NavDiv:hover {
        width: auto;
        height: auto;
        background: #ee7d0c;
        padding-right: 16px;
        padding-left: 32px;
        padding-top: 7px;
        padding-bottom: 8px;
    }

.NavDiv:hover .Navfont { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:12px;  color: #fff; }

#Home {
    background: url(../Images/menu/Home-o.png) no-repeat left;
}

#Home:hover {
        background: url(../Images/menu/Home-w.png) no-repeat left #ee7d0c;
    }

#Products {
    background: url(../Images/menu/Pro-o.png) no-repeat left;
}

    #Products:hover {
        background: url(../Images/menu/Pro-w.png) no-repeat left #ee7d0c;
    }

#New-s {
    background: url(../Images/menu/News-o.png) no-repeat left;
}

#New-s:hover {
        background: url(../Images/menu/News-w.png) no-repeat left #ee7d0c;
    }

#Industry {
    background: url(../Images/menu/Indu-o.png) no-repeat left;
}

    #Industry:hover {
        background: url(../Images/menu/Indu-w.png) no-repeat left #ee7d0c;
    }

#Articles {
    background: url(../Images/menu/Articles-o.png) no-repeat left;
}

    #Articles:hover {
        background: url(../Images/menu/Articles-w.png) no-repeat left #ee7d0c;
    }

#Services {
    background: url(../Images/menu/Services-o.png) no-repeat left;
}

    #Services:hover {
        background: url(../Images/menu/Services-w.png) no-repeat left #ee7d0c;
    }

#Gallery {
    background: url(../Images/menu/Gallery-o.png) no-repeat left;
}

    #Gallery:hover {
        background: url(../Images/menu/Gallery-w.png) no-repeat left #ee7d0c;
    }

#Catalog {
    background: url(../Images/menu/Catalog-o.png) no-repeat left;
}

    #Catalog:hover {
        background: url(../Images/menu/Catalog-w.png) no-repeat left #ee7d0c;
    }

#About {
    background: url(../Images/menu/Info-o.png) no-repeat left;
}

#About:hover {
        background: url(../Images/menu/Info-w.png) no-repeat left #ee7d0c;
    }

#Contact {
    background: url(../Images/menu/Contact-o.png) no-repeat left;
}

#Contact:hover {
        background: url(../Images/menu/Contact-w.png) no-repeat left #ee7d0c;
    }

.Navfont { font-weight:bold;    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:12px;    color: #666666;}

.Mid {
    width: 1100px;
    min-height: 100px;
    background: #fff;
}

.Slider {
    width: 1050px;
    height: 300px;
    margin-top: 25px;
    margin-left: 25px;
}

.boxbox {
width: 1100px;
min-height: 50px;
background: #fff;
height: auto;
overflow: hidden;
}

.LeftBox {
    width: 325px;
    min-height: 100px;
    float: right;
}

.LeftSlider {
    width: 280px;
    height: 175px;
    background: url(../Images/LeftSlider.jpg);
    margin-bottom: 25px;
    margin-left: 25px;
}

.LeftBoox {
    width: 325px;
    min-height: 100px;
}

.LeftBooxTitel {
width: 320px;
height: 29px;
background: url(../Images/Leftlbl_en.png) no-repeat;
position: absolute;
margin-top: 0px;
margin-left: 22px;
color: #fff;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 20px;
}

.LeftBooox {
    width: 280px;
    min-height: 80px;
    margin-top: 10px;
    margin-left: 12px;
    padding: 0px 10px;
}

.LeftBoooxBox {
    width: 260px;
    height: 100px;
    background: #e9e9e9;
    direction: ltr;
    padding: 10px;
    margin-bottom: 10px;
}

.LeftBoooxImg {
width: 50px;
height: 50px;
float: left;
margin-right: 10px;
background: #fff;
}

.LeftBoooxTitel {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 11px;
color: #000;
float: right;
margin-top: -8px;
font-weight: bold;
}

.LeftBoooxText {
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 12px;
    color: #000;
    margin-top: -30px;
    text-align: justify;
    line-height: 20px;
}

.LeftBoooxLink {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 12px;
color: #4141DB;
float: right;
}

.LeftBoooxMore {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 13px;
    color: #4141DB;
    float: right;
    margin-top: -5px;
    margin-left: 20px;
}

.RightBox {
width: 245px;
min-height: 100px;
float: left;
direction: ltr;
margin-left: 10px;
}

.RightNav 
{
    color:#fff;
    cursor:pointer;
    width: 230px;
    min-height: 100px;
    margin-right: 12px;
}
.RightNav a {color:#fff; text-decoration:none;}
#RightNav1 {
    width: 187px;
    height: 27px;
    background: url(../Images/rightnav/a2_en.png) no-repeat;
    margin-top: 0px;
}

#RightNav1:hover {
        background: url(../Images/rightnav/aa_en.png) no-repeat;
    }

#RightNav2 {
    width: 187px;
    height: 27px;
    background: url(../Images/rightnav/a2_en.png) no-repeat;
    margin-top: 5px;
}

    #RightNav2:hover {
        background: url(../Images/rightnav/aa_en.png) no-repeat;
    }

#RightNav3 {
    width: 187px;
    height: 27px;
    background: url(../Images/rightnav/a2_en.png) no-repeat;
    margin-top: 5px;
}

#RightNav3:hover {
        background: url(../Images/rightnav/aa_en.png) no-repeat;
    }

#RightNav4 {
    width: 187px;
    height: 27px;
    background: url(../Images/rightnav/a2_en.png) no-repeat;
    margin-top: 5px;
}

    #RightNav4:hover {
        background: url(../Images/rightnav/aa_en.png) no-repeat;
    }

#RightNav5 {
    width: 187px;
    height: 27px;
    background: url(../Images/rightnav/a2_en.png) no-repeat;
    margin-top: 5px;
}

    #RightNav5:hover {
        background: url(../Images/rightnav/aa_en.png) no-repeat;
    }

#RightNav6 {
    width: 187px;
    height: 27px;
    background: url(../Images/rightnav/a2_en.png) no-repeat;
    margin-top: 5px;
}

#RightNav6:hover {
        background: url(../Images/rightnav/aa_en.png) no-repeat;
    }

.RightBoox {
    width: 220px;
    min-height: 100px;
    margin-top: 25px;
}

.RightBooxTitel {
    width: 190px;
    height: 29px;
    background: url(../Images/Rightlbl_en.png) no-repeat;
    position: absolute;
    margin-top: 0px;
    margin-left: -21px;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 12px;
padding-left: 60px;
font-weight: bold;
}

.RightBooox {
    width: 180px;
    min-height: 80px;
    margin-top: 10px;
    margin-right: 9px;
    padding: 0px 10px;
}

.RightBoooxBox {
    width: 160px;
    min-height: 70px;
    background: #e9e9e9;
    direction: ltr;
    padding: 10px;
    margin-bottom: 10px;
}

.RightBoooxImg {position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; max-height:100%; max-width:100%;}
.RightBooxDiv{width: 50px;
height: 55px;
float: left;
margin-right: 5px;
position: relative;
border: 1px solid #8C8C8C;}
.RightBoooxTitel
{
width: 165px;
max-height: 50px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 11px;
color: #000;
float: right;
margin-top: -8px;
font-weight: bold;
}

.RightBoooxText {
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 10px;
    color: #000;
    margin-top: -5px;
    line-height:15px;
}

.RightBoooxLink {
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 12px;
color: #4141DB;
float: right;
}

.RightBoooxMore {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
    color: #00f;
    float: left;
    margin-top: 5px;
    margin-left: 20px;
}

.RightBooxTitel1 {
    width: 190px;
    height: 29px;
    background: url(../Images/Rightlbl.png) no-repeat;
    position: absolute;
    margin-top: 0px;
    margin-right: -11px;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
    padding-right: 20px;
    margin-top: 40px;
}

.RightBooox1 {
    width: 180px;
    min-height: 80px;
    margin-top: 10px;
    margin-left: 12px;
    padding: 0px 10px;
}

.MidBox {
    width: 530px;
    min-height: 500px;
    margin-left: 240px;
    direction: ltr;
top: 540px;
/* float: left; */
position: absolute;
}

.MidBoxTitel {
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.MidBoxText {
    color: #000;
    font-size: 12px;
    margin-top: 0px;
    text-align: justify;
}

.Footer {
    width: auto;
    min-height: 400px;
    background: #e9e9e9;
    padding-top: 10px;
}

.Footer1 {
width: 220px;
height: 350px;
background: #fff;
border-radius: 10px;
float: left;
margin: 10px 0px 10px 10px;
padding-left: 10px;
}

.Footer2 {
}

.Footer3 {
}

.Footer4 {
}

.FooterNav {
    width: 1130px;
    height: 74px;
    background: url(../Images/footer.png) no-repeat;
    margin-left: -15px;
    margin-right: 0px;
}

.FooterList {
text-align: center;
margin-top: -10px;
}

    .FooterList li {
        display: inline-block;
        margin-right:20px;
    }

.FooterLink 
{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 15px;
color: #fff;
font-weight: bold;
}
.Contactt {
    float:left;
    margin-left:20px;
}
.logoo {
    width:410px;
    height:62px;
    margin:-5px 675px;
}

.tabs{min-width: 50px; background:#181818; height: 20px; position: relative; float: left; padding:5px; margin-left:2px; font-size:16px; font-family:'BMitra'; color:#fff; text-align:right; cursor:pointer;}
.tab-con{width: 840px; height: 245px; position: absolute; display: none; direction: rtl;}
.tab-col2{width: 740px; background:orange; float:right; height:285px;}
.tab-col1{width: 100px; float:left; height:285px;text-align: left;}
.righttab{width: 100px; height: 35px; padding:0px 5px 5px 5px; background:#848484; margin-bottom: 2px; color:#fff; cursor:pointer;}
.tab-con2{width: 720px; height: 265px; background: #e05000; position: absolute; display: block; margin-left: 50px; padding:10px;}
.line{ line-height:40px; vertical-align:middle}
/* gallery */
.Gcat{width:150px; height:180px; float:left; margin-left:10px; border:1px solid #e05000;text-align:center; border-radius:5px; margin-top:10px;}
.Gcat a {text-decoration:none; color:#e05000; font-size:14px;}
.Gcat img 
{      -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
          }
.Gcat img:hover 
{
    -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}


.mainproDiv{width: 140px; height: 110px; position: relative; margin:0 auto;}
.imgproduct{ max-height:95%; max-width:95%;top:0; left:0; right:0; bottom:0; margin:auto; position:absolute; font-family:Tahoma; font-size:9pt;}

.main-proWrap{width:160px; height:180px; border:2px solid #e05000; text-align:center; border-radius:8px; padding-top:10px; margin: 0px 20px 20px 10px;}
.main-proWrap a { color:#e05000;}
.main-proWrap img 
{      -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
          }
.main-proWrap img:hover 
{
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.byekfont{ font-family:Arial; font-size:12px;line-height: 25px;}
.Spost{ width: 994px;padding: 0 10px 0 10px;border: 1px solid #f68f56;min-height: 100px;margin: 0 auto 10px auto;direction: ltr;text-align: justify;}
.SpostHeader{color: #fff;
width: 1025px;
height: 50px;
background: url(../images/01.png) no-repeat;
margin-left: -27px;
padding-right: 25px;
margin-bottom: -5px;
line-height: 40px;
vertical-align: middle;
padding-left: 25px;}
             
.Spostm{ width:500px; padding:0 10px 0 10px; border:1px solid #f68f56; min-height:100px; direction:ltr; position: absolute; display: none;}
.SpostHeaderm{color: #fff;
width: 535px;
height: 50px;
padding-left: 15px;
background: url(../images/001.png) no-repeat;
margin-top: 10px;
margin-bottom: -10px;
line-height: 40px;
vertical-align: middle;
margin-left: -20px;}
.imgproduct2{ float:right;}
.line{ line-height:30px; vertical-align:middle;}

.div-table{  display:table;width:auto;border-spacing:5px;}
.div-table-row{  display:table-row;  width:auto;  clear:both;}
.div-table-col2{  display:table-cell;           width:200px;           }
.div-table-col1{  display:table-cell;           width:100px;         }
.log-table-col3{  display:table-cell;           width:200px;           }
.log-table-col2{  display:table-cell;           width:250px;           }
.log-table-col1{  display:table-cell;           width:90px;         }
.amar {    width:280px;    height:75px;    direction:rtl;    padding-top:10px;}
.center_element { display: table; margin: 0 auto;}

.gallery-div{ width:960px; padding:0 10px 0 10px; border:1px solid #f68f56; border-radius : 5px; min-height:700px; margin:0 auto; direction:rtl;}
.gallery-div-header{ color:#fff; border:1px solid #e05000; width:910px; height:30px; background-color:#e05000;
             border-radius : 5px; line-height:30px; vertical-align:middle; font-family: "B Nazanin";  margin-right:-15px; padding-right:10px;
             }
             
.input{    width:250px; height:25px;    border: 1px solid #c4c4c4;    font-size: 13px;    padding: 4px 4px 4px 4px;    border-radius: 4px;    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    box-shadow: 0px 0px 8px #f68f56;    -moz-box-shadow: 0px 0px 8px #d9d9d9;    -webkit-box-shadow: 0px 0px 8px #d9d9d9;}
.input:focus {    outline: none;    border: 1px solid #f68f56;    box-shadow: 0px 0px 8px #f68f56;    -moz-box-shadow: 0px 0px 8px #f68f56;    -webkit-box-shadow: 0px 0px 8px #f68f56;}
.input-multi {width:300px; height:200px;}
select{    background-color: #fff;    border: 1px solid #bbb;    color: #000;    padding: 4px;    border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    -khtml-border-radius: 5px;}
textarea {resize: none;}
.errMsg{color:Red;font: tahoma;}
.captcha_fa{ width: 180px;height: 50px;float: left;margin-left: 10px;margin-right: 10px; }
.captcha_ref_fa{width:30px;float:left; height:50px; padding:10px 0;}
.rtl{direction:rtl;}
.ltr{direction:ltr;}
.btn {  position: relative;  display: inline-block;  vertical-align: top;  height: 30px;  line-height: 30px;  padding: 0 20px;  font-size: 14px;  color: white;  text-align: center;  text-decoration: none;  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);  background-clip: padding-box;  border: 1px solid;  border-radius: 2px;  cursor: pointer;  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);}
.btn:before {  content: '';  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  pointer-events: none;
  background-image: -webkit-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  background-image: -moz-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  background-image: -o-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  background-image: radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
}
.btn:hover:before {
  background-image: -webkit-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: -moz-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: -o-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
}
.btn:active {  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);}
.btn:active:before { content: none;}

.btn-orange {  background: #f4902a;  border-color: #df770c #df770c #c76a0a;  background-color:#e05000;}
.btn-orange:hover{background-color:#fa7f3b;}
.btn-orange:active {  background: #f4902a;  border-color: #c76a0a #df770c #df770c;}
.continue{float:right; padding:5px; margin-left:10px;min-width: 70px;	text-align: center;	border-radius: 2px;	background: #f94d18;color: #fff;font-size: 14px;}
.continue:hover{opacity: 0.6;}
.news_wrap{width: 850px;margin: 10px auto;border: 1px solid #e05000;border-radius: 5px;padding: 0 10px;font-size: 10pt;line-height: 25px;}
.news-header{border-bottom:1px solid #e05000; padding:5px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:11pt; margin-top:1px; }
.customer{ width: 160px; height:300px; margin-right:10px; padding-top:10px;border: thin solid white;  word-wrap: break-word;}
.npDivWrap{Width: 200px;Height: 150px;position: relative;float: left;margin-right: 10px;}
.npImgWrap{max-height:95%; max-width:95%; top:0; left:0; right:0; bottom:0; margin:auto; position:absolute;}
.pfont{font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:13px;}
.mrqfont{font-family: arial;font-size: 15px;font-weight: bold;line-height: 25px;}
.dl{text-align:right;}
.dl a{display: inline-block; min-width: 100px;	height: 30px;	text-align: center;	border-radius: 2px;	background: #f94d18;	color: #fff;	font-size: 18px;	margin: 2px; padding-top:5px; margin-bottom:20px;font-family: times;}
.dl	a:hover {	opacity: 0.6;}
.remodal-post{width:800px; padding:10px 20px; border:1px solid #f68f56; border-radius : 5px; min-height:100px; margin:10px auto; direction:rtl; text-align:justify; font-family:'BMitra'; font-size:16px; line-height:25px;}
.dtln{margin:0 auto; width:874px;}

/* easing.css - v0.1.0 - 2013-08-26
* https://github.com/amazingSurge/easing.css
* Copyright (c) 2013 amazingSurge; Licensed GPL */
.easing_linear {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
          transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.easing_ease {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.easing_easeIn {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

.easing_easeOut {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

.easing_easeInOut {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.easing_easeInQuad {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.easing_easeInCubic {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.easing_easeInQuart {
  -webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
          transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.easing_easeInQuint {
  -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.easing_easeInSine {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

.easing_easeInExpo {
  -webkit-transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
          transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

.easing_easeInCirc {
  -webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
          transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.easing_easeInBack {
  -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.735, 0.045);
  /* older webkit */

  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.easing_eastOutQuad {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.easing_easeOutCubic {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.easing_easeOutQuart {
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.easing_easeOutQuint {
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.easing_easeOutSine {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

.easing_easeOutExpo {
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.easing_easeOutCirc {
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.easing_easeOutBack {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.easing_easeInOutQuad {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.easing_easeInOutCubic {
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.easing_easeInOutQuart {
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.easing_easeInOutQuint {
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.easing_easeInOutSine {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.easing_easeInOutExpo {
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
          transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

.easing_easeInOutCirc {
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.easing_easeInOutBack {
  -webkit-transition-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
  /* older webkit */

  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.easing_easeInOutElastic {
  -webkit-transition-timing-function: cubic-bezier(1, -0.56, 0, 1.455);
          transition-timing-function: cubic-bezier(1, -0.56, 0, 1.455);
}

.easing_custom {
  -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
          transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
}