@charset "utf-8";
/* CSS Document */

/* ipad mini  portrait*/   
@media only screen and (max-width: 1024px){
	.nav-bar .menu-wrap {

		display:none;
	}
	
	.MainWrapper{
		width:94%;
		position:relative;
		margin:0px auto;
	}
	.FooterTxt span {
		color: #fff;
		font-size: 20px;
		line-height: 33px;
	}
	.ShineWrap {
    	padding-top:240px;
	}
	.Text {
		font-size: 20px;
		line-height: 30px;
	}
	.BG1, .BG2, .BG3 {
		min-height:1024px;
	}
	body[data-page="homepage"] .home-bg .icon-arrow-down.show-off {
		opacity: 0.8;
		visibility: hidden;
	}
	.nav-bar.alternate .nav-bar-inner {
		top: -44px;
	}
	
	.DaresRight{
		width: 800px;
		top: 100px;
		margin-left: -400px;
	}
	.DaresLeft{
		margin-left: -492px;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 200px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
	.CellBtn a {
		padding-left: 30px;
		padding-right: 30px
	}

	
}



@media only screen and (max-width: 980px){
	
}

@media only screen and (max-width: 966px){
	.DaresLeft input[type="text"] {
		width:70%;
	}
	.DaresLeft textarea{
		width:70%;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
}



@media only screen and (max-width: 950px){
	
	
	
}

@media only screen and (max-width: 900px){
	
}
@media only screen and (max-width: 854px) {
	.MainWrapper h1 {
    	font-size: 50px;
	}
	.FooterTxt span {
		font-size: 16px;
		line-height: 30px;
	}
	
	.TestimonialTxt {
		font-size: 20px;
		line-height: 28px;
		margin: 20px 0px;
	}
	
	.DaresLeft input[type="text"] {
		width:62%;
	}
	.DaresLeft textarea{
		width:62%;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
}
@media only screen and (max-width: 800px) {
		
	.TestimonialTxt {
		font-size: 20px;
		line-height: 28px;
		margin: 20px 0px;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
}
@media only screen and (max-width: 768px){
	.Company a {
		background-size: 68%;
	}
	.nav-bar .nav-bar-inner {
		height: 96px;
	}
	.nav-bar.alternate.open .nav-bar-inner, .nav-bar.alternate:hover .nav-bar-inner {
		top: 56px;
	}
	.ShineWrap {
		padding-top: 470px;
	}
	.TestimonialTxt em:before {
		background: url(../images/left-quote.png) no-repeat;
		width: 28px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		left: -35px;
		top: 0px;
		background-size: cover;
	}
	.TestimonialTxt em:after {
		background: url(../images/right-quote.png) no-repeat;
		width: 28px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		right: -40px;
		bottom: 0px;
		background-size: cover;
	}
	body[data-page="philosophy"] #work, body[data-page="homepage"] #work {
		height:670px !important;
	}
	.DaresLeft label{
		display:block;
		margin-bottom:0px;
		margin-top:25px;
	}
	.DaresLeft input[type="text"] {
		display:block;
		margin-top:10px;
	}
	.DaresLeft textarea{
		display:block;
		margin-top:10px;
	}
	.DaresLeft h5{
		display:block;
		margin-top:25px;
	}
	.DaresLeft{
		top:250px;
		margin-left: -277.5px;
	}
	.DaresBG{
		min-height:1023px;
	}
	.DaresRight {
		width: 600px;
		top: 33px;
		margin-left: -300px;
	}
	.DaresRight br {
		display:none;
	}
	.DaresLeft input[type="text"] {
		width: 100%;
	}
	.DaresLeft textarea {
		width: 100%;
	}
		
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
}

@media only screen and (max-width: 753px){
	
}

/*Appple iPhone 6 plus landscape (if necessary) */
@media only screen and (max-width: 736px){
	.Company a {
		background-size: 68%;
	}
	.nav-bar .nav-bar-inner {
		height: 96px;
	}
	.nav-bar.alternate.open .nav-bar-inner, .nav-bar.alternate:hover .nav-bar-inner {
		top: 56px;
	}
	.MainWrapper h1 {
		font-size: 30px;
		line-height: 32px;
	}
	.HeaderTxt p {
		font-size: 16px !important;
		font-family: "Conv_ufonts.com_whitney-medium";
		line-height: 24px;
	}
	.Button1{
		margin-top:15px;
	}
	.HeaderTxt {
		margin-top:10px;
		color: #fff;
		text-align: center;
	}
	h1 {
		font-size: 60px;
	}
	.FSize24 {
		font-size: 18px !important;
	}
	.ShineWrap {
		padding-top: 260px !important;
	}
	body[data-page="philosophy"] #work, body[data-page="homepage"] #work {
		height: 800px !important;
	}
	.TestimonialTxt em:before {
		background: url(../images/left-quote.png) no-repeat;
		width: 24px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		left: -18px;
		top: 0px;
		background-size: 64%;
	}
	.TestimonialTxt em:after {
		background: url(../images/right-quote.png) no-repeat;
		width: 28px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		right: -34px;
		bottom: -10px;
		background-size: 64%;
	}
	.DaresLeft{
		width: 375px;
		top: 200px;
		left: 50%;
		margin-left: -187.5px;
	}
	
	.DaresLeft input[type="text"]{
		width:100%;
	}
	.DaresLeft textarea{
		width:100%;
	}
	body[data-page="philosophy"] #create-impact, body[data-page="homepage"] #create-impact {
		height: 788px !important;
	}
	body[data-page="philosophy"] #craft-everything, body[data-page="homepage"] #craft-everything {
		height: 516px !important;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
}
@media only screen and (max-width: 720px){
}

/* Apple iPhone 6 landscape)   */
@media only screen and (max-width: 667px){
	.FooterTxt span {
		font-size: 14px;
		line-height: 28px;
	}
	.Company a {
		background-size: 68%;
	}
	.nav-bar .nav-bar-inner {
		height: 96px;
	}
	.nav-bar.alternate.open .nav-bar-inner, .nav-bar.alternate:hover .nav-bar-inner {
		top: 56px;
	}
	h1 {
		font-size: 42px;
	}
	.ShineWrap {
		padding-top: 278px !important;
	}
	.TestimonialTxt em:before {
		background: url(../images/left-quote.png) no-repeat;
		width: 24px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		left: -18px;
		top: 0px;
		background-size: 64%;
	}
	.TestimonialTxt em:after {
		background: url(../images/right-quote.png) no-repeat;
		width: 28px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		right: -34px;
		bottom: -10px;
		background-size: 64%;
	}
	
	.DaresLeft{
		width:350px;
		top:175px;
		left:50%;
		margin-left:-175px;		
	}
	.DaresLeft label{
		margin-top:15px;
	}
	body[data-page="philosophy"] #create-impact, body[data-page="homepage"] #create-impact {
		height: 720px !important;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
}

@media only screen and (max-width: 640px){
	
}

@media only screen and (max-width: 604px){
	
}
/*@media only screen and (max-width: 600px){
	
}*/
@media only screen and (max-width: 569px){
	
}
/* Apple iPhone 5 landscape)   */


@media only screen and (max-width: 568px){
	h1 {
		font-size: 38px;
	}
	.Company a {
		background-size: 68%;
	}
	.nav-bar .nav-bar-inner {
		height: 96px;
	}
	.nav-bar.alternate.open .nav-bar-inner, .nav-bar.alternate:hover .nav-bar-inner {
		top: 56px;
	}
	.FooterTxt span {
		font-size: 17px;
		line-height: 30px;
	}
	.ShineWrap {
		padding-top: 250px !important;
	}
	.TestimonialTxt em:before {
		background: url(../images/left-quote.png) no-repeat;
		width: 24px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		left: -18px;
		top: 0px;
		background-size: 64%;
	}
	.TestimonialTxt em:after {
		background: url(../images/right-quote.png) no-repeat;
		width: 28px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		right: -34px;
		bottom: -10px;
		background-size: 64%;
	}

	.DaresRight {
		width: 500px;
		top: 33px;
		margin-left: -250px;
	}
	.DaresLeft {
		width: 400px;
		margin-left:-200px;
		left:50%;
		top: 186px;
	}
	body[data-page="philosophy"] #create-impact, body[data-page="homepage"] #create-impact {
		height: 710px !important;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
}

@media only screen and (max-width: 540px){
	.DaresRight {
		
	}
	.DaresLeft{
		width: 400px;
		top: 192px;
		margin-left: -200px;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}

}
@media only screen and (max-width: 533px){
	
}
/* Apple iPhone 4 landscape)   */
@media only screen and (max-width:480px){
	.HeaderTxt {
		margin-top:10px;
		color: #fff;
		text-align: center;
	}
	.Company a {
		background-size: 68%;
	}
	.nav-bar .nav-bar-inner {
		height: 96px;
	}
	.nav-bar.alternate.open .nav-bar-inner, .nav-bar.alternate:hover .nav-bar-inner {
		top: 56px;
	}
	.ShineWrap {
		padding-top: 110px;
	}
	.Logo {
		width:80px;
	}
	.Logo a {
		width: 80%;
		height: 60px;
		background-size: 100%;
	}
	.MainWrapper h1 {
		font-size: 30px;
		line-height: 32px;
	}
	.HeaderTxt p {
		font-size: 16px !important;
		font-family: "Conv_ufonts.com_whitney-medium";
		line-height: 24px;
	}
	.Button1{
		margin-top:15px;
	}
	.ShineWrap {
    	padding-top: 0px;
	}
	.Button2 {
		margin:10px 0px;
	}
	.TestimonialTxt {
		font-size: 14px;
		line-height: 20px;
		margin: 5px 0px;
	}
	.FooterTxt span {
		font-size: 16px;
		line-height: 30px;
	}
	.TestimonialTxt em:before {
		background: url(../images/left-quote.png) no-repeat;
		width: 24px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		left: -18px;
		top: 0px;
		background-size: 64%;
	}
	.TestimonialTxt em:after {
		background: url(../images/right-quote.png) no-repeat;
		width: 28px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		right: -34px;
		bottom: -10px;
		background-size: 64%;
	}
	.DaresRight{
		width:444px;
		margin-left:-222px;
	}
	.DaresBG{
		background-size:262%;
		min-height:835px;
	}
	body[data-page="philosophy"] #create-impact, body[data-page="homepage"] #create-impact {
		height: 763px !important;
	}
	.col-xl-10 h3.FSize24 br{
		display:none;
	}
	.PostWrap .Button1 {
		margin-top: 24px;
	}
	.ShineWrap {
		padding-top: 280px !important;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}

}
@media only screen and (max-width:424px){
	.DaresRight{
		width:400px;
	}
	.DaresBG{
		background-size:296%;
		min-height:835px;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
}
@media only screen and (max-width:414px){
	.BG1, .BG2, .BG3 {
		min-height: 736px;
	}
	.ShineWrap {
		padding-top: 414px !important;
	}
	.Company a {
		background-size: 68%;
	}
	.nav-bar .nav-bar-inner {
		height: 96px;
	}
	.nav-bar.alternate.open .nav-bar-inner, .nav-bar.alternate:hover .nav-bar-inner {
		top: 56px;
	}
	.PostWrap .Button1 {
		margin-top: 28px;
	}
	.TestimonialTxt em:before {
		background: url(../images/left-quote.png) no-repeat;
		width: 24px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		left: -18px;
		top: 0px;
		background-size: 64%;
	}
	.TestimonialTxt em:after {
		background: url(../images/right-quote.png) no-repeat;
		width: 28px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		right: -34px;
		bottom: -10px;
		background-size: 64%;
	}
	.DaresRight{
		width:380px;
		top:80px;
		left: 50%;
		margin-left: -190px;
	}
	.DaresBG {
		background-size: 600%;
		min-height: 736px;

	}
	.DaresLeft {
		width: 375px;
		top: 255px;
		margin-left: -187.5px;
		left: 50%;
	}
	body[data-page="philosophy"] #create-impact, body[data-page="homepage"] #create-impact {
		height: 800px !important;
	}
	body[data-page="philosophy"] #craft-everything, body[data-page="homepage"] #craft-everything {
		height: 614px !important;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
	
}
@media only screen and (max-width:400px){
	.DaresBG {
		background-size: 280%;
		min-height: 736px;
	}
	.DaresRight{
		
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
}
@media only screen and (max-width:384px){ 
	.DaresRight {
		width: 320px;
		top: 28px;
		
	}
	.DaresBG {
		background-size: 250%;
		min-height: 640px;
	}
	.DaresLeft {
		width: 90%;
		top: 185px;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
}
/* Apple iPhone 6 portrait)   */
@media only screen and (max-width:375px){
	h1 {
		font-size: 50px;
	}
	.Company a {
		background-size: 68%;
	}
	.nav-bar .nav-bar-inner {
		height: 96px;
	}
	.nav-bar.alternate.open .nav-bar-inner, .nav-bar.alternate:hover .nav-bar-inner {
		top: 56px;
	}
	.FooterTxt span {
		font-size: 15px;
		line-height: 30px;
	}
	.PostWrap .Button1 {
		margin-top: 24px;
	}
	.ShineWrap {
		padding-top: 310px !important;
	}
	.TestimonialTxt em:before {
		background: url(../images/left-quote.png) no-repeat;
		width: 24px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		left: -18px;
		top: 0px;
		background-size: 64%;
	}
	.TestimonialTxt em:after {
		background: url(../images/right-quote.png) no-repeat;
		width: 28px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		right: -34px;
		bottom: -10px;
		background-size: 64%;
	}
	.DaresBG {
		background-size: 600%;
		min-height: 667px;
	}
	
	.DaresLeft {
		width: 350px;
		top: 225px;
		left:50%;
		margin-left:-175px;
	}
	
	.DaresRight {
		width: 320px;
		top: 28px;
		left: 50%;
		margin-left: -160px;
	}
	body[data-page="philosophy"] #craft-everything, body[data-page="homepage"] #craft-everything {
		height: 470px !important;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
}
@media only screen and (max-width:360px){
	
	.DaresRight{
		
	}
	.DaresBG {
		background-size: 267%;
		min-height: 640px;
	}
	.DaresLeft {
		width: 87%;
		top: 190px;
	}
	.DaresLeft input[type="text"] {
		width: 91%;
	}
	.DaresLeft textarea{
		width: 91%;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
}
/* Apple iPhone 4 portrait)   */
@media only screen and (max-width:320px){
	h1 {
		font-size: 44px;
	}
	.Company a {
		background-size: 68%;
	}
	.nav-bar .nav-bar-inner {
		height: 96px;
	}
	.nav-bar.alternate.open .nav-bar-inner, .nav-bar.alternate:hover .nav-bar-inner {
		top: 56px;
	}
	.FooterTxt {
		text-align: center;
	}
	.FooterTxt span {
		font-size: 16px;
		line-height: 30px;
	}
	.TestimonialTxt {
	}
	.PostWrap {
	}
	.Text {
	}
	body[data-page="philosophy"] #work, body[data-page="homepage"] #work {
		height: 880px !important;
	}
	body[data-page="philosophy"] #craft-everything, body[data-page="homepage"] #craft-everything {
		height: 560px !important;
	}
	.ShineOnLogo img{
		width:100%;
	}
	
	.ShineWrap {
		padding-top: 350px !important;
	}
	.PostWrap .Button1 {
		margin-top: 24px;
	}
	.TestimonialTxt em:before {
		background: url(../images/left-quote.png) no-repeat;
		width: 24px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		left: -18px;
		top: 0px;
		background-size: 64%;
	}
	.TestimonialTxt em:after {
		background: url(../images/right-quote.png) no-repeat;
		width: 28px;
		height: 24px;
		margin: 0px;
		content: ' ';
		display: block;
		position: absolute;
		right: -34px;
		bottom: -10px;
		background-size: 64%;
	}
	.DaresRight {
		width: 300px;
		top: 6px;
		font-size:18px;
		margin-left:-150px;
		left:50%;
	}
	.DaresLeft input[type="text"] {
		width:100%;
	}
	.DaresLeft textarea{
		width:100%;
	}
	.DaresLeft{
		width:300px;
		left:50%;
		top:120px;
		margin-left:-150px;
	}
	
	.DaresLeft textarea{
		font-size: 13px;
		line-height: 20px;
	}
	.DaresLeft h5{
		margin-top:10px;
	}
	.DaresBG{
		background-size:592%;
		min-height:568px;
	}
	.DaresLeft label{
		margin-top:10px;
	}
	body[data-page="philosophy"] #create-impact, body[data-page="homepage"] #create-impact {
		height: 630px !important;
	}
	.Desk {
		display:none;
	}
	.Cell {
		display:block;
		width: 150px;
		margin: 0 auto;
	}
	.CellBtn {
		display:block;
	}
	
}