@charset "UTF-8";
/* CSS Document */

body { transition:all ease 0.3s;}
ul,ol { padding: 0px ;margin: 0px; list-style:none; transition:all ease 0.3s;}
a:hover { text-decoration:none !important; outline:none !important;}
p { font-size:16px; line-height:180%;}

.nav-wpr { position: absolute; top:0px; right: 0px; left:0px; z-index:99;}
.nav-wpr img { border-top:5px solid #c4151c; padding:10px 15px 0px 15px} 
.nav-wpr ul { text-align: right;}
.nav-wpr ul li { display:inline-block;}
.nav-wpr ul li a { display: block; font-size:13px;font-family: 'Monda', sans-serif; padding:20px 10px; text-transform: uppercase;}
.nav-wpr ul li a.active { font-weight:700;}

.nav-wpr.uk-active { background:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.1); z-index:99999999;}
.nav-wpr.uk-active img { width:140px;}


.button {cursor:pointer;font-family: 'Maven Pro', sans-serif;display:inline-block;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; font-weight:500; position: relative; padding:15px 50px 15px 20px; background: rgb(255,50,55); /* Old browsers */background: -moz-linear-gradient(top, rgba(255,50,55,1) 0%, rgba(120,0,1,1) 100%); /* FF3.6-15 */background:webkit-linear-gradient(top, rgba(255,50,55,1) 0%,rgba(120,0,1,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(255,50,55,1) 0%,rgba(120,0,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3237', endColorstr='#780001',GradientType=0 );color:#fff; text-transform: uppercase; overflow: hidden; transition:all ease 0.6s; box-shadow:0px 0px 20px rgba(0,0,0,0.1); border:0px none;}
.button:after { content:"\f105"; display: block; font-size:12px; background:#fff; width:26px; height:26px; border-radius:100%; line-height:26px; text-align:center; position: absolute; top:50%; right:10px; transform: translateY(-50%); color:#c4151c;font-family: 'FontAwesome'; transition:all ease 1s;}
.button:before { display: block; font-size:12px; background:#fff; width:26px; height:26px; border-radius:100%; line-height:26px; text-align:center; position: absolute; top:50%; right:10px; transform: translateY(-50%); content:""; transition:all ease 1s;}
.button em { display: block; position: relative;z-index:99; font-style:normal; letter-spacing:2px; color:#fff;font-family: 'Maven Pro', sans-serif;}
.button:hover em { color:#c4151c;}
.button:hover:before { transform:translateY(-50%) scale(30);}
.button:hover:after { transform-origin:50% 50%;transform: translateY(-50%) rotate(-10deg) ;background: rgb(255,50,55); /* Old browsers */background: -moz-linear-gradient(top, rgba(255,50,55,1) 0%, rgba(120,0,1,1) 100%); /* FF3.6-15 */background:webkit-linear-gradient(top, rgba(255,50,55,1) 0%,rgba(120,0,1,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(255,50,55,1) 0%,rgba(120,0,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3237', endColorstr='#780001',GradientType=0 );color:#fff;}


.banner-wpr { position: relative;}
.banner-text { position: absolute; top:50%; right: 0px; left:0px; text-align: center; transform: translateY(-50%);}
.banner-text h1 { text-transform: uppercase;line-height:100%; margin: 0px;}
.banner-text span { display: block; font-size:13px; letter-spacing:2px; margin:10px 0px 15px;}

.banner-wpr:after { content:""; display: block; height:10px; background:rgba(255,255,255,0.8); position: absolute; bottom:0px; left: 0px; right: 0px;}
.banner-wpr video { width:100%;}

.section70 { padding:70px 0px;}

.head { position: relative; font-size:30px; text-transform: uppercase; line-height:100%;margin:0px 55px 20px;}
.head span { display: block; font-size:16px;}

.head:after { width:32px; height:32px; background: url(../images/icon.svg) no-repeat; position: absolute; top:0px; left:-50px; content:""; display: block;}
.head:before { content:"";display: block; width:1px; height:72px; background:rgba(0,0,0,0.1); position: absolute; top:-70px; left:-35px;}


.home-about-wpr { position:relative;}
.home-about-wpr .uk-position-relative img { position: absolute; top:-210px; z-index:99; left:-80px;}
.home-about-wpr .uk-grid { position: relative; z-index:99;}
.home-about-wpr:after { content:""; width:560px; height:560px; border-radius:100%; background:#fff; position: absolute; top:-133px; right:10%;}

.home-about-wpr .button { margin-top:10px;}

.home-about-wpr ul { position: relative; z-index:99; margin-top:30px;}
.home-about-wpr ul li { background:#f1f6f9; padding:25px; text-align: center; border-right:1px solid rgba(0,0,0,0.1);}
.home-about-wpr ul li img { height:110px; margin:0px auto 20px;}
.home-about-wpr ul li:last-child { border:0px none;}

.home-about-wpr ul li strong { text-transform: uppercase; font-size:24px; color:#444b61;font-family: 'Monda', sans-serif; display: block; margin-bottom:10px; line-height:24px;}
.home-about-wpr ul li p { margin:0px; font-size:13px;}


.services-wpr { background-color:#f2f5fa; background-image: url(../images/our-service.jpg); background-repeat: no-repeat; background-position:0% 50%;background-size:50% 100%;}
.services-wpr ul li { transition:all ease 0.6s; border-bottom:1px solid rgba(0,0,0,0.1); padding:20px 20px 20px 0px; display:flex; align-items: center; position: relative;}
.services-wpr ul li img { width:125px; height:125px; border-radius:100%; border:3px solid #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1); margin-right: 15px;}
.services-wpr ul li:last-child { border:0px none;}
.services-wpr ul li:hover { background:rgba(0,0,0,0.1); padding-left:20px;}

.services-wpr ul li strong {font-family: 'Monda', sans-serif; font-size:18px; font-weight: normal; text-transform: uppercase;}
.services-wpr ul li strong span {font-family: 'Maven Pro', sans-serif; display: block; font-size:12px; color:#676f87; font-weight:normal;}

.services-wpr ul li a { width:42px; height:42px; background:#fff; border-radius:100%; line-height:42px; text-align: center; box-shadow:0px 0px 8px rgba(0,0,0,0.1); position: absolute; right:-21px; top:50%; transform: translateY(-50%)  translateX(-50px); color:#c4151c; font-size:20px; opacity:0; transition:all ease 0.6s;}
.services-wpr ul li a:hover { color:#fff;background: rgb(255,50,55); /* Old browsers */background: -moz-linear-gradient(top, rgba(255,50,55,1) 0%, rgba(120,0,1,1) 100%); /* FF3.6-15 */background:webkit-linear-gradient(top, rgba(255,50,55,1) 0%,rgba(120,0,1,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(255,50,55,1) 0%,rgba(120,0,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3237', endColorstr='#780001',GradientType=0 );}
.services-wpr ul li:hover a { transform: translateY(-50%) translateX(0px); opacity:1;}

.map { -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}


@media (min-width:1200px) {
	.services-wpr {background-size:contain;}	
}

.projects-wpr { position:relative;}
.video-area {position: absolute; top:0px; right:0px; left: 0px; bottom: 0px; opacity:0.4;}
.video-area video { height:100%; width:100%;max-width: 100%; min-width:100%;object-fit: fill;}
.projects-wpr .uk-grid { position: relative; z-index:99;}
.projects-wpr ul li { position: relative;}
.projects-wpr ul li:after { content:""; display: block; position: absolute; top:0px; right:10px; left:20px; bottom:0px; background:#f0f3f8; z-index:-1;}
.projects-wpr ul li:hover:after {opacity:0;}
.projects-wpr ul li:before { content:""; display: block;background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1);position: absolute; top: 0px; right:10px; left:20px; bottom:0px;  z-index:-1; height:0px; opacity:0; transition:all ease 0.6s;}
.projects-wpr ul li:hover:before { opacity:1; height:100%;}
.projects-wpr ul li:hover img { transform: scale(0.9);}
.projects-wpr ul li img {border:3px solid #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1); margin-top:20px; transition:all ease 0.6s;}
.projects-wpr ul li strong { display: block;font-size:18px; font-weight:500; padding:20px 35px;}
.projects-wpr ul li strong span { font-size:13px; display: block;}
.projects-wpr ul li .uk-flex-middle { display:block;align-items: center; padding:10px 35px 20px 35px;}
.projects-wpr ul li p { margin: 0px; color:#c4151c;font-weight:500; line-height:27px; display:inline-block; padding-top:3px; font-size:11px;}
.projects-wpr ul li p span { font-size:12px;display: block; color:#444b61; line-height:12px;}
.projects-wpr ul li a { background:#ccd3df; color:#444b61; font-size:12px; text-transform: uppercase; padding:12px 20px;  display: inline-block; float: right; font-weight:500; border-radius:4px; transition:all ease 0.6s;}
.projects-wpr ul li a:hover { background:#444b61; color:#fff;}
.uk-modal-caption { bottom:-50px;}
.title-project { margin: 0px; display: block; font-size:16px; line-height:18px; position: relative;}
.title-project span { display: block; font-size:12px;}



.footer-wpr { padding:50px 0px 0px; background:#171b27; color:#fff;}
.footer-wpr img { width:250px; margin-top:35px;}
.footer-wpr address { font-size:16px; line-height:180%;}
.footer-wpr address b { display: block;}
.footer-wpr address a { color:#fff;}

.footer-wpr ul li { display: block; line-height:180%;}
.footer-wpr ul li a { display: block; font-size:16px; color:#fff; text-transform:uppercase;}
.footer-wpr ul li a:before { content:""; display:inline-block; background:url(../images/icon.svg) no-repeat; height:14px; width:16px; margin-right:10px;}
.footer-wpr h4 { font-size:22px; color:#fff;}
.footer-wpr ol li { display:inline-block;}
.footer-wpr ol li a { display: block; transition:all ease 0.3s; width:40px; height:40px;line-height:40px; text-align: center; background:#fff; border-radius:100%; margin-right:8px;}
.footer-wpr ol li a .uk-icon-facebook-f {color: #0F4589;}
.footer-wpr ol li a .uk-icon-twitter {color:#00C4FF;}
.footer-wpr ol li a .uk-icon-google { color:#AD1013;}
.footer-wpr ol li a .uk-icon-linkedin { color:#2172A2;}
.footer-wpr ol li a:hover {background:#c4151c;}
.footer-wpr ol li a:hover i {color: #fff;}

.footer-wpr p { font-size:11px; display: block; margin: 0px; padding:15px 0px; border-top:1px solid rgba(0,0,0,0.8); text-align: center; margin-top:15px;}

.uk-navbar-toggle { width:40px; height:40px; background:#fff; float:right; padding:0px; text-align: center; box-shadow:0px 0px 10px rgba(0,0,0,0.1);}

.sub-banner { background:rgba(0,0,0,0.1); position: relative;}
.sub-banner:after { content:""; display: block; height:10px; background:rgba(255,255,255,0.8); position: absolute; bottom:0px; left: 0px; right: 0px;}

.contact-wpr form { margin:0px -10px;}
.contact-wpr .form-group { width:50%; float: left; padding:0px 10px; box-sizing:border-box; margin-bottom:15px; position: relative;}
.contact-wpr .form-group.error:before {content:"Required"; position: absolute; right:10px; top: 0px; color:#C12C2F; font-size:10px; display: block;font-family: 'Monda', sans-serif; text-transform: uppercase; font-weight:700;}
.contact-wpr .form-group.error-pattern:before {content:"Double Check Your E-mail ID"; position: absolute; right:10px; top: 0px; color:#C12C2F; font-size:10px; display: block;font-family: 'Monda', sans-serif; text-transform: uppercase; font-weight:700;}

.contact-wpr .form-group label { font-size:13px; display: block; margin-bottom:10px; font-weight:500;}
.contact-wpr .form-group input ,.contact-wpr .form-group textarea {height:40px; border:0px none; background:#fafafa; box-shadow:-2px -2px 0px rgba(0,0,0,0.05); width:100%; border-radius:4px; box-sizing:border-box; padding:10px; outline:none !important;}

.contact-wpr .form-group textarea { height:110px; resize:none;}
.contact-wpr .form-full { width:100%;}
.contact-wpr button { margin-left: 10px;}
#connect { min-height:200px; position:relative;}
.contact-address { background:#fff; padding:30px; text-align: center; box-shadow:0px 0px 20px rgba(0,0,0,0.05);}
.contact-address address { font-size:18px; line-height:180%;}
.contact-address address b { display: block;}
.contact-address img { width:100px; margin: 0px auto 15px;}

.sub-services-wpr h3 { font-size:24px; text-transform: uppercase;}
.sub-services-wpr ol li {  line-height:160%; display: block; font-size:14px; margin-bottom:5px; padding-left:25px; position: relative;}
.sub-services-wpr ol li:before { display:block; background:url(../images/icon.svg) no-repeat;height:16px; content:""; position: absolute; left: 0px; top:3px; width:16px; }
.sub-services-wpr strong { display: block; margin: 10px 0px; font-size:13px;}

.animation {animation:anm 2s alternate 0.6s forwards infinite; transition:all ease 0.6s; margin:0px auto;}
@keyframes anm {
	0% { transform:translateX(200px) translateY(-10%) rotate(0deg);}
	50% {transform:translateX(200px) translateY(-80%) rotate(0deg);}
	100% { transform:translateX(-200px) translateY(-50%) rotate(360deg);}
}

.clients-wpr ul li img { width:100%; max-width:100%; box-shadow:0px 0px 10px rgba(0,0,0,0.1); background:#fff; padding:10px;-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.clients-wpr ul li:hover img {-webkit-filter: grayscale(0%); filter: grayscale(0%);}

.organization-wpr { background:rgba(0,0,0,0.05);}
 
.certification-wpr ul li a { padding:10px; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1); display: block; position: relative;}
.certification-wpr ul li a span { display:block; position: absolute; top:50%; transform: translateY(-50%); left: 0px; right: 0px; width:40px; height:40px;; border-radius:4px; z-index:99; margin: 0px auto; background:#c4151c; color:#fff; line-height:40px; text-align: center; opacity:0;}
.certification-wpr ul li a img { transition:all ease 0.6s;}
.certification-wpr ul li a:hover img { opacity:0.5;}
.certification-wpr ul li a:hover span { opacity:1;}

.uk-offcanvas ul li a { text-transform: uppercase;}

.uk-modal-caption {text-overflow:inherit;white-space:inherit;}

@media (max-width:1199px) {
	.home-about-wpr::after { display:none !important;}
	.home-about-wpr .uk-position-relative img {  top:auto !important; left:auto !important; right:0px !important;}
	.head { font-size:26px !important;}
	.head::before {left:-25px !important}
	.head::after { left:-40px !important;}
	.footer-wpr address { font-size:14px !important; }
	.nav-wpr ul li a { font-size:11px !important;}
	
}


@media (max-width:991px) {
	.head { padding-left:40px !important;}
	.head::before {left:15px !important}
	.head::after { left:-0px !important;}
}

@media (max-width:959px) {
	.home-about-wpr .uk-position-relative img { display:none !important;}
	.footer-wpr ol li a { width:32px !important; height:32px !important; font-size:12px !important; line-height:32px !important; margin-right:2px !important;}
    .footer-wpr address { font-size:11px !important; }
	.services-wpr ul li strong { font-size:15px !important;}
	
	.nav-wpr { position:static;padding-bottom:10px !important;}
	.uk-navbar-toggle { position: absolute !important; top:17px !important; right:15px !important;}
	.nav-wpr.uk-active { padding-bottom:10px !important;}
	.nav-wpr.uk-active .uk-navbar-toggle { box-shadow:none !important; top:12px !important;}
	
}

@media (max-width:800px) {
	
	.contact-wpr .form-group { width:100% !important;}
}

@media (max-width:767px) {
	
	.home-about-wpr ul li { border-bottom: 1px solid rgba(0,0,0,0.1) !important;}
	.services-wpr { background:#f2f5fa !important;}
	
	.footer-wpr ul,.footer-wpr ol { text-align: center !important; margin-top:15px !important;}
	.footer-wpr ul li { display: inline-block !important;}
	.footer-wpr ul li a { margin:0px 5px !important; line-height:13px !important;}
	.footer-wpr ul li a::before {margin:5px 5px 0px 0px !important;}
	.footer-wpr h4 { text-align: center !important; line-height:22px !important; margin:10px 0px 0px !important;}
	.footer-wpr address { font-size:13px !important;}
	
	.projects-wpr ul li strong { padding:20px !important;}
	.projects-wpr ul li .uk-flex-middle { padding:10px 20px 10px 20px !important;}
	.projects-wpr ul li a { padding:12px 15px !important; font-size:11px !important;}
	.banner-text span { display:none !important;}
	.banner-text h1 { margin-bottom:10px !important;}
	.projects-wpr ul li img {width:100% !important;}
	
	
	.nav-wpr.uk-active .uk-navbar-toggle { top:10px !important; margin:0px !important;}
	
	.sub-services-wpr  img { margin:10px 0px !important;}
	
	.contact-address { margin-top:30px !important;}
	
}

@media (max-width:479px) {

	.banner-text { display:none !important;}
	.footer-wpr { text-align: center !important;}
	.footer-wpr img { margin:0px 0px 10px !important;}
	.footer-wpr ul li a { font-size:11px !important;}
	.footer-wpr ul li a::before { margin-top:0px !important; position: relative !important; top:2px !important; }
	
	.section70 { padding:30px 0px !important;}
	.head::before { height:30px !important; top:-30px !important;}
	
	.uk-navbar-toggle { position: absolute !important; top:9px !important; right:15px !important;} 
}
@media (max-width:479px) {

	.nav-wpr img { width:130px !important;}

}