header .top-header { background: #021037; padding: 10px 0; }
header .top-header .header-time { color: #ffffff; font-size: 10px; font-family: 'iransans'; }
header .top-header .top-social { float: left; }
header .top-header .top-social li { float: left; margin-right: 7px; }
header .top-header .top-social li a img { width: 23px; height: 19px; }
header .center-header { padding: 12px 0; background: #0e183b; }
header .center-header .logo { float: right; }
header .center-header .logo a img { width: 202px; height: 95px; }
header .center-header .call-header { margin-top: 20px; float: left; position: relative; padding-left: 65px; }
header .center-header .call-header:before { content: ''; position: absolute; background: url("../images/sprite.png") no-repeat -8px -8px; width: 46px; height: 46px; left: 0; top: 3px; }
header .center-header .call-header .phone-number { color: #ffffff; font-size: 24px; font-family: 'iransans'; }
header .center-header .call-header a { color: #9f9e9e; font-size: 16px; pointer-events: none; }
header .bottom-header { position: absolute; z-index: 22; right: 0; left: 0; margin: 0 auto; }
.search-box { display: none; width: 100%; height: 60px; background: #d1d2d8; position: relative; background: -moz-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #d1d2d8), color-stop(22%, #ececec), color-stop(49%, #e9eaea), color-stop(71%, #dfe1e3), color-stop(88%, #d8dade), color-stop(100%, #d1d2d8)); background: -webkit-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -o-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -ms-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: linear-gradient(to bottom, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d2d8', endColorstr='#d1d2d8', GradientType=0 ); position: absolute; right: 0; top: 50px; width: 100%; z-index: 23;}

.search-box .txt { width: 90%; float: right; height: 35px; margin-top: 13px; margin-right: 21px; }
.search-box .btn { width: 40px; height: 40px; float: left; background: url(../images/sprite.png) no-repeat -73px -10px; width: 35px; height: 35px; margin-top: 6px; margin-left: 5px; }
header .bottom-header .main-menu { background: #d1d2d8; position: relative; background: -moz-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #d1d2d8), color-stop(22%, #ececec), color-stop(49%, #e9eaea), color-stop(71%, #dfe1e3), color-stop(88%, #d8dade), color-stop(100%, #d1d2d8)); background: -webkit-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -o-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: -ms-linear-gradient(top, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); background: linear-gradient(to bottom, #d1d2d8 0%, #ececec 22%, #e9eaea 49%, #dfe1e3 71%, #d8dade 88%, #d1d2d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d2d8', endColorstr='#d1d2d8', GradientType=0 ); }
header .bottom-header .main-menu > ul > li { float: right; position: relative; }
header .bottom-header .main-menu > ul > li > a { padding: 15px 24px; color: #000000; font-size: 15px; position: relative; }
header .bottom-header .main-menu > ul > li > a:hover { color: #f38b0a; }
header .bottom-header .main-menu > ul > li > a:before { content: ''; position: absolute; background: url("../images/sprite.png") no-repeat -18px -270px; width: 3px; height: 19px; left: 0; top: 19px; }
header .bottom-header .main-menu > ul > li:nth-last-child(2) > a:before, header .bottom-header .main-menu > ul > li:last-child > a:before { display: none; }
header .bottom-header .main-menu > ul > li.search-li { float: left; }
header .bottom-header .main-menu > ul > li.search-li a { background: url("../images/sprite.png") no-repeat -73px -10px; width: 35px; height: 35px; margin-top: 6px; margin-left: 5px; }
header .bottom-header .main-menu > ul > li.search-li a.open { background-position: -72px -49px; }
header .bottom-header .main-menu > ul > li .sub-menu { width: 185px; position: absolute; background: #ececec; padding: 11px; top: 55px; right: 0; display: none; z-index: 5; }
header .bottom-header .main-menu > ul > li .sub-menu:before { content: ''; position: absolute; background: url("../images/sprite.png") no-repeat -53px -334px; width: 10px; height: 8px; top: -8px; right: 0; left: 0; display: block; margin: 0 auto; }
header .bottom-header .main-menu > ul > li .sub-menu li { float: none; width: 100%; }
header .bottom-header .main-menu > ul > li .sub-menu li a { color: #000000; font-size: 14px; display: block; transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; padding: 10px 15px; }
header .bottom-header .main-menu > ul > li .sub-menu li a:hover { background: #021037; color: #fff; }

.main-sldier { position: relative; height: 500px; background: url(../images/spinner.gif) no-repeat center center; }
.main-sldier .owl-item.active .item figcaption { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); top: 35%; }
.main-sldier .item { position: relative; }
.main-sldier .item a { width: 100%; display: block; }
.main-sldier .item a:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(27, 39, 61, 0.5); top: 0; right: 0; }
.main-sldier .item a img { height: 500px; }
.main-sldier .item figcaption { text-align: center; position: absolute; top: 45%; width: 30vw; right: 0; left: 0; margin: 0 auto; opacity: 0; transition-delay: 1s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); top: 50%; transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; }
.main-sldier .item figcaption .title { color: #ffffff; font-size: 24px; margin-bottom: 10px; line-height: 35px; }
.main-sldier .item figcaption .titr { display: inline-block; font-size: 14px; background: #021037; color: #ffffff; padding: 0 10px; }
.main-sldier .item figcaption p:not(.titr) { font-size: 12px; color: #fff; }
.main-sldier .owl-dots { position: absolute; bottom: 10px; text-align: center; left: 0; right: 0; }
.main-sldier .owl-dots .owl-dot span { width: 26px; height: 3px; opacity: 0.5; background: #fff; }
.main-sldier .owl-dots .owl-dot.active span, .main-sldier .owl-dots .owl-dot:hover span { opacity: 1; background: #fff !important; }

.main-about { background: #e9e9ea; padding: 56px 0 50px; border-top: 7px solid #d5d5d5; }
.main-about .right-main-about { width: 40%; float: right; color: #7c7c7c; font-size: 13px; text-align: justify; }
.main-about .right-main-about .main-h1 { color: #021037; font-size: 18px; margin-bottom: 35px;text-align: right;}
.main-about .right-main-about .view-more { margin-top: 30px; width: 220px; height: 42px; border: 1px solid #021037; border-radius: 25px; text-align: center; color: #021037; font-size: 14px; padding-top: 6px; position: relative; z-index: 2; overflow: hidden; }
.main-about .right-main-about .view-more:before { content: ''; position: absolute; background: url("../images/sprite.png") no-repeat -18px -78px; width: 13px; height: 12px; right: 5px; top: 13px; transition: all ease 0.2s; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -ms-transition: all ease 0.2s; }
.main-about .right-main-about .view-more:hover { color: #fff; }
.main-about .right-main-about .view-more:hover:before { opacity: 0; }
.main-about .right-main-about .view-more:hover:after { right: 0; width: 100%; }
.main-about .right-main-about .view-more:not(:hover):after { right: auto; left: 0; width: 0; }
.main-about .right-main-about .view-more:after { content: ''; position: absolute; height: 100%; top: 0; background: #0e183b; z-index: -1; transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; }
.main-about .left-main-about { width: 53%; float: left; }
.main-about .left-main-about > ul li { float: right; width: 48%; margin-left: 24px; }
.main-about .left-main-about > ul li:last-child { margin-left: 0; }
.main-about .left-main-about > ul li figure:hover > a:before { right: 0; opacity: 1; }
.main-about .left-main-about > ul li figure > a { position: relative; overflow: hidden; margin-bottom: 15px; border: 4px solid #ffffff; }
.main-about .left-main-about > ul li figure > a:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(27, 39, 61, 0.5); right: 100%; top: 0; opacity: 1; transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; border: 1px solid #dadada; }
.main-about .left-main-about > ul li figure > a img { width: 100%; height: 160px; }
.main-about .left-main-about > ul li figure figcaption .title { color: #021037; font-size: 16px; padding: 15px 0; position: relative; margin-bottom: 25px; }
.main-about .left-main-about > ul li figure figcaption .title:before { content: ''; position: absolute; width: 35px; height: 2px; background: #f7a238; right: 0; bottom: 0; }

.main-services { padding: 75px 0; background: #f9f9f9; }
.main-services .title { color: #021037; padding: 15px 0; font-size: 24px; position: relative; margin-bottom: 60px; }
.main-services .title:before { content: ''; position: absolute; width: 35px; height: 2px; background: #f7a238; right: 0; bottom: 0; }
.main-services .services-sidebar { width: 22%; float: right; }
.main-services .services-sidebar ul { border: 1px solid #e4e4e4; border-left: none; }
.main-services .services-sidebar ul li { border-bottom: 1px solid #e4e4e4; }
.main-services .services-sidebar ul li:last-child { border-bottom: none; }
.main-services .services-sidebar ul li a { padding: 15px 25px; color: #787878; display: block; font-size: 13px; position: relative; transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; border-left: 1px solid #e4e4e4; transition: border-left 0s; transition: padding-right 0.6s; }
.main-services .services-sidebar ul li a:before { content: ''; position: absolute; width: 6px; height: 0%; right: 0; top: 0; background: #021037; transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; }
.main-services .services-sidebar ul li a:hover, .main-services .services-sidebar ul li a.active { border-left: none; padding-right: 30px; color: #021037; }
.main-services .services-sidebar ul li a:hover:before, .main-services .services-sidebar ul li a.active:before { height: 100%; }
.main-services .services-content { width: 75%; float: left; color: #7c7c7c; font-size: 13px; text-align: right; }
.main-services .services-content .titr { color: #021037; padding: 15px 0; font-size: 18px; position: relative; margin-bottom: 20px; }
.main-services .services-content .titr:before { content: ''; position: absolute; width: 35px; height: 2px; background: #f7a238; right: 0; bottom: 0; }
.main-services .services-content figure { margin-top: 20px; display: inline-block; margin-left: 20px; border: 1px solid #dadada; -webkit-box-shadow: 0px 0px 7px 5px #e6e6e6; -moz-box-shadow: 0px 0px 7px 5px #e6e6e6; box-shadow: 0px 0px 7px 5px #e6e6e6; }
.main-services .services-content figure img { border: 4px solid #ffffff; }

.gold-bullet { display: inline-block; margin-top: 15px; }
.gold-bullet li { overflow: hidden; margin-bottom: 8px; padding-right: 20px; position: relative; }
.gold-bullet li:before { content: ''; position: absolute; background: url("../images/sprite.png") no-repeat -18px -106px; width: 15px; height: 15px; right: 0; top: 8px; }

.main-products { padding: 50px 0 90px; background: #021037; }
.main-products .title { padding: 15px 0; color: #fffefe; font-size: 24px; position: relative; margin-bottom: 50px; margin-right: 215px; }
.main-products .title:before { content: ''; position: absolute; width: 35px; height: 2px; background: #f7a238; right: 0; bottom: 0; }
.main-products ul li { width: 20%; float: right; }
.main-products ul li figure { overflow: hidden; position: relative; }
.main-products ul li figure:before, .main-products ul li figure:after { transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; background: rgba(14, 24, 59, 0.7) !important; }
.main-products ul li figure:before { transition-delay: 0s; }
.main-products ul li figure:after { transition-delay: 0.2s; }
.main-products ul li figure > a img { width: 100%; height: 233px; }
.main-products ul li figure figcaption { z-index: 10; }
.main-products ul li figure figcaption a { z-index: 10; color: #ffffff; font-size: 18px; margin-bottom: 7px; position: absolute; bottom: -50px; transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; opacity: 0; transition-delay: 0.1s; }
.main-products ul li figure figcaption .pr-name { color: #fff; font-size: 14px; text-align: right; display: block; bottom: -50px; position: absolute; transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; opacity: 0; transition-delay: 0s; }
.main-products ul li figure figcaption:before, .main-products ul li figure figcaption:after { transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; z-index: -1; background: rgba(14, 24, 59, 0.7) !important; }
.main-products ul li figure figcaption:before { transition-delay: 0.4s; }
.main-products ul li figure figcaption:after { transition-delay: 0.6s; }
.main-products ul li figure:hover figcaption a { opacity: 1; bottom: 50px; }
.main-products ul li figure:hover figcaption .pr-name { opacity: 1; bottom: 30px; transition-delay: 0.35s; }

.main-news { background: #f5f5f5; padding: 50px 0; }
.main-news .title { padding: 15px 0; color: #021037; font-size: 24px; position: relative; }
.main-news .title:before { content: ''; position: absolute; width: 35px; height: 2px; background: #f7a238; right: 0; bottom: 0; }
.main-news .mainNewsList li { width: 33.33%; float: right; padding-left: 30px; }
.main-news .mainNewsList li:hover figure > a:before { right: 0; }
.main-news .mainNewsList li:hover figure > a img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.main-news .mainNewsList li figure { position: relative; margin-bottom: 25px; }
.main-news .mainNewsList li figure > a { position: relative; overflow: hidden; }
.main-news .mainNewsList li figure > a:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(14, 24, 59, 0.5); top: 0; right: -100%; z-index: 2; transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; }
.main-news .mainNewsList li figure > a img { width: 100%; height: 202px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all ease 0.2s; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -ms-transition: all ease 0.2s; }
.main-news .mainNewsList li figure figcaption { z-index: 5; position: absolute; width: 76px; height: 106px; color: #fff; font-size: 14px; background: #021037; padding-top: 17px; top: 0; left: 0; text-align: center; }
.main-news .mainNewsList li .mNewsTxt { color: #7c7c7c; font-size: 13px; border-bottom: 1px solid #dadada; }
.main-news .mainNewsList li .mNewsTxt a { color: #000000; font-size: 18px; margin-bottom: 20px; height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
.main-news .mainNewsList li .mNewsTxt p { height: 100px; overflow: hidden; margin-bottom: 12px; }
.main-news .view-all { float: left; color: #838282; font-size: 13px; padding-right: 25px; position: relative; margin-top: 50px; margin-left: 30px; }
.main-news .view-all:hover { color: #0e183b; }
.main-news .view-all:hover:before { background-position: -18px -78px; }
.main-news .view-all:before { content: ''; position: absolute; background: url("../images/sprite.png") no-repeat -35px -78px; width: 13px; height: 12px; transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; right: 0; top: 8px; }

.main-partner { padding: 65px 0 55px; background: #ffffff; }
.main-partner .title { color: #021037; font-size: 24px; padding: 15px 0; position: relative; margin-bottom: 30px; }
.main-partner .title:before { content: ''; position: absolute; width: 35px; height: 2px; background: #f7a238; right: 0; bottom: 0; }
.main-partner .partner-slider .item { text-align: center; }
.main-partner .partner-slider .item img { height: 75px; }
.main-partner .partner-slider .owl-prev { background: url("../images/sprite.png") no-repeat -54px -145px !important; width: 11px; height: 17px; left: -15px; right: auto; }
.main-partner .partner-slider .owl-next { background: url("../images/sprite.png") no-repeat -54px -105px !important; width: 11px; height: 17px; right: -20px; }

.main-contact .gMap { width: 50%; float: right; height: 266px; position: relative; }
.main-contact .gMap:before { content: ''; position: absolute; background: url(../images/triangle.png) no-repeat center center; left: 0; top: 0; width: 220px; height: 265px; z-index: 22; }
.main-contact .gMap .googlemap { height: 266px; }
.main-contact .main-left-contact { padding: 38px 0 25px; padding-right: 15px; width: 50%; float: left; background: #f6f6f5; background: -moz-radial-gradient(center, ellipse cover, #f6f6f5 0%, #f7f7f6 34%, #f6f6f5 37%, #d9d9d9 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f6f6f5), color-stop(34%, #f7f7f6), color-stop(37%, #f6f6f5), color-stop(100%, #d9d9d9)); background: -webkit-radial-gradient(center, ellipse cover, #f6f6f5 0%, #f7f7f6 34%, #f6f6f5 37%, #d9d9d9 100%); background: -o-radial-gradient(center, ellipse cover, #f6f6f5 0%, #f7f7f6 34%, #f6f6f5 37%, #d9d9d9 100%); background: -ms-radial-gradient(center, ellipse cover, #f6f6f5 0%, #f7f7f6 34%, #f6f6f5 37%, #d9d9d9 100%); background: radial-gradient(ellipse at center, #f6f6f5 0%, #f7f7f6 34%, #f6f6f5 37%, #d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f5', endColorstr='#d9d9d9', GradientType=1 ); }
.main-contact .main-left-contact .title { color: #021037; font-size: 24px; margin-bottom: 25px; }
.main-contact .main-left-contact ul { width: 64%; padding-left: 50px; }
.main-contact .main-left-contact ul li { padding-right: 35px; position: relative; color: #7c7c7c; font-size: 14px; line-height: 27px; margin-bottom: 15px; text-align: right; }
.main-contact .main-left-contact ul li:before { content: ''; position: absolute; background: url("../images/sprite.png") no-repeat; width: 22px; height: 29px; right: 0; top: 7px; }
.main-contact .main-left-contact ul li.address:before { background-position: -13px -142px; top: -2px; right: 5px; }
.main-contact .main-left-contact ul li.phone a { pointer-events: none; color: #7c7c7c; font-size: 16px; }
.main-contact .main-left-contact ul li.phone:before { background-position: -13px -195px; width: 21px; height: 21px; top: -2px; right: 5px; }
.main-contact .main-left-contact ul li.mail a { color: #7c7c7c; font-size: 16px; }
.main-contact .main-left-contact ul li.mail:before { background-position: -12px -236px; width: 23px; height: 18px; top: -2px; right: 5px; }

footer .top-footer { background: #0e183b; padding: 50px 0 30px; }
footer .top-footer .flinks { margin-bottom: 20px; text-align: center; }
footer .top-footer .flinks li { display: inline-block; }
footer .top-footer .flinks li a { position: relative; color: #a6a5a5; font-size: 14px; padding: 10px 15px; }
footer .top-footer .flinks li a:before { content: ''; position: absolute; width: 1px; height: 9px; background: #d2d2d2; left: 0; top: 20px; }
footer .top-footer .flinks li a:after { content: ''; position: absolute; bottom: -10px; right: 40%; color: transparent; content: "."; text-shadow: transparent 0px 0px; font-size: 30px; border-radius: 50%; transform: translateX(-50%); pointer-events: none; transition: text-shadow 0.3s, color 0.3s; }
footer .top-footer .flinks li a:hover { color: #fff; }
footer .top-footer .flinks li a:hover:after { color: #fff; text-shadow: 10px 0 #fff, -10px 0 #fff; }
footer .top-footer .flinks li:last-child a:before { display: none; }
footer .top-footer .footer-social { text-align: center; }
footer .top-footer .footer-social li { display: inline-block; margin: 0 3px; }
footer .top-footer .footer-social li a img { width: 45px; height: 45px; }
footer .bottom-footer { background: #021037; text-align: center; }
footer .bottom-footer a { color: #d2d2d2; font-size: 12px; }
.kaspid { color: #d2d2d2; font-size: 12px;padding:24px 0; }
/*# sourceMappingURL=style.css.map */

.hamburger { padding: 15px 15px; position: absolute; left:0px;top:2px; cursor: pointer; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible;display:none;}
.hamburger:hover { opacity: 0.7; }

.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -10px; }
.hamburger-inner::after { bottom: -10px; }
.hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 0.15s 0.4s ease; }
.hamburger--elastic .hamburger-inner::after { top: 20px; transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(135deg); transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.1s; }
.hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg); transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.1s; }

.career-form{width:50%;margin:0 auto;background:#cfcfcf;padding:15px;}
.career-form .txt{display:inline-block;margin-right:10px;}
.career-form  span:not(.red){width:120px;}
.career-form li .txtarea{width:220px;display:inline-block;margin-right:10px;}
.career-form li{margin-bottom:10px;}
.career-form  span.red{float:right;}
.career-form .btn{float:left;}
header .bottom-header .main-menu > ul{z-index:22;}