inelli/*
Header
=========================== */
header{
	position:fixed;
	width:100%;
	top: 0;
	left: 0;
	z-index: 1080;
}

.top{
    background: #000; /* For IE */
	background:rgba(0, 0, 0, 0.6);
	padding:8px 0;
	-webkit-transition: background .8s ease-in-out,padding .8s ease-in-out;
	-moz-transition: background .8s ease-in-out,padding .8s ease-in-out;
	transition: background .8s ease-in-out,padding .8s ease-in-out;
}

.top-contact{
	float:right;
	margin:0;
	padding:0;
	color:#fff;
}

.top-contact li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

.top-contact > li + li:before {
  padding: 2px 10px 2px 10px;
  color: #fff;
  content: "|";
}

.contact-info{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

.contact-info li{
	float:left;
	width:100%;
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	list-style:none;
	border-bottom:1px solid #ddd;
}

/*
Slider
=========================== */
.slider-wrapper{
	position:relative;
	color:#fff;
}

.slider-wrapper h1, .slider-wrapper h2, .slider-wrapper h3, .slider-wrapper h4, .slider-wrapper h5, .slider-wrapper h6{
	color:#fff;
	
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);
-moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);
-webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.9);
	
}

/*
Parallax
=========================== */
.parallax-slider{
	background:url(../img/parallax-bg.jpg) 50% 0 no-repeat fixed;
	position:relative;
	padding:0;
	margin: 0 auto;
	overflow-y: visible;
	width: 100%;
	z-index:3;
	color:#fff;
	padding:320px 0 200px 0;
}

.scrolltop ul{
	margin:0;
	padding:0;
}

.scrolltop ul li {
	margin:0;
	padding:0;
	list-style: none;
}

/*
Introduce
=========================== */
.introduce-wrapper{
	position:absolute;
	width:100%;
	height:auto;
	left:0;
	bottom:0;
	z-index:100;
}

.introduce{
	position:relative;
	padding:40px 30px 50px 30px;
}

.intro-head{
	position:relative;
	font-size:18px;
	line-height:30px;
	font-weight:700;
	padding-bottom:30px;
	margin-bottom:30px;
}

.intro-head .title{
	font-size:56px;
	line-height:50px;
	font-weight:700;
}

.intro-head .title span{
	font-weight:300;
}

.intro-divider{
	position:absolute;
	width:120px;
	height:20px;
	bottom:0;
	right:-30px;
}

.intro-cta{
	font-size:18px;
	line-height:30px;
}

.intro-cta p{
	margin:0;
}

.intro-cta h2{
	text-align:right;
	font-size:36px;
	line-height:36px;
	margin:0;
}

.introduce .icon-arrow-down{
	position:absolute;
	font-size:56px;
	line-height:56px;
	left:30px;
	bottom:-29px;
}

/*
Page section
=========================== */
.section-wrapper{
	position:relative;
	width:100%;
	padding:60px 0;
	margin:0;
}

.section-wrapper.nopadding{
	padding:0;
}

.gray-bg{
	background-color:#f3f3f3;
}

.contain{
	padding-top:60px;
	padding-bottom:60px;
}

.service-box .alignleft,
.service-box .alignright{
	margin-bottom:50px;
}

/*
Donate form
=========================== */
.heading{
	position:relative;
	font-size:20px;
	line-height:28px;
	font-weight:300;
	padding-bottom:20px;
	margin-bottom:30px;
}

.heading h5{
	margin:0;
}

.linner{
	position:absolute;
	width:160px;
	height:2px;
	display:block;
	bottom:20px;
	right:0;
}

.heading.centered{
	text-align:center;
}

.heading.centered .linner{
	left:50%;
	margin-left:-80px;
}

/*
Donate form
=========================== */
.donate-form{
	display:block;
	padding:60px 30px 50px 30px;
	margin-bottom:70px;
	border-bottom:15px solid;
	color:#fff;
}

.donate-form .btn{
	margin-top:10px;
}

.donate-form .form-control{
	border:3px solid;
	background:rgba(255, 255, 255, 0.9);
	color:#6f6558;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
       -o-transition: none;
          transition: none;
}

.donate-form .form-control:focus{
	background:rgba(255, 255, 255, 1);
}

.donate-form .form-control::-moz-placeholder {
  color: #aca092;
  opacity: 1;
}

.donate-form .form-control:-ms-input-placeholder {
  color: #aca092;
}

.donate-form .form-control::-webkit-input-placeholder {
  color: #aca092;
}

/*
Testimonial
=========================== */
.wrap-testimonial{
    position: relative;
	margin-bottom:5px;
}

.owl-testimonial .item{
    position: relative;
    padding-right: 50px;
}

img.img-testimoni{
    width: 158px !important;
    height: 158px;
    padding: 10px;
    background-color: #fff;
    border: solid 1px #d9d9d9;
    float: right;
}

.owl-testimonial .item blockquote h5{
    font-style: normal;
    line-height: 18px;
    margin-top: 2px;
    margin-bottom: 9px;
}

.owl-testimonial .item .media-body{
    padding-right: 19px;
}

.nav-testimonial{
    right: 0px;
    bottom: -5px;
    z-index: 3;
    position: absolute;
}

/*
Video responsive
=========================== */
.video-container,.map-container,.embed-container{
	position:relative;
	margin:0;
	padding-bottom:58%;
	padding-top:30px;
	height:0;
	border:none;
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container iframe,
.map-container iframe,
.map-container object,
.map-container embed,
.video-container video,  
.video-container source,  
.video-container object,  
.video-container embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

iframe {
	border:none;
}

.wrap-iframe{
    position: relative;
    display: block;
    padding: 10px;
    z-index: 1;
    background-color: #fff;
    border: solid 1px #d9d9d9;
}

.video-shadow{
    content: "";
    display: block;
    height: 82px;
    margin-top: -40px;
    position: relative;
    background-image: url(../img/shadow.png);
    background-repeat: no-repeat;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

.video-wrapper{
	position:relative;
    overflow: hidden;
}

.video-wrapper img.img-video{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.start-video{
    background: #333;
	position:absolute;
	width:100%;
	height:100%;
	border:none;
	top:0;
	left:0;
	z-index:4;
	margin:0;
	opacity:0.4;
    filter: alpha(opacity=40);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.start-video:before{
	font-family: 'icomoon';
    content: "\e715";
    font-size: 100px;
    display: block;
    margin-top: 10px;
}

.start-video:hover{
	opacity:0.7;
    filter: alpha(opacity=70);
}

.video-container{
    top: 0;
    z-index: 3;
}

/*
Gallery
=========================== */
.filter-items{
    display: table;
    padding: 0;
    list-style: none;
    margin: 0 auto 20px;
}

.filter-items li{
    float: left;
    display: block;
    margin: 0 5px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 2px;
    position: relative;
    padding: 9px 19px 7px;
    background-color: #3e3e3e;
    cursor: pointer;
}

.filter-items li:hover,
.filter-items li:focus{
	color:#fff;
}

.filter-items li.active:hover{
    color: #fff;
}


.masonry.gallery{
    margin-bottom: -10px;
}

.grid-item{
    padding-bottom: 30px;
}

.grid-item .wrap-gallery{
    position: relative;
    display: block;
    overflow: hidden;
}

.grid-item .wrap-gallery img{
    position: relative;
    z-index: 1;
    width: 100%;
    -moz-transform-origin: 20% 80%;
    -webkit-transform-origin: 20% 80%;
    -o-transform-origin: 20% 80%;
    transform-origin: 20% 80%;
    -moz-transition: transform 30s linear;
    -webkit-transition: transform 30s linear;
    -o-transition: transform 30s linear;
    transition: transform 30s linear;
}

.grid-item .wrap-gallery:hover img{
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.grid-item .wrap-gallery .shadow{
    height: 100%;
    display: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.grid-item .wrap-gallery .wrap-content{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: table;
    width: 100%;
    color: #fff;
    text-align: center;
}

.grid-item .wrap-gallery .wrap-content .content{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.grid-item .wrap-gallery .wrap-content .content h5{
    position: relative;
    top: -20%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.grid-item .wrap-gallery .wrap-content .content h5 a{
    color: #fff;
    font-weight: 300;
}

.grid-item .wrap-gallery .wrap-content .content ul.action{
    padding: 0;
    display: table;
    margin: 0 auto;
    list-style: none;
}

.grid-item .wrap-gallery .wrap-content .content ul.action li{
    float: left;
    display: block;
    margin: 0 8px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.grid-item .wrap-gallery .wrap-content .content ul.action li.zoom{
    position: relative;
    left: -30%;
}

.grid-item .wrap-gallery .wrap-content .content ul.action li.link{
    position: relative;
    right: -30%;
}

.grid-item .wrap-gallery .wrap-content .content ul.action li a{
    color: #fff;
    display: block;
    width: 45px;
    height: 45px;
    font-size: 20px;
    border: solid 2px #fff;
    border-radius: 50%;
    padding-top: 10px;
}

.grid-item .wrap-gallery .wrap-content .content ul.action li a:hover{
    background-color: rgba(255,255,255,0.5);
    text-decoration: none;
}



/*
Blog
=========================== */
#owl-blog{
	margin-bottom:10px;
}

.blog .wrap-img{
    position: relative;
    margin-bottom: 30px;
}

.blog .wrap-img img{
    width: 100%;
}

.blog .wrap-img .meta-time{
    position: absolute;
    transition-property: 0;
    left: 0;
    top: 0;
    display: table;
    text-align: center;
    border-right: solid 5px #fff;
    border-bottom: solid 5px #fff;
}

.blog .wrap-img .meta-time .date{
    display: block;
    position: relative;
    font-size: 16px;
    color: #fff;
    background-color: #3e3e3e;
    padding: 10px 12px 3px;
}

.blog .wrap-img .meta-time .date strong{
    display: block;
    font-size: 30px;
}

.blog .wrap-img .meta-time .year{
    color: #3e3e3e;
    display: block;
    padding-top: 0;
}

.blog ul.meta-post{
    padding: 0;
    margin: 0 0 -2px 0;
    list-style: none;
    display: inline-block;
}

.blog .title{
    margin-bottom:5px;
}

.blog .title a{
    color: #3e3e3e;
}

.blog ul.meta-post{
	margin-bottom:15px;
}

.blog ul.meta-post:after{
    content: "";
    display: block;
}

.blog ul.meta-post li{
    float: left;
    position: relative;
    display: block;
    font-size: 12px;
    padding: 0 8px;
}

.blog ul.meta-post li:before{
    content: "|";
    position: absolute;
    left: -2px;
}

.blog ul.meta-post li:first-child{
    padding-left: 0;
}

.blog ul.meta-post li:first-child:before{
    display: none;
}

.blog p{
    margin-bottom: 16px;
}

.nav-blog{
    position: relative;
    height: 122px;
}

.nav-blog .owl-navigation{
    position: absolute;
    right: 20px;
    bottom: 0;
}

/*
Comment
=========================== */
.wrap-comment{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
    padding:30px;
    color: #fff;
}

.wrap-comment .form-group{
	margin-bottom:30px;
}

.wrap-comment h5{
    color: #fff;
}

.wrap-comment .form-control{
    border: solid 3px;
}

.comments{
    display: block;
    margin-top: 50px;
}

.comments > .media{
    margin-bottom: 40px;
}

.comments > .media:last-child{
    margin-bottom: 0;
}

.comments .media .media-left{
	padding-right:20px;
}

.comments .media .media-left img{
    width: 60px;
    background-color: #efefef;
    padding: 5px;
    border: solid 1px #cfcfcf;
}

.comments .media .media-body{
    padding:20px 30px;
    border: solid 1px #cfcfcf;
}

.comments .media .media-body h5{
    margin-bottom: 15px;
}

.comments .media .media-body h5 small{
    display: block;
    text-transform: uppercase;
	margin-top:5px;
}

.comments .media .media-body h5 a{
    color:#3e3e3e;
}

.comments .media .media-body p:last-child{
    margin-bottom: 5px;
}

.comments .media .media{
    padding-left: 100px;
    margin-top: 40px;
}

/*
Cleint
=========================== */
.wrap-client{
    position: relative;
    padding-bottom: 0;
    padding-top: 0;
}

.owl-client{
    display: block;
    margin-top: 2px;
}

.owl-client .item{
    position: relative;
    padding: 41px 1px 41px;
    margin-bottom: 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 1;
}
.owl-client .item:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}

.owl-client item img{
    width: 100%;
}

.wrap-client .owl-navigation{
    padding: 0;
    position: absolute;
    bottom: -2px;
    right: -15px;
    z-index: 2;
}

/*
Subscribe
=========================== */
.subscribe{
    position: relative;
    padding: 23px 31px 31px;
}

.subscribe h5{
    color: #fff;
    margin-bottom: 7px;
}

.input-subscribe{
    position: relative;
    display: block;
    width: 100%;
}

.input-subscribe input{
    padding-right: 115px;
    border: solid 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    height: 50px;
    background: #fff;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.input-subscribe .btn{
    position: absolute;
    display: block;
    padding-top: 9px;
    padding-bottom: 9px;
    top: 4px;
    right: 4px;
    z-index: 9;
}

/*
Social Link
=========================== */
ul.social-link{
    display: inline-block;
    padding: 0;
    margin: 2px 0 -5px 0;
    list-style: none;
}

ul.social-link li{
    position: relative;
    float: left;
    display: block;
    margin-right: 10px;
    margin-bottom: 5px;
}

ul.social-link li:last-child{
    margin-right: 0px;
}

ul.social-link li a{
    font-size: 43px;
    color: #6a6a6a;
}

ul.social-link li a:hover,
ul.social-link li a:focus{
    text-decoration: none;
}

/*
Footer Link
=========================== */
ul.footer-link{
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.footer-link li{
    margin-bottom: 6px;
}


ul.footer-link li:last-child{
    margin-bottom: 0;
}


ul.footer-link li a{
    color: #7f7f7f;
}

ul.footer-link li a:hover,
ul.footer-link li a:focus{
    text-decoration: none;
}


/*
Twitter Feed
=========================== */
.tweecool{
    padding: 0;
    margin: 0;
}

.twitter-feed{
    padding: 0;
    margin: 0;
    list-style: none;
}

.twitter-feed li{
    position: relative;
    padding-left: 30px;
}

.twitter-feed li:before{
    font-family: 'icomoon';
    content: "\e791";
    top: 2px;
    left: 0;
    font-size: 20px;
    position: absolute;
}

.twitter-feed li a{
    color: #fff;
}

/*
Page
=========================== */
.inner-heading{
    padding-top: 130px;
    background-image: url(../img/background/innerheading.jpg);
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    color: #fff;
}

.inner-heading .title-section{
    position: relative;
    padding-top: 53px;
    padding-bottom: 53px;
}

.inner-heading .title-section h3{
    color: #fff;
    text-transform: uppercase;
}

.inner-page{
    position: relative;
    padding: 70px 0;
}

.inner-page article{
    margin-bottom: 40px;
}

.post-page{
    padding-right: 30px;
}

.sidebar-page{
    padding-left: 30px;
}

.sidebar-page .widget{
    margin-bottom: 30px;
}

.sidebar-page .widget .title-aside{
    text-transform: uppercase;
    position: relative;
    margin-top: 0;
    margin-bottom: 26px;
}

.sidebar-page .widget .title-aside:after{
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 4px;
    bottom: -10px;
    left: 0;
    background-color: #333;
}

.sidebar-page .widget .title-aside:before{
    content: "";
    display: block;
    position: absolute;
    width: 100px;
    height: 4px;
    bottom: -10px;
    left: 0;
}

.sidebar-page .widget:last-child{
    margin-bottom: 0;
}

/*
Search
=========================== */
.search {
    margin-bottom: 21px;
}

.search .btn{
    font-size: 18px;
    padding-top: 11px;
    padding-bottom: 10px;
}

/*
Category
=========================== */
ul.cat{
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.cat li a{
    color: #666;
    padding: 5px 10px 5px 25px;
    border-top: dashed 1px #cfcfcf;
    border-bottom: dashed 1px #cfcfcf;
    margin-bottom: -1px;
    display: block;
    position: relative;
}

ul.cat li a:hover{
    text-decoration: none;
}

ul.cat li a:before{
    position: absolute;
    left: 0;
    font-family: 'icomoon';
    content: "\e032";
}

ul.cat li:first-child a{
    border-top: none;
}

ul.cat li:last-child a{
    border-bottom: none;
}

/*
Recent Post
=========================== */
ul.recent{
    display: block;
    padding: 0;
    padding-top: 9px;
    margin: 0;
    list-style: none;
}

ul.recent li{
    display: block;
    margin-bottom: 5px;
    padding: 13px 0;
    border: solid 1px transparent;
    border-bottom: dashed 1px #cfcfcf;
    min-height: 95px;
}

ul.recent li:first-child{
    border-top: dashed 1px #cfcfcf;
}

ul.recent li:last-child{
    margin-bottom: 0;
}

ul.recent li img{
    width: 65px;
    float: left;
    margin-right: 15px;
}

ul.recent li p{
    margin-bottom: 0;
}

/*
Tags
=========================== */
ul.tags{
    padding: 0;
    margin: 6px 0 0 -3px;
    list-style: none;
    display: inline-block;
}

ul.tags li{
    float: left;
    display: block;
    padding: 0;
}

ul.tags li a{
    display: block;
    padding: 5px 8px;
    border: solid 1px #9f9f9f;
    margin: 3px;
}

ul.tags li a:hover{
    text-decoration: none;
}

/*
Footer
=========================== */
footer{
    position: relative;
	background:#2e2e2e;
	color:#7f7f7f;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
	color:#b9b9b9;
}

.wrap-widget-footer{
    padding:53px 0;
}

.widget-footer{
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.widget-footer .title-footer{
    margin-bottom: 9px;
}

.widget-footer .text-small{
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.25px;
}

.widget-footer ul.social-link{
    margin-bottom: 0px;
}

.footer-about{
    position: relative;
    color: #fff;
    padding: 20px 30px 30px;
}

.footer-about h1,
.footer-about h2,
.footer-about h3,
.footer-about h4,
.footer-about h5,
.footer-about h6{
    color: #fff;
}

.footer-about h5{
    line-height: 24px;
    margin-top: 7px;
}

.footer-about img.alignleft{
    width: 82px;
    height: 82px;
    padding: 5px;
    background-color: #fff;
    border: 3px solid rgba(0, 0, 0, 0.6);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.footer-about p{
    margin-bottom: 15px;
}

/*
Scroll to top
=========================== */
.scroll-top{
    position: fixed;
    display: none;
    z-index: 9;
    bottom: 30px;
    right: 30px;
}

.scroll-top a{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    display: block;
    width: 45px;
    height: 45px;
    padding-top: 8px;
    font-size: 22px;
    border: solid 1px transparent;
    color: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.scroll-top a:hover,
.scroll-top a:focus{
    text-decoration: none;
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}

/*
Preloading
=========================== */
div.loading-invisible{
    display:none;
}

#loading{
	position: relative;
	background-color:rgba(0, 0, 0, 0.98) ;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index:9999999;
	margin-top: 0px;
	top: 0px;
	color:#fff;
	text-align:center;
	font-size:18px;
	letter-spacing:4px;
}

.loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}

.loading-center-absolute {
	position: absolute;
	left: 100%;
	top: 50%;
	height: 100px;
	width: 100px;
	margin-top: -50px;
	margin-left: -50px;	

}

.loading-center p{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 95px;
	margin-left: -79px;
	color:#fff;	
}

.object{
	width: 25px;
	height: 25px;
	margin-right: auto;
	margin-left: auto;
	border: 4px solid;
	left: 50%;
	top: 50%;
	margin-top: -12.5px;
	margin-left: -12.5px;
	position: absolute;
}

#first_object{
	-webkit-animation: first_object 1s infinite;
	animation: first_object 1s infinite;
	-webkit-animation-delay: 0.5s; 
    animation-delay: 0.5s; 
}
#second_object{
	-webkit-animation: second_object 1s infinite;
	animation: second_object 1s infinite;
}	
#third_object{
	-webkit-animation: third_object 1s infinite;
	animation: third_object 1s infinite;
	-webkit-animation-delay: 0.5s; 
    animation-delay: 0.5s; 
}	
#forth_object{
	-webkit-animation: forth_object 1s infinite;
	animation: forth_object 1s infinite;
}	

@-webkit-keyframes first_object {
 0% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }
 50% {
    -ms-transform: translate(150%,150%) scale(2,2); 
   	-webkit-transform: translate(150%,150%) scale(2,2); 
    transform: translate(150%,150%) scale(2,2);
	 }
	 
 100% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }	 
}		
@keyframes first_object {
 0% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }
 50% {
    -ms-transform: translate(150%,150%) scale(2,2); 
   	-webkit-transform: translate(150%,150%) scale(2,2); 
    transform: translate(150%,150%) scale(2,2);
	 }
	 
 100% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }
}

@-webkit-keyframes second_object {
 0% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }
 50% {
	-ms-transform: translate(-150%,150%) scale(2,2); 
   	-webkit-transform: translate(-150%,150%) scale(2,2);
    transform: translate(-150%,150%) scale(2,2);
	}
 100% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }
}		
@keyframes second_object {
 0% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }
 50% {
	-ms-transform: translate(-150%,150%) scale(2,2); 
   	-webkit-transform: translate(-150%,150%) scale(2,2);
    transform: translate(-150%,150%) scale(2,2);
	}
 100% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }
}

@-webkit-keyframes third_object {
 0% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }	
 50% {
	-ms-transform: translate(-150%,-150%) scale(2,2); 
   	-webkit-transform: translate(-150%,-150%) scale(2,2);
    transform: translate(-150%,-150%) scale(2,2);
	}
 100% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }	
}		
@keyframes third_object {
 0% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }	
 50% {
	-ms-transform: translate(-150%,-150%) scale(2,2); 
   	-webkit-transform: translate(-150%,-150%) scale(2,2);
    transform: translate(-150%,-150%) scale(2,2);
	}
 100% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }
}

@-webkit-keyframes forth_object {
 0% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }
 50% {
	-ms-transform: translate(150%,-150%) scale(2,2); 
   	-webkit-transform: translate(150%,-150%) scale(2,2);
    transform: translate(150%,-150%) scale(2,2);
	}
 100% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }	
}		
@keyframes forth_object {
 0% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }
 50% {
	-ms-transform: translate(150%,-150%) scale(2,2); 
   	-webkit-transform: translate(150%,-150%) scale(2,2);
    transform: translate(150%,-150%) scale(2,2);
	}
 100% {
    -ms-transform: translate(1,1) scale(1,1); 
   	-webkit-transform: translate(1,1) scale(1,1); 
    transform: translate(1,1) scale(1,1); 
	 }
}

/*
Responsive
=========================== */
@media (max-width:1024px){
    .video-shadow{
        -moz-background-size: 95%;
        -webkit-background-size: 95%;
        -o-background-size: 95%;
        background-size: 95%;
    }
    
    .introduce-wrapper{
        position: relative;
        margin-bottom: 0px;
    }
    
    .introduce-wrapper .col-md-4{
        width: 100%;
    }
}

@media (max-width:980px){
    .video-shadow{
        -moz-background-size: 90%;
        -webkit-background-size: 90%;
        -o-background-size: 90%;
        background-size: 90%;
    }
    
    .navbar-nav > li > a{
        margin-left: 10px;
		font-size:14px;
    }
    .navbar-nav > li > a.btn {
		padding: 5px 10px;
	}
    .content-what{
        margin-top: 0px;
        padding-top: 0;
    }
    
    .wrap-widget-footer div:last-child .widget-footer{
        margin-bottom: 0;
    }
    
    .wrap-client .owl-navigation{
        right: 20px;
        bottom: 0;
    }
    
    .post-page{
        padding-right: 15px;
        margin-bottom: 60px;
    }

    .sidebar-page{
        padding-left: 15px;
    }
}

@media (max-width:640px){
    header .top{
        display: none;
    }
    
    .navbar{
       padding-top:10px;
	   padding-bottom:10px;
    }
    
    .navbar-brand{
        margin-top: 3px;
    }
    
    .navbar-nav > li{
        padding-right: 10px;
    }
    
    .navbar-header .navbar-toggle{
        border: solid 1px #fff;
        display: block;
    }
    
    .navbar-header .navbar-toggle span{
        border: solid 2px #fff;
    }
    
    .owl-testimonial .item{
        padding-right: 0;
    }
    
    .owl-testimonial .item .media-body{
        padding-right: 0;
    }
    
    .owl-testimonial .item .media-right{
        display: block;
    }
    
    .nav-blog{
        margin-bottom: 20px;
        height: 47px;
    }
    
    .video-shadow{
        margin-top: -50px;
        -moz-background-size: 100%;
        -webkit-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        background-position: center bottom;
    }
    
    .inner-heading{
        padding-top: 78px;
    }
    
    ul.pagination li a{
        font-size: 14px;
        padding: 8px 13px;
        margin-right: 5px;
    }
    
    .scroll-top{
        bottom: 15px;
        right: 15px;
    }
}


/*
Demo
=========================== */
.demo-panel{
	background:#ebf0f2;
	color:#fff;
	width:280px;
	display:none;
	height:auto;
	left:0;
	padding:0; 
	top:30px;
	position:fixed;
	_position:absolute;
	z-index:99999;
	border-left:none;
}
	
.demo-panel h6{
	text-align:center;
	margin-bottom:10px;
	padding:13px 0 13px 0;
	text-transform:uppercase;
	color:#fff;
	background:#2e2e2e;
}

a.openpanel,
a.openpanel:focus,
a.openpanel:active{ 
	_background-image:none; 
	background:#2e2e2e; 
	padding:10px 10px 9px 5px;
	border-left:none;
	border-radius:0 2px 2px 0;
	color:#fff;
	display:block;
	left:0;
	text-align:center;
	font-size:24px;
	top:30px;
	z-index:99999; 
	position:fixed;
	_position:absolute; 
	border-left:none;
	text-decoration:none;
}

a.openpanel:hover{
	text-decoration:none;
	color:#fff;
}
		
a.active.openpanel{ 
	border-left:none;
	_position:absolute; 
	left:280px;
}

a.openpanel:hover,
a.openpanel:focus,
a.openpanel:active{
	outline:none;
}

.stylechanger, .layout, .bgchanger{ 
	width:100%;
	float:left;
	list-style:none; 
	list-style-type:none; 
	list-style-position:outside; 
	margin:0;
}

.stylechanger{
	margin:10px;
	padding:0;
}

.stylechanger li, .bgchanger li{
	list-style:none; 
	float:left;
	width:41.5px;
	height:auto;
	margin:0 5px 10px 5px;
	background:#fd0000;
}

.stylechanger li a, .bgchanger li a{ 
	display:block; 
	width:100%; 
	height:30px;
	outline:none;
}	

.layout{
	margin:10px;
	padding:0;
}

.layout li{
	list-style:none; 
	float:left;
	width:120px;
	height:auto;
	margin:0 5px 10px 5px;
	text-align:center;
}

.btn-demo{
	display:block;
	text-align:center;
	font-weight:400;
	font-size:12px;
	padding:8px 15px;
}

.layout li.full{
	width:89%;
}

#color1 { background: #df352c; }
#color2 { background: #ffa200; }
#color3 { background: #e5b217; }
#color4 { background: #80a940; }
#color5 { background: #40be4c; }
#color6 { background: #f870a6; }
#color7 { background: #bf8b58; }
#color8 { background: #52cebb; }
#color9 { background: #27abdc; }
#color10 { background: #9753ad; }

.demo-header{
	display:block;
	width:100%;
	padding:70px 0 60px 0;
	color:#fff;
}

.demo-header h3{
	color:#fff;
	margin-top:10px;
}

.demo-contain{
	display:block;
	width:100%;
	padding:80px 0;
}

.demo-contain h4{
	margin-top:10px;	
}

.demo-footer{
	text-align:center;
	padding:40px 0 10px 0;
}