/* general colors */
/* header less settings */
/* site name less settings */
/* tag line less settings */
/* menu less settings */
/* footer less settings */
/* Home Banner Less Settings */
/* Header Text Less Settings */
/* Header Description Less Settings */
/* Default Paragraph Less Settings */
/* Header Less Settings */
html {
  margin: 0;
}
body {
  position: relative;
  background: #dddce2 url(//cdn-west.sqhk.co/51a8bb471563b50b609f8ce3/body_bg.jpg) repeat left top;
  -webkit-font-smoothing: antialiased;
  font-family: 'Lato', sans-serif !important;
  padding-top: 20px;
}
@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', sans-serif;
}
p {
  font-family: 'Lato', sans-serif;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: normal;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  letter-spacing: normal;
  font-family: 'Lato', sans-serif;
}
.body-contents {
  margin-top: 100px;
}
/* Navbar
-------------------------------------------------- */
body.pull_top {
  padding-top: 0px !important;
}
header {
  background: rgba(0, 0, 0, 0.8) !important;
}
.navbar.navbar-static-top {
  margin-bottom: 35px;
}
.navbar.transparent.navbar-inverse .navbar-inner {
  background: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid #585858;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}
.navbar.transparent.navbar-inverse .navbar-inner .container {
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: margin 0.2s ease-in-out;
  -moz-transition: margin 0.2s ease-in-out;
  transition: margin 0.2s ease-in-out;
}
.navbar.navbar-inverse .navbar-inner {
  padding: 10px 0px 10px 0px;
  background: rgba(0, 0, 0, 0.8);
}
.navbar.navbar-inverse .navbar-inner.sticky {
  background: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid #0f0f4d;
}
.navbar-inverse .navbar-inner.sticky .container {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.navbar-inverse .brand {
  color: #ffffff;
}
.navbar-inverse .nav > li {
  margin-right: 0px;
  padding: 0 0;
  margin-top: 0;
  margin-bottom: 0;
}
.navbar-inverse .nav > li > a {
  /*color: rgb(177, 177, 177);*/

  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  background: transparent;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  opacity: .6;
  filter: alpha(opacity=60);
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear;
  border-radius: 0px;
}
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a.active {
  color: #ffffff;
  opacity: 1;
  background-color: transparent;
  filter: alpha(opacity=100);
}
.navbar-inverse .dropdown-menu {
  background: #0f0f4d;
}
.navbar-inverse .nav > li > .dropdown-menu::after {
  border-bottom: 6px solid #0f0f4d;
}
.navbar-inverse .dropdown-menu li > a {
  color: #ffffff;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  text-decoration: none;
}
.section_header {
  width: 100%;
  margin-bottom: 60px;
}
.section_header h3 {
  color: #646464;
  font-weight: 300;
  font-style: italic;
  font-size: 27px;
  border-bottom: 1px solid #b3b3b3;
  padding-bottom: 0px;
  display: inline-block;
  margin: 0;
}
.navbar-inner .brand {
  color: #ffffff;
  background: transparent;
  margin-top: 10px;
  padding: 0em;
  font-size: 1.5em;
  line-height: auto;
  letter-spacing: 0em;
  font-style: normal;
  font-family: 'Lato', sans-serif;
  font-weight: normal;
  text-decoration: none;
}
.navbar-inner .brand:hover {
  color: #ffffff;
}
/* Footer
-------------------------------------------------- */
#footer {
  min-height: 260px;
  margin-top: 140px;
  background-color: #0f0f4d;
  color: #ffffff;
  padding-top: 35px;
}
#footer .footer_header {
  color: #c4c4c4;
  font-style: italic;
  font-weight: 300;
  font-size: 25px;
  margin-bottom: 40px;
  margin-left: 15px;
}
#footer a {
  color: #ffffff;
}
#footer a:hover {
  color: #eeeeee;
}
/* 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: #bfbfc0;
}
#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 0.2s linear;
  -moz-transition: background-color 0.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: #ffffff;
  border-radius: 4px;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: bold;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.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 -1px;
}
#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 -1px;
}
#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 -1px;
}
#footer .credits .social span.ico7,
#footer .credits .social span.ico7h {
  background-position: -226px -1px;
}
#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: -298px 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;
}
/* Global
-------------------------------------------------- */
.page_header {
  background-color: #000;
  color: #ffffff;
  font-size: 23px;
  display: inline-block;
  padding: 0px 18px;
}
.social_icon {
  background: transparent;
  width: 110px;
  height: 18px;
}
.contact_social {
  background: transparent;
  width: 180px;
  height: 34px;
}
/* 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: rgba(0, 0, 0, 0.8);
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #ffffff;
    opacity: 0.7;
  }
  .navbar-inner .brand {
    margin-left: 50px;
  }
}
/* 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) {
  
}
/*===============================================
Blog.css 
=================================================*/
#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: url('//cdn-west.sqhk.co/51b753fd1563b51308c381b3/search.png') #ffffff no-repeat 5px;
  padding-left: 28px;
  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: 20px;
  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 #d8d8d8;
}
#blog .post_row .post:hover .text h5 a {
  color: #1189D9;
}
/*pagination*/
#blog .pagination {
  margin: 35px auto 0;
  width: 26%;
  padding-bottom: 100px;
}
[id^=___plusone] {
  width: 60px !important;
}
.twitter-share-button {
  width: 75px !important;
}
.fb-comments,
.fb-comments iframe[style],
.fb-comments span {
  width: 100% !important;
}
/* 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 #cfd9e5;
  background: none repeat scroll 0% 0% #eff6fd;
  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: #333333;
  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: #49afcd;
}
.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%;
  }
  .pagination ul > li {
    display: none;
  }
  .pagination ul > li.prev,
  .pagination ul > li.next {
    display: block;
  }
}
/*==================================
Blogpost.css
====================================*/
#blog_post {
  margin-top: 70px;
}
#blog_post .section_header input[type="text"] {
  float: right;
  margin-top: 9px;
  background: url('//cdn-west.sqhk.co/51b753fd1563b51308c381b3/search.png') #ffffff 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 #cfcfcf;
}
#blog_post .post_content {
  margin-top: 40px;
  padding-bottom: 90px;
  border-bottom: 1px solid #cacaca;
  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 #cacaca;
  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 0.2s, box-shadow linear 0.2s;
  -moz-transition: background linear 0.2s, box-shadow linear 0.2s;
  -o-transition: background linear 0.2s, box-shadow linear 0.2s;
  transition: background linear 0.2s, box-shadow linear 0.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 #cfcfcf;
  float: right;
}
#blog_post .sidebar .box {
  padding-bottom: 30px;
  overflow: hidden;
  margin-bottom: 40px;
  border-bottom: 1px solid #d8d8d8;
}
#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;
}
/* 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;
  }
}
/*=================================================
index.css
====================================================*/
/* Main Slider
-------------------------------------------------- */
#feature_slider {
  height: 720px;
  height: 480px;
  background: #262626;
  z-index: 1;
  margin-bottom: 40px;
}
#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: 505px;
  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: #000000;
  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: #2e5cb1;
  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 */
/* Default Slide */
.slide .info {
  position: absolute;
  top: 160px;
  left: 13%;
  width: 30%;
  display: none;
  z-index: 10;
}
.slide .info h2,
.slide .info p {
  color: #ffffff;
  font-size: 50px;
  font-weight: normal;
  line-height: 56px;
  text-shadow: 1px 1px 1px #31393d;
}
/* Slide 1 */
.slide#showcasing .info {
  position: absolute;
  top: 160px;
  left: 13%;
  width: 30%;
  display: none;
  z-index: 10;
}
.slide#showcasing .info h2 {
  color: #ffffff;
  font-size: 50px;
  font-weight: normal;
  line-height: 56px;
  text-shadow: 1px 1px 1px #31393d;
}
/* Slide 2 */
.slide#ideas .info {
  position: relative;
  top: 110px;
  text-align: center;
}
.slide#ideas .info h2 {
  color: #ffffff;
  font-weight: normal;
}
/* Slide 3 */
.slide#tour .info {
  position: absolute;
  top: 150px;
  right: 6%;
  width: 24%;
}
.slide#tour .info h2 {
  color: #ffffff;
  font-size: 45px;
  font-weight: normal;
  text-shadow: 1px 1px 1px #3b3262;
  line-height: 57px;
}
.slide#tour .info a {
  color: #ffffff;
  font-weight: bold;
  background-color: #2a205d;
  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 4 */
.slide#responsive .info {
  position: absolute;
  top: 170px;
  right: 9%;
  width: 25%;
}
.slide#responsive .info h2 {
  color: #fff;
  font-size: 47px;
  font-weight: normal;
  text-shadow: 1px 1px 1px #3b3262;
  line-height: 56px;
}
.slide#responsive .info h2 strong {
  font-size: 42px;
}
.slide .info {
  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;
}
/* 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: #282828;
  color: #ffffff;
  padding: 9px 17px;
  font-weight: bold;
  border-radius: 4px;
  font-size: 17px;
  margin-left: 20px;
  position: relative;
  top: -5px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
}
#call_action a:hover {
  background-color: #6776b1;
}
#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;
}
/* 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;
  }
}
/*======================================================
Portfolio.css
========================================================*/
#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;
}
#portfolio #gallery_container .photo .mask {
  position: absolute;
  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 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
#portfolio #gallery_container .photo .mask h3 {
  color: #ffffff;
  font-size: 22px;
  position: relative;
  top: 39%;
}
#portfolio #gallery_container .photo .mask small {
  color: #f0f0f0;
  font-size: 15px;
  font-style: italic;
  position: relative;
  top: 35%;
  display: block;
}
#portfolio #gallery_container .photo .mask .more {
  color: #ffffff;
  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%;
  }
}
/*=======================================================
Portfolioitem.css
========================================================*/
#portfolio_tem {
  margin-top: 70px;
}
#portfolio_tem .left_box {
  margin-left: 0;
}
#portfolio_tem .left_box .big {
  margin-bottom: 40px;
  position: relative;
  height: 431px;
}
#portfolio_tem .left_box .big img {
  position: absolute;
  border-radius: 5px;
}
#portfolio_tem .thumbs .thumb {
  float: left;
  position: relative;
  margin-right: 30px;
  cursor: pointer;
  margin-bottom: 10px;
}
#portfolio_tem .thumbs .thumb.last {
  margin: 0;
}
#portfolio_tem .thumbs .thumb:hover .mask {
  display: block;
  opacity: 1;
}
#portfolio_tem .thumbs .thumb .mask {
  position: absolute;
  opacity: 0;
  box-shadow: 0px 1px 6px 2px #b1b1b1;
  top: 0px;
  left: 0px;
  border-radius: 5px;
  height: 100%;
  width: 100%;
  background: rgba(17, 137, 217, 0.5);
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
#portfolio_tem .thumbs .thumb .mask .more {
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  bottom: 40%;
  left: 43%;
}
#portfolio_tem .right_box {
  float: right;
  margin-top: 14px;
}
#portfolio_tem .right_box h2 {
  font-size: 28px;
  line-height: 27px;
  margin: 0 0 25px 0;
}
#portfolio_tem .right_box p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 18px;
  color: #3F3F3F;
}
/* 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) {
  #portfolio_tem .left_box .big {
    height: 372px;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  #portfolio_tem .left_box {
    margin-bottom: 50px;
  }
  #portfolio_tem .left_box .thumbs {
    overflow: hidden;
  }
}
/* Landscape phones and down */
@media (max-width: 480px) {
  #portfolio_tem .left_box .big {
    max-height: 350px;
  }
  #portfolio_tem .left_box .big img {
    margin-bottom: 10px;
    max-height: 350px;
  }
  #portfolio_tem .thumbs .thumb {
    margin-right: 5px;
  }
}
/*=====================================================
contact.css
========================================================*/
#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: #ffffff;
  background: #187CCC;
  font-size: 15px;
  padding: 4px 12px;
  border: 0 none;
  border-radius: 3px;
  -webkit-transition: background linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: background linear 0.2s, box-shadow linear 0.2s;
  -o-transition: background linear 0.2s, box-shadow linear 0.2s;
  transition: background linear 0.2s, box-shadow linear 0.2s;
}
#contact .contact .submit .right input[type="submit"]:hover {
  background: #252528;
}
#contact .map {
  margin: 0;
  position: relative;
}
#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: 41%;
  border-radius: 4px;
}
#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: #ffffff;
  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 0.2s, box-shadow linear 0.2s;
  -moz-transition: background linear 0.2s, box-shadow linear 0.2s;
  -o-transition: background linear 0.2s, box-shadow linear 0.2s;
  transition: background linear 0.2s, box-shadow linear 0.2s;
}
#contact .map .box_wrapp a.btn:hover {
  background: #0f0f4d;
}
.contacticos {
  background: url('//cdn-west.sqhk.co/51b753fd1563b51308c381b3/contact_icos.png') no-repeat;
  width: 24px;
  height: 44px;
}
.theme-form-success,
.form-success {
  background: #fff;
  color: #646464;
  font-weight: 300;
  font-style: italic;
  line-height: 1.25em;
  font-size: 24px;
  padding-bottom: 0px;
  margin: 0px;
  padding: 10px;
  border: 1px solid #b3b3b3;
  border-radius: 5px;
}
/* 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 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%;
  }
}
/*=====================================================
about.css
=======================================================*/
#aboutus {
  margin-bottom: 0px;
  margin-top: 0px;
}
#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: 0px;
}
#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: #ffffff;
  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: #ffffff;
  display: block;
  margin-top: 21px;
}
#process .areas .circle:hover,
#process .areas .circle.active {
  background: #1189d9;
}
/* 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: 0px;
  }
  #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;
  }
}
/* eCommerce theme styling 
=============================  */
.products-container {
  margin-top: 120px;
}
.products-product-wrapper {
  border: 1px solid #cfd9e5;
  background: none repeat scroll 0% 0% #eff6fd;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 2px 2px 2px -1px #d6d6d6;
  background-color: #ffffff;
}
.products-label .label {
  background: transparent;
  color: #0f0f4d;
  margin-top: 5px;
  font-size: 1.25em;
  font-weight: 400;
}
.products-label button {
  background: #0f0f4d;
  box-shadow: none;
  text-shadow: none;
  font-weight: bold;
  color: #ffffff;
}
.products-label button:hover {
  background: #000;
  box-shadow: none;
  text-shadow: none;
  font-weight: bold;
  color: #ffffff;
}
.carousel-inner {
  border: 7px solid #ffffff;
  border-radius: 5px;
  box-shadow: 1px 1px 2px 0px #cfcfcf;
}
.carousel-inner {
  width: 95%;
  height: auto;
}
.product-information {
  margin: 0px;
  padding: 40px 19px 40px 28px;
  background: none repeat scroll 0% 0% #ffffff;
  border-radius: 4px;
  box-shadow: 1px 1px 2px 0px #cfcfcf;
}
.product-information button {
  background: #0f0f4d;
  box-shadow: none;
  text-shadow: none;
  font-weight: bold;
  color: #ffffff;
}
.product-information button:hover {
  background: #000;
  box-shadow: none;
  text-shadow: none;
  font-weight: bold;
  color: #fff;
}
.sh-cart-btn a,
.sh-cart-btn a i {
  color: #ffffff;
  margin-top: 12px;
  margin-left: 10px;
}
.sh-cart-btn a:hover {
  color: #ffffff;
}
@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);
  }
}/**** 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;
}.unknown {
  background: url('//cdn-west.sqhk.co/5536bdb6acb7110bd8481eca/ralph-banner.jpg') #ffffff;
  background-size: cover;
}


.teamwork {
  background: url('//cdn-west.sqhk.co/5536bdb6acb7110bd8481eca/ralph-banner.jpg') #ffffff;
  background-size: cover;
}.body-contents {
    margin-top: 82px;
}


.HomeSpan4
{
  
 border:1px solid rgb(15, 15, 77);
 padding: 5px 5px 5px 5px;
 min-height:750px;
  
}