/***********************************************
Theme Name: Nitro - Corporate and Mutlipurpose Template
Author: pritam
Author URI: http://thewebtemplate.com
Version: 1.2
************************************************ */

/*---------------------------table of content-----------------------

MENU
:: -- HOME  MENU WITH SLIDER
:: -- ABOUT SECTION
:: -- SERVICE SECTION
:: -- NEWS SECTION
:: -- SUPPORT SECTION
:: -- OUR TEAM SECTION
:: -- CLIENT SAYS WITH VIDEO  SECTION
:: -- OUR CLIENT SECTION
:: -- CONTACT WITH MAP SECTION
:: -- FOOTER



----------------------------end table----------------------------/

/*=======default css=============*/
a{text-decoration: none; -moz-transition:ease-in 0.4s; -webkit-transition:ease-in 0.4s; -ms-transition:ease-in 0.4s; -o-transition:ease-in 0.4s;transition:ease-in 0.4s;}
a:hover{text-decoration: none !important; outline: none; }
a:focus{outline:none !important; text-decoration:none !important; color:#ccc;}
input:focus{outline: 1px solid #F37917;}
textarea:focus{outline: 1px solid #F37917;}
body{font-size: 15px !important; font-family: 'Arimo', sans-serif !important;}
ul{padding:0px; list-style-type: none;}
.padding-none{padding: 0px !important;}
.margin-none{margin: 0px !important;}
.border-none{border: none !important;}
.gap-left{margin-left: 10px;}
.gap-right{margin-right: 10px;}
.space1{height:10px; width: 100%;}
.space2{height:20px; width: 100%;}
.space3{height:30px; width: 100%;}
.space4{height:40px; width: 100%;}
.space5{height:50px; width: 100%;}
.center1{width:10%; margin: 0px auto;}
.center2{width:20%; margin: 0px auto;}
.center3{width:30%; margin: 0px auto;}
.center4{width:40%; margin: 0px auto;}
.center5{width:50%; margin: 0px auto;}
.center6{width:60%; margin: 0px auto;}
.center7{width:70%; margin: 0px auto;}
.center8{width:80%; margin: 0px auto;}
.center9{width:90%; margin: 0px auto;}
.center10{width:100%; margin: 0px auto;}
section{position: relative; width: 100%; }
ul{margin:0px !important; padding:0px !important;}

/*=======================start main style======================*/

/*==============sub header====================*/

.sub-header{width:100%; background:#040404; color:#ccc; padding:3px 0px;  }
.sub-header p{font-size:14px; text-transform:uppercase;}
.mobile p{padding-right:10px; padding-top:0px; position:relative; top:-5px; margin-bottom:0px;}
.sub-header i{font-size:23px; position:relative; top:6px;}
.log span{padding-right:10px; padding-top:0px; position:relative; display:inline-block; padding:0px 11px; font-size:12px;}
.to{text-transform:uppercase;}
.to span:hover{background:#1F0E04; color:#fff;}
.log i{font-size:23px; position:relative; top:4px;}
.login-box{position:absolute; z-index:9999; width:240px; background:#1F0E04; padding:10px; display:none; right:0px;}
.log-in:hover .login-box{display:block;}
.login-box .name{width:100%; height:33px; padding-left:12px; margin-top:12px; background:none; border:1px solid #ccc; border-radius:1px;}
.login-box .login{background:none; margin-top:11px;border:1px solid #ccc; border-radius:1px; padding:5px 15px; font-size:14px;} 
.login-box a{text-transform:capitalize; padding-left:12px; color:#ccc; font-size:12px;}
.login-box .name:focus{outline:none;}
.login-box .login:hover{background:#111; color:#F37917;}
.to a{color:#ccc;}
.to a:hover{color:#fff;}




/*======================menu & logo=======================*/

header{background:#1F0E04; color:#fff; position:relative; z-index:999; padding-bottom:1px; height:61px; }
.logo{float:left; width:auto; height:60px; overflow:hidden;}
.logo img{max-width:100%; width:100%;}
.menu{width:auto; float:right;}
.menu ul{float:right; height:61px;}
.menu ul li{float:left; position:relative;}
.menu ul li a{text-transform:uppercase; display:block; color:#ccc; padding:0px 3px; line-height:61px; font-size:14px;}
.menu ul li a:hover{background:#040404; color:#F37917}
.menu ul  li a i{font-size:18px;}
.share a{padding:0px 10px !important;}
.share span{position:relative;}
.share{ margin-left:23px; position:relative;}
.top-social a{display:block; text-transform:capitalize; padding:7px 14px !important; line-height:23px !important; color:#fff !important; }
.top-social{position:absolute; right:0px; width:167px;}
.facebook{background:#3B5997;}
.twitter{background:#29C5F6;}
.youtube{background:#DE332C;}
.instagram{background:#4F7FA7;}
.menu ul li:hover{background:#000;}
.top-social{display:none;}
.share:hover .top-social{display:block;}
.menu ul ul{position:absolute; width:240px; display:none; z-index:99; right:0px; }
.menu ul ul li{float:none; background:#000; display:block;}
.menu ul ul li a{padding:7px 12px !important; line-height:23px !important;}
.menu ul ul li a:hover{background:#1F0E04;}
.menu ul li:hover ul{display:block;}
.active1{background:#000; color:#F37917 !important;}


/*====================heading text=======================*/

.heading{text-align:center; position:relative;}
.heading h1{text-transform:uppercase; font-size:45px;font-family: 'Aileron-Thin';}

.heading1{text-align:center; color:#fff; position:relative;}
.heading1 h1{text-transform:uppercase; font-size:45px;font-family: 'Aileron-Thin';}


/*===============================slider======================*/
.swiper-slide img{width:100%;}
	.content-box{position:absolute; top:37%; left:10%; z-index:9;}
	.content1{  opacity:0;}
	.swiper-slide-active .content1{opacity:1; -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
	opacity:1;
	}
	
	.content2{ opacity:0;}
	.swiper-slide-active .content2{opacity:1; -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
	opacity:1;}
	.content3{ opacity:0;}
	.swiper-slide-active .content3{opacity:1; -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
	opacity:1;}
	.content4{ opacity:0;}
	.swiper-slide-active .content4{opacity:1; -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 1500ms both;
  -o-animation: fadeInUp 300ms linear 1500ms both;
  -ms-animation: fadeInUp 300ms linear 1500ms both;
  animation: fadeInUp 300ms linear 1500ms both;
	opacity:1;}

.white{background:#fff; padding:0px 20px;}
.slider{text-transform:capitalize;}
.slider h1{font-family: 'Aileron-Thin'; font-size:43px; color:#fff; }
.black{background:#222; padding:0px 20px;}
.buy{background:#F37917; color:#fff; padding:10px 23px; display:inline-block; margin-top:12px;}
.buy:hover{background:#333; color:#fff;}
.slider h2{font-family: 'Arimo', sans-serif; font-size:34px; font-weight:700; color:#444; }





/*================about us============================*/


.about{padding:45px 0px;}
.about-first{margin-top:15px; padding:0px 1px; position:relative;}
.about-first img{display:block; margin:10px auto; padding-top:5%;}
.about-text{padding-top:45px ; text-align:left; }
.about-text p{font-size:15px; line-height:23px; padding:0px 2px; color:#555;}
.about-text h3{text-transform:uppercase; font-weight:700;}
.color{color:#F37917;}
.about1{width:100px; height:100px; border-radius:50%; background:url(../images/news1.jpg) no-repeat; display:block; left:0px; right:0px; margin:0px auto; position:absolute; top:0px;}
.about1:before{width:2px; background:#F37917; height:100%; display:block; margin:0px auto; position:absolute; top:100px; content:" "; left:48px;}
.about2{width:100px; height:100px; border-radius:50%; background:url(../images/news1.jpg) no-repeat; display:block; left:0px; right:0px; margin:0px auto; position:absolute; top:300px;}
.about2:before{width:2px; background:#F37917; height:100%; display:block; margin:0px auto; position:absolute; top:-100px; content:" "; left:48px;}
.about3{width:100px; height:100px; border-radius:50%; background:url(../images/news1.jpg) no-repeat; display:block; left:74px; position:absolute; top:150px;}
.about3:before{width:100px; background:#F37917; height:2px; display:block; margin:0px auto; position:absolute; top:48px; content:" "; left:100px;}
.about4{width:100px; height:100px; border-radius:50%; background:url(../images/news1.jpg) no-repeat; display:block; right:78px; position:absolute; top:150px;}
.about4:before{width:100px; background:#F37917; height:2px; display:block; margin:0px auto; position:absolute; top:48px; content:" "; left:-100px;}
.about-round{ margin-top:56px;}





/*================services====================*/

.service{padding:45px 0px; position:relative; background:#1F0E04;}
.left-service-image{background:url(../images/service-left.jpg) no-repeat; position:absolute; top:0px; left:0px; width:29%; height:100%; background-size:auto 100%; background-attachment:fixed; }
.overlay1{position:absolute; padding-top:1px; top:0px; width:100%; background:rgba(30,15,3, 0.7); height:100%;}
.overlay2{background: #F37917; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(243,121,23,0.7),rgba(31,14,4, 0.7)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(243,121,23,0.7),rgba(31,14,4, 0.7)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(243,121,23,0.7),rgba(31,14,4, 0.7)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(243,121,23,0.7), rgba(31,14,4, 0.7)); /*Standard*/
  position:absolute; top:0px; width:100%; height:100%;
}
.service-text{position:relative; color:#fff; text-align:center;}
.service-text h2{text-transform:uppercase;font-family: 'Arimo', sans-serif; font-weight:700; text-shadow:2px 2px 3px #222;}
.service-text p{font-size:12px; color:#ccc; padding-top:7px;}

.service-inner{padding:20px 10px 76px 10px; overflow:hidden; text-align:center;}
.service-inner h3{color:#f37917; text-transform:uppercase; font-size:21px;font-family: 'Arimo', sans-serif; font-weight:700; margin-top:10px;}
.service-inner p{padding:0px 10px; font-size:13px; color:#ccc;}
.service-icon{font-size:65px; color:#ccc; margin-top:24px; display:block;}
.service-inner a{display:inline-block; margin-top:19px; color:#F37917; border:1px solid #eee; padding:8px 16px; text-transform:uppercase; font-size:14px;}
.service-inner a:hover{background:#F37917; color:#fff;}
.service .owl-prev:before{font-family: 'Pe-icon-7-stroke';content: "\e686"; font-size:32px; background:#1F0E04; color:#fff; border:1px solid #fff;}
.service .owl-next:before{font-family: 'Pe-icon-7-stroke';content: "\e684"; font-size:32px; background:#1F0E04; color:#fff; border:1px solid #fff;}
.service-text{padding-top:45%;}
.service .owl-buttons{ margin-left:-28%; width:114px !important; position:absolute; margin-top:135px;}
.service .owl-pagination{display:none;}


/*===================news=======================*/

.news{padding:45px 10px;}
.news-slider{margin-top:55px;}
.news .owl-prev:before{font-family: 'Pe-icon-7-stroke';content: "\e686"; font-size:32px; background:#1F0E04; color:#fff; border:1px solid #fff;}
.news .owl-next:before{font-family: 'Pe-icon-7-stroke';content: "\e684"; font-size:32px; background:#1F0E04; color:#fff; border:1px solid #fff;}
.news .owl-controls{top:-90px !important; width:100px !important; right:10px !important;}
.news-inner h3{padding:7px 0px;font-family: 'Aileron-Thin'; color:#F37917;}
.news-inner p{padding:0px 0px; font-size:13px;}
.news .owl-pagination{display:none;}
.news-inner{padding:0px 11px;}
.like{ color:#F37917;  }
.like span{padding:7px 12px; border-radius:3px; font-size:16px;}
.like span:hover{background:#ccc; color:#fff;}


/*=========================support==========================*/

.support{overflow:hidden; width:100%; }
.support-inner{padding-left:64px;position:relative; overflow:hidden; padding-bottom:46px; margin-top:44px; z-index:9;}
.icon2{position:absolute; top:14px; left:10px; font-size:42px; color:#eee;}
.support-inner h3{color:#F37917; text-transform:uppercase; font-family: 'Arimo', sans-serif; font-weight:700;}
.support-inner p{font-size:13px; color:#eee;}
.border-line{background:#1F0E04; height:7px; width:100%; position:absolute; bottom:0px; left:0px; z-index:-1; transition:ease-in 0.5s; -moz-transition:ease-in 0.3s; -webkit-transition:ease-in 0.3s; -ms-transition:ease-in 0.3s; -o-transition:ease-in 0.3s;}
.support-inner:hover .border-line{width:100%; height:100%;}


/*=================meet team=====================*/

.meet{padding:56px 0px;}
.meet-inner h2{font-family: 'Aileron-Thin'; letter-spacing:1px; text-transform:uppercase; color:#1F0E04 !important; font-size:21px;}
.meet-inner img{max-width:100%;}
.team-social{text-align:center;}
.team-social p a{display:inline-block; width:30px; height:30px; line-height:30px; color:#222; background:#eee; border-radius:50%; text-align:center; margin:4px;}
.team-social p a:hover{background:#222; color:#eee;}
.meet-inner h3{text-align:center; text-transform:uppercase; font-size:18px; color:#444;}
.meet-inner{margin-top:43px; overflow:hidden; text-align:center; width:100%;border:5px solid #fff;}
.meet-inner:hover{border:5px solid #eee;}
.meet-inner:hover .team-show{background:#ccc;}
.team-show p{margin:0px;}
.team-show{padding:10px;}


/*============client says======================*/

.says{position:relative;}
.says video{position:absolute; top:0px; width:100%;}
.says .video-box{height:590px; overflow:hidden; width:100%; background:red; position:relative;}
.says-slider{position:absolute; top:0px; width:100%; z-index:9; padding:56px 0px;}
.says-text{text-align:center; padding:30px 23px; color:#fff;}
.says-text h3{font-family: 'Satisfy', cursive; font-size:27px; text-transform:capitalize; color:#F37917;}
.says-social a{display:inline-block; width:32px; height:32px; border-radius:50%; background:#697778; color:#fff; line-height:32px; text-align:center;}
.says-social a:hover{background:#222; color:#fff;}
.says-social{padding-top:24px;}
.date{padding-top:23px;font-family:HelveticaNeue-Medium;}
.says-do{margin-top:34px;}
.says .owl-controls{top:100% !important;}
.says .owl-pagination span{background:#ccc !important;}




/*===============our client=======================*/

.client{padding:45px 0px;}
.client-slider{margin-top:42px;}
.client-slider .item{margin-bottom:67px;}
.client-slider img{display:block; margin:0px auto;}
.gray{ background:#eee; padding-bottom:0px !important;}
.gray .subs1{background:#fff;}



/*==========================start contact=========================*/

.contact{overflow:hidden;}
.tabs-menu {height: 40px;fclear: both;list-style:none;}

.tabs-menu li {height: 41px;line-height: 30px;float: left;margin-right: 10px;background-color: #333;border-top: 1px solid #d4d4d1;border-right: 1px solid #d4d4d1;border-left: 1px solid #d4d4d1;
}
.tabs-menu li.current {position: relative;background-color: #fff;border-bottom: 1px solid #fff;z-index: 5;}

.tabs-menu li a {padding: 10px;text-transform: uppercase;color: #fff;text-decoration: none; font-size:32px; line-height:43px; }

.tabs-menu .current a {color: #F37917;}

.tab {border: 1px solid #d4d4d1;background-color: #fff;margin-bottom: 20px;width: auto;}

.tab-content {width: 100%;padding: 20px;display: none;}

#tab-1 {display: block;   }
#map{margin-top:45px;}




/*==================start register box===================*/

.regisrer h3{font-family:HelveticaNeue; text-transform:capitalize; font-size:27px; color:#F37917; margin:0px;}
.regisrer .name{width:100%; height:37px; padding-left:11px; margin-top:11px; border:1px solid  #ccc;}
.regisrer .name:focus{border:1px solid #F37917;}
.regisrer .subs{color:#222; border:1px solid #ccc;}
.regisrer a{padding:7px 13px; border-radius:3px; color:#fff; text-transform:capitalize; font-size:12px;}
.regisrer a:hover{color:#fff; opacity:0.9;}
.fb{background:#3b5998;}
.g{background:#d34836;}
.cut1{position:absolute; top:10px; right:10px; color:#777;}
.cut1:hover{color:#111;}



/*===========================start contact==========================*/

.contact .name{width:100%; height:37px; margin-top:11px; padding-left:11px; color:#222; border:1px solid #ccc;}
.area{width:100%; padding-left:11px; padding-top:7px; height:130px; margin-top:11px;}
.contact-modal{ max-width:80% !important; min-height:75%  !important;}
.contact-modal .subs{color:#222; border:1px solid #ccc;}
.email-box span{width:30px; display:block; margin:10px auto; font-size:31px;}
.email-box p{margin:0px; padding:0px; text-align:center;}

.map{padding:0px 12px;}

/*========================footer========================*/

footer{padding:40px 0px 0px 0px; position:relative;}
.foot-inner{min-height:267px;}
.footer-box{padding:0px 10px;}
.foot-inner h5{color:#CC5B00; margin:0px; padding-bottom:10px; text-transform:capitalize; font-family: 'Arimo', sans-serif; font-weight:700;}
.foot-inner h3{text-transform:uppercase; color:#fff;}
.border-short{width:80px; height:5px; background:#eee; margin-bottom:17px;}
.foot-inner p{color:#fff; font-size:14px;}
.socila{text-align:center;  margin:0px auto; padding-top:17px;}
.socila a{ color:#fff; padding:10px; font-size:19px;}
.socila a:hover{color:#CC5B00;}
.cent{text-align:center !important;}
.cent h3 span{width:80px; height:5px; display:inline-block; background:#fff;}
.cent .border-short{margin:0px auto;}
.sub-link{text-align:center; text-transform:capitalize; color:#fff; padding-top:17px;}
.sub-link a{ font-size:14px; color:#fff; padding:0px 7px;}
.sub-link a:hover{color:#CC5B00;}
.cent .name{width:90%; height:38px; margin:0px auto; background:none; border:1px solid #fff; color:#fff; padding-left:11px;}
.subs{padding:8px 17px; background:none; border:1px solid #fff; margin-top:13px; color:#fff; }
.subs:hover{background:#CC5B00; color:#fff;}
address{font-size:12px !important;}
.bye{text-transform:uppercase; color:#fff; font-size:15px; padding:10px 23px; border:1px solid #fff; display:inline-block; margin-top:25px;}
.bye:hover{background:#CC5B00; color:#fff; box-shadow:0px 2px 2px #222;}
address p{position:relative; padding-left:25px;}
address span{font-size:21px; top:0px; position:absolute; left:0px;}
.long-border{width:100%; box-shadow:0px 1px 1px #333; background:#aaa; height:1px;margin-top:33px; position:relative;}
.copy{padding:10px 0px; color:#fff; position:relative; text-transform:capitalize }
.copy a{color:#ccc;}
.copy a:hover{color:#CC5B00;}



/*=================menu button hover effects=======================*/

.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}


.cl-effect-5 a {
	overflow: hidden;
	padding: 0 34px;
	height: 37px;
	line-height:37px;
}

.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight:700;
	font-size:13px;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}



/*=================res menu=======================*/


nav{position:relative;}

.icon{color:#fff; font-size:24px !important; padding-left:13px;  position:absolute;  display:none; width:46px; height:60px; padding-top:13px; top:0px; right:0px; cursor:pointer; }
.icon:hover{color:#F37917; background:#000;}
.mm{text-transform:capitalize; background:#F35F23; height:260px; max-width:270px; overflow:auto; display:none; position:absolute; z-index:999; width:260px;}
.mm li a{color:#fff; padding:7px 20px; display:block;}
.mm h4{padding-left:20px; color:#111;}
.mm ul{padding-left:30px; display:none;}
.mm i{float:right;}
.mm li:hover{background:#cc450e;}
.mm li ul li:hover{background:#F35F23;}
.extra-logo{display:none; width:115px; position:relative; top:7px; left:70px;}
.selected{background:#222;}
.sticky{position:fixed; width:100%; top:0px; z-index:99;}
.scrollToTop{
    width: 40px;
    height: 50px;
    text-align:center;
    background: whiteSmoke;
    font-weight: bold;
    position:fixed;
    bottom: 0px;
    right: 20px;
    display: none;
    background:#000; color:#fff; font-size:38px; z-index:999; 
}
.scrollToTop:hover{background:#1F0E04; color:#fff;}
.scrollToTop:focus{color:#fff;}


/*============================loader style==========================*/

#cssload-pgloading {position:fixed; width:100%; height:100%; background:#1F0E04; z-index:9999;}

#cssload-pgloading:after {
		content: "";
		z-index: -1;
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
}
#cssload-pgloading .cssload-loadingwrap { width:150px; margin:0px auto; position:relative; top:45%;}
#cssload-pgloading .cssload-bokeh {
		font-size: 97px;
		width: 1em;
		height: 1em;
		position: relative;
		margin: 0 auto;
		list-style: none;
		padding:0;
		border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
}

#cssload-pgloading .cssload-bokeh li {
		position: absolute;
		width: .2em;
		height: .2em;
		border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
}

#cssload-pgloading .cssload-bokeh li:nth-child(1) {
		left: 50%;
		top: 0;
		margin: 0 0 0 -.1em;
		background: rgb(0,193,118);
		transform-origin: 50% 250%;
		-o-transform-origin: 50% 250%;
		-ms-transform-origin: 50% 250%;
		-webkit-transform-origin: 50% 250%;
		-moz-transform-origin: 50% 250%;
		animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
		-o-animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
		-ms-animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
		-webkit-animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
		-moz-animation: 
				cssload-rota 1.3s linear infinite,
				cssload-opa 4.22s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(2) {
		top: 50%; 
		right: 0;
		margin: -.1em 0 0 0;
		background: rgb(255,0,60);
		transform-origin: -150% 50%;
		-o-transform-origin: -150% 50%;
		-ms-transform-origin: -150% 50%;
		-webkit-transform-origin: -150% 50%;
		-moz-transform-origin: -150% 50%;
		animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
		-o-animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
		-ms-animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
		-webkit-animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
		-moz-animation: 
				cssload-rota 2.14s linear infinite,
				cssload-opa 4.93s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(3) {
		left: 50%; 
		bottom: 0;
		margin: 0 0 0 -.1em;
		background: rgb(250,190,40);
		transform-origin: 50% -150%;
		-o-transform-origin: 50% -150%;
		-ms-transform-origin: 50% -150%;
		-webkit-transform-origin: 50% -150%;
		-moz-transform-origin: 50% -150%;
		animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
		-o-animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
		-ms-animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
		-webkit-animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
		-moz-animation: 
				cssload-rota 1.67s linear infinite,
				cssload-opa 5.89s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(4) {
		top: 50%; 
		left: 0;
		margin: -.1em 0 0 0;
		background: rgb(243,121,23);
		transform-origin: 250% 50%;
		-o-transform-origin: 250% 50%;
		-ms-transform-origin: 250% 50%;
		-webkit-transform-origin: 250% 50%;
		-moz-transform-origin: 250% 50%;
		animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
		-o-animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
		-ms-animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
		-webkit-animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
		-moz-animation: 
				cssload-rota 1.98s linear infinite,
				cssload-opa 6.04s ease-in-out infinite alternate;
}







@keyframes cssload-rota {
		from { }
		to { transform: rotate(360deg); }
}

@-o-keyframes cssload-rota {
		from { }
		to { -o-transform: rotate(360deg); }
}

@-ms-keyframes cssload-rota {
		from { }
		to { -ms-transform: rotate(360deg); }
}

@-webkit-keyframes cssload-rota {
		from { }
		to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes cssload-rota {
		from { }
		to { -moz-transform: rotate(360deg); }
}

@keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-o-keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-ms-keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-webkit-keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-moz-keyframes cssload-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}



/*==================responsive design=========================*/


@media screen and (max-width:1199px){
	.menu ul li a{font-size:13px;}	
}



@media screen and (max-width:1050px){
	.video-box video{display:none;}	
	.says{background:url(../images/says-back.jpg) no-repeat; background-size:cover; background-attachment:fixed;}
	.says .video-box{height:auto; display:none }
	.says-slider{position:relative;}
}

@media screen and (max-width:991px){
	
	.logo{width:11%;}
	.menu ul li a{padding:0px 0px; font-size:11px;}
	.meet-inner{width:80%; margin:23px auto;}
	.meet-inner img{display:block; margin:0px auto; width:100%;}
	.support-inner h3{font-size:16px;}
	.support-inner{padding-right:7px;}
	.about-first{padding:0px 7px;}
	.service-inner h3{font-size:15px;}
	.skdslider{height:240px !important;}
	.tabs-menu li a{padding:7px;}
	.tabs-menu li{margin-right:0px;}
	.about-text p{font-size:12px;}
	.share{margin-left:0px;}
	.logo img{padding-top:11px;}
	
}	


@media screen and (max-width:768px){
	
	
	/*.logo{width:15%;}*/
	.menu{position:fixed; z-index:99; top:0px; left:0px;width:260px; height:100%; overflow:scroll; background:#F37917;display:none; }
	.icon{display:block;}
	
	.menu ul li{float:none;width:100%;  }
	.menu ul{float:none; height:auto;}
	.menu ul li a{padding-left:13px; font-size:14px; color:#eee;}
	
	.menu ul li:hover ul{display:none;}
	.share:hover .top-social{display:none;}
	.share{margin-left:0px;}
	.menu ul li a{padding-left:16px;}
	.menu ul ul{width:100%; overflow:hidden;}
	.content-box{top:17%;}
	.slider h1{font-size:37px;}
	.slider h2{font-size:23px;}
	.buy{padding:7px 16px;}
	.heading h1{font-size:35px;}
	.heading1 h1{font-size:35px;}
	.slides img{width:46% !important; display:block; margin:0px auto;}
	.about-text{padding-top:0px;}
	.service-text{padding-top:0;}
	.left-service-image{width:100%; background-size:cover;}
	.news-slider img{width:100%;}
	.meet-inner{width:47%; margin:20px auto;}
	.meet-inner img{display:block; margin:0px auto; width:100%;}
	.says-image img{display:block; margin:0px auto;}
	.hide1{display:none;}
	.skdslider{height:340px !important;}
	.says-text{padding:0px;}
	.says-social{padding-top:0px;}
	.form{padding:0px 13px;}
	.vv{height:250px;}
	.foot-inner{margin-top:34px;}
	.copy span{display:block; text-align:center; width:100%;}
	#tabs-container{margin-top:32px;}
	.tabs-menu li a{padding:10px;}
	.tabs-menu li{margin-right:10px;}
	.service .owl-buttons{margin-left:0px; padding-top:23px;}
	.foot-inner{min-height:auto;}
	.contact{padding:45px 15px !important;}
	.map{padding:0px; margin-top:100px; height:240px; overflow:hidden;}
	.swiper-button-prev, .swiper-button-next{width:30px !important; height:48px !important;}
	
	
	
}


@media screen and (max-width:520px){
	.skdslider{height:220px !important;}
	.content-box{top:5%; left:17%;}
	.slider h1{font-size:26px; margin:0px;}
	.slider h2{font-size:23px; margin-top:10px;}
	.buy{margin-top:10px;}
	.meet-inner{width:70%; margin-top:23px;}
	.vv{height:auto;}
	.regisrer a{display:block; margin-top:12px; width:160px;}
	.overlay .modal1{max-height:381px !important;}
	.logo{width:90px;}
	
}

@media screen and (max-width:430px){
	.skdslider{height:170px !important;}	
	.slider h1{font-size:23px; margin:0px;}
	.slider h2{font-size:21px; margin-top:10px;}
	.meet-inner{width:80%; margin-top:23px;}
	.team-social p a{margin:0px !important;}
	.log span{padding:0px 3px;}
	.mobile p{font-size:12px;}
}