@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700'); 
body {font-family: 'Poppins', sans-serif; font-size:13px; line-height: 23px; font-weight:400; word-wrap: break-word; color: #5c5c5b;}
* {box-sizing: border-box;}
a {transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
a:focus, a:hover {text-decoration: none; outline: none; color: #008fd5;}
ul, li, ol {margin: 0; padding: 0;}
img {height: auto; max-width: 100%;}
::-moz-placeholder {opacity: 1;}
::-webkit-input-placeholder {opacity: 1;}
.overlay {opacity: 0.50; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
p {margin: 0 0 15px;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 25px; color: #222222; font-weight: 500;}
h1 {font-size: 70px; line-height: 70px;}
h2 {font-size: 55px; line-height: 60px}
h3 {font-size: 32px; line-height: 40px;}
h4 {font-size: 25px; line-height: 30px; font-weight: 400;}
h5 {font-size: 16px; line-height: 22px;}
h6 {font-size: 14px; line-height: 18px;}

.background-position-x-50 {background-position-x: 50% !important;}

/* text size */
.text-extra-small {font-size: 11px; line-height: 14px}
.text-medium-small {font-size: 12px; line-height: 24px;}
.text-small {font-size:13px; line-height: 20px; text-transform: uppercase;}
.text-extra-medium {font-size: 14px; line-height: 20px;}
.text-medium {font-size: 16px; line-height:22px}
.text-large {font-size: 18px; line-height:26px}
.page-title-extra-large {font-size: 48px; line-height: 48px}

/* title */
.product-title {font-size: 30px; line-height: 35px;}

/* border */
.border {border: 1px solid #e9e9e9;}
.border-top {border-top: 1px solid #e3e3e3;}
.border-color-medium-dark-gray {border-color: #363636 !important;}
.border-color-medium-gray {border-color:#e5e5e5}

/* input error */
.required-error {border: 1px solid #ee2323 !important;}

/* boder width */
.border-width-1 {border-width: 1px;}

/* boder radius */
.border-radius-none {border-radius: 0}
.border-radius-6 {border-radius: 6px;}

/* text-transform */
.text-transform-uppercase {text-transform: uppercase;}

/* display */
.display-table {display: table;}
.display-table-cell {display: table-cell;}
.verticale-middel {vertical-align: middle;}
.display-inline-block {display: inline-block;}
.display-block {display: block;}
.display-none {display: none;}
.clear-both {clear:both}

/* letter-spacing */
.letter-spacing-01 {letter-spacing: 0.1px}
.letter-spacing-02 {letter-spacing: 0.2px}
.letter-spacing-07 {letter-spacing: 0.7px}

/* text color */
.text-white {color: #FFF}
.text-medium-light {color: #F2F2F2}
.text-black {color: #000}
.text-dark-gray {color: #222222}
.text-black-gray {color: #282828;}
.text-medium-gray {color: #727272;}
.text-medium-light-gray {color: #939393}
.text-light-nobel {color: #979797;}
.text-light-gray {color: #d6d5d5;}
.text-blue {color: #008fd5;}
.text-deep-blue {color: #2595e0;}
.text-extra-dark-gray {color: #232323;}

/* icon size */
.icon-small {font-size: 24px}

/* text link hover color */
a.text-link-white, a.text-link-white i {color:#ffffff}
a.text-link-white:hover, a.text-link-white:focus {color:#ff214f}
a.text-link-black, a.text-link-black i {color:#000000}
a.text-link-dark-gray:hover, .text-link-dark-gray:focus {color:#232323}
a.text-link-extra-dark-gray {color:#232323}
a.text-deep-blue-hover:hover, a.text-deep-blue-hover:focus {color:#2595e0 !important;}
a.text-black-gray-hover:hover, a.text-black-gray-focus:focus {}

/* hover color */
a.text-white-hover:hover, a.text-white-hover:focus {color: rgba(0,0,0,0.6)}
a.text-black-hover:hover, a.text-black-hover:focus {color: rgba(255,255,255,0.6)}

/* font weight */
.font-weight-300 {font-weight: 300;}
.font-weight-400 {font-weight: 400;}
.font-weight-500 {font-weight: 500;}
.font-weight-600 {font-weight: 600;}
.font-weight-700 {font-weight: 700;}

/* line height */
.line-height-10 {line-height:10px;}
.line-height-23 {line-height:23px;}
.line-height-24 {line-height:24px;}
.line-height-35 {line-height:35px;}
.line-height-36 {line-height:36px;}

/* width */
.width-10 {width: 10%;}
.width-20 {width: 20%;}
.width-25 {width: 25%}
.width-45 {width: 45%}
.width-50 {width: 50% !important;}
.width-55 {width: 55%}
.width-80 {width: 80%;}
.width-85 {width: 85%;}
.width-90 {width: 90%;}
.width-95 {width: 95%;}
.width-100 {width: 100%;}
.width-50px {width: 50px !important;}

/* height */
.height-100 {height: 100% !important;}

/* min-height */
.min-height-100px {min-height: 100px;}
.min-height-200px {min-height: 200px;}
.min-height-300px {min-height: 300px;}
.min-height-400px {min-height: 400px;}
.min-height-500px {min-height: 500px;}
.min-height-600px {min-height: 600px;}
.min-height-700px {min-height: 700px;}

/* screen height */
.one-second-screen {height: 600px;}
.one-fourth-screen {height: 800px;}
.full-screen {min-height: 980px;}
.extra-small-screen {height:300px;}
.small-screen {height:400px;}

/* background color */
.bg-transparent {background-color: transparent;}
.bg-white {background-color:#fff;}
.bg-black {background-color:#000;}
.bg-light-gray {background-color:#f2f2f2;}
.bg-medium-gray {background-color:#dbdbdb;}
.bg-extra-dark-gray {background-color:#1c1c1c;}
.bg-deep-pink {background-color: #ff214f;}
.bg-extra-medium-gray {background-color:#939393;}

/* button size */
.btn {transition-duration: 0.5s;transition-timing-function: ease-in-out; border: 2px solid;}
.btn.btn-small {font-size:11px; padding: 4px 24px;}
.btn.btn-medium {font-size:12px; padding: 10px 30px 10px; text-transform: uppercase; font-weight: 600; line-height: 17px; letter-spacing: 0.8px; box-shadow: none;}
.btn.btn-large {font-size:13px; padding: 10px 30px 10px; line-height: 18px; text-transform: uppercase;}
a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}

/* button background */
.btn.btn-white {background:#ffffff; border-color: #ffffff; color: #232323}
.btn.btn-white:hover, .btn.btn-white:focus {background: transparent; color: #fff}
.btn.btn-black {background:#000000; border-color: #000000; color: #fff}
.btn.btn-black:hover, .btn.btn-black:focus {background: transparent; color: #000}
.btn.btn-dark-gray {background: #242424; border-color: #242424; color: #fff}
.btn.btn-dark-gray:hover, .btn.btn-dark-gray:focus {background: transparent; color: #242424}
.btn.btn-light-blue {background: #008fd5; border-color: #008fd5; color: #fff; letter-spacing: 0.6px;}
.btn.btn-light-blue:hover, .btn.btn-light-blue:focus {background: transparent; color: #008fd5}
.btn.btn-orange {background: #f5821f; border-color: #f5821f; color: #fff;}
.btn.btn-orange:hover, .btn.btn-orange:focus {background: transparent; color: #f5821f;}

/* button rounded */
.btn.btn-rounded {border-radius: 50px}
.border-radius-100 {border-radius: 100%;}

/* parallax */
.parallax {position: relative; background-size: cover; overflow: hidden; background-attachment: fixed;}

.center-col {float:none; margin-left:auto; margin-right:auto}
.text-center {text-align: center;}
.text-right {text-align: right;}

/* feature box style */
.feature-box {display: table !important;}
.feature-box .char-value {display: table-cell !important; vertical-align: middle !important;}

.separator-line-horrizontal-medium-light3 {width:18%; height: 1px;}
.separator-line-verticle-extra-small {width: 1px; height: 5px;}

/* product img new */
.portfolio-grid.gutter-medium, .blog-grid.gutter-medium {margin:0 7px}
.overflow-hidden {overflow: hidden !important;}
.portfolio-grid .grid-item {opacity: 1; overflow: hidden;}
.portfolio-grid.gutter-large li, .blog-grid.gutter-large li {padding:15px 15px;}
.portfolio-grid .grid-item figure {margin: 0; position: relative; overflow: hidden;}
.portfolio-grid .grid-item figure .portfolio-img {transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.portfolio-grid .grid-item figure img {cursor: pointer; display: block; opacity: 1; width: 100%;}
.portfolio-grid .grid-item figcaption {bottom: 0; left: 0; opacity: 0; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; height: 100%; padding: 45px; z-index: 1; text-align: center;}
.grid-item .portfolio-hover-box {display: table-cell; height: 100%;}
.bg-deep-balck-opacity {background-color: rgba(0, 143, 213, 0.85);}

/* img hover option */
.img-hover .grid-item figcaption {height: 100%; position: relative; opacity: 1; padding: 32px 10px 33px 10px; background: #fff; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.img-hover .grid-item .portfolio-hover-main {transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; display: table; height: 100%; top: 0; width: 100%;}
.img-hover .grid-item .portfolio-icon {position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; left:0; right: 0; opacity: 0}
.img-hover .grid-item figure:hover .portfolio-icon {opacity: 1; top: 50%;}
.portfolio-grid.gutter-medium li, .blog-grid.gutter-medium li {margin: 15px 15px;}
.img-hover .grid-item .portfolio-icon a {margin: 0 7px; display: inline-block;}
.img-hover .grid-item .portfolio-icon i.fa-arrow-right {font-size:18px; position: relative; top: 7px; left: 0;}
.img-hover .grid-item .portfolio-icon i {font-size:30px; position: relative; left: 0;}
.img-hover .grid-item .portfolio-icon a:hover i {background: transparent; color: #fff;}
.img-hover .grid-item figure img, .img-hover .grid-item .portfolio-icon {transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.img-hover .grid-item figure:hover img {opacity: .10;}
.img-hover .grid-item figure:hover figcaption {cursor: default; left: 1px;}
.container .img-hover .grid-item figcaption {padding: 25px 10px;}

/* portfolio 4 column */
.portfolio-grid.work-4col li, .blog-grid.blog-4col li {width: 25%; float: left;}

/* right-icon */
.product-box .img-hover .grid-item .portfolio-icon i.ti-arrow-right {border-radius: 50%; border: 2px solid transparent; background: #fff; margin: 0 7px; height: 46px; width: 46px; display: inline-block; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; font-size: 16px; position: relative; top: 10px;}
.product-box .img-hover .grid-item .portfolio-icon i.ti-arrow-right:hover {background: transparent; border: 2px solid #fff; color: #fff; transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);}
.product-box .img-hover .grid-item .portfolio-icon i.ti-arrow-right:before {position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}

.product-col-2 .col-md-6:nth-child(2n+1) {clear: left;}
.product-col-2 .col-sm-6:nth-child(2n+1) {clear: left;}
.product-col-3 .col-md-4:nth-child(3n+1) {clear: left;}
.product-col-3 .col-sm-4:nth-child(3n+1) {clear: left;}
.product-col-4 .col-md-3:nth-child(4n+1) {clear: left;}
.product-col-4 .col-sm-3:nth-child(4n+1) {clear: left;}

.list-style-4 li {padding: 0 0 12px 28px; margin: 0 0 12px 0; border-bottom: 1px solid rgba(255,255,255,0.23); color: #fff; list-style: none; font-size: 14px; width: 100%; position: relative;}
.list-style-4 li:last-child {border-bottom: 0;}
.list-style-4 li .fa {padding-right: 0; position: absolute; left: 0; top: 3px;}

/* padding */
.no-padding {padding: 0 !important;}
.no-padding-right {padding-right: 0;}
.no-padding-left {padding-left: 0;}
.no-padding-top {padding-top: 0;}
.no-padding-bottom {padding-bottom: 0;}
.no-padding-tb {padding-top: 0; padding-bottom: 0;}
.padding-25px-all {padding:25px;}
.padding-eleven-all {padding: 11%;}
.padding-twelve-all {padding: 12%;}
.padding-thirteen-all {padding:13%;}

/* padding top */
.padding-20px-top {padding-top: 20px;}
.padding-25px-top {padding-top: 25px;}
.padding-30px-top {padding-top: 30px;}
.padding-70px-top {padding-top: 70px;}
.padding-75px-top {padding-top: 75px;}

/* padding bottom */
.padding-30px-bottom {padding-bottom: 30px;}
.padding-50px-bottom {padding-bottom: 50px;}

/* padding right */
.padding-5px-right {padding-right: 5px;}
.padding-6px-right {padding-right: 6px;}
.padding-10px-right {padding-right: 10px;}
.padding-20px-right {padding-right: 20px;}
.padding-85px-right {padding-right: 85px;}

/* padding left */
.padding-20px-left {padding-left: 20px;}
.padding-45px-left {padding-left: 45px;}
.padding-70px-left {padding-left: 70px;}
.padding-55px-left {padding-left: 55px;}

/* padding right left */
.padding-7px-rl {padding-right: 7px; padding-left: 7px;}
.padding-10px-rl {padding-right: 10px; padding-left: 10px;}
.padding-13px-rl {padding-right: 13px; padding-left: 13px;}
.padding-30px-lr {padding-left: 30px; padding-right: 30px;}

/* padding top bottom */
.padding-10px-tb {padding-top: 10px; padding-bottom: 10px;}
.padding-15px-tb {padding-top: 15px; padding-bottom: 15px;}
.padding-30px-tb {padding-top: 30px; padding-bottom: 30px;}
.padding-50px-tb {padding-top: 50px; padding-bottom: 50px;}
.padding-100px-tb {padding-top: 100px; padding-bottom: 100px;}

/* margin */
.no-margin {margin:0 !important}
.no-margin-top {margin-top:0 !important}
.no-margin-bottom {margin-bottom:0 !important}
.no-margin-right {margin-right:0 !important}
.no-margin-left {margin-left:0 !important}
.no-margin-lr {margin-left: 0 !important; margin-right: 0 !important;}

/* margin top */
.margin-5px-top {margin-top:5px}
.margin-20px-top {margin-top:20px;}
.margin-25px-top {margin-top:25px;}
.margin-30px-top {margin-top:30px}

/* margin right */
.margin-5px-right {margin-right:5px}
.margin-10px-right {margin-right:10px}
.margin-15px-right {margin-right:15px}

/* margin right */
.margin-fifteen-left {margin-left: 15%;}

/* float */
.float-left {float: left;}
.float-right {float: right;}
.float-none {float: none;}

/* margin top bottom */
.margin-15px-tb {margin-top:15px; margin-bottom:15px;}
.margin-20px-tb {margin-top:20px; margin-bottom:20px;}

/* margin-bottom */
.margin-5px-bottom {margin-bottom:5px}
.margin-10px-bottom {margin-bottom:10px;}
.margin-15px-bottom {margin-bottom:15px;}
.margin-20px-bottom {margin-bottom:20px;}
.margin-25px-bottom {margin-bottom:25px;}
.margin-30px-bottom {margin-bottom:30px;}
.margin-35px-bottom {margin-bottom:35px;}
.margin-40px-bottom {margin-bottom:40px;}
.margin-45px-bottom {margin-bottom:45px;}
.margin-50px-bottom {margin-bottom:50px !important;}
.margin-55px-bottom {margin-bottom:55px;}
.margin-60px-bottom {margin-bottom:60px;}
.margin-70px-bottom {margin-bottom:70px;}
.margin-80px-bottom {margin-bottom:80px;}
.margin-90px-bottom {margin-bottom:90px;}
.margin-100px-bottom {margin-bottom:100px}
.margin-eight-bottom {margin-bottom: 8%;}

/* position */
.position-relative {position: relative; z-index: 5;}

/* opacity */
.opacity6 {opacity:.6}
.opacity7 {opacity:.7}
.opacity-medium {position: absolute; height: 100%; width: 100%; opacity: 0.75; top:0; left: 0;}

/* page title font size */
.page-title-extra-small h1 {font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: 400;}

/* verticle align */
.vertical-align-middle {vertical-align: middle;}

/* custom css */
section {padding: 120px 0; overflow: hidden;}

/* testimonial style */
.text-outside-line-full {position: relative; display: inline-block;}
.text-outside-line-full::before {content: ""; position: absolute; top: 50%; height: 1px; width: 99%; display: block; border-bottom: 1px solid; right: 100%; margin-right: 25px; opacity: .15;}
.text-outside-line-full::after {content: ""; position: absolute; top: 50%; height: 1px; width: 99%; display: block; border-bottom: 1px solid; left: 100%; margin-left: 25px; opacity: .15;}
.box-shadow {box-shadow: 0 0 3px rgba(0,0,0, .2)}
.arrow-bottom {position: relative;}
.testimonial-style3 .arrow-bottom:after {border-top-color: #d6d5d5; left: 15%; border-width: 10px; margin-left: -10px;}
.arrow-bottom:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(245, 245, 245, 0); border-top-color: #f5f5f5; border-width: 15px; margin-left: -15px; z-index: 9;}
.testimonial-box .image-box, .testimonial-box .name-box {display: table-cell; vertical-align: middle;}
.testimonial-main-box p{min-height: 95px;}


/* contact form */
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] {-webkit-appearance: none; outline: none;}
#success-project-contact-form {clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a; padding: 2px 0; display: none; font-size: 11px;}
.medium-input, .medium-select select, .medium-textarea {padding: 12px 20px; font-size: 14px; line-height: normal; border-radius: 0; outline: none;}
input, select, textarea {border: 1px solid #d1d1d1; font-size: 14px; padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none;}
select::-ms-expand {display: none;}
.select-style {width: 100%; overflow: hidden; background: url(../images/select-arrow.png) no-repeat 97% 50%; border: 1px solid #d1d1d1; margin-bottom: 20px;}
.select-style select {width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}

/* social icon */
.large-icon li {margin: 0 10px; list-style: none; display: inline-block;}
.social-icon-style a {text-align: center; display: inline-block; color: #232323;}
.social-icon-style a:hover {color: #fff; border-radius: 100%; background-color: #008fd5;}
.large-icon a {font-size: 24px; width: 60px; height: 60px; line-height: 61px;}
.large-icon a i {transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}

/* icon rounded style */
.icon-medium {font-size: 35px;}
.icon-round-medium {border-radius: 100%; display: table-cell;height: 90px; margin: 0 auto; text-align: center; vertical-align: middle; width: 90px;}

.text-decoration-line-through-black,.text-decoration-line-through-black {position: relative;}
.text-decoration-line-through-black:before {background: #000;}
.text-decoration-line-through-black::before,.text-decoration-line-through-black:before {content: ""; height: 1px; left: -10px; position: absolute; top: 53%; width: calc(100% + 20px);-webkit-transform: translateY(-53%); -moz-transform: translateY(-53%); -ms-transform: translateY(-53%); -o-transform: translateY(-53%); transform: translateY(-53%);}

/* blog and portfolio next pagination */
.blog-nav-link {padding: 30px 0; display: inline-block; vertical-align: middle; font-size: 16px; position: relative; color: #6f6f6f;}
.blog-nav-link a {color: #6f6f6f;}
.blog-nav-link a:hover {color: #008fd5;}
.blog-nav-link-prev .blog-nav-icon, .blog-nav-link-next .blog-nav-icon {top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); position: absolute}
.blog-nav-link-next {padding-right: 40px}
.blog-nav-link-next .blog-nav-icon {right: 0}
.blog-nav-link-prev {padding-left: 40px}
.blog-nav-link-prev .blog-nav-icon {left: 0}

/* table */
table {width: 100%; clear: both;}
td {list-style: none; border-bottom: 1px solid #eaeaea; padding: 10px 0 9px; width: 50%;}

/* header */
header {width: 100%; z-index: 99;}
.header-logo {margin-top: 12px;}
.header-logo img {max-width: 115px;}
.navbar-default {background: #fff;}
.top-header .navbar {border-radius: 0;}
.navbar-top {position: fixed; top: 0; left: 0; right: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.sticky.top-header-area {top: 0px;}
header.sticky.header-appear .navbar-top {top: 0; transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: 0.3s; -ms-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; border-bottom: 1px solid #e7e7e7;}
header.sticky .top-header-area {top: -45px;}
.sticky .navbar-top {top: -140px;}
.sticky.header-appear .navbar-top {top: 0px;}
header .navbar-top, .header-with-topbar .navbar-fixed-top {top: 42px; transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: 0.3s; -ms-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; border-bottom: 1px solid #e7e7e7; z-index: 10005}
.sticky .navbar-top {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.header-with-topbar .navbar-top {top: 42px;}
.sticky .top-header .navbar {border-bottom: 1px solid #e1e1e1;}
.mini-header-left ul {float: left;}
.mini-header-left i {vertical-align: middle; font-size: 13px}
.mini-header-right i {vertical-align: middle; font-size: 14px; position: relative; top: -1px;}
.download-option a img {width: 13px;}
.download-option a:hover, .download-option a:focus {color: #fff; opacity: 0.7}
.navbar-default .navbar-nav>li>a {color: #000; transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: 0.3s; -ms-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s}
.navbar-default .navbar-nav>li:focus>a, .navbar-default .navbar-nav>li:hover>a {color: #008fd5; background-color: transparent;}

/* swiper sider */
.slider-text-middle-main {display: table; height: 100%; width: 100%}
.slider-text-middle {display: table-cell; vertical-align: middle;}
.slider-typography {width: 100%; height: 100%; position: absolute; right: 0; left: 0;}
.slider-text-middle span {color: #fff; font-size: 18px; line-height: 23px; font-weight: 300;}
.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important;}
.opacity-extra-medium {position: absolute; height: 100%; width: 100%; opacity: 0.5; top:0; left: 0;}
.swiper-full-screen .white-bullets {bottom: 50px;}
.swiper-full-screen .white-bullets .swiper-pagination-bullet {background: transparent; width: 11px; height: 11px; opacity: 1; border: 2px solid #fff; outline: none;}
.swiper-full-screen .white-bullets .swiper-pagination-bullet-active {border: 2px solid #fff; background-color: #fff;}
.swiper-full-screen .swiper-button-prev, .swiper-full-screen .swiper-button-next {background-image: none;}
.swiper-full-screen .left-arrow .fa, .swiper-full-screen .right-arrow .fa {font-size: 30px;}
.swiper-full-screen .swiper-wrapper .swiper-slide {float: left;}
.slider-text-middle {padding-top: 108px;}
.left-logo {position: absolute; left: 30px;top: 145px;z-index: 9;}
.left-logo img:first-child { margin-right: 10px; }

/* navbar */
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: transparent; color: #008fd5;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color: transparent;}
.top-header-area {background: #000; padding: 9px 0 9px 0; font-size: 11px; position: fixed; top: 0; z-index: 10005; width: 100%; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; -ms-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s;}
.download-option a {transition-duration: 0.3s;transition-timing-function: ease-in-out; padding-top: 2px;}
.mini-header-left ul li {padding-right: 23px; list-style: none; float: left;}
.mini-header-left a:hover, .mini-header-left a:focus {opacity: 0.7; color: #fff; }
.top-header .navbar-nav > li {margin: 0 19px;}
.top-header .navbar-nav > li:last-child {margin-right: 0;}
.top-header .navbar {border: 0; margin-bottom: 0; padding: 0;}
.nav-header-container .right-menu > ul {float: right;}
.nav-header-container ul li {list-style: none; float: left; text-transform: uppercase;}
.top-header .navbar-nav>li>a {padding-top: 27px; padding-bottom: 26px; font-weight: 500; padding-right: 0; padding-left: 0;}
.dropdown:hover .dropdown-menu {display: block; margin-top: 0;}
.top-header .dropdown .dropdown-menu {min-width: 170px; border-radius: 0; border: none; box-shadow: 0px 2px 3px rgba(0,0,0, 0.1); -moz-box-shadow: 0px 2px 3px rgba(0,0,0, 0.1); -webkit-box-shadow: 0px 2px 3px rgba(0,0,0, 0.1); background: rgba(35,35,35,1); padding: 15px 0;}
.top-header .dropdown .dropdown-menu > li > a {color: #ededed; position: relative; transition-duration: 0.3s;transition-timing-function: ease-in-out; font-size: 12px; padding: 3px 20px;}
.top-header .dropdown .dropdown-menu > li:hover > a, .top-header .dropdown .dropdown-menu > li:focus > a {color: #c5c9cb; background: transparent;}
.top-header .dropdown .dropdown-menu > li > a i {position: absolute; right: 15px; top: 5px;}
.navbar ul li ul li {list-style: none; text-align: left; float: none; margin-bottom: 8px; position: relative}
.navbar ul li ul li:last-child {margin-bottom: 0;}
.navbar ul li ul li a {text-transform: uppercase; color: #000; font-weight: 400;}
.navbar ul li ul li a:hover {color: #008fd5;}
.navbar ul li:hover > ul {opacity: 1; visibility: visible;}
.navbar ul li ul li ul {left: 210px; top: 0;}
.top-header .dropdown > .dropdown-menu > .dropdown > .dropdown-menu {visibility: hidden; opacity: 0; margin-top: -15px;}
.top-header .dropdown > .dropdown-menu > .dropdown:hover > .dropdown-menu {visibility: visible; opacity: 1;}
.navbar-nav > li.dropdown > .fa {display: none;}

/* custom css */
.top-space {margin-top: 115px;}
.right-text-part {padding: 10px 15px 0 10px;}
.wpb_wrapper p {line-height: 16px; letter-spacing: 0.1px;}
.product-banner-img {background-size: cover; background-position: top left;}
iframe {border: 0;}
.page-title-large h1 {font-size: 46px; line-height: 49px;}
.last-paragraph-no-margin p:last-of-type {margin-bottom: 0;}
.material-details-left {float: left; width: 50%;}
.material-details-right {float: right; width: 50%;}
.quality-box ul li{list-style: none; line-height: normal; margin-bottom: 12px;}
.company-information-box ul {margin-left: 20px;}
.company-information-box ul li{list-style: none; position: relative; padding-left: 15px;}
.company-information-box ul li:before{content: ""; background: #979797; display: inline-block; position: absolute; width: 6px; height: 6px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; top: 8px; left: 0;}
.contact-section .overlay {opacity: 0.8;}
.contact-section .g-recaptcha > div { margin: 0 auto; }

/* loader */
.loader {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; position: absolute; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); content: ""; z-index: 1005; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.loader .slider-loader{background: #fff; border-radius: 5px; width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}
.loader-on .loader {opacity: 1; visibility: visible; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.loader img{max-width: 100px;}

/* product details page */
.product-details {position: absolute; bottom: 63px; left: 70px;}
.product-details ul li {list-style: none; line-height: 20px; position: relative;}
.series-box figure {border: 1px solid #e9e9e9; margin: 0 0 20px 0;}
.series-box .series-details ul li {width: 100%; padding: 0; list-style: none;}
.series-box .series-details ul li span {padding: 0 5px 0 3px;}
.product-details ul li .strate-line:after {content: ""; height: 15px; width: 2px; background-color: #fff; display: inline-block; position: relative; top: 3px;}
/*.series-box .grid-item figure img {transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}*/
.product-details-right {padding: 90px 0; width: 30%}
.product-details-right h4 {margin-bottom: 15px;}
.product-details-right p {margin-bottom: 25px;}
.product-details-right ul li {list-style: none; padding-left: 10px; position: relative;}
.product-details-right ul li:before {background: #939393; content: ""; width: 3px; height: 3px; display: inline-block; border-radius: 100%; top: 10px; left: 0; position: absolute;}

/* ===================================
  Magnific popup
====================================== */

.mfp-bg, .my-mfp-zoom-in.mfp-ready.mfp-bg, .my-mfp-slide-bottom.mfp-ready.mfp-bg {background: #000; opacity: 0.93;}
.mfp-bg, .mfp-wrap {z-index: 10007}
#popup-form {cursor:default;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color:#fff; background: transparent}
.mfp-iframe-scaler iframe {box-shadow: none;}

.mfp-close,.mfp-close:active {opacity: 1; background-color:transparent; color: #fff; right: 30px; top: 30px;}
.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active {right: 0; top: 0;}

.lightbox-gallery a {position: relative; display:block}
.lightbox-gallery .gallary-over-layer {position: absolute; top: 0; left:0;}

.mfp-arrow-right:after, .mfp-arrow-left:after {display: none}
.mfp-arrow-right:before {border-left: none; content: "\e628"; font-size: 2em; font-family: 'themify'; color: #fff;}
.mfp-arrow-left:before {border-right: none; content: "\e629"; font-size: 2em; font-family: 'themify'; color: #fff;}
.mfp-bottom-bar {margin-top: -24px; font-size: 12px}
.mfp-close {font-size: 36px; font-family: 'Montserrat', sans-serif; font-weight: 500}

@-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}

.mfp-figure {-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; -ms-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -ms-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; webkit-backface-visibility: hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;}

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0;}

/* dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}


/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}

/* fade move animation for second dialog */
.my-mfp-slide-bottom .zoom-anim-dialog {opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg);}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0);}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg);}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}


/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {opacity: 0;}

/* simple fade transition */
.mfp-fade.mfp-bg {opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.97;}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}

/* grid */
.show-grid [class^="col-"] {background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 15px; padding: 10px 0; text-align: center;}

/* message box */
.alert-dismissable .close, .alert-dismissible .close {top: 0}

/* footer */
footer {background: #000; float: left; width: 100%;}
footer ul li {line-height: normal; padding: 3px 0; list-style: none;}
footer ul li a {transition-duration: 0.3s;transition-timing-function: ease-in-out;}
footer ul li a:hover, footer ul li a:focus {color: #fff;}
.footer-bottom {border-top: 1px solid #1d1d1d;}
footer .footer-logo img {max-width: 127px;}
footer .contact-box {font-size: 12px;}
footer p span.Designed-text {padding-right: 8px;}
footer .footer-bottom-logo img {margin-top: -8px; height: 20px;}

.g-recaptcha { float: left; width: 100%; min-height: 78px;}