html {
	margin: 0;
}
body {
	position: relative;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	font-family: 'Lato', sans-serif !important;
	padding-top: 107px;
}
@media (max-width: 979px) {
	body { padding-top: 0 !important; }
}
a:hover {
	text-decoration: none;
}
input[type="text"], 
input[type="password"], 
input[type="submit"],
textarea {
	font-family: 'Lato', Helvetica;
}

/* Navbar
-------------------------------------------------- */
body.pull_top {
    padding-top: 0px !important;
}
header {
    background: rgba(0,0,0,.6) !important;
}
.navbar.navbar-static-top {
    margin-bottom: 35px;
}
.navbar.transparent.navbar-inverse .navbar-inner {
    background: rgba(0,0,0,0.4);
    border-bottom: 1px solid rgb(88, 88, 88);
}
.navbar.transparent.navbar-inverse .navbar-inner .container {
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-transition: margin .2s ease-in-out;
    -moz-transition: margin .2s ease-in-out;
    transition: margin .2s ease-in-out;
}
.navbar.navbar-inverse .navbar-inner {  
    padding: 10px 0px 10px 0px;
    background: #252528;    
}
.navbar.navbar-inverse .navbar-inner.sticky {
    background: rgba(0,0,0,0.8);
    border-bottom: 1px solid #252525;
}
.navbar-inverse .navbar-inner.sticky .container {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.navbar .brand {
	padding: 0 10px;
}

.navbar-inverse .brand {
    color: #fff;
}

.navbar-inverse .brand img {
    height: 50px;
  width: auto;
}
.navbar-inverse .nav > li > a {
    /*color: rgb(177, 177, 177);*/
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    opacity: .6;
    filter: alpha(opacity=60);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a.active {
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}
.navbar-inverse .dropdown-menu {
	background: #252528;
}
.navbar-inverse .nav > li > .dropdown-menu::after {
	border-bottom: 6px solid #252528;
}
.navbar-inverse .dropdown-menu li > a {
	color: #fff;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  text-decoration: none;
}

.section_header {
	width: 100%;
	margin-bottom: 30px;
}
.section_header h3 {
	color: rgb(100, 100, 100);
	font-weight: 300;
	font-style: italic;
	font-size: 27px;
	border-bottom: 1px solid #b3b3b3;
	padding-bottom: 0px;
	display: inline-block;
	margin:0;
}

/* Footer
-------------------------------------------------- */
#footer {
	min-height: 260px;
	margin-top: 140px;
	background-color: #252528;
	color: #fff;
	padding-top: 35px;
}
#footer .footer_header {
	color: rgb(196, 196, 196);
	font-style: italic;
	font-weight: 300;
	font-size: 25px;
	margin-bottom: 40px;
	margin-left: 15px; 
}

/* recent posts */
#footer .recent_posts {
	margin-left: 0px;
}
#footer .recent_posts .post {
	margin-bottom: 70px;
	width: 93%;
}
#footer .recent_posts .post img {
	float: left;
	margin-right: 20px;
}
#footer .recent_posts .post .date {
	font-weight: bold;
	font-style: italic;
}
#footer .recent_posts .post .title {
	display: block;
	color: #b5b5b6;
	font-size: 14px;
}

/* testimonials */
#footer .testimonials .wrapper {
	margin: 0 auto;
	width: 82%;
}
#footer .testimonials .footer_header {
	margin-left: 30px;
}
#footer .testimonials .quote {
	color: rgb(191, 191, 192);
}
#footer .testimonials .quote span {
	font-size: 32px;
	font-style: italic;
	position: relative;
	top: 5px;
	font-family: Georgia !important;
	float: left;
	margin-right: 8px;
}
#footer .testimonials .author {
	margin-top: 40px;
}
#footer .testimonials .author img {
	float: left;
	margin-right: 15px;
	position: relative;
	top: -6px;
}
#footer .testimonials .name {
	font-size: 13px;
	font-weight: bold;
}
#footer .testimonials .info {
	font-style: italic;
	color: #ccc;
}

/* contact */
#footer .contact {
	text-align: right;
	margin-left: 35px;
}
#footer .contact .footer_header {
	text-align: left;
	margin-left: 35px;
}
#footer .contact input[type="text"],
#footer .contact textarea {
	border: none;
	background-color: #1f1f21;
	padding: 8px 20px;
	border-radius: 3px;
	font-size: 14px;
	font-family: Lato !important;
	width: 80%;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
}
#footer .contact input[type="text"]:focus,
#footer .contact textarea:focus {
	border: none;
	box-shadow: none;
	background-color: #000;
}
#footer .contact input[type="text"]:-moz-placeholder,
#footer .contact textarea:-moz-placeholder {
  color: #868687;
}
#footer .contact input[type="text"]::-webkit-input-placeholder,
#footer .contact textarea::-webkit-input-placeholder {
  color: #868687;
}
#footer .contact input[type="text"]:-ms-input-placeholder,
#footer .contact textarea:-ms-input-placeholder {
  color: #868687;
}
#footer .contact input[type="submit"] {
	background-color: #3e3e40;
	border: none;
	color: #fff;
	border-radius: 4px;
	padding: 5px 20px;
	font-size: 14px;
	font-weight: bold;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
}
#footer .contact input[type="submit"]:hover {
	background-color:#2190DB;
}
#footer .credits {
	border-top: 1px solid #343437;
	padding: 10px 0px 60px 0px;
}
#footer .credits .social {
	margin-top: 30px;
	text-align: center;
}
#footer .credits .social a {
	margin: 10px;
}
#footer .credits .copyright {
	color: #a6a6a7;
	font-style: italic;
	text-align: center;
	margin-top: 30px;
}
#footer .credits .social a {
	margin: 10px;
}
#footer .credits .social a span{
	display: inline-block;
	width: 33px;
	height: 33px;
}
#footer .credits .social span.ico1,
#footer .credits .social span.ico1h{
	background-position: 0px 0px;
}
#footer .credits .social span.ico2,
#footer .credits .social span.ico2h{
	background-position: -37px 0px;
}
#footer .credits .social span.ico3,
#footer .credits .social span.ico3h{
	background-position: -75px 0px;
}
#footer .credits .social span.ico4,
#footer .credits .social span.ico4h{
	background-position: -112px 0px;
}
#footer .credits .social span.ico5,
#footer .credits .social span.ico5h{
	background-position: -151px 0px;
}
#footer .credits .social span.ico6,
#footer .credits .social span.ico6h{
	background-position: -188px 0px;
}
#footer .credits .social span.ico7,
#footer .credits .social span.ico7h{
	background-position: -226px 0px;
}
#footer .credits .social span.ico8,
#footer .credits .social span.ico8h{
	background-position: -262px 0px;
}
#footer .credits .social span.ico9,
#footer .credits .social span.ico9h{
	background-position: -308px 0px;
}
#footer .credits .social span.ico10,
#footer .credits .social span.ico010h{
	background-position: -335px 0px;
}
#footer .credits .social a:hover span.socialicons{
	display: none;
}
#footer .credits .social a:hover span.socialicons_h{
	display: inline-block !important;
}
#footer .credits .social span.socialicons_h{
	display: none;
}
.socialicons{
	background: url('//cdn-west.sqhk.co/51b753fd1563b51308c381b3/socialicons.png') no-repeat;
	width: 265px;
	height: 36px;
}
.socialicons_h{
	background: url('//cdn-west.sqhk.co/51b753fd1563b51308c381b3/socialicons_h.png') no-repeat;
	width: 265px;
	height: 36px;
}

/*Inner Footer*/
#footer .info{
	margin-bottom: 10px;
	margin-left: 0;
}
#footer .info .residence{
	margin-left: 0;
}
#footer .info ul{
	margin: 0;
	padding: 0;
}
#footer .info ul li{
	list-style: none;
	font-size: 16px;
	color: #777E83;
	line-height: 23px;
}
#footer .info ul a{
	color: #777E83;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s;
}
#footer .info ul a:hover{
	color: #A9B4BB;
}
#footer .info .touch{
	float: right;
}
#footer .info .touch ul li{
	display: inline-block;
	margin-left: 30px;
}

.footer-links > a {}

.footer-links img {max-width:100%; padding-bottom:25px;}

/* Global
-------------------------------------------------- */
.page_header {
	background-color: #000;
	color: #fff;
	font-size: 23px;
	display: inline-block;
	padding: 0px 18px;
}

/* Responsive
-------------------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {
	#footer .sections .contact > *{
		/*margin-left: 80px;*/
	}
}
@media (min-width: 980px) {
	
}
@media (max-width: 979px) {
	.navbar.transparent.navbar-fixed-top, 
	.navbar.home.navbar-fixed-top{
		margin-bottom: 0px;
	}
	.navbar.transparent.navbar-inverse .navbar-inner {
		background: #252528;
	}
	.navbar-inverse .nav-collapse .nav > li > a, 
	.navbar-inverse .nav-collapse .dropdown-menu a {
		color: #fff;
		opacity: 0.7;
	}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	.navbar.transparent.navbar-fixed-top, 
	.navbar.home.navbar-fixed-top{
		margin-bottom: -70px;
		position: relative;
		top: 999;
	}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	footer {
		margin-right: -20px;
		margin-left: -20px;
	}
	#footer{
		margin-right: -20px;
		margin-left: -20px;
	}
	#footer .container{
		padding: 0px 20px;
	}
	/*Index Footer*/
	#footer .footer_header {
		margin-left: 0;
	}
	#footer .footer_header h3{
		margin-left: 0;
	}
	#footer .testimonials{
		overflow: hidden;
		margin-bottom: 40px;
	}
	#footer .testimonials .footer_header{
		margin-left: 0;
	}
	#footer .testimonials .wrapper{
		float: left;
		width: 100%;
	}
	#footer .contact{
		margin: 0;
	}
	#footer .contact .footer_header{
		margin-left: 0;
	}
	#footer .contact input[type="text"], #footer .contact textarea{
		float: left;
		width: 92%;
	}
	/*Inner Footer*/
	#footer .info .touch ul li{
		margin: 0 30px 0 0;
	}
	#footer .info .touch ul{
		margin:15px 0 15px;
	}
}
/* Landscape phones and down */
@media (max-width: 480px) {

}

/* Icons
-------------------------------------------------- */

/* Main Slider
-------------------------------------------------- */
#feature_slider {
    height:720px;
    height: 480px;
    background: #262626;
    z-index: 1;
    margin-bottom: 0;
}
#feature_slider h1 {
    font-weight: 100;
    color: #ccc;
    font-size: 60px;
    line-height: 66px;
    text-align: center;
    position: absolute;
    top: 180px;
    width: 100%;
}
#feature_slider h1 strong {
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 0 20px;
}
#pagination {
    position: absolute;
    top: 455px;
    z-index: 3;
    margin: 0;
    padding: 0;
    display: none;
    list-style-type: none;
}
#pagination li {
    text-indent: -99999em;
    float: left;
    padding: 0 6px;
    cursor: pointer;
}
#pagination li a {
    width: 7px;
    height: 7px;
    box-shadow: 0px 0px 1px 2px #ccc;
    background: rgb(0, 0, 0);
    border-radius: 10px;
    display: block;
    /*border: 1px solid #fff;*/
    opacity: .7;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
#pagination li.active a {
    background: rgb(46, 92, 177);
    box-shadow: none;
    width: 8px;
    height: 8px;
}

#pagination li:hover a {
    opacity: 1;
}
.slide {
    width: 100%;
    /*height: 720px;*/
    height: 480px;
    position: absolute;
    display: none;
    overflow: hidden;
    z-index: 1;
    -webkit-background-size: cover !important;
       -moz-background-size: cover !important;
         -o-background-size: cover !important;
            background-size: cover !important;
}
.slide.previous {
    z-index: 1;
}
.slide.active {
    z-index: 2;
}
.slide.hiddden {
    display: none;
}

/* Custom styles for each slide */

/* Slide 1 */
.slide#showcasing .info {
    position: absolute;
    top: 160px;
    right: 15%;
    width: 30%;
    display: none;
    z-index: 10;
  text-align: right;
}
.slide#showcasing .info h2 {
    color: #fff;
  	background-color: #000;
  	display: inline;
  	padding-left: .2em;
  	padding-right: .2em;
    font-size: 36px;
    font-weight: normal;
    line-height: 57px;
}
.slide#showcasing .info h3 {
    color: #fff;
  	background-color: #000;
  	display: inline;
  	padding-left: .2em;
  	padding-right: .2em;
    font-size: 25px;
    font-weight: 100;
    line-height: 45px;
}

.slide#showcasing .info a {
    color: #fff;
    font-weight: normal;
    background-color: #006D92;
    padding: 13px 30px;
    font-size: 19px;
    border-radius: 5px;
    margin-top: 40px;
    display: inline-block;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
.slide#showcasing .info a:hover { }

/* Slide 2 */

.slide#ideas .info {
    position: absolute;
    top: 160px;
    right: 15%;
    width: 30%;
    display: none;
    z-index: 10;
  text-align: right;
  
}

.slide#ideas .info h2 {
    color: #fff;
  	background-color: #000;
  	display: inline;
  	padding-left: .2em;
  	padding-right: .2em;
    font-size: 45px;
    font-weight: normal;
    line-height: 57px;
}

.slide#ideas .info h3 {
    color: #fff;
  	background-color: #000;
  	display: inline;
  	padding-left: .2em;
  	padding-right: .2em;
    font-size: 25px;
    font-weight: 100;
    line-height: 45px;
}

.slide#ideas .info a {
    color: #fff;
    font-weight: normal;
    background-color: #006D92;
    padding: 13px 30px;
    font-size: 19px;
    border-radius: 5px;
    margin-top: 40px;
    display: inline-block;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
.slide#ideas .info a:hover { }



/* Slide 3 */
.slide#tour .info {
    position: absolute;
    top: 100px;
    right: 15%;
    width: 30%;
  text-align: right;
}
.slide#tour .info h2 {
    color: #fff;
    font-size: 40px;
    font-weight: normal;
    line-height: 44px;
}

.slide#tour .info h3 {
    color: #fff;
    font-size: 21px;
    font-weight: 100;
    line-height: 25px;
}

.slide#tour .info a {
    color: #fff;
    font-weight: normal;
    background-color: #d11c24;
    padding: 13px 30px;
    font-size: 19px;
    border-radius: 5px;
    margin-top: 5px;
    display: inline-block;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
.slide#tour .info a:hover { }

/* Slide 4 */
.slide#responsive .info {
    position: absolute;
    top: 160px;
    right: 15%;
    width: 30%;
  text-align: right;
}



.slide#responsive .info h2 {
    color: #fff;
  	background-color: #000;
  	display: inline;
  	padding-left: .2em;
  	padding-right: .2em;
    font-size: 45px;
    font-weight: normal;
    line-height: 57px;
}

.slide#responsive .info h2 strong {
    color: #fff;
  	background-color: #000;
  	display: inline;
  	padding-left: .2em;
  	padding-right: .2em;
    font-size: 42px;
    font-weight: normal;
    line-height: 57px;
}
.slide#responsive .info h3 {
    color: #fff;
  	background-color: #000;
  	display: inline;
  	padding-left: .2em;
  	padding-right: .2em;
    font-size: 25px;
    font-weight: 100;
    line-height: 45px;
}
.slide#responsive .info a {
    color: #fff;
    font-weight: normal;
    background-color: #006D92;
    padding: 13px 30px;
    font-size: 19px;
    border-radius: 5px;
    margin-top: 40px;
    display: inline-block;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
.slide#responsive .info a:hover { }

/* Slide 5 */

.slide#mobile .info {
    position: absolute;
    top: 160px;
    right: 15%;
    width: 30%;
    display: none;
    z-index: 10;
  text-align: right;
  
}

.slide#mobile .info h2 {
    color: #fff;
  	background-color: #000;
  	display: inline;
  	padding-left: .2em;
  	padding-right: .2em;
    font-size: 45px;
    font-weight: normal;
    line-height: 57px;
}

.slide#mobile .info h3 {
    color: #fff;
  	background-color: #000;
  	display: inline;
  	padding-left: .2em;
  	padding-right: .2em;
    font-size: 25px;
    font-weight: 100;
    line-height: 45px;
}

.slide#mobile .info a {
    color: #fff;
    font-weight: normal;
    background-color: #006D92;
    padding: 13px 30px;
    font-size: 19px;
    border-radius: 5px;
    margin-top: 40px;
    display: inline-block;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
.slide#mobile .info a:hover { }



.slide .info h2 { }
.slide .info {
    display: none;
    z-index: 10;
}
.slide .info a:hover {
    opacity: .8;
}
.asset,
.fade {
    position: absolute;
    display: none;
}
#slide-left,
#slide-right {
    width: 31px;
    height: 37px;
    display: block;
    position: absolute;
    top: 250px;
    left: 0;
    background: url(//cdn-west.sqhk.co/51b753fd1563b51308c381b3/leftright-arrows.png) no-repeat;
    opacity: .5;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
    display: none;
    z-index: 2;
}
#slide-right {
    left: auto;
    right: 0;
    background-position: -31px 0;
}
#slide-left:hover,
#slide-right:hover {
    opacity: 1;
}


/* Showcase services
-------------------------------------------------- */
#showcase {
    margin-top: 0;
}
#showcase .container {
    /*width: 980px;*/
}
#showcase .image img {
    box-shadow: 3px 3px 5px 0px #B7B6B7;
}
#showcase .info {
    margin-top: 30px;
}
#showcase .info h4 {
    font-size: 17px;
}
#showcase .info p {
    color: #333333;
    line-height: 21px;
    font-size: 13px;
}
#showcase .features_op1_row .last{
    margin-right: 0;
}
#showcase .features_op1_row .feature .text{
    margin: 32px auto 0;
    width: 87%;
}
#showcase .features_op1_row .feature .text h6{
    margin: 0 0 14px 0;
    font-size: 20px;
}
#showcase .features_op1_row .feature .text p{
    margin: 0;
    font-size: 14px;
    line-height: 23px;
}
#showcase .features_op1_row .feature .img_box{
    position: relative;
    border-radius: 5px;
}
#showcase .features_op1_row .feature .img_box img {
    border-radius: 5px;
    max-width: 95%;
    margin: 0 auto;
    display: block;
}
#showcase .features_op1_row .feature .img_box span.circle{
    background: rgba(17, 137, 217, 0.8);
    width: 48px;
    height: 48px;
    display: none;
    text-align: center;
    position: absolute;
    top: 36%;
    left: 42%;
    border-radius: 100%;
}
#showcase .features_op1_row .feature .img_box span.circle span.plus{
    display: inline-block;
    margin-top: 13px;
    font-weight: bold;
    color: white;
    font-size: 32px;
}
#showcase .features_op1_row .feature .img_box:hover span.circle{
    display: block;
}
#showcase .features_op1_row .feature .img_box:hover .img_box{
    box-shadow: 0px 0px 1px 100px black inset;
}
#showcase .features_op1_row .feature .img_box:hover img{
    box-shadow: 1px 1px 6px 0px #888;
    border-radius: 5px;
    opacity: 0.9;
    filter:alpha(opacity=90);
}

/* Features
-------------------------------------------------- */
#features {
    margin-top: 70px;
    margin-bottom: -20px;
}
#features .feature {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 65px;
}
#features .feature .info h3 {
    font-size: 21px;
    margin-top: 35px;
}
#features .feature.ss h3 {
    margin-top: 45px;
}
#features .feature .info h3 img {
    margin-right: 18px;
    position: relative;
    top: -10px;
}
#features .feature .info p {
    margin-top: 15px;
}

/* Pricing charts
-------------------------------------------------- */

#in_pricing{
    margin-top: 30px;
    margin-bottom: 100px;
}
#in_pricing .head h6{
    font-size: 18px;
    margin: 0;
    color: #8E8E8F;
    font-weight: normal;
}
#in_pricing .charts_wrapp{
    margin-left: -20px;
    margin-bottom: 40px;
}
#in_pricing .charts_wrapp .plan{
    border-radius: 6px;
    box-shadow: 2px 2px 2px -1px rgb(214, 214, 214);
    background-color: #fff;
    width: 95%;
    position: relative;
}
#in_pricing .plan .wrapper{
    padding: 33px 30px 26px 30px;
}
#in_pricing .plan h3{
    color: rgb(83, 83, 83);
    font-weight: normal;
    font-style: italic;
    font-size: 28px;
    margin: 0 0 5px 0;
    line-height: 25px;
}
#in_pricing .plan .price{
    font-size: 17px;
    color: #1189D9;
    margin-top: 16px;
}
#in_pricing .plan .price span.dollar{
    font-size: 32px;
    position: relative;
    top: -6px;
    margin-right: 3px;
}
#in_pricing .plan .price span.qty{
    font-size: 47px;
    margin-right:4px;
    position: relative;
    top: 2px;
}
#in_pricing .plan .price span.month{
    font-style: italic;
    font-weight: 300;
    font-size: 15px;
}
#in_pricing .plan .features{
    margin-top: 30px;
}
#in_pricing .plan .features p{
    color: #838385;
    margin-bottom: 5px;
    font-size: 14px;
}
#in_pricing .plan a.order{
    background-color: #2190DB;
    text-align: center;
    margin: 25px auto 0;
    width: 48%;
    display: block;
    padding: 3px 0;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border-radius: 5px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}
#in_pricing .plan a.order:hover,
#in_pricing2 .plan a.order:hover{
    background: #252528;
}
#in_pricing .pro .plan{
    width: 100%;
    top: -20px;
    box-shadow: 0px 0px 7px -1px rgb(214, 214, 214);
    border: 1px solid #d9d9d9;
}
#in_pricing .pro .plan .wrapper{
    padding:36px 30px 35px 30px;
}
#in_pricing .pro .plan img.ribbon{
    position: absolute;
    top: 0;
    right: 0;
}
#in_pricing .pro .plan  a.order{
    margin-top: 35px;
}
#in_pricing .standar .plan{
    float: right;
}
#in_pricing .start{
    width: 100%;
    text-align: center;
}
#in_pricing .start p{
    font-size: 24px;
    display: inline-block;
    color: #5B5B5D;
    font-style: italic;
    line-height: 26px;
    margin: 0 18px 0 0;
}
#in_pricing .start a{
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    padding: 7px 17px;
    font-size: 17px;
    background: #252528;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}
#in_pricing .start a:hover{
    background: #2190DB;
}

/* Call to Action
-------------------------------------------------- */
#call_action {
    margin-top: 50px;
    text-align: center;
}
#call_action p {
    font-size: 24px;
    color: #3F3F3F;
    font-style: italic;
    display: inline-block;
}
#call_action a {
    background-color: #fff;
    color: #fff;
    padding: 9px 17px;
    font-weight: bold;
    border-radius: 4px;
    font-size: 17px;
    margin-left: 20px;
    position: relative;
    top: -5px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
}
#call_action a:hover {
    background-color: rgb(103, 118, 177);
}
#call_action a:active {
    box-shadow: rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.95) 0 1px 4px;
}

/* Clients
-------------------------------------------------- */
#clients {
    margin-top: 75px;
}
#clients .client .img {
    height: 76px;
    width: 138px;
}
#clients .client .client1 {
    background: url('//cdn-west.sqhk.co/51b796321563b51308c383c1/client1.png') 0 -75px;
}
#clients .client .client1:hover {
    background-position: 1px 0px;
}
#clients .client .client2 {
    background: url('//cdn-west.sqhk.co/51b796321563b51308c383c1/client2.png') 0 -75px;
}
#clients .client .client2:hover {
    background-position: -1px 0px;
}
#clients .client .client3 {
    background: url('//cdn-west.sqhk.co/51b796321563b51308c383c1/client3.png') 0 -76px;
}
#clients .client .client3:hover {
    background-position: 0px 0px;
}

#clients .client .client4 {
    background: url('//cdn-west.sqhk.co/51b796321563b51308c383c1/client4.png') 0 -76px;
}
#clients .client .client4:hover {
    background-position: 0px 0px;
}

#clients .client .client5 {
    background: url('//cdn-west.sqhk.co/51b796321563b51308c383c1/client5.png') 0 -76px;
}
#clients .client .client5:hover {
    background-position: 0px 0px;
}
#clients .client .client6 {
    background: url('//cdn-west.sqhk.co/51b796321563b51308c383c1/client6.png') 0 -76px;
}
#clients .client .client6:hover {
    background-position: 0px 0px;
}

#clients .client .img{
    cursor: pointer;    
    -webkit-transition: box-shadow .1s linear;
    -moz-transition: box-shadow .1s linear;
    transition: box-shadow .1s linear;
}
#clients .client .img:hover{
    cursor: pointer;    
    /*box-shadow: 0px 0px 2px 0px rgb(155, 155, 155);*/
    border-radius: 8px;
}


/* Responsive
-------------------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {

}
@media (min-width: 980px) {
    
}
@media (max-width: 979px) {
    #showcase .features_op1_row .feature .img_box span.circle{
        top: 35%;
    }    
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    #in_pricing .plan a.order{
        width: 64%;
    }
    .slide .info h2,
    .slide .info h2 * {
        font-size: 30px !important;
    }
    .slide#responsive .info {
        position: absolute;
        top: 170px;
        right: 6%;
        width: 25%;
    }
    .slide#responsive .info 
    .slide#tour .info a {
        font-size: 15px;
    }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #partner-slider,
    #feature_slider {
        display: none;
    }
    #showcase .features_op1_row .feature {
        margin-bottom: 60px;
    }
    #showcase .features_op1_row .last{
        margin-bottom: 0;
    }
    #showcase .features_op1_row .feature .img_box{
        text-align: center;
    }
    #showcase .features_op1_row .feature .text h6{
        text-align: center;
    }
    #showcase .features_op1_row .feature .img_box span.circle{
        top: 38%;
        left: 48%;
    }
    #showcase .features_op1_row .feature:hover .img_box{
        box-shadow:none;
    }
    #in_pricing .charts_wrapp{
        margin-left: 0;
    }
    #in_pricing .charts_wrapp .plan{
        margin: 0 auto 30px;
        width: 95%;
    }
    #in_pricing .plan .wrapper{
        margin: 0 auto;
        text-align: center;
    }
    #in_pricing .pro .plan{
        top: 0;
        width:95%;
    }
    #in_pricing .standar .plan{
        float: none;
    }
    #in_pricing .start p{
        margin-bottom: 20px;
    }
    #in_pricing .start a{
        display: block;
        width: 50%;
        margin: 0 auto;
    }
    #clients .row{
        text-align: center;
    }
    #clients .client{
        text-align: center;
        margin-bottom: 15px;
        display: inline-block;
        margin-right: 10px;
        width: auto;
    }
}
/* Landscape phones and down */
@media (max-width: 480px) {
    #showcase .features_op1_row .feature {
        margin-bottom: 60px;
    }
    #showcase .features_op1_row .last{
        margin-bottom: 0;
    }
    #showcase .features_op1_row .feature .img_box{
        text-align: center;
    }
    #showcase .features_op1_row .feature .text h6{
        text-align: left;
    }
    #showcase .features_op1_row .feature .img_box span.circle{
        left: 44%;
    }
    #showcase .features_op1_row .feature:hover .img_box{
        box-shadow:none;
    }
}

.saasmax img {
  width: 100px;
  height: auto;
}


.heavy-paper {
	background: url('//cdn-west.sqhk.co/www/2014/6/635376871350266875/02-heavy-paper100.png') #FAFAFA;
}

.marshall-row {
  background: url('//cdn-west.sqhk.co/www/2014/6/635376913803007682/Mountains2100.jpg') #fafafa no-repeat center;
  background-size: cover;
}

.polygon-black {
	background: url('//cdn-west.sqhk.co/www/2014/6/635376871427955432/02-Polygon-Pattern100.jpg') #000000;
}

.top-trio-line {
  background: url('//cdn-west.sqhk.co/www/2014/6/635376910573784505/TopTrioLine4100.png') #ffffff no-repeat center center;
  background-size: cover;
}

.customer-line {
  background: url('//cdn-west.sqhk.co/www/2014/6/635376899788491065/CustomersLine2100.png') #ffffff no-repeat center center;
  background-size: cover;
}

.reseller-line {
  background: url('//cdn-west.sqhk.co/www/2014/6/635379328217623510/PartnersLine100.png') #ffffff no-repeat center center;
  background-size: contain;
}

.as-seen-by img {
  width: 18%;
}

.courses {
  background: url('//cdn-west.sqhk.co/www/2014/12/cDdjjge/Deskbase.jpg') #ffffff no-repeat center center;
  background-size: cover;
}

#contact {
	margin-top: 70px;
}
#contact .contact{
	margin: 40px 0 100px 0;
}
#contact .contact p{
	color: #939394;
	font-size: 19px;
	margin-bottom: 47px;
	font-style: italic;
	line-height: 24px;
}
#contact .form{
	margin: 0;
}
#contact .contact form{
	margin: 0;
}
#contact .form .box{
	margin: 0;
}
#contact .form .box input[type="text"]{
	padding-left: 39px;
	margin-bottom: 10px;
	color: black;
	height: 29px;
	border-radius: 3px;
	width: 89%;
}
#contact .form .box_r{
	float: right;
}
#contact .form .box textarea{
	padding: 11px;
	width: 94%;
	margin: 0;
	border-radius: 3px;
	height: 113px;
}
#contact .contact .submit{
	margin: 0;
}
#contact .contact .submit .box{
	margin: 0
}
#contact .contact .submit label.checkbox{
	color: #394350;
	font-style: 14px;
}
#contact .contact .submit .right{
	float: right;
}
#contact .contact .submit .right input[type="submit"]{
	float: right;
	text-transform: uppercase;
	color: #fff;
	background: #187CCC;
	font-size: 15px;
	padding: 4px 12px;
	border: 0 none;
	border-radius: 3px;
	-webkit-transition: background linear .2s, box-shadow linear .2s;
	-moz-transition: background linear .2s, box-shadow linear .2s;
	-o-transition: background linear .2s, box-shadow linear .2s;
	transition: background linear .2s, box-shadow linear .2s;
}
#contact .contact .submit .right input[type="submit"]:hover{
	background: #252528;
}
#contact .map{
	margin: 0;
}
#contact .map iframe{
	display: block;
}
#contact .map .box_wrapp{
	position: absolute;
	margin: 0;
	box-shadow: 0 0 7px 0 rgba(26, 26, 26, 0.4);
	padding: 33px 0 33px;
	background: white;
	top: 56%;
	border-radius: 4px;
    z-index: 5;
}
#contact .map .box_wrapp .box_cont{
	margin: 0 auto;
	width: 76%;
}
#contact .map .box_wrapp .head{
	width: 100%;
	margin-bottom: 17px;
	overflow: hidden;
}
#contact .map .box_wrapp .head h6{
	font-size: 24px;
	margin: 0;
	font-style: italic;
	float: left;
	padding-bottom: 2px;
	border-bottom: 1px solid;
	font-weight: normal;
}
#contact .map .box_wrapp ul.street{
	list-style: none;
	margin: 0;
	padding:0;
}
#contact .map .box_wrapp ul.street li{
	color: #777777;
	font-size: 14px;
}
#contact .map .box_wrapp ul.street li.icon{
	margin-top: 3px;
}
#contact .map .box_wrapp ul.street li.icon span.ico1{
	float: left;
	height: 20px;
}
#contact .map .box_wrapp ul.street li.icon span.ico2{
	float: left;
	height: 20px;
	background-position: 0px -23px;
}
#contact .map .box_wrapp ul.street li.icon .text{
	font-size: 15px;
	color: #777777;
	margin-left: 6px;
}
#contact .map .box_wrapp ul.street li.icon a:hover{
	color: #187CCC;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}
#contact .map .box_wrapp ul.street li.icontop{
	margin-top: 13px;
}
#contact .map .box_wrapp .headbottom{
	margin-top: 42px;
}
#contact .map .box_wrapp p{
	color: #777777;
	font-size: 14px;
	margin-bottom: 32px;
}
#contact .map .box_wrapp a.btn{
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	background: #187CCC;
	text-shadow: none;
	padding: 6px 0 6px;
	font-weight: bold;
	border: 0 none;
	box-shadow: none;
	border-radius: 3px;
	margin: 0 auto;
	display: block;
	width: 56%;
	-webkit-transition: background linear .2s, box-shadow linear .2s;
	-moz-transition: background linear .2s, box-shadow linear .2s;
	-o-transition: background linear .2s, box-shadow linear .2s;
	transition: background linear .2s, box-shadow linear .2s;
}
#contact .map .box_wrapp a.btn:hover{
	background: #252528;
}
.contacticos{
	background: url('//cdn-west.sqhk.co/51b753fd1563b51308c381b3/contact_icos.png') no-repeat;
	width: 24px;
	height: 44px;
}

/* Responsive
-------------------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {

}
@media (min-width: 980px) {
	
}
@media (max-width: 979px) {

}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	
	#contact .contact .submit .box{
		margin: 10px 0 24px;
	}
	#contact .form .box input[type="text"]{
		width: 87%;
	}
	#contact .contact .submit .right input[type="submit"]{
		margin: 0 auto;
		float: none;
		width: 53%;
		display: block;
		padding: 7px;
	}
	#contact .map .box_wrapp{
		width: 90%;
		position: relative;
		margin: 0 auto 80px;	
	}
	#contact .map .box_wrapp .box_cont{
	}
	#contact .map iframe{
		display: none;
	}
	#contact .map .box_wrapp a.btn{
		width: 65%;
	}
}
/* Landscape phones and down */
@media (max-width: 480px) {
	#contact .contact .submit .right input[type="submit"]{
		width: 60%;		
	}
	#contact .map .box_wrapp{
		width: 100%;	
	}
}
@charset "UTF-8";
/*
Animate.css - //daneden.me/animate
Licensed under the ☺ license (//licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated.hinges {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}

.animated.slow {
	-webkit-animation-duration: 3s;
	   -moz-animation-duration: 3s;
	     -o-animation-duration: 3s;
	        animation-duration: 3s;
}

.animated.snail {
	-webkit-animation-duration: 4s;
	   -moz-animation-duration: 4s;
	     -o-animation-duration: 4s;
	        animation-duration: 4s;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) rotateY(0);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
}
@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
}

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
}

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
}

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
}

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}
@-moz-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}
@-o-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}
@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(-30px);
	}
	
	80% {
		-o-transform: translateY(10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(30px);
	}
	
	80% {
		-o-transform: translateY(-10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(30px);
	}
	
	80% {
		-o-transform: translateX(-10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(-30px);
	}
	
	80% {
		-o-transform: translateX(10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}	
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}
	
	25% {
		-moz-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}	
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}
	
	25% {
		-o-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}	
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}
	
	25% {
		transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		transform: scale(.3);
	}	
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes bounceOutUp {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes bounceOutUp {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes bounceOutUp {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes bounceOutDown {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes bounceOutLeft {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes bounceOutLeft {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes bounceOutLeft {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}

@-moz-keyframes bounceOutRight {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}

@-o-keyframes bounceOutRight {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}

@keyframes bounceOutRight {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-o-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-transform-origin: left bottom;
		-transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	100% { -moz-transform: translateY(700px); opacity: 0; }
}

@-o-keyframes hinge {
	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	100% { -o-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
	100% { transform: translateY(700px); opacity: 0; }
}

.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}

@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut {
    0% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

@-o-keyframes rollOut {
    0% {
		opacity: 1;
		-o-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-o-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
    0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedIn {
	0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-moz-keyframes lightSpeedIn {
	0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-o-keyframes lightSpeedIn {
	0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
	0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedOut {
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-moz-keyframes lightSpeedOut {
	0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-o-keyframes lightSpeedOut {
	0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
	0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes wiggle {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
	100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes wiggle {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
	100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes wiggle {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
	100% { -o-transform: skewX(0deg); }
}

@keyframes wiggle {
    0% { transform: skewX(9deg); }
    10% { transform: skewX(-8deg); }
    20% { transform: skewX(7deg); }
    30% { transform: skewX(-6deg); }
    40% { transform: skewX(5deg); }
    50% { transform: skewX(-4deg); }
    60% { transform: skewX(3deg); }
    70% { transform: skewX(-2deg); }
    80% { transform: skewX(1deg); }
    90% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.wiggle {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
}#aboutus{
	margin-bottom: 90px;
	margin-top: 70px;
}
#aboutus .intro h6{
	font-size: 21px;
	font-style: italic;
	color: #252526;
	line-height: 29px;
	font-weight: normal;
	margin: 0 0 16px 0;
}
#aboutus .intro p{
	color: #3F3F3F;
	line-height: 24px;
}
#aboutus .flexslider{
	float: right;
	box-shadow: none;
	margin: 0;
	border:0 none;
}
#aboutus .flex-control-paging li a{
	background: #666666;
	box-shadow: none;
	width: 5px;
	height: 5px;
	border: 3px solid #E6E6E6;
}
#aboutus .flex-control-paging li a.flex-active{
	box-shadow: none;
	background: #2894DC;
	border-color: #2894DC;
}
#aboutus .flex-control-nav{
	bottom: -30px;
}
#team{
	padding: 35px 0 25px;
	margin: 0;
	background: #252528;
	margin-bottom: 90px;
}
#team .section_header{
	margin-bottom: 60px;
}
#team .section_header h3{
	color: #9D9D9E;
	border-color: #9D9D9E;
	margin: 0;
}
#team .people{
	margin: 0;
}
#team .people .row1{
	margin: 0 0 50px 0;
}
#team .people .bio_box{
	margin: 0;
}
#team .people .bio_boxr{
	float: right;
}
#team .people .bio_box img{
	float: left;
}
#team .people .bio_boxr img{
	margin-left: 38px;
}
#team .people .bio_box .info{
	float: left;
	margin: 38px 0 0 30px;
}
#team .people .bio_box .info p{
	margin-bottom: 0;
}
#team .people .bio_box .info p.name{
	color: #fff;
	font-style: italic;
	margin-bottom: 4px;
	font-size: 21px;
}
#team .people .bio_box .info p.area{
	color: #98989A;
	font-style: italic;
	font-style: 16px;
	margin-bottom: 18px;
}
#team .people .bio_box .info a {
	margin-right: 10px;
}
#team .people .bio_box .info a span{
	display: inline-block;
	width: 33px;
	height: 33px;
}
#team .people .bio_box .info span.ico1,
#team .people .bio_box .info span.ico1h{
	background-position: 0px 0px;
}
#team .people .bio_box .info span.ico2,
#team .people .bio_box .info span.ico2h{
	background-position: -37px 0px;
}
#team .people .bio_box .info span.ico3,
#team .people .bio_box .info span.ico3h{
	background-position: -75px 0px;
}
#team .people .bio_box .info span.ico4,
#team .people .bio_box .info span.ico4h{
	background-position: -112px -1px;
}
#team .people .bio_box .info span.ico5,
#team .people .bio_box .info span.ico5h{
	background-position: -151px 0px;
}
#team .people .bio_box .info span.ico6,
#team .people .bio_box .info span.ico6h{
	background-position: -188px -1px;
}
#team .people .bio_box .info span.ico7,
#team .people .bio_box .info span.ico7h{
	background-position: -226px 0px;
}
#team .people .bio_box .info a:hover span.socialicons{
	display: none;
}
#team .people .bio_box .info a:hover span.socialicons_h{
	display: inline-block !important;
}
#process{
	min-height: 350px;
}
#process .section_header{
	margin-bottom: 60px;
}
#process .section_header h3{
	margin: 0;
}
#process .description{
	position: relative;
}
#process .description .text{
	position: absolute;
	display: none;
}
#process .description .text.active {
	display: block;
}
#process .description h4{
	font-size: 31px;
	line-height: 35px;
	margin-bottom: 20px;
}
#process .description p{
	font-size: 15px;
	color: #3F3F3F;
	line-height: 26px;
}
#process .areas{
	margin-left: 0;
	float: right;
}
#process .areas .circle{
	height: 210px;
	cursor: pointer;
	float: left;
	margin-right: -45px;
	text-align: center;
	width: 210px;
	background: rgba(37, 37, 40, 0.9);
	border-radius: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
#process .areas .first{
	margin-left: 0;
}
#process .areas .circle img{
	margin-top: 56px;
}
#process .areas .circle span{
	font-weight: 700;
	font-size: 22px;
	color: #fff;
	display: block;
	margin-top: 21px;
}
#process .areas .circle:hover,
#process .areas .circle.active {
	background: rgba(17, 137, 217, 1);
}

/* Responsive
-------------------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {

}
@media (min-width: 980px) {

}
@media (max-width: 979px) {
	
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	#team .people .bio_box{
		text-align: center;
	}
	#team .people .bio_box img{
		float: none;
		margin-bottom: 25px;
		margin-left: 0;
	}
	#process .areas{
		text-align: center;
	}
	#team .people .bio_box .info{
		margin: 0;
		float: none;
	}
	#process .areas .last_circle{
		float: none;
		display: inline-block;
		margin-left: -75px;
		margin-top: -54px;
	}
}	
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	
	#team{
		margin-right: -20px;
		margin-left: -20px;
	}
	#team .container{
		padding: 0px 20px;
	}
	#team .people .row1{
		margin: 0;
	}
	#team .people .bio_box{
		overflow: hidden;
		margin-bottom: 35px;
	}
	#team .people .bio_boxr img{
		margin: 0;
	}
	#aboutus .intro{
		margin-bottom: 45px;
	}
	#aboutus{
		margin-bottom: 75px;
	}
	#process .areas{
		margin-top: 193px;
		margin-bottom: 0px;
		text-align: center;
	}
	#process .areas .circle{
		float: none;
		display: inline-block;
		margin: 0;
	}
	#process .areas .last_circle{
		margin-top: -23px;
	}
}
/* Landscape phones and down */
@media (max-width: 480px) {
	#team .people .bio_box{
		text-align: center;
	}
	#team .people .bio_box img{
		float: none;
		margin-bottom: 18px;
	}
	#aboutus .intro{
		margin-bottom: 30px;
	}
	#team .people .bio_box .info{
		float: none;
		margin: 0;
	}
	#process .areas{
		margin-top: 250px;
	}
	#process .areas .circle{
		width: 100px;
		height: 100px;
	}
	#process .areas .last_circle{
		margin-top: 0;
	}
	#process .areas .circle img{
		margin-top: 22px;
	}
	#process .areas .circle span{
		display: none;
	}
}

/*Pricing Option 1*/
#in_pricing{
	margin-bottom: 100px;
}
#in_pricing .head{
    text-align: center;
    margin-bottom: 70px;
}
#in_pricing .head h3{
    font-size: 35px;
    font-style: italic;
    font-weight: normal;
    margin: 0 0 20px 0;
    color: #252528;
}
#in_pricing .head h6{
    font-size: 18px;
    margin: 0;
    color: #8E8E8F;
    font-weight: normal;
}
#in_pricing .charts_wrapp,
#in_pricing2 .charts_wrapp{
	margin-left: -20px;
	margin-bottom: 40px;
}
#in_pricing .charts_wrapp .plan,
#in_pricing2 .charts_wrapp .plan{
	border-radius: 6px;
	box-shadow: 2px 2px 2px -1px rgb(214, 214, 214);
	background-color: #fff;
	width: 95%;
	position: relative;
}
#in_pricing .plan .wrapper,
#in_pricing2 .plan .wrapper{
	padding: 33px 30px 26px 30px;
}
#in_pricing .plan h3,
#in_pricing2 .plan h3 {
	color: rgb(83, 83, 83);
	font-weight: normal;
	font-style: italic;
	font-size: 28px;
	margin: 0 0 5px 0;
	line-height: 25px;
}
#in_pricing .plan .price,
#in_pricing2 .plan .price {
	font-size: 17px;
	color: #1189D9;
	margin-top: 16px;
}
#in_pricing .plan .price span.dollar,
#in_pricing2 .plan .price span.dollar {
	font-size: 32px;
	position: relative;
	top: -6px;
	margin-right: 3px;
}
#in_pricing .plan .price span.qty,
#in_pricing2 .plan .price span.qty {
	font-size: 35px;
	margin-right:4px;
	position: relative;
	top: 2px;
}
#in_pricing .plan .price span.month{
	font-style: italic;
	font-weight: 300;
	font-size: 15px;
}
#in_pricing .plan .features,
#in_pricing2 .plan .features {
	margin-top: 30px;
}
#in_pricing .plan .features p,
#in_pricing2 .plan .features p {
	color: #838385;
	margin-bottom: 5px;
	font-size: 14px;
}
#in_pricing .plan a.order,
#in_pricing2 .plan a.order {
	background-color: #2190DB;
	text-align: center;
	margin: 25px auto 0;
	width: 48%;
	display: block;
	padding: 3px 0;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border-radius: 5px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
}
#in_pricing .plan a.order:hover,
#in_pricing2 .plan a.order:hover{
	background: #252528;
}
#in_pricing .pro .plan{
	width: 100%;
	top: -20px;
	box-shadow: 0px 0px 7px -1px rgb(214, 214, 214);
	border: 1px solid #d9d9d9;
}
#in_pricing .pro .plan .wrapper{
	padding:36px 30px 35px 30px;
}
#in_pricing .pro .plan img.ribbon{
	position: absolute;
	top: 0;
	right: 0;
}
#in_pricing .pro .plan  a.order{
	margin-top: 35px;
}
#in_pricing .standar .plan{
	float: right;
}
#in_pricing .start{
	width: 100%;
	text-align: center;
}
#in_pricing .start p{
	font-size: 24px;
	display: inline-block;
	color: #5B5B5D;
	font-style: italic;
	line-height: 26px;
	margin: 0 18px 0 0;
}
#in_pricing .start a{
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	padding: 7px 17px;
	font-size: 17px;
	background: #252528;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
}
#in_pricing .start a:hover{
	background: #2190DB;
}
/*Frequent Questions*/
#faq{
	margin-bottom: 50px;
}
#faq .block .box{
	margin-bottom: 50px;
}
#faq .block .box p.title{
	font-size: 20px;
	margin-bottom: 10px;
	font-style: italic;
}
#faq .block .box p.answ{
	font-size: 14px;
	line-height: 22px;
}
#faq  .right{
	float: right;
}
/* Pricing Option 2 */
#in_pricing2{
	margin-bottom: 40px;
}
#in_pricing2 .section_header h3 span{
	font-size: 18px;
	line-height: 20px;
}
#in_pricing2 .charts_wrapp .plan{
	width: 100%;
}
#in_pricing2 .plan a.order{
	width: 66%;
}
#in_pricing2 .plan .price span.month{
	font-weight: bold;
	font-size: 17px;
}
#in_pricing2 .ultra .plan{
	top: -13px;
	box-shadow: 0px 0px 7px -1px rgb(214, 214, 214);
	border: 1px solid #d9d9d9;
}
#in_pricing2 .ultra .plan .wrapper img.ribbon{
	position: absolute;
	right: 0;
	top: 0;
}
#in_pricing2 .black .plan{
	background: #252528;
	box-shadow: none;
}
#in_pricing2 .black .plan .wrapper{
	padding: 38px 30px 31px 30px;
}
#in_pricing2 .black .plan h3{
	color: #fff;
}
#in_pricing2 .black .plan h6{
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
}
#in_pricing2 .black .plan p{
	font-size: 16px;
	color: rgb(173, 173, 173);
	margin: 20px 0 38px;
	line-height: 23px;
}
#in_pricing2 .black a.order{
	background: #535356;
	color: #fff;
	width: 87%;
	padding: 6px 0;
}
#in_pricing2 .black a.order:hover{
	background: #2190DB;
}

/* Responsive
-------------------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {
}
@media (min-width: 980px) {
}
@media (max-width: 979px) {
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	#in_pricing .plan a.order, #in_pricing2 .plan a.order{
		width: 64%;
	}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	
	#in_pricing .charts_wrapp, #in_pricing2 .charts_wrapp{
		margin-left: 0;
	}
	#in_pricing .charts_wrapp .plan, #in_pricing2 .charts_wrapp .plan{
		margin: 0 auto 30px;
		width: 95%;
	}
	#in_pricing .plan .wrapper, 
	#in_pricing2 .plan .wrapper{
		margin: 0 auto;
		text-align: center;
	}
	#in_pricing .pro .plan{
		top: 0;
		width:95%;
	}
	#in_pricing .standar .plan{
		float: none;
	}
	#in_pricing .start p{
		margin-bottom: 20px;
	}
	#in_pricing .start a{
		display: block;
		width: 50%;
		margin: 0 auto;
	}
	#in_pricing2 .ultra .plan{
		top: 0;
	}
}
/* Landscape phones and down */
@media (max-width: 480px) {

}




#blog{
	margin-top: 70px;
}
#blog .header{
	margin-left: 0;
	margin-bottom: 56px;
	margin-top: 30px;
}
#blog .section_header input[type="text"]{
	float: right;
	margin-top: 9px;
	background:  #fff no-repeat 5px;
	padding-left: 0px;
	width: 18%;
	border-radius: 5px;
}
#blog .post_row{
	margin-left: 0;
	margin-bottom: 40px;
	height: 495px;
}
#blog .lastpost_row{
	margin-bottom: 0;
}
#blog .post_row .post{
	background: #fff;
	margin-left: 0;
	margin-right: 0px;
	border-radius: 4px;
	box-shadow: 1px 1px 2px 0px #E0E0E0;
  	height: 450px;
}
#blog .post_row .last{
	margin-right: 0;
}
#blog .post_row .post .img{
	position: relative;
}
#blog .post_row .post .img .date{
	background: #E8554E;
	position: absolute;
	padding: 2px 5px;
	top: 0;
	left: 11px;
}
#blog .post_row .post .img .date p{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	margin:0;
}
#blog .post_row .post .img img {
	min-height: 186px;
}
#blog .post_row .post .text{
	margin: 18px auto 0;
    width: 83%;
  	height: 300px;
  overflow: hidden;
}
#blog .post_row .post .text h5 {
	margin: 0 0 8px 0;
	font-size: 20px;
	line-height: 23px;
}
#blog .post_row .post .text h5 a {
	color: #333;
}
#blog .post_row .post .text span.date{
	color: #9F9F9F;
	display: block;
	margin-bottom: 12px;
	font-style:italic;
	font-size: 13px;
}
#blog .post_row .post .text p{
	margin: 0;
	line-height: 21px;
	font-size: 14px;
}
#blog .post_row .post .author_box{
	margin: 12px auto 20px;
	border-top: 1px solid #EDEDED;
	overflow: hidden;
	text-align: left;
	width: 85%;
	padding-top: 12px;
}
#blog .post_row .post .author_box  h6{
	margin: 0 0 3px 0;	
	font-size: 13px;
	line-height: 15px;
	font-style: italic;
	font-weight: normal;
	color: #B2B2B2;
}
#blog .post_row .post .author_box p{
	color: #B2B2B2;
	font-style: italic;
	font-size: 13px;
	line-height: 14px;
	margin: 0;
}
#blog .post_row .post .author_box img{
	float: right;
}
#blog .post_row .post a.plus_wrapper{
	width: 99%;
	text-align: center;
	background: #fff;
	display: none;
	border-radius: 0px 0px 4px 4px;
	padding: 6px 0px 2px;
	margin: 0 auto 1px;
}
#blog .post_row .post a.plus_wrapper span{
	color: #1189D9;
	font-size: 30px;
	font-weight: bold;
}
/*#blog .post_row .post a.plus_wrapper,
#blog .post_row .post a.plus_wrapper span{
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;	
}*/
#blog .post_row .post:hover a.plus_wrapper{
	display: block;
}
/*#blog .post_row .post a.plus_wrapper:hover{
	background: #1189D9;
}
#blog .post_row .post a.plus_wrapper:hover span{
	color: #fff;
}*/
#blog .post_row .post:hover{
	box-shadow: 0px 1px 5px 1px rgb(216, 216, 216);
}
#blog .post_row .post:hover .text h5 a{
	color: #1189D9;
}
/*pagination*/
#blog .pagination {
	margin: 35px auto 0;
  text-align: center;
}

 .pagination ul li a.current {
  background-color: rgb(245, 245, 245);
  .shadow {
   -moz-box-shadow:    inset 1px 1px 10px #ccc;
   -webkit-box-shadow: inset 1px 1px 10px #ccc;
   box-shadow:         inset 1px 1px 10px #ccc;
}
}

/* ubounce blog styling */
.blog-content {
  background-color: #FFF;
  border: solid 1px #CCC;
  border-radius: 5px;
  padding: 3em;
  margin-bottom: 2em;
}

.blog-sidebar {
  border: 1px solid rgb(207, 217, 229);
  background: none repeat scroll 0% 0% rgb(239, 246, 253);
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.blog-sidebar > h4 {
	font-weight: 400;
}

.blog-sidebar ul {
  list-style: none;
  margin: 0px;
}

.blog-sidebar ul > li a {
  display: block;
  font-weight: 200;
  border-bottom: 1px dotted #aaa;
  padding: 10px 0px;
}

.blog-sidebar ul > li a:hover {
	text-decoration: underline;
}

.blog-sidebar ul > li:last-child a {
  border-bottom: none;
}

ul.blog-tags {
  list-style: none outside none;
  margin: 0px 0px 25px;
  float: left;
}

ul.blog-tags li {
  float: left;
  display: inline-block;
}

ul.blog-tags a {
  display: block;
  float: left;
  margin: 0px 20px 0px 0px;
  font-size: 12px;
  color: rgb(51, 51, 51);
  text-decoration: none;
  text-transform: uppercase;
  height: 30px;
  font-style: normal;
  font-weight: 500;
}

ul.blog-tags a:hover {
  text-decoration: underline;
}

ul.blog-tags li.active a {
  font-weight: bold;
  color: rgb(73, 175, 205);
}

.post h4 {
	margin-bottom: 0.5em;
}

.post .date {
  color: #9F9F9F;
}

.post .date a {
  color: #9F9F9F;
}


/* Responsive
-------------------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {

}
@media (min-width: 980px) {

}
@media (max-width: 979px) {
	
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	#blog .pagination{
		width: 36%;
	}
	#blog .post_row{
		height: 545px;
	}

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	
	#blog .post_row{
		height: auto;
		margin-bottom: 0;
	}
	#blog .post_row .post{
		width: 65%;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	#blog .post_row .post .img {
		float: left;
		margin-bottom: 16px;
	}
	#blog .post_row .post .author_box{
		display: none;
	}
	#blog .post_row .post .text {
		overflow: hidden;
		width: 81%;
		margin: 0 auto 20px;
		margin-top: 7px;
	}
	#blog .post_row .post a.plus_wrapper{
		display: inline-block;
		margin: 0;
		width: 100%;
	}
	/*#blog .post_row .post:hover a.plus_wrapper{
		display: inline-block;
		background: #1189D9;
	}
	#blog .post_row .post:hover a.plus_wrapper span{
		color: #fff;
	}*/
	#blog .pagination {
		width: 55%;
	}
}
/* Landscape phones and down */
@media (max-width: 480px) {
	#blog .post_row{
		height: auto;
		margin-bottom: 0px;
	}
	#blog .post_row .post{
		margin: 0 auto 50px;
		width: 72%;
	}
	#blog .post_row .post .img {
		float: none;
		margin: 0;
	}
	#blog .post_row .post .text {
		float: none;
		margin: 24px auto 0;
		width: 86%;
	}
	#blog .post_row .post .author_box {
		margin: 30px auto 15px;
	}
	#blog .post_row .post a.plus_wrapper{
		display: block;
		padding: 10px 0 8px;
	}
	#blog .pagination {
		width: 72%;
	}
}

.twitter-share-button { position: relative; }
#blog_post{
	margin-top: 70px;
}
#blog_post .section_header input[type="text"]{
	float: right;
	margin-top: 9px;
	background: #fff no-repeat 5px;
	padding-left: 28px;
	width: 18%;
	border-radius: 5px;
}
#blog_post .post_pic {
	border: 7px solid #fff;
	border-radius: 5px;
	box-shadow:1px 1px 2px 0px rgb(207, 207, 207);
}
#blog_post .post_content {
	margin-top: 40px;
	padding-bottom: 90px;
	border-bottom: 1px solid rgb(202, 202, 202);
	box-shadow: 0px 1px 0px 0px white;
}
#blog_post .post_content h2 {
	font-size: 32px;
	color: #3F3F3F;
	margin-bottom: 15px;
}
#blog_post .post_content span.date{
	width: 100%;
	font-size: 14px;
	font-style: italic;
	margin-bottom: 42px;
	display: block;
	color: #9C9C9C;
}
#blog_post .post_content p {
	line-height: 24px;
	margin-bottom: 15px;
}
#blog_post .post_content .author_box {
	margin-top: 50px;
}
#blog_post .post_content .author_box .author {
	margin-top: 45px;
	font-weight: bold;
	font-size: 15px;
	color: #1189D9;
}
#blog_post .post_content .author_box .area {
	font-size: 15px;
	font-style: italic;
	margin-top: 5px;
	color: #9C9C9C;
}
#blog_post .comments {
	margin-top: 3px;
	padding-top: 50px;
	border-bottom: 1px solid rgb(202, 202, 202);
	box-shadow: 0px 1px 0px 0px white;
	padding-bottom: 3px;
}
#blog_post .comments h4{
	font-size: 23px;
	margin-top: 0;
	margin-bottom: 25px;
}
#blog_post .comments .comment {
	margin-bottom: 60px;
	margin-top: 30px;
}
#blog_post .comments .comment.reply_to {
	margin-top: -10px;
}
#blog_post .comments .comment .author_pic {
	max-width: 55px;
	float: right;
}
#blog_post .comments .comment .name {
	font-weight: bold;
	color: #3F3F3F;
	font-size: 14px;
}
#blog_post .comments .comment a.reply {
	color: #1189D9;
	text-decoration: underline;
	margin-left: 20px;
	font-size: 14px;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s;
}
#blog_post .comments .comment a.reply:hover{
	color: #252528;
}
#blog_post .comments .comment .date {
	font-size: 13px;
	font-weight: bold;
	color: #747B85;
}
#blog_post .comments .comment .response {
	margin-top: 10px;
	line-height: 22px;
	font-size: 14px;
}

/* new comment */
#blog_post .new_comment {
	padding-top: 30px;
	margin-top: 3px;
}
#blog_post .new_comment h4{
	font-size: 23px;
	color: #3F3F3F;
}
#blog_post .new_comment form {
	margin-top: 35px;
}
#blog_post .new_comment form input[type="text"] {
	height: 25px;
	border-radius: 3px;
	width: 95.7%;
}
#blog_post .new_comment form textarea {
	margin-top: 10px;
	width: 97.9%;
}
#blog_post .new_comment form a.send{
	float: right;
	color: #fff;
	border: 0 none;
	background: #187CCC;
	text-shadow: none;
	padding: 4px 15px 4px;
	box-shadow: none;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	margin-top: 8px;
	-webkit-transition: background linear .2s, box-shadow linear .2s;
	-moz-transition: background linear .2s, box-shadow linear .2s;
	-o-transition: background linear .2s, box-shadow linear .2s;
	transition: background linear .2s, box-shadow linear .2s;
}
#blog_post .new_comment form a.send:hover{
	background: #252528;
}
#blog_post .sidebar{
	margin: 0;
	padding: 40px 19px 40px 28px;
	background: #fff;
	border-radius: 4px;
	box-shadow:1px 1px 2px 0px rgb(207, 207, 207);
	float: right;
}
#blog_post .sidebar .box{
	padding-bottom: 30px;
	overflow: hidden;
	margin-bottom: 40px;
	border-bottom: 1px solid rgb(216, 216, 216);
}
#blog_post .sidebar .last{
	border: 0 none;
	padding: 0;
	margin-bottom: 0;
}
#blog_post .sidebar .box .recent{
	width: 100%;
	margin-bottom: 20px;
	float: left;
}
#blog_post .sidebar .box .recent span img{
	float: left;
	margin-right: 10px;
}
#blog_post .sidebar .box .recent p{
	margin: 0;
	line-height: 18px;
	font-size: 14px;
}
#blog_post .sidebar .sidebar_header {
	margin-bottom: 20px;
}
#blog_post .sidebar .sidebar_header h4{
	font-size: 19px;
	margin: 0;
}
#blog_post .sidebar .sidebar_menu {
	list-style-type: none;
	margin-left: 0px;
}
#blog_post .sidebar .sidebar_menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#blog_post .sidebar .sidebar_menu li {
	margin-bottom: 6px;
}
#blog_post .sidebar .sidebar_menu li a {
	color: #333;
	font-size: 14px;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s;
}
#blog_post .sidebar .sidebar_menu li a:hover {
	color: #1187D8;
}
#blog_post .sidebar .recent_posts {
	list-style-type: none;
	margin-top: 30px;
	margin-left: 0px;
}
#blog_post .sidebar .recent_posts li {
	margin-bottom: 20px;
	font-size: 15px;
}
#blog_post .sidebar .recent_posts .thumb {
	border: 3px solid #fff;
	box-shadow: 0px 0px 1px 1px #bdbdbd;
}
#blog_post .sidebar .recent_posts a.link {
	color: #333;
	display: block;
	margin-top: 10px;
}
#blog_post .sidebar .recent_posts a:hover {
	color: #87a46e;
	text-decoration: underline;
}
#blog_post .sidebar ul.recent_photos{
	list-style-type: none;
	margin-left: 0px;
	padding-top: 18px;
}
#blog_post .sidebar ul.recent_photos li{
	list-style: none;
	display: inline-block;
	margin-right: 6px;
	margin-bottom: 11px;
}
#blog_post .sidebar ul.recent_photos li a img {
	max-width: 55px;
	margin-right: 9px;
	border-radius: 3px;
}

.fb-comments, .fb-comments iframe[style], .fb-comments span { width: 100% !important; }

/* Responsive
-------------------------------------------------- */

/* Landscape phones and down */
@media (max-width: 480px) {

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#blog_wrapper .header hr {
		width: 70%;
	}
	#blog_wrapper .post .main_pic {
		display: block;
		margin: 0 auto;
	}
	#blog_wrapper .sidebar .recent_posts .thumb {
		max-width: 100px;
	}
}

@media (min-width: 768px) {
	#blog_wrapper .sidebar .search-query {
		width: 85%;
	}
	#blog_post .sidebar .box .recent p{
		font-size: 13px;
	}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
}
@media (max-width: 979px) {
	
}
@media (min-width: 980px) {
	
}
/* Large desktop */
@media (min-width: 1200px) {
	#blog_wrapper .post .info {
		width: 420px;
	}
}#portfolio {
	margin-top: 60px;
}
#portfolio #filters {
	list-style-type: none;
	height: 30px;
	margin-bottom: 40px;
	text-align: center;
	margin-top: -20px;
}
#portfolio #filters li {
	display: inline-block;
	font-size: 20px;
	margin: 0px 6px;
}
#portfolio #filters li.separator {
	color: #c0c0c0;
	font-weight: lighter;
}
#portfolio #filters li a {
	color: #3f3f3f;
	font-style: italic;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s;
}
#portfolio #filters li a:hover,
#portfolio #filters li a.active {
	color: #1189d9;
}
#portfolio #gallery_container {
	margin-bottom: 50px;
}
#portfolio #gallery_container .photo {
	width: 285px;
	margin: 5px;
	float: left;
	position: relative;
}
#portfolio #gallery_container .photo:hover .mask {
	display: block;
	opacity: 1;
	filter: alpha(opacity = 100);
}

#portfolio #gallery_container .photo img { }

#portfolio #gallery_container .photo .mask {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity = 0);
	box-shadow: 0px 1px 6px 2px #b1b1b1;
	top: 0px;
	left: 0px;
	border-radius: 5px;
	height: 100%;
	padding: 0px 20px;
	width: 245px;
	background: rgba(17, 137, 217, 0.5);
	-webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
#portfolio #gallery_container .photo .mask h3 {
	color: #fff;
	font-size: 22px;
	position: relative;
	top: 39%;
}
#portfolio #gallery_container .photo .mask small {
	color: rgb(240, 240, 240);
	font-size: 15px;
	font-style: italic;
	position: relative;
	top: 35%;
	display: block;
}
#portfolio #gallery_container .photo .mask .more {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	bottom: 7%;
	left: 47%;
}

/* Responsive
-------------------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {

}
@media (min-width: 980px) {

}
@media (max-width: 979px) {
	
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}	
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	

}
/* Landscape phones and down */
@media (max-width: 480px) {
	#portfolio #filters li{
		margin: 0px 4px;
	}
	#portfolio #filters li a{
		font-size: 18px;
	}	
	#portfolio #gallery_container .photo{
		margin-left: 35px;
	}
	#portfolio #gallery_container .photo img{
		left: 10%;
	}
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}.phone-selector {
	margin-bottom: 40px;
}

#yourSite {
	text-align: center;	
}

#yourSite .lumia {
	background: url('//cdn-west.sqhk.co/51b796321563b51308c383c1/lumia920.png') top left no-repeat;
	width: 438px;
	height: 722px;
	display: inline-block;
	position: relative;
}

#yourSite .lumia iframe {
	position: absolute;
	top: 70px;
	left: 40px;
	width: 350px;
	height: 520px;
	border: none;
}

#yourSite .iphone {
	background: url('//cdn-west.sqhk.co/51b796321563b51308c383c1/iphone.png') top left no-repeat;
	width: 377px;
	height: 782px;
	display: inline-block;
	position: relative;
}

#yourSite .iphone iframe {
	position: absolute;
	top: 100px;
	left: 25px;
	width: 325px;
	height: 570px;
	border: none;
}

#yourSite .galaxyS3 {
	background: url('//cdn-west.sqhk.co/51b796321563b51308c383c1/galaxyS3.png') top left no-repeat;
	width: 373px;
	height: 730px;
	display: inline-block;
	position: relative;
}

#yourSite .galaxyS3 iframe {
	position: absolute;
	top: 90px;
	left: 24px;
	width: 322px;
	height: 550px;
	border: none;
}[id^=___plusone] { width:60px !important; }

.twitter-share-button {
	width: 75px !important;
}

a#bbblink {
  display:inline-block; 
  max-width:100%; 
  padding-bottom:20px;
}#landing {
	font-size: 1.1em;
}

#landing ul i {
  float: left;
  position: absolute;
  left: 0;
  color: #2DB742;
}

#landing ul li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}


#landing .navbar.navbar-static-top {
	margin-bottom: 0;
}

.sh-form {
  box-shadow: 0 0 5px 0 #eeeeee;
  background: white;
  border: 1px solid #DFDFDF;
  border-radius: 5px;
  width: 90%;
  padding: 35px 20px 30px; 
  padding-top: 0px;
  margin-bottom: 1em;
}

.sh-form button[type="submit"] {
  text-transform: uppercase;
  color: #fff;
  background: #187CCC;
  font-size: 15px;
  margin: 0 auto;
  display: block;
  padding: 6px 19px;
  border: 0 none;
  border-radius: 3px;
  -webkit-transition: background linear .2s, box-shadow linear .2s;
  -moz-transition: background linear .2s, box-shadow linear .2s;
  -o-transition: background linear .2s, box-shadow linear .2s;
  transition: background linear .2s, box-shadow linear .2s; 
}

.sh-form button[type="submit"]:hover {
  background: #252528; 
}
.sh-form h3 {
  text-align: center;
  font-weight: 200;
}

#landing .message {
  background: url("//cdn-west.sqhk.co/www/2014/6/635388987080247117/Pricing-PageBanner02100.jpg") no-repeat;
  display: block;
  height: 440px;
  margin-bottom: 2em;
  border-top: solid 2px #555;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  color: #FFF;
}

#landing .header {
  text-align: center;
  margin: 0;
  color: #fff;
  margin-top: 85px; 
}

#landing .header h4 {
  font-size: 38px;
  margin-top: 0;
  margin-bottom: 25px;
  line-height: 38px;
  font-weight: 300;
  text-shadow: 1px 1px 0px #143C4E; 
}

#landing .header p {
  font-style: italic;
  font-size: 17px;
  margin: 0 0 40px 0; 
}

#landing .header a.button {
  text-transform: uppercase;
  color: #fff;
  background: #87A700;
  font-size: 24px;
  padding: 6px 19px;
  border: 0 none;
  border-radius: 3px;
  -webkit-transition: background linear .2s, box-shadow linear .2s;
  -moz-transition: background linear .2s, box-shadow linear .2s;
  -o-transition: background linear .2s, box-shadow linear .2s;
  transition: background linear .2s, box-shadow linear .2s; 
}

#landing .header a.button > i {
  padding-left: 0.5em;
}

#landing .header a.button:hover {
  background: #252528; 
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#landing .message {
	  margin-left: -20px;
  	  margin-right: -20px;
  	  padding-left: 20px;
      padding-right: 20px;
	}

	#landing .header {
      margin-top: 45px; 
    }

	#landing .sh-form {
      margin-top: 1em;
    }
}

.test-mom {
  background: #f8ffe8; /* Old browsers */
background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#b7df2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 ); /* IE6-9 */

}/*
 * Nivo Lightbox v1.1
 * //dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * //www.opensource.org/licenses/mit-license.php
 */

.nivo-lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99998;
	width: 100%;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nivo-lightbox-overlay.nivo-lightbox-open {
	visibility: visible;
	opacity: 1;
}
.nivo-lightbox-wrap  {
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 10%;
	right: 10%;
}
.nivo-lightbox-content {
	width: 100%;
	height: 100%;
}
.nivo-lightbox-title-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	text-align: center;
}
.nivo-lightbox-nav { display: none; }
.nivo-lightbox-prev {
	position: absolute;
	top: 50%;
	left: 0;
}
.nivo-lightbox-next {
	position: absolute;
	top: 50%;
	right: 0;
}
.nivo-lightbox-close {
	position: absolute;
	top: 2%;
	right: 2%;
}

.nivo-lightbox-image { text-align: center; }
.nivo-lightbox-image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	vertical-align: middle;
}
.nivo-lightbox-content iframe {
	width: 100%;
	height: 100%;
}
.nivo-lightbox-inline,
.nivo-lightbox-ajax {
	max-height: 100%;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
}
.nivo-lightbox-error {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-shadow: 0 1px 1px #000;
}
.nivo-lightbox-error p {
	display: table-cell;
	vertical-align: middle;
}

/* Effects
 **********************************************/
.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}

/* fadeScale */
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	-webkit-transform: scale(0.7);
	   -moz-transform: scale(0.7);
	    -ms-transform: scale(0.7);
	        transform: scale(0.7);
}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

/* slideLeft / slideRight / slideUp / slideDown */
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	   -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	    -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	     -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	        transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
	-webkit-transform: translateX(-10%);
	   -moz-transform: translateX(-10%);
	    -ms-transform: translateX(-10%);
	        transform: translateX(-10%);
}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
	-webkit-transform: translateX(10%);
	   -moz-transform: translateX(10%);
	    -ms-transform: translateX(10%);
	        transform: translateX(10%);
}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transform: translateY(-10%);
	   -moz-transform: translateY(-10%);
	    -ms-transform: translateY(-10%);
	        transform: translateY(-10%);
}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
	-webkit-transform: translateY(10%);
	   -moz-transform: translateY(10%);
	    -ms-transform: translateY(10%);
	        transform: translateY(10%);
}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

/* fall */
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
	        perspective: 1000px;
}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
	-webkit-transform: translateZ(300px);
	   -moz-transform: translateZ(300px);
	    -ms-transform: translateZ(300px);
	        transform: translateZ(300px);
}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	        transform: translateZ(0);
}



/* Nivo Theme Settings */
/*
 * Nivo Lightbox Default Theme v1.0
 * //dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * //www.opensource.org/licenses/mit-license.php
 */
 
.nivo-lightbox-theme-default.nivo-lightbox-overlay { 
	background: #666;
	background: rgba(0,0,0,0.6); 
}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(//cdn-west.sqhk.co/52b0b9099fffd80454664eb0/loading.gif) no-repeat 50% 50%; }

.nivo-lightbox-theme-default .nivo-lightbox-nav {
	top: 10%;
	width: 8%;
	height: 80%;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover { 
	opacity: 1; 
	background-color: rgba(0,0,0,0.5);
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
	background-image: url(//cdn-west.sqhk.co/52b0b9099fffd80454664eb0/prev.png); 
	border-radius: 0 3px 3px 0;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
	background-image: url(//cdn-west.sqhk.co/52b0b9099fffd80454664eb0/next.png); 
	border-radius: 3px 0 0 3px;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
	display: block;
	background: url(//cdn-west.sqhk.co/52b0b9099fffd80454664eb0/close.png) no-repeat 5px 5px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	padding: 5px;
	opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; }

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; }
.nivo-lightbox-theme-default .nivo-lightbox-title {
	font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	background: #000;
	color: #fff;
	padding: 7px 15px;
	border-radius: 30px;
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
	background: #fff;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	        box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
	background: #fff;
	padding: 40px;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	        box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

@media (-webkit-min-device-pixel-ratio: 1.3),
       (-o-min-device-pixel-ratio: 2.6/2),
       (min--moz-device-pixel-ratio: 1.3),
       (min-device-pixel-ratio: 1.3),
       (min-resolution: 1.3dppx) {

	.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { 
		background-image: url(//cdn-west.sqhk.co/52b0b9099fffd80454664eb0/loading@2x.gif); 
		background-size: 32px 32px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-prev { 
		background-image: url(//cdn-west.sqhk.co/52b0b9099fffd80454664eb0/prev@2x.png); 
		background-size: 48px 48px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-next { 
		background-image: url(//cdn-west.sqhk.co/52b0b9099fffd80454664eb0/next@2x.png); 
		background-size: 48px 48px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-close { 
		background-image: url(//cdn-west.sqhk.co/52b0b9099fffd80454664eb0/close@2x.png); 
		background-size: 16px 16px;
	}
	
}footer {
    /* Add styles for your footer */
    width: 100%;
    padding: 40px 0;
    background-color: #333; /* Example background color */
    color: #fff; /* Example text color */
}

.footer-logo {
    text-align: center; /* Centers the content of .footer-logo */
}

.footer-logo img {
    /* Additional styles for your logo if needed */
    height: 50px; /* Example height, adjust as needed */
    width: auto; /* Maintain aspect ratio */
}

footer p {
    text-align: center; /* Center-align the text */
    color: #fff; /* Example text color, adjust as needed */
    font-size: 14px; /* Example font size, adjust as needed */
    margin-top: 20px; /* Adds space between the logo and the copyright text */
}
/* Common styles for animated links coming from both left and right */
.animated-link, .animated-link-right {
    display: block;
    text-decoration: none;
    color: #000; /* Default text color */
    font-size: 40px; /* Increased text size */
    opacity: 0;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    text-align: center;
    width: fit-content;
    margin: auto;
}

/* Hover state for animated links */
.animated-link:hover, .animated-link-right:hover {
    color: #FFA500; /* Changes text color to orange on hover */
}

/* Specific styles for animation coming from the left */
.animated-link {
    animation-name: comeInFromLeft;
}

/* Specific styles for animation coming from the right */
.animated-link-right {
    animation-name: comeInFromRight;
}

/* Common logo styles for both animations */
.animated-link .logo, .animated-link-right .logo {
    display: block;
    margin: auto;
    margin-bottom: 20px; /* Space below the logo */
    width: 200px; /* Increased logo size */
    height: auto;
}

@keyframes comeInFromLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes comeInFromRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@media (max-width: 600px) {
    /* Styles for screens smaller than 600px */

    .animated-link, .animated-link-right {
        font-size: 24px; /* Reduced font size for smaller screens */
    }

    .animated-link .logo, .animated-link-right .logo {
        width: 100px; /* Reduced logo size for smaller screens */
        margin-bottom: 10px; /* Reduced space below the logo */
    }
}.pricing-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 20px;
}

.pricing-tier {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  width: 300px;
  text-align: center;
}

.pricing-tier.featured {
  background-color: #007bff;
  color: #ffffff;
  border-color: #0056b3;
}

.pricing-tier h2 {
  margin-top: 0;
}

.price {
  font-size: 24px;
  margin: 10px 0;
}

.price span {
  font-size: 16px;
}

.features {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.features li {
  margin-bottom: 10px;
}

.cta-button {
  display: inline-block;
  background-color: #007bff;
  color: #ffffff;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
}

.pricing-tier.featured .cta-button {
  background-color: #ffffff;
  color: #007bff;
}





















.pricing-section {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 40px 20px;
  background-color: #f5f5f5; /* Light gray background */
}

.pricing-card {
  background-color: #ffffff; /* White background for the card */
  border: 1px solid #dddddd; /* Light gray border */
  border-radius: 10px;
  padding: 20px;
  width: 300px; /* Fixed width for each card */
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.pricing-card.featured {
  background-color: #007bff; /* Highlighted card background */
  color: #ffffff; /* White text for highlighted card */
  border-color: #0056b3; /* Darker border for highlighted card */
}

.features-list {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.features-list li {
  margin-bottom: 10px;
}

.price {
  font-size: 24px;
  margin: 20px 0;
}

.cta-btn {
  display: inline-block;
  background-color: #007bff; /* Button background */
  color: #ffffff; /* Button text color */
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s; /* Smooth transition for hover effect */
}

.cta-btn:hover {
  background-color: #0056b3; /* Darker background on hover */
}

.pricing-card.featured .cta-btn {
  background-color: #ffffff; /* White button for highlighted card */
  color: #007bff; /* Blue text for highlighted card button */
  border: 1px solid #007bff; /* Blue border for the button */
}

.pricing-card.featured .cta-btn:hover {
  background-color: #004c8c; /* Even darker background on hover for contrast */
}
#first-banner,
#second-banner,
#third-banner,
#fourth-banner,
.bg-img {
  color: #ffffff;
  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('');
  background-color: #2d2d2d;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.pickleball-bg-one {
  background-image: url('');
  background-position: center center;
}
#first-banner,
.homepage-bg-one { 
  background-image: url('//cdn.sqhk.co/www/2024/2/jWigE2v/seo-banner.png');
  background-position: 30% center;
}

#second-banner,
.homepage-bg-two {
  background-image: url('//cdn.sqhk.co/www/2024/1/hhaxihV/Square-Hook-Logo-ALT.png');
  background-position: 70% center;
}

#third-banner,
.homepage-bg-three {
  background-image: url('');
}

#fourth-banner,
.homepage-bg-four {
  background-image: url('');
}

#fifth-banner,
.homepage-bg-five {
  background-image: url('');
}