/*
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ CONTENTS /\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\

	 1. IMPORT
	 2. HEADER
	 3. NAVIGATION
	 3.5 ITEM-DETAIL
	 4. FOOTER & FOOTER WIDGETS
     5. SIDEBAR & SIDEBAR WIDGETS
     6. PORTFOLIO/PROJECTS
     7. BLOG STYLING
     8. HOME PAGE
     9. 404 PAGE
     10. ABOUT PAGE
     11. CONTACT PAGE FORM
     12. ICON LIST
     13. RECENT WORK CAROUSEL
     14. TESTIMONIALS
     15. ICON SERVICE BOXES
     16. PARALLAX
     17. CLIENTS
     18. TYPOGRAPHY
     19. BUTTONS
     20. PRICING TABLES BOXS
     21. TABS
     22. ACCORDION & TOGGLE
     23. PROGRESS SKILL BAR
     24. PROMO BOX
     25. PAGINATION
     26. TITLE
     27. DROPCAPS
     28. HIGHLIGHT
     29. SWIPE J.S SLIDER
     30. CAROUSEL
     31. FLICKR
     33. LIST & BULLETS
     33. BUTTON UP
	 34. PRODUCT
     35. MEDIA QUERIES
*/

/* ========================================================== */
/* 1. Import Section                                          */
/* ========================================================== */

@import url("font-awesome.css");
@import url("magnified.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");




h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600;
}
body, h1, h2, h3, h4, h5, h6, .button, input[type="button"], input[type="submit"], input[type="text"], input[type="password"], input[type="email"], textarea, select {
	font-family: "Manrope", "Microsoft JhengHei","微軟正黑體",sans-serif;
	font-weight: 500;
    font-style: normal;
    color: #000;
    line-height:20px;
	font-size: 17px;
	
}
h1 {
    font-size: 28px;
    line-height: 50px;
    margin: 0;
}

h2 {
    font-size: 22px;
    line-height: 30px;
}
h3 {
    font-size: 17px;
    line-height: 30px;
}
h4 {
    font-size: 17px;
    line-height: 30px;
}
h5 {
    font-size: 12px;
    line-height: 24px;
}
h6 {
    font-size: 10px;
    line-height: 20px;
}

a {text-decoration: none ;}
a:hover{
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color:#555;
}
a:focus{
    outline: none;
    text-decoration: none;
}
.not-ie a {
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

.mrgb-20{
    margin-bottom:20px;
    display:block;
}
.mrgb-30{
    margin-bottom:30px;
}
.mrgb-40{
    margin-bottom:40px;
    display:block;
}
.mrgb-50{
    margin-bottom:50px;
    display:block;
}
.mrgb-60{
    margin-bottom:60px;
    display:block;
}
.mrg-0{
    margin:0 auto;
}


/* ========================================================== */
/*  2. HEADER                                                 */
/* ========================================================== */

.header_top {
  background: none repeat scroll 0 0 #F0F0E9;
}

.contactinfo ul li:first-child{
    margin-left: -15px;
}

.contactinfo ul li a{
	
  font-family: "Open Sans","Microsoft JhengHei","微軟正黑體",sans-serif;
  font-size: 12px;
  color: #696763;
  
}


.contactinfo ul li a:hover{
	background:inherit;
}


.social-icons ul li a {
  border: 0 none;
  border-radius: 0;
  color: #696763;
  padding:0px;
}


.social-icons ul li{
	display:inline-block;
}

.social-icons ul li a i {
  padding: 11px 7px;
   transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

.social-icons ul li a i:hover{
  color: #fff;
   transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}


.fa-facebook:hover {
  background: #0083C9;
}

.fa-twitter:hover  {
	background:#5BBCEC;
}

.fa-linkedin:hover  {
	background:#FF4518;
}

.fa-dribbble:hover  {
	background:#90C9DC;
}

.fa-google-plus:hover  {
	background:#CE3C2D;
}

.header-middle .container .row {
  border-bottom: 1px solid #f5f5f5;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 0px;
  padding-top: 5px;
}

.header-middle .container .row .col-sm-4{
	
  padding-left: 0;
}

.header-middle .container .row .col-sm-8 {
	
  padding-right:0;
}



.usa {
	
  border-radius: 0;
  color: #B4B1AB;
  font-size: 13px;
  margin-right: 20px;
  padding: 2px 15px;
  margin-top: 10px;
  
}

.usa:hover {
	background:#FE980F;
	color:#fff;
	border-color:#FE980F;
}

.usa:active, .usa.active {
  background: none repeat scroll 0 0 #FE980F;
  box-shadow: inherit;
  outline: 0 none;
}

.btn-group.open .dropdown-toggle {
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
}

.dropdown-menu  li  a:hover, .dropdown-menu  li  a:focus {
  background-color: #FE980F;
  color: #FFFFFF;
  font-family: 'Arial', sans-serif;
  text-decoration: none;
}

.shop-menu ul li {
	
  display:inline-block;
  padding-left: 0px;
  padding-right: 2px;
}

.shop-menu ul li:last-child {
  padding-right: 0;
}

.shop-menu ul li a {
	
	font-family: "Open Sans","Microsoft JhengHei","微軟正黑體",sans-serif;
    background: #FFF none repeat scroll 0% 0%;
    color: #696763;
    font-size: 16px;
    font-weight: 700;
    padding: 0px 0px px 0px;
    margin-top: 10px;
}

.shop-menu ul li a i{
	margin-right:3px;
}

.shop-menu ul li a:hover {
	color:#fe980f;
	background:#fff;
}

.header-bottom {
  padding-bottom: 30px;
  padding-top: 30px;
}

.navbar-collapse.collapse{
  padding-left: 0;
}

.mainmenu ul li{
  padding-right: 15px;
  padding-left: 15px;
}

.mainmenu ul li:first-child{
  padding-left: 0px;
}

.mainmenu ul li a {
	color: #696763;
	font-family: 'Arial', sans-serif;
	font-size: 17px;
	font-weight: 300;
	padding: 0;
	padding-bottom: 10px;
}

.mainmenu ul li a:hover, .mainmenu ul li a.active,  .shop-menu ul li a.active{
	background:none;
	color:#fdb45e;
}

.search_box input {
  background: #F0F0E9;
  border: medium none;
  color: #B2B2B2;
  font-family: 'Arial';
  font-size: 12px;
  font-weight: 300;
  height: 35px;
  outline: medium none;
  padding-left: 10px;
  width: 155px;
  background-image: url(../images/home/searchicon.png);
  background-repeat: no-repeat;
  background-position: 130px;
}

/* Logo
====================================*/

#logo-bar{
    padding:10px 0;
    background:#fff;
}
#logo-bar.scroll-to-fixed-fixed{
    box-shadow:0 0 10px #9C9999;
    -webkit-box-shadow:0 0 10px #9C9999;
       -moz-box-shadow:0 0 10px #9C9999;
        -ms-box-shadow:0 0 10px #9C9999;
         -o-box-shadow:0 0 10px #9C9999;
}
#logo{ float: left; }

#logo > h1 {
    margin:0;
    line-height: 0;
    font-size: 0;
}
#logo a img {
	max-width:100%;
    height: auto;
}
.content{
	padding:5px 0 0px;
	position: relative;
}
.sub_content{
	margin-bottom:30px;
}


/* page_head Title
====================================*/
.page_head {
    background: url("../images/page-title-head.png") repeat;
    border-bottom: 3px solid #dcdbd7;
    padding: 16px 0 0;
    position: relative;
}

.page_title{
    margin-top: 60px;
    display: inline-block;
}

.page_title h2 {
    color: #676767;
    float: left;
    font-size: 24px;
    font-weight: 600;
    margin-top: 0;
    text-transform: uppercase;
    border-bottom: 3px solid #ff7200;
    margin: 0;
    padding-bottom: 17px;
    bottom: -3px;
    position: absolute;
}

/* Breadcrumbs
====================================*/
#breadcrumbs{margin-top: 20px; float: right}

#breadcrumbs ul {
    font-size: 12px;
    padding: 0;
    margin: 0;
}

#breadcrumbs ul li {
    display: inline-block;
    color: #888;
    padding: 0 11px 0 0;
    margin: 0 0 0 5px;
    background: url(../images/breadcrumbs.png) no-repeat 100% 55%;
}

#breadcrumbs ul li a { color: #ff7200; }

#breadcrumbs ul li:first-child { padding-right: 0; margin-left: 0; }

#breadcrumbs ul li:first-child,
#breadcrumbs ul li:last-child {
    color: #888;
    background: none;
}

#breadcrumbs ul li:last-child { padding:0; background: none; }



/* ========================================================== */
/*  3. NAVIGATION                                             */
/* ========================================================== */

/*
  Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/

.nav2 {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style: outside none none;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar2{
    margin-bottom: 0;
    background:#323A45;
    min-height:35px;
    border:none;
}

.navbar2-nav2 > li {
    float: left;
}
.nav2 > li {
    position: relative;
    display: block;
}
ul li {
    list-style: outside none none;
}


.nav3 {
	
	margin-bottom: 0px;
	padding-top: 10px;
    padding-left: 30px;
	padding-right: 30px;
    padding-bottom: 10px;
    list-style: outside none none;
	text-align: left;
	line-height:2.0;
	color: #494747;
}

.navbar3{
	
    margin-bottom: 0;
    background:#323A45;
    min-height:35px;
    border:none;
	
}

.navbar3-nav3 > li {
    float: left;
}
.nav3 > li {
    position: relative;
    display: block;
}
ul li {
    list-style: outside none none;
}


.nav5 {
	
    margin-bottom: 0px;
	padding-top: 10px;
    padding-left: 30px;
	padding-right: 30px;
    padding-bottom: 10px;
    list-style: outside none none;
	text-align: left;
	line-height:2.0;
	color: #494747;
}
.navbar5{
	
    margin-bottom: 0;
    background:#323A45;
    min-height:35px;
    border:none;
	
}

.navbar5-nav5 > li {
	
    float: left;
	
}

.nav5 > li {
	
    position: relative;
    display: block;
}

.nav5 > ul  > li  img{ 

    width:60%;
    padding: 10px 30px 10px 50px;
	 
}

.nav6 {
	
    margin-bottom: 0px;
	padding-top: 10px;
    padding-left: 30px;
	padding-right: 70px;
    padding-bottom: 10px;
    list-style: outside none none;
	text-align: left;
	line-height:2.0;
	color: #494747;
	
}
.navbar6{
    margin-bottom: 0;
    background:#323A45;
    min-height:35px;
    border:none;
}

.navbar6-nav6 > li {
    float: left;
}
.nav6 > li {
    position: relative;
    display: block;
}

.nav8 {
	
    margin-bottom: 0px;
	padding-top: 10px;
    padding-left: 30px;
	padding-right: 0px;
    padding-bottom: 10px;
    list-style: outside none none;
	text-align: left;
	line-height:2.0;
	
}
.navbar8{
	
    margin-bottom: 0;
    background:#323A45;
    min-height:35px;
    border:none;
	
}

.navbar8-nav8 > li {
	
    float: left;
	
}

.nav8 > li {
	
    position: relative;
    display: block;
}

.nav8 > ul  > li  img{ 

    width:100%;
    padding: 0px 0px 0px 0px;
	 
}

.nav9 {
	
    margin-bottom: 0px;
	padding-top: 10px;
    padding-left: 30px;
	padding-right: 30px;
    padding-bottom: 10px;
    list-style: outside none none;
	text-align: right;
	line-height:2.0;
	
}
.navbar9{
	
    margin-bottom: 0;
    background:#323A45;
    min-height:35px;
    border:none;
	
}

.navbar9-nav9 > li {
	
    float: left;
	
}

.nav9 > li {
	
    position: relative;
    display: block;
}

.nav9 > ul  > li  img{ 

    width:100%;
    padding: 0px 0px 0px 0px;
	 
}

.nav9 > ul  > li  > span { 

    width:100%;
    padding: 0px 0px 0px 0px;
	 
}

.navbar-nav ul
{
    width:100%;
    min-width:187px!important;
    padding:0;
}
.navbar-nav > li > ul.dropdown-menu
{
    top:52px!important;
}
.navbar-toggle{
    background:#303436;
    border:none;
    padding:10px 10px;
    border-radius:3px;
    margin-top:5px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background:#303436;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#fff;
    height:3px;
}
.navbar{
    margin-bottom: 0;
    background:#323A45;
    min-height:35px;
	border-top: 4px solid #E5620D;}

/* sub menus arrows */
.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
    position:static;
    margin-top:0;
    margin-right:0;
    margin-left:6px;
    display:inline-block;
    width:0;
    height: 0;
    overflow:hidden;
    vertical-align:middle;
    border-top:4px solid;
    border-right:4px dashed transparent;
    border-bottom:4px dashed transparent;
    border-left:4px dashed transparent;
}
.navbar-nav > li > .has-submenu .sub-arrow {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    width:8px;
    height: 8px;
    line-height: 8px;
    border-width: 0px;
}
.navbar-nav > li > .has-submenu .sub-arrow:before {
    content: "\f107";
}
.navbar-nav ul .sub-arrow {
    position:absolute;
    right:0;
    margin-top:6px;
    margin-right:15px;
    border-top:4px dashed transparent;
    border-bottom:4px dashed transparent;
    border-left:4px solid;
}
.navbar-nav ul a.has-submenu {
    padding-right:30px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color: transparent;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
    position:absolute;
    display:none;
    visibility:hidden;
    height:20px;
    overflow:hidden;
    text-align:center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
    position:absolute;
    top:-2px;
    left:50%;
    margin-left:-8px;
    width:0;
    height:0;
    overflow:hidden;
    border-top:7px dashed transparent;
    border-right:7px dashed transparent;
    border-bottom:7px solid;
    border-left:7px dashed transparent;
}
.navbar-nav{
    border-right: 1px solid #19222d;
    border-left: 1px solid #425166;
}
.navbar-nav span.scroll-down-arrow {
    top:6px;
    border-top:7px solid;
    border-right:7px dashed transparent;
    border-bottom:7px dashed transparent;
    border-left:7px dashed transparent;
}
.navbar-default .navbar-nav li a{
    color:#555;
    text-transform:uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height:15px;
}
.navbar-default .navbar-nav > li{
    border-left: 1px solid #19222d;
    border-right: 1px solid #425166;
}
.navbar-default .navbar-nav > li > a{
    padding:14px 25px;
    color:#fff;
}
.navbar-nav > li > a:hover,.navbar-nav > li > a:focus,.navbar-nav > li.active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus
{
    background:#E74C3C!important;
    color:#fff!important;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav .collapsible ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul .dropdown-menu .dropdown-header {
    padding-left:35px;
}
.navbar-nav .collapsible ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul .dropdown-menu .dropdown-header {
    padding-left:45px;
}
.navbar-nav .collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul .dropdown-menu .dropdown-header {
    padding-left:55px;
}
.navbar-nav .collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul ul .dropdown-menu .dropdown-header {
    padding-left:65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */

.navbar-nav > li > ul:before{
    content:"";
    position:absolute;
    border:11px solid transparent;
    border-bottom-color:#E74C3C;
    top:-22px;
    left:36%;
}
.navbar-nav > li ul > li:first-child
{
    border-top:2px solid #E74C3C;
}

.navbar-nav .dropdown-menu > li > a {
    white-space:normal;
    font-size: 15px;
    padding:12px 20px;
    border-bottom:1px solid #e4e4e4;
}
.navbar-nav .dropdown-menu > li > a:hover
{
    color:#E74C3C;
}
.navbar-nav ul.sm-nowrap > li > a {
    white-space:nowrap;
}
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
.navbar-nav .collapsible ul {display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
.navbar-nav .collapsible ul.sm-nowrap > li > a {white-space:normal;}
.navbar-nav .collapsible iframe{display:none;}
/* disable Bootstrap 3's global box-sizing:border-box; for the menus as it doesn't play nice with SmartMenus */
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus
{
    border-color:transparent!important;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
    background-color:#fff ;
}


.navigation.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    -webkit-box-shadow: 0px 8px 16px 0px rgb(4 154 229 / 10%);
    -moz-box-shadow: 0px 8px 16px 0px rgba(4, 154, 229, 0.1);
    box-shadow: 0px 8px 16px 0px rgb(4 154 229 / 10%);
    -webkit-animation: sticky 0.5s;
    -moz-animation: sticky 0.5s;
    -o-animation: sticky 0.5s;
    animation: sticky 0.5s;
}

/* ===================================================== */
/* 3.5. Product Detail      				     		 */
/* ===================================================== */

.order-content {
	
 padding-left:0px;
 padding-top: 5px;
 padding-bottom: 5px;
 line-height: 2.0;
 color: #42403e;

}

.addrcontent {
	
  text-align: center;
  padding-bottom: 20px;
  padding-top: 10px;
  
}



.title {
	
  font-family: '微軟正黑體', 'Times New Roman', 'Times', 'serif';
  width:100%;
  font-weight:700;
  text-align:left;
  padding-left:15px;
  padding-bottom: 15px;
  color: #d3711c;
  font-size: 22px;
}

.title img{
	
    padding-left: 15px;
    display: block;
    left: 90px;
    position: relative;
    bottom: 30px;

}

.title2 {
	
  font-family: '微軟正黑體', 'Times New Roman', 'Times', 'serif';
  width:100%;
  font-weight:700;
  text-align:left;
  color: black;
  padding-left:15px;
  font-size: 25px;
  color: #a94442;
  
}

.title2 img{
	
    padding-left: 15px;

}

.title3 {
	
  font-family: '微軟正黑體', 'Times New Roman', 'Times', 'serif';
  width:100%;
  font-weight:700;
  text-align:left;
  color: black;
  padding-left:15px;
  font-size: 22px;
  padding-top: 15px;
  padding-bottom:5px;
  color: #a94442;
  
}

.item-details {
	
    background-color: #f9f9f9;
    padding-top: 10px;
    padding-bottom: 0px;
    position: relative;
	
}

.item-details .top-area {
	
    background-color: #fff;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
	margin-bottom: 10px;
	
}

.item-details2 {
	
    background-color: #f9f9f9;
    padding-top: 20px;
    padding-bottom: 10px;
    position: relative;
	
}

.item-details3 {
	
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 0px;
    position: relative;
	
}

.item-details .top-area2 {
	
    background-color: #fff;
    padding: 0px;
    border: 1px solid #eee;
    border-radius: 4px;
}

.align-items-center {
	
    align-items: center !important;
	
}

.item-details .product-images img {
	
    cursor: pointer;
    
    display: block;
  
}

.item-details .product-info {
	
    padding-top: 12px;
    padding-bottom: 10px;
	
}


.item-details .product-info2 {
	
    padding-top: 12px;
    padding-bottom: 10px;
	line-height: 30px;
	
}


.item-details .product-info .title {
	
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0px;
	
}

.item-details .product-info .category {
	
    display: block;
    margin-bottom: 15px;
}

.item-details .product-info .category i {
	
    display: inline-block;
    margin-right: 5px;
    color: #888;
	
}

.item-details .product-info .normal-list {

	padding-top:5px;
	padding-bottom:5px;


}

.item-details .product-info .normal-list > li {

	padding-top:5px;
	padding-bottom:5px;
}

.item-details .product-info .normal-list > li > span{

	font-weight: bolder;
    color: #444;

}

.item-details .product-info .price {
	
    color: #081828;
    font-weight: 600;
  
}

.item-details .product-info .price span {
	
    display: inline-block;
    margin-left: 15px;
    color: #888;
    text-decoration: line-through;
    font-size: 23px;
    font-weight: 500;
	
}

.item-details .product-info .bottom-content {
	
    margin-top: 20px;
	
}

.align-items-end {
	
    align-items: flex-end !important;
	
}

.button .btn {
	
    
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    background-color: #ff7200e6;
    color: #fff;
    border: none;
    transition: 0.2s;
    border-radius: 3px;
    z-index: 1;
    margin-right: 7px;
    overflow: hidden;
	
}

.button .wish {
	
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 600;
	background-color: #FFF;
	color: #767070;
	border: none;
	transition: 0.2s;
	z-index: 1;
	margin-right: 7px;
	overflow: hidden;
	border: 1px solid #eee;
	border-radius: 4px;
	color: #555;	
	
}

.btn {
	
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 13px;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	
}

.item-details .product-info .cart-button {
	
	 width: 70%;
   
}

.item-details .product-info .cart-button .btn {
	
	width:100%;
    left: 200px;
    bottom: 45px;
	padding:10px;
    top: 40px;
	margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 20px;

}

.item-details .product-info .cart-button .btn:hover {
	
	 background-color: #e74c3c;

}

.item-details .product-info .cart-button .btn i {
	
    font-size: 16px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 2px;
	
}

.item-details .product-info .wish-button {
	
	width: 70%;
	
}

.item-details .product-info .wish-button .btn {
	
    width:100%;
    left: 200px;
    bottom: 45px;
	padding:10px;
    top: 40px;
	margin-left: 80px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 20px;

}

.item-details .product-info .wish-button .btn:hover {
	
	 border-color: #ff7200;

}

.item-details .product-info .wish-button .btn i {
	
    font-size: 16px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 2px;
	
}

.item-details .product-info .info-body {

	padding-left: 15px;
	padding-right: 15px;
    margin-bottom: 30px;
}

.item-details .product-info .info-body .features li {
	
    position: absolute;
    content: "";
    left: 0;
    top: 8px;
    height: 6px;
    width: 6px;
    background-color: #0167F3;
    border-radius: 6px;
	
}


.item-details .product-info .message-body {

	padding-left: 15px;
	padding-right: 15px;
    margin-bottom: 0px;
}



/* ===================================================== */
/* 4. FOOTER & FOOTER WIDGETS				     		 */
/* ===================================================== */

.footer{
    background:#323A45;
    padding:30px 0;
    position: relative;
    color:#fff;
}
	
	
.footer2 {
  background: #222222;
  padding: 0px 0px 20px 0px;
  position: relative;
  color: #fff;
  margin-top: 20px;
}	
	
	
}
.footer3{
	background:#222222;
    padding:20px 0px 5px 0px;
    position: relative;
    
}
.footer10{
	background:#000000;
    padding:20px 0px 7px 0px;
    position: relative;
    color:#fff;
}
.footer_bottom{
    background:#292F38;
    padding:20px 0;
    color:#fff;
}
.footer_bottom2{
    background:#000000;
    padding:0px 0px 15px 0px;
    color:#fff;
}
.templatemo-footer8{
	border-bottom: 2px solid #383838; 
    padding: 10px 10px 10px 0px; 
	margin-top: 0px;
	font-size: 16px;

}

.templatemo-footer10{
	background:#000000;
    padding: 10px 10px 10px 0px; 
	margin-top: 0px;
	width:40%;
}

.templatemo-footer12{
	background:#000000;
    padding: 5px 10px 5px 0px; 
	margin-top: 0px;
	font-size: 10px;
}


/* Footer Widgets
====================================*/

.widget_content{
    margin-top: 15px;
}
.widget_content > p {
    font-family: Pt Sans;
    font-size: 14px;
}
.widget_content2{
    margin-top: 25px;
    padding: 10px 10px 10px 10px;
	font-size: 18px;
}
.widget_content2 > p {
    font-family: Pt Sans;
    font-size: 14px;
}

.copyright {
    color: #AAAAAA;
    font-size: 11px;
    line-height: 25px;
    margin: 0;
}
.copyright a{
    color:#fff;
    text-decoration:none;
}
.copyright a:hover{
    color:#aaa;
}
.sidebar .widget h4 span{
    background:#fff;
    color:inherit;
}

/* Twitter Feed Widget
====================================*/
.tweet_list {
    padding: 0;
    position: relative;
    margin:0 auto;
    list-style:none;
}
.tweet_list li {
    color: #fff;
    margin-bottom: 5px;
}
.tweet_list li i {
    float: left;
    font-size: 16px;
    line-height: 20px;
    padding-right: 8px;
    position: relative;
}
.tweet_list li p {
    line-height: 20px;
    overflow: hidden;
    margin-bottom:0px;
}
.tweet_list li p a {
    color: #fff;
    font-weight: 700;
    font-size: 12px
}
.time {
    font-size: 12px;
    color:#E3E3E3;
    font-family: Lato;
    font-weight: bold;
    padding-left: 25px;
}

/* Contact Widget
====================================*/

.contact-details-alt{padding:0;}
.contact-details-alt li{list-style:none;}
.contact-details-alt li p strong { color:#fff; float: left; margin: 0;font-size:12px;width:25%;}
.contact-details li p strong { color:#666; float: left; margin: 0 5px 5px 0; }
.contact-details-alt li {
    margin: 0 0 5px 0;
}
.contact-details p,
.contact-details li,
.contact-details a {color: #666;}
.contact-details-alt p {
    line-height: 18px;
    width: 100%;
    margin:0;
}
.contact-details-alt p a {
    color: #FFFFFF;
    font-weight: 700;
    font-size:12px;
}
.contact-details-alt p a:hover {
    color: #919191;
}
.contact-details-alt li i {
    float: left;
    font-size: 12px;
    margin: 2px 0 0 0 ;
    width: 15px;

}
.widget_info_contact{padding:0;margin-top:20px;}
.widget_info_contact li{list-style:none;}
.widget_info_contact li p strong { color:#666; float: left; margin: 0 5px 5px 0;font-size: 12px;width:20%;}
.widget_info_contact li {
    margin: 0 0 5px 0;
}
.widget_info_contact p {
    margin: 0 0 0 20px;
    line-height: 18px;
    overflow:hidden;
}
.widget_info_contact p a {
    color: #666;
    font-weight: 600;
    font-size: 12.5px;
}
.widget_info_contact p a:hover {
    color: #919191;
}
.widget_info_contact li i {
    float: left;
    margin: 1px 0 0 0;
}

/* Social Widget
====================================*/
.widget_social {
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
.widget_social li {
    float: left;
    background: none !important;
}
.widget_social li a {
    color: #666;
    display:block;
    height: 46px;
    text-align: center;
    width: 46px;
    border-radius:50%;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.widget_social li a i {
    font-size: 22px;
    line-height: 46px;
    margin-right: 0;
    float: none;
}
.widget_social li a.fb:hover      {color: #2f5a9a;}
.widget_social li a.twtr:hover    {color: #3abdd1;}
.widget_social li a.gmail:hover   {color: #363636;}
.widget_social li a.pinterest:hover{color: #d13a3a;}
.widget_social li a.rss:hover     {color: #f15200;}
.widget_social li a.tumblr:hover  {color: #203550;}
.widget_social li a.flickrs:hover        {color: #ff0084;}
.widget_social li a.instagram:hover     {color: #507ea4;}
.widget_social li a.linkedin:hover      {color: #0072b2;}
.widget_social li a.skype:hover         {color: #00aaf1;}
.widget_social li a.youtube:hover       {color: #ff3330;}
.widget_social li a.dribbble:hover      { color: #f973a4;}


/* ========================================================== */
/*  5. Sidebar & Sidebar Widgets                              */
/* ========================================================== */

.sidebar .widget {
	
    display: block;
    float: left;
    height: 100%;
    margin-bottom: 0px;
    position: relative;
    width: 100%;
	
}

.sidebar .widget  p {
	
   font-size:17px;
   
}


.sidebar .widget p > small a {
	
  float: initial;
  font-size: 15px;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
  color: #ff7200;

}



.sidebar .widget ul.list_style{
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
}
.sidebar .widget ul.list_style li{
    list-style:none;
    border-bottom:1px solid #f2f2f2;
    font-size: 12px;
    line-height: 20px;
    padding: 8px 2px 8px 12px;
}
.sidebar .list_style li:before
{
    font-family: FontAwesome;
    content: "\f105";
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 8px;
}
.sidebar .widget ul.list_style li a {
    color: #777;
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
}
.sidebar .widget ul.list_style li a:hover {
    color:#ff7200;
}

/* Site Search
====================================*/

.site-search-area {
    margin: 0px;
    padding: 0 0 30px;
}
#site-searchform {
    margin: 0;
    padding: 0;
}
#site-searchform #s{
    border: 1px solid #eee;
    background-color: #fff;
    width: 82%;
    height:41px;
    padding:5px 10px 5px 10px;
    color: #999;
    float: left;
    font: normal 12px "Open sans", Helvetica, Arial, sans-serif;
}
#site-searchform #s:focus{
    border: 1px solid #E74C3C;
    background-color: #fff;
    width: 82%;
    height:41px;
    padding:5px 10px 5px 10px;
    color: #999;
    float: left;
    font: normal 12px "Open sans", Helvetica, Arial, sans-serif;
}
#site-searchform #searchsubmit{
    float: left;
    width:18%;
    height:41px;
    cursor:pointer;
    text-indent:-5555em;
    line-height:100;
    overflow:hidden;
    background: #ff7200 url(../images/search-icon.png) no-repeat center 14px;
    border:0;
    transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
}
#site-searchform #searchsubmit:hover{
    background: #383634 url(../images/search-icon.png) no-repeat center 14px;
}
.gray_border {
    width: 100%;
    height: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DCDCDC;
}

ul.tags {
    padding: 0;
    margin: 5px 0 15px;
    float: left;
}
.tags li {
    float: left;
    padding: 0px;
    margin: 0px 5px 5px 0px;
    list-style-type: none;
    line-height: 25px;
}
.tags li a {
    border: 1px solid #f2f2f2;
    color: #909090;
    float: left;
    font-size: 12px;
    padding: 3px 8px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.tags li a:hover {
    background-color: #ff7200;
    color: #fff;
}

/* Recent Posts Widget
====================================*/
.links{
    margin:0;
    padding:0;
}
.links li{
    list-style:none;
}
.links i {
    margin-right: 2px;
}

.links li a {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
}
.footer li a:hover{
    color:#ff7200;
}
.links li span {
    display: block;
    color: #919191;
    font-size: 12px;
    margin-bottom: 6px;
}

.links2{
    margin:0;
    padding:0;
}
.links2 li{
    list-style:none;
}
.links2 i {
    margin-right: 2px;
}
.links2 li a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}
.footer2 li a:hover{
    color:#ff7200;
}

.links2 p{
    margin:0;
    padding:0;
}
.links2 p a {
    color: #fff;
    font-size: 14px;
    font-weight: 50;
    line-height: 30px;
}
.footer2 p a:hover{
    color:#ff7200;
}



.links3{
    margin:0;
    padding:0;


}
.links3 li{
    list-style:none;
    font-size: 16px;
}
.links3 i {
    margin-right: 2px;
}

.links3 li a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}
.footer2 li a:hover{
    color:#ff7200;
}
.links3 li span {
    display: block;
    color: #919191;
    font-size: 16px;
    margin-bottom: 6px;
}


/* ========================================================== */
/*  6. PORTFOLIO/PROJECTS                                     */
/* ========================================================== */

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

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

/* Isotope CSS3 transitions */
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

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

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

/* Disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* Disable CSS transitions for containers with infinite scrolling */
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#portfolio{
    width:100%;
    padding-bottom:120px;
    position:relative;
    z-index:9;
}
#filter {
    margin: 0 auto 25px 15px;
    overflow: hidden;
    padding: 5px 0 0;
    position: relative;
    text-align: left;
    width: auto;
    z-index: 10;
}
#filter li {
    float: left;
    list-style: none outside none;
    margin: 0 1px 10px;

}
#filter li a{
    color:#505354;
    padding:10px 20px;
    font-size:14px;
    position: relative;
    line-height: 12px;
    font-family: Arial, Helvetica, sans-serif;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    outline:none;
    text-decoration: none;
}

#filter li.selected a, #filter li a:hover{
    color:#ff7200;
}
#filter li.selected a:after, #filter li a:hover:after {
    background: #ff7200;
    width: 100%;
}
#filter  li a:after,
#filter  li a:before {
    transition: all .5s;
}
#filter li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width:0%;
    content: '.';
    color: transparent;
    height: 2px;
}
#filter li a:hover:after {
    width: 100%;
}

#list{ margin-bottom:30px;padding: 0; }

.list_item{
    margin-bottom:3%;
    overflow: hidden;
}

.list_item h4{
    font-size: 18px;
}

/* Hover Effect on Portfolio Image
====================================*/
.recent-item{
    transition: all 0.4s cubic-bezier(0.76, 0.1, 0.21, 0.9) 0s;
    width: 100%;
}
.recent-item .touching.medium .plus_overlay {
    border-bottom:50px solid #ff7200;
    border-left: 50px solid transparent;
    bottom: 0;
    height: 0;
    opacity: 0.95;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92) 0s;
    width: 0;
    z-index: 999;
}
.recent-item:hover .touching.medium .plus_overlay {
    border-bottom:500px solid rgba(114, 124, 181, 0.62);
    border-left:none;
    height: 100%;
    width: 100%;
}
.recent-item:hover .touching.medium .plus_overlay_icon{display: none;}

.recent-item .touching.medium .plus_overlay_icon {
    bottom: 10px;
    color: #fff;
    height: 15px;
    position: absolute;
    right: 8px;
    transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92) 0s;
    width: 13px;
    z-index: 999;
}
.recent-item:hover .item-description{
    display: block;
    left: 0;
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    z-index: 999;

}
.touching.medium{
    position: relative;
    overflow: hidden;
    width: 100%;
}
.touching.medium img {
    width: 100%;
    position: relative;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.recent-item .item-description {
    opacity: 0;
    position: absolute;
    top: 0;
    text-align: center;
}
.item-description h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
}
.recent-item:hover .item-description{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    opacity:1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.recent-item .item-description span {
    color: #fff;
    font-size: 20px;
    display: block;
    font-weight:600;
    line-height:14px;
}

.recent-item .option {
    position: absolute;
    text-align: center;
    top: 25%;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.recent-item .option a{
    color: #ff7200;
    background: #FFF;
    width:45px;
    height: 45px;
    border-radius: 50%;
    font-size: 21px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    zoom: 1;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index:100;
    transform: scale(0, 0) rotateX(360deg);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.recent-item .option a:hover{
    background: #ff7200;
    color:#fff;
}
.recent-item:hover .option a
{
    zoom: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1, 1) rotateX(0deg);
}
.recent-item .option a.hover-zoom {
    margin-right: 1%;
}

.recent-item .option a.hover-link {
    margin-left: 1%;
}

/*-------Portfolio_3_Medium_Images----------*/

.medium-images .recent-item .option {
    top: 23%;
}

.medium-images .recent-item .option a{
    font-size: 15px;
    line-height: 40px;
    width: 40px;
    height: 40px;
}

.medium-images .recent-item:hover .item-description {
    top: 35%;
}
.medium-images .item-description h5 {
    font-size: 19px;
    line-height: 33px;
}
.medium-images .item-description span{
    font-size: 18px;
    font-weight: 600;
    line-height: 13px;
}

.medium-images .list_item h4{
    font-size: 16px;
}

/*-------Portfolio_4_small-images----------*/

.small-images .recent-item .option{
    top: 18%;
}

.small-images .recent-item .option a,
.jcarousel  .recent-item a{
    width:35px;
    height: 35px;
    font-size: 15px;
    line-height: 35px;
}

.small-images .recent-item:hover .item-description {
    top: 28%;
}

.small-images .item-description h5,
.jcarousel-list .item-description > h5{
    font-size: 17px;
    margin: 0;
}

.jcarousel-list .item-description > span{
    font-size: 17px;
    line-height: 1;
}
.small-images .item-description span{
    line-height: 0.5;
    font-size: 16px;
}

.small-images .list_item h4{
    font-size: 14px;
}

.jcarousel-list .recent-item:hover .item-description{top: 50%;}

/*----------//Portfolio_4_small-images-------------*/

/* ----------------------------------------------------
  MASONRY PORTFOLIO STYLES
------------------------------------------------------- */

.masonry_wrapper {
	
    overflow:hidden;
    margin:0 0 30px;
	
}

.masonry_wrapper .item img {
	
    height: auto !important;
    height: 100% !important;
    width: 100%;
    position: relative;
    z-index: -2;
	
}

.mixed-container .item {
	
    padding:10px 5px !important;
    margin:0 !important;
    height: auto !important
	
}

.mixed-container .item img{
	
    padding:0 !important;
    width:100%;
    margin:0 !important;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
	
}

.mixed-container .item img:hover{
	
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	
}

.item figure {
	
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #fff;
    text-align: center;
    cursor: pointer;
	
}

.item figure img {
	
    position: relative;
    display: block;
    opacity: 1;
	
}

.item .recent-item .option {top: 33%;}

.item .recent-item:hover .item-description {
	
    top: 50%;
	
}

/*------------Masonry-medium-images----------*/
.medium-images .item .recent-item .option {
    top: 25%;
}
.medium-images .item .recent-item:hover .item-description {
	
    top: 48%;
	
}

/*-----------Masonry-small-images---------*/
.small-images .item .recent-item:hover .item-description {
	
    top: 45%;
}

.small-images .item .recent-item .option {
	
    top: 25%;
	
}
/*---------//Masonry-CSS---------------*/

/* Portfolio Single Page
====================================*/
.portfolio_single{
	
    padding:30px 0;
	
}

.portfolio_single .widget_title h4 span {
	
    background:#fff;
	
}

.project_details {
	
    background-color:#fff;
    overflow:hidden;
}

.project_detail_slider {margin-bottom: 30px;}

.project_desc p{margin-bottom:20px;}

.project_desc h6, .project_details h6 {
	
    font-size: 20px;
    margin-top: 5px;
}

.project_details .details li {
	
    border-bottom: 1px solid #F2F2F2;
    color: #A3A3A3;
    font-size: 12px;
    line-height: 18px;
    padding: 8px 0;
	
}

.project_details .details{
	
    margin: 0;
    padding:0;
	
}

.project_details .details li span {
	
    color: #686868;
    display: block;
    float: left;
    font-weight: bold;
    height: 20px;
    position: relative;
    width: 30%;
}

.project_details .details li a {
	
    color: #A3A3A3;
    font-size: 12px;
	
}

.project_details .details li a:hover {color: #e74c3c;}

.project_detail_box {margin-bottom: 30px;}

.project_description, .project_details{
	
    margin-bottom: 30px;
	
}

.arrow-left, .arrow-right{
	
    width: 23px;
    height: 23px;
    display: inline-block;
    float: left;
    background-color: #f2f2f2;
    color: #666;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
	
}
.arrow-left i, .arrow-right i{
	
    font-size: 14px;
    display: block;
    line-height:16px;
    padding-top: 4px;
    text-align: center;
	
}
.arrow-left.active, .arrow-right.active{
	
    background-color: #bdc3c7;
    color: #f2f2f2;
    cursor: pointer;
}

.arrow-left.active:hover,
.arrow-right.active:hover { background-color: #777;}

/* ===================================================== */
/* 7. BLOG STYLING     	 		                         */
/* ===================================================== */

.blog_header {
	
    margin: auto auto 20px;
	text-align: center;
	font-weight: bolder;
	font-size:22px;
	
}

.blogTitle {
	
    margin: auto auto 20px;
    position: relative;
}

.blogTitle > a h2 {
	
    font-size: 13px;
    margin-bottom: 5px;
    margin-top:3px;
    color: #555;
    font-weight: 600;
    text-decoration: none;
	text-align: center;
    -webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;
}

.blogContent > p {
	
  font-size: 17px;
  color: #444;
  line-height: 1.6;
  margin-bottom: 10px;
  text-align: left;
  top: 50px;
  
}
	
.blogTitle > a:hover h2{color: #ff7200;}
.blogTitle span {
	
    color: #777;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
}
.blogTitle span i {
    padding-right: 5px;
    font-size: 12px;
}
.blogTitle span:hover i {
    color: #777;
}
.blogMeta {
    display: inline-block;
    padding: 5px 0 0;
    position: relative;
}
.blogMeta a {
    color: #777;
    font-size: 12px;
    line-height: 20px;
    margin-right: 15px;
    text-decoration: none;
}
.blogMeta a:hover, .blogTitle span:hover{color: #ff7200}
.blogMeta a i{
    padding-right: 5px;
    font-size: 14px;
}
.blogMeta a:hover i{color: #777;}



.blogDetail {
	 border: 0px solid #F2F2F2;
	padding: 0px;
	position: relative;
	text-align: center;
}

.blogDetail > p {
	
	font-size:17px;
	text-align: left;
	color: #444;
	line-height: 1.6;
	margin-bottom: 10px;
	
}

.blogDetail > p > a {
	
	font-size:17px;
	color: red;
	line-height: 1.6;
	
}

.blogDetail > p > a:hover{
	
	font-size:17px;
	color: red;
	font-weight:bolder;
	line-height: 1.6;

	
}



.blogPic {position: relative;}

.blogPic :hover{
	
	position: relative;
	transform: translateY(-5px);
	
}

.blogPic > img {
    width: 100%;
}
.blog-hover > a {
    display: block;
    left: 45%;
    position: absolute;
    top: 35%;
}
.blogPic .blog-hover{
    background:rgba(255,255,255, 0.5);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 120ms ease-in-out;-moz-transition: all 120ms ease-in-out;-o-transition: all 120ms ease-in-out;-ms-transition: all 120ms ease-in-out;transition: all 120ms ease-in-out;
    width: 100%;

	
}
.blogPic:hover .blog-hover{
	
	opacity: 0;
	transform: translateY(-5px);
	
}

.blogPic .blog-hover .icon {
	
    background: #ff7200;
    border-radius: 50% 50% 50% 50%;
    display: block;
    height: 40px;
    margin: 25% auto 0;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;
    color: #f2f2f2;
    width: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    top: 50%;
	
}

.blogPic .blog-hover .icon:hover{
	
    background:#555;
	
}

.blogPic:hover .blog-hover .icon{
    top: 0;
}
.blogPic .blog-hover p {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}
.blog{
    padding:50px 0;
}
.blog_middle .post, .blog_single .post{
    padding-bottom:0px;
    margin-bottom:0px;
}
.blog_middle .post_img, .blog_single .post_img {
    margin-bottom: 25px;
    position: relative;
}
.blog_middle .post_img img, .blog_single .post_img img {
    height: auto;
    max-width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.blog_middle .post_img:hover img,
.blog_single .post_img:hover img{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.blog_middle .post_video{
    margin-bottom:25px;
    position: relative;
}
.blog_middle .post_video iframe{
    max-width:100%;
    max-height:100%;
    height:320px;
    width:100%;
    border:none;
    box-shadow: none;
}
.blog_middle .post_date, .blog_single .post_date {
    float: left;
    height: 0;
    text-align: center;
}
.blog_middle .post_date span, .blog_single .post_date span{
    display: block;
}
.blog_middle .day, .blog_single .day {

	
	background: #ff7200;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 600;
	padding: 4px 13px 6px;
	position: relative;
	top: -4px;
	
	
	
	
}
.blog_middle .month, .blog_single .month {
	
	background: #555;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 600;
	padding: 4px 13px 6px;
	position: relative;
	top: -4px;
	
}
.blog_middle .post_content, .blog_single .post_content {
    margin: 0 0 0 70px;
}
.blog_middle .post_meta .metaInfo, .blog_single .post_meta .metaInfo {
    font-size: 0.9em;
    margin-bottom: 7px;
}
.blog_middle .post_meta .metaInfo > span, .blog_single .post_meta .metaInfo > span {
    display: inline-block;
    padding-right: 15px;
    color:#777;
}
.blog_middle .post_meta .metaInfo > span > a, .blog_single .post_meta .metaInfo > span > a {
    color: #777;
    font-family: lato;
    font-size: 12.4px;
}
.blog_middle .post_meta .metaInfo > span > a:hover, .blog_single .post_meta .metaInfo > span > a:hover{color:#ff7200;}
.blog_middle .post_meta .metaInfo, .blog_single .post_meta .metaInfo {
    font-size: 0.95em;
    margin: 0 auto;
    padding: 0 0 20px;
}
.blog_middle .post_meta .metaInfo i, .blog_single .post_meta .metaInfo i {
    margin-right: 3px;
    color:#777;
}
.blog_middle .post_meta h2, .blog_single .post_meta h2 {
    margin-bottom: 10px;
    margin-top: 40px;
}
.blog_middle .post_meta h2 a, .blog_single .post_meta h2 a {
    font-size: 20px;
    font-weight: 600;
    color:#555;
    line-height: 34px;
    text-transform:capitalize;
}
.blog_middle .post_meta h2:hover a, .blog_single .post_meta h2:hover a {
    color:#ff7200;
}
.blog_middle .post_content > p, .blog_single .post_content > p {
    margin-bottom: 20px;
}

.blog_large .post, .blog_single .post{
    padding-bottom:50px;
    margin-bottom:50px;
    border-bottom:1px solid #f2f2f2;
}
.blog_large .post_img, .blog_single .post_img {
    margin-bottom: 25px;
    position: relative;
}
.blog_large .post_img img, .blog_single .post_img img {
    height: auto;
    max-width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.blog_large .post_img:hover img,
.blog_single .post_img:hover img{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.blog_large .post_video{
    margin-bottom:25px;
    position: relative;
}
.blog_large .post_video iframe{
    max-width:100%;
    max-height:100%;
    height:320px;
    width:100%;
    border:none;
    box-shadow: none;
}

.blog_large .post_date, .blog_single .post_date {
    float: left;
    height: 0;
    text-align: center;
}
.blog_large .post_date span, .blog_single .post_date span{
    display: block;
}
.blog_large .day, .blog_single .day {
    background:#ff7200;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 600;
    padding: 	10px;
}
.blog_large .month, .blog_single .month {
    background:#555;
    color: #FFFFFF;
    padding: 4px 13px 6px;
}

.blog_large .post_content, .blog_single .post_content {
    margin: 0 0 0 70px;
}
.blog_large .post_meta .metaInfo, .blog_single .post_meta .metaInfo {
    font-size: 0.9em;
    margin-bottom: 7px;
}
.blog_large .post_meta .metaInfo > span, .blog_single .post_meta .metaInfo > span {
    display: inline-block;
    padding-right: 15px;
    color:#777;
}
.blog_large .post_meta .metaInfo > span > a, .blog_single .post_meta .metaInfo > span > a {
    color: #777;
    font-family: lato;
    font-size: 12.4px;
}
.blog_large .post_meta .metaInfo > span > a:hover, .blog_single .post_meta .metaInfo > span > a:hover{color:#ff7200;}
.blog_large .post_meta .metaInfo, .blog_single .post_meta .metaInfo {
    font-size: 0.95em;
    margin: 0 auto;
    padding: 0 0 20px;
}
.blog_large .post_meta .metaInfo i, .blog_single .post_meta .metaInfo i {
    margin-right: 3px;
    color:#777;
}
.blog_large .post_meta h2, .blog_single .post_meta h2 {
    margin-bottom: 10px;
    margin-top: 0;
}
.blog_large .post_meta h2 a, .blog_single .post_meta h2 a {
    font-size: 24px;
    font-weight: 600;
    color:#555;
    line-height: 34px;
    text-transform:capitalize;
}
.blog_large .post_meta h2:hover a, .blog_single .post_meta h2:hover a {
    color:#ff7200;
}
.blog_large .post_content > p, .blog_single .post_content > p {
    margin-bottom: 20px;
}
/* BLOG MEDIUM
/* ==========================*/
.blog_medium .post:after {
    clear: both;
    content: " ";
    display: block;
    visibility: hidden;
}
.blog_medium .post{
    padding-bottom:50px;
    margin-bottom:50px;
    border-bottom:1px solid #f2f2f2;
}
.blog_medium .post_img {
    float: left;
    margin-bottom: 0;
    margin-right: 20px;
    position: relative;
    width: 35%;
}
.blog_medium .post_img img {
    height: auto;
    max-width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.blog_medium .post_img:hover img{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.blog_medium .post_video{
    margin-bottom:25px;
    position: relative;
}
.blog_medium .post_video iframe{
    max-width:100%;
    max-height:100%;
    height:320px;
    width:100%;
    border:none;
    box-shadow: none;

}
.blog_medium .post_date {
    float: left;
    margin-right: 20px;
    position: relative;
    text-align: center;
}
.blog_medium .post_date span{
    display: block;
}
.blog_medium .day {
    background:#ff7200;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 600;
    padding: 5px 10px;
}
.blog_medium .month {
    background:#555;
    color: #FFFFFF;
    padding: 2px 13px 4px;
}
.blog_medium .post_content {
    float: left;
    margin: 0;
    width: 50%;
}
.blog_medium .post.no_images .post_content {
    max-width: 88%;
    width: auto;
}
.blog_medium .post_meta .metaInfo {
    font-size: 0.9em;
    margin-bottom: 7px;
}
.blog_medium .post_meta .metaInfo > span {
    display: inline-block;
    padding-right: 15px;
    color:#777;
}
.blog_medium .post_meta .metaInfo > span > a {
    color: #777;
    font-family: lato;
    font-size: 12.4px;
}
.blog_medium .post_meta .metaInfo > span > a:hover{ color:#ff7200; }
.blog_medium .post_meta .metaInfo {
    font-size: 0.95em;
    margin: 0 auto;
    padding: 0 0 20px;
}
.blog_medium .post_meta .metaInfo i {
    margin-right: 3px;
    color:#777;
}
.blog_medium .post_meta h2 {
    margin-bottom: 10px;
    margin-top: 0;
}
.blog_medium .post_meta h2 a {
    font-size: 24px;
    font-weight: 600;
    color:#555;
    line-height: 34px;
    text-transform:capitalize;
}
.blog_medium .post_meta h2:hover a {
    color:#ff7200;
}
.blog_medium .post_content > p {
    margin-bottom: 20px;
}

/* ===================================================== */
/* Masonry Blog Style       	 		                 */
/* ===================================================== */

.masonry_wrapper_blog .blog-item {
    background: #f1f1f1 !important;
    padding:20px !important;
}

.masonry_wrapper_blog .metaInfo{
    margin-top:25px;
    padding: 0;
    text-transform: uppercase;
    font-size:12px;
    font-weight: 600;
}
.masonry_wrapper_blog .metaInfo a{color: #555; padding:0;}
.masonry_wrapper_blog .metaInfo a:hover,
.blog-item > span a:hover,
.blog-title a:hover{
    color:#ff7200;
}

.blog-title > h2{margin: 15px 0;}

.blog-title a {
    font-size: 22px;
    line-height: 25px;
    font-weight: 600;
    color: #555;
    text-transform: capitalize;
}
.blog-desc {
    padding-bottom: 15px;
}
.masonry_blog .pagination{margin:50px 0 20px;}


/* ===================================================== */
/* SINGLE POST          	 		                     */
/* ===================================================== */

.about_author {
    background: #f2f2f2;
    overflow: hidden;
    position: relative;
}
.author_desc {
    background:#ff7200;
    float: left;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    padding: 20px 0;
    position: absolute;
    text-align: center;
    width: 25%;
}
.author_desc > img {
    background:#FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-bottom: 20px;
    padding: 4px;
    max-width: 80px;
    max-height:80px;
}

.about_author h3 {
    margin: 0 auto;
}
.author_name > a {
    color: #555333;
    font-size: 16px;
    font-weight: bold;
}
.author_name > a:hover {color:#ff7200;}
.author_bio {
    display: block;
    float: right;
    padding: 20px;
    position: relative;
    width: 75%;
}
.author_det {
    margin-bottom: 0;
}
.author_bio > h5 {
    font-size: 12px;
    margin: 0 auto 10px;
}
.author_bio > h5 a{color:#ff7200;}

/* ===================================================== */
/* Post Share Article            	 		             */
/* ===================================================== */

.shares { background: #f2f2f2; list-style: none; overflow: hidden; margin: 50px 0 0;padding:0;}
.shares li { float: left; border-right: 1px solid #fff; }
.shares li.shareslabel h3 {padding: 8px 20px; font-weight: 600; text-transform: uppercase; font-size: 18px;margin: 0;}
.shares li a { display: block; width: 45px; height: 46px; background-repeat: no-repeat; background-position: 7px 7px; -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;}
.shares li a:hover { background-position: 7px -58px; background-color: #ff7200; }
.shares li a:active { background-color: #999; }
.shares li a.twitter { background-image: url(../images/social/twitter.png); }
.shares li a.facebook { background-image: url(../images/social/facebook.png); }
.shares li a.gplus { background-image: url(../images/social/gplus.png); }
.shares li a.pinterest { background-image: url(../images/social/pinterest.png); }
.shares li a.yahoo { background-image: url(../images/social/yahoo.png); }
.shares li a.linkedin { background-image: url(../images/social/linkedin.png); }


/* ===================================================== */
/* About Author                 	 		             */
/* ===================================================== */

.author_social {
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    text-align:center;
    z-index:9999;
}
.author_social li {
    background: none !important;
    display:inline-block
}
.author_social li a {
    color: #444;
    display:block;
    height: 30px;
    text-align: center;
    width: 30px;
    border-radius:50%;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    background:#f9f9f9;
}
.author_social li a i {
    font-size: 14px;
    line-height: 30px;
    margin-right: 0;
    float: none;
}
.author_social li a.fb:hover      {background: #2f5a9a; color:#fff;}
.author_social li a.twtr:hover    {background: #3abdd1; color:#fff;}
.author_social li a.gmail:hover   {background: #363636; color:#fff;}
.author_social li a.pinterest:hover{background: #d13a3a; color:#fff;}
.author_social li a.rss:hover     {background: #f15200; color:#fff;}
.author_social li a.tumblr:hover  {background: #203550; color:#fff;}
.author_social li a.flickr:hover        {background: #ff0084; color:#fff;}
.author_social li a.instagram:hover     {background: #507ea4; color:#fff;}
.author_social li a.linkedin:hover      {background: #0072b2; color:#fff;}
.author_social li a.skype:hover         {background: #00aaf1; color:#fff;}
.author_social li a.youtube:hover       {background: #ff3330; color:#fff;}
.author_social li a.dribbble:hover      { background: #f973a4; color:#fff;}

.post-author {
    margin-left:94px;
    position:relative;
    margin-top:15px;
    margin-bottom:60px;
}
.post-author .avatar {
    left:-47px;
    position:absolute;
}
.post-author h6 {
    font-family: lato;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: auto;
}
.news_content h2 {
    border-bottom: 1px solid #f2f2f2;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.8;
    margin: 30px auto;
}
.metaInfo {
    font-size: 0.9em;
    margin-bottom: 7px;
}
.metaInfo > span {
    display: inline-block;
    padding-right: 14px;
    color:#777;
}
.metaInfo > span > a{color:#777;}
.metaInfo > span > a:hover{color:#e74c3c;}
.metaInfo {
    font-size: 0.95em;
    margin: 0 auto;
    padding: 15px 0 20px;
}
.metaInfo i {
    margin-right: 3px;
    color:#777;
}
.news_content .metaPost {margin-top: 0;}
.news_content .titlePost > h4 {
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
}
.news-slider {margin-bottom: 30px;}
/* comment list */
.news_comments{
    margin:50px auto;
}
#comment-list { margin:0; padding:0;}
#comment-list li {
    background:none;
    margin:0;
    padding:0;
    overflow:hidden;
}


/* ===================================================== */
/* Comment                    	 		                 */
/* ===================================================== */

#comment-list ul.children { margin-left:94px;padding:0;}
.comment-container {
    border-top:solid 3px #f2f2f2;
    margin:0 0 15px 90px;
    padding:20px 20px;
    position:relative;
    -moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;
}
.comment-container:hover {
    background:#F4F4F4;
    border-color:#ff7200;
}
.comment-body p{ margin:0; }
.avatar {
    float:left;
    width:74px;
}
.avatar img {
    display:block;
    margin-right:20px;
    position: relative;
    z-index: 0;
    border:1px solid #DCDCDC;
    padding:3px;
}
h4.comment-author {
    font-size:16px;
    line-height:20px;
    margin:0;
}
h4.comment-author a{color:#555}
#comment-list li .comment-container:hover a{color:#ff7200;}
#comment-list .comment-meta { margin-bottom:10px; }
#comment-list .comment-date { font-size:12px; font-style:italic;color:#888;}
#comment-list li .comment-container:hover .comment-date { color:#ff7200; }

/* comment hover effect */

#comment-list li .comment-container:hover h4 { color:#ff7200; }
.comment-reply-link {
    position:absolute;
    right:20px;
    top:20px;
}
a.link-style3 {
    color: inherit !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    text-transform: uppercase;
}
.comment-reply-link {
    position: absolute;
    right: 20px;
    top: 20px;
}
.comment_form > input {
    margin-bottom:20px;
    margin-right:20px;
    width: 31.1%;
}
#comments {
    margin-bottom: 20px;
}
.comment_form > input:last-child {
    margin-right:0;
}

/* ===================================================== */
/* 8. HOME PAGE						                     */
/* ===================================================== */

.lead {
    font-size: 28px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 50px;
}


/* ===================================================== */
/* Texture Section	                     	 		     */
/* ===================================================== */

.texture-section{
    padding: 65px 0;
    margin: 20px 0 30px;
    background: #96D3C6;
}
.texture1{
    background: url(../images/pattern-1.png);
}


/* ===================================================== */
/* Recent Post		                     	 		     */
/* ===================================================== */

.post-images {
	
    float: left;
    width: 30%;
    margin-right: 25px;
}

.post-images :hover{
	
 
	transform: translateY(-5px);
	
	
}




.post-images img {
	
    width: 100%;
	
}

.post-images img :hover

{
    width: 100%;
	transform: translateY(-5px);
	
}





.post-detail {
    width: 65%;
    display: inline-block;
    margin: 0px;
}
.post-detail > span {
    color: #BCBCBC;
    margin: 0 2px;
    font-size: 11px;
    text-transform: uppercase;
}
.post-detail a{ 
	color: #BCBCBC;
}
.post-detail a:hover{ 
	color: #ff7200;
}
.post-detail h5{ 
	margin:0 0 7px;
    font-size: 25px;
 }
.post-detail h5 a {
    color: #21252b;
}
.post-detail h5 a h8{ 
	margin:0 0 7px;
    font-size: 18px;
    color: #ff3300;
    margin-left: 5px;
}
.post-detail > p {
    margin: 7px 0 0;
    font-size: 17px;
	color: #444;
    float: left;
	line-height: 1.6;
	text-align: left;
}
.post-detail .read-more { color: #ff7200; }
.post-detail .read-more:hover{ color:#d3711c; }
.dashed {
    border-color: #DBDFE2;
    border-style: dashed;
}
/* ===================================================== */
/* Recent News			                     	 		 */
/* ===================================================== */

.news-recent {
	padding: 50px 20px 80px 20px;
}
.news-images {
    float: left;
    width: 30%;
    margin-right: 25px;
}
.news-images img {
    width: 100%;
}
.news-detail {
    width: 65%;
    display: inline-block;
    margin: 0px;
	margin-top: 20px;
	
}
.news-detail > span {
	color: #FF7200;
	margin: 0px;
	font-size: 17px;
    font-weight: 600;
	padding: 0px;
	text-transform: uppercase;}
.news-detail a{ 
	color: #ffffff;
    font-weight: 600;
}
.news-detail a:hover{ 
	color: #ffffff;
}
.news-detail h5{ 
	margin:0 0 7px;
    font-size: 25px;
 }
.news-detail h5 a {
    color: #21252b;
}
.news-detail h5 a h8{ 
	margin:0 0 7px;
    font-size: 18px;
    color: #ff3300;
    margin-left: 5px;
}
.news-detail > p {
    margin: 7px 0 0;
    line-height: 19px;
    font-weight: 600;
    color: #F62D87;
    font-size: 17px;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.news-detail > p2 {
	font-size: 17px;
	color: #444;
	float: left;
	line-height: 1.6;
	margin-bottom: 15px;
	text-align: left;
}
.news-detail .read-more { color: #ff7200; }
.news-detail .read-more:hover{ color:#d3711c; }
.dashed {
    border-color: #DBDFE2;
    border-style: dashed;
}
/* ===================================================== */
/* Feature Block				                     	 */
/* ===================================================== */
.feature-block{
    padding: 0px 0;
}
.feature-block h4 {
    color: #363333;
    font: 300 38px/30px "open sans";
    margin: 0;
    padding-bottom: 0px;
}
.feature-block p {
	font-size: 17px;
	color: #444;
	float: left;
	line-height: 1.6;
	margin-bottom: 17px;
	margin-top: 10px;
	text-align: left;
}
.feature-block i.fa {
    font-size: 40px;
    margin: 0 12px 0 0;
}
.feature-block hr {
    border-color: #D0D0D0;
    margin: 20px 0;
}

/* ===================================================== */
/* 9. 404 PAGE					                     	 */
/* ===================================================== */

.page_404 {
    position: relative;
    text-align: center;
}
.page_404 > h1 {
    font-size: 250px;
    font-weight: 600;
    line-height: 250px;
    position: relative;
}
.page_404 > p {
    font-family: Pt Sans;
    font-size: 30px;
    font-weight: bold;
    line-height:30px;
    margin-bottom:30px;
}
a.back_home {
    margin: 0;
    color:#fff;
    padding: 12px 18px 13px;
}

/* ===================================================== */
/* 10. ABOUT PAGE										 */
/* ===================================================== */

.left_img {
    float: left;
    margin:0 15px 8px 0;
    overflow: hidden;
}
.right_img {
    float:right;
    margin:0 0 8px 15px;
    overflow: hidden;
}
.divider {
    position: relative;
    display: block;
    height: 30px;
}

/* ===================================================== */
/* OUR TEAM PAGE										 */
/* ===================================================== */

.our_team {
    padding: 30px 0 60px;
}
.pic{
    border:1px solid #eee;
    border-bottom:none;
    position:relative;
    overflow:hidden;
}
.pic > img {
    width: 100%;
    cursor: pointer;
    transition:all 0.7s ease-in-out;
    -webkit-transition:all 0.7s ease-in-out;
    -moz-transition:all 0.7s ease-in-out;
    -ms-transition:all 0.7s ease-in-out;
    -o-transition:all 0.7s ease-in-out;
}
.pic > img:hover{
    cursor: pointer;
}
.names {
	font-family: "Pt Sans", "DFKai-SB", cursive;
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
    color:#000000;
    text-transform: uppercase;
	text-align:center;
}
.names a{ 
	color: #333;
    font-size: 24px;
    font-weight: 600;
}
.names a:hover{ 
	color: #ff7200;
    font-size: 24px;
    font-weight: 600;
}

.names > small {
    float: right;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    text-transform:capitalize;
   color:#ff7200;

}
.names > small2 {
    float: pull-right;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    text-transform:capitalize;

}

.names >read-more { color: #ff7200; }

    float: right;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    text-transform:capitalize;

.names >read-more:hover{ color:#d3711c; }



.names2 {
    font-family: Pt Sans;
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
    color:#000000;
   
}

.description {
    font-size: 15px;
	color: #444;
    float: left;
	line-height: 1.6;
	margin-bottom: 15px;
	text-align: left;
}

.description > small {
    float:initial;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    text-transform:capitalize;
	color:#ff7200;

}

.description > small a{
    float:initial;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    text-transform:capitalize;
	color:#ff7200;

}

.team_prof {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    padding: 10px 15px 5px;
    overflow: hidden;
}

.team_prof2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #ecf0f1 #f2f2f2;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    border-color: #f2f2f2;
    background-color: #F8F8F8;
    padding: 0px 5px 1px;
    overflow: hidden;
	color: #ed9019;

}


/* ===================================================== */
/* SOCIAL MEDIA OUR TEAM								 */
/* ===================================================== */

.dreamz-team
{
    overflow:hidden;
}
.social_media_team {
    position:absolute;
    background:rgba(114, 124, 182, 0.55);
    border:1px solid #ccc;
    height:100%;
    width:100%;
    top:0;
    left:0;
    text-align:center;
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transition:all 0.6s ease-in-out;
    -webkit-transition:all 0.6s ease-in-out;
    -moz-transition:all 0.6s ease-in-out;
    -ms-transition:all 0.6s ease-in-out;
    -o-transition:all 0.6s ease-in-out;
    visibility:hidden;
}
.dreamz-team:hover .social_media_team
{
    visibility:visible;
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);

}
.dreamz-team:hover .pic > img
{
    transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
}
.team_social {
    list-style: none outside none;
    margin:37% 0 0 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
}
.team_social li {
    display: inline-block;
    margin:0 5px;
}
.team_social li a {
    color:#fff;
    background:#363636;
    display:block;
    height: 35px;
    text-align: center;
    width: 35px;
    border-radius:50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.team_social li a i {
    font-size: 16px;
    line-height: 35px;
    margin-right: 0;
}
.team_social li a.fb:hover      {background: #2f5a9a;}
.team_social li a.twtr:hover    {background: #3abdd1;}
.team_social li a.gmail:hover   {background: #E72828;}


/* ================================= */
/* 11. CONTACT PAGE FORM
/* ================================= */

#contactForm{
    margin-top:30px;
}
input[type="submit"]{
	
	color:#fff !important;
	font-weight: bolder;
}

/* Forms
=========================== */

textarea {
    resize: vertical;
    width:100%;
}
.form-control {
    height: 46px;
    border-radius:0;
    padding: 12px;
    margin-bottom: 10px;
}
.form-control:focus,#site-searchform #s:focus {
    border-color: #ff7200;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(114, 124, 182, 0.6);
    outline:none;
}
.label.error {
    color: #ebedef;
    font-size: 13.006px;
    line-height: 18.004px;
    font-weight: normal;
    margin-right: 4px;
    text-shadow: none;
    text-decoration: none;
}
.label.error {
    color: #e74c3c;
}
.label{
    margin-bottom:10px;
}

/* Contact-Page-2
===============================*/
.contact_2{
    padding:0 0 60px;
    position: relative;
}
.contact_2 .form-control{
    border-radius: 4px;
    margin-top: 22px;
}
.contact_2 textarea.form-control{
    border-radius: 4px;
    height: 150px;
}
.contact_2 .widget_info_contact li {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}
.contact_2 .widget_info_contact li i {
    color: #647382;
    float: left;
    font-size: 24px;
    height: 80px;
    width: 45px;
}
.contact_2 strong {
    color: #647382;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.contact_2 .widget_info_contact p {
    line-height: 22px;
}
.contact_2 .widget_info_contact a{
    color: #647382;
}



/* Contact_page_3
==================================*/
.contact_3{
    padding:0 0 60px;
    position: relative;
}
.contact_3 .lead {
    font-size: 16px;
    margin-bottom: 80px;
    line-height: 1.4;
}
.contact_3 .maps {
    margin-bottom: 50px;
}
.contact_3 .form-control {
    border-radius: 0;
    height: 36px;
    margin-bottom: 10px;
    padding:0 12px ;
}
.contact_3 textarea.form-control{
    height: 230px;
}
.contact_3 .form-group label {
    color: #6f6f6f;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 4px;
}
.contact_3 .widget_info_contact {
    margin-top: 20px;
    display: inline-block;
}
.contact_3 .widget_info_contact strong {
    display: block;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 10px;
}
.contact_3 .widget_info_contact li i {
    color: #647382;
    font-size: 24px;
    text-align: center;
    width: 100%;
    margin-bottom: 17px;
}
.contact_3 .widget_info_contact p{
    overflow:visible;
    margin:0;
    text-align: center;
}
.contact_3 .widget_info_contact p a {
    color: #647382;
    font-size: 12.5px;
    font-weight: 600;
    margin-bottom: 5px;
}
/* Contact-Page-5
===============================*/
.contact_5{
    padding:0 0 60px;
    position: relative;
}
.contact_5 .form-control{
    border-radius: 4px;
   
}
.contact_5 textarea.form-control{
    border-radius: 4px;
    height: 150px;
}
.contact_5 .widget_info_contact li {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}
.contact_5 .widget_info_contact li i {
    color: #647382;
    float: left;
    font-size: 24px;
    height: 80px;
    width: 45px;
}
.contact_5 strong {
    color: #647382;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.contact_5 .widget_info_contact p {
    line-height: 22px;
}
.contact_5 .widget_info_contact a{
    color: #647382;
}

/* Login_Page
===============================*/

.login {
	
    padding-right: 0px;
    position: relative;
	
}

.login .form-control{
	
    border-radius: 4px;
    margin-top: 0px;
	
}

.login.form-control{
	
    border-radius: 4px;
    height: 150px;
	
}

.login .widget_info_contact li {
	
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
	
}

.login .widget_info_contact li i {
	
    color: #647382;
    float: left;
    font-size: 24px;
    height: 80px;
    width: 45px;
	
}

.login strong {
	
    color: #647382;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.login .widget_info_contact p {
	
    line-height: 22px;
	
}

.login .widget_info_contact a{
	
    color: #647382;
	
}

.warnmsg {
	
margin-bottom: 30px;
text-align: center;
margin-top: 10px;
color:red;

}


.warnmsg2 {

padding-top: 10px; 
padding-right: 0px !important; 
color:grey;

}

.warnmsg2 a{

color:grey;

}

.warnmsg2 :hover{

color:orange;

}


/* ================================= */
/* MAPS
/* ================================= */

.contact{
    padding:50px 0;
}
.maps{
    position:relative;
}
#page_maps{
    max-height:380px;
    height:360px;
}


/* ================================= */
/* 12. ICON LIST
/* ================================= */


.icon_lists {
    margin-top: 22px;
}
.icon_lists .fa-hover a {
    border-radius: 0;
    color: #222222;
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}
.icon_lists .fa-hover a .fa {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
    width: 32px;
}
.icon_lists .fa-hover a:hover {
    background-color: #ff7200;
    color: #FFFFFF;
    text-decoration: none;
}
.icon_lists .fa-hover a:hover .fa {
    font-size: 24px;
    vertical-align: -3px;;
}
.icon_lists .fa-hover a:hover .text-muted {
    color: #BBE2D5;
}


/* ================================= */
/* 13. Recent Works Carousel
/* ================================= */

.jcarousel {
    position: relative;
    overflow: hidden;
    width:100%;
}
.jcarousel ul {
    position: absolute;
    list-style: none;
    margin: 0;
    padding:0;
}
.carousel-navi {
    bottom:17px;
    float: right;
    position: absolute;
    right: 15px;
}
.carousel-intro {
    position: relative;
}
.jcarousel-list li {
    margin-bottom: 30px;
    width:234px;
    padding-left:10px;
    padding-right:10px;
}
.jcarousel-list .item-description > h5 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 12px;
    margin: 2% 0;
}
.jcarousel-list .item-description > span{
    font-size: 15px;
}
.jcarousel-list .item-description > a{
    font-size: 16px;
    margin: 12px 4px;
    padding: 4px 6px;
}
.arrow-left, .arrow-right{
    width: 23px;
    height: 23px;
    display: inline-block;
    float: left;
    background-color: #f2f2f2;
    color: #666;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.arrow-left i, .arrow-right i{
    font-size: 14px;
    display: block;
    line-height:16px;
    padding-top: 4px;
    text-align: center;
}
.arrow-left.active, .arrow-right.active{
    background-color: #bdc3c7;
    color: #f2f2f2;
    cursor: pointer;
}
.arrow-left.active:hover, .arrow-right.active:hover {background-color: #777;}


/*--------------------------------------------------------------------------*/
/* 14. TESTIMONIALS
/*--------------------------------------------------------------------------*/

.testimonial-item blockquote {
    background:#EAEAEA;
    border-top: 3px solid #ff7200;
    border-left: none;
    padding: 15px;
    
}

blockquote{font-size:15px;}

.testimonial-item .icon {
    color: #fff;
    font-size: 120px !important;
    line-height: 0;
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 0;
}
.testimonial-review > img {
	
	background: #FFFFFF;
	border: 2px solid #ff7200;
	border-radius: 50%;
	height: 70px;
	overflow: hidden;
	padding: 8px;
	width: 70px;
	margin-left: 140px;
	display: bolock;
	display: block;
	position: relative;
	text-align: right;
	left: 120px;

}

.testimonial-review > span {
	
	float: left;
	color: #5555558f;
	font-size: 25px;
	font-weight: 700;
	line-height: normal;
	margin-top: 15px;
	padding-left: 30px;
	display: block;
	position: relative;
	bottom: 50px;
	
}
.testimonial-item blockquote p {
    margin-bottom: 0;
    font-size: 15px;
    font-family:PT sans;
    font-weight: 400;
    line-height: 21px;
    color: #444;
    position: relative;
    z-index: 10;
    font-style:italic;
    font-weight: 500;
	text-align: justify;
}

.testimonial blockquote small {
    display: block;
    line-height: 20px;
    font-size: 12px;
    color: #999999;
    margin-top: 5px;
}
.testimonial-review {
    position: relative;
    padding-top: 0px;
}








.testimonial-item blockquote:after {
    font-family: FontAwesome;
    content: "\f0D7";
    position: absolute;
    bottom: 10%;
    left: 23px;
    font-size: 40px;
    color:#EAEAEA;
}

.testimonial-review small {
    font-size: 13px;
    line-height:18px;
    color: #ff7200;
    display:block;
}

#testimonial-carousel {
    margin-top: 25px;

}
.testimonial .testimonial-buttons {
    position: absolute;
    right: 0;
    top: -41px;
}

.testimonial .testimonial-buttons a {
    background: #f2f2f2;
    margin-left:-3px;
    width:25px;
    font-size:15px;
    height:25px;
    display: inline-block;
    text-align:center;
    line-height:27px;
    color:#bdc3c7;
}

.testimonial .testimonial-buttons a:hover {
    background: #f2f2f2;
    color: #555;
}

/* Parallax Testimonial
=========================== */
.parallax-testimonial{
    margin: 0 auto;
    padding: 0 100px 30px;
    text-align: center;
    color: #fff;
}
.parallax-testimonial-review > img {
    background:#FFFFFF;
    border-radius: 50%;
    height: 70px;
    overflow: hidden;
    padding: 3px;
    width: 70px;
}
.parallax-testimonial-review > span {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
    margin-top: 15px;
    padding-left: 20px;
    display: block;
}
.parallax-testimonial-item blockquote{
    border-left:none;
}
.parallax-testimonial-item blockquote p {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 400;
    line-height: 33px;
    color: #fff;
    position: relative;
    z-index: 10;
}
.parallax-testimonial-item blockquote2 p {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
    color: #fff;
    position: relative;
    z-index: 10;
}


.parallax-testimonial blockquote small {
    display: block;
    line-height: 20px;
    font-size: 12px;
    margin-top: 5px;
}
.parallax-testimonial-review {
    position: relative;
}

.parallax-testimonial-review small {
    font-size: 13px;
    line-height:18px;
    color: #ff7200;
    display:block;
}
.parallax-testimonial .carousel-indicators{
    bottom: 0;
    margin-bottom: 0;
}

/* ======================================================================== */
/* 15. Parallax
/* ======================================================================== */

section.parallax {
    padding: 65px 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
section.parallax h2 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 42px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.parallax-1 {
    background-image: url("../images/1.jpg");
}

section.parallax h2 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 42px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.parallax-contact {
    text-align: center;
    color: #fff;
}
.parallax-contact > h4 {
    color: #fff;
    font: 700 26px/25px "arial", sans-serif;
    margin-bottom: 21px;
}
.parallax-contact > p {
    color: #ccc;
    font-size: 16px;
    margin-bottom: 30px;
}

.parallax-contact > em {
    display: block;
    font: lighter 22px/22px "Open Sans", Helvetica, Arial, sans-serif;
    margin-top: 35px;
}
.parallax-contact strong {
    color: #B3ADAD;
    font: 600 20px/20px "arial", sans-serif;
}
/* ======================================================================== */
/* 16. Icon Service Boxes
/* ======================================================================== */

.info_service {
	
    padding: 20px 0 0;
}



/* ================================= */
/* ServiceBox_1
/* ================================= */

.serviceBox_1{margin-top: 25px;}
.serviceBox_1 .service-icon{
	
    float: left;

}
.serviceBox_1 .service-icon i{
	
    font-size: 34px;
    color: #ff7200;
	
}
.serviceBox_1 .service-content h3{
	
    color: hsl(0, 0%, 20%);
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
	
}
.serviceBox_1 .service-content{
	
    margin-left: 55px;
	
}
.serviceBox_1 .service-content p{
	
    color:hsl(0, 0%, 47%);
    line-height: 24px;
    font-family: Open Sans, Helvetica, Arial, sans-serif;

}

/* ================================= */
/* ServiceBox_2
/* ================================= */

.serviceBox_2{
	
    text-align: center;
    margin-top: 20px;
}
.serviceBox_2 .service-icon{
	
    border: 2px solid #ff7200;
    border-radius:100%;
    width: 90px;
    height: 90px;
    line-height: 98px;
    margin: 0 auto;
}
.serviceBox_2 .service-icon i{
	
    font-size: 35px;
    color:#ff7200;
    transition:all 0.3s ease-in-out 0s;

}
.serviceBox_2 .service-content h3{
	
    color: hsl(0, 0%, 20%);
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 23px 0;

}
.serviceBox_2 .service-content p{
	
    color:hsl(0, 0%, 47%);
    font-family: Open Sans, Helvetica, Arial, sans-serif;
}

/* ================================= */
/* ServiceBox_3
/* ================================= */

.serviceBox_3  {
	
    padding: 15px 15px 25px;
    margin:60px auto 0;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    background:#fff;
    border:1px solid #ff7200;
    border-bottom-width:3px ;
    position:relative;
}
.serviceBox_3  .service-icon
{
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:4px;
    border:1px solid #ff7200;
    background:#fff;
    color:#ff7200;
    margin:-48px auto 20px;
}
.serviceBox_3,.serviceBox_3 i,
.serviceBox_3  p,.service-icon,
.serviceBox_3  :after,.serviceBox_3 h3:before,
.service-icon:after,
.service-icon,.service-content{
	
    transition: all 0.5s ease-in-out;
	
}

.serviceBox_3  p {
    margin:0 0 15px;
}
.serviceBox_3 h3 {
	
    font-size: 20px;
    font-weight:normal;
    letter-spacing:0.7px;
    position: relative;
    margin:20px 0;
    padding:10px 0;
    background:none;
    overflow:hidden;
	
}
.serviceBox_3 h3:before

{
    content:"";
    background:#ff7200;
    width:0;
    height:2px;
    position:absolute;
    bottom:0;
    left:50%;
}
.serviceBox_3  h3:after
{
    content:"";
    background:#ff7200;
    width:0;
    height:2px;
    position:absolute;
    bottom:0;
    right:50%;
}
.serviceBox_3:hover h3:after,
.serviceBox_3:hover h3:before{
    width:100%;
}
.serviceBox_3  i {
	
    display: inline-block;
    font-size:3em;
    line-height:70px;
	
}
.serviceBox_3:hover .service-icon{
	
    background:#ff7200;
    color:#fff;
	
}
.serviceBox_3 .read{color:#ff7200; }
.serviceBox_3 .read:hover{color:#21328B; }


/* ================================= */
/* ServiceBox_4
/* ================================= */

.grey_bg{
	
    background: #EFEFEF;
}
.serviceBox_4{
	
    padding: 40px 0 0;
}
.serviceBox_4{
	
    background: none repeat scroll 0 0 #fff;
    text-align: center;
}
.serviceBox_4> span {
	
    background: none repeat scroll 0 0 #ff7200;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font: bold 40px/18px "arial",sans-serif;
    height: 88px;
    line-height: 88px;
    width: 88px;
}
.serviceBox_4> h3{
	
    color: #424955;
    font-family: 'Open Sans',sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.serviceBox_4> p{
	
    color: #424955;
    font: lighter 14px/21px "open sans",sans-serif;
    padding: 0 35px;
}
.serviceBox_4 .read {
	
    padding: 25px 0 40px;
}

.serviceBox_4 .read a{
	
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #d3711c 0%, #d3711c 50%, #ff7200 50%) repeat scroll 100% 0 / 200% 100%;
}

.serviceBox_4 .read a:hover{
    background-position: 0 0;
}

/* ================================= */
/* ServiceBox_5
/* ================================= */

.serviceBox_5{
	
    margin-bottom: -10px;
    line-height: 0;
    overflow: hidden;
    text-align: center;
}

.serviceBox_5 .service-image{
	
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease 0s;
}
.serviceBox_5 .service-image > img {
	
    width: 100%;
}
.serviceBox_5 .service-image:hover{
	
    opacity: 0.7;
    transition: all 0.5s ease 0s;
}
.serviceBox_5 .service-content{
	
    padding-top: 62px;
    position: relative;
}
.serviceBox_5 .service-content::before {
	
    background: hsl(188, 30%, 39%) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 500px;
    left: -20%;
    position: absolute;
    top: 0;
    transform: rotate(7deg);
    transition: all 0.3s ease 0s;
    width: 400px;
}
.serviceBox_5 .service-content::after {
	
    background: hsl(188, 30%, 39%) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 500px;
    left: 30%;
    position: absolute;
    top: 30px;
    transform: rotate(-35deg);
    transition: all 0.3s ease 0s;
    width: 400px;
}

.serviceBox_5 .service-content .internal::before {
	
    background: hsl(188, 35%, 31%) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 500px;
    left: -50%;
    position: absolute;
    top: 3%;
    transform: rotate(14deg);
    transition: all 0.3s ease 0s;
    width: 400px;
    z-index: 1;
}
.serviceBox_5 .service-content .internal::after {
	
    background: hsl(188, 35%, 31%) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 500px;
    left: 57%;
    position: absolute;
    top: 30px;
    transform: rotate(-52deg);
    transition: al
    l 0.3s ease 0s;
    width: 400px;
    z-index: 1;
}
.serviceBox_5 .service-content .item_content{
	
    background: hsl(188, 35%, 31%) none repeat scroll 0 0;
    position: relative;
    z-index: 2;
    color: white;
}
.serviceBox_5 .service-content.bg1::before {
	
    background:#4D8D72;
}
.serviceBox_5 .service-content.bg1::after {
	
    background:#4D8D72;
}

.serviceBox_5 .service-content.bg1 .internal::before {
	
    background:#407A61;
}
.serviceBox_5 .service-content.bg1 .internal::after {
	
    background:#407A61;
}
.serviceBox_5 .service-content.bg1 .item_content{
	
    background:#407A61;
}

.serviceBox_5 .service-content.bg2::before {
	
    background:#C2D4A4;
}
.serviceBox_5 .service-content.bg2::after {
	
    background:#C2D4A4;
}
.serviceBox_5 .service-content.bg2 .internal::before {
	
    background:#ABBD8C;
}
.serviceBox_5 .service-content.bg2 .internal::after {
	
    background:#ABBD8C;
}
.serviceBox_5 .service-content.bg2 .item_content{
	
    background:#ABBD8C;
}

.serviceBox_5 .service-content.bg3::before {
	
    background:#E9DC9F;
}
.serviceBox_5 .service-content.bg3::after {
	
    background:#E9DC9F;
}
.serviceBox_5 .service-content.bg3 .internal::before {
	
    background:#D8CC93;
}
.serviceBox_5 .service-content.bg3 .internal::after {
	
    background:#D8CC93;
}
.serviceBox_5 .service-content.bg3 .item_content{
	
    background:#D8CC93;
}

.serviceBox_5 .service-content h3{
	
    color: hsl(0, 0%, 100%);
    font: 400 20px/24px "Trebuchet MS",Tahoma,sans-serif;
    margin-bottom: 30px;
    margin-top: 20px;
    color: #fff;
    text-transform: uppercase;
}
.serviceBox_5 .service-content a{
	
    color: hsl(0, 0%, 100%);
    font-size: 14px;
    font-weight: 700;
    line-height: 38px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.serviceBox_5 .service-content a:hover{
	
    color:#000000;
    text-decoration: none;
    transition: all 0.3s ease 0s;

}
.serviceBox_5 .service-content:hover::before {
	
    transform: rotate(-7deg);
}
.serviceBox_5 .service-content:hover .internal::before {
	
    transform: rotate(10deg);
}

/* ================================= */
/* ServiceBox_6
/* ================================= */

.serviceBox_6{
	
     padding:0px 0px 30px 0px;
}
.serviceBox_6{
	
    background: none repeat scroll 0 0 #fff;
}
.serviceBox_6 .img-responsive2 img {
	
    display: block;
    max-width: 100%;
    height: auto;
}
.serviceBox_6> span {
	
    background: none repeat scroll 0 0 #ff7200;
    border-radius: 100%;
    color: #fff;
    font: bold 40px/18px "arial",sans-serif;
    height: 88px;
    line-height: 88px;
    width: 88px;
}
.serviceBox_6> h3{
	
    color: #232323;
    font-size: 30px;
    font-weight: 600;
    line-height: 0px;
    text-transform: uppercase;
    margin-bottom: 45px;
    text-align: center;
}
.serviceBox_6> h3 a{ 

	color: #333;
}
.serviceBox_6> h3 a:hover{ 

	color: #ff7200;
}
.serviceBox_6> p{
	
    font-size: 17px;
	color: #444;
    float: left;
	line-height: 1.6;
	margin-bottom: 15px;
	text-align: left;
    padding: 0px 0px 10px 0px;
}

.serviceBox_6 .read {
	
     padding:0px 0px 0px 0px;
}

.serviceBox_6 .read a{
	
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #ffffff 0%, #ffffff 50%, #ff9900 50%) repeat scroll 100% 0 / 200% 100%;
}

.serviceBox_6 .read a:hover{
	
    background-position: 0 0;
}

/* ================================= */
/* ServiceBox_7
/* ================================= */

.serviceBox_7{
	
     padding:15px 0px 80px 0px;
}
.serviceBox_7{
	
    background: none repeat scroll 0 0 #fff;
}
.serviceBox_7 .img-responsive2 img {
	
    display: block;
    max-width: 100%;
    height: auto;
}
.serviceBox_7> p{
	
    padding: 15px 15px 15px 15px;
    font-size: 17px;
    font-weight: 600;
    color: #ff7200;
    text-align: center;
}
.serviceBox_7> p > small{
	
    padding: 15px 15px 15px 15px;
    font-size: 20px;
    font-weight: 600;
    color: #f62d95;
    text-align: center;
}
.serviceBox_7> span {
	
    font-size: 20px;
    font-weight: 600;
    color: #f62d95;
    text-align: center;
}
.serviceBox_7> h3{
	
    color: #424955;
    font-family: 'Open Sans',sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 0px;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center;
}
.serviceBox_7> h3 .p{
	
    padding: 15px 15px 15px 15px;
    font-size: 30px;
    font-weight: 300;
    color: #ff7200;
    font: lighter 14px/21px "open sans",sans-serif;
}
.serviceBox_7> h4{
	
    color: #f62d95;
    font-family: 'Open Sans',sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 0px;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center;
}
.serviceBox_7> h4 .p{
	
    padding: 15px 15px 15px 15px;
    font-size: 30px;
    font-weight: 300;
    color: #ff7200;
    font: lighter 14px/21px "open sans",sans-serif;
}
.serviceBox_7 .read {
	
     padding:0px 0px 0px 0px;
}

.serviceBox_7 .read a{
	
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #ffffff 0%, #ffffff 50%, #ff9900 50%) repeat scroll 100% 0 / 200% 100%;
}

.serviceBox_7 .read a:hover{
	
    background-position: 0 0;
}

/* ================================= */
/* ServiceBox_8
/* ================================= */

.serviceBox_8 {
	
	padding:0px;
	 
}

.serviceBox_8 .service-content {
	
	margin: 3px 0px 8px 0px;
	padding: 7px 0px 2px 0px;
	font-size: 22px;
	color: #21252b;
	
}

.serviceBox_8 .service-content > h3 {
	
	font-family: "Pt Sans", "DFKai-SB", cursive;
	font-size: 24px;
	font-weight: 600;
	margin-top: 10px;
	color: #000000;
	text-transform: uppercase;
	text-align: center;
}

.serviceBox_8 .service-content > h3 a{
	
	color: #21252b;
	font-size: 24px;
	font-weight: 600;
}

.serviceBox_8 .service-content > h3 a:hover {
	
	color: #ff7200;
	font-size: 24px;
	font-weight: 600;
}

.serviceBox_8 .service-content > p {
	
	padding:10px;
	font-size: 17px;
	color: #444;
	float: left;
	line-height: 2.0;
	margin-bottom: 15px;
	text-align: left;
}

.serviceBox_8 .service-content > p > small {
	
	float: initial;
	font-size: 15px;
	font-weight: 600;
	line-height: 30px;
	text-transform: capitalize;
	color: #ff7200;
}

.serviceBox_8 .service-content > p > small a {
	
	float: initial;
	font-size: 15px;
	font-weight: 600;
	line-height: 30px;
	text-transform: capitalize;
	color: #ff7200;
}

.serviceBox_8 .service-content > p > small a:hover {
 
	color: #ff7200;
	
}
	
.serviceBox_8 .serviceBox-img {
	
	 overflow: hidden;
	 border:solid;
	 border-width:thin;
	 border-color:#80808094;;
}

.serviceBox_8 .serviceBox-img .service-img img{
	
	overflow: hidden;
	width:100%;
	transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out ;
    -moz-transition:all 0.3s ease-in-out ;
    -ms-transition:all 0.3s ease-in-out ;
    -o-transition:all 0.3s ease-in-out;
	
}

.serviceBox_8 .serviceBox-img .service-img img:hover{
	
	overflow: hidden;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1); 
	 
}

/* ================================= */
/* ServiceBox_10
/* ================================= */

.serviceBox_10{
	
	padding:5px 0px 300px 0px;
	background: none repeat scroll 0 0 #fff;
	text-align: center;
	margin-top: 50px;
}

.serviceBox_10 .service-icon{
	
    float: left;

}

.serviceBox_10 .service-icon i{
	
    font-size: 34px;
    color: #ff7200;
}

.serviceBox_10 .service-content h3{
	
    color: hsl(0, 0%, 20%);
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
	padding: 20px 10px 10px 10px;
    float: left;

}

.serviceBox_10 .service-content h3 a{ 
	color: #333;
}

.serviceBox_10 .service-content h3 a:hover{ 

	color: #ff7200;
	
}

.serviceBox_10 .service-content{
	
    margin-left: 0px;
	
}

.serviceBox_10 .service-content p{
	
    color:hsl(0, 0%, 47%);
    font-size: 17px;
	color: #444;
    float: left;
	line-height: 1.7;
	margin-bottom: 20px;
	text-align: left;
    padding: 0px 0px 10px 0px;
}

.serviceBox_10 .service-content p > small {
	
    float:initial;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    text-transform:capitalize;
	color:#ff7200;

}

.serviceBox_10 .service-content p > small a{
	
    float:initial;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    text-transform:capitalize;
	color:#ff7200;

}

.serviceBox_10 > span {
	
    background: none repeat scroll 0 0 #ff7200;
    border-radius: 100%;
    color: #fff;
    font: bold 40px/18px "arial",sans-serif;
    height: 88px;
    line-height: 150px;
    width: 88px;
}

.serviceBox_10 > h3{
	
    color: #424955;
    font-family: 'Open Sans',sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    text-transform: uppercase;
    margin-bottom: 25px;
	
}
.serviceBox_10 > p{
	
     color: #424955;
     font: lighter 14px/21px "open sans",sans-serif;
     padding: 0px 0px 0px 0px;
	 
}
.serviceBox_10 .read {
	
     padding: 0px 0px 0px 0px;
     float: right;
	 
}

.serviceBox_10 .read a{
	
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #ffffff 0%, #ffffff 50%, #ff9900 50%) repeat scroll 100% 0 / 200% 100%;
	
}

.serviceBox_10 .read a:hover{
	
    background-position: 0 0;
	
}


/* ================================= */
/* ServiceBox_11
/* ================================= */

.serviceBox_11{
	
     padding: 0px 10px 0px 50px;
	 background: none repeat scroll 0 0 #fff;
     text-align: left;
	 margin-top: 25px;
	 
}

.serviceBox_11 .piano-images {
	
   
    width: 50%;
  
	
}

.serviceBox_11 .piano-images img {
	
    width: 100%;
	
}

.serviceBox_11 .piano-category {
	
    color: #333;
	font-size: 15px;
	font-weight: 600;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	
}

.serviceBox_11 .piano-category h5{ 

	margin:10px 0px 0px 0px;
    font-size: 17px;
	font-weight: 600;
    text-align:left;
	
}

.serviceBox_11 .piano-category h5 span{
	
    color: #ff7200;
    margin: 0 2px;
    font-size: 12px;
    text-transform: uppercase;
	
}

.serviceBox_11 .piano-category > p {
    margin: 0px 0px 6px 0px;
    line-height: 19px;
	font-weight: 600;
    color: #f62d87;
    font-size: 17px;
    font-family: Open Sans, Helvetica, Arial, sans-serif;

}

.serviceBox_11.piano-category .read-more { color: #ff7200; }
.serviceBox_11.piano-category .read-more:hover{ color:#d3711c; }

.dashed {
	
    border-color: #DBDFE2;
    border-style: dashed;
}

/* ================================= */
/* ServiceBox_12
/* ================================= */

.serviceBox_12{
	
     padding: 0px 0px 0px 0px;
	 background: none repeat scroll 0 0 #fff;
     text-align: left;
	 margin-top: 0px;
	 
}

.serviceBox_12 .piano-images {
	
    float: left;
    width: 30%;
    margin-right: 15px;
	
}

.serviceBox_12 .piano-images img {
	
    width: 100%;
	
}

.serviceBox_12 .piano-category {
	
    color: #333;
	font-size: 12px;
	font-weight: 600;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	
}
.serviceBox_12 .piano-category h5{ 

    border-top: 0px solid #CCCCCC;
	margin:0px 0px 0px 0px;
    font-size: 15px;
	font-weight: 600;
	padding: 0px 0px 0px 0px;
    text-align:left;
	
}
.serviceBox_12 .piano-category h5 span {
	
    color: #ff7200;
    margin: 0 2px;
    font-size: 13px;
	padding: 0px 0px 0px 0px;
    text-transform: uppercase;
}

.serviceBox_12 .piano-category h5 span > tom{
	
	font-size: 15px;
	color: #444;
	float: left;
	line-height: 1.6;
	margin-bottom: 20px;
	text-align: left;
    text-transform: uppercase;
}

.serviceBox_12 .piano-category > p {
	
    margin: 0px 0px 10px 0px;
    line-height: 19px;
	font-weight: 600;
    color: #f62d87;
    font-size: 15px;
    font-family: Open Sans, Helvetica, Arial, sans-serif;

}
.serviceBox_12.piano-category .read-more { color: #ff7200; }
.serviceBox_12.piano-category .read-more:hover{ color:#d3711c; }

.dashed {
	
    border-color: #DBDFE2;
    border-style: dashed;
}

/* ================================= */
/* ServiceBox_13
/* ================================= */

.serviceBox_13{
  
	background:url(https://www.kensinmusic.com/Mobile/images/phone/ps_bg.jpg)no-repeat;
	background-size: 100%, auto;
	margin-top: 0px;
	margin-bottom:30px;
	border-color: #8080804f;
	text-align: left;
	padding: 0px 10px 0px 10px;
	
}

.serviceBox_13 .bg2{
  
	background-color: white;
	margin-bottom:25px;
	
}

.serviceBox_13 .piano-images {
	
    float: left;
    width: 30%;
    margin-right: 15px;
	
}

.serviceBox_13 .piano-images img {
	
    width: 100%;
	
}

.serviceBox_13 .piano-category {
	
    color: #333;
	font-size: 12px;
	font-weight: 600;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	
}

.serviceBox_13 .piano-category h5{ 

	margin:0px 0px 0px 0px;
    font-size: 15px;
	font-weight: 600;
	padding: 0px 0px 0px 0px;
    text-align:left;
	
}

.serviceBox_13 .piano-category h5 span{
	
    color: #ff7200;
    margin: 0 2px;
    font-size: 15px;
	padding: 0px 0px 0px 0px;
    text-transform: uppercase;
	
}

.serviceBox_13 .piano-category h5 span > tom{
	
    color: #756E6E;
    margin: 0 0px;
    font-size: 15px;
	padding: 0px 0px 0px 0px;
    text-transform: uppercase;
	
}

.serviceBox_13 .piano-category > p {
	
    margin: 0px 0px 10px 0px;
    line-height: 19px;
	font-weight: 600;
    color: #f62d87;
    font-size: 15px;
    font-family: Open Sans, Helvetica, Arial, sans-serif;

}
.serviceBox_13.piano-category .read-more { color: #ff7200; }
.serviceBox_13.piano-category .read-more:hover{ color:#d3711c; }

.dashed {
	
    border-color: #DBDFE2;
    border-style: dashed;
	
}

.serviceBox_13 .piano-size {
	
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 0px 0px 10px;
	font-size: 8px;
	font-weight: bold;
	color: #7a7776;
	
}

.serviceBox_13 .piano-brand {

	font-family: 'Raleway', sans-serif;
	overflow: hidden;
	padding: 0px 0px 10px;
	color: #1c1b1b;
	font-size: 13px;
	font-weight: bolder;
}

.serviceBox_13 .piano-kslevel{
	
	overflow: hidden;
	padding: 10px 0px 30px 0px;
 
}

.serviceBox_13 .piano-price {
	
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 10px 0px 0px;
	border-top:solid;
    border-color: #bab6b68c;
    border-width: thin;
	font-weight:bolder;
	color:#8d8988;
	font-size: 13px;
}
.service_13_detail{border:1px solid #E7E6E6;padding:0 10px;}
.service_13_img{overflow:hidden;}
.service_13_img img {
	
    overflow: hidden;
    width:100%;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out ;
    -moz-transition:all 0.3s ease-in-out ;
    -ms-transition:all 0.3s ease-in-out ;
    -o-transition:all 0.3s ease-in-out;
}
.serviceBox_13 > h3 {
	
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    margin-top:15px;
}
.serviceBox_13 > p {
	
    color: #747474;
    font-family: Pt Sans;
    font-size: 14px;
    line-height: 20px;
}
.serviceBox_13:hover .service_3_detail{border-bottom-color:#E74C3C}
.serviceBox_13:hover img {
    transform:scale(1.1);
    -webkit-transform:scale(1.1) ;
    -moz-transform:scale(1.1) ;
    -ms-transform:scale(1.1) ;
    -o-transform:scale(1.1) ;
}
/* ================================= */
/* ServiceBox_14
/* ================================= */

.serviceBox_14{

	 background: none repeat scroll 0 0 #fff;
     text-align: left;
	 margin-top: 25px;
}

.serviceBox_14 .piano-images {
	
    float: left;
    width: 40%;
    margin-right: 0px;
}

.serviceBox_14 .piano-images img {
	
    width: 60%;
	
}

.serviceBox_14 .piano-category {
	
    color: #333;
	font-size: 12px;
	font-weight: 600;
	margin-top: 40px;
	margin-bottom: 100px;
	padding: 0px 0px 0px 0px;
	
}

.serviceBox_14 .piano-category h5{ 

	margin:0px 0px 10px 0px;
    font-size: 15px;
	font-weight: 600;
	padding: 0px 0px 0px 0px;
    text-align:left;
	
}

.serviceBox_14 .piano-category h5 span{
	
    color: #ff7200;
    margin: 0px;
    font-size: 12px;
	padding: 0px 0px 0px 0px;
    text-transform: uppercase;
	
}

.serviceBox_14 .piano-category > p {
	
    margin: 0px 0px 10px 150px;
    line-height: 19px;
	font-weight: 600;
    color: #f62d87;
    font-size: 15px;
    font-family: Open Sans, Helvetica, Arial, sans-serif;

}
.serviceBox_14.piano-category .read-more { color: #ff7200; }
.serviceBox_14.piano-category .read-more:hover{ color:#d3711c; }
.dashed {
	
    border-color: #DBDFE2;
    border-style: dashed;
	
}
/* ================================= */
/* ServiceBox_15
/* ================================= */

.serviceBox_15 {
	
     padding: 10px 0px 20px 0px;
	 background: none repeat scroll 0 0 #fff;
     text-align: left;
	 margin-top: 25px;
	 
}

.serviceBox_15 .piano-images {
	
    float: left;
    width: 30%;
    margin-right: 15px;
	
}

.serviceBox_15 .piano-images img {
	
    width: 80%;
	
}

.serviceBox_15 .piano-category {
	
    color: #333;
	font-size: 12px;
	font-weight: 600;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	
}

.serviceBox_15 .piano-category h5 { 

	margin:0px 0px 0px 0px;
    font-size: 15px;
	font-weight: 600;
	padding: 0px 0px 0px 0px;
    text-align:left;
	
}
.serviceBox_15 .piano-category h5 span {
	
    color: #ff7200;
    margin: 0 2px;
    font-size: 12px;
	padding: 0px 0px 0px 0px;
    text-transform: uppercase;
	
}
.serviceBox_15 .piano-category > p {
	
    margin: 0px 0px 10px 0px;
    line-height: 19px;
	font-weight: 600;
    color: #f62d87;
    font-size: 15px;
    font-family: Open Sans, Helvetica, Arial, sans-serif;

}
.serviceBox_15.piano-category .read-more { color: #ff7200; }
.serviceBox_15.piano-category .read-more:hover{ color:#d3711c; }

.dashed {
	
    border-color: #DBDFE2;
    border-style: dashed;
}

/* ================================= */
/* ServiceBox_16
/* ================================= */

.serviceBox_16 {
	
	padding:0px 0px 0px 0px;
	margin-top: 25px;
}

.serviceBox_16 img {
	
    width: 70%;
	vertical-align: middle;
	padding: 10px;
}

.serviceBox_16 .service-icon {

}

.serviceBox_16 .service-icon i {
	
    font-size: 34px;
    color: #ff7200;
}

.serviceBox_16 .service-content h3 {
	
    color: hsl(0, 0%, 20%);
    font-size: 17px;
    font-weight: 600;
	padding: 10px 10px 10px 10px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 80px;
	
}

.serviceBox_16 .service-content {
	
    margin-left: 0px;
	
}

.serviceBox_16 .service-content p {
	
    color:hsl(0, 0%, 47%);
    line-height: 24px;
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    font-size: 15px;
    float: left;
    padding: 0px 0px 50px 0px;
	
}

.serviceBox_16 > span {
	
    background: none repeat scroll 0 0 #ff7200;
    border-radius: 100%;
    color: #fff;
    font: bold 40px/18px "arial",sans-serif;
    height: 88px;
    line-height: 150px;
    width: 88px;
	
}

.serviceBox_16 > h3 {
	
    color: #424955;
    font-family: 'Open Sans',sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    text-transform: uppercase;
    margin-bottom: 25px;
	
}

.serviceBox_16 > p {
	
     color: #424955;
     font: lighter 14px/21px "open sans",sans-serif;
     padding: 0px 0px 0px 0px;
	 
}

.serviceBox_16 .read {
	
     padding: 0px 0px 0px 0px;
     float: right;
	 
}

.serviceBox_16 .read a{
	
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #ffffff 0%, #ffffff 50%, #ff9900 50%) repeat scroll 100% 0 / 200% 100%;
	
}

.serviceBox_16 .read a:hover{
	
    background-position: 0 0;
	
}


/* ================================= */
/* ServiceBox_18
/* ================================= */

.serviceBox_18 p {
	
     padding: 2px 0px 2px 0px;
	 background: none repeat scroll 0 0 #fff;
     text-align: left;
	 margin-top: 0px;
	 
}

.serviceBox_18 .piano-images {
	
	float: inherit;
	width: 40%;
    padding: 2px 5px 5px 0px;
}

.serviceBox_18 .piano-images img {
	
    width: 100%;
}

/* ================================= */
/* ServiceBox_19
/* ================================= */

.serviceBox_19 {
	
	background: none repeat scroll 0 0 #fff;
	text-align: center;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.serviceBox_19 .img-responsive img {
	
    overflow: hidden;
    width: 100%;
	
}


/* ================================= */
/* ServiceBox_20
/* ================================= */

.serviceBox_20 {
	
	background: none repeat scroll 0 0 #fff;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.serviceBox_20 .img-responsive img{
	
    overflow: hidden;
    width: 100%;
}


/* ================================= */
/* ServiceBox_21
/* ================================= */

.serviceBox_21 {
	
	background: none repeat scroll 0 0 #fff;
	text-align: center;
	border-top: 5px solid #8a20dac4 !important;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	
}

.serviceBox_21:hover {
	
    border-top: 5px solid  #ff4200 !important;
	box-shadow: 0 10px 22px 10px rgb(27 38 49 / 10%);
	transform: translateY(-5px);
}

.serviceBox_21 .service-content {
	
    font-family: "Caveat Brush", "DFKai-SB", cursive;
	margin: 3px 0px 8px 0px;
	padding: 7px 0px 2px 0px;
	font-size: 22px;
	font-weight: 600;
	color: #21252b;
	border-style: solid double dashed;
	border-width:1px;
	border-color: grey;
	border-bottom:none; 
	
}

.serviceBox_21 .service-content a{
   
	font-family: "Caveat Brush", "DFKai-SB", cursive;
	margin: 8px 8px 8px 8px;
	font-size: 22px;
	font-weight: 600;
	color: #21252b;
	
}

.serviceBox_21 .service-content a:hover{ 

	font-size: 22px;
	font-weight: 600;
	color: #ff7200;
	
}

.serviceBox_21 .service-icon{
	
    float: left;
	margin: -8px 1px 1px 1px;
}

.serviceBox_21 .service-detail p{

	font-family: "Caveat Brush", "DFKai-SB", cursive;
	margin-bottom:0px;
	padding: 9px 5px 9px 90px;
	font-size: 13px;
	font-weight: bold;
    color: #d3711c;
	border-width:1px;
	border-color: grey;
	border-bottom:none; 
	text-align:left;
}

.serviceBox_21 .service-ps1 p{

    margin:0px 0px 0px !important;
    font-family: "Caveat Brush", "DFKai-SB", cursive;
    font-size: 18px;
    font-weight: bold;
    color: green;
}

.serviceBox_21 .service-icon2 {
	
    float: right;
	margin: 1px 0px 1px 0px;
    display: block;
    width: 35% !important;
}

.serviceBox_21 .service-detail2 p{

	background:url(https://www.kensinmusic.com/Mobile/images/phone/ZZZ.jpg) left bottom no-repeat;
	background-size: 100%, auto;
    font-family: "Caveat Brush", "DFKai-SB", cursive;
    margin: 0px 0px 0px 0px;
    padding: 19px 0px 19px 0px;
    font-size: 18px;
    font-weight: bold;
    color: green;
    border-style: solid double dashed;
    border-width: 1px;
	border-top: dotted;
	border-top-color: grey;
    border-top-width: 2px;
    border-bottom: none;
	border-left:none;
	border-right:none;
	border-bottom: dotted;
    border-bottom-color: grey;
    border-bottom-width: 2px;
}

.serviceBox_21 .service-ps2 p{

    margin:0px 0px 0px !important;
    font-family: "Caveat Brush", "DFKai-SB", cursive;
    font-size: 18px;
    font-weight: bold;
    color: green;
    border-style: solid double dashed;
    border-width: 1px;
	border-top: dotted;
	border-top-color: grey;
    border-top-width: 2px;
    border-bottom: none;
	border-left:none;
	border-right:none;
	border-bottom: dotted;
    border-bottom-color: grey;
    border-bottom-width: 2px;
}

.serviceBox_21 .img-responsive img{
	
    overflow: hidden;
    width: 100%;
}

.serviceBox_21 .outbox{
 
    border: solid;
    padding: 0px;
    border-width: thin;
	border-color: grey;
	box-shadow: 2px -4px 0px #eee;
	
} 

/* ================================= */
/* ServiceBox_22
/* ================================= */

.serviceBox_22{
	
	background: none repeat scroll 0 0 #fff;
	text-align: center;
	border-top: 5px solid  #3c763d !important;	
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.serviceBox_22:hover {
	
    border-top: 5px solid #ff7200 !important;
	box-shadow: 0 10px 22px 10px rgb(27 38 49 / 10%);
	transform: translateY(-5px);
	
}

.serviceBox_22 .service-content {
   
    font-family: "Caveat Brush", "DFKai-SB", cursive;
	margin: 3px 0px 8px 0px;
	padding: 7px 0px 2px 0px;
	font-size: 22px;
	font-weight: 600;
	color: #21252b;
	border-style: solid double dashed;
	border-width:1px;
	border-color: grey;
	border-bottom:none; 
}

.serviceBox_22 .service-content a {
   
	font-family: "Caveat Brush", "DFKai-SB", cursive;
	margin: 8px 8px 8px 8px;
	font-size: 22px;
	font-weight: 600;
	color: #21252b;
	
}

.serviceBox_22 .service-content a:hover{ 

	font-size: 22px;
	font-weight: 600;
	color: #ff7200;
	
}

.serviceBox_22 .service-icon {
	
    float: left;
	margin: -8px 1px 1px 1px;
}

.serviceBox_22 .service-detail p{

	font-family: "Caveat Brush", "DFKai-SB", cursive;
	margin-bottom:0px;
	padding: 9px 5px 9px 90px;
	font-size: 13px;
	font-weight: bold;
    color: #d3711c;
	border-width:1px;
	border-color: grey;
	border-bottom:none; 
	
	text-align:justify
}

.serviceBox_22 .service-ml1 p{

    margin:0px 0px 0px !important;
    font-family: "Caveat Brush", "DFKai-SB", cursive;
    font-size: 18px;
    font-weight: bold;
    color: green;
}

.serviceBox_22 .service-icon2 {
	
    float: right;
	margin: 1px 0px 1px 0px;
    display: block;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* width: 10%; */
    width: 35% !important;
}

.serviceBox_22 .service-detail2 p {

	background:url(https://www.kensinmusic.com/Mobile/images/phone/ML_wording.png) left bottom no-repeat;
	background-size: 100%, auto;
    font-family: "Caveat Brush", "DFKai-SB", cursive;
    margin: 0px 0px 0px 0px;
    padding: 33px 0px 20px 0px;
    font-size: 18px;
    font-weight: bold;
    color: green;
    border-style: solid double dashed;
    border-width: 1px;
	border-top: dotted;
	border-top-color: grey;
    border-top-width: 2px;
    border-bottom: none;
	border-left:none;
	border-right:none;
	border-bottom: dotted;
    border-bottom-color: grey;
    border-bottom-width: 2px;
	
}

.serviceBox_22 .service-ml2 p {

    margin:0px 0px 0px !important;
    font-family: "Caveat Brush", "DFKai-SB", cursive;
    font-size: 18px;
    font-weight: bold;
    color: green;
    border-style: solid double dashed;
    border-width: 1px;
	border-top: dotted;
	border-top-color: grey;
    border-top-width: 2px;
    border-bottom: none;
	border-left:none;
	border-right:none;
	border-bottom: dotted;
    border-bottom-color: grey;
    border-bottom-width: 2px;
	
}

.serviceBox_22 .img-responsive img{
	
    overflow: hidden;
    width: 100%;
}

.serviceBox_22 .outbox {
 
    border: solid;
    padding: 0px;
    border-width: thin;
	border-color: grey;
	box-shadow: 2px -4px 0px #eee;
	
} 

/* ================================= */
/* ServiceBox_23
/* ================================= */

.serviceBox_23 {
	
	background: none repeat scroll 0 0 #fff;
	text-align: center;
	border-top: 5px solid  #ff4200 !important;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	
}

.serviceBox_23:hover {
   
    border-top: 5px solid #8a20dac4 !important;
	box-shadow: 0 10px 22px 10px rgb(27 38 49 / 10%);
	transform: translateY(-5px);
	
}

.serviceBox_23 .service-content {
   
    font-family: "Caveat Brush", "DFKai-SB", cursive;
	margin: 3px 0px 8px 0px;
	padding: 7px 0px 2px 0px;
	font-size: 22px;
	font-weight: 600;
	color: #21252b;
	border-style: solid double dashed;
	border-width:1px;
	border-color: grey;
	border-bottom:none; 
	
}

.serviceBox_23 .service-content a {
   
	font-family: "Caveat Brush", "DFKai-SB", cursive;
	margin: 8px 8px 8px 8px;
	font-size: 22px;
	font-weight: 600;
	color: #21252b;
	
}

.serviceBox_23 .service-content a:hover {
	
	font-size: 22px;
	font-weight: 600;
	color: #ff7200;
	
}

.serviceBox_23 .service-icon {
	
    float: left;
	margin: -8px 1px 1px 1px;
}

.serviceBox_23 .service-detail p {

	font-family: "Caveat Brush", "DFKai-SB", cursive;
	margin-bottom:0px;
	padding: 9px 5px 9px 90px;
	font-size: 13px;
	font-weight: bold;
    color: #d3711c;
	border-width:1px;
	border-color: grey;
	border-bottom:none; 
	text-align:left;
}

.serviceBox_23 .service-bd1 p {

    margin:0px 0px 0px !important;
    font-family: "Caveat Brush", "DFKai-SB", cursive;
    font-size: 18px;
    font-weight: bold;
    color: green;
}

.serviceBox_23 .service-icon2 {
	
    float: right;
	margin: 1px 0px 1px 0px;
    display: block;
    width: 35% !important;
}

.serviceBox_23 .service-detail2 p {

	background:url(https://www.kensinmusic.com/Mobile/images/phone/BD_wording.png) left bottom no-repeat;
	background-size: 100%, auto;
    font-family: "Caveat Brush", "DFKai-SB", cursive;
    margin: 0px 0px 0px 0px;
    padding: 33px 0px 20px 0px;
    font-size: 18px;
    font-weight: bold;
    color: green;
    border-style: solid double dashed;
    border-width: 1px;
	border-top: dotted;
	border-top-color: grey;
    border-top-width: 2px;
    border-bottom: none;
	border-left:none;
	border-right:none;
	border-bottom: dotted;
    border-bottom-color: grey;
    border-bottom-width: 2px;
}

.serviceBox_23 .service-bd2 p {

    margin:0px 0px 0px !important;
    font-family: "Caveat Brush", "DFKai-SB", cursive;
    font-size: 18px;
    font-weight: bold;
    color: green;
    border-style: solid double dashed;
    border-width: 1px;
	border-top: dotted;
	border-top-color: grey;
    border-top-width: 2px;
    border-bottom: none;
	border-left:none;
	border-right:none;
	border-bottom: dotted;
    border-bottom-color: grey;
    border-bottom-width: 2px;
	
}

.serviceBox_23 .img-responsive img {
	
    overflow: hidden;
    width: 100%;
	
}

.serviceBox_23 .outbox {
 
    border: solid;
    padding: 0px;
    border-width: thin;
	border-color: grey;
	box-shadow: 2px -4px 0px #eee;
	
} 


/* ================================= */
/* ServiceBox_24
/* ================================= */

.serviceBox_24 {
	
	background: none repeat scroll 0 0 #fff;
	text-align: center;
	border-top: 5px solid #8a6d3b !important;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	
}

.serviceBox_24:hover {
	
    border-top: 5px solid  #e413b5 !important;	
	box-shadow: 0 10px 22px 10px rgb(27 38 49 / 10%);
	transform: translateY(-5px);
	
}

.serviceBox_24 .service-content {
   
    font-family: "Caveat Brush", "DFKai-SB", cursive;
	margin: 3px 0px 8px 0px;
	padding: 7px 0px 2px 0px;
	font-size: 22px;
	font-weight: 600;
	color: #21252b;
	border-style: solid double dashed;
	border-width:1px;
	border-color: grey;
	border-bottom:none; 
	
}

.serviceBox_24 .service-content a {
   
	font-family: "Caveat Brush", "DFKai-SB", cursive;
	margin: 8px 8px 8px 8px;
	font-size: 22px;
	font-weight: 600;
	color: #21252b;
	
}

.serviceBox_24 .service-content a:hover{ 

	font-size: 22px;
	font-weight: 600;
	color: #ff7200;
	
}

.serviceBox_24 .service-icon{
	
    float: left;
	margin: -8px 1px 1px 1px;
	
}
 
.serviceBox_24 .service-detail p {

	font-family: "Caveat Brush", "DFKai-SB", cursive;
	margin-bottom:0px;
	padding: 9px 5px 9px 90px;
	font-size: 13px;
	font-weight: bold;
    color: #d3711c;
	border-width:1px;
	border-color: grey;
	border-bottom:none; 
	text-align:left;
	
}

.serviceBox_24 .service-mb1 p {

    margin:0px 0px 0px !important;
    font-family: "Caveat Brush", "DFKai-SB", cursive;
    font-size: 18px;
    font-weight: bold;
    color: green;
	
}

.serviceBox_24 .service-icon2 {
	
	
    float: right;
	margin: 1px 0px 1px 0px;
    display: block;
    width: 35% !important;
	
}

.serviceBox_24 .service-detail2 p{

    font-family: "Caveat Brush", "DFKai-SB", cursive;
    margin: 0px 0px 0px 0px;
    padding: 19px 0px 19px 0px;
    font-size: 18px;
    font-weight: bold;
    color: green;
    border-style: solid double dashed;
    border-width: 1px;
	border-top: dotted;
	border-top-color: grey;
    border-top-width: 2px;
    border-bottom: none;
	border-left:none;
	border-right:none;
	border-bottom: dotted;
    border-bottom-color: grey;
    border-bottom-width: 2px;
	
}

.serviceBox_24 .service-mb2 p{

    margin:0px 0px 0px !important;
    font-family: "Caveat Brush", "DFKai-SB", cursive;
    font-size: 18px;
    font-weight: bold;
    color: green;
    border-style: solid double dashed;
    border-width: 1px;
	border-top: dotted;
	border-top-color: grey;
    border-top-width: 2px;
    border-bottom: none;
	border-left:none;
	border-right:none;
	border-bottom: dotted;
    border-bottom-color: grey;
    border-bottom-width: 2px;
	
}

.serviceBox_24 .img-responsive img{
	
    overflow: hidden;
    width: 100%;
	
}

.serviceBox_24 .outbox{
 
    border: solid;
    padding: 0px;
    border-width: thin;
	border-color: grey;
	box-shadow: 2px -4px 0px #eee;
	
} 

/* service Box 22_T11.php_Row list
====================================*/

.serviceBox_26{
	
	background: none repeat scroll 0 0 #fff;
	text-align: center;
	border-top: 5px solid #8a6d3b !important;
}

.serviceBox_26 .service-content {
   
	margin: 3px 0px 8px 0px;
	padding: 5px 0px 2px 0px;
	color: rgb(220, 20, 60);
	border-style: solid double dashed;
	border-width:1px;
	border-color: grey;
	border-bottom:none; 
}

.serviceBox_26 .service-content a{
   
	font-family: "Caveat Brush", "DFKai-SB", cursive;
	margin: 8px 8px 8px 8px;
	font-size: 22px;
	font-weight: 600;
	color: #21252b;
	
}

.serviceBox_26 .service-content a:hover{ 

	font-size: 22px;
	font-weight: 600;
	color: #ff7200;
	
}

.serviceBox_26 .service-icon{
	
    float: left;
	margin: -25px 1px 1px 2px;
}

.serviceBox_26 .service-detail p{

	font-family: "Caveat Brush", "DFKai-SB", cursive;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 100px;
	font-size: 12px;
	font-weight: bold;
    color: #d3711c;
	border-width:1px;
	border-color: grey;
	border-bottom:dotted; 
	text-align:left;
	border-bottom-color: grey;
	border-bottom-width: 2px;
	
}

.serviceBox_26 .service-icon2 {
	
    float: right;
	margin: 1px 0px 1px 0px;
}

.serviceBox_26 .service-detail2  ul li  {
	
	display:inline-block;
	margin:-3px 5px -3px 3px;
    float:left;
	
}

.serviceBox_26 .service-detail2  ul li  a{
	
    padding: 0px 5px 0px 5px;
    font-family: "Caveat Brush", "DFKai-SB", cursive;
    font-size: 12px;
    font-weight: bold;
    color: grey;
	line-height:normal;
}

.serviceBox_26 .img-responsive img{
	
    display: block;
    max-width: 100%;
    height: auto;
}

.serviceBox_26 .outbox{
 
    border: solid;
    padding: 1px;
    border-width: thin;
	border-color: grey;
	box-shadow: 2px -4px 0px #eee;
	
} 


/* ================================= */
/* ServiceBox_31
/* ================================= */

.serviceBox_31{
  
	background-color: white;
	margin-top: 0px;
	margin-bottom:0px;
	border-width: thin;
	border-style: solid;
	border-color: #8080804f;
	text-align: left;
	padding: 10px 10px 10px 10px;
}

.serviceBox_31 .service-content {
	
	overflow: hidden;
	 
}

.serviceBox_31 .service-content img{
	
	overflow: hidden;
	transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out ;
    -moz-transition:all 0.3s ease-in-out ;
    -ms-transition:all 0.3s ease-in-out ;
    -o-transition:all 0.3s ease-in-out;
	
}

.serviceBox_31 .service-content img:hover{
	
	overflow: hidden;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1); 
	 
}

.serviceBox_31 .ribbon img{
	position:absolute;
	top:-2px;
	left:11px;
	z-index:100;
	transform:none;
	width:30%;
	
}

.serviceBox_31 .ribbon img:hover {
	position:absolute;
	top:-2px;
	left:11px;
	z-index:100;
	transform:none;
	width:30%;
	
}

.serviceBox_31 .bg2 {
	
    background:url(https://www.kensinmusic.com/Mobile/images/phone/ps_bg.jpg) left bottom no-repeat;
	background-size: 100%, auto;
	
}

.serviceBox_31 .piano-size {
	
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 5px 5px 5px 5px;
	font-size: 8px;
	font-weight: bold;
	color: #7a7776;
	
}

.serviceBox_31 .piano-brand {
	
	font-family: 'Raleway', sans-serif;
	overflow: hidden;
	padding: 5px 5px 5px 5px;
	color: #1c1b1b;
	font-size: 13px;
	font-weight: bolder;
}

.serviceBox_31 .piano-kslevel{
	
	overflow: hidden;
	padding: 5px 0px 10px 5px;
	transform: none;
	width:35%;
}

.serviceBox_31 .piano-price {
	
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 10px 0px 10px 5px;
	border-top:solid;
    border-color: #bab6b68c;
    border-width: thin;
	font-weight:bolder;
	color:#8d8988;
	font-size: 13px;
	
}

.serviceBox_31 .piano-status {

	float: right;
	transform: none;
	width: 13%;
	bottom: 20px;
	right: 30px;
	position: absolute;
	
}

/* ================================= */
/* ServiceBox_32
/* ================================= */

.serviceBox_32{
  
	background-color: white;
	margin-top: 0px;
	margin-bottom:0px;
	border-width: thin;
	border-style: solid;
	border-color: #8080804f;
	text-align: left;
	padding: 10px 10px 10px 10px;
}

.serviceBox_32 .service-content {
	
	overflow: hidden;
	
}

.serviceBox_32 .service-content img {
	
	overflow: hidden;
	width:100%;
	transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out ;
    -moz-transition:all 0.3s ease-in-out ;
    -ms-transition:all 0.3s ease-in-out ;
    -o-transition:all 0.3s ease-in-out;
	
}

.serviceBox_32 .service-content img:hover {
	
	overflow: hidden;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1); 
	 
}

.serviceBox_32 .ribbon img{
	
	position:absolute;
	top:-2px;
	left:11px;
	z-index:100;
	transform:none;
	width:30%;
	
}

.serviceBox_32 .ribbon img:hover {
	
	position:absolute;
	top:-2px;
	left:11px;
	z-index:100;
	transform:none;
	width:30%;
	
}

.serviceBox_32 .ribbon2 img{
	
	position:absolute;
	top:-2px;
	left:-1px;
	z-index:100;
	transform:none;
	width:30%;
	
}

.serviceBox_32 .ribbon2 img:hover {
	
	
	position:absolute;
	top:-2px;
	left:-1px;
	z-index:100;
	transform:none;
	width:30%;
	
}

.serviceBox_32 .bg2 {
	
    background:url(https://www.kensinmusic.com/Mobile/images/phone/ps_bg.jpg) left bottom no-repeat;
	background-size: cover;
	
}

.serviceBox_32 .piano-size {
	
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 5px 5px 5px 5px;
	font-size: 8px;
	font-weight: bold;
	color: #7a7776;
	
}

.serviceBox_32 .piano-brand {
	
	font-family: 'Raleway', sans-serif;
	overflow: hidden;
	padding: 5px 5px 5px 5px;
	color: #1c1b1b;
	font-size: 13px;
	font-weight: bolder;
}

.serviceBox_32 .piano-kslevel img{
	
	overflow: hidden;
	padding: 5px 0px 10px 5px;
	transform: none;
	width:35%;
}

.serviceBox_32 .piano-price {
	
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 10px 0px 10px 5px;
	border-top:solid;
    border-color: #bab6b68c;
    border-width: thin;
	font-weight:bolder;
	color:#8d8988;
	font-size: 13px;
	
}

.serviceBox_32 .piano-status img{

	float: right;
	transform: none;
	width: 13%;
	bottom: 20px;
	right: 30px;
	position: absolute;
	
}

.serviceBox_32 .piano-status2 img{

	float: right;
	transform: none;
	width: 13%;
	bottom: 20px;
	right: 30px;
	position: absolute;
	
}

/* ================================= */
/* ServiceBox_33
/* ================================= */

.serviceBox_33 {
  
	background-color: white;
	margin-top: 0px;
	margin-bottom:0px;
	border-width: thin;
	border-style: solid;
	border-color: #8080804f;
	text-align: left;
	padding: 10px 10px 10px 10px;
	
}


.serviceBox_33 .service-content {
	
	overflow: hidden;
	
}

.serviceBox_33 .service-content img {
	
	overflow: hidden;
	width:100%;
	transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out ;
    -moz-transition:all 0.3s ease-in-out ;
    -ms-transition:all 0.3s ease-in-out ;
    -o-transition:all 0.3s ease-in-out;
	
}

.serviceBox_33 .service-content img:hover {
	
	overflow: hidden;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1); 
	 
}

.serviceBox_33 .ribbon img{
	
	position:absolute;
	top:-2px;
	left:11px;
	z-index:100;
	transform:none;
	width:30%;
	
}

.serviceBox_33 .ribbon img:hover {
	
	position:absolute;
	top:-2px;
	left:11px;
	z-index:100;
	transform:none;
	width:30%;
	
}

.serviceBox_33 .ribbon2 img{
	
	position:absolute;
	top:-2px;
	left:-1px;
	z-index:100;
	transform:none;
	width:30%;
	
}

.serviceBox_33 .ribbon2 img:hover {
	
	
	position:absolute;
	top:-2px;
	left:-1px;
	z-index:100;
	transform:none;
	width:30%;
	
}

.serviceBox_33 .bg2 {
	
    background:url(https://www.kensinmusic.com/Mobile/images/phone/ps_bg.jpg) left bottom no-repeat;
	background-size: cover;
	
}

.serviceBox_33 .piano-size {
	
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 5px 5px 5px 5px;
	font-size: 8px;
	font-weight: bold;
	color: #7a7776;
	
}

.serviceBox_33 .piano-brand {
	
	font-family: 'Raleway', sans-serif;
	overflow: hidden;
	padding: 5px 5px 5px 5px;
	color: #1c1b1b;
	font-size: 13px;
	font-weight: bolder;
}

.serviceBox_33 .piano-kslevel img{
	
	overflow: hidden;
	padding: 5px 0px 10px 5px;
	transform: none;
	width:35%;
}

.serviceBox_33 .piano-price {
	
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 10px 0px 10px 5px;
	border-top:solid;
    border-color: #bab6b68c;
    border-width: thin;
	font-weight:bolder;
	color:#8d8988;
	font-size: 13px;
	
}

.serviceBox_33 .piano-status img{

	float: right;
	transform: none;
	width: 13%;
	bottom: 20px;
	right: 30px;
	position: absolute;
	
}

.serviceBox_33 .piano-status2 img{

	float: right;
	transform: none;
	width: 13%;
	bottom: 20px;
	right: 30px;
	position: absolute;
	
}

/* ================================= */
/* ServiceBox_36
/* ================================= */

.serviceBox_36{
  
	background:url(https://www.kensinmusic.com/Mobile/images/phone/ps_bg.jpg) right bottom repeat;
	background-size: 100%, auto;
	padding:10px;
    text-align: left;
	border-width:thin;
	border-style:solid;
	border-color:grey;
	box-shadow: 7px -4px 8px 0px #eee;
	 
}

.serviceBox_36_img img{
	
	overflow: hidden;
	transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out ;
    -moz-transition:all 0.3s ease-in-out ;
    -ms-transition:all 0.3s ease-in-out ;
    -o-transition:all 0.3s ease-in-out;
	
}

.serviceBox_36_img img:hover{
	
	overflow: hidden;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1); 
	 
}

.serviceBox_36 .ribbon img{
	
	position:absolute;
	top:-2px;
	left:11px;
	z-index:100;
	transform:none;
	width:30%;
	
}

.serviceBox_36 .ribbon img:hover {
	
	position:absolute;
	top:-2px;
	left:11px;
	z-index:100;
	transform:none;
	width:30%;
	
}

.serviceBox_36 .piano-size {
	
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 0px 0px 10px;
	font-size: 8px;
	font-weight: bold;
	color: #7a7776;
	
}

.serviceBox_36 .piano-brand {
	
	font-family: 'Raleway', sans-serif;
	overflow: hidden;
	padding: 0px 0px 10px;
	color: #1c1b1b;
	font-size: 13px;
	font-weight: bolder;
	
}

.serviceBox_36 .piano-kslevel{
	
	overflow: hidden;
	padding: 10px 0px 30px 0px;
 
}

.serviceBox_36 .piano-price {
	
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 10px 0px 0px;
	border-top:solid;
    border-color: #bab6b68c;
    border-width: thin;
	font-weight:bolder;
	color:#8d8988;
	font-size: 13px;
	
}

/* ================================= */
/* ServiceBox_41
/* ================================= */

.serviceBox_41 {
	
	padding:20px;

}

.title-images img {
	
    width: 100%;
	vertical-align: middle;
	padding: 10px;
}

.serviceBox_41 .detail {
	
    color: hsl(0, 0%, 20%);
	
}

.serviceBox_41 .detail h3 {
	
    color: hsl(0, 0%, 20%);
    font-size: 20px;
    font-weight: 600;
    text-align: center;
	padding: 10px;
}


.list_style {
   
    font-size: 17px;
    font-weight: 600;
	padding-left: 80px;
	
}











.serviceBox_41 .service-icon {

}

.serviceBox_41 .service-icon i {
	
    font-size: 34px;
    color: #ff7200;
}

.serviceBox_41 .service-content {
	
    margin-left: 0px;
	
}

.serviceBox_41 .service-content p {
	
    color:hsl(0, 0%, 47%);
    line-height: 24px;
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    font-size: 15px;
    float: left;
    padding: 0px 0px 50px 0px;
	
}

.serviceBox_41 > span {
	
    background: none repeat scroll 0 0 #ff7200;
    border-radius: 100%;
    color: #fff;
    font: bold 40px/18px "arial",sans-serif;
    height: 88px;
    line-height: 150px;
    width: 88px;
	
}

.serviceBox_41 > h3 {
	
    color: #424955;
    font-family: 'Open Sans',sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    text-transform: uppercase;
    margin-bottom: 25px;
	
}

.serviceBox_41 > p {
	
     color: #424955;
     font: lighter 14px/21px "open sans",sans-serif;
     padding: 0px 0px 0px 0px;
	 
}

.serviceBox_41 .read {
	
     padding: 0px 0px 0px 0px;
     float: right;
	 
}

.serviceBox_41 .read a{
	
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #ffffff 0%, #ffffff 50%, #ff9900 50%) repeat scroll 100% 0 / 200% 100%;
	
}

.serviceBox_41 .read a:hover{
	
    background-position: 0 0;
	
}

.logout_1 {
	
	padding:10px; 
	text-align:right; 
	color:red;
	
}
	
.logout_1 a{
	
	color:red;
	
}	

.container28 {
	
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 30px;
  
}
	
/* ===================================================== */
/* 17. CLIENTS											 */
/* ===================================================== */

.our_clients ul .img{
	
    max-width:100%;
	
}
.our_clients ul {
	
    padding: 0;
    list-style:none;
    position: relative;
    display: block;
	
}

/*--------------------------------------------------------------------------*/
/* 18. TYPOGRAPHY															*/
/*--------------------------------------------------------------------------*/

.typography {
	
    padding:30px 0;
	
}
.typography h1 {
	
    margin-top: 0;
	
}

/* ======================================================================== */
/* 19. BUTTONS                                                              */
/* ======================================================================== */


.cart-button {
	
margin-top:10px;
text-align:right;

}

.cart-button a {

	margin-top:10px;
	text-align:right;
	color:white;
	
}



.btn {
	
    color: #fff;
	
}

.btn-default{

    background:#ff7200;
    color:#fff;
    border:none;
    border-radius:2px;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
	margin-top: 0px;
}

.btn-default:hover{
	
    background:#ff7200;
    color:#fff;
	
}

.btn-orange {
	
    background-color: #ff7600;
    border-bottom:2px solid #d35400;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color:#ffffff;

}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
	
    background-color: #d35400;
    color:#ffffff;
}

.btn-orange-footer {
	
    background-color: #ff7200;
    border-bottom:5px solid #d35400;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color:#ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight:bolder;
    font-size:20px;
    padding: 3px 10px 3px 10px; 

}

.btn-orange-footer  li a:hover {
	
    color: #919191;
}

.btn-default2{

    font-family: 'Open Sans', sans-serif;
    font-weight:bolder;
    font-size:20px;
	width:100%;
    float: left;
 	margin-bottom: 25px;
  	text-align: left;
    padding: 3px 10px 3px 10px; 
	color:#ffffff;
	margin-top: 20px;

}

.btn-default2:hover{
	
    background:#d3711c;
    color:#fff;
}

.btn-default3{
	
    color:#ffffff;
    background-color: #ff7200;
    font-family: 'Open Sans', sans-serif;
    font-weight:bolder;
    font-size:20px;
 	margin-top: 25px;
 	margin-bottom: 25px;
	margin-left: 21px; 
    padding: 3px 8px 3px 8px; 
  
}

.btn-default3:hover{
	
    background:#d3711c;
    color:#fff;
}

.btn-default5{
	
    color:#ffffff;
    background-color: #ff7200;
    font-family: 'Open Sans', sans-serif;
    font-weight:bolder;
    font-size:20px;
    float: left;
 	margin-top: 25px;
 	margin-bottom: 25px;
	margin-left: 40px; 
  	text-align: left;
    padding: 3px 8px 3px 8px; 
    font-weight: bolder;
}

.btn-default5:hover{
	
    background:#d3711c;
    color:#fff;
	
}

.btn-default8{
	
    background:#ff7200;
    color:#fff;
    border:none;
    border-radius:5px;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
	margin-top: 0px;
	font-weight: 700;
	
}

.btn-default8:hover{
	
    background:#ff7200;
    color:#fff;
	
}

.btn-group, .btn-group-vertical {
	
    margin-bottom: 10px;
}



.button8 {
	
	background-color: #ff7200;
    border: none;
    color: white;
    padding: 12px 20px;
    border-radius: 4px;
    margin: 30px 2px;
    cursor: pointer;
    float: left;
    font-weight: bolder;
	
}


.button10 {
	
	background-color: #ff7200;
    border: none;
    color: white;
    padding: 12px 20px;
    border-radius: 4px;
    margin: 0px 2px;
    cursor: pointer;
    float: left;
    font-weight: bolder;
	
}



/* Social Buttons
====================================*/
.btn-social-googleplus {
	
	
    background-color: hsl(0, 0%, 18%);
	
}

.btn-social-facebook {
	
    background-color:#3453A2;
	
}

.btn-social-twitter {
	
    background-color:#2ABBE3;
	
}

.btn-social-pinterest {
	
    background-color: #D91F25;
	
}

.btn-social-linkedin {
	
	
    background-color:#1F80BB;
}

.btn-social-stumbleupon {
	
    background-color:#E86130;
}

.btn-social-stumbleupon,
.btn-social-linkedin,
.btn-social-pinterest,
.btn-social-twitter,
.btn-social-facebook,
.btn-social-googleplus {
	
    color:#fff;
    border-radius:0;
	
}

.content.elements .btn{
	
    border-radius:2px;
	
}

.btn-social-stumbleupon:hover,
.btn-social-googleplus:hover ,
.btn-social-linkedin:hover,
.btn-social-pinterest:hover,
.btn-social-twitter:hover,
.btn-social-facebook:hover {
	
    background:#333;
    color:#fff;
	
}

/* ==================================================
   20. PRICING TABLES BOXS
================================================== */

.tableform {
	
	min-width: 1000px !important;
	width: 100%;
	background: #fff;
	margin-top:20px;
	margin-bottom: 20px;
	color: #212529; 
	display: table;
	border-spacing: 3px;
    -webkit-box-shadow: 0px 5px 12px -12px rgba(0, 0, 0, 0.29);
	-moz-box-shadow: 0px 5px 12px -12px rgba(0, 0, 0, 0.29);
	box-shadow: 0px 5px 12px -12px rgba(0, 0, 0, 0.29);
	border-style: solid;
	border-width: 2px;
    border-color: #cdcccc;
	box-shadow: 0px 0px 20px #00000012;
	-webkit-box-shadow: 0px 0px 20px #00000012;

 }


.paymethod {
	
	width:30%; 
	margin-bottom:30px;

}

.paymethod1 {
   
	margin-top: 22px;
    margin-bottom: 30px;
	font-size:20px;
	font-weight: bold;
}

.pricingBlock {
	
    padding-bottom:30px;
    position: relative;
	
}

.pricingTable {
	
    text-align:center;
    font-weight:400;
	
}

.pricingTable-sign-up {
	
    padding:20px;
    text-align:center;
    background:#f2f2f2;
	
}

.pricingContent ul li {
	
    padding:5px 20px;
    text-align:center;
	
}

.pricingContent{
	
    background:#fff;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
	
}

.pricingTable .pricingTable-header {
	
    color:#fff;
    padding:0px;
	
}

.pricingTable-header .heading{
	
    display:inline-block;
    width:100%;
    padding:15px 0px;
    text-transform:uppercase;
    font-size: 15px;
    font-weight: bold;
	
}

.pricingTable .heading{background:#F2F2F2;color:#333;}
.pricingTable.business .heading{background: #e74c3c;}
.pricingTable .pricingTable-header .price-value{background: #555;}
.pricingTable-header .price-value {
	
    display:inline-block;
    width:100%;
    padding:20px 0px;
	
}

.pricingBlock.theme-color-pt .pricingTable-header .price-value{background:#ff7200;}

.pricingTable-header .price-value span{font-size:250%;}
.pricingTable-header .price-value span.mo{font-size:150%;}

.pricingTable {
	
    text-align:center;
    font-weight:400;
    margin-bottom:30px;
    background:#fff;
    transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
	
}

.theme-color-pt .pricingTable,
.pricingTable {
	
    position:relative;
    box-shadow:0px 1px 4px 0px #cccccc;
    -webkit-box-shadow: 0px 1px 4px 0px #cccccc;
    -moz-box-shadow:    0px 1px 4px 0px #cccccc;
    box-shadow:         0px 1px 4px 0px #cccccc;
    border-bottom:3px solid #ff7200;
	
}

.theme-color-pt .pricingTable:hover {
	
    transform:none;
    overflow:visible;
	
}

.theme-color-pt .pricingTable:before,
.pricingTable:before{
	
    content:"";
    right: 23%;
    top: -3px;
    width: 50%;
    height:3px;
    background:#ff7200;
    position:absolute;
	
}

.pricingTable{
	
    border-bottom-color:#696868;
	
}
.pricingTable:before,
.pricingTable .btn-default
{
    background:#696868;
}
.pricingTable .btn-default:hover
{
    background:#403F3F;
}
.theme-color-pt .btn-default{
    background: #ff7200;
}
.theme-color-pt .btn-default:hover{
    background: #d3711c;
}
.theme-color-pt .pricingTable .heading,
.pricingTable .heading
{
    background:#F2F2F2;
    color:#333;
    border:1px solid #E4E4E4;
    border-bottom:none;
}
.pricingContent ul li {
    color: #434343;
    overflow: hidden;
}
.pricingContent ul li {
    border-bottom: 1px solid #F0F0F0;
    padding: 15px 0;
    text-align: center;
    overflow: hidden;
    display: block;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}
.pricingBlock.theme-color-pt .pricingContent ul li:nth-child(2n+2),
.pricingContent ul li:nth-child(2n+2)
{
    background:#F4F4F4;
}
.pricingBlock.theme-color-pt .pricingContent ul li:hover,
.pricingContent ul li:hover
{
    padding-left:15px;
}
.pricingContent ul{margin: 0;padding:0;}

/* -------------------------------------------------- */
/*	21. TABS
/* -------------------------------------------------- */
.nav-tabs
{
    border:none;
}
.nav-tabs > li{margin-bottom: -2px;}

.nav-tabs > li > a
{
    background:#F8F8F8;
    border:1px solid #ebebeb;
    margin:0;
    color:#777777;
    border-radius:0;
    font-size: 14px;

}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
    border-color:#ebebeb;
    outline:none;
    background:white;
    color:#ff7200;
    margin:0 0 -1px 0;
    border-bottom:none;
    border-top: 1px solid #ff7200;
}
.nav-tabs li.active, .nav-tabs li.active a, .nav-tabs li.active a:hover {
    border-top: 1px solid #ff7200;
    color:#ff7200;
}

ul.nav-tabs li a i {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}
ul.nav-tabs li.last-tab a
{
    padding:4px 22px;
    outline:none;
}
.tab-content

{
    border:1px solid #ebebeb;
    padding-top:20px;
	padding-bottom:20px;
}

.tab-content:first-child { display: block; }

.tab-content > h3 {
    color: #555333;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 0;
}
.tab-content > p {
    font-family: lato;
    line-height: 20px;
}

/* Recent Tab
====================================*/

.recent_tab_list {
	
    margin:0;
    padding:0;
}

ul.recent_tab_list li

{
    margin: 0 0 15.5px;
    padding: 0 0 17px;
    list-style-type: none;
    border-bottom: 1px solid #ebebeb;
    float: left;
    width: 100%;
}

.recent_tab_list li span {
    float: left;
    margin-right: 15px;
}

.recent_tab_list li a {
	
    color: #444444;
    display: block;
    font-size: 12px;
    text-decoration: none;
}

.recent_tab_list li a:hover {
	
    color: #ff7200;
}

.recent_tab_list li span img {
	
    float: left;
    margin-right: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	
}

.recent_tab_list li span img:hover {
	
    float: left;
    margin-right: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
	
}

.recent_tab_list li i {
	
    padding: 1px 0px 0px 0px;
    margin: 0px;
    display: block;
    font-size: 11px;
    font-style: normal;
    color: #9e9e9e;
    font-family:Lato;
}

.recent_tab_list li.last {
	
    padding: 0px 0px 7px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: 0px solid #f5f6f6;
	
}

/* Recent Tab2
====================================*/

.recent_tab2_list {
    margin:0;
    padding:0;
}

ul.recent_tab2_list li {
	
    padding: 0 0 17px 15px;
    list-style-type: none;
    float: left;
    width: 100%;
    font-size: 17px;
	
}

ul.recent_tab2_list li h3 {
	
    border-bottom: 1px solid #ebebeb;
    list-style-type: none;
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
	
}

.recent_tab2_list li span {
	
    float: left;
    margin-right: 15px;
	
}

.recent_tab2_list li a {
	
	color: #ff7200;
    display: block;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
	
}

.recent_tab2_list li a:hover {
   
	color: #F62D87;
    font-size: 20px;
    font-weight: 600;

}

.recent_tab2_list li span img {
	
    float: left;
    margin-right: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	
}

.recent_tab2_list li span img:hover {
	
    float: left;
    margin-right: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
	
}

.recent_tab2_list li i {
	
    padding: 1px 0px 0px 0px;
    margin: 0px;
    display: block;
    font-size: 11px;
    font-style: normal;
    color: #9e9e9e;
    font-family:Lato;
	
}

.recent_tab2_list li.last {
	
    padding: 0px 0px 7px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: 0px solid #f5f6f6;
	
}



/* Comment Tab
====================================*/

.comments{
    padding:0;
    margin:0;
}
.comments .post-thumbnail {
    float: left;
    margin: 0 15px 0 0;
}
.comments .post-thumbnail > img {
    height: 50px;
    width: 50px;
}
.comments li {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding: 0 0 15px;
    font-size: 12px;
    line-height: 18px;
    list-style: none outside none;
}
.comments_list > p {
    margin: 0;
    overflow: hidden;
}
.comments li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
}
.comments li:last-child p{
    margin:0
}
.comments_list  a {
    text-decoration: none;
    color:#ff7200;
}
.com_pist a:focus{
    color:#555;
}
.comments_list  i {
    color: #909090;
    font-size: 12px;
    margin-left: 3px;
}
.sidebar-tab {
    margin-bottom:30px;
}

/* =========================================*/
/* 22. ACCORDION & TOGGLE                   */
/* =========================================*/
.panel-group .switch {
    float: right;
    font-size: 17px;
    color: #524d4d;
}

.panel-group .panel.panel-default{
    border-color: #e2e2e2;
    border-right: none;
    border-left: none;
    border-radius: 0;
    margin: 25px 0 0;
    padding: 3px 0;
    box-shadow: none;
}
.panel-group .panel.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color:#fff;
}
.panel-group .panel .panel-body {
    color: #5F5F5F;
}
.panel-default > .panel-heading{
    background: #fff;
    padding-right: 0;
}
.panel-group .panel + .panel {
    margin-top: -2px;
}
.panel-title {
    color: #878787;
    font: lighter 15px/22px "verdana";
    padding: 0 5px;
    position: relative;
}
.panel-title i.fa {
    color: #524d4d;
    font-size: 17px;
    margin: 0 0px;
}
.panel-title a > i.fa{
    position: absolute;
    left: 0;
    top: 2px;
}
.panel-title .accordion-icon{
    position: absolute;
    right: 0;
    top: 2px;
}
.panel-group .panel-body{
    color: #323232;
}
.panel-body ul {
    padding-left: 90px;
}
.panel-body ul li a {
    color: #696763;
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    text-transform: uppercase;
}
.panel-group .panel-default > .panel-heading + .panel-collapse .panel-body{
    border-top-color: #878787;
	font-size: 17px;
	color: #444;
	line-height: 1.6;
	margin-bottom: 15px;
	text-align: left;
}
.panel-group .panel-title > a{
    font-size: 17px;
    line-height: 21px;
    font-weight: 500;
    margin-bottom: 0;
    outline: medium none;
    text-decoration: none;
    display: block;
	text-transform: uppercase;
	margin-left: 70px;
	margin-right: 20px;
}
.active_acc .panel-title a{
    color:#ff7200;
}
.panel.active_acc,

.panel:hover{
	
    border-top-color:#ff7200;
	
}

.panel-heading > a:hover, 
.panel-heading > a:focus,
.panel-heading > a:active,
.panel-heading > a:visited,
.panel-heading:hover .accordion-icon{
	
    color: #ff7200;
	
}







/* ===================================================== */
/* 23. PROGRESS SKILL BAR									 */
/* ===================================================== */

.progress-skill-bar{
    padding:0;
}
.progress_skill {
    background:#F8F8F8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: none;
    height:27px;
    border:1px solid #F1F1F1;
    margin-bottom: 15px;
    line-height: normal;
}
.progress_skill .bar {
    background:#ff7200;
    line-height:24px;
    font-family:"Open sans", Helvetica, Arial, sans-serif;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    text-indent: 15px;
    text-transform:uppercase;
    -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-text-shadow: none;-moz-text-shadow: none;text-shadow: none;
    -webkit-transition: width 1s ease;-moz-transition: width 1s ease;-o-transition: width 1s ease;transition: width 1s ease;
    border-radius: 5px;
}
.progress_skill:hover .bar {
    -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;
    background:#d3711c !important;
    color:#fff;
    cursor: pointer;
}
.progress-skill-bar {
    margin-bottom: 10px;
    margin-left:0;
    margin-top: 15px;
    list-style:none;
}
.progress-skill-bar li{overflow: hidden;}
.progress-skill-bar .lable {
    background: #555;
    float: left;
    color: #fff;
    border-right: 1px #FFFFFF solid;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    margin-top:1px;
    line-height: 25px;
    padding: 0 0 0 4px;
    text-align: center;
    width: 37px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.progress-success .bar,
.progress_skill .bar-success {
    filter: none;
    background: #15b994;
}

/* ===================================================== */
/* 24. PROMO BOX										 */
/* ===================================================== */

.promo_box {
	
    background:#f2f2f2;
    padding: 30px 0;
    overflow: hidden;
	
}

.promo_box .pb_action a.btn {
	
    float: right;
    margin-top:5px;
    border:none;
	
}

.promo_box .pb_action a.btn i{
	
    margin-right:7px;
	
}

.promo_content h3 {
	
    color: #444;
    font-size: 22px;
    font-weight: bold;
    font-family:PT Sans;
    margin: 0 0 5px;
	
}

.promo_content p{
	
    color:#666;
    font-family:PT sans;
    margin-bottom:0;
	
}

.promo_box.dark{
	
    background:#20242A;
	
}

.promo_box.dark .promo_content h3{ color: #fff; }
.promo_box.dark .promo_content p{ color: #B0B0B0; }

/* ===================================================== */
/* 25. PAGINATION										 */
/* ===================================================== */

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	
    background:#ff7200;
    border-color: #ff7200;
	
}

.pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	
    background:#ff7200;
    border-color: #ff7200;
	
}

/* ==================================================
   26. TITLE
================================================== */
.dividerHeading h4,

.widget_title h4{
	
    border-bottom: 1px solid #D6D4D4;
    font-size: 21px;
    font-weight: 600;
    margin:30px 0px 40px 0px;
    padding: 0 0 10px;
    position: relative;
	color: #a94442;
}

.widget_title2 h4{
	
    border-bottom: 1px solid #D6D4D4;
    font-size: 21px;
    font-weight: 600;
    margin:30px 0px 5px 15px;
    padding: 0 0 10px;
    position: relative;
	color: #a94442;
}

.widget_title2 h4::before {
    background: #ff7200;
}

.widget_title2 h4::before{
    border-radius: 0 5px 5px 0;
    bottom: -1px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100px;
	
}



.dividerHeading h4::before,

.widget_title h4::before{
    border-radius: 0 5px 5px 0;
    bottom: -1px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100px;
	
}
.dividerHeading h4::before,
.widget_title h4::before {
    background: #ff7200;
}
.widget_title h4 {
    font-size: 21px;
    text-transform: uppercase;
}
.footer .widget_title h4 {
    border-color: #B5B5B5;
}
.footer .widget_title h4 span {
    color:#fff;
}


/* ===================================================== */
/* 27. DROPCAPS											 */
/* ===================================================== */

.dropcap {
    float: left;
    color: #169fe6;
    font-size: 58px;
    line-height: 54px;
    padding:6px 10px 8px;
    margin-top: 8px;
}
.dropcap.default { color: #ff7200; }
.dropcap.gray { color: #555; }
.dropcap.light { color: #aaa; }

.dropcap_block {
    float: left;
    background-color: #ff7200;
    font-size: 50px;
    line-height: 50px;
    padding:6px 10px 8px;
    margin-top: 8px;
    margin-right:10px;
    color:#fff;
}
.dropcap_block.default { background-color: #ff7200; }
.dropcap_block.gray { background-color: #555; }
.dropcap_block.light { background-color: #aaa; }

/* ===================================================== */
/* 28. HIGHLIGHT										 */
/* ===================================================== */
.highlight{ padding: 0px 6px 2px; color: #fff;}
.highlight.default { background: #ff7200; }
.highlight.gray { background: #4c4c4c; }
.highlight.light { background: #aaa; }

blockquote.default {
	
    border-color: #ff7200;
    color:#666;
    background:#f2f2f2;
    font-size:inherit;
}

/* ===================================================== */
/* 29. Swipe.JS Slider									 */
/* ===================================================== */

.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
    margin-top: 0;
}

.swipe-wrap {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.swipe-wrap > li {
    float:left;
    width:100%;
    overflow: hidden;
    position: relative;
}

.swipe-navi {
    display: block;
    height: auto;
    margin-top: 10px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 1001
}

.swipe-navi .swipe-left,
.swipe-navi .swipe-right {
    position: absolute;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    zoom: 1;
    filter: alpha(opacity=0);
    color:#fff;
    cursor: pointer;

    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;

    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    background:#ff7200;

}
.swipe-navi .swipe-left:hover,
.swipe-navi .swipe-right:hover{
    background:#555 !important;
}
.swipe-wrap img {
    width: 100%;
}

.swipe:hover .swipe-navi .swipe-left{
    opacity: .9;
    zoom: 1;
    filter: alpha(opacity=90);
    margin-top: -27px;
}

.swipe:hover .swipe-navi .swipe-right {
    opacity: .9;
    zoom: 1;
    filter: alpha(opacity=90);
    margin-top: -27px;
}

.swipe-navi .swipe-left {
    left: 5px;
    margin-top: -32px;
}

.swipe-navi .swipe-right {
    right: 5px;
    margin-top: -22px;
}
.img-about {
    margin-top: 15px;
}


/* ===================================================== */
/* 31. FLICKR											 */
/* ===================================================== */

.flickr {
	
    margin-top: 20px;
    text-align:center;
	
}

.flickr-feed {overflow: hidden;padding:0;}
.flickr-feed li {
	
    display: inline-block;
    margin: 0 8px 4px auto;
    position: relative;
    z-index:0;
    width:62px;
    height:62px;
    overflow: hidden;
	
}

.flickr-feed li img {
	
    margin: 0 8px 8px 0;
    width: 62px;
    height: 62px;
    overflow: hidden;
    box-shadow:none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
}

.flickr-feed li:hover img{
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    transform: scale(1.2) rotate(10deg);
    -webkit-transform: scale(1.2) rotate(10deg);
    -moz-transform: scale(1.2) rotate(10deg);
    -o-transform: scale(1.2) rotate(10deg);
    -ms-transform: scale(1.2) rotate(10deg);
	
}

.flickr-feed li a {display: block;overflow: hidden;position: absolute;width: 62px;height: 62px;
    filter: alpha(opacity=100); /* internet explorer */
    -khtml-opacity: 1;      /* khtml, old safari */
    -moz-opacity: 1;       /* mozilla, netscape */
    opacity: 1;           /* fx, safari, opera */
}

.flickr-feed li .hover {position: absolute;width: 62px;height: 62px;background: #ff7200;opacity: 0;filter: alpha(opacity=0);-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;z-index:10;
}
.flickr-feed li a:hover .hover {opacity: 0.8;filter: alpha(opacity=80); visibility:visible;}
.flickr-feed li a i {
	
    display: block;
    position: absolute;
    width: 62px;
    height: 62px;
    font-size: 18px;
    color: white;
    line-height: 3.8;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11;
    -webkit-font-smoothing: antialiased;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-align:center;
	
}
.flickr-feed li a:hover i {
	
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
	
}

/* Footer Social
====================================*/

.footer_social{
	
    float: right;
	
}

.footbot_social {
	
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
	
}

.footbot_social li {
	
    float: left;
    background: none !important;
	
}

.footbot_social li a {
	
    color: #666;
    display:block;
    height: 40px;
    text-align: center;
    width:35px;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    margin: 0 2px;
	
}

.footbot_social li a i {
	
    font-size: 18px;
    line-height: 40px;
    margin-right: 0;
    float: none;
	
}

.footbot_social li a.fb:hover            {background:#1964DA; border-radius: 5px; color:#fff;}
.footbot_social li a.twtr:hover          {color: #fff; background:#3ABDD1; border-radius:5px;}
.footbot_social li a.gmail:hover         {color: #fff;}
.footbot_social li a.pinterest:hover     {color: #fff;}
.footbot_social li a.rss:hover           {color: #fff; background:#F15200; border-radius:5px;}
.footbot_social li a.tumblr:hover        {color: #fff;}
.footbot_social li a.flickr:hover        {color: #fff;}
.footbot_social li a.instagram:hover     {color: #fff;}
.footbot_social li a.linkedin:hover      {color: #fff;}
.footbot_social li a.skype:hover         {color: #fff; background:#00AAF1; border-radius:5px;}
.footbot_social li a.youtube:hover       {color: #fff;}
.footbot_social li a.dribbble:hover      { color: #fff; background:#F97193; border-radius:5px;}

/* ===================================================== */
/* 32. List & Bullets									 */
/* ===================================================== */
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

/* --------list style  CSS---------- */
.list_style li {
    font-family: PT sans;
    font-size: 14px;
    line-height: 21px;
    padding:3px 2px 3px 10px;
    position: relative;
}

.list_style li a {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-decoration: none;
}
.list_style li a:hover {
    color: #ff7200;
    text-decoration: none;
}
.list_style li a.active {
    color: #ff7200;
}

/* --------list style 1 : Simple CSS---------- */
.list_style li {
    padding:3px 2px 3px 12px;
}

.list_style li:before {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 3px;
}

/* --------list style 2 : Circle CSS---------- */
.list_style.circle li {
	
    padding:5px 2px 8px 15px;
	
}
.list_style.circle li a {
 
	padding: 5px 2px 8px 15px;
	font-size: 17px;
	
}

.list_style.circle li:before{
    font-family: FontAwesome;
    content: "\f105";
    color: #FFFFFF;
    background: #ff7200;
    border-radius:50%;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    font-size: 11px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px;
}



.list2_style li {
    padding:3px 2px 3px 12px;
}

.list2_style li:before {
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 3px;
}
.list2_style.none li {
    padding:3px 2px 3px 3px;
    font-size: 17px;

}
.list2_style.none li a {
    padding:3px 2px 3px 23px;
    font-size: 17px;
}



/* --------list style 3 : Square CSS---------- */
.list_style.square li {
    padding:3px 2px 3px 23px;
}

.list_style.square li a {
    padding:3px 2px 3px 23px;
    font-size: 15px;
}

.list_style.square li:before {
    font-family: FontAwesome;
    content: "\f105";
    background: #ff7200;
    display: inline-block;
    border-radius:0;
    color: #FFFFFF;
    height: 15px;
    width: 15px;
    line-height: 15px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 5px;
}

/* --------list style 4 : Star CSS---------- */
.list_style.star li {
    padding:3px 2px 3px 22px;
}
.list_style.star li:before {
    font-family: FontAwesome;
    content: "\f005";
    display: inline-block;
    border-radius:0;
    color: #ff7200;
    font-size: 16px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 3px;
}

/* --------list style 5 : Right-arrow CSS---------- */
.list_style.right-arrow li {
    padding:3px 2px 3px 20px;
}
.list_style.right-arrow li:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    border-radius:0;
    color: #ff7200;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 4px;
}

/* --------list style 6 : Hand CSS---------- */
.list_style.hand li {
    padding:3px 2px 3px 22px;
}
.list_style.hand li:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    border-radius:0;
    color: #ff7200;
    position: absolute;
    left: 0;
    top: 4px;
}

/* --------list style 7 : Play  CSS---------- */
.list_style.play li {
    padding:3px 2px 3px 21px;
}
.list_style.play li:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    border-radius:0;
    color: #ff7200;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 3px;
}

/* --------list style 8 : Dubble-Right-Arrow  CSS---------- */
.list_style.dubble-right-arrow li {
    padding:3px 2px 3px 17px;
}
.list_style.dubble-right-arrow li:before {
    font-family: FontAwesome;
    content: "";
    display: inline-block;
    border-radius:0;
    color: #ff7200;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 3px;
}

/* --------list style 9 : Multiple-Icon CSS---------- */
.multi-icon-list li{
    font-family: PT sans;
    font-size: 14px;
    line-height: 21px;
    padding: 3px 2px 3px 23px;
    position: relative;
}
.multi-icon-list li i.fa{
    color: #ff7200;
    font-size: 16px;
    position: absolute;
    left: 0;
}

/* ===================================================== */
/* 33. Button Up										 */
/* ===================================================== */
.btntoTop {
    width: 44px;
    height: 44px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #34495e;
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    z-index: 999;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.btntoTop:before {
    content: "\f106";
    display: inline-block;
    vertical-align: middle;
    font: 20px 'FontAwesome';
    color: #b8bcc0;
}
.btntoTop.active {
    opacity: 1;
}
.btntoTop.active:hover{
    opacity:0.8;
}


/* ===================================================== */
/* 34. PRODUCT  										 */
/* ===================================================== */


.single-product {
	
	background: #fff;
	margin-top: 30px;
	padding: 8px;
	border: 1px solid #eee;
	border-radius: 4px;
	
	box-shadow: 0px 0px 20px #00000012;
	-webkit-box-shadow: 0px 0px 20px #00000012;
	
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
  
}




.single-product .product-image {
	
	width:100%;
    overflow: hidden;
    position: relative;
	transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out ;
    -moz-transition:all 0.3s ease-in-out ;
    -ms-transition:all 0.3s ease-in-out ;
    -o-transition:all 0.3s ease-in-out;	
	
}

.single-product .product-image > a > img {
	
	width: 100%;
	position: relative;
	transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out ;
    -moz-transition:all 0.3s ease-in-out ;
    -ms-transition:all 0.3s ease-in-out ;
    -o-transition:all 0.3s ease-in-out;	
  
}

.single-product:hover .product-image img {
	
	overflow: hidden;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1); 
  
}

.single-product .ribbon2 img{
	
	position: absolute;
	top: 30px;
	left: 13px;
	z-index: 100;
	transform: none;
	width: 20%;
	
}

.single-product .ribbon2 img:hover {
	
	transform:none;
	position:absolute;
	top:30px;
	left:13px;
	z-index:100;
	transform:none;
	width:20%;
	
}

.single-product .product-image .button {
	
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: -60px;
  transform: translateX(-50%);
  transition: all 0.4s ease;
  visibility: hidden;
  -webkit-transform: translateX(-50%);
  -webkit-transition: all 0.4s ease;
  
}

.single-product:hover .product-image .button {
	
  bottom: 30px;
  opacity: 1;
  visibility: visible;
  border-radius: 3px;


  
  
}

.single-product .product-info {
	
	
background: url(https://www.kensinmusic.com/Mobile/images/phone/ps_bg.jpg) left bottom no-repeat;

background-size: cover;
	
	
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px
 
  
}

.single-product .product-info .category {
	
  color: #888;
  font-size: 13px;
  display: block;
  margin-bottom: 2px;
  
}

.single-product .product-info .category > span, a {
	
  text-decoration: none;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  
}

.single-product .product-info .category > span, a > p{
	
    font-size: 17px;
    color: #444;
    line-height: 1.6;
    margin-bottom: 10px;
    text-align: left;
    top: 50px;
	
}

.single-product .product-info .product_title {
	
	margin: 0px;
	color: #081828;
	font-size: 14px;
	font-weight: 600;
	
}

.single-product .product-info .product_title :hover{
	
	margin: 0px;
	color: #ff7200;
	font-size: 14px;
	font-weight: 600;

}

.single-product .product-info .product_title a {
	
	margin: 0px;
	color: #081828;
	font-size: 12px;
	font-weight: 600;
  
}

.single-product .product-info .review {
	
  margin-top: 5px;
  
}

.single-product .product-info .price {
	
  margin-top: 15px;
  
}

.single-product .product-info .price span {
	
  font-size: 17px;
  font-weight: 700;
  color: #89300d;;
  display: inline-block;
  
}








/* ===================================================== */
/* 35. Media Query										 */
/* ===================================================== */

@media only screen and (min-width: 810px) and (max-width: 1920px){

.orderstatus {
	
	display:none;
	
}

}




@media only screen and (min-width: 980px) and (max-width: 1280px){
	
	
	

    .names{font-size:14px}

    .blog_medium .post_img{width:30%; }

    .shares li.shareslabel h3{padding:8px 14px;}

    .comment_form > input{width:30%;}

    .testimonial .testimonial-buttons a{height:17px;line-height:17px;width:17px;}

    .testimonial .testimonial-buttons {position:absolute; right: 47%; top: -22px;}

    .post-images { margin-right: 15px;}

    .news-images { margin-right: 15px;}
    
  
    .serviceBox_21 .service-detail p {font-size: 9px;} 
	
	.serviceBox_22 .service-detail p {font-size: 9px;} 

	.serviceBox_23 .service-detail p {font-size: 9px;} 

    .serviceBox_24 .service-detail p {font-size: 9px;} 
	

	.serviceBox_21 .service-detail2 p {
		font-size: 13px;
		padding: 15px 0px 15px 0px;
		}	
	
	.serviceBox_22 .service-detail2 p {
		font-size: 13px;
		padding: 23px 0px 23px 0px;
		}

	.serviceBox_23 .service-detail2 p {
		font-size: 13px;
		padding: 15px 0px 15px 0px;
		}		

	.serviceBox_24 .service-detail2 p {
		font-size: 13px;
		padding: 15px 0px 15px 0px;
		}		
	
	.serviceBox_41 {
		
	    padding: 0px;
}
	
	
	
	.btn-default3 {
		  color: #ffffff;
		  background-color: #ff7200;
		  font-family: 'Open Sans', sans-serif;
		  font-weight: bolder;
		  font-size: 20px;
		  margin-top: 25px;
		  margin-bottom: 25px;
		  margin-left: 170px;
		  padding: 3px 8px 3px 8px;
	}
	
}

@media only screen and (max-width: 980px) {
	
	#table {
 
	font-size: 12px;
	
	}
	
    .recent-item .option{
        top: 23% !important;
    }
	
    .recent-item .option a{
        height: 40px !important;
        width: 40px !important;
        line-height: 40px !important;
        font-size: 15px !important;
    }

    .recent-item:hover .item-description{
        top: 35% !important;
    }

    .recent-item .item-description h5{
        font-size: 19px !important;
        line-height: 33px !important;
    }

    .recent-item .item-description span{
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 14px !important;
    }

    .item .recent-item:hover .item-description{
        top:45% !important;
    }
    .list_item h4{
        font-size: 15px !important;
    }

}

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

	.panel-title2 {
		
	  margin-top: 0px;
	  margin-bottom: 0px;
	  font-size: 17px;
	  position: relative;
	  color: #444;
	  padding-left: 0px!important;
	  font-weight: 600;
	  
}


    #logo{margin:0;width:78px;}

    .navbar-default .navbar-nav li a {padding:14px; }

	.item h1 {
		
	color: #B4B1AB;
	font-family: abel;
	font-size: 30px;
	margin: 0px 5px 0px 0px !important;
	margin-left: 0px;
	margin-left: 0px;
	text-align: center;
}

	.btn-default3{
    color:#ffffff;
    background-color: #ff7200;
    font-family: 'Open Sans', sans-serif;
    font-weight:bolder;
    font-size:20px;
 	margin-top: 25px;
 	margin-bottom: 25px;
	margin-left: 100px; 
    padding: 3px 8px 3px 8px; 
  
}

    .serviceBox_1 .service_icon > h3 {font-size: 17px;}
    .serviceBox_5 .service-content::before {left: -40%;}
    .serviceBox_5 .service-content::after {
		
        left: 30%;
        top: -18px;
		
    }

    .serviceBox_5 .service-content .internal::before {
		
        left: -70%;
        top: 4%;
		
    }
	
    .serviceBox_5 .service-content .internal::after {
		
        left: 57%;
        top: -18px;
		
    }

	.serviceBox_16 img{
		
		width: 50%;
		vertical-align: middle;
		padding: 0px;
		margin-left: 30%;
		top: 100px;
		margin-right: 30%;
		
	}

	.serviceBox_21 {
		 
		  margin-bottom: 40px;
	}

	.serviceBox_22 {
		 
		  margin-bottom: 40px;
	}

	.serviceBox_23 {
		 
		  margin-bottom: 5px;
	}

	.serviceBox_24 {
		 
		  margin-bottom: 5px;
	}

	.serviceBox_21 .service-icon {
		
		float: left;
		margin: -38px 1px 1px 1px;
		
	} 

	.serviceBox_21 .service-detail2 p {
		
		padding: 28px 0px 28px 0px;
		
	} 
	
	.serviceBox_22 .service-icon {
		
		float: left;
		margin: -38px 1px 1px 1px;
	} 	
	
	.serviceBox_22 .service-detail2 p {
		
		padding: 38px 0px 38px 0px;
		
	} 

	.serviceBox_23 .service-icon {
		
		float: left;
		margin: -30px 1px 1px 1px;
		
	} 

	.serviceBox_23 .service-detail2 p {
		
		padding: 28px 0px 28px 0px;
		
	}
	
	.serviceBox_24 .service-icon {
		
		float: left;
		margin: -30px 1px 1px 1px;
		
	} 

	.serviceBox_24 .service-detail2 p {
		
	padding: 28px 0px 28px 0px;
	
	} 

	.serviceBox_32 {
		
		margin-bottom: 35px;
	  
	}

	.serviceBox_32 .piano-status img {
	 
	  bottom: 55px;
	  
	}

	.serviceBox_32 .piano-status2 img {
    
    bottom: 55px;
   
	}

	.serviceBox_41 {
		
    padding: 0px;
  
	}

    .tab-content{margin-bottom:30px;}

    .post-images { margin-right: 15px; }

    .news-images { margin-right: 15px; }

    .contact_3 .widget_info_contact li {
        margin: 0 0 20px;
    }
}


@media only screen and (max-width: 820px) {

    
.title2 {
	
  font-family: '微軟正黑體', 'Times New Roman', 'Times', 'serif';
  font-size: 15px;
  color: #a94442;
	
}

.title2 img {
  padding-left: 15px;
  width: 50%;
}


.item-details .product-info .cart-button .btn {

  width: initial;

}


.item-details .product-info .normal-list > li {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
}


.form-group {
  margin-bottom: 0px;
  font-size: 10px;
}




}


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

    #logo-bar{padding:0;}

    #logo a img {height: auto;}

    .jcarousel-list li{ width:248px; }

    .tab-content{margin-bottom:30px;}

    .nav-tabs > li > a { padding:10px 10px; }

    .serviceBox_1,.serviceBox_2,.serviceBox_3{ margin-bottom:30px; }

    .blog-hover > a { top: 30%; }

    .blog_medium .post_content{ width:45%; }

    .shares li.shareslabel h3{ padding:8px 14px; }

    .section.parallax { padding: 30px 0; margin: 30px 0 0; }

    .parallax-testimonial{ padding: 0 0 30px; }

    .img-about{ margin-bottom: 20px; }

    .texture-section{ padding: 15px 0;margin: 10px 0; }
	
	

}

@media only screen and (max-width: 767px) {


.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 80%;
    height: auto;
}



    #info-bar {background:none; padding:0;}

    #logo-bar{ display: none;}

    #logo { margin: 7px 0 7px 15px; }

    .navbar-default .navbar-nav li a{color:#fff;}

    .navbar{
        background:none;
        border-color: transparent;
        float: none;
    }
    .navbar.scroll-to-fixed-fixed{
        box-shadow: 0 0 10px #9c9999;
    }
    .navbar-nav{
        background:#303436;
        margin: 0;
    }
    .navbar-collapse{
        position: absolute;
        width: 100%;
    }
    .navbar-nav > li > a:hover,.navbar-nav > li > a:focus,.navbar-nav > li.active > a,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus
    {
        background:#141212  !important;
        color:#fff!important;
    }

    .navbar-nav > li ul > li:first-child > a{border-top:none;}
    .navbar-default .navbar-nav > li{border-bottom:1px solid rgba(255, 255, 255, 0.54);}
    .navbar-default .navbar-nav > li > a,.navbar-nav .dropdown-menu > li > a
    {
        padding-top:12px!important;
        padding-bottom:12px!important;
        border-bottom:none!important;
    }
    .navbar-default .navbar-nav li a{
        color: #fff;
    }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a
    {
        background: #303436;
        padding-left:45px;
        color:#fff;
        font-size:15px;
    }
    .dropdown-menu.sm-nowrap > li{background:#303436; border-top:1px solid rgba(255, 255, 255, 0.54);}

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
    {
        background:#d3711c;
        color:#fff;
    }

    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow
    {
        float:right;
        color:#fff;
    }
    .navbar-nav > li > ul:before
    {
        content:"";
        display:none;
    }
    .navbar-nav > li > .has-submenu .sub-arrow{
        font-size: 14px;
        font-weight: bold;
        width: 10px;
    }

    .navbar-nav > li.active { color: #fff;}

    .navbar-nav > li:hover > ul{
        -moz-animation: none;
        -webkit-animation: none ;
        animation: none;
    }

    .navbar-nav > li > ul.dropdown-menu li:hover ul{
        -moz-animation: none;
        -webkit-animation:none;
        animation: none;
    }

    .sub_content {
        padding: 0;
    }

    .page_head{
        padding: 16px 0 0;
        position: relative;
    }
    .text-center > img {
        width: 100%;
    }
    .images-style-inner {
        margin: 10px 0;
    }
    .page_head h2 { font-size: 20px; }

    #breadcrumbs { float: right;margin-top: 25px;}

    .serviceBox_1,.serviceBox_5{ margin-bottom:30px; }

    .serviceBox_5 .service-content::before {
        left: -5%;
        top: -38px;
        width: 100%;
    }
    .serviceBox_5 .service-content::after {
        left: 71%;
        top: -75px;
    }

    .serviceBox_5 .service-content .internal::before {
        left: -11%;
        top: -1px;
        width: 100%;
    }
    .serviceBox_5 .service-content .internal::after {
        left: 83%;
        top: -77px;
    }

    .list_style li i{ margin-right:0; }

    .our_clients ul { display: block; margin: 0 auto; padding: 0; text-align: center; }

    .list_item{ width:100%;}

    .jcarousel-list li{ width:99%; }

    .widget_content{ margin-bottom:30px; }

    .promo_box .pb_action a.btn {display: block; float: none; margin-top: 20px;  }

    .list_style{ margin:0 0 30px; }

    .pricingTable{ margin-bottom:50px; }

    .team_prof{ margin-bottom:30px; }
	
	.team_prof2{ margin-bottom:0px; }

    .blog_large .post_meta h2 a, .blog_single .post_meta h2 a { font-size:18px; line-height:normal; }

    .blog_medium .post_meta h2 a { font-size: 20px; line-height:normal; }

    .blog_large .post_meta h2,
    .blog_medium .post_meta h2,
    .blog_single .post_meta h2 { font-size:18px; line-height:20px; margin-bottom:10px; margin-top:0; }

    .blog_large .day,.blog_medium .day, .blog_single .day { font-size:20px; }

    .blog_large .month, .blog_medium .month , .blog_single .month { padding: 2px 8px 4px; }

    .blog_large .post_img, .blog_single .post_img{ margin-bottom:20px; }

    .blog_large .post_content, .blog_single .post_content { margin: 0 0 0 60px; }

    .blog_large .post_meta .metaInfo, .blog_single .post_meta .metaInfo{ padding:0 0 10px; }

    .blog_large .post_meta .metaInfo > span, .blog_single .post_meta .metaInfo > span { line-height:24px; }

    .blog_large .post, .blog_medium .post, .blog_single .post, .blog_medium .post { margin-bottom:40px; padding-bottom:40px; }

    .blog_medium .post_content { float:left; width:100%; }

    .blog_medium .post_img { margin-right:0; width:75%; margin-bottom:30px; }

    .sidebar .widget { display:inline-block; position:relative; }

    .shareslabel {display:none; }

    .author_desc { height:auto; min-height:inherit; width:100%; }

    .author_bio { float:none; margin-top:35%; padding:20px; position:relative; text-align:center; width:100%; }

    #comment-list ul.children{ margin-left:10px; }

    .comment-container{ margin-left:80px; margin-bottom:10px; }

    .comment_form > input{ width:100%; }

    .page_404 > h1{ font-size:160px; line-height:180px; margin-top:0; }

    .page_404 > p{ font-size:26px; line-height:36px; }

    .rec_blog { margin-bottom:20px; }

    .copyright{ text-align:left; float:left; }

    .post-images {margin-right: 15px;}

    .news-images {margin-right: 15px;}

}

@media only screen and (min-width: 481px) and (max-width: 767px){

    .author_bio {margin-top:35%; position: relative;}

    #breadcrumbs { float: right;margin-top: 25px;}

    .contact_3 .widget_info_contact li {margin: 0 0 25px;}
}

@media only screen and (max-width: 480px){

#table {
 
	font-size: 15px;
	
	}

	.nav6 {
		
	text-align: center;
	padding-left: 40px;
	padding-right: 60px;
	
	
}

.news-recent {
	
	padding: 50px 20px 0px 20px;
	
}




	.panel-group .panel-title > a{
  
	margin-left: 20px;
	
}

	.panel-group .panel-title2 > {
  
	margin-top: 0px;
	margin-bottom: 0px;
	font: lighter 15px/22px "verdana";
	font-size: 15px;
	padding: 0 5px;
	position: relative;
	color: #444;
	padding-left: 70px;

}

	.panel-group .panel-title2 > a{
  
	margin-top: 0px;
	margin-bottom: 0px;
	font: lighter 15px/22px "verdana";
	font-size: 15px;
	padding: 0 5px;
	position: relative;
	color: #444;
	padding-left: 70px;

}



.cart-button {

	margin: 10px;
	text-align:center;
	
}

.cart-button a {

	margin: 10px;
	text-align:center;
	color:white;
	
}


	.order-content {
	
	padding-left:0px !important;

}

	.paymethod {
		
    width: 60%;
	margin-top: 30px;
    margin-bottom: 30px;
    display: block;
    position: relative;
    margin-left: 50px;
    margin-right: 50px;
	
}


	.title2 {
		
	font-size:16px !important;	
	
}

	.title2 img {
 
	left: 70px !important;
	bottom: 23px !important;
	width: 65% !important;
	
}

	.item-details .product-info .cart-button {
		
    width: 100%;
	padding-left: 40px;
	padding-right: 40px;
	
}
	
	.item-details .product-info .cart-button .btn {
		
 
	margin-left: 0px;
	margin-right: 0px;
 
}	

	.item-details .product-info .wish-button {
		
    width: 100%;
	padding-left: 40px;
	padding-right: 40px;
	
}
	
	.item-details .product-info .wish-button .btn {
		
 
	margin-left: 0px;
	margin-right: 0px;
 
}	

	.fa2 {
   
    width: 60px !important;
	line-height: 60px !important;
	font-size: 20px !important;

	 }
	
	.namelist {
	
	text-align:center ! important;

}

	.col-xs-12a {
		
		width:100%;
		display:block;
}

	.nav5 {
		
		margin-bottom: 0px;
		padding-top: 10px;
		padding-left: 0px;
		padding-right: 75px;
		padding-bottom: 10px;
		list-style: outside none none;
		text-align: center;
		line-height:2.0;
		
}

	.nav5 > ul > li img {
		
    width: 100%;
    padding: 30px 30px 10px 70px;
}

	.nav6 {
		
	text-align: center;
	padding-left: 40px;
	padding-right: 90px;
	
}

	.nav8 {
   
    padding-left: 15px; 
   
}

	.nav9 {
		
    padding-right: 0px;
    padding-left: 30px;
    text-align: left; 
	font-size:12px;
    
}

	.usaleft {
	
	  margin-left: 30px !important;
	  float:left;
}

	.btn-default3 {
		
		font-family: 'Open Sans', sans-serif;
		background-color: #ff7200;
		margin-top: 25px;
		margin-bottom: 25px;
		margin-left: 100px;
		padding: 3px 8px 3px 8px;
		font-size: 20px;
		font-weight: bolder;
		color: #ffffff;
	
	}

	.serviceBox_8 {
		
	  background-color: #e1e1e142;
	  margin-top: 50px;
	  margin-bottom: 40px;
	 
	}

	.serviceBox_21 {
	 
		margin-bottom: 50px;

	}

	.serviceBox_21 .service-detail p {
        
        font-size: 15px;
		
	}

	.serviceBox_22 {
	 
		margin-bottom: 50px;

	}

	.serviceBox_23 {
	 
		  margin-bottom: 50px;

	}

	.serviceBox_24 {
	 
		  margin-bottom: 5px;

	}

	.serviceBox_32 {
		
		background-color: white;
		margin-bottom: 40px;
	
	}

	.serviceBox_32 .piano-status2 img {
    
    bottom: 60px;
   
	}

	.serviceBox_41 {
	
	padding:0px;

	}

	.container28 {
		
	  padding: 0px 30px 30px 30px;
	  
	}

	.dividerHeading h4, .widget_title h4 {
		
		  margin: 40px 0px 40px 0px;
		 
	}

    #breadcrumbs{ display: none; }

    .panel-group i { margin:-17px 5px 0px;}
	
    .panel-group i{margin: 0 5px;}

    .author_bio {margin-top:55%; position: relative;}

    #filter li a{padding:10px;}

    .recent-item .item-description h5{
		
        font-size: 18px !important;
        line-height: 31px !important;
		
    }

    .recent-item .item-description span{
		
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 13px !important;
    }

    table { 
	
	display: block; padding: 0;}
	
    tbody { 
	
	display: block;display: table-row-group;vertical-align: middle;}

    .post-images {
		
		width: 100%; margin:0 0 15px 0;}
	
    .post-detail { 
	
	width: 100%; }

    .news-images {
		
	width: 100%; margin:0 0 15px 0;}
	
    .news-detail { 
	
	width: 100%;
	margin-top: 20px;
	
}

    .contact_3 .widget_info_contact li {
		
	margin: 0 0 25px;}

    .serviceBox_5 .service-content::before {
		
        background: hsl(188, 30%, 39%) none repeat scroll 0 0;
        content: "";
        display: block;
        height: 500px;
        left: -8%;
        position: absolute;
        top: 0;
        transform: rotate(7deg);
        transition: all 0.3s ease 0s;
        width: 400px;
    }
	
    .serviceBox_5 .service-content::after {
		
        background: hsl(188, 30%, 39%) none repeat scroll 0 0;
        content: "";
        display: block;
        height: 500px;
        left: 61%;
        position: absolute;
        top: -76px;
        transform: rotate(-35deg);
        transition: all 0.3s ease 0s;
        width: 400px;
    }

    .serviceBox_5 .service-content .internal::before {
		
        background: hsl(188, 35%, 31%) none repeat scroll 0 0;
        content: "";
        display: block;
        height: 500px;
        left: -32%;
        position: absolute;
        top: 3%;
        transform: rotate(14deg);
        transition: all 0.3s ease 0s;
        width: 400px;
        z-index: 1;
    }
	
    .serviceBox_5 .service-content .internal::after {
		
        background: hsl(188, 35%, 31%) none repeat scroll 0 0;
        content: "";
        display: block;
        height: 500px;
        left: 70%;
        position: absolute;
        top: -44px;
        transform: rotate(-52deg);
        transition: al
        l 0.3s ease 0s;
        width: 400px;
        z-index: 1;
    }

	.serviceBox_16 img{
	
		width: 40%;
		vertical-align: middle;
		padding: 0px;
		margin-left: 30%;
		top: 100px;
		margin-right: 30%;
	}

}

@media only screen and (max-width: 360px){
	
	body {
		
	font-family: "Manrope", "Microsoft JhengHei","微軟正黑體",sans-serif;
    font-style: normal;
	font-size: 17px;
	color: #444;
	line-height: 1.7;

}
	
	#table {
 
	font-size: 16px;
	
	}
	
	
	table { 
	
	display: block; padding: 0;
	
	}
	
	
	.tableform {
		
	min-width: 700px !important;
	width: 100%;
	background: #fff;
	margin-top:20px;
	margin-bottom: 20px;
	color: #212529; 
	display: table;
	border-spacing: 3px;
    -webkit-box-shadow: 0px 5px 12px -12px rgba(0, 0, 0, 0.29);
	-moz-box-shadow: 0px 5px 12px -12px rgba(0, 0, 0, 0.29);
	box-shadow: 0px 5px 12px -12px rgba(0, 0, 0, 0.29);
	border-style: solid;
	border-width: 2px;
    border-color: #cdcccc;
	

	box-shadow: 0px 0px 20px #00000012;
	-webkit-box-shadow: 0px 0px 20px #00000012;
	
 }
	
	
	
    tbody { display: block;display: table-row-group;vertical-align: middle;}
	
	
	.news-recent {
	
	padding: 50px 20px 0px 20px;
	
}

	.panel-group .panel-title > a{
		
	margin-left: 20px;
	
}
	
	.panel-group .panel-title2 {
		
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 17px;
	padding: 0 5px;
	padding-left: 5px;
	position: relative;
	color: #444;
    font-weight:700;
	padding-left: 55px;
	
	
}
	
	
	
	
	
	.panel-group .panel-title2 > a{
		
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 17px;
	padding: 0 5px;
	padding-left: 5px;
	position: relative;
	color: #444;
    font-weight:700;
	padding-left: 55px;
	
}
	
	.cart-button {

	margin: 10px;
	text-align:center;

}
	
	.cart-button a {

	margin: 10px;
	text-align:center;
	color:white;
	
}
	
	.item-details .product-info .cart-button .btn {

     width: 100%;

}
	
	.blog_middle .day, .blog_single .day {
		
	  background: #ff7200;
	  color: #FFFFFF;
	  font-size: 15px;
	  font-weight: 600;
	  padding: 4px 13px 6px;
	  position: relative;
	  top: -15px;
  
}
	
	.blog_middle .month, .blog_single .month {
	
	  background: #555;
	  color: #FFFFFF;
	  font-size: 15px;
	  font-weight: 600;
	  padding: 4px 13px 6px;
	  position: relative;
	  top: -15px;
  
}	

	.testimonial-review > img {

	display: block;
	position: relative;
	text-align: right;
	left: 100px;

}	

	.testimonial-review > span {
		
	float: left;
	color: #5555558f;
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	margin-top: 15px;
	padding-left: 30px;
	display: block;
	position: relative;
	bottom: 50px;
	overflow: hidden;
  
}

	.testimonial-item blockquote::after {
	
	font-family: FontAwesome;
	content: "\f0D7";
	position: absolute;
	bottom: 5%;
	left: 23px;
	font-size: 40px;
	color: #EAEAEA;
  
}

	.testimonial-item blockquote p {
	
	margin-bottom: 0;
	font-size: 15px;
	font-family: PT sans;
	font-weight: 400;
	line-height: 21px;
	color: #444;
	position: relative;
	z-index: 10;
	font-style: italic;
	font-weight: 500;
    text-align: justify;
  
}




	.serviceBox_11 {
	
	background: none repeat scroll 0 0 #fff;
	text-align: left;
	margin-top: 25px;
    padding: initial;
}

	.serviceBox_11 .piano-images {
	
	width: 100%;
  
}




	.serviceBox_11 .piano-images img {
		
	width: 100%;
  
}

	.dashed {
		
	border-color: #DBDFE2;
	border-style: dashed;
	margin-top: 40px;
  
}

	.order-content {
	
	padding-left:0px !important;
    
}

	.order-content2 {
	
	padding-left:0px !important;
    font-size:13px;
	
}


	
	.paymethod {
		
    width: 60%;
	margin-top: 30px;
    margin-bottom: 30px;
    display: block;
    position: relative;
    margin-left: 50px;
    margin-right: 50px;
	
}
	
	.paymethod1 {

	margin-top: 22px;
    margin-bottom: 30px;
	font-size:18px;
	font-weight: bold;
}

	
	.item-details .top-area {
	
   
    padding: 0px !important;
   
  
}
	
	.title2 {
		
	font-size:16px !important;	
	
}

	.title2 img {
 
	left: 70px !important;
	bottom: 23px !important;
	width: 65% !important;
	
}

	.item-details .product-info .cart-button {
		
    width: 100%;
	
}
	
	.item-details .product-info .cart-button .btn {
		
 
	margin-left: 0px;
	margin-right: 0px;
    margin-top: 45px;
	
}	
	
	.item-details .product-info .wish-button {
		
    width: 100%;
	
}
	
	.item-details .product-info .wish-button .btn {
		
 
	margin-left: 0px;
	margin-right: 0px;
 
}	
	
	.namelist {
	
	text-align:center ! important;

}

	.fa2 {
   
	width: 55px!important;
	line-height: 55px!important;
	
	font-size: 20px!important;

	 }
	
	.col-xs-12a {
		
		width:100%;
		display:block;
}

	.nav5 {
		
		margin-bottom: 0px;
		padding-top: 10px;
		padding-left: 0px;
		padding-right: 40px;
		padding-bottom: 10px;
		list-style: outside none none;
		text-align: center;
		line-height:2.0;
		
}

	.nav5 > ul > li img {
		
    width: 100%;
    padding: 30px 30px 10px 50px;
}

	.nav6 {
		
	text-align: center;
	padding-left: 40px;
	padding-right: 60px;
	
	
}

	.nav8 {
   
    padding-left: 15px; 
   
}

	.nav9 {
		
   
    padding-right: 0px;
    padding-left: 30px;
    text-align: left; 
	font-size:12px;
    
}

    .form {
		
	  width: 100%;
  
	}

	.contactinfo ul li a {
		
	  padding-right: 5px;
	  font-size: 15px;
	}

	.btn-default3 {
	  color: #ffffff;
	  background-color: #ff7200;
	  font-family: 'Open Sans', sans-serif;
	  font-weight: bolder;
	  font-size: 20px;
	  margin-top: 25px;
	  margin-bottom: 25px;
	  margin-left: 9px;
	  padding: 3px 8px 3px 8px;
	  
	}

	.sub_content {
		
		margin-bottom: 0px;
	}

	.serviceBox_8 {
		
	  background-color: #e1e1e142;
	  margin-top: 50px;
	  margin-bottom: 40px;
	 
	}

	.serviceBox_10 {
    
    margin-bottom: 10px;
	
	}

	.serviceBox_21 {
		 
		margin-top:40px;
		margin-bottom: 60px;
		border-top: 7px solid #8a20dac4 !important;
	}

    .serviceBox_21 .service-content {
        
        padding-top:10px;
    
    }

    .serviceBox_21 .service-detail p {
        
        font-size: 14px;
		padding:5px 0px 5px 100px;
    }
      
	.serviceBox_21 .service-ps1 p {

		
		font-family: "Caveat Brush", "DFKai-SB", cursive;
		font-weight: bold;
		color: green;

	}
	  
	.serviceBox_21 .service-ps2 p {

		border-style: solid double dashed;
		border-width: 1px;
		border-top: dotted;
		border-top-color: grey;
		border-top-width: 2px;
		border-bottom: none;
		border-left:none;
		border-right:none;
		border-bottom: dotted;
		border-bottom-color: grey;
		border-bottom-width: 2px;
	}	  
	  
	.serviceBox_21 .service-detail2 p {
        
        font-size: 18px;
		padding:25px 0px 25px 0px;
    }
    
	.serviceBox_22 {

		margin-top:40px;
		margin-bottom: 60px;
		border-top: 7px solid #8a6d3b !important;
	}

    .serviceBox_22 .service-content {
        
        padding-top:10px;
    
    }

    .serviceBox_22 .service-detail p {
        
        font-size: 14px;
		padding:5px 0px 5px 100px;
    }

	.serviceBox_22 .service-detail2 p {
		
        font-size: 18px;
		padding:35px 0px 35px 0px;
    }
	
    .serviceBox_23 {

		margin-bottom: 60px;
		border-top: 7px solid #ff4200 !important;
	}

    .serviceBox_23 .service-content {
        
        padding-top:10px;
    
    }

    .serviceBox_23 .service-detail p {
        
        font-size: 14px;
		padding:5px 0px 5px 100px;
    }
	
	.serviceBox_23 .service-detail2 p {
        
        font-size: 18px;
		padding:25px 0px 25px 0px;
    }

    .serviceBox_24 {

		margin-bottom: 1px;
		border-top: 7px solid #3c763d !important;
	}

    .serviceBox_24 .service-content {
        
        padding-top:10px;
    
    }

    .serviceBox_24 .service-detail p {
        
        font-size: 14px;
		padding:5px 0px 5px 100px;
    }

	.serviceBox_24 .service-detail2 p {
        
        font-size: 18px;
		padding:25px 0px 25px 0px;
    }

	.serviceBox_32 {
		
		background-color: white;
		margin-bottom: 40px;
	
	}

	.serviceBox_32 .piano-status2 img {
    
    bottom: 60px;
   
	}

	.serviceBox_41 {
	
	padding:0px;

}

	.dividerHeading h4, .widget_title h4 {
		
	margin: 30px 0px 30px 0px;
		 
	}

	.container28 {
		
	  padding: 0px 30px 30px 30px;
	  
	}

	.col-25 {
		
	  width: 45%;
	  margin-top: 10px;
	  
}

	.usaleft {
	
	  margin-left: 30px !important;
	  float:left;
	  
}

}





/* ------ Welcome & Slogna ------ */

.templatemo-welcome {
    border-bottom: 1px solid #cccccc;
    min-height: 230px;
}

.templatemo-slogan {
    font-family:  'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 35px;
    margin: 50px 0px 0px 0px;
    color: #333333;
}

.txt_darkgrey {
    font-size:28px; 
    color: #333333;
}

.txt_orange {
    font-size: 40px; 
    color: #e67e22;
    font-weight: 300;
    padding:25px 5px 5px 5px;
}

.txt_slogan {
    font-size:14px; 
    color:#929292;
}

/*************************
******* Home ******
**************************/


#slider {
	
  padding: 10px 0px 0px 0px;
  
}

.carousel-indicators li {
	
  background: #C4C4BE;
  
}

.carousel-indicators li.active {
	  background: #FE980F;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}

img {
	
    vertical-align: middle;
	
}

img {
	
    border: 0px none;
	
}

* {
    box-sizing: border-box;
}

.item {
	
    padding-left: 0px;
  
}

.pricing {
	
   position: absolute;
   right: 40%;
   top: 52%;
   
}

.girl {
	
    margin-left: 0;
}


.item h1 {
	
	color: #B4B1AB;
	font-family: abel;
	font-size: 30px;
	margin: 30px 0px 0px 0px;
	margin-left: 0px;
	text-align:center;
  
}

.item h1 span {
	
	color:#FE980F;
	
}


   
.item h2 {
	
	color: #363432;
	font-family: "Open Sans","Microsoft JhengHei","微軟正黑體",sans-serif !important;  font-size: 28px;
	font-weight: 700;
	margin-bottom: 22px;
	margin-top: 10px;
	margin-left: 0px;
	text-align:center;
	
}

.item  p {
	
	color:#261B1B;
	font-size:16px;
	font-weight:300;
	font-family: 'Arial', sans-serif;
	margin-left: 0px;
	text-align:center;
	
}
 
.get {
	
  background: #FE980F;
  border: 0 none;
  border-radius: 0;
  color: #FFFFFF;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin-top: 23px;
  
}

.item button: {
	
  margin-left: 50px;
  
}

.item button:hover {
	
  background: #FE980F;
  
}

.control-carousel {
	
  position: absolute;
  top: 50%;
  font-size: 60px;
  color: #C2C2C1;
  
}

.control-carousel:hover{
	
  color: #FE980F ;
  
}

.right {
	
  right: 0;
  
}

.thumbnail2 {
	
    display: block;
    padding: 4px;
    margin-bottom: 0px;
    line-height: 1.42857;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 20px;
    transition: border 0.2s ease-in-out 0s;
	
}

.thumbnail3 {
	
    display: block;
    padding: 4px;
    margin-top: 40px;
    margin-bottom: 10px;
    line-height: 1.42857;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 20px;
    transition: border 0.2s ease-in-out 0s;
	
}

.thumbnail4 {
  
    padding: 5px 5px 5px 5px;
    line-height: 1.42857;
    background-color: #FFF;
    transition: border 0.2s ease-in-out 0s;
	
}

.thumbnail5 {
	
    padding: 4px;
    margin-top: 40px;
    margin-bottom: 10px;
    line-height: 1.42857;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 20px;
    transition: border 0.2s ease-in-out 0s;
    max-width: 100%;
	vertical-align: middle;

}

.thumbnail8 {
	
    padding: 4px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.42857;
    border: 0px solid #DDD;
    border-radius: 20px;
    transition: border 0.2s ease-in-out 0s;
    max-width: 100%;
	vertical-align: middle;
	
}

.thumbnail10 {
	
    padding: 4px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.42857;
    border: 0px solid #DDD;
    border-radius: 20px;
    transition: border 0.2s ease-in-out 0s;
    max-width: 100%;
	vertical-align: middle;
	
}

.thumbnail10:hover img{
	
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    transform: scale(1.2) rotate(10deg);
    -webkit-transform: scale(1.2) rotate(10deg);
    -moz-transform: scale(1.2) rotate(10deg);
    -o-transform: scale(1.2) rotate(10deg);
    -ms-transform: scale(1.2) rotate(10deg);
	
}

.thumbnail28 {
	
    display: block;
    padding: 0px;
    margin-bottom: 0px;
    line-height: 1.42857;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 0px;
	
}

.thumbnail31{
	
    display: block;
    padding: 4px;
    margin-bottom: 0px;
    line-height: 1.42857;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 20px;
    transition: border 0.2s ease-in-out 0s;
	width: 100%;
	
}

.thumbnail32{
	
    display: block;
    padding: 4px;
  
    line-height: 1.42857;
    background-color: #FFF;
   
    transition: border 0.2s ease-in-out 0s;
	width: 100%;
	margin-top:30px;
	margin-bottom:30px;
	
	border: 1px solid #eee;
	border-radius: 4px;
	box-shadow: 0px 0px 20px #00000012;
	-webkit-box-shadow: 0px 0px 20px #00000012;
	
}

.thumbnail33{
	
    display: block;
    padding: 5px;
  
    line-height: 1.42857;
    background-color: #FFF;
   
    transition: border 0.2s ease-in-out 0s;
	width: 60%;
	margin-top:30px;
	margin-bottom:30px;
	
	border: 1px solid #eee;
	border-radius: 20px;
	box-shadow: 0px 0px 20px #00000012;
	-webkit-box-shadow: 0px 0px 20px #00000012;
	
}

.thumbnail35 {
	
    padding: 4px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.42857;
    border: 0px solid #DDD;
    border-radius: 20px;
    transition: border 0.2s ease-in-out 0s;
    max-width: 80%;
	vertical-align: middle;
	
}

.thumbnail36{

display: block;
line-height: 1.42857;
background-color: #FFF;
transition: border 0.2s ease-in-out 0s;
width: 100%;
border: 1px solid #eee;
border-radius: 4px;
box-shadow: 0px 0px 20px #00000012;
-webkit-box-shadow: 0px 0px 20px #00000012;

}

.thumbnail37{
	
    display: block;
    padding: 5px;
  
    line-height: 1.42857;
    background-color: #FFF;
   
    transition: border 0.2s ease-in-out 0s;
	width: 100%;
	margin-top:30px;
	margin-bottom:30px;
	
	border: 1px solid #eee;
	border-radius: 20px;
	box-shadow: 0px 0px 20px #00000012;
	-webkit-box-shadow: 0px 0px 20px #00000012;
	
}

.left-sidebar h2, .brands_products h2 {
	
    color: #FE980F;
    font-size: 21px;
    font-weight: 700;
    margin: 30px auto 30px auto;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
	
}

.category-products {
	
    border: 1px solid #F7F7F0;
    margin-bottom: 35px;
    padding-bottom: 20px;
    padding-top: 15px;
	
}

.category-products .panel-default2 .panel-heading {
	
    background-color: #FFF;
    border: 0px none;
    padding: 5px 20px;
	
}

.panel-title {
	
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: inherit;
	
}

.panel-title2 {
	
    margin-top: 0px;
    margin-bottom: 0px;
	font-size: 17px;
	position: relative;
	color: black;
	padding-left: 45px;
	font-weight: 600;
}

.panel-title2  > a{
	
    margin-top: 0px;
    margin-bottom: 0px;
	font-size: 17px;
	position: relative;
    color:orange;
	padding-left: 30px;
	font-weight: 600;
}

.panel-title2  > a:hover {
	
    color: #e74c3c;
	
}

.panel-title2 :focus{
	
    color: black;
	
}

.panel-title2 :active{
	
    color: brown;
	
}

.panel-title2  > a:visited {
	
    color: #a94442;
	
}

.category-products .badge {
	
    background: transparent none repeat scroll 0% 0%;
    border-radius: 10px;
    color: #696763;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
	background-color: #FFF;

}

.pull-right {
	
    float: right !important;
	
}

.brands-name .nav-stacked li a:hover {
	
    background-color: #FFF;
    color: #696763;
	
}

.brands-name .nav-stacked li a {
	
    background-color: #FFF;
    color: #696763;
    font-size: 17px;
    padding: 5px 20px 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
	
}

.nav > li > a:hover, .nav > li > a:focus {
	
    text-decoration: none;
    background-color: #EEE;
}

.nav-pills > li > a {
	
    border-radius: 4px;
}

.nav > li > a {
	
    position: relative;
    display: block;
    padding: 10px;
	
}

.paginate2 {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
    font-weight: bolder;
	margin-top: 15px;
}

.paginate2 a {
	
	padding:2px 5px 2px 5px;
	margin:3px;
	border:1px solid #999;
	text-decoration:none;
	color: #666;
	
}

.paginate2 a:hover, .paginate2 a:active {
	
	border: 1px solid #FF7200;
	color: #000;
	
}

.paginate2 span.current {
	
	margin: 5px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #FCC;
	font-weight: bold;
	background-color: #FF7200;
	color: #FFF;
	
}

.paginate2 span.disabled {
		
		padding:2px 5px 2px 5px;
		margin:5px;
		border:1px solid #eee;
		color:#DDD;
		
	}

.category-tab ul {
	
    background: #40403E none repeat scroll 0% 0%;
    border-bottom: 1px solid #FE980F;
    list-style: outside none none;
    margin: 0px 0px 30px;
    padding: 0px;
    width: 100%;
	
}

.tabs-wrapper {
	
    background-image: url(/img/tabs-bg.jpg); 
    background-size: 100% 100%; 
    background-position: center; 
    text-align: center;
    height: 62px;
    width: 100%;
    clear: both;
	
}

.tabs.three {
	
    text-align: center;
}

.tabs {
	
    margin: 0 auto;
    width: 888px;
}

.tabs.three a {
	
    display: inline-block;
    float: none;

.tabs a.active {
	
    background-image: none;
    background-color: #fff;
    color: #8c0013;
}

.nav-tabs {
	
    border-bottom: 1px solid #DDD;
	
}

.nav {
	
    padding-left: 0px;
    margin-bottom: 0px;
    list-style: outside none none;
	
}

ul, ol {
	
    margin-top: 0px;
    margin-bottom: 10px;
	
}

*, *::before, *::after {
	
    box-sizing: border-box;
	
}


#product .pb-right-column .product-name {
	
    font-size: 24px;
}


#product .pb-right-column .product-price-group .price {
	
    font-size: 18px;
    font-weight: bold;
    color: #F36;
}

#product .pb-right-column .product-price-group .price, #product .pb-right-column .product-price-group .old-price, #product .pb-right-column .product-price-group .discount {
	
    display: inline-block;
    margin-right: 15px;
}

#product .pb-right-column .info-orther {
	
    padding-bottom: 5px;
}

#product .pb-right-column .product-price-group .price {
	
    font-size: 18px;
    font-weight: bold;
    color: #F36;
}

.btn-add-cart {
	
    height: 35px;
    width: auto;
    line-height: 35px;
    font-size: 14px;
    color: #FFF;
    display: inline-block;
	margin: 20px 0px 40px;
    text-align: center;
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
    background: #F86617 none repeat scroll 0% 0%;
}

.product-information p{
	
	text-align: left;
}

.product-tab .nav-tab > li:hover > a, .product-tab .nav-tab > li.active > a {
	
    background: #FFF none repeat scroll 0% 0%;
	
}

.product-tab .nav-tab > li > a {
	
    color: #333;
    padding: 0px 26px;
    height: 50px;
    float: left;
	
}

.product-tab .tab-container {
	
    padding: 20px;
    border: 1px solid #E2E2E2;
    margin-top: -1px;
    z-index: 1;
	
}

.tab-container {
	
    position: relative;
	
}

.owl-carousel .owl-item {
	
    position: relative;
    min-height: 1px;
    float: left;
    -moz-user-select: none;
	
}

.product-list li:hover img {
	
    transform: scale(1.2, 1.2);
    transform-origin: right top 0px;
	
}

.product-list li .left-block img {
	
    transition: all 0.5s ease 0s;
    transform: scale(1, 1);
    margin: 0px auto;
	
}

.owl-carousel .owl-item img {
	
    transform-style: preserve-3d;
}

.owl-carousel .owl-item img {
	
    display: block;
    width: 100%;
	
}

.product-list li .add-to-cart:hover {
	
    background-color: rgba(255, 51, 102, 0.5);
	
}

.product-list li:hover .add-to-cart {
	
    bottom: 0px;
	
}

.product-list li .add-to-cart {
	
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -50px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    color: #FFF;
    text-align: center;
    line-height: 50px;
    transition: all 0.45s ease 0s;
	
}

.product-list li:hover .quick-view a.heart {
	
    margin-left: 0px;
	
}
.product-list li .quick-view a:hover {
	
    background-color: #F36;
	
}

.product-list li .quick-view a.heart {
	
    transition: margin-left 0.4s ease 0.4s;
    margin-left: 200px;
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%;
	
}

.product-list li .quick-view a {
	
    width: 32px;
    height: 32px;
    float: left;
    border-radius: 90%;
    margin-top: 5px;
    text-align: center;
    line-height: 32px;
    color: #FFF;
	
}

.product-list li .left-block a {
	
    display: block;
    overflow: hidden;
}


.pricing-table .single-table .popular {
	
  color: #fff;
  background: #3E54FF;
  display: inline-block;
  padding: 5px 70px;
  position: absolute;
  right: -60px;
  top: 14px;
  font-size: 13px;
  transform: rotate(45deg);
}

.form-check-input {
	
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
	
}


.form-check-input[type=checkbox] {
	
    border-radius: .25em;
}

.form-check .form-check-input {
	
    float: left;
    margin-left: -1.5em;
}