/* -----------------------------------
   1. Globally Applied Styles
   2. Header + Mobile Menu
   3. Home Sections
   4. About
   5. Portfolio + Portfolio Single
   6. Blog + Blog Single
   7. Portfolio
   8. Contact
   9. Footer
   10. Responsivity Media Queries
   ----------------------------------- */

/* --------------------------
   1. Globally Applied Styles
    -------------------------- */

body {
	font-family: "Work Sans",sans-serif;
    font-size: 16px;
    line-height: 18px;
	color: #fff;
	background-color: #1d1c29;
}

code {
	font-size: 10px;
}

.white-body {
	color: #1d1c29;
	background-color: #fff;
}

h1{
	font-weight: 300;
}

h4{
  color: #02B8EE;
  padding-top:10px;
  line-height:20px;

}

h5{
  color: #02B8EE;
  letter-spacing: 2px;
  font-size: 10px;

}

p{
	font-weight: 400;
	line-height: 2;
	font-size: 18px;
}

a:visited{
  color: #02B8EE;

}

img {max-width: 100%;}

.clear {
	clear: both;
}

.no-padding-right{
	padding-right: 0;
}

.no-padding-left{
	padding-left:0;
}

::-webkit-input-placeholder {
	color: #141618;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 4px;
}

:-moz-placeholder {
	color: #141618; 
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 4px;
}

::-moz-placeholder {
	color: #141618;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 4px;
}

:-ms-input-placeholder {  
	color: #141618; 
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 4px;
}

.slicknav_menu .slicknav_icon-bar,
.slicknav_menu .slicknav_icon-bar:before,
.slicknav_menu .slicknav_icon-bar:after,
header nav .menu li a,
header nav .menu li a:after,
.wrapper .portfolio .filters ul li:after,
.wrapper .portfolio .item .overlay,
.blog .blog-post .post-content .details a:after,
.blog .blog-post .post-content h3 a:after,
.blog .pagination-holder .pagination li a:after,
.blog-single .share-side ul li a:after,
footer span a:after {
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
}

/* -----------------------
   1. Header + Mobile Menu
    ----------------------- */

header {
	height: 70px;
}

header .header-holder {
	position: relative;
	margin-top: 20px;
}

header .logo {
	line-height: 70px;
	float: left;
	position: relative;
	z-index: 9;
}

/* ----------
   	SLICK-NAV
    ---------- */

.slicknav_menu {
	display: none;
	position: relative;
	height: 70px; /*height of header*/
	z-index: 9;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.slicknav_menu .slicknav_icon-bar,
.slicknav_menu .slicknav_icon-bar:before,
.slicknav_menu .slicknav_icon-bar:after {
	background-color: #19d86d !important;
    width: 25px;
    height: 2px;
}

.slicknav_btn {
    height: 18px;
    position: absolute;
    top: 50%;
    right: 0;
    padding-right: 15px;
    margin-right: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slicknav_btn .slicknav_icon {
	position: relative;
	display: block;
	line-height: 10px;
	height: 19px;
	width: 25px;
}

.slicknav_menu .slicknav_open  .slicknav_icon-bar {
	background-color: transparent;
}

.slicknav_menu .slicknav_icon-bar {
	display: inline-block;
	position: relative;
}

.slicknav_menu .slicknav_open .slicknav_icon-bar:before {
	-webkit-transform: translateY(8px) rotateZ(-45deg);
	-moz-transform: translateY(8px) rotateZ(-45deg);
	-ms-transform: translateY(8px) rotateZ(-45deg);
	-o-transform: translateY(8px) rotateZ(-45deg);
	transform: translateY(8px) rotateZ(-45deg);
}

.slicknav_menu .slicknav_icon-bar:before {
	content: "";
	position: absolute;
	top: -8px;
}

.slicknav_menu .slicknav_open .slicknav_icon-bar:after {
	-webkit-transform: translateY(-8px) rotateZ(45deg);
	-moz-transform: translateY(-8px) rotateZ(45deg);
	-ms-transform: translateY(-8px) rotateZ(45deg);
	-o-transform: translateY(-8px) rotateZ(45deg);
	transform: translateY(-8px) rotateZ(45deg);
}

.slicknav_menu .slicknav_icon-bar:after {
	content: "";
	position: absolute;
	top: 8px;
}

.slicknav_menu .slicknav_nav {
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	margin: 0;
	padding: 20px 35px; /*outer padding for menu*/
	background-color: #141618; /*background for menu*/
}

.slicknav_menu .slicknav_nav li ul {
	padding-left: 20px;
}

.slicknav_menu .slicknav_nav li {
	display: block;
	position: relative;
}

.slicknav_menu .slicknav_nav li a {
	display: block;
	text-decoration: none;
	outline: none;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 4px;
	padding: 5px 0;
	position: relative;
}

.slicknav_menu .slicknav_nav li a a {
	padding: 0;
}

.slicknav_menu .slicknav_collapsed .slicknav_arrow,
.slicknav_menu .slicknav_open .slicknav_arrow {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    top: 50%;
 	-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 15px;
}

.slicknav_menu .slicknav_open .slicknav_arrow:before {
   content: "\f107";
}
.slicknav_menu .slicknav_collapsed .slicknav_arrow:before {
    content: "\f105";
}

/* ----------
   	SLICK-NAV
    ---------- */

header nav .menu {
	float: right;
	padding: 0;
	margin: 0;
	line-height: 70px;
}

header nav .menu li:first-child {
	margin-left: 0;
}

header nav .menu li {
	display: inline-block;
	margin-left: 30px;
	position: relative;
}

header nav .menu li:hover ul {
	zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
	visibility: visible;
}

header nav .menu li a {
	font-size: 20px;
	line-height: 20px;
	color: inherit;
	text-decoration: none;
	font-family: "Work Sans",sans-serif;
}

header nav .menu li a:hover:after {
	width: 100%;
}

header nav .menu li a:after {
	content: "";
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 25px;
	display: block;
	width: 0;
	height: 1px;
	background: #141618;
}

header nav .menu li ul {
	position: absolute;
	top: 100%;
	border: none;
	background-color: #141618;
	min-width: 200px;
	padding: 0;
	zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
	visibility: hidden;
	z-index: 1;
}

header nav .menu li ul li {
	border-bottom: 1px solid #222;
	display: block;
	float: none;
	line-height: 25px;
	width: 200px;
	margin: 0;
	border-right: none;
	padding-top: 0;
	padding-bottom: 0;
}

header nav .menu li ul li:hover ul {
	zoom: 1;
    filter: alpha(opacity=100) !important;
    -webkit-opacity: 1 !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
	visibility: visible !important;
}

header nav .menu li ul li ul {
	left: 100%;
	top: 0;
	border-left: 1px solid;
	zoom: 1;
    filter: alpha(opacity=0) !important;
    -webkit-opacity: 0 !important;
    -moz-opacity: 0 !important;
    opacity: 0 !important;
	visibility: hidden !important;
}

header nav .menu li ul li:last-child {
	margin: 0;
}

header nav .menu li ul li a {
	display: block;
	font-weight: 400;
	line-height: 15px;
	color: #C0BDBF;
	font-size: 10px;
	padding: 14px 18px;
}

header nav .menu li ul li a:after {
	content: "";
	width: 0 !important;
}

/* ----------------
   3. Home Sections
    ---------------- */

.home-photography .page-title h2 {
	font-size: 90px;
	line-height: 90px;
	color: #1d1c29;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	margin: 0;
	text-align: left;
	margin: 100px 0 30px 0;
}

.home-photography .page-title h3 {
	font-size: 30px;
	line-height: 30px;
	color: #1d1c29;
	font-family: "Work Sans",sans-serif;
	margin: 0;
	text-align: left;
	margin: 20px 0 40px 0;
}

.home-photography .page-title p {
	font-size: 20px;
	line-height: 25px;
	color: #1d1c29;
	font-family: "Work Sans",sans-serif;
	margin: 0;
	text-align: left;
	margin: 40px 0 40px 0;
	letter-spacing: 0px;
	font-weight: 400;
}

.platform-divider {
    position: relative;
    width: 100%;
    max-width: 1240px;
    margin: 20px auto;
    height: 2px;
	background: #19d86d;
}

.about-info-right h2, .about-info-left h2 {
	font-family: 'Playfair Display', serif;
	font-weight: 600;
	font-size: 40px;
	line-height: 36px;
	color: #1d1c29;
	padding: 30px 20px;
}

.about-info-right p, .about-info-left p {
	color: #1d1c29;
	padding: 10px 20px;
	line-height: 22px;
	font-size: 18px;
}

.about-info-right a, .about-info-left a, .case-study-info a {
	color: #19d86d;
	padding: 40px 20px;
	font-weight: 600;
}

.about-info-right img {
	padding: 20px 0 0 30px;
}

.about-info-left img {
	padding: 20px 30px 0 0;
}


.about-info-right, .about-info-left {
	padding: 0;
	background: #f5f5f5;
}

/* --------
   4. About
    -------- */
.about-us .page-title h2 {
	font-size: 90px;
	line-height: 90px;
	color: #fff;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	margin: 0;
	text-align: left;
	margin: 100px 0 30px 0;
}

.about-us h3 {
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	font-family: "Work Sans",sans-serif;
	margin: 0;
	text-align: left;
	margin: 20px 0 40px 0;
}

.about-info h3 {
	font-size: 40px;
	line-height: 30px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	margin: 0;
	text-align: left;
	margin: 20px 0 40px 0;
}

.about-info p, .about-us p {
	font-size: 20px;
	line-height: 1.5;
	color: #fff;
	font-family: "Work Sans",sans-serif;
	margin: 0;
	text-align: left;
	margin: 40px 0 40px 0;
	letter-spacing: 0px;
	font-weight: 400;
}

.about-info-info p {
	font-size: 20px;
	line-height: 2;
	color: #19d86d;
	font-family: "Work Sans",sans-serif;
	margin: 0;
	text-align: left;
	margin: 30px 0 10px 0;
	letter-spacing: 0px;
	font-weight: 400;
}

.my-process {
    background-color: #fefefe;
    padding: 4rem;
    text-align: center;
    display: block;
    margin: 0 auto;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
    position: relative;
	transition: all .33s cubic-bezier(0.175, 0.885, 0.320, 1.475);
	margin-top: 40px;
}

.my-process p {
	color: #1d1c29;
	font-size: 16px;
	line-height: 22px;
}

.my-process h3 {
	font-size: 40px;
	line-height: 30px;
	color: #1d1c29;
	font-family: 'Playfair Display', serif;
	margin: 0;
	text-align: left;
	margin: 20px 0 40px 0;
}

.persona-info li {
	font-size: 14px;
	line-height: 16px;
	color: #1d1c29;
	font-family: "Work Sans",sans-serif;
	margin: 0;
	text-align: left;
	margin: 15px 0 10px 0;
	letter-spacing: 0px;
}

.persona-info {
	margin: 30px 0;
}

/* ----- Case Study ---*/

.case-study .page-title h2 {
	font-size: 70px;
	line-height: 70px;
	color: #fff;
	font-weight: 700;
	font-family: 'Playfair Display', serif;
	margin: 0;
	text-align: left;
	margin: 100px 0 30px 0;
}

.case-study h3 {
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	font-family: "Work Sans",sans-serif;
	margin: 0;
	text-align: left;
	margin: 20px 0 40px 0;
}

.case-study-info h3 {
	font-size: 40px;
	line-height: 30px;
	color: #fff;
	font-family: 'Playfair Display', serif;
	margin: 0;
	text-align: left;
	margin: 20px 0 40px 0;
}

.case-study-info p, .case-study p {
	font-size: 20px;
	line-height: 1.5;
	color: #fff;
	font-family: "Work Sans",sans-serif;
	margin: 0;
	text-align: left;
	margin: 40px 0 40px 0;
	letter-spacing: 0px;
	font-weight: 400;
}

.case-study-info-info p {
	font-size: 20px;
	line-height: 2;
	color: #19d86d;
	font-family: "Work Sans",sans-serif;
	margin: 0;
	text-align: left;
	margin: 30px 0 10px 0;
	letter-spacing: 0px;
	font-weight: 400;
}

.more-info p{
	font-size: 16px !important;
	line-height: 22px !important;
	margin: 0 0 30px 0;
}

.more-info h3{
	margin-top: 30px;
}

.my-process {
    background-color: #fefefe;
    padding: 4rem;
    text-align: left;
    display: block;
    margin: 0 auto;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
    position: relative;
	transition: all .33s cubic-bezier(0.175, 0.885, 0.320, 1.475);
	margin-top: 40px;
}

.my-process-challenge img {
	margin-top: 80px;
}

.project-info p {
	margin: 0;
	font-size: 14px;

}

.container-ax {
	background-image: linear-gradient(to right top,#17a2b8,#65b7ae,#9ec8ae,#f2ebdb);
	padding: 30px 0;
	margin: 50px 0;
}

.container-light{
	background: #f6f5f8;
	padding: 30px 0;
	margin: 50px 0;
}

.bold-text {
	font-weight: 600 !important;
}

.case-study-detail a {
	color: #19d86d;
	padding: 10px 0;
	font-weight: 600;
}

.case-study-detail p {
	padding: 10px 0 0 0;
	margin-bottom: 0;
	line-height: 20px;
	font-size: 16px;
}

.case-study-detail {
	margin: 20px 0 60px 0;
}

/* ----------
   8. Contact
    ---------- */

.contact {
	margin: 100px 0 70px 0;
}

.contact h3 {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin: 0;
  color:#02B8EE;
}

.contact .address p {
	margin: 0;
	margin-top: 10px;
	text-transform: capitalize;
}

.contact .contact-info {
	margin-bottom: 65px;
}

.contact .contact-info span {
	display: block;
	margin-bottom: 5px;
}

.contact .contact-info h3 {
	margin-bottom: 10px;
  color:#02B8EE;
}

.contact .contact-form input,
.contact .contact-form textarea {
	border: none;
	border-bottom: 1px solid #141618;
	width: 100%;
	outline: none;
	padding: 15px;
	margin-bottom: 25px;
}

.contact .contact-form textarea {
    resize: none;
}

.contact .contact-form .send {
	padding: 10px 20px;
	width: auto;
	border: none;
	background-color: #141618;
	float: right;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 4px;
	margin: 0;
}

/* ---------
   9. Footer
    --------- */

footer span {
	display: block;
	text-align: center;
	padding: 20px 0;
	line-height: 26px;
	font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
	color: #141618;
}

footer span a {
	text-decoration: none !important;
	position: relative;
	color: inherit !important;
}

footer span a:hover:after {
	width: 100%;
}

/* ------------------------------
   10. Responsivity Media Queries
    ------------------------------ */

/*SLICKNAV-RESPONSIVE*/
@media screen and (max-width: 992px){

	.my-process-challenge img {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.case-study .page-title h2 {
		font-size: 50px;
		line-height: 50px;
		color: #fff;
		font-weight: 700;
		font-family: 'Playfair Display', serif;
		margin: 0;
		text-align: left;
		margin: 100px 0 30px 0;
	}

	.slicknav_menu {
		display: block;
		width: 750px;
	}

	header {
	    position: absolute;
    	width: 100%;
    	top: 0;
	}
}

@media screen and (max-width: 767px){
	.slicknav_menu {
		width: auto;
	}
}
/*SLICKNAV-RESPONSIVE*/


@media screen and (max-width: 1470px){
	header nav .menu li ul li ul {
		left: -100%;
	}

	header nav .menu li ul {
		min-width: 180px;
	}

	header nav .menu li ul li {
		width: 180px;
	}
}

@media screen and (max-width: 992px){
	header nav .menu {
		display: none;
	}
}

@media screen and (max-width: 768px){
    .wrapper .portfolio  {
        margin-bottom: 0;
    }

    .wrapper .home-photography {
    	height: 450px;
    }
}

@media screen and (max-width: 767px){
    .blog .col-md-4 {
    	clear: both;
    }

    .blog .sidebar {
    	margin: 30px 0;
    }

    .project-single .project-photos {
    	margin-top: 50px;
    }

    .project-single4 .project-photos {
    	margin-top: 0px;
    }

    .project-single2 .text-content,
    .project-single4 .text-content {
    	margin-bottom: 40px;
    }

    .contact .contact-info {
    	text-align: center;
    }

    .contact .address {
    	text-align: center;
    }

    .contact .contact-form {
    	margin-top: 40px;
    }
}

@media screen and (max-width: 375px){
	.wrapper .home-photography {
    	height: 300px;
    }
	.wrapper .home-photography .page-title h2 {
		font-size: 25px;
		letter-spacing: 4px;
		line-height: 40px
	}

	.wrapper .home-photography .page-title span {
		font-size: 11px;
		letter-spacing: 4px;
		line-height: 20px;
	}

	.wrapper .portfolio .filters {
		padding: 30px 0;
	}

    .wrapper .portfolio .filters ul li {
        font-size: 11px;
        letter-spacing: 4px;
        margin: 0 5px;
    }

    .project-single {
    	padding: 30px 0 0 0;
    }

    .blog {
    	padding-top: 20px;
    }

    .blog .blog-post .post-content p {
    	font-size: 12px;
    }

    .blog .blog-post .post-content .details a,
	.blog .blog-post .post-content .details span {
		font-size: 12px;
	}

    .blog .blog-post .post-content .details a:after,
    .blog .blog-post .post-content h3 a:after,
    .blog .pagination-holder .pagination li a:after {
    	bottom: 0;
    } 

    .blog .blog-post .post-content h3 {
    	margin: 15px 0;
    }

    .blog .blog-post .post-content h3 a {
		font-size: 14px;
		letter-spacing: 2px;
	}

	.blog .blog-post .post-content .details {
		margin: 15px 0;
	}

	.blog .blog-post .post-content .more-button {
		margin: 15px 0 0 0;
	}

	.blog .blog-post .post-content .more-button a {
		font-size: 11px;
		letter-spacing: 4px;
	}

	.blog .blog-post {
		margin: 0 0 30px 0;
	}

	.blog-single .blog-post .post-content blockquote {
		font-size: 14px;
		line-height: 24px;
	}

	.blog-single .blog-post .post-content .tags {
		margin-top: 30px;
	}

	.blog-single .share-side h5 {
		display: inline-block;
	}

	.blog-single .share-side ul {
		display: inline-block;
		margin-top: 0;
		margin-left: 15px;
	}

	.blog-single .share-side ul li a {
		font-size: 14px;
	}

	.blog-single .comments h3 {
		margin-bottom: 20px;
	}

	.blog-single .comment-form h3 {
		margin-bottom: 25px;
	}

	.blog-single .comment-form {
		margin: 40px 0 30px 0;
	}

	.blog-single .comment-form .submit {
		margin: auto;
		display: block;
		float: none;
	}

	.contact {
		margin: 50px 0 30px 0;
	}

	.contact .contact-info {
		margin-bottom: 35px;
	}

	.contact .contact-form .send {
		float: none;
		margin: auto;
		display: block;
	}

    footer span {
        font-size: 11px;
        line-height: 20px;
        padding: 20px;
        letter-spacing: 1px;
    }
}


/*PRICE BODY CODE START*/
 
@media (max-width: 320px) {	
}

@media (max-width: 767px) {
	#generic_price_table .generic_content{
		margin-bottom:75px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#generic_price_table .col-md-3{
		float:left;
		width:50%;
	}
	
	#generic_price_table .col-md-4{
		float:left;
		width:50%;
	}
	
	#generic_price_table .generic_content{
		margin-bottom:75px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
#generic_price_table_home{
	 font-family: 'Raleway', sans-serif;
}

.text-center h1,
.text-center h1 a{
	color: #7885CB;
	font-size: 30px;
	font-weight: 300;
	text-decoration: none;
}
.demo-pic{
	margin: 0 auto;
}
.demo-pic:hover{
	opacity: 0.7;
}


.demo-button {
    background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium ;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.bottom_btn{
	background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 28px;
    margin: 60px auto 20px;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
}
.demo-button:hover{
	background-color: #666;
	color: #FFF;
	text-decoration:none;
	
}
.bottom_btn:hover{
	background-color: #666;
	color: #FFF;
	text-decoration:none;
}


/* ----------------------------------------------
 * Generated by Animista on 2020-4-22 22:27:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
/* ----------------------------------------------
 * Generated by Animista on 2020-4-22 22:31:4
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
 @-webkit-keyframes scale-up-center {
	0% {
	  -webkit-transform: scale(0.5);
			  transform: scale(0.5);
	}
	100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
  }
  @keyframes scale-up-center {
	0% {
	  -webkit-transform: scale(0.5);
			  transform: scale(0.5);
	}
	100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
  }
  
  
.scale-up-center a:hover {
	-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	}

/* ----------------------------------------------
 * Generated by Animista on 2020-4-22 22:33:45
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bg-pan-left
 * ----------------------------------------
 */
 @-webkit-keyframes bg-pan-left {
	0% {
	  background-position: 100% 50%;
	}
	100% {
	  background-position: 0% 50%;
	}
  }
  @keyframes bg-pan-left {
	0% {
	  background-position: 100% 50%;
	}
	100% {
	  background-position: 0% 50%;
	}
  }
  

.bg-pan-left {
	-webkit-animation: bg-pan-left 8s both;
	animation: bg-pan-left 8s both;
}

.section-cta {
    background-color: #08aa4f;
    background-image: url(http://www.andresarigon.com/images/sketch-2-background@2x.png);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 4rem;
	box-shadow: inset 0 3px 128px 0 rgba(0,0,0,.123);
	margin-top: 30px;
}

.cta-block {
    background-color: #fff;
    padding: 4rem;
    text-align: center;
    display: block;
    margin: 0 auto;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
    position: relative;
    transition: all .33s cubic-bezier(0.175, 0.885, 0.320, 1.475);
}

.medium-title {
	font-size: 26px;
	letter-spacing: -0.01em;
	color: #1d1c29;
}

.cl-dark-grey {
    color: #505060;
}
.text-medium {
    font-size: 16px;
    line-height: 1.4;
}

.button-large {
    display: inline-block;
    background-color: #19d86d;
    color: #fff !important;
    padding:1.5rem;
    position: relative;
	text-decoration: none;
}

.cta-block .button-large {
    margin-top: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
}

.cta-block {
	text-align: center;
}

/* Grow */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}

.hvr-sweep-to-right::before {
	background: #19d86d;
}

.hvr-glow:hover {
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}