body{
	overflow-x:hidden;}

.background-cases-study,.logo-right {
	overflow: hidden
}

.body-section,.footer-section,.header-section,.inputed input,.inputed textarea,body {
	background-color: #fff
}

.branding-board,.container {
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden
}

.header-section h1 {
	line-height: 123px
}

.header-section .placefiller {
	line-height: 300px
}

.body-section .placefiller {
	line-height: 900px
}

.footer-section a,.header-section h2,.inputed input,.inputed textarea,.rounded-button,.wrap-contact-info-left li a,.wrap-navigation ul li,h4,p {
	font-family: Gotham
}

.wrap-contact-info-left li a {
	font-style: italic
}

.arrow-icon,.arrow-rounded-button {
	font-family: aurelienvigneregular;
	bottom: 5px
}

.header-section h1,.wrap-in-element-lines h3,h3 {
	font-family: walbaumbold
}

.link-elements,.wrap-navigation ul li {
	font-weight: 900
}

#popUpDiv h4,.link-contact,.rounded-button,.tag-cases h4,.tag-cases-about h4,h4 {
	font-weight: 800
}

.footer-section,.footer-section a,.has-error,.header-section h2,.inputed input,.inputed textarea,.wrap-contact-info-left li a {
	font-weight: 600
}

#navigation,#padding-top-nav,.arrow-rounded-button,.footer-section a,.footer-section p,.rounded-button:hover,.wrap-footer-three,.wrap-navigation ul li a {
	color: #fff
}

.wrap-navigation ul li a:hover {
	color: #ee4234
}

.centered-text a,.header-section h1,.header-section h2,.rounded-button,.wrap-contact-info-left a,.wrap-contact-info-left li,.wrap-in-element-lines h3,.wrap-in-element-lines p,a.link-start-project,h3,h4,p {
	color: #272f31
}

.resume-dark a,.start-project-nav:hover a {
	color: #272f31!important
}

.footer-section a:hover,.has-error,.link-elements a,a.link-resume {
	color: #EE4234
}

#recyplane-color1 p {
	color: #fc4349
}

#recyplane-color2 p {
	color: #0C273D
}

#recyplane-color3 p {
	color: #70BB5D
}

#recyplane-color4 p {
	color: #2C5E2E
}

#eliteemail-color4 p,#recyplane-color5 p {
	color: rgba(39,47,50,1)
}

#aurel-color1 p,#vignetage-color1 p {
	color: #EF4234
}

#aurel-color2 p,#vignetage-color2 p {
	color: #272F32
}

#vignetage-color3 p {
	color: #9DBDC6
}

#vignetage-color4 p {
	color: #DAEAEF
}

#eliteemail-color1 p {
	color: #4284F8
}

#eliteemail-color2 p {
	color: #515151
}

#eliteemail-color3 p {
	color: #626262
}

#c609-color1 p {
	color: #5eb5b0
}

#c609-color2 p {
	color: #717171
}

#c609-color3 p {
	color: #f1f1f1
}

#tom-color1 p {
	color: #3B3B3B
}

#tom-color2 p {
	color: #E84D5B
}

#tom-color3 p {
	color: #AFAA9D
}

#aurel-color3 p {
	color: #F0F1F1
}

#eliteditial-color1 p {
	color: #49A4FA
}

#eliteditial-color2 p {
	color: #565C66
}

#eliteditial-color3 p {
	color: #212121
}

.has-error span {
	font-size: 12px
}

.footer-section,.footer-section a,.footer-section p,.footer-section span {
	font-size: 16px
}

.date-tag,.inputed input,.inputed textarea,p {
	font-size: 18px
}

.rounded-button,.tag-cases p,.tag-cases-about p,.wrap-navigation ul li a {
	font-size: 20px
}

.arrow-icon {
	font-size: 21px
}

.main-wrap-skils h4 {
	font-size: 25px
}

.arrow-rounded-button {
	font-size: 26px
}

#popUpDiv h4,.branding-board h4,.centered-element-cases h4,.centered-wrap-services-home h4,.tag-cases h4,.tag-cases-about h4 {
	font-size: 29px
}

.header-section h2 {
	font-size: 39.1px
}

.main-wrap-element h3,.title-center h3 {
	font-size: 20px
}

.small-header .header-section h1 {
	font-size: 100px
}

.header-section h1 {
	font-size: 136.2px
}

#popUpDiv h4,.aurelien,.branding-board h4,.centered-element-cases h4,.centered-wrap-services-home h4,.header-section h1,.header-section h2,.main-wrap-element h3,.main-wrap-skils h4,.tag-cases h4,.tag-cases p,.tag-cases-about h4,.tag-cases-about p,.title-center h3,.wrap-navigation ul li a {
	text-transform: uppercase
}

.date-tag {
	text-transform: none!important
}

.display-in768-logo li,.footer-center,.wrap-contact-info-left,.wrap-logo-sub-left {
	text-align: left
}

.footer-right,.has-error span {
	text-align: right
}

#popUpDiv,.branding-board,.center-round p,.centered-element-cases h4,.centered-text,.centered-wrap-services-home h4,.footer-center p,.footer-center p a,.header-section h1,.header-section h2,.main-wrap-skils h4,.tag-cases,.tag-cases-about,.tag-cases-about h4,.title-center,.wrap-comp-logo1,.wrap-comp-logo2,.wrap-comp-logo3,.wrap-comp-logo4,.wrap-comp-logo5,.wrap-double-web-mockup p,.wrap-footer-picture p,.wrap-middle-xp {
	text-align: center
}

.wrap-contact-info-left li {
	list-style-position: inside!important;
	list-style: disc
}

.about-cases,.arrow-icon,.arrow-rounded-button,.branding-board,.cases-study-wrap,.center-skills,.center-wrap-board,.centered-text,.first-web-mockup,.has-error,.in-wrap-element,.in-wrap-element2,.inputed form,.inputed input,.inputed textarea,.line-center-wrap3,.logo-header,.main-wrap-first-mockup,.main-wrap-padding-30,.main-wrap-padding-60,.main-wrap-service-home-pic,.sub-wrap-padding-web-left,.sub-wrap-padding-web-right,.super-main-wrap,.three-wrap,.toggle-header,.wrap-comp-logo1,.wrap-comp-logo2,.wrap-comp-logo3,.wrap-comp-logo4,.wrap-comp-logo5,.wrap-contact-info,.wrap-element-left-left,.wrap-element-left-right,.wrap-logo-sub,.wrap-logo-sub-g,.wrap-mockup-cases,.wrapcombgeneral {
	position: relative
}

.has-error span,.line-for-center-about,.main-wrap-cases,.tag-cases,.tag-cases-about,.wrap-aurelien-draw,.wrap-frame,.wrap-frame2,.wrap-frame3,.wrap-mug {
	position: absolute
}

#toggle,.logo-header-fixed,header {
	position: fixed
}

#Layer_1,#Layer_2,#main-logo,.body-section,.branding-board,.branding-class,.cases-study-main-sub-wrap,.cases-study-wrap,.centered-text,.centered-wrap-services-home h4,.colors-cases,.contact-section,.footer-section,.full-width-double,.full-width-double-general,.full-width-website-mockup,.has-error,.in-wrap-element2 h4,.inputed button,.inputed form,.inputed input,.inputed textarea,.line-center-thick1,.line-center-thick2,.line-center-thin1,.line-center-thin2,.line-center-wrap,.line-thick,.line-thin,.logo-cases-study,.logo-header,.logo-header-fixed,.logo-left,.logo-right,.main-footer-wrap,.main-wrap-100,.main-wrap-about,.main-wrap-cases-aboutme,.main-wrap-cases-study-homes,.main-wrap-color,.main-wrap-double-web-mockup,.main-wrap-element-left,.main-wrap-exp,.main-wrap-first-mockup,.main-wrap-service-home-pic,.main-wrap-services-home,.main-wrap-skils,.skill,.skill-title,.sub-wrap-padding-web-left,.super-main-wrap,.three-wrap,.title-left,.typo-cases,.wrap-aurelien-draw,.wrap-color,.wrap-contact-info,.wrap-contact-info-padding,.wrap-double-web-mockup,.wrap-element-left-left,.wrap-element-left-left .in-wrap-element,.wrap-element-left-right,.wrap-footer-picture,.wrap-frame,.wrap-frame2,.wrap-frame3,.wrap-in-element-lines,.wrap-left-xp,.wrap-logo-sub,.wrap-logo-sub-g,.wrap-middle-xp,.wrap-mockup-cases,.wrap-navigation ul li,.wrap-right-xp,.wrapcombgeneral,a.link-contact,header {
	float: left
}

.skill p,.skill-title p,.wrap-element-left-right p {
	text-align: right
}

.burger li,.close-pop,.close-pop li a,.in-wrap-element,.in-wrap-element2,.social-icon,.sub-wrap-padding-web-right,.toggle-header,.wrap-element-left-right .line-center-thick2,.wrap-element-left-right .line-center-thin2,.wrap-element-left-right .wrap-in-element-lines,.wrap-element-left-right p,.wrap-mug,.wrap-mug img,.wrap-navigation {
	float: right
}

.box-center-title-header,.center-round,.center-skills,.center-wrap-board,.centered-element-cases,.centered-wrap-services-home,.first-web-mockup,.frame,.frame2,.frame3,.line-center-wrap3,.line-exp,.wrap-contact-centered,.wrap-frame,.wrap-frame2,.wrap-frame3 {
	float: none
}

.burger,.cssdesignawards img {
	float: right
}

.wrap-navigation ul li,span.display-out-768 {
	display: inline
}

#navigation,#padding-top-nav,.disable-until-center,.display-in765,.display-in768,.display-in768-logo,.display-inaddress768 a,.jssmall,.logo-cases-ipad,.wrap-line-769 {
	display: none
}

.cases-study-about-left-padding,.cases-study-about-right-padding,.cases-study-left-padding,.center-round,.frame,.frame2,.frame3 {
	width: auto
}

.social-icon li {
	padding-left: 18px
}

.wrap-left-xp,.wrap-right-xp {
	width: 45%
}

.wrap-middle-xp {
	width: 10%
}

.wrap-line-769 {
	width: 20%
}

.line-exp {
	width: 2px
}

#y215 {
	padding-bottom: 450%
}

#y212,#y213,#y214 {
	padding-bottom: 200%
}

#ap1tag,#ubitag,#univtag {
	top: 40px
}

#freelancertag {
	top: 50px
}

.close-pop li a {
	width: 27px
}

.close-pop li,.line-for-center-about {
	width: 30px
}

.line-center-thin1,.line-center-thin2,.line-center-thin3 {
	width: 30%
}

.three-wrap {
	width: 33.33%
}

.wrap-color,.wrap-comp-logo1,.wrap-comp-logo2,.wrap-comp-logo3,.wrap-comp-logo4,.wrap-comp-logo5 {
	width: 20%
}

.caseaurelien .wrap-color,.caseelitedigital .wrap-color,.casestom .wrap-color,.casesvignetage .wrap-color {
	width: 25%
}

.casevignetage .wrap-comp-logo2,.casevignetage .wrap-comp-logo4 {
	width: 16%
}

.casevignetage .wrap-comp-logo1 {
	width: 19%
}

.casevignetage .wrap-comp-logo3 {
	width: 9%
}

.casevignetage .wrap-comp-logo5 {
	width: 40%
}

.caseaurelien .wrap-comp-logo1,.caseaurelien .wrap-comp-logo2,.caseaurelien .wrap-comp-logo3,.caseaurelien .wrap-comp-logo4 {
	width: 18%
}

.caseaurelien .wrap-comp-logo5 {
	width: 28%
}

.caseelitedigital .wrap-comp-logo1,.caseelitedigital .wrap-comp-logo2,.caseelitedigital .wrap-comp-logo3,.caseelitedigital .wrap-comp-logo4 {
	width: 18%
}

.caseelitedigital .wrap-comp-logo5 {
	width: 25%
}

.caseaurelien .wrap-comp-logo2 img,.caseaurelien .wrap-comp-logo4 img,.caseelitedigital .wrap-comp-logo2 img,.caseelitedigital .wrap-comp-logo4 img {
	max-width: 50%
}

.wrap-comp-logo2 img,.wrap-comp-logo4 img {
	max-width: 30%
}

.wrap-comp-logo1 img,.wrap-comp-logo3 img,.wrap-comp-logo5 img {
	max-width: 100%
}

.wrap-logo-sub-left img {
	max-width: 642px
}

.wrap-logo-sub-right img {
	max-width: 234px;
	float: right
}

.caseaurelien .wrap-logo-sub-left img,.caseelitedigital .wrap-logo-sub-left img {
	max-width: 526px
}

.caseaurelien .wrap-logo-sub-right img,.caseelitedigital .wrap-logo-sub-right img {
	max-width: 100%
}

.line-center-thick1,.line-center-thick3 {
	width: 40%
}

.line-center-thick2 {
	width: 60%
}

.wrap-aurelien-draw {
	width: 30%;
	left: -80px
}

.skill-title {
	width: 40%
}

.cases-study-wrap,.full-width-double,.main-wrap-double-web-mockup,.wrap-contact-info,.wrap-element-left-left,.wrap-element-left-right {
	width: 50%
}

.skill {
	width: 60%
}

.wrap-logo-sub-left {
	width: 75%
}

.wrap-logo-sub-right {
	width: 25%
}

.wrap-element-left-left p,.wrap-mug img {
	width: 89%
}

#elite-center-img,.casestom .wrap-footer-picture .centered-element-cases,.casesvignetage .wrap-footer-picture .centered-element-cases {
	width: 70%
}

.logo-header {
	width: 189px
}

.logo-left {
	width: 73px
}

.logo-right {
	width: 134px
}

.tag-about-left,.tag-about-right {
	width: 377px!important
}

.container_t{
	}

/*.container,.super-main-wrap {
	width: 100vw
}

.container {
	max-width: 100vw
}*/

#Layer_1,.arrow-icon,.background-cases-study img,.background-picture img,.background-picture2 img,.body-section,.box-center-title-header,.branding-board,.branding-class,.cases-study-main-sub-wrap,.center-skills,.center-wrap,.center-wrap-board,.centered-element-cases,.centered-element-cases #Layer_2,.centered-img-cases,.centered-img-cases img,.centered-text404,.centered-wrap-services-home,.centered-wrap-services-home h4,.circle,.colors-cases,.contact-section,.first-web-mockup,.first-web-mockup img,.footer-section,.full-width-double-general img,.full-width-website-mockup,.full-width-website-mockup img,.has-error,.in-wrap-element2 h4,.inputed form,.line-center-wrap,.line-center-wrap3,.logo-cases-study,.logo-cases-study #Layer_1,.main-footer-wrap,.main-wrap-100,.main-wrap-about,.main-wrap-cases-aboutme,.main-wrap-cases-study-homes,.main-wrap-color,.main-wrap-element-left,.main-wrap-exp,.main-wrap-first-mockup,.main-wrap-service-home-pic,.main-wrap-skils,.sub-wrap-padding-web img,.sub-wrap-padding-web svg,.super-main-wrap,.tag-cases,.tag-cases-about,.title-left,.typo-cases,.wrap-aurelien-draw img,.wrap-contact-centered,.wrap-contact-info-padding,.wrap-footer-picture,.wrap-footer-picture img,.wrap-frame,.wrap-frame2,.wrap-frame3,.wrap-logo-sub,.wrap-logo-sub-left img,.wrap-logo-sub-right img,.wrap-mockup-cases,.wrap-mockup-cases img,.wrapcombgeneral img,a.link-contact,header {
	width: 100%
}

.center-skills,.full-width-double-general img {
	max-width: 90%
}

.center-round {
	max-width: 100px
}

.centered-wrap-services-home {
	max-width: 400px
}

#recyplane-center-img {
	max-width: 700px
}

.caseelitedigital #recyplane-center-img {
	max-width: 1000px
}

#elite-center-img {
	max-width: 1078px
}

.tag-cases,.tag-cases-about {
	z-index: 1;
	max-width: 377px
}

.line-center-wrap3 {
	max-width: 531px
}

.inputed textarea,.wrap-contact-centered {
	max-width: 648px
}

.main-wrap-element p {
	max-width: 760px
}

.main-wrap-cases-study-homes p {
	max-width: 100%;
}

.casestom .wrap-footer-picture .centered-element-cases,.casesvignetage .wrap-footer-picture .centered-element-cases {
	max-width: 700px
}

.box-center-title-header {
	max-width: 800px
}

.first-web-mockup {
	max-width: 921px
}

.caseaurelien .first-web-mockup,.caseelitedigital .first-web-mockup,.casevignetage .first-web-mockup {
	max-width: 1275px
}

.centered-element-cases {
	max-width: 941px
}

.center-wrap-board {
	max-width: 1140px
}

.center-wrap {
	max-width: 1800px
}

#Layer_1,.centered-element-cases #Layer_2,.logo-cases-study #Layer_1,.sub-wrap-padding-web svg,.typo-cases svg {
	height: 100%
}

.line,.line-center-thin1,.line-center-thin2,.line-for-center-about,.line-thin {
	height: 2px
}

.close-pop li {
	height: 4px
}

.close-pop li a {
	height: 5px
}

.line-center-thick1,.line-center-thick2,.line-thick {
	height: 10px
}

.footer-right img,.footer-right svg,.social-icon img,.social-icon svg {
	height: 14px
}

.logo-left,.logo-right {
	height: 51px
}

header {
	z-index: 9999;
	height: 60px
}

.skill ul li,.skill-title ul li {
	height: 50px
}

.rounded-button {
	height: 70px
}

#navigation,#padding-top-nav {
	height: 173px
}

.header-section {
	height: 100vh
}

.wrap-double-web-mockup svg {
	height: 100%!important
}

.small-header .header-section {
	height: 563px
}

.big-cases {
	max-height: 810px
}

.small-cases {
	max-height: 525px
}

#navigation,#padding-top-nav,.close-pop li a {
	padding: 10px
}

.inputed input,.inputed textarea {
	width: 98%;
	padding-left: 2%;
	margin-bottom: 15px
}

.wrap-comp-logo2 img,.wrap-comp-logo4 img {
	padding-top: 30%
}

.caseaurelien .wrap-comp-logo2 img,.caseaurelien .wrap-comp-logo4 img,.caseelitedigital .wrap-comp-logo2 img,.caseelitedigital .wrap-comp-logo4 img {
	padding-top: 36%
}

.casevignetage .wrap-comp-logo2 img,.casevignetage .wrap-comp-logo4 img {
	padding-top: 7%
}

.link-elements a:hover span,a.link-contact:hover span {
	padding-left: 5px
}

.main-wrap-padding-60,.wrap-comp-logo {
	padding-left: 30px
}

.wrap-navigation .start-project-nav,.wrap-navigation ul li a {
	padding-left: 40px
}

.rounded-button {
	padding-left: 50px
}

.logo-header {
	padding-left: 60px
}

.cases-study-right-padding {
	padding-left: 17%
}

.cases-study-about-right-padding {
	padding-left: 10%
}

.skill ul li p,.skill-title ul li p {
	padding-right: 3px
}

.arrow-icon {
	padding-right: 8px
}

.main-wrap-padding-60,.wrap-comp-logo {
	padding-right: 30px
}

.wrap-navigation .start-project-nav,.wrap-navigation ul li a {
	padding-right: 40px
}

.rounded-button,.wrap-mug img {
	padding-right: 50px
}

.cases-study-left-padding {
	padding-right: 17%
}

.cases-study-about-left-padding {
	padding-right: 10%
}

.main-wrap-navigation {
	padding-right: 169px
}

.getstarted-body .wrap-contact-info-padding {
	padding-top: 0
}

.getstarted-body .contact-section {
	padding-top: 30px
}

.link-elements {
	padding-top: 10px
}

.date,.social-icon {
	padding-top: 15px
}

.tag-cases,.tag-cases-about {
	padding-top: 25px
}

.centered-wrap-services-home h4 {
	padding-top: 45px
}

#popUpDiv h4,#soon-tag,.center-wrap-board {
	padding-top: 50px
}

.coming-soon-tag {
	padding-top: 50px!important
}

.line {
	padding-top: 9px;
	border-bottom: 2px solid #272f31
}

.date-tag,.header-section h1,.wrap-navigation ul li a {
	padding-top: 30px
}

.main-footer-wrap {
	padding-top: 45px
}

.cases-study-main-sub-wrap-first-child {
	padding-top: 81px
}

.main-wrap-exp {
	padding-top: 78px
}

.branding-board,.footer-center p,.footer-right p:first-child {
	padding-top: 92px
}

.caseaurelien .full-width-website-mockup,.caseelitedigital .full-width-website-mockup,.centered-img-cases,.wrap-contact-info-padding {
	padding-top: 100px
}

.centered-text {
	padding-top: 106px
}

.wrap-logo-sub {
	padding-top: 148px
}

.contact-section {
	padding-top: 213px
}

.small-header .box-center-title-header {
	padding-top: 205px
}

.box-center-title-header {
	padding-top: 30vh
}

.circle {
	padding-bottom: 100%
}

.getstarted-body .main-wrap-services-home {
	padding-bottom: 0!important
}

.img-logo-footer img {
	padding-bottom: 33px
}

.wrap-contact-info-left ul li {
	padding-bottom: 5px
}

.wrap-contact-info-left ul li:last-child {
	padding-bottom: 0
}

.date,a.link-contact {
	padding-bottom: 15px
}

.aurelien,.wrap-contact-centered ul,.wrap-navigation .start-project-nav,.wrap-navigation ul li a {
	padding-bottom: 28px
}

.header-section h2 {
	padding-bottom: 18px
}

.tag-cases,.tag-cases-about,.title-center h3,.wrap-in-element-lines h3 {
	padding-bottom: 25px
}

.main-wrap-skils h4 {
	padding-bottom: 26px
}

#soon-tag {
	padding-bottom: 50px
}

.coming-soon-tag {
	padding-bottom: 50px!important
}

.branding-board {
	padding-bottom: 58px
}

.centered-text p,.wrap-element-left-left p,.wrap-element-left-right p {
	padding-bottom: 20px
}

.tag-cases h4 {
	padding-bottom: 39px
}

#soon-tag h4,.coming-soon-tag h4 {
	padding-bottom: 0!important
}

#popUpDiv h4,.main-footer-wrap {
	padding-bottom: 45px
}

.wrap-in-element-lines {
	padding-bottom: 60px
}

.wrap-double-web-mockup p,.wrap-footer-picture p {
	padding-bottom: 63px
}

.centered-element-cases h4 {
	padding-bottom: 80px
}

.centered-text {
	padding-bottom: 100px
}

.caseaurelien .centered-img-cases,.caseelitedigital .centered-img-cases,.colors-cases,.contact-section,.logo-cases-study,.typo-cases,.wrap-mockup-cases {
	padding-bottom: 106px
}

 

.line-center-thin1,.line-center-thin2,.line-thin {
	margin-top: 4px
}

.caseelitedigital .wrap-comp-logo5 {
	margin-top: -30px
}

.in-wrap-element {
	margin-top: 33px
}

.wrap-left-xp,.wrap-right-xp {
	margin-top: 30px
}

.wrap-navigation ul {
	margin-top: -64px
}

.open-header .wrap-navigation ul {
	margin-top: 68px
}

.main-wrap-skils {
	margin-top: 75px
}

.caseelite .main-wrap-first-mockup {
	margin-top: 100px
}

.inputed button {
	margin-top: 40px
}

#responsive-recyplane,.wrap-aurelien-draw {
	margin-bottom: -5px
}

.circle {
	margin-bottom: 25px;
	border-radius: 50%
}

.caseaurelien .first-web-mockup,.caseelitedigital .first-web-mockup,.casestom .first-web-mockup,.casevignetage .first-web-mockup {
	margin-top: 132px
}

.sub-wrap-padding-web-right,.wrap-double-web-mockup-right p {
	margin-left: 4%
}

.wrap-navigation ul li:last-child {
	margin-left: 23px
}

.sub-wrap-padding-web-left,.wrap-double-web-mockup-left p {
	margin-right: 4%
}

#header-move-title {
	margin: -1.20861% -1.30042%
}

.has-error span {
	top: 18px
}

.line-for-center-about {
	top: 50%
}

#toggle,.logo-header-fixed {
	top: 60px
}

.open-header .burger {
	top: 19px
}

.wrap-mug {
	right: 0;
	top: 0
}

.logo-right,.wrap-aurelien-draw {
	bottom: 0
}

.inputed input {
	height: 50px
}

.inputed textarea {
	height: 80px;
	max-height: 80px;
	padding-top: 16px
}

.box-center-title-header,.center-round,.center-skills,.center-wrap,.center-wrap-board,.centered-element-cases,.centered-img-cases,.centered-wrap-services-home,.first-web-mockup,.line-center-wrap3,.line-exp,.wrap-contact-centered,.wrap-frame,.wrap-frame2,.wrap-frame3 {
	margin-left: auto;
	margin-right: auto
}

#logo-right {
	margin-left: -9px;
	background-position: 0 0
}

.box-padding-top,.line-for-center-about {
	margin-left: 10px;
	margin-right: 10px
}

.frame,.frame2,.frame3,.header-section,.main-wrap-padding-30 {
	margin-left: 30px;
	margin-right: 30px
}

.close-pop li:last-child {
	margin-top: -4px
}

.header-section {
	margin-top: 30px;
	background-size: cover
}

.branding-board,.first-web-mockup,.wrap-double-web-mockup {
	margin-bottom: 106px
}

.has-error span {
	right: 11px
}

.burger {
	right: 50px
}

.line-for-center-about {
	right: -50px
}

.tag-about-right .line-for-center-about {
	right: auto
}

.about-cases-left .tag-cases-about,.cases-study-left .tag-cases {
	right: 15px
}

.about-cases-right .tag-cases-about,.cases-study-right .tag-cases {
	left: 15px
}

.tag-about-right .line-for-center-about {
	left: -50px
}

.header-sect,.header-section {
	background-image: url(../img/background/aurelien-vigne-home.jpg)
}

#logo-header_1 {
	height: 49.7px;
	width: 68.65px
}

#logo-right_2 {
	min-height: 50.85px;
	width: 139.71px
}

.footer-section a svg,.open-header svg#logo-header_1,.open-header svg#logo-right_2 {
	fill: #fff
}

svg#logo-header_1,svg#logo-right_2 {
	fill: #272f31
}

.footer-section a:hover svg {
	fill: #EE4234
}

.getstarted {
	background-color: #fff!important
}

.branding-board,.contact-section {
	background-color: #F0F1F1
}

.burger li,.close-pop li,.line-center-thick1,.line-center-thick2,.line-center-thin1,.line-center-thin2,.line-exp,.line-for-center-about,.line-thick,.line-thin,.main-footer-wrap,.rounded-button:hover {
	background-color: #272f31
}

.logo-header:hover svg#logo-right_2,.open-header svg#logo-right_2 {
	margin-left: 0!important
}

#logo-right_2 svg {
	margin-left: -133px
}

.open-header .burger li,.start-project-nav a:hover {
	background-color: #fff
}

#navigation,#padding-top-nav {
	display: none;
	padding: 10px;
	background: #272f31
}

#recyplane-color1 .circle {
	background-color: #fc4349
}

#recyplane-color2 .circle {
	background-color: #0C273D
}

#recyplane-color3 .circle {
	background-color: #70BB5D
}

#recyplane-color4 .circle {
	background-color: #2C5E2E
}

#eliteemail-color4 .circle,#recyplane-color5 .circle {
	background-color: #FFF;
	-webkit-box-shadow: inset 0 0 0 1px rgba(39,47,50,1);
	-moz-box-shadow: inset 0 0 0 1px rgba(39,47,50,1);
	box-shadow: inset 0 0 0 1px rgba(39,47,50,1)
}

#eliteemail-color1 .circle {
	background-color: #4284F8
}

#eliteemail-color2 .circle {
	background-color: #515151
}

#eliteemail-color3 .circle {
	background-color: #626262
}

#c609-color1 .circle {
	background-color: #5eb5b0
}

#c609-color2 .circle {
	background-color: #717171
}

#c609-color3 .circle {
	background-color: #f1f1f1
}

#vignetage-color1 .circle {
	background-color: #EF4234
}

#vignetage-color2 .circle {
	background-color: #272F32
}

#vignetage-color3 .circle {
	background-color: #9DBDC6
}

#vignetage-color4 .circle {
	background-color: #DAEAEF
}

#tom-color1 .circle {
	background-color: #3B3B3B
}

#tom-color2 .circle {
	background-color: #E84D5B
}

#tom-color3 .circle {
	background-color: #AFAA9D
}

#aurel-color1 .circle {
	background-color: #EF4234
}

#aurel-color2 .circle {
	background-color: #272F32
}

#aurel-color3 .circle {
	background-color: #F0F1F1
}

#eliteditial-color1 .circle {
	background-color: #49A4FA
}

#eliteditial-color2 .circle {
	background-color: #565C66
}

#eliteditial-color3 .circle {
	background-color: #212121
}

#logo-left,#logo-right {
	background-repeat: no-repeat
}

#logo-left,#logo-right,.open-header #logo-left,.open-header #logo-right {
	background-size: 100%
}

.wrap-right-xp {
	width: 45%
}

.casestom .circle {
	border-radius: 0
}

.open-header .burger li {
	opacity: 0
}

.circle:hover {
	opacity: .6
}

.l-info-top .circle:hover,.open-header .burger li:first-child,.open-header .burger li:last-child {
	opacity: 1
}

.in-wrap-element,.in-wrap-element2 {
	width: 100%;
	max-width: 578px
}

.frame {
	padding-bottom: 111%
}

.frame3 {
	padding-bottom: 115%;
	margin-top: -25px
}

#element-branding {
	padding-top: 90px
}

#element-one {
	padding-top: 128px
}

#element-apps {
	padding-top: 120px
}

#element-web {
	padding-top: 100px
}

.caseaurelien .first-web-mockup,.caseelitedigital.first-web-mockup,.first-web-mockup,.sub-wrap-padding-web {
	-webkit-box-shadow: 0 0 44px -4px rgba(0,0,0,.52);
	-moz-box-shadow: 0 0 44px -4px rgba(0,0,0,.52);
	box-shadow: 0 0 44px -4px rgba(0,0,0,.52)
}

.casevignetage .first-web-mockup {
	-webkit-box-shadow: 0 0 44px -4px transparent;
	-moz-box-shadow: 0 0 44px -4px transparent;
	box-shadow: 0 0 44px -4px transparent
}

.frame,.frame2,.frame3 {
	max-height: 340px;
	-webkit-box-shadow: inset 0 0 0 4px rgba(39,47,50,1);
	-moz-box-shadow: inset 0 0 0 4px rgba(39,47,50,1);
	box-shadow: inset 0 0 0 4px rgba(39,47,50,1)
}

.wrap-navigation ul li:last-child a {
	-webkit-box-shadow: inset 0 0 0 3px rgba(255,255,255,1);
	-moz-box-shadow: inset 0 0 0 3px rgba(255,255,255,1);
	box-shadow: inset 0 0 0 3px rgba(255,255,255,1)
}

.getstarted input,.getstarted textarea {
	-webkit-box-shadow: inset 0 0 0 3px rgba(39,47,49,1);
	-moz-box-shadow: inset 0 0 0 3px rgba(39,47,49,1);
	box-shadow: inset 0 0 0 3px rgba(39,47,49,1)
}

.tag-cases,.tag-cases-about {
	-webkit-box-shadow: inset 0 0 0 4px rgba(39,47,49,1);
	-moz-box-shadow: inset 0 0 0 4px rgba(39,47,49,1);
	box-shadow: inset 0 0 0 4px rgba(39,47,49,1)
}

.rounded-button {
	-webkit-box-shadow: inset 0 0 0 3px rgba(39,47,49,1);
	-moz-box-shadow: inset 0 0 0 3px rgba(39,47,49,1);
	box-shadow: inset 0 0 0 3px rgba(39,47,49,1);
	background: 0 0;
	cursor: pointer
}

.shadow-logo {
	-webkit-svg-shadow: 0 0 7px #53BE12
}

.comming-soon-cursor {
	cursor: progress
}

.rounded-button,.wrap-navigation ul li:last-child a {
	border-radius: 50px
}

.input button,.inputed input,.inputed textarea,.rounded-button {
	border: none
}

.rounded-button span {
	opacity: 0
}

.rounded-button:hover span {
	opacity: 1
}

.centered-wrap-services-home img,.services-page .background-picture {
	opacity: .6
}

.centered-wrap-services-home:hover img {
	opacity: 1
}

.arrow-rounded-button {
	margin-left: -5px
}

.rounded-button:hover .arrow-rounded-button {
	margin-left: 10px
}

.rounded-button span,ul.social-icon li {
	display: inline
}

#header-move-title {
	position: relative;
	width: 100%;
	max-width: 800px
}

#blanket,#popUpDiv,.burger,.cssdesignawards,.x,.y,.z {
	position: absolute
}

.tag-about-left {
	right: 58px!important
}

.tag-about-right {
	left: 58px!important
}

.wrap-frame,.wrap-frame2,.wrap-frame3 {
	top: 0;
	width: 100%;
	max-width: 100%
}

.frame {
	margin-top: -33px
}

.frame2 {
	padding-bottom: 100%;
	margin-top: -30px
}

.cases-study-left a:hover .tag-cases {
	margin-right: 40px!important
}

.cases-study-right a:hover .tag-cases {
	margin-left: 40px!important
}

.burger {
	padding: 10px;
	top: 4px;
	display: block
}

.burger li {
	height: 4px;
	margin: 2.5px 0
}

.burger li:last-child {
	width: 20px
}

#toggle:hover .burger li {
	width: 35px
}

.burger li,.open-header #toggle:hover .burger li,.open-header .burger li:last-child {
	width: 30px
}

.close-pop li:first-child,.open-header .burger li:first-child {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.close-pop li:last-child,.open-header .burger li:last-child {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.open-header .burger li {
	height: 4px;
	margin: -2.5px 0
}

.ef-1 {
	padding-bottom: 50px;
	margin-top: -50px
}

.ef-2 {
	padding-bottom: 200px;
	margin-top: -200px
}

.ef-3 {
	padding-bottom: 300px;
	margin-top: -300px
}

.ef-4 {
	padding-bottom: 500px;
	margin-top: -500px
}

.ef-5 {
	padding-bottom: 1000px;
	margin-top: -1000px
}

.open-header .ef-1,.open-header .ef-2,.open-header .ef-3,.open-header .ef-4,.open-header .ef-5 {
	margin-top: 0;
	padding-bottom: 0
}

#c609img:hover,#elitedigitalimg:hover,#eliteemailimg:hover,#moreimg:hover,#recyplaneimg:hover,#soonimg:hover,#tomimg:hover,#vignetageimg:hover {
	opacity: 1!important
}

.about-cases img {
	opacity: 0
}

#c609img,#elitedigitalimg,#eliteemailimg,#logo-header_1,#logo-right,#logo-right_2,#moreimg,#recyplane-tag,#recyplaneimg,#soonimg,#tomimg,#vignetageimg,.about-cases img,.arrow-rounded-button,.burger,.burger li,.centered-wrap-services-home img,.circle,.main-footer-wrap a,.main-footer-wrap a svg,.rounded-button,.tag-cases,.wrap-navigation ul li a {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-transition: all .4s ease
}

.ef-1,.ef-2,.ef-3,.ef-4,.ef-5,.wrap-navigation ul {
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	-transition: all .8s ease
}

#blanket,#c609img,#elitedigitalimg,#eliteemailimg,#moreimg,#popUpDiv,#recyplane-tag,#recyplaneimg,#soonimg,#tomimg,#vignetageimg,.tag-cases,.tag-cases-about {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-transition: all .4s ease
}

#appdesignskill,#brandingskill,#dreamweaver,#fontforge,#graphdesign,#html,#illustrator,#jquery,#photo,#photoshop,#php,#ruby,#sublime,#swift,#uiuxskill,#webdesignskill,#wordpress,#xcode {
	-webkit-transition: all 2.5s ease;
	-moz-transition: all 2.5s ease;
	-o-transition: all 2.5s ease;
	-transition: all 2.5s ease;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: : .5s;
	-webkit-transition-delay: .5s;
	width: 0
}

.link-contact a,.link-contact span,.link-elements a,.link-elements span {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-transition: all .2s ease
}

#blanket {
	background-color: #fff;
	opacity: .95;
	z-index: 9001;
	top: 0;
	left: 0;
	width: 100%
}

#popUpDiv {
	width: 400px;
	height: 400px;
	z-index: 9002
}

#recyplane-tag {
	top: 69px
}

#xp-ap1 {
	margin-top: 31%
}

#xp-ubisoft {
	margin-top: 57%
}

#xp-univ {
	margin-top: 30%
}

#vignetage {
	margin-top: 33%
}

#c609 {
	margin-top: 43%
}

#elitedigital {
	margin-top: 20%
}

#eliteemail {
	margin-top: 14%
}

#tom {
	margin-top: 17%
}

#soon {
	margin-top: 38%
}

#eliteemail-tag,#more-tag,#vignetage-tag {
	top: 50%
}

#elitedigital-tag {
	top: 30%
}

#c609-tag {
	top: 90%
}

#tom-tag {
	top: 25%
}

#soon-tag {
	top: 80%
}

.line {
	margin-left: 5%
}

#html {
	width: 0
}

.y {
	left: 160px
}

.z {
	left: 320px
}

input,textarea {
	-webkit-appearance: none!important;
	border-radius: 0!important;
	padding-right: 0!important
}

:focus,input:focus,textarea:focus {
	outline: 0!important
}

.cssdesignawards {
	right: 0;
	width: 100px;
	top: 40vh
}

#cssreel img {
	width: 60px
}

#cssdesignawards img {
	width: 100px;
	margin-bottom: 20px
}

@media only screen and (max-width:1900px) {
	.wrap-mug img {
		padding-right: 10px
	}

	.wrap-mug {
		width: 20%
	}
}

@media only screen and (max-width:1769px) {
	#more-tag {
		top: 21%
	}

	#soon-tag {
		top: 60%
	}
}

@media only screen and (max-width:1630px) {
	#c609-tag {
		top: 81%
	}
}

@media only screen and (max-width:1570px) {
	.display1570 {
		display: none!important
	}
}

@media only screen and (max-width:1520px) {
	.centered-wrap-services-home {
		max-width: 80%
	}

	.frame2 {
		padding-bottom: 103%
	}

	.wrap-aurelien-draw {
		bottom: auto;
		top: 25%;
		left: -11%
	}
}

@media only screen and (max-width:1400px) {
	.jssmall {
		display: inline
	}

	.jsfull {
		display: none
	}
}

@media only screen and (max-width:1280px) {
	.small-header .header-section {
		height: 340px
	}

	.small-header .box-center-title-header {
		padding-top: 107px
	}

	.header-section h1 {
		font-size: 102.7px;
		line-height: 103px
	}

	.header-section h2 {
		font-size: 29.1px;
		padding-bottom: 27px
	}

	#header-move-title,.box-center-title-header {
		max-width: 601px
	}

	.main-wrap-navigation {
		padding-right: 118px
	}

	#recyplane-center-img,.centered-img-cases {
		padding-bottom: 47px
	}

	.wrap-navigation ul li a {
		padding-right: 17px;
		padding-left: 17px
	}

	.start-project-nav a {
		padding-left: 40px!important;
		padding-right: 40px!important
	}

	.wrap-navigation ul li:last-child {
		margin-left: 10px
	}

	.start-project-nav {
		padding-right: 0!important;
		padding-left: 0!important
	}

	.wrap-aurelien-draw {
		top: 35%
	}

	.in-wrap-element {
		max-width: 78%;
		margin-top: 45px
	}

	.wrap-double-web-mockup p {
		padding-bottom: 30px
	}

	.frame {
		padding-bottom: 115%
	}

	.frame3 {
		padding-bottom: 118%
	}

	.frame2 {
		padding-bottom: 105%
	}

	#element-apps,#element-branding,#element-web {
		padding-top: 0
	}

	.small-header .header-section h1 {
		font-size: 70px
	}
}

@media only screen and (max-width:1024px) {
	#recyplane-center-img,.centered-element-cases {
		max-width: 600px
	}

	.cssdesignawards {
		display: none
	}

	.small-header .header-section h1 {
		font-size: 50px
	}

	#popUpDiv h4,.branding-board h4,.centered-element-cases h4,.centered-wrap-services-home h4 {
		font-size: 23px
	}

	.main-wrap-element h3,.title-center h3,h3 {
		font-size: 30px
	}

	.header-section,.logo-header,.wrap-comp-logo {
		padding-left: 30px
	}

	.header-section,.main-wrap-padding-60,.wrap-comp-logo {
		padding-left: 15px
	}

	.burger {
		right: 20px
	}

	.header-section {
		margin-top: 15px
	}

	.open-header .wrap-navigation ul {
		margin-top: 34px
	}

	.wrap-navigation ul {
		margin-top: -60px
	}

	.caseaurelien .first-web-mockup,.caseelitedigital .first-web-mockup {
		margin-top: 80px
	}

	.branding-board,.wrap-double-web-mockup {
		margin-bottom: 50px
	}

	#recyplane-center-img,.centered-img-cases {
		padding-bottom: 0
	}

	#element-one,.wrap-logo-sub {
		padding-top: 36px
	}

	.title-center h3,.wrap-in-element-lines h3 {
		padding-bottom: 16px
	}

	.wrap-double-web-mockup p,.wrap-footer-picture p {
		padding-bottom: 30px
	}

	.ef-1 {
		padding-bottom: 50px;
		margin-top: -50px
	}

	.ef-3 {
		padding-bottom: 100px;
		margin-top: -100px
	}

	.ef-4 {
		padding-bottom: 300px;
		margin-top: -300px
	}

	.ef-5 {
		padding-bottom: 600px;
		margin-top: -600px
	}

	#logo-right {
		margin-left: 0
	}

	.header-section,.wrap-comp-logo {
		padding-right: 15px
	}

	.start-project-nav a {
		padding-left: 35px!important;
		padding-right: 35px!important
	}

	.header-section,.main-wrap-padding-30 {
		margin-right: 15px;
		margin-left: 15px
	}

	#line-contact,#line-select-project,#line-services {
		max-width: 400px
	}

	.caseaurelien .first-web-mockup,.caseelitedigital .first-web-mockup,.casevignetage .first-web-mockup {
		margin-top: 80px
	}

	.cases-study-left a:hover .tag-cases {
		margin-right: auto!important
	}

	.cases-study-right a:hover .tag-cases {
		margin-left: auto!important
	}

	.logo-header-fixed {
		top: 30px
	}

	.has-error span {
		top: 22px
	}

	#toggle {
		top: 25px
	}

	#navigation,#padding-top-nav {
		height: 96px
	}

	#toggle:hover .burger li,.open-header #toggle:hover .burger li,.open-header #toggle:hover .burger li:last-child,.open-header .burger li:last-child {
		width: 30px
	}

	#toggle:hover .burger li:last-child,.burger li:last-child {
		width: 20px
	}

	.logo-header {
		width: 122px
	}

	.logo-left {
		width: 44px
	}

	.logo-right {
		width: 83px
	}

	#logo-header_1 {
		height: 32.35px;
		width: 44.69px
	}

	#logo-right_2 {
		height: 24.68px;
		width: 77.41px;
		margin-top: -9px
	}

	.logo-header:hover svg#logo-right_2,.open-header svg#logo-right_2 {
		margin-left: 0!important
	}

	.header-sect,.header-section {
		background-image: url(../img/background/aurelien-vigne-home-ipad.jpg)
	}

	.logo-left,.logo-right {
		height: 33px
	}

	.wrap-navigation .start-project-nav,.wrap-navigation ul li a {
		padding-bottom: 20px
	}

	.wrap-navigation ul li a {
		padding-top: 21px;
		font-size: 16px
	}

	.main-wrap-padding-60 {
		padding-right: 15px
	}

	.frame2 {
		margin-right: 20px;
		margin-left: 20px;
		margin-top: -20px;
		padding-bottom: 100%
	}

	.branding-board {
		margin-bottom: 0
	}

	.frame {
		padding-bottom: 118%
	}

	.header-section h1 {
		font-size: 80px;
		line-height: 77px
	}

	.header-section h2 {
		padding-bottom: 25px;
		font-size: 22.1px
	}

	#header-move-title,.box-center-title-header {
		max-width: 469px
	}

	.main-wrap-navigation {
		padding-right: 118px
	}

	.centered-img-cases,.centered-text,.wrap-contact-info-padding {
		padding-top: 53px
	}

	.centered-img-cases {
		padding-bottom: 41px
	}

	.centered-text {
		padding-bottom: 80px
	}

	.contact-section {
		padding-top: 117px
	}

	.main-wrap-about,.main-wrap-services-home {
		padding-bottom: 121px
	}

	.main-wrap-element-padding-bottom {
		padding-bottom: 131px
	}

	.main-wrap-cases-aboutme,.main-wrap-cases-study-homes {
		padding-bottom: 170px
	}

	#logo-right {
		background-image: 100%
	}

	#header-move-title,#logo-right {
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		-transition: all .2s ease
	}

	#element-apps2,#element-branding2,#element-web2 {
		position: absolute;
		width: 10px;
		z-index: -999;
		top: -15vh
	}

	:focus {
		outline-color: transparent;
		outline-style: none
	}
	
	
}

@media only screen and (max-width:853px) {
	.main-wrap-navigation {
		padding-right: 71px
	}

	.wrap-navigation ul li a {
		padding-left: 13px;
		padding-right: 13px
	}

	#popUpDiv h4,.branding-board h4,.centered-element-cases h4,.tag-cases h4,.tag-cases-about h4 {
		font-size: 18px
	}

	.tag-cases p {
		font-size: 16px
	}

	.tag-cases h4,.tag-cases-about h4 {
		padding-bottom: 16px
	}

	.tag-cases,.tag-cases-about {
		max-width: 230px
	}

	.tag-cases p,.tag-cases-about p {
		padding-left: 10px;
		padding-right: 10px
	}

	#soon-tag {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.coming-soon-tag {
		padding-top: 30px!important;
		padding-bottom: 30px!important
	}
}

@media only screen and (max-width:768px) {
	.centered-wrap-services-home {
		max-width: 386px;
		width: 80%
	}

	.frame2 {
		margin-top: -28px
	}

	.display-no768,.display-out765,.display-out768-logo,.footer-right .social-icon,.wrap-aurelien-draw,.wrap-element-left-right,.wrap-left-xp,.wrap-middle-xp,.wrap-mug,.wrap-right-xp,span.display-out-768 {
		display: none
	}

	.disable-until-center,.display-in768,.display-in768-logo,.display-inaddress768,.display-inaddress768 a,.logo-cases-ipad,.wide-footer .display-out765,.wrap-line-769 {
		display: block
	}

	.service-in {
		display: block!important
	}

	.centered-element-cases h4 {
		padding-bottom: 53px
	}

	.casestom .first-web-mockup {
		margin-top: 53px
	}

	.wrap-line-769 .tag-about-left {
		max-width: 100%;
		top: 24%
	}

	.cases-study-about-right-padding {
		margin-left: 20px;
		-webkit-box-shadow: -2px 0 0 0 rgba(39,47,49,1);
		-moz-box-shadow: -2px 0 0 0 rgba(39,47,49,1);
		box-shadow: -2px 0 0 0 rgba(39,47,49,1)
	}

	.open-header svg#logo-right_2 {
		margin-left: -133px!important
	}

	.tag-about-left {
		left: 55px
	}

	.line-for-center-about {
		left: -42px
	}

	.wrap-left-xp,.wrap-right-xp {
		width: 40%
	}

	.menu-footer-1,.wrap-element-left-left,.wrap-element-left-right,.wrap-element-left-right .link-elements,.wrap-element-left-right p,.wrap-footer-three p,ul.display-in768-logo li a {
		text-align: center
	}

	.r-info-top p {
		text-align: right
	}

	.line-center-thin2 {
		width: 30%
	}

	.line-center-thick2 {
		width: 40%
	}

	.l-info-top,.r-info-top {
		width: 50%
	}

	.main-wrap-service-home-pic .three-wrap,.main-wrap-skils .three-wrap,.wide-footer,.wrap-contact-info,.wrap-element-left-left,.wrap-element-left-left p,.wrap-element-left-right,.wrap-element-left-right p,.wrap-in-element-lines,.wrap-line-769,ul.display-in768-logo li a {
		width: 100%
	}

	#recyplane-center-img {
		max-width: 63%
	}

	.centered-element-cases {
		max-width: 69%
	}

	.wrap-element-left-left p,.wrap-element-left-right p {
		max-width: 100%
	}

	.wrap-line-base-left {
		width: 100%;
		max-width: 200px
	}

	.wrap-line-769 {
		width: auto;
		max-width: 514px
	}

	ul.display-in768-logo li a {
		float: left
	}

	.caseslogo .in-wrap-element,.social-icon,.three-wrap,.wrap-line-769,.wrap-line-base-left {
		float: none;
		margin-left: auto;
		margin-right: auto;
		
	}

	.social-icon {
		width: 100%;
		max-width: 218px
	}

	.three-wrap {
		max-width: 70%
	}

	.main-wrap-skils h4 {
		font-size: 23px
	}

	.social-icon li {
		padding: 0;
		width: 33.33%
	}

	.service-out {
		display: none!important;
		padding: 0
	}

	.no-padding-cases-logo {
		padding-bottom: 0!important
	}

	.footer-center {
		padding-top: 22px
	}

	.r-info-top {
		padding-top: 37px
	}

	.footer-right p:first-child {
		padding-top: 39px
	}

	.wide-footer {
		padding-top: 48px
	}

	.l-info-top,.r-info-top,.social-icon li,.social-icon li:first-child img,.wide-footer {
		float: left
	}

	#element-apps,#element-branding,#element-one,#element-web {
		padding-top: 0
	}

	.body-section {
		padding-top: 68px
	}

	.main-wrap-about,.main-wrap-cases-aboutme,.main-wrap-cases-study-homes,.main-wrap-element-padding-bottom,.main-wrap-services-home {
		padding-bottom: 119px
	}

	.wrap-contact-info-padding {
		padding-top: 38px
	}

	.centered-text {
		padding-top: 49px;
		padding-bottom: 100px
	}

	.skill,.skill-title {
		margin-bottom: 50px
	}

	.contact-section {
		padding-top: 63px
	}

	.colors-cases,.contact-section,.logo-cases-study,.typo-cases,.wrap-mockup-cases {
		padding-bottom: 57px
	}

	.centered-wrap-services-home h4 {
		padding-top: 43px;
		padding-bottom: 75px
	}

	.frame3 {
		margin-top: -31px
	}

	.skill-title {
		width: 25%
	}

	.skill {
		width: 75%
	}
}

@media only screen and (max-width:750px) {
	.display-in768-logo,.footer-center,.wide-footer .display-out765 {
		display: none
	}

	.display-in765,.display-out768-logo,.footer-right .social-icon,span.display-out-768 {
		display: block
	}

	.three-wrap {
		width: 100%
	}

	.display-inaddress768 {
		padding-bottom: 8px
	}

	ul.social-icon li {
		text-align: center
	}

	ul.social-icon li:last-child {
		text-align: right
	}

	.skill-title {
		width: 30%
	}

	.skill {
		width: 70%
	}
}

@media only screen and (max-width:736px) {
	.body-section {
		padding-top: 33px
	}

	.wrap-color {
		width: 33.33%;
		margin-top: 30px
	}

	.open-header svg#logo-right_2 {
		margin-left: 0!important
	}

	.wrap-line-769 .background-cases-study {
		overflow: hidden;
		padding-left: 9px
	}

	.wrap-navigation ul li {
		display: block;
		margin-bottom: 30px
	}

	.display1570 {
		display: block!important
	}

	.main-wrap-navigation,.wrap-navigation {
		float: left
	}

	.skill-title {
		width: 45%
	}

	.skill {
		width: 55%
	}

	.main-wrap-navigation,.wrap-navigation,.wrap-navigation ul li {
		width: 100%
	}

	.three-wrap {
		max-width: 100%
	}

	.wrap-navigation ul {
		margin-top: -107px;
		padding-left: 15px
	}

	.ef-1 {
		padding-bottom: 50px;
		margin-top: -50px
	}

	.ef-2 {
		padding-bottom: 200px;
		margin-top: -200px
	}

	.ef-3 {
		padding-bottom: 300px;
		margin-top: -300px
	}

	.ef-4 {
		padding-bottom: 500px;
		margin-top: -500px
	}

	.ef-5 {
		padding-bottom: 1000px;
		margin-top: -1000px
	}

	.open-header .wrap-navigation ul {
		margin-top: 107px
	}

	.wrap-navigation ul li:last-child {
		margin-top: 16px
	}

	#navigation,#padding-top-nav {
		height: 392px
	}

	.tag-cases h4,.tag-cases-about h4 {
		font-size: 18px;
		padding-bottom: 16px
	}

	.tag-cases p,.tag-cases-about p {
		font-size: 16px
	}

	.tag-cases,.tag-cases-about {
		max-width: 86%
	}

	.has-error span {
		top: 1px;
		right: 6px
	}
}

@media only screen and (max-width:627px) {
	#element-branding h3 span,.no-display-phone {
		display: none
	}

	.cases-study-right-padding,.wrap-contact-centered input,.wrap-contact-centered textarea {
		padding-left: 0
	}

	.centered-element-cases h4 {
		padding-bottom: 49px
	}

	.casestom .first-web-mockup {
		margin-top: 49px
	}

	.wrap-line-769 .tag-about-left {
		width: 80%!important
	}

	#soon-tag {
		padding-bottom: 25px;
		padding-top: 25px
	}

	.coming-soon-tag {
		padding-bottom: 25px!important;
		padding-top: 25px!important
	}

	ul.social-icon li:first-child {
		text-align: left
	}

	.frame2 {
		margin-top: -21px
	}

	#c609,#eliteemail,#more,#tom {
		margin-top: -53px
	}

	#elitedigital,#recyplane,#vignetage {
		margin-top: -71px
	}

	.comming-soon-cursor .background-cases-study {
		margin-top: -21px!important
	}

	.skill p,.skill-title p {
		font-size: 16px
	}

	.main-wrap-skils h4 {
		font-size: 17px
	}

	.small-header .header-section h1 {
		font-size: 25px
	}

	.small-header .header-section {
		height: 235px
	}

	.small-header .box-center-title-header {
		padding-top: 72px
	}

	.main-wrap-cases-study-homes .cases-study-main-sub-wrap-first-child {
		margin-top: 30px
	}

	.centered-wrap-services-home h4 {
		font-size: 17px
	}

	.main-wrap-element h3,.title-center h3,h3 {
		font-size: 21px
	}

	#c609-tag,#elitedigital-tag,#eliteemail-tag,#more-tag,#recyplane-tag,#soon-tag,#tom-tag,#vignetage-tag {
		top: 0
	}

	.tag-about-left {
		left: 40px
	}

	.line-for-center-about {
		width: 12px;
		margin-left: 5px;
		margin-right: 5px;
		left: -22px
	}

	.tag-cases-about p {
		font-size: 13px
	}

	.tag-cases-about {
		max-width: 78%
	}

	.wrap-line-769 .tag-about-left {
		top: 15%
	}

	.wrap-line-769 .background-cases-study img {
		width: 180%
	}

	.credit #c609,.credit #elitedigital,.credit #eliteemail,.credit #more,.credit #recyplane,.credit #soon,.credit #tom,.credit #vignetage {
		margin-top: 0
	}

	.tag-cases {
		position: relative;
		margin-left: auto;
		margin-right: auto
	}

	.cases-study-left-padding {
		padding-right: 0
	}

	.full-width-double,.wrap-mockup-cases {
		padding-bottom: 30px
	}

	.background-cases-study {
		padding-bottom: 34px
	}

	.wrap-double-web-mockup p {
		padding-bottom: 17px
	}

	.wrap-color {
		width: 50%
	}

	.wrap-color-5 {
		width: 100%!important
	}

	.caseaurelien .wrap-color,.caseelite .wrap-color,.caseelitedigital .wrap-color,.p609 .wrap-color {
		width: 50%
	}

	.caseaurelien .wrap-color,.caseaurelien .wrap-color-5,.caseelite .wrap-color,.caseelitedigital .wrap-color,.casestom .wrap-color,.p609 .wrap-color-5 {
		width: 50%!important
	}

	.cases-study-wrap,.centered-element-cases svg,.full-width-double,.l-info-top,.r-info-top,.tag-cases,.tag-cases-about,.wrap-contact-centered input,.wrap-contact-centered textarea {
		width: 100%
	}

	.caseaurelien .wrap-comp-logo1 img,.caseaurelien .wrap-comp-logo3 img,.caseelitedigital .wrap-comp-logo3 img {
		max-width: 80%
	}

	.wrap-logo-sub-right img {
		max-width: 100%
	}

	.cases-study-left .tag-cases {
		right: 0
	}

	.cases-study-right .tag-cases {
		left: 0
	}

	.cases-study-main-sub-wrap,.wrap-comp-logo2 img,.wrap-comp-logo4 img {
		padding-top: 0
	}

	#line-contact {
		max-width: 200px
	}

	.header-section h2 {
		padding-bottom: 16px
	}

	.centered-text,.wrap-in-element-lines {
		padding-bottom: 30px
	}

	.header-section h1 {
		padding-top: 26px;
		font-size: 40px;
		line-height: 40px
	}

	.caseaurelien .wrap-comp-logo2 img,.caseaurelien .wrap-comp-logo4 img,.caseelitedigital .wrap-comp-logo2 img,.caseelitedigital .wrap-comp-logo4 img {
		padding-top: 0
	}

	.wrap-logo-sub {
		padding-top: 60px
	}

	.header-section h2 {
		font-size: 17px
	}

	#header-move-title,.box-center-title-header {
		max-width: 234px
	}

	.main-wrap-navigation {
		padding-right: 118px
	}

	.wrap-navigation ul li a {
		font-size: 16px
	}

	.wrap-navigation ul li {
		margin-bottom: 27px
	}

	.header-sect,.header-section {
		background-image: url(../img/background/aurelien-vigne-home-iphone.jpg)
	}

	.l-info-top,.r-info-top p,.wrap-contact-centered input,.wrap-contact-centered textarea {
		text-align: center
	}

	.centered-element-cases {
		max-width: 100%
	}

	.branding-board .wrap-logo-sub-g:last-child,.center-wrap-board,.centered-text {
		padding-top: 35px
	}

	.centered-img-cases {
		padding-top: 25px
	}

	.r-info-top {
		padding-top: 10px
	}

	.wrap-contact-info-right {
		padding-top: 15px
	}

	.main-wrap-element-padding-bottom,.main-wrap-services-home {
		padding-bottom: 64px
	}

	.main-wrap-cases-aboutme,.main-wrap-cases-study-homes {
		padding-bottom: 35px
	}

	.branding-board {
		height: auto;
		padding-bottom: 53px
	}

	.contact-section {
		padding-top: 53px
	}

	.caseaurelien .wrap-comp-logo3 img,.caseelitedigital .wrap-comp-logo3 img,.casevignetage .wrap-comp-logo3 img {
		max-width: 80%
	}

	.caseaurelien .wrap-comp-logo5,.caseelitedigital .wrap-comp-logo5,.casevignetage .wrap-comp-logo5 {
		margin-top: 18px
	}

	#line-contact,#line-select-project,#line-services {
		max-width: 200px
	}

	.branding-board {
		padding-top: 60px;
		margin-top: 20px
	}

	.caseelite .main-wrap-first-mockup {
		margin-top: 53px
	}
}

@media only screen and (max-width:480px) {
	.sub-wrap-padding-web-left {
		margin-right: 0
	}

	.sub-wrap-padding-web-right {
		margin-left: 0
	}

	.sub-wrap-padding-web-left,.sub-wrap-padding-web-right {
		float: left
	}

	.wrap-comp-logo1 {
		margin: auto;
		float: none
	}

	.caseaurelien .wrap-comp-logo1,.caseaurelien .wrap-comp-logo2,.caseaurelien .wrap-comp-logo3,.caseaurelien .wrap-comp-logo4,.caseaurelien .wrap-comp-logo5,.casevignetage .wrap-comp-logo1,.casevignetage .wrap-comp-logo2,.casevignetage .wrap-comp-logo3,.casevignetage .wrap-comp-logo4,.casevignetage .wrap-comp-logo5 {
		width: 100%!important
	}

	.caseelitedigital .wrap-comp-logo1 {
		width: 71%!important
	}

	.caseelitedigital .wrap-comp-logo2,.caseelitedigital .wrap-comp-logo3,.caseelitedigital .wrap-comp-logo4,.caseelitedigital .wrap-comp-logo5 {
		width: 100%!important
	}

	.full-width-double,.main-wrap-double-web-mockup,.wrap-logo-sub-g,.wrapcombgeneral {
		width: 100%
	}

	.caseaurelien .wrap-comp-logo4 img,.caseelitedigital .wrap-comp-logo4 img,.casevignetage .wrap-comp-logo4 img {
		padding-top: 0
	}
}

@media only screen and (max-width:414px) {
	.frame3 {
		margin-right: 15px;
		margin-left: 15px;
		margin-top: -17px
	}

	.wrap-line-769 #xp-freelancer,.wrap-line-769 .background-cases-study {
		max-height: 183px
	}

	.wrap-line-769 #xp-ap1-xp {
		max-height: 199px
	}

	#elitedigital,#recyplane,#vignetage {
		margin-top: -58px
	}

	.main-wrap-cases-study-homes .background-cases-study {
		max-height: 190px
	}

	.main-wrap-cases-study-homes .cases-study-wrap {
		margin-bottom: 44px
	}

	.main-wrap-cases-study-homes #recyplaneimg {
		margin-top: -20%
	}
}

@media only screen and (max-width:400px) {
	.rounded-button {
		padding-right: 33px;
		padding-left: 33px
	}

	.close-pop {
		position: absolute;
		left: 30px
	}

	#popUpDiv p {
		padding-left: 30px;
		padding-right: 30px
	}

	#popUpDiv {
		position: absolute;
		width: 100vw;
		left: 0!important
	}
}

@media only screen and (max-width:375px) {
	.wrap-line-769 .background-cases-study {
		max-height: 183px
	}

	.wrap-line-769 #xp-freelancer {
		max-height: 186px
	}

	.wrap-line-769 #xp-ap1-xp {
		max-height: 199px
	}

	.wrap-line-769 #xp-digital {
		max-height: 184px
	}
}

@media only screen and (max-width:374px) {
	.rounded-button:hover .arrow-rounded-button {
		margin-left: 0!important
	}

	.arrow-rounded-button,.rounded-button:hover .arrow-rounded-button {
		display: none!important
	}

	.frame2 {
		margin-top: -18px
	}
}

@media only screen and (max-width:360px) {
	.wrap-line-769 .background-cases-study {
		max-height: 183px
	}

	.wrap-line-769 #xp-freelancer {
		max-height: 195px
	}

	.wrap-line-769 #xp-ap1-xp {
		max-height: 199px
	}

	.wrap-line-769 #xp-digital {
		max-height: 184px
	}
}

@media only screen and (max-width:320px) {
	.main-wrap-cases-study-homes .background-cases-study {
		max-height: 150px
	}

	#elitedigital,#recyplane,#vignetage {
		margin-top: -70px
	}

	.wrap-line-769 #xp-freelancer {
		max-height: 195px
	}

	.wrap-line-769 #xp-ap1-xp {
		max-height: 199px
	}

	.wrap-line-769 #xp-digital {
		max-height: 183px
	}

	#recyplaneimg {
		margin-top: -7%
	}

	.wrap-line-769 .background-cases-study {
		max-height: 201px
	}

	.frame3 {
		margin-top: -12px
	}

	.frame2 {
		margin-top: -15px
	}

	.centered-wrap-services-home h4 {
		padding-top: 27px;
		padding-bottom: 75px
	}
}







/*=============*/
.main-block-alt {
	margin-bottom: 40px
}

@media (max-width: 1199px) {
	.main-block-alt {
		margin-bottom: 36px
	}
}

@media (max-width: 991px) {
	.main-block-alt {
		margin-bottom: 32px
	}
}

@media (max-width: 767px) {
	.main-block-alt {
		margin-bottom: 20px
	}
}

.main-block-alt h1 {
	color: #3d3d3d;
	text-transform: uppercase;
	font-size: 48px
}

@media (max-width: 1199px) {
	.main-block-alt h1 {
		font-size: 43.2px
	}
}

@media (max-width: 991px) {
	.main-block-alt h1 {
		font-size: 38.4px
	}
}

@media (max-width: 767px) {
	.main-block-alt h1 {
		font-size: 24px
	}
}

@media (max-width: 767px) {
	.main-block-alt h1 {
		font-size: 18px;
		margin-top: 12px
	}
}

.main-block-alt h2 {
	color: #ef4652;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 12px 0
}

@media (max-width: 1199px) {
	.main-block-alt h2 {
		font-size: 12.6px
	}
}

@media (max-width: 991px) {
	.main-block-alt h2 {
		font-size: 11.2px
	}
}

@media (max-width: 767px) {
	.main-block-alt h2 {
		font-size: 7px
	}
}

@media (max-width: 1199px) {
	.main-block-alt h2 {
		margin: 0 0 10.8px 0
	}
}

@media (max-width: 991px) {
	.main-block-alt h2 {
		margin: 0 0 9.6px 0
	}
}

@media (max-width: 767px) {
	.main-block-alt h2 {
		margin: 0 0 6px 0
	}
}

@media (max-width: 767px) {
	.main-block-alt h2 {
		font-size: 12px;
		margin: 0 0 12px 0
	}
}

.main-block-alt .excerpt-wrapper p {
	text-transform: none;
	font-size: 24px;
	line-height: 36px;
	margin: 30px 0 40px 0
}

@media (max-width: 1199px) {
	.main-block-alt .excerpt-wrapper p {
		font-size: 21.6px
	}
}

@media (max-width: 991px) {
	.main-block-alt .excerpt-wrapper p {
		font-size: 19.2px
	}
}

@media (max-width: 767px) {
	.main-block-alt .excerpt-wrapper p {
		font-size: 12px
	}
}

@media (max-width: 1199px) {
	.main-block-alt .excerpt-wrapper p {
		line-height: 32.4px
	}
}

@media (max-width: 991px) {
	.main-block-alt .excerpt-wrapper p {
		line-height: 28.8px
	}
}

@media (max-width: 767px) {
	.main-block-alt .excerpt-wrapper p {
		line-height: 18px
	}
}

@media (max-width: 1199px) {
	.main-block-alt .excerpt-wrapper p {
		margin: 27px 0 36px 0
	}
}

@media (max-width: 991px) {
	.main-block-alt .excerpt-wrapper p {
		margin: 24px 0 32px 0
	}
}

@media (max-width: 767px) {
	.main-block-alt .excerpt-wrapper p {
		margin: 15px 0 20px 0
	}
}

@media (max-width: 767px) {
	.main-block-alt .excerpt-wrapper {
		width: 100%
	}

	.main-block-alt .excerpt-wrapper p {
		margin: 13px 0 0 0;
		font-size: 12px;
		line-height: 14px
	}
}

.main-block-alt .desc-wrapper {
	font-family: "Avenir LT W01 45 Book",Helvetica,Arial,sans-serif;
	font-size: 18px;
	margin-top: 50px
}

@media (max-width: 1199px) {
	.main-block-alt .desc-wrapper {
		font-size: 16.2px
	}
}

@media (max-width: 991px) {
	.main-block-alt .desc-wrapper {
		font-size: 14.4px
	}
}

@media (max-width: 767px) {
	.main-block-alt .desc-wrapper {
		font-size: 9px
	}
}

@media (max-width: 1199px) {
	.main-block-alt .desc-wrapper {
		margin-top: 45px
	}
}

@media (max-width: 991px) {
	.main-block-alt .desc-wrapper {
		margin-top: 40px
	}
}

@media (max-width: 767px) {
	.main-block-alt .desc-wrapper {
		margin-top: 25px
	}
}

@media (max-width: 767px) {
	.main-block-alt .desc-wrapper {
		font-size: 12px
	}
}

.main-block-alt hr {
	height: 5px;
	background-color: #ef4652;
	width: 107px;
	margin: 35px 0 0 0
}

@media (max-width: 1199px) {
	.main-block-alt hr {
		width: 96.3px
	}
}

@media (max-width: 991px) {
	.main-block-alt hr {
		width: 85.6px
	}
}

@media (max-width: 767px) {
	.main-block-alt hr {
		width: 53.5px
	}
}

@media (max-width: 1199px) {
	.main-block-alt hr {
		margin: 31.5px 0 0 0
	}
}

@media (max-width: 991px) {
	.main-block-alt hr {
		margin: 28px 0 0 0
	}
}

@media (max-width: 767px) {
	.main-block-alt hr {
		margin: 17.5px 0 0 0
	}
}

@media (max-width: 991px) {
	.main-block-alt hr {
		height: 3px
	}
}

@media (max-width: 767px) {
	.main-block-alt hr {
		width: 44px;
		height: 2px;
		margin: 15px 0 0 0
	}
}

.main-block-alt .main-top-info:first-child {
	padding-right: 6%
}

@media (max-width: 767px) {
	.main-block-alt .main-top-info:first-child {
		padding-right: 15px;
		margin-top: 0
	}
}

.main-block-alt .main-top-info:last-child {
	padding-left: 6%
}

@media (max-width: 767px) {
	.main-block-alt .main-top-info:last-child {
		padding-left: 15px;
		margin-top: 25px
	}
}

.superhide {
	visibility: hidden !important
}

.main-block {
	margin-bottom: 66px
}

@media (max-width: 1199px) {
	.main-block {
		margin-bottom: 59.4px
	}
}

@media (max-width: 991px) {
	.main-block {
		margin-bottom: 52.8px
	}
}

@media (max-width: 767px) {
	.main-block {
		margin-bottom: 33px
	}
}

.main-block h1 {
	color: #3d3d3d;
	font-family:'宋体';
	font-size: 48px
}

@media (max-width: 1199px) {
	.main-block h1 {
		font-size: 43.2px
	}
}

@media (max-width: 991px) {
	.main-block h1 {
		font-size: 38.4px
	}
}

@media (max-width: 767px) {
	.main-block h1 {
		font-size: 24px
	}
}

@media (max-width: 767px) {
	.main-block h1 {
		font-size: 18px;
		margin-top: 12px
	}
}

.main-block h2 {
	color: #514639;
	text-transform: uppercase;
	font-size: 20px;
	margin: 0 0 12px 0
}

@media (max-width: 1199px) {
	.main-block h2 {
		font-size: 12.6px
	}
}

@media (max-width: 991px) {
	.main-block h2 {
		font-size: 17.2px
	}
}

@media (max-width: 767px) {
	.main-block h2 {
		font-size: 7px
	}
}

@media (max-width: 1199px) {
	.main-block h2 {
		margin: 0 0 10.8px 0
	}
}

@media (max-width: 991px) {
	.main-block h2 {
		margin: 0 0 9.6px 0
	}
}

@media (max-width: 767px) {
	.main-block h2 {
		margin: 0 0 6px 0
	}
}

@media (max-width: 767px) {
	.main-block h2 {
		font-size: 20px;
		margin: 0 0 12px 0
	}
}

.main-block:first-child {
	padding: 15px 0 0 0
}

@media (max-width: 1199px) {
	.main-block:first-child {
		padding: 122.4px 0 0 0
	}
}

@media (max-width: 991px) {
	.main-block:first-child {
		padding: 108.8px 0 0 0
	}
}

@media (max-width: 767px) {
	.main-block:first-child {
		padding: 68px 0 0 0
	}
}

@media (max-width: 767px) {
	.main-block:first-child {
		padding-top: 70px
	}
}

@media (max-width: 767px) {
	.main-block:nth-child(even) {
		margin-bottom: 20px
	}
}

.main-block:nth-child(even) .main-image {
	margin-left: 0
}

.main-block:nth-child(even) .container {
	right: 0
}

.main-block:nth-child(even) .main-top-info {
	right: 0;
	padding: 0;
	padding:4%
}

@media (max-width: 767px) {
	.main-block:nth-child(even) .main-top-info {
		 
		left: 0
	}
}

@media (max-width: 767px) {
	.main-block {
		padding: 0;
		margin-bottom: 28px
	}
}

.main-block .main-content {
	padding-left: 0;
	padding-right: 0
}

.main-block .button-wrap {
	position: relative;
	width: 195px;
	height: 55px;
	margin: 45px 0 0 0
}

@media (max-width: 1199px) {
	.main-block .button-wrap {
		width: 175.5px
	}
}

@media (max-width: 991px) {
	.main-block .button-wrap {
		width: 156px
	}
}

@media (max-width: 767px) {
	.main-block .button-wrap {
		width: 97.5px
	}
}

@media (max-width: 1199px) {
	.main-block .button-wrap {
		height: 49.5px
	}
}

@media (max-width: 991px) {
	.main-block .button-wrap {
		height: 44px
	}
}

@media (max-width: 767px) {
	.main-block .button-wrap {
		height: 27.5px
	}
}

@media (max-width: 1199px) {
	.main-block .button-wrap {
		margin: 40.5px 0 0 0
	}
}

@media (max-width: 991px) {
	.main-block .button-wrap {
		margin: 36px 0 0 0
	}
}

@media (max-width: 767px) {
	.main-block .button-wrap {
		margin: 22.5px 0 0 0
	}
}

@media (max-width: 767px) {
	.main-block .button-wrap {
		margin: 10px 0 0 0
	}
}

.main-block .red-box {
	position: absolute;
	width: 100%;
	height: 100%
}

.main-block .red-box .before,.main-block .red-box .after {
	font-size: 18px;
	border: 5px solid #ef4652
}

@media (max-width: 1199px) {
	.main-block .red-box .before,.main-block .red-box .after {
		font-size: 16.2px
	}
}

@media (max-width: 991px) {
	.main-block .red-box .before,.main-block .red-box .after {
		font-size: 14.4px
	}
}

@media (max-width: 767px) {
	.main-block .red-box .before,.main-block .red-box .after {
		font-size: 9px
	}
}

@media (max-width: 991px) {
	.main-block .red-box .before,.main-block .red-box .after {
		border-width: 3px
	}
}

@media (max-width: 767px) {
	.main-block .red-box .before,.main-block .red-box .after {
		font-size: 9px;
		border-width: 2px
	}
}

.main-block .red-box .before span,.main-block .red-box .after span {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-transform: uppercase;
	text-align: center
}

.main-block .red-box .before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	color: #ef4652
}

.main-block .red-box .mask {
	position: absolute;
	left: 0;
	width: 0;
	height: 100%;
	overflow: hidden;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.main-block .red-box .mask .after {
	position: absolute;
	left: 0;
	width: 195px;
	height: 100%;
	background: #ef4652;
	color: #fff
}

@media (max-width: 1199px) {
	.main-block .red-box .mask .after {
		width: 175.5px
	}
}

@media (max-width: 991px) {
	.main-block .red-box .mask .after {
		width: 156px
	}
}

@media (max-width: 767px) {
	.main-block .red-box .mask .after {
		width: 97.5px
	}
}

.main-block .red-box:hover .mask {
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	width: 100%
}

.main-block .main-top.title-center .main-top-info {
	padding: 0 !important;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center
}

.main-block .main-top.title-center .main-top-info hr {
	margin-left: auto;
	margin-right: auto
}

@media (max-width: 767px) {
	.main-block .main-top.title-center .main-top-info {
		position: static;
		left: auto;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
		text-align: left
	}

	.main-block .main-top.title-center .main-top-info hr {
		margin-left: 0
	}
}

.main-block .main-top.title-right .main-top-info {
	right: 0;
	padding: 0;
	padding-left: 8%
}

@media (max-width: 767px) {
	.main-block .main-top.title-right .main-top-info {
		padding-left: 0;
		position: static;
		right: auto;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none
	}
}

.main-block .main-top.title-right .main-image {
	margin-left: 0
}

.main-block .main-top-info {
	top: 55%;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 10;
	padding: 0;
	padding: 4%
}

@media (max-width: 767px) {
	.main-block .main-top-info {
		position: static;
		top: auto;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none
	}
	.navbox-2 li {
    width: 33.33333%;
	border-bottom: 1px solid #fff;
	font-size: 16px;}
	
	.navbox-2{
		height:auto;}
}

.main-block .main-top-info.red-text h1 {
	color: #ef4652
}

.main-block .main-top-info.dark-text h1 {
	color: #3d3d3d
}

.main-block .main-top-info.white-text h1,.main-block .main-top-info.white-text h2,.main-block .main-top-info.white-text p {
	color: #fff
}

.main-block .main-top-info.white-text hr {
	background-color: #fff
}

@media (max-width: 767px) {
	.main-block .main-top-info.white-text h1,.main-block .main-top-info.white-text p {
		color: #3d3d3d
	}

	.main-block .main-top-info.white-text h2 {
		color: #ef4652
	}

	.main-block .main-top-info.white-text hr {
		background-color: #ef4652
	}
}

.main-block .subtitle {
	font-size: 24px;
	margin: 27px 0 0 0
}

@media (max-width: 1199px) {
	.main-block .subtitle {
		font-size: 21.6px
	}
}

@media (max-width: 991px) {
	.main-block .subtitle {
		font-size: 19.2px
	}
}

@media (max-width: 767px) {
	.main-block .subtitle {
		font-size: 12px
	}
}

@media (max-width: 1199px) {
	.main-block .subtitle {
		margin: 24.3px 0 0 0
	}
}

@media (max-width: 991px) {
	.main-block .subtitle {
		margin: 21.6px 0 0 0
	}
}

@media (max-width: 767px) {
	.main-block .subtitle {
		margin: 13.5px 0 0 0
	}
}

@media (max-width: 767px) {
	.main-block .subtitle {
		margin: 8px 0 0 0;
		font-size: 12px
	}
}

.main-block .excerpt-wrapper p {
	text-transform: none;
	font-size: 14px;
	line-height: 24px;
	margin: 15px 0 40px 0;
	font-family:'微软雅黑';
}

@media (max-width: 1199px) {
	.main-block .excerpt-wrapper p {
		font-size: 14px
	}
}

@media (max-width: 991px) {
	.main-block .excerpt-wrapper p {
		font-size: 15.2px
	}
}

@media (max-width: 767px) {
	.main-block .excerpt-wrapper p {
		font-size: 12px
	}
}

@media (max-width: 1199px) {
	.main-block .excerpt-wrapper p {
		line-height: 32.4px
	}
}

@media (max-width: 991px) {
	.main-block .excerpt-wrapper p {
		line-height: 28.8px
	}
}

@media (max-width: 767px) {
	.main-block .excerpt-wrapper p {
		line-height: 18px
	}
}

@media (max-width: 1199px) {
	.main-block .excerpt-wrapper p {
		margin: 27px 0 36px 0
	}
}

@media (max-width: 991px) {
	.main-block .excerpt-wrapper p {
		margin: 24px 0 32px 0
	}
}

@media (max-width: 767px) {
	.main-block .excerpt-wrapper p {
		margin: 15px 0 20px 0
	}
}

@media (max-width: 767px) {
	.main-block .excerpt-wrapper {
		width: 100%
	}

	.main-block .excerpt-wrapper p {
		margin: 13px 0 0 0;
		font-size: 15px;
		line-height: 23px
	}
}

.main-block hr {
	height: 5px;
	background-color: #ef4652;
	width: 107px;
	margin: 35px 0 0 0
}

@media (max-width: 1199px) {
	.main-block hr {
		width: 96.3px
	}
}

@media (max-width: 991px) {
	.main-block hr {
		width: 85.6px
	}
}

@media (max-width: 767px) {
	.main-block hr {
		width: 53.5px
	}
}

@media (max-width: 1199px) {
	.main-block hr {
		margin: 31.5px 0 0 0
	}
}

@media (max-width: 991px) {
	.main-block hr {
		margin: 28px 0 0 0
	}
}

@media (max-width: 767px) {
	.main-block hr {
		margin: 17.5px 0 0 0
	}
}

@media (max-width: 991px) {
	.main-block hr {
		height: 3px
	}
}

@media (max-width: 767px) {
	.main-block hr {
		width: 44px;
		height: 2px;
		margin: 15px 0 0 0
	}
}

.main-block .desc-wrapper {
	font-family: "Avenir LT W01 45 Book",Helvetica,Arial,sans-serif;
	font-size: 18px;
	margin-top: 50px
}

@media (max-width: 1199px) {
	.main-block .desc-wrapper {
		font-size: 16.2px
	}
}

@media (max-width: 991px) {
	.main-block .desc-wrapper {
		font-size: 14.4px
	}
}

@media (max-width: 767px) {
	.main-block .desc-wrapper {
		font-size: 9px
	}
}

@media (max-width: 1199px) {
	.main-block .desc-wrapper {
		margin-top: 45px
	}
}

@media (max-width: 991px) {
	.main-block .desc-wrapper {
		margin-top: 40px
	}
}

@media (max-width: 767px) {
	.main-block .desc-wrapper {
		margin-top: 25px
	}
}

@media (max-width: 767px) {
	.main-block .desc-wrapper {
		font-size: 12px
	}
}

.main-block .main-image {
	position: relative;
	left: 15px;
	width: calc(75% - 30px);
	overflow: hidden
}

.main-block .main-image:before {
	content: "";
	display: block;
	margin-top: 66.66%
}

.main-block .main-image img {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	/*-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)*/
	right: 0;
	top: 0;
	margin: auto;
	vertical-align: middle;
	text-align: center;
	max-width: 100%;
	max-height: 100%;
}

@media (max-width: 991px) {
	.main-block .main-image img {
		width: 100%
	}
}

@media (max-width: 767px) {
	.main-block .main-image {
		left: 0;
		width: 100%
	}

	.main-block .main-image img {
		width: 100%;
		height: auto
	}
}

.main-block .main-bottom {
	line-height: 30px;
	margin-top: 55px;
	margin-bottom: 55px;
	overflow: hidden;
	*zoom: 1
}

@media (max-width: 1199px) {
	.main-block .main-bottom {
		line-height: 27px
	}
}

@media (max-width: 991px) {
	.main-block .main-bottom {
		line-height: 24px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom {
		line-height: 15px
	}
}

@media (max-width: 1199px) {
	.main-block .main-bottom {
		margin-top: 49.5px
	}
}

@media (max-width: 991px) {
	.main-block .main-bottom {
		margin-top: 44px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom {
		margin-top: 27.5px
	}
}

@media (max-width: 1199px) {
	.main-block .main-bottom {
		margin-bottom: 49.5px
	}
}

@media (max-width: 991px) {
	.main-block .main-bottom {
		margin-bottom: 44px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom {
		margin-bottom: 27.5px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom {
		line-height: inherit;
		margin-top: 15px;
		margin-bottom: 15px
	}
}

.main-block .main-bottom .synopsis {
	width: 66.66%;
	float: left;
	font-family: "Avenir LT W01 45 Book",Helvetica,Arial,sans-serif;
	font-size: 18px
}

@media (max-width: 1199px) {
	.main-block .main-bottom .synopsis {
		font-size: 16.2px
	}
}

@media (max-width: 991px) {
	.main-block .main-bottom .synopsis {
		font-size: 14.4px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .synopsis {
		font-size: 9px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .synopsis {
		width: 100%;
		float: none;
		font-size: 12px
	}
}

.main-block .main-bottom .contact {
	width: 33.33%;
	float: left;
	padding: 0 0 0 55px
}

@media (max-width: 1199px) {
	.main-block .main-bottom .contact {
		padding: 0 0 0 49.5px
	}
}

@media (max-width: 991px) {
	.main-block .main-bottom .contact {
		padding: 0 0 0 44px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .contact {
		padding: 0 0 0 27.5px
	}
}

.main-block .main-bottom .contact h2 {
	line-height: 30px;
	margin: 0
}

@media (max-width: 1199px) {
	.main-block .main-bottom .contact h2 {
		line-height: 27px
	}
}

@media (max-width: 991px) {
	.main-block .main-bottom .contact h2 {
		line-height: 24px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .contact h2 {
		line-height: 15px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .contact h2 {
		line-height: normal
	}
}

.main-block .main-bottom .contact span {
	display: block;
	font-size: 14px;
	text-transform: uppercase
}

@media (max-width: 1199px) {
	.main-block .main-bottom .contact span {
		font-size: 12.6px
	}
}

@media (max-width: 991px) {
	.main-block .main-bottom .contact span {
		font-size: 11.2px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .contact span {
		font-size: 7px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .contact span {
		font-size: 12px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .contact {
		width: 100%;
		float: none;
		padding: 0
	}

	.main-block .main-bottom .contact h2 {
		margin: 15px 0 0 0
	}

	.main-block .main-bottom .contact span {
		display: inline-block;
		margin-right: 15px
	}
}

 

@media (max-width: 767px) {
	.main-top-info {
		position: static !important
	}
}

.main-block.width-full .main-image img {
	bottom: initial;
	top: 0
}

.main-block.width-regular .main-top {
	padding-left: 0;
	padding-right: 0;
	max-height: 724px
}

.main-block.width-full {
	margin: 0;
	max-width: 2400px;
	overflow: hidden;
	margin: auto;
	max-height: 70%;
	overflow: hidden
}

.main-block.width-full:first-child {
	padding: 0
}

@media (max-width: 767px) {
	.main-block.width-full:first-child {
		padding-top: 70px
	}
}

.main-block.width-full .main-top {
	padding: 0
}

.main-block.width-full .main-top .main-top-info {
	padding-right: 9%
}

@media (max-width: 767px) {
	.main-block.width-full .main-top .main-top-info {
		padding-right: 0
	}
}

.main-block.width-full .main-image {
	width: 100%;
	margin: 0;
	padding: 0;
	left: 0
}

.main-block.width-full .main-image img {
	width: 100%
}

.main-block .main-bottom .synopsis strong {
	color: #ef4652;
	text-transform: uppercase;
	font-size: 18px;
	font-family: avenir
}

@media (max-width: 1199px) {
	.main-block .main-bottom .synopsis strong {
		font-size: 16.2px
	}
}

@media (max-width: 991px) {
	.main-block .main-bottom .synopsis strong {
		font-size: 14.4px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .synopsis strong {
		font-size: 9px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .synopsis strong {
		font-size: 12px
	}
}

.main-block .main-bottom .client-year {
	width: 33.33%;
	float: left;
	padding: 0 0 0 55px
}

@media (max-width: 1199px) {
	.main-block .main-bottom .client-year {
		padding: 0 0 0 49.5px
	}
}

@media (max-width: 991px) {
	.main-block .main-bottom .client-year {
		padding: 0 0 0 44px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .client-year {
		padding: 0 0 0 27.5px
	}
}

.main-block .main-bottom .client-year h2 {
	margin: 0 0 5px 0
}

@media (max-width: 1199px) {
	.main-block .main-bottom .client-year h2 {
		margin: 0 0 4.5px 0
	}
}

@media (max-width: 991px) {
	.main-block .main-bottom .client-year h2 {
		margin: 0 0 4px 0
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .client-year h2 {
		margin: 0 0 2.5px 0
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .client-year h2 {
		margin: 0
	}
}

.main-block .main-bottom .client-year span {
	font-size: 14px;
	text-transform: uppercase
}

@media (max-width: 1199px) {
	.main-block .main-bottom .client-year span {
		font-size: 12.6px
	}
}

@media (max-width: 991px) {
	.main-block .main-bottom .client-year span {
		font-size: 11.2px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .client-year span {
		font-size: 7px
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .client-year span {
		font-size: 12px
	}
}

.main-block .main-bottom .client-year .client {
	margin: 0 0 20px 0
}

@media (max-width: 1199px) {
	.main-block .main-bottom .client-year .client {
		margin: 0 0 18px 0
	}
}

@media (max-width: 991px) {
	.main-block .main-bottom .client-year .client {
		margin: 0 0 16px 0
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .client-year .client {
		margin: 0 0 10px 0
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .client-year .client {
		margin: 15px 0 0 0;
		width: 50%;
		float: left
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .client-year .year {
		margin: 15px 0 0 0;
		width: 50%;
		float: left
	}
}

@media (max-width: 767px) {
	.main-block .main-bottom .client-year {
		width: 100%;
		float: none;
		padding: 0
	}
}

 
  
 

.main-block {
	display: block;
	visibility: visible;
	position: relative
}

.main-block .main-image {
	display: block;
	visibility: visible;
	position: relative;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transition-property: -moz-transform,opacity;
	-o-transition-property: -o-transform,opacity;
	-webkit-transition-property: -webkit-transform,opacity;
	transition-property: transform,opacity;
	-moz-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.main-block .main-image.out {
	-moz-transform: translate3d(80%, 0, 0);
	-ms-transform: translate3d(80%, 0, 0);
	-webkit-transform: translate3d(80%, 0, 0);
	transform: translate3d(80%, 0, 0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

.main-block .main-top-info {
	display: block;
	position: absolute;
	background:#E0DBD4;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transition-property: top,opacity;
	-o-transition-property: top,opacity;
	-webkit-transition-property: top,opacity;
	transition-property: top,opacity;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s
}

.main-block .main-top-info.out {
	top: 30%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

.main-block:nth-child(even) .main-image {
	display: block;
	visibility: visible;
	position: relative;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transition-property: -moz-transform,opacity;
	-o-transition-property: -o-transform,opacity;
	-webkit-transition-property: -webkit-transform,opacity;
	transition-property: transform,opacity;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.main-block:nth-child(even) .main-image.out {
	-moz-transform: translate3d(-80%, 0, 0);
	-ms-transform: translate3d(-80%, 0, 0);
	-webkit-transform: translate3d(-80%, 0, 0);
	transform: translate3d(-80%, 0, 0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

.home .main-block:last-child .main-image.out {
	-moz-transform: translate3d(80%, 0, 0);
	-ms-transform: translate3d(80%, 0, 0);
	-webkit-transform: translate3d(80%, 0, 0);
	transform: translate3d(80%, 0, 0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

.page-template-template-services-php .main-block:last-child .main-image.out {
	-moz-transform: translate3d(-80%, 0, 0);
	-ms-transform: translate3d(-80%, 0, 0);
	-webkit-transform: translate3d(-80%, 0, 0);
	transform: translate3d(-80%, 0, 0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

.main-block-alt {
	display: block;
	visibility: visible;
	position: relative
}

.main-block-alt .main-top-info {
	display: block;
	visibility: visible;
	position: relative;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	-webkit-transition: 0.7s;
	transition: 0.7s;
	top: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transition-property: top,opacity;
	-o-transition-property: top,opacity;
	-webkit-transition-property: top,opacity;
	transition-property: top,opacity;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.main-block-alt .main-top-info:first-child.out {
	top: -150px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

.main-block-alt .main-top-info:last-child {
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s
}

.main-block-alt .main-top-info:last-child.out {
	top: -150px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}


.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width:768px) {
	.container {
		width: 750px
	}
}

@media (min-width:992px) {
	.container {
		width: 970px
	}
}

@media (min-width:1200px) {
	.container {
		width: 1170px
	}
}

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
	float: left
}

.col-xs-12 {
	width: 100%
}

.col-xs-11 {
	width: 91.66666667%
}

.col-xs-10 {
	width: 83.33333333%
}

.col-xs-9 {
	width: 75%
}

.col-xs-8 {
	width: 66.66666667%
}

.col-xs-7 {
	width: 58.33333333%
}

.col-xs-6 {
	width: 50%
}

.col-xs-5 {
	width: 41.66666667%
}

.col-xs-4 {
	width: 33.33333333%
}

.col-xs-3 {
	width: 25%
}

.col-xs-2 {
	width: 16.66666667%
}

.col-xs-1 {
	width: 8.33333333%
}

.col-xs-pull-12 {
	right: 100%
}

.col-xs-pull-11 {
	right: 91.66666667%
}

.col-xs-pull-10 {
	right: 83.33333333%
}

.col-xs-pull-9 {
	right: 75%
}

.col-xs-pull-8 {
	right: 66.66666667%
}

.col-xs-pull-7 {
	right: 58.33333333%
}

.col-xs-pull-6 {
	right: 50%
}

.col-xs-pull-5 {
	right: 41.66666667%
}

.col-xs-pull-4 {
	right: 33.33333333%
}

.col-xs-pull-3 {
	right: 25%
}

.col-xs-pull-2 {
	right: 16.66666667%
}

.col-xs-pull-1 {
	right: 8.33333333%
}

.col-xs-pull-0 {
	right: auto
}

.col-xs-push-12 {
	left: 100%
}

.col-xs-push-11 {
	left: 91.66666667%
}

.col-xs-push-10 {
	left: 83.33333333%
}

.col-xs-push-9 {
	left: 75%
}

.col-xs-push-8 {
	left: 66.66666667%
}

.col-xs-push-7 {
	left: 58.33333333%
}

.col-xs-push-6 {
	left: 50%
}

.col-xs-push-5 {
	left: 41.66666667%
}

.col-xs-push-4 {
	left: 33.33333333%
}

.col-xs-push-3 {
	left: 25%
}

.col-xs-push-2 {
	left: 16.66666667%
}

.col-xs-push-1 {
	left: 8.33333333%
}

.col-xs-push-0 {
	left: auto
}

.col-xs-offset-12 {
	margin-left: 100%
}

.col-xs-offset-11 {
	margin-left: 91.66666667%
}

.col-xs-offset-10 {
	margin-left: 83.33333333%
}

.col-xs-offset-9 {
	margin-left: 75%
}

.col-xs-offset-8 {
	margin-left: 66.66666667%
}

.col-xs-offset-7 {
	margin-left: 58.33333333%
}

.col-xs-offset-6 {
	margin-left: 50%
}

.col-xs-offset-5 {
	margin-left: 41.66666667%
}

.col-xs-offset-4 {
	margin-left: 33.33333333%
}

.col-xs-offset-3 {
	margin-left: 25%
}

.col-xs-offset-2 {
	margin-left: 16.66666667%
}

.col-xs-offset-1 {
	margin-left: 8.33333333%
}

.col-xs-offset-0 {
	margin-left: 0
}

@media (min-width:768px) {
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
		float: left
	}

	.col-sm-12 {
		width: 100%
	}

	.col-sm-11 {
		width: 91.66666667%
	}

	.col-sm-10 {
		width: 83.33333333%
	}

	.col-sm-9 {
		width: 75%
	}

	.col-sm-8 {
		width: 66.66666667%
	}

	.col-sm-7 {
		width: 58.33333333%
	}

	.col-sm-6 {
		width: 50%
	}

	.col-sm-5 {
		width: 41.66666667%
	}

	.col-sm-4 {
		width: 33.33333333%
	}

	.col-sm-3 {
		width: 25%
	}

	.col-sm-2 {
		width: 16.66666667%
	}

	.col-sm-1 {
		width: 8.33333333%
	}

	.col-sm-pull-12 {
		right: 100%
	}

	.col-sm-pull-11 {
		right: 91.66666667%
	}

	.col-sm-pull-10 {
		right: 83.33333333%
	}

	.col-sm-pull-9 {
		right: 75%
	}

	.col-sm-pull-8 {
		right: 66.66666667%
	}

	.col-sm-pull-7 {
		right: 58.33333333%
	}

	.col-sm-pull-6 {
		right: 50%
	}

	.col-sm-pull-5 {
		right: 41.66666667%
	}

	.col-sm-pull-4 {
		right: 33.33333333%
	}

	.col-sm-pull-3 {
		right: 25%
	}

	.col-sm-pull-2 {
		right: 16.66666667%
	}

	.col-sm-pull-1 {
		right: 8.33333333%
	}

	.col-sm-pull-0 {
		right: auto
	}

	.col-sm-push-12 {
		left: 100%
	}

	.col-sm-push-11 {
		left: 91.66666667%
	}

	.col-sm-push-10 {
		left: 83.33333333%
	}

	.col-sm-push-9 {
		left: 75%
	}

	.col-sm-push-8 {
		left: 66.66666667%
	}

	.col-sm-push-7 {
		left: 58.33333333%
	}

	.col-sm-push-6 {
		left: 50%
	}

	.col-sm-push-5 {
		left: 41.66666667%
	}

	.col-sm-push-4 {
		left: 33.33333333%
	}

	.col-sm-push-3 {
		left: 25%
	}

	.col-sm-push-2 {
		left: 16.66666667%
	}

	.col-sm-push-1 {
		left: 8.33333333%
	}

	.col-sm-push-0 {
		left: auto
	}

	.col-sm-offset-12 {
		margin-left: 100%
	}

	.col-sm-offset-11 {
		margin-left: 91.66666667%
	}

	.col-sm-offset-10 {
		margin-left: 83.33333333%
	}

	.col-sm-offset-9 {
		margin-left: 75%
	}

	.col-sm-offset-8 {
		margin-left: 66.66666667%
	}

	.col-sm-offset-7 {
		margin-left: 58.33333333%
	}

	.col-sm-offset-6 {
		margin-left: 50%
	}

	.col-sm-offset-5 {
		margin-left: 41.66666667%
	}

	.col-sm-offset-4 {
		margin-left: 33.33333333%
	}

	.col-sm-offset-3 {
		margin-left: 25%
	}

	.col-sm-offset-2 {
		margin-left: 16.66666667%
	}

	.col-sm-offset-1 {
		margin-left: 8.33333333%
	}

	.col-sm-offset-0 {
		margin-left: 0
	}
}

@media (min-width:992px) {
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
		float: left
	}

	.col-md-12 {
		width: 100%
	}

	.col-md-11 {
		width: 91.66666667%
	}

	.col-md-10 {
		width: 83.33333333%
	}

	.col-md-9 {
		width: 75%
	}

	.col-md-8 {
		width: 66.66666667%
	}

	.col-md-7 {
		width: 58.33333333%
	}

	.col-md-6 {
		width: 50%
	}

	.col-md-5 {
		width: 41.66666667%
	}

	.col-md-4 {
		width: 33.33333333%
	}

	.col-md-3 {
		width: 25%
	}

	.col-md-2 {
		width: 16.66666667%
	}

	.col-md-1 {
		width: 8.33333333%
	}

	.col-md-pull-12 {
		right: 100%
	}

	.col-md-pull-11 {
		right: 91.66666667%
	}

	.col-md-pull-10 {
		right: 83.33333333%
	}

	.col-md-pull-9 {
		right: 75%
	}

	.col-md-pull-8 {
		right: 66.66666667%
	}

	.col-md-pull-7 {
		right: 58.33333333%
	}

	.col-md-pull-6 {
		right: 50%
	}

	.col-md-pull-5 {
		right: 41.66666667%
	}

	.col-md-pull-4 {
		right: 33.33333333%
	}

	.col-md-pull-3 {
		right: 25%
	}

	.col-md-pull-2 {
		right: 16.66666667%
	}

	.col-md-pull-1 {
		right: 8.33333333%
	}

	.col-md-pull-0 {
		right: auto
	}

	.col-md-push-12 {
		left: 100%
	}

	.col-md-push-11 {
		left: 91.66666667%
	}

	.col-md-push-10 {
		left: 83.33333333%
	}

	.col-md-push-9 {
		left: 75%
	}

	.col-md-push-8 {
		left: 66.66666667%
	}

	.col-md-push-7 {
		left: 58.33333333%
	}

	.col-md-push-6 {
		left: 50%
	}

	.col-md-push-5 {
		left: 41.66666667%
	}

	.col-md-push-4 {
		left: 33.33333333%
	}

	.col-md-push-3 {
		left: 25%
	}

	.col-md-push-2 {
		left: 16.66666667%
	}

	.col-md-push-1 {
		left: 8.33333333%
	}

	.col-md-push-0 {
		left: auto
	}

	.col-md-offset-12 {
		margin-left: 100%
	}

	.col-md-offset-11 {
		margin-left: 91.66666667%
	}

	.col-md-offset-10 {
		margin-left: 83.33333333%
	}

	.col-md-offset-9 {
		margin-left: 75%
	}

	.col-md-offset-8 {
		margin-left: 66.66666667%
	}

	.col-md-offset-7 {
		margin-left: 58.33333333%
	}

	.col-md-offset-6 {
		margin-left: 50%
	}

	.col-md-offset-5 {
		margin-left: 41.66666667%
	}

	.col-md-offset-4 {
		margin-left: 33.33333333%
	}

	.col-md-offset-3 {
		margin-left: 25%
	}

	.col-md-offset-2 {
		margin-left: 16.66666667%
	}

	.col-md-offset-1 {
		margin-left: 8.33333333%
	}

	.col-md-offset-0 {
		margin-left: 0
	}
}

@media (min-width:1200px) {
	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
		float: left
	}

	.col-lg-12 {
		width: 100%
	}

	.col-lg-11 {
		width: 91.66666667%
	}

	.col-lg-10 {
		width: 83.33333333%
	}

	.col-lg-9 {
		width: 75%
	}

	.col-lg-8 {
		width: 66.66666667%
	}

	.col-lg-7 {
		width: 58.33333333%
	}

	.col-lg-6 {
		width: 50%
	}

	.col-lg-5 {
		width: 41.66666667%
	}

	.col-lg-4 {
		width: 33.33333333%
	}

	.col-lg-3 {
		width: 25%
	}

	.col-lg-2 {
		width: 16.66666667%
	}

	.col-lg-1 {
		width: 8.33333333%
	}

	.col-lg-pull-12 {
		right: 100%
	}

	.col-lg-pull-11 {
		right: 91.66666667%
	}

	.col-lg-pull-10 {
		right: 83.33333333%
	}

	.col-lg-pull-9 {
		right: 75%
	}

	.col-lg-pull-8 {
		right: 66.66666667%
	}

	.col-lg-pull-7 {
		right: 58.33333333%
	}

	.col-lg-pull-6 {
		right: 50%
	}

	.col-lg-pull-5 {
		right: 41.66666667%
	}

	.col-lg-pull-4 {
		right: 33.33333333%
	}

	.col-lg-pull-3 {
		right: 25%
	}

	.col-lg-pull-2 {
		right: 16.66666667%
	}

	.col-lg-pull-1 {
		right: 8.33333333%
	}

	.col-lg-pull-0 {
		right: auto
	}

	.col-lg-push-12 {
		left: 100%
	}

	.col-lg-push-11 {
		left: 91.66666667%
	}

	.col-lg-push-10 {
		left: 83.33333333%
	}

	.col-lg-push-9 {
		left: 75%
	}

	.col-lg-push-8 {
		left: 66.66666667%
	}

	.col-lg-push-7 {
		left: 58.33333333%
	}

	.col-lg-push-6 {
		left: 50%
	}

	.col-lg-push-5 {
		left: 41.66666667%
	}

	.col-lg-push-4 {
		left: 33.33333333%
	}

	.col-lg-push-3 {
		left: 25%
	}

	.col-lg-push-2 {
		left: 16.66666667%
	}

	.col-lg-push-1 {
		left: 8.33333333%
	}

	.col-lg-push-0 {
		left: auto
	}

	.col-lg-offset-12 {
		margin-left: 100%
	}

	.col-lg-offset-11 {
		margin-left: 91.66666667%
	}

	.col-lg-offset-10 {
		margin-left: 83.33333333%
	}

	.col-lg-offset-9 {
		margin-left: 75%
	}

	.col-lg-offset-8 {
		margin-left: 66.66666667%
	}

	.col-lg-offset-7 {
		margin-left: 58.33333333%
	}

	.col-lg-offset-6 {
		margin-left: 50%
	}

	.col-lg-offset-5 {
		margin-left: 41.66666667%
	}

	.col-lg-offset-4 {
		margin-left: 33.33333333%
	}

	.col-lg-offset-3 {
		margin-left: 25%
	}

	.col-lg-offset-2 {
		margin-left: 16.66666667%
	}

	.col-lg-offset-1 {
		margin-left: 8.33333333%
	}

	.col-lg-offset-0 {
		margin-left: 0
	}
}

 
 
 

.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after {
	display: table;
	content: " "
}

.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after {
	clear: both
}

 
  

.visible-xs,.visible-sm,.visible-md,.visible-lg {
	display: none!important
}

.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block {
	display: none!important
}

@media (max-width:767px) {
	.visible-xs {
		display: block!important
	}

	table.visible-xs {
		display: table
	}

	tr.visible-xs {
		display: table-row!important
	}

	th.visible-xs,td.visible-xs {
		display: table-cell!important
	}
}

@media (max-width:767px) {
	.visible-xs-block {
		display: block!important
	}
}

@media (max-width:767px) {
	.visible-xs-inline {
		display: inline!important
	}
}

@media (max-width:767px) {
	.visible-xs-inline-block {
		display: inline-block!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm {
		display: block!important
	}

	table.visible-sm {
		display: table
	}

	tr.visible-sm {
		display: table-row!important
	}

	th.visible-sm,td.visible-sm {
		display: table-cell!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-block {
		display: block!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-inline {
		display: inline!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-inline-block {
		display: inline-block!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md {
		display: block!important
	}

	table.visible-md {
		display: table
	}

	tr.visible-md {
		display: table-row!important
	}

	th.visible-md,td.visible-md {
		display: table-cell!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-block {
		display: block!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-inline {
		display: inline!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-inline-block {
		display: inline-block!important
	}
}

@media (min-width:1200px) {
	.visible-lg {
		display: block!important
	}

	table.visible-lg {
		display: table
	}

	tr.visible-lg {
		display: table-row!important
	}

	th.visible-lg,td.visible-lg {
		display: table-cell!important
	}
}

@media (min-width:1200px) {
	.visible-lg-block {
		display: block!important
	}
}

@media (min-width:1200px) {
	.visible-lg-inline {
		display: inline!important
	}
}

@media (min-width:1200px) {
	.visible-lg-inline-block {
		display: inline-block!important
	}
}

@media (max-width:767px) {
	.hidden-xs {
		display: none!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.hidden-sm {
		display: none!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.hidden-md {
		display: none!important
	}
}

@media (min-width:1200px) {
	.hidden-lg {
		display: none!important
	}
}

.visible-print {
	display: none!important
}

@media print {
	.visible-print {
		display: block!important
	}

	table.visible-print {
		display: table
	}

	tr.visible-print {
		display: table-row!important
	}

	th.visible-print,td.visible-print {
		display: table-cell!important
	}
}

.visible-print-block {
	display: none!important
}

@media print {
	.visible-print-block {
		display: block!important
	}
}

.visible-print-inline {
	display: none!important
}

@media print {
	.visible-print-inline {
		display: inline!important
	}
}

.visible-print-inline-block {
	display: none!important
}

@media print {
	.visible-print-inline-block {
		display: inline-block!important
	}
}

@media print {
	.hidden-print {
		display: none!important
	}
}
/*===================================*/