.hover { transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}
.hover3 { transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s;}

.ind_btn { background: transparent; padding: 8px 30px; color: #fff; border: 3px solid #1a85f8; text-align: center; overflow: hidden; display: inline-block; cursor: pointer; position: relative; font-size: 15px; text-transform: uppercase; font-weight: 700; z-index: 1;}
.ind_btn::after { background: #1a85f8; content: ''; width: 100%; height: 100%; position: absolute; top: 0; right: -100%; z-index: -1; transition: all .4s ease;}
.ind_btn:hover { color: #fff;}
.ind_btn:hover::after { right: 0; content: "";}

.ind_btn_dark { background: transparent; padding: 8px 30px; color: #000; border: 3px solid #000; text-align: center; overflow: hidden; display: inline-block; cursor: pointer; position: relative; font-size: 15px; text-transform: uppercase; font-weight: 700; z-index: 1;}
.ind_btn_dark::after { background: #000; content: ''; width: 100%; height: 100%; position: absolute; top: 0; right: -100%; z-index: -1; transition: all .4s ease;}
.ind_btn_dark:hover { color: #fff;}
.ind_btn_dark:hover::after { right: 0; content: "";}

.section-header h4 { text-transform: uppercase; color: #000; margin: 0; font-weight: 500; font-size: 16px; letter-spacing: 1px;}
.section-header h2 { font-size:30px; font-weight:800; line-height:1.3; margin: 0 auto; color: #1a85f8; letter-spacing: 2px; position: relative; padding-bottom: 5px;}
.section-header h2::before { background: #000; content: ""; width: 200px; height: 1px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.section-header h2::after { background: #1a85f8; content: ""; width: 150px; height: 1px; position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto;}

.section-title { text-align: center; margin-bottom: 30px;}
.section-title h2.secTitle { margin-bottom: 5px; font-size: 36px; letter-spacing: 1px; color: #000;}
.section-title p { color: #3b3b3b;}

section.company-stats { background: #000; position: relative; overflow: hidden; padding: 50px 0;}
section.company-stats::before { background: url(../images/animation.gif) repeat; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.015}
.stat-block { text-align: center; margin-bottom: 15px;}
.stat-block .stat-img { background: #1a85f8; width: 100px; height: 100px; text-align: center; border-radius: 100%; line-height: 100px; margin: 0 auto; border: 2px solid #fff;}
.stat-block h2 { color: #fff; margin: 15px 0 10px; padding: 0; font-size: 24px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.stat-block p { color: #efefef; font-size: 14px; line-height: 25px;}

section.front-cats { padding: 40px 0; position: relative; z-index: 99;}
.cat-block {  overflow:hidden; margin:15px 0; position: relative;}
.cat-block::before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #0b0a0a 100%); position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; content: ''; z-index: 9}
.cat-block .cat-text { position: absolute; width: 100%; left: 0; top: auto; z-index: 9; bottom: 0; height: auto; padding: 0 50px; text-align: center; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); }
.cat-block:hover .cat-text { transform: translateY(-65px); -webkit-transform: translateY(-65px); -moz-transform: translateY(-65px); -ms-transform: translateY(-65px);}
.cat-block .cat-text h2 { color: #fff; text-transform: uppercase; font-size: 24px;}
.cat-block .cat-text p { color: #e6e6e6; font-size: 14px; line-height: 26px;}
.cat-block .cat-text a { margin-top: 15px; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); opacity: 0; }
.cat-block:hover .cat-text a { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);}

section.about-block { background-image: url(../images/about-bg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: top center; background-size: cover; padding: 100px 0; position: relative; overflow: hidden;}
section.about-block .section-header h4 { color: #fff}
section.about-block .section-header h2 {}
section.about-block .section-header h2::before { background: #fff;}
.about-text { text-align: center;}
.about-text p { margin-bottom: 25px; color: #fff; line-height: 32px;}

section.why-choose-bg { background: #000; padding: 50px 0; position: relative;}
section.why-choose-bg .section-header h4 { color: #fff}
section.why-choose-bg .section-header h2::before { background: #fff;}
.why-choose-text p { font-size: 16px; text-align: center; color: #efefef; line-height: 30px; margin-bottom: 30px;}

.why-choose-box { background: #1a85f8; padding: 30px 15px; border-radius: 8px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); margin-top: 15px; text-align: center; min-height: 236px; position: relative; overflow: hidden;}
.why-choose-box .box-icon { margin-bottom: 15px; }
.why-choose-box .box-icon  i { font-size: 50px; color: #000;}
.why-choose-box .box-text h3 { font-weight: 700; color: #fff; font-size: 22px; margin-bottom: 5px;}
.why-choose-box .box-text p { color: #fff; font-size: 15px; line-height: 26px;}

section.how-to-order { background: #f5f5f5; padding: 50px 0;}
.order-block { background: #fff; transition: 0.5s; padding-bottom: 50px; height: 100%; box-shadow: 4px 4px 9px 0px #a8a8a8; border-radius: 20px; margin-bottom: 30px;}
.order-block .ob-img .real-img { display: block; transition: 0.5s; }
.order-block .ob-img .hover-img { display: none; transition: 0.5s; }
.order-block .ob-details { text-align: center; margin: auto; color: #231f20;}
.order-block .ob-details div { width: 100px; height: 100px; line-height: 100px; text-align: center; background: #231f20; color: #fff; font-size: 50px; border-radius: 100px; font-weight: 700; margin: auto; transition: 0.5s; }
.order-block .ob-details h2 { font-size: 26px; font-weight: 700; padding: 15px 0 8px; margin: 0; letter-spacing: 1px; transition: 0.5s; }
.order-block .ob-details p { margin: 0; font-size: 16px; padding: 0 40px; transition: 0.5s; }
.order-block:hover { background: #1a85f8;}
.order-block:hover .ob-img .real-img { display: none;}
.order-block:hover .ob-img .hover-img { display: block;}
.order-block:hover .ob-details { color: #fff;}
.order-block:hover .ob-details div { background: #fff; color: #231f20;}
.order-block:hover .ob-details h2 { color: #fff;}

section.how-it-work { padding: 50px 0 30px;}
section.how-it-work .front-title { margin-bottom: 30px;}
.work-block { margin-bottom: 30px; text-align: center;}
.work-block .work-img { position: relative;}
.work-block .work-img img { border-radius: 50%;}
.work-block .work-img span { background: #1a85f8; width: 60px; height: 60px; text-align: center; border-radius: 50%; color: #fff; font-size: 24px; font-weight: 700; line-height: 60px; position: absolute; top: 0; right: 50px;}
.work-block h2 { color: #231f20; font-size: 22px; margin-top: 20px; letter-spacing: 1px;}

section.mv-block { background: linear-gradient(180deg,rgba(26, 133, 248, 1) 0%, rgba(37, 182, 252, 1) 100%); padding: 50px 0;}
.orders-1 { order: 1; -ms-flex-order:1; text-align: right;}
.orders-2 { order: 2; -ms-flex-order:2; text-align: center;}
.orders-3 { order: 3; -ms-flex-order:3; text-align: left;}
.orders-1 .mv-block-title, .orders-3 .mv-block-title { background: linear-gradient( to right, #000, #0a0a0a, #0c0c0c, #131313, #181818 ); line-height: 70px; font-weight: 700; letter-spacing: -3px; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 70px;}
.orders-1 .mv-block-text, .orders-3 .mv-block-text { margin-bottom: 15px; font-weight: 600; letter-spacing: 2px; color: #fff; text-transform: uppercase; font-size: 17px; line-height: 27px;}
.orders-2 .mv-block-title { background: linear-gradient( to right, #000, #0a0a0a, #0c0c0c, #ffffff, #131313 ); line-height: 160px; font-weight: 700; letter-spacing: -7px; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 150px;}
.orders-2 .mv-block-text { margin-top: 5px; font-weight: 600; letter-spacing: 4px; color: #fff; text-transform: uppercase; font-size: 20px; line-height: 30px;}

ul.sub-cats { margin-bottom: 30px;}
ul.sub-cats li { list-style: none; display: inline-block; margin-bottom: 5px;}
ul.sub-cats li a { background: #000; border-radius: 3px; padding: 0 18px; line-height: 38px; color: #fff; display: block; font-size: 13px; font-weight: 500; text-transform: capitalize;}
ul.sub-cats li a:hover, ul.sub-cats li a.active { background: #1a85f8; color: #000;}

section.featured-pods { padding: 40px 0;}

section.certificates { background: #f6f6f6; padding: 50px 0;}
section.newsletter { background: #fff; position: relative; overflow: hidden; padding: 40px 0;}
section.newsletter::before { background: url(../images/shadow.jpg) center center no-repeat; width: 100%; height: 47px; content: ""; position: absolute; left: 0; right: 0; top: 0;}
section.newsletter h1 { font-size: 28px; letter-spacing: 0.5px; color: #1a85f8; text-transform: uppercase; margin: 0; padding: 0;}
section.newsletter p { color: #231f20; font-size: 15px; font-weight: 500; margin: 0;}
.newsletter-form { position: relative;}
.newsletter-form input { height: 44px; }
.newsletter-form button { position: absolute; top: 0; right: 0; font-size: 20px; padding: 4px 30px;}



.product-details { padding-bottom: 20px;}
.share-buttton { margin-top: 20px;}

.inner-page { min-height: 600px; margin-bottom: 30px;}

h2.Total { text-align: right; font-size: 20px; text-transform: uppercase; font-weight: 700;}
.basket-btn { text-align: right; margin-top: 10px;}
.SubmitText { text-align: center; color: #060; font-size: 22px; padding: 8rem 0 8rem;}


.page-text { font-size: 16px; line-height: 30px; min-height: 450px; padding-bottom: 40px;}

.contact-page a { color: #181818;}
.contact-page a:hover { color: #1a85f8;}

h1.product-single__title { text-transform: uppercase;}

section.design-solution { background-image: url(../images/we-do.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 100px 0; overflow: hidden; position: relative; text-align: center;}
section.design-solution::before { background: #10202c; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8}
section.design-solution h2 { color: #1a85f8; font-size: 30px; line-height: 40px; text-transform: none;}
section.design-solution p { font-size: 15px; color: #fff;}

section.white-bg { background: #fff; padding: 60px 0;}
section.gray-bg { background: #f7f7f7; padding: 60px 0;}
.mp-block h2 { font-size: 22px; color: #000;}
.mp-block p { line-height: 26px;}

.tab-container { margin-top: 20px;}
.p-img { position: relative; overflow: hidden; margin-bottom: 30px;}
.p-img img { width: 100%; display: block; margin: 0 auto;}
.p-img .p-text { background: rgba(0,0,0,0.8); position: absolute; left: 0; right: 0; bottom: 0;  text-align: center; color: #fff; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; padding: 12px 18px; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}
.p-img:hover .p-text { background: rgba(29,24,104,0.8);}

.tabs-listing .product-tabs a:hover { color: #fff}
.product-tabs li.active a:hover { color: #000;}

.process-title { padding: 60px 0;}
.process-title h1 { font-weight:700; font-size:26px; text-transform:uppercase; position:relative; margin:0 0 15px; text-align:left; letter-spacing: 2px; position: relative; padding-left: 70px;}
.process-title h1::before { content: ""; background: #1a85f8; width: 60px; height: 3px; position: absolute; bottom: 45%; left: 0;}
.process-title p { line-height: 30px; text-align: justify;}

footer { background: #000; padding: 20px 0 0; position: relative; border-top: 4px solid #1a85f8;}

section.footer-btm .f-contact ul { list-style: none; margin: 0; padding: 0;}
section.footer-btm .f-contact ul li { margin: 0px 0px 20px 0px; padding: 0; float: none; display: block; list-style: none; line-height: 28px;}
section.footer-btm .f-contact ul li i { line-height: 21px; float: left; font-size: 17px; color: #1a85f8; margin-right: 13px;}
section.footer-btm .f-contact ul li div { float: left; width: 75%; line-height: 20px; margin: 0; padding: 0;}
section.footer-btm .f-contact ul li div p { margin: 0; color: #fff;}
section.footer-btm .f-contact ul li a { color: #fff;}
section.footer-btm .f-contact ul li a:hover { color: #1a85f8;}

section.footer-btm .footerSocial ul { margin: 0; padding: 0;}
section.footer-btm .footerSocial ul li { list-style: none; display: inline-block;}
section.footer-btm .footerSocial ul li a { font-size: 26px; color: #fff; padding-right: 7px;}
section.footer-btm .footerSocial ul li a:hover { color: #1a85f8;}

section.footer-btm h2 { color: #1a85f8; font-weight: 700; font-size: 22px; margin: 0 0 30px;}
section.footer-btm ul.f-links { margin: 0; padding: 0}
section.footer-btm ul.f-links li { list-style: none; margin: 0 0 12px 0; padding: 0;}
section.footer-btm ul.f-links li a { color: #fff; font-size: 15px;}
section.footer-btm ul.f-links li a:hover { color: #1a85f8; padding-left: 5px;}
section.footer-btm .shipment { margin-top: 30px;}

section.copyrights { padding: 30px 0; text-align: center;}
section.copyrights .row { border-top: 1px solid #101010; padding-top: 30px;}
section.copyrights p { color: #fff; font-size: 14px; line-height: 22px; margin: 0; }
section.copyrights p a { color: #fff; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; }
section.copyrights p a:hover { color: #1a85f8;}