@import url(fonts.css);
@import url(symbol/style.css);
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0}
a,img{border:none;outline:none;text-decoration:none}
.clear{clear:both}
.clear.margin{height:0}
input,textarea{border-radius:0;-webkit-border-radius:0;font-family:Arial,sans-serif;font-size:13px}
input[type="submit"],input[type="file"]{appearance:none;-webkit-appearance:none;border-radius:0}
select::-ms-expand{display:none}
:focus,:visited{outline:none}
h1,h2,h3,h4,h5{font-weight:600}
p{margin:0;padding:0}
.row{display:flex;flex-wrap:wrap}
a{text-decoration:none!important;position:relative;color:#e41937;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;cursor:pointer}
a.link:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background:#e41937;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s}
.page_links a{color:#f7aa04;font-weight:700}
.tooltip{opacity:inherit!important}
.solution_section .item{width:17%;border:1px solid #ececec;margin:12px;transition:0.5s}
.solution_section .item img{width:100%}
.login{display:block;height:60px;margin-top:0;float:left;position:relative}
.login>.loginBtn{width:40px;height:35px;display:block;float:left;overflow:hidden;background-image:url(assets/images/svg/user.svg);background-position:center center;background-repeat:no-repeat;background-size:20px;background-color:#262626;margin:0 0 0 25px}
.login>.loginForm{display:none;padding:20px;overflow:hidden;width:200px;top:100%;right:0;z-index:9999;position:absolute;background:#935347}
.login>.loginForm::after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#88b7d5;border-width:30px;margin-left:-30px}
.login>.loginForm form{display:block;width:100%}
.login>.loginForm form label{display:block;margin:5px 0;color:#fff;font-weight:600}
.login>.loginForm form input[type="text"],.login>.loginForm form input[type="password"]{display:block;width:100%;font-size:13px;padding:0 10px;height:40px;border:1px solid #ccc;background:#fff;background-size:25px}
.login>.loginForm form input[type="submit"],.login>.loginForm form input[type="button"]{background:#666;font-weight:600;color:#fff;width:100%;padding:0 10px;font-size:18px;margin:15px 0;display:block;height:50px;border:0}
.cart{background:#fff;width:651px;height:0;display:block;overflow:hidden;-webkit-transition:.1s;-moz-transition:.1s;transition:.1s;position:absolute;top:104px;right:11%;padding:0 30px;z-index:99999999;border-left:1px solid #ccc;border-right:1px solid #ccc}
.cart-hover{opacity:1;height:auto;padding:13px;border-bottom:10px solid #9d0a0e}
.cart>.cart-grid{width:100%;margin:0 auto}
.cart>.cart-grid>.header{font-size:18px;width:100%;font-weight:700;color:#000;margin:20px 0}
.cart>.cart-grid>.header a{float:right;color:#000;position:relative;top:-10px}
.cart>.cart-grid>.header a:hover{color:#ccc}
.cart>.cart-grid>.header a:before{font-family:'ElegantIcons';content:"\4d";font-size:1.8em}
.listed{background:#fff;padding:5px;width:100%;height:55px;display:block;border-collapse:collapse;overflow:hidden;font-size:12px;border:1px solid #ccc}
.listed>.left{float:left;width:51%;border-right:1px solid #eee}
.listed>.left img{height:45px;margin:0 10px 0 0;border:1px solid #ccc;float:left;display:inline-block}
.listed>.left p{margin:0;padding:0}
.listed>.left p.code{color:#ccc}
.listed>.center{float:left;padding:0 10px;border-right:1px solid #ccc;line-height:45px;width:26%}
.listed>.center>p.unit-details{margin:0;padding:0}
.listed>.center>p.unit-details span{width:100px;display:inline-block}
.listed>.center>p.unit-details span i{font-style:normal;color:#888}
.listed>.right{float:right;line-height:45px}
.listed>.right p{margin:0;padding:0}
.listed>.right>p.unit-price{float:left;background:#fff}
.listed>.right>button{float:right;border:none;background:none;color:#de2763;margin:0 5px;line-height:40px;font-size:22px;cursor:pointer}
.total{float:right;font-size:26px;color:#888;padding:10px 0;margin:10px 0 0 0}
.total span{color:#000}
.cart-btn{float:right;display:block;margin:10px 0}
.cart-btn>input[type="button"]{display:inline-block;font-size:18px;width:auto;height:50px;line-height:50px;border:none;margin:0 0 0 5px;color:#fff;cursor:pointer;padding:0 20px}
.cart-btn>input.btnPurchasing{background:#085239}
.cart-btn>input.btnContinueshopping{background:#666}
.cart-btn>input.btnContinueshopping:hover,.cart-btn>input.btnPurchasing:hover{opacity:.7}
a.cartButton{padding:0;margin:0 0 0 25px;background:#262626;color:#fff;width:154px;height:41px;font-size:14px;line-height:35px;float:right;display:block;cursor:pointer;position:relative}
a.cartButton>h4{float:right;font-size:17px;color:#fff;padding-top:9px;padding-right:10px}
a.cartButton>span{width:150px;height:35px;display:block;margin:2px 0 0 0;overflow:hidden;right:0;text-align:center;position:absolute;top:100%;font-weight:700;z-index:9999;background:#e5ceb3;color:#111;opacity:0;-webkit-transition:.3s;transition:.3s}
a.cartButton>i{width:40px;height:40px;display:inline-block;line-height:35px;background-image:url(../images/mycart.svg);background-repeat:no-repeat;background-position:center center;background-size:20px}
a.cartButton:hover>span{opacity:1}
.top_header .upper{padding:3px 0}
.yellow_plan{width:100%;height:80px;background-color:#439bf5; background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-position:center center;}
.yellow_plan>.wrapper{display:flex;justify-content:space-between}
.top_header .upper .upper_con{display:flex;text-align:center;justify-content:center}
.top_header .upper .contact_info{display:flex;padding-left:58px;padding-top:0;margin-top:0;padding-right:0}
.top_header .upper .contact_info .item{display:flex;padding-right:10px;padding-top:1px}
.top_header .upper .contact_info .item:nth-child(1){padding-right:30px}
.top_header .upper .contact_info .item span{color:#fff;padding-right:12px;font-size:18px}
.top_header .upper .contact_info .item span .fa-phone{transform:rotate(101deg)}
.top_header .upper .contact_info .item p{color:#fff;margin:0;padding-top:3px;font-size:14px}
.top_header .upper .contact_lang{padding-top:0;position:relative;z-index:9999}
.top_header .upper .contact_lang ul{margin:0;display:flex}
.top_header .upper .contact_lang ul li img{width:26px;margin:0 3px}
header{z-index:9999;position:fixed;width:100%;top:0}
#myVideo{top:-8%;left:0;min-width:100%;min-height:100%;width:auto;height:auto}
@media only screen and (max-width:460px){#myVideo{position:absolute;top:0;left:0;min-width:100%;min-height:unset;width:100%;height:auto}
div.banner{overflow:hidden;margin:0 auto 0 auto;background:url(../images/loading.gif) center center no-repeat;position:relative;padding:0;width:100%;height:220px;display:block}
div#boxes{width:100%;min-height:250px;padding:0;font-size:14px;display:block;overflow:hidden;background:#fff}
.heading,h1{display:block;width:100%;padding:10px 0;text-align:center;font-weight:600;font-size:30px;margin:10px 0 auto}
}
.video{position:absolute;width:100%;padding:0;margin:0;top:0}
body{padding:0;margin:0;top:0}
.caption{width:100%;height:100%;padding:0;position:relative;text-align:center;background:rgba(20,20,20,.05);margin-top:-20px}
.caption>.layer1{width:80%;display:block;overflow:hidden;font-size:70px;color:#fff;opacity:0;margin:0 auto;padding:330px 0 0 0;font-weight:700;letter-spacing:-2px;text-shadow:0 0 10px #111;font-family:initial;animation:animateIn 1000ms ease 600ms forwards}
.caption>.layer2{display:block;width:60%;opacity:0;font-size:26px;line-height:35px;color:#fff;margin:0 auto;font-weight:100;overflow:hidden;text-shadow:0 0 8px #f78406;background:rgba(20,20,20,.05);font-style:italic;animation:animateIn 1000ms ease 900ms forwards}
.caption>.layer3{display:none!important;width:250px;margin:30px auto;opacity:0;overflow:hidden;animation:play3 .5s .8s linear forwards}
.caption>.layer3>a{width:100%;height:60px;display:block;line-height:58px;font-size:20px;border:2px solid #fff;color:#fff;font-weight:700;text-align:center}
.caption>.layer3>a:hover{background:#fff;color:#555}
@keyframes play1{from{opacity:0;top:20%}
to{opacity:1;top:25%}
}
@keyframes play2{from{opacity:0;top:30%}
to{opacity:1;top:35%}
}
@keyframes play3{from{opacity:0;top:50%}
to{opacity:1;top:50%}
}
.cover{height:800px;overflow:hidden}
@media (max-width:1366px){#myVideo{width:86pc}
.itemDetails input[type="submit"]{width:auto!important;padding:0 10px!important;font-size:15px!important}
.btn_section .like_btn{padding:4px 10px!important;margin-left:10px!important}
.btn_section .like_btn h3{font-size:15px!important;padding-top:13px!important}
}
.slick-slide .inner{margin:0 15px}
.slider_section{position:relative}
.slick-slider img{width:260px;height:auto}
@keyframes animateIn{0%{opacity:0;transform:translateY(40px)}
100%{opacity:1;transform:translateY(0)}
}
.user_section{z-index:9999;}
.user_section .text{padding-left:20px}
.cycle span{color:#fff;float:right;padding-right:0;position:absolute;top:0;margin-top:0!important;padding-top:6px}
.cycle a{width:87%;display:block}
.user_section .cycle{padding:1px 8px;background:#262626;z-index:9999999;width:150px}
.user_section img{width:40px;padding:6px;border-radius:100%}
a{color:#fff;text-decoration:none}
.me{width:400px;margin:90px auto}
.me p,.me h1{text-transform:uppercase;letter-spacing:3px;text-align:center}
.me p{font-weight:200}
.me span{font-weight:700}
.social{position:fixed;top:260px;left:20px;z-index:999}
.social ul{padding:0;-webkit-transform:translate(-270px,0);-moz-transform:translate(-270px,0);-ms-transform:translate(-270px,0);-o-transform:translate(-270px,0);transform:translate(-270px,0)}
.social ul li{display:block;margin:5px;background:rgba(0,0,0,.36);width:300px;text-align:right;padding:10px;-webkit-border-radius:0 30px 30px 0;-moz-border-radius:0 30px 30px 0;border-radius:0 30px 30px 0;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.social ul li:hover{-webkit-transform:translate(110px,0);-moz-transform:translate(110px,0);-ms-transform:translate(110px,0);-o-transform:translate(110px,0);transform:translate(110px,0);background:rgba(255,255,255,.4)}
.social ul li:hover a{color:#000}
.social ul li:hover i{color:#fff;background:red;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.social ul li i{margin-left:10px;color:#000;background:#fff;padding:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:40px;height:40px;font-size:20px;background:#fff;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
.hizmetd{text-align:center;padding:9px 0 30px 0;background-color:#f9f9f9;margin-bottom:40px}
.hizmetd .title{text-align:left}
.hizmetd .title h3{text-align:left;text-shadow:none;position:relative;color:#595959;font-size:32px;margin-bottom:60px;top:40px}
.hizmetd .title h3 span{color:#439bf5;font-weight:700}
.hizmetd .title h3:before{content:"";width:58%;height:3px;background-color:#e7e7e7;position:absolute;top:17px;right:0}
.hizmetd h5{font-family:'Caveat',cursive!important;font-size:28px;color:#439bf5;z-index:1;position:relative}
.hizmetd h1{font-weight:800;font-size:54px;margin-top:0;z-index:1;position:relative;padding-top:15px}
.hizmetd .col-md-4{margin-bottom:25px}
.hizmetf{text-align:center;padding:9px 0 30px 0;margin-bottom:40px}
.hizmetf .title{text-align:left}
.hizmetf .title h3{text-align:left;text-shadow:none;position:relative;color:#595959;font-size:32px;margin-bottom:60px;top:40px}
.hizmetf .title h3 span{color:#439bf5;font-weight:700}
.hizmetf .title h3:before{content:"";width:58%;height:3px;background-color:#e7e7e7;position:absolute;top:17px;right:0}
.hizmetf h5{font-family:'Caveat',cursive!important;font-size:28px;color:#439bf5;z-index:1;position:relative}
.hizmetf h1{font-weight:800;font-size:54px;margin-top:0;z-index:1;position:relative;padding-top:15px}
.hizmetf .col-md-4{margin-bottom:25px}
.hiz4box{transition:all 0.3s;background-color:#fff;padding:50px 30px;box-shadow:0 0 10px 0 #d3d3d3a3;border-radius:0;height:480px;border:0;margin-bottom:30px}
.hiz4box a{display:block}
.cicrleimg{height:200px;width:200px;margin:0 auto;background-size:cover!important;transition:all 0.3s}
.hiz4box h2{color:#412931;font-weight:800;font-size:26px}
.hiz4box p{font-size:18px;padding-bottom:50px;color:#412931}
.hiz4box small{transition:all 0.3s;color:#439bf5;font-size:16px;padding-left:10px;border:1px solid #ddd;width:10px!important;padding:3px 50px}
.hiz4box a:hover .cicrleimg{box-shadow:0 0 82px -15px #dbdbdb;transform:scale(1.07) rotate(10deg)}
a:hover{color:#439bf5!important}
.wrapper{width:1300px;margin:0 auto;display:block}
.box_section{display:flex;height:504px;margin-top:100px;margin-bottom:50px}
.box_section .left_part{width:55%}
.left_part .text_content{padding-right:61px}
.left_part .text_content h3{color:#000;font-size:40px;font-weight:700;padding-right:50px;margin-bottom:0}
.left_part .text_content h4{font-size:25px;color:#000;font-weight:500;margin-top:0;margin-bottom:0}
.left_part .text_content p{font-size:16px;color:#686868;text-align:justify;line-height:28px}
.left_part .text_content a{padding:10px 31px;background-color:#ffba00;color:#000;text-decoration:none;font-weight:500;font-size:18px;margin-top:20px;display:inline-block}
.left_part .text_content a:hover{background-color:#000;transition:0.5s;color:#fff}

.box_section .right_part{width:45%;background-color:#439bf5;height:358px;}
.right_part .content_bag img{width:100%;margin-top:33px;transition:all 500ms ease;margin-left:-33px}
.box_section .right_part:hover img{/*margin-left:0;transition:all 500ms ease*/}

.main-bottom-hizli-bg{min-height:150px;padding-top:5px;z-index:9;position:relative}
.page{background-color:#29272740;z-index:999;position:relative;position:absolute;bottom:0;width:100%}
.boxes{display:flex;justify-content:space-between}
.hizli-box-sec{width:130px;float:left;display:block;text-align:center;color:#fff;font-size:15px;font-weight:600;margin:0 0 25px 0;padding-top:20px}
.hizli-box-sec:nth-child(1) p img{width:50px;margin-top:10px;margin-bottom:12px}
.hizli-box-sec:after{content:" ";width:5px;height:100%;position:absolute;top:10px;left:140%;right:0;bottom:0;border-right:1px dashed #fff}
.cert{display:inline-block;width:100%;flex-wrap:no-wrap;justify-content:space-between;border:1px solid #eee}
.cert>.cr{display:block;height:50px;line-height:50px;padding:0 10px;float:left;font-size:14px}
.cert>.cr:nth-child(1){width:7%}
.cert>.cr span.icon{width:50px;height:50px;display:block;overflow:hidden;background:url(../images/cert.svg) center center no-repeat;background-size:40px}
.cert>.cr:nth-child(3){width:170px;float:right;font-size:12px}

.cert>.pdf{display:block;height:50px;line-height:50px;padding:0 10px;float:left;font-size:14px}
.cert>.pdf:nth-child(1){width:7%}
.cert>.pdf span.icon{width:50px;height:50px;display:block;overflow:hidden;background:url(../images/pdf.png) center center no-repeat;background-size:40px}
.cert>.pdf:nth-child(3){width:170px;float:right;font-size:12px}



.gm-style .place-card-large{display:none!important}
ul{margin:0;padding:0}
.footer-section{background:#151414;position:relative;margin-top:-19px;z-index:999;border-top:7px solid #439bf5}
.footer-cta{border-bottom:1px solid #373636}
.single-cta i{color:#f6a92a;font-size:30px;float:left;margin-top:8px}
.cta-text{padding-left:15px;display:inline-block}
.cta-text h4{color:#fff;font-size:20px;font-weight:600;margin-bottom:2px}
.cta-text span{color:#757575;font-size:15px}
.footer-content{position:relative;z-index:2}
.footer-pattern img{position:absolute;top:0;left:0;height:330px;background-size:cover;background-position:100% 100%}
.footer-logo{margin-bottom:30px}
.footer-logo img{max-width:200px}
.footer-text p{margin-bottom:14px;font-size:14px;color:#7e7e7e;line-height:28px}
.footer-social-icon span{color:#fff;display:block;font-size:20px;font-weight:700;font-family:'Poppins',sans-serif;margin-bottom:20px}
.footer-social-icon a{color:#fff;font-size:16px;margin-right:15px}
.footer-social-icon i{height:40px;width:40px;text-align:center;line-height:38px;border-radius:50%}
.facebook-bg{background:#3B5998}
.twitter-bg{background:#55ACEE}
.google-bg{background:#DD4B39}
.footer-widget-heading h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:40px;position:relative}
.footer-widget-heading h3::before{content:"";position:absolute;left:0;bottom:-15px;height:2px;width:50px;background:#f6a92a}
.footer-widget ul li{display:inline-block;float:left;width:50%;margin-bottom:12px}
.footer-widget ul li a:hover{color:#ff5e14}
.footer-widget ul li a{color:#878787;text-transform:capitalize}
.subscribe-form{position:relative;overflow:hidden}
.subscribe-form input{width:100%;padding:14px 28px;background:#2E2E2E;border:1px solid #2E2E2E;color:#fff}
.subscribe-form button{position:absolute;right:0;background:#f6a92a;padding:13px 20px;border:1px solid #f6a92a;top:0}
.subscribe-form button i{color:#fff;font-size:22px;transform:rotate(-6deg)}
.copyright-area{background:#fff;padding:25px 0}
.copyright-text p{margin:0;font-size:14px;color:#878787}
.copyright-text p a{color:#439bf5}
.footer-menu li{display:inline-block;margin-left:20px}
.footer-menu li:hover a{color:#ff5e14}
.footer-menu li a{font-size:14px;color:#878787}
.link_section h3{text-align:center;padding-bottom:20px}
.link_section ul{margin:0;display:flex}
.link_section ul li{display:inline-block;background-color:#ff0100;width:100%;padding:4px 0;transition:0.5s}
.link_section ul li:hover{background-color:#202020;transition:0.5s}
.link_section ul li a{display:block;color:#fff;text-align:center;font-size:20px;font-weight:600}
.link_section ul li:last-child a{border-left:3px solid #fff}
.hiz4box{transition:all 0.3s;padding:50px 30px;border-radius:15px;height:380px;box-shadow:0 0 10px 0 #d3d3d3a3;margin:20px 8px}
.hiz4box a{display:block}
.cicrleimg{height:200px;width:200px;margin:0 auto;border-radius:50%;background-size:cover!important;transition:all 0.3s}
.cicrleimg2{height:156px;width:156px;margin:0 auto;border-radius:50%;background-size:cover!important;transition:all 0.3s}
.hiz4box h2{font-size:18px}
.hiz4box h2{color:#412931;font-weight:800;padding-top:30px}
.hiz4box p{font-size:18px;color:#412931}
.hiz4box:hover{background-color:#439bf5;transition:all 0.3s;transform:scale(1.05); color:#FFF;}
.hiz4box:hover h2{color:#FFF;}
.hiz4box:hover small{color:#fff;transition:all 0.3s}
#products{width:100%;margin:0;padding:0;display:block;background:#fff}
#products .wrapper{width:100%;display:block;margin:0 auto;padding:0}
ul.products{width:1190px;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between}
ul.products li{display:block;width:32%;padding:0;background:#fff;margin:0 0 30px 0;transition:.3s;position:relative;border:1px solid #dedede}
ul.products li a{display:block;overflow:hidden;text-align:center;min-height:285px}
ul.products li a img{width:100%;text-align:center}
ul.products li:hover{box-shadow:0 0 15px #ccc;transform:translateY(-5px)}
ul.products li .content{display:block;overflow:hidden;background:#fff}
ul.products li .content .process{display:flex;flex-wrap:no-wrap;justify-content:center;opacity:1;text-align:center;border-top:1px solid #eee;overflow:hidden;position:relative}
ul.products li .content .process button{width:80px;height:70px;display:block;border:none;background-color:#fff;background-repeat:no-repeat;background-position:center center;background-size:35px;border-left:1px solid #eee;cursor:pointer;position:relative}
ul.products li .content .process button:nth-child(2){border-right:1px solid #eee}
ul.products li .content .process button.addcart{background-image:url(assets/images/svg/addtocart.svg)}
ul.products li .content .process button.offer{background-image:url(assets/images/svg/teklifal.svg)}
ul.products li .content .process button.view{background-image:url(assets/images/svg/view.svg)}
ul.products li .content .process button.addfavorite{background-image:url(assets/images/svg/fav.svg)}
ul.products li .content .process button.addfavorite2{background-image:url(assets/images/svg/favok.svg)}
ul.products li .content .process button:hover{background-color:#eee}
ul.products li .content .data{margin:0;padding:20px;border-top:1px solid #eee;overflow:hidden;display:flex;flex-wrap:no-wrap;justify-content:space-between}
ul.products li .content .data .name p{font-weight:600;font-size:15px}
ul.products li .content .data .name{display:inline-block;width:100%;float:left;font-size:15px;text-align:center}
ul.products li .content .data .name p{margin:0;padding:0;font-weight:600}
ul.products li .content .data .name p span{display:block;color:#777;font-size:12px;font-weight:300}
ul.products li .content .data .prices{display:inline-block;float:right;width:40%}
ul.products li .content .data .prices p{margin:0;padding:0;text-align:right}
ul.products li .content .data .prices p span{font-size:12px;display:block;color:#BFBDBD}
ul.products li .content .data .prices p.included-vat{color:#D0171C;font-size:26px;font-weight:700}
ul.products li .content .data .prices p.not-included-vat{color:#ccc;font-size:14px}
#details{width:100%;margin:0;padding:290px 0;display:block;background:#fff}
#details .wrapper{width:90%;display:block;overflow:hidden;margin:0 auto;padding:0}
.itemPicture{width:38%;border:1px solid #eee;display:block;float:left;padding:20px;overflow:hidden}

.detailPicture{width:30%; margin:1%; border:1px solid #eee;display:block;float:left;padding:10px;overflow:hidden}
.detailPicture>.large a{width:100%}
.detailPicture>.large a img{width:100%}

.itemPicture>.large a{width:100%}
.itemPicture>.large a img{width:100%}
.itemPicture>.large .thumbnail{display:flex;flex-wrap:wrap;justify-content:center}
.itemPicture>.large .thumbnail a{width:22%;display:inline-block;margin:5px;border:1px solid #eee}
.itemPicture>.large .thumbnail a img{width:100%}
.social-share{display:block;width:100%;padding:0 0 10px 0}
.social-item{display:inline-block;margin:0 20px 0 0}
.social-share .fa{color:#818181;cursor:pointer;display:block;font-size:20px;height:auto;line-height:50px;position:relative;text-align:center;transition:all .2s;-webkit-transition:all .2s}
.social-share .fa:after{color:#818181;content:attr(data-count);font-size:12px;left:0;line-height:20px;position:absolute;text-align:center;top:105%;width:100%}
.social-share .fa-facebook:before,.social-share .fa-twitter:before,.social-share .fa-linkedin:before,.social-share .fa-pinterest:before{font-family:'ElegantIcons'}
.social-share .fa-facebook:before{content:"\e093"}
.social-share .fa-twitter:before{content:"\e094"}
.social-share .fa-linkedin:before{content:"\e09d"}
.social-share .fa-pinterest:before{content:"\e095"}
.social-share .fa-facebook:hover{color:#3b5998}
.social-share .fa-twitter:hover{color:#00aced}
.social-share .fa-pinterest:hover{color:#cb2027}
.social-share .fa-linkedin:hover{color:#007bb6}
.price_section{position:absolute;bottom:0}
.itemDetails{margin:0;padding:0 30px;display:block;overflow:hidden;height:100%}
.itemDetails .itemList{font-weight:500;margin:15px 0 0 0;color:#888;font-size:17px}
.itemDetails .itemList p{color:#000;display:inline-block;width:230px;margin:0 15px 0 0;font-weight:700}
.itemDetails .itemList p:after{content:":";float:right}
.itemDetails .itemList.price{margin:25px 0 0 0;color:#888;font-size:20px}
.itemDetails .itemList.price span{color:#15AE7A;font-weight:800;font-size:26px}
.itemDetails input[type="submit"]{width:250px;height:50px;line-height:50px;background:#9d0a0e;color:#fff;float:left;padding:0 15px;border:none;cursor:pointer;display:block;font-weight:600;font-size:18px}
.itemDetails input[type="submit"]:hover{background:#63655E}
.itemDetails .pieces{margin:0 20px 0 0;display:inline-block;float:left}
.itemDetails .pieces>a{font-family:'ElegantIcons';display:inline-block;color:#fff;float:left;font-size:1.4em;height:50px;width:50px;line-height:50px;padding:0;text-align:center;background:#8B8B8B}
.itemDetails .pieces>input[type="text"]{width:50px;float:left;text-align:center;display:inline-block;height:50px;margin:0 4px;border:1px solid #ccc;padding:5px}
.itemDetails .pieces>a:first-child:before{content:"\4b"}
.itemDetails .pieces>a:last-child:before{content:"\4c"}
.itemDetails div.select{position:relative;width:170px;margin:0 10px;display:block;float:left}
.itemDetails div.select select{width:100%;font-size:14px;height:50px;line-height:50px;padding:0 15px;color:#555;border:1px solid #ccc;display:inline-block;overflow:hidden;background:#eee;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.itemDetails div.select option{padding:5px 10px}
.itemDetails div.select:after{content:"\33";color:#888;right:10px;top:10px;font-family:'ElegantIcons';font-size:22px;padding:0;position:absolute;pointer-events:none}
.itemDetails>.feature{display:block;overflow:hidden;font-weight:300;margin:25px 0;padding:10px 0;font-size:16px;text-align:justify}
.itemDetails>.feature h3{font-weight:700;padding:15px 0;font-size:22px;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:0 0 15px 0}
.itemDetails>.feature h4{font-weight:700}
.itemDetails>.feature p{margin:10px 0}
.tab-wrapper{display:block;overflow:hidden;border:1px solid #eee}
ul#tabs{text-decoration:none;list-style:none;margin:0;padding:0;display:block;border-bottom:1px solid #eee;overflow:hidden}
ul#tabs li{line-height:30px;float:left}
ul#tabs li a{display:inline-block;background:#fff;padding:20px;text-decoration:none;font-size:18px;color:#555;font-weight:600}
ul#tabs li a:hover{background:#CCC}
ul#tabs li a.selected{background:#f7f7f7}
.tab-content{background-color:#fff;padding:30px 0;font-size:14px;box-sizing:border-box;float:right;display:block;width:100%;border-bottom:1px solid #eee}
.tab-content p{line-height:1.65}
.liner{width:50%;height:700px;margin:150px 0 0 0;padding:140px 70px;text-align:center;float:left;display:block;background:#302323 url(assets/images/company.jpg);background-size:cover;position:relative}
.liner:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#302323;border-width:60px;margin-left:-60px}
.liner>h3{font-size:48px;font-weight:300;color:#fff;margin:0;padding:5px 0}
.liner>h3 strong{font-weight:800}
.liner>h4{width:100%;display:block;line-height:30px;font-size:22px;font-weight:100;color:#fff;margin:20px 0;padding:0}
.liner>a{width:250px;height:60px;display:block;line-height:55px;font-size:22px;margin:20px auto;border:2px solid #fff;color:#fff;font-weight:500;text-align:center}
.liner>a:hover{background:#fff;color:#555}
.latestnews{width:50%;height:700px;margin:150px 0;padding:140px 0;position:relative;background:#eee;float:right;text-align:center;display:block}
.latestnews:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#eee;border-width:60px;margin-left:-60px}
.pageline{display:block;width:100%;margin:100px auto 30px auto;text-align:left;padding:0;overflow:hidden}
.pageline>h1{font-weight:700;font-size:32px}
.pageline>h2{font-size:15px}
@media (max-width:1400px){.top_header .upper .contact_info{padding-right:0;padding-left:0}
.top_header .upper .upper_con{justify-content:space-around}
.top_header .upper .contact_info .item:nth-child(1){padding-right:20px}
.yellow_plan>.wrapper{width:78%!important}
.ara{margin-top:4px;margin-left:-120px!important}
.content_page .pageline>h1{font-size:29px}
}
.register{width:100%;display:flex;flex-wrap:no-wrap;justify-content:space-between}
.register .cols{width:48%;display:block}
.register .cols label{margin:10px 0;font-weight:700}
.register .cols input,.register .cols select,.register .cols textarea{width:100%;border:1px solid #ccc;height:50px;font-size:15px;line-height:45px;padding:0 20px;margin:20px 0}
.register .cols textarea{height:150px}
.register .cols input[type="submit"]{width:70%;background:#e24a4c;border:none;font-weight:600;color:#fff;margin:25px 0;cursor:pointer;display:block}
.register .cols input[type="submit"]:hover{background:#E37375}
.register .cols .gender{display:block;overflow:hidden;margin:25px 0}
.register .cols .gender span,.register .cols .gender p{padding:0;line-height:24px;float:left;margin:0 20px 0 0;display:inline-block;overflow:hidden}
.register .cols .gender span input,.register .cols .gender p input{width:24px!important;height:24px!important;margin:0 5px 0 0!important;padding:0!important;display:block;float:left}
.register .cols .reginfo{display:block;overflow:hidden;margin:25px 0}
.register .cols .reginfo p{padding:0;line-height:24px;float:left;margin:0 20px 0 0;display:inline-block;overflow:hidden}
.register .cols .reginfo p input{width:24px;height:24px;margin:0 5px 0 0;padding:0;display:block;float:left}
.register .cols .security{color:#DD3B3E;font-size:36px}
@media screen and (max-width:1024px){.register{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.register .cols{width:100%;display:block}
.register .cols input[type="submit"]{width:95%;margin:25px 0}
}
aside{display:inline-block;width:27%;float:left;margin:-70px 0 0 0}
@media screen and (max-width:1024px){aside{display:block;width:100%;float:none;margin:0}
}
table.orders{width:100%;border-collapse:collapse;border:1px solid #eee}
table.orders thead{background:#fff;color:#EB3B3E}
table.orders thead th{border-bottom:1px solid #eee;padding:15px 10px}
table.orders thead th:nth-child(1){text-align:left;width:50%}
table.orders tbody{background:#fff}
table.orders tbody:nth-child(even){background:#fff}
table.orders tbody td{border:1px solid #eee;padding:10px 10px;font-size:16px;vertical-align:middle}
table.orders tbody td:nth-child(2){text-align:center;background:#fff}
table.orders tbody td:nth-child(3){text-align:center;background:#fff;color:#5B9312;font-weight:700}
table.orders tbody td a{color:#EB3B3E;font-weight:700}
table.orders tbody td a:hover{color:#555}
table.orders tfoot{background:#eee}
table.orders tfoot th{border:1px solid #fff;padding:5px 10px}
table.orders tfoot th:nth-child(1){background:#fff}
table.orders tfoot th:nth-child(2){background:#eee;color:#999;font-size:18px}
table.orders tfoot th:nth-child(3){background:#3F85D5;color:#fff;font-size:18px}
.orderModal{display:none;position:fixed;z-index:9999999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(40,40,40,.7)}
.orderModal .modalContent{background-color:#fefefe;margin:15% auto;padding:30px;border:1px solid #888;width:70%;position:relative}
.orderModal .modalContent h4,.orderModal .modalContent h3,.orderModal .modalContent h2{display:block;overflow:hidden;margin:0 0 10px 0;padding:20px 0;font-size:20px;border-bottom:1px solid #eee}
.orderModal .modalContent h4 .closeModal{font-family:'ElegantIcons';float:right;display:block;font-size:30px}
.address{padding:0;font-size:14px}
.address a.add-address{background:#0B71BA;border:none;font-weight:500;color:#fff;margin:25px 10px 125px 0;cursor:pointer;font-size:16px;width:250px;text-align:center;height:50px;line-height:50px;display:block;float:left}
.address input[type='submit']{background:#E43252;border:none;font-weight:500;color:#fff;margin:25px 10px 0 0;cursor:pointer;font-size:16px;width:250px;text-align:center;height:50px;line-height:50px;display:block;float:left}
table#addressList{width:100%;margin:20px 0;border:1px solid #eee;padding:20px;background:#f9f9f9}
table#addressList thead{font-size:16px}
table#addressList thead th{padding:10px 10px;text-align:left;border-bottom:1px solid #e9e9e9}
table#addressList thead th:nth-child(2),table#addressList thead th:nth-child(3){text-align:center}
table#addressList tbody tr td{padding:20px 10px;border-bottom:1px dotted #eee}
table#addressList tbody tr td:nth-child(1){font-size:14px}
table#addressList tbody tr td:nth-child(2),table#addressList tbody tr td:nth-child(3){text-align:center}
table#addressList tbody tr td strong{padding:0 20px 0 0;display:block}
table#addressList tbody tr td a{color:#EE465F;font-size:12px;margin:0 10px 0 0}
.paginate{font-family:Arial,Helvetica,sans-serif;padding:3px;margin:3px}
.paginate a{padding:2px 5px 2px 5px;margin:2px;border:1px solid #999;text-decoration:none;color:#666}
.paginate a:hover,.paginate a:active{border:1px solid #999;color:#000}
.paginate span.current{margin:2px;padding:2px 5px 2px 5px;border:1px solid #999;font-weight:700;background-color:#999;color:#FFF}
.paginate span.disabled{padding:2px 5px 2px 5px;margin:2px;border:1px solid #eee;color:#DDD}
