body { font-family: 'Roboto Slab', serif; margin: 0; font-size: 15px; padding: 0; background: #000; color: #fff; }
* { margin: 0; padding: 0; font-family: 'Roboto Slab', serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; }
img { max-width: 100%; }
a { text-decoration: none; color: #FFAA00; }
.container { width: 1050px; margin: 0 auto; position: relative; }
.clear { clear: both; }
.top-area { background: url(../images/top_bg.jpg) no-repeat center top / 100%; padding-bottom: 50px; }
.navigation li { display: inline-block; padding: 30px 10px; font-size: 16px; list-style: none; }
.navigation li a { color: #fff; font-weight: 400; }
.navigation li a:hover, .navigation li.active a { color: #FFAA00; }
.logo { float: left; }
.navigation { float: right; margin-top: 30px; }
.header { padding: 30px 0; }
.about-img { background: url(../images/about-img.jpg) no-repeat center / cover; width: 550px; bottom: 0; position: absolute; left: 0; top: 0; }
.about-page { background: #1a1133; color: #fff; position: relative; padding: 30px 30px 50px 0; }
.abt-txt { padding-left: 580px; }
.abt-txt h2 { font-size: 36px; font-weight: 400; margin-bottom: 20px; }
.abt-txt p { color: #d9cdfa; margin-bottom: 10px; }
.testm-sec { float: left; width: 50%; position: relative; }
.event-sec { float: left; width: 50%; position: relative; }
.inr-bx { background: #1a1133; }
.testm-img { position: absolute; left: 0; top: 0; background: url(../images/testm.jpg) no-repeat center / cover; bottom: 0; width: 272px; bottom: 0; }
.testm-txt{ overflow:hidden;}
.testm-txt .testimonials-list li p {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 400;
    letter-spacing: 0.25px;
    line-height: 17px;
}
.testm-txt li .client-name p{font-size: 12px; color:#fff; margin:0;}
.testm-txt li .client-name span{font-size: 11px;}
.testm-txt .testimonials-list .client-name{ position:static; border-bottom:1px dotted #d9cdfa; padding-bottom:10px;}
.testm-txt .testimonials-list li{ background-color:rgba(0,0,0,0); padding:0; margin:0 0 10px 0;}
.testm-txt .testimonials-list .client-name::after{ border:0;}

.testm-txt { padding: 20px 20px 20px 285px; height: 260px; }
.event-img { position: absolute; left: 0; top: 0; background: url(../images/event.jpg) no-repeat center / cover; bottom: 0; width: 272px; bottom: 0; }
.event-txt { padding: 20px 20px 20px 285px; height: 260px; }
.testm-txt h2 { font-size: 30px; margin: 0 0 20px; color: #fff; font-weight: 400; }
.testm-txt p { font-size: 11px; color: #d9cdfa; margin-bottom: 12px; }
.video-bx {/*background: url(../images/videos-bg.jpg) no-repeat center / 100%;*/ padding: 50px 0; }
.video-bx-inr { position: relative; }
.video-bx-inr h2 { position: absolute; top: 20px; font-size: 35px; font-weight: 400; left: 20px; }
.comedian-img { float: left; }
.btm-form-cont { padding: 50px 0 0 420px; }
.btm-form-cont h2 { position:static; font-size: 35px; margin-bottom: 20px; font-weight: 400; }
.btm-form-cont p { margin-bottom: 20px; color: #fff; font-size: 14px; }
.comedian-content-bx li { width: 30%; list-style: none; padding-left: 20px; background: url(../images/btm-arw.png) no-repeat left center; display: inline-block; margin-bottom: 15px; }
.comedian-content-bx ul { margin-bottom: 20px; }
.form50 { padding: 0 15px; float: left; margin-bottom: 20px; width: 50%; }
.form100 { padding: 0 15px; width: 100%; margin-bottom: 20px; }
.form-btm input { border: 1px solid #262323; width: 100%; border-radius: 5px; padding: 10px 20px; color: #fff; background: #000; }
.form-btm textarea { border: 1px solid #262323; resize: none; height: 100px; border-radius: 5px; padding: 10px 20px; color: #fff; background: #000; width: 100%; }
.form-btm .form-btn input { border: 1px solid #ffaa00; border-radius: 5px; width: auto; cursor: pointer; padding: 10px 20px; color: #ffaa00; background: #000; }
.form-btm .form-btn input:hover { background: #ffaa00; color: #fff; }
.form-btn { padding: 0 15px; }
.form-btm { margin: 0 -15px; }
.btm-form .container { padding: 30px 0; position: relative; }
.comedian-img { position: absolute; bottom: 0; left: 0; }
.inr-container { padding: 50px 0; position: relative; width: 760px; margin: 0 auto; }
.cmn-head h2 { font-weight: 400; font-size: 35px; margin-bottom: 10px; }
.cmn-head { margin-bottom: 30px; }
.about-list li { list-style: none; margin-bottom: 20px; width: 32%; text-align: center; display: inline-block; }
.about-list img { border-radius: 5px; border: 1px solid #fff; margin-bottom: 10px; }
.event-title h3 { font-size: 25px; font-weight: 200; color: #fff; margin: 0 0 10px; }
.event-title ul { padding: 0; }
.event-title li { display: inline-block; color: #d9cdfa; font-size: 15px; padding: 0 20px; }
.event-title li:first-child { padding-left: 0; border-right: 1px solid #ccc; }
.event-title { border-bottom: 1px dashed rgba(255,255,255,0.2); padding-bottom: 10px; margin-bottom: 20px; }
.events-list { padding: 30px; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); background: rgba(255,255,255,0.03); margin-bottom: 30px; }
.events-list:first-child { border: none; }
.event-title { position: relative; }
.events-logo { position: absolute; left: 0; top: 0; }
.testimonials-list li { background: rgba(255,255,255,0.05); padding: 20px; list-style: none; margin-bottom: 100px; position: relative; }
.testimonials-list li p { font-size: 14px; font-family: Verdana, Geneva, sans-serif; font-weight: 400; letter-spacing: 0.25px; line-height: 26px; }
.testimonials-list .client-name { top: 100%; position: absolute; margin-top: 10px; left: 30px; }
.testimonials-list .client-name p { font-size: 18px; }
.testimonials-list .client-name span { font-size: 12px; }
.testimonials-list .client-name:after { width: 0px; height: 0px; border-left: 0 solid transparent; border-right: 25px solid transparent; border-top: 30px solid #261D3D; content: ""; position: absolute; left: -30px; top: -10px; }
.contact-bx { background: #000; }
.contact-bx .btm-form-cont { padding-left: 300px; }
.contact-bx .comedian-img { width: 250px; }
.cont-list { margin-bottom: 10px; }
.videos-list { margin-bottom: 20px; }
.banner .item p { background: rgba(0,0,0,0.7); padding: 10px; color: #fff; font-size: 35px; font-weight: 400; display: inline-block; position: absolute; left: 0px; bottom: 0px; }
.banner .item { position: relative; }
.video-hold { background: #000; }
.phone-nm { position: absolute; top: 25px; right: 0px; color: #fff; }
.phone-nm a { font-size: 18px; padding-left: 32px; background: url(../images/phone-icon.png) no-repeat left center; color: #fff; }
.image-gallery {padding:50px 0 0; border-top:1px solid rgba(255,255,255,0.2);}
.videos-list-main {padding-bottom:50px;}
.image-gallery a {width:25%; float:left; padding: 10px;}
.videos-list-main a {float:left; width:33.333%; padding:10px;}
.videos-list-main p {color:#fff; font-size:18px; margin-top:10px;}
.footer {padding:20px 0; font-size:12px; color:#666; background:#111; text-align:center;}
.videos-inr {float:left; width:33.333%; text-align:center;}
.videos-inr img {width:150px;}
.testimonial-slider {height:500px;}

@media screen and (max-width:1100px){
.container {width:700px;}
.inr-container {width:80%;}
.about-img {width:320px;}
.abt-txt {padding-left:350px;}
.testm-sec, .event-sec {width:100%; margin:20px 0 0;}
.comedian-img {width:300px;}
.video-bx {padding:0;}
.btm-form .container {padding:0 0 50px;}
.btm-form-cont {padding:0 0 0 350px;}

}

@media screen and (max-width:767px){
.container {width:90%;}
.about-list ul {text-align:center;}
.about-list li {width:47%; vertical-align:top;}
.inr-container {width:90%;}
.cmn-head h2 {font-size:25px;}
.image-gallery a {width:50%; padding:5px;}
.videos-list-main a {width:50%;}
.about-img {width:100%; height:250px;}
.abt-txt {padding:270px 10px 0; width:100%;}
.abt-txt h2 {font-size:25px;}
.testm-img {width:100%; height:150px;}
.event-img {width:100%; height:150px;}
.event-txt, .testm-txt {padding:170px 10px 20px; height:auto;}
.comedian-img {position:static; float:none; width:100%;}
.btm-form-cont {padding:0;}
.btm-form-cont {margin-top:20px;}
.form50 {width:100%;}
.contact-bx .btm-form-cont {padding:0;}
.btm-form-cont h2 {font-size:25px;}
.logo {width:80px;}
.toggleMenu span {margin:4px 0; background:#fff; display:block; width:30px; height:3px; background:#fff;}
.toggleMenu {position:absolute; right:0; top:70px;}
.nav {width:100%; background:#111; position:absolute; display:none; top:100%; left:0; top:120px; z-index:99;}
.nav li {width:100%; padding:0; border-bottom:1px solid rgba(255,255,255,0.1); font-size:13px;}
.nav li:hover {background:#222;}
.nav li a{padding:10px 15px; width:100%; display:block;}
.banner .item p {font-size:16px; position:static;}
}