header, .btn, .btn:after, .btn:before, .flex-direction-nav li, .logo-slider button, .social-links i, .footer-menu a, .back_to_top, .back_to_top a, .jssora22l, .jssora22r, .navbar-default .navbar-toggle, .navbar-nav > li > a,
.side-service-list li, .service-box:before, .service-box:after, .service-box .black-overlay, input[type="file"] + label, .our-team-block, .service-strip-item, .service-strip-item:before, .service-strip-item:after, .service-strip-item:hover h2, .service-strip-item h2 i{
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;	
}
p{
	color: #333333;
	font-size: 16px;
	line-height: 24px;	
}
.color-white{
	color:#fff!important;	
}
.color-black{
	color:#000!important;	
}
.color-dark{
	color:#333!important;	
}
.color-gray-1{
	color:#999!important;	
}
header{
	border-top:31px solid #020202;
	position:absolute;
	top:0;
	width:100%;
	background: #fff;
	z-index: 11;	
}
header.affix{
	border-top-width:5px;
	box-shadow:0 2px 2px rgba(0,0,0,0.1);
}
.navbar-brand > img.small-logo{
	display:none;	
}
header.affix .navbar-brand > img.small-logo{
	display:block;	
	width: 150px;
}
header.affix .navbar-brand > img.main-logo{
	display:none;	
}
header.affix .navbar{
	margin-top:0;
	margin-bottom:0;
}
header.affix .navbar-default .navbar-nav > .active::before {
	top:0;	
}
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.service-strip-item{
	height: 150px;
	margin: 0;
	display: flex;
}
.service-strip-item:hover{
	background:rgba(0,0,0,0.5);
}
.service-strip-item h2{
	text-align:left;	
	color:#fff;
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-size: 24px;
	padding-left: 93px;
	position:relative;
	left: 50%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
}
.service-strip-item:hover h2{
	color:#EAEAEA;
}
.service-strip-item h2 i{
	position:absolute;
	left: 24px;
	font-size: 35px;
	color: rgba(255,255,255,1);
	width:45px;
	height:55px;
	line-height:55px;
	text-align:center;
}
.service-strip-item h2:hover i{
	color: rgba(255,255,255,0.8);
	font-size: 55px;
}
.service-strip-item h2 a{
	color:inherit;
	display: table;
	width: 100%;
}
.service-strip-item:before{
	content:"";
	width:0%;
	height:0%;
	position:absolute;
	left:25px;
	top:10px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	opacity:0;
}
.service-strip-item:after{
	content:"";
	width:0%;
	height:0%;
	position:absolute;
	right:25px;
	bottom:10px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	opacity:0;
}

.service-strip-item:hover::before{
	width:30%;
	height:30%;	
	opacity:1;
}
.service-strip-item:hover::after{
	width:30%;
	height:30%;	
	opacity:1;
}


.btn{
	line-height:56px;
	font-size:22px;
	font-weight: 300;
	border-radius:3px;	
	padding:0 90px 0 25px;
	position:relative;
	overflow:hidden;
}
.btn:after{
	content:"";
	width:95px;
	height:56px;
	transform:skewX(45deg);
	-webkit-transform:skewX(45deg);
	background:#343434;
	position:absolute;
	right:-25px;
	opacity:1;
}
.btn:hover::after{
	transform:skewX(-45deg);
	-webkit-transform:skewX(-45deg);
	opacity:.5;	
}
.btn[class*='fa-']:before{
	font-family:"FontAwesome";
	position:absolute;
	right:25px;
	z-index:1;
}
.btn[class*='fa-']:hover::before{
	right:30px;
}
/*button dark*/
.btn-dark{
	background:#000000;	
	color:#fff;
}
.btn-dark:hover, .btn-dark:focus{
	color:#999;
}
.btn-dark:after{
	background:#343434;
}
/*button light*/
.btn-light{
	background:#ffffff;	
	color:#333;
}
.btn-light:hover, .btn-light:focus{
	color:#666;
}
.btn-light:after{
	background:#dbdbdb;
}
/*button link*/
.btn-link-dark{
	background:none;
	color:#333;	
	padding-left:0;
	padding-right:50px;
	font-size:18px;
}
.btn-link-dark:hover, .btn-link-dark:focus{
	color:#666;	
}
.btn-link-dark:after{
	background:none;
}
.btn-link-dark:before{
	color:#333!important;
}
.btn-link-dark:hover::before, .btn-link-dark:focus::before{
	color:#666!important;
}


.section-title h1{
	font-size:40px;
	line-height:30px;
	color:#000;
	font-weight:300;
}
.section-title.small-title h1{
	
}
.section-title h3{
	font-size:24px;
	line-height:24px;
	color: #666666;
	font-style: italic;
	margin-top: 40px;
	font-weight:300;
}

.padding-top-15{
	padding-top:15px;	
}
.padding-top-20{
	padding-top:20px;	
}
.padding-top-25{
	padding-top:25px;	
}
.padding-top-30{
	padding-top:30px;	
}
.padding-top-40{
	padding-top:40px;	
}
.padding-top-50{
	padding-top:50px;	
}
.padding-top-70{
	padding-top:70px;	
}
.padding-top-100{
	padding-top:100px;	
}
.padding-top-130{
	padding-top:130px;	
}
.padding-top-150{
	padding-top:150px;	
}
.padding-top-200{
	padding-top:200px;	
}


.padding-bottom-15{
	padding-bottom:15px;	
}
.padding-bottom-20{
	padding-bottom:20px;	
}
.padding-bottom-25{
	padding-bottom:25px;	
}
.padding-bottom-30{
	padding-bottom:30px;	
}
.padding-bottom-40{
	padding-bottom:40px;	
}
.padding-bottom-50{
	padding-bottom:50px;	
}
.padding-bottom-70{
	padding-bottom:70px;	
}
.padding-bottom-100{
	padding-bottom:100px;	
}
.padding-bottom-130{
	padding-bottom:130px;	
}
.padding-bottom-150{
	padding-bottom:150px;	
}
.padding-bottom-200{
	padding-bottom:200px;	
}

.margin-top-15{
	margin-top:15px;	
}
.margin-top-20{
	margin-top:20px;	
}
.margin-top-25{
	margin-top:25px;	
}
.margin-top-30{
	margin-top:30px;	
}
.margin-top-40{
	margin-top:40px;	
}
.margin-top-50{
	margin-top:50px;	
}
.margin-top-70{
	margin-top:70px;	
}
.margin-top-100{
	margin-top:100px;	
}
.margin-top-130{
	margin-top:130px;	
}
.margin-top-150{
	margin-top:150px;	
}
.margin-top-200{
	margin-top:200px;	
}


.margin-bottom-15{
	margin-bottom:15px;	
}
.margin-bottom-20{
	margin-bottom:20px;	
}
.margin-bottom-25{
	margin-bottom:25px;	
}
.margin-bottom-30{
	margin-bottom:30px;	
}
.margin-bottom-40{
	margin-bottom:40px;	
}
.margin-bottom-50{
	margin-bottom:50px;	
}
.margin-bottom-70{
	margin-bottom:70px;	
}
.margin-bottom-100{
	margin-bottom:100px;	
}
.margin-bottom-130{
	margin-bottom:130px;	
}
.margin-bottom-150{
	margin-bottom:150px;	
}
.margin-bottom-200{
	margin-bottom:200px;	
}

.margin-right-10{
	margin-right:10px;	
}
.margin-right-15{
	margin-right:15px;	
}
.margin-right-20{
	margin-right:20px;	
}
.margin-right-25{
	margin-right:25px;	
}


.about-box p{
	font-size: 18px;
}

.service-box{
	background-color: #fff;	
	position:relative;
}
.thumbnail-img{
	position:relative;
	overflow:hidden;
}
.thumbnail-img img{
	position:relative;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.service-box .thumbnail-img{
	height:184px;
}
.service-box .thumbnail-img img{
	max-height:200px;
	min-width:100%;
}
.service-box h1{
	color: #000;
	font-size: 24px;
	font-weight: 300;
	line-height:27px;
	height:53px;
	text-align:center;	
	overflow:hidden;
	font-style:italic;
}

.service-box p{
color: #333333;
font-size: 16px;
font-weight: 300;
line-height: 24px;	
height: calc(24px * 4);
overflow: hidden;
}
.service-box a{
	position:absolute;
	right: -1px;
	bottom: -1px;
	border-radius:0;
	color: #343434;
	line-height:50px;
	z-index:3;
	padding-right: 90px;
}
.service-box a:after{
	transform:skewX(0deg);
	-webkit-transform:skewX(0deg);
	width:100px;
	right:-50px;
}
.service-box a:hover::after{
	opacity:0.8;
	right:-30px;
}
.service-box .btn:before{
	color:#fff;
	right: 20px;
}
.ellipsis {
	text-overflow: ellipsis;

  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
.our-team-block{
	background: #F9F9F9;
	padding: 0 30px 30px;
	border-radius: 5px;
	border-bottom:3px solid #CCC;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}
.our-team-block:hover{
	box-shadow:0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
}
.our-team-block > .row{
	/*background:#333;*/
	margin-left:-30px;
	margin-right:-30px;
}

.team-thumb{
	height: 250px;
	margin-top: 15px;
	
}
.team-thumb img{
	position:absolute;
	height: 250px;
	width:250px;
	border-radius:50%;
	border: 1px solid #fff;
}


.our-team-block h2{
	color: #222;
	text-transform:uppercase;
	margin-bottom:0;
	font-size: 24px;
}
.our-team-block h3{
	color:#999;
	margin-top: 10px;
	font-size: 18px;
}
.our-team-block p{
	margin-bottom: 20px;
	color:#444;
	line-height:24px;
	height:calc(24px * 4);
	overflow:hidden;
}
.our-team-block a.btn{
	width:100%;
	max-width:308px;
}



#our-team-popup .our-team-block{
	border:0;	
	background:none;
	margin:-20px;
}
#our-team-popup .our-team-block h2, #our-team-popup .our-team-block h3{
	text-align:center;
	}
#our-team-popup .our-team-block p{
	height:auto;
	margin-bottom:inherit;
	padding-top:inherit;
	margin-bottom: 10px;
	border:none;
	text-align:center;
}
#our-team-popup .our-team-block > .row{
	text-align:left;
	padding:0 30px;
	
}
#our-team-popup{
	max-width:700px;	
}
#our-team-popup .team-thumb{
	height:auto;	
}
#our-team-popup .team-thumb img{
	position:relative;
	border-radius:0;
	border:0;
	width:100%;
	max-width:400px;
	height:auto;
	top:0;
	left:50%;
	transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	}
#our-team-popup .mfp-close{
	color:#999;
}
#our-team-popup > div{
	display:none;	
}
.list-iconed li{
	list-style:none;	
}
.list-iconed li:before{
    font-family: 'Glyphicons Halflings';
	float: left;
    position:relative;
	left:-20px;

}
.tick-list li:before{
	content: "\e013";
}
.star-list li:before{
	content: "\e007";
}


.methodology-list-01 li{
	padding:10px 0;	
}
.methodology-list-01 li:before{
	color:#FC0;
}
.methodology-list-02 li{
	padding:5px 0;
}
.methodology-list-02 li:before{
	color:#FC0;
}


#contact-strip h3{
	margin:0;
	color: #ffffff;
	font-size: 30px;
	font-weight: 300;
	line-height: 39px;
}
#contact-strip h2{
	margin:0;
	color: #ffffff;
	font-size: 36px;
	font-weight: 300;
	line-height: 45px;
}
#contact-strip h4{
	margin:0;
	color: #bcbcbc;
	font-size: 23px;
	font-style: italic;
	font-weight:300;
	line-height: 39px;
}
#contact-strip a{ 
	margin-top:34px;
}

.black-overlay{
	position:relative;	
}
.black-overlay:before{
	content:"";
	background:rgba(0,0,0,0.6);
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.black-overlay-darken:before{
	background:rgba(0,0,0,0.8);
}

.logo-slider img{
	margin:0 auto;	
	max-width:100%;
}
.logo-slider button{
	opacity:0;	
}
.logo-slider:hover button{
	opacity:1;	
}

footer{
	background:#353535;	
}
footer h3{
	color: #aeaeae;
	font-size: 24px;
	font-weight: 300;
	padding-bottom:25px;
}
.dark-line{
	position:relative;	
}
.dark-line:before{
	content:"";
	width: 100%;
	height: 1px;
	background-color: #262626;
	opacity: 0.8;	
	position:absolute;
	bottom:1px;
	left:0;
}
.dark-line:after{
	content:"";
	width: 100%;
	height: 1px;
	background-color: #525252;
	opacity: 0.5;
	position:absolute;
	bottom:0;
	left:0;
}
.dark-line.top:before{
	bottom:auto;
	top:0;
}
.dark-line.top:after{
	bottom:auto;
	top:1px;
}
.dark-line.bottom:before{
	top:auto;
	bottom:1px;
}
.dark-line.bottom:after{
	top:auto;
	bottom:0;
}

footer h3 strong{
	font-weight: 400;	
}
footer p{
	color: #aeaeae;
	font-weight: 300;
}
.social-links a{
	color:none;
	background:none;	
}
.social-links i{
	color: #797979;
	width:44px;
	height:44px;
	line-height:41px;
	text-align:center;
	border-radius:50%;
	-webkit-border-radius:50%;
	border: 2px solid #858585;
}
.social-links a:hover i{
	color: #fff;
	border: 2px solid #fff;
}

.footer-menu{
	padding-left:0;	
}
.footer-menu li{
	list-style:none;
}
.footer-menu a{
	line-height:51px;
	color: #aeaeae;	
}
.footer-menu a:hover{
	color: #fff;	
}

footer .media {
	color: #aeaeae;
}
footer .media a{
	color: #aeaeae;
}
footer a:hover{
	color: #fff;
}
.copyright-section{
	background:#242424;	
}
.copyright-section p{
font-size: 18px;
font-weight: 300;
line-height: 44px;
color: #787878;
}
.copyright-section p a{
color: #cbcbcb;	
}

.back_to_top{
	right:30px;
	bottom:55px;
	background:rgba(255,255,255,0.5);
	border-radius:50%;
	width: 40px;
	height: 40px;
    position: fixed;
    display: inline-block;
	z-index: 1;
	}
.back_to_top:hover{
	background:#000;
}
.back_to_top:hover a{
	color:#fff;
}
.back_to_top a{
	color: #333;	
}
.back_to_top i{
	font-size:22px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
.back_to_top a:hover {
	color:#fff;
}

.navbar-toggle {
	background-color: #000;	
	border-radius: 0px;
}
.navbar-default .navbar-toggle {
    border-color: #000;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.overlay-lines:before{
	content:"";
	width:calc(100% - 100%);
	height:calc(100% - 100%);
	border-top:1px solid #666;
	border-right:1px solid #666;	
	position:absolute;
	right:10px;
	top:10px;
	z-index:2;
}
.overlay-lines:hover::before{
	content:"";
	width:calc(100% - 20px);
	height:calc(100% - 70px);

}
.overlay-lines:after{
	content:"";
	width:calc(100% - 100%);
	height:calc(100% - 100%);
	border-bottom:1px solid #666;
	border-left:1px solid #666;	
	position:absolute;
	left:10px;
	bottom:60px;
	z-index:2;
}
.overlay-lines:hover::after{
	width:calc(100% - 20px);
	height:calc(100% - 70px);
}
.service-box.overlay-lines:before, .service-box.overlay-lines:after{
	opacity:0.5;
}
.service-box .white-overlay{
	content:"";
	background:rgba(255,255,255,0.1);	
	width:calc(100%);
	height:calc(100%);
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	opacity:0;
}
.service-box:hover .white-overlay{
	opacity:1;
}



/*Inner Page CSS*/
.about-image{
	width:100%;
	height:405px;
	background-blend-mode: normal;	
}
.inner-banner img{
	width:100%;	
}
.inner-banner{
	position:relative;	
}
.inner-page-title{
	position:absolute;
	bottom:0;
	width:100%;
	background:rgba(0,0,0,0.8);	
}
.inner-page-title h2{
	color:#fff;
	font-weight:600;
	margin-bottom:0;
	font-size: 22px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	padding-bottom: 10px;
	text-transform:uppercase;
}
.inner-content h2.has-sub {
	padding-bottom:25px;
	position:relative;	
}
.inner-content h2.has-sub .sub-title{
	font-size:14px;
	color:#999;	
	position:absolute;
	bottom:0;
	left:0;
}
.inner-content h2.has-sub .sub-title i{
	margin-right:10px;
}

.thumbnail-img{
	position:relative;
	overflow:hidden;
}

.note-box-1 .thumbnail-img{
	height:200px;	
}
.note-box-1 .thumbnail-img img{
	height:200px;
}

.note-box-1{
	padding-bottom:15px;
	border-radius:0 0 0px 0px;	
}
.note-box-1.inner-service-box{
	padding-bottom:70px;	
}
.note-box-1 h2{
	font-size:22px;
	font-weight:600;
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
	font-color:#444;	
}


.note-box-1 p{
	line-height:24px;
	height:calc(24px * 4);
	overflow:hidden;
	margin-bottom: 10px;	
}

.service-box.bordered{
	border-bottom:4px solid #eee;		
}
.service-box.inner-service-box{
	padding-bottom:70px;	
}

.side-content h3{
	border-bottom:1px solid #EDEDED;
	padding:0 15px 15px 15px;
}

.side-service-list{
	padding-left:0;	
}
.side-service-list li{
	position:relative;
	padding-left:105px;	
	padding-right:15px;
	list-style:none;
	padding-bottom:15px;
	padding-top:15px;
	height:110px;
}
.side-service-list li:hover{
	background:#222;
}
.side-service-list li a{
	color:inherit;	
	display:block;
}
.side-service-list li:hover a{
	color:#fff;	
}
.side-service-list li h4{
	line-height:24px;
	height:24px;
	overflow:hidden;
	font-weight:600;
	margin:0;	
}
.side-service-list li p{
	line-height:24px;
	height:calc(24px * 2);
	overflow:hidden;
	margin: 0;
	color:#a8a8a8;
	font-size: 16px;
}
.side-service-list li .text-link{
	font-weight:300;
	font-size: 16px;
}
.side-service-list li .text-link i {
    margin-left: 5px;
}
.side-service-list li .thumbnail-img{
	position:absolute;
	left:15px;
	height:80px;
	width:80px;
}
.side-service-list li .thumbnail-img img{
	max-height:100%;	
}
.inner-content .article-image {
    width: 100%;
}

.career-list-block{
	padding-bottom:0;	
}
.career-list-block h2{
	border-bottom:0;
	margin-bottom:0;	
}
.career-list-block p{
	height:auto;
	margin-bottom:15px;
}

.contact-block{
	padding-left:115px;
	position:relative;
	height:130px;
	padding-top:15px;
	padding-bottom:15px;
}
.contact-block:last-child{
	margin-bottom:30px;
}
.contact-block:last-child:after{
	display:none;
}
.contact-block:after{
	content:"";
	width:100%;
	height:1px;
	background:#F3F3F3;
	position:absolute;
	bottom:0;
	left:0;
}
.contact-block i{
	position:absolute;
	left:0;
	font-size:40px;
	background:#333;
	width:80px;
	height:80px;
	border-radius:5px;
	color:#fff;
	line-height:80px;
	text-align:center;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.contact-block p{
	position:relative;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	margin: 0;
}
.about-image:before{
	content:"";
	width: 80%;
	height: 82px;
	position:absolute;
	z-index: -1;
	border-radius:50%;
	-webklit-border-radius:50%;
	box-shadow: 0px 40px 80px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 40px 80px rgba(0,0,0,0.5);
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}

.preloader{
	width:100%;
	height:100%;
	position:fixed;
	background:#eee;
	z-index:1111;
	top:0;	
	opacity:0;
	visibility:hidden;
	animation:fading-out 7s ease;
	-webkit-animation:fading-out 7s ease;
}

.logo-container{
	width:800px;
	height:150px;	
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(.2,.2);
	-webkit-transform:translate(-50%,-50%) scale(.2,.2);
	opacity:0;
	animation:zooming 7s ease;
	-webkit-animation:zooming 7s ease;
}

@keyframes zooming{
	0%{	transform:translate(-50%,-50%) scale(5,5);opacity:0;}
	20%{transform:translate(-50%,-50%) scale(1,1);opacity:1;}
	90%{transform:translate(-50%,-50%) scale(.9,.9);opacity:1;}	
	95%{transform:translate(-50%,-50%) scale(.2,.2);opacity:0;}	
	100%{transform:translate(-50%,-50%) scale(.2,.2);opacity:0;}	
}
@-webkit-keyframes zooming{
	0%{	-webkit-transform:translate(-50%,-50%) scale(5,5);opacity:0;}
	20%{-webkit-transform:translate(-50%,-50%) scale(1,1);opacity:1;}
	90%{-webkit-transform:translate(-50%,-50%) scale(.9,.9);opacity:1;}	
	95%{-webkit-transform:translate(-50%,-50%) scale(.2,.2);opacity:0;}	
	100%{-webkit-transform:translate(-50%,-50%) scale(.2,.2);opacity:0;}	
}
@keyframes fading-out{
	0%{opacity:1;visibility:visible;}
	95%{opacity:1;}
	98%{}
	99%{opacity:0;visibility:visible;}
	100%{visibility:hidden;}	
}
@-webkit-keyframes fading-out{
	0%{opacity:1;visibility:visible;}
	95%{opacity:1;}
	98%{}
	99%{opacity:0;visibility:visible;}
	100%{visibility:hidden;}	
}
.logo-container > div{
	position:absolute;
}
.logo-container .inat-black{
	width:100%;
	height:150px;
	background:url(../logo-extract/inat-black.png) center center;
	background-size:100% auto; 
}
.logo-container .d-red-seperate{
	width:150px;
	height:150px;	
	left: 310px;	
	background:url(../logo-extract/d-red-seperate.png) center center / 100% auto;
	opacity:0;
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	animation:d-rotate 7s ease-in;
	-webkit-animation:d-rotate 7s ease-in;
}
.logo-container .d-green-seperate{
	width:150px;
	height:150px;	
	left: 310px;	
	background:url(../logo-extract/d-green-seperate.png) center center / 100% auto;
	opacity:1;
	transform:rotate(0deg) scale(1,1);
	-webkit-transform:rotate(0deg) scale(1,1);
	animation:d-color-change 7s ease-in;
	-webkit-animation:d-color-change 7s ease-in;
}
.logo-container .d-black-seperate{
	width:150px;
	height:150px;	
	left: 310px;	
	background:url(../logo-extract/d-black-seperate.png) center center / 100% auto;
	opacity:1;
	transform:rotate(0);
	-webkit-transform:rotate(0);
	animation:d-color-final 7s ease-in;
	-webkit-animation:d-color-final 7s ease-in;
}
.logo-container .key-hole-red-seperate{
	width:150px;
	height:150px;	
	left: 310px;	
	transform:rotate(0) scale(1,1);
	-webkit-transform:rotate(0) scale(1,1);
	background:url(../logo-extract/key-hole-red-seperate.png) center center / 100% auto;
	opcaity:0;
	animation:key-rotate 7s ease-in;
	-webkit-animation:key-rotate 7s ease-in;
}
.logo-container .key-hole-green-seperate{
	width:150px;
	height:150px;	
	left: 310px;	
	transform:rotate(0);
	-webkit-transform:rotate(0);
	background:url(../logo-extract/key-hole-green-seperate.png) center center / 100% auto;
	opcaity:1;
	animation:key-color-change 7s ease-in;
	-webkit-animation:key-color-change 7s ease-in;
}
.logo-container .key-hole-black-seperate{
	width:150px;
	height:150px;	
	left: 310px;	
	transform:rotate(0);
	-webkit-transform:rotate(0);
	background:url(../logo-extract/key-hole-black-seperate.png) center center / 100% auto;
	opcaity:1;
	animation:key-color-final 7s ease-in;
	-webkit-animation:key-color-final 7s ease-in;
}
.logo-container .sub-text{
	width:450px;
	height:45px;
	left:50%;
	bottom:-80px;
	opacity:0;
	transform:translateX(-50%) scale(1,1);
	background:url(../logo-extract/sub-text.png) center center / 100% auto;
	animation:sub-text-anim 7s ease;
}
@keyframes sub-text-anim{
	0%{opacity:0;transform:translateX(-50%) scale(1.2,1.2);}
	55%{opacity:0;transform:translateX(-50%) scale(1.2,1.2);}
	80%{opacity:1;transform:translateX(-50%) scale(1,1);}	
	85%{opacity:1;}
	100%{opacity:0;}		
}
@keyframes key-rotate{
0%{transform:rotate(-180deg);opacity:1;}
46%{transform:rotate(-180deg);}
49%{transform:rotate(0);opacity:1;}
50%{opacity:0;}	
100%{opacity:0;}	
}
@-webkit-keyframes key-rotate{
0%{-webkit-transform:rotate(-180deg);opacity:1;}
46%{-webkit-transform:rotate(-180deg);}
49%{-webkit-transform:rotate(0);opacity:1;}
50%{opacity:0;}	
100%{opacity:0;}	
}
@keyframes key-color-change{
0%{opacity:0;}
49%{opacity:0;}
50%{opacity:1;}	
100%{opacity:1;}
65%{opacity:1;}
81%{opacity:0;}
100%{opacity:0;}		
}
@-webkit-keyframes key-color-change{
0%{opacity:0;}
49%{opacity:0;}
50%{opacity:1;}	
100%{opacity:1;}
65%{opacity:1;}
81%{opacity:0;}
100%{opacity:0;}		
}
@keyframes key-color-final{
0%{opacity:0;}
65%{opacity:0;}
81%{opacity:1;}
100%{opacity:1;}	
}
@-webkit-keyframes key-color-final{
0%{opacity:0;}
65%{opacity:0;}
81%{opacity:1;}
100%{opacity:1;}	
}
@keyframes d-rotate{
0%{opacity:1;transform:rotate(-90deg) scale(1,1);}
49%{opacity:1;transform:rotate(-90deg) scale(1,1);}
50%{transform:rotate(0) scale(1.5,1.5);}
58%{opacity:0;transform:rotate(0) scale(1,1);}
56%{opacity:0;}
100%{opacity:0;}	
}
@-webkit-keyframes d-rotate{
0%{opacity:1;-webkit-transform:rotate(-90deg) scale(1,1);}
49%{opacity:1;-webkit-transform:rotate(-90deg) scale(1,1);}
50%{-webkit-transform:rotate(0) scale(1.5,1.5);}
58%{opacity:0;-webkit-transform:rotate(0) scale(1,1);}
56%{opacity:0;}
100%{opacity:0;}	
}
@keyframes d-color-change{
0%{transform:rotate(-90deg);opacity:0;}
49%{transform:rotate(-90deg) scale(1,1);opacity:0;}
50%{transform:rotate(0) scale(1.5,1.5);}
58%{transform:rotate(0) scale(1,1);opacity:1;}
60%{transform:rotate(0) scale(1,1);opacity:1;}
65%{opacity:1;}
85%{opacity:0;}
100%{opacity:0;}	
}
@-webkit-keyframes d-color-change{
0%{-webkit-transform:rotate(-90deg);opacity:0;}
49%{-webkit-transform:rotate(-90deg) scale(1,1);opacity:0;}
50%{-webkit-transform:rotate(0) scale(1.5,1.5);}
58%{-webkit-transform:rotate(0) scale(1,1);opacity:1;}
60%{-webkit-transform:rotate(0) scale(1,1);opacity:1;}
65%{opacity:1;}
85%{opacity:0;}
100%{opacity:0;}	
}
@keyframes d-color-final{
0%{opacity:0;}
65%{opacity:0;}
85%{opacity:1;}
100%{opacity:1;}	
	
}
@-webkit-keyframes d-color-final{
0%{opacity:0;}
65%{opacity:0;}
85%{opacity:1;}
100%{opacity:1;}	
	
}


@media screen and (max-width:767px){
		.logo-container{
		width:400px;
		height:75px;	
		}
		.logo-container .inat-black{
		width:100%;
		height:75px;	
		}
		.logo-container .d-red-seperate, .logo-container .d-green-seperate, .logo-container .d-black-seperate, .logo-container .key-hole-red-seperate, .logo-container .key-hole-green-seperate, .logo-container .key-hole-black-seperate{
			width:75px;
			height:75px;
			left:155px;
		}
}
@media screen and (max-width:640px){
.logo-container{
	transform:translate(-50%,-50%) scale(.1,.1);
}
@keyframes zooming{
	0%{	transform:translate(-50%,-50%) scale(5,5);opacity:0;}
	20%{transform:translate(-50%,-50%) scale(.6,.6);opacity:1;}
	90%{transform:translate(-50%,-50%) scale(.5,.5);opacity:1;}	
	95%{transform:translate(-50%,-50%) scale(.1,.1);opacity:0;}	
	100%{transform:translate(-50%,-50%) scale(.1,.1);opacity:0;}	
}	
@-webkit-keyframes zooming{
	0%{	-webkit-transform:translate(-50%,-50%) scale(5,5);opacity:0;}
	20%{-webkit-transform:translate(-50%,-50%) scale(.6,.6);opacity:1;}
	90%{-webkit-transform:translate(-50%,-50%) scale(.5,.5);opacity:1;}	
	95%{-webkit-transform:translate(-50%,-50%) scale(.1,.1);opacity:0;}	
	100%{-webkit-transform:translate(-50%,-50%) scale(.1,.1);opacity:0;}	
}	
}



.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}




/*Responsive CSS*/
@media screen and (min-width:992px){
	body{
		padding-top:0!important;	
	}
}

@media screen and (max-width:991px){
	.navbar{
    margin: 0px 0px;
}
.navbar-brand > img {
    width: 190px;
}	
.navbar-nav > li > a{
	font-size: 18px;	
}
#contact-strip{
	text-align:center;	
}
.inner-banner{
	height:110px;
	overflow:hidden;
}
.inner-banner img{
	min-height:110px;
	width:auto;
	height:auto;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	max-width:100%;
}
.note-box-1 .thumbnail-img img{
	height:auto;
	width:100%;
}
.note-box-1.inner-service-box p{
	height:auto;
}
.service-box.inner-service-box {
    padding-bottom: 55px;
}
.our-team-block{
	margin-bottom:15px;	
}
.our-team-block p{
	height:auto;	
}
.service-strip-item h2{
	left:0;
	transform: translate(0);
	-webkit-transform: translate(0);	
	width: 100%;
}
}

@media screen and (max-width:767px){
.btn{
	font-size:14px;	
}

.navbar-collapse{
	width:100%;
}
.navbar-nav{
	width:100%;	
    margin: 0px 0px;
	background: #000;
}
.navbar-nav > li > a {
    line-height: 24px;
}
.navbar-nav > li > a:hover, .navbar-nav > li.active > a, .navbar-nav > li > a:focus {
    background:rgba(255,255,255,0.1)!important;
	color:#ddd!important;
}
.navbar-default .navbar-nav .open .dropdown-menu{
	background:rgba(255,255,255,0.1);
	padding: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
	background:rgba(255,255,255,0.1);	
	color:#ddd;
}
.navbar{
	margin-top:0;
	margin-bottom:0;	
}
.navbar-default .navbar-toggle{
	position: relative;
	top: 33px;
	right: 0px;
	margin: 0 15px;	
}
header.affix .navbar-default .navbar-toggle{
	top: 13px;	
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background:#333;	
}
.navbar-default .navbar-nav > .active::before {
	display:none;	
}
.owl-wrapper-outer::before, .owl-wrapper-outer::after {
	display:none!important;
}
*[class*='padding-top']{
	padding-top:15px!important;	
}
*[class*='padding-bottom']{
	padding-bottom:15px!important;	
}
*[class*='margin-top']{
	margin-top:15px!important;	
}
*[class*='margin-bottom']{
	margin-bottom:15px!important;	
}
.section-title h1 {
    font-size: 30px;
}
.service-box[class*='padding-bottom']{
	padding-bottom:55px!important;	
}
.slick-slider:hover .slick-prev, .slick-slider:hover .slick-next {
    display: none !important;
}
.section-title h3 {
    font-size: 18px;
    margin-top: 0px;

}
article {
    margin: 0px auto!important;
}
#contact-strip a {
    margin-top: 15px;
}
#contact-strip h3{
	font-size: 100%;
}
#contact-strip h2{
	font-size:25px;
	line-height:25px;	
}
#contact-strip h4{
	font-size:100%;
}
.copyright-section p {
    font-size: 16px;
    line-height: 25px;
}

}

@media screen and (max-width:640px){
*[data-t="11"]{
	display:none;	
}	
.contact-block{
	padding-left:30px;
	height: auto;
}
.contact-block i{
	left:0;
	font-size:20px;
	background:none;
	width:30px;
	height:30px;
	color:#666;
	line-height:30px;
	top:15px;
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.contact-block p{
	top: 0;
	transform: translateY(0%);
	-webkit-transform: translateY(0%);	
}
}

@media screen and (max-width:480px){
.note-box-1 .thumbnail-img {
    height: 137px;
}	
.note-box-1 .thumbnail-img img{
	min-height:100%;
}	
}