/*
Theme Name: Miazab
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700);

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

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

/*fixed footer*/
html {min-height: 100%;position: relative;}
body{ margin:0 0 300px;min-height: 100%;}
footer {bottom: 0;left: 0;padding: 0;position: absolute;right: 0;width: 100%;}
/*fixed footer*/


body,html,p{padding:0px; font-family: 'Georgia'; font-weight:400 !important;}
*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article {display:block;}
.clear{padding:0; margin:0; line-height:0; height:0; font-size:0; clear:both; width:100%; display:block;}
h1, h2, h3, h4, h5, h6 {padding:0; margin:0; font-weight:normal;}

body *{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul li{list-style:none;}
input,button{outline:none; border:none;}
a, a:hover, a:focus{text-decoration:none; outline:none;}
a:active,a:hover {outline:0;}
button{transition:all .5s;}
:focus{outline:none;}
img{border:none;}

/********Main Css********/

header{background:#3c3c3c; margin-bottom:50px;}
header .topLogo{display:block; text-align:left; margin:10px 0;}
header .topLogo a{display:inline-block;}
header ul.topSocal{display:inline-block; width:100%; text-align:right; list-style:none; margin:50px 0 0;}
header ul.topSocal li{display:inline-block; background:#FFF; height:30px; width:30px; text-align:center; border-radius:100%; margin:0 5px; -webkit-transition:alll .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
header ul.topSocal li a{color:#000; line-height:30px; font-size:18px;}
header ul.topSocal li:hover{background:#e40000;}
header ul.topSocal li:hover a{color:#FFF;}

.intopSocal {display:inline-block; width:100%; text-align:left; list-style:none; margin:0;}
.intopSocal li{display:inline-block; background:#000; height:30px; width:30px; text-align:center !important; border-radius:100%; margin:0 5px !important; -webkit-transition:alll .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.intopSocal li a{color:#fff; line-height:30px; font-size:18px;}
.intopSocal li span{color:#000;float : left;}
.intopSocal li:hover{background:#e40000;}
.intopSocal li:hover a{color:#FFF;}

.srlCont{margin-bottom:35px;}
.about{margin-bottom:50px;}

.srlCont h3{font-size:40px; color:#e40000; text-transform:uppercase;}
.srlCont p, .about p{font-size:13px; color:#787878; margin:10px 0;}
#scroll{padding-top:0; padding-right:20px;}
.menucss{float:right;}
.home-thumb{margin-top:7px;}
@media (min-width: 992px){.home-container{padding-top:50px;}}

.brokenGlas{margin-bottom:50px;}
.brokenGlas h3{font-size:18px; margin:10px 0; font-style:italic;}
.brokenGlas h3 a{font-size:18px; margin:10px 0; font-style:italic; color:#3c3c3c;}
#broken .item figure img{height:190px;}
#broken .owl-controls{position:absolute; right:-150px; top:10px; z-index:9; width:50px;}


.project{margin-bottom:30px;}
.project .proj{position:relative; display:table; margin:auto;}
.project .proj .projCont{position:absolute; background:rgba(207, 221, 5, .60); text-align:center; font-size:80px; color:#FFF; text-transform:uppercase; height:100%; width:100%; padding-top:50%;}
.project .listProj{list-style:none; text-align:center;}
.project .listProj li{display:inline-block; width:45%; margin-left:30px; text-align:center; margin-bottom:20px; float:left;}
/*.project .listProj figure{display:inline-block; height:210px; width:100%;}*/
.project .listProj figure img{width:360px; height:239px;}

.project .listProj figure{display:inline-block; height:239px;}

.project .listProj h3{font-size:16px; color:#000; margin:15px 0 0;font-style:italic; height:40px ;overflow: hidden;}
.project .listProj a{color:#e40000; font-size:16px; text-decoration:underline; font-style:italic;}

.inText h2{font-size: 24px;}

.project .listProj_2 figure img{width:360px !important; height:190px!important;}
.project .listProj_2 figure{height:190px !important;}


/********************************** listDiscography ****************************/
.projectDiscography{margin-bottom:30px;}
.projectDiscography .listDiscography{list-style:none;}
.projectDiscography .listDiscography figure{display:inline-block;text-align: center;width: 70%}
.projectDiscography .listDiscography figure img{height:210px;width: 100%}
.projectDiscography .listDiscography h3{font-size:16px; color:#000; margin:15px 0;font-style:italic;height:40px ;overflow: hidden;}
.projectDiscography .listDiscography p{font-size:13px; color:#787878; text-align: center !important;}
.projectDiscography .listDiscography a{color:#e40000; font-size:16px; text-decoration:underline; font-style:italic;}
.projectDiscography .listDiscography li {display:inline-block; width:40%; margin-left:30px; text-align:center !important; margin-bottom:20px; float:left;}
/********************************** listDiscography ****************************/


/********************************** audio-vedio page ****************************/
.vedioHeight{margin-bottom: 20px!important;}
.vedioHeight h4{margin: 20px 0 10px !important;}
.vedioHeight p{margin:0 !important;}
.audio-vedio h3,.projectHead h2{ text-align:center !important;font-family: "FutworaPro-Bold";font-size: 18px;margin-top: 20px;padding: 15px 0px;text-transform:uppercase;}
.audio-vedio h2{ background: rgba(120, 120, 120, 0.6) none repeat scroll 0 0;font-size: 22px;text-transform:uppercase;font-weight: 500px;padding: 15px 15px;}
.audio-vedio ul,.audio-vedio li{ margin: 40px 0; }
.audio-vedio span { margin-left: 10px; }
/********************************** audio-vedio page ends ****************************/


.video{margin-bottom:30px;}
.video .vidBox{position:relative;}
.video .vidHead{position:absolute; top:30px; text-align:center; width:100%; font-size:40px; color:#FFF;font-style:italic;}
.video .vidLink{position:absolute; bottom:30px; text-align:center; width:100%; font-size:30px; color:#FFF; font-style:italic; text-decoration:underline;}


.gallery{margin-bottom:30px;}
.galryList{width:100%; float:left; text-align:center;}
.galryList li{width:48%; display:table-cell; vertical-align:middle;}
.galryList h3{font-size:13px; color:#000;}
.galryList h3 a{font-size:20px; color:#000;}
.galryList p{padding:0 15px; color:#939393; font-size:13px;}

.promGalry{padding:20px; text-align:center;}
.promGalry figure{display:inline-block; position:relative;}
.promGalry .promText{position:absolute; background:rgba(255,159,17,0.6); height:100%; top:0px; bottom:0px; padding-top:22%;}
.promGalry .promText p{text-align:center; padding:0 30px; font-size:20px; color:#FFF; line-height:25px;}

.galleryPic{background:#3c3c3c; text-align:center; display:inline-block; width:100%;}
.galleryPic h3{color:#FFF; margin:50px 0; font-size:40px; text-transform:uppercase;}
.galleryPic a{color:#FFF; font-size:18px; text-decoration:underline; font-style:italic;}




/***********gallery box*********/

.galleryBox a{ margin-right:10px; position:relative; float:left; margin-bottom:5px; width:30%;}
.galleryBox a:nth-child(4){ margin-right:5px;}
.galleryBox a img{ border:3px solid #75aa21;width:100%;}
.galleryBox a img:hover{ border-color:#00447c; opacity:0.9;}
.galleryBox .zoomIcon{ position:absolute; top:40%; width:100%; text-align:center; z-index:2;}
.galleryBox .zoomIcon img{ border:none; opacity:0;transition: opacity 600ms ease 0s, border-radius 600ms ease 0s; -webkit-transition: opacity 600ms ease 0s, border-radius 600ms ease 0s; -moz-transition: opacity 600ms ease 0s, border-radius 600ms ease 0s;}
.overLayBg{ background:rgba(0,0,0,0.4); opacity:0; width:100%; height:100%; position:absolute; top:0; border:3px solid #00447c; border-radius:5px; z-index:1;}
.galleryBox a:hover .zoomIcon img, .galleryBox a:hover .overLayBg{ opacity:1;}
.galleryBox {margin-top: 15px;   }
/***********gallery box*********/




footer{background:#f0f0f0; font-family: 'FutworaPro-Bold';}
footer p{font-family: 'FutworaPro-Bold';}
footer .footText{margin:50px 0; font-size:16px; color:#656565;}
footer .footCont{text-align:right; margin-top:50px; font-size:16px; color:#000;}
footer .footCont a{color:#666;}
footer .copyRight{background:#3c3c3c; color:#e3e3e3; height:50px; line-height:50px; text-align:center; font-size:16px;}



/* =========== INNER PAGE CSS =========== */
.inMenu #cssmenu{text-align:left;}
.contBorder{border-left:1px solid #000; width:100%; float:left; margin-left:-15px; padding-left:15px;}
.contBorder .inText{margin:30px 0; float:left; width:100%;}
.contBorder .rightImage{float:right; margin:0 0 15px 15px;}
.contBorder .leftImage{float:left; margin:0 15px 15px 0;}

.inText p,.inText ul li{font-size:16px; color:#616161; line-height:30px; margin:15px 0; text-align:justify;}
.inBanner{}
.inBanner figure{position:relative; text-align:center; width:100%;}
.inpageBanner figure, .inpageBanner figure img,.inBanner figure img{width:100%;}
.inBanner figure .bnrText{position:absolute; font-family: 'FutworaPro-Bold'; width:100%; bottom:50px; z-index:2;}
.inBanner figure .bnrText h3{font-size:55px; color:#FFF; text-transform:uppercase; font-weight:bold;}
.inBanner figure .bnrText p{background:rgba(255,255,255,0.8); display:inline-block; padding:15px 25px; color:#000; font-size:20px; margin-top:20px; font-family: 'FutworaPro-Bold';}

.bio{float:left; width:100%; text-align:center;}
.bio h3 a{margin:15px 0; display:block; font-size:22px; color:#000; text-align:left;}
.bio .bioImg{float:left; width:100%;}
.bio .bioImg figure{display:inline-block; margin-right:2px;}
.bio .bioBtn{border:1px solid #e10101; color:#e10101; font-size:16px; text-transform:uppercase; padding:15px 25px; display:inline-block; margin:50px 0; font-family: 'FutworaPro-Bold';}
.bioBtn2 {border: 1px solid #e10101;color: #e10101;display: inline-block;font-family: "FutworaPro-Bold";font-size: 11px;margin: 0;padding: 0 15px;text-transform: uppercase; }
.margin-btm{margin-bottom: 20px}
.margin-btm2{margin-bottom:10px}
.bio span{margin:0 0 25px 0px; display:block; font-style:italic; font-size:12px; color:#000;}

/* =========== INNER PAGE CSS =========== */

/* =========== Offer Pop up CSS =========== */

.offerBtn { display: inline-block; margin-left: 10px;}
.offerBtn a {
  color: #fff !important;
  font-size: 12px !important;
  font-style: normal !important;
  text-decoration: none !important;
  background-color: #3b3b3b;
  padding: 5px 5px;
}
div.wpcf7 p{font-family: "FutworaPro-Bold";font-size: 14px;padding:5px 0px;text-transform:uppercase;}
div.wpcf7 span,.wpcf7-validation-errors{font-size: 12px;}
.wpcf7-validation-errors,.wpcf7-mail-sent-ok{text-align:center!important;font-family: "FutworaPro-Bold";text-transform:uppercase;}
.popup_form{padding:30px 15px;!important}
form.wpcf7-form {margin: auto;width: 90%;}
.wpcf7-form-control-wrap input[type="text"],.wpcf7-form-control-wrap input[type="tel"],.wpcf7-form-control-wrap input[type="email"]{width:100%;}

/* =========== Offer Pop up CSS =========== */

.capital {
    text-transform: uppercase;
}

.newsPanel p{margin:0px !important;}
@media all and (max-width:1199px) {
.project .listProj_2 li{width:43%;}
.project .proj .projCont{font-size:75px;}
.projectDiscography .listDiscography li {width:40%;}
/********************************** listDiscography ****************************/

.galleryBox a img{ width:100%;}
.galleryBox .zoomIcon img{ width:auto;}
.project .listProj h3{height:auto;}
}



@media all and (max-width:991px) {
#scroll{padding:0 15px;}
#broken .owl-controls{position:relative; right:-150px; top:10px; z-index:9; width:auto; right:0px; top:0px;}
#broken .owl-controls .owl-dots .owl-dot{display:inline-block;}
.project .listProj li{margin:0 2.5% 20px; width:45%;}
.projectDiscography .listDiscography li {margin:0 2.5% 20px; width:45%;word-wrap: break-word;}

.galryList{width:50%; float:none; margin:auto;}
.galleryPic{width:50%; float:none; margin:20px auto; display:table;}
.promGalry{display:inline-block; padding:8px 20px;}

/* =========== INNER PAGE CSS =========== */
.contBorder{border-left:0px; margin-left:0; padding-left:0;}
.bio h3 a{text-align:center;}
/* =========== INNER PAGE CSS =========== */
}


@media all and (max-width:767px) {
html,body{overflow-x:hidden;}
body{min-height:0;}
html {min-height: 0;}
.srlCont{text-align:center;}
.srlCont figure{display:inline-block;}
.galryList{display:none;}
.galleryPic{padding:20px 0 55px; width:100%;}
.gallery{text-align:center;}
.promGalry{padding:0 20px;}
.inText ul li h3{text-align:center; font-size:16px;}
.inText ul li p{margin-top:0px; line-height:24px;}
.inText p{text-align:center;}

.galleryBox{ padding:0 15px; text-align:center;}
.galleryBox .zoomIcon img {width: 20px;height: 27px;}
.vedioHeight iframe{height: 360px !important;}


#colorbox{
  width:93% !important;
  left:15px !important;
  right:15px !important;
}

.contBorder .rightImage, .contBorder .leftImage{float:none; margin:15px 0; display:inline-block;}

#cboxWrapper,#cboxContent,#cboxLoadedContent{
  width:100% !important;
}
#cboxMiddleLeft{
  height:auto !important;
}
.inText{text-align: center;}

body {margin-bottom: 0;}
footer{position:relative; margin-top:30px;}
.projectDiscography .listDiscography figure {margin-bottom: 15px;}
}

@media all and (max-width:699px) {
header{text-align:center;}
header .col-xs-6{width:100%;}
header .topLogo{text-align:center;}
header ul.topSocal{text-align:center; margin:0 0 30px;}
header{margin-bottom:15px;}
.promGalry{width:100%;}
.galleryPic{display:inline-block; float:none;}
.srlCont h3{margin:15px 0;}
.video .vidHead{position:relative; color:#e40000; top:0px; margin:10px 0; font-size:30px;}
.video .vidLink{position:relative; color:#e40000; bottom:0px; margin:5px 0; font-size:30px;}
footer div[class|=col-xs]{width:100%;}
footer .footCont{margin:0 0 30px; text-align:center;}
footer .footText{text-align:center; margin:30px 0 20px;}

.inBanner figure .bnrText{bottom:30px;}
.inBanner figure .bnrText h3{font-size:40px;}
.inBanner figure .bnrText p{font-size:18px; padding:10px 15px;}

.projectDiscography .listDiscography h3{font-size:14px;}
.project .listProj figure img{width:300px; height:200px;}

.project .listProj figure{display:inline-block; height:200px;}

}


@media all and (max-width:550px){
.es_shortcode_form{text-align:center;}
.project .listProj figure, .project .listProj figure img{height:150px;}
.projectDiscography .listDiscography figure,.projectDiscography .listDiscography figure img{height:150px;}

#colorbox{
  width:90% !important;
}

}

@media all and (max-width:480px) {
.galleryPic{width:100%;}
.project .listProj li{width:100%; margin:0px 0px 20px;}
.project .listProj h3{height:auto;}
.project .listProj figure, .project .listProj figure img{height:auto; width:auto; text-align:center;}
.project .listProj figure img{display:inline-block;}
.project .proj .projCont{font-size:50px;}

.projectDiscography .listDiscography figure,.projectDiscography .listDiscography figure img{height:auto;text-align:center;}
.projectDiscography .listDiscography figure img{display:inline-block;}
.projectDiscography .listDiscography h3{height:auto;}
.projectDiscography .listDiscography li {width:100%; margin:0px 0px 20px;}

.video .vidHead{margin:5px 0; font-size:20px;}
.video .vidLink{margin:5px 0; font-size:20px;}
.promGalry .promText{padding-top:12%;}
.audio-vedio iframe{height: auto !important; width: auto !important;}

.inBanner figure .bnrText{bottom:30px;}
.inBanner figure .bnrText h3{font-size:30px;}
.inBanner figure .bnrText p{font-size:14px; padding:10px;}

.galleryBox a{ width:100%; margin: 10px 0;}
}