/* Google fonts： */
/* Noto Sans TC (Chinese Traditional) 黑體（思源黑體） */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700,800,900&subset=chinese-traditional);
/*  cwTeXKai (Chinese Traditional) 楷體字體 */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);
/* cwTeXYen (Chinese Traditional) 圓體字體 */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
/*Google fonts：cwTeXFangSong (Chinese Traditional) 仿宋體字體*/
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
/* cwTeXFangSong (Chinese Traditional) 仿宋體字體 */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
/* cwTeXMing (Chinese Traditional) 明體字體 */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);
body { 
	color: #3e4d5c; 
	direction: ltr;
	font-size: 16px;
	font-family: "cwTeXYen","微軟正黑體","Microsoft YaHei","微软雅黑体",PMingLiU,"新細明體",'宋体', simsun, Arial,Helvetica,sans-serif;
	background: #f9f9f9;
	overflow-x: hidden;
    line-height: 2em;
    font-weight: 300;
}

/*********************
 GENERAL UI COLORS 
*********************/

/***
Colors
***/
.color-red { color: #e02222;}
.color-blue { color: #0da3e2;}
.color-grey { color: #555555;}
.color-green { color: #35aa47;}
.color-yellow { color: #ffb848;}
.color-purple { color: #852b99;}
.color-light-red { color: #ff5400;}
.color-light-blue { color: #bfd5fa;}
.color-light-grey { color: #fafafa;}
.color-light-green { color: #78df1d;}
.background-light-grey { background-color: rgba(255,255,255,0.2);margin: 20px auto;}

/*********************
 GENERAL RESET & SETUP 
*********************/

/***
General typography 
***/
h1, h2, h3, h4, h5, h6 {
  font: 23px 'PT Sans Narrow',"Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑体", Arial,Helvetica,sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 0;
    color: #0da3e2;
    font-weight: bolder;
}
sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}
h2.courseText{font-size: 30px;color: #bd9649;width: 100%;text-align: center;position: relative;top: 50px;line-height: 36px;background: url("../img/title_bg.png") center center no-repeat;}
.main h1 {
	margin-top: -6px;
}
.main{margin-top: 30px;}
.courseText{margin-bottom: 2em;}


/***
Fix link outlines after click
***/
a, a:focus, a:hover, a:active {
  outline: 0;
  text-decoration: none;
    color: dimgray;
}
a:hover {
	color: #041540;
/*	text-decoration: none;*/
}
/* .show {
        display: inline;
    }*/
    .textAlignRight{
    	text-align: right;
    }
    .hide {
        dispay: none;
    }
 .show a img{ height: 240px;overflow: hidden;}
.pages
{
    font-family: Arial;

    clear: both;

    height: 28px;
    padding: 40px 0 40px 0;

    text-align: center;
}
.pages a,
.pages span
{
    line-height: 22px;

    display: inline-block;

    width: 22px;
    height: 22px;
    margin: 0 3px;
    padding: 3px 3px;

    text-align: center;

    color: #717171;
    background-image: url(/inc/templates/frontend/default/images/bt_bg.gif);
    background-repeat: no-repeat;
}
.pages a
{
    background-position: 0 0;
}
a.page:hover,
span.page
{
    color: #041540;
    background-position: 0 -38px;
}

.pagesSh
{
    font-family: Arial;

    clear: both;

    height: 28px;
    padding: 40px 0 40px 0;

    text-align: center;
}
.pagesSh a,
.pagesSh b
{
    line-height: 22px;

    display: inline-block;

    height: 22px;
    margin: 0 3px;
    padding: 3px 9px;

    text-align: center;

    color: #717171;
}

.pagesSh a
{
    border: 1px solid #d9d9d9;
}
.pagesSh a:hover
{
    border: 1px solid #fd8200;
}
.fl{
    float: left;
}
.fr{
    float: right;
}

/* overides metro scrolbars in IE10 and makes them look like a default scrollbar */
@-ms-viewport{
	width: auto !important;
}
 q
/* Global classes */
.min-hight500 {
	min-height: 500px;
}


/*class0**/
.our-course{
    padding: 30px 0 10px;
    background: #f7f5ec;
    text-align: center;
    overflow: hidden;
    position: relative;
    box-shadow: 3px 3px 15px #ccc,-3px -3px 15px #ccc;
}
.our-course .pic{
    display: inline-block;
    width: 130px;
    height: 130px;
    margin-bottom: 5px;
    z-index: 1;
    position: relative;

}
.our-course .pic:before{
    content: "";
    width: 100%;
    height: 0;
    border-radius: 50%;
    background: #1e419a;
    position: absolute;
    bottom: 135%;
    right: 0;
    left: 0;
    opacity: 0.2;
    transform: scale(3);
    transition: all 0.3s linear 0s;


		}
.our-course:hover .pic:before{ height: 100%; }
.our-course .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #1e419a;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.our-course .pic img{
    width: 100%;
    height: auto;
    border-radius: 50% !important;
    transform: scale(1);
    transition: all 0.9s ease 0s;
}
.our-course:hover .pic img{
    box-shadow: 0 0 0 14px #f7f5ec;
    transform: scale(0.7);
}
.our-course .course-content{ margin-bottom: 30px; }
.our-course .title{
    font-size: 13px;
    font-weight: 700;
    color: #4e5052;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin:10px 15px;
    height: 60px;
}
.our-course > .post{
    display: block;
    font-size: 15px;
    color: #4e5052;
    text-transform:capitalize;
    text-align: left;
    /*margin-top: 5px;*/
    margin-left: 25px;
    /*color: #f7f5ec;*/
}
.our-course .social{
    width: 100%;
    padding: 0;
    margin: 0;
    background: #1e419a;
    position: absolute;
    bottom: -100px;
    left: 0;
    transition: all 0.5s ease 0s;
     text-align: center;
}
.our-course .social .post{
     color: #f7f5ec;
     text-align: center;
     margin: 0;padding: 0;
}

.our-course:hover .social{ bottom: 0; }
/*.our-course .social li{ display: inline-block; }
.our-course .social li a{
    display: block;
    padding: 10px;
    font-size: 17px;
    color: #fff;
    transition: all 0.3s ease 0s;
}*/
.our-course .social :hover{
    color: #f7f5ec;
    /*background: #f7f5ec;*/
}

/***
Misc tools
***/
.text-align-center{
 text-align: center;   
}
.no-padding {
  padding: 0;
}
.no-margin {
  margin: 0;
}
.no-bottom-space {
  padding-bottom:0;
  margin-bottom: 0;
}
.no-top-space {
  padding-top:0;
  margin-top: 0;
}
.no-space {
  margin: 0;
  padding: 0;
}
.no-text-shadow {
  text-shadow: none;
}

.padding-top-5 {
	padding-top: 5px;
}
.padding-top-10 {
	padding-top: 10px;
}
.padding-top-15 {
	padding-top: 15px;
}
.padding-top-20 {
	padding-top: 20px;
}
.padding-top-25 {
	padding-top: 25px;
}
.padding-top-30 {
	padding-top: 30px;
}
.padding-top-35 {
	padding-top: 35px;
}
.padding-top-40 {
	padding-top: 40px;
}
.padding-top-45 {
	padding-top: 45px;
}
.padding-top-50 {
	padding-top: 50px;
}
.padding-bottom-30{
	padding-bottom: 30px;
}
.margin-bottom-0 {
	margin-bottom: 0;
}
.margin-bottom-5 {
	margin-bottom: 5px;
}
.margin-bottom-10 {
	margin-bottom: 10px;
}
.margin-bottom-15 {
	margin-bottom: 15px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.margin-bottom-25 {
	margin-bottom: 25px;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}
.margin-bottom-35 {
	margin-bottom: 35px;
}
.margin-bottom-40 {
	margin-bottom: 40px;
}
.margin-bottom-50 {
	margin-bottom: 50px;
}

.margin-top-10 {
	margin-top: 10px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-30 {
	margin-top: 30px;
}
.margin-top-50 {
	margin-top: 50px;
}
.margin-top-80 {
	margin-top: 80px;
}

.margin-left-0 {
  margin-left: 0;
}
.margin-right-0 {
  margin-right: 0;
}

.margin-right-20 {
	margin-right: 20px;
}
.margin-left-20 {
	margin-left: 20px;
}
.padding-bottom-50 {
	padding-bottom: 50px;
}
.padding-bottom-30 {
	padding-bottom: 30px;
}
.padding-left-0 {
  padding-left: 0;
}
.padding-right-0 {
  padding-right: 0;
}
.padding-right-30 {
	padding-right: 30px;
}

.btn {
	padding: 7px 14px;  
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 0;
}
.btn-primary {
	border: 0;
	background: #bd9649;
	color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	color: #fff;
	background: #bd9649;
	border: 0;
}
.btn-default {
	border: 1px solid #EDEDED;
	color: #A8AEB3;
	background: transparent;
	padding: 6px 13px; 
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
	border: 1px solid #A8AEB3;
	color: #fff;
	background: #A8AEB3;
	padding: 6px 13px; 
}

div.checker,
div.radio {
	top: -1px;
}

select.form-control {
	color: #5f6d7b;
	border-radius: 0;
	border-color: #e4e6e8;
	box-shadow: none;
}
select.form-control:focus {
	box-shadow: none;
	border-color: #999;
}

input.form-control,
textarea.form-control {
	border-color: #dbdbdb;
	color: #777;
	font: 14px Arial, sans-serif;
	border-radius: 0;
	box-shadow: none;
}
input.form-control:focus,
textarea.form-control:focus {
	box-shadow: none;
	border: solid 1px #dbdbdb;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
*html .clearfix {
	zoom: 1;
}
*+html .clearfix {
	zoom: 1;
}
.clear {
	clear: both; 
	height: 0; 
	font-size: 0; 
	line-height: 0; 
	overflow: hidden;
}

.lead {
    font-size: 16px;
}

/***
Custom Scrollbars
***/

::-webkit-scrollbar {  
    width: 12px;  
}  

::-webkit-scrollbar-track {  
    background-color: #eaeaea;  
    border-left: 1px solid #cecece;  
}  

::-webkit-scrollbar-thumb {  
    background-color: #cecece;  
}  

::-webkit-scrollbar-thumb:hover {  
    background-color: #aaa;  
}  

::-webkit-scrollbar-track {
    border-radius: 0;
    box-shadow: none;
    border: 0; 
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    box-shadow: none;
    border: 0; 
}
.box-shadow {
    -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.2);
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    overflow: hidden;
}

/* overides metro scrolbars in IE10 and makes them look like a default scrollbar */
@-ms-viewport{
	width: auto !important;
}

/* Global classes */
.min-hight500 {
	min-height: 500px;
}

/********************
 GENERAL LAYOUT 
*********************/
/***
Pre-Header and pre-header elements
***/
.pre-header {
	color: #616b76;
	/*border-bottom: 1px solid #9f8f58;*/
	padding-top: 10px;padding-bottom: 10px;
	line-height: 1.2;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	background: #1e419a;
}
.pre-header a {
	color: #616b76;
}
.pre-header a:hover {
	color: #bd9649;
}
.pre-header a:focus {
	text-decoration: none;
}
.pre-header li {
	padding-left: 11px;
	padding-right: 15px;
	border-right: solid 1px #d8d8d8;
}
.pre-header li:last-child {
	border: none;
}
.additional-shop-info li:first-child {
	padding-left: 0;
}
.additional-nav li:last-child {
	padding-right: 0;
}
.pre-header .fa {
	margin-right: 4px;
}
.shop-currencies a {
	margin-right: 6px;
}
.shop-currencies a:last-child {
	margin-right: 0;
}
.shop-currencies a.current {
	color: #bd9649;
}

/* langs block */
.langs-block {
	position: relative;
}
.langs-block .fa {
	margin-right: 0;
}
.langs-block-others-wrapper {
	position: absolute;
	left: 0;
	top: 100%;
    z-index: 99999;
}
.langs-block-others {
	padding: 10px 10px 2px;
	background: #F9F9F9;
	z-index: 9999;
	width: 100px;
	display: none;
	margin-top: 12px;
	border-top: solid 2px #bd9649;
	box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
	position: relative;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
}
.langs-block-others:after { 
	top: -8px;
	width: 0; 
	height: 0;
	left: 8px;
	z-index: 2; 
	content: " "; 
	display: block; 
	position: absolute;
	border-bottom: 8px solid #bd9649;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.langs-block:hover .langs-block-others {
	display: block;
}
.langs-block-others a {
	display: block;
	margin-bottom: 8px;
}

/***
Header and header elements
***/
.header {
/*	box-shadow: 0 1px 3px #ddd;	*/
	background: #1e419a;
	border-radius: 0;
	margin-bottom: 15px;
	position: relative;
}
.ie8 .header {
	border-bottom: 1px solid #eee;
}

.header  a.navbar-brand {
	position: absolute;
	z-index: 99;
	top: -25px;
	left: 50%;

	
}
.header  a.navbar-brand img {
	margin-left: -104px;
	width: 192px;
}

/* Navigation */
.header .navbar-collapse {
	max-height: none !important;
}
.header .nav {
	font: 16px 'PT Sans Narrow', sans-serif;
	letter-spacing: 1px;
	margin-top: -1px;
	margin-bottom: -1px;
    float: left;
    text-align: center;
    /*padding: 0 10px;*/
}
.header .nav > li {
	text-transform: uppercase;
}

.header .navbar-nav li a {
	color: #fff;
	padding-left: 15px;
	padding-right: 12px;
	/*transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;  */
}
.header .navbar-nav > li > a {
	padding-top: 45px;
	padding-bottom: 32px;
    font-weight: bold;
}
.header .navbar-nav > li.active > a,
.header .navbar-nav > li > a:hover,
.header .navbar-nav > li > a:focus,
.header .navbar-nav > li.open > a,
.header .navbar-nav > li.open > a:hover,
.header .navbar-nav > li.open > a:focus {
	color: #fcfcfc;
	background: #3d74c0;
    
}

.header .dropdown-menu {
	right: -5px;
	top: 100%;
	padding: 0;
	background: #fcfafb;
	position: absolute;
	border: none;
	border-top: solid 2px #bd9649;
	box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
	width: 204px;
	margin-top: 12px;
	text-transform: none;
	font: 13px 'Open Sans', sans-serif;
	letter-spacing: 0;
	border-radius: 0;
	z-index: 9999;
}
.header li.dropdown > .dropdown-menu:after { 
	top: -8px;
	width: 0; 
	height: 0;
	left: 8px;
	z-index: 2; 
	content: " "; 
	display: block !important; 
	position: absolute;
	border-bottom: 8px solid #bd9649;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.header .dropdown-menu li {
	padding: 0;
	margin: 0;
	border-bottom: solid 1px #f0f0f0;
	position: relative;
}
.header .dropdown-menu li:last-child {
	border: none;
}
.header .dropdown-menu li > a {
	padding: 10px 15px;
	color: #767f88;
	/*transition: all 0 ease;
	-o-transition: all 0 ease;
	-moz-transition: all 0 ease;
	-webkit-transition: all 0 ease; */
}
.header .dropdown-menu > li > a:hover,
.header .dropdown-menu > li.active > a,
.header .nav-content-col > ul li > a:hover,
.header .nav-content-col > ul li.active > a {
	background: #3d74c0;
	color: #fff;
}

/* n-level submenu */
.header .dropdown-menu .dropdown-menu {
	left: 100%;
	right: auto;
	top: -12px;
}
.header .dropdown-menu a {
	position: relative;
	padding-right: 25px;
}
.header .dropdown-menu .fa {
	position: absolute;
	top: 13px;
	right: 15px;
}

.header .navbar-toggle {
	border: solid 1px #D8D8D8;
	margin-top: 25px;
	border-radius: 24px !important;
	padding: 8px 6px 7px;
}
.header .navbar-toggle .icon-bar {
	border: solid 1px #D8D8D8;
	width: 18px;
	margin-left: auto;
	margin-right: auto;
}
.header .navbar-toggle .short-icon-bar {
	width: 14px;
}
.header .navbar-toggle:hover,
.header .navbar-toggle:active {
	border-color: #bd9649;
	background: #bd9649;
}
.header .navbar-toggle:hover .icon-bar,
.header .navbar-toggle:active .icon-bar {
	border-color: #fff;
}

/* mega-menu */
.dropdown-menu[aria-labelledby="mega-menu"],
.dropdown-menu[aria-labelledby="mega-menu-catalogue"] {
	width: auto;
	float: left;
	width: 603px;
}
.nav-content {
	width: 100%;
	overflow: hidden;
	padding: 5px;
}
.nav-content-col {
	float: left;
	width: 33.3%;
}
.nav-content-col:last-child {
	margin-right: 0;
}
.nav-content-col > h3 {
	font: bold 15px 'Open Sans', Arial, sans-serif;
	margin: 0 0 6px;
	text-transform: none;
	padding: 10px 10px 5px;
	border-bottom: solid 1px #f0f0f0;
}
.nav-content-col ul {
	padding: 0;
	margin: 0 0 10px;
	list-style: none;
}
.header .nav-content-col li {
	padding: 0;
	border: none;
}
.header .active .nav-content-col li > a,
.header .nav-content-col li > a {
	display: block;
}
.dropdown-submenu > a:after {
	content: none;
}



/* BEDIN LAYER SLIDER */
.page-slider {
	margin-top: -13px;
    border-top: 2px solid  #fff;
    border-bottom: 2px solid #fff;
    margin-bottom: 5px;
   box-shadow: 0px 2px 20px rgba(91, 91, 91, 0.2);
}
.ls-ct-half, .ls-ct-center {
    border-radius: 100px !important;
}
.ls-fullwidth .ls-nav-prev,
.ls-fullwidth .ls-nav-next {
	width: 49px;
	height: 59px;
	z-index: 10000;
	top: 50%;
	margin-top: -30px;	
	position: absolute;
	opacity: 0.7;
}
.ls-fullwidth .ls-nav-prev:hover,
.ls-fullwidth .ls-nav-next:hover {
	opacity: 1;
}
.ls-fullwidth .ls-nav-prev {
	left: 26px;
	background: url(../img/layerslider-arrows.png) no-repeat;
}

.ls-fullwidth .ls-nav-next {
	right: 26px;
	background: url(../img/layerslider-arrows.png) no-repeat -51px 0;
}


/* layer 1 */
.ls-layer1 .title {
	font: 40px/50px 'Source Sans Pro', Arial, sans-serif;
	color: #149ad7;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 19px;
/*    background-size:100% auto;*/
    
/*    background: url(../../assets/temp/sliders/slide1/title.png) top left no-repeat;background-size:100% auto;*/
}

.ls-layer1 .title strong {
	color: #149ad7;
	display: block;
	font-weight: 600;
}
.ls-layer1 .title .titleimg {
height: 100%;
}
.ls-layer1 .mini-text {
	font: 400 23px 'Source Sans Pro', Arial, sans-serif;
	color: #00589d;
	text-align: center;
}

/* layer 2 */
.ls-layer2 .ls-title {
	font: 25px 'Source Sans Pro', Arial, sans-serif;
	color: #fff;
	text-align: center;
	line-height: 1.2 !important;
}
.ls-layer2 .ls-title strong,
.ls-layer2 .ls-title em {
	display: block;
	font-weight: 300;
	padding-top: 9px;
}
.ls-layer2 .ls-title strong {
	font-size: 360%;
}
.ls-layer2 .ls-title em {
	font-size: 200%;
	font-style: normal;
	padding-top: 5px;
}
.ls-layer2 .ls-price {
	font: 300 20px 'Open Sans', sans-serif;
	color: #fff;
	text-align: center;
	background: rgba(230,64,12,0.9);
	border-radius: 190px !important;
	overflow: hidden;
	width: 177px;
	height: 177px;
	display: table-cell;
	vertical-align: middle;
}
.ls-layer2 .ls-price b {
	display: block;
	font-weight: normal;
	padding-top: 15%;
}
.ls-layer2 .ls-price strong {
	font: 300 425%/1 'Source Sans Pro', Arial, sans-serif;
	font-weight: 300;
}
.ls-layer2 .ls-price strong span {
	font-size: 30px;
}
.ls-layer2 .ls-more {
	color: #fff;
	display: inline-block;
	border: solid 1px #fff;
	font: 300 18px 'Open Sans', sans-serif;
	padding: 7px 20px 8px;
}
.ls-layer2 .ls-more:hover {
	text-decoration: none;
	color: #fff;
	background: #e6400c;
	border-color: #e6400c;
}

/* layer 3 */
.ls-layer3 .ls-title {
	font: 300 46px/59px 'Source Sans Pro', Arial, sans-serif;
	color: #fff;
	border-bottom: solid 1px #b90010 !important;
	text-align: center;
	padding-bottom: 27px;
}
.ls-layer3 .ls-title strong {
	display: block;
	font-weight: 600;
}
.ls-layer3 .ls-buy {
	color: #fff;
	border: solid 5px rgba(55,0,5,0.6);
	padding: 12px 20px 8px;
	background: #d11018;
	float: left;
	margin-right: 20px;
}
.ls-layer3 .ls-buy:hover {
	text-decoration: none;
	color: #fff;
	border-color: rgba(255,255,255,0.6);
}
.ls-layer3 .ls-price {
	font: 400 75%/1 'Source Sans Pro', Arial, sans-serif;
	color: #fff;
	float: left;
}
.ls-layer3 .ls-price span {
	float: left;
	padding-top: 18px;
	margin-right: 17px;
}
.ls-layer3 .ls-price strong {
	font-weight: 200;
	font-size: 567%;
	top: -20px;
	position: relative;
	line-height: 1;
}
.ls-layer3 .ls-price strong sup {
	font-size: 49%;
	position: relative;
	top: -16px;
	line-height: 1;
}

/* layer 5 */
.ls-layer5 .title {
	font: 300 68px/81px 'Source Sans Pro', Arial, sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	border-bottom: solid 1px rgba(255,255,255,0.6);
	padding-bottom: 27px;
}
.ls-layer5 .mini-text {
	font-size: 100px;
	height: 43px;
}
.ls-layer5 .mini-text span {
	float: left;
	margin-right: 13px;
	font: 400 17% 'Open Sans', sans-serif;
	color: #fff;
}
.ls-layer5 .mini-text a {
	color: #fff;
	font: 300 20% 'Open Sans', sans-serif;
	padding: 7px 20px 8px;
	background: #000;
	top: -20%;
	position: relative;
	float: left;
}
.ls-layer5 .mini-text a:hover {
	text-decoration: none;
	color: #fff;
	background: #e6400c;
}


.col-left:before, .col-left:after, .col-right:before, .col-right:after, .col-center:before, .col-center:after, .col-news:before, .col-news:after{content:""; display:table; clear:both;}
.col-left, .col-right, .col-center, .col-news{ margin:0 auto; position:relative;}

.col-left .case .bg_parallax, .col-right .case .bg_parallax, .col-center .case .bg_parallax, .col-news .case .bg_parallax{width:50%; position:absolute; left:0;right: 50%; bottom: 0;top: 0;}
.col-right .case .bg_parallax{left:50%;right: 0;}
.col-center .case .bg_parallax, .col-news .case .bg_parallax{left:0;right: 0; width:100%; height:100%; opacity:0.1;}
.col-center.col-style0 .case .bg_parallax, .col-news.col-style0 .case .bg_parallax{ opacity:1}
.col-left .case .intro, .col-right .case .intro, .col-center .case .intro{width: 50%;float:right;}
.col-right .case .intro{float:left;}
.col-center .case .intro{width: 70%;float:none; margin:0 auto;}
.case .inbox{margin:100px auto;width: 80%;max-width: 800px;}
.col-center .case .inbox{position:relative; z-index:2}
.case .btn-lg{ min-width:250px; font-size:1.25em !important;}

.col-news{}
.col-news .case{ width:1170px; margin:auto; height:100%;}
body.tablet .col-news .case, body.mobile .col-news .case{width:100%;}
.thumb-case{ line-height:0;}
.col-news .thumb-case{padding-top:50px; padding-bottom:50px; text-align:center;}
.col-news .thumb-case .thumb{margin-bottom:1em;}
/*.col-news .case .intro{ position:absolute; bottom:0;}*/
.col-news .case .inbox{ margin:50px auto; background:none !important;}
.col-news .page-header{margin:0 0 10px; padding:0;}
.col-news h1, .col-news h2, .col-news h3{text-align:left !important;}
.news-thumb .thumb{margin-bottom:1em;}
.col-news .news-thumb {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}


.row-event{width:1170px; margin:0 auto; padding-top:2em;}
.row-event:before, .row-event:after{ content:""; display:table; clear:both;}
.row-event .case .inbox{margin:0 auto;}
.row-event h2, .row-event h3{font-size:1.2em;}
.row-event .col-event{height:600px; overflow:hidden !important;}
.category.videocentre .row-event .col-event{height:450px;}
.row-event .col-event .inbox{margin:10px auto;width: 100%;max-width: none;}
.col-event .thumb{ /*width:360px; height:360px;*/ background-color:#ccc; margin-bottom:2em;}
.col-event h2{ color:#333;}

.row-event .col-event.items-leading{height:auto !important; padding-left:0; padding-right:0;}
.col-event.items-leading .thumb{ width:100%; height:auto; margin-bottom:4em;}
.col-event h2, .col-event.items-leading h2{text-align:left;}
.col-event.items-leading h2{font-size:2em; }
.col-event.items-leading .inbox{margin-top:35%;}


.col-style0{background-color:#fff;color:#1e419a; min-height:600px;}
.col-style0 h1, .col-style0 h2, .col-style0 h3{color:#fff; text-align:center}
.col-style0 p{text-align:justify;}
/*.col-style0 .case .intro{ width:1170px; float:none}*/
.col-style0 .case .inbox{background-color:#1e419a; background-color:rgba(30, 65, 154, 0.5);color:#fff;padding:1em; border-radius:4px;}

.col-style0.float-left .case .inbox{float:left;}
.col-news.col-style0 .case .intro{ position:absolute; bottom:0;}


.col-style0 .btn-default{ border:1px #FFF solid !important; color:#FFF ; background:none ; border-radius:0;}
.col-style0 .btn-default:focus, .col-style0 .btn-default:hover, .col-style0 .btn-default.active, .col-style0 .btn-default:active, 
.col-style0 .btn-default.active.focus, .col-style0 .btn-default.active:focus, .col-style0 .btn-default.active:hover, 
.col-style0 .btn-default:active.focus, .col-style0 .btn-default:active:focus, .col-style0 .btn-default:active:hover{background:rgba(255,255,255,0.3) ;	}

.col-style1{background-color:rgba(30, 65, 154,0.1);color:#1e419a;}
.col-style1 h1, .col-style1 h2, .col-style1 h3{color:#1e419a; text-align:center}
.col-style1 p{text-align:justify;}
.col-style1 .btn-default{ border:1px #1e419a solid !important; color:#1e419a ; background:none; border-radius:0;}
.col-style1 .btn-default:focus, .col-style1 .btn-default:hover, .col-style1 .btn-default.active, .col-style1 .btn-default:active, 
.col-style1 .btn-default.active.focus, .col-style1 .btn-default.active:focus, .col-style1 .btn-default.active:hover, 
.col-style1 .btn-default:active.focus, .col-style1 .btn-default:active:focus, .col-style1 .btn-default:active:hover{
background:rgba(30, 65, 154,0.2);	
}

.col-style2{background-color:#f2f2f2;color:#666;}
.col-style2 h1, .col-style2 h2, .col-style2 h3{color:#666; text-align:center}
.col-style2 p{text-align:justify;}
.col-style2 .btn-default{ background:none; border-radius:0;}
.col-style2 .btn-default:focus, .col-style2 .btn-default:hover, .col-style2 .btn-default.active, .col-style2 .btn-default:active, 
.col-style2 .btn-default.active.focus, .col-style2 .btn-default.active:focus, .col-style2 .btn-default.active:hover, 
.col-style2 .btn-default:active.focus, .col-style2 .btn-default:active:focus, .col-style2 .btn-default:active:hover{
	background:#fff; color:#000;
	}

.col-style3{background-color:rgba(30, 65, 154,0.2);color:#1e419a;}
.col-style3 h1, .col-style3 h2, .col-style3 h3{color:#1e419a; text-align:center}
.col-style3 p{text-align:justify;}
.col-style3 .btn-default{ border:1px #1e419a solid !important; color:#1e419a ; background:none ; border-radius:0;}
.col-style3 .btn-default:focus, .col-style3 .btn-default:hover, .col-style3 .btn-default.active, .col-style3 .btn-default:active, 
.col-style3 .btn-default.active.focus, .col-style3 .btn-default.active:focus, .col-style3 .btn-default.active:hover, 
.col-style3 .btn-default:active.focus, .col-style3 .btn-default:active:focus, .col-style3 .btn-default:active:hover{
background:rgba(140,123,94,0.5) ;	color:#FFF;
}

.col-style4{background-color:#fff;color:#999;}
.col-style4 h1, .col-style4 h2, .col-style4 h3{color:#222; text-align:center}
.col-style4 p{text-align:justify;}
.col-style4 .btn-default{ border:1px #FFF solid !important; color:#FFF ; background:none ; border-radius:0;}
.col-style4 .btn-default:focus, .col-style4 .btn-default:hover, .col-style4 .btn-default.active, .col-style4 .btn-default:active, 
.col-style4 .btn-default.active.focus, .col-style4 .btn-default.active:focus, .col-style4 .btn-default.active:hover, 
.col-style4 .btn-default:active.focus, .col-style4 .btn-default:active:focus, .col-style4 .btn-default:active:hover{
background:rgba(255,255,255,0.3) ;	
}

.outershadow{-webkit-box-shadow: 0px 0px 10px 0px #999;
-moz-box-shadow: 0px 0px 10px 0px #999;
box-shadow: 0px 0px 10px 0px #999;
}



/* BEDIN COURES SLIDER*/
#course { background: url("../img/background_1.jpg")no-repeat center center;background-attachment: fixed;color: #666;height: auto;margin-top: 50px;position: relative;}
/*#course { color: #666;height: auto; border-top: 5px solid #fff;padding: 20px auto;z-index: -1;}*/
.columns{margin: 0 auto;height:auto;margin-top: 80px;}
.courselist {width:253px;height:265px;margin:10px auto;display: block;margin-bottom: 80px;}
.courselist span{top: 280px;display: block;text-align: center;position: absolute;text-align: center;width: 253px;font-size: 22px;color: #333;}
.courselist_1{background: url(../img/service_icon_1.png)top no-repeat;}
.courselist_2{background: url(../img/service_icon_2.png)top no-repeat;}
.courselist_3{background: url(../img/service_icon_3.png)top no-repeat;}
.courselist_4{background: url(../img/service_icon_4.png)top no-repeat;}
.courselist_5{background: url(../img/service_icon_5.png)top no-repeat;}
.courselist_6{background: url(../img/service_icon_6.png)top no-repeat;}
.courselist:hover{
	background-position: 0px -283px;
}
/* END COURES SLIDER */

/*= common css to all effects =*/
#service {  background: url("../img/background_img5.jpg");background-attachment: fixed;background-size: cover; height:auto;overflow: hidden; }
.service_page>p{font-size: 20px;line-height:35px;font-weight: 100;text-align: left;}
.service-member{text-align: center;}
.single-member{width: 280px; margin: 30px auto; background-color: #fff; text-align: center; position: relative;box-shadow:8px 8px 5px rgba(0, 0, 0, 0.45);/*border: #f6e9ce 3px solid;*/}
.member-image img{max-width: 100%; vertical-align: middle;}

h3 {font-size: 24px; font-weight: normal; margin: 10px 0 0; text-transform: uppercase;}
#service .member-info h5 {font-size: 24px; font-weight: 300; margin: 0 0 15px; line-height: 22px;}
#service .member-info div{font-size: 16px;}
#service p {font-size: 14px; font-weight: 300; line-height: 22px; padding: 0 30px; margin-bottom: 10px;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
/*= common css to all effects end =*/

/*= effect-5 css =*/
.effect-5{max-height: 289px; min-height: 289px; overflow: hidden;}
.effect-5 .member-info {background-color: #f5eee0; position: absolute; width: 100%; top: 0; left: 0; height: 82px; transition: 0.3s; z-index: 2;}
.effect-5 .member-image{margin-top: 82px; float: left; width: 100%; position: relative; transition: 0.3s; z-index: 4;}
.effect-5 .member-image img{width: 100%;}
.effect-5 .member-info:before{border-left: 140px solid transparent; border-right: 140px solid transparent; border-top: 15px solid #f5eee0; bottom: -15px; content: ""; left: 0; position: absolute; z-index: 9;}
.effect-5:hover .member-info{height: 215px; transition: 0.3s; z-index: 6;}
.effect-5:hover .member-image{margin-top: 200px; transition: 0.3s;}
/*= effect-5 css end =*/


/*index*/

.servicesPop
{
    position: absolute;
    z-index: 999;
    top: -3px;
    left: 0;
	
    display: none;
    clear: both;
    width: 100%;
    height: 100%;
    padding-top: 10%;
	/*opacity: 0.8;*/
  background-color: rgba(0,0,0,0.8);
}
.servicesPop #serFocus
{
    /*clear: both;*/
    /*width: 85%;*/
    /*height: 450px;*/
    /*margin: 0 auto;*/
	/*position: relative;*/
    background-color: rgb(255,255,255);
    /*padding: 25px 10px 25px;*/
    padding: 0;
}
.servicesCon
{
	position:static;
      padding: 40px;
}
#serFocus div.box
{
    display: none;
    /*width: 80%;*/
    /*height: 273px;*/
	/*margin: 20px auto;*/
    color: #000;
}
#serFocus div.box .serTit
{
    line-height: 25px;
	font-size: 25px;
    height: 50px;
    font-weight: 800;
    color: #72c2ff;overflow: hidden;
}
.flash_bar
{
    clear: both;
    width: 1000px;
    height: 20px;
    margin: 0 auto;
    padding-top: 15px;
    text-align: center;
}
.flash_bar span.dq
{
    display: inline-block;

    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url(../img/ser_focus_point.gif) no-repeat 5px -17px;
}
.flash_bar span.no
{
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url(../img/ser_focus_point.gif) no-repeat 5px 5px;
}
a.close
{
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: url(../img/bt_bg.gif) no-repeat 0 -608px;
}
a.close:hover{  background: url(../img/bt_bg.gif) no-repeat -38px -608px;}
/* title wrapper */
.title-wrapper {
	margin: -23px 0 23px;
	position: relative;
	overflow: hidden;
	background: #72c2ff url(../temp/title-bg/man.jpg) no-repeat 100% 100%;
	min-height: 280px;
	padding-top: 79px;
	width: 100%;
	overflow: hidden;
}
.title-wrapper .container-inner {
	float: left;
}
.title-wrapper h1, .title-wrapper em {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-weight: 400;
}
.title-wrapper h1 {
	font-size: 45px;
	padding: 0 9px 13px;
	border-bottom: solid 1px rgba(255,255,255,0.6);
	margin: 0 -9px 17px;
}
.title-wrapper h1 span {
	color: #e6400c;
}
.title-wrapper em {
	font-size: 20px;
	font-style: normal;
	display: block;
	text-align: center;
}


/* breadcrumb */
.breadcrumb {
	background: none;
	padding: 0;
	text-transform: uppercase;
	font-family: "PT Sans Narrow", sans-serif;
	font-size: 13px;
	color: #5f6d7b;
}
.breadcrumb > li + li:before {
	content: "\f105 ";
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color: #5f6d7b;
}
.breadcrumb a {
	color: #5f6d7b;
}
.breadcrumb > .active {
	color: #e6400c;
}

/* list view sorting */
.list-view-sorting {
	margin-bottom: 20px;
}
.list-view * {
	display: none !important;
}
.list-view-sorting .pull-right {
	margin-left: 30px;
}
.list-view-sorting label {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;
	color: #8e9ca8;
	font-family: "PT Sans Narrow", sans-serif;
	float: left;
	margin-right: 10px;
	position: relative;
	top: 5px;
}
.list-view-sorting select {
	float: left;
	width: auto;
}
.list-view-sorting a {
	background: #fff;
	color: #E6400C;
	display: inline-block;
	padding: 4px 6px;
	line-height: 1;
	margin-right: -3px;
}


/***
Sidebar
***/
.sidebar {
	font: 15px 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
	color: #3E4D5C;
}
.sidebar .list-group-item {
    background: #fff;
    border: none;
    display: block;
    margin-bottom: 2px;
    padding: 8px 10px 6px;
    position: relative;
    border-radius: 0;
}
.sidebar .list-group-item:hover {
	background-color:rgba(189,150,73,0.2);
	}
.sidebar .list-group-item:last-child {
	margin: 5px;
}
.sidebar a {
	color: #3E4D5C;
}
.sidebar a:hover {
	color: #bd9649;
}
 .sidebar-menu a {
	display: block;
}
 .sidebar-menu a:hover {
 	text-decoration: none;
}
.sidebar-menu .fa-angle-right {
	position: relative;
	top: 1px;
	margin-right: 2px;
	float: left;
}
.dropdown.open .dropdown-toggle {
    background: #fff;
    color: #3E4D5C;
}
.dropdown.open .dropdown-toggle:hover {
	color: #E02222;
}
.dropup.open > .dropdown-toggle, .dropdown.open > .dropdown-toggle {
    border-color: none !important;
}

.sidebar .dropdown-menu {
    background-clip: padding-box;
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: none;
    float: none;
    font-size: 14px;
    list-style: none;
    margin: 0 -10px;
    min-width: auto;
    padding: 5px 10px 1px 19px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
    font: 15px 'PT Sans Narrow', sans-serif;
}
.sidebar .dropdown-menu .dropdown-menu {
	border-top: none;
	margin-bottom: -5px;
}
.sidebar .open>.dropdown-menu {
	display: block;
}
.sidebar .dropdown-menu li {
	padding: 4px 0 3px 11px;
	position: relative;
}
.sidebar .dropdown-menu ul {
	padding: 0;
	margin: 0 0 0 4px;
	list-style: none;
	text-transform: none;
	font-size: 15px;
}
.sidebar .dropdown-menu > li > a {
    clear: both;
    line-height: inherit;
    padding: 0;
    white-space: nowrap;
}
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
	background: none !important;
	color: #E02222;
}
.sidebar .dropdown-menu > li > a .fa-angle-down {
	position: absolute;
	top: 8px;
	right: 0;
}
.sidebar .fa-angle-down:before {
    content: "";
}
.sidebar .fa-angle-down {
	width: 11px;
	height: 11px;
	background: url(../img/icons/sidebar-toggle-icons.png) no-repeat 0 0;
	position: absolute;
	top: 12px;
	right: 10px;
}
.sidebar a:hover > .fa-angle-down {
	background-position: -11px 0;
}
.sidebar .collapsed .fa-angle-down {
	background-position: 0 -37px;
}
.sidebar .collapsed:hover > .fa-angle-down {
	background-position: -11px -37px;
}

.sidebar .dropdown-menu > li > a .fa-circle {
	float: left;
	margin-right: 7px;
	font-size: 5px;
	position: relative;
	top: 7px;
	color: #949fae;
}
.sidebar .dropdown-menu > li > a:hover .fa-circle {
	color: #949fae;
}

#content{
    /*padding-top: 45px;*/
/*    border-top: 4px solid  rgba(91, 91, 91, 0.2);*/
	min-height:650px;
}
/*#content ol li::before{
  content:"★";
  color:#ccc;
  font-size:20px;
}*/

ol {
  margin: 0;
  padding: 0 0 0 15px;
  list-style-type: none;
}

ol li {
  counter-increment: step-counter;
  /*margin:0 -15px;
  padding:15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;*/
  position:relative;
  padding: 5px 10px 0px 35px;
  margin-left: 27px;
}

ol li:before {
font-family: "Times New Roman", Times, serif;
  content: counter(step-counter);
  margin-right: 17px; margin-left:-53px; margin-bottom:5px;
  font-size:2em; text-align:center; line-height:1.1em;
  color: #FFF;
  background-color:var(--main_color2);
  width: 1.1em; height:1.1em; border-radius:50%; overflow:hidden;
  vertical-align: middle;
  display: inline-block; /*float:left; clear:left;*/
  /*font-weight: bold;
  padding: 3px 8px;*/
 
}
#content strong{font-weight: 800;font-size: 20px;}
/* paginations */
.pagination {
	border-radius: 0;
	margin: 0;
}
.pagination > li {
    display: inline-block;
    margin-left: 5px;
}
.pagination > li > a, .pagination > li > span,
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-radius: 25px !important;
	border: none;
	color: #868c93;
}
.pagination > li > span,
.pagination > li > span:hover {
	background: #555;
	color: #fff;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a {
	padding: 4px 12px 8px;
}
.items-info {
	padding-top: 7px;
	color: #868c93;
}

/*studen page*/

.studen{}


/*  index_About*/
.bg-left{background: url(../img/index_about_bg_left.png)left top no-repeat;width: 100%;height: 405px;}
.bg-right{background: url(../img/index_about_bg_right.png)right top no-repeat;width: 100%;height: 405px;}
.aboutTitle{
	width: 100%;
	text-align: center;
	font-size: 55px;
	font-weight: bold;
	color: #1e419a;
}
.indexAbout{font-size: 18px;line-height: 1.8em;}
.indexTitle{width: 100%;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #1e419a}

.cerLogo{line-height: 85px;}
.cerLogo ul.wrap{list-style: none;margin: 0 auto;display: table;}
.cerLogo .logolist{display:inline; text-align: center;margin-left: 5px;margin-right: 5px;height: 80px;}


/* content page */
.content-page {
	background: #fff;
	padding: 20px;
}
.content-page a {
	color: #767F88;
}
.content-page a:hover {
	color: #E02222;
}
.content-page .link, .content-page .link:hover, .content-page .link:active {
	color: #E02222;
}
.content-page h2, .content-page h3, .content-page h4, .content-page h5, .content-page h6 {
	text-transform: inherit;
	padding-top: 10px;
}
.content-page h3 {
	font-size: 20px;
	margin-bottom: 7px;
}
.content-page h4 {
	font-size: 17px;
	margin-bottom: 4px;
}
.content-page h5, .content-page h6 {
	font: 700 15px 'Open Sans', Arial, sans-serif;
	margin-bottom: 2px;
}
.content-page p,
.content-page .list-unstyled {
	margin-bottom: 20px;
}
.content-page .list-unstyled .list-unstyled {
	margin-left: 20px;
	padding-top: 3px;
	margin-bottom: 0;
}
.content-page .list-unstyled li {
	margin-bottom: 3px;
}



/** course **/

.courseContainer h3{ line-height: 1.5em;border-bottom: 3px solid #0da3e2;font-size: 18px;font-weight: 400;}
.courseContainer hr{ border-bottom: 2px dotted #0da3e2;}
.courseContainer h2{ line-height: 1.5em;font-size: 24px;font-weight: 800;}
.courseContainer small{font-size: 10px;line-height: 1.5em;}

/* content form page */
div.content-form-page {
	background: #fff;
	padding: 5px 20px 30px;
}
.content-form-page a {
	color: #767F88;
}
.content-form-page a:hover {
	color: #E02222;
}
.form-without-legend {
	padding-top: 25px;
}
.content-form-page legend {
	border: none;
	font: 18px 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
	padding-top: 20px;
	margin-bottom: 14px;
}
.content-form-page .control-label {
	font-weight: normal;
	padding-right: 5px;
	margin-left: -15px;
}
.default-form label,
.checkout-page label {
	font-weight: normal;
}
.require {
	color: #e94d1c;
}
.content-form-page input.form-control {
	border-color: #dbdbdb;
	color: #aaa;
	font: 14px Arial, sans-serif;
	border-radius: 0;
}
.content-form-page .form-control:focus {
	box-shadow: none;
	border: solid 1px #e94d1c;
}
.content-form-page .checkbox .col-lg-4 {
	padding-right: 0;
	margin-left: -15px;
}
.content-form-page .checker {
	margin-left: -15px;
}
.content-form-page .btn {
	margin-right: 10px;
	padding: 7px 12px 6px;
}

/* info at the right of the forms */
.form-info {
	padding: 0 10px 0 30px;
	border-left: solid 1px #e4e6e8;
	margin: 25px 0;
}
.form-info h2 {
	font-size: 18px;
	position: relative;
	top: -5px;
	margin-bottom: 5px;
}
.form-info h2 em {
	font-style: normal;
	color: #e6400c;
}
.form-info p {
	margin: 0 0 20px;
}

/* BEGIN product page */
.product-page {
	background: #fff;
	padding: 22px;
	position: relative;
}
.product-main-image {
	margin-bottom: 20px;
}
.product-main-image img {
	width: 100%;
}
.product-other-images {
	text-align: left;
}
.product-other-images img {
	width: 58px;
	height: auto;
	margin: 0 12px 12px 0;
}
.product-other-images a:hover img,
.product-other-images a.active img {
	box-shadow: 0 0 0 2px #c7ced5;
}
.product-page h1 {
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 12px;
}
.price-availability-block {
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 12px;
	margin-bottom: 17px;
}
.price-availability-block .price {
	float: left;
	font-family: 'PT Sans Narrow', sans-serif;
}
.price-availability-block .price strong {
	color: #e84d1c;
	font-size: 35px;
	font-weight: normal;
}
.price-availability-block .price strong span {
	font-size: 25px;
}
.price-availability-block .price em {
	font-style: normal;
	color: #bbb;
	font-size: 17px;
}
.price-availability-block .price em span {
	font-size: 23px;
	text-decoration: line-through;
}
.price-availability-block .availability {
	float: right;
	color: #7b8a99;
}
.price-availability-block .availability strong {
	font-weight: normal;
	color: #3e4d5c;
}

.product-page-options {
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	padding: 20px 0;
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
.product-page-options .pull-left {
	margin-right: 40px;
}
.product-page-options .pull-left:last-child {
	margin-right: 0;
}
.product-page-options label {
	font-weight: normal;
	text-transform: uppercase;
	color: #8e9ca8;
	font-family: "PT Sans Narrow", sans-serif;
	float: left;
	margin-right: 10px;
	padding-top: 5px;
}
.product-page-options select.input-sm {
	float: left;
	width: auto;
}

.product-page-cart {
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 20px;
	margin-bottom: 18px;
}
.product-quantity,
.product-quantity .input-group {
	width: 70px;
	float: left;
	margin-right: 20px;
	position: relative;
}
table .product-quantity,
table .product-quantity .input-group {
	margin-right: 0;
}
.product-page-cart .btn {
	padding: 7px 20px;
	font-size: 13px;
	height: 38px;
}
.product-quantity input.form-control {
	border: none;
	background: #edeff1 !important;
	font: 300 23px 'Open Sans', sans-serif;;
	color: #647484;
	height: 38px;
	width: 50px;
	text-align: center;
	padding: 5px;
}
.product-quantity input.form-control:focus {
	border: none;
}

.product-quantity .input-group-btn {
	position: static;
}
.product-quantity .btn {
  text-align: center;
  height: 18px !important;
  width: 18px;
  padding: 0 2px 0 1px !important;
  text-align: center;
  background: #edeff1;
  border-radius: 0 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: #616b76;
  margin: 0 !important;
  position: absolute;
  right: 0;
}
.product-quantity .quantity-up {
  top: 0;
}
.product-quantity .quantity-down {
  bottom: 0;
}
.product-quantity .btn i {
	position: relative;
	top: -2px;
	left: 1px;
}

.product-page .review {
	color: #6e7a85;
	font-family: 'Open Sans', sans-serif;
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 18px;
	margin-bottom: 20px;
	font-weight: 300;
}

.product-page .rateit {
	margin-right: 27px;
	position: relative;
	top: 2px;
}
.product-page .review a {
	color: #e6400c;
}
.product-page .social-icons li a {
	background-position: 0 -38px;
	opacity: 1;
}

/* product pop up */
.product-pop-up {
	padding: 0;
	overflow-x: hidden;
	background: inherit;
}
.product-pop-up .product-quantity, .product-pop-up .product-quantity .input-group {
	margin-right: 15px;
}
.product-pop-up .product-page-cart .btn {
	padding: 7px 5px;
}
.product-pop-up .btn-primary {
	margin-right: 10px;
}

.product-page-content {
	width: 100%;
	overflow: hidden;
	padding: 50px 13px 0;
}
.nav-tabs {
	border-color: #e6400c;
	text-transform: uppercase;
	font: 16px/1 "PT Sans Narrow", sans-serif;
	padding-bottom: 1px;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	background: #edeff1;
	color: #647484;
	border-radius: 0;
	padding: 5px 15px;
	border: none !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background: #e6400c;
	color: #fff;
}
.product-page-content .tab-pane {
	padding: 15px;
}

/* datasheet tab */
.product-page-content .datasheet {
	width: 100%;
}
.product-page-content .datasheet th {
	border-bottom: solid 2px #eee;
	padding-bottom: 5px;
	font-size: 15px;
}
.product-page-content .datasheet td {
	padding: 5px 20px 5px 0;
	border-bottom: solid 1px #eee;
}
.datasheet-features-type {
	font-weight: bold;
}

/* reviews tab */
.reviews-form {
	padding-top: 20px;
}
.reviews-form label {
	font-weight: normal;
}
.reviews-form input.form-control {
	color: #aaa;
}
.review-item {
	width: 100%;
	overflow: hidden;
	border-bottom: solid 1px #eee;
	padding: 0 5px 5px;
	margin: 0 -5px 20px;
}
.review-item-submitted {
	margin-bottom: 5px;
	position: relative;
}
.review-item-submitted strong, 
.review-item-submitted em {
	display: block;
}
.review-item-submitted strong {
	margin-bottom: 3px;
}
.review-item-submitted em {
	font-style: normal;
	color: #bbb;
	font-size: 12px;
}
.review-item-submitted .rateit {
	position: absolute;
	top: 3px;
	right: 0;
}
/* END product page */

/*chairman page*/
#chairman{background:url(../img/chairman_bg.jpg)no-repeat top center; -webkit-background-size: cover;
background-size: cover;}

/* content search */
.content-search {
	background: #fff;
	padding: 10px 15px 9px;
}
.content-search h1 {
	padding-top: 2px;
	margin: 0;
}
.content-search h1 em {
	font-style: normal;
	color: #e6400c;
}
.content-search input {
	border-radius: 0;
	border-color: #dbdbdb;
	color: #b0b4b7;
	font: 14px Arial, sans-serif;
	height: 35px;
}
.content-search input:focus {
	box-shadow: none;
	border: solid 1px #e94d1c;
}
.content-search button {
	margin-left: -1px;
	font-size: 14px;
	padding: 7px 12px 5px;
	height: 35px;
}

/*enrollment*/
.enrollment input{padding:5px 15px; background:none; border:0 none;cursor:pointer;border-bottom: 2px #eee solid;}
.enrollment input[type="checkbox"]{padding: 0;   top: 0;  left: 0;  height: 15px;  width: 15px; background-color: #eee;}
.enrollment input[type="checkbox"]:checked{background-color: #ec008c;}
form>ul{padding: 25px;margin: 10px;}
form>ul li {margin:15px 5px;display: block;min-height: 35px;}
.enrollment .w100{width: 100%;} 

label{display:inline;}

input[type="radio"] { display:none;}
/*input[type="radio"] + label {color: #292321;}*/
input[type="radio"] + label span {display:inline-block;width:19px;height:19px;margin:-1px 4px 0 0;vertical-align:middle;cursor:pointer;-moz-border-radius:50%;border-radius:  50%;}
input[type="radio"] + label span { background-color:#DDD;}
input[type="radio"]:checked + label span{ background-color:#ec008c;}
input[type="radio"] + label span,input[type="radio"]:checked + label span { -webkit-transition:background-color 0.4s linear; -o-transition:background-color 0.4s linear; -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;}

/*contact*/
#contact {  background: url("../img/index_bg2.jpg") center center;background-attachment: fixed;background-size: cover; }
#contact #mapWrapper{ height:450px;width: 100%;background-color: #eee; margin-top: 20px;box-shadow:5px 5px 3px rgba(0, 0, 0, 0.35);border: 2px solid #fff;}
.boxFocus{padding:22px;border:1px solid #ddd;background-color: #fff;margin-top: 20px;margin-bottom: 60px;}
.addcom{margin-top: 20px;}

.indexService_Title{background: url(../img/contect_title_bg.png) center center no-repeat;height: 165px;width: 100%;margin-top: 100px;}
/* serivce page*/
.service_page{min-height: 450px;position: relative;overflow: hidden;}
.service_Title{height: 165px;width: 100%;margin-top: 60px;margin-left: 15px;font-weight: 800;}
.title_text{width: 350px;position: relative;height: 180px;top: 0;left:0;}
.indextitle_text{width: 350px;position: relative;height: 180px;top: 0;margin: 0 auto;}
._right{right: 0;}
.container-fluid{padding-left: 0 ;padding-right: 0;}
.service_0{background: url(../img/serivce_0.png) no-repeat;width: 342px;height: 567px;position: absolute;z-index: 1;left: 12%;top: 60px;}
.service_1{background: url(../img/serivce_1.png) no-repeat right;width: 506px;height: 761px;position: absolute;z-index: 1;right:10%;top: 0;}
.service_2{background: url(../img/serivce_2.png) no-repeat right;width: 50%;height: 742px;background-size: cover; position: absolute;z-index: 1;left: 0;top: 0;}
.service_3{background: url(../img/serivce_3.png) no-repeat;width: 400px;height: 532px;position: absolute;top: 60px;right: 10%;}
.service_4{background: url(../img/serivce_4.png) no-repeat right;width: 50%;height: 761px;background-size: cover atuo;position: absolute;z-index: 1;}
.service_5{background: url(../img/serivce_5.png) no-repeat;width: 522px;height: 359px;background-size: cover atuo;position: absolute;z-index: 1;right:10%;top:75px;}
.service_6{background: url(../img/serivce_6.png) no-repeat left;width: 40%;height: 532px;background-size: cover atuo;position: absolute;z-index: 1;left: 2%;}
.service_7{background: url(../img/serivce_7.png) no-repeat left;width: 40%;height: 500px;background-size: cover atuo;position: absolute;z-index: 1;}
.service_container{z-index: 2;}
.service_container p{font-size: 20px;font-weight: 100;line-height: 1.5em;}
.title_span{background: url(../img/contect_title_font_bg.png)center no-repeat;height: 148px;width: 150px;position: absolute;color: #FFF;left: 0px;top:0px; display: block;font-size: 130px;text-align: center;font-weight:450;line-height: 150px;margin-left: -5px;padding-left: 5px; font-style: italic;font-family: 'PT Sans Narrow',Helvetica,sans-serif;}
.title_textcn{font-size: 38px;text-align: left;font-weight:800;position: absolute;left: 150px;top: 60px;font-style: italic;}
.title_texten{font-size: 22x;text-align: left;font-weight:bold;position: absolute;left: 145px;top: 110px;font-family: inherit;font-style: italic;width: 300px;}
.circle_square{overflow: hidden;padding: 0;margin: 5px;box-shadow: 2px 2px 8px #999;text-align: cente;
/*    border-radius: 50% !important;*/
}

.strong{font-weight: 800 !important;font-size: 18px;}
.grid-item { border: 1px solid #ccc; margin: 10px 0px;box-shadow: 2px 2px 2px #aaa;padding: 8px 2px;text-align: center;}
.submitBt{background-color: #ccc;padding: 10px 25px;}
/*.grid-item--width2 { width: 40%;min-width: 400px;border: 1px solid #ccc;padding: 5px; margin-top: 10px;}*/
/***
Pre-Footer and pre-footer elements
***/
.pre-footer {
	background: #313030;
	color: #b0b0b0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.pre-footer .container {
	padding-top: 45px;
}
.pre-footer a {
	color: #57c8eb;
}
.pre-footer h2 {
	font-size: 21px;
	color: #c2c1c1;
    background: none;
    text-align: left;
    margin-top: 0;
    position: static;
}
.pre-footer p {
	margin-bottom: 20px;
}
.pre-footer li {
	margin-bottom: 6px;
}

/* pre-footer twitter block */
.pre-footer dl.f-twitter {
	overflow: hidden;
	margin-bottom: 7px;
}
.pre-footer dl.f-twitter dt {
	width: 30px;
	float: left;
	text-align: left;
	padding-top: 2px;
}
.pre-footer dl.f-twitter dt i {
	color: #57c8eb;
	font-size: 20px;
}
.pre-footer dl.f-twitter dd {
	color: #eee;
	margin-left: 30px;
}
.pre-footer dl.f-twitter dd span {
	color: #6b9cab;
	font-size: 12px;
	margin: 0 5px;
}
.pre-footer address {
	line-height: 1.7;
}
.pre-footer-col {
	padding-bottom: 22px;
}
.pre-footer .top-line {
	border-top: solid 1px #535353;
	padding-top: 24px;
	padding-bottom: 17px;
}
.pre-footer .social-icons {
	padding-top: 5px;
}
.pre-footer .social-icons li a, 
.pre-footer a.social-icon {
  transition: all 0.1s ease-in-out !important;
  -o-transition: all 0.1s ease-in-out !important;
  -ms-transition: all 0.1s ease-in-out !important;
  -moz-transition: all 0.1s ease-in-out !important;
  -webkit-transition: all 0.1s ease-in-out !important;
}
.pre-footer .social-icons li a:hover {
  opacity: 1;
}

.pre-footer hr {
	margin-top: 0;
	border-color: #404040;
}
.pre-footer .form-control,
.pre-footer .form-control:focus {
	border: none;
}

/* subscribe */
.pre-footer .pre-footer-subscribe-box {
	padding-bottom: 14px;
}
.pre-footer-subscribe-box .input-group {
	border: solid 1px #545454;
	padding: 1px 1px 0 0;
}
.pre-footer-light .pre-footer-subscribe-box .input-group {
	border: solid 1px #DBDBDB;
}
.pre-footer-subscribe-box h2 {
	float: left;
	margin-right: 20px;
	padding-top: 7px;
}
.pre-footer-subscribe-box form {
	float: left;
	width: 330px;
}
.pre-footer-subscribe-box input {
	border-radius: 0;
	background: #313030;
	border: solid 1px #313030;
	color: #909090;
	font: 13px Arial, sans-serif;
}
.pre-footer-subscribe-box input:focus {
	box-shadow: none;
	border: solid 1px #313030;
}
.pre-footer-subscribe-box .btn-primary {
	margin-left: -1px;
	border-bottom: none;
	margin-bottom: 1px;
}

/* light pre-footer */
.pre-footer-light {
	background: #F9F9F9;
	color: #3E4D5C;
	margin-top: 20px;
}
.pre-footer-light .container {
	background: #fff;
	padding-top: 25px;
}
.pre-footer-light h2 {
	color: #3E4D5C;
}
.pre-footer-light a {
	color: #3E4D5C;
}
.pre-footer-light dl.f-twitter dd {
	color: #3E4D5C;
}
.pre-footer-light dl.f-twitter dd span {
	color: #99a5b1;
}
.pre-footer-light dl.f-twitter dd a {
	color: #e84d1c;
}

.pre-footer-light address a {
	color: #e84d1c;
}

.pre-footer-light hr {
	border-color: #e6e6e6;
}

.pre-footer-light .social-icons li a {
  opacity: 1;
}
.pre-footer-light .social-icons li a:hover {
  opacity: 0.7;
}

.pre-footer-light .input-group {
	border: none;
	padding: 1px 1px 0 0;
}
.pre-footer-light .pre-footer-subscribe-box input {
	background: #fff;
	border: none;
	color: #909090;
}
.pre-footer-light .pre-footer-subscribe-box button:hover {
	color: #fff;
}

#lovely-things-list {
  margin-bottom: 80px;
}
#lovely-things-list li .thumb {
  /*width: 360px;*/
  /*height: 260px;*/
  float: right;
  margin-right: 0px;
  border: solid 2px #333;
  overflow: hidden !important;
  padding: 0;
}
#lovely-things-list .list {
  clear: both;
  margin-bottom: 10px;
}
#lovely-things-list .list li {
  padding: 20px;
  /*height: 300px;*/
  margin: 15px;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
   border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}

#lovely-things-list li:nth-child(2n+1) {
  background-color: rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(255, 255, 255, 0.1);
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}
#lovely-things-list li:nth-child(2n+1) .thumb {
  border: solid 2px #fff;
   margin-right: 20px;
  float: left;
}
#lovely-things-list h4 {
  /*color: #fafafa;*/
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 16px;
}
#lovely-things-list li:hover{
	background-color:rgba(189,150,73,0.2);
	/*bd9649*/
}
/***
Footer and footer elements
***/
.footer {
	background: #272626;
	color: #fff;
	font-size: 12px;
}
.footer-light {
	background: #F9F9F9;
	color: #3e4d5c;
}
.footer .padding-top-10 {
	opacity: 0.5;
    width: 100%;
    line-height: 60px;
    height: 60px;
    text-align: center;
}
.footer .list-inline > li:last-child {
	padding-right: 0;
}


/* Social Icons */
.social-icons {
  padding: 0;
  margin: 0;
}
.social-icons:after,
.social-icons:before {  
  content: "";
  display: table;
}
.social-icons:after {    
  clear: both;
}
.social-icons li {
  float: left;
  display: inline;
  list-style: none;
  margin-right: 5px;
  margin-bottom: 5px;
  text-indent: -9999px;
}
.social-icons li a, 
a.social-icon {
  width: 28px;
  height: 28px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
  background-position:0 -38px;
}
.social-icons li a {
  opacity: 0.5;
}
.social-icons li a:hover {
  opacity: 1;
}
.social-icons-color li a {
  opacity: 0.7;
  background-position:0 -38px !important;
}

.social-icons-color li a:hover {
  opacity: 1;
}
.social-icons .aboutme {background: url(../img/icons/social/aboutme.png) no-repeat;}
.social-icons .amazon {background: url(../img/icons/social/amazon.png) no-repeat;}
.social-icons .behance {background: url(../img/icons/social/behance.png) no-repeat;}
.social-icons .blogger {background: url(../img/icons/social/blogger.png) no-repeat;}
.social-icons .deviantart {background: url(../img/icons/social/deviantart.png) no-repeat;}
.social-icons .dribbble {background: url(../img/icons/social/dribbble.png) no-repeat;}
.social-icons .dropbox {background: url(../img/icons/social/dropbox.png) no-repeat;}
.social-icons .evernote {background: url(../img/icons/social/evernote.png) no-repeat;}
.social-icons .facebook {background: url(../img/icons/social/facebook.png) no-repeat;}
.social-icons .flickr {background: url(../img/icons/social/flickr.png) no-repeat;}
.social-icons .forrst {background: url(../img/icons/social/forrst.png) no-repeat;}
.social-icons .foursquare {background: url(../img/icons/social/foursquare.png) no-repeat;}
.social-icons .github {background: url(../img/icons/social/github.png) no-repeat;}
.social-icons .googleplus {background: url(../img/icons/social/googleplus.png) no-repeat;}
.social-icons .gravatar {background: url(../img/icons/social/gravatar.png) no-repeat;}
.social-icons .instagram {background: url(../img/icons/social/instagram.png) no-repeat;}
.social-icons .jolicloud {background: url(../img/icons/social/jolicloud.png) no-repeat;}
.social-icons .klout {background: url(../img/icons/social/klout.png) no-repeat;}
.social-icons .last-fm {background: url(../img/icons/social/last-fm.png) no-repeat;}
.social-icons .linkedin {background: url(../img/icons/social/linkedin.png) no-repeat;}
.social-icons .myspace {background: url(../img/icons/social/myspace.png) no-repeat;}
.social-icons .picasa {background: url(../img/icons/social/picasa.png) no-repeat;}
.social-icons .pintrest {background: url(../img/icons/social/pintrest.png) no-repeat;}
.social-icons .quora {background: url(../img/icons/social/quora.png) no-repeat;}
.social-icons .rss {background: url(../img/icons/social/rss.png) no-repeat;}
.social-icons .skype {background: url(../img/icons/social/skype.png) no-repeat;}
.social-icons .spotify {background: url(../img/icons/social/spotify.png) no-repeat;}
.social-icons .stumbleupon {background: url(../img/icons/social/stumbleupon.png) no-repeat;}
.social-icons .tumblr {background: url(../img/icons/social/tumblr.png) no-repeat;}
.social-icons .twitter {background: url(../img/icons/social/twitter.png) no-repeat;}
.social-icons .vimeo {background: url(../img/icons/social/vimeo.png) no-repeat;}
.social-icons .wordpress {background: url(../img/icons/social/wordpress.png) no-repeat;}
.social-icons .xing {background: url(../img/icons/social/xing.png) no-repeat;}
.social-icons .yahoo {background: url(../img/icons/social/yahoo.png) no-repeat;}
.social-icons .youtube {background: url(../img/icons/social/youtube.png) no-repeat;}
.social-icons .vk {background: url(../img/icons/social/vk.png) no-repeat;}


/*************************
         Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-85 { margin-top: 85px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-105 { margin-top: 105px }
.mt-110 { margin-top: 110px }
.mt-115 { margin-top: 115px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
/*************************
      Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
      Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-85 { margin-bottom: 85px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-105 { margin-bottom: 105px }
.mb-110 { margin-bottom: 110px }
.mb-115 { margin-bottom: 115px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
/*************************
        Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
        Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-35 { padding-top: 35px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-60 { padding-top: 60px }
.pt-65 { padding-top: 65px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-105 { padding-top: 105px }
.pt-110 { padding-top: 110px }
.pt-115 { padding-top: 115px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
/*************************
        Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-65 { padding-right: 65px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
        Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-5 { padding-bottom: 5px !important }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-40 { padding-bottom: 40px }
.pb-45 { padding-bottom: 45px }
.pb-50 { padding-bottom: 50px }
.pb-60 { padding-bottom: 60px }
.pb-65 { padding-bottom: 65px }
.pb-70 { padding-bottom: 70px }
.pb-75 { padding-bottom: 75px }
.pb-80 { padding-bottom: 80px }
.pb-85 { padding-bottom: 85px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-105 { padding-bottom: 105px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
/*************************
        Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-65 { padding-left: 65px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }


/***************************
    Page section padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }

/***************************
    Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }

@media screen and (max-width: 768px) {
	.header a.navbar-brand img{width: 120px;margin-left: -65px;}
	.enrollment input[type=text]{width: 100%;}
    .titleimg{ height: 20%;}
    .equipment{ height: 80%;}
    .ls-layer1 .title{background-size:100% auto !important;}
    .service_page .service_Title{background:none;}
    .title_text{width: 100%;margin: 0 auto;position: relative;height: 180px;}
    .title_span{background: url(../img/contect_title_font_bg.png) 5px center no-repeat;height: 110px;width: 110px;position: absolute;color: #FFF;left: 0px;top:0px; display: block;font-size: 100px;text-align: center;font-weight:bolder;line-height: 100px;margin-left: -15px;padding-left: 5px; font-style: italic;padding-top: -5px;background-size: cover;}
    .title_textcn{font-size: 24px;text-align: left;font-weight:bolder;position: absolute;left: 105px;top: 30px;}
    .title_texten{font-size: 12x;text-align: left;font-weight:bold;position: absolute;left: 100px;top: 60px;font-family: inherit;font-style: italic;width: 230px;}
    .service_0,.service_1,.service_2,.service_3,.service_4,.service_5,.service_6,.service_7{display: none;}
    .bg-left,.bg-right{background-image: none;height: auto;}
    .aboutTitle{font-size: 32px;}
	.col-style0, .bg_parallax{ min-height:250px}
	.col-left .case .bg_parallax, .col-right .case .bg_parallax, .col-center .case .bg_parallax{width:100%; position:relative; left:0;right: 0; bottom: 0;top: 0; margin:0 auto; min-height:300px; opacity:1}
	/*.col-center .case .bg_parallax{left:0;right: 0; width:100%; height:100%;}*/
	.col-left .case .intro, .col-right .case .intro, .col-center .case .intro{width:70%;float:none; margin:0 auto;}
	.case .inbox{margin:1.5em auto;width:100%;max-width:none;}
	.col-news .case{width:100%;}
	.row-event{width:90%;}
	.col-style0 .case{height:100%;}
	.col-style0 .case .bg_parallax{position:absolute;}
	.col-style0 .case .intro{width:100%; padding-top:5%; padding-bottom:5%;}
	.col-style0.float-left .case .inbox{float:none;}
	.col-style0 .case .inbox{float:none; margin:0 auto; max-width:90%; padding:10px;}
	.col-event.items-leading .inbox{margin-top:10%;}
	.page-slider { 	margin-top: 80px;}
}

@media screen and (min-width: 768px) and (max-width: 992px) { 

    .titleimg{ height: 80%;}
    .equipment{left: -40%;padding-left: -100px;}
    .ls-layer1 .title{background-size:100% auto !important;}
}
@media screen and (min-width: 992px) and (max-width:1200px) { 
	
    .titleimg{ height: 90%;}
    .equipment{left: 50%;padding-left: -100px;}
    .ls-layer1 .title{background-size:100% auto !important;}
}
@media screen and  (min-width: 1200px) and (max-width:1500px) { 
	
	.header .nav > li:nth-child(5) {margin-left: 280px;}
    .equipment{left: 50%;padding-left: -100px;}
    .ls-layer1 .title .titleimg{ height: 60%;}
    .ls-layer1 .title{background-size:100% auto !important;}
    .col-style0 .case .inbox{margin-top:220px;}
}
@media screen and  (min-width: 1500px) {

	.header .nav > li:nth-child(5) {margin-left: 250px;}
    .ls-layer1 .title .titleimg{ height: 40% !important;}
    .ls-layer1 .title{background-size:100% auto !important;width: 350px;}
	.col-style0 .case .inbox{margin-top:320px;}
}