/*------------------------------------------
:::::GLOBAL CSS SECTION
------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700|Raleway:100,300,400,500,700&display=swap');

@font-face {
	font-family: 'Conv_TheNautiGal ROB';
	src: url('../fonts/TheNautiGal ROB.eot');
	src: local('☺'), url('../fonts/TheNautiGal ROB.woff') format('woff'), url('../fonts/TheNautiGal ROB.ttf') format('truetype'), url('../fonts/TheNautiGal ROB.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #6a6a6a;
    line-height: 24px !important;
    font-weight: 400;
}
button:focus{
    outline: none;
}
ul {
    margin: 0;
    padding: 0;
}
ul li {
    list-style: none;
}
a {
    text-decoration: none !important; color: #531168;
}

a:hover{ color: #000; }

@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url("../fonts/fa-light-300.eot");
  src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), 
  url("../fonts/fa-light-300.woff2") format("woff2"), 
  url("../fonts/fa-light-300.woff") format("woff"), 
  url("../fonts/fa-light-300.ttf") format("truetype"), 
  url("../fonts/fa-light-300.svg#fontawesome") format("svg"); }

.fal {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300; 
}
.btn:hover, .btn:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

img{ max-width: 100%; }

.logo{ width: 20%; float: left; }

.socl_menu_area{ width: 80%; float: right; }

 header{ width: 100%; position: absolute; left: 0; top: 0; padding-top: 12px; z-index: 9999; }

.home_slider_area{ position: relative; border-bottom: 8px solid #55146b; }

.home_slider_area img{ width: 100% !important; }

.bnr_cpsn{ position: absolute; font-family:'Conv_TheNautiGal ROB',Sans-Serif; width: 50%; font-size: 140px; color: #fff; 
    background: rgba(1,0,1,.49); left: 0; top: 60%; transform: translateY(-50%); padding: 15px 40px 30px 0; line-height: 130px; 
    text-align: center; border-radius: 0 100px 100px 0; }

.bnr_cpsn span{ display: block; text-align: right; }

.bnr_cpsn span b{ color: #9a71ab; font-weight: 400; }

.bnr_cpsn.bbtn{ background: none; }

.bnr_cpsn a{ font-size: 22px; color: #ffffff; text-transform: uppercase; font-weight: 300; padding: 15px 30px; line-height: 30px; 
    display: inline-block; border-radius: 30px; font-family: 'Roboto', sans-serif; background: rgba(85,20,107,1);
    background: -moz-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85,20,107,1)), color-stop(100%, rgba(175,143,189,1)));
    background: -webkit-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -o-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -ms-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: linear-gradient(to right, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55146b', endColorstr='#af8fbd', GradientType=1 );  }

.home_slider_area .owl-theme .owl-nav.disabled + .owl-dots{ margin-top: -40px; width: 100%; text-align: center; position: absolute; }

.home_slider_area .owl-theme .owl-dots .owl-dot span{ width: 15px; height: 15px; background: url(../images/slider_bullet.png) no-repeat center; background-size: contain; }

.home_slider_area .owl-theme .owl-dots .owl-dot.active span{ background: url(../images/slider_bullet_hover.png) no-repeat center; background-size: contain; }

.socl_cntct{ padding-top: 4px; }

.top_socl{ float: right; text-align: right; }

.top_socl ul{ margin: 0; padding: 0; }

.top_socl ul li{ list-style: none; display: inline-block; padding: 3px 12px; border-left: 1px solid #201d22; }

.top_socl ul li:first-child{ border: none; }

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

.top_cntct{ float: right; text-align: right; }

.top_cntct ul{ margin: 4px 0 0; padding: 0; }

.top_cntct ul li{ list-style: none; display: inline-block; margin-right: 20px; }

.top_cntct ul li a{ color: #7e7d7e; transition: .5s ease; }

.top_cntct ul li a:hover{ color: #cccccc; }

.top_cntct ul li:last-child{ background: url(../images/top_eml.png) no-repeat left center; padding-left: 30px; }

.top_cntct ul li:first-child{ background: url(../images/top_call.png) no-repeat left center; padding-left: 30px; }

.navbar-light .navbar-nav .nav-link{ color: #9b9b9b; font-size: 17px; font-weight: 300; border-radius: 20px; padding: 10px 12px; transition: .5s ease; }

.menu_area{ text-align: right; }

.navbar-nav{ width: 100%; text-align: right; display: block; }

.menu_area ul.navbar-nav li{ display: inline-block; }

.navbar{ padding-right: 0; }

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover{ color: #ffffff !important; background: rgba(85,20,107,1);
    background: -moz-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85,20,107,1)), color-stop(100%, rgba(175,143,189,1)));
    background: -webkit-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -o-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -ms-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: linear-gradient(to right, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55146b', endColorstr='#af8fbd', GradientType=1 );
}

.wlcm_area{ padding: 90px 0; }

.wlcm_area h2{ color: #858585; font-size: 45px; font-weight: 100; margin-bottom: 25px; background: url(../images/wlcm_bg.png) no-repeat left center; padding-left: 100px; }

.wlcm_area h2 strong{ display: block; color:#531269; font-weight: 500; }

.wlcm_area p{ color: #8b8b8b; font-weight: 300; }

.wlcm_area a{ font-size: 18px; color: #ffffff; text-transform: uppercase; font-weight: 300; margin-top: 25px; padding: 10px 20px; 
    display: inline-block; border-radius: 20px; background: rgba(85,20,107,1);
    background: -moz-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85,20,107,1)), color-stop(100%, rgba(175,143,189,1)));
    background: -webkit-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -o-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -ms-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: linear-gradient(to right, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55146b', endColorstr='#af8fbd', GradientType=1 ); 
}

.wlcm_area a:hover{ background: #531269; }

.prjct_area{ background: url(../images/bg1.jpg) repeat-x top center; padding: 70px 0 40px; text-align: center; color: #ffffff; }

.prjct_area h2{ font-size: 38px; text-transform: uppercase; margin-bottom: 15px; font-weight: 500; color: #ffffff; }

.prjct_area h2 strong{ color: #ac8bbb; font-weight: 500; }

.ech_prjct{ text-align: center; color: #ffffff; margin-top: 60px; }

.ech_prjct img{ width: 100%; filter: grayscale(100%); }

.ech_prjct h3{ color: #29262a; font-size: 25px; text-transform: uppercase; margin-top: 30px; }

.ech_prjct:hover img{ filter: grayscale(0%); }

.vdo_hdng h2{ color: #ae8ebd; text-align: center; font-weight: 500; background: url(../images/hdng_bg1.png) no-repeat center top, url(../images/hdng_bg2.png) no-repeat center bottom;
padding-top: 55px; padding-bottom: 15px; margin-top: 50px; text-transform: uppercase; font-size: 38px; }

.vdo_hdng h2 strong{ color: #0c0d12; font-weight: 500; }

.vdo_area{ position: relative; }

.vdo_area img{ width: 100%; }

.vdo_cntnt{ position: absolute; cursor: pointer; z-index: 99; width: 100%; text-align: center; left: 0; top: 50%; transform: translateY(-50%); color: #ffffff; }

.vdo_cntnt h2{ background: url(../images/play.png) no-repeat center top; padding-top: 150px; font-size: 50px; font-weight: 300; color: #ffffff; }

.upcmng_area{ padding-top: 20px; }

.upcmng_area img{ width: 100%; margin-bottom: 25px; }

.upcmng_area h3{ font-size: 25px; color: #29262a; margin: 0 0 2px; padding: 0; text-transform: uppercase; }

.upcmng_area p{ color: #737373; font-size: 16px; }

.upcmng_area .vdo_hdng{ margin-bottom: 40px; }

.photo_glry ul{ list-style: none; margin: 0; padding: 0; }

.photo_glry img{ width: 100%; }

.glry1 ul li{ width: 33.3333%; float: left; list-style: none; margin: 0; padding: 0; }

.glry2 ul li{ width: 50%; float: left; list-style: none; margin: 0; padding: 0; }

.glry2 ul li:hover img, .glry1 ul li:hover img{ filter: grayscale(100%); }

.owl-carousel .owl-item img{ width: auto; }

.partners .vdo_hdng{ margin-bottom: 39px; }

.partners{ padding-bottom: 90px; }

footer{ border-top: 9px solid #9d75af; background: #1d1d1d; }

.ftr_logo{ padding: 40px 0 30px; }

.ftr_logo img{ max-width: 100%; }

.each_ftr_blck{ width: 33.3333%; float: left; }

.qc{ background: #121111; min-height: 360px; }

.qck_lnk{ margin: 60px 0 0 25px; }

.qck_lnk h4{ color: #fefffe; margin-bottom: 22px; font-weight: 700; }

.qck_lnk h4 span{  font-size: 22px; display: inline-block; padding-right: 60px; background: url(../images/hdng_bg.png) no-repeat right bottom 10px; font-weight: 700; }

.qck_lnk ul{ margin: 0; padding: 0; width: 50%; float: left; }

.qck_lnk ul li{ list-style: none; background: url(../images/ftr_blt.png) no-repeat left center; padding-left: 25px; margin-bottom: 10px; }

.qck_lnk ul li a{ color:#ffffff; transition: .5s ease; font-weight: 300; }

.qck_lnk ul li a:hover{ color: #9d75af; }

.infrmsn{ margin: 60px 0 0 25px; }

.infrmsn h4{ color: #fefffe; margin-bottom: 22px; font-weight: 700; }

.copy{ background: #000000; padding: 15px 0; font-size: 15px; font-weight: 300; color: #ffffff; }

.copy a{ color: #9d75ae; transition: .5s ease; text-decoration: underline; }

.copy a:hover{ color: #fff; }

.infrmsn ul{ margin: 0; padding: 0; }

.infrmsn ul li{ padding-left: 44px; margin-bottom: 15px; font-size: 16px; font-weight: 300; color: #fefffe; }

.infrmsn ul li a{ color: #fefffe; transition: .5s ease; }

.infrmsn ul li.adrs{ background: url(../images/adrs.png) no-repeat left 5px; }

.infrmsn ul li.cl{ background: url(../images/call_icon.png) no-repeat left center; }

.infrmsn ul li.eml{ background: url(../images/eml_icon.png) no-repeat left center; }

.infrmsn ul li a:hover{ color: #9d75af; }

.infrmsn .top_socl ul li{ padding: 3px 12px; border-left: 1px solid #353535; }

.infrmsn .top_socl ul li:first-child{ border-left: none; }

.infrmsn .top_socl{ margin-top: 20px; float: left; margin-top: 18px; }

.copy{ text-align: center; }


.vdo_pop_up{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.8); z-index: 99999; }

.vdo_cntnr{ width: 60%; left: 0; right: 0; margin:50px auto 0; height: 500px; }

.close{ font-size: 20px; display: block; float: right; color: #fff; margin-bottom: 10px; font-weight: 400; }

.close:hover{ color: #ffffff; }

.inr_bnr{ position: relative; }

.inr_bnr img{ width: 100%; }

.page_hdng {
    position: absolute;
    width: 40%;
    background: rgba(1,0,1,.49);
    left: 0;
    top: 54%;
    padding: 10px 0;
    text-align: center;
    border-radius: 0 100px 100px 0;
}

.page_hdng h1{ font-family: 'Conv_TheNautiGal ROB',Sans-Serif; font-size: 100px; line-height: 90px; color: #fff; margin: 0; padding: 0; font-weight: normal; }

.page_hdng h1 b{ color: #9a71ab; font-weight: normal; }

.cntct_box{ padding: 80px 40px; background: #531168; color: #fff; border-radius: 20px; margin-top: 22px; }

.cntct_box h2{ color: #ffffff; font-size: 25px; font-weight: 500; margin: 0 0 30px; padding: 0; }

.cntct_box ul{ margin: 0; padding: 0; }

.cntct_box ul li{ list-style: none; color: #ffffff; font-size: 16px; margin-bottom: 10px; padding: 0 0 0 35px; }

.cntct_box ul li.adrs{ background: url(../images/wht_adrs_icon.png) no-repeat left 1px; }

.cntct_box ul li.cl{ background: url(../images/wht_call_icon.png) no-repeat left center; }

.cntct_box ul li.eml{ background: url(../images/wht_eml_icon.png) no-repeat left center; }

.cntct_box ul li a{ color: #ffffff; text-decoration: none; transition: .5s ease; }

.cntct_box ul li a:hover{ color: #ae8ebd; }

.cntct_frm{ padding-top: 20px; margin-top: 22px; }

.cntct_frm h2{ color: #531168; font-size: 25px; font-weight: 500; margin: 0 0 20px; padding: 0; }

.lft_fld_area{ width: 48%; float: left; }

.ryt_fld_area{ width: 48%; float: right; }

.cntct_frm input[type="text"], .cntct_frm input[type="email"], .cntct_frm input[type="tel"], .cntct_frm textarea{ margin-bottom: 20px; border: 1px solid #531168; border-radius: 40px; color: #242424; font-size: 14px; font-weight: 300; padding: 9px 25px; width: 100%; }

.cntct_frm input[type="text"]::placeholder, .cntct_frm input[type="email"]::placeholder, .cntct_frm input[type="tel"]::placeholder, .cntct_frm textarea::placeholder{ color: #242424; opacity: 1; }

.cntct_frm textarea{ height: 55px; margin-bottom: 13px; }

.cntct_frm input[type="submit"]{ font-size: 18px; color: #ffffff; text-transform: uppercase; font-weight: 300; padding: 10px 20px; 
    display: inline-block; border-radius: 20px; border: none;cursor: pointer; background: rgba(85,20,107,1);
    background: -moz-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85,20,107,1)), color-stop(100%, rgba(175,143,189,1)));
    background: -webkit-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -o-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -ms-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: linear-gradient(to right, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55146b', endColorstr='#af8fbd', GradientType=1 ); }

.cntct_frm input[type="submit"]:hover{ background: #531168; }

.cntct_frm input[type="text"]:focus, .cntct_frm input[type="email"]:focus, .cntct_frm input[type="tel"]:focus, .cntct_frm textarea:focus, .cntct_frm input[type="submit"]:focus{ outline: none; }

.crnt_prjct{ padding: 50px 0; }

.crnt_prjct h2{ color: #858585; font-size: 53px; font-weight: 100; margin-bottom: 5px; background: url(../images/wlcm_bg.png) no-repeat left center; padding-left: 100px; font-family: 'Raleway', sans-serif; line-height: 55px; }

.crnt_prjct h2 strong{ display: block; color:#531269; font-weight: 500; }

.crnt_prjct img{ margin-top: 25px; }

.crnt_prjct_area{ position: relative; }

.crnt_prjct_area::before{ position: absolute; left: 0; top: 0; height: 100%; width: 38.5%; content: ""; background: url(../images/project_bg.jpg) no-repeat right center; background-size: cover; }

.prvs_prjcts{ padding: 60px 0 25px; }

.ech_prvs_prjct{ margin-bottom: 35px; }

.prv_prjct_img{ width: 50%; float: left; }

.prv_prjct_cntnt{ width: 46%; float: right; }

.prv_prjct_cntnt h3{ color: #531168; font-size: 16px; font-weight: 300; }

.prv_prjct_cntnt h3 strong{ font-size: 25px; color: #29262a; font-weight: 500; display: block; }

.prv_prjct_cntnt ul{ margin: 0; padding: 0; }

.prv_prjct_cntnt ul li{ list-style: none; margin-top: 15px; background: url(../images/bullet.png) no-repeat left 2px; padding: 0 0 0 25px; color: #737373; font-size: 16px; font-weight: 300; }

.prv_prjct_cntnt ul li strong{ color: #000000; font-weight: 400; }

.prvs_prjct_area{  }

.prvs_prjct_area h2{ color: #858585; font-size: 53px; font-weight: 100; margin-bottom: 5px; background: url(../images/wlcm_bg.png) no-repeat left center; padding-left: 100px; font-family: 'Raleway', sans-serif; line-height: 55px; margin: 50px 0 20px; }

.prvs_prjct_area h2 strong{ display: block; color:#531269; font-weight: 500; }

.prvs_prjct_area p{ color: #8b8b8b; font-size: 16px; font-weight: 300; }

.prvs_prjct_area p strong{ font-weight: 400; color: #000000; }

.prvs_prjct_area a{ font-size: 18px; color: #ffffff; text-transform: uppercase; font-weight: 300; padding: 10px 20px; 
    display: inline-block; border-radius: 20px; background: rgba(85,20,107,1);
    background: -moz-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85,20,107,1)), color-stop(100%, rgba(175,143,189,1)));
    background: -webkit-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -o-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: -ms-linear-gradient(left, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    background: linear-gradient(to right, rgba(85,20,107,1) 0%, rgba(175,143,189,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55146b', endColorstr='#af8fbd', GradientType=1 ); }

.prvs_prjct_area a:hover{ background: #531168; }

.about_area{ background: url(../images/about_bg.jpg) repeat-x center top; padding-top: 60px; }

.about_area .vdo_hdng{ margin-top: 0; }

.about_area .vdo_hdng h2{ margin-top: 0; }

.about_area img{ margin: 35px 0 30px; }

.about_area p{ color: #737373; font-size: 15.5px; font-weight: 300; margin: 0 0 20px; text-align: center; }

.bio h5{ background: #531168; font-size: 18px; color: #ffffff; font-weight: 400; padding: 10px 12px; }

.bio p{ margin: 0 0 10px; color: #242424; font-size: 14px; font-weight: 300; }

.wtrmrk1{ background: url(../images/watermark1.jpg) no-repeat center; background-size: contain;  }

.wtrmrk2{ background: url(../images/watermark2.jpg) no-repeat center; background-size: contain; }

.ech_bio{ margin-top: 35px; }

.mfp-wrap{ z-index: 99999 !important; background: rgba(0,0,0,.8) !important; }

.gallery_area{ padding-top: 50px; }

.ech_photo{ margin: 15px 0; }

.fancybox-overlay{ z-index: 9999 !important; }

.video_area{ padding-top: 50px; }

.ech_vdo{ margin: 15px 0; }

.vdo_thmb{ position: relative; }

.vdo_thmb img{ width: 100%; }

.vdo_thmb .play_btn{ text-align: center; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }

.vdo_thmb .play_btn img{ width: auto; width: 75px; height: 75px; }

.vdo_title{ min-height: 80px; background: #531167; position: relative; padding: 0 5%; margin: 10px 5% 0; border-radius: 50px; }

.vdo_title h5{ color: #fff; margin: 0; padding: 0; font-size: 17px; font-weight: 400; position: absolute; width: 89%; text-align: center; top: 50%; transform: translateY(-50%); line-height: 23px; text-transform: uppercase; }

.book_area .ech_prjct{ margin-top: 40px; }

.book_area .ech_prjct img{ filter: grayscale(0%); height: 238px; object-fit: cover; object-position: top; }

.amazon{ background: #ccc; padding: 70px 0 55px; margin-top: 60px; text-align: center; }

.amazon img{  }

.amazon h1{ text-align: left; color: #531167; }

.video_area.bv{ padding-top: 25px; }


/*------------------------------------------
:::::BACK TO TOP SECTION
------------------------------------------*/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    display: block;
    background: #531167;
    text-decoration: none;
    display: none;
    z-index: 999;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 19px;
    top: 15px;
    font-size: 19px;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
}


@media only screen and (max-width: 1650px) {

    .crnt_prjct_area::before{ width: 36.5%; }

}

@media only screen and (max-width: 1400px) {

    .crnt_prjct_area::before{ width: 34.5%; }

}

@media only screen and (max-width: 1250px) {

    .crnt_prjct_area::before{ width: 32.5%; }

}

@media only screen and (max-width: 1199px) {

    .navbar-light .navbar-nav .nav-link{ font-size: 14px; padding: 10px; }
    .crnt_prjct_area::before{ width: 37%; }

}

@media only screen and (max-width: 1150px) {

    .crnt_prjct_area::before{ width: 36%; }

}

@media only screen and (max-width: 1100px) {

    .crnt_prjct_area::before{ width: 35.5%; }

}

@media only screen and (max-width: 991px) {

    .crnt_prjct_area::before{ display: none; }

    .crnt_prjct{ border-bottom: 1px solid #ccc; }

    .prvs_prjcts{ padding: 50px 0 25px; }

    .menu_area .navbar-expand-lg .navbar-nav .nav-item {
        border-bottom: 1px solid #f1f1f1;
    }
    .menu_area .navbar-expand-lg .navbar-nav .nav-item:last-child {
        border-bottom: 0;
    }
    .menu_area .navbar-expand-lg .navbar-nav .nav-link:hover::before, 
    .menu_area .navbar-expand-lg .navbar-nav .nav-link.active::before {
        bottom: -15px;
    }

	.menu_area .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	.menu_area a.navbar-brand img {
		width: 70px;
		margin-top: 15px;
	}

	.menu_area .navbar-toggler {
		z-index: 99;
        display: inline-block;
        float: none;
	}

    .menu_area #navbarSupportedContent {
		width: 100%;
		position: relative;
		top: 0;
		z-index: 999;
		background: #fff;
  	}
  	.menu_area #navbar {
		float: none;
		padding: 0;
  	}
  	.menu_area .navbar-expand-lg .navbar-nav {
		text-align: center;
  	}
  	.menu_area .navbar-expand-lg .navbar-nav .nav-link {
		padding: 5px 20px;
		display: inline-block;
		margin: 6px 0;
		color: #242424;
  	}
    .menu_area .navbar-expand-lg .navbar-nav .nav-item:first-child .nav-link {
        margin-top: 15px;
    }
    .menu_area .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link {
        margin-bottom: 15px;
    }

    header{ background: #000000; position: relative; }

    .menu_area .navbar-toggler-icon{ background-color: #9d75af; }

    .menu_area #navbarSupportedContent{ position: absolute; width: 130%; right: 0; }

    .menu_area ul.navbar-nav li{ display: block; }

    .navbar-toggler{ padding-right: 0; }

}


@media only screen and (max-width: 767px) {

    .page_hdng{ top: 50%; transform: translateY(-50%); }
    .page_hdng h1{ font-size: 35px; line-height: 25px; }

    .ech_vdo{ margin: 30px 0 0; }

    .video_area{ padding-top: 5px; }

    .ech_photo{ margin: 30px 0 0; }

    .gallery_area{ padding-top: 0; }

    .about_area img{ margin: 25px 0; }

    .about_area{ padding-top: 40px; }

    .prv_prjct_img, .prv_prjct_cntnt{ width: 100%; }

    .prv_prjct_img{ margin-bottom: 20px; }

    .prvs_prjct_area h2, .crnt_prjct h2{ margin: 0 0 20px; font-size: 30px; line-height: 32px; display: inline-block; background-size: contain; padding-left: 70px; }

    .prvs_prjcts{ padding: 35px 0 0; }

    .crnt_prjct img{ margin-top: 0; margin-bottom: 20px; }

    .crnt_prjct{ padding: 25px 0 7px; text-align: center; }

    .prvs_prjct_area img{ margin-top: 20px; }

    .partners{ padding-bottom: 60px; }

    .each_ftr_blck{ width: 100%; }
    .bnr_cpsn{ padding: 10px 20px 15px 0; font-size: 40px; line-height: 40px; }
    .top_cntct ul li{ margin-right: 0; }
    .logo{ width: 25%; }
    .socl_menu_area{ width: 75%; }
    .home_slider_area .owl-theme .owl-nav.disabled + .owl-dots{ margin-top: -30px; }
    .owl-theme .owl-dots .owl-dot span{ margin:5px 3px; }

    .wlcm_area{ padding: 45px 0;; }
    .wlcm_area h2, .prjct_area h2, .vdo_hdng h2{ font-size: 30px; }
    .wlcm_area a{ margin-top: 10px; }
    .wlcm_area img{ margin-top: 25px; }
    .ech_prjct{ margin-top: 30px; }

    .vdo_cntnt h2{ font-size: 20px; background-size: 35px; padding-top: 38px; margin-bottom: 0; }
    .vdo_area p{ margin-bottom: 0; }
    .glry1 ul li, .glry2 ul li{ width: 100%; }

    .owl-carousel .owl-item img{ width: 98%; }
    .each_ftr_blck{ padding-bottom: 40px; }

    .vdo_cntnr{ width: 95%; }

    .amazon{ margin-top: 44px; padding: 55px 0; }

    .amazon h1{ text-align: center; margin-bottom: 25px; }

    .book_area .vdo_hdng h2{ margin-top: 35px; }

    .book_area .ech_prjct{ margin-top: 30px; }

}


@media only screen and (max-width: 560px) {

    .bnr_cpsn a{ padding: 10px 20px; }

}