@import url(3db7924bf5764c5b852977837f098ee1.css);
::selection{
	background-color:#000;
	color:#fff
}
select{
	outline:none;
	background-color: #000;
    border: none;
    color: #fff;
	cursor:pointer;
}
html,body{
	background:#fff;
	width:100%;
	height:100%;
	padding:0;
	font-family:"Microsoft YaHei","微软雅黑","Simsun","宋体";
	-webkit-font-smoothing:antialiased
}
a,a:hover,a:active,a:focus{
	color:#464646;
	text-decoration:none;
	outline:0
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	font-family:"Microsoft YaHei","微软雅黑","Simsun","宋体";
	font-weight:100
}
p{
	margin:0 0 5px
}
.clear{
	clear:both
}
ol,ul{
	list-style:none;
	padding:0
}
b.caret{
	margin-top:-3px
}
.animated{
	visibility:hidden
}
.visible{
	visibility:visible
}
#pageloader{
	width:100%;
	height:100%;
	position:fixed;
	background-color:#131313;
	z-index:999999
}
.loader-item{position:absolute;
	width:auto;
	height:height;
	margin:-25px 0 0 -25px;
	top:50%;left:50%;
	text-align:center
}
.loader-item h2{
	color:#ccc;
	margin:0 auto;
	font-size:20px
}
.contain{
	width:100%;
	position:relative;
	height:auto
}
.inner{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	padding:0 25px;
	position:relative;
	z-index:2
}
.full-width{
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding:40px 0
}
.no-padding{
	padding:0 !important
}
.contain-logo{
	margin:auto;
	width:64px;
	height:64px;
	background:white;
	border:1px solid #bcbcbc;
	padding:18px 0;
	text-align:center;
	position:relative;
	top:-32px;
	border-radius:100px
}
.contain-logo i{
	font-size:30px;
	color:#bcbcbc;
	font-weight:light
}
.header{
    margin: auto;
    font-size: 32px;
    font-weight: 300;
    color: #fff;
    max-width: 1165px;
    /*text-transform: uppercase;*/
    width: 100%;
    text-align: left;
}
.page-desc{
	margin: 26px auto;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    max-width: 1165px;
    text-align: left;
    opacity: .7;
    color: #fff;
}
.dark{
	color:#3c3c3c
}
.white{
	color:white
}
span.red{
	color:#e70000
}
#home{
	width:100%;
	height:auto;
	position:relative
}
#slides{
	position:relative
}
#slides .slides-container{
	display:none
}
#slides .slides-container div,#slides .slides-container img{
	width:100%;
	height:100%
}
.home-pattern{
	background:black;
	opacity:.4
}
.pattern:after{
	background:url(../images/pattern.png);
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	position:absolute;
	z-index:1;
	content:""
}
.home-pattern-style{
	background:url(../images/home-pattern.jpg) repeat;
	width:100%;
	height:100%
}
#slides .slides-container .image1{
	background:url(../images/1.jpg) center fixed
}
#slides .slides-container .image2{
	background:url(../images/2.jpg) center fixed
}
#slides .slides-container .image3{
	background:url(../images/3.jpg) center fixed
}
#slides .slides-container .image4{
	background:url(../images/4.jpg) center fixed
}
#slides .slides-container .image5{
	background:url(../images/5.jpg) center fixed
}
#slides .scrollable{
*zoom:1;
	position:relative;
	top:0;
	left:0;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	height:100%
}
#slides .scrollable:after{
	content:"";
	display:table;
	clear:both
}
.slides-navigation{
	margin:0 auto;
	position:absolute;
	z-index:3;
	top:45%;
	width:100%
}
.slides-navigation a{
	position:absolute;
	display:block;
	width:74px;
	height:74px;
	background:url(../images/arrows.png);
	opacity:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s
}
.slides-navigation a.prev{
	left:1%;
	background-position:bottom center
}
.slides-navigation a.next{
	right:1%;
	background-position:top center
}
#home:hover .slides-navigation a{
	opacity:.3
}
.slides-navigation a:hover{
	opacity:1 !important
}	
.slides-pagination{
	position:absolute;
	z-index:3;
	bottom:0;
	text-align:center;
	width:100%
}
.slides-pagination a{
	border:2px solid #222;
	border-radius:15px;
	width:10px;
	height:10px;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	zoom:1;*display:inline;
	margin:2px;
	overflow:hidden;
	text-indent:-100%
}
.slides-pagination a.current{
	background:#222
}
.main{
	position:absolute;
	width:100%;
	top:50%;
	margin:0 auto;
	z-index:2;
	background:transparent;
	height:auto;
	min-height:300px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align:center
}
.main ul{
	height:auto;
	min-height:160px;
	padding:0;
	margin:0 auto;
	position:relative
}
.main ul li{
	list-style:none;
	font-size:110px;
	color:white;
	text-transform:uppercase;
	text-shadow:2px 2px 2px rgba(0,0,0,0.1)
}
.main ul li span{
	color:#f02d2d
}
.home-slider{
	width:100%
}
.home-desc{
	width:100%;
	max-width:670px;
	margin:35px auto;
	position:relative;
	text-align:center;
	color:white;
	font-size:20px;
	font-weight:400;
	text-transform:uppercase
}
.home-button{
	width:170px;
	height:auto;
	padding:10px 23px;
	border:1px solid white;
	background:rgba(43,43,43,0.1);
	color:white;
	font-weight:300;
	text-transform:uppercase;
	font-size:20px;
	cursor:pointer;
	margin:35px auto;
	display:block;
	text-align:center;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s
}
.home-button:hover{
	background:white;
	color:#3c3c3c;
	text-decoration:none
}
#pagetop{
	background:#232323;
	padding:12px 0
}
.pagetop{
	padding:0;
	color:#a4a4a4;
	font-weight:300
}
.pagetop .left{
	text-align:left;
	padding:0
}
.pagetop .right{
	text-align:right;
	padding:0
}
.pagetop a{
	margin-left:15px;
	color:#666;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.pagetop a:hover{color:white}
#navigation{
	width:100%;
	/*border-bottom:1px solid #e2e2e2;*/
	position:absolute;
	z-index:9999;
    background: rgba(0,0,0,0.6);
	height:82px
}
#navigation .navigation{
	padding:0;
	height:100%
}
.shadow{
	box-shadow:0 0 20px rgba(0,0,0,0.1)
}
.navigation .logo{
	float:left;
	position:absolute;
	z-index:999
}
.navigation .logo a{
	width:auto;
	display:block;
	margin:5px 0 0
}
.nav-menu{
	width:auto;
	float:right;
	height:82px;
	text-align:right
}
.nav-menu ul{
	padding:0;
	margin:0
}
.nav-menu ul li{
	height:82px;
	width:auto;
	display:block;
	float:left;
	list-style:none;
	padding:0;
	margin:0
}
.nav-menu ul li a{
	height:82px;
	padding:33px 15px;
	display:block;
	/*text-transform:uppercase;*/
	font-size:16px;
	text-align:center;
	color:#fff
}
.nav-menu ul li:first-child a{
	padding-left:0
}
.nav-menu ul li:last-child a{
	padding-right:0
}
.nav-menu a:hover{
	color:#aaa
}
.nav-menu a.active{
	color:#aaa
}
.main-nav>li>a:hover,.main-nav>li>a:focus{
	background:0
}
.main-nav li.active a{
	color:#e70000
}
.mobile-drop{
	height:100%;
	width:100%;
	display:none
}
a.mobile-menu{
	position:absolute;
	top:50%;
	font-size:21px;
	right:30px;
	left:auto;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%)
}
.mobile-drop ul.fullwidth{
	width:100%;
	position:relative
}
.mobile-drop ul.fullwidth li{
	width:100%;
	height:auto;
	margin:0
}
.mobile-drop ul.fullwidth li a{
	padding:6px;
	margin:0;
	height:auto;
	text-align:left;
	text-transform:uppercase;
	border-bottom:1px solid #ededed;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.mobile-drop ul.fullwidth li.active a{
	background-color:#383838;
	color:white
}
.dropdown-menu{
	border:1px solid #eee;
	border-top:2px solid #373737;
	border-top-right-radius:0;
	border-top-left-radius:0
}
.dropdown-toggle .dropdown-menu li{
	display:block;
	width:100%;
	padding:0;
	float:none;
	margin:0;
	height:auto
}
.dropdown-toggle .dropdown-menu li a{
	display:block;
	font-size: 14px;
	width:100%;
	height:auto;
	padding:10px 20px;
	text-align:left;
	color:#464646;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.dropdown-toggle .dropdown-menu li:first-child a{
	padding-left:20px
}
.dropdown-toggle .dropdown-menu li a:hover{
	background:#373737;
	color:white
}
.dr-mobile{
	position:relative;
	width:100%;
	box-shadow:none;
	border-top:0
}
.dr-mobile li{
	width:100%
}
.dr-mobile li:first-child a{
	padding-left:20px !important
}
.dr-mobile li a{
	padding-left:20px !important
}
.dr-mobile li:last-child a{
	border-bottom:none !important
}
.revslide .stext{
	text-transform:uppercase;
	font-weight:400;
	margin:0
}
.revslide .p1{
	font-size:35px;
	color:#262626
}
.revslide .h1{
	font-size:55px;
	color:#262626;
	margin:5px 0
}
.revslide span{
	color:#e70000
}
.revslide .h2{
	font-size:20px;
	color:#262626
}
.revslide .h3{
	font-size:20px;
	color:#262626;
	padding:9px 0
}
.revslide .h4{
	font-size:85px;
	text-align:center;
	color:white;
	padding:0
}
.revslide .h5{
	font-size:30px;
	text-align:center;
	color:white;
	padding:0;
	font-weight:300
}
.revslide .h6{
	font-size:50px;
	color:#726c64;
	padding:0
}
.revslide .p5{
	font-size:25px;
	color:#726c64;
	padding:0
}
.revslide .p6{
	font-size:15px;
	color:#726c64;
	padding:0;
	text-transform:none;
	font-weight:300
}
.fs{
	font-size:120px;
	font-weight:700;
	text-align:center;
	color:white;
	text-transform:uppercase
}
.fs1{
	font-size:22px;
	font-weight:400;
	text-align:center;
	color:white;
	text-transform:uppercase
}
.fs-btn{
	padding:8px 16px;
	background:transparent;
	border:1px solid white;
	text-transform:uppercase;
	font-weight:100;
	color:white !important;
	font-size:18px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.fs-btn:hover{
	background:white;
	color:black !important
}
#text-area{
	background:#3c3c3c
}
.text-area{
	text-align:center;
	text-transform:uppercase;
	color:white;
	padding:30px 0
}
.text-area h1{
	margin:0;
	font-size:35px
}
.text-area h1 span{
	font-weight:500
}
.text-area a{
	display:inline-block;
	margin:20px 7px 5px;
	padding:6px 18px;
	border:1px solid white;
	background:transparent;
	font-size:20px;
	color:white;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.text-area a:hover{
	color:#3c3c3c;
	background:white
}
#about{
	background:#fff;
	padding:30px 0 30px;
	top:0
}
#about .about-content{
	width:25%;
	height:auto;
	min-height:276px;
	background:#fff;
	float:left;
	cursor:pointer;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
#about .about-content .icon{
	text-align:center;
	margin:19px auto 16px
}
#about .about-content .top{
	width:70px;
	height:70px;
	background:transparent;
	border:2px solid #464646;
	border-radius:100px;
	padding:20px 0;
	position:relative
}
#about .about-content .top:after{
	position:absolute;
	background:transparent;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:100%;
	border-radius:500px;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	transition:all .4s
}
#about .about-content .top i{
	font-size:30px
}
#about .about-content .bottom i{
	width:31px;
	height:31px;
	padding-top:6px;
	font-size:20px;
	color:#929292;
	background:transparent;
	border:1px solid #464646;
	border-radius:100px
}
#about .about-content .text{
	width:95%;
	text-align:center;
	margin:auto
}
#about .about-content .content-header{
	text-transform:uppercase;
	font-size:20px
}
#about .about-content .content-desc{
	font-size:15px;
	color:#717171;
	margin-top:10px;
	font-weight:100
}
#about .about-content:hover{
	background:#3c3c3c;
	color:#fff
}
#about .about-content:hover .top{
	border:2px solid #464646;
	background:#fff
}
#about .about-content:hover .top:after{
	border:2px solid white;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2)
}
#about .about-content:hover .top i{
	color:#464646
}
#about .about-content:hover .content-desc{
	color:#fff
}
#about .about-content:hover .bottom i{
	border:1px solid #fff;
	color:#fff
}
.about-extended{
	background:#fafafa;
	margin:30px auto;
	position:relative
}
.about-extended:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:-20%;
	border-top:50px solid #fafafa;
	border-top-color:#fafafa;
	border-left:50px solid transparent;
	border-right:50px solid transparent;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%)
}
.company-facts{
	margin:70px auto 20px
}
.company-facts .facts{
	text-align:center
}
.company-facts h1{
	font-size:55px;
	color:#5f5f61;
	font-weight:400;
	margin:0 auto
}
.company-facts p{
	font-size:20px;
	text-transform:uppercase;
	color:#626262
}
#features{
	background:url(../images/i1.jpg)top center repeat-x;
	height:962x;
	margin-top:20px
}
.f-iphone{
	width:100%;
	height:606px;
	margin:50px auto 0;
	max-width:1030px;
	background:url(../images/f-iphone.png) center center no-repeat
}
.f-box{
	float:left;
	text-align:right;
	width:360px;
	position:relative;
	margin:25px 0;
	padding:0 50px 0 0;
	color:#747474;
	font-weight:300
}
.f-box:after{
	content:'';
	width:108px;
	height:124px;
	right:-85px;
	top:35px;
	position:absolute
}
.f-box:nth-of-type(2n){
	float:right;
	text-align:left;
	padding:0 0 0 50px
}
.f-box:nth-of-type(2n):after{
	left:-85px
}
.f-box:nth-of-type(2n) .f-box-logo{
	margin-left:0
}
.f-box .f-box-logo{
	width:70px;
	height:70px;
	background:transparent;
	border:1px solid #666;
	border-radius:200px;
	text-align:center;
	padding-top:21px;
	margin-left:240px
}
.f-box .f-box-logo i{
	font-size:30px
}
.f-box .f-box-head{
	font-size:30px;
	text-transform:uppercase;
	font-weight:300;
	margin:10px 0 0
}
.f-box .f-box-desc{
	font-size:14px
}
.f1:after{
	background:url(../images/f1.png) no-repeat
}
.f2:after{
	background:url(../images/f2.png) no-repeat
}
.f3:after{
	background:url(../images/f3.png) no-repeat
}
.f4:after{
	background:url(../images/f4.png) no-repeat
}
#testimonial{
	background:url(../images/i5.jpg) center center fixed;
	margin:60px auto 0;
	clear:both
}
.testimonial{
	padding:140px 0 200px;
	text-align:center;
	color:white;
	text-transform:uppercase;
	max-width:1000px
}
.testimonial h1.big{
	font-size:40px;
	font-weight:400;
	margin:20px auto;
	line-height:50px
}
.testimonial p.name{
	font-size:20px;
	font-style:italic
}
.monial{
	position:absolute
}
.testimonial ul.flex-direction-nav{
	margin:0 auto;
	width:auto;
	height:28px
}
.testimonial ul.flex-direction-nav li{
	width:23px;
	height:28px;
	position:relative;
	display:inline-block;
	margin:30px auto
}
.testimonial ul.flex-direction-nav li a{
	width:23px;
	height:28px;
	display:block;
	background:url(../images/direction.png)
}
.testimonial ul.flex-direction-nav li a.flex-prev{
	background-position:left top
}
.testimonial ul.flex-direction-nav li a.flex-next{
	background-position:right top
}
#testimonial:hover ul.flex-direction-nav li a{
	opacity:.5
}
#testimonial ul.flex-direction-nav li a:hover{
	opacity:1
}
#skills{
	margin-top:30px
}
.skills{
	border-top:1px solid #bcbcbc
}
.extended{
	margin:0 !important
}
.br{top:-72px}
.tabs{
	width:58%;
	float:left
}
.nav-tabs{
	border:0
}
.nav-tabs li a{
	font-size:16px;
	color:#727373;
	font-weight:300;
	padding:12px 30px;
	text-transform:uppercase;
	border-radius:0
}
.nav-tabs li.active a{
	border-top:2px solid #e70000
}
.nav-tabs li.active a:hover{
	border-top:2px solid #e70000
}
.tab-pane{
	padding:30px 0;
	border:1px solid #eee;
	font-size:15px;
	font-weight:300;
	color:#8f8f8f
}
.tab-pane .tab-icon{
	padding:0 15px;
	float:left;
	width:28%
}
.tab-pane .tab-desc{
	padding:0 20px;
	float:left;
	width:72%;
	text-align:justify
}
.tab-pane .only{
	width:100%
}
.Progress-bars{
	float:right;
	width:40%;
	height:auto
}
.Progress-bars .head{
	font-size:30px;
	color:#8f8f8f;
	text-transform:uppercase;
	font-weight:300
}
.Progress-content{
	margin:6px 0;
	padding:18px;
	border:1px solid #ededed
}
.progress{
	margin-bottom:8px
}
.progress-texts span{
	display:block;
	padding:5px 0;
	color:#acacac;
	font-size:15px
}
.progress-texts .progress-name{
	float:left;
	text-transform:uppercase
}
.progress-texts .progress-value{
	float:right
}
#history{
	margin:60px auto 0;
	min-height:1000px;
	background:url(../images/i2.jpg) top center repeat fixed
}
ul.timeline{
	margin:40px auto 0;
	width:100%;
	background:url(../images/timeline-bg.jpg) center center repeat-y;
	height:auto;
	position:relative;
	padding:0 0 80px
}
.timeline .year{
	width:75px;
	height:75px;
	border:3px solid #919191;
	border-radius:300px;
	background:white;
	clear:both;
	padding:21px 0;
	text-align:center;
	font-weight:300;
	color:#3c3d3d;
	font-size:20px;
	margin:31px auto
}
.timeline .note{
	float:left;
	padding:20px;
	width:47.5%;
	background:rgba(242,242,242,0.1);
	border-radius:12px;
	margin:10px 0;
	cursor:pointer;
	position:relative;
	z-index:550;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s
}
.timeline .year+.note{
	margin-top:-20px
}
.timeline .start{
	width:64px;
	height:64px;
	border:3px solid #919191;
	border-radius:300px;
	background:white;
	position:absolute;
	clear:both;
	padding:19px 0;
	text-align:center;
	color:#868586;
	font-size:24px;
	bottom:0;
	left:50%;
	margin-left:-32px
}
.timeline .note h4{
	font-size:19px;
	color:white;
	text-transform:uppercase;
	font-weight:300;
	color:#999;
	margin:5px 0
}
.timeline .note p{font-size:14px;color:#767676;margin:8px 0}
.timeline .note span.date{font-size:14px;text-transform:uppercase;color:#a5a5a5;line-height:12px}
.timeline .note .arrow{
	color:rgba(242,242,242,0.1);
	position:absolute;
	right:-1.6%;
	left:auto;
	top:20px;
	font-size:12px;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	transform:rotate(360deg);
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s
}
.timeline .note:after{
	content:'';
	position:absolute;right:-6.8%;
	display:block;width:18px;
	height:18px;
	background:#343434;
	border:2px solid #d6d6d6;
	border-radius:100px;
	top:18px;
	z-index:20
}
.timeline .note:nth-of-type(2n){
	float:right;
	clear:right
}
.timeline .note:nth-of-type(2n):after{
	left:-6.8%
}
.timeline .note:nth-of-type(2n) .arrow{
	left:-1.6%;
	right:auto;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg)
}
.timeline .note:hover{background:#f2f2f2}
.timeline .note:hover h4{color:#707070}
.timeline .note:hover p{color:#767676}
.timeline .note:hover:after{
	background:#f02d2d;
	border:2px solid #f02d2d
}
.timeline .note:hover .arrow{
	color:#f2f2f2
}
#team{padding:60px 0 0}
.team-items{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:30px auto;
	position:relative
}
.owl-wrapper-outer{
text-align:center
}
.owl-item .item{
	height:auto;
	font-weight:300;
	margin:60px 0 0;
	padding:15px;
	cursor:pointer;
	border-bottom:4px solid #fff;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s
}
.owl-item .item img{
	width:123px;
	height:auto;
	border:4px solid #f4f4f4
}
.owl-item .item h3{
	font-size:20px;
	color:#4e4e4e;
	text-transform:uppercase;
	margin:0
}
.owl-item .item h4{
	font-size:16px;
	color:#a2a2a2;
	text-transform:uppercase;
	line-height:15px;
	margin:5px auto 15px
}
.owl-item .item p{
	font-size:15px;
	color:#a2a2a2
}
.owl-item .item .images{
	margin:0 auto;
	display:block;
	height:0;overflow:hidden;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s
}
.owl-item .item .images a{margin:0 3px}
.owl-item .item .images a img{
	border:2px solid #f4f4f4;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s
}
.socials{
	width:100%;
	text-align:center
}
.socials a{
	padding:6px 3px;
	text-align:center;
	color:#656565;
	font-size:17px;
	cursor:pointer
}
.owl-buttons{
	position:absolute;
	top:0;width:80px;
	left:50%;
	margin-left:-40px
}
.owl-buttons>div{
	width:35px;
	height:35px;
	background-image:url(../images/controls.png);
	color:black;cursor:pointer
}
.owl-prev{
	float:left;
	background-position:left top
}
.owl-next{
	float:right;
	background-position:right top
}
.owl-prev:hover{
	background-position:left bottom
}
.owl-next:hover{
	background-position:right bottom
}
.owl-item .item:hover{
	background:#3c3c3c;
	border-bottom:4px solid #e70000
}
.owl-item .item:hover h3{
	color:#e4e4e4
}
.owl-item .item:hover h4{
	color:#e4e4e4
}
.owl-item .item:hover p{
	color:#e4e4e4
}
.owl-item .item:hover .images{
	height:auto;
	margin:15px auto
}
.owl-item .item .images a img:hover{
	border:2px solid #e70000
}
.socials a i.fa-facebook:hover{
	color:#305fa5
}
.socials a i.fa-instagram:hover{
	color:#ae997d
}
.socials a i.fa-pinterest:hover{
	color:#cc2127
}
.socials a i.fa-twitter:hover{
	color:#2daae2
}
.socials a i.fa-google-plus:hover{
	color:#da2713
}
#why-wisten{
	margin:50px auto 0;
	background:url(../images/i3.jpg) center fixed;
	padding:0 0 30px
}
.w-iphone{
	float:left;
	margin:30px auto 20px;
	margin-left:-40px;
	width:49%
}
.w-iphone img{width:100%}
.accordion{
	float:right;
	text-align:left;
	width:49%;
	font-weight:300;
	font-size:15px;
	color:#2a2a2a
}
.accordion .accordion-head{
	font-size:40px;
	color:#565656;
	text-transform:uppercase
}
.accordion .accordion-head span{
	color:#f02d2d
}
.accordion .panel{
	width:100%;
	border-bottom:1px solid #b5b5b5;
	padding:20px 0 0;
	background:transparent;
	margin-bottom:0
}
.accordion-heading{
	width:100%;
	margin-bottom:15px;
	text-transform:uppercase
}
.accordion-inner{
	padding:0 15px 15px;
	display:block
}
#portfolio{
	font-weight:300
}
.works{
	position:relative;
	height:auto
}
.fiven{
	width:19.99%;
	float:left
}
.filter-menu{
	position:relative;
	z-index:99
}
.filters{
	width:100%;
	text-align:center;
	padding:0;
	margin:40px auto 35px
}
.inline{
	font-size:0
}
.filters li{
	text-align:center;
	display:inline-block;
	font-size:15px
}
.filters li a{
	padding:13px 20px;
	color:#7a7a7a;
	border:0;
	text-transform:uppercase;
	background:#e9e9e9;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s
}
.filters li a.selected{
	color:white;
	background:#3c3c3c;
	cursor:default
}
.filters li:last-child a{
	border-top-right-radius:60px;
	border-bottom-right-radius:60px;
	padding-right:25px
}
.filters li:first-child a{
	border-top-left-radius:60px;
	border-bottom-left-radius:60px;
	padding-left:25px
}
.filters li:hover a{
	background:#3c3c3c;
	color:white
}
.items{
	position:relative;
	height:auto
}
.work{
	margin:9px 0;
	padding:0 9px;
	height:auto;
	color:#aaa;
	cursor:pointer;
	overflow:hidden
}
.work-inner{
	/*border:1px solid #ebebeb*/
}
.work-img{
	width:40%;
	background:black;
	position:relative;
	overflow:hidden
}
.work-img img{
	width:100%;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s
}
.work-desc{
	width:55%;
	margin:0;
	text-align:center;
	padding:15px 5px;
	color: #333;
}
.work-desc h4{
	/*text-transform:uppercase;*/
	font-size:16px;
	margin:0;
	    color: #333;
}
.know_more{
	border: 1px solid #01a5ff;
    padding: 1% 3%;
    border-radius: 15px;
    /* margin: 10%; */
    display: inline-block;
    float: right;
    margin: 30px 66px;
}
.work-desc p{
	font-size:15px;
	margin:0;
	padding:0 10%;
	text-align:left;
}
.work-img .button{
	width:42px;
	height:42px;
	display:block;
	border-radius:100px;
	background:white;
	position:absolute;
	text-align:center;
	padding:11px 0 0;
	font-size:15px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.work-img .button:hover{
	background:#909090;
	color:white
}
.work-img .zoom{
	left:37%;
	top:20%;
	opacity:0
}
.work-img .detail{
	right:37%;
	bottom:20%;
	opacity:0
}
/*
.work:hover .work-img img{
	opacity:.2
}
.work:hover .work-img .zoom{
	top:50%;
	opacity:1;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%)
}

.work:hover .work-img .detail{
	bottom:50%;opacity:1;
	-webkit-transform:translateY(50%);
	-moz-transform:translateY(50%);
	transform:translateY(50%)
}*/
.isotope-item{
	z-index:2
}
.isotope-hidden.isotope-item{
	pointer-events:none;
	z-index:1
}
.isotope,.isotope .isotope-item{
	-webkit-transition-duration:.8s;
	-moz-transition-duration:.8s;
	-ms-transition-duration:.8s;
	-o-transition-duration:.8s;
	transition-duration:.8s
}
.isotope{
	-webkit-transition-property:height,width;
	-moz-transition-property:height,width;
	-ms-transition-property:height,width;
	-o-transition-property:height,width;
	transition-property:height,width
}
.isotope .isotope-item{
	-webkit-transition-property:-webkit-transform,opacity;
	-moz-transition-property:-moz-transform,opacity;
	-ms-transition-property:-ms-transform,opacity;
	-o-transition-property:-o-transform,opacity;
	transition-property:transform,opacity
}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{
	-webkit-transition-duration:0;
	-moz-transition-duration:0;
	-ms-transition-duration:0;
	-o-transition-duration:0;
	transition-duration:0
}
#services{
	margin:100px auto
}
#services .bg{
	background:url(../images/i4.jpg) top center fixed
}
.service-contents{margin:40px auto}
.service{
	display:block;
	float:left;
	margin:0 20px
}
.box{position:relative;z-index:10}
.service a.service-logo{
	display:block;
	width:100px;
	height:100px;
	border:1px solid #494949;
	border-radius:500px;
	margin:15px auto;
	padding:42px 0;
	position:relative;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;transition:all .3s
}
.box a:after{
	border:1px solid #494949;
	content:'';
	width:100px;
	height:100px;
	left:0;top:0;
	border-radius:500px;
	position:absolute;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	opacity:0
}
.service a.service-logo i{
	font-size:20px;
	color:#494949
}
.service h3{
	margin:5px auto 15px;
	padding:0;
	text-transform:uppercase
}
.service p{
	font-size:14px
}
.service-contents .owl-buttons{
	width:107%;
	left:0;
	top:45%;
	display:none
}
.box:hover a.service-logo{
	background:#494949
}
.box:hover a.service-logo i{
	color:white
}
.box:hover a:after{
	left:-1px;
	top:-1px;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	opacity:1
}
#services .bottom-bg{
	background:url(../images/ipad.png) bottom center no-repeat;
	min-height:240px;
	margin:80px auto
}
.service-bottom-text{
	text-align:center;
	font-size:45px;
	font-weight:100;
	text-transform:uppercase;
	color:#494949
}
.service-bottom-text span{
	background:#2e373f;
	background:-moz-linear-gradient(top,#2e373f 0,#556a84 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2e373f),color-stop(100%,#556a84));
	background:-webkit-linear-gradient(top,#2e373f 0,#556a84 100%);
	background:-o-linear-gradient(top,#2e373f 0,#556a84 100%);
	background:-ms-linear-gradient(top,#2e373f 0,#556a84 100%);
	background:linear-gradient(to bottom,#2e373f 0,#556a84 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e373f',endColorstr='#556a84',GradientType=0);
	border-radius:12px;
	padding:5px 20px;
	position:relative;
	color:white
}
.service-bottom-text span:after{
	position:absolute;
	content:'';
	width:170px;
	height:100px;
	top:68px;
	left:-34px;
	background:url(../images/spanbg2.png) center center no-repeat
}
.slide-s{
	width:75%;
	margin:0 auto 30px
}
.service-text .item{
	height:180px
}
.carousel .s-controls{
	background-image:url(../images/service-icons.png);
	width:30px;height:30px;
	margin:20px;
	opacity:0;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;transition:all .3s
}
.carousel a.right{
	background-position:right top
}
.carousel a.left{background-position:left top}
.bottom-bg:hover .s-controls{opacity:1}
.carousel a.left:hover{background-position:left bottom}
.carousel a.right:hover{background-position:right bottom}
#video{
	height:765px;
	margin:0;
	position:relative
}
.video-logo{position:relative;z-index:5}
.video-pattern{
	background:url(../images/pattern.png);
	width:100%;
	height:100%;
	top:0;
	left:0;
	padding:75px 0;
	position:absolute;
	text-align:center
}
.video-text{
	background:url(../images/video-text.png) center center no-repeat;
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	text-align:center;
	z-index:1
}
.packages{margin:40px auto}
.packages .package{
	border:1px solid #e1e1e1;
	height:auto;width:23%;
	margin:0 15px;
	float:left;
	background:url(../images/price-top-bg.jpg) top center repeat-x,white;
	text-align:center;
	cursor:default;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.first{margin-left:0 !important}
.last{margin-right:0 !important}
.package h1{
	text-align:center;
	text-transform:uppercase;
	color:white;
	font-size:25px;
	font-weight:400;
	margin:36px auto 27px
}
.package .circle{
	width:100px;
	height:100px;
	background:white;
	border:1px solid #e7e7e7;
	border-radius:150px;
	margin:0 auto;
	position:relative;
	z-index:1;
	text-align:center;
	color:#434343;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.package .circle:after{
	width:114px;
	height:114px;
	position:absolute;
	content:'';
	left:-8px;
	top:-8px;
	border-radius:150px;
	background:transparent;
	border:8px solid white;
	z-index:2;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.package .circle h2{
	margin:2px auto 0;
	font-size:30px
}
.package .circle h2 span{
	font-size:20px
}
.package .circle p{
	font-weight:300;
	color:#a8a8a8;
	margin:0 auto
}
.package ol{
	text-align:center;
	margin:20px auto;
	font-weight:300
}
.package ol li{
	display:block;
	width:100%;
	height:auto;
	padding:10px;
	text-transform:uppercase;
	font-size:18px;
	color:#8a8a8a;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.package ol li span{font-weight:700}
.package ol li:nth-of-type(2n){background:#fbfbfb}
.package a.p-btn{
	display:inline-block;
	background:#3d3d3d;
	padding:8px 34px;
	color:white;
	margin:0 auto 20px;
	text-transform:uppercase;
	border:1px solid #b2b2b2;
	cursor:pointer;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.packages .active{
	background:url(../images/price-top-bg.jpg) top center repeat-x,#3d3d3d
}
.packages .active ol li{color:#c5c5c5}
.packages .active ol li:nth-of-type(2n){background:#383838}
.packages .active .circle{
	background:#f02d2d;
	color:white;border:1px solid #db1d1d
}
.packages .active .circle:after{
	border:7px solid #f02d2d
}
.packages .active .circle p{
	color:white
}
a.p-btn:hover{
	background:#f02d2d;border:1px solid #f02d2d
}
#subscribe{
	border-top:1px solid #f1f1f1
}
.subscribe{
	padding:17px 0
}
.subscribe .subs{
	position:relative
}
.subscribe .left{
	text-align:left
}
.subscribe .right{
	text-align:right;
	top:25px
}
.left a.left-icon{
	display:block;
	width:100px;
	height:100px;
	border-radius:100%;
	background:#3d3d3d;
	position:relative;
	text-align:center;
	padding:35px 0;
	float:left
}
.left a.left-icon:after{
	content:"";
	position:absolute;
	left:97%;top:50%;
	border-left:11px solid black;
	border-left-color:#3d3d3d;
	border-top:11px solid transparent;
	border-bottom:11px solid transparent;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%)
}
.left a.left-icon i{
	color:white;
	font-size:30px
}
.subs .text{
	float:left;
	margin:0 17px
}
.subs .text h1{
	margin:20px auto 10px;
	text-transform:uppercase;
	font-size:27px;
	color:#484541;
	font-weight:400
}
.subs .text h1 span{
	color:#e70000
}
.subs .text p{
	font-size:15px;
	color:#484541;
	font-weight:300;
	text-transform:uppercase
}
.subscribe-mail{
	outline:0;
	border:1px solid #e7e7e7;
	border-radius:8px;
	color:#d0d0d0;
	width:250px;
	padding:12px 10px;
	font-weight:300;
	font-size:15px;
	margin-right:6px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.subscribe-btn{
	outline:0;
	border:1px solid #e7e7e7;
	border-radius:8px;
	color:white;
	text-transform:uppercase;
	padding:8px 15px;
	font-weight:400;
	top:2px;
	font-size:20px;
	background:#313131;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.subscribe-mail:hover{border:1px solid #bcbcbc}
.subscribe-mail:focus{border:1px solid #313131}
.subscribe-btn:hover{background:#747474}
.subscribe-btn:active{background:#313131}
#contact{
	padding:0;
	height:auto;
	min-height:567px
}
.contact-logo{
	position:absolute;
	z-index:22;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%)
}
.contact-logo i{
	color:#444
}
#map{
	top:0;
	position:absolute;
	width:100%;
	height:100%
}
.contact{margin:0 auto;padding:0}
.contact-form{
	width:400px;
	height:auto;
	min-height:567px;
	background:rgba(0,0,0,0.7);
	position:relative;
	top:0;
	padding:45px 50px;
	z-index:5;
	left:50%;
	-webkit-transform:translateX(-585px);
	-moz-transform:translateX(-585px);
	transform:translateX(-585px)
}
.contact-form h1{
	font-size:35px;
	text-transform:uppercase;
	color:#9c9c9c
}
form#contact-us{min-height:400px}
.form{
	outline:0;
	border:1px solid #2b2b2b;
	color:#9c9c9c;width:100%;
	padding:14px 10px;
	font-weight:300;
	font-size:15px;
	margin:10px auto;
	background:#080808;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.textarea{
	height:100px;
	max-width:100%;
	max-height:100px
}
.form-btn{
	outline:0;
	border:1px solid #2b2b2b;
	color:black;
	text-transform:uppercase;
	padding:8px 0;
	width:100%;
	margin:10px auto;
	text-align:center;
	font-weight:400;
	top:2px;
	font-size:20px;
	background:#313131;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.form:hover{border:1px solid #4e4e4e}
.form:focus{border:1px solid #e70000}
.form-btn:hover{background:#e70000}
.form-btn:active{background:#313131}
.mail-message{
	color:white;
	text-align:center;
	font-size:20px;
	font-weight:300;
	top:185px;
	position:relative
}
.mail-message p.mail-head{
	color:#e70000;
	font-size:35px
}
.newsletter-message{
	text-align:right;
	font-size:20px;
	font-weight:300;
	position:relative;
	margin-top:-25px
}
.newsletter-message p.mail-head{
	color:#e70000;
	font-size:35px
}
#footer{background:#131313}
.footer{text-align:center;padding:75px 0}
.footer a{
	cursor:pointer;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.footer-links{
	display:inline-block;
	border:1px solid #494949;
	border-radius:100px;
	margin:0 3px
}
.footer-links i{
	font-size:25px;
	color:#494949;
	display:block;
	width:35px;
	height:35px;
	line-height:38px
}
.footer-text{
	margin:10px 0 0 0;
	color:#868686;
	font-size:15px;
	font-weight:300
}
.footer-text span{margin:0 5px}
.footer-text a{color:#868686}
.copyright{
	text-transform:uppercase;
	margin:4px 0 0
}
.footer .footer-links:hover{border:1px solid white}
.footer a:hover{color:white}
.footer a:hover i{color:white}
#blog{margin:0 auto}
#blog .nav_text{
	margin-top:-80px;
	padding:11% 0;
	background-image: url(/template/default/images/news.png);
	background-size: 100% 100%;
}
.post{
	margin:60px 0;
	width:100%;
	position:relative
}
.last-post{
	border-bottom:1px solid #e7e7e7;
	margin-bottom:0;
	padding-bottom:20px
}
.post-icon{
	position:absolute;
	left:50%;z-index:5;
	padding:8px;
	color:##444;
	text-transform:uppercase;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%)
}
#blog .left{
	float:left
}
#blog .right{
	float:right
}
.post .post-img{
	width:100%;
	background:black;
	position:relative
}
.post-img .zoom-button{
	width:52px;
	height:52px;
	display:block;
	border-radius:100px;
	background:white;
	position:absolute;
	text-align:center;
	padding:16px 0 0;
	font-size:15px;
	opacity:0;
	top:60%;
	left:50%;
	cursor:pointer;
	z-index:6;
	color:black;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.post-img img{
	width:100%;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.post-img:hover img{opacity:.3}
.post-img:hover .zoom-button{opacity:1;top:50%}
.post-img .zoom-button:hover{
	background:#e70000;
	color:white
}
.post-icon p{margin:0;padding:0}
.post-icon p.day{font-size:25px}
.post-icon p.month{
	font-size:13px;
	line-height:0
}
.post-texts{
	position:relative;
	color:#000;
	font-weight:300;
	margin:25px 0
}
.post-texts .post-head{
	font-size:30px;
	/*text-transform:uppercase;*/
	margin:20px 0 10px
}
.post-texts .post-tags{
	margin:10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ebebeb
}
#blog a{
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
#blog .page-desc a{
	color:#fff;

}
.post-tags .tags{margin-right:15px;cursor:pointer}
.post-tags .tags i{margin-right:5px}
.post-texts .tags:hover{color:#e70000}
.post-texts p{margin:25px 0;line-height:25px}
.post-texts p.intro{padding:15px}
.post-texts p img{
	max-width:100%;
	clear:both;
	/*display:block;*/
	margin:auto
}
.btn-intro{
	background:#eee;color:#000
}
.post-texts p a.text-line-none{
	text-decoration:none
}
.post-texts p a.text-line{
text-decoration:underline
}
.post-texts p a.white{
	color:#fff
}
.post-texts p a.black{
	color:#000
}
.btn-post{
	color:white;
	font-weight:300;
	border-radius:0;
	margin:5px 0;
	padding:8px 15px;
	/*text-transform:uppercase;*/
	background:#747474;
	background:-moz-linear-gradient(top,#747474 0,#5a5a5a 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#747474),color-stop(100%,#5a5a5a));
	background:-webkit-linear-gradient(top,#747474 0,#5a5a5a 100%);
	background:-o-linear-gradient(top,#747474 0,#5a5a5a 100%);
	background:-ms-linear-gradient(top,#747474 0,#5a5a5a 100%);
	background:linear-gradient(to bottom,#747474 0,#5a5a5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474',endColorstr='#5a5a5a',GradientType=0)
}
.btn-post:hover{
	color:white;
	background:#e02424;
	background:-moz-linear-gradient(top,#e02424 0,#be1919 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e02424),color-stop(100%,#be1919));
	background:-webkit-linear-gradient(top,#e02424 0,#be1919 100%);
	background:-o-linear-gradient(top,#e02424 0,#be1919 100%);
	background:-ms-linear-gradient(top,#e02424 0,#be1919 100%);
	background:linear-gradient(to bottom,#4a4a4a 0,#323232 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e02424',endColorstr='#be1919',GradientType=0)
}
.post-slide{
	height:auto;
	position:relative
}
.post-slides .item img{
	width:100%
}
.blog .right{
	float:right
}
.pagination li.active-page a{
	background-color:#5b5b5b;
	border-color:#5b5b5b;
	color:white
}
.post-texts .post-head{
	font-size:25px;
	margin:0
}
#blog .blog1{width:75%}
#blog .sidebar{width:25%}
.sidebar{
	text-align:left;
	font-weight:300;
	padding:30px 30px 30px
}
.sidebar .element{
	/*padding-top:20px*/
}
.sidebar h3{
	font-size:20px;
	color:#000;
	/*text-transform:uppercase;*/
	margin:15px 0
}
.sidebar .search{
	width:100%;
	height:40px;
	padding:8px;
	border:1px solid #d6d6d6;
	font-weight:300;
	letter-spacing:1px;
	outline:0
}
.sidebar .search:focus{border:1px solid #aaa}
.sidebar ul{width:100%;padding:0}
.sidebar ul li{
	width:100%;
	height:auto;
	background:url(../images/li-arrow.png) center left no-repeat
}
.sidebar ul li a{
	padding:15px;
	border-bottom:1px solid #ebebeb;
	width:100%;
	display:block;
	color:#000;
}
.sidebar ul li a:hover{color:black}
.sidebar ul li.sub{background:0}
a.tag{
	margin:0 7px 7px 0;
	padding:5px 8px;
	background:#4a4a4a;
	color:white;
	display:block;
	float:left
}
a.tag:hover{opacity:.8}
#back-top{
	width:53px;
	height:53px;
	position:fixed;
	right:50px;
	bottom:50px;
	z-index:9999
}
#back-top a{
	width:100%;
	height:100%;
	display:block;
	background:url(../images/back-top.png) no-repeat;
	opacity:.1;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
#back-top a:hover{opacity:1}
input[type="submit"]{
	margin:5px 5px 5px 0;
	padding:5px 8px;
	background:#4a4a4a;
	color:white;
	display:block;
	border:0
}
input[type="submit"]:hover{opacity:.8}
.dark-gray-degrade{
	background:rgba(0,0,0,0) linear-gradient(to bottom,#4f4f4f 0,#2d2d2d 100%) repeat scroll 0 0
}
.search-button{
	border:medium none;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	color:#eaeaea;
	font-size:18px;
	height:40px;
	outline:medium none;
	padding:3px 7px;
	position:absolute;
	right:28px;
	text-align:center;
	top:295px;
	width:15%
}
.none{display:none}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb60{padding-bottom:60px}
.clearfix{overflow:hidden;_zoom:1}
.post-form .form-control{
	outline:0;border:1px solid #ccc;
	color:#9c9c9c;width:100%;
	padding:14px 10px;font-weight:300;
	font-size:14px;margin:10px auto;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	background:#f7f7f7
}
.post-form .form-control-textarea{
	height:100px;
	max-width:100%;
	max-height:100px
}
.post-form .form-control-btn{
	outline:0;border:1px solid #2b2b2b;
	color:#ccc;
	text-transform:uppercase;
	padding:8px 0;
	width:100%;
	margin:10px auto;
	text-align:center;
	font-weight:400;
	top:2px;
	font-size:20px;
	background:#313131;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.post-form .form-control:hover{
	border:1px solid #4e4e4e
}
.post-form .form-control:focus{
	border:1px solid #e70000
}
.language{
	float:right;
	list-style: none;
	position:absolute;
	right:-8px;
	top:35px;
	display: none;
}
.changeLan{
	float: right;
	position: relative;
	right: 0px;
	top: 20px;
	cursor: pointer;
	color: #fff;
}
.changeLan:hover .language{
	display:block;
	
}
.language a:hover{
	color:#aaa;
}
.case_content div{
	margin-left: 18px;
}
.case_content a{
	display:block;
	font-size:14px;
	margin-left: 20px;
}
.case_content a:hover{
	color:red;
}
.case_content{
    line-height: 32px;
}
.case_2_content{
	padding: 0 10px;
}
.case_2_content a{
	display: inline-block;
    padding: 10px 10px;
    border: 1px solid #eee;
    font-size: 15px;
    background-color: #eee;
    margin-left: 6px;
    border-radius: 12px;
	width: 19%;
    text-align: center;
}
.case_2_content a:hover{
	color:red;
}
.element a.active{
	/* color:#e02424; */
}

.items-mible{display: none;margin-top:10px;}
.work-desc-mible h3{text-align:center;}
.work-img-mible img{width:100%;}
.des{margin-top:30px;}
.con{text-align: center;margin:10px;}
.know_more-mible{border: 1px solid #01a5ff;padding: 1% 3%;border-radius: 15px;display: inline-block;}