@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon/icomoon.eot?7ns1cc');
  src:  url('../fonts/icomoon/icomoon.eot?7ns1cc#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.ttf?7ns1cc') format('truetype'),
    url('../fonts/icomoon/icomoon.woff?7ns1cc') format('woff'),
    url('../fonts/icomoon/icomoon.svg?7ns1cc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* =======================================================
*
* 	Template Style 
*
* ======================================================= */
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: #000;
  background: #fff;
}


#page {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.offcanvas #page {
  overflow: hidden;
  position: absolute;
}
.offcanvas #page:after {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: rgba(0,0,0,0.5);
  content: "";
}

a {
  color: #333;
		text-decoration:underline;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
  color: rgba(20,110,220,1);
  outline: none;
  text-decoration: none;
}

p {
  margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6, figure {
  color: #000;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: 600;
  margin: 0 0 20px 0;
		line-height:1.4;
}

h2 {font-size:1.6em!important;}

h3 {font-size:1.5em!important;}

h4 {font-size:1.4em!important;}

h5 {font-size:1.3em!important;}

h6 {font-size:1.2em!important;}

::-webkit-selection {
  color: #fff;
  background: rgba(110,100,100,0.5);
}

::-moz-selection {
  color: #fff;
  background: rgba(110,100,100,0.5);
}

::selection {
  color: #fff;
  background: rgba(110,100,100,0.5);
}

.mc-nav {
  margin: 0;
  padding: 0;
  width: 100%;
  padding: 0;
  z-index: 1001;
}
.mc-nav .top-menu {
  padding: 0;
}
.mc-nav .top-menu .menu-1 {
position:relative;
height:100px;
}
	.pc {display:block;}
	.sp {display:none;}

@media only screen and (max-width: 1190px) {
.mc-nav .top-menu .menu-1 {
position:relative;
height: 50px;
}
}
@media only screen and (max-width: 992px) {
	.pc {display:none;}
	.sp {display:block;}
}
@media only screen and (max-width: 768px) {
}
.mc-nav .top-menu ul {
	position: absolute;
	bottom:0;
	right:0;
}
.mc-nav .top {
  background: rgba(110,100,100,1);
  padding: 10px 0;
}
.mc-nav .foot {
  background: rgba(110,100,100,1);
  padding: 10px 0;
		text-align:right;
}
.mc-nav .contact {
  display: inline-block;
  margin: 0;
}
.mc-nav .contact li {
  display: inline-block;
  font-size: 12px;
  color: rgba(255, 255, 255, 1);
		text-align:left;
		line-height:1.4;
		vertical-align:middle;
		margin:5px 0;
}
.mc-nav .contact li.phone-w {
	background-image:url(../images/phone-w.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:contain;
	padding-left:50px;
}
.mc-nav .contact li.phone-w a {
	letter-spacing:normal;
  color: rgba(255, 255, 255, 1.0);
  padding: 0;
  font-size: 20px;
		font-weight:500;
}
.mc-nav .contact li.mail a {
  color: rgba(255, 255, 255, 1);
		padding:10px 20px;
		border:1px solid #FFF;
		border-radius:7px;
		margin-left:15px;
}
.mc-nav .contact li a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.mc-nav .contact li a i {
  font-size: 14px;
  color: rgba(255, 255, 255, 1.0);
  margin: 0 0.3em;
}

.contact-b {
  display: block;
  margin: 0;
		padding:0;
}
.contact-b li {
  display: inline-block;
  font-size: 12px;
  color: rgba(0, 0, 0, 1.0);
		text-align:left;
		line-height:1.4;
		vertical-align:middle;
		margin:5px 0;
}
.contact-b li.phone-b {
	background-image:url(../images/phone-b.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:contain;
	padding-left:50px;
}
.contact-b li.phone-b a {
	letter-spacing:normal;
  color: rgba(0, 0, 0, 1.0);
  padding: 0;
  font-size: 20px;
		font-weight:500;
		text-decoration:none;
}
.contact-b li.mail a {
  color: rgba(0, 0, 0, 1.0);
		padding:10px 20px;
		border:1px solid #000;
		border-radius:7px;
		margin-left:15px;
		letter-spacing:0.05em;
  font-size: 16px;
		font-weight:600;
		text-decoration:none;
}
.contact-b li a:hover {
  color: rgba(0, 0, 0, 0.5);
}
.contact-b li a i {
  font-size: 14px;
  color: rgba(0, 0, 0, 1.0);
  margin: 0 0.3em;
}


.mc-nav #mc-logo {
  margin: 10px 0;
		max-width:100%;
  padding: 0;
}
.mc-nav #mc-logo img {
		width:100%;
}
/*.mc-nav #mc-logo a span {
  color: rgba(20,110,220,1);
}*/
.mc-nav a {
	display: inline-block;
	margin:0;
  padding: 0;
  color: #000;
		text-decoration:none;
}
@media only screen and (max-width: 768px) {
  .mc-nav .menu-1 {
    display: none;
  }
		.mc-nav .top.smp {
		min-height:70px;
}
.mc-nav .foot {
		text-align:center;
}
.mc-nav .contact li.mail a {
		margin-left:0;
		margin-top:10px;
}
.mc-nav .contact li {
  display: block;
}

.contact-b {
	display:block;
	margin:10px auto;
	text-align:center;
}
.contact-b li.phone-b {
}
.contact-b li.mail {
	padding:10px 0 0 0;
}
.contact-b li.mail a {
	margin:0;
}

.img-responsive {
	margin:0 0 30px 0;
}
h3 {
	text-align:center;
}
/*.rs-blog div {
	padding:0!important;
	margin:0!important;
}*/
  .mc-topic {
    width: 100%;
  }

}
.mc-nav ul {
  padding: 0;
  margin: 0;
}
.mc-nav ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline;
}
.mc-nav ul li a {
  font-size: 16px;
  padding: 5px 10px 5px 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
		border-left:1px solid #666;
}
.mc-nav ul li a.special span {
	display:inline-block;
	padding:5px 15px;
	color:#FFF;
	font-weight:600;
  background: rgba(20,110,220,1);
		border-radius:8px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.mc-nav .top-menu ul li a:hover,
.mc-nav .top-menu ul li a:focus,
.mc-nav .top-menu ul li a:active {
  color: #000!important;
}
.mc-nav ul li.has-dropdown {
  position: relative;
}
.mc-nav ul li.has-dropdown .dropdown {
	display:inline-block;
	white-space:nowrap;
  -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
  z-index: 1002;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 30px;
  left: 0;
  text-align: left;
  background: rgba(20,110,220,1);
  padding: 10px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.mc-nav ul li.has-dropdown .dropdown:before {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: rgba(20,110,220,1);
  border-width: 8px;
  margin-left: -8px;
}
.mc-nav ul li.has-dropdown .dropdown li {
  display: block;
  margin-bottom: 7px;
}
.mc-nav ul li.has-dropdown .dropdown li:last-child {
  margin-bottom: 0;
}
.mc-nav ul li.has-dropdown .dropdown li a {
  padding: 5px 0;
  display: block;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.2;
  text-transform: none;
  font-size: 14px;
  letter-spacing: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.mc-nav ul li.has-dropdown .dropdown li a:hover {
  color: #fff!important;
}
.mc-nav ul li.has-dropdown:hover a, .mc-nav ul li.has-dropdown:focus a {
  color: #000;
}
.mc-nav ul li.btn-cta a {
  color: #fff;
}
.mc-nav ul li.btn-cta a span {
  background: rgba(20,110,220,1);
  padding: 4px 20px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
}
.mc-nav ul li.btn-cta a:hover span {
  -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
}
.mc-nav ul li.active > a {
  color: rgba(20,110,220,1) !important;
}

#mc-header,
#mc-counter,
.mc-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.mc-bg {
  background-size: cover;
  background-position: center center;
  position: relative;
  width: 100%;
  float: left;
}
.mc-bg .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.mc-video {
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  .mc-video {
    height: 450px;
  }
}
.mc-video a {
  z-index: 1001;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -45px;
  width: 90px;
  height: 90px;
  display: table;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.mc-video a i {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 40px;
}
.mc-video .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.mc-video:hover .overlay {
  background: rgba(0, 0, 0, 0.7);
}
.mc-video:hover a {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.mc-cover {
  height: 800px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  width: 100%;
}
.mc-cover .overlay {
  z-index: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
}
.mc-cover > .mc-container {
  position: relative;
  z-index: 10;
}
.mc-cover .display-t,
.mc-cover .display-tc {
  z-index: 9;
  height: 700px;
  display: table;
  width: 100%;
  margin-top: 100px;
}
.mc-cover.mc-cover-sm {
  height: 600px;
}
.mc-cover.mc-cover-sm .display-t,
.mc-cover.mc-cover-sm .display-tc {
  height: 400px;
  display: table;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .mc-cover {
    height: 600px;
  }
  .mc-cover .display-t,
  .mc-cover .display-tc {
    height: 400px;
  }
  .mc-cover.mc-cover-sm {
    height: 400px;
  }
  .mc-cover.mc-cover-sm .display-t,
  .mc-cover.mc-cover-sm .display-tc {
    height: 400px;
  }
}

.contact-icons {
  margin: 0;
  padding: 0;
}
.contact-icons li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.contact-icons li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: rgba(20,110,220,1);
  padding-left: 10px;
  padding-right: 10px;
}
.contact-icons li a i {
  font-size: 20px;
}

.mc-contact-info ul {
  padding: 0;
  margin: 0;
}
.mc-contact-info ul li {
  padding: 0 0 0 40px;
  margin: 0 0 30px 0;
  list-style: none;
  position: relative;
}
.mc-contact-info ul li:before {
  color: rgba(20,110,220,1);
  position: absolute;
  left: 0;
  top: .05em;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mc-contact-info ul li.address:before {
  font-size: 30px;
  content: "\e9d1";
}
.mc-contact-info ul li.phone:before {
  font-size: 23px;
  content: "\e9f4";
}
.mc-contact-info ul li.email:before {
  font-size: 23px;
  content: "\e9da";
}
.mc-contact-info ul li.url:before {
  font-size: 23px;
  content: "\e9af";
}

#mc-header .display-tc,
#mc-counter .display-tc,
.mc-cover .display-tc {
  display: table-cell !important;
  vertical-align: middle;
  padding: 0 40px;
}
#mc-header .display-tc h1, #mc-header .display-tc h2,
#mc-counter .display-tc h1,
#mc-counter .display-tc h2,
.mc-cover .display-tc h1,
.mc-cover .display-tc h2 {
  margin: 0;
  padding: 0;
  color: white;
}
#mc-header .display-tc h1,
#mc-counter .display-tc h1,
.mc-cover .display-tc h1 {
  margin-bottom: 20px;
  font-size: 54px;
  line-height: 1.3;
  text-transform: uppercase;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  #mc-header .display-tc h1,
  #mc-counter .display-tc h1,
  .mc-cover .display-tc h1 {
    font-size: 30px;
  }
}
#mc-header .display-tc h2,
#mc-counter .display-tc h2,
.mc-cover .display-tc h2 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
}
/*#mc-header .display-tc .btn,
#mc-counter .display-tc .btn,
.mc-cover .display-tc .btn {
  padding: 15px 30px;
  background: rgba(20,110,220,1) !important;
  color: #fff;
  border: none !important;
  font-size: 18px;
}
#mc-header .display-tc .btn:hover,
#mc-counter .display-tc .btn:hover,
.mc-cover .display-tc .btn:hover {
  background: rgba(20,110,220,1) !important;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
}*/
#mc-header .display-tc .form-inline .form-group,
#mc-counter .display-tc .form-inline .form-group,
.mc-cover .display-tc .form-inline .form-group {
  width: 100% !important;
  margin-bottom: 10px;
}
#mc-header .display-tc .form-inline .form-group .form-control,
#mc-counter .display-tc .form-inline .form-group .form-control,
.mc-cover .display-tc .form-inline .form-group .form-control {
  width: 100%;
  background: #fff;
  border: none;
}

.mc-bg-section {
  background: rgba(0, 0, 0, 0.05);
}

  #mc-pale,
  #mc-blanc,
  #mc-topic,
  #mc-contact,
  #mc-footer {
  padding: 30px 0;
  clear: both;
}
@media only screen and (max-width: 768px) {
  #mc-pale,
  #mc-blanc,
  #mc-topic,
  #mc-contact,
  #mc-footer {
    padding: 20px 2%;
  }
}

#mc-title {
  padding: 20px 0 80px 0;
}
#mc-title h2 {
	color:#FFF;
}

.services {
	width:100%;
  padding: 10px;
  background: #fff;
		margin-top:30px;
}

.services span {
  display: block;
  margin: 10px 0;
}
.services span img {
		height: auto!important;
  margin: 0 auto;
}
.services p {
	font-size:80%;
	padding:0;
	text-align:left;
}
.services h3 {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 500;
  position: relative;
  margin:2em 0;
}
.services h3:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  width: 40px;
  height: 2px;
  margin: 0 auto;
  background: rgba(20,110,220,1);
  content: '';
}

.trainer {
  position: relative;
  background: rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 768px) {
	.rs-blog h3 {
		margin-top:20px;
	}
  .trainer {
    margin-bottom: 30px;
  }
}
.trainer img {
  width: 84%;
}
.trainer .title {
  width: 100%;
  position: absolute;
  bottom: 60%;
  left: 42%;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.trainer .title h3 {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin: 0;
  padding: 0;
}
.trainer .title h3 a {
  color: #000;
}
.trainer .title h3 a:hover, .trainer .title h3 a:focus {
  color: rgba(20,110,220,1);
}
.trainer .title span {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4);
}
.trainer .desc {
  width: 70%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  padding: 7px;
}
.trainer .desc .contact-icons li a {
  color: #000;
}
.trainer .desc .contact-icons li a i {
  font-size: 16px;
}

.mc-tabs {
  width: 100%;
  margin: 0;
}
.mc-tabs .mc-tab-nav {
  margin: 0;
  padding: 0;
  display:table;
  border-collapse:separate;
  border-spacing:1px 0;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.mc-tabs .mc-tab-nav li {
	display:table-cell;
  margin: 0;
  padding: 0;
  width: 33%;
  text-align: center;
  list-style: none;
  line-height:1.4em;
}
.mc-tabs .mc-tab-nav.products li {
  width: 25%!important;
}

@media only screen and (max-width: 768px) {
.mc-tabs .mc-tab-nav.products li {
	display:block;
	width:100%!important;
	margin:1px 0;
}
}
.mc-tabs .mc-tab-nav li img {
	margin-bottom:0;
}
.mc-tabs .mc-tab-nav li a {
  padding: 10px;
  width: 100%;
  display:block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 8px 8px 0 0;
  background: rgba(230,10,20,0.6);
  color: #FFF;
		text-decoration:none;
}
.mc-tabs .mc-tab-nav li a:hover {
  background: rgba(255,10,20,1);
}
.mc-tabs .mc-tab-nav li.active a {
  background: rgba(20,110,220,1);
		cursor: default;
}
.mc-tabs .mc-tab-content-wrap {
  position: relative;
}
.mc-tabs .mc-tab-content-wrap .tab-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background: rgba(20,110,220,1);
  padding:0 20px 20px 20px;
}
.mc-tabs .mc-tab-content-wrap .tab-content.active {
  opacity: 1;
  visibility: visible;
}
.mc-products {
	clear:both;
	float:left;
  width: 100%;
  margin: 20px 0 0 0;
  padding: 0;
}
.mc-products li {
  width: 25%;
  float: left;
  border: 1px solid rgba(0,0,0, 0.1);
  list-style: none;
  padding: 10px 10px 60px 10px;
  background:#FFF;
		margin-left:-1px;
		margin-top:-1px;
		position:relative;
}
.mc-products li p {
	padding:0;
	margin:10px 0 0 0;
	font-size:12px;
	text-align:left;
}
.mc-products li a.btn {
	width:50%;
	font-size:14px;
  padding: 5px;
		margin:auto!important;
		position:absolute;
		left:0;
		right:0;
		bottom:15px;
}
.mc-products li span {
  display: block;
  margin-bottom: 10px;
}
.mc-products li span img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
.mc-products li h4 {
  color: rgba(0,0,0, 0.8);
  font-size: 14px;
  padding:0;
}
.mc-products li .num {
  display:block;
  padding: 5px 12px;
  background: rgba(20,110,220,1);
  color: #fff;
  font-size: 13px;
		line-height:1.3;
}
.mc-products li .pph {
	width:100%;
	height:120px;
	position:relative;
	overflow:hidden;
	margin:auto;
}
.mc-products li .pph img {
	z-index:9999;
	height:100%;
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

@media only screen and (max-width: 992px) {
.mc-products li {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
.mc-products li {
    width: 100%;
  }
}

.pricing {
  display: block;
  float: left;
  margin-bottom: 30px;
  width: 100%;
}

.news-box {
  width: 100%;
  padding: 40px 5% 10px 5%;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 40px;
  position: relative;
  -webkit-box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.75) !important;
}
.news-box.negative {
	margin-top:-100px;
}
.news-box.popular .btn-select-plan {
  background: rgba(20,110,220,1);
}
.news-box.popular .price {
  color: rgba(20,110,220,1);
}
.news-box .btn-select-plan {
  padding: 5px 20px;
  background: rgba(20,110,220,1);
  color: #fff;
  font-size:14px;
}
.news-box .classes {
  padding: 0;
}
.news-box .classes li {
  display: block;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0 0 20px 0;
  font-size: 16px;
}
.news-box .classes li.color {
  background: rgba(0, 0, 0, 0.04);
}
.news-box .classes li span {
	margin-right:1em;
}
.news {
  margin: 0 0 50px 0;
  padding: 0;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  color: #888f94;
}
.news-offer {
  margin: 0;
  margin-top: 5px;
  padding:0;
	display: inline-block;
	vertical-align:top;
}
.news-head {
	display: inline-block;
	vertical-align:top;
  margin: 0;
  padding:0;
}
.news span {
  color: #d5d8db;
	display: inline-block;
  margin: 0;
  padding:0;
}

@media only screen and (max-width: 768px) {
.news-offer {
  margin-bottom: 1em;
  width:100%;
	display: block;
}
.news-head {
  margin-bottom: 0.5em;
  width:100%;
	display: block;
}
}

.price {
  font-size: 72px;
  color: #000;
  line-height: 50px;
}
.price .currency {
  font-size: 30px;
  top: -0.9em;
  padding-right: 10px;
}
.price small {
  font-size: 13px;
  display: block;
  text-transform: uppercase;
  color: #888f94;
}

#mc-portfolio-list {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
}
#mc-portfolio-list li {
  width: 100%;
  display: block;
  padding: 0;
  margin: 0 0 15px 1%;
  list-style: none;
  min-height: 200px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color:#FFF;
  float: left;
  clear: left;
  position: relative;
}
@media only screen and (max-width: 480px) {
  #mc-portfolio-list li {
    margin-left: 0;
  }
}
#mc-portfolio-list li a {
  min-height: 200px;
  padding: 2em;
  position: relative;
  width: 100%;
  display: block;
}
#mc-portfolio-list li a:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 80;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: transparent;
}
#mc-portfolio-list li a:hover:before {
  background: rgba(0, 0, 0, 0.5);
}
#mc-portfolio-list li a .case-studies-summary {
  width: auto;
  left: 0;
  right: 0;
  bottom: 0;
  margin:auto;
  position: absolute;
  z-index: 100;
  background: rgba(0,0,0, 0.3);
  padding:1em;
}
@media only screen and (max-width: 768px) {
  #mc-portfolio-list li a .case-studies-summary {
    bottom: 1em;
    left: 1em;
    right: 1em;
  }
}
#mc-portfolio-list li a .case-studies-summary span {
  font-size: 12px;
  letter-spacing:normal;
  color: #FFF;
}
#mc-portfolio-list li a .case-studies-summary h3 {
  color: #FFF;
  font-size: 16px;
  font-weight:500;
  padding:0;
  margin:0;
}
@media only screen and (max-width: 768px) {
  #mc-portfolio-list li a .case-studies-summary h2 {
    font-size: 20px;
  }
}
#mc-portfolio-list li.two-third {
  width: 48.6%;
}
@media only screen and (max-width: 768px) {
  #mc-portfolio-list li.two-third {
    width: 49%;
  }
}
@media only screen and (max-width: 480px) {
  #mc-portfolio-list li.two-third {
    width: 100%;
  }
}
#mc-portfolio-list li.one-third {
  width: 23.8%;
}
@media only screen and (max-width: 768px) {
  #mc-portfolio-list li.one-third {
    width: 49%;
  }
}
@media only screen and (max-width: 480px) {
  #mc-portfolio-list li.one-third {
    width: 100%;
  }
}
#mc-portfolio-list li.one-half {
  width: 49%;
}
@media only screen and (max-width: 480px) {
  #mc-portfolio-list li.one-half {
    width: 100%;
  }
}

.mc-heading {
}
.mc-heading h2 {
  margin: 0 0 20px 0;
  line-height: 1.5;
  color: #000;
  position: relative;
	padding:0;
}
.mc-heading h2:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  height: 2px;
  margin: 0 auto;
  background: rgba(20,70,150,1);
  content: '';
}
.mc-heading p {
  font-size: 18px;
  line-height: 1.3;
  color: rgba(20,110,220,1);
	margin:0 0 30px 0;
		padding:0;
}
.mc-heading span {
	display:block;
	padding:0;
	margin:0 0 40px 0;
	text-align:left;
  font-size: 14px;
}
#mc-slide {
  background: #000;
		border:1px solid #f0eeea;
		padding:0;
		margin:0;
}

#mc-pale {
  background: #f0eeea;
}
#mc-pale .testimony-slide {
  text-align: center;
}
#mc-pale .testimony-slide span {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  display: block;
}
#mc-pale .testimony-slide figure {
  margin-bottom: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#mc-pale .testimony-slide figure img {
  width: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#mc-pale .testimony-slide blockquote {
  border: none;
  margin: 30px auto;
  width: 70%;
  position: relative;
  padding: 0;
}
@media only screen and (max-width: 992px) {
  #mc-pale .testimony-slide blockquote {
    width: 100%;
  }
}
#mc-pale .arrow-thumb {
  position: absolute;
  top: 40%;
  display: block;
  width: 100%;
}
#mc-pale .arrow-thumb a {
  font-size: 32px;
  color: #dadada;
}
#mc-pale .arrow-thumb a:hover, #mc-pale .arrow-thumb a:focus, #mc-pale .arrow-thumb a:active {
  text-decoration: none;
}

.rs-blog {
	padding:0 0 30px 0;
	margin:0 0 10px 0;
	font-size:14px;
	border-bottom:1px solid #CCC;
	position:relative;
}
.rs-blog .ph {
	display:block;
	background-size:cover;
	background-position:center;
	width:100%;
	height:150px;
	margin:0 0 10px 0!important;
}
.rs-blog p {
	padding:0;
	margin:0 0 5px 0;
}
.rs-blog .cate {
	display:inline-block;
	font-size:12px;
	font-weight:600;
	line-height:1.5;
	padding:2px 10px;
	border:2px solid rgba(20, 70, 150, 1.0);
	color:rgba(20, 70, 150, 1.0);
	margin-right:1em;
	float:left;
}
.rs-blog .date {
	display:inline;
	float:left;
}
.rs-blog .date+p {
	clear:both;
	margin-top:1em;
}
.rs-blog .title {
	font-weight:600;
	font-size:1.4em;
	line-height:1.5;
	margin-top:1em;
}
.rs-blog .text {
	line-height:1.5;
	margin-top:1em;
}
.rs-blog .ph1 img {
	width:100%;
	margin-top:1em;
}

.gs-blog {
/*	float:left;	*/
	padding:0;
	margin:-30px 0 20px 0;
	font-size:14px;
	box-sizing:border-box;
}
.gs-blog div[class^="col-"] {
	border-bottom:1px solid #CCC;
}
.gs-blog .gsBox {
	padding:0 30px 0 0;
	box-sizing:border-box;
	border-right:1px solid #CCC;
	margin:30px 0;
}

.gs-blog .ph {
	display:block;
	background-size:cover;
	background-position:center;
	width:100%;
	height:160px;
	margin:0 0 10px 0!important;
}
.gs-blog .title {
	font-weight:600;
	font-size:1.4em;
	line-height:1.5;
	margin-top:1em;
	height:60px;
}
.gs-blog .text {
	line-height:1.5;
	margin-top:1em;
}
.gs-blog p {
	padding:0;
	margin:0 0 5px 0;
	height:100px;
}

@media only screen and (max-width: 768px) {
.gs-blog .gsBox {
	padding:0;
	border-right:0;
}
}

form.blog-btn {
	text-align:right;
	margin:15px 0 0 0!important;
}
p.blog-btn {
	text-align:right;
	margin:15px 0 0 0!important;
}
.mc-topic {
  margin-bottom: 60px;
}
.mc-topic .topic-ph {
	display:block;
  width: 100%;
		height:160px;
		background-position:center;
		background-size:cover;
}
.mc-topic a img {
  width: 100%;
}
.mc-topic {
			padding:0!important;
			margin:0!important;
  }
.mc-topic .topic-text {
	font-size:14px;
  position: relative;
  background: #fff;
  width: 100%;
  padding: 20px 15px 15px 15px;
  margin: 20px 0 40px 0;
  float: none;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
}
.mc-topic .topic-text span {
  display: inline-block;
  margin-bottom: 20px;
}
.mc-topic .topic-text span.posted_on {
  color: white;
  font-size: 18px;
		line-height:1.4;
  padding: 5px 20px;
  margin: 0 0 15px -24px;
  background: rgba(20,70,150,1);
  position: relative;
}
.mc-topic .topic-text span.posted_on:before {
  position: absolute;
  top: 100%;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 9px 0;
  border-color: transparent rgba(20,70,150,0.5)  transparent transparent;
}
.mc-topic .topic-text span.comment {
	font-size:14px;
	padding:0;
	margin:1em 0;
}
.mc-topic .topic-text p {
	padding:10px 0 5px 0;
	margin:0;
	line-height:1.4;
}
.mc-topic .topic-text span.comment a {
  color: rgba(0, 0, 0, 0.5);
}
.mc-topic .topic-text span.comment a i {
  color: rgba(20,110,220,1);
  padding-left: 7px;
}
.mc-topic .topic-text span.btn {
	display:block;
	text-align:center;
	padding:0;
	margin:auto;
	bottom:15px;
}
.mc-topic .topic-text a.btn {
	font-size:14px;
	padding:4px 20px;
	margin:0;
}
.mc-topic .topic-text h3 {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.mc-topic .topic-text h3 a {
  color: black;
}

#mc-footer {
  position: relative;
  font-size: 14px;
  background: rgba(255,255,255,1);
}
#mc-footer .btn {
  padding: 15px 30px;
  background: #fff !important;
  color: rgba(20,110,220,1);
  border: none !important;
  font-size: 18px;
}
#mc-footer .btn:hover {
  background: rgba(255,255,255,0.3) !important;
  color: #fff !important;
}

#mc-footer h3 {
  margin: 20px 0 10px 0;
  font-weight: bold;
  font-size: 14px;
		line-height:1.4;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
}
#mc-footer h3 a {
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}
#mc-footer h3 a:hover {
  text-decoration: underline;
}
#mc-footer .mc-footer-links {
  padding: 0;
  margin: 0;
}
#mc-footer .mc-footer-links li {
  padding: 0;
  margin: 0 0 0 10px;
  list-style: none;
}
#mc-footer .mc-footer-links li a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
#mc-footer .mc-footer-links li a:hover {
  text-decoration: underline;
  color: rgba(255, 255, 255, 1);
}
#mc-footer .mc-widget {
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  #mc-footer {
    text-align: center;
  }

.btn_out {
	margin-bottom:20px;
	text-align:center;
}
}
#mc-footer .mc-widget h3 {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#mc-footer .copyright .block {
  display: block;
}

#map {
  width: 100%;
  height: 500px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #map {
    height: 200px;
  }
}

#mc-offcanvas {
  position: absolute;
  z-index: 1901;
  width: 270px;
  background: rgba(110,100,100,1);
  top: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 80px 20px 20px 20px;
  /*overflow-y: auto;*/
  display: none;
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 768px) {
  #mc-offcanvas {
    display: block;
  }
}
.offcanvas #mc-offcanvas {
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
#mc-offcanvas a {
	font-size:14px;
  color: rgba(255, 255, 255, 1.0);
		margin-top:20px;
}
#mc-offcanvas a:hover {
  color: rgba(255, 255, 255, 0.8);
}
#mc-offcanvas ul {
  padding: 0;
  margin: 0;
}
#mc-offcanvas ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#mc-offcanvas ul li > ul {
  padding-left: 20px;
  display: none;
}
#mc-offcanvas ul li.offcanvas-has-dropdown > a {
  display: block;
  position: relative;
}
#mc-offcanvas ul li.offcanvas-has-dropdown > a:after {
  position: absolute;
  right: 0px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e921";
  font-size: 20px;
  color: rgba(255, 255, 255, 1.0);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#mc-offcanvas ul li.offcanvas-has-dropdown.active a:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.uppercase {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.gototop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.gototop.active {
  opacity: 1;
  visibility: visible;
}
.gototop a {
  width: 50px;
  height: 50px;
  display: table;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.gototop a i {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.gototop a:hover, .gototop a:active, .gototop a:focus {
  text-decoration: none;
  outline: none;
}

.mc-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
}
.mc-nav-toggle.active i::before, .mc-nav-toggle.active i::after {
  background: #fff !important;
}
.mc-nav-toggle:hover, .mc-nav-toggle:focus, .mc-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.mc-nav-toggle i {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 2px;
  color: #FFF;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #FFF;
  transition: all 0.5s ease-out;
}
.mc-nav-toggle i::before, .mc-nav-toggle i::after {
  content: '';
  width: 25px;
  height: 2px;
  background: #FFF;
  position: absolute;
  left: 0;
  transition: all 0.5s ease-out;
}
.mc-nav-toggle.mc-nav-white > i {
  color: #FFF;
  background: #FFF;
}
.mc-nav-toggle.mc-nav-white > i::before, .mc-nav-toggle.mc-nav-white > i::after {
  background: #FFF;
}

.mc-nav-toggle i::before {
  top: -7px;
}

.mc-nav-toggle i::after {
  bottom: -7px;
}

.mc-nav-toggle:hover i::before {
  top: -10px;
}

.mc-nav-toggle:hover i::after {
  bottom: -10px;
}

.mc-nav-toggle.active i {
  background: transparent;
}

.mc-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.mc-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.mc-nav-toggle {
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important;
}
.mc-nav-toggle:after {
	content:"menu";
	font-size:10px;
	text-align:center;
	margin:0;
	padding:0;
	color:#FFF;
}
@media only screen and (max-width: 768px) {
  .mc-nav-toggle {
    display: block;
  }
}

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "Work Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 8px 20px;
}

.btn1 {
  padding: 8px 10px;
}
a.btn {
	text-decoration:none!important;
}
.btn.btn-md {
	width:30%;
  padding: 8px 10px !important;
}
.btn.btn-lg {
  padding: 15px 10% !important;
  font-size:20px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

.btn-primary {
  background: rgba(20,70,150,1);
  color: #fff;
  border: 0;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: rgba(20,70,150,0.8);
}

.btn-outline {
  background: none;
  font-size: 14px;
  font-weight:600;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: rgba(20,70,150,1);
  border: 2px solid rgba(20,70,150,1);
		padding:5px 20px;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
  background: rgba(20,70,150,11);
  border: 2px solid rgba(20,70,150,1);
  color: #fff;
}

.btn.with-arrow {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn.with-arrow i {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn.with-arrow:hover {
  padding-right: 50px;
}
.btn.with-arrow:hover i {
  color: #fff;
  right: 18px;
  visibility: visible;
  opacity: 1;
}

.form-control {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300;
}
.form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: rgba(20,110,220,1);
}

.row-pb-md {
  padding-bottom: 4em !important;
}

.row-pb-sm {
  padding-bottom: 2em !important;
}

.mc-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loader.gif) center no-repeat #fff;
}

.js .animate-box {
  opacity: 0;
}

/*# sourceMappingURL=style.css.map */

/* 
///////////////////////////////////////////////////
7.0 BLOGS 
///////////////////////////////////////////////////
*/
/* BLOG STYLE #1 */
.mc-topic-style-1 {
  padding: 7em 0;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .mc-topic-style-1 {
    padding: 4em 0;
  }
}
.mc-topic-style-1 .mc-post {
  float: left;
  width: 100%;
  background: #fff;
  position: relative;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 20px #DFDFDF;
  -moz-box-shadow: 0px 0px 20px #DFDFDF;
  -ms-box-shadow: 0px 0px 20px #DFDFDF;
  -o-box-shadow: 0px 0px 20px #DFDFDF;
  box-shadow: 0px 0px 20px #DFDFDF;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mc-topic-style-1 .mc-post img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.mc-topic-style-1 .mc-post:hover img, .mc-topic-style-1 .mc-post:focus img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.mc-topic-style-1 .mc-post .mc-post-image {
  position: relative;
  overflow: hidden;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  z-index: 1;
}
.mc-topic-style-1 .mc-post .mc-post-image .mc-overlay {
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mc-topic-style-1 .mc-post .mc-post-image .mc-category {
  margin: 10px 0 0 15px;
  float: left;
  z-index: 2;
  position: absolute;
}
.mc-topic-style-1 .mc-post .mc-post-image .mc-category > a {
  font-size: 10px;
  padding: 2px 10px;
  line-height: 1.5;
  font-family: "Open Sans", Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #f2f2f2;
  margin: 0 4px 4px 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.mc-topic-style-1 .mc-post .mc-post-image .mc-category > a:hover {
  background: #1784fb;
  border: 1px solid #1784fb;
}
.mc-topic-style-1 .mc-post .mc-post-image .mc-category > a:hover, .mc-topic-style-1 .mc-post .mc-post-image .mc-category > a:active, .mc-topic-style-1 .mc-post .mc-post-image .mc-category > a:focus {
  text-decoration: none;
}
.mc-topic-style-1 .mc-post .mc-post-text {
  padding: 20px;
}
.mc-topic-style-1 .mc-post .mc-post-text h3 {
  font-size: 17px;
  margin-bottom: 15px;
  font-weight: 700;
}
.mc-topic-style-1 .mc-post .mc-post-text h3 a {
  color: #000;
}
.mc-topic-style-1 .mc-post .mc-post-text h3 a:hover {
  color: #1784fb;
}
.mc-topic-style-1 .mc-post .mc-post-text h3 a:hover, .mc-topic-style-1 .mc-post .mc-post-text h3 a:active, .mc-topic-style-1 .mc-post .mc-post-text h3 a:focus {
  text-decoration: none;
}
.mc-topic-style-1 .mc-post .mc-post-text p {
  font-size: 14px;
  margin-bottom: 0;
  color: #a6a6a6;
}
.mc-topic-style-1 .mc-post .mc-post-text p:last-child {
  margin-bottom: 0 !important;
}
.mc-topic-style-1 .mc-post .mc-post-meta {
  border-top: 1px solid #f0f0f0;
  padding: 10px 20px;
  font-family: "Open Sans", Arial, sans-serif;
  font-family: 'Arial', sans-serif;
  font-weight: 400;
}
.mc-topic-style-1 .mc-post .mc-post-meta a {
  font-size: 13px;
  margin-right: 10px;
  margin-bottom: 20px;
  color: #b3b3b3;
}
.mc-topic-style-1 .mc-post .mc-post-meta a i {
  display: inline-block;
  margin-right: 5px;
}
.mc-topic-style-1 .mc-post .mc-post-meta a:hover, .mc-topic-style-1 .mc-post .mc-post-meta a:active, .mc-topic-style-1 .mc-post .mc-post-meta a:focus {
  text-decoration: none;
}
.mc-topic-style-1 .mc-post .mc-post-meta a:hover {
  color: #000;
}


/*swiper*/

    .swiper-container {
		padding-bottom:20px;
    }

/*carousel-fade*/

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 450px;
}
@media only screen and (max-width: 992px) {
.carousel,s
.carousel-inner,
.carousel-inner .item {
  height: 350px;
}
}
@media only screen and (max-width: 768px) {
.carousel,s
.carousel-inner,
.carousel-inner .item {
  height: 250px;
}
}
.item {
	background-position:center center;
	background-size: cover;
}


/*products*/

.productsPH {
	box-sizing:border-box;
	width:85%;
	text-align:center;
	padding:30px;
	margin:30px 5% 0 0;
	background-color:#FFF;
	float:left;
}
.productsPH span {
	display:block;
	width:100%;
	min-height:400px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

.PHthumb {
	box-sizing:border-box;
	width:10%;
	text-align:center;
	margin:30px 0;
	float:left;
}
.PHthumb a {
	background-color:#FFF;
	margin:0 0 15px 0;
	padding:5px;
	display:block;
	width:100%;
	height:70px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	position:relative;
	overflow:hidden;
}
.PHthumb a img {
	max-width:100%;
	max-height:100%;
}
.PHthumb a img.off {
	position:absolute;
	top:0;
	left:0;
	width:100%!important;
	height:100%!important;
}
.products-tab {
	box-sizing:border-box;
	margin-top:20px;
	padding:30px 5%;
	background-color:#FFF;
	text-align:left;
}
ul.deci li {
	list-style:decimal;
}

.prod {
padding:3em 0 1em 0!important;
}
@media only screen and (max-width: 768px) {
.prod {
    padding: 3em 5%!important;
  }
}
.prod h2 {
	color:#FFF;
	font-size:24px;
}
.prod h3 {
	color:#FFF;
	font-size:26px;
	font-weight:600;
	line-height:140%;
	padding:0;
	margin:0;
}
.prod h4 {
	color:#FFF;
	font-size:20px;
	line-height:140%;
	padding:0;
	margin:0 0 20px 0;
}
.prod p {
	color:#FFF;
	font-size:14px;
}
table.prodtb {
width:100%;
font-size:14px;
margin:20px 0 0 0;
}
table.prodtb th,
table.prodtb td {
border:1px solid #CCC;
padding:10px;
box-sizing: border-box;
}
table.prodtb th {
background-color:#EEE;
}
.t-center {
text-align:center;
}
.star {
color:#CC0000;
font-size:12px;
font-weight:400;
}
p.prodp {
font-size:14px;
line-height:140%;
margin:20px 0;
}



ul.option {
	width:100%;
	float:left;
	padding:0;
}
ul.option li {
	float:left;
	text-align:center;
	width:23%;
	height:280px;
	list-style-type:none;
	padding:0;
	box-sizing:border-box;
	color:#000;
	margin:1%;
}
ul.option li div.ph {
	border:1px solid #ddd;
	position:relative;
	width:100%;
	height:200px;
}
ul.option li img {
	max-width:90%;
	max-height:90%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	display:block;
}
ul.option li div.cap {
	font-size:14px;
	text-align:center;
	margin-top:10px;
}
ul.option li div.cap span {
	display:block;
	font-size:11px;
}
@media only screen and (max-width: 1199px) {
ul.option li { width:31%; }
}
@media only screen and (max-width: 768px) {
ul.option li { width:48%; }
}
@media only screen and (max-width: 480px) {
ul.option li { width:100%; }
}

.carousel-caption {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
  color: #fff;
	background:rgba(0,0,0,0);
	box-sizing:border-box;
}
.carousel-caption img {
	position:absolute;
	top:50%;
	bottom:50%;
	left:0;
	right:0;
	margin: auto;
	width:95%;
	max-width:700px;
}

.carousel-caption p {
	display:inline-block;
	color:#FFF;
	padding:0;
	margin:0 20px 0 0;
	font-size:20px;
	font-weight:500;
	vertical-align:middle;
}
.carousel-caption div {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	display:block;
	text-align:right;
	padding:15px;
	background-color:rgba(0,0,0,0.5);
	margin:0;
}
.carousel-caption a {
	display:inline-block;
	padding:5px 30px;
	background-color: transparent;
	border:2px solid #FFF;
	border-radius:5px;
	color:#FFF;
	text-decoration:none;
	margin:0;
	font-size:14px;
	vertical-align:middle;
}
.carousel-caption a:hover {
	background-color:rgba(255,255,255,0.2);
}

@media only screen and (max-width: 768px) {
#mc-slide .container {
  margin: auto;
  padding: 0px;
}
.carousel-caption div {
	text-align:center;
}
.carousel-caption p {
	display:block;
	text-align:center;
	margin:0 0 5px 0;
}
.carousel-caption img {
	position:absolute;
	top:35%;
	bottom:65%;
	left:0;
	right:0;
	margin: auto;
	width:95%;
	max-width:700px;
}
}
.mc-nav h1 {
	color:rgba(255,255,255,1);
	line-height:1.3;
	font-size:14px;
	font-weight:500;
	padding:0;
	margin:5px 0 0 0;
}

#mc-blanc {
 box-shadow: 0 20px 20px -20px rgba(0,0,0,0.2) inset;
}
#mc-blanc .row {
	padding-top:1em;
	padding-bottom:1em;
}


/*Restore Blog*/

.categoly {
	margin:0 0 60px 0;
}
.categoly h3 {
	margin:20px 0;
	font-size:16px;
	text-align:center;
	padding-bottom:8px;
	border-bottom:2px solid rgba(20, 70, 150, 1.0);
}
.categoly ul {
	margin:0;
	padding:0;
	
}
.categoly ul li {
	list-style-type:none;
	font-size:13px;
	border-bottom:1px dotted #CCC;
	padding:6px 10px;
}
@media only screen and (max-width: 768px) {
.categoly {
	margin:40px 0;
}
}


.pager {
	font-weight:100;
	color:#DDD;
	font-size:14px;
}
.pager a {
	display:inline-block;
	padding:5px 10px;
	background-color:rgba(0,0,0,0.05);
	line-height:1.0;
	text-decoration:none;
	margin:0 5px;
}
.pager a.active {
	background-color:rgba(0,0,0,0.2);
}
.pager a:hover {
	color:rgba(20, 70, 150, 1.0);
	background-color:rgba(0,0,0,0.2);
}
.pager a.icon-chevron-thin-left {
	background-color: transparent;
}
.pager a.icon-chevron-thin-right {
	background-color: transparent;
}

#Gmap {
	width:100%;
	height:300px;
	margin:30px 0;
	background:#EEE;
}
.flexBox {
	background-size:cover!important;
	background-position:center center!important;
	margin-bottom:20px;
}
.flexBox img {
	width:100%;
}
#restored {
	position:relative;
}
#restored .price {
	position:absolute;
	right:0;
	top:0;
	font-size:14px;
	line-height:1.4;
}
#restored .price p {
	min-width:250px;
	max-width:800px;
	display:inline-block;
	padding:5px;
	background:rgb(220,220,220);
	text-align:center;
	box-sizing:border-box;
}
@media only screen and (max-width: 768px) {
#restored .price {
	display:block;
	text-align:center;
	margin:0 auto;
	position:relative;
}
}

.ml_30{
	margin-left: 30px;
}
.mr_30{
	margin-right: 30px;
}
.bordar_b{
	border-bottom: 1px solid #CCC;
}