@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap');
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
body {
margin:0;
font-family: 'Open Sans Condensed', sans-serif !important;
padding:0;
}
h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
}
a:hover {
text-decoration:none;
}
section,header,footer
{
width:100%;
float:left;
}
ul, ol {
margin:0 !important;
padding:0!important;
list-style:none;
}
img {
outline:none;
border:none;
}
.container
{
width:1170px;
}
.padding_none
{
padding-left:0!important;
padding-right:0!important;
}
/*header part css start*/

.header-top
{
	border-bottom:1px solid #e9e3d6;
}
.header-top-left h2 {
font-size: 14px;
padding: 10px 20px;
color: #fff;
}
header.header-outer {
position: fixed;
z-index: 9999;
background-color: #0000006e;
}
.header-top-left span
{
color:#fff;
}
.header-top-right ul
{
	float:right;
}
.header-top-right li
{
	float:left;
}
.header-top-right li a {
float: left;
padding: 10px 20px;
font-size: 14.3px;
color: #fff;
border-left: 1px solid #e9e3d6;
}
.header-top-right li:last-child
{
	border-right:1px solid #e9e3d6;
}
.header-top-right li a span
{
	color:#fff;
	margin:0 5px 0 0;
}
.login-btn
{
	font-size:14px !important;
	width:140px;
	text-align:center;
}
.header-top-right li a:hover,
.login-btn:hover
{
	background:#9c321b;
	color:#fff !important;
}
.header-top-right li a:hover span,
.login-btn:hover span
{
	color:#fff !important;
}
.logo-outer
{
	padding:10px 0 11px 0;
}
.navigation
{
	padding-top:26px;
}
.navigation ul
{
	float:right;
}
.navigation li
{
	float:left;
	margin:0 35px 0 0;
}
.navigation li:last-child
{
	margin:0;
}
.navigation li a
{
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
}
.navigation li a:hover
{
	color:#cbb7b2;
}
#active
{
	color:#cbb7b2;
}
/*header css ends*/
/*banner starts*/
.banner-outer
{
	/*background:url(../images/bannerbg.jpg) no-repeat center top;*/
	background-size:cover;
}
.banner-left
{
	padding:190px 0 0 0;
}
.banner-left h1
{
	font-size:30px;
	color:#fff;
	line-height:55px;
	text-transform:uppercase;
}
.banner-left h1 span
{
	font-size:72px;
	display:block;
	line-height:80px;
}
.banner-left a
{
	float:left;
	background:#f7af29;
	color:#fff;
	font-size:18px;
	padding:17px 20px 15px;
	text-transform:uppercase;
	border-bottom:2px solid #de9713;
	margin:30px  0 0;
	width:327px;
	transition:1s all ease;
	-moz-transition:1s all ease;
	-webkit-transition:1s all ease;
}
.banner-left a:hover
{
	background:#d26a35;
}
.banner-left a span
{
	float:right;
	margin:-2px 0 0 10px;
}
.hvr-underline-from-center::before
{
	background:#eb9f12;
}
.banner-right
{
	padding:109px 0 24px 0;
}
.banner-right img
{
	float:right;
	margin:0 10px 0 0;
}
#owl-demo .owl-pagination {
  text-align: center;
  position:absolute;
  width:100%;
  bottom:0;
  height:0px;
}
#owl-demo .owl-controls .owl-page, .owl-controls .owl-buttons .owl-page {
  cursor: pointer;
  display: inline-block;
  background: none;
  border:1px solid #fff;
  height: 9px;
  margin:0 4px;
  width: 9px;
  top:-34px;
  z-index:99;
  position:relative;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
}

#owl-demo .owl-page.active
{
	background:#fff;
}
/*banner ends*/
/*Play the Piano starts*/
.play-piano {
text-align: center;
padding: 0;
position: relative;
z-index: 2;
}
.play-piano h2 {
color: #fff;
font-size: 35px;
padding: 0 0 25px 0;
position: relative;
margin-bottom: 30px;
}
.play-piano h2::after
{
	content:"";
	position:absolute;
	left:50%;
	margin:0 0 0 -13px;
	width:52px;
	height:2px;
	bottom:0px;
	background:#fff;
}
.play-piano h2::before
{
	content:"";
	position:absolute;
	right:50%;
	margin:0 -13px 0 0;
	width:52px;
	height:2px;
	bottom:5px;
	background:#fff;
}
.play-piano-in {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
}
.play-piano-in img {
width: 100%;
border: 10px #fff solid;
}
.play-piano-out h3 {
color: #000;
font-size: 23px;
padding: 50px 10px 30px;
text-transform: uppercase;
font-weight: 600;
text-align: left;
}
.play-piano-out p {
color: #fff;
font-size: 15px;
line-height: 26px;
padding: 0 10px 25px;
text-align: left;
}
.play-piano-out a {
color: #fff;
font-size: 18px;
display: inline-block;
padding: 13px 35px;
text-transform: uppercase;
box-shadow: 10px -10px 0px #969191;
background-color: #bd1515;
position: relative;
}
.play-piano-out a span
{
margin:0 20px 0 0;
}
.play-piano-out a:hover {
color: #fff;
background-color: #000;
box-shadow: 10px -10px 0px #fff;
}
/*Play the Piano ends*/
/*digital-home-study-course starts*/
.digital-home-outer
{
	background:url(../images/digital-home-course.jpg) no-repeat center top;
	background-size:cover;
}
.digital-home
{
	text-align:center;
	padding:60px 0 62px ;
}
.digital-home h2
{
	color:#fff;
	font-size:30px;
	padding:0 0 25px 0;
	position:relative;
	margin-bottom:50px;
}
.digital-home h2::after
{
	content:"";
	position:absolute;
	left:50%;
	margin:0 0 0 -13px;
	width:52px;
	height:2px;
	bottom:0px;
	background:#fff;
}
.digital-home h2::before
{
	content:"";
	position:absolute;
	right:50%;
	margin:0 -13px 0 0;
	width:52px;
	height:2px;
	bottom:5px;
	background:#fff;
}
.digital-home-inner
{
	padding:0 23px !important;
}
.digital-home-inner:nth-child(3n+1)
{
	padding:0 46px 0 0px !important;
}
.digital-home-inner:nth-child(3n+0)
{
	padding:0 0px 0 46px !important;
}
.digital-home-in
{
	background:#fff;
	padding:10px 10px 35px !important;
}
.digital-home-in img
{
	width:100%;
	border:2px solid #9f3923;
}
.digital-home-in h3
{
	color:#de9713;
	font-size:18px;
	text-transform:uppercase;
	padding:23px 0 14px 0;
	position:relative;
}
.digital-home-in h3::after
{
	content:"";
	position:absolute;
	height:1px;
	width:36px;
	background:rgba(0, 0, 0, 0.10);
	bottom:0;
	left:50%;
	margin:0 0 0 -18px;
}
.digital-home-in p
{
	color:#6d6e72;
	font-size:14px;
	line-height:22px;
	padding:10px  0 0;
}
.digital-home a
{
	color:#fff;
	border:1px solid #fff;
	font-size:14px;
	background:#de9713;
	display:inline-block;
	padding:10px 15px;
	text-transform:uppercase;
	margin-top:60px;
}
.digital-home a span
{
	margin:0 20px 0 0;
}
/*digital-home-study-course ends*/
/*joakin-velberg starts*/
.joakin-outer
{
	padding:0 0 50px 0;
}
.joakin-velberg
{
	text-align:center;
	padding:64px 0 27px ;
}
.joakin-velberg h2
{
	padding:45px 0 10px ;
	font-size:24px;
	color:#606061;
}
.joakin-velberg p
{
	padding:0px 110px 20px ;
	font-size:16px;
	color:#8b8b8c;
	font-style:italic;
}
.joakin-inner
{
	display:inline-block;
}
.joakin-inner img
{
	border:4px solid rgba(222, 151, 19, 0.62);
	border-radius:50%;
}
.joakin-inner h3
{
	color:#9c321b;
	font-size:30px;
	padding:20px 0 51px 0;
}
.joakin-inner h3 span
{
	display:block;
	font-size:15px;
	padding:5px  0 0 0;
	color:#3b3b3b;
}
#owl-demo3 .owl-pagination {
  text-align: center;
  position:absolute;
  width:100%;
  bottom:0;
  height:0px;
}
#owl-demo3 .owl-controls .owl-page, .owl-controls .owl-buttons .owl-page {
  cursor: pointer;
  display: inline-block;
  background: #dbdbdb;
  height: 22px;
  margin:0 10px;
  width: 22px;
  top:-34px;
  z-index:99;
  position:relative;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
}

#owl-demo3 .owl-page.active
{
background:#de9713;
}
/*joakin-velberg starts*/
/*what-clients-says starts*/
.what-clients-says-outer {
background: url(../images/banner-latest.jpg) fixed no-repeat center top;
text-align: center;
background-size: cover;
padding:50px 30px 50px;
position: relative;
}
.what-clients-says-outer:after {
content: "";
width: 100%;
height: 100%;
background-color:#3e36272b;
top: 0;
position: absolute;
left: 0;
}
.what-clients-says-outer:hover:after
{
background-color:#000;
}
.what-clients-says
{
padding:10px  0 20px 0;
}
.what-clients-says-outer:hover h2
{
color:#fff;
}
.what-clients-says h2 {
color: #000;
font-size: 40px;
padding: 0 0 25px 0;
position: relative;
margin-bottom: 110px;
text-shadow: 0px 2px 2px #000;
z-index: 999;
}
.what-clients-says h2::after
{
	content:"";
	position:absolute;
	left:50%;
	margin:0 0 0 -13px;
	width:52px;
	height:2px;
	bottom:0px;
	background:#fff;
}
.what-clients-says h2::before
{
	content:"";
	position:absolute;
	right:50%;
	margin:0 -13px 0 0;
	width:52px;
	height:2px;
	bottom:5px;
	background:#fff;
}
.what-clients-says-inner
{
	padding:53px 50px 40px !important;
}
.what-clients-says-inner img
{
	border-radius:50%;
	border:4px solid #eec43d;
}
.what-clients-says-inner p
{
	color:#fff;
	font-size:14px;
	padding:20px 0 0 0;
}
.what-clients-says-inner h4
{
	color:#fff;
	font-size:16px;
	padding:20px  0 0 0;
}
.what-clients-says-inner h4 span
{
	display:block;
}
#owl-demo2 .owl-pagination {
  text-align: center;
  position:absolute;
  width:100%;
  bottom:0;
  height:0px;
}
#owl-demo2 .owl-controls .owl-page, .owl-controls .owl-buttons .owl-page {
  cursor: pointer;
  display: inline-block;
  background: rgba(255, 255, 255, 0.5);
  height: 22px;
  margin:0 10px;
  width: 22px;
  top:0px;
  z-index:99;
  position:relative;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
}

#owl-demo2 .owl-page.active
{
	background: rgba(255, 255, 255, 1);
}
/*what-clients-says ends*/
/*lesson-today-outer starts*/
.lesson-today-outer {
background-color: #fff;
}
.lesson-today-in {
background-color: #b71414;
padding: 40px !important;
text-align: justify;
box-shadow: 50px -50px 1px #ececec;
}
.lesson-today {
text-align: center;
padding: 60px 0 64px 0;
position: relative;
}
.lesson-today h2
{
	color:#9c321b;
	font-size:40px;
	padding:0 0 25px 0;
	position:relative;
	margin-bottom:110px;
}
.lesson-today h2::after
{
	content:"";
	position:absolute;
	left:50%;
	margin:0 0 0 -13px;
	width:52px;
	height:2px;
	bottom:0px;
	background:#de9713;
}
.lesson-today h2::before
{
	content:"";
	position:absolute;
	right:50%;
	margin:0 -13px 0 0;
	width:52px;
	height:2px;
	bottom:5px;
	background:#de9713;
}
.lesson-today-outer .lesson-today-inner {
padding: 0 !important;
}
.lesson-today-inner:nth-child(3n+1)
{
padding:0 46px 0 0px !important;
}
.lesson-today-inner:nth-child(3n+0)
{
	padding:0 0px 0 46px !important;
}
.lesson-today-in img
{
	width:100%;
}
.lesson-today-in h4 {
color: #fff;
font-size: 36px;
text-align:left;
letter-spacing:normal;
padding: 10px 0 10px;
}
.lesson-today-in p {
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 0 20px;
margin-bottom: 10px;
}
.lesson-today a {
color: #fff;
font-size: 20px;
background: #b71414;
display: inline-block;
padding: 15px 50px;
text-transform: uppercase;
margin-top: 0;
box-shadow: 15px 15px 0px #d4d0d0;
position: relative;
left: -350px;
top: -190px;
z-index: 999;
}
.lesson-today a:hover
{
box-shadow: 15px 15px 0px #b71414;	
background: #000;
color:#fff;
}
.lesson-today a span
{
	margin:0 20px 0 0;
}
/*lesson-today-outer ends*/
/*students activity starts*/
.students-activity-outer
{
background:#ebe6e6;
}
.students-activity-outer:hover
{
background-color:#b71414;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.students-activity
{
padding:60px 0 70px ;
}
.students-activity-outer:hover h4,
.students-activity-outer:hover p
{
color:#fff;
}
.students-activity h2
{
color:#3e3e3e;
	font-size:18px;
	padding-bottom:20px;
}
.students-activity-first
{
	width:30%;
	float:left;
	padding:0 0 70px 0;
}
.students-activity-first li
{
	float:left;
	width:100%;
	padding:0 0 20px 14px;
	font-family: 'Proxima Nova Rg';
	background:url(../images/student-activity-first.png) no-repeat 0px 6px;
	color:#6d6e72;
	font-size:14px;
}
.students-activity-first a,
.students-activity-third a
{
	color:#fff;
	border:1px solid #fff;
	font-size:14px;
	background:#de9713;
	display:inline-block;
	padding:10px 27px;
	text-transform:uppercase;
	margin-top:10px;
	font-family: 'Proxima Nova Rg';
}
.students-activity-first a span,
.students-activity-third a span
{
	margin:0 10px 0 0;
}
.students-activity-second
{
	width:40%;
	float:left;
	padding:0 70px;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
}
.students-activity-second li
{
	float:left;
	width:100%;
	background:url(../images/student-activity-second.png) no-repeat 0 20px;
	color:#6d6e72;
	font-size:14px;
	line-height:22px;
	padding:15px 0 15px 40px;
	border-bottom:1px solid #e0e0e0;
}
.students-activity-second li:first-child
{
	margin-top:-15px;
}
.students-activity-second li span
{
	color:#9c321b;
}
.students-activity-second li a
{
	color:#9c321b;
	font-size:14px;
	display:block;
	margin:0;
}
.students-activity-second li a:hover
{
	color:#f7af29
}
.students-activity-second a
{
	color:#9c321b;
	font-size:14px;
	margin:20px 0 0 ;
	display:inline-block;
}
.students-activity-second a span
{
	margin:0 10px 0 0;
}
.students-activity-third
{
	width:30%;
	float:left;
	padding:0 0 0 65px;
}
.students-activity-third li 
{
	text-align:center;
	width:60px;
	margin:0 15px 0 0;
	float:left;
}
.students-activity-third li:nth-child(4n+0)
{
	margin-right:0;
}
.students-activity-third li img
{
	box-shadow:0 0 5px rgba(0, 0, 0, .14);
}
.students-activity-third li span
{
	color:#6d6e72;
	font-size:14px;
	display:block;
	margin:5px 0 0;
}
/*students activity ends*/
/*footer starts*/
footer
{
	background:#0e1221;
	padding:60px 0 0 0 !important;
	margin:0 !important;
}
footer h2 {
font-size: 20px;
color: #fff;
padding: 0 0 18px 0;
text-transform: uppercase;
}
footer li
{
	width:100%;
	color:#818181;
	padding:0 0 18px 0;
	float:left;
}
footer li a {
color: #818181;
font-size: 16px;
}
footer li a:hover
{
	color:#fff;
}
.hvr-underline-from-center::before
{
	background:#f7af29;
	height:1px;
}
footer li span
{
	margin:0 7px 0 0;
}
.footer-first {
float: left;
width: 33%;
}
.footer-second {
float: left;
width: 33%;
}
.footer-third
{
width:16%;
float:right;
}
.footer-third li
{
	float:left;
	width:27px;
	padding:0;
	height:27px;
	margin:0 8px 0 0;
	text-align:center;
}
.footer-third li a
{
	height:100%;
	width:100%;
	float:left;
	font-size:16px;
	padding:5px;
	line-height:14px;
	background:#d2d2d2;
	color:#000;
	border-radius:50%;
}
.footer-third li a:hover
{
color:#000;
background:#de9713;
}
.copyright-outer
{
margin:111px 0 0  0;
border-top:2px solid #2b2b2b;
}
.copyright
{
color:#88868b;
text-align:center;
padding:13px  0 15px 0;
}
.copyright h6
{
display:inline-block;
font-size:15px;
line-height:20px;
}

.copyright h6 a
{
color:#9c321b;
display:inline-block;
}
/*footer starts*/
/*navigation*/
.navbar-toggle {
border: 1px solid #d36b2b;
}
.navbar-toggle .icon-bar {
background:#d36b2b;
}

/*navigation*/























/*inner-pages*/
.paino-cource-out {
	text-align: center;
	background: #f4f4f4;
	padding: 50px 0 0;
}

.community {
	padding: 50px 0 50px;
}
.paino-cource-out strong
{
	color:#de9713;
	font-weight:inherit;
}
.paino-cource-out h2 {
	color: #000;
	font-size: 50px;
	padding: 0 0 25px 0;
	position: relative;
	margin-bottom: 50px;
	text-transform:uppercase;
}
.paino-cource-out h2::before {
	content: "";
	position: absolute;
	right: 50%;
	margin: 0 -13px 0 0;
	width: 52px;
	height: 2px;
	bottom: 5px;
	background: #de9713;
}
.paino-cource-out h2::after {
	content: "";
	position: absolute;
	left: 50%;
	margin: 0 0 0 -13px;
	width: 52px;
	height: 2px;
	bottom: 0px;
	background: #de9713;
}
.paino-course-right 
{
	text-align:right;
}
.paino-course-right img
{
	width:auto;
	display:inline-block;
}

.paino-course-left
{
	text-align:left;
}
.paino-course-left h3 {
	color: #3e3e3e;
	font-size: 30px;
	font-weight:normal;
}
.paino-course-left p {
	color: #6d6e72;
	font-size: 19px;
	line-height: 26px;
	padding: 0;
	margin:10px 0 0;
}
.how-it-work-out {
	text-align: center;
	padding: 50px 0;
}
.how-it-work-out h2 {
	color: #9c321b;
	font-size: 30px;
	padding: 0 0 25px 0;
	position: relative;
	margin-bottom: 50px;
}
.how-it-work-out h2::before {
	content: "";
	position: absolute;
	right: 50%;
	margin: 0 -13px 0 0;
	width: 52px;
	height: 2px;
	bottom: 5px;
	background: #de9713;
}
.how-it-work-out h2::after {
	content: "";
	position: absolute;
	left: 50%;
	margin: 0 0 0 -13px;
	width: 52px;
	height: 2px;
	bottom: 0px;
	background: #de9713;
}
.learn-out {
	width: 100%;
	float: left;
	padding: 20px 10px;
	background: #484848;
}
.learn-out h3
{
	color:#fff;
	font-size:25px;
	font-weight:normal;
	text-transform:uppercase;
	margin:30px 0 20px;
}
.learn-out p
{
	color:#fff;
	font-weight:normal;
	margin:0;
	font-size:15px;
}
.digital-home a {
	color: #fff;
	border: 1px solid #fff;
	font-size: 14px;
	background: #de9713;
	display: inline-block;
	padding: 10px 15px;
	text-transform: uppercase;
	margin-top: 60px;
}


.my-music-out
{
	background:url(../images/harmoniam-bg.png) no-repeat fixed left;
	background-size:cover;
	padding:100px 0;
	text-align:center;
	background-position:center;
}

.paino-left img
{
	width:100%;
}
.my-music-out strong
{
	color: #de9713;
	font-weight: inherit;
}

.my-music-out h2
{
	text-align:center;
	font-size:50px;
	margin:0 0 50px 0;
	color:#fff;
	text-transform:uppercase;
	position:relative;
	padding:0 0 20px 0;
}
.my-music-out h2::after {
	content: "";
	position: absolute;
	left: 50%;
	margin: 0 0 0 -13px;
	width: 52px;
	height: 2px;
	bottom: 0px;
	background: #de9713;
}
.my-music-out h2::before {
	content: "";
	position: absolute;
	right: 50%;
	margin: 0 -13px 0 0;
	width: 52px;
	height: 2px;
	bottom: 5px;
	background: #de9713;
}

/*accordian*/

button.accordion {
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	cursor: pointer;
	padding: 15px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 20px;
	transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background:rgba(0, 0, 0, 0.8);
}

button.accordion:after {
    content: '\002B';
    float: right;
}

button.accordion.active:after {
    content: "\2212";
}
.panel p {
	margin:0;
	color: #000;
	text-align: left;
}
div.panel {
    padding: 0 18px;
    background:rgba(222, 151, 19, 0.7);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordian-out ul
{
	list-style:none;
	margin:0;
	padding:0;
}
.accor-left
{
	width:49%;
	float:left;
}
.accor-right
{
	width:49%;
	float:right;
}
.accordian-out .panel {
	margin-bottom: 10px;
}
/*accordian-end*/

.need-paino
{
	background:#fdfdfd;
	padding:50px 0;
}
.out-sec
{
	text-align:center !important;
}
.need-paino-right {
	text-align: left;
	margin: 50px 0 0;
}
.need-paino-right h2
{
	font-size:50px;
	text-transform:uppercase;
	color:#000;
	margin:0;
}
.need-paino-right strong
{
	color:#de9713;
	font-weight:inherit;
}


.need-paino-out {
	text-align: left;
	margin: 50px 0 0;
}
.need-paino-out h2
{
	font-size:30px;
	text-transform:uppercase;
	color:#3e3e3e;
	margin:0;
}
.need-paino-out p {
	color: #6d6e72;
	font-size: 19px;
	line-height: 26px;
	padding: 0;
	font-weight:normal;
	margin:10px 0 0 0;
}
.need-paino-right p {
	color: #6d6e72;
	font-size: 19px;
	line-height: 26px;
	padding: 0;
	margin: 20px 0 0;
	font-weight:normal;
}
.need-left img
{
	width:80%;
}
.expand-bussiness
{
	background:url(../images/bg-paino.jpg) no-repeat fixed;
	background-size:cover;
	padding:120px 0;
}
.expand-inner
{
	border:7px solid rgba(255, 255, 255, 0.1);
	padding:120px 0;
	text-align:center;
}
/*.expand-inner:hover
{
	border:7px dotted rgba(255, 255, 255, 0.1);
	transition: ease all 1s;
}*/
.expand-inner strong
{
	color:#de9713;
	font-weight:inherit;
}
.expand-inner h2
{
	margin:0;
	text-transform:uppercase;
	color:#fff;
	font-size:50px;
}
.expand-inner a {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	border: 3px solid #de9713;
	border-radius: 4px;
	display: inline-block;
	padding: 10px 0;
	width: 200px;
	margin: 40px 0 0;
	text-transform:uppercase;
}
.expand-inner a:hover, .expand-inner a:focus
{
	background:#de9713;
	color:#fff;
	text-decoration:none;
}
.phone-right
{
	margin:50px 0 0 0;
}
.phone-right img
{
	width:100%;
}
.advertising-out
{
	text-align:center;
	padding:100px 0 50px;
}
.advertising-out strong
{
	color:#de9713;
	font-weight:inherit;
}
.advertising-out h2
{
	font-size:50px;
	text-transform:uppercase;
	color:#000;
	margin:0;
	position:relative;
	padding:0 0 20px 0;
}
.advertising-out h2::after {
	content: "";
	position: absolute;
	left: 50%;
	margin: 0 0 0 -13px;
	width: 52px;
	height: 2px;
	bottom: 0px;
	background: #de9713;
}
.advertising-out h2::before {
	content: "";
	position: absolute;
	right: 50%;
	margin: 0 -13px 0 0;
	width: 52px;
	height: 2px;
	bottom: 5px;
	background: #de9713;
}
.play-paino
{
	background:#fff;
}
.advertising-out p {
	color: #6d6e72;
	font-size: 19px;
	line-height: 26px;
	padding: 0;
	margin: 20px 0 80px;
	font-weight:normal;
}
.markiting-out
{
	background:#f4f4f4;
	padding:70px 0 50px;
}
.markiting-left img
{
	width:100%;
}
.markiting-right h2 {
	color: #3e3e3e;
	font-size: 30px;
	font-weight: normal;
	text-transform:capitalize;
}
.markiting-right p {
	color: #6d6e72;
	font-size: 19px;
	line-height: 26px;
	padding: 0;
	font-weight:normal;
	margin:10px 0 0;
}
.markiting-right
{
	margin:50px 0 0;
	padding:0 0 0 70px !important;
}
.landing-out {
	padding: 70px 0 30px !important;
}
.landing-left img
{
	width:100%;
}
.landing-right h2 {
	color: #3e3e3e;
	font-size: 30px;
	font-weight: normal;
	text-transform:capitalize;
}
.landing-right p {
	color: #6d6e72;
	font-size: 19px;
	line-height: 26px;
	padding: 0;
	font-weight:normal;
	margin:10px 0 0 ;
}
.landing-right
{
	padding:0 70px 0 0 !important;
}
.guitar-right img
{
	width:100%;
	float:right;
}


/*QUESTION-PART-START*/

.question_out
{
	background:url(../images/what-clients-say.jpg) no-repeat fixed center;
	background-size:cover;
	padding:100px 0 70px;
	float:left;
	width:100%;
}
.question_out_inner
{
	text-align:center;
}
.question_out_inner h2 {
	color: #fff;
	font-size:50px;
	margin: 0 0 50px 0;
	text-transform:uppercase;
	position: relative;
	padding:0 0 20px 0;
}
.question_out_inner h2::after {
	content: "";
	position: absolute;
	left: 50%;
	margin: 0 0 0 -13px;
	width: 52px;
	height: 2px;
	bottom: 0px;
	background: #fff;
}
.question_out_inner h2::before {
	content: "";
	position: absolute;
	right: 50%;
	margin: 0 -13px 0 0;
	width: 52px;
	height: 2px;
	bottom: 5px;
	background: #fff;
}
.question_out_inner strong
{
	color:#000;
}

.question_feild {
	background:#fff;
	border: none;
	color: #000;
	font-size: 14px;
	padding: 15px;
	width: 48.7%;
	float: left;
	text-transform: capitalize;
	margin: 0 0 20px 0;
	border-radius:4px;
}
.question_feild input[type="text"], input[type="text"]:focus
{
  outline: 0;
  border:none;
  box-shadow:none;
}

.question_feild:focus {
  outline-color: transparent;
  outline-style: none;
}
.message {
	background: #fff;
	border: none;
	color: #000;
	font-size: 14px;
	padding: 15px;
	border-radius:4px;
	width:100%;
	float: left;
	text-transform: capitalize;
	margin:0;
	height:145px;
}
.right
{
	float:right;
}
.submit_feild
{
	width:830px;
	display:inline-block;
}
.submit_feild a {
	font-size: 15px;
	color: #fff;
	border: 2px solid #fff;
	padding: 10px 40px;
	border-radius: 4px;
	display: inline-block;
	text-decoration: none;
	text-transform: capitalize;
	margin:40px 0 0 0;
	float:left;
}
.submit_feild a:hover
{
	background:#fff;
	color:#44bbff;
	text-decoration:none;
}



.submit_feild ::-webkit-input-placeholder {
  color: #b5b5b5;
}
.submit_feild :-moz-placeholder {
  color: #b5b5b5;
}
.submit_feild :-ms-input-placeholder { /* IE10+ */
  color: #b5b5b5;
}

/*QUESTION-PART-END*/



.our-work-out {
	text-align: center;
	padding:100px 0;
	width:100%;
	float:left;
}

.our-work-out h2
{
	color:#000;
	font-size:50px;
	margin:0;
	position:relative;
	padding:0 0 20px 0;
	text-transform:uppercase;
}
.our-work-out h2::after {
	content: "";
	position: absolute;
	left: 50%;
	margin: 0 0 0 -13px;
	width: 52px;
	height: 2px;
	bottom: 0px;
	background: #de9713;
}
.our-work-out h2::before {
	content: "";
	position: absolute;
	right: 50%;
	margin: 0 -13px 0 0;
	width: 52px;
	height: 2px;
	bottom: 5px;
	background: #de9713;
}
.our-work-out strong
{
	color: #de9713;
	font-weight: inherit;
}

/*tabs*/
.wrapper {
	width: 100%;
	float: none;
	display: inline-block;
	margin:70px 0 0 0;
}
.tabs li {
	float: none;
	display: inline-block;
	margin: 0 20px;
}
.tabs a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
  letter-spacing:1px;
}
.tabs a:hover, .tabs a:focus
{
	text-decoration:none;
	color:#de9713;
}

.tabgroup div {
	margin:40px 0 0 0;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.instrument li {
	width: 32.33%;
	float: none;
	margin: 0 5px 8px 0;
	display: inline-block;
	height: 250px;
}

.instrument img
{
	width:100%;
	height:100%;
	filter: grayscale(100%);
}
.instrument img:hover {
	filter: grayscale(0);
}
/*tabs*/


.free-classes-out
{
	border-top:2px solid #979797;
	margin:0 0 20px 0;
	background:#f9f9f9;
	padding:70px 0;
	width:100%;
	float:left;
}
.classes-left {
	font-size: 18px;
	color: #000;
	text-align: left;
	line-height: 25px;
	border-top: 1px solid #cdcccc;
	border-bottom: 1px solid #cdcccc;
	padding: 30px 0;
}
.classes-right {
	font-size: 40px;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	padding: 5px 0 0;
}
.classes-right a
{
	display:inline-block;
	width:100%;
	color:#de9713;
}
.suscribe-out
{   
	margin:0 0 20px 0;
	background:#f4f4f4;
	padding:70px 0;
	width:100%;
	float:left;
}
.opening-out h2
{
	color:#000;
	font-size:25px;
	margin:0;
	padding:0 0 20px 0;
	text-transform:uppercase;
}
.opening-out li
{
	color:#424242;
	font-size:18px;
	margin:0 0 5px 0;
	text-transform:capitalize;
}
.opening-out li a
{
	color:#424242;
	font-size:18px;
}
.opening-out li a:hover
{
	text-decoration:none;
	color:#de9713;
}
.opening-out b {
	font-style:italic;
}
.opening-out strong
{
	color:#de9713;
}
.opening-out .suscribe-feild {
	width: 100%;
	padding: 13px;
	border: none;
	background: #fff;
	font-size: 18px;
	text-transform: capitalize;
	color: #000;
	border-radius: 4px;
	border: 1px solid #dbdbdb;
}
.opening-out .suscribe-feild:focus {
	border: 1px solid #b0b0b0;
}

.opening-out .btn {
width: 100%;
padding: 10px;
border: none;
background: #de9713;
font-size: 18px;
text-transform: uppercase;

color: #fff;
border-radius: 4px;
margin: 10px 0 0 0;
}

/*inner-pages*/
#owl-demo img
{
width:100%;
}
.our-services-outer {
width: 100%;
float: left;
background-color: #fff;
background: url(../images/security-camera-image.jpg) fixed center top no-repeat;
background-size: cover;
position: relative;
padding: 80px 50px;
}
.our-solution {
font-size: 25px;
color: #fff;
margin-bottom: 40px;
}
.students-activity-outer h4 {
font-size: 30px;
text-align: center;
padding-bottom: 20px;
position: relative;
margin-bottom: 20px;
}
.students-activity-outer p {
font-size: 20px;
text-align: center;
line-height: 35px;
color: #000;
}
.students-activity-outer h4:before {
content: "";
position: absolute;
right: 50%;
margin: 0 -13px 0 0;
width: 52px;
height: 2px;
bottom: 5px;
background: #de9713;
}
.what-clients-says p {
font-size: 18px;
text-align: justify;
line-height: 30px;
background-color: #b71414;
color: #fff;
padding: 40px;
border: none;
box-shadow: -35px -35px 0px #ffffff;
}
.secuirty-box1 {
position: relative;
z-index: 2;
width: 31.3%;
margin: 0 1%;
}
.p0
{
padding:0 !important;
}
.lesson-today-first img {
width: 100%;
}
.finding-antivirus {
width: 100%;
float: left;
padding: 50px 0;
}
.finding-antivirus span {
font-size: 20px;
text-align: center;
width: 100%;
float: left;
margin-bottom: 30px;
line-height: 30px;
}
.finding-antivirus h2 {
font-size: 40px;
color: #000;
text-align: center;
margin-bottom: 20px;
}
.finding-antivirus h3 {
padding-bottom: 20px;
font-size: 25px;
position: relative;
text-align: center;
margin-bottom: 30px;
font-weight: bold;
text-transform: uppercase;
}
.finding-antivirus li:last-child {
margin-right: 0;
width: 100%;
text-align:center;
height: auto !important;
}
.finding-antivirus p {
font-size: 20px;
color: #000;
margin-bottom: 20px;
line-height: 30px;
}
.finding-antivirus h3:after {
content: "";
position: absolute;
left: 50%;
margin: 0 0 0 -13px;
width: 52px;
height: 2px;
bottom: 0px;
background: #de9713;
}
.finding-antivirus h3:before {
content: "";
position: absolute;
right: 50%;
margin: 0 -13px 0 0;
width: 52px;
height: 2px;
bottom: 5px;
background: #de9713;
}
.lesson-today-first {
position: relative;
margin-right: 0;
z-index: 999;
margin-top: 110px;
}
.lesson-today-first:after {
border: 5px #dd9713 solid;
content: "";
position: absolute;
width: 60%;
left: -60px;
height: 60%;
z-index: -1;
top: -40px;
}
.lesson-today-first:before {
content: "";
border: 5px #ececec solid;
width: 270px;
height: 150px;
top: 60px;
z-index: -1;
left: -120px;
position: absolute;
}
.play-piano-out {
border: 20px #bd1515 solid;
padding: 10px 10px 30px !important;
background: #eee;
width: 20.8% !important;
margin: 0 2.1%;
}
.play-piano-in img {
width: 100%;
border: 10px #ffffff solid;
position: relative;
background-color: #fff;
left: -60px;
top: 20px;
box-shadow: 10px 10px 0px #848080c7;
}
section.our-services-outer:after {
content: "";
background-color: #000000c2;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.banner-main-outer {
width: 100%;
float: left;
padding: 170px 0 60px;
margin-top: 0;
background-color: #b71414;
}
.banner-main-outer h1 {
color: #fff;
font-size: 60px;
font-weight: bold;
text-transform: uppercase;
}
.content-services-outer img {
float: left;
margin: 0 20px 20px 0;
position: relative;
padding: 20px;
background-color: #484d64;
box-shadow: 5px 5px 10px #0000007d;
width: 350px;
z-index:1;
}
.our-services-inner {
background-color: #fff;
padding: 40px 30px;
position: relative;
box-shadow: 20px 17px 30px #00000059;
}
.our-services-inner:after {
content: "";
border: 10px #b71414 solid;
width: 200px;
height: 200px;
position: absolute;
left: -50px;
top: -50px;
}
.our-services-inner h3 {
font-size: 35px;
margin-bottom: 15px;
}
.our-services-inner p {
font-size: 18px;
margin-bottom: 10px;
line-height: 30px;
}
.our-services-inner li {
font-size: 17px;
margin-bottom: 10px;
}
.our-services-inner ul {
list-style: circle;
padding: 0 20px 20px !important;
}
.our-services-inner h4 {
font-size: 25px;
display: block;
width: 100%;
margin:10px 0;
border-bottom: 2px #000 solid;
padding: 10px 0;
}
.content-services-outer {
width: 100%;
float: left;
background-color:#eee;
padding:100px 0 40px;
}
.content-services-inner
{
padding:0 !important;
}
.contact-field {
width: 47%;
float: left;
margin-right: 3%;
margin-bottom: 20px;
}
.contact-form h3 {
padding-bottom: 30px;
font-size: 30px;
}
.contact-comment textarea {
width: 97%!important;
float: left;
font-size: 18px;
color: #000;
height: 100px !important;
padding: 5px 15px;
}
.contact-comment {
width: 100%;
float: left;
margin-bottom: 20px;
}
.contact-field input[type="text"], .contact-field input[type="email"] {
padding: 5px 15px;
width: 100%;
float: left;
font-size: 18px;
color: #000;
}
.contact-field input[type="text"]:focus,
.contact-field input[type="email"]:focus
{
border: 2px #000 solid;	
}
.contact-form li {
font-size: 20px;
border-bottom: 1px #000 solid;
padding: 16px 0;
float: left;
margin: 0;
width: 100%;
}
.submit-button {
font-size: 20px;
text-transform: uppercase;
text-align: center;
border: none;
outline: none;
width: auto;
color: #fff;
padding: 12px 40px;
float: left;
cursor: pointer;
background-color: #b71414;
box-shadow: 10px 10px 0px #fff;
}
.submit-button:hover
{
background-color: #fff;
box-shadow: 10px 10px 0px #de9713;
color:#000;	
}
section.contact-form {
width: 100%;
float: left;
background-color: #eee;
padding:150px 0;
}
.contact-left {
background-color: #ffffff;
padding: 30px 50px;
height:430px;
}
.contact-right {
background-color:#7c85ad;
padding: 30px 50px;
height:430px;
position:relative;
}
.contact-right h3 {
padding-bottom: 30px;
font-size: 30px;
color: #fff;
}
.contact-right:after {
content: "";
border: 35px #de9713 solid;
right: -80px;
height: 300px;
width: 300px;
position: absolute;
z-index: -1;
bottom: -90px;
}

#our-services.our-services-outer:after {
content: "";
background-color: #f5efef;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
#our-services .play-piano h2,
#our-services .play-piano-out h3,
#our-services .play-piano-out p,
#our-services .our-solution {
color: #000;
}
#our-services .play-piano-out {
border: 10px #000 solid;
}
#our-services .play-piano-out a {
box-shadow: 10px -10px 0px #000000;
}
#our-services .play-piano-in img {
box-shadow: 10px 10px 0px #de9713;
}
#our-services .play-piano h2::before,
#our-services .play-piano h2::after {
background: #000;
}


.finding-antivirus li:last-child {
margin-right: 0;
}
.finding-antivirus li {
width: 29.1%;
margin: 0 2%;
text-align: justify;
background-color: #eee;
padding: 50px 30px;
height: 400px;
margin-bottom: 20px;
box-shadow: 10px 10px 10px #d1000091;
float: left;
}
.finding-antivirus li:hover
{
background-color:#bd1515;
}
.finding-antivirus li:hover h3,
.finding-antivirus li:hover p
{
color:#fff;
}
.finding-antivirus .col-md-12 {
padding: 0;
}
.lesson-today-in:hover
{
background-color:#000;
}
.finding-antivirus:after:hover
{
content: "";
position: absolute;
left: 50%;
margin: 0 0 0 -13px;
width: 52px;
height: 2px;
bottom: 0px;
background: #fff !important;
}
.lesson-today-in ul
{
list-style:disc !important;
margin:0;
padding:0;
}
.lesson-today-in li
{
color:#fff;
font-size:20px;
text-align:left;
padding-bottom: 10px;
}
ul.float-right {
float: right;
width: 40%;
}
ul.float-left {
float: left;
width: 50%;
}
.types-of-cctv-outer
{
width:100%;
float:left;
padding:50px 0;
}
.types-of-cctv-outer h4 {
font-size: 30px;
padding-bottom: 15px;
}
.types-of-cctv-outer p {
font-size: 19px;
margin-bottom: 25px;
color: #000;
line-height: 35px;
text-align: justify;
}
.types-of-cctv-outer ul
{
margin-top:30px !important;
width:100%;
float:left;
}
.types-of-cctv-outer li {
padding: 10px 20px;
color: #fff;
border-bottom: 1px #fff solid;
margin: 0;
display: inline-block;
font-size: 20px;
background-color: #000;
border-radius: 30px;
margin: 0 10px 10px 10px;
}
.types-of-cctv-outer h5 {
font-size: 25px;
border-bottom: 1px #000 solid;
padding-bottom: 13px;
}