body { overflow-x: hidden; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 17px; font-weight: 500; font-family: 'Raleway', sans-serif; }
body, html { min-height: 100%; }
a, :before, :after, .btn { -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear; }
::selection { color: #fff; background: rgba(0,31,47,0.70); }
a:focus, a:hover { text-decoration: none; outline: none; }
.btn.focus, .btn:focus { box-shadow: none; border: none; outline: none; }
ul, li { margin: 0; padding: 0; list-style-type: none;/*list-style: none;*/ }
h1, h2, h3, h4, h5, h6 { margin: 0; padding-right: 0; }
textarea { resize: none; }
p { font-size: 17px; font-weight: 500; color: #858592; font-family: 'Raleway', sans-serif; text-align: justify; line-height: 26px; margin-bottom: 12px; }
/*font-family: 'Oswald', sans-serif;*/
.padl122 { padding-left: 122px; }
.bg-1 { background-color: #F7F7F9 !important; }
.bg-2 { background: #fff !important; }
.mb-30 { margin-bottom: 30px; }
.welcome_content h1.heading, .main-heading h2.heading { font-family: 'Oswald', sans-serif; font-weight: 700; color: #002437; font-size: 42px; margin-bottom: 25px; text-align: left; position: relative; z-index: 1; text-transform: uppercase; }
.welcome_content h1::first-letter, .main-heading h2.heading::first-letter { color: #002437; font-size: 40px; padding: 0px 12px; margin-bottom: 25px; margin-right: 5px; }
.welcome_content.animated h1::first-letter, .main-heading.animated h2.heading::first-letter { color: #fff !important; }
.welcome_content h1.heading::after, .main-heading h2.heading::after { position: absolute; content: ''; top: 0; left: 0; color: #fff; background: rgb(72, 138, 100); width: 48px; height: 0px; z-index: -1; -webkit-transition: all 900ms linear; transition: all 900ms linear; }
.welcome_content.animated h1.heading::after, .main-heading.animated h2.heading::after { height: 52px; }
/*sidebar*/
.sidebar_social { transform: rotate(0deg); position: absolute; left: 0; top: 0; height: 100%; width: 122px; z-index: 1111; top: 300px; background: transparent; padding: 0 13px; }
.side_box1, .side_box { margin: 55px 0; display: inline-block; text-align: center; }
.side_box { margin: 20px 0; display: block; }
.side_box_text1 { margin-top: -20px; }
.side_box_text { margin-bottom: 5rem !important; }
.sidebar_social p { font-family: 'Oswald', sans-serif !important; font-weight: 600; font-size: 17px; color: #002437; margin: 0; letter-spacing: 0.3px; transform: rotate(-90deg); display: block; white-space: nowrap; width: 100%; margin: 50px 0; }
.sidebar_social ul li { list-style-type: none; padding: 0px 0px; position: relative; margin: 3px 5px; }
.sidebar_social ul li a i { width: 52px; font-size: 18px; height: 52px; line-height: 52px; letter-spacing: 0.3px; color: #ffffff; text-align: center; }
/* Sweep To Right */
.sidebar_social ul li a { display: inline-block; background: #488A64; position: relative; overflow: hidden; z-index: 1; }
.sidebar_social ul li a:before { content: ''; position: absolute; width: 0; height: 100%; bottom: 0; left: 100%; background: rgba(0,31,47,1); z-index: -1; transition: inherit; -webkit-transition: inherit; }
.sidebar_social ul li a:hover i { color: #fff; }
.sidebar_social ul li a:hover:before { width: 100%; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transition: width .6s cubic-bezier(.85, 0, .15, 1); -webkit-transition: width .6s cubic-bezier(.85, 0, .15, 1); }
/*header*/
header { position: relative; background: #fff; }
header .navbar.navbar-expand-xl.navbar-light { padding: 0; }
header .navbar-brand { padding-bottom: 0; }
header .navbar-brand img { width: 256px; max-width: 100%; }
header .navbar.navbar-expand-xl.navbar-light .navbar-nav .nav-item .nav-link { font-weight: 600; color: #002437; font-size: 17px; text-transform: uppercase; padding: 10px 30px; font-family: 'Oswald', sans-serif !important; letter-spacing: 0.25px; position: relative; transition: all 0.9s; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; }
header .navbar.navbar-expand-xl.navbar-light .navbar-nav .nav-item .nav-link:hover { color: #002437; }
header .navbar.navbar-expand-xl.navbar-light .navbar-nav.fill .nav-item .nav-link::after { position: absolute; bottom: 0; left: 0; right: 0; width: 0%; content: '.'; color: transparent; background: #aaa; height: 1px; text-align: left; content: '.'; margin: 0; opacity: 0; }
header .navbar.navbar-expand-xl.navbar-light .navbar-nav.fill .nav-item .nav-link:hover { color: #fff; z-index: 1; }
header .navbar.navbar-expand-xl.navbar-light .navbar-nav.fill .nav-item .nav-link.active { color: #fff; z-index: 1; background: #488A64; }
header .navbar.navbar-expand-xl.navbar-light .navbar-nav.fill .nav-item .nav-link:hover::after { z-index: -10; animation: fill 0.6s forwards; -webkit-animation: fill 0.6s forwards; -moz-animation: fill 0.6s forwards; opacity: 1; }
/* Keyframes */
@-webkit-keyframes fill { 0% {
	width: 0%;
	height: 1px;
}
50% {
	width: 100%;
	height: 1px;
}
100% {
	width: 100%;
	height: 100%;
	background: #488A64;
}
}
header .inquiry_btn .nav-link { font-family: 'Oswald', sans-serif; font-weight: 600; color: #fff; letter-spacing: 0.5px; font-size: 17px; text-transform: uppercase; padding: 49px 75px; background: #488A64; position: relative; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; z-index: 1; }
header .inquiry_btn .nav-link i { display: none; }
header .inquiry_btn .nav-link:hover { background: rgba(0,31,47,1); }
/*banner_scssn */
.banner_scssn { position: relative; background: #fff !important; }
.banner_scssn .nivoSlider img { height: 100%!important; }
.banner_scssn .nivo-directionNav { position: absolute; bottom: 60px; z-index: 8; right: 12.5%; }
.banner_scssn .nivo-directionNav a { position: relative; top: 0; z-index: 99; cursor: pointer; width: 52px; height: 52px; margin: 0; padding: 0; text-align: center; display: inline-block; line-height: 50px; background: #ffffff; color: #002437; border: 1px solid #ffffff; font-size: 30px; }
.banner_scssn .nivo-directionNav a.nivo-nextNav { background: rgb(72, 138, 100); color: #ffffff; top: -52px; border-color: rgb(72, 138, 100); }
/*.nivo-directionNav a i { width: 50px; font-size: 30px; line-height: 50px; }*/
.banner_scssn .nivo-directionNav a.nivo-nextNav:hover { background: rgba(72, 138, 100, 0.1); color: #ffffff; border-color: rgba(255, 255, 255, 0.1); }
.banner_scssn .nivo-directionNav a:hover { background: rgba(255, 255, 255, 0.1); color: #ffffff; border-color: rgba(255, 255, 255, 0.1); }
.banner-content.slider-1 { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; }
.banner_scssn .nivo-caption .text-content-wrapper .text-content { padding: 0 60px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; }
.banner_scssn .nivo-caption .text-content-wrapper .text-content .title1 { font-family: 'Raleway', sans-serif; font-size: 32px; color: #ffffff; font-weight: 400; margin-bottom: 15px; }
.banner_scssn .nivo-caption .text-content-wrapper .text-content .title1 strong { font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 65px; color: #ffffff; margin-bottom: -10px; display: block; }
.banner_scssn .nivo-caption .text-content-wrapper .text-content p.sub-title { font-family: 'Raleway', sans-serif; font-size: 17px; color: rgba(255, 255, 255, 0.6); font-weight: 400; letter-spacing: 0.3px; }
.banner_scssn .nivo-caption .text-content-wrapper .slide_img img { height: auto !important; position: relative; }
/*.welcome_scssn*/
.welcome_scssn { background: #fff; z-index: 1; }
.welcome_img { padding: 0 0 0 6.5rem; }
.welcome_scssn a.readmore { display: inline-block; position: relative; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 17px; text-transform: capitalize; margin: 25px 0 0 0; line-height: 17px; color: #488A64; padding: 15px 0; }
.welcome_scssn a.readmore::after { position: absolute; content: '\f101'; font-size: 17px; color: #488A64; font-family: FontAwesome; font-weight: 600; top: 15px; right: 0px; overflow: hidden; opacity: 0; transition: 0.6s all; -webkit-transition: 0.6s all; -moz-transition: 0.6s all; -o-transition: 0.6s all; -ms-transition: 0.6s all; }
.welcome_scssn a.readmore:hover::after { opacity: 1; right: -15px; }
/*services*/
.services { position: relative; z-index: 1; }
.services .service_content { position: relative; display: table; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;  /*-webkit-box-shadow: 0 0 48px 8px rgba(0,0,0,0.08); box-shadow: 0 0 48px 8px rgba(0,0,0,0.08);*/ z-index: 1; }
.services .service_content img { overflow: hidden; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.services .service_content:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
.services .service_content:hover .explore-all img { transform: scale(1.08); }
.services .service_content .logo-design, .services .service_content .brouchur-design, .services .service_content .stationary-design, .services .service_content .flyers-design, .services .service_content .packing-design, .services .service_content .catalogue-design, .services .service_content .explore-all { display: block; overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-box-shadow: 0 8px 48px 0px rgba(0,0,0,0.08); box-shadow: 0 8px 48px 0px rgba(0,0,0,0.08); }
.services .service_content:hover .logo-design, .services .service_content:hover .brouchur-design, .services .service_content:hover .stationary-design, .services .service_content:hover .flyers-design, .services .service_content:hover .packing-design, .services .service_content:hover .catalogue-design, .services .service_content:hover .explore-all { box-shadow: 0 12px 32px 0px rgba(0,0,0,0.24); -moz-box-shadow: 0 12px 32px 0px rgba(0,0,0,0.24); -webkit-box-shadow: 0 12px 32px 0px rgba(0,0,0,0.24); overflow: hidden; }
.services .service_content .logo-design::before { position: absolute; content: ''; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 1; background: rgba(255,128,0,1); background: -moz-linear-gradient(45deg, rgba(255,128,0,1) 0%, rgba(255,128,0,1) 2%, rgba(252,130,8,0.06) 51%, rgba(255,128,0,0.04) 52%, rgba(255,128,0,0) 54%, rgba(255,128,0,0) 56%, rgba(255,128,0,0) 65%, rgba(255,128,0,0) 68%, rgba(161,161,161,0) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,128,0,1)), color-stop(2%, rgba(255,128,0,1)), color-stop(51%, rgba(252,130,8,0.06)), color-stop(52%, rgba(255,128,0,0.04)), color-stop(54%, rgba(255,128,0,0)), color-stop(56%, rgba(255,128,0,0)), color-stop(65%, rgba(255,128,0,0)), color-stop(68%, rgba(255,128,0,0)), color-stop(100%, rgba(161,161,161,0))); background: -webkit-linear-gradient(45deg, rgba(255,128,0,1) 0%, rgba(255,128,0,1) 2%, rgba(252,130,8,0.06) 51%, rgba(255,128,0,0.04) 52%, rgba(255,128,0,0) 54%, rgba(255,128,0,0) 56%, rgba(255,128,0,0) 65%, rgba(255,128,0,0) 68%, rgba(161,161,161,0) 100%); background: -o-linear-gradient(45deg, rgba(255,128,0,1) 0%, rgba(255,128,0,1) 2%, rgba(252,130,8,0.06) 51%, rgba(255,128,0,0.04) 52%, rgba(255,128,0,0) 54%, rgba(255,128,0,0) 56%, rgba(255,128,0,0) 65%, rgba(255,128,0,0) 68%, rgba(161,161,161,0) 100%); background: -ms-linear-gradient(45deg, rgba(255,128,0,1) 0%, rgba(255,128,0,1) 2%, rgba(252,130,8,0.06) 51%, rgba(255,128,0,0.04) 52%, rgba(255,128,0,0) 54%, rgba(255,128,0,0) 56%, rgba(255,128,0,0) 65%, rgba(255,128,0,0) 68%, rgba(161,161,161,0) 100%); background: linear-gradient(45deg, rgba(255,128,0,1) 0%, rgba(255,128,0,1) 2%, rgba(252,130,8,0.06) 51%, rgba(255,128,0,0.04) 52%, rgba(255,128,0,0) 54%, rgba(255,128,0,0) 56%, rgba(255,128,0,0) 65%, rgba(255,128,0,0) 68%, rgba(161,161,161,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8000', endColorstr='#a1a1a1', GradientType=1 );
-webkit-transition: all .5s ease-in .1s; -moz-transition: all .5s ease-in .1s; -ms-transition: all .5s ease-in .1s; -o-transition: all .5s ease-in .1s; transition: all .5s ease-in .1s; }
.services .service_content .logo-design::after { position: absolute; content: ''; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 1; opacity: 0; visibility: hidden; background: rgba(255,127,0,1); background: -moz-linear-gradient(45deg, rgba(255,127,0,1) 0%, rgba(255,127,0,1) 8%, rgba(255,127,0,0) 61%, rgba(255,127,0,0) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,127,0,1)), color-stop(8%, rgba(255,127,0,1)), color-stop(61%, rgba(255,127,0,0)), color-stop(100%, rgba(255,127,0,0))); background: -webkit-linear-gradient(45deg, rgba(255,127,0,1) 0%, rgba(255,127,0,1) 8%, rgba(255,127,0,0) 61%, rgba(255,127,0,0) 100%); background: -o-linear-gradient(45deg, rgba(255,127,0,1) 0%, rgba(255,127,0,1) 8%, rgba(255,127,0,0) 61%, rgba(255,127,0,0) 100%); background: -ms-linear-gradient(45deg, rgba(255,127,0,1) 0%, rgba(255,127,0,1) 8%, rgba(255,127,0,0) 61%, rgba(255,127,0,0) 100%); background: linear-gradient(45deg, rgba(255,127,0,1) 0%, rgba(255,127,0,1) 8%, rgba(255,127,0,0) 61%, rgba(255,127,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f00', endColorstr='#ff7f00', GradientType=1 );
-webkit-transition: all .5s ease-in .1s; -moz-transition: all .5s ease-in .1s; -ms-transition: all .5s ease-in .1s; -o-transition: all .5s ease-in .1s; transition: all .5s ease-in .1s; }
.services .service_content .brouchur-design::before { position: absolute; content: ''; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 1; background: rgba(122,77,255,1); background: -moz-linear-gradient(45deg, rgba(122,77,255,1) 0%, rgba(122,77,255,1) 6%, rgba(122,77,255,0.52) 32%, rgba(122,77,255,0.17) 51%, rgba(122,77,255,0) 60%, rgba(122,77,255,0) 71%, rgba(150,115,255,0) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(122,77,255,1)), color-stop(6%, rgba(122,77,255,1)), color-stop(32%, rgba(122,77,255,0.52)), color-stop(51%, rgba(122,77,255,0.17)), color-stop(60%, rgba(122,77,255,0)), color-stop(71%, rgba(122,77,255,0)), color-stop(100%, rgba(150,115,255,0))); background: -webkit-linear-gradient(45deg, rgba(122,77,255,1) 0%, rgba(122,77,255,1) 6%, rgba(122,77,255,0.52) 32%, rgba(122,77,255,0.17) 51%, rgba(122,77,255,0) 60%, rgba(122,77,255,0) 71%, rgba(150,115,255,0) 100%); background: -o-linear-gradient(45deg, rgba(122,77,255,1) 0%, rgba(122,77,255,1) 6%, rgba(122,77,255,0.52) 32%, rgba(122,77,255,0.17) 51%, rgba(122,77,255,0) 60%, rgba(122,77,255,0) 71%, rgba(150,115,255,0) 100%); background: -ms-linear-gradient(45deg, rgba(122,77,255,1) 0%, rgba(122,77,255,1) 6%, rgba(122,77,255,0.52) 32%, rgba(122,77,255,0.17) 51%, rgba(122,77,255,0) 60%, rgba(122,77,255,0) 71%, rgba(150,115,255,0) 100%); background: linear-gradient(45deg, rgba(122,77,255,1) 0%, rgba(122,77,255,1) 6%, rgba(122,77,255,0.52) 32%, rgba(122,77,255,0.17) 51%, rgba(122,77,255,0) 60%, rgba(122,77,255,0) 71%, rgba(150,115,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a4dff', endColorstr='#9673ff', GradientType=1 );
-webkit-transition: all .5s ease-in .1s; -moz-transition: all .5s ease-in .1s; -ms-transition: all .5s ease-in .1s; -o-transition: all .5s ease-in .1s; transition: all .5s ease-in .1s; }
.services .service_content .brouchur-design::after { position: absolute; content: ''; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 1; opacity: 0; visibility: hidden; background: rgba(122,77,255,1); background: -moz-linear-gradient(45deg, rgba(122,77,255,1) 0%, rgba(122,77,255,1) 15%, rgba(122,77,255,0.15) 65%, rgba(122,77,255,0) 74%, rgba(122,77,255,0) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(122,77,255,1)), color-stop(15%, rgba(122,77,255,1)), color-stop(65%, rgba(122,77,255,0.15)), color-stop(74%, rgba(122,77,255,0)), color-stop(100%, rgba(122,77,255,0))); background: -webkit-linear-gradient(45deg, rgba(122,77,255,1) 0%, rgba(122,77,255,1) 15%, rgba(122,77,255,0.15) 65%, rgba(122,77,255,0) 74%, rgba(122,77,255,0) 100%); background: -o-linear-gradient(45deg, rgba(122,77,255,1) 0%, rgba(122,77,255,1) 15%, rgba(122,77,255,0.15) 65%, rgba(122,77,255,0) 74%, rgba(122,77,255,0) 100%); background: -ms-linear-gradient(45deg, rgba(122,77,255,1) 0%, rgba(122,77,255,1) 15%, rgba(122,77,255,0.15) 65%, rgba(122,77,255,0) 74%, rgba(122,77,255,0) 100%); background: linear-gradient(45deg, rgba(122,77,255,1) 0%, rgba(122,77,255,1) 15%, rgba(122,77,255,0.15) 65%, rgba(122,77,255,0) 74%, rgba(122,77,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a4dff', endColorstr='#7a4dff', GradientType=1 );
-webkit-transition: all .5s ease-in .1s; -moz-transition: all .5s ease-in .1s; -ms-transition: all .5s ease-in .1s; -o-transition: all .5s ease-in .1s; transition: all .5s ease-in .1s; }
.services .service_content .stationary-design::before { position: absolute; content: ''; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 1; background: rgba(1,176,143,1); background: -moz-linear-gradient(45deg, rgba(1,176,143,1) 0%, rgba(1,176,143,1) 6%, rgba(1,176,143,0.52) 32%, rgba(1,176,143,0.17) 51%, rgba(1,176,143,0) 60%, rgba(1,176,143,0) 71%, rgba(1,176,143,0) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(1,176,143,1)), color-stop(6%, rgba(1,176,143,1)), color-stop(32%, rgba(1,176,143,0.52)), color-stop(51%, rgba(1,176,143,0.17)), color-stop(60%, rgba(1,176,143,0)), color-stop(71%, rgba(1,176,143,0)), color-stop(100%, rgba(1,176,143,0))); background: -webkit-linear-gradient(45deg, rgba(1,176,143,1) 0%, rgba(1,176,143,1) 6%, rgba(1,176,143,0.52) 32%, rgba(1,176,143,0.17) 51%, rgba(1,176,143,0) 60%, rgba(1,176,143,0) 71%, rgba(1,176,143,0) 100%); background: -o-linear-gradient(45deg, rgba(1,176,143,1) 0%, rgba(1,176,143,1) 6%, rgba(1,176,143,0.52) 32%, rgba(1,176,143,0.17) 51%, rgba(1,176,143,0) 60%, rgba(1,176,143,0) 71%, rgba(1,176,143,0) 100%); background: -ms-linear-gradient(45deg, rgba(1,176,143,1) 0%, rgba(1,176,143,1) 6%, rgba(1,176,143,0.52) 32%, rgba(1,176,143,0.17) 51%, rgba(1,176,143,0) 60%, rgba(1,176,143,0) 71%, rgba(1,176,143,0) 100%); background: linear-gradient(45deg, rgba(1,176,143,1) 0%, rgba(1,176,143,1) 6%, rgba(1,176,143,0.52) 32%, rgba(1,176,143,0.17) 51%, rgba(1,176,143,0) 60%, rgba(1,176,143,0) 71%, rgba(1,176,143,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b08f', endColorstr='#01b08f', GradientType=1 );
-webkit-transition: all .5s ease-in .1s; -moz-transition: all .5s ease-in .1s; -ms-transition: all .5s ease-in .1s; -o-transition: all .5s ease-in .1s; transition: all .5s ease-in .1s; }
.services .service_content .stationary-design::after { position: absolute; content: ''; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 1; opacity: 0; visibility: hidden; background: rgba(1,176,143,1); background: -moz-linear-gradient(45deg, rgba(1,176,143,1) 0%, rgba(1,176,143,1) 15%, rgba(1,176,143,0.15) 65%, rgba(1,176,143,0) 74%, rgba(1,176,143,0) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(1,176,143,1)), color-stop(15%, rgba(1,176,143,1)), color-stop(65%, rgba(1,176,143,0.15)), color-stop(74%, rgba(1,176,143,0)), color-stop(100%, rgba(1,176,143,0))); background: -webkit-linear-gradient(45deg, rgba(1,176,143,1) 0%, rgba(1,176,143,1) 15%, rgba(1,176,143,0.15) 65%, rgba(1,176,143,0) 74%, rgba(1,176,143,0) 100%); background: -o-linear-gradient(45deg, rgba(1,176,143,1) 0%, rgba(1,176,143,1) 15%, rgba(1,176,143,0.15) 65%, rgba(1,176,143,0) 74%, rgba(1,176,143,0) 100%); background: -ms-linear-gradient(45deg, rgba(1,176,143,1) 0%, rgba(1,176,143,1) 15%, rgba(1,176,143,0.15) 65%, rgba(1,176,143,0) 74%, rgba(1,176,143,0) 100%); background: linear-gradient(45deg, rgba(1,176,143,1) 0%, rgba(1,176,143,1) 15%, rgba(1,176,143,0.15) 65%, rgba(1,176,143,0) 74%, rgba(1,176,143,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b08f', endColorstr='#01b08f', GradientType=1 );
-webkit-transition: all .5s ease-in .1s; -moz-transition: all .5s ease-in .1s; -ms-transition: all .5s ease-in .1s; -o-transition: all .5s ease-in .1s; transition: all .5s ease-in .1s; }
.services .service_content .flyers-design::before { position: absolute; content: ''; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 1; background: rgba(190,30,72,1); background: -moz-linear-gradient(45deg, rgba(190,30,72,1) 0%, rgba(190,30,72,1) 4%, rgba(190,30,72,0.64) 25%, rgba(190,30,72,0.47) 35%, rgba(190,30,72,0.2) 51%, rgba(190,30,72,0) 63%, rgba(190,30,72,0) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(190,30,72,1)), color-stop(4%, rgba(190,30,72,1)), color-stop(25%, rgba(190,30,72,0.64)), color-stop(35%, rgba(190,30,72,0.47)), color-stop(51%, rgba(190,30,72,0.2)), color-stop(63%, rgba(190,30,72,0)), color-stop(100%, rgba(190,30,72,0))); background: -webkit-linear-gradient(45deg, rgba(190,30,72,1) 0%, rgba(190,30,72,1) 4%, rgba(190,30,72,0.64) 25%, rgba(190,30,72,0.47) 35%, rgba(190,30,72,0.2) 51%, rgba(190,30,72,0) 63%, rgba(190,30,72,0) 100%); background: -o-linear-gradient(45deg, rgba(190,30,72,1) 0%, rgba(190,30,72,1) 4%, rgba(190,30,72,0.64) 25%, rgba(190,30,72,0.47) 35%, rgba(190,30,72,0.2) 51%, rgba(190,30,72,0) 63%, rgba(190,30,72,0) 100%); background: -ms-linear-gradient(45deg, rgba(190,30,72,1) 0%, rgba(190,30,72,1) 4%, rgba(190,30,72,0.64) 25%, rgba(190,30,72,0.47) 35%, rgba(190,30,72,0.2) 51%, rgba(190,30,72,0) 63%, rgba(190,30,72,0) 100%); background: linear-gradient(45deg, rgba(190,30,72,1) 0%, rgba(190,30,72,1) 4%, rgba(190,30,72,0.64) 25%, rgba(190,30,72,0.47) 35%, rgba(190,30,72,0.2) 51%, rgba(190,30,72,0) 63%, rgba(190,30,72,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be1e48', endColorstr='#be1e48', GradientType=1 );
-webkit-transition: all .5s ease-in .1s; -moz-transition: all .5s ease-in .1s; -ms-transition: all .5s ease-in .1s; -o-transition: all .5s ease-in .1s; transition: all .5s ease-in .1s; }
.services .service_content .flyers-design::after { position: absolute; content: ''; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 1; opacity: 0; visibility: hidden; background: rgba(189,30,73,1); background: -moz-linear-gradient(45deg, rgba(189,30,73,1) 0%, rgba(189,30,73,1) 15%, rgba(189,30,73,0.25) 60%, rgba(189,30,73,0) 75%, rgba(189,30,73,0) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(189,30,73,1)), color-stop(15%, rgba(189,30,73,1)), color-stop(60%, rgba(189,30,73,0.25)), color-stop(75%, rgba(189,30,73,0)), color-stop(100%, rgba(189,30,73,0))); background: -webkit-linear-gradient(45deg, rgba(189,30,73,1) 0%, rgba(189,30,73,1) 15%, rgba(189,30,73,0.25) 60%, rgba(189,30,73,0) 75%, rgba(189,30,73,0) 100%); background: -o-linear-gradient(45deg, rgba(189,30,73,1) 0%, rgba(189,30,73,1) 15%, rgba(189,30,73,0.25) 60%, rgba(189,30,73,0) 75%, rgba(189,30,73,0) 100%); background: -ms-linear-gradient(45deg, rgba(189,30,73,1) 0%, rgba(189,30,73,1) 15%, rgba(189,30,73,0.25) 60%, rgba(189,30,73,0) 75%, rgba(189,30,73,0) 100%); background: linear-gradient(45deg, rgba(189,30,73,1) 0%, rgba(189,30,73,1) 15%, rgba(189,30,73,0.25) 60%, rgba(189,30,73,0) 75%, rgba(189,30,73,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd1e49', endColorstr='#bd1e49', GradientType=1 );
-webkit-transition: all .5s ease-in .1s; -moz-transition: all .5s ease-in .1s; -ms-transition: all .5s ease-in .1s; -o-transition: all .5s ease-in .1s; transition: all .5s ease-in .1s; }
.services .service_content .packing-design::before { position: absolute; content: ''; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 1; background: rgba(253,212,0,1); background: -moz-linear-gradient(45deg, rgba(253,212,0,1) 0%, rgba(253,212,0,1) 4%, rgba(253,212,0,0.64) 25%, rgba(253,212,0,0.47) 35%, rgba(253,212,0,0.2) 51%, rgba(253,212,0,0) 63%, rgba(253,212,0,0) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(253,212,0,1)), color-stop(4%, rgba(253,212,0,1)), color-stop(25%, rgba(253,212,0,0.64)), color-stop(35%, rgba(253,212,0,0.47)), color-stop(51%, rgba(253,212,0,0.2)), color-stop(63%, rgba(253,212,0,0)), color-stop(100%, rgba(253,212,0,0))); background: -webkit-linear-gradient(45deg, rgba(253,212,0,1) 0%, rgba(253,212,0,1) 4%, rgba(253,212,0,0.64) 25%, rgba(253,212,0,0.47) 35%, rgba(253,212,0,0.2) 51%, rgba(253,212,0,0) 63%, rgba(253,212,0,0) 100%); background: -o-linear-gradient(45deg, rgba(253,212,0,1) 0%, rgba(253,212,0,1) 4%, rgba(253,212,0,0.64) 25%, rgba(253,212,0,0.47) 35%, rgba(253,212,0,0.2) 51%, rgba(253,212,0,0) 63%, rgba(253,212,0,0) 100%); background: -ms-linear-gradient(45deg, rgba(253,212,0,1) 0%, rgba(253,212,0,1) 4%, rgba(253,212,0,0.64) 25%, rgba(253,212,0,0.47) 35%, rgba(253,212,0,0.2) 51%, rgba(253,212,0,0) 63%, rgba(253,212,0,0) 100%); background: linear-gradient(45deg, rgba(253,212,0,1) 0%, rgba(253,212,0,1) 4%, rgba(253,212,0,0.64) 25%, rgba(253,212,0,0.47) 35%, rgba(253,212,0,0.2) 51%, rgba(253,212,0,0) 63%, rgba(253,212,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd400', endColorstr='#fdd400', GradientType=1 );
-webkit-transition: all .5s ease-in .1s; -moz-transition: all .5s ease-in .1s; -ms-transition: all .5s ease-in .1s; -o-transition: all .5s ease-in .1s; transition: all .5s ease-in .1s; }
.services .service_content .packing-design::after { position: absolute; content: ''; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 1; opacity: 0; visibility: hidden; background: rgba(253,212,0,1); background: -moz-linear-gradient(45deg, rgba(253,212,0,1) 0%, rgba(253,212,0,1) 15%, rgba(253,212,0,0.25) 60%, rgba(253,212,0,0) 75%, rgba(253,212,0,0) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(253,212,0,1)), color-stop(15%, rgba(253,212,0,1)), color-stop(60%, rgba(253,212,0,0.25)), color-stop(75%, rgba(253,212,0,0)), color-stop(100%, rgba(253,212,0,0))); background: -webkit-linear-gradient(45deg, rgba(253,212,0,1) 0%, rgba(253,212,0,1) 15%, rgba(253,212,0,0.25) 60%, rgba(253,212,0,0) 75%, rgba(253,212,0,0) 100%); background: -o-linear-gradient(45deg, rgba(253,212,0,1) 0%, rgba(253,212,0,1) 15%, rgba(253,212,0,0.25) 60%, rgba(253,212,0,0) 75%, rgba(253,212,0,0) 100%); background: -ms-linear-gradient(45deg, rgba(253,212,0,1) 0%, rgba(253,212,0,1) 15%, rgba(253,212,0,0.25) 60%, rgba(253,212,0,0) 75%, rgba(253,212,0,0) 100%); background: linear-gradient(45deg, rgba(253,212,0,1) 0%, rgba(253,212,0,1) 15%, rgba(253,212,0,0.25) 60%, rgba(253,212,0,0) 75%, rgba(253,212,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd400', endColorstr='#fdd400', GradientType=1 );
-webkit-transition: all .5s ease-in .1s; -moz-transition: all .5s ease-in .1s; -ms-transition: all .5s ease-in .1s; -o-transition: all .5s ease-in .1s; transition: all .5s ease-in .1s; }
.services .service_content .catalogue-design::before { position: absolute; content: ''; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 1; background: rgba(0,92,135,1); background: -moz-linear-gradient(45deg, rgba(0,92,135,1) 0%, rgba(0,92,135,1) 2%, rgba(0,92,135,0.6) 25%, rgba(0,92,135,0.43) 35%, rgba(0,92,135,0.16) 51%, rgba(0,92,135,0) 60%, rgba(0,92,135,0) 90%, rgba(0,92,135,0) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,92,135,1)), color-stop(2%, rgba(0,92,135,1)), color-stop(25%, rgba(0,92,135,0.6)), color-stop(35%, rgba(0,92,135,0.43)), color-stop(51%, rgba(0,92,135,0.16)), color-stop(60%, rgba(0,92,135,0)), color-stop(90%, rgba(0,92,135,0)), color-stop(100%, rgba(0,92,135,0))); background: -webkit-linear-gradient(45deg, rgba(0,92,135,1) 0%, rgba(0,92,135,1) 2%, rgba(0,92,135,0.6) 25%, rgba(0,92,135,0.43) 35%, rgba(0,92,135,0.16) 51%, rgba(0,92,135,0) 60%, rgba(0,92,135,0) 90%, rgba(0,92,135,0) 100%); background: -o-linear-gradient(45deg, rgba(0,92,135,1) 0%, rgba(0,92,135,1) 2%, rgba(0,92,135,0.6) 25%, rgba(0,92,135,0.43) 35%, rgba(0,92,135,0.16) 51%, rgba(0,92,135,0) 60%, rgba(0,92,135,0) 90%, rgba(0,92,135,0) 100%); background: -ms-linear-gradient(45deg, rgba(0,92,135,1) 0%, rgba(0,92,135,1) 2%, rgba(0,92,135,0.6) 25%, rgba(0,92,135,0.43) 35%, rgba(0,92,135,0.16) 51%, rgba(0,92,135,0) 60%, rgba(0,92,135,0) 90%, rgba(0,92,135,0) 100%); background: linear-gradient(45deg, rgba(0,92,135,1) 0%, rgba(0,92,135,1) 2%, rgba(0,92,135,0.6) 25%, rgba(0,92,135,0.43) 35%, rgba(0,92,135,0.16) 51%, rgba(0,92,135,0) 60%, rgba(0,92,135,0) 90%, rgba(0,92,135,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005c87', endColorstr='#005c87', GradientType=1 );
opacity: 1; visibility: visible; -webkit-transition: all .5s ease-in .1s; -moz-transition: all .5s ease-in .1s; -ms-transition: all .5s ease-in .1s; -o-transition: all .5s ease-in .1s; transition: all .5s ease-in .1s; }
.services .service_content .catalogue-design::after { position: absolute; content: ''; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 1; opacity: 0; visibility: hidden; background: rgba(0,92,135,1); background: -moz-linear-gradient(45deg, rgba(0,92,135,1) 0%, rgba(0,92,135,1) 15%, rgba(0,92,135,0.25) 60%, rgba(0,92,135,0) 75%, rgba(0,92,135,0) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,92,135,1)), color-stop(15%, rgba(0,92,135,1)), color-stop(60%, rgba(0,92,135,0.25)), color-stop(75%, rgba(0,92,135,0)), color-stop(100%, rgba(0,92,135,0))); background: -webkit-linear-gradient(45deg, rgba(0,92,135,1) 0%, rgba(0,92,135,1) 15%, rgba(0,92,135,0.25) 60%, rgba(0,92,135,0) 75%, rgba(0,92,135,0) 100%); background: -o-linear-gradient(45deg, rgba(0,92,135,1) 0%, rgba(0,92,135,1) 15%, rgba(0,92,135,0.25) 60%, rgba(0,92,135,0) 75%, rgba(0,92,135,0) 100%); background: -ms-linear-gradient(45deg, rgba(0,92,135,1) 0%, rgba(0,92,135,1) 15%, rgba(0,92,135,0.25) 60%, rgba(0,92,135,0) 75%, rgba(0,92,135,0) 100%); background: linear-gradient(45deg, rgba(0,92,135,1) 0%, rgba(0,92,135,1) 15%, rgba(0,92,135,0.25) 60%, rgba(0,92,135,0) 75%, rgba(0,92,135,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005c87', endColorstr='#005c87', GradientType=1 );
-webkit-transition: all .5s ease-in .1s; -moz-transition: all .5s ease-in .1s; -ms-transition: all .5s ease-in .1s; -o-transition: all .5s ease-in .1s; transition: all .5s ease-in .1s; }
.services .service_content:hover .catalogue-design::after, .services .service_content:hover .packing-design::after, .services .service_content:hover .flyers-design::after, .services .service_content:hover .stationary-design::after, .services .service_content:hover .brouchur-design::after, .services .service_content:hover .logo-design::after { opacity: 1; visibility: visible; opacity: .75; }
.services .service_content .explore-all::before { position: absolute; content: ''; bottom: 0; left: 0; z-index: 1; background: rgba(0, 36, 55,0.35); border: 2px solid #fff; right: 0; margin: 15px; top: 0; -webkit-transition: all .5s ease-in .1s; -moz-transition: all .5s ease-in .1s; -ms-transition: all .5s ease-in .1s; -o-transition: all .5s ease-in .1s; transition: all .5s ease-in .1s; }
.services .service_content:hover .explore-all::before { background: rgba(0, 36, 55,0.65); }
.services .service_content p { position: absolute; content: ''; left: 0; right: 0; text-align: center; bottom: 20px; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 700; z-index: 11; font-size: 18px; line-height: 22px; text-shadow: 0 8px 22px rgba(0,0,0,0.32); -webkit-text-shadow: 0 8px 22px rgba(0,0,0,0.32); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.services .service_content:hover p { text-shadow: 0 8px 22px rgba(0,0,0,0.5); -webkit-text-shadow: 0 8px 22px rgba(0,0,0,0.5); bottom: 26px; }
.services .service_content a { display: block; position: relative; }
.services .service_content h4 { position: absolute; content: ''; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto; padding: 0 30px; text-align: center; display: block; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 700; z-index: 11; font-size: 42px; line-height: 50px; }
.services .service_content h4 i { display: none; }
/*quick_inquiry*/
#quickinquiry { position: relative; background: #fff 50% 0 no-repeat fixed; color: #333; height: auto; margin: 0 auto; overflow: hidden; }
#quickinquiry .bg { background: url(../images/1.jpg) 50% 0 no-repeat fixed; height: 581px; margin: 0 auto; padding: 0; position: absolute; content: ''; top: 0; bottom: 0; left: 122px; right: 122px; display: block; z-index: 1; }
.quick_inquiry .inquiry_content { position: relative; }
.quick_inquiry .inquiry_content { background-image: url(../images/1.png); background-repeat: no-repeat; z-index: -1; -webkit-transition: all 900ms linear; transition: all 900ms linear; }
/*.quick_inquiry .textp { background:transparent 50% 0 no-repeat fixed; position:relative;}*/
.quick_inquiry .textp h3 { font-family: 'Raleway', sans-serif; font-weight: 900; letter-spacing: 5px; font-size: 15vw; line-height: 290px; color: rgba(255,255,255,0.8); position: relative; text-shadow: 0 0 48px rgba(0,0,0,.12); mix-blend-mode: overlay; z-index: 1; margin: auto; width: 100%; max-width: 80%; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/*#quickinquiry .textp { position: absolute; background: transparent 50% 0 no-repeat fixed; top: 0; left: 0; right: 0; margin: auto; display: block; overflow: hidden; width: 100%; max-width: 80%; }*/
/*.quick_inquiry .inquiry_content h3::before{ position:absolute; content:''; top:0; left:0; width:1005; height:100%; background:rgba(0,36,55,0.1);}*/
.inquiry_form { padding: 45px 118px; background: #fff; border-bottom: 4px solid #002437; text-align: center; box-shadow: 0 0 32px 8px rgba(0,0,0,0.08); -webkit-box-shadow: 0 0 32px 8px rgba(0,0,0,0.08); margin: -90px auto 35px auto; max-width: 75%; width: 100%; position: relative; z-index: 9999; }
.inquiry_form p { margin: 30px 0; }
.inquiry_form .form-group { margin-bottom: 10px; }
.inquiry_form .form-control, .contactus .form-control { height: 60px; border-radius: 0; border: 1px solid #535362; font-family: 'Raleway', sans-serif; font-weight: 500; color: #535362; font-size: 17px; }
.inquiry_form textarea.form-control, .contactus textarea.form-control { height: 120px !important; }
.inquiry_form .form-control:focus, .contactus .form-control:focus { color: #495057; background-color: transparent; border-color: #535362; outline: 0; box-shadow: 0 0 22px 0 rgba(0,0,0,0.08); }
.inquiry_form .submit { font-family: 'Oswald', sans-serif; font-weight: 600; text-align: center; padding: 15px 48px; color: #fff; background: #488a64; border-radius: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; overflow: hidden; }
.quick_inquiry { padding: 75px 0px 70px 0px; background: #fff; z-index: 11; position: relative; overflow: hidden; }
/* Sweep To Right */
.hvr-sweep-to-right { display: inline-block; backface-visibility: hidden; position: relative; z-index: 1; font-family: 'Oswald', sans-serif; font-weight: 600; text-align: center; padding: 15px 48px; color: #fff; background: #488a64; border-radius: 0; position: relative; overflow: hidden; transition: 0.6s all; -webkit-transition: 0.6s all; -moz-transition: 0.6s all; margin: 15px 0 0 0; }
.hvr-sweep-to-right:before { content: ''; position: absolute; width: 0; height: 100%; bottom: 0; left: 100%; background: rgba(0,31,47,1); z-index: -1; transition: inherit; -webkit-transition: inherit; -moz-transition: inherit; }
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: #fff; }
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { width: 100%; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -moz-transform: translate(0, 0); transition: width .6s cubic-bezier(.85, 0, .15, 1); -moz-transition: width .6s cubic-bezier(.85, 0, .15, 1); -webkit-transition: width .6s cubic-bezier(.85, 0, .15, 1); }
input::-webkit-input-placeholder {
	color: #858592;
	font-size:15px !important;
}
input:focus::-webkit-input-placeholder {
	color:#535362;
}
input:-moz-placeholder {
	color: #858592;
	font-size:15px !important;
}
input:focus:-moz-placeholder {
	color:#535362;
}
input::-moz-placeholder {
	color: #858592;
	font-size:15px !important;
}
input:focus::-moz-placeholder {
	color:#535362;
}
input:-ms-input-placeholder {
	color: #858592;
	font-size:15px !important;
}
input:focus:-ms-input-placeholder {
	color: #535362;
}
/*footer */
.footer-mrg { margin: 417px 0; }
footer { bottom: 0; left: 0; position: fixed; right: 0; width: 100%; z-index: -99999999; }
.footer-top { background: url(../images/location-map.jpg); }
.footer-top .footer-content { background: rgba(0,31,47,0.96); padding: 70px 0 10px 0; }
.footer-logo { padding: 0 0 15px 0; }
.footer-top .footer-content h4 { font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 700; color: #fff; line-height: 22px; margin: 12px 0 5px 0; text-transform:uppercase;}
.footer-top .footer-content .footer-text p, .footer-top .footer-content .footer-text a { font-family: 'Raleway', sans-serif; font-size: 17px; font-weight: 500; text-align: left; color: #fff; line-height: 26px; }
.footer-top .footer-content .footer-text a { display: block; padding: 0 0 3px 0; }
.footer-top .footer-content .footer-social h3 { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 32px; line-height: 38px; color: #fff; margin: 0 0 10px 0; }
.footer-top .footer-content .footer-social { margin-top: 80px; }
.footer-top .footer-content .footer-social ul li { list-style-type: none; padding: 0px 0px; position: relative; margin: 0px 0px; display: inline-block; }
.footer-top .footer-content .footer-social ul li a i { width: 52px; font-size: 18px; height: 52px; line-height: 52px; color: #ffffff; background: #488A64; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 1px solid #488A64; }
.footer-top .footer-content .footer-social ul li a i:hover { background: rgba(72, 138, 100, 0.1); color: #ffffff; border-color: rgba(255, 255, 255, 0.1); }
.footer-top .footer-content .footer-middle { text-align: center; padding: 20px 0; }
.footer-top .footer-content .footer-middle ul li { display: inline-block; }
.footer-top .footer-content .footer-middle ul li:first-child a { border-left: none; }
.footer-top .footer-content .footer-middle ul li a { color: #858592; font-size: 14px; font-weight: 500; font-family: 'Raleway', sans-serif; line-height: 17px; padding: 0 5px 0 8px; border-left: 1px solid #858592; }
.footer-top .footer-content .footer-middle .footer-nav::before { position: absolute; content: ''; height: 1px; width: 100%; bottom: -15px; left: 0; background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.46) 71%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.8)), color-stop(71%, rgba(255,255,255,0.46)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.46) 71%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.46) 71%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.46) 71%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.46) 71%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
opacity: 0.50; }
.footer-top .footer-content .footer-bottom p, .footer-top .footer-content .footer-bottom a { font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 500; color: #fff; line-height: 26px; }
/*back-to-top*/
#back-to-top { z-index: 9999; position: fixed; bottom: 38px; right: 20px; width: 50px; height: 50px; display: none; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; text-align: center; background: #488A64; }
#back-to-top i { color: #fff; font-size: 24px; line-height: 44px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-weight: 700; }
#back-to-top:before { content: ''; position: absolute; width: 0; height: 100%; bottom: 0; left: 100%; background: rgba(0,31,47,1); z-index: -1; transition: inherit; -webkit-transition: inherit; }
#back-to-top:hover i { color: #fff; }
#back-to-top:hover:before { width: 100%; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transition: width .6s cubic-bezier(.85, 0, .15, 1); -webkit-transition: width .6s cubic-bezier(.85, 0, .15, 1); }
.sidebar_social.subpage { top: 175px !important; }
.sidebar_social.subpage ul li { line-height: 0; }
.sub-banner { position: relative; z-index: 1; background: #fff; }
.sub-banner .banner-part img { border-radius: 55px 0px 0px 0px; }
.sub-banner .banner-part { width: 100%; height: 310px; border-radius: 55px 0px 0px 0px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.sub-banner .banner-part h2 { position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; z-index: 1; color: #fff; font-size: 45px; font-weight: 700; right: 0; font-family: 'Oswald', sans-serif; letter-spacing: 2px; }
.bread { position: absolute; right: 0; top: -25px; z-index: 99; }
.breadcrumbs .breadcrumb { margin-top: 0; border-radius: 0; background: #488a64; display: inline-flex; z-index: 1; position: relative; }
.breadcrumbs .breadcrumb-item a, .breadcrumbs .breadcrumb-item { color: #fff; font-weight: 600; }
.breadcrumbs .breadcrumb-item + .breadcrumb-item::before, .sub-banner .breadcrumb-item.active { color: #fff; }
.page404, .contactus, .service, .portfolio, .about-us, .map, .sub-middle, .about-bottom { background-color: #fff; position: relative; }
.page404 .text-404 { padding: 65px 0; }
.page404 .text-404 h3 { font-size: 15vw; font-weight: 900; font-family: 'Oswald', sans-serif; text-align: center; color: #fff; text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); letter-spacing: 8px; }
.page404 .text-404 h4 { font-size: 55px; font-weight: 700; font-family: 'Raleway', sans-serif; color: #002132; line-height: 65px; letter-spacing: 1px; }
.page404 .text-404 p { text-align: center; font-size: 25px; font-weight: 500; line-height: 28px; }
/*contact-us*/
.contactus .contact-form { box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.1); padding: 25px 40px; }
.contactus .contact-box { position: relative; text-align: left; padding: 28px 10px 28px 20px; margin-bottom: 30px; margin-left: 80px; box-shadow: 0 0 10px 1px rgba(0,0,0,0.08); border-left: 4px solid #488a64; }
.contactus .form-control { position: relative; width: 100%; padding-top: 15px; background: transparent; z-index: 1; height:50px;}
.contactus .contact-form .form-group { margin-bottom: 11px; }
.contactus textarea.form-control { position: relative; width: 100%; padding-top: 15px; background: transparent; z-index: 1; }
.contactus .contact-form .gp { height: 50px; }
.contactus .contact-form .tp { height: 120px; }
.contactus .contact-form .gp label { font-weight: 400; font-size: 16px; -webkit-transform: translateY(-39px); transform: translateY(-39px); transition: all 0.4s; display: inline-block; color: #767676; margin: 0 0 0 10px; }
.contactus .contact-form .gp label.hasVal { color: #000000; font-weight: 700; letter-spacing: 0.5px; font-size: 12px; margin: 0 0 0 5px; -webkit-transform: translate(7px, -55px); transform: translate(7px, -55px); }
.contactus .contact-form .gp label.hasVal .form-control { padding-top: 15px; }
.contactus .contact-form .tp label { font-weight: 400; font-size: 17px; -webkit-transform: translateY(-115px); transform: translateY(-115px); transition: all 0.4s; display: inline-block; color: #666; margin: 0 0 0 10px; }
.contactus .contact-form .tp label.hasValtext { color: #000000; font-weight: 700; margin: 0; font-size: 12px; letter-spacing: 0.5px; -webkit-transform: translate(11px, -125px); transform: translate(11px, -125px); }
.contactus h3 { font-size: 30px; font-weight: 600; font-family: 'Raleway', sans-serif; margin-bottom: 15px; line-height: 35px; color: #001f34; }
.contactus .contact-box::before { content: ''; position: absolute; top: 27px; left: -26px; width: 22px; height: 5px; background: #488a64; }
.contactus .contact-box .icon-box { position: absolute; top: 10px; left: -66px; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background: #488a64; }
.contactus .content-box p a { display: block; }
.contactus .content-box p, .contactus .content-box p a { text-align: left; font-size: 16px; line-height: 22px; margin-bottom: 0; color: #858592; }
.contactus .contact-box .title-box { display: inline-block; text-transform: uppercase; color: #002437; font-size: 18px; font-weight: 600; letter-spacing: 0.5px; text-align: center; border-radius: 24px; margin-bottom: 5px; }
#captchaimg { position: absolute; right: 15px; top: 15px; }
.contactus .contact-form .submit-contact { position: relative; padding: 12px 35px; background: #488a64; border-radius: 0; color: #fff; font-weight: 700; letter-spacing: .5px; text-transform: capitalize; font-family: 'Raleway', sans-serif; font-size: 18px; width: 100%; display: block; overflow: hidden; transition: 0.6s all; -webkit-transition: 0.6s all; -moz-transition: 0.6s all; backface-visibility: hidden; z-index: 1; border: 0; outline: none; }
.contactus .contact-form .submit-contact::before { content: ''; position: absolute; width: 0; height: 100%; bottom: 0; left: 100%; background: rgba(0,31,47,1); z-index: -1; transition: inherit; -webkit-transition: inherit; -moz-transition: inherit; }
.contactus .contact-form .submit-contact:hover::before, .contactus .contact-form .submit-contact:focus::before, .contactus .contact-form .submit-contact:active::before { width: 100%; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -moz-transform: translate(0, 0); transition: width .6s cubic-bezier(.85, 0, .15, 1); -moz-transition: width .6s cubic-bezier(.85, 0, .15, 1); -webkit-transition: width .6s cubic-bezier(.85, 0, .15, 1); }
/* service */
.service-details {padding: 30px;background: #fff;border: 1px solid rgba(0, 33, 50, 0.12);box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.03);height: 100%;min-height: 338px;transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out;-webkit-transition: 0.3s all ease-in-out;-ms-transition: 0.3s all ease-in-out;}
.service-details:hover { box-shadow: 0px 12px 24px -5px rgba(0, 0, 0, 0.12); transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; }
.service-details svg { margin: 5px 0; }
.service-details h3 { font-size: 20px; line-height: 28px; text-transform: capitalize; margin: 10px 0; color: #012235; font-family: 'Raleway', sans-serif; font-weight: 600; }
.service-details p { text-align: center; font-size: 16px; line-height: 24px; }
/*portfolio*/
.portfolio .portfolio-details { background: #fff; height: 100%; position: relative; }
.portfolio .portfolio-details .isotope { position: relative; background: #fff; height: 100%; margin: 0 auto; }
.portfolio .portfolio-details .isotope:after { content: ''; display: block; clear: both; }
.portfolio .portfolio-details #filters { text-align: center; }
.portfolio .portfolio-details .button { position: relative; display: inline-block; padding: 10px 5px; border-radius: 0; background: transparent; border: 0; cursor: pointer; margin: 3px; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }
.portfolio .portfolio-details .button span { text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 15px; line-height: 24px; letter-spacing: 0.8px; font-weight: 600; position: relative; }
.portfolio .portfolio-details .button span::after { position: absolute; content: ''; height: 3px; width: 98%; bottom: -9px; left: 0; background: #488a64; }
.portfolio .portfolio-details .button.active, .portfolio .portfolio-details .button.is-checked, .portfolio .portfolio-details button:focus { outline: 0; }
.portfolio .portfolio-details .button::after { width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid transparent; position: absolute; content: ''; bottom: -5px; right: 0; left: 0; margin: auto; }
.portfolio .portfolio-details .button.active::after, .portfolio .button:hover::after, .portfolio .portfolio-details .button.is-checked::after { border-top: 9px solid #488a64; }
.portfolio .portfolio-details .element-item { position: relative; display: inline-block; margin: 0.4% 0.45%; width: 24%; }
.portfolio .portfolio-details .element-item a { display: block; position: relative; z-index: 1; transition: 0.3s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -ms-transition: 0.6s all ease; }
.portfolio .portfolio-details .element-item a::before { position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0,.05); content: ''; left: 0; top: 0; opacity: 1; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -ms-transition: 0.6s all ease; }
.portfolio .portfolio-details .element-item a::after { position: absolute; content: '\f067'; font-family: FontAwesome; font-weight: 600; color: #fff; font-size: 14px; height: 38px; width: 38px; line-height: 35px; top: 0; left: 38%; opacity: 0; visibility: hidden; transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; bottom: 0; margin: auto; border: 2px solid #fff; text-align: center; background: transparent; }
.portfolio .portfolio-details .element-item:hover a::after { opacity: 1; visibility: visible; left: 50%; transform: translateX(-50%); }
.portfolio .portfolio-details .element-item:hover a::before { opacity: 1; background: rgba(0, 0, 0,.80); }
.portfolio .portfolio-details #load-more { font-size: 18px; padding: 15px 48px; border-radius: 0px; cursor: pointer; display: block; margin: 35px auto 0 auto; text-transform: uppercase; border: 0; background: #488a64; color: #fff; font-family: 'Oswald', sans-serif; font-weight: 500; letter-spacing: 1px; }
.portfolio .portfolio-details .hidden { visibility: hidden; width: 0px !important; height: 0px !important; margin: 0px !important; padding: 0px !important; }
/*about-us*/
.about-text { display: inline-flex; padding: 35px 0; }
.about-icon i { font-size: 35px; margin: 0px 20px 0 10px; color: #092736; }
.about-text::after { top: 0; }
.about-text::after, .about-text::before { position: absolute; content: ''; left: 0; right: 0; background: radial-gradient(circle, #092736 0%, rgba(214, 223, 235, 0) 100%); height: 1px; }
.about-text::before { bottom: 0; }
.about-text p { font-size: 21px; line-height: 32px; padding:12px 30px 0 0; }
.about-img, .about-img1 { position: relative; z-index: 1; display: inline-block; }
.about-img img, .about-img1 img { display: block; box-shadow: 0 8px 15px 0 rgba(0,0,0,0.07); }
.about-img img { margin: 0 38px 0 auto; }
.about-img1 img { margin: 0 auto 0 38px; }
.about-img::after { position: absolute; content: ''; background-image: url(../sub-images/pattern_00.png); background-repeat: no-repeat; background-size: cover; right: 0px; bottom: -35px; width: 70%; height: 90%; z-index: -1 }
.about-img1::after { position: absolute; content: ''; background-image: url(../sub-images/pattern_00.png); background-repeat: no-repeat; background-size: cover; left: 0px; top: -35px; width: 70%; height: 90%; z-index: -1; }
/*thank-you*/
.thank-you { padding: 100px 0; text-align: center; }
.thank-you .thanks-part { text-align: center; margin: 80px auto 0 auto; box-shadow: 0 8px 20px 0px rgba(0,0,0,0.08); width: 60%; padding: 55px 40px 45px 40px; position: relative; background: #F7F7F9; border: 1px solid rgba(0,0,0,0.02); }
.thank-you .thanks-part::after { width: 0; height: 0; border-left: 35px solid transparent; border-right: 35px solid transparent; border-bottom: 35px solid #F7F7F9; position: absolute; content: ''; top: -35px; right: 0; left: 0; margin: auto; }
.thank-you h3 { font-size: 19px; font-weight: 500; color: #666; line-height: 28px; margin-bottom: 30px; letter-spacing: 1px; font-family: 'Raleway', sans-serif; }
.thank-you .thanks-part span i { text-align: center; font-size: 45px; color: #c63c96; margin: 0 0 10px }
.thank-you .thanks-part p { color: #666666; font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: 1px; text-align: center; }
.thank-you h1 { font-size: 84px; color: #152550; text-transform: capitalize; font-weight: 600; line-height: 50px; display: block; margin-bottom: 35px; letter-spacing: 1px; font-family: 'Oswald', sans-serif; }


.btn-primary {
	color: #fff;
	background-color: #488a64;
	border-color: #488a64;
	border-radius: 0;
}
a.btn.btn-primary {
	position: absolute;
	z-index: 11;
	padding: 10px 20px;
	opacity: 0;
	bottom: 0;
	border: none;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	max-width: 148px;
	font-weight: 500;
	font-size: 17px;
}
.service-details:hover{border: 1px solid rgba(0, 33, 50, 0);}
.service-details{ position: relative;}
.service-details:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	background: #ffffff;
	transform: scale(1);
	transform-origin: 50% 20%;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.12);
}
.service-details:hover:before {
	opacity: 1;
	-webkit-transform: scale(1.05);
	transform: scale(1.05, 1.18);
}
.service-details p{ position: relative;z-index: 999;}
.service-details:hover svg{
	z-index: 999;
	position: relative;
}
.service-details:hover h3{ position: relative;z-index: 999; }
.service-details:hover a.btn.btn-primary{opacity: 1;bottom: -24px;}
.btn-primary:hover {
	color: #fff;
	background-color: #488a64;
	border-color: #488a64;
}
.service-details .btn-primary:not(:disabled):not(.disabled).active:focus, 
.service-details .btn-primary:not(:disabled):not(.disabled):active:focus, 
.service-details .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgb(72, 138, 100);
}
.service-details .btn-primary:not(:disabled):not(.disabled).active, 
.service-details .btn-primary:not(:disabled):not(.disabled):active, 
.service-details .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #488a64;
	border-color: #488a64;
}
.send-inquiry{padding: 25px;}
.send-inquiry .contact-form{
	box-shadow: none;
	padding: 0;
}
.send-inquiry .form-control{
	border: 1px solid #dddddd;
	background: #ffffff;
	padding-top: 5px;
	font-size:16px;
}
.contact-modal-form .modal-header{
	padding: 14px 20px;
	border-bottom: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background: #212121;
	display: inline-block;
}
.contact-modal-form h5 {
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}
.contact-modal-form .modal-content{
	border-radius: 0;
	border: none;
}

.contact-modal-form .modal-header span {
	font-size: 30px;
	color: #005b87;
	position: absolute;
	border: 2px solid #212121;
	border-radius: 100%;
	background: #ffffff;
	height: 40px;
	width: 40px;
	line-height: 31px;
}
.contact-modal-form .modal-header .close {
	padding: 0;
	opacity: 1;
	position: absolute;
	top: -8px;
	right: 30px;
	font-weight: 600;
	margin: 0;
	text-shadow: none;
}
.contact-modal-form .modal-header .close:not(:disabled):not(.disabled):focus, 
.contact-modal-form .modal-header .close:not(:disabled):not(.disabled):hover {
	opacity: 1;
}
.send-inquiry .contact-form .submit-contact{
	width: auto;
	display: table;
	/*margin: auto;*/
	font-size: 17px;
	font-weight: 600;
}	
.contactus .form-control:focus{
	box-shadow: none;
	border-color: #535362;
}
.send-inquiry .contact-form .gp label{
	outline: none;
	position: relative;
	z-index: 11;
}
.send-inquiry textarea.form-control{
	background: #ffffff;
	font-size: 16px;
}
.send-inquiry .contact-form .tp label{
	position: relative;
	z-index: 11;
}
.send-inquiry i.fa.fa-mobile {
	font-size: 28px;
}
.send-inquiry i.fa {
	font-size: 18px;
	padding-right: 14px;
}
.send-inquiry i.fa.fa-commenting {
	position: relative;
	top: -30px;
}
.send-inquiry .form-control:focus {
	box-shadow: none;
	border-color: #dddddd;
	background-color: #f9f9f9;
}
.send-inquiry .form-control{width: auto;}
.send-inquiry textarea.form-control{width: auto;}

.input-group-text{
	background-color: #ffffff;
	color: #cacaca;
	border-radius: 0;
	text-indent: 5px;
}
.input-group-prepend{
	width: 50px;
}
.modal-content{border-radius: 0;}
.form-capcha-image{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.11); display: inline-block;}
.contact-modal-form #captchaimg{
	top: 9px;
	z-index: 11;
}

.send-inquiry input::-webkit-input-placeholder {
	color: #969696;
}
input:-moz-placeholder {
	color: #969696;
}
.send-inquiry input::-moz-placeholder {
	color: #969696;
}
.send-inquiry input:-ms-input-placeholder {
	color: #969696;
}

.about-top p{line-height:28px; }