.themedev-image-box .nxadd-image-box.overlay-bg:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: transparent; opacity: .4; visibility: visible; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; z-index: 1; }

.themedev-image-box .nxadd-image-box.overlay-bg:hover:before { opacity: 0; visibility: hidden; z-index: 0; }

.themedev-image-box .nxadd-image-box.hover-border-bottom { position: relative; }

.themedev-image-box .nxadd-image-box.hover-border-bottom .nxadd-box-body:before { position: absolute; content: ""; bottom: -1px; left: 0; height: 3px; width: 100%; background-color: #009d97; -webkit-transition: -webkit-transform 250ms ease-in; transition: -webkit-transform 250ms ease-in; -o-transition: transform 250ms ease-in; transition: transform 250ms ease-in; transition: transform 250ms ease-in, -webkit-transform 250ms ease-in; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; }

.themedev-image-box .nxadd-image-box.hover-border-bottom:hover .nxadd-box-body:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; }

.themedev-image-box .nxadd-image-box.shadow-style:before { position: absolute; content: ""; bottom: -1px; left: 0; height: 3px; width: 100%; background-color: #009d97; -webkit-transition: -webkit-transform 250ms ease-in; transition: -webkit-transform 250ms ease-in; -o-transition: transform 250ms ease-in; transition: transform 250ms ease-in; transition: transform 250ms ease-in, -webkit-transform 250ms ease-in; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; }

.themedev-image-box .nxadd-image-box.shadow-style:hover:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; }

.themedev-image-box .nxadd-image-box.shadow-style .nxadd-box-body { position: relative; background-color: #ffffff; -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07); box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07); }

.themedev-image-box .nxadd-image-box.shadow-style .nxadd-box-body:before, .themedev-image-box .nxadd-image-box.shadow-style .nxadd-box-body:after { position: absolute; content: ''; left: 0; bottom: 0; height: 100%; background-color: #FFFFFF; width: 10px; -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07); box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07); }

.themedev-image-box .nxadd-image-box.shadow-style .nxadd-box-body:after { left: inherit; right: -1px; height: calc(100% + 40px); }

.themedev-image-box .nxadd-image-box.floating-style .nxadd-box-body { position: relative; padding: 30px 35px; height: 90px; width: calc(100% - 40px); border-radius: 10px; margin-top: -40px; margin-left: auto; margin-right: auto; -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07); box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07); -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.themedev-image-box .nxadd-image-box.floating-style .nxadd-box-body:before, .themedev-image-box .nxadd-image-box.floating-style .nxadd-box-body:after { content: ''; position: absolute; bottom: -10px; left: 50%; height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 20px); -webkit-box-shadow: -1.216px 6.894px 25px 0px rgba(0, 0, 0, 0.07); box-shadow: -1.216px 6.894px 25px 0px rgba(0, 0, 0, 0.07); background-color: #ffffff; z-index: -1; border-radius: 10px; opacity: 0; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.themedev-image-box .nxadd-image-box.floating-style .nxadd-box-body:after { bottom: -20px; width: calc(100% - 40px); z-index: -2; }

.themedev-image-box .nxadd-image-box.floating-style .nxadd-box-body .nxadd-image-box-title { font-weight: 700; }

.themedev-image-box .nxadd-image-box.floating-style .nxadd-box-body .nxadd-image-box-title .nx-icon { position: relative; font-size: 30px; padding-right: 14px; top: 4px; }

.themedev-image-box .nxadd-image-box.floating-style .nxadd-box-body .floating-content { opacity: 0; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; }

.themedev-image-box .nxadd-image-box.floating-style:hover .nxadd-box-body { height: 180px; }

.themedev-image-box .nxadd-image-box.floating-style:hover .nxadd-box-body:before, .themedev-image-box .nxadd-image-box.floating-style:hover .nxadd-box-body:after { opacity: 1; }

.themedev-image-box .nxadd-image-box.floating-style:hover .nxadd-box-body .floating-content { opacity: 1; }

.themedev-image-box .nxadd-image-box.sideline-style.shadow-style .nxadd-box-body:before, .themedev-image-box .nxadd-image-box.sideline-style.shadow-style .nxadd-box-body:after { content: unset; }

.themedev-image-box .nxadd-image-box.sideline-style .nxadd-box-body { padding-left: 0; padding-right: 0; background-color: #ffffff; -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07); box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07); }

.themedev-image-box .nxadd-image-box.sideline-style .nxadd-box-body .nxadd-body, .themedev-image-box .nxadd-image-box.sideline-style .nxadd-box-body .nxadd-button { padding-left: 40px; padding-right: 40px; }

.themedev-image-box .nxadd-image-box.sideline-style .nxadd-box-body .nxadd-body { border-left: 3px solid #009d97; }

.themedev-image-box .nxadd-image-box.image-card { -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07); box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07); position: relative; overflow: hidden; }

.themedev-image-box .nxadd-image-box.image-card:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.themedev-image-box .nxadd-image-box.image-card:after { position: absolute; content: ''; top: 20px; left: 20px; right: 20px; bottom: 20px; border: 3px solid #fff; opacity: .5; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.themedev-image-box .nxadd-image-box.image-card .nxadd-box-body { background-color: transparent; position: absolute; top: 70%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; z-index: 2; opacity: 0; border: unset; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.themedev-image-box .nxadd-image-box.image-card .nxadd-box-body .nxadd-image-box-title, .themedev-image-box .nxadd-image-box.image-card .nxadd-box-body .nxadd-des { color: #ffffff; }

.themedev-image-box .nxadd-image-box.image-card .nxadd-box-body .nxadd-button { display: block; margin-top: 20px; }

.themedev-image-box .nxadd-image-box.image-card .nxadd-box-body .nxadd-button .nxadd-btn { background-color: #009d97; color: #ffffff; }

.themedev-image-box .nxadd-image-box.image-card:hover:before { opacity: .8; }

.themedev-image-box .nxadd-image-box.image-card:hover:after { opacity: 1; }

.themedev-image-box .nxadd-image-box.image-card:hover .nxadd-box-body { opacity: 1; top: 50%; }

.themedev-image-box .nxadd-image-box .border-separetor { height: 3px; width: 30px; background-color: #000; display: inline-block; }

.themedev-image-box .nxadd-image-box.thumble-card { position: relative; overflow: hidden; }

.themedev-image-box .nxadd-image-box.thumble-card .nxadd-box-body, .themedev-image-box .nxadd-image-box.thumble-card .thumble-hover-content { position: absolute; bottom: 0px; left: 0px; padding: 45px 40px; background-color: rgba(0, 228, 154, 0.8); width: 100%; border: unset; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.themedev-image-box .nxadd-image-box.thumble-card .thumble-hover-content { opacity: 0; bottom: -40%; visibility: hidden; }

.themedev-image-box .nxadd-image-box.thumble-card .nxadd-image-box-title { color: #fff; margin-bottom: 0px; font-size: 20px; display: block; }

.themedev-image-box .nxadd-image-box.thumble-card .nxadd-image-box-title .nx-icon { font-size: 18px; padding-right: 10px; top: 0px; }

.themedev-image-box .nxadd-image-box.thumble-card .nxadd-des { color: #ffffff; }

.themedev-image-box .nxadd-image-box.thumble-card .border-separetor { background-color: #ffffff; display: block; }

.themedev-image-box .nxadd-image-box.thumble-card:hover .nxadd-box-body { opacity: 0; bottom: -40px; visibility: hidden; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.themedev-image-box .nxadd-image-box.thumble-card:hover .thumble-hover-content { opacity: 1; bottom: 0px; visibility: visible; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.themedev-image-box .nxadd-image-box.thumble-card:hover .thumble-hover-content .nxadd-image-box-title { margin-bottom: 20px; }

.themedev-image-box .nxadd-image-box.colorfull { -webkit-box-shadow: unset; box-shadow: unset; }

.themedev-image-box .nxadd-image-box.colorfull:before { content: unset; }

.themedev-image-box .nxadd-image-box.colorfull:after { border: 0px; background-color: #009d97; opacity: .9; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 350ms ease; transition: -webkit-transform 350ms ease; -o-transition: transform 350ms ease; transition: transform 350ms ease; transition: transform 350ms ease, -webkit-transform 350ms ease; transition: transform 350ms ease, -webkit-transform 350ms easeall; -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; }

.themedev-image-box .nxadd-image-box.colorfull .nxadd-box-body { padding: 50px; }

.themedev-image-box .nxadd-image-box.colorfull .nxadd-box-body .nxadd-image-box-title > .nx-icon { font-size: inherit; top: 0px; padding-right: 14px; }

.themedev-image-box .nxadd-image-box.colorfull .nxadd-box-body .border-separetor { background-color: #ffffff; }

.themedev-image-box .nxadd-image-box.colorfull .nxadd-box-body .nxadd-button .nxadd-btn { background-color: #ffffff; color: #009d97; border-color: #ffffff; }

.themedev-image-box .nxadd-image-box.colorfull:hover:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; }

.themedev-image-box .nxadd-image-box.goliath-style { position: relative; }

.themedev-image-box .nxadd-image-box.goliath-style .nxadd-box-body { padding: 40px; -webkit-box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07); box-shadow: -1.216px 6.894px 15px 0px rgba(0, 0, 0, 0.07); -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.themedev-image-box .nxadd-image-box.goliath-style .nxadd-box-body .nxadd-image-box-title { margin-bottom: 0; }

.themedev-image-box .nxadd-image-box.goliath-style .nxadd-box-body .nxadd-image-box-title > .nx-icon { font-size: inherit; top: 0px; padding-right: 14px; }

.themedev-image-box .nxadd-image-box.goliath-style .nxadd-box-body .nxadd-des { margin-top: 10px; }

.themedev-image-box .nxadd-image-box.goliath-style .nxadd-box-body .nxadd-button { opacity: 0; visibility: hidden; margin-bottom: -60px; margin-top: 20px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.themedev-image-box .nxadd-image-box.goliath-style .nxadd-box-body .nxadd-button .nxadd-btn { background-color: #009d97; color: #ffffff; border-color: #009d97; }

.themedev-image-box .nxadd-image-box.goliath-style:hover .nxadd-box-body { -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); }

.themedev-image-box .nxadd-image-box.goliath-style:hover .nxadd-box-body .nxadd-button { opacity: 1; visibility: visible; margin-bottom: 0; }