@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: myFirstFont;
    src: url(../fonts/OpenSans-ExtraBold.ttf);
  
}
@font-face {
    font-family: mySecondFont;
    src: url(../fonts/OpenSans-Bold.ttf);
}
@font-face {
    font-family: myThirdFont;
    src: url(../fonts/OpenSans-Semibold.ttf);
}
@font-face {
    font-family: myForthFont;
    src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family: myFifthFont;
    src: url(../fonts/OpenSans-Light.ttf);
}
@font-face {
    font-family: mySixthFont;
    src: url(../fonts/MyriadPro-Regular.otf);
}
#toTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
}
body{
  padding:0px;
  margin:0px;
}
h1, h2, h3, h4, h5, ul, a {
  margin:0;
  padding:0;
}

/*dark & light mode*/
/*header*/
body.night .header_dl
{
    background: #000000;
}
body.night .head1.active
{
    background: #000000 !important;
}
body.night .header_dl a
{
    color: #ffffff;
}
body.night .head1.active .bar{
	background: #ffffff;
}
body.night .head1.active .menu-btn:hover .bar{
	background: #ffffff;
}
body.night .head1.active .header-top1 ul li a {
    color: #ffffff;
}

body.night .head1.active .header-top1 ul li .toggle {
    /* position: absolute; */
    background-image: url(../images/dark-mode.png);
    /* background-color: #ffffff; */
    background-repeat: no-repeat;
    top: 0px;
    /* border: 1px solid #ffffff; */
    width: 116px;
    height: 36px;
    cursor: pointer;
    /* border-radius: 18px; */
    transition: 0.5s;
    z-index: 99999;
    /* margin-left: 15px; */
    margin-top: -5px;
}
/*//header*/

body.night
{
    background: #000000;
}
body.night .content_dl h2,
body.night .content_dl h3,
body.night .content_dl h6,
body.night .content_dl a,
body.night .content_dl p
{
    color: #fff;
}
body.night .content_dl_bg
{
    background: #000000;
}
body.night .content_dl_bg h2,
body.night .content_dl_bg h3,
body.night .content_dl_bg a,
body.night .content_dl_bg p,
body.night .content_dl_bg ul li
{
    color: #fff !important;
}

body.night .content_dl_bg_grey
{
    background: #131112;
}
body.night .content_dl_bg_grey h2,
body.night .content_dl_bg_grey h3,
body.night .content_dl_bg_grey a,
body.night .content_dl_bg_grey p,
body.night .content_dl_bg_grey ul li
{
    color: #fff !important;
}

body.night .content_dl_bg1
{
    background-color: #000000;
}
body.night .content_dl_bg1 h2,
body.night .content_dl_bg1 h3,
body.night .content_dl_bg1 p,
body.night .content_dl_bg1 ul li,
body.night .content_dl_bg1 span
{
    color: #fff !important;
}
body.night .content_dl_bg1 a
{
	color: #ffffff;
	border-color: #ffffff;
}
body.night .content_dl_bg1 a:hover
{
	color: #000000;
	border-color: #ffffff;
	background-color: #ffffff;
}
body.night .content_dl_bg2
{
    background-color: #000000;
}
body.night .content_dl_bg2 h2,
body.night .content_dl_bg2 h3,
body.night .content_dl_bg2 h6,
body.night .content_dl_bg2 p,
body.night .content_dl_bg2 ul li
{
    color: #fff !important;
}
body.night .content_dl_bg2 a
{
	color: #ffffff;
}
body.night .content_dl_bg2 a:hover
{
	color: #ffffff;
}
body.night .content_dl_bg2 ul li.active a
{
	color: #db1c63 !important;
}
body.night .content_dl_bg2 ul li:hover
{
	color: #db1c63;
}
body.night .content_dl_bg_only
{
    background: #000000;
}
body.night .content_dl_01
{
    background-color: #000000;
}
body.night .content_dl_01 h2,
body.night .content_dl_01 h3,
body.night .content_dl_01 h6,
body.night .content_dl_01 a,
body.night .content_dl_01 p,
body.night .content_dl_01 ul li
{
    color: #fff;
}
body.night .content_dl_01 ul li.active
{
	color: #db1c64;
	background-color: #000000;
}
body.night .content_dl_bg-btn
{
    background-color: #000000;
}
body.night .content_dl_bg-btn h2,
body.night .content_dl_bg-btn h3,
body.night .content_dl_bg-btn h6,
body.night .content_dl_bg-btn a,
body.night .content_dl_bg-btn p
{
    color: #fff;
}
body.night .content_dl_bg-btn a:hover
{
    background-color: #000000;
}
body.night .content_dl_bg-btn1
{
    background-color: #000000;
}
body.night .content_dl_bg-btn1 h2,
body.night .content_dl_bg-btn1 h3,
body.night .content_dl_bg-btn1 h6,
body.night .content_dl_bg-btn1 p,
body.night .content_dl_bg-btn1 span,
body.night .content_dl_bg-btn1 ul li
{
    color: #fff;
}
body.night .content_dl_bg-btn1 a
{
    background-color: #000000;
}
body.night .content_dl_bg-btn1 a:hover
{
    background-color: #db1c63;
	color: #ffffff;
}
body.night .content_dl_table
{
    background-color: #000000;
}
body.night .content_dl_table h2,
body.night .content_dl_table h3,
body.night .content_dl_table h6,
body.night .content_dl_table p,
body.night .content_dl_table span
{
    color: #fff;
}
body.night .content_dl_table table
{
    color: #fff;
}
body.night .content_dl_table tr
{
    background-color: #000000;
	color: #ffffff;
}
body.night .content_dl_table td
{
	color: #ffffff;
}
body.night .content_dl_table th
{
    background-color: #000000;
	color: #ffffff;
}
body.night .content_dl_table1
{
    background-color: #000000;
}
body.night .content_dl_table1 h2,
body.night .content_dl_table1 h3,
body.night .content_dl_table1 h6,
body.night .content_dl_table1 p,
body.night .content_dl_table1 span
{
    color: #fff;
}
body.night .content_dl_table1 table
{
    color: #fff;
}
body.night .content_dl_table1 tr
{
    background-color: #000000;
	color: #ffffff;
}
body.night .content_dl_table1 td
{
	color: #ffffff;
	background-color: #000000 !important;
}
body.night .content_dl_table1 th
{
    background-color: #000000 !important;
	color: #ffffff;
}
body.night .content_dl_bg_contact
{
    background-color: #000000;
}

body.night .content_dl_bg_contact h3,
body.night .content_dl_bg_contact h6,
body.night .content_dl_bg_contact i,
body.night .content_dl_bg_contact a,
body.night .content_dl_bg_contact p,
body.night .content_dl_bg_contact label
{
    color: #fff !important;
}
body.night .content_dl_bg_contact h2
{
	color: #db1c63;
}
body.night .content_dl_bg_contact input
{
	border-bottom: 1px solid #ffffff !important;
    background: #000000;
	color: #ffffff !important;
}
body.night .content_dl_bg_contact textarea
{
	border-bottom: 1px solid #ffffff !important;
    background: #000000;
	color: #ffffff !important;
}
body.night .content_dl_bg_contact button:hover
{
    background-color: #000000 !important;
}
body.night .content_dl_bg_sitemap
{
    background-color: #000000;
}
body.night .content_dl_bg_sitemap h2,
body.night .content_dl_bg_sitemap p
{
    color: #fff !important;
}
body.night .content_dl_bg_sitemap ul li
{
    color: #fff !important;
}
body.night .content_dl_bg_sitemap a
{
    color: #fff !important;
}
body.night .content_dl_bg_sitemap a:hover
{
    color: #db1c63 !important;
}
body.night .content_dl_bg_case
{
    background-color: #000000;
}
body.night .content_dl_bg_case h2,
body.night .content_dl_bg_case h3,
body.night .content_dl_bg_case p,
body.night .content_dl_bg_case ul li,
body.night .content_dl_bg_case ol li,
body.night .content_dl_bg_case i,
body.night .content_dl_bg_case label,
body.night .content_dl_bg_case span
{
    color: #fff !important;
}
body.night .content_dl_bg_case a
{
    color: #fff !important;
}
body.night .content_dl_bg_case a.active
{
    color: #db1c64 !important;
}
body.night .content_dl_bg_case a:hover
{
    color: #db1c64 !important;
}
.toggle
{
    /*position: absolute;*/
    background-image: url(../images/light-mode1.png);
	/*background-color: #ffffff;*/
    background-repeat: no-repeat;
	top: 0px;
    /*border: 1px solid #ffffff;*/
    width: 116px;
    height: 36px;
    cursor: pointer;
    /*border-radius: 18px;*/
    transition: 0.5s;
	z-index: 99999;
	/*margin-left: 15px;*/
	margin-top: -5px;
	
}
/*.toggle:after
{
	content :"Light mode";
	color: #000000;
}*/
.toggle.active
{
    background-image: url(../images/dark-mode.png);
	/*background-color: #000000;*/
    background-repeat: no-repeat;
    /*border: 1px solid #000000;*/
}
.toggle:before
{
    background-image: url(../images/dark-mode.png);
	background-color: #000000;
    background-repeat: no-repeat;
    position: absolute;
    /*top: 1px;
    left: 1px;
    width: 16px;
    height: 16px;
    background: #000000;*/
    border-radius: 18px;
    transition: 0.5s;
}
.toggle.active:before
{
    left: 27px;
    background: #fff;
}

/*.toggle .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  font-family: myForthFont;
  font-size: 14px;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  

  position: absolute;
  z-index: 10;
  top: 5px;
  right: 105%;
}

.toggle:hover .tooltiptext {
  visibility: visible;
}*/
/*//dark & light mode*/

/*preloader*/
.loader 
{
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-image: url('../images/preloader.gif');
   background-repeat: no-repeat; 
   background-color: #000000;
   background-position: center;
   z-index: 999999;
   transition-duration: 30s;
}
.preloader {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-image: url('../images/preloader.gif');
   background-repeat: no-repeat; 
   background-color: #000000;
   background-position: center;
   z-index: 999999;
   transition-duration: 30s;
}
/*//preloader*/
/* whatsapp-icon*/
.cbh-phone{display:block;position:fixed; left: -50px;
  bottom: -55px; visibility:hidden;background-color:transparent;width:200px;height:200px;cursor:pointer;z-index:999;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s}
  .cbh-phone.cbh-show{visibility:visible}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
  .cbh-phone.cbh-static1{opacity:.6}
  .cbh-phone.cbh-hover1{opacity:1}
  .cbh-ph-circle{width:90px;height:90px;top:50px;left:50px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,.4);opacity:.1;-webkit-animation:cbh-circle-anim 1.2s infinite ease-in-out;-moz-animation:cbh-circle-anim 1.2s infinite ease-in-out;-ms-animation:cbh-circle-anim 1.2s infinite ease-in-out;-o-animation:cbh-circle-anim 1.2s infinite ease-in-out;animation:cbh-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
  .cbh-phone.cbh-active .cbh-ph-circle1{-webkit-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-moz-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-ms-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-o-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;animation:cbh-circle-anim 1.1s infinite ease-in-out!important}
  .cbh-phone.cbh-static .cbh-ph-circle{-webkit-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-moz-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-ms-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-o-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;animation:cbh-circle-anim 2.2s infinite ease-in-out!important}
  .cbh-phone.cbh-hover .cbh-ph-circle{border-color:rgba(0,175,242,1);opacity:.5}
  .cbh-phone.cbh-green.cbh-hover .cbh-ph-circle{border-color:rgba(117,235,80,1);opacity:.5}
  .cbh-phone.cbh-green .cbh-ph-circle{border-color:rgba(0,175,242,1);opacity:.5}
  .cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle{border-color:rgba(204,204,204,1);opacity:.5}
  .cbh-phone.cbh-gray .cbh-ph-circle{border-color:rgba(117,235,80,1);opacity:.5}
  .cbh-ph-circle-fill{width:74px;height:74px;top:58px;left:58px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
  .cbh-phone.cbh-active .cbh-ph-circle-fill{-webkit-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-moz-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-ms-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-o-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important}
  .cbh-phone.cbh-static .cbh-ph-circle-fill{-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important}         .cbh-phone.cbh-hover .cbh-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}
  .cbh-phone.cbh-green.cbh-hover .cbh-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:.75!important}
  .cbh-phone.cbh-green .cbh-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}
  .cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle-fill{background-color:rgba(204,204,204,.5);opacity:.75!important}
  .cbh-phone.cbh-gray .cbh-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:1!important}
  .cbh-ph-img-circle1{width:50px;height:50px;top:70px;left:70px;position:absolute;background-image:url(../images/w-n.png);background-size: 40px 40px;background-color:rgba(30,30,30,.1);background-position:center center;background-repeat:no-repeat;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:1;-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out;-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out;-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out;-o-animation:cbh-circle-img-anim 1s infinite ease-in-out;animation:cbh-circle-img-anim 1s infinite ease-in-out}
  .cbh-phone.cbh-active .cbh-ph-img-circle1{-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-o-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;animation:cbh-circle-img-anim 1s infinite ease-in-out!important}
  .cbh-phone.cbh-static .cbh-ph-img-circle1{-webkit-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-moz-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-ms-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-o-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;animation:cbh-circle-img-anim 0s infinite ease-in-out!important}
  .cbh-phone.cbh-hover .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
  .cbh-phone.cbh-green.cbh-hover .cbh-ph-img-circle1:hover{background-color:rgba(117,235,80,1)}
  .cbh-phone.cbh-green .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
  .cbh-phone.cbh-green .cbh-ph-img-circle1{background-color:rgba(0,175,242,1)}
  .cbh-phone.cbh-gray.cbh-hover .cbh-ph-img-circle1{background-color:rgba(204,204,204,1)}
  .cbh-phone.cbh-gray .cbh-ph-img-circle1{background-color:rgba(117,235,80,1)}@-moz-keyframes cbh-circle-anim{0%{-moz-transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0deg) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes cbh-circle-anim{0%{-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes cbh-circle-anim{0%{-o-transform:rotate(0deg) kscale(0.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0deg) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0deg) scale(1) skew(1deg);-o-opacity:.1}}@keyframes cbh-circle-anim{0%{transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1}30%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes cbh-circle-fill-anim{0%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0deg) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@-webkit-keyframes cbh-circle-fill-anim{0%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@-o-keyframes cbh-circle-fill-anim{0%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@keyframes cbh-circle-fill-anim{0%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@keyframes cbh-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{transform:rotate(0deg) scale(1) skew(1deg)}}@-moz-keyframes cbh-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-moz-transform:rotate(0deg) scale(1) skew(1deg)}}@-webkit-keyframes cbh-circle-img-anim{0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}}@-o-keyframes cbh-circle-img-anim{0%{-o-transform:rotate(0deg) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-o-transform:rotate(0deg) scale(1) skew(1deg)}}
  .cbh-ph-img-circle1 {}
  .cbh-phone.cbh-green .cbh-ph-circle {border-color: rgb(7 188 76)}
  .cbh-phone.cbh-green .cbh-ph-circle-fill {background-color: rgb(7 188 76);}
  .cbh-phone.cbh-green .cbh-ph-img-circle1 {background-color:rgb(7 188 76);}

  .kmacb__manager-border {
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -39.5px;
    margin-left: -39.5px;
    border-radius: 100%;
    border: 2px solid #ffe787;
    -webkit-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -moz-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -ms-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -o-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    opacity: .8;
    transform-origin: center;
  }
  .kmacb__manager-fill {
    background: #52aff7 center bottom no-repeat;
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -37.5px;
    margin-left: -37.5px;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -moz-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -ms-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -o-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    transform-origin: center;
  }
  .kmacb__manager-circle {
    background: #52aff7;
    position: absolute;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    border-radius: 100%;
  }
/* // whatsapp-icon*/
  /*whatsapp business*/
.cbh-phone-business{display:block;position:fixed; left: -50px;
  bottom: 95px; visibility:hidden;background-color:transparent;width:200px;height:70px;cursor:pointer;z-index:999;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s}
  .cbh-phone-business.cbh-show-business{visibility:visible}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
  .cbh-phone-business.cbh-static1-business{opacity:.6}
  .cbh-phone-business.cbh-hover1-business{opacity:1}
  .cbh-ph-circle-business{width:90px;height:90px;top:-20px;left:50px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,.4);opacity:.1;-webkit-animation:cbh-circle-anim 1.2s infinite ease-in-out;-moz-animation:cbh-circle-anim 1.2s infinite ease-in-out;-ms-animation:cbh-circle-anim 1.2s infinite ease-in-out;-o-animation:cbh-circle-anim 1.2s infinite ease-in-out;animation:cbh-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
  .cbh-phone-business.cbh-active-business .cbh-ph-circle1-business{-webkit-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-moz-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-ms-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;-o-animation:cbh-circle-anim 1.1s infinite ease-in-out!important;animation:cbh-circle-anim 1.1s infinite ease-in-out!important}
  .cbh-phone-business.cbh-static-business .cbh-ph-circle-business{-webkit-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-moz-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-ms-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;-o-animation:cbh-circle-anim 2.2s infinite ease-in-out!important;animation:cbh-circle-anim 2.2s infinite ease-in-out!important}
  .cbh-phone-business.cbh-hover-business .cbh-ph-circle-business{border-color:rgba(0,175,242,1);opacity:.5}
  .cbh-phone-business.cbh-green-business.cbh-hover-business .cbh-ph-circle-business{border-color:rgba(117,235,80,1);opacity:.5}
  .cbh-phone-business.cbh-green-business .cbh-ph-circle-business{border-color:rgba(0,175,242,1);opacity:.5}
  .cbh-phone-business.cbh-gray-business.cbh-hover-business .cbh-ph-circle-business{border-color:rgba(204,204,204,1);opacity:.5}
  .cbh-phone-business.cbh-gray-business .cbh-ph-circle-business{border-color:rgba(117,235,80,1);opacity:.5}
  .cbh-ph-circle-fill-business{width:74px;height:74px;top:-12px;left:58px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;animation:cbh-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
  .cbh-phone-business.cbh-active-business .cbh-ph-circle-fill-business{-webkit-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-moz-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-ms-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;-o-animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important;animation:cbh-circle-fill-anim 1.7s infinite ease-in-out!important}
  .cbh-phone-business.cbh-static-business .cbh-ph-circle-fill-business{-webkit-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-moz-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-ms-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;-o-animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;animation:cbh-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important}         .cbh-phone.cbh-hover .cbh-ph-circle-fill{background-color:rgba(0,175,242,.5);opacity:.75!important}
  .cbh-phone-business.cbh-green-business.cbh-hover-business .cbh-ph-circle-fill-business{background-color:rgba(117,235,80,.5);opacity:.75!important}
  .cbh-phone-business.cbh-green-business .cbh-ph-circle-fill-business{background-color:rgba(0,175,242,.5);opacity:.75!important}
  .cbh-phone-business.cbh-gray-business.cbh-hover-business .cbh-ph-circle-fill-business{background-color:rgba(204,204,204,.5);opacity:.75!important}
  .cbh-phone-business.cbh-gray-business .cbh-ph-circle-fill-business{background-color:rgba(117,235,80,.5);opacity:1!important}
  .cbh-ph-img-circle1-business{width:50px;height:50px;top:0px;left:70px;position:absolute;background-image:url(../images/w-b.png);background-size: 40px 40px;background-color:rgba(30,30,30,.1);background-position:center center;background-repeat:no-repeat;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:1;-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out;-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out;-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out;-o-animation:cbh-circle-img-anim 1s infinite ease-in-out;animation:cbh-circle-img-anim 1s infinite ease-in-out}
  .cbh-phone-business.cbh-active-business .cbh-ph-img-circle1-business{-webkit-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-moz-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-ms-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;-o-animation:cbh-circle-img-anim 1s infinite ease-in-out!important;animation:cbh-circle-img-anim 1s infinite ease-in-out!important}
  .cbh-phone-business.cbh-static-business .cbh-ph-img-circle1-business{-webkit-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-moz-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-ms-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;-o-animation:cbh-circle-img-anim 0s infinite ease-in-out!important;animation:cbh-circle-img-anim 0s infinite ease-in-out!important}
  .cbh-phone-business.cbh-hover-business .cbh-ph-img-circle1-business{background-color:rgba(0,175,242,1)}
  .cbh-phone-business.cbh-green-business.cbh-hover-business .cbh-ph-img-circle1-business:hover{background-color:rgba(117,235,80,1)}
  .cbh-phone-business.cbh-green-business .cbh-ph-img-circle1-business{background-color:rgba(0,175,242,1)}
  .cbh-phone-business.cbh-green-business .cbh-ph-img-circle1-business{background-color:rgba(0,175,242,1)}
  .cbh-phone-business.cbh-gray-business.cbh-hover-business .cbh-ph-img-circle1-business{background-color:rgba(204,204,204,1)}
  .cbh-phone-business.cbh-gray-business .cbh-ph-img-circle1-business{background-color:rgba(117,235,80,1)}@-moz-keyframes cbh-circle-anim{0%{-moz-transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0deg) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes cbh-circle-anim{0%{-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0deg) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes cbh-circle-anim{0%{-o-transform:rotate(0deg) kscale(0.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0deg) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0deg) scale(1) skew(1deg);-o-opacity:.1}}@keyframes cbh-circle-anim{0%{transform:rotate(0deg) scale(0.5) skew(1deg);opacity:.1}30%{transform:rotate(0deg) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes cbh-circle-fill-anim{0%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0deg) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@-webkit-keyframes cbh-circle-fill-anim{0%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@-o-keyframes cbh-circle-fill-anim{0%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@keyframes cbh-circle-fill-anim{0%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}50%{transform:rotate(0deg) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0deg) scale(0.7) skew(1deg);opacity:.2}}@keyframes cbh-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{transform:rotate(0deg) scale(1) skew(1deg)}}@-moz-keyframes cbh-circle-img-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-moz-transform:rotate(0deg) scale(1) skew(1deg)}}@-webkit-keyframes cbh-circle-img-anim{0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg)}}@-o-keyframes cbh-circle-img-anim{0%{-o-transform:rotate(0deg) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}100%,50%{-o-transform:rotate(0deg) scale(1) skew(1deg)}}
  .cbh-ph-img-circle1-business {}
  .cbh-phone-business.cbh-green-business .cbh-ph-circle-business {border-color: rgb(7 188 76)}
  .cbh-phone-business.cbh-green-business .cbh-ph-circle-fill-business {background-color: rgb(7 188 76);}
  .cbh-phone-business.cbh-green-business .cbh-ph-img-circle1-business {background-color:rgb(7 188 76);}

  .kmacb__manager-border {
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -39.5px;
    margin-left: -39.5px;
    border-radius: 100%;
    border: 2px solid #ffe787;
    -webkit-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -moz-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -ms-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    -o-animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    animation: kmacb__manager-border-anim 1.5s ease-in-out .5s infinite;
    opacity: .8;
    transform-origin: center;
  }
  .kmacb__manager-fill {
    background: #52aff7 center bottom no-repeat;
    position: absolute;
    width: 75px;
    height: 75px;
    top: 50%;
    left: 50%;
    margin-top: -37.5px;
    margin-left: -37.5px;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -moz-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -ms-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    -o-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
    transform-origin: center;
  }
  .kmacb__manager-circle {
    background: #52aff7;
    position: absolute;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    border-radius: 100%;
  }
  /*//whatsapp business*/
.header-top {
  background:#ffffff;
  padding-top:5px;
  padding-bottom:40px;
}
.header-top ul {
  float:right;
}
.header-top ul li {
  text-align:right;
  font-family: mysecondFont !important;
  font-size:12px !important;
  margin-right:22px;
  list-style:none;
  float:left;
  color:#fff;
  font-weight: 600;
}
.header-top ul li a {
  list-style:none;
  float:left;
  color:#000000;
  font-size:14px;
  font-family: myFifthFont;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:14px;
}

/* Text color change */
.awesome {
  /*font-family: futura;
  font-style: italic;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #313131;
  font-size: 45px;
  font-weight: bold;
  position: absolute;*/
  -webkit-animation: colorchange 20s infinite alternate;
}

@-webkit-keyframes colorchange {
  0% {
    color: #e48fb3;
  }
  10% {
    color: #e48fb3;
  }
  20% {
    color: #27f6cd;
  }
  30% {
    color: #fdb07d;
  }
  40% {
    color: #8da0d4;
  }
  50% {
    color: pink;
  }
  60% {
    color: #d3a4ff;
  }
  70% {
    color: #2ea7f6;
  }
  80% {
    color: #f1c40f;
  }
  90% {
    color: #95bcd6;
  }
  100% {
    color: pink;
  }
}
 
/* end text color */

/* Blink for Webkit and others
(Chrome, Safari, Firefox, IE, ...)
*/

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
  text-decoration: blink;
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 0.9s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease-in-out;
  -webkit-animation-direction: alternate;
}

/* // blink */

/* logo animation */ 

.hithere {
  animation: hithere 2s ease infinite;
}
@keyframes hithere {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(-20deg) scale(1.2); }
  50% { transform: rotate(20deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
}

.bounce-in-right {
  animation: bounce-in-right 2s ease infinite;
}
@keyframes bounce-in-right {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

.elastic-spin {
  animation: elastic-spin 1s infinite ease;
}
@keyframes elastic-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(720deg); }
}

.gelatine {
  animation: gelatine 0.7s infinite;
}
@keyframes gelatine {
  from, to { transform: scale(1, 1); }
  25% { transform: scale(0.9, 1.1); }
  50% { transform: scale(1.1, 0.9); }
  75% { transform: scale(0.95, 1.05); }
}



.wobble {
  animation: wobble 2s ease infinite;
}
@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.fade-in {
  animation: fade-in 4s linear infinite;
}
@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}


/* // logo animation */ 


.logo
{
  padding-top:15px;
  padding-bottom:15px;
}
.top
{
  margin-top:7px;
}
.top1
{
  padding: 7px 0 5px 26px;
}
.header-top1 {
  padding-top:25px;
  padding-bottom:32px;
}
.header-top1 ul {
  float:right;
}
.header-top1 ul li {
  text-align:right;
  font-family: mysecondFont !important;
  font-size:12px !important;
  margin-right:20px;
  list-style:none;
  float:left;
  color:#fff;
  font-weight: 600;
}
.header-top1 ul li a {
  list-style:none;
  float:left;
  color:#fff;
  font-size:14px;
}

.header-top1 ul li a:hover {
  list-style:none;
  float:left;
  color:#fff;
  text-decoration:none;
}




/* Front Page Image Layout  */


/* Image stretches to vh */

.head1.active{
  background-color: #ffffff !important;
  /*-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) !important;*/
}
.head1.active .bar{
	background: #000000;
}
.head1.active .menu-btn:hover .bar{
	background: #000000;
}

.head1.active .header-top1 ul li a{
	color: #000000;
}

.head1.active .header-top1 ul li .toggle
{
    /*position: absolute;*/
    background-image: url(../images/light-mode.png);
	/*background-color: #ffffff;*/
    background-repeat: no-repeat;
	top: 0px;
    /*border: 1px solid #ffffff;*/
    width: 116px;
    height: 36px;
    cursor: pointer;
    /*border-radius: 18px;*/
    transition: 0.5s;
	z-index: 99999;
	/*margin-left: 15px;*/
	margin-top: -5px;
	
}
	
header #bg-photo {
  margin-top: 78px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  min-height: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .6;
}

#logo {
  top: 35%;
  max-width: 50%;
  margin: 0 25%;
  position: absolute;
  display: block;
  z-index: 1;
  animation: onLoad 2s cubic-bezier(0.4, 0.02, 0.57, 0.82);
}

@keyframes onLoad {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* Navigation */

#navBar {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 80px;
  /*background: #2d2d2d26;
  box-shadow: 0px 0px 10px #2d2d2d;*/
  z-index: 9999;
}


/* Name on Nav Bar */

h1 {
  display: inline-block;
  color: whitesmoke;
  /*text-transform: uppercase;*/
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 14px;
  margin: 0;
  font-weight: lighter;
  padding: 1em 0 0 1em;
}

a {
  text-decoration: none;
  /*text-transform: uppercase;*/
  font-size: 7em;
  font-family: arial;
  letter-spacing: .1em;
}
a:hover {
  text-decoration: none;
  /*text-transform: uppercase;*/
  font-size: 7em;
  font-family: arial;
  letter-spacing: .1em;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}


/* drawer menu */

.drawer-menu {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  /*right: 0;*/
  width: 300px;
  height: 100%;
  padding: 120px 0;
  background: #4f2e80;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: left center;
  -webkit-transform: perspective(500px) rotateY(-90deg);
  transform: perspective(500px) rotateY(-90deg);
  opacity: 0;
  box-shadow: 0px 0px 5px #1E1E1E;
  left:0;
}

.drawer-menu li {
  text-align: center;
}

.drawer-menu li a {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
  -webkit-transition: all .8s;
  transition: all .8s;
  font-family: myFifthFont;
}

.drawer-menu li a:hover {
  color: #ffffff;
  background: #db1c63;
  font-family: myFifthFont;
  font-size: 14px;
}


/* checkbox */

.check {
  display: none;
}


/* menu button - label tag */

.menu-btn {
  position: fixed;
  display: block;
  top: 30px;
  /*right: 40px;*/
  display: block;
  width: 20px;
  height: 40px;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  z-index: 3;
}

.bar {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 32px;
  height: 4px;
  background: white;
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.bar.middle {
  top: 12px;
  opacity: 1;
}
.bar.middle:hover{
  top: 12px;
  width: 32px;
  opacity: 1;
}

.bar.bottom {
  top: 21px;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}

.menu-btn__text {
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  -webkit-transition: all .5s;
  transition: all .5s;
  display: block;
  visibility: visible;
  opacity: 1;
}


/* Hover Effects */

.menu-btn:hover .bar {
  background: white;
}

.menu-btn:hover .menu-btn__text {
  color: #999;
}

.close-menu {
  position: fixed;
  top: 0;
  right: 300px;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  visibility: hidden;
  opacity: 0;
}


/* checked */

.check:checked ~ .drawer-menu {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
  z-index: 2;
}

.check:checked ~ .contents {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  transform: translateX(-300px);
}

.check:checked ~ .menu-btn .menu-btn__text {
  visibility: hidden;
  opacity: 0;
}

.check:checked ~ .menu-btn .bar.topbar {
  width: 56px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.check:checked ~ .menu-btn .bar.middle {
  opacity: 0;
}

.check:checked ~ .menu-btn .bar.bottom {
  width: 56px;
  top: 40px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.check:checked ~ .close-menu {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
  /*background: rgba(0, 0, 0, .5);*/
  visibility: visible;
  opacity: 1;
  z-index: 2;
  cursor:pointer;
  right:0;
}


/* End Navigation */

/* Floating Social Media Bar Style Starts Here */

.fl-fl {
  background: #4f2e80;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 4px;
  width: 200px;
  position: fixed;
  right: -160px;
  z-index: 1000;
  font: normal normal 10px Arial;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  border-radius: 22px 0px 0px 0px;
}

.fl-fl .fa {
  font-size: 20px;
  color: #fff;
  padding: 10px 0px 10px 0px;
  width: 40px;
  margin-left: 8px;
}

.fl-fl:hover {
  right: 0;
}

.fl-fl a {
  /*color: #fff !important;*/
  text-decoration: none;
  text-align: center;
  font-family: myForthFont;
  font-size: 14px;
  /*line-height: 43px!important;*/
  vertical-align: top!important;
}
.fl-fl a:hover {
  /*color: #fff !important;*/
  text-decoration: none;
  text-align: center;
  font-family: myForthFont;
  font-size: 14px;
  text-decoration: none;
  vertical-align: top!important;
}

.float-call {
  top: 230px;
}
.float-email {
  top: 287px;
}

.s-up
{
	float:right;
	padding-top:2px;
}
.s-wall
{
	float:right;
	margin-top: -15px;
}

.fl-fl1 {
  background: #db1c63;
  letter-spacing: 3px;
  padding: 4px;
  width: 210px;
  position: fixed;
  right: -170px;
  z-index: 1000;
  font: normal normal 10px Arial;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  border-radius: 0px 0px 0px 22px;
}

.fl-fl1 .fa {
  font-size: 20px;
  color: #fff;
  padding: 10px 0px 10px 0px;
  width: 40px;
  margin-left: 8px;
}

.fl-fl1:hover {
  right: 0;
}

.fl-fl1 a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  font-family: myForthFont;
  font-size: 14px;
  line-height: 43px!important;
  vertical-align: top!important;
}
.fl-fl1 a:hover {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  font-family: myForthFont;
  font-size: 14px;
  text-decoration: none;
  vertical-align: top!important;
}
/* Floating Social Media Bar Style Ends Here */


/*banner*/
.slide-cap h2
{
   position: absolute; 
   top: 240px; 
   left: 120px; 
   width: 100%;
   color:#ffffff;
   font-size:33px;
   font-family:MyFifthFont;
   line-height:40px;
}
.slide-cap a
{
   position: absolute; 
   top: 370px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 370px; 
   left: 120px; 
   color:#ffffff;
   background:#4f2e80;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
}
.banner-sticky{
    position: -webkit-sticky;
    position: sticky;
  z-index:999;
  width:100%;
}
.banner-sticky {
    top: 0;
    text-shadow: 2px 2px 0 #f83d23;
    margin: 0;
}
/*//banner*/



/*about home*/
.abt-home
{
  /*background-image:url("../images/bg001.png");
  background-repeat: no-repeat;
  background-size:auto;*/
}
.abt-img
{
  padding-top:80px;
  padding-bottom:70px;
}
.abt-content
{
  padding-top:80px;
  padding-bottom:70px;
}
.abt-content h2
{
  font-size:35px;
  font-family: myForthFont;
  color:#000000;
}
.abt-content h2:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 130px !important;
}
.abt-content p
{
  padding-top:60px;
  font-size:16px;
  font-family: myForthFont;
  color:#000000;
  line-height:28px;
  text-align: justify;
}
/*//about home*/

/*projects*/
.prjct
{
  background-image:url("../images/bg02.jpg");
  background-repeat: no-repeat; 
  background-size:cover;
  padding-bottom:55px;
}
.prjct-content
{
  padding-top:82px;
  
}
.prjct-img
{
  padding-top:30px;
  
}
.prjct-content h2
{
  font-size:31px;
  font-family: mySixthFont;
  color:#ffffff;
}
.prjct-content h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 3px;
    width: 52px;
    background-color: #db1c63;
    top: 122px !important;
}
.prjct-content h3
{
  font-size:24px;
  font-family: mySixthFont;
  color:#ffffff;
  padding-top:20px;
}
.prjct-content p
{
  font-size: 15px;
    font-family: myFifthFont;
    color: #ffffff;
    padding-top: 60px;
    line-height: 26px;
}
/*//projects*/

/*our services*/
.serv-home
{
  /*background-image:url("../images/bg03.jpg");
  background-repeat: no-repeat; 
  background-size:cover;*/
  background:#f3f3f3;
  padding-bottom: 30px;
  /*background: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 110px;*/
}
/*.serv-home-small-devices
{
  background:#f3f3f3;
  padding-bottom: 80px;
  background: url(../images/bg03.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 110px;
}*/
.serv-bg
{
  /*background:#f3f3f3 !important;*/
}
.serv-title h2
{
  font-family: myForthFont;
  font-size:35px;
  color:#000000;
  /*padding-top:120px;*/
  padding-bottom:20px;
  text-align:center;
}
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 470px;*/
  left: 460px;
    bottom: 0px;
    height: 3px;
    width: 68px;
    background-color: #db1c63;
    top: 55px !important;
}

.card{
  padding: 1rem!important;
  border: none;
  margin-bottom:1rem;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
}
.card:hover{
  -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
  -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
  box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
.card .card-block{
  padding-left: 50px;
    position: relative;
}
.card .card-block a{
  color: #4f2e80 !important;
  font-weight:700;
  text-decoration:none;
  font-size:14px;
  font-family: myForthFont;
}
.card .card-block a:hover{
  color: #4f2e80 !important;
  font-weight:700;
  text-decoration:none;
  font-size:14px;
  font-family: myForthFont;
}
.card .card-block a i{
  display:none;
  
}
.card:hover .card-block a i{
  display:inline-block;
  font-weight:700;
  
}
.card .card-block:before{
  font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #4f2e80;
    left: 0;
  -webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}
.card .block-1:before{
    content: "\f109";
}
.card .block-2:before{
    content: "\f040";
}
.card .block-3:before{
    content: "\f26c";
}
.card .block-4:before{
    content: "\f10b";
}
.card .block-5:before{
    content: "\f109";
}
.card .block-6:before{
    content: "\f0e0";
}
.card .block-7:before{
    content: "\f09d";
}
.card .block-8:before{
    content: "\f0c2";
}
.card .block-9:before{
    content: "\f0ac";
}
.card:hover .card-block:before{
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);  
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
}
.card-title
{
  font-size:22px;
  font-family: myForthFont;
  margin-bottom:20px;
  color:#000000;
}
.card-text
{
  font-size:15px !important;
  font-family: myFifthFont !important;
  margin-bottom:20px !important;
  color:#000000 !important;
  margin-top:20px !important;
  line-height:25px !important;
  text-align: justify !important;
    background: none !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  border: none !important;
}
}
.btn-service
{
  padding-top:20px !important;
  padding-bottom:40px !important;
}
.btn-serv
{
  color:#000000;
  font-family: myForthFont;
  font-size:16px;
  border:2px solid #db1c63;
  padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
}
.btn-serv:hover
{
  color:#ffffff;
  font-family: myForthFont;
  font-size:16px;
  border:2px solid #db1c63;
  background: #db1c63;
  padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
  text-decoration:none;
  margin-bottom:20px;
}




/* carousel */
.media-carousel 
{
  margin-bottom: 30px;
  padding: 0 44px 250px 44px;
  margin-top: 55px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -50px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -50px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -50px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -50px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 150px
}
/* End carousel */


/* // our services*/

/*blog*/
.blog
{
  padding-top:50px;
  padding-bottom:110px;
}
.blog-content
{
  margin-bottom:30px;
}
.blog-content h2
{
  font-size:30px;
  font-family: myForthFont;
  color:#000000;
}
.blog-content h2:after {
    content: "";
    position: absolute;
    left: 18px;
    bottom: 0px;
    height: 3px;
    width: 65px;
    background-color: #db1c63;
    top: 50px !important;
}
.blog-content h3
{
  font-size:18px;
  font-family: mySecondFont;
  color:#000000;
  margin-top:70px;
  
}
.blog-content h6 {
  margin-top:20px;
    font-family: myForthFont;
    font-size: 16px;
    color: #000000;
}
.blog-content p
{
  font-size:16px;
  font-family: myForthFont;
  color:#000000;
  margin-top:20px;
  line-height:25px;
  margin-bottom:40px;
  text-align: justify;
}
.btn-blog
{
  color:#000000;
  font-family: myForthFont;
  font-size:16px;
  border:2px solid #db1c63;
  padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
  margin-top:30px;
}
.btn-blog:hover
{
  color:#ffffff;
  font-family: myForthFont;
  font-size:16px;
  border:2px solid #db1c63;
  background:#db1c63;
  padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
  text-decoration:none;
  transition: 0.4s ease-in-out;
}
.blog-btn
{
  font-family:myThirdFont;
  font-size:14px;
  color:#000000;
  border:1px solid #000000;
  padding-bottom:5px;
  padding-top:5px;
  padding-left:10px;
  padding-right:10px;
}
.blog-btn:hover
{
  font-family:myThirdFont;
  font-size:14px;
  background:#000000;
  color:#ffffff;
  border:1px solid #000000;
  padding-bottom:5px;
  padding-top:5px;
  padding-left:10px;
  padding-right:10px;
  text-decoration:none;
  cursor:pointer;
}
/*//blog*/

/*clients*/
.clients
{
  padding: 3em 0 4em 0;
  text-align: center;
  background: #f3f3f3;
}

#mixedSlider {
  position: relative;
}
#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 5%;
}
#mixedSlider .MS-content .item {
  display: inline-block;
  width: 33.3333%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0 10px;
}
@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-content .item {
    width: 100%;
  }
}
#mixedSlider .MS-content .item .imgTitle {
  position: relative;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
  margin: 0;
  text-align: left;
  letter-spacing: 2px;
  color: #252525;
  font-style: italic;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 0 0 2px 10px;
}
#mixedSlider .MS-content .item .imgTitle img {
  height: auto;
  width: 100%;
}
#mixedSlider .MS-content .item p {
  font-size: 16px;
  margin: 2px 10px 0 5px;
  text-indent: 15px;
}
#mixedSlider .MS-content .item a {
  float: right;
  margin: 0 20px 0 0;
  font-size: 16px;
  font-style: italic;
  color: rgba(173, 0, 0, 0.82);
  font-weight: bold;
  letter-spacing: 1px;
  transition: linear 0.1s;
}
#mixedSlider .MS-content .item a:hover {
  text-shadow: 0 0 1px grey;
}
#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 95px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button {
    font-size: 20px;
  }
}
#mixedSlider .MS-controls .MS-left {
  left: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: -10px;
  }
}
#mixedSlider .MS-controls .MS-right {
  right: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: -10px;
  }
}
#basicSlider { position: relative; }

#basicSlider h2 {
    font-size: 30px;
    font-family: myForthFont;
    color: #000000;
  padding-bottom:70px;
  padding-top:20px;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 510px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 2%;
  height: 70px;
}

#basicSlider .MS-content .item {
  display: inline-block;
  width: 20%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  line-height: 50px;
  vertical-align: middle;
}
@media (max-width: 991px) {

#basicSlider .MS-content .item { width: 25%; }
}
@media (max-width: 767px) {

#basicSlider .MS-content .item { width: 35%; }
}
@media (max-width: 500px) {

#basicSlider .MS-content .item { width: 60%; }
}

#basicSlider .MS-content .item a {
  line-height: 50px;
  vertical-align: middle;
}

#basicSlider .MS-controls button { position: absolute; }

#basicSlider .MS-controls .MS-left {
  top: 35px;
  left: 10px;
}

#basicSlider .MS-controls .MS-right {
  top: 35px;
  right: 10px;
}
/*//clients*/


/*partners*/
.partners
{
  padding: 3em 0 4em 0;
  text-align: center;
  background: #f3f3f3;
}

#mixedSlider {
  position: relative;
}
#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 5%;
}
#mixedSlider .MS-content .item {
  display: inline-block;
  width: 33.3333%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0 10px;
}
@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-content .item {
    width: 100%;
  }
}
#mixedSlider .MS-content .item .imgTitle {
  position: relative;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
  margin: 0;
  text-align: left;
  letter-spacing: 2px;
  color: #252525;
  font-style: italic;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 0 0 2px 10px;
}
#mixedSlider .MS-content .item .imgTitle img {
  height: auto;
  width: 100%;
}
#mixedSlider .MS-content .item p {
  font-size: 16px;
  margin: 2px 10px 0 5px;
  text-indent: 15px;
}
#mixedSlider .MS-content .item a {
  float: right;
  margin: 0 20px 0 0;
  font-size: 16px;
  font-style: italic;
  color: rgba(173, 0, 0, 0.82);
  font-weight: bold;
  letter-spacing: 1px;
  transition: linear 0.1s;
}
#mixedSlider .MS-content .item a:hover {
  text-shadow: 0 0 1px grey;
}
#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 95px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button {
    font-size: 20px;
  }
}
#mixedSlider .MS-controls .MS-left {
  left: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: -10px;
  }
}
#mixedSlider .MS-controls .MS-right {
  right: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: -10px;
  }
}
#basicSlider1 { position: relative; }

#basicSlider1 h2 {
    font-size: 30px;
    font-family: myForthFont;
    color: #000000;
  padding-bottom:70px;
  padding-top:20px;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 498px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider1 .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 2%;
  height: 50px;
}

#basicSlider1 .MS-content .item {
  display: inline-block;
  width: 20%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  line-height: 50px;
  vertical-align: middle;
}
@media (max-width: 991px) {

#basicSlider1 .MS-content .item { width: 25%; }
}
@media (max-width: 767px) {

#basicSlider1 .MS-content .item { width: 35%; }
}
@media (max-width: 500px) {

#basicSlider1 .MS-content .item { width: 50%; }
}

#basicSlider1 .MS-content .item a {
  line-height: 50px;
  vertical-align: middle;
}

#basicSlider1 .MS-controls button { position: absolute; }

#basicSlider1 .MS-controls .MS-left {
  top: 35px;
  left: 10px;
}

#basicSlider1 .MS-controls .MS-right {
  top: 35px;
  right: 10px;
}
/*//partners*/


/*top banner blog*/

.top-banner {
    margin-top:0px;
    position: relative;
  background-image: url("../images/bannertop01.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  padding-top:45px;
  padding-bottom:45px;
}
.top-banner-contact {
    margin-top:0px;
    position: relative;
  background-image: url("../images/bannertop02.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  padding-top:45px;
  padding-bottom:45px;
}
.top-banner-about {
    margin-top:0px;
    position: relative;
  background-image: url("../images/bannertop03.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  padding-top:45px;
  padding-bottom:45px;
}
.top-banner-portfolio {
    margin-top:0px;
    position: relative;
  background-image: url("../images/bannertop04.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  padding-top:45px;
  padding-bottom:45px;
}
.top-banner-casestudy {
    margin-top:0px;
    position: relative;
  background-image: url("../images/bannertop05.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  padding-top:45px;
  padding-bottom:45px;
}
.top-banner-blog-details {
    margin-top:0px;
    position: relative;
  background-image: url("../images/bannertop06.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  padding-top:45px;
  padding-bottom:45px;
}
.top-banner-products {
    margin-top:0px;
    position: relative;
  background-image: url("../images/bannertop07.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  padding-top:45px;
  padding-bottom:45px;
}
.top-banner-services {
    margin-top:0px;
    position: relative;
  background-image: url("../images/bannertop08.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  padding-top:45px;
  padding-bottom:45px;
}
.site-title {
    letter-spacing: 2px;
    font-size: 52px;
  text-align: center;
    color: white;
  padding-top:70px;
  padding-bottom:70px;
  font-family: myForthFont;
}  
.site-title-blog-de {
    letter-spacing: 2px;
    font-size: 42px;
  text-align: center;
    color: white;
  padding-top:70px;
  padding-bottom:40px;
  font-family: myForthFont;
  text-transform: none !important;
}  
.primary-wrapper 
{
      position: relative; 
}
   
/*//top banner blog*/

/*blog*/
.blog-page
{
  padding-top:60px;
}
.blg-cntnt
{
    font-size: 14px;
    font-family: myForthFont;
    color: #000000;
    line-height: 26px;
  margin-top:40px;
  text-align: justify;
}
.blg-cntnt span
{
    font-size: 14px;
    font-family: myThirdFont;
    color: #000000;
    /*line-height: 26px;
  margin-top:40px;
  text-align: justify;*/
}
.blog-img
{
  padding-top:30px;
}
.blg-ttl
{
  font-size: 16px;
    font-family: mySecondFont;
    color: #000000;
}
.blog-title h2
{
  font-size: 28px;
    font-family: mySecondFont;
    color: #000000;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 55px;
    bottom: 0px;
    height: 2px;
    width: 365px;
    background-color: #db1c63;
    top: 40px !important;
}
.blog-title p
{
  font-size: 14px;
    font-family: myForthFont;
    color: #000000;
    line-height: 22px;
  margin-top:40px;
  margin-bottom:50px;
}
.container1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto 50px;
  max-width: 1200px;
}
.small .box {
  min-height: 200px;
}

.mid .box {
  min-height: 250px;
}

.box.dark {
  background-color: #c0c0c0;
  color: #fff;
}

.box:first-of-type {
  background-position: top left;
  text-align: right;
}

.box:last-of-type {
  background-position: top right;
}

.heading {
  letter-spacing: 2px;
  font-size: 60px;
  position: absolute;
  top: 50px;
  margin: 0;
}

.subheading {
  font-family: 'Lora';
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
}

.row.mid .subheading {
  top: 70%;
}

.name {
  letter-spacing: 0px;
  font-size: 14px;
  position: absolute;
  bottom: 235px;
  margin: 0;
  font-family:MySecondFont;
  line-height: 20px;
}
.name01 {
  letter-spacing: 0px;
  font-size: 14px;
  position: absolute;
  bottom: 235px;
  margin: 0;
  font-family:MySecondFont;
  line-height: 20px;
}
.box {
    background-color: #eaeaea;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    padding: 40px;
    width: 300px;
    min-height: 300px;
    position: relative;
  margin-bottom:30px;
}
.box:first-of-type .name,
.box:first-of-type .heading {
  right: 10px;
}

.box:last-of-type .name,
.box:last-of-type .heading {
  /*left: 10px;*/
}

.number {
  color: #c0c0c0;
    font-family: MyForthFont;
    font-size: 165px;
    position: absolute;
    top: 45%;
    left: 50%;
    opacity: 0.4;
    transform: translate(-50%, -50%);
  z-index: 0;
}

.movies {
  font-family: 'Lora';
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 20px;
  list-style-type: none;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  width: 100%;
  z-index: 1;
}

.movies li {
  margin: 10px 0;
}

@media screen and (max-width: 1199px) {
.box {
    background-color: #eaeaea;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    padding: 40px;
    width: 230px;
    min-height: 355px;
    position: relative;
    margin-bottom: 30px;
}
/*.name {
    letter-spacing: 2px;
    font-size: 22px;
    position: absolute;
    bottom: 300px;
    margin: 0;
    font-family: MyThirdFont;
}*/
}

@media screen and (max-width: 1000px) {
  .hidden-big {
    display: inline;
  }

  .hidden-small {
    display: none;
  }

  .box {
    order: 2;
    /*min-height: auto;*/
  }

  .box.dark {
    order: 1;
    min-height: 600px;
  }

  .heading {
    font-size: 40px;
    text-align: center;
    right: 0 !important;
    top: 20px;
    width: 100%;
  }
  
  .subheading {
    font-size: 25px;
    text-align: center;
    width: 100%;
  }

  .number {
    font-size: 160px;
  }
  
  /*.name {
    line-height: 1;
    left: 50% !important;
    right: auto !important;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
  }*/

  .movies {
    text-align: center;
  }

  .row.small .box {
    padding: 20px;
    min-height: auto;
  }

  .row.mid .box {
    min-height: 100px;
  }
  .row, .box {
    width: 100%;
  }
}

@media screen and (max-width: 700px) {
  .row, .box {
    width: 100%;
  }
  .box.dark {
    order: 1;
    min-height: 600px;
  }
}
@media screen and (max-width: 600px) {
  .row, .box {
    width: 100%;
  }
  .box.dark {
    order: 1;
    min-height: 500px;
  }
}
@media screen and (max-width: 500px) {
  .row, .box {
    width: 100%;
  }
  .box.dark {
    order: 1;
    min-height: 325px;
  }
}
@media screen and (max-width: 425px) {
  .row, .box {
    width: 100%;
  }
  .box.dark {
    order: 1;
    min-height: 325px;
  }
  /*.name {
    line-height: 1;
    left: 40% !important;
    right: auto !important;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
    top:25px;
  }*/
}
@media screen and (max-width: 412px) {
  .row, .box {
    width: 100%;
  }
  .box.dark {
    order: 1;
    min-height: 312px;
  }
  /*.name {
    line-height: 1;
    left: 40% !important;
    right: auto !important;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
    top:25px;
  }*/
}
@media screen and (max-width: 375px) {
  .row, .box {
    width: 100%;
  }
  .box.dark {
    order: 1;
    min-height: 275px;
  }
  /*.name {
    line-height: 1;
    left: 47% !important;
    right: auto !important;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
    top:25px;
  }*/
}
@media screen and (max-width: 360px) {
  .row, .box {
    width: 100%;
  }
  .box.dark {
    order: 1;
    min-height: 260px;
  }
  /*.name {
    line-height: 1;
    left: 47% !important;
    right: auto !important;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
    top:25px;
  }*/
}

/* SOCIAL PANEL CSS */
.social-panel-container {
  position: fixed;
  right: 0;
  bottom: 80px;
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
}

.social-panel-container.visible {
  transform: translateX(-10px);
}

.social-panel { 
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 16px 31px -17px rgba(0,31,97,0.6);
  border: 5px solid #001F61;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: 'Muli';
  position: relative;
  height: 169px;  
  width: 370px;
  max-width: calc(100% - 10px);
}

.social-panel button.close-btn {
  border: 0;
  color: #97A5CE;
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
}

.social-panel button.close-btn:focus {
  outline: none;
}

.social-panel p {
  background-color: #001F61;
  border-radius: 0 0 10px 10px;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  padding: 2px 17px 6px;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  text-align: center;
  width: 235px;
}

.social-panel p i {
  margin: 0 5px;
}

.social-panel p a {
  color: #FF7500;
  text-decoration: none;
}

.social-panel h4 {
  margin: 20px 0;
  color: #97A5CE; 
  font-family: 'Muli';  
  font-size: 14px;  
  line-height: 18px;
  text-transform: uppercase;
}

.social-panel ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.social-panel ul li {
  margin: 0 10px;
}

.social-panel ul li a {
  border: 1px solid #DCE1F2;
  border-radius: 50%;
  color: #001F61;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  text-decoration: none;
}

.social-panel ul li a:hover {
  border-color: #FF6A00;
  box-shadow: 0 9px 12px -9px #FF6A00;
}

.floating-btn {
  border-radius: 26.5px;
  background-color: #001F61;
  border: 1px solid #001F61;
  box-shadow: 0 16px 22px -17px #03153B;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  padding: 12px 20px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
}

.floating-btn:hover {
  background-color: #ffffff;
  color: #001F61;
}

.floating-btn:focus {
  outline: none;
}

.floating-text {
  background-color: #001F61;
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-family: 'Muli';
  padding: 7px 15px;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.floating-text a {
  color: #FF7500;
  text-decoration: none;
}

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

  .social-panel-container.visible {
    transform: translateX(0px);
  }
  
  .floating-btn {
    right: 10px;
  }
}
/*//blog*/

/*case study*/
.case-study
{
  /*background-image:url("../images/bg04.jpg");
  background-repeat: no-repeat; 
  background-size:cover;*/
  padding-top:68px;
  padding-bottom:0px;
}
.case-content h2
{
  font-size:35px;
  font-family: myForthFont;
  color:#000000;
}
.case-content h2:after {
    content: "";
    position: absolute;
    left: 18px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 50px !important;
}
.case-content p
{
  font-size:16px;
  font-family: myForthFont;
  color:#000000;
  margin-top:50px;
  line-height:25px;
  margin-bottom:40px;
  text-align: justify;
}
.btn-case
{
  color:#000000;
  font-family: myForthFont;
  font-size:16px;
  border:2px solid #db1c63;
  padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
  margin-top:30px;
}
.btn-case:hover
{
  color:#ffffff;
  font-family: myForthFont;
  font-size:16px;
  border:2px solid #db1c63;
  background:#db1c63;
  padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
  text-decoration:none;
}

/*//case study*/

/*contact*/
.contact
{
  padding-top:60px;
  padding-bottom:60px;
}
.contact-img
{
  margin-bottom: 30px;
}
.contact-content h2
{
  font-family: myFifthFont;
  font-size:28px;
  color:#db1c63;
}
.contact-content h3
{
  font-family: myForthFont;
  font-size:33px;
  color:#000000;
  margin-top:10px;
  margin-bottom:40px;
}
.address-grid-contact
{
  margin-bottom:30px;
}
.address-left-contact {
    float: left;
    width: 10%;
}
.address-left-contact i.fa.fa-phone, .address-left-contact i.fa.fa-envelope, .address-left-contact i.fa.fa-whatsapp {
    color: #000000;
    font-size: 1.2em;
}
.address-right-contact {
    float: right;
    width: 87%;
}
.address-right-contact h6 {
    color: #000000;
    font-family: myThirdFont;
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px;
}
.address-right-contact p {
    margin: 1em 0 0 0;
    font-family: myForthFont;
    font-size: 14px;
    color: #000000;
}
.loc-contact p
{
    margin: 1em 0 0 0;
    font-family: myFifthFont;
    font-size: 14px;
    color: #000000; 
  line-height:20px;
}
.address-grid-contact:nth-child(2) {
    margin: 2.7em 0;
}
.address-right-contact p a {
    color: #000000;
    text-decoration: none;
  font-family: myForthFont;
  font-size: 14px;
}
.address-right-contact p a:hover {
    color: #000000;
    text-decoration: none;
  font-family: myForthFont;
  font-size: 14px;
}


/*---------------------------------------
  Contact section              
-----------------------------------------*/
.cntct-frm
{
  margin-top:160px;
}
.contact-info .fa {
  padding-right: 5px;
}

#contact .form-control {
  border: none;
  color:#000000;
  border-bottom: 1px solid #000000;
  font-family:MyFifthFont;
  border-radius: 0px;
  box-shadow: none;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}

#contact .form-control:focus {
  border-bottom-color: #000000;
}

#contact input {
  height: 30px;
  color:#000000;
}
#contact label {
  font-family:MyFifthFont;
  font-size:18px;
  color:#000000;
}
#contact button#submit {
  background: #db1c63;
  border: 2px solid #db1c63;
  border-radius: 0px;
  color: #ffffff !important;
  height: 40px;
  margin-top: 24px;
  font-family: myForthFont;
}

#contact button#submit:hover {
  background: #ffffff;
  color: #db1c63 !important;
  border: 2px solid #db1c63;
  font-family: myForthFont;
}


/*//contact*/

/*sitemap*/
.sitemap
{
  margin-top:70px;
  margin-bottom: 70px;
}
.sitemap-glitit h2
{
  font-family: mySecondFont;
  font-size:28px;
  color:#000000;
  margin-bottom:50px;
}
.sitemap-glitit h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 40px !important;
}
.sitemap-glitit p
{
  font-family: myForthFont;
  font-size:16px;
  color:#000000;
  margin-bottom:50px;
  line-height:26px;
}
.sitemap-glitit ul
{
  margin: 0 0 20px 25px;
    list-style-type: square;
}
.sitemap-glitit ul li
{
  padding: 0px;
}
.sitemap-glitit ul li a
{
  font-family: myForthFont;
  font-size:16px;
  color:#000000;
  margin-bottom:50px;
  line-height:26px;
}
.sitemap-glitit ul li a:hover
{
  font-family: myForthFont;
  font-size:16px;
  color:#db1c63;
  margin-bottom:50px;
  line-height:26px;
  text-decoration: none;
}
/*//sitemap*/

/*about*/
.about-gli
{
  margin-top:70px;
}
.about-glitit h2
{
  font-family: mySecondFont;
  font-size:28px;
  color:#000000;
  margin-bottom:50px;
}
.about-img {
    padding-top: 60px;
}
.about-glitit h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 40px !important;
}
.about-glitit p
{
  font-family: myForthFont;
  font-size:15px;
  color:#000000;
  margin-bottom:50px;
  line-height:26px;
  text-align: justify;
}
.top-banner-about01 {
    /*margin-top: 45px;*/
    position: relative;
    background-image: url(../images/abt-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
}
.site-titleabt01 {
    letter-spacing: 2px;
    font-size: 38px;
    text-align: center;
    color: white;
    padding-top: 25px;
    padding-bottom: 25px;
    font-family: myThirdFont;
    line-height: 62px;
}
.abt-vm
{
  margin-top:80px;
  margin-bottom:80px;
}
.abt-vm-content
{
  margin-top:30px;
  margin-bottom: 80px;
}
.abt-vm-content h2
{
  font-family: myForthFont;
  font-size:25px;
  color:#000000;
  margin-bottom:30px;
}
.abt-vm-content p
{
  font-family: myForthFont;
  font-size:16px;
  color:#000000;
  margin-bottom:40px;
  line-height:26px;
}
.abt-vm-content1
{
  margin-top:100px;
}
.abt-vm-img
{
  margin-top:50px;
}
.abt-vm-content1 h2
{
  font-family: myForthFont;
  font-size:25px;
  color:#000000;
  margin-bottom:30px;
  text-align:right;
}
.abt-vm-content1 p
{
  font-family: myForthFont;
  font-size:16px;
  color:#000000;
  margin-bottom:40px;
  line-height:26px;
  text-align:right;
}
.abt-values
{
  background:#663d74;
  padding-top:30px;
  padding-bottom:20px;
}
.abt-values-title h2
{
  font-family: mySecondFont;
  font-size:25px;
  color:#ffffff;
  margin-bottom:30px;
}
.abt-values-title h2:after {
    content: "";
  position: absolute;
  left: 50px;
  bottom: 0px;
  height: 1px;
  width: 80px;
  background-color: #ffffff;
  top: 36px !important;
}
.abt-values-content p
{
  font-family: myForthFont;
  font-size:16px;
  color:#ffffff;
  margin-bottom:40px;
  line-height:26px;
}
.abt-values-content p span
{
  font-family: mySecondFont;
  font-size:16px;
  color:#ffffff;
  margin-bottom:40px;
  line-height:26px;
}
/*.counters
{
  margin-top:80px;
  margin-bottom:50px;
}
.counter-name
{
  font-family: myForthFont;
  font-size:18px;
  color:#000000;
}
.count-sec
{
  margin-bottom:30px;
}
.counter {
  display: inline-table;
  font-size:22px;
  font-family: mySecondFont;
  margin-bottom:20px;
}*/

/*counter*/
.sectionClass {
  padding-bottom: 60px;
  padding-top: 60px;
}

.fullWidth {
  /*display: table;*/
  /*float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;*/
}

.projectFactsWrap {
  display: flex;
  /*margin-top: 0px;
  flex-direction: row;
  flex-wrap: wrap;*/
}

#projectFacts .fullWidth {
  padding-left: 5%;
  padding-right: 5%;
}

.projectFactsWrap .item-c {
  /*width: 33.3333333%;
  height: 100%;
  padding: 130px 130px;*/
  text-align: center;
  margin-bottom: 20px;
  
}

.projectFactsWrap .item-c p.number-c {
  font-size: 22px;
  font-family: mySecondFont;
  color: #000000;
  /*padding: 8%;
  font-weight: bold;*/
}

.projectFactsWrap .item-c p {
  font-family: myForthFont;
  font-size: 18px;
  color: #000000;
  /*margin: 0;
  padding: 10px;*/
}

.projectFactsWrap .item-c span {
  /*width: 39px;
  background: rgba(255, 255, 255, 0.8);
  height: 2px;
  display: block;
  margin: 0 auto;*/
}

.projectFactsWrap .item-c i {
  vertical-align: middle;
  font-size: 60px;
  color: rgba(255, 255, 255, 0.8);
  padding: 3%;
}

.projectFactsWrap .item-c:hover i,
.projectFactsWrap .item-c:hover p {
  color: #000000;
}

.projectFactsWrap .item-c:hover span {
  background: white;
}

@media (max-width: 786px) {
  .projectFactsWrap .item-c {
    flex: 0 0 50%;
  }
}
/*//counter*/


.whychoose {
    margin-top: 65px;
  padding-top: 65px;
    padding-bottom: 65px;
  background: #f3f0f0;
}
.why-choose-title h2
{
  color: #000000;
  font-family: mySecondFont;
    font-size: 25px;
  margin-bottom: 60px;
}
.why-choose-1
{
  background: #ffffff;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: 1px 1px 15px rgb(0 0 0 / 30%);
  border-left: 3px solid #ad539d;
  border-radius: 20px;
}
.why-choose-2
{
  background: #ffffff;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: 1px 1px 15px rgb(0 0 0 / 30%);
  border-left: 3px solid #c11957;
  border-radius: 20px;
}
.why-choose-3
{
  background: #ffffff;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: 1px 1px 15px rgb(0 0 0 / 30%);
  border-left: 3px solid #44286e;
  border-radius: 20px;
}
.why-choose-1 i
{
  font-size: 34px;
  color: #ad539d;
  margin-bottom: 20px;
}
.why-choose-1 h3
{
  color: #000000;
  font-family: mySecondFont;
    font-size: 22px;
  margin-bottom: 20px;
}
.why-choose-1 p
{
  color: #000000;
  font-family: myForthFont;
    font-size: 15px;
  line-height: 26px;
  margin-bottom: 20px;
}
.why-choose-2 i
{
  font-size: 34px;
  color: #c11957;
  margin-bottom: 20px;
}
.why-choose-2 h3
{
  color: #000000;
  font-family: mySecondFont;
    font-size: 22px;
  margin-bottom: 20px;
}
.why-choose-2 p
{
  color: #000000;
  font-family: myForthFont;
    font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}
.why-choose-3 i
{
  font-size: 34px;
  color: #44286e;
  margin-bottom: 20px;
}
.why-choose-3 h3
{
  color: #000000;
  font-family: mySecondFont;
    font-size: 22px;
  margin-bottom: 20px;
}
.why-choose-3 p
{
  color: #000000;
  font-family: myForthFont;
    font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}
.item-boxed {
    width: 50%;
    float: left;
    overflow: hidden;
    position: relative;
  box-shadow: 1px 1px 15px rgb(0 0 0 / 30%);
}
.image-boxed {
    float: left;
    position: relative;
    overflow: hidden;
    width: 50%;
}

.image-boxed img {
    width: 100%;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.image-boxed a.more-boxe {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    color: #fff;
    top: 40%;
    font-size: 0;
}
.info-boxed {
    background: #ada5ab;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: 30px 35px 30px 35px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 50%;
    z-index: 999;
}
/*.boxed-top:before {
    border: 20px solid #008d96;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    left: -40px;
    position: absolute;
    top: 65px;
    z-index: 999;
}*/
.info-boxed p {
    margin-bottom: 30px;
  font-family: myForthFont;
  font-size: 14px;
  color: #ffffff;
  line-height: 25px;
  text-align: justify;
}
.info-boxed h3 {
    font-size: 20px;
  font-family: mySecondFont;
  color: #ffffff;
  letter-spacing: 2px;
  margin-bottom: 20px;
  margin-top: 20px;
}
/*//about*/

/*portfolio*/
.portfolio {
    background-image: url(../images/bg005.png);
    background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 50px;
    /*background-size: cover;
    background-size: auto;*/
}
.portfolio-title
{
  margin-top:50px;
}
.portfolio-title h2
{
  font-family: myForthFont;
  font-size:35px;
  color:#000000;
  margin-bottom:50px;
}
.portfolio-title h2:after {
    content: "";
  position: absolute;
  left: 15px;
  bottom: 0px;
  height: 2px;
  width: 70px;
  background-color: #db1c63;
  top: 55px !important;
}
/*main tab*/
.portfolio-menu{
  /*text-align:center;*/
}
.portfolio-menu ul li{
  display:inline-block;
  margin:0;
  list-style:none;
  padding: 10px 20px 10px 15px;
  cursor:pointer;
  -webkit-transition:all 05s ease;
  -moz-transition:all 05s ease;
  -ms-transition:all 05s ease;
  -o-transition:all 05s ease;
  transition:all .5s ease;
  
  font-size: 22px;
    color: #000000;
    margin-bottom: 30px;
    font-family: myForthFont;
    /*padding-left: 20px;*/
    cursor: pointer;
}

.portfolio-item{
  /*width:100%;*/
  margin-left: 0px;
}
}
.portfolio-item .item{
  /*width:303px;*/
  float:left;
  margin-bottom:10px;
}
.designs
{
  left: 0px;
    top: 0px;
    position: relative !important;
}
.item p {
    font-family: myForthFont;
    font-size: 16px;
    color: #ffffff;
    line-height: 22px;
    margin-top: 28px;
    margin-bottom: 30px;
  text-align: center;
  background: #db1c64;
  border: 2px solid #db1c63;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 75px;
    margin-right: 75px;
}
.item p:hover {
    font-family: myForthFont;
    font-size: 16px;
    color: #db1c64;
    line-height: 22px;
    margin-top: 28px;
    margin-bottom: 30px;
  text-align: center;
  background: #ffffff;
  border: 2px solid #db1c63;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 75px;
    margin-right: 75px;
}
/*.item00
{
  margin-top: 30px !important;
   margin-bottom: 30px !important;
}*/
.btn-outline-dark:not(:disabled):not(.disabled).active{
    color: #db1c64;
    /* background-color: #343a40; */
    /* border-color: #343a40; */
}
.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*//main tab*/

/*sub tab*/
ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  /*border-bottom: 1px solid #333;*/
  width: 100%;
}

ul.tabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  padding: 10px 40px 10px 0px;
  /*border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;*/
  font-size: 22px;
    color: #000000;
    font-family: myForthFont;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

.tab_last { /*border-right: 1px solid #333;*/ }

ul.tabs li:hover {
  color: #db1c64;
}

ul.tabs li.active {
  background-color: #fff;
  color: #db1c64;
  border-bottom: 1px solid #fff;
  display: block;
}

.tab_container {
  /*border: 1px solid #333;*/
  border-top: none;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  overflow: auto;
}

.tab_content {
  padding: 20px;
  display: none;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
  /*.tabs {
    display: none;
  }*/
  .tab_drawer_heading {
    background-color: #ffffff;
    color: #000000;
    font-family: myForthFont;
    font-size: 22px;
    /*border-top: 1px solid #333;*/
    margin: 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .d_active {
    background-color: #ffffff;
    color: #db1c64;
  }
}
@media screen and (max-width: 499px) {
ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 10px 10px 10px 0px;
    font-size: 22px;
    color: #000000;
    font-family: myForthFont;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.tab-label {
    position: relative;
    display: block;
    padding: 10px 10px 10px 10px !important;
    background: #ffffff;
    /* border-right: 0.125rem solid #16a085; */
    color: #000000;
    cursor: pointer;
    top: 0;
    transition: all 0.25s;
    font-family: myForthFont;
    font-size: 18px !important;
}
.tab-switch:checked + .tab-label {
    background: #db1c64;
    color: #ffffff;
    border-bottom: 0;
    /* border-right: 0.125rem solid #fff; */
    transition: all 0.35s;
    z-index: 1;
    /* top: -0.0625rem; */
    font-family: myForthFont;
    font-size: 18px !important;
}
}
/*//sub tab*/


/*sub tab-designs*/
ul.tabs-test {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  /*border-bottom: 1px solid #333;*/
  width: 100%;
}

ul.tabs-test li {
  float: left;
  margin: 0;
  cursor: pointer;
  padding: 10px 20px 10px 20px;
  /*border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;*/
  font-size: 22px;
    color: #000000;
    font-family: myForthFont;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

.tab_last { /*border-right: 1px solid #333;*/ }

ul.tabs-test li:hover {
  color: #db1c64;
}

ul.tabs-test li.active {
  background-color: #db1c64;
    color: #ffffff;
  border-bottom: 1px solid #fff;
  display: block;
}

.tab_container-test {
  /*border: 1px solid #333;*/
  border-top: none;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  overflow: auto;
}

.tab_content-test {
  padding: 20px;
  display: none;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
  /*.tabs {
    display: none;
  }*/
  .tab_drawer_heading {
    background-color: #ffffff;
    color: #000000;
    font-family: myForthFont;
    font-size: 22px;
    /*border-top: 1px solid #333;*/
    margin: 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .d_active {
    background-color: #ffffff;
    color: #db1c64;
  }
}
@media screen and (max-width: 499px) {
ul.tabs-test li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 10px 10px 10px 10px !important;
    font-size: 18px !important;
    color: #000000;
    font-family: myForthFont;
    overflow: hidden;
    position: relative;
    margin-bottom: 0px;
}
ul.tabs-test {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    /* border-bottom: 1px solid #333; */
    width: 100%;
}
ul.tabs-test li.active {
    background-color: #db1c64;
    color: #ffffff;
    border-bottom: none;
    display: block;
}
.tab-label {
    position: relative;
    display: block;
    padding: 10px 10px 10px 10px !important;
    background: #ffffff;
    /* border-right: 0.125rem solid #16a085; */
    color: #000000;
    cursor: pointer;
    top: 0;
    transition: all 0.25s;
    font-family: myForthFont;
    font-size: 18px !important;
}
.tab-switch:checked + .tab-label {
    background: #db1c64;
    color: #ffffff;
    border-bottom: 0;
    /* border-right: 0.125rem solid #fff; */
    transition: all 0.35s;
    z-index: 1;
    /* top: -0.0625rem; */
    font-family: myForthFont;
    font-size: 18px !important;
}
}
@media screen and (max-width: 573px) {
ul.tabs-test li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 10px 10px 10px 10px !important;
    font-size: 18px !important;
    color: #000000;
    font-family: myForthFont;
    overflow: hidden;
    position: relative;
    margin-bottom: 0px;
}
ul.tabs-test {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    /* border-bottom: 1px solid #333; */
    width: 100%;
  margin-bottom: 30px;
}
ul.tabs-test li.active {
    background-color: #db1c64;
    color: #ffffff;
    border-bottom: none;
    display: block;
}
}
/*//sub tab-designs*/




.link-web:hover
{
  text-decoration: none;
  font-family: myFifthFont;
    font-size: 18px;
    color: #000000;
    line-height: 22px;
    margin-top: 28px;
    margin-bottom: 30px;
}
.link-web
{
  text-decoration: none;
  font-family: myFifthFont;
    font-size: 18px;
    color: #000000;
    line-height: 22px;
    margin-top: 28px;
    margin-bottom: 30px;
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
    cursor: pointer !important;
}
.border-item
{
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 10px 0px rgb(84 84 84 / 58%);
}
.border-item a img
{
  padding-top: 30px;
}
.item
{
  margin-bottom: 30px;
}
.item h5 {
    font-family: myFifthFont;
    font-size: 18px;
    color: #000000;
    line-height: 22px;
    margin-bottom: 8px;
  text-align: center;
}
.item h6 {
    font-family: myFifthFont;
    font-size: 18px;
    color: #000000;
    line-height: 27px;
    /*margin-bottom: 8px;*/
  text-align: center;
}
.border-item0 a:hover
{
  padding-top: 30px;
}
/*//portfolio*/


/*case stydy*/
.case_study
{
  padding-top:50px;
}
.case-title h2
{
  font-size: 30px;
    font-family: myForthFont;
    color: #000000;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 115px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 40px !important;
}
.case-title p
{
  font-size: 16px;
    font-family: myForthFont;
    color: #000000;
    line-height: 22px;
  margin-top:40px;
  margin-bottom:50px;
}
.case-dimg img
{
  margin-left:15px;
}
.case-head
{
  background:#673d75;
  padding-bottom:136px;
  /*display:grid;
  grid-template-columns:100px 100px 100px;
  grid-template-rows:50px 50px;*/
}
.case-head h2
{
  font-family: mySecondFont;
    color: #ffffff;
  font-size:25px;
  margin-top:80px;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 145px;
    bottom: 0px;
    height: 1px;
    width: 372px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head p
{
  font-family: myFifthFont;
    color: #ffffff;
  font-size:18px;
  margin-top:40px;
  line-height:24px;
}
.case-d p
{
  padding-left:75px;
  padding-right:75px;
  margin-bottom:60px;
}
.case-btn
{
  color:#ffffff;
  font-family: myForthFont;
  font-size:14px;
  border:2px solid #ffffff;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:5px;
  padding-top:5px;
  
}
.case-btn:hover
{
  color:#673d75;
  background:#ffffff;
  font-family: myForthFont;
  font-size:14px;
  border:2px solid #ffffff;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:5px;
  padding-top:5px;
  text-decoration:none;
}
.box-case {
    /*background-color: #eaeaea;*/
    background-repeat: no-repeat;
    background-size: cover;
    /*display: flex;*/
    align-items: center;
    padding: 40px;
    /*width: 300px;*/
    min-height: 441px;
    position: relative;
  /*margin-bottom:30px;*/
}
.case-head1
{
  background:#ffffff;
  padding-bottom:136px;
  /*display:grid;
  grid-template-columns:100px 100px 100px;
  grid-template-rows:50px 50px;*/
}
.case-head1 h2
{
  font-family: mySecondFont;
    color: #000000;
  font-size:25px;
  margin-top:50px;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 145px;
    bottom: 0px;
    height: 1px;
    width: 372px;
    background-color: #db1c63;
    top: 130px !important;
}
.case-head1 p
{
  font-family: myFifthFont;
    color: #000000;
  font-size:18px;
  margin-top:40px;
  line-height:24px;
}
.case-d1 p
{
  padding-left:75px;
  padding-right:75px;
  margin-bottom:60px;
}
.case-btn1
{
  color:#000000;
  font-family: myForthFont;
  font-size:14px;
  border:2px solid #db1c63;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:5px;
  padding-top:5px;
  
}
.case-btn1:hover
{
  color:#ffffff;
  background:#db1c63;
  font-family: myForthFont;
  font-size:14px;
  border:2px solid #ffffff;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:5px;
  padding-top:5px;
  text-decoration:none;
}
.box-case1 {
    /*background-color: #eaeaea;*/
    background-repeat: no-repeat;
    background-size: cover;
    /*display: flex;*/
    align-items: center;
    padding: 40px;
    /*width: 300px;*/
    min-height: 366px;
    position: relative;
  /*margin-bottom:30px;*/
}
@media screen and (max-width: 1199px) {
.box-case {
    /*background-color: #eaeaea;*/
    background-repeat: no-repeat;
    background-size: cover;
    /*display: flex;*/
    align-items: center;
    padding: 40px;
    /*width: 230px;
    min-height: 355px;*/
    position: relative;
    /*margin-bottom: 30px;*/
}
.box-case1 {
    /*background-color: #eaeaea;*/
    background-repeat: no-repeat;
    background-size: cover;
    /*display: flex;*/
    align-items: center;
    padding: 40px;
    /*width: 230px;
    min-height: 355px;*/
    position: relative;
    /*margin-bottom: 30px;*/
}
}

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

  .box-case {
    order: 2;
    /*min-height: auto;*/
  }

  .box-case.dark {
    order: 1;
    min-height: 600px;
  } 
  .row, .box-case {
    width: 100%;
  }
  .box-case1 {
    order: 2;
    /*min-height: auto;*/
  }

  .box-case1.dark {
    order: 1;
    min-height: 600px;
  } 
  .row, .box-case1 {
    width: 100%;
  }
}

@media screen and (max-width: 700px) {
  .row, .box-case {
    width: 100%;
  }
  .box-case.dark {
    order: 1;
    min-height: 600px;
  }
  .row, .box-case1 {
    width: 100%;
  }
  .box-case1.dark {
    order: 1;
    min-height: 600px;
  }
}

@media screen and (max-width: 500px) {
  .row, .box-case {
    width: 100%;
  }
  .box-case.dark {
    order: 1;
    min-height: 400px;
  }
  .row, .box-case1 {
    width: 100%;
  }
  .box-case1.dark {
    order: 1;
    min-height: 400px;
  }
}
@media screen and (max-width: 412px) {

  .row, .box-case {
    width: 100%;
  }
  .box-case.dark {
    order: 1;
    min-height: 256px;
  }
  .row, .box-case1 {
    width: 100%;
  }
  .box-case1.dark {
    order: 1;
    min-height: 256px;
  }
}
@media screen and (max-width: 360px) {
  .row, .box-case {
    width: 100%;
  }
  .box-case.dark {
    order: 1;
    min-height: 221px;
  }
  .row, .box-case1 {
    width: 100%;
  }
  .box-case1.dark {
    order: 1;
    min-height: 221px;
  }
  
}

/*pagination*/
.pagination
{
	padding-top: 20px;
	padding-bottom: 20px;
}
.pagination a.active {
    background-color: #db1c63;
    color: #ffffff;
    border-radius: 50px;
	width: 40px;
	height: 40px;
	line-height: 25px;
	box-shadow: 0px 0px 10px 0px #00000048;
	font-family: mySecondFont;
	font-size: 16px;
}
.pagination a.active:hover {
    background-color: #db1c63;
    color: #ffffff;
    border-radius: 50px;
	width: 40px;
	height: 40px;
	line-height: 25px;
	box-shadow: 0px 0px 10px 0px #00000048;
	font-family: mySecondFont;
	font-size: 16px;
}
.pagination a {
    color: #ffffff;
	background-color: #673d75;
	box-shadow: 0px 0px 10px 0px #00000048;
    float: left;
    padding: 8px 10px;
    text-decoration: none;
    font-family: mySecondFont;
    border-radius: 50px;
	width: 40px;
	height: 40px;
	line-height: 25px;
    margin-right: 5px;
	font-size: 16px;
}
.pagination a:hover {
	background-color: #db1c63;
    color: #ffffff;
    border-radius: 50px;
	width: 40px;
	height: 40px;
	line-height: 25px;
	box-shadow: 0px 0px 10px 0px #00000048;
	font-family: mySecondFont;
	font-size: 16px;
}
/*//pagination*/

/*//case stydy*/


/*blog details*/
.blog-details
{
  margin-top:70px;
  margin-bottom:70px;
}
.blog-readmore h2
{
  font-family: myForthFont;
  font-size:30px;
  color:#000000;
  margin-bottom:50px;
}
.blog-readmore img {
    padding-top: 30px;
  padding-bottom: 30px;
}
.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 40px !important;
}
.blog-readmore p
{
  font-family: myForthFont;
  font-size:16px;
  color:#000000;
  margin-bottom:20px;
  line-height:30px;
  text-align: justify;
}


/* hashtag */
.address-left-hashtag {
    float: left;
    width: 5%;
}
.address-left-hashtag i.fa.fa-tags{
    color: #db1c63;
    font-size: 1em;
  line-height: 30px;
}
.address-right-hashtag {
    float: right;
    width: 95%;
}
.address-right-hashtag p {
    /*margin: 1em 0 0 0;*/
    font-family: myThirdFont;
    font-size: 14px;
    color: #000000;
  text-align: left;
}
.address-right-hashtag p a {
    /*margin: 1em 0 0 0;*/
    font-family: myThirdFont;
    font-size: 14px;
    color: #000000;
}
.address-right-hashtag p a:hover {
    /*margin: 1em 0 0 0;*/
    font-family: myThirdFont;
    font-size: 14px;
    color: #000000;
  text-decoration: none;
}
/*// hashtag */ 



.blog-readmore h6
{
  font-family: myForthFont;
  font-size:16px;
  color:#000000;
  
}
.blog-readmore h3
{
  font-family: myThirdFont;
  font-size:16px;
  color:#000000;
  margin-bottom: 15px;
}
.blog-readmore h6 span
{
  font-family: myForthFont;
  font-size:16px;
  color:#db1c63;
  
}
.blog-post
{
  background-color :#eeeeee;
  padding-top:40px;
  padding-bottom:40px;
  padding-left:50px;
  padding-right:50px;
  right:0;
  position:absolute;
}
.blog-share
{
  background-color :#ffffff;
  padding-top:30px;
  padding-bottom:30px;
  padding-left:40px;
  padding-right:40px;
}
.blog-share h3
{
  font-family: myForthFont;
  font-size:16px;
  color:#000000;
  margin-bottom:20px;
}
.blog-share ul
{
    padding-left: 30px;
  padding-top:10px;
  padding-bottom:40px;
}
.blog-share ul li
{
  float:left;
  margin-right: 38px;
}
.blog-recent
{
  /*margin-top:30px;*/
  background-color:#333333;
  padding-top:40px;
  padding-bottom:1px;
  /*padding-left:40px;
  padding-right:40px;*/
}
.blog-recent h3
{
  font-family: myForthFont;
  font-size:20px;
  color:#ffffff;
  margin-bottom:20px;
  padding-left:40px;
}
.blog-recent h3:after {
    content: "";
    position: absolute;
    left: 90px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 110px !important;
}
/*.blog-recent ul
{
    padding-left: 15px;
  padding-top:10px;
  padding-bottom:40px;
}
.blog-recent ul li
{
  font-family: myFifthFont;
  font-size:15px;
  color:#ffffff;
  margin-bottom:10px;
  line-height:23px;
  border-bottom: 1px solid #db1c63;
}*/
.blog-recent ul
{
    
  padding-bottom:20px;
}
.blog-recent ul li
{
  
  padding-left:40px;
  padding-right:40px;
  font-family: myFifthFont;
  font-size:15px;
  color:#ffffff;
  line-height:23px;
}
.blog-recent ul li a
{
  
  font-family: myFifthFont;
  font-size:15px;
  color:#ffffff;
  line-height:23px;
}
.blog-recent ul li a:hover
{
  font-family: myFifthFont;
  font-size:15px;
  color:#db1c63;
  line-height:23px;
  text-decoration: none;
}
.re-post_blog > .active > a
{
  font-family: myFifthFont;
  font-size:15px;
  color:#db1c63;
  line-height:23px;
  text-decoration: none;
}
.blog-recent ul hr
{
  border-color: #db1c63;
  margin-top:10px;
  margin-bottom:10px;
  opacity: 0.3;
}
/*.blog-recent1
{
  background-color:#333333;
  padding-bottom:10px;
}
.blog-recent1 ul
{
    
  padding-bottom:20px;
}
.blog-recent1 ul li
{
  
  padding-left:40px;
  padding-right:40px;
  font-family: myFifthFont;
  font-size:15px;
  color:#ffffff;
  line-height:23px;
}
.blog-recent1 ul hr
{
  border-color: #db1c63;
  margin-top:10px;
  margin-bottom:10px;
  opacity: 0.3;
}*/

/*share icons*/
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  /*margin: 0.5em*/
  margin-bottom: 20px;
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: myForthFont;
  font-size: 14px;
  letter-spacing: 1px;
}
.resp-sharing-button:hover {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: myForthFont;
  font-size: 14px;
  letter-spacing: 1px;
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #ffffff;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
  color: #ffffff;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
  color: #ffffff;
}

.resp-sharing-button--google {
  background-color: #dd4b39;
  border-color: #dd4b39;
}

.resp-sharing-button--google:hover,
.resp-sharing-button--google:active {
  background-color: #c23321;
  border-color: #c23321;
  color: #ffffff;
}

.resp-sharing-button--tumblr {
  background-color: #35465C;
  border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
  background-color: #222d3c;
  border-color: #222d3c;
  color: #ffffff;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
  color: #ffffff;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
  color: #ffffff;
}

/*//share icons*/


/*//blog details*/

/*products page*/
.products {
    background-image: url(../images/bg006.png);
    background-repeat: no-repeat;
  background-size: contain;
    /*background-size: cover;
    background-size: auto;*/
}
.product-dis
{
  padding-top:130px;
}
.product-shadow
{
  box-shadow: 0px 0px 10px 0px rgb(84 84 84 / 58%);
  padding-top: 20px;
    padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
}
.product-shadow1
{
  box-shadow: 0px 0px 10px 0px rgb(84 84 84 / 58%);
  padding-top: 20px;
    padding-bottom: 95px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 14px;
}
.product-shadow2
{
  box-shadow: 0px 0px 10px 0px rgb(84 84 84 / 58%);
  padding-top: 20px;
    padding-bottom: 95px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 14px;
}
.product-shadow3
{
  box-shadow: 0px 0px 10px 0px rgb(84 84 84 / 58%);
  padding-top: 20px;
    padding-bottom: 95px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 14px;
}
.product-shadow4
{
  box-shadow: 0px 0px 10px 0px rgb(84 84 84 / 58%);
  padding-top: 20px;
    padding-bottom: 95px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 14px;
}
.product-shadow5
{
  box-shadow: 0px 0px 10px 0px rgb(84 84 84 / 58%);
  padding-top: 20px;
    padding-bottom: 95px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 14px;
}
.product-shadow6
{
  box-shadow: 0px 0px 10px 0px rgb(84 84 84 / 58%);
  padding-top: 20px;
    padding-bottom: 95px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 14px;
}
.product-shadow7
{
  box-shadow: 0px 0px 10px 0px rgb(84 84 84 / 58%);
  padding-top: 20px;
    padding-bottom: 95px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 14px;
}
.product-cont
{
  padding-bottom:50px;
}
.product-cont h2
{
  font-family:myForthFont !important;
  font-size:26px;
  color:#000000;
  margin-top:30px;
}
.product-cont h3
{
  font-family:myForthFont !important;
  font-size:22px;
  color:#000000;
  margin-top:15px;
}
.product-cont p
{
  font-family:myForthFont !important;
  font-size:16px;
  color:#000000;
  line-height:28px;
  margin-top:20px;
  text-align: justify;
}
.prod-btn
{
  color: #ffffff;
    font-family: myForthFont;
    font-size: 14px;
    background-color: #db1c63;
  border: 2px solid #db1c63;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
  margin-top:20px;
}
.prod-btn:hover
{
  color: #db1c63;
    font-family: myForthFont;
    font-size: 14px;
    border: 2px solid #db1c63;
    background-color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
}
/*//products page*/

/*services page*/
.services
{
  /*padding-top:80px;*/
  transition: 0.3s ease;
}
/*animation services tab*/
.tablinks
{
  transition: 0.3s ease;
}
.tablinks:before
{
  transition: 0.3s ease-in-out;
}
.wrapper_tabcontent
{
  transition: all 1s ease;
}
.tabcontent.active {

   transition: all 1s ease;
   display: block;
}
.wrapper_tabcontent:after
{
  transition: all 1s ease;
}
@keyframes fadeEffect {
   from {
      opacity: 0;
      margin-left: 30px;
   }
   to {
      opacity: 1;
      margin-left: 0;
   }
}
/*//animation services tab*/
.serv-tab-content
{
  margin-top:40px;
}
.card-serv{
  padding: 1rem!important;
  border: none;
  margin-bottom:1rem;
  margin-top: 20px;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
}

.card-serv .card-block-serv{
  padding-left: 70px;
    position: relative;
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.card-serv .card-block-serv a{
  color: #4f2e80 !important;
  font-weight:700;
  text-decoration:none;
  font-size:14px;
  font-family: myForthFont;
}
.card-serv .card-block-serv a:hover{
  color: #4f2e80 !important;
  font-weight:700;
  text-decoration:none;
  font-size:14px;
  font-family: myForthFont;
}
.card-serv .card-block-serv a i{
  display:none;
  
}
.card-serv:hover .card-block-serv a i{
  display:inline-block;
  font-weight:700;
  
}
.card-serv .card-block-serv:before{
  font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #4f2e80;
    left: 0;
  -webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}
.card-serv .block-1-serv:before{
    content: "\f109";
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.card-serv .block-2-serv:before{
    content: "\f040";
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.card-serv .block-3-serv:before{
    content: "\f26c";
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.card-serv .block-4-serv:before{
    content: "\f10b";
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.card-serv .block-5-serv:before{
    content: "\f109";
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.card-serv .block-6-serv:before{
    content: "\f0e0";
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.card-serv .block-7-serv:before{
    content: "\f09d";
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.card-serv .block-8-serv:before{
    content: "\f0c2";
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.card-serv .block-9-serv:before{
    content: "\f0ac";
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.card-title-serv
{
  font-size:28px;
  font-family: mySecondFont;
  margin-bottom:20px;
  color:#000000;
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.card-text-serv
{
  font-size:15px;
  font-family: myFifthFont;
  margin-bottom:20px;
  color:#000000;
  margin-top:20px;
  line-height:30px;
  text-align: justify;
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.block-2-serv img
{
  float:right;
  padding-left:20px;
  padding-bottom:10px;
  transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-1-serv img
{
  float:right;
  padding-left:20px;
  padding-bottom:10px;
  transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-3-serv img
{
  float:right;
  padding-left:20px;
  padding-bottom:10px;
  transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-4-serv img
{
  float:right;
  padding-left:20px;
  padding-bottom:10px;
  transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-5-serv img
{
  float:right;
  padding-left:20px;
  padding-bottom:10px;
  transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-6-serv img
{
  float:right;
  padding-left:20px;
  padding-bottom:10px;
  transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-7-serv img
{
  float:right;
  padding-left:20px;
  padding-bottom:10px;
  transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-8-serv img
{
  float:right;
  padding-left:20px;
  padding-bottom:10px;
  transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-9-serv img
{
  float:right;
  padding-left:20px;
  padding-bottom:10px;
  transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.card-title-serv:after {
    content: "";
    position: absolute;
    left: 70px;
    bottom: 0px;
    height: 3px;
    width: 42px;
    background-color: #db1c63;
    top: 35px !important;
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.card-text-serv-sub
{
  font-size:16px !important;
  font-family: myForthFont !important;
  color:#000000 !important;
  line-height: 26px;
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.card-text-serv-payment
{
  font-size:18px !important;
  font-family: myThirdFont !important;
  color:#000000 !important;
  line-height: 26px;
  margin-top: 30px;
}
.card-text-serv-domain
{
  font-size:18px !important;
  font-family: myThirdFont !important;
  color:#000000 !important;
  line-height: 26px;
  margin-top: 30px;
}
.block-2-serv ul
{
  margin-top:10px;
  margin-left: 20px;
}
.block-2-serv ul li
{
  font-size:16px;
  font-family: myFifthFont;
  color:#000000;
  line-height:25px;
  list-style:circle;
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.block-1-serv ul
{
  margin-top:10px;
  margin-left: 20px;
}
.block-1-serv ul li
{
  font-size:15px;
  font-family: myFifthFont;
  color:#000000;
  line-height:25px;
  list-style:circle;
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.block-3-serv ul
{
  margin-top:10px;
  margin-left: 20px;
}
.block-3-serv ul li
{
  font-size:16px;
  font-family: myFifthFont;
  color:#000000;
  line-height:25px;
  list-style:circle;
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.block-3-serv ul li img
{
  float:none;
  display:inline;
  padding-left:20px;
  padding-bottom:0px;
  width: 38px;
}
.block-33-serv33
{
  margin-top:10px;
  margin-left: 0px !important;
}
.block-33-serv33 li
{
  font-size:16px;
  font-family: myFifthFont;
  color:#000000;
  line-height:25px;
  list-style:circle;
  display: inline-block;
}
.block-33-serv33 li img
{
  float:none;
  display:inline;
  padding-left: 0px !important;
  padding-bottom:0px;
  width: 20px !important;
}
.block-4-serv ul
{
  margin-top:10px;
  margin-left: 20px;
}
.block-4-serv ul li
{
  font-size:16px;
  font-family: myFifthFont;
  color:#000000;
  line-height:25px;
  list-style:circle;
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.block-5-serv ul
{
  margin-top:10px;
  margin-left: 20px;
}
.block-5-serv ul li
{
  font-size:16px;
  font-family: myFifthFont;
  color:#000000;
  line-height:25px;
  list-style:circle;
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.block-6-serv ul
{
  margin-top:10px;
  margin-left: 20px;
}
.block-6-serv ul li
{
  font-size:16px;
  font-family: myFifthFont;
  color:#000000;
  line-height:25px;
  list-style:circle;
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.block-6-serv ul li img
{
  float:none;
  padding-left:20px;
  padding-bottom: 15px;
    width: 140px;
}
.block-7-serv ul
{
  margin-top:10px;
  margin-left: 20px;
}
.block-7-serv ul li
{
  font-size:16px;
  font-family: myFifthFont;
  color:#000000;
  line-height:25px;
  list-style:circle;
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.block-8-serv ul
{
  margin-top:10px;
  margin-left: 20px;
}
.block-8-serv ul li
{
  font-size:16px;
  font-family: myFifthFont;
  color:#000000;
  line-height:25px;
  list-style:circle;
  transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.block-66-serv66
{
  margin-top: 10px !important;
  margin-left: 0px !important;
}
.block-66-serv66 li
{
  font-size:16px;
  font-family: myFifthFont;
  color:#000000;
  line-height:25px;
  list-style:circle;
  display: inline-block;
}
.block-66-serv66 li img
{
  float: none;
  padding-left: 0px !important;
  padding-bottom: 15px;
    width: 140px;
}
.partners-serv {
    padding: 3em 0 4em 0;
    text-align: center;
    background: #ffffff;
}


.tab {
  float: left;
  /*border: 1px solid #ccc;*/
  background-color: #333333;
  width: 25%;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-family: myForthFont !important;
  color: #ffffff;
  font-size: 16px;
}
.tab button i 
{
  font-size: 28px;
    width: 15%;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #db1c63;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #db1c63;
}

/* Style the tab content */
.tabcontent {
  /*float: left;*/
  padding: 45px 12px;
  width: 100%;
  border-left: none;
}

.services-box1
{
  background-image: url(../images/bg07.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0px;
  padding-top:40px;
}
.services-box1-content h3
{
  font-family: myForthFont;
  font-size:22px;
  color:#ffffff;
  letter-spacing:3px;
  margin-top: 35px;
}
.services-box1-content h3:after
{
  content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 1px;
    width: 52px;
    background-color: #db1c63;
    top: 65px !important;
}
.services-box1-content h4
{
  font-family: myFifthFont;
  font-size:20px;
  color:#ffffff;
  letter-spacing:2px;
  margin-top:30px;
}
.services-box1-content p
{
  font-family: myFifthFont;
  font-size:15px;
  color:#ffffff;
  margin-top:20px;
  line-height:25px;
  text-align: justify;
}

/*accordion*/
.tab-acc {
  position: relative;
  width: 100%;
  color: #fff;
  overflow: hidden;
  transition: all 1s ease;
}
.tab-acc input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab-acc label {
  position: relative;
  display: block;
  padding: 10px 0 10px 1em;
  background: #000;
  line-height: 3;
  cursor: pointer;
  background-color: #333333;
  font-family: myForthFont !important;
  font-size: 16px;
  border-bottom: 1px solid #ff88b4;
}


.tab-content-acc {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  color: #000;
  transition: all 1s ease;
}

.tab-content-acc p {
  margin: 1em;
}
/* :checked */
.tab-acc input:checked ~ .tab-content-acc {
  max-height: 100%;
}
/* Icon */
.tab-acc label::after {
  position: absolute;
  right: 0;
  top: 10px;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.tab-acc input[type=checkbox] + label::after {
  content: "+";
}
.tab-acc input[type=radio] + label::after {
  content: "\25BC";
}
.tab-acc input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.tab-acc input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}
.tab-acc label i
{
  font-size: 28px;
    width: 5%;
}









.accordion dl,
.accordion-list {
   border:none;
   &:after {
       content: "";
       display:block;
       height:1em;
       width:100%;
       background-color:darken(#38cc70, 10%);
     }
}
.accordion dd,
.accordion__panel {
   background-color:#eee;
   font-size:1em;
   line-height:1.5em; 
}
.accordion dt
{
  border-bottom: 1px solid #ff88b4;
}
.accordion p {
  padding:1em 2em 1em 2em;
}
.accordion-title i {
    font-size: 28px;
    width: 5%;
}
.accordion {
    position:relative;
    background-color:#eee;
}


.accordionTitle:after, .accordion__Heading:after {
    content: "+";
    font-size: 1.5em;
    line-height: 1.5em;
    float: right;
    transition: transform 0.3s ease-in-out;
}
.accordionTitleActive:after, .accordionTitle.is-expanded:after {
    transform: rotate(-225deg);
}

.accordionTitle,
.accordion__Heading {
 background-color:#333333; 
 font-family: myForthFont !important;
 font-size:16px;
   text-align:left; 
          padding:2em;
          display:block;
          text-decoration:none;
          color:#fff;
          transition:background-color 0.5s ease-in-out;
  border-bottom:1px solid darken(#38cc70, 5%);
  &:before {
   content: "+";
   font-size:16px;
   line-height:0.5em;
   float:left; 
   transition: transform 0.3s ease-in-out;
  }
  &:hover {
    background-color:darken(#38cc70, 10%);
  }
}
.accordionTitleActive, 
.accordionTitle.is-expanded {
   background-color:darken(#38cc70, 10%);
    &:before {
     
      transform:rotate(-225deg);
    }
}
.accordionItem {
    height:auto;
    overflow:hidden; 
    //SHAME: magic number to allow the accordion to animate
    
     max-height:50em;
    transition:max-height 1s;   
 
    
    @media screen and (min-width:48em) {
         max-height:15em;
        transition:max-height 0.5s
        
    }
    
   
}
 
.accordionItem.is-collapsed {
    max-height:0;
}
.no-js .accordionItem.is-collapsed {
  max-height: auto;
}
.animateIn {
     animation: accordionIn 0.45s normal ease-in-out both 1; 
}
.animateOut {
     animation: accordionOut 0.45s alternate ease-in-out both 1;
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform:scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}

@keyframes accordionOut {
    0% {
       opacity: 1;
       transform:scale(1);
     }
     100% {
          opacity:0;
           transform:scale(0.9) rotateX(-60deg);
       }
}
/*//accordion*/



.work-process
{
  background-image: url(../images/bg08.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  padding-top:80px;
  padding-bottom:40px;
}
.work-process-circle
{
  padding-top:70px;
}
.work-process-title h3
{
  font-family: myForthFont;
  font-size:26px;
  color:#ffffff;
}
.work-process-title h3:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 52px;
    background-color: #db1c63;
    top: 40px !important;
}





#learn-more {
  fill-opacity: 0;
  fill: #fff;
  stroke: #fff;
  stroke-width: 2;
  border-radius: 5px;
  stroke-linejoin: round;
  -webkit-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
  cursor: pointer;
}
#learn-more:hover {
  fill-opacity: 1;
}
#learn-more:hover ~ .learn-more-text {
  fill: #db1c63;
}

/*.learn-more-text {
  font-family: 'Roboto';
  fill: #fff;
  pointer-events: none;
  font-size: 14px;
  -webkit-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}*/

.center {
  fill: #db1c63;
}

.pointer {
  fill: #fff;
  stroke: #c0386b;
  stroke-width: 2;
}

.nav-copy {
  font-family: MyThirdFont;
  fill: #fff;
  fill-opacity: 1;
  -webkit-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.nav-copy.changing {
  fill-opacity: 0;
}

.service {
  cursor: pointer;
}
.service text {
  font-size: 14px;
  font-family: MyThirdFont;
  text-anchor: middle;
}
.service .icon-wrapper {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.service .icon-wrapper, .service .icon-wrapper > * {
  -webkit-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.service circle {
  fill: #db1c63;
}
.service circle.shadow {
  fill-opacity: 0;
  -webkit-filter: url(#service-shadow);
          filter: url(#service-shadow);
}
.service use {
  fill: #fff;
}
.service text {
  fill: #ffffff;
}
.service.active .icon-wrapper, .service:hover .icon-wrapper {
  -webkit-transform: scale(1.15) translateY(-5px);
          transform: scale(1.15) translateY(-5px);
}
.service.active .icon-wrapper, .service.active .icon-wrapper > *, .service:hover .icon-wrapper, .service:hover .icon-wrapper > * {
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
.service.active .icon-wrapper circle.shadow, .service:hover .icon-wrapper circle.shadow {
  fill-opacity: 0.4;
}
.service.active text, .service:hover text {
  fill: #db1c63;
  font-weight: bold;
}

.e-com img
{
  padding-top:60px;
}


/*slider*/
.services-slider
{
  background:#141414;
  padding-top:40px;
}
.slideshow {
    /*border: 10px solid #fff;
    border: 10px solid rgba(255,255,255,0.9);*/
    /*-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);*/
    /*margin: 2em auto 0;
    max-width: 1000px;*/
    min-width: 260px;
    position: relative;
    width: 100%;
}
.content {
  /*background: url(../images/bg09.jpg);*/
  background: #141414;
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.parallax-bg {
    /*background: url(../images/bg09.jpg);*/
  background: #141414;
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .1;
    filter: alpha(opacity=10);
    left: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.slideshow input {
    bottom: 15px;
    cursor: pointer;
    height: 9px;
    left: 50%;
    opacity: 0;
    position: absolute;
    width: 9px;
    z-index: 1001;
}
.slideshow input:checked + label {
    background-color: #fff ;
    background-color: rgba(0,0,0,1) ;
}

.slideshow input + label {
    border: 3px solid #fff;
    border: 3px solid rgb(255, 255, 255);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    bottom: 15px;
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    -webkit-transition: background-color linear 0.1s;
    -moz-transition: background-color linear 0.1s;
    transition: background-color linear 0.1s;
    width: 6px;
    z-index: 1000;
  cursor:pointer;
}
.slideshow input + label:hover {
  background-color:#000000;
    border: 3px solid #fff;
    border: 3px solid rgb(255, 255, 255);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    bottom: 15px;
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    -webkit-transition: background-color linear 0.1s;
    -moz-transition: background-color linear 0.1s;
    transition: background-color linear 0.1s;
    width: 6px;
    z-index: 1000;
  cursor:pointer;
}

.selector-1, .button-label-1 {
    margin-left: -36px;
}
.selector-2, .button-label-2 {
    margin-left: -18px;
}
.selector-4, .button-label-4 {
    margin-left: 18px;
}
.selector-5, .button-label-5 {
    margin-left: 36px;
}
.arrow {
    background: transparent url(../images/arrows.png) no-repeat;
    cursor: pointer;
    display: none;
    height: 38px;
    margin-top: -19px;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity linear 0.3s;
    -moz-transition: opacity linear 0.3s;
    transition: opacity linear 0.3s;
    width: 28px;
    z-index: 1000;
}
.arrow:hover{
    //background: transparent url(../images/arrows.png) no-repeat;
    opacity: 1;
}
.arrow:active{
    margin-top: -18px;
}
.selector-1:checked ~ .arrow.a2,
.selector-2:checked ~ .arrow.a3,
.selector-3:checked ~ .arrow.a4,
.selector-4:checked ~ .arrow.a5 {
    background-position: top right;
    display: block;
    right: -20px;
}
.selector-2:checked ~ .arrow.a1,
.selector-3:checked ~ .arrow.a2,
.selector-4:checked ~ .arrow.a3,
.selector-5:checked ~ .arrow.a4 {
  background-position: top left;
  display: block;
  left: -20px;
}
.slideshow input:checked ~ .content {
    /*background-color: #f5f5f5;*/
  -webkit-transition: background-position linear 0.6s, background-color linear 0.8s;
  -moz-transition: background-position linear 0.6s, background-color linear 0.8s;
  transition: background-position linear 0.6s, background-color linear 0.8s;
}
.slideshow input:checked ~ .content .parallax-bg {
  -webkit-transition: background-position linear 0.7s;
  -moz-transition: background-position linear 0.7s;
  transition: background-position linear 0.7s;
}
input.selector-1:checked ~ .content {
    background-position: 0 0;
}
input.selector-2:checked ~ .content {
    background-position: -100px 0;
}
input.selector-3:checked ~ .content {
    background-position: -200px 0;
}
input.selector-4:checked ~ .content {
    background-position: -300px 0;
}
input.selector-5:checked ~ .content {
    background-position: -400px 0;
}
input.selector-1:checked ~ .content .parallax-bg {
  background-position: 0 0;
}
input.selector-2:checked ~ .content .parallax-bg {
  background-position: -200px 0;
}
input.selector-3:checked ~ .content .parallax-bg {
  background-position: -400px 0;
}
input.selector-4:checked ~ .content .parallax-bg {
  background-position: -600px 0;
}
input.selector-5:checked ~ .content .parallax-bg {
    background-position: -800px 0;
}
.slider {
    height: 100%;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-transition: left ease-in 0.8s;
    -moz-transition: left ease-in 0.8s;
    transition: left ease-in 0.8s;
    width: 500%;
}
.slider-content p
{
  color:#ffffff;
}
.slider > li {
    box-sizing: border-box;
    color: #fff;
    display: table;
    float: left;
    height: 100%;
    opacity: 0.4;
    -webkit-transition: opacity ease-in 0.4s 0.8s;
    -moz-transition: opacity ease-in 0.4s 0.8s;
    transition: opacity ease-in 0.4s 0.8s;
    width: 20%;
}
.slider > li img {
    box-sizing: border-box;
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}
input.selector-1:checked ~ .content .slider {
    left: 0;
}
input.selector-2:checked ~ .content .slider {
    left: -100%;
}
input.selector-3:checked ~ .content .slider {
    left: -200%;
}
input.selector-4:checked ~ .content .slider {
    left: -300%;
}
input.selector-5:checked ~ .content .slider {
    left: -400%;
}
input.selector-1:checked ~ .content .slider > li:first-child,
input.selector-2:checked ~ .content .slider > li:nth-child(2),
input.selector-3:checked ~ .content .slider > li:nth-child(3),
input.selector-4:checked ~ .content .slider > li:nth-child(4),
input.selector-5:checked ~ .content .slider > li:nth-child(5){
    opacity: 1;
}
.slider > li > div {
    display: table-cell;
    /*padding: 40px 60px;*/
}
.slider > li > div > figure {
  display: inline-block;
  width: 100%;
}
.slider p {
  font-family: myFifthFont;
    font-size: 15px;
    color: #ffffff;
    margin-top: 20px;
    line-height: 25px;
    text-align: justify;
}
/* media query*/
@media (max-width: 680px) {
  .slider > li > .slider-content {
    padding: 20px;
  }
  .slider p {
    font-size: 1em;
    width: 100%;
  }
}


/*//slider*/
/*//services page*/

/*product details*/
.site-title-pro {
    letter-spacing: 2px;
    font-size: 52px;
    text-align: center;
    color: white;
    padding-top: 70px;
    padding-bottom: 40px;
    font-family: myForthFont;
}
.site-title-pro1 {
    letter-spacing: 2px;
    font-size: 52px;
    text-align: center;
    color: white;
    padding-top: 70px;
    padding-bottom: 40px;
    font-family: myForthFont;
  text-transform: none !important;
}
.link-path
{
  padding-bottom:30px;
}
.linl-path-height
{
  padding-top: 70px;
}
.link-path li a {
    color: #ffffff;
    font-family: myForthFont !important;
    font-size: 14px;
}
.link-path li {
    display: inline-block;
}
.link-path > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.link-path > .active-link {
    color: #df3476;
    font-family: myThirdFont !important;
    font-size: 14px;
  background-color:none !important;
}
/*product gsuit mail*/
.products-gsuit
{
  padding-bottom:40px;
  background-image: url(../images/bg006.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.product-g
{
  padding-top: 125px;
}
.product-gsuit-head h2
{
  font-size:28px;
  font-family:myThirdFont;
  color:#000000;
  margin-bottom: 30px;
}
.product-gsuit-head h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 95px;
    background-color: #db1c63;
    top: 35px !important;
}
.product-gsuit-head p
{
  font-family: myForthFont !important;
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    margin-top: 20px;
    text-align: justify;
}
.product-gsuit-head h3
{
  font-family: myForthFont !important;
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    margin-top: 10px;
    text-align: justify;
  margin-bottom: 20px;
}
.product-gsuit-head a
{
  color: #db1c63;
    font-family: myForthFont;
    font-size: 14px;
    border: 1px solid #db1c63;
  background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
}
.product-gsuit-head a:hover
{
    color: #ffffff;
    font-family: myForthFont;
    font-size: 14px;
    background-color: #db1c63;
    border: 1px solid #db1c63;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
}
.product-gsuit-cont
{
  padding-top:30px;
}
.product-sec-box
{
  box-shadow: 0px 0px 10px 0px rgb(84 84 84 / 58%);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 18px;
    padding-right: 18px;
}
.product-gsuit-cont1
{
  padding-top:30px;
}
.product-gsuit-cont2
{
  padding-top:60px;
}
.product-gsuit-cont h2
{
  font-size:22px;
  font-family:myForthFont;
  color:#000000;
  margin-bottom:30px;
  line-height: 28px;
}
.product-gsuit-cont h3
{
  font-size:28px;
  font-family:myThirdFont;
  color:#000000;
  margin-bottom:30px;
}
.product-gsuit-cont h3 span
{
  font-size:18px;
  font-family:myForthFont;
  color:#9e9e9e;
  text-decoration:line-through;
}
.product-gsuit-cont h4
{
  font-size:14px;
  font-family:myForthFont;
  color:#545454;
  margin-bottom:30px;
}
.product-gsuit-cont h6
{
  font-size:14px;
  font-family:myForthFont;
  color:#545454;
  margin-bottom:10px;
}
.product-gsuit-cont h1
{
  font-size:14px;
  font-family:myThirdFont;
  color:#545454;
  margin-bottom:10px;
}
.product-gsuit-cont h5
{
  font-size:12px;
  font-family:myForthFont;
  color:#545454;
  margin-bottom:10px;
}
.product-gsuit-cont p
{
  font-family: myForthFont !important;
    font-size: 14px;
    color: #000000;
    line-height: 28px;
    margin-top: 20px;
    text-align: justify;
  margin-bottom:30px;
}

.product-gsuit-cont1 h2
{
  font-size:22px;
  font-family:myForthFont;
  color:#000000;
  margin-bottom:30px;
}
.product-gsuit-cont1 h3
{
  font-size:28px;
  font-family:myThirdFont;
  color:#000000;
  margin-bottom:30px;
}
.product-gsuit-cont1 h3 span
{
  font-size:18px;
  font-family:myForthFont;
  color:#9e9e9e;
  text-decoration:line-through;
}
.product-gsuit-cont1 h4
{
  font-size:14px;
  font-family:myFifthFont;
  color:#545454;
  margin-bottom:30px;
}
.product-gsuit-cont1 h1
{
  font-size:12px;
  font-family:myForthFont;
  color:#000000;
  margin-bottom:18px;
}

.product-gsuit-cont2 h2
{
  font-size:22px;
  font-family:myForthFont;
  color:#000000;
  margin-bottom:30px;
}
.product-gsuit-cont2 h3
{
  font-size:28px;
  font-family:myThirdFont;
  color:#000000;
  margin-bottom:30px;
}
.product-gsuit-cont2 h3 span
{
  font-size:18px;
  font-family:myForthFont;
  color:#9e9e9e;
  text-decoration:line-through;
}
.product-gsuit-cont2 h4
{
  font-size:14px;
  font-family:myFifthFont;
  color:#545454;
  margin-bottom:30px;
}
/*collapse tab*/
.feature-collapsible {
  background-color: #ffffff;
  color: #000000;
  font-family:myForthFont;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  border-bottom: 1px solid #cccccc;
}

.f-active, .feature-collapsible:hover {
  background-color: #f1f1f1;
}

.feature-collapsible:after {
  content: '\002B';
  color: #000000;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.f-active:after {
  content: "\2212";
}

.features-content {
  /*padding: 0 18px;*/
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #ffffff;
}
.features-content p 
{
  font-family:myForthFont;
  color:#000000;
  font-size:14px;
}
.features-content h2 
{
  font-family:myForthFont;
  color:#000000;
  font-size:14px;
  margin-bottom:20px;
  margin-top:30px;
  line-height: 22px;
}
.features-content ul li {
    color: #000000;
    font-family: myForthFont !important;
    font-size: 14px;
    margin-bottom: 18px;
    line-height: 20px;
}
.features-content ul span {
    color: #e31f24;
    float: left;
    width: 24px;
}
.feat-list-left {
    float: left;
    width: 10%;
}
.feat-list-right {
    float: right;
    width: 87%;
}
.feat-list-right p {
    margin: .3em 0 0 0;
    font-family: myForthFont;
    font-size: 14px;
    color: #000000;
  line-height:20px;
  text-align: left;
}
.feat-list-right p span {
    margin: .3em 0 0 0;
    font-family: myThirdFont;
    font-size: 14px;
    color: #000000;
  line-height:20px;
  text-align: left;
}
.star-content span {
    margin: .6em 0 0 0;
    font-family: myForthFont;
    font-size: 12px;
    color: #000000;
    line-height: 20px;
}
.feat-list-left span img {
    color: #000000;
    width:24px;
}
.feat-list-grid
{
  margin-bottom:20px;
}
/*//collapse tab*/

/*//product gsuit mail*/

/*microsoft education*/
.ow-icons {
    width: 100%;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    /* display: inline-flex; */
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.ow-icons>li {
    width: 50%;
}
.x-screen-reader {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(1px,1px,1px,1px) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.ow-icon {
    display: inline-block;
    line-height: 0;
  width: 48px;
    height: 48px;
    text-align: center;
}
.ow-icons>li>span {
    display: block;
    margin-top: 10px;
    font-family: myForthFont;
    font-size: 12px;
    color: #000000;
    line-height: 10px;
  float: none;
  width: auto;
}
ul.c-list {
  font-family: myForthFont !important;
    font-size: 14px;
    color: #000000;
    line-height: 28px;
    text-align: justify;
}
ul.c-list {
    list-style-type: disc;
  padding-left: 20px;
  padding-right: 20px;
}
ul.c-list li {
    display: list-item;
  margin-bottom: 0px;
}
.c-list li {
    padding: 8px 0;
}
/*//microsoft education*/

/*product gsuit vault*/
.products-gsuitvault
{
  padding-bottom:40px;
  background-image: url(../images/bg006.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.product-gv
{
  padding-top: 170px;
}
.product-gsuitvault-head h2
{
  font-size:28px;
  font-family:myThirdFont;
  color:#000000;
  margin-bottom: 40px;
}
.product-gsuitvault-head h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 95px;
    background-color: #db1c63;
    top: 35px !important;
}
.product-gsuitvault-head h3
{
  font-size:24px;
  font-family:myForthFont;
  color:#000000;
  margin-bottom: 30px;
}
.product-gsuitvault-head p
{
  font-size:16px;
  font-family:myForthFont;
  color:#000000;
  margin-bottom: 30px;
  line-height:25px;
  text-align:justify;
}
/*//product gsuit vault*/

/*product gsuit storage*/
.products-gsuitstorage
{
  padding-bottom:40px;
  background-image: url(../images/bg006.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.product-gs
{
  padding-top: 170px;
}
.product-gsuitstorage-head h2
{
  font-size:28px;
  font-family:myThirdFont;
  color:#000000;
  margin-bottom: 40px;
}
.product-gsuitstorage-head h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 95px;
    background-color: #db1c63;
    top: 35px !important;
}
.product-gsuitstorage-head h3
{
  font-size:24px;
  font-family:myForthFont;
  color:#000000;
  margin-bottom: 30px;
}
.product-gsuitstorage-head p
{
  font-size:16px;
  font-family:myForthFont;
  color:#000000;
  margin-bottom: 30px;
  line-height:25px;
  text-align:justify;
}
.product-gsuitstorage-img img
{
  padding-top:100px;
}
.drive-pricing {
    border-collapse: collapse;
    width: 100%;
}
.drive-pricing td {
  border: 1px solid #c3c3c3;
  text-align: left;
  padding: 8px;
  font-family:myForthFont;
  color:#000000;
  font-size:16px;
  line-height: 26px;
}
.drive-pricing td span {
  text-align: center;
  padding: 8px;
  font-family:myThirdFont;
  color:#000000;
  font-size:16px;
}
.spanred
{
  text-align: center;
  padding: 8px;
  font-family:myThirdFont;
  color:#ff0f0f !important;
  font-size:16px;
}
.drive-pricing th {
  border: 1px solid #c3c3c3;
  text-align: left;
  padding: 8px;
  background-color: #f1f3f4;
  font-family:myThirdFont;
  color:#000000;
  font-size:16px;
}
.drive-pricing tr:nth-child(even) {
  background-color: #f8f9fa;
}

.product-ssl p
{
  font-size:16px;
  font-family:myForthFont;
  color:#000000;
  margin-bottom: 30px;
  line-height:25px;
  text-align:justify;
}
.product-ssl p span
{
  font-size:18px;
  font-family:myThirdFont;
  color:#000000;
  margin-bottom: 30px;
  line-height:25px;
  text-align:justify;
}
/*//product gsuit storage*/

/*//product details*/




/*case study details*/
.casestudy
{
  padding-top:40px;
  /*padding-bottom:40px;*/
}
.casestudy-content h2
{
  font-family:myForthFont;
  color:#db1c63;
  font-size:34px;
  margin-top:40px;
  margin-bottom:20px;
}
.casestudy-content p
{
  font-family:myForthFont;
  color:#000000;
  font-size:16px;
  margin-bottom:40px;
  line-height:26px;
  text-align:justify;
}
.casestudy-img ul
{
  padding-top:10px;
}
.casestudy-img ul li 
{
  display:inline-block;
  padding-top:20px;
  padding-right:65px;
}
.casestudy-img ul li i
{
  font-size: 30px;
  
}
.casestudy-img ul li span
{
  display:block;
  font-size:14px;
  font-family:myForthFont;
  color:#000000;
  margin-top: 10px;
}
.casestudy01
{
  padding-top:30px;
  padding-bottom:30px;
}
.casestudy01-head h2
{
  font-family:myForthFont;
  color:#db1c63;
  font-size:34px;
  margin-top:20px;
  margin-bottom:30px;
}
.casestudy01-head h3
{
  font-family:myFifthFont;
  color:#000000;
  font-size:30px;
  margin-bottom:20px;
}
.casestudy01-img
{
    left: 7%;
}
/*tabs*/
.casestudy01-content
{
  padding-top:20px;
}
.casestudy01-tabs {
  clear: both;
  position: relative;   
   max-width: 650px;
   margin: 0 auto;
   /* you can either manually set a min-height here or do it via JS ---> */
}

.casestudy01-tab {
  float: left;
  padding-right: 40px;
}

.casestudy01-tab label {
  margin-right: 20px;
  position: relative;
  top: 0;
  cursor: pointer;
  color: #000000;
  font-family:myForthFont;
  font-size:30px;
}
.casestudy01-tab__content
{
  margin-top:30px;
}
.casestudy01-tab__content p
{
  font-family:myForthFont;
  font-size:16px;
  color:#000000;
  line-height:27px;
  text-align:justify;
}
.casestudy01-tab [type=radio] {
  display: none;   
}

.casestudy01-tab__content {
   position: relative;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity .2s cubic-bezier(.42,0,.34,1.01);
  opacity: 0;
}

[type=radio]:checked ~ label {
  /*border-bottom: 1px solid #555655;
  color: #000000;*/
  z-index: 2;
}
[type=radio]:checked ~ .line-after:after {
  content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    width: 150px;
    background-color: #555655;
    top: 45px !important;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .casestudy01-tab__content {
  z-index: 1;
  opacity: 1;
}
/*//tabs*/
.casestudy02
{
  padding-top:20px;
  padding-bottom:20px;
}
.casestudy02-head
{
  padding-bottom:40px;
}
.casestudy02-head h2
{
  font-family:myForthFont;
  font-size:36px;
  color:#000000;
}
.casestudy02-head h2:after
{
  content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 145px;
    background-color: #555655;
    top: 55px !important;
}
.casestudy02-content h2
{
  font-family:myForthFont;
  font-size:26px;
  color:#db1c63;
}
.casestudy02-content h3
{
  font-family:myForthFont;
  font-size:26px;
  color:#000000;
  margin-top:15px;
}
.casestudy02-content ul
{
  margin-top:30px;
  padding-left: 50px;
}
.casestudy02-content ul li
{
  font-family:myForthFont;
  font-size:16px;
  color:#000000;
  line-height: 30px;
    list-style: disc;
}
/*design view*/
.casestudy-designs-title
{
  margin-top:50px;
}
.casestudy-designs-title h2
{
  font-family: myForthFont;
  font-size:35px;
  color:#000000;
  margin-bottom:50px;
}
.casestudy-designs-title h2:after {
    content: "";
  position: absolute;
  left: 15px;
  bottom: 0px;
  height: 2px;
  width: 70px;
  background-color: #db1c63;
  top: 55px !important;
}
/*//design view*/


.portfolio-menu-case{
	text-align:center;
}
.portfolio-menu-case ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}

.portfolio-item-case{
	/*width:100%;*/
}
.portfolio-item-case .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}


/*//case study details*/


/*footer*/
.footer
{
  background:#1a1a1a;
  padding-bottom:30px;
  padding-top:40px;
}
.foot-abt
{
  margin-bottom:30px;
}
.foot-abt p
{
  font-size:15px;
  font-family: myForthFont;
  color:#ffffff;
  margin-top:20px;
  line-height:25px;
  margin-bottom:15px;
  text-align:justify;
}
.foot-abt h2
{
  font-size: 18px;
    font-family: mySecondFont;
    color: #ffffff;
  margin-top:20px;
    margin-bottom: 5px;
}
.foot-abt a
{
  font-size:14px;
  font-family: myThirdFont;
  color:#db1c63;
}
.foot-abt a:hover
{
  font-size:14px;
  font-family: myThirdFont;
  color:#db1c63;
  text-decoration:none;
}
.foot {
    padding: 20px 0 5px 0px;
  margin-bottom:20px;
}
.foot-abt ul li {
    text-align: right;
    font-family: mysecondFont !important;
    font-size: 12px !important;
    margin-right: 55px;
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 600;
}
.foot-abt ul li a {
    list-style: none;
    float: left;
    color: #fff;
    font-size: 14px;
}
.foot-links h2
{
  font-size:18px;
  font-family: mySecondFont;
  color:#ffffff;
  margin-bottom:30px;
}
.foot-links ul li
{
  margin-bottom:20px;
}
.foot-links ul li a
{
  font-size:14px;
  font-family: myForthFont;
  color:#ffffff;
}
.foot-links ul li a:hover
{
  font-size:14px;
  font-family: myForthFont;
  color:#ffffff;
  text-decoration:none;
  color: #db1c63;
}
.address-left {
    float: left;
    width: 10%;
}
.address-left i.fa.fa-phone, .address-left i.fa.fa-envelope, .address-left i.fa.fa-map-marker {
    color: #FFFFFF;
    font-size: 1em;
}
.address-right {
    float: right;
    width: 87%;
}
.address-right h6 {
    color: #ffffff;
    font-family: mySecondFont;
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px;
}
.address-right p {
    margin: 1em 0 0 0;
    font-family: myFifthFont;
    font-size: 14px;
    color: #ffffff;
}
.loc p
{
    margin: 1em 0 0 0;
    font-family: myFifthFont;
    font-size: 14px;
    color: #ffffff; 
  line-height:20px;
}
.address-grid:nth-child(2) {
    margin: 2.7em 0;
}
.address-right p a {
    color: #ffffff;
    text-decoration: none;
  font-family: myFifthFont;
  font-size: 14px;
}
.address-right p a:hover {
    color: #ffffff;
    text-decoration: none;
  font-family: myFifthFont;
  font-size: 14px;
}
.footer1
{
  padding-bottom:5px;
  padding-top:15px;
  background:#1f1f1f;
}
p.copy-right {
    color: #9d9b9b;
    font-family: myForthFont;
    font-size: 14px;
}
p.copy-right a {
    color: #db1c63;
    text-decoration: none;
  font-size: 14px;
}
p.copy-right a:hover {
    color: #db1c63;
    text-decoration: none;
  font-size: 14px;
}
.foot1-links ul li {
    /*text-align: right;*/
    font-family: myForthFont !important;
    font-size: 14px !important;
    margin-right: 8px;
    list-style: none;
    /*float: left;*/
    color: #fff;
}
.foot1-links ul li a {
    list-style: none;
    /*float: left;*/
    font-size: 14px;
    color: #9d9b9b;
    font-family: myForthFont;
}
.foot1-links ul li a:hover {
    list-style: none;
    /*float: left;*/
    font-size: 14px;
    color: #9d9b9b;
    font-family: myForthFont;
  text-decoration:none;
}
.foot-links1 {
    padding: 0px 0 5px 30px;
}
/*//footer*/
@media only screen and (width: 2560px) {
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 970px !important;
    overflow: hidden;
    margin-top: 45px;
}
#projectFacts .fullWidth {
    padding-left: 25%;
    padding-right: 25%;
}
}
@media only screen and (width: 1920px) {
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 740px !important;
    overflow: hidden;
    margin-top: 45px;
}
#projectFacts .fullWidth {
    padding-left: 25%;
    padding-right: 25%;
}
}
@media only screen and (max-width: 1600px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
}
@media only screen and (width: 1600px) {
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 660px !important;
    overflow: hidden;
    margin-top: 45px;
}
}
@media only screen and (max-width: 1400px) {
.slide-cap a
{
   position: absolute; 
   top: 370px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 370px; 
   left: 120px; 
   color:#ffffff;
   background:#4f2e80;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
}
@media only screen and (max-width: 1340px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
}

@media only screen and (max-width: 1299px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 115px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 135px;
    bottom: 0px;
    height: 1px;
    width: 372px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 135px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}
}
@media only screen and (max-width: 1199px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 370px;*/
  left: 360px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 400px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 410px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 300px 44px;
    margin-top: 30px;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 110px;
    bottom: 0px;
    height: 1px;
    width: 372px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 110px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-share ul li {
    float: left;
    margin-right: 26px;
}
.product-g {
    padding-top: 125px;
}
}
@media only screen and (max-width: 1180px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 370px;*/
  left: 360px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 400px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 410px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 300px 44px;
    margin-top: 30px;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 105px;
    bottom: 0px;
    height: 1px;
    width: 372px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 100px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-share ul li {
    float: left;
    margin-right: 26px;
}
}
@media only screen and (max-width: 1150px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 370px;*/
  left: 360px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 400px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 410px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 300px 44px;
    margin-top: 30px;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 85px;
    bottom: 0px;
    height: 1px;
    width: 372px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 100px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: absolute;
}
.blog-share ul {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 4px;
}
.blog-recent ul li {
    padding-left: 40px;
    padding-right: 40px;
    font-family: myFifthFont;
    font-size: 12px;
    color: #ffffff;
    line-height: 23px;
}
}
@media only screen and (max-width: 1120px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 370px;*/
  left: 360px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 400px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 410px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 300px 44px;
    margin-top: 30px;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 90px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: absolute;
}
.blog-share ul {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 4px;
}
.blog-recent ul li {
    padding-left: 40px;
    padding-right: 40px;
    font-family: myFifthFont;
    font-size: 12px;
    color: #ffffff;
    line-height: 23px;
}
}
@media only screen and (max-width: 1100px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 370px;*/
  left: 360px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 400px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 410px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 300px 44px;
    margin-top: 30px;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 85px;
    bottom: 0px;
    height: 1px;
    width: 372px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 85px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: absolute;
}
.blog-share ul {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 4px;
}
.blog-recent ul li {
    padding-left: 40px;
    padding-right: 40px;
    font-family: myFifthFont;
    font-size: 12px;
    color: #ffffff;
    line-height: 23px;
}
}
@media only screen and (max-width: 1080px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 370px;*/
  left: 360px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 400px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 410px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 300px 44px;
    margin-top: 30px;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 80px;
    bottom: 0px;
    height: 1px;
    width: 372px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 80px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: absolute;
}
.blog-share ul {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 4px;
}
.blog-recent ul li {
    padding-left: 40px;
    padding-right: 40px;
    font-family: myFifthFont;
    font-size: 12px;
    color: #ffffff;
    line-height: 23px;
}
}
@media only screen and (max-width: 1050px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 370px;*/
  left: 360px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 400px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 410px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 300px 44px;
    margin-top: 30px;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 1px;
    width: 372px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 75px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: absolute;
}
.blog-share ul {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 4px;
}
.blog-recent ul li {
    padding-left: 40px;
    padding-right: 40px;
    font-family: myFifthFont;
    font-size: 12px;
    color: #ffffff;
    line-height: 23px;
}
}
@media only screen and (max-width: 1020px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 370px;*/
  left: 360px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 400px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 410px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 50px;
    bottom: 0px;
    height: 2px;
    width: 365px;
    background-color: #db1c63;
    top: 40px !important;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -30px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 300px 44px;
    margin-top: 30px;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 1px;
    width: 372px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: absolute;
}
.blog-share ul {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 4px;
}
.blog-recent ul li {
    padding-left: 40px;
    padding-right: 40px;
    font-family: myFifthFont;
    font-size: 12px;
    color: #ffffff;
    line-height: 23px;
}
}
@media (max-width:1000px) and (min-width:360px) {
.box {
    margin-bottom: 0px;
}
.mob-box
{
  margin-bottom: 30px;
}
}
@media (max-width:1199px) and (min-width:992px) {
.blog-readmore h2 {
    font-family: myForthFont;
    font-size: 30px;
    color: #000000;
    margin-bottom: 50px;
    line-height: 36px;
}
.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 80px !important;
} 

.name {
    letter-spacing: 0px;
    font-size: 14px;
    position: absolute;
    bottom: 280px;
    margin: 0;
    font-family: MySecondFont;
    line-height: 20px;
}
.name01 {
    letter-spacing: 0px;
    font-size: 14px;
    position: absolute;
    bottom: 280px;
    margin: 0;
    font-family: MySecondFont;
    line-height: 20px;
}
.blg-cntnt {
    font-size: 14px;
    font-family: myForthFont;
    color: #000000;
    line-height: 22px;
    margin-top: 40px;
    text-align: justify;
}
}
@media only screen and (max-width: 991px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 135px;
    /*background: #2d2d2d26;
    box-shadow: 0px 0px 10px #2d2d2d;*/
    z-index: 9999;
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 32px;
}
.header-top1 ul li {
    text-align: right;
    font-family: mysecondFont !important;
    font-size: 12px !important;
    margin-right: 0px;
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 600;
}
.toggle
{
    /*position: absolute;*/
    background-image: url(../images/light-mode.png);
	/*background-color: #ffffff;*/
    background-repeat: no-repeat;
	background-size: contain;
	top: 0px;
    /*border: 1px solid #ffffff;*/
    width: 85px;
    height: 28px;
    cursor: pointer;
    /*border-radius: 18px;*/
    transition: 0.5s;
	z-index: 9;
	/*margin-left: 15px;*/
	margin-top: 0px;
}
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 250px;*/
  left: 240px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 275px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 450px !important;
    overflow: hidden;
    margin-top: 45px;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 285px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.abt-content {
    padding-top: 30px;
    padding-bottom: 70px;
}
.abt-content h2:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 80px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 245px;
    bottom: 0px;
    height: 2px;
    width: 365px;
    background-color: #db1c63;
    top: 40px !important;
}
/*.serv-home {
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}*/

.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 530px 44px;
    margin-top: 30px;
}
.foot1-abt {
    margin-bottom: 15px;
    text-align: center;
}
.link-footer {
    /*float: right;*/
} 
.case-title h2:after {
    content: "";
    position: absolute;
    left: 175px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 300px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
} 
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 300px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
} 
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
.selector-1:checked ~ .arrow.a2,
.selector-2:checked ~ .arrow.a3,
.selector-3:checked ~ .arrow.a4,
.selector-4:checked ~ .arrow.a5 {
    background-position: top right;
    display: block;
    right: 15px;
}
.selector-2:checked ~ .arrow.a1,
.selector-3:checked ~ .arrow.a2,
.selector-4:checked ~ .arrow.a3,
.selector-5:checked ~ .arrow.a4 {
  background-position: top left;
  display: block;
  left: 15px;
}
.casestudy01-tab label {
    margin-right: 20px;
    position: relative;
    top: 0;
    cursor: pointer;
    color: #000000;
    font-family: myForthFont;
    font-size: 24px;
}
[type=radio]:checked ~ label:after {
    /*content: "";*/
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    width: 130px;
    background-color: #555655;
    top: 45px !important;
    z-index: 2;
}
.casestudy02 {
    padding-top: 80px;
    padding-bottom: 20px;
}
.item-boxed {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 30%);
    margin-bottom: 30px;
}
.slider p {
    font-family: myFifthFont;
    font-size: 15px;
    color: #ffffff;
    margin-top: 20px;
    line-height: 25px;
    text-align: justify;
    margin-bottom: 40px;
}
.product-dis {
    padding-top: 85px;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
.product-gs {
    padding-top: 70px;
  margin-right: -15px;
    margin-left: -15px;
}
.foot1-links
{
  text-align: center;
}
.product-g {
    padding-top: 90px;
}
.product-gv {
    padding-top: 70px;
}
}
@media only screen and (max-width: 980px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 250px;*/
  left: 240px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 110px;
    z-index: 9999;
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 5px;
}
.logo {
    padding-top: 5px;
    padding-bottom: 5px;
}
.menu-btn {
    position: fixed;
    display: block;
    top: 70px;
    /* right: 40px; */
    display: block;
    width: 20px;
    height: 40px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
}
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 430px !important;
    overflow: hidden;
    margin-top: 45px;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 275px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 285px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 245px;
    bottom: 0px;
    height: 2px;
    width: 365px;
    background-color: #db1c63;
    top: 40px !important;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 530px 44px;
    margin-top: 30px;
} 
.foot1-abt {
    margin-bottom: 15px;
    text-align: center;
}
.link-footer {
    /*float: right;*/
}   
.case-title h2:after {
    content: "";
    position: absolute;
    left: 175px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 295px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 295px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
}

@media only screen and (max-width: 940px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 250px;*/
  left: 240px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 170px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 275px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 285px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 225px;
    bottom: 0px;
    height: 2px;
    width: 365px;
    background-color: #db1c63;
    top: 40px !important;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 530px 44px;
    margin-top: 30px;
}
.foot1-abt {
    margin-bottom: 15px;
    text-align: center;
}
.link-footer {
    /*float: right;*/
}   
.case-title h2:after {
    content: "";
    position: absolute;
    left: 175px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
} 
.case-head h2:after {
    content: "";
    position: absolute;
    left: 275px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 275px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
}
  
@media only screen and (max-width: 900px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 135px;
    /*background: #2d2d2d26;
    box-shadow: 0px 0px 10px #2d2d2d;*/
    z-index: 9999;
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 32px;
}
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 250px;*/
  left: 240px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 170px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 275px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 285px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
      top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 200px;
    bottom: 0px;
    height: 2px;
    width: 365px;
    background-color: #db1c63;
    top: 45px !important;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 530px 44px;
    margin-top: 30px;
} 
.foot1-abt {
    margin-bottom: 15px;
    text-align: center;
}
.link-footer {
    /*float: right;*/
} 
.case-title h2:after {
    content: "";
    position: absolute;
    left: 175px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
} 
.case-head h2:after {
    content: "";
    position: absolute;
    left: 255px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 255px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
}
@media only screen and (max-width: 880px) {
.slide-cap a
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
}
.slide-cap a:hover
{
   position: absolute; 
   top: 460px; 
   left: 120px; 
   color:#ffffff;
   font-family:MyFifthFont;
   padding:10px;
   border: 2px solid #4f2e80;
   font-size:20px;
   text-decoration:none;
} 
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 250px;*/
  left: 240px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 275px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 285px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 190px;
    bottom: 0px;
    height: 2px;
    width: 365px;
    background-color: #db1c63;
    top: 45px !important;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 530px 44px;
    margin-top: 30px;
} 
.foot1-abt {
    margin-bottom: 15px;
    text-align: center;
}
.link-footer {
    /*float: right;*/
} 
.case-title h2:after {
    content: "";
    position: absolute;
    left: 175px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
} 
.case-head h2:after {
    content: "";
    position: absolute;
    left: 245px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 245px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
}
  
@media only screen and (max-width: 840px) {
.slide-cap h2 {
    position: absolute;
    top: 290px;
    left: 70px;
    width: 100%;
    color: #ffffff;
    font-size: 35px;
    font-family: MyFifthFont;
    line-height: 45px;
}
.slide-cap a {
    position: absolute;
    top: 450px;
    left: 70px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
}
.slide-cap a:hover {
    position: absolute;
    top: 450px;
    left: 70px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
  text-decoration:none;
}
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 135px;
    /*background: #2d2d2d26;
    box-shadow: 0px 0px 10px #2d2d2d;*/
    z-index: 9999;
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 32px;
}
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 250px;*/
  left: 240px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 275px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 285px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 170px;
    bottom: 0px;
    height: 2px;
    width: 365px;
    background-color: #db1c63;
    top: 45px !important;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 530px 44px;
    margin-top: 30px;
} 
.foot1-abt {
    margin-bottom: 15px;
    text-align: center;
}
.link-footer {
    /*float: right;*/
} 
.case-title h2:after {
    content: "";
    position: absolute;
    left: 175px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 225px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 225px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
} 

@media only screen and (max-width: 800px) {
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 400px !important;
    overflow: hidden;
    margin-top: 45px;
}
.slide-cap h2 {
    position: absolute;
    top: 290px;
    left: 70px;
    width: 100%;
    color: #ffffff;
    font-size: 35px;
    font-family: MyFifthFont;
    line-height: 45px;
}
.slide-cap a {
    position: absolute;
    top: 450px;
    left: 70px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
}
.slide-cap a:hover {
    position: absolute;
    top: 450px;
    left: 70px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
  text-decoration:none;
}
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 135px;
    /*background: #2d2d2d26;
    box-shadow: 0px 0px 10px #2d2d2d;*/
    z-index: 9999;
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 32px;
}
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 250px;*/
  left: 240px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
.foot1-abt {
    margin-bottom: 15px;
    text-align: center;
}
.link-footer {
    /*float: right;*/
} 
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 275px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 285px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 150px;
    bottom: 0px;
    height: 2px;
    width: 365px;
    background-color: #db1c63;
    top: 45px !important;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 530px 44px;
    margin-top: 30px;
} 

/*.serv-home {
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}*/
.case-title h2:after {
    content: "";
    position: absolute;
    left: 175px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 205px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 205px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
.tab-acc label i {
    font-size: 28px;
    width: 15%;
}
}
@media only screen and (max-width: 786px) {
.projectFactsWrap {
    /* display: flex; */
    display: flow-root;
}
}
@media only screen and (max-width: 780px) {
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 390px !important;
    overflow: hidden;
    margin-top: 45px;
}
.slide-cap h2 {
    position: absolute;
    top: 290px;
    left: 70px;
    width: 100%;
    color: #ffffff;
    font-size: 35px;
    font-family: MyFifthFont;
    line-height: 45px;
}
.slide-cap a {
    position: absolute;
    top: 450px;
    left: 70px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
}
.slide-cap a:hover {
    position: absolute;
    top: 450px;
    left: 70px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
  text-decoration:none;
}
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 250px;*/
  left: 240px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
.foot1-abt {
    margin-bottom: 15px;
    text-align: center;
}
.link-footer {
    /*float: right;*/
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 500px 44px;
    margin-top: 30px;
} 
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 270px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 285px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 135px;
    bottom: 0px;
    height: 2px;
    width: 365px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 175px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 190px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 195px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
}

@media only screen and (max-width: 777px) {
.header-top ul li a {
    list-style: none;
    float: left;
    color: #000000;
    font-size: 15px;
    font-family: myFifthFont;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:15px;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 270px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 285px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 135px;
    bottom: 0px;
    height: 2px;
    width: 365px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 175px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 190px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 185px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
} 
@media only screen and (max-width: 768px) {
.card-serv .card-block-serv {
    padding-left: 0px;
    position: relative;
    transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.card-title-serv:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 3px;
    width: 42px;
    background-color: #db1c63;
    top: 35px !important;
    transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
}
.block-1-serv img {
    float: none;
    padding-left: 0px;
    padding-bottom: 10px;
    transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-2-serv img {
    float: none;
    padding-left: 0px;
    padding-bottom: 10px;
    transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-3-serv img {
    float: none;
    padding-left: 0px;
    padding-bottom: 10px;
    transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-4-serv img {
    float: none;
    padding-left: 0px;
    padding-bottom: 10px;
    transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-5-serv img {
    float: none;
    padding-left: 0px;
    padding-bottom: 10px;
    transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-6-serv img {
    float: none;
    padding-left: 0px;
    padding-bottom: 10px;
    transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-7-serv img {
    float: none;
    padding-left: 0px;
    padding-bottom: 10px;
    transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.block-8-serv img {
    float: none;
    padding-left: 0px;
    padding-bottom: 10px;
    transition: all 1s ease;
    animation: fadeEffect 3.6s ease;
}
.accordion p {
    padding: 0px;
}
.card-serv .block-1-serv:before {
    content: "\f109";
    transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
    margin-top: -40px;
}
.card-serv .block-2-serv:before {
    content: "\f040";
    transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
  margin-top: -40px;
}
.card-serv .block-3-serv:before {
    content: "\f040";
    transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
  margin-top: -40px;
}
.card-serv .block-4-serv:before {
    content: "\f040";
    transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
  margin-top: -40px;
}
.card-serv .block-5-serv:before {
    content: "\f040";
    transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
  margin-top: -40px;
}
.card-serv .block-6-serv:before {
    content: "\f040";
    transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
  margin-top: -40px;
}
.card-serv .block-7-serv:before {
    content: "\f040";
    transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
  margin-top: -40px;
}
.card-serv .block-8-serv:before {
    content: "\f040";
    transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
  margin-top: -40px;
}
.card-title-serv {
    font-size: 22px;
    font-family: mySecondFont;
    margin-bottom: 40px;
    color: #000000;
    transition: all 1s ease;
    animation: fadeEffect 0.6s ease;
    margin-top: 30px;
}
.product-g {
    padding-top: 90px;
}
}
@media only screen and (max-width: 767px) {
.header-top ul li a {
    list-style: none;
    float: left;
    color: #000000;
    font-size: 13px;
    font-family: myFifthFont;
}
.logo {
    padding-top: 5px;
    padding-bottom: 5px;
}
.menu-btn {
    position: fixed;
    display: block;
    top: 70px;
    /* right: 40px; */
    display: block;
    width: 20px;
    height: 28px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:13px;
}
.slide-cap h2 {
    position: absolute;
    top: 250px;
    left: 70px;
    width: 100%;
    color: #ffffff;
    font-size: 32px;
    font-family: MyFifthFont;
    line-height: 45px;
}
.slide-cap a {
    position: absolute;
    top: 385px;
    left: 70px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
}
.slide-cap a:hover {
    position: absolute;
    top: 385px;
    left: 70px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
  text-decoration:none;
}
 .navbar-nav {
 margin: 0 auto;
 width: 106px;
 text-align: center;
 float: none;
 padding-top: 15px;
}
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 110px;
    /*background: #2d2d2d26;
    box-shadow: 0px 0px 10px #2d2d2d;*/
    z-index: 9999;
}
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 340px !important;
    overflow: hidden;
    margin-top: 45px;
}
.link-footer
{
  /*float:right;*/
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 10px;
}
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 255px;*/
  left: 245px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 295px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 280px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 135px;
    bottom: 0px;
    height: 2px;
    width: 365px;
    background-color: #db1c63;
    top: 45px !important;
}

.abt-img {
    padding-top: 30px;
    padding-bottom: 20px;
}
.abt-content {
    padding-top: 30px;
    padding-bottom: 70px;
}
.abt-content h2:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 80px !important;
}
/*.serv-home {
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}*/
.prjct-content h2 {
    font-size: 30px;
    font-family: myForthFont;
    color: #ffffff;
    line-height: 40px;
}
.prjct {
    background-image: url(../images/bg02.jpg);
    background-repeat: repeat;
    padding-bottom: 30px;
}

.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 600px 44px;
    margin-top: 30px;
}
.blog {
    padding-top: 50px;
}
.case-study {
    /*background:#ffffff;*/
    padding-top: 68px;
    padding-bottom: 0px;
}
.btn-case {
    color: #000000;
    font-family: myForthFont;
    font-size: 16px;
    border: 2px solid #db1c63;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    margin-top: 0px;
  float:right;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
.foot1-abt {
    margin-bottom: 15px;
    text-align: center;
}
p.copy-right {
    color: #9d9b9b;
    font-family: myForthFont;
    font-size: 14px;
}
p.copy-right a {
    color: #db1c63;
    text-decoration: none;
    font-size: 14px;
}
.foot1-links ul li a {
    list-style: none;
    /*float: left;*/
    font-size: 14px;
    color: #9d9b9b;
    font-family: myForthFont;
}
.foot1-links ul li {
    /*text-align: right;*/
    font-family: myForthFont !important;
    font-size: 14px !important;
    margin-right: 13px;
    list-style: none;
    /*float: left;*/
    color: #fff;
}
.foot-links1 {
    padding: 0px 0 5px 0px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 530px 44px;
    margin-top: 30px;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 185px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 185px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 185px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
}

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

.header-top {
    background: #ffffff;
    padding-top: 5px;
    padding-bottom: 48px;
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 32px;
    margin-left: -185px;
}
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
    margin-top: 45px;
}
.header-top ul li {
    text-align: right;
    font-family: mysecondFont !important;
    font-size: 12px !important;
    margin-right: 11px;
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 600;
}
.header-top ul li a {
    list-style: none;
    float: left;
    color: #000000;
    font-size: 12px;
    font-family: myFifthFont;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:12px;
}
.slide-cap h2 {
    position: absolute;
    top: 150px;
    left: 70px;
    width: 100%;
    color: #ffffff;
    font-size: 30px;
    font-family: MyFifthFont;
    line-height: 45px;
}
.slide-cap a {
    position: absolute;
    top: 268px;
    left: 70px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
}
.slide-cap a:hover {
    position: absolute;
    top: 268px;
    left: 70px;
    color: #ffffff;
  background:#4f2e80;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
  text-decoration:none;
}
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 220px;*/
  left: 210px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 250px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 260px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 105px;
    bottom: 0px;
    height: 2px;
    width: 360px;
    background-color: #db1c63;
    top: 45px !important;
}

.abt-img {
    padding-top: 30px;
    padding-bottom: 20px;
}
.abt-content {
    padding-top: 30px;
    padding-bottom: 70px;
}
.abt-content h2:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 80px !important;
}
/*.serv-home {
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}*/
.prjct-content h2 {
    font-size: 30px;
    font-family: myForthFont;
    color: #ffffff;
    line-height: 40px;
}
.prjct {
    background-image: url(../images/bg02.jpg);
    background-repeat: repeat;
    padding-bottom: 30px;
}

.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 600px 44px;
    margin-top: 30px;
}
.blog {
    padding-top: 50px;
}
.case-study {
    /*background:#ffffff;*/
    padding-top: 68px;
    padding-bottom: 0px;
}
.btn-case {
    color: #000000;
    font-family: myForthFont;
    font-size: 16px;
    border: 2px solid #db1c63;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    margin-top: 0px;
  float:right;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
.foot1-abt
{
  margin-bottom:15px;
}
p.copy-right {
    color: #9d9b9b;
    font-family: myForthFont;
    font-size: 14px;
}
p.copy-right a {
    color: #db1c63;
    text-decoration: none;
    font-size: 14px;
}
.foot1-links ul li a {
    list-style: none;
    /*float: left;*/
    font-size: 14px;
    color: #9d9b9b;
    font-family: myForthFont;
}
.foot1-links ul li {
    /*text-align: right;*/
    font-family: myForthFont !important;
    font-size: 14px !important;
    margin-right: 13px;
    list-style: none;
    /*float: left;*/
    color: #fff;
}
.foot-links1 {
    padding: 0px 0 5px 0px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 530px 44px;
    margin-top: 30px;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 150px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
} 
.case-head h2:after {
    content: "";
    position: absolute;
    left: 155px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 155px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
.blog-readmore h3 {
    font-family: myThirdFont;
    font-size: 16px;
    color: #000000;
    margin-bottom: 15px;
    line-height: 25px;
}
}
@media only screen and (max-width: 680px) {
.header-top {
    background: #ffffff;
    padding-top: 5px;
    padding-bottom: 40px;
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 32px;
    margin-left: -185px;
}
.header-top ul li {
    text-align: right;
    font-family: mysecondFont !important;
    font-size: 12px !important;
    margin-right: 11px;
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 600;
}
.header-top ul li a {
    list-style: none;
    float: left;
    color: #000000;
    font-size: 12px;
    font-family: myFifthFont;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:12px;
}
.slide-cap h2 {
    position: absolute;
    top: 150px;
    left: 70px;
    width: 100%;
    color: #ffffff;
    font-size: 30px;
    font-family: MyFifthFont;
    line-height: 45px;
}
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
    margin-top: 45px;
}
.slide-cap a {
    position: absolute;
    top: 268px;
    left: 70px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
}
.slide-cap a:hover {
    position: absolute;
    top: 268px;
    left: 70px;
    color: #ffffff;
  background:#4f2e80;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
  text-decoration:none;
}
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 210px;*/
  left: 200px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 230px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 238px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 95px;
    bottom: 0px;
    height: 2px;
    width: 360px;
    background-color: #db1c63;
    top: 45px !important;
}

.abt-img {
    padding-top: 30px;
    padding-bottom: 20px;
}
.abt-content {
    padding-top: 30px;
    padding-bottom: 70px;
}
.abt-content h2:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 80px !important;
}
/*.serv-home {
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}*/
.prjct-content h2 {
    font-size: 30px;
    font-family: myForthFont;
    color: #ffffff;
    line-height: 40px;
}
.prjct {
    background-image: url(../images/bg02.jpg);
    background-repeat: repeat;
    padding-bottom: 30px;
}

.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 600px 44px;
    margin-top: 30px;
}
.blog {
    padding-top: 50px;
}
.case-study {
    /*background:#ffffff;*/
    padding-top: 68px;
    padding-bottom: 0px;
}
.btn-case {
    color: #000000;
    font-family: myForthFont;
    font-size: 16px;
    border: 2px solid #db1c63;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    margin-top: 0px;
  float:right;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
.foot1-abt
{
  margin-bottom:15px;
}
p.copy-right {
    color: #9d9b9b;
    font-family: myForthFont;
    font-size: 14px;
}
p.copy-right a {
    color: #db1c63;
    text-decoration: none;
    font-size: 14px;
}
.foot1-links ul li a {
    list-style: none;
    /*float: left;*/
    font-size: 14px;
    color: #9d9b9b;
    font-family: myForthFont;
}
.foot1-links ul li {
    /*text-align: right;*/
    font-family: myForthFont !important;
    font-size: 14px !important;
    margin-right: 13px;
    list-style: none;
    /*float: left;*/
    color: #fff;
}
.foot-links1 {
    padding: 0px 0 5px 0px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 530px 44px;
    margin-top: 30px;
} 
.case-title h2:after {
    content: "";
    position: absolute;
    left: 140px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 145px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 145px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
}
@media only screen and (max-width: 660px) {
.product-dis {
    padding-top: 70px;
}
.tab-content {
    /* height: 12rem; */
    position: absolute;
    z-index: 1;
    /* top: 2.75em; */
    left: 0;
    padding: 1.618rem;
    background: #fff;
    color: #2c3e50;
    /* border-bottom: 0.25rem solid #bdc3c7; */
    opacity: 0;
    transition: all 0.35s;
    margin-top: 50px;
}
}
@media only screen and (max-width: 640px) {
.header-top {
    background: #ffffff;
    padding-top: 5px;
    padding-bottom: 35px;
}
.top {
    margin-top: 0px;
}
.logo {
    padding-top: 5px;
    padding-bottom: 5px;
}
.menu-btn {
    position: fixed;
    display: block;
    top: 60px;
    /* right: 40px; */
    display: block;
    width: 20px;
    height: 28px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
}
.header-top ul li {
    text-align: right;
    font-family: mysecondFont !important;
    font-size: 12px !important;
    margin-right: 11px;
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 600;
}
.header-top ul li a {
    list-style: none;
    float: left;
    color: #000000;
    font-size: 12px;
    font-family: myFifthFont;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:12px;
}
.slide-cap h2 {
    position: absolute;
    top: 85px;
    left: 70px;
    width: 100%;
    color: #ffffff;
    font-size: 26px;
    font-family: MyFifthFont;
    line-height: 45px;
}
.slide-cap a {
    position: absolute;
    top: 200px;
    left: 70px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
}
.slide-cap a:hover {
    position: absolute;
    top: 200px;
    left: 70px;
    color: #ffffff;
  background:#4f2e80;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
  text-decoration:none;
}
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 110px;
    background: #ffffff;
    /*box-shadow: 0px 0px 10px #2d2d2d;*/
    z-index: 9999;
}
.bar{
	background: #000000;
}
.menu-btn:hover .bar{
	background: #000000;
}
.header-top1 ul li a {
    list-style: none;
    float: left;
    color: #000000;
    font-size: 14px;
}
#banner-section .carousel {
    position: relative !important;
    width: 100% !important;
    height: 300px !important;
    overflow: hidden !important;
    margin-top: 110px !important;
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 32px;
  margin-left: -130px;
}
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 195px;*/
  left: 185px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 218px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 230px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 70px;
    bottom: 0px;
    height: 2px;
    width: 360px;
    background-color: #db1c63;
    top: 45px !important;
}
.top-banner {
    margin-top: 110px;
    background-image: url(../images/bannertop01.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
  background-position: inherit;
}
.top-banner-contact {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop02.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: inherit;
} 
.top-banner-about {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop03.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-portfolio {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop04.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-casestudy {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop05.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-blog-details {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop06.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-products {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop07.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}

.abt-img {
    padding-top: 30px;
    padding-bottom: 20px;
}
.abt-content {
    padding-top: 30px;
    padding-bottom: 70px;
}
.abt-content h2:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 80px !important;
}
/*.serv-home {
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}*/
.prjct-content h2 {
    font-size: 30px;
    font-family: myForthFont;
    color: #ffffff;
    line-height: 40px;
}
.prjct {
    background-image: url(../images/bg02.jpg);
    background-repeat: repeat;
    padding-bottom: 30px;
}

.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 600px 44px;
    margin-top: 30px;
}
.blog {
    padding-top: 50px;
}
.case-study {
    /*background:#ffffff;*/
    padding-top: 68px;
    padding-bottom: 0px;
}
.btn-case {
    color: #000000;
    font-family: myForthFont;
    font-size: 16px;
    border: 2px solid #db1c63;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    margin-top: 0px;
  float:right;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
.foot1-abt
{
  margin-bottom:15px;
}
p.copy-right {
    color: #9d9b9b;
    font-family: myForthFont;
    font-size: 14px;
}
p.copy-right a {
    color: #db1c63;
    text-decoration: none;
    font-size: 14px;
}
.foot1-links ul li a {
    list-style: none;
    /*float: left;*/
    font-size: 14px;
    color: #9d9b9b;
    font-family: myForthFont;
}
.foot1-links ul li {
    /*text-align: right;*/
    font-family: myForthFont !important;
    font-size: 14px !important;
    margin-right: 13px;
    list-style: none;
    /*float: left;*/
    color: #fff;
}
.foot-links1 {
    padding: 0px 0 5px 0px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 545px 44px;
    margin-top: 30px;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 120px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 125px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 120px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
.linl-path-height {
    padding-top: 30px;
}
}
@media only screen and (max-width: 620px) {
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 185px;*/
  left: 175px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 210px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 220px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
} 
@media only screen and (max-width: 635px) {
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 185px;*/
  left: 175px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 210px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 220px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 70px;
    bottom: 0px;
    height: 2px;
    width: 360px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 120px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
} 
@media only screen and (max-width: 600px) {
.header-top {
    background: #ffffff;
    padding-top: 5px;
    padding-bottom: 48px;
}
.logo {
    padding-top: 5px;
    padding-bottom: 5px;
}
.header-top ul li {
    text-align: right;
    font-family: mysecondFont !important;
    font-size: 12px !important;
    margin-right: 11px;
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 600;
}
.header-top ul li a {
    list-style: none;
    float: left;
    color: #000000;
    font-size: 12px;
    font-family: myFifthFont;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:12px;
}
.slide-cap h2 {
    position: absolute;
    top: 85px;
    left: 70px;
    width: 100%;
    color: #ffffff;
    font-size: 26px;
    font-family: MyFifthFont;
    line-height: 45px;
}
.slide-cap a {
    position: absolute;
    top: 200px;
    left: 70px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
}
.slide-cap a:hover {
    position: absolute;
    top: 200px;
    left: 70px;
    color: #ffffff;
  background:#4f2e80;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
  text-decoration:none;
}
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 110px;
    background: #ffffff;
    /*box-shadow: 0px 0px 10px #2d2d2d;*/
    z-index: 9999;
}
#banner-section .carousel {
    position: relative !important;
    width: 100% !important;
    height: 280px !important;
    overflow: hidden !important;
    margin-top: 110px !important;
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 32px;
  margin-left: -115px;
}
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 175px;*/
  left: 165px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 210px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 200px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 55px;
    bottom: 0px;
    height: 2px;
    width: 360px;
    background-color: #db1c63;
    top: 45px !important;
}
.top-banner {
    margin-top: 110px;
    background-image: url(../images/bannertop01.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
  background-position: inherit;
}
.top-banner-contact {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop02.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: inherit;
} 
.top-banner-about {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop03.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-portfolio {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop04.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-casestudy {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop05.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-blog-details {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop06.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-products {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop07.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-services {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop08.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}

.abt-img {
    padding-top: 30px;
    padding-bottom: 20px;
}
.abt-content {
    padding-top: 30px;
    padding-bottom: 70px;
}
.abt-content h2:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 80px !important;
}
/*.serv-home {
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}*/
.prjct-content h2 {
    font-size: 30px;
    font-family: myForthFont;
    color: #ffffff;
    line-height: 40px;
}
.prjct {
    background-image: url(../images/bg02.jpg);
    background-repeat: repeat;
    padding-bottom: 30px;
}

.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 600px 44px;
    margin-top: 30px;
}
.blog {
    padding-top: 50px;
}
.case-study {
    /*background:#ffffff;*/
    padding-top: 68px;
    padding-bottom: 0px;
}
.btn-case {
    color: #000000;
    font-family: myForthFont;
    font-size: 16px;
    border: 2px solid #db1c63;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    margin-top: 0px;
  float:right;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
.foot1-abt
{
  margin-bottom:15px;
}
p.copy-right {
    color: #9d9b9b;
    font-family: myForthFont;
    font-size: 14px;
}
p.copy-right a {
    color: #db1c63;
    text-decoration: none;
    font-size: 14px;
}
.foot1-links ul li a {
    list-style: none;
    /*float: left;*/
    font-size: 14px;
    color: #9d9b9b;
    font-family: myForthFont;
}
.foot1-links ul li {
    /*text-align: right;*/
    font-family: myForthFont !important;
    font-size: 14px !important;
    margin-right: 13px;
    list-style: none;
    /*float: left;*/
    color: #fff;
}
.foot-links1 {
    padding: 0px 0 5px 0px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 100px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 105px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 105px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
.name01 {
    letter-spacing: 2px;
    font-size: 14px;
    position: absolute;
    bottom: 250px;
    margin: 0;
    font-family: MySecondFont;
}
.name {
    letter-spacing: 2px;
    font-size: 14px;
    position: absolute;
    bottom: 270px;
    margin: 0;
    font-family: MySecondFont;
}
.address-right-hashtag {
    float: right;
    width: 90%;
}
.feat-list-right p {
    margin: .3em 0 0 0;
    font-family: myForthFont;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    text-align: left;
}
} 
@media only screen and (max-width: 580px) {
.header-top {
    background: #ffffff;
    padding-top: 5px;
    padding-bottom: 35px;
}
.header-top ul li a {
    list-style: none;
    float: left;
    color: #000000;
    font-size: 10px;
    font-family: myFifthFont;
}
.top {
    margin-top: 0px;
}
.logo {
    padding-top: 5px;
    padding-bottom: 5px;
}
.menu-btn {
    position: fixed;
    display: block;
    top: 60px;
    /* right: 40px; */
    display: block;
    width: 20px;
    height: 28px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 32px;
    margin-left: -115px;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:10px;
}
.header-top ul li {
    text-align: right;
    font-family: mysecondFont !important;
    font-size: 12px !important;
    margin-right: 20px;
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 600;
}
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 110px;
    background: #ffffff;
    /*box-shadow: 0px 0px 10px #2d2d2d;*/
    z-index: 9999;
}
.slide-cap h2 {
    position: absolute;
    top: 65px;
    left: 70px;
    width: 100%;
    color: #ffffff;
    font-size: 20px;
    font-family: MyFifthFont;
    line-height: 30px;
}
.slide-cap a {
    position: absolute;
    top: 150px;
    left: 70px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
}
.slide-cap a:hover {
    position: absolute;
    top: 150px;
    left: 70px;
    color: #ffffff;
  background:#4f2e80;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
  text-decoration:none;
}
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 270px !important;
    overflow: hidden;
    margin-top: 110px !important;
} 
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 165px;*/
  left: 155px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 190px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 200px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 45px;
    bottom: 0px;
    height: 2px;
    width: 360px;
    background-color: #db1c63;
    top: 45px !important;
}
.top-banner {
    margin-top: 110px;
    background-image: url(../images/bannertop01.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
  background-position: inherit;
}
.top-banner-contact {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop02.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: inherit;
} 
.top-banner-about {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop03.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-portfolio {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop04.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-casestudy {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop05.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-blog-details {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop06.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-products {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop07.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-services {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop08.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}

.abt-img {
    padding-top: 30px;
    padding-bottom: 20px;
}
.abt-content {
    padding-top: 30px;
    padding-bottom: 70px;
}
.abt-content h2:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 80px !important;
}
/*.serv-home {
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}*/
.prjct-content h2 {
    font-size: 30px;
    font-family: myForthFont;
    color: #ffffff;
    line-height: 40px;
}
.prjct {
    background-image: url(../images/bg02.jpg);
    background-repeat: repeat;
    padding-bottom: 30px;
}

.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 600px 44px;
    margin-top: 30px;
}
.blog {
    padding-top: 50px;
}
.case-study {
    /*background:#ffffff;*/
    padding-top: 68px;
    padding-bottom: 0px;
}
.btn-case {
    color: #000000;
    font-family: myForthFont;
    font-size: 16px;
    border: 2px solid #db1c63;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    margin-top: 0px;
  float:right;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
.foot1-abt
{
  margin-bottom:15px;
}
p.copy-right {
    color: #9d9b9b;
    font-family: myForthFont;
    font-size: 14px;
}
p.copy-right a {
    color: #db1c63;
    text-decoration: none;
    font-size: 14px;
}
.foot1-links ul li a {
    list-style: none;
    /*float: left;*/
    font-size: 14px;
    color: #9d9b9b;
    font-family: myForthFont;
}
.foot1-links ul li {
    /*text-align: right;*/
    font-family: myForthFont !important;
    font-size: 14px !important;
    margin-right: 13px;
    list-style: none;
    /*float: left;*/
    color: #fff;
}
.foot-links1 {
    padding: 0px 0 5px 0px;
} 
.case-title h2:after {
    content: "";
    position: absolute;
    left: 90px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 95px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 95px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
}
@media only screen and (max-width: 540px) {
/*.top1 {
    padding: 6px 0 3px 0px;
}*/
.header-top {
    background: #ffffff;
    padding-top: 5px;
    padding-bottom: 35px;
}
.top {
    margin-top: 0px;
}
.logo {
    padding-top: 5px;
    padding-bottom: 5px;
}
.menu-btn {
    position: fixed;
    display: block;
    top: 60px;
    /* right: 40px; */
    display: block;
    width: 20px;
    height: 28px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
}
.header-top ul li {
    text-align: right;
    font-family: mysecondFont !important;
    font-size: 12px !important;
    margin-right: 25px;
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 600;
}
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 110px;
    background: #ffffff;
    /*box-shadow: 0px 0px 10px #2d2d2d;*/
    z-index: 9999;
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 32px;
  margin-left: -85px;
}
.header-top ul li a {
    list-style: none;
    float: left;
    color: #000000;
    font-size: 12px;
    font-family: myFifthFont;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:12px;
}
.slide-cap h2 {
    position: absolute;
    top: 70px;
    left: 70px;
    width: 100%;
    color: #ffffff;
    font-size: 20px;
    font-family: MyFifthFont;
    line-height: 35px;
}
.slide-cap a {
    position: absolute;
    top: 170px;
    left: 70px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
}
.slide-cap a:hover {
    position: absolute;
    top: 170px;
    left: 70px;
    color: #ffffff;
  background:#4f2e80;
    font-family: MyFifthFont;
    padding: 10px;
    border: 2px solid #4f2e80;
    font-size: 14px;
  text-decoration:none;
}
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 260px !important;
    overflow: hidden;
    margin-top: 110px !important;
} 
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 145px;*/
  left: 135px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 165px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 180px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 25px;
    bottom: 0px;
    height: 2px;
    width: 360px;
    background-color: #db1c63;
    top: 45px !important;
}
.top-banner {
    margin-top: 110px;
    background-image: url(../images/bannertop01.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
  background-position: inherit;
}
.top-banner-contact {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop02.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: inherit;
} 
.top-banner-about {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop03.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-portfolio {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop04.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-casestudy {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop05.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-blog-details {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop06.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-products {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop07.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-srvices {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop08.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}

.abt-img {
    padding-top: 30px;
    padding-bottom: 20px;
}
.abt-content {
    padding-top: 30px;
    padding-bottom: 70px;
}
.abt-content h2:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 80px !important;
}
/*.serv-home {
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}*/
.prjct-content h2 {
    font-size: 30px;
    font-family: myForthFont;
    color: #ffffff;
    line-height: 40px;
}
.prjct {
    background-image: url(../images/bg02.jpg);
    background-repeat: repeat;
    padding-bottom: 30px;
}

.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 600px 44px;
    margin-top: 30px;
}
.blog {
    padding-top: 50px;
}
.case-study {
    /*background:#ffffff;*/
    padding-top: 68px;
    padding-bottom: 0px;
}
.btn-case {
    color: #000000;
    font-family: myForthFont;
    font-size: 16px;
    border: 2px solid #db1c63;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    margin-top: 0px;
  float:right;
}
.container1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    max-width: 1200px;
}
.foot1-abt
{
  margin-bottom:15px;
}
p.copy-right {
    color: #9d9b9b;
    font-family: myForthFont;
    font-size: 14px;
}
p.copy-right a {
    color: #db1c63;
    text-decoration: none;
    font-size: 14px;
}
.foot1-links ul li a {
    list-style: none;
    /*float: left;*/
    font-size: 14px;
    color: #9d9b9b;
    font-family: myForthFont;
}
.foot1-links ul li {
    /*text-align: right;*/
    font-family: myForthFont !important;
    font-size: 14px !important;
    margin-right: 13px;
    list-style: none;
    /*float: left;*/
    color: #fff;
}
.foot-links1 {
    padding: 0px 0 5px 0px;
} 
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 70px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
} 
.case-head h2:after {
    content: "";
    position: absolute;
    left: 70px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 70px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
.casestudy01-img {
    left: 7%;
    margin-top: 90px;
}
.item-boxed {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 30%);
    margin-bottom: 30px;
}
.info-boxed h3 {
    font-size: 18px;
    font-family: mySecondFont;
    color: #ffffff;
    letter-spacing: 2px;
    margin-bottom: 20px;
    margin-top: 15px;
}
.info-boxed p {
    margin-bottom: 30px;
    font-family: myForthFont;
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
    text-align: justify;
}
.info-boxed {
    background: #ada5ab;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px 20px 15px 20px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 50%;
    z-index: 999;
}

}
@media only screen and (max-width: 531px) {
.header-top ul li a {
    list-style: none;
    float: left;
    color: #000000;
    font-size: 10px;
    font-family: myFifthFont;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:10px;
}
.top-banner {
    margin-top: 110px;
    background-image: url(../images/bannertop01.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
  background-position: inherit;
}
.top-banner-contact {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop02.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: inherit;
}
.top-banner-about {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop03.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
} 
.top-banner-portfolio {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop04.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-casestudy {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop05.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-blog-details {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop06.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-products {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop07.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-services {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop08.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 163px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 173px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 55px;
    bottom: 0px;
    height: 2px;
    width: 270px;
    background-color: #db1c63;
    top: 75px !important;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 70px;
    bottom: 0px;
    height: 1px;
    width: 365px;
    background-color: #ffffff;
    top: 160px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 70px;
    bottom: 0px;
    height: 1px;
    width: 368px;
    background-color: #db1c63;
    top: 130px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 38px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
} 
@media only screen and (max-width: 500px) {
.link-path li {
    display: inline-block;
    line-height: 25px;
}
.product-g {
    padding-top: 50px;
}
.feat-list-right p {
    margin: .3em 0 0 0;
    font-family: myForthFont;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    text-align: left;
}
}
@media only screen and (max-width: 480px) {
.header-top {
    background: #ffffff;
    padding-top: 5px;
    padding-bottom: 35px;
}
.top {
    margin-top: 0px;
}
.logo {
    padding-top: 5px;
    padding-bottom: 5px;
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 15px;
  margin-left: -55px;
}
.menu-btn {
    position: fixed;
    display: block;
    top: 55px;
    /* right: 40px; */
    display: block;
    width: 20px;
    height: 28px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
}
.header-top ul li a {
  
    list-style: none;
    float: left;
    color: #000000;
    font-size: 10px;
    font-family: myFifthFont;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:10px;
}
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 110px;
    background: #ffffff;
    /*box-shadow: 0px 0px 10px #2d2d2d;*/
    z-index: 9999;
}
.slide-cap h2 {
    position: absolute;
    top: 70px;
    left: 47px;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    font-family: MyFifthFont;
    line-height: 20px;
}
.slide-cap a {
    position: absolute;
    top: 125px;
    left: 47px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 5px;
    border: 2px solid #4f2e80;
    font-size: 12px;
}
.slide-cap a:hover {
    position: absolute;
    top: 125px;
    left: 47px;
    color: #ffffff;
  background:#4f2e80;
    font-family: MyFifthFont;
    padding: 5px;
    border: 2px solid #4f2e80;
    font-size: 12px;
  text-decoration:none;
}
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 260px !important;
    overflow: hidden;
    margin-top: 110px !important;
}

#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 135px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 150px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 55px;
    bottom: 0px;
    height: 2px;
    width: 245px;
    background-color: #db1c63;
    top: 75px !important;
}
.top-banner {
    margin-top: 110px;
    background-image: url(../images/bannertop01.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
  background-position: inherit;
}
.top-banner-contact {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop02.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: inherit;
} 
.top-banner-about {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop03.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-portfolio {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop04.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-casestudy {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop05.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-blog-details {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop06.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-products {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop07.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-services {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop08.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}

.abt-img {
    padding-top: 30px;
    padding-bottom: 20px;
}
.abt-content {
    padding-top: 30px;
    padding-bottom: 70px;
}
.abt-content h2:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 80px !important;
}
/*.serv-home {
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}*/
.prjct-content h2 {
    font-size: 30px;
    font-family: myForthFont;
    color: #ffffff;
    line-height: 40px;
}
.prjct {
    background-image: url(../images/bg02.jpg);
    background-repeat: repeat;
    padding-bottom: 30px;
}
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 110px;*/
  left: 100px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 620px 44px;
    margin-top: 30px;
}
.blog {
    padding-top: 50px;
}
.case-study {
    /*background:#ffffff;*/
    padding-top: 68px;
    padding-bottom: 0px;
}
.btn-case {
    color: #000000;
    font-family: myForthFont;
    font-size: 16px;
    border: 2px solid #db1c63;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    margin-top: 0px;
  float:right;
}
.foot1-abt
{
  margin-bottom:15px;
}
p.copy-right {
    color: #9d9b9b;
    font-family: myForthFont;
    font-size: 14px;
}
p.copy-right a {
    color: #db1c63;
    text-decoration: none;
    font-size: 14px;
}
.foot1-links ul li a {
    list-style: none;
    /*float: left;*/
    font-size: 14px;
    color: #9d9b9b;
    font-family: myForthFont;
}
.foot1-links ul li {
    /*text-align: right;*/
    font-family: myForthFont !important;
    font-size: 14px !important;
    margin-right: 13px;
    list-style: none;
    /*float: left;*/
    color: #fff;
}
.foot-links1 {
    padding: 0px 0 5px 0px;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 40px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-d p {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 60px;
}
.case-head p {
    font-family: myFifthFont;
    color: #ffffff;
    font-size: 16px;
    margin-top: 40px;
    line-height: 24px;
}
.case-head h2 {
    font-family: mySecondFont;
    color: #ffffff;
    font-size: 18px;
    margin-top: 80px;
}
.case-head1 h2
{
  font-family: mySecondFont;
    color: #000000;
  font-size:18px;
  margin-top:50px;
}
.case-head1 p
{
  font-family: myFifthFont;
    color: #000000;
  font-size:16px;
  margin-top:40px;
  line-height:24px;
}
.case-d1 p
{
  padding-left:0px;
  padding-right:0px;
  margin-bottom:60px;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 95px;
    bottom: 0px;
    height: 1px;
    width: 265px;
    background-color: #ffffff;
    top: 150px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 30px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
}

@media only screen and (max-width: 460px) {
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 740px 44px;
    margin-top: 30px;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 30px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
.casestudy01-tab label {
    margin-right: 20px;
    position: relative;
    top: 0;
    cursor: pointer;
    color: #000000;
    font-family: myForthFont;
    font-size: 18px !important;
}
[type=radio]:checked ~ label:after {
    /*content: "";*/
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    width: 100px;
    background-color: #555655;
    top: 45px !important;
    z-index: 2;
}
.casestudy01-img {
    left: 7%;
    margin-top: 90px;
}
.product-gsuit-head h2 {
    font-size: 20px;
    font-family: myThirdFont;
    color: #000000;
    margin-bottom: 30px;
}
}
@media only screen and (max-width: 450px) {
.blog-readmore h2 {
    font-family: myForthFont;
    font-size: 24px;
    color: #000000;
    margin-bottom: 50px;
  line-height: 30px;
}
}
@media only screen and (max-width: 449px) {
.about-glitit h2 {
    font-family: mySecondFont;
    font-size: 21px;
    color: #000000;
    margin-bottom: 50px;
}
.about-glitit h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 55px;
    background-color: #db1c63;
    top: 35px !important;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 25px;
    bottom: 0px;
    height: 2px;
    width: 340px;
    background-color: #db1c63;
    top: 45px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 78px;
    bottom: 0px;
    height: 1px;
    width: 265px;
    background-color: #ffffff;
    top: 150px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 30px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
}
@media only screen and (max-width: 428px) {
/*.top1 {
    padding: 6px 0 3px 0px;
}*/
.toggle
{
    /*position: absolute;*/
    background-image: url(../images/light-mode.png);
	/*background-color: #ffffff;*/
    background-repeat: no-repeat;
	background-size: contain;
	top: 0px;
    /*border: 1px solid #ffffff;*/
    width: 85px;
    height: 28px;
    cursor: pointer;
    /*border-radius: 18px;*/
    transition: 0.5s;
	z-index: 9;
	/*margin-left: 15px;*/
	margin-top: 0px;
}
.head1.active .header-top1 ul li .toggle {
    /* position: absolute; */
    background-image: url(../images/light-mode.png);
    /* background-color: #ffffff; */
    background-repeat: no-repeat;
    top: 0px;
    /* border: 1px solid #ffffff; */
    width: 80px;
    height: 28px;
    cursor: pointer;
    /* border-radius: 18px; */
    transition: 0.5s;
    z-index: 99999;
    /* margin-left: 15px; */
    margin-top: 0px;
}
.header-top {
    background: #ffffff;
    padding-top: 5px;
    padding-bottom: 25px;
}
.menu-btn {
    position: fixed;
    display: block;
    top: 50px;
    /* right: 40px; */
    display: block;
    width: 20px;
    height: 28px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
}
.header-top ul li {
    text-align: right;
    font-family: mysecondFont !important;
    font-size: 12px !important;
    margin-right: 25px;
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 600;
}
.header-top ul li a {
  
    list-style: none;
    float: left;
    color: #000000;
    font-size: 10px;
    font-family: myFifthFont;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:10px;
}
.top {
    margin-top: 0px;
}
.logo {
    padding-top: 5px;
    padding-bottom: 5px;
}
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 110px;
    background: #ffffff;
    /*box-shadow: 0px 0px 10px #2d2d2d;*/
    z-index: 9999;
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 15px;
  margin-left: -35px;
}
.slide-cap h2 {
    position: absolute;
    top: 70px;
    left: 47px;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    font-family: MyFifthFont;
    line-height: 20px;
}
.slide-cap a {
    position: absolute;
    top: 125px;
    left: 47px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 5px;
    border: 2px solid #4f2e80;
    font-size: 12px;
}
.slide-cap a:hover {
    position: absolute;
    top: 125px;
    left: 47px;
    color: #ffffff;
  background:#4f2e80;
    font-family: MyFifthFont;
    padding: 5px;
    border: 2px solid #4f2e80;
    font-size: 12px;
  text-decoration:none;
}
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 210px !important;
    overflow: hidden;
    margin-top: 110px !important;
} 
  
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 85px;*/
  left: 75px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 115px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 115px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 55px;
    bottom: 0px;
    height: 2px;
    width: 175px;
    background-color: #db1c63;
    top: 75px !important;
}
.top-banner {
    margin-top: 110px;
    background-image: url(../images/bannertop01.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
  background-position: inherit;
}
.top-banner-contact {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop02.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: inherit;
}
.top-banner-about {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop03.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-portfolio {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop04.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-casestudy {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop05.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-blog-details{
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop06.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-products{
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop07.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-services{
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop08.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}

.abt-img {
    padding-top: 30px;
    padding-bottom: 20px;
}
.abt-content {
    padding-top: 30px;
    padding-bottom: 70px;
}
.abt-content h2:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 80px !important;
}
/*.serv-home {
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}*/
.prjct-content h2 {
    font-size: 30px;
    font-family: myForthFont;
    color: #ffffff;
    line-height: 40px;
}
.prjct {
    background-image: url(../images/bg02.jpg);
    background-repeat: repeat;
    padding-bottom: 30px;
}

.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 700px 44px;
    margin-top: 30px;
}
.blog {
    padding-top: 50px;
}
.case-study {
    /*background:#ffffff;*/
    padding-top: 68px;
    padding-bottom: 0px;
}
.btn-case {
    color: #000000;
    font-family: myForthFont;
    font-size: 16px;
    border: 2px solid #db1c63;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    margin-top: 0px;
    float: right;
}
.foot1-abt
{
  margin-bottom:15px;
}
p.copy-right {
    color: #9d9b9b;
    font-family: myForthFont;
    font-size: 11px;
}
p.copy-right a {
    color: #db1c63;
    text-decoration: none;
    font-size: 11px;
}
.foot1-links ul li a {
    list-style: none;
    /*float: left;*/
    font-size: 11px;
    color: #9d9b9b;
    font-family: myForthFont;
}
.foot1-links ul li a:hover {
    list-style: none;
    /*float: left;*/
    font-size: 11px;
    color: #9d9b9b;
    font-family: myForthFont;
  text-decoration:none;
}
.foot1-links ul li {
    /*text-align: right;*/
    font-family: myForthFont !important;
    font-size: 14px !important;
    margin-right: 3px;
    list-style: none;
    /*float: left;*/
    color: #fff;
}
.foot-links1 {
    padding: 0px 0 5px 0px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 50px;
    bottom: 0px;
    height: 2px;
    width: 260px;
    background-color: #db1c63;
    top: 75px !important;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 68px;
    bottom: 0px;
    height: 1px;
    width: 265px;
    background-color: #ffffff;
    top: 150px !important;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 1px;
    width: 268px;
    background-color: #db1c63;
    top: 120px !important;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 5px;
}

.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
.item-boxed {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 30%);
    margin-bottom: 30px;
}
.info-boxed h3 {
    font-size: 18px;
    font-family: mySecondFont;
    color: #ffffff;
    letter-spacing: 2px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.info-boxed p {
    margin-bottom: 30px;
    font-family: myForthFont;
    font-size: 12px;
    color: #ffffff;
    line-height: 16px;
    text-align: justify;
}
.info-boxed {
    background: #ada5ab;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px 15px 10px 15px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 50%;
    z-index: 999;
}
} 
@media only screen and (max-width: 425px) {
.product-dis {
    padding-top: 45px;
}
}
@media only screen and (max-width: 412px) {
/*.top1 {
    padding: 6px 0 3px 0px;
}*/
.top {
    margin-top: 0px;
}
.logo {
    padding-top: 5px;
    padding-bottom: 5px;
}
.header-top {
    background: #ffffff;
    padding-top: 0px;
    padding-bottom: 30px;
}
.header-top ul li {
    text-align: right;
    font-family: mysecondFont !important;
    font-size: 12px !important;
    margin-right: 25px;
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 600;
}
.header-top ul li a {
    list-style: none;
    float: left;
    color: #000000;
    font-size: 10px;
    font-family: myFifthFont;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:10px;
}
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 105px;
    background: #ffffff;
    /*box-shadow: 0px 0px 10px #2d2d2d;*/
    z-index: 9999;
}

.header-top1 {
    padding-top: 0px;
    padding-bottom: 20px;
  margin-left: -30px;
}
.menu-btn {
    position: fixed;
    display: block;
    top: 50px;
    /* right: 40px; */
    display: block;
    width: 20px;
    height: 28px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
}
.slide-cap h2 {
    position: absolute;
    top: 70px;
    left: 47px;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    font-family: MyFifthFont;
    line-height: 20px;
}
.slide-cap a {
    position: absolute;
    top: 125px;
    left: 47px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 5px;
    border: 2px solid #4f2e80;
    font-size: 12px;
}
.slide-cap a:hover {
    position: absolute;
    top: 125px;
    left: 47px;
    color: #ffffff;
  background:#4f2e80;
    font-family: MyFifthFont;
    padding: 5px;
    border: 2px solid #4f2e80;
    font-size: 12px;
  text-decoration:none;
}
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 190px !important;
    overflow: hidden;
    margin-top: 105px !important;
}
.top-banner {
    margin-top: 105px;
    background-image: url(../images/bannertop01.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
  background-position: inherit;
}
.top-banner-contact {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop02.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: inherit;
} 
.top-banner-about {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop03.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-portfolio {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop04.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-casestudy {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop05.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-blog-details {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop06.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-products {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop07.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-services {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop08.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}

.abt-img {
    padding-top: 30px;
    padding-bottom: 20px;
}
.abt-content {
    padding-top: 30px;
    padding-bottom: 70px;
}
.abt-content h2:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 80px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 105px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 115px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 55px;
    bottom: 0px;
    height: 2px;
    width: 175px;
    background-color: #db1c63;
    top: 95px !important;
}
/*.serv-home {
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}*/
.prjct-content h2 {
    font-size: 30px;
    font-family: myForthFont;
    color: #ffffff;
    line-height: 40px;
}
.prjct {
    background-image: url(../images/bg02.jpg);
    background-repeat: repeat;
    padding-bottom: 30px;
}
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 76px;*/
  left: 66px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 720px 44px;
    margin-top: 30px;
}
.blog {
    padding-top: 50px;
}
.case-study {
    /*background:#ffffff;*/
    padding-top: 68px;
    padding-bottom: 0px;
}
.btn-case {
    color: #000000;
    font-family: myForthFont;
    font-size: 16px;
    border: 2px solid #db1c63;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    margin-top: 0px;
    float: right;
}
.foot1-abt
{
  margin-bottom:15px;
}
p.copy-right {
    color: #9d9b9b;
    font-family: myForthFont;
    font-size: 11px;
}
p.copy-right a {
    color: #db1c63;
    text-decoration: none;
    font-size: 11px;
}
.foot1-links ul li a {
    list-style: none;
    /*float: left;*/
    font-size: 11px;
    color: #9d9b9b;
    font-family: myForthFont;
}
.foot1-links ul li a:hover {
    list-style: none;
    /*float: left;*/
    font-size: 11px;
    color: #9d9b9b;
    font-family: myForthFont;
  text-decoration:none;
}
.foot1-links ul li {
    /*text-align: right;*/
    font-family: myForthFont !important;
    font-size: 14px !important;
    margin-right: 3px;
    list-style: none;
    /*float: left;*/
    color: #fff;
}
.foot-links1 {
    padding: 0px 0 5px 0px;
}
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.filter-button {
    font-size: 16px !important;
    color: #000000 !important;
    margin-bottom: 30px !important;
    font-family: myForthFont !important;
    padding-left: 20px !important;
    cursor: pointer !important;
}
.portfolio-title h2 {
    font-family: myForthFont !important;
    font-size: 34px !important;
    color: #000000 !important;
    margin-bottom: 50px !important;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 43px;
    bottom: 0px;
    height: 2px;
    width: 260px;
    background-color: #db1c63;
    top: 75px !important;
}
.case-d p {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 60px;
}
.case-head p {
    font-family: myFifthFont;
    color: #ffffff;
    font-size: 16px;
    margin-top: 40px;
    line-height: 24px;
}
.case-head h2 {
    font-family: mySecondFont;
    color: #ffffff;
    font-size: 17px;
    margin-top: 80px;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 1px;
    width: 250px;
    background-color: #ffffff;
    top: 150px !important;
}
.case-head1 h2
{
  font-family: mySecondFont;
    color: #000000;
  font-size:17px;
  margin-top:50px;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: 0px;
    height: 1px;
    width: 252px;
    background-color: #db1c63;
    top: 120px !important;
}
.case-head1 p
{
  font-family: myFifthFont;
    color: #000000;
  font-size:16px;
  margin-top:40px;
  line-height:24px;
}
.case-d1 p
{
  padding-left:0px;
  padding-right:0px;
  margin-bottom:60px;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 5px;
}
.blog-recent ul li {
    padding-left: 40px;
    padding-right: 40px;
    font-family: myFifthFont;
    font-size: 14px;
    color: #ffffff;
    line-height: 23px;
}
.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
.item-boxed {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 30%);
    margin-bottom: 30px;
}
.info-boxed h3 {
    font-size: 18px;
    font-family: mySecondFont;
    color: #ffffff;
    letter-spacing: 2px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.info-boxed p {
    margin-bottom: 30px;
    font-family: myForthFont;
    font-size: 12px;
    color: #ffffff;
    line-height: 16px;
    text-align: justify;
}
.info-boxed {
    background: #ada5ab;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px 15px 10px 15px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 50%;
    z-index: 999;
}
} 
@media only screen and (max-width: 380px) {
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 810px 44px;
    margin-top: 30px;
}
}
@media only screen and (max-width: 375px) {
.header-top ul li a {
    list-style: none;
    float: left;
    color: #000000;
    font-size: 9px;
    font-family: myFifthFont;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:9px;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 55px;
    bottom: 0px;
    height: 2px;
    width: 145px;
    background-color: #db1c63;
    top: 95px !important;
}
.top-banner-about {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop03.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-portfolio {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop04.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-casestudy {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop05.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-blog-details {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop06.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-products {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop07.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-services {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop08.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.filter-button {
    font-size: 16px;
    color: #000000;
    margin-bottom: 30px;
    font-family: myForthFont;
    padding-left: 20px;
    cursor: pointer;
}
.portfolio-title h2 {
    font-family: myForthFont;
    font-size: 34px;
    color: #000000;
    margin-bottom: 50px;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 24px;
    bottom: 0px;
    height: 2px;
    width: 260px;
    background-color: #db1c63;
    top: 75px !important;
}
.case-d p {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 60px;
}
.case-head p {
    font-family: myFifthFont;
    color: #ffffff;
    font-size: 16px;
    margin-top: 40px;
    line-height: 24px;
}
.case-head h2 {
    font-family: mySecondFont;
    color: #ffffff;
    font-size: 17px;
    margin-top: 80px;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 48px;
    bottom: 0px;
    height: 1px;
    width: 250px;
    background-color: #ffffff;
    top: 150px !important;
}
.case-head1 h2
{
  font-family: mySecondFont;
    color: #000000;
  font-size:17px;
  margin-top:50px;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 45px;
    bottom: 0px;
    height: 1px;
    width: 252px;
    background-color: #db1c63;
    top: 120px !important;
}
.case-head1 p
{
  font-family: myFifthFont;
    color: #000000;
  font-size:16px;
  margin-top:40px;
  line-height:24px;
}
.case-d1 p
{
  padding-left:0px;
  padding-right:0px;
  margin-bottom:60px;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 5px;
}
.blog-recent ul li {
    padding-left: 40px;
    padding-right: 40px;
    font-family: myFifthFont;
    font-size: 12px;
    color: #ffffff;
    line-height: 23px;
}
.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
.item-boxed {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 30%);
    margin-bottom: 30px;
}
.info-boxed h3 {
    font-size: 18px;
    font-family: mySecondFont;
    color: #ffffff;
    letter-spacing: 2px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.info-boxed p {
    margin-bottom: 30px;
    font-family: myForthFont;
    font-size: 12px;
    color: #ffffff;
    line-height: 16px;
    text-align: justify;
}
.info-boxed {
    background: #ada5ab;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px 15px 10px 15px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 50%;
    z-index: 999;
}
.services-box1-content h3 {
    font-family: myForthFont;
    font-size: 22px;
    color: #ffffff;
    letter-spacing: 0px;
    margin-top: 35px;
}
.accordionTitle,
.accordion__Heading {
 background-color:#333333; 
 font-family: myForthFont !important;
 font-size:14px;
   text-align:left; 
          padding:2em;
          display:block;
          text-decoration:none;
          color:#fff;
          transition:background-color 0.5s ease-in-out;
  border-bottom:1px solid darken(#38cc70, 5%);
  &:before {
   content: "+";
   font-size:16px;
   line-height:0.5em;
   float:left; 
   transition: transform 0.3s ease-in-out;
  }
  &:hover {
    background-color:darken(#38cc70, 10%);
  }
}
}
@media only screen and (max-width: 360px) {
.top{
  margin-right: 5px;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 47px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
/*.top1 {
    padding: 6px 0 3px 0px;
}*/
.header-top1 ul li {
    text-align: right;
    font-family: mysecondFont !important;
    font-size: 12px !important;
    margin-right: 0px;
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 600;
}
.logo {
    padding-top: 5px;
    padding-bottom: 5px;
}
.header-top {
    background: #ffffff;
    padding-top: 5px;
    padding-bottom: 30px;
}
.header-top ul li {
    text-align: right;
    font-family: mysecondFont !important;
    font-size: 12px !important;
    margin-right: 15px;
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 600;
}
.header-top ul li a {
    list-style: none;
    float: left;
    color: #000000;
    font-size: 10px;
    font-family: myFifthFont;
}
.header-top ul li a:hover {
  list-style:none;
  float:left;
  color:#000000;
  text-decoration:none;
  font-family: myFifthFont;
  font-size:10px;
}
.top {
    margin-top: 0px;
}
.toggle {
    /* position: absolute; */
    background-image: url(../images/light-mode.png);
    /* background-color: #ffffff; */
    background-repeat: no-repeat;
    background-size: contain;
    top: 0px;
    /* border: 1px solid #ffffff; */
    width: 85px;
    height: 28px;
    cursor: pointer;
    /* border-radius: 18px; */
    transition: 0.5s;
    z-index: 9;
    /* margin-left: 15px; */
    margin-top: 0px;
}
.head1.active .header-top1 ul li .toggle {
    /* position: absolute; */
    background-image: url(../images/light-mode.png);
    /* background-color: #ffffff; */
    background-repeat: no-repeat;
    top: 0px;
    /* border: 1px solid #ffffff; */
    width: 95px;
    height: 28px;
    cursor: pointer;
    /* border-radius: 18px; */
    transition: 0.5s;
    z-index: 99999;
    /* margin-left: 15px; */
    margin-top: 0px;
}
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 105px;
    background: #ffffff;
    /*box-shadow: 0px 0px 10px #2d2d2d;*/
    z-index: 9999;
}
.header-top1 {
    padding-top: 0px;
    padding-bottom: 10px;
  margin-left: -8px;
}
.slide-cap h2 {
    position: absolute;
    top: 70px;
    left: 47px;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    font-family: MyFifthFont;
    line-height: 20px;
}
.slide-cap a {
    position: absolute;
    top: 125px;
    left: 47px;
    color: #ffffff;
    font-family: MyFifthFont;
    padding: 5px;
    border: 2px solid #4f2e80;
    font-size: 12px;
}
.slide-cap a:hover {
    position: absolute;
    top: 125px;
    left: 47px;
    color: #ffffff;
  background:#4f2e80;
    font-family: MyFifthFont;
    padding: 5px;
    border: 2px solid #4f2e80;
    font-size: 12px;
  text-decoration:none;
}
#banner-section .carousel {
    position: relative;
    width: 100%;
    height: 175px !important;
    overflow: hidden;
    margin-top: 105px !important;
}
.menu-btn {
    position: fixed;
    display: block;
    top: 55px;
    /* right: 40px; */
    display: block;
    width: 20px;
    height: 40px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
}
.top-banner {
    margin-top: 105px;
    background-image: url(../images/bannertop01.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
  background-position: inherit;
}
.top-banner-contact {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop02.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: inherit;
}
.top-banner-about {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop03.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-portfolio {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop04.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-casestudy {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop05.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-blog-details {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop06.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-products {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop07.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-services {
    margin-top: 105px;
    position: relative;
    background-image: url(../images/bannertop08.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}

.abt-img {
    padding-top: 30px;
    padding-bottom: 20px;
}
.abt-content {
    padding-top: 30px;
    padding-bottom: 70px;
}
.abt-content h2:after {
    content: "";
    position: absolute;
    left: 12px;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 80px !important;
}
#basicSlider h2:after {
    content: "";
    position: absolute;
    left: 90px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
#basicSlider1 h2:after {
    content: "";
    position: absolute;
    left: 80px;
    bottom: 0px;
    height: 3px;
    width: 50px;
    background-color: #db1c63;
    top: 65px !important;
}
.blog-title h2:after {
    content: "";
    position: absolute;
    left: 42px;
    bottom: 0px;
    height: 2px;
    width: 145px;
    background-color: #db1c63;
    top: 95px !important;
}
/*.serv-home {
    background-image: url(../images/bg03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}*/
.prjct-content h2 {
    font-size: 30px;
    font-family: myForthFont;
    color: #ffffff;
    line-height: 40px;
}
.prjct {
    background-image: url(../images/bg02.jpg);
    background-repeat: repeat;
    padding-bottom: 30px;
}
.serv-title h2:after {
    content: "";
    position: absolute;
    /*left: 50px !important;*/
  left: 40px !important;
    bottom: 0px;
    height: 3px;
    width: 60px;
    background-color: #db1c63;
    top: 55px !important;
}
.media-carousel {
    margin-bottom: 30px;
    padding: 0 44px 840px 44px;
    margin-top: 30px;
}
.blog {
    padding-top: 50px;
}
.case-study {
    /*background:#ffffff;*/
    padding-top: 68px;
    padding-bottom: 0px;
}

.foot1-abt
{
  margin-bottom:15px;
}
p.copy-right {
    color: #9d9b9b;
    font-family: myForthFont;
    font-size: 11px;
}
p.copy-right a {
    color: #db1c63;
    text-decoration: none;
    font-size: 11px;
}
.foot1-links ul li a {
    list-style: none;
    /*float: left;*/
    font-size: 11px;
    color: #9d9b9b;
    font-family: myForthFont;
}
.foot1-links ul li a:hover {
    list-style: none;
    /*float: left;*/
    font-size: 11px;
    color: #9d9b9b;
    font-family: myForthFont;
  text-decoration:none;
}
.foot1-links ul li {
    /*text-align: right;*/
    font-family: myForthFont !important;
    font-size: 14px !important;
    margin-right: 3px;
    list-style: none;
    /*float: left;*/
    color: #fff;
}
.foot-links1 {
    padding: 0px 0 5px 0px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.left:hover
{
  left: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.media-carousel .carousel-control.right:hover
{
  right: -10px !important;
  background-image: none !important;
  background: none repeat scroll 0 0 #db1c62 !important;
  border: 4px solid #FFFFFF !important;
  border-radius: 23px 23px 23px 23px !important;
  height: 40px !important;
  width : 40px !important;
  margin-top: 70px !important;
  font-size:26px !important;
}
.btn-case {
    color: #000000;
    font-family: myForthFont;
    font-size: 16px;
    border: 2px solid #db1c63;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    margin-top: 0px;
    float: right;
}
.about-glitit h2 {
    font-family: mySecondFont;
    font-size: 21px;
    color: #000000;
    margin-bottom: 50px;
}
.about-glitit h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 55px;
    background-color: #db1c63;
    top: 35px !important;
}
.case-title h2:after {
    content: "";
    position: absolute;
    left: 24px;
    bottom: 0px;
    height: 2px;
    width: 250px;
    background-color: #db1c63;
    top: 75px !important;
}
.portfolio-title h2 {
    font-family: myForthFont;
    font-size: 34px;
    color: #000000;
    margin-bottom: 50px;
}
.filter-button {
    font-size: 16px;
    color: #000000;
    margin-bottom: 30px;
    font-family: myForthFont;
    padding-left: 20px;
    cursor: pointer;
}
.abt-values-title h2 {
    font-family: mySecondFont;
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 30px;
}
.abt-values-title h2:after {
    content: "";
    position: absolute;
    left: 40px;
    bottom: 0px;
    height: 1px;
    width: 80px;
    background-color: #ffffff;
    top: 36px !important;
}
.case-d p {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 60px;
}
.case-head p {
    font-family: myFifthFont;
    color: #ffffff;
    font-size: 16px;
    margin-top: 40px;
    line-height: 24px;
}
.case-head h2 {
    font-family: mySecondFont;
    color: #ffffff;
    font-size: 17px;
    margin-top: 80px;
}
.case-head h2:after {
    content: "";
    position: absolute;
    left: 48px;
    bottom: 0px;
    height: 1px;
    width: 250px;
    background-color: #ffffff;
    top: 150px !important;
}
.case-head1 h2
{
  font-family: mySecondFont;
    color: #000000;
  font-size:17px;
  margin-top:50px;
}
.case-head1 h2:after {
    content: "";
    position: absolute;
    left: 45px;
    bottom: 0px;
    height: 1px;
    width: 252px;
    background-color: #db1c63;
    top: 120px !important;
}
.case-head1 p
{
  font-family: myFifthFont;
    color: #000000;
  font-size:16px;
  margin-top:40px;
  line-height:24px;
}
.case-d1 p
{
  padding-left:0px;
  padding-right:0px;
  margin-bottom:60px;
}
.blog-post {
    background-color: #eeeeee;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 50px;
    padding-right: 50px;
    right: 0px;
    position: relative;
}
.blog-share ul {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 40px;
}
.blog-share ul li {
    float: left;
    margin-right: 5px;
}
.blog-recent ul li {
    padding-left: 40px;
    padding-right: 40px;
    font-family: myFifthFont;
    font-size: 12px;
    color: #ffffff;
    line-height: 23px;
}
.blog-readmore h2:after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: #db1c63;
    top: 70px !important;
}
.tab {
    float: left;
    /* border: 1px solid #ccc; */
    background-color: #333333;
    width: 100%;
}
.serv-tab-content
{
  margin-top:40px;
}
.casestudy01-tab label {
    margin-right: 20px;
    position: relative;
    top: 0;
    cursor: pointer;
    color: #000000;
    font-family: myForthFont;
    font-size: 18px !important;
}
[type=radio]:checked ~ label:after {
    content: none;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 1px;
    width: 100px;
    background-color: #555655;
    top: 45px !important;
    z-index: 2;
}
.casestudy01-img {
    left: 7%;
    margin-top: 90px;
}
.item-boxed {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 30%);
    margin-bottom: 30px;
}
.info-boxed h3 {
    font-size: 18px;
    font-family: mySecondFont;
    color: #ffffff;
    letter-spacing: 2px;
    margin-bottom: 10px;
    margin-top: 0px;
}
.info-boxed p {
    margin-bottom: 30px;
    font-family: myForthFont;
    font-size: 12px;
    color: #ffffff;
    line-height: 16px;
    text-align: justify;
}
.info-boxed {
    background: #ada5ab;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px 15px 10px 15px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 50%;
    z-index: 999;
}
.product-gs {
    padding-top: 70px;
  margin-right: -15px;
    margin-left: -23px;
}
.blog-readmore h2 {
    font-family: myForthFont;
    font-size: 23px;
    color: #000000;
    margin-bottom: 50px;
  line-height: 30px;
}
}
@media (min-width: 320px) and (max-width: 640px) {
body.night .head1 {
    background: #000000 !important;
}
body.night .head1 .bar {
    background: #ffffff;
}
body.night .head1 .header-top1 ul li a {
    color: #ffffff;
}
}	
@media (min-width: 641px) and (max-width: 991px) {
.bar {
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 32px;
    height: 4px;
    background: #000000;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}
.header-top1 ul li a {
    list-style: none;
    float: left;
    color: #000000;
    font-size: 14px;
}
}	
@media (min-width: 992px) and (max-width: 1021px) {
.header-top1 ul li {
    text-align: right;
    font-family: mysecondFont !important;
    font-size: 12px !important;
    margin-right: 26px;
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 600;
}
}	
@media (min-width: 992px) and (max-width: 1309px) {
.header-top1 ul li {
    text-align: right;
    font-family: mysecondFont !important;
    font-size: 12px !important;
    margin-right: -2px;
    list-style: none;
    float: left;
    color: #fff;
    font-weight: 600;
}
}
@media (min-width: 640px) and (max-width: 991px) {
body.night .bar {
    background: #ffffff;
}
body.night .header-top1 ul li a {
    color: #ffffff;
}
body.night #navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 110px;
	background: #000000;
    z-index: 9999;
}
body.night .top-banner {
    margin-top: 110px;
    background-image: url(../images/bannertop01.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
  background-position: inherit;
}
body.night .top-banner-contact {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop02.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: inherit;
} 
body.night .top-banner-about {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop03.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
body.night .top-banner-portfolio {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop04.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
body.night .top-banner-casestudy {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop05.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
body.night .top-banner-blog-details {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop06.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
body.night .top-banner-products {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop07.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
}
@media (min-width: 640px) and (max-width: 991px) {
#navBar {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 110px;
	background: #ffffff;
    z-index: 9999;
}
.top-banner {
    margin-top: 110px;
    background-image: url(../images/bannertop01.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
  background-position: inherit;
}
.top-banner-contact {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop02.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: inherit;
} 
.top-banner-about {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop03.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-portfolio {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop04.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-casestudy {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop05.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-blog-details {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop06.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-banner-products {
    margin-top: 110px;
    position: relative;
    background-image: url(../images/bannertop07.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 0px;
}
}