/* =-=-=-=-=-=-= General =-=-=-=-=-=-= */

body{
	font-family: 'Montserrat', sans-serif!important;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #666666;
    background-color: #fff;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased !important;
}

html,
body {
    width: 100%;
    height: 100%;
}


/* Link style
/* ------------------------------ */
a {
    color: #d51252;
    line-height: 20px;
}
a,
a > * {
    outline: none;
    cursor: pointer;
    text-decoration: none;
}
a:focus,
a:hover {
    color: #13205b;
    outline: none;
    text-decoration: none;
}


/* Transition elements
/* ------------------------------ */
.navbar a,
.form-control {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}

a, .btn{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/* Reset box-shadow
/* ------------------------------ */

.btn,
.form-control,
.form-control:hover,
.form-control:focus,
.navbar-custom .dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
}


button:focus {
    outline: none !important;
}


/* =-=-=-=-=-=-= Typography =-=-=-=-=-=-= */


h1, h2, h3, h4, h5, h6{
    font-weight: 400;
    margin: 0 0 15px;
    color: #202020;
}

h1 {
    font-size: 35px;
    line-height: 50px;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 20px;
    line-height: 25px
}

h4 {
    font-size: 18px;
    line-height: 20px}

h5 {

}

h6 {

}

blockquote {
    padding: 20px 20px 20px 60px;
    font-size: 16px;
    color: #969595;
    border-left: 0;
    border: 1px solid #eee;
    position: relative;
    margin: 0;
}

blockquote::before {
    position: absolute;
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 30px;
    color: #eee;
    left: 15px;
    top: 25px;
}


/* Button
/* ------------------------------ */
.btn {
    padding: 14px 45px;
	border-radius: 0;
}

.btn-primary {
    background-color: #34495e;
    border-color: #34495e;
}
.btn-primary:hover {
    background-color: #13205b;
    border-color: #13205b;
}

.btn:focus,
button:focus {
    outline: none !important;
}


/* =-=-=-=-=-=-= List Style =-=-=-=-=-=-= */

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

.unorder-list {
    list-style: inherit;
}




/* Form Style
/* ------------------------------ */
.form-group {
    margin-bottom: 30px;
}
.form-control {
    height: 60px;
    padding: 20px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #202020;
    border: 1px solid #eee;
    border-radius: 0;
}
.form-control:focus {
    border-color: #13205b;
}


/* =-=-=-=-=-=-= Global Style =-=-=-=-=-=-= */

.section-padding {
    padding: 70px  0;
}

.section-title {
    font-size: 40px;
    line-height: 30px;
    color: #13205b;
    margin-bottom: 25px;
    text-transform: uppercase;
	font-weight: 700;
}
.sub-title {
    margin: 0;
    line-height: 25px;
	color:#999999;
}

/*custom margin classes*/

/*margin top*/
.mt-30 {
    margin-top: 30px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-100 {
    margin-top: 100px;
}

/*margin bottom*/
.mb-30 {
    margin-bottom: 30px;
}
.mb-80 {
    margin-bottom: 80px;
}

/*custom padding classes*/

.no-padding {
    padding: 0!important;
}

/*padding-bottom*/
.pb-20 {
    padding-bottom: 20px;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pt-100 {
    padding-top: 100px;
}
.pb-100 {
    padding-bottom: 100px;
}

/*padding top bottom*/
.ptb-20 {
    padding: 20px 0;
}
.ptb-50 {
    padding: 50px 0;
}
.ptb-90 {
    padding: 90px 0;
}

/* Custom Styling */
.header{background: #000000c7;position: absolute;width: 100%;height:100px;left: 0;right: 0;top: 0;z-index: 999;transition:ease all 0.5s;}
.header .navbar {border:none;transition:ease all 1s;margin:0;border-radius:0px;}
.header .row{display:flex;}
.header .navbar-collapse,
.header ul.nav{height: 100%!important;}
.header ul.nav li {display: flex;justify-content: center;align-items: center;height: 100%;}
.header .navbar .navbar-brand {height:100%;}
.header .navbar .navbar-brand img{width:auto;height:70px;transition:ease all 1s;margin:auto;}
/* nav.navbar.navbar-custom {background: transparent;position: fixed;width: 100%;left: 0;right: 0;top: 0;} */
nav.navbar ul.nav a{color:#fff;font-weight:300;font-size:14px;}
.navbar-nav>li>.dropdown-menu{padding:0;}
nav.navbar ul.nav li .dropdown-menu li a{line-height:40px;display:block;width:100%;}
nav.navbar ul.nav li .dropdown-menu li a.dropdown-toggle{display:none;}
nav.navbar .open>a{background-color:#dd2851!important;}
.dropdown-menu>li>a{color:#dd2851!important;}
nav.navbar ul.nav a:focus,
nav.navbar ul.nav a:hover{color:#fff!important;background:#dd2851}

.header.fixed{position: fixed;height:auto;}
.header.fixed .navbar{border-bottom:0px solid #fff;margin:0;}
.header.fixed .navbar .navbar-brand{padding: 0;}
.header.fixed .navbar .navbar-brand img{width:60%;height:auto;margin:5px auto;}
.header.fixed nav.navbar ul.nav a:hover{color:#13205b!important;background:#fff}
.header.fixed nav.navbar ul.nav a:hover{color:#fff!important;background:#dd2851}
.navbar-toggle{display:none;} 


section.hero{position:relative;overflow: hidden;background:url(../images/hero-bg.jpg);background-size: 100% 100%;background-repeat:no-repeat;}
section.hero video#myVideo {position: absolute;width: 100%;}
section.hero .hero-outer{display: flex;justify-content: center;height:100vh;flex-direction: column;text-align: center;align-items: center;}
section.hero .hero-outer .desc {position:relative;z-index: 1;}
/* section.hero .hero-outer .desc:after {background:url(../images/hero-ring.png);background-size: 100% 100%;background-position: center;content: "";background-repeat: no-repeat;position: absolute;top: -50%;height: 370px;z-index: -1;width: 430px;left: 20%;right: 0;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-name: rotate;animation-name: rotate;} */
section.hero .hero-outer .desc h3{color:#ffffff;font-size:30px;font-weight:300;line-height: 70px;margin:0;text-transform:uppercase;}
section.hero .hero-outer .desc h2{color:#ffffff;font-size:58px;font-weight:700;line-height: 70px;margin:0;text-transform:uppercase;}
section.hero .hero-outer .desc a{background:transparent;transition:ease all 1s;display:inline-block;border:1px solid #fff;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin:30px 25px 0;border-top-right-radius:20px ;border-bottom-left-radius: 20px;}
section.hero .hero-outer .desc a:hover{background:#fff;color: #d51252;}

section.hero .hero-rightbar{position:absolute;height: 100vh;right:0;width:80px;border-left:1px solid #d51252;top:0;}
section.hero .hero-rightbar ul{display:flex;flex-direction: column;justify-content: flex-end;height:100vh;text-align:center;}
section.hero .hero-rightbar ul li{border-radius: 50%;background: #fff;display: inline-block;width: 30px;height: 30px;margin: 10px auto;}
section.hero .hero-rightbar ul li a{font-size: 20px;margin: auto;padding: 5px;display: inline-block;}
section.hero .hero-rightbar ul li:last-child{width: 100%;height:120px;background:#d51252;border-radius:0;margin: 0;}
section.hero .hero-rightbar ul li:last-child a i:before{color:#fff;font-size:38px;margin:  auto!important;margin-top: 25px!important;display: block;}
section.hero .hero-rightbar ul li:last-child a span{color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;display:block;line-height: 15px;margin-top:15px;}

section.wce{background:url(../images/wce-bg.jpg);background-size: 100% 100%;background-repeat:no-repeat;height:100vh;display:flex;justify-content: center;align-items: center;}
/* section.wce #earth {background:url(https://i.imgur.com/bYSnuNE.jpg?1);background-size:cover;border:2px solid #000;border-radius:50%;width:50vh;height:50vh;animation: movimiento 5s linear 0s infinite;box-shadow:0 0 25px RGBA(255,255,255, 0.10),-8px -8px 15px #000 inset,2px 2px 25px #000 inset,-45px -45px 25px RGBA(0,0,0, 0.5) inset, 25px 25px 45px RGBA(0,0,0, 0.45) inset;margin:6em auto;transform:rotateX(6deg) rotateY(6deg) rotateZ(6deg);} */
section.wce .row {display:flex;}
section.wce .desc {height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
section.wce .desc h4 {font-size:42px;font-weight:700;color:#fff;line-height:60px;text-transform:uppercase;}
section.wce .desc p {font-size:16px;font-weight:300;color:#fff;line-height:30px;margin-top:25px;}
section.wce .desc a {font-size:18px;font-weight:400;color:#fff;line-height:20px;margin-top:35px;padding:15px 35px ;display:inline-block;border:1px solid #fff;transition:ease all 1s;border-bottom-left-radius: 20px;border-top-right-radius: 20px;}
section.wce .desc a:hover {background:#fff;color:#d51252;}
section.wce .world {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    cursor: move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab;
}

section.wce .world-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background:transparent!important;
}
#stats,.dg.ac{display:none;}

section.wce .world-globe {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
}

section.wce .world-globe-pole {
    position: absolute;
    width: 530px;
    height: 530px;
    left: -265px;
    top: -265px;
    border-radius: 50% 50%;
    background-color: #fff;
}

section.wce .world-globe-doms-container {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
}

section.wce .world-globe-halo {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 730px;
    height: 715px;
    margin-left: -368px;
    margin-top: -350px;
}



section.wwo .desc-head{background:url(../images/wwo-bg.jpg);background-size: 100% 100%;background-repeat:no-repeat;padding:190px 0;text-align:center;}
section.wwo .desc-head h3{font-size:42px;line-height:42px;color:#fff;font-weight:700;}
section.wwo .desc-head p {font-size:16px;font-weight:300;color:#fff;line-height:30px;margin-top:25px;}
section.wwo .tabs {position: relative;}  
section.wwo .tabs ul.nav{position: relative;margin-top: -145px;left:0;right:0;display:flex;border:none;margin-bottom: 70px;}
section.wwo .tabs ul.nav li{flex: 1;background:none;border:none;}  
section.wwo .tabs ul.nav li a{width: 150px;height: 150px; box-shadow: 0px 5px 7.7px 2.3px rgba(0, 2, 3, 0.17);margin: auto;background: #fff;border: 1px solid #ddd;text-align: center;justify-content: center;align-items: center;display: flex;transform: rotate(45deg);transition: ease all 1s;text-transform: uppercase;font-size: 16px;line-height: 18px;font-weight: 400;}
section.wwo .tabs ul.nav li.active a,
section.wwo .tabs ul.nav li a:hover{background:#d51252;color:#fff;}
section.wwo .tabs ul.nav li span{background:transparent;border:none;transform:rotate(-45deg)}
section.wwo .tabs .desc .ticket{border:1px solid #d7d7d7}
section.wwo .tabs .desc .ticket .ticket-upper img{width:100%;}
section.wwo .tabs .desc .ticket .ticket-lower{padding:10px;}
section.wwo .tabs .desc .ticket .ticket-lower h4{padding:10px 0; text-align: center;color:#00acd8;font-weight:400;font-size:18px;line-height:18px;margin:0;}
section.wwo .tabs .desc .ticket .ticket-lower p{text-align: center;color:#252525;font-weight:300;font-size:12px;line-height:20px;margin:0;height: 60px;overflow: hidden;overflow-y: auto;}

section.hbw .desc{text-align: center;margin-bottom:150px;}
section.hbw .desc h4{font-size:40px;font-weight:300;color:#252525;line-height:50px;margin-bottom: 30px;}
section.hbw .desc h4 span{font-size:40px;font-weight:700;color:#00acd8;}
section.hbw .desc p{font-size:14px;font-weight:300;color:#252525;max-width: 60%;text-align: center;margin: auto;}
section.hbw .expertis-tickets {text-align: center;}
section.hbw .expertis-tickets .ticket-upper{position:relative;transition:ease all 1s}
section.hbw .expertis-tickets .ticket-upper i {background: #00acd8;height: 100px;width: 100px;display: flex;padding: 6% 0;border-radius: 50%;flex-direction: column;justify-content: center;align-items: center;margin: auto;}
section.hbw .expertis-tickets .ticket-upper i:before{font-size: 60px;color:#fff;margin: 0;}
section.hbw .expertis-tickets .ticket-upper:before{width: 330px;height: 150px;background:url(../images/oe-before.png);position: absolute;content:"";left: -13%;top: 40%;background-position:center;background-repeat: no-repeat;background-size: 95% 100%;transition:ease all 1s;}
section.hbw .col-md-3:nth-child(odd) .ticket-upper:before{transform: rotateX(-180deg);top: -85%;}
section.hbw .col-md-3:last-child .expertis-tickets .ticket-upper:before{background:url(../images/oe-before-last.png);background-repeat: no-repeat;background-size: 92% 100%;background-position:Center;left: -13%;}
section.hbw .expertis-tickets .ticket-lower {margin-top: 50px;}
section.hbw .col-md-3:nth-child(even) .ticket-lower {margin-top: 120px;}
section.hbw .expertis-tickets .ticket-lower h6{font-size:16px;font-weight:700;line-height:20px;color:#252525;max-width: 45%;margin: auto;}
section.hbw .expertis-tickets:hover .ticket-upper{transform:rotateY(180deg);}
section.hbw .expertis-tickets:hover .ticket-upper:before{transform:rotateY(-180deg);}
section.hbw .col-md-3:nth-child(odd) .expertis-tickets:hover .ticket-upper:before{transform: rotateX(-180deg) rotateY(-180deg);top: -85%;}
section.hbw .btn-box {text-align: center;}
section.hbw .btn-box a {font-size:18px;font-weight:400;background:url(../images/btn-back.jpg) 100% 100%;color:#fff;line-height:20px;margin-top: 100px;padding:15px 55px;display:inline-block;border:1px solid #d51252;transition:ease all 1s;border-bottom-left-radius: 20px;border-top-right-radius: 20px;}
section.hbw .btn-box a:hover {background:#fff;color:#d51252;border:1px solid #d51252;}

section.bw{background:url(../images/bw-bg.html);background-size: 85% auto;background-position:center right;height: 550px;background-repeat: no-repeat;}
section.bw .row{display:flex;}
section.bw .col1{flex-basis:10%}
section.bw .col4{width:550px;height:550px;position:relative;}
section.bw .col4:after {content: "";background: #fff;width: 50%;height: 550px;position: absolute;top: 0;left: 0;z-index: 0;}
section.bw .col7{flex-basis:70%}
section.bw .round-bw-left-outer {height: 550px;width: 550px;z-index: 1;background: linear-gradient(100deg , #212cc3 , #13205b);border-radius: 50%;display:flex;flex-direction: column;justify-content: center;align-items: center;position: relative;}
section.bw .round-bw-left-inner {height: 75%;width: 75%;background: #fff;border-radius: 50%;}
section.bw .round-bw-left-inner h4{position: absolute;left: 24%;top: 30%;text-align: center;font-size: 50px;font-weight: 700;line-height: 52px;color:#252525;text-transform:uppercase;}
section.bw .round-bw-left-inner h4 span{color:#13205b;}
section.bw .round-bw-left-inner .nav{border:none;width: 100%;height: 100%;}
section.bw .round-bw-left-inner .nav li{position:Absolute;width: 100px;height: 100px;margin: auto;background: #fff;border:1px solid #eee;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;transition:ease all 1s;}
section.bw .round-bw-left-inner .nav li.top{top: 5%;left: 0;right: 0;}
section.bw .round-bw-left-inner .nav li.right{top: 0;bottom: 0;right: 5%;}
section.bw .round-bw-left-inner .nav li.bottom{bottom: 5%;left: 0;right: 0;}
section.bw .round-bw-left-inner .nav li.left{top: 0;left: 5%;bottom: 0;}
section.bw .round-bw-left-inner .nav li a i:before{font-size:48px;color:#101d42;margin:auto}
section.bw .round-bw-left-inner .nav li:hover,
section.bw .round-bw-left-inner .nav li:focus,
section.bw .round-bw-left-inner .nav li.active{border:none;background:#101d42;color:#fff;outline:none}
section.bw .round-bw-left-inner .nav li a:focus,
section.bw .round-bw-left-inner .nav li:hover a ,
section.bw .round-bw-left-inner .nav li:focus a ,
section.bw .round-bw-left-inner .nav li.active a {border:none;background:none;transition:ease all 1s;transform:rotateY(360deg)}
section.bw .round-bw-left-inner .nav li:hover a i:before,
section.bw .round-bw-left-inner .nav li:focus a i:before,
section.bw .round-bw-left-inner .nav li.active a i:before{border:none;background:none;color:#fff;font-size:48px;float: none;margin: auto;text-align: center;transition:ease all 1s;}

section.bw .tab-content .desc {display:flex;flex-direction:column;justify-content: center;height: 550px;max-width: 90%;margin: auto;}
section.bw .tab-content .desc h3{font-weight:700;font-size:30px;color:#ebebeb;line-height:38px;margin-bottom:30px;}
section.bw .tab-content .desc p{font-weight:300;font-size:14px;color:#ffffff;line-height:28px;margin-bottom:20px;}
section.bw .tab-content .desc a{background:linear-gradient(45deg, #212cc3, #13205b);transition:ease all 1s;display:inline-block;border:3px solid #fff;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin:30px 15px 0;-webkit-clip-path:polygon(0% 0%, 85% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%);clip-path:polygon(0% 0%, 85% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%);}
section.bw .tab-content .desc a:hover{background:#fff;color:#13205b;} 


section.hc {background:url(../images/packages-bg.html);background-position: 0% 20%;background-repeat:no-repeat;}
section.hc .desc{text-align:center;}
section.hc .desc h3{color:#252525;font-size:40px;font-weight:300;line-height:50px;margin-bottom:30px;}
section.hc .desc h3 span{color:#09acd8;font-weight:800;}
section.hc .desc p{max-width: 75%;margin:auto;color:#252525;font-weight:300;font-size:14px;line-height:30px;}
section.hc .pricing-tables .nav{border:none;margin:auto;text-align: center;margin-top:30px}
section.hc .pricing-tables .nav li{border:none;float: none;display: inline-block;position:Relative;}
section.hc .pricing-tables .nav li:not(:last-child):after{position: absolute;content:"";width: 1px;height: 50%;top: 25%;right:0;background:#000;bottom: 0;}
section.hc .pricing-tables .nav li a{color:#252525;font-weight:600;font-size:20px;border:none;}
section.hc .pricing-tables .nav li:hover a,
section.hc .pricing-tables .nav li:focus a,
section.hc .pricing-tables .nav li.active a{border:none;background:none;color:#09acd8;outline:none;}

section.hc .pricing-tables .tab-content{margin-top:50px;}
section.hc .pricing-tables .pricing-box{text-align:center;background:#fff;margin: 30px 0;border-left: 1px solid #09acd8;border-right: 1px solid #09acd8;border-top-right-radius: 50px;border-bottom-left-radius: 50px;overflow: hidden;}
section.hc .pricing-tables .pricing-box .pricing-head{height: 120px;background:#09acd8;display: flex;justify-content: center;flex-direction: column;}
section.hc .pricing-tables .pricing-box .pricing-head h3{font-size:50px;font-weight:700;color:#fff;line-height:23px;margin:25px 0;}
section.hc .pricing-tables .pricing-box .pricing-head h3 i{font-size:0px;}
section.hc .pricing-tables .pricing-box .pricing-head p{font-size:16px;font-weight:400;color:#fff;line-height:23px;margin:0;}
section.hc .pricing-tables .pricing-box .pricing-body {padding:20px 25px 0;background:#fff;}
section.hc .pricing-tables .pricing-box .pricing-body p{color:#252525;font-size:14px;font-weight:400;line-height:23px;margin-bottom:15px;min-height:70px;}
section.hc .pricing-tables .pricing-box .pricing-body .features{height:170px;border:1px solid #ebebeb;}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgb(71, 195, 227);}
section.hc .pricing-tables .pricing-box .pricing-body .features .mCSB_container{margin-right:0}
section.hc .pricing-tables .pricing-box .pricing-body .features ul {display:flex;flex-direction: column;align-items:center;}
section.hc .pricing-tables .pricing-box .pricing-body .features ul h3{color:#252525;line-height:15px;font-size:14px;font-weight:700;position:relative;margin:10px 0;}
section.hc .pricing-tables .pricing-box .pricing-body .features ul li{color:#252525;line-height:15px;font-size:14px;position:relative;max-width:75%;margin:10px 0;}
section.hc .pricing-tables .pricing-box .pricing-body .features ul li:before{content: "\f058";position:initial;right: 100%;color: #d51252;font-family: "FontAwesome";display: inline-block;padding-right: 3px;vertical-align: middle;font-weight: 900;}
section.hc .pricing-tables .pricing-box .pricing-body span{color:#13205b;font-size:12px;font-weight:400;line-height:35px;}
section.hc .pricing-tables .pricing-box .pricing-footer .row{display:inline-flex;width:100%;border-top:1px solid #ededed;}
section.hc .pricing-tables .pricing-box .pricing-footer .details{padding:15px;flex:1;}
section.hc .pricing-tables .pricing-box .pricing-footer .details:first-child{border-right:1px solid #ededed;}
section.hc .pricing-tables .pricing-box .pricing-footer .details h4{color:#252525;font-weight:400;font-size:14px;}
section.hc .pricing-tables .pricing-box .pricing-footer .details a{color:#13205b;background: none;clip-path:none;}
section.hc .pricing-tables .pricing-box .pricing-footer a.order-now{background:#09acd8;display:inline-block;border:3px solid #fff;width:100%;padding:20px;border:none;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;transition:ease all 1s;} 
section.hc .pricing-tables .pricing-box .pricing-footer a.order-now:hover{background:#d51252;} 


section.cl-ww{background:url(../images/cl-ww-bg.html);background-repeat:no-repeat;background-size: 100% 100%;background-position: center;padding:100px 0;}
section.cl-ww .desc{padding:100px 0;}
section.cl-ww .desc h4{font-size:42px;font-weight:700;Color:#09acd8;line-height: 50px;}
section.cl-ww .desc p{font-size:14px;font-weight:300;Color:#252525;line-height: 30px;}
section.cl-ww .desc  ul{display:flex;width:100%;flex-wrap: wrap;margin-top:50px;}
section.cl-ww .desc  ul li{padding-left:20px;position:relative;width:50%}
section.cl-ww .desc  ul li p{color: #252525;font-weight: 300;text-align: left;margin: 0 auto;max-width: 90%;font-size: 14px;line-height: 30px;margin-left: 0;}
section.cl-ww .desc  ul li:after{font-size: 15px;line-height: 30px;position:absolute;content:"\f058";font-family:'fontawesome';color:#d51252;left:0;top:0;}
section.cl-ww .desc a{font-size: 18px; font-weight: 400; color: #fff; line-height: 20px; margin: 30px 0 0; position: relative; background:url(../images/btn-back.jpg); margin-bottom: 35px; padding: 15px 35px; display: inline-block; border: 1px solid #d51252; transition: ease all 1s; border-bottom-left-radius: 20px; border-top-right-radius: 20px;}
section.cl-ww .desc a:hover{background:#fff;color: #d51252;} 
section.cl-ww .tabs-button-right{margin:auto;text-align:center;margin-top: 50px;}
section.cl-ww .tab-outer-btn{width:auto;display:inline-block}
section.cl-ww .tab-outer-btn input{margin: auto;opacity:0;width:25px;}
section.cl-ww .tab-outer-btn label{position:relative;}
section.cl-ww .tab-btn-1{float: left;}
section.cl-ww .tab-btn-2{float: none;}
section.cl-ww .tab-btn-3{float: right;}
section.cl-ww .tab-outer-btn a{font-size: 18px;font-weight: 400;color: #d51252;line-height: 20px;margin: 0 15px;position: relative;background: #fff;margin-bottom: 35px;padding: 15px 35px;display: inline-block;border: 1px solid #d51252;transition: ease all 1s;border-bottom-left-radius: 20px;border-top-right-radius: 20px;}
section.cl-ww .tab-outer-btn:not(:last-child) a:before{content:"";position:absolute;background: #d51252;width:25%;height:1px;left:95%;top:50%;z-index:-1;}
section.cl-ww .tab-outer-btn:hover a,
section.cl-ww .tab-outer-btn.active a{background: url(../images/btn-back.jpg) ;background-size:100%;color: #fff;}
section.cl-ww .row{display:flex;justify-content: center;align-self: center;}
section.cl-ww .tabs__content{height:100%;}
section.cl-ww .tabs__content img{margin:5px 0px;height:auto;width:100%;}
section.cl-ww .tabs__content #logo-tab img{border: 1px solid #09acd8;border-top-right-radius: 30px;border-bottom-left-radius: 30px;}
section.cl-ww .tabs__content .tab-pane {margin: 0;max-height: 0;opacity: 0;display:none;overflow-X: hidden;transition: all 0.5s ease-in;}
section.cl-ww .tabs__content .tab-pane.active {max-height:1000px;opacity: 1;display:flex;height:100%;}

section.cl-ww .tabs__content .tab-pane {margin: 0;max-height: 0;opacity: 0;display:none;overflow-X: hidden;transition: all 0.5s ease-in;}
section.cl-ww .tabs__content .tab-pane.active {
    /* max-height: min-content; */
    /* opacity: 1; */
    display: inline-block;
    /* justify-content: center; */
    /* height: 100%; */
    /* align-items: center; */
    width: 100%;
}
section.cl-ww .cl-web-inner{height: 350px;max-width: 800px !important; overflow: hidden;display: flex;justify-content: center;}
section.cl-ww .carousel-controls {position:relative;margin-top:25%;}
section.cl-ww .carousel-controls .control {position: absolute;transform: translateY(-50%);z-index: 1;font-size: 50px;top: -7%;color:#3741ca;font-weight: 300;transition:Ease all 1s}
section.cl-ww .prev{left:84%}
section.cl-ww .next{left:90%}
section.cl-ww .carousel-controls .control:hover{color:#fff;}
section.cl-ww .carousel-controls .cl-web-slider .slick-list{position: relative;clip-path: inset( -100vw -100vw -100vw 0 );overflow: hidden;}
section.cl-ww #website-tab .cl-web-inner img{transition: ease all 5s;}
section.cl-ww .tabs__content #logo-tab,section.cl-ww .tabs__content #Digital-tab {display: flex;}

section.jd {background:url(../images/adp-bg.jpg);background-repeat:no-repeat;position:relative;background-size: 100% 100%;background-position: center;clip-path: polygon(0% 0%, 97% 0%, 100% 8%, 100% 100%, 3% 100%, 0% 94%);-webkit-clip-path: polygon(0% 0%, 97% 0%, 100% 8%, 100% 100%, 3% 100%, 0% 94%);}
section.jd span{position:absolute;top:-50px;}
section.jd .desc-left{padding:100px 0;}
section.jd .desc-left h2{font-size:40px;font-weight:300;color:#ffffff;line-height: 50px;margin:0;text-transform: uppercase;}
section.jd .desc-left h2 strong{font-weight:700;color:#ffffff;}
section.jd .desc-left p{font-size:16px;font-weight:300;color:#ffffff;line-height: 30px;margin:0;margin-top:25px;}
section.jd .desc-left a{background: #09acd8;transition:ease all 1s;display:inline-block;border:3px solid #fff;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin: 30px 25px;border-top-right-radius: 40px;border-bottom-left-radius: 40px;}
section.jd .desc-left a:hover{background:#fff;color: #d51252;} 

section.jd .desc-right{background: #09acd8;border:1px solid #d51252;border-top-right-radius: 50px;border-bottom-left-radius: 50px;overflow: hidden;}
section.jd .desc-right .premium-package-head{height: 190px;background: #09acd8;display: flex;border-bottom: 1px solid #d51252;justify-content: center;flex-direction: column;align-items: center;}
section.jd .desc-right .premium-package-head h3{font-size:50px;font-weight:700;color:#fff;line-height:23px;}
section.jd .desc-right .premium-package-head p{font-size:16px;font-weight:400;color:#fff;line-height:23px;margin:0;}

section.jd .desc-right .premium-package-body{margin:20px;border: 1px solid #d51252;}
section.jd .desc-right .premium-features {height:350px;}
section.jd .desc-right .premium-features .premium-features-inner{display:flex;padding: 20px;}
section.jd .desc-right .premium-features .col{flex:1;}
section.jd .desc-right .premium-features .col ul {margin:15px 0;}
section.jd .desc-right .premium-features .col h4{font-weight:700;font-size:16px;color:#ffffff;}
section.jd .desc-right .premium-features .col li{padding-left:15px;position:relative;font-size:14px;font-weight:300;color:#ffffff;}
section.jd .desc-right .premium-features .col li:before{content: "\f105";position:absolute;left:0%;color: #fff;font-family: "FontAwesome";display: inline-block;padding-right: 3px;vertical-align: middle;font-weight: 400;}

section.jd .desc-right .premium-package-footer {text-align:center;}
section.jd .desc-right .premium-package-footer .row{display:flex;border-top: 1px solid #d51252;margin:0;}
section.jd .desc-right .premium-package-footer .details{padding:15px;flex:1;text-align: center;}
section.jd .desc-right .premium-package-footer .details:first-child{border-right: 1px solid #d51252;}
section.jd .desc-right .premium-package-footer .details h4{color:#ededed;font-weight:400;font-size:14px;margin:0;}
section.jd .desc-right .premium-package-footer .details a{color:#fff;background: none;clip-path:none;}
section.jd .desc-right .premium-package-footer a.order-now{background: #09acd8;display:inline-block;border-top: 1px solid #d51252;width:100%;padding:20px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;} 
section.jd .desc-right .premium-package-footer a.order-now:hover{background:#d51252;} 

section.brnd-sol .head-desc{text-align: center;margin-bottom:50px;}
section.brnd-sol .head-desc h4{font-size:40px;font-weight:300;color:#252525;line-height:50px;margin-bottom:40px;}
section.brnd-sol .head-desc h4 span{font-size:40px;font-weight:700;color:#13205b;}
section.brnd-sol .head-desc p{font-size:14px;font-weight:300;color:#252525;}

section.brnd-sol .row {position: relative;padding-bottom: 73px;}
section.brnd-sol .icon-box{margin-top:50px;background: url(../images/brnd-sol-border-img.html);height: auto;width: auto;background-size: 100% 100%;margin: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;}
section.brnd-sol .icon-box img {width: 30%;height: auto;transition:ease all 1s;margin: 50px;}
section.brnd-sol .icon-box h4 {font-weight:700;font-size:16px;color:#252525;text-transform: uppercase;position: absolute;bottom:2%;}
section.brnd-sol .icon-box:before {content: "";background: #13205b;position: absolute;top: 210px;width: 1px;height: 50px;}
section.brnd-sol .icon-box:after {-webkit-animation:sonarEffect 1.3s ease-out 75ms infinite;-moz-animation:sonarEffect 1.3s ease-out 75ms infinite;animation:sonarEffect 1.3s ease-out 75ms infinite;content: "";background: #13205b;position: absolute;top: 200px;width: 15px;height: 15px;border-radius: 50%;}
section.brnd-sol .icon-box span {background: #13205b;position: absolute;top: 200px;width: 15px;height: 15px;border-radius: 50%;}
section.brnd-sol .row:before {width: 75%;height: 1px;background: #000;position: absolute;bottom: 0%;left: 12.5%;right: 12.5%;}
section.brnd-sol .btns-box{position:relative;padding-top:30px;text-align: center;}
/* section.brnd-sol .btns-box:before{content: "";background: #13205b;position: absolute;top: 0px;width: 1px;height: 50%;left: 50%;}
section.brnd-sol .btns-box:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms infinite;-moz-animation:sonarEffect 1.3s ease-out 75ms infinite;animation:sonarEffect 1.3s ease-out 75ms infinite;content: "";background: #13205b;position: absolute;top: 45%;width: 15px;height: 15px;border-radius: 50%;left: 49.5%;}
section.brnd-sol .btns-box span{background: #13205b;position: absolute;top: 45%;width: 15px;height: 15px;border-radius: 50%;left: 49.5%;} */
section.brnd-sol .btns-box a.btn-left{background:linear-gradient(45deg, #212cc3, #13205b);border:3px solid #fff;display:inline-block;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin:30px 20px 0 0;-webkit-clip-path:polygon(0% 0%, 85% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%);clip-path:polygon(0% 0%, 85% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%);} 
section.brnd-sol .btns-box a.btn-left:hover{background: linear-gradient(-45deg , #212cc3 , #13205b);}
section.brnd-sol .btns-box a.btn-right{background:linear-gradient(45deg, #212cc3, #13205b);border:3px solid #fff;display:inline-block;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin-top:30px;-webkit-clip-path:polygon(15% 0%, 100% 0%, 100% 50%, 85% 100%, 0% 100%, 0% 50%);clip-path:polygon(15% 0%, 100% 0%, 100% 50%, 85% 100%, 0% 100%, 0% 50%);} 
section.brnd-sol .btns-box a.btn-right:hover{background: linear-gradient(-45deg , #212cc3 , #13205b);} 



section.mmo{background: url(../images/mmo-bg.png);background-repeat:no-repeat;background-size: 40% 90%;background-position: left bottom;padding-top:30px;}
section.mmo .mmo-logo-outer{overflow:hidden;background:url(../images/mmo-logobg.png);background-size: 100% 100%;background-position: center;width: initial;height: auto;padding:15% 0;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 12%;}
section.mmo .desc h4{font-size:40px;font-weight:300;color:#252525;line-height: 50px;margin-bottom:50px;}
section.mmo .desc h4 span{font-size:40px;font-weight:700;color:#00aeef;}
section.mmo .desc p{font-size:14px;font-weight:300;color:#252525;line-height: 30px;margin-bottom:50px;}

section.mmo .mmo-icon-outer {text-align:Center;}
section.mmo .mmo-icon-outer h1{font-size:50px;font-weight:700;color:#880d1e;}
section.mmo .mmo-icon-outer p{font-size:14px;font-weight:300;color:#252525;max-width:50%;margin:auto;}
section.mmo .mmo-icon-outer i:before {font-size:100px;margin:0;color:#a52728;}

section.hbw .heading-desc{text-align:Center;}
section.hbw .heading-desc h4{font-weight:300;font-size:40px;color:#252525;line-height:50px;}
section.hbw .heading-desc h4 span{font-weight:700;font-size:40px;color:#13205b;}
section.hbw .heading-desc p{font-weight:300;font-size:14px;color:#252525;max-width:60%;margin:0 auto;line-height:30px;}

section.hbw .brands-work-main-box {margin-top: 50px;background: url(../images/hbw-icons-bg.html);padding:3% 2%;}
section.hbw .brands-work-content-box {position:Relative;margin: auto;text-align: center;box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.1);height: 230px;display: flex;flex-direction: column;justify-content: center;align-items: center;background:#fff;transition:ease all 1s;}
section.hbw .brands-work-content-box:hover {box-shadow: 0px 10px 30px 10px rgba(0,0,0,0.3);}
section.hbw .brands-work-content-box h3{font-weight:300;font-size: 22px;color:#252525;line-height: 32px;}
section.hbw .col-md-3:nth-of-type(1) .brands-work-content-box:after,
section.hbw .col-md-3:nth-of-type(3) .brands-work-content-box:after {position:absolute;top: -25%;left: 85%;background:url(../images/hbw-after-eclipse.html);width:100px;height:100px;content:"";background-size:100% 100%;z-index: -1;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;-moz-animation:spin 2s linear infinite;}
section.hbw .col-md-3:nth-of-type(2) .brands-work-content-box:after {position:absolute;bottom: -25%;left: 85%;background:url(../images/hbw-after-eclipse.html);width:100px;height:100px;content:"";background-size:100% 100%;z-index: -1;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;-moz-animation:spin 2s linear infinite;}
section.hbw .brands-work-anchor{text-align:center;margin-top:50px;}
section.hbw .brands-work-anchor a.btn-left{background:linear-gradient(45deg, #212cc3, #13205b);display:inline-block;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin-top:30px;-webkit-clip-path:polygon(0% 0%, 85% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%);clip-path:polygon(0% 0%, 85% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%);} 
section.hbw .brands-work-anchor a.btn-left:hover{background:linear-gradient(-45deg , #212cc3 , #13205b);} 
section.hbw .brands-work-anchor a.btn-right{background:linear-gradient(45deg, #212cc3, #13205b);display:inline-block;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin-top:30px;-webkit-clip-path:polygon(15% 0%, 100% 0%, 100% 50%, 85% 100%, 0% 100%, 0% 50%);clip-path:polygon(15% 0%, 100% 0%, 100% 50%, 85% 100%, 0% 100%, 0% 50%);} 
section.hbw .brands-work-anchor a.btn-right:hover{background:linear-gradient(-45deg , #212cc3 , #13205b);} 

section.cont{background:linear-gradient(to right,#09acd8,#09acd8 47%, #48205c 47%, #48205c);}
section.cont h4{color:#ffffff;font-size:24px;font-weight:300;text-transform:uppercase;line-height: 34px;margin: 0;}
section.cont p{color:#ffffff;font-size:14px;font-weight:700;text-transform:uppercase;line-height: 26px;margin: 0;}
section.cont a{color:#ffffff;font-size:24px;font-weight:700;line-height: 26px;transition:ease all 1s}
section.cont a:hover{color:#09acd8;}



section.testi {background:url(../images/testi-bg.jpg);background-size:100% 100%;position:relative;overflow:hidden;}
section.testi .heading h4 {font-size:40px;font-weight:300;color:#Fff;text-align:Center;}
section.testi .heading h4 span{font-size:40px;font-weight:700;color:#fff;}

section.testi .testimonials .testimonials-inner {margin:50px 10px 0;padding:25px;}
section.testi .testimonials .desc p{color:#fff;min-height:150px;text-align:center}
section.testi .testimonials .desc h3{color:#fff;text-align:center}
section.testi .carousel-controls {position:relative;}
section.testi .carousel-controls .control {position: absolute;transform: translateY(-50%);z-index: 1;font-size: 70px;top: 45%;color:#fff;font-weight: 300;transition:Ease all 1s}
section.testi .prev{right:100%}
section.testi .next{left:100%}
section.testi .carousel-controls .control:hover{color:#09acd8;}

section.portfolio .desc{text-align:center;}
section.portfolio .desc h4{font-size:40px;font-weight:300;color:#252525;line-height:50px;}
section.portfolio .desc h4 span{font-weight:700; color:#09acd8;}
section.portfolio .desc p{font-size:14px;font-weight:400;color:#252525;line-height:30px;margin-bottom:50px}
section.portfolio .portfolio-tabs .nav{border:none;margin:auto;text-align: center;margin-top:30px}
section.portfolio .portfolio-tabs .nav li{border:none;float: none;display: inline-block;position:Relative;}
/* section.portfolio .portfolio-tabs .nav li:not(:last-child):after{position: absolute;content:"";width: 1px;height: 50%;top: 25%;right:0;background:#000;bottom: 0;} */
section.portfolio .portfolio-tabs .nav li a{color:#fff;margin:0 10px;font-weight:300;font-size:20px;border:none;background:#d51252;border-radius:0;margin-top:15px;}
section.portfolio .portfolio-tabs .nav li:hover a,
section.portfolio .portfolio-tabs .nav li:focus a,
section.portfolio .portfolio-tabs .nav li.active a{border:none;background:#09acd8;color:#fff;outline:none;}
section.portfolio .portfolio-tabs #mobileapp .fancybox{max-height:350px;overflow: hidden;}
section.portfolio .portfolio-tabs #mobileapp .fancybox img{position:relative;transition:ease all 5s}

section.portfolio .portfolio-tabs #website .fancybox,
section.portfolio .portfolio-tabs #mobileapp .fancybox{max-height:350px;overflow: hidden;}
section.portfolio .portfolio-tabs #website .fancybox img,
section.portfolio .portfolio-tabs #mobileapp .fancybox img{position:relative;transition:ease all 5s}

/* section.portfolio .portfolio-tabs #mobileapp .fancybox:hover img{transform:translateY(-78%);} */


section.portfolio .portfolio-tabs .tab-content{margin-top:50px;text-align:Center}
section.portfolio .portfolio-tabs .fancybox img{width:100%;}
section.portfolio .portfolio-tabs .fancybox{border:2px solid #ddd;display:inline-block;width: 100%;text-align: center;margin: 0;overflow:hidden;}
section.portfolio a.load-More{background:#09acd8;transition:ease all 1s;display:inline-block;border:3px solid #fff;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin:30px 25px 0;}
section.portfolio a.load-More:hover{background:#d51252;} 
section.portfolio a.load-More-site{background:#09acd8;transition:ease all 1s;display:inline-block;border:3px solid #fff;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin:30px 25px 0;}
section.portfolio a.load-More-site:hover{background:#d51252;} 


section.valued-clients {position:relative;}
section.valued-clients .desc h4{font-size:40px;font-weight:300;color:#252525;line-height:50px;margin-bottom:50px;}
section.valued-clients .desc h4 span{font-size:40px;font-weight:700;color:#09acd8;line-height:50px;}
section.valued-clients .desc p{font-size:14px;font-weight:300;color:#252525;line-height:30px;margin-bottom:50px;}
section.valued-clients .desc .row .col-md-4{font-size:14px;font-weight:300;color:#252525;line-height:30px;margin-bottom:50px;text-align:center;}

section.valued-clients #form-right{position:absolute;right:-25%;background: #48205c;padding:50px;transition: ease all 1s;width: 700px!important;border-bottom-left-radius: 70px;}
section.valued-clients #form-right.show-form{right:0!important;z-index:9;}
section.valued-clients #form-right .form-btn-trigger  {position: absolute;left: -10%;width: 150px;background: #fff;text-align: center;border-radius: 50%;height: 150px;top: 35%;padding: 30px 10px;box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.2);font-size:24px;font-weight:700;color:#13205b;border: 4px solid #ccc;text-transform:uppercase;}
section.valued-clients #form-right a i.fa.fa-pencil{display:block;}
section.valued-clients #form-right .head h3{font-weight:300;font-size:40px;color:#ffffff;line-height:50px;margin:0;}
section.valued-clients #form-right .head p{font-weight:300;font-size:14px;color:#ffffff;line-height:30px;text-align:Center;}
section.valued-clients #form-right .field textarea,
section.valued-clients #form-right .field select,
section.valued-clients #form-right .field input {-webkit-appearance:none; width:100%;margin: 10px 0;background: #dd2851;border: none;outline: none;padding: 5px 5px;color:#fff;resize: none;}
section.valued-clients #form-right .field {position:Relative;}
section.valued-clients #form-right .field i{position:absolute;right:5%;top:38%;color:#fff;cursor:pointer;z-index:0}
section.valued-clients #form-right .field textarea::placeholder,
section.valued-clients #form-right .field input::placeholder {color: #fff;opacity: 0.5; }
section.valued-clients #form-right .field input:-ms-input-placeholder {color: #fff;}
section.valued-clients #form-right .field.code{display:inline-block;width:25%}
section.valued-clients #form-right .field.number{display:inline-block;width:73%;}
section.valued-clients #form-right input[type=submit]{float:right;background: #09acd8;transition:ease all 1s;display:inline-block;padding: 5px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin-top:10px;border-bottom-left-radius: 25px;border: none;} 
section.valued-clients #form-right input[type=submit]:hover{background:#fff;color: #09acd8;}

section.digital .desc{text-align:center;}
section.digital .desc h4{font-size:40px;font-weight:300;color:#252525;line-height:50px;}
section.digital .desc h4 span{font-weight:700; color:#09acd8;text-transform: uppercase;}
section.digital .desc p{font-size:14px;font-weight:400;color:#252525;line-height:30px;margin-bottom:50px}
section.digital .desc p span {color: #09acd8;font-weight: 700;text-transform: uppercase;}
section.digital .desc  ul{display:flex;width:100%;flex-wrap: wrap;margin-top:50px;}
section.digital .desc h3{font-weight:700;font-size:40px;color:#09acd8;line-height:50px;text-align:left;}
section.digital .desc p{font-weight:400;font-size:14px;color:#252525;line-height:30px;text-align:left;}
section.digital .desc ul li{padding-left:20px;position:relative;width:50%}
section.digital .desc ul li p{color: #252525;font-weight: 300;text-align: left;margin: 0 auto;max-width: 90%;font-size: 14px;line-height: 30px;margin-left: 0;}
section.digital .desc ul li:after{font-size: 15px;line-height: 30px;position:absolute;content:"\f058";font-family:'fontawesome';color:#d51252;left:0;top:0;}
section.digital .nav{border:none;margin:auto;text-align: center;margin-top:30px}
section.digital .nav li{border:none;float: none;display: inline-block;position:Relative;}
section.digital .nav li:not(:last-child) a:after{content:"";position:absolute;background: #d51252;width:35px;height:1px;left:100%;top:50%;z-index:-1;}
section.digital .nav li a{font-size: 18px;font-weight: 400;color: #d51252;line-height: 20px;margin: 0 15px;position: relative;background: #fff;margin-bottom: 35px;padding: 15px 35px;display: inline-block;border: 1px solid #d51252;transition: ease all 1s;border-bottom-left-radius: 20px;border-top-right-radius: 20px;}
section.digital .nav li:hover a,
section.digital .nav li:focus a,
section.digital .nav li.active a{background: url(../images/btn-back.jpg) ;background-size:100%;color: #fff;}

/* innerpages styling */
section.banner{position:relative;}
section.banner .banner-outer{display: flex;justify-content: center;height:90vh;flex-direction: column;text-align: justify;align-items: center;position: relative;}
section.banner .banner-outer .desc {position:relative;z-index: 1;width:100%;text-align:center;margin-top:150px;}
section.banner .banner-outer .desc .desc-heading{padding:30px 0px;}
section.banner .banner-outer .desc .desc-heading h3{color:#ffffff;font-size:32px;font-weight:300;line-height: 30px;margin:0;text-transform:uppercase;}
section.banner .banner-outer .desc .desc-heading h4{color:#ffffff;font-size:60px;font-weight:700;line-height: 60px;margin:0;text-transform:uppercase;}
section.banner .banner-outer .desc a{font-size:18px;font-weight:400;color:#fff;line-height:20px;margin-top:35px;padding:15px 35px ;display:inline-block;border:1px solid #fff;transition:ease all 1s;border-bottom-left-radius: 20px;border-top-right-radius: 20px;}
section.banner .banner-outer .desc a:hover{background:#fff;color:#d51252;}


.slider-signage img{height: 90vh!important;max-width:100%!important;position:absolute;left:0;right:0;}

section.banner .banner-rightbar{position:absolute;height: 90vh;right:0;width:80px;border-left:1px solid #d51252;top:0;}
section.banner .banner-rightbar ul{display:flex;flex-direction: column;justify-content: flex-end;height:90vh;text-align:center;}
section.banner .banner-rightbar ul li{border-radius: 50%;background: #fff;display: inline-block;width: 30px;height: 30px;margin: 10px auto;}
section.banner .banner-rightbar ul li a{font-size: 20px;margin: auto;padding: 5px;display: inline-block;transition:ease all 1s}
section.banner .banner-rightbar ul li a:hover{color:#09acd8;}
section.banner .banner-rightbar ul li:last-child{width: 100%;height:120px;background:#d51252;border-radius:0;margin: 0;}
section.banner .banner-rightbar ul li:last-child a i:before{color:#fff;font-size:38px;margin:  auto!important;margin-top: 25px!important;display: block;}
section.banner .banner-rightbar ul li:last-child a span{color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;display:block;line-height: 15px;margin-top:15px;}

section.dte .desc h4{font-weight:300;font-size:40px;color:#252525;line-height:50px;}
section.dte .desc h4 span{font-weight:700;font-size:40px;color:#09acd8;}
section.dte .desc p{font-weight:300;font-size:14px;color:#252525;line-height:30px;}
section.dte .desc p span{font-weight:300;font-size:14px;color:#13205b;display:block;}
section.dte .col-md-6 {float: right;}
section.dte .dte-right-img img{width:100%;border-bottom-left-radius: 100px;border-top-right-radius: 100px;}
section.dte .desc ul{width:100%;margin-top:50px;}
section.dte .desc ul li{padding-left:20px;position:relative;}
section.dte .desc ul li p{color: #252525;font-weight: 300;text-align: left;margin: 0 auto;font-size: 14px;line-height: 30px;margin-left: 0;}
section.dte .desc ul li:after{position:absolute;content:"\f058";font-family:'fontawesome';color:#d51252;left:0;top:0;}

section.adp{background:url(../images/adp-bg.jpg);background-position:right center;background-size:100% 100%;border-bottom-left-radius: 100px;border-top-right-radius: 100px;}
section.adp .img-col{position:static;}
section.adp .img-col .adp-left-img{position:absolute;left:0;width:33.33%}
section.adp .img-col .adp-left-img img {width:100%;border-bottom-left-radius: 100px;border-top-right-radius: 100px;}
section.adp .desc{height: 34.2vw;display:flex;flex-direction: column;justify-content: center;}
section.adp .desc h4{font-size:40px;font-weight:300;line-height:50px;color:#ffffff;}
section.adp .desc h4 span{font-weight:700;}
section.adp .desc p{font-size:14px;font-weight:300;line-height:30px;color:#ffffff;height:300px;}

section.wtr{position:relative;}
section.wtr:before{content: "";background:url(../images/wtr-eclipse.html);background-size: 100%;background-position: right bottom;background-repeat:no-repeat;position: absolute;width: 375px;height: 614px;bottom: -15%;right: 0;}
section.wtr .desc{padding-bottom:20px;}
section.wtr .desc h5{font-size:40px;font-weight:300;line-height:50px;color:#252525;}
section.wtr .desc h5 span{font-size:40px;font-weight:700;line-height:50px;color:#13205b;}
section.wtr .desc p{font-size:14px;font-weight:300;line-height:30px;color:#252525;margin-bottom:25px;}
section.wtr .desc p span{font-size:14px;font-weight:300;line-height:30px;color:#13205b;display:block}
section.wtr .desc a{background:linear-gradient(45deg, #212cc3, #13205b);border:3px solid #fff;display:inline-block;padding:15px 25px;color:#fff;font-size:16px;width: 50%;font-weight:700;text-transform:uppercase;-webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 100% 100%, 10% 100%, 0% 50%);clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 100% 100%, 10% 100%, 0% 50%);text-align: center;} 
section.wtr .desc a:hover{background: linear-gradient(-45deg , #212cc3 , #13205b);}
section.wtr .wtr-logo-outer{overflow:hidden;background:url(../images/wtr-tablet.html);background-size: 100% 100%;background-position: center;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 500px;width: 80%;position: absolute;}

section.gallery .desc{text-align:center;}
section.gallery .desc h4{font-weight:300;font-size:40px;color:#252525;line-height:50px;}
section.gallery .desc h4 span{font-weight:700;font-size:40px;color:#13205b;}

section.gallery .gallery-inner {padding:25px 0 0;}
section.gallery .gallery-inner .col-md-3:nth-child(odd){margin-top:50px;}
section.gallery .gallery-inner img{width:100%;margin:15px auto;transition:ease all 1s;border:1px solid #eee;}
section.gallery .gallery-inner img:hover{transform:scale(1.1) rotate(5deg);}
section.gallery .btn-portfolio{position:Relative;text-align: center;margin: auto;z-index:9;}
section.gallery .btn-portfolio:before{left:0;position:absolute;content:"";background:url(../images/portfolio-btn-bg.png);background-size:100% 100%;width:100%;height:350px;z-index: -1;top: -130%;}
section.gallery .btn-portfolio a{background:linear-gradient(45deg, #212cc3, #13205b);transition:ease all 1s;display:inline-block;border:3px solid #fff;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-align: center;text-transform:uppercase;margin: 30px auto;-webkit-clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%);clip-path:polygon(0% 0%, 85% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%);}
section.gallery .btn-portfolio a:hover{background: linear-gradient(-45deg , #212cc3 , #13205b);}

section.cds{background:url(../images/cds-bg.jpg);background-size:100% 100%;background-position:center;border-top-right-radius: 100px;border-bottom-left-radius: 100px;}
section.cds .container {overflow: hidden;}
section.cds .cds-col{height:500px;}
section.cds .desc{display:flex;justify-content:center;align-items: center;height:100%}
section.cds .desc h4{color:#fff;font-weight:300;font-size:40px;line-height:50px;}
section.cds .desc h4 span{font-weight:700;}

section.cds ul {padding:10px 0;background:url(../images/ul-bg.html);background-size:100% 100%;}
section.cds ul li{position:relative;background:linear-gradient(45deg, #911934, #db2850);border: 1px solid #d51252;padding: 25px;width: 98%;margin: 5px auto;-webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 20%, 100% 100%, 5% 110%, -70% 0%);clip-path: polygon(0% 0%, 95% 0%, 100% 20%, 100% 100%, 5% 110%, -70% 0%);}
section.cds ul li h5{color:#fff;font-weight:700;font-size:16px;line-height: 35px;max-width: 65%;margin: 0 auto;}
section.cds ul li span{transition:ease all 1s;width: 80px;height: 80px;border-radius:50%;background:#fff;position:absolute;left: -8%;display:block;top: 5%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
section.cds ul li span i{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;}
section.cds ul li span i:before{transition:ease all 1s;margin:0;font-size:48px;color:#ebebeb}
section.cds ul li:hover span{background:#d51252;}
section.cds ul li:hover span i:before{color:#fff;}


section.mai .images-outer:before{background: url(../images/mmo-bg.png);background-repeat:no-repeat;background-size: 100% 100%;background-position: right center;position: absolute;width: 150%;height: 100%;content: "";z-index: -1;left: 15%;}
/* section.mai .desc {display: flex;flex-direction: column;justify-content: center;height: 660px;} */
section.mai .desc h5{font-size:40px;font-weight:300;color:#252525;line-height:50px;}
section.mai .desc h5 span{color:#d51252;font-weight:700;}
section.mai .desc p{font-weight:300;font-size:14px;line-height:30px;color:#252525;}
section.mai .desc p span{color:#13205b;display:block}
section.mai .desc a{font-size:18px;font-weight:400;background:url(../images/btn-back.jpg) 100% 100%;color:#fff;line-height:20px;margin-top: 20px;padding:15px 55px;display:inline-block;border:1px solid #d51252;transition:ease all 1s;border-bottom-left-radius: 20px;border-top-right-radius: 20px;}
section.mai .desc a:hover{background: #fff;color: #d51252;}

section.upc{background:url(../images/upc-bg.jpg);background-size: 100% 60%;background-position:center top;background-repeat: no-repeat;}
section.upc .desc {text-align:center;margin-bottom: 150px;}
section.upc .desc h4{font-size:40px;font-weight:300;color:#fff;line-height:50px;margin-bottom:50px}
section.upc .desc h4 span{font-weight:700;}
section.upc .desc p{font-weight:300;font-size:14px;line-height:30px;color:#fff;}
section.upc .col-md-3:nth-child(odd) .tickets {margin-top:75px;}
section.upc .tickets .tickets-upper{transition: ease all 1s;position: relative;background: #fff;border: 1px solid #dd2851;background-size: 100% 100%;height: 265px;border-bottom-left-radius: 50px;border-top-right-radius: 50px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 15px;}
section.upc .tickets .tickets-upper span{position: absolute;font-size:195px;color:#b7b7b7;font-weight:900;z-index: 0;opacity:0.2}
section.upc .tickets .tickets-upper i{z-index:5;line-height: 100px;}
section.upc .tickets .tickets-upper i:before{transition:ease all 1s;font-size: 100px;color:#dd2851;margin: 0;}
section.upc .tickets .tickets-upper h6{transition:ease all 1s;font-size:16px;color:#252525;font-weight:700;z-index:5;}
section.upc .tickets .tickets-lower p{font-size:14px;color:#252525;font-weight:300;z-index:5;max-width: 85%;float: right;}
section.upc .tickets:hover .tickets-upper{background:#dd2851;}
section.upc .tickets:hover .tickets-upper h6{color:#fff;}
section.upc .tickets:hover .tickets-upper i:before{color:#fff;}

section.gyb:before{background:url(../images/portfolio-btn-bg.png);width:250px; height:300px;content:"";position:absolute;}
section.gyb .desc{text-align:center;}
section.gyb .desc h4{font-size:40px;font-weight:300;color:#252525;line-height:50px;margin-bottom:50px}
section.gyb .desc h4 span{font-weight:700; color:#09acd8;}
section.gyb .desc p{font-size:14px;font-weight:300;color:#252525;line-height:30px;margin-bottom:50px}
section.gyb .ticket-desc{text-align:center;}
section.gyb .ticket-desc i:before{font-size:80px;color:#dd2851;line-height:30px;}
section.gyb .ticket-desc h6{font-size:16px;font-weight:700;color:#dd2851;line-height:30px;margin:25px 0}
section.gyb .ticket-desc p{font-size:14px;font-weight:300;color:#252525;line-height:30px;margin-bottom:50px}
section.gyb .ticket-desc.first:after{position:absolute;content:"";width: 280%;height:1px;background:#eee;bottom: 2%;left: 10%;}
section.gyb .ticket-desc.third:after,
section.gyb .ticket-desc.second:after{position:absolute;content:"";width: 1px;height:500px;background:#eee;left: 0;top:0;}
section.gyb .ticket-desc.fifth:before,
section.gyb .ticket-desc.sixth:before{position:absolute;content:"";width: 15px;height:15px;background:#d51252;left: -1.5%;top: -40px;border-radius:50%;z-index: 5;}

section.orw .desc {text-align:center;}
section.orw .desc h4{font-size:40px;font-weight:300;color:#252525;line-height:50px;margin-bottom:50px}
section.orw .desc h4 span{font-weight:700; color:#13205b;}
section.orw .slider-bg{position:Relative;background: url(../images/orw-bg.jpg);background-size: 80% 100%;background-position: right center;background-repeat: no-repeat;}
section.orw .divider{display:flex;}
section.orw .divider .logo-slider-outer{/* position: absolute; */width: 305px;min-height:700px;margin-left: 8%;}
section.orw .device-bg{position:Absolute;left:8%;}
section.orw .control {position: absolute;transform: translateY(-50%);z-index: 1;font-size: 70px;top: 50%;color:#d51252;font-weight: 300;transition:Ease all 1s;cursor: pointer;}
section.orw .control:hover {color:#09acd8;}
section.orw .prev{right:95%;}
section.orw .next{left:95%;}
section.orw .logo-slider-outer .slick-list.draggable {max-width: 320px;height: 650px;margin-top:12%;display:flex;flex-direction:column;justify-content: center;}
section.orw .logo-slider-outer .slick-list.draggable .slick-track {display: flex;justify-content: center;align-items: center;}
section.orw .logo-slider-outer .slick-list.draggable img{height:auto;}
section.orw .slide-main .slides {display:flex;flex-direction:column;justify-content: center;height:700px;padding:0 45px;}
section.orw .slide-main .slides .name-layer h4{font-size:40px;font-weight:700;color:#fff;line-height:50px;margin-bottom:50px}
section.orw .slide-main .slides .name-layer ul {display:flex;margin-bottom:50px;}
section.orw .slide-main .slides .name-layer ul li{display:inline-block;margin:auto;text-align: center;}
section.orw .slide-main .slides .name-layer ul li h6{width:50px;border-radius:50%;background:#fff;color:#13205b;line-height: 50px;margin: 0 auto;}
section.orw .slide-main .slides .name-layer ul li p{font-size:14px;font-weight:300;color:#fff;line-height:30px;}
section.orw .slide-main .slides .detail-layer p{font-size:14px;font-weight:400;color:#fff;line-height:30px;}
section.orw .slide-main .slides .info-layer ul {display:flex;margin: 25px 0;padding: 25px 0;border: 1px solid #fff;border-left: 0;border-right: 0;}
section.orw .slide-main .slides .info-layer ul li{margin:auto;margin-left: 0;}
section.orw .slide-main .slides .info-layer ul li h6{font-size:14px;font-weight:700;color:#fff;line-height:30px;}
section.orw .slide-main .slides .info-layer ul li p{font-size:14px;font-weight:400;color:#fff;line-height:30px;}
section.orw .slide-main .slides .links-layer,
section.orw .slide-main .slides .links-layer .links,
section.orw .slide-main .slides .links-layer .stores,
section.orw .slide-main .slides .links-layer .stores img{display: inline-block;}
section.orw .slide-main .slides .links-layer .links {float:right}
section.orw .slide-main .slides .links-layer .links a{font-size:18px;font-weight:400;color:#fff;line-height:20px;margin-top:35px;padding:15px 35px ;display:inline-block;border:1px solid #fff;transition:ease all 1s;border-bottom-left-radius: 20px;border-top-right-radius: 20px;}
section.orw .slide-main .slides .links-layer .links a:hover{background:#fff;color:#d51252;}

section.lcf .desc h4{font-size:40px;font-weight:300;color:#252525;line-height:50px;}
section.lcf .desc h4 span{font-weight:700; color:#13205b;}
section.lcf .desc p{font-size:14px;font-weight:300;color:#252525;line-height:30px;margin-bottom:50px}
section.lcf .desc p span{color:#13205b;display:block;}

section.our-expertise {background:url(../images/our-expertise-bg.html);background-size: 100% 100%;background-position:center top;background-repeat: no-repeat;}
section.our-expertise .desc {text-align:Center;margin-bottom: 100px;}
section.our-expertise .desc h4{font-size:40px;font-weight:300;color:#fff;line-height:50px;}
section.our-expertise .desc h4 span{font-weight:700;}
section.our-expertise .desc p{font-size:14px;font-weight:300;color:#fff;line-height:30px;margin-bottom:50px}

section.oe .expertis-tickets {text-align: center;}
section.our-expertise .expertis-tickets .ticket-upper{position:relative;transition:ease all 1s}
section.our-expertise .expertis-tickets .ticket-upper i {background: #13205b;height: 100px;width: 100px;display: flex;padding: 6% 0;border-radius: 50%;flex-direction: column;justify-content: center;align-items: center;margin: auto;}
section.our-expertise .expertis-tickets .ticket-upper i:before{font-size: 60px;color:#fff;margin: 0;}
section.our-expertise .expertis-tickets .ticket-upper:before{width: 345px;height: 150px;background:url(../images/oe-before.png);position: absolute;content:"";left: -15%;top: 40%;background-repeat: no-repeat;background-size: 90% 100%;transition:ease all 1s;}
section.our-expertise .col-md-3:nth-child(odd) .ticket-upper:before{transform: rotateX(-180deg);top: -85%;}
section.our-expertise .col-md-3:last-child .expertis-tickets .ticket-upper:before{background:url(../images/oe-before-last.png);background-repeat: no-repeat;background-size: 90% 100%;}
section.our-expertise .expertis-tickets .ticket-lower {margin-top: 50px;}
section.our-expertise .col-md-3:nth-child(even) .ticket-lower {margin-top: 120px;}
section.our-expertise .expertis-tickets .ticket-lower h6{font-size:16px;font-weight:700;line-height:20px;color:#fff;max-width: 45%;margin: auto;}
section.our-expertise .expertis-tickets .ticket-lower p{font-size:14px;font-weight:300;line-height:20px;color:#fff;margin: auto;margin-top:10px;}
section.our-expertise .expertis-tickets:hover .ticket-upper{transform:rotateY(180deg);}
section.our-expertise .expertis-tickets:hover .ticket-upper:before{transform:rotateY(-180deg);}
section.our-expertise .col-md-3:nth-child(odd) .expertis-tickets:hover .ticket-upper:before{transform: rotateX(-180deg) rotateY(-180deg);top: -85%;}

section.our-recent-work {text-align: center;position:relative;}
section.our-recent-work .desc{text-align:center;}
section.our-recent-work .desc h4{color:#252525;font-size:40px;font-weight:300;line-height:50px;margin-bottom:30px;}
section.our-recent-work .desc h4 span{color:#13205b;font-size:40px;font-weight:800;}
section.our-recent-work .desc p{max-width: 75%;margin:auto;color:#252525;font-weight:300;font-size:14px;line-height:30px;}
section.portfolio .video-an-box,
section.our-recent-work .video-an-box{margin:10px auto;position:relative;overflow: hidden;width:auto;height:300px;border-top-right-radius: 50px;border-bottom-left-radius: 50px;}
section.portfolio .video-an-box img,
section.our-recent-work .video-an-box img{transition:all 1s ease;width:100%;}
section.portfolio .video-an-box span,
section.our-recent-work .video-an-box span{position:Absolute;top: -50%;left: 0;right:0;margin:auto;transition:ease all 1s;z-index: 5;border: 1px solid #fff;border-radius: 50%;width: 80px;height: 80px;padding: 3% 4.5%;}
section.portfolio .video-an-box span i,
section.our-recent-work .video-an-box span i{font-size:48px;color:#fff;}
section.portfolio .video-an-box:hover img,
section.our-recent-work .video-an-box:hover img{transform:scale(1.05);}
section.portfolio .video-an-box:hover span,
section.our-recent-work .video-an-box:hover span{top: 40%;}
section.portfolio .video-an-box:after,
section.our-recent-work .video-an-box:after{content:"\A";position:absolute;width:100%;height:100%;top:0;left:0;z-index: 1;background:rgba(0,0,0,.6);opacity:0;transition:all .5s;-webkit-transition:all .5s;}
section.portfolio .video-an-box:hover:after,
section.our-recent-work .video-an-box:hover:after{opacity:1}


section.our-recent-work a.more-videos{background:linear-gradient(45deg, #212cc3, #13205b);transition:ease all 1s;display:inline-block;border:3px solid #fff;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin:30px 25px 0;-webkit-clip-path:polygon(0% 0%, 85% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%);clip-path:polygon(0% 0%, 85% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%);}
section.our-recent-work a.more-videos:hover{background:linear-gradient(-45deg , #212cc3 , #13205b);} 
section.our-recent-work:before{position:Absolute;content:"";background:url(../images/view-portfolio-btn-bg.html);width:350px;height: 350px;right: 0;}
section.our-recent-work:after{position:Absolute;content:"";background:url(../images/view-portfolio-btn-bg.html);width:350px;height: 350px;left: 0;bottom:10%;}

section.ars{background:url(../images/ars-bg.html);background-size: 100% 100%;background-position:center top;background-repeat: no-repeat;text-align:center;}
section.ars .desc h4{color:#fff;font-size:40px;font-weight:300;line-height:50px;margin-bottom:30px;}
section.ars .desc h4 span{font-size:40px;font-weight:800;}
section.ars .links a.btn-left{width:200px;background:linear-gradient(45deg, #212cc3, #13205b);border:3px solid #fff;display:inline-block;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin:30px 20px 0 0;-webkit-clip-path:polygon(0% 0%, 85% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%);clip-path:polygon(0% 0%, 85% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%);} 
section.ars .links a.btn-left:hover{background: linear-gradient(-45deg , #212cc3 , #13205b);}
section.ars .links a.btn-right{width:200px;background:linear-gradient(45deg, #212cc3, #13205b);border:3px solid #fff;display:inline-block;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin-top:30px;-webkit-clip-path:polygon(15% 0%, 100% 0%, 100% 50%, 85% 100%, 0% 100%, 0% 50%);clip-path:polygon(15% 0%, 100% 0%, 100% 50%, 85% 100%, 0% 100%, 0% 50%);} 
section.ars .links a.btn-right:hover{background: linear-gradient(-45deg , #212cc3 , #13205b);} 
section.ars a{position:relative;color:#fff;font-size:40px;font-weight:300;line-height:50px;margin-top:30px;display:inline-block;transition:ease all 0.5s;}
section.ars a:before{position:absolute;bottom:0;left:0;right:0;background:transparent;height:1px;content:"";transition: ease all 1s;}
section.ars a:hover:before{background:#fff;}

section.sew .desc h4{color:#252525;font-size:40px;font-weight:300;line-height:50px;margin-bottom:30px;}
section.sew .desc h4 span{color:#00aeef;font-size:40px;font-weight:800;}
section.sew .desc p{font-size:14px;font-weight:300;line-height:30px;color:#252525;margin-bottom:25px;}
section.sew .desc p span{font-size:14px;font-weight:300;line-height:30px;color:#13205b;display:block}
section.sew img{margin:15px 0;}
section.sew .desc ul{display:flex;width:100%;flex-wrap: wrap;margin-top:50px;}
section.sew .desc ul.half{margin:0 0 50px;}
section.sew .desc ul li{padding-left:20px;position:relative;}
section.sew .desc ul.half li{width:50%}
section.sew .desc ul li p{color: #252525;font-weight: 300;text-align: left;margin: 0 auto;font-size: 14px;line-height: 30px;margin-left: 0;}
section.sew .desc ul li:after{position:absolute;content:"\f058";font-family:'fontawesome';color:#d51252;left:0;top:0;}
section.sew .desc a{font-size: 18px;font-weight: 400;background: url(../images/btn-back.jpg);background-size: 100% 100%;color: #fff;line-height: 20px;margin-top: 50px;padding: 15px 55px;display: inline-block;border: 1px solid #d51252;transition: ease all 1s;border-bottom-left-radius: 20px;border-top-right-radius: 20px;} 
section.sew .desc a:hover{background: #fff;color: #d51252;border: 1px solid #d51252;}

section.cftwd-main-dual{position:Relative;}
section.cftwd-main-dual:before {position:absolute;content:"";width:300px;height:300px;background:url(../images/portfolio-btn-bg.png);top:25%;right:0;}
section.cftwd-main-dual .desc h4{color:#252525;font-size:40px;font-weight:300;line-height:50px;margin-bottom:30px;text-align: center;}
section.cftwd-main-dual .desc h4 span{color:#13205b;font-size:40px;font-weight:800;}
section.cftwd-main-dual .desc p{color:#252525;font-size:20px;font-weight:400;line-height:30px;margin-bottom:30px;text-align: center;}
section.cftwd-main-dual .tab-content{background:url(../images/tab-bg.html);background-size: 100% 100%;background-position:center top;background-repeat: no-repeat;text-align:center;height: 300px;display: flex;flex-direction: column;justify-content: center;}
section.cftwd-main-dual .tab-content .divider{display:flex;}
section.cftwd-main-dual .tab-content .name{flex:1;}
section.cftwd-main-dual .tab-content .name img{width:100%;height:auto;}
section.cftwd-main-dual .tab-content .tab-desc{flex:1;text-align:left;}
section.cftwd-main-dual .tab-content .tab-desc h4{color:#09acd8;font-weight:700;text-align:left;margin:0 auto;font-size:42px;line-height:50px;margin-bottom:25px;}
section.cftwd-main-dual .tab-content .tab-desc p{color:#252525;font-weight:300;text-align:left;margin:0 auto;max-width: 90%;font-size:14px;line-height:30px;margin-left: 0;}
section.cftwd-main-dual .tab-content .tab-desc ul{display:flex;width:100%;flex-wrap: wrap;margin-top:50px;}
section.cftwd-main-dual .tab-content .tab-desc ul li{padding-left:20px;position:relative;width:50%}
section.cftwd-main-dual .tab-content .tab-desc ul li:after{position:absolute;content:"\f058";font-family:'fontawesome';color:#d51252;left:0;top:0;}
section.cftwd-main-dual .tab-content .tab-desc a{font-size: 16px;font-weight: 400;background: transparent;color: #d51252;line-height: 20px;padding: 15px 25px;margin:0 15px 50px;display: inline-block;border: 1px solid #d51252;transition: ease all 1s;border-bottom-left-radius: 20px;border-top-right-radius: 20px;margin-top:50px;}
section.cftwd-main-dual .nav{border:none;margin-bottom:50px;display: flex;justify-content: center;}
section.cftwd-main-dual .nav-tabs>li{width:25%;}
section.cftwd-main-dual .nav-tabs>li>a{text-align:center;width:90%;font-size: 16px;font-weight: 400;background: transparent;color: #d51252;line-height: 20px;padding: 15px 25px;margin:0 15px 50px;display: inline-block;border: 1px solid #d51252;transition: ease all 1s;border-bottom-left-radius: 20px;border-top-right-radius: 20px;}
section.cftwd-main-dual .nav-tabs>li>a:after {position: absolute;content: "";width:12%;height: 1px;left: 100%;background: red;top: 0;bottom: 0;margin: auto;}
section.cftwd-main-dual .nav-tabs>li:last-child>a:after {display:none;}
section.cftwd-main-dual .nav-tabs>li.active>a,
section.cftwd-main-dual .nav-tabs>li>a:hover{background: url(../images/btn-back.jpg);background-size: 100% 100%;color: #fff;}
section.cftwd-main-dual .row {position: relative;padding-bottom: 85px;}
section.cftwd-main-dual .icon-box{margin-top:50px;background: url(../images/brnd-sol-border-img.html);height: auto;width: auto;background-size: 100% 100%;margin: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;}
section.cftwd-main-dual .icon-box img {width: 30%;height: auto;transition:ease all 1s;margin: 50px;}
section.cftwd-main-dual .icon-box h4 {font-weight:700;font-size:16px;color:#252525;text-transform: uppercase;position: absolute;top: 85%;max-width: 65%;text-align: center;}


section.orw-slider .desc{max-width:50%;margin:auto;text-align:center;}
section.orw-slider .desc h4{color:#252525;font-size:40px;font-weight:300;line-height:50px;margin-bottom:30px;text-align: center;}
section.orw-slider .desc h4 span{color:#09acd8;font-size:40px;font-weight:800;}
section.orw-slider .desc p{color:#252525;font-size:20px;font-weight:400;line-height:30px;margin-bottom:30px;text-align: center;}
section.orw-slider .slick-list:before {content: "";position: absolute;width: 36%;z-index:9;height: 120%;background:url(../images/orw-slider-device.png);background-repeat: no-repeat;left: 0;right: 0;background-position: center top;margin: 0 auto;background-size: 100% 80%;}
section.tabs .slick-list:before {content: "";position: absolute;width: 33%;z-index:9;height: 125%;background:url(../images/orw-slider-device2.png);background-repeat: no-repeat;left: 0;right: 0;background-position: center top;margin: 0 auto;background-size: 100% 80%;}
section.tabs .site-slide .websiteslider .site-portfolio-inner img{padding: 25px 0 150px!important}
section.orw-slider .site-slide .websiteslider .site-portfolio-inner img{margin:auto;width:100%;padding: 25px 0 50px;transform:scale(0.8);transition: ease all 1s;}
section.orw-slider .site-slide .websiteslider .site-portfolio-inner {margin:0 25px;opacity:0.5;transition:ease all 1s;}
section.orw-slider .site-slide .websiteslider .site-portfolio-inner.slick-center{margin:0 25px;opacity:1;}
section.orw-slider .site-slide .websiteslider .site-portfolio-inner.slick-center img{transform:scale(1)}
section.orw-slider .carousel-controls {position:relative;}
section.orw-slider .carousel-controls .control {position: absolute;transform: translateY(-50%);z-index: 1;font-size: 70px;top: 48%;color:#101d42;font-weight: 300;transition:Ease all 1s;}
section.orw-slider .prev{right:95%}
section.orw-slider .next{left:95%}
section.orw-slider .carousel-controls .control:hover{color:#fff;}
section.orw-slider .carousel-controls .testimonials .slick-list{position: relative;clip-path: inset( -100vw -100vw -100vw 0 );overflow: visible;}


section.contact-us form{background:url(../images/form-bg.jpg);background-size: cover;background-position: center center;background-repeat: no-repeat;padding: 100px 0;border-top-right-radius:50px;border-bottom-left-radius:50px;}
section.contact-us .desc {padding: 25px 20px;}
section.contact-us .desc h4{color:#252525;font-size:40px;font-weight:300;line-height:50px;margin-bottom:30px;text-align: left;}
section.contact-us .desc h4 span{color:#09acd8;font-size:40px;font-weight:800;}
section.contact-us .desc p{font-size:14px;font-weight:300;line-height:30px;color:#252525;margin-bottom:25px;}
section.contact-us .desc p span{font-size:14px;font-weight:300;line-height:30px;color:#d51252;display:block}
section.contact-us a{color:#d51252;font-size:24px;font-weight:700;line-height: 26px;transition:ease all 1s;display:block;margin-bottom:15px;}
section.contact-us a:hover{color:#09acd8;}
section.contact-us form .field select option{background:#000;}
section.contact-us form .field select,
section.contact-us form .field input  {-webkit-appearance:none;width:100%;margin: 10px 0;background: transparent;border: none;outline: none;padding: 15px 15px;color:#fff;border: 1px solid #fff;}
section.contact-us form .field {position:Relative;}
section.contact-us form .field i{position:absolute;right:5%;top:38%;color:#fff;cursor:pointer;z-index:0}
section.contact-us form .field input::placeholder {color: #fff;opacity: 0.5; }
section.contact-us form .field input:-ms-input-placeholder {color: #fff;}
section.contact-us form .field.code{display:inline-block;width:20%}
section.contact-us form .field.number{display:inline-block;width:78%;}
section.contact-us form input[type=submit]{float:right;font-size: 18px;font-weight: 400;color: #fff;line-height: 20px;margin-top: 35px;padding: 15px 35px;background: transparent;display: inline-block;border: 1px solid #fff;transition: ease all 1s;border-bottom-left-radius: 20px;border-top-right-radius: 20px;margin-top:10px;} 
section.contact-us form input[type=submit]:hover{background:#fff;color: #d51252;} 

/* innnerpages styling */

/* landingpage styling */
.header ul.landing-ul {padding:10px 0px}
.header ul.landing-ul li a,
.header ul.landing-ul li,
.header ul.landing-ul li p{display:inline-block;color:#fff;font-size:16px;padding:0 5px;font-weight:300;transition:ease all 1s;}
.header ul.landing-ul li a:hover{color:#ddd;}
.header ul.landing-ul li a.btn{background:#fff;display:inline-block;border:1px solid #fff;width:100%;padding:15px;color:#212cc3;font-size:16px;font-weight:700;text-transform:uppercase;-webkit-clip-path:polygon(0% 0%, 90% 0%, 100% 50%, 100% 100%, 10% 100%, 0% 50%);clip-path:polygon(0% 0%, 90% 0%, 100% 50%, 100% 100%, 10% 100%, 0% 50%);} 
.header ul.landing-ul li a.btn:hover{background:linear-gradient(45deg, #212cc3, #13205b);color:#fff;border:1px solid #fff;} 



section.landing-hero{background-image:url(../images/landing-hero-bg.html);background-repeat:no-repeat;background-size:100% 100%;position:relative;}
section.landing-hero .landing-hero-outer{display: flex;justify-content: center;height:100vh;flex-direction: column;text-align: left;align-items: center;padding-top: 100px;}
section.landing-hero .landing-hero-outer .row {width:100%;margin:0;}
section.landing-hero .landing-hero-outer .desc {position:relative;z-index: 1;}
section.landing-hero .landing-hero-outer .desc h3{font-size:46px;line-height: 46px;font-weight:700;color:#fff;}
section.landing-hero .landing-hero-outer .desc p{font-size:14px;line-height: 24px;font-weight:400;color:#fff;}
section.landing-hero .landing-hero-outer .desc .contact-info{display:flex;}
section.landing-hero .landing-hero-outer .desc .contact-info a.btn{background:linear-gradient(45deg, #212cc3, #13205b);transition:ease all 1s;display: block;border:3px solid #fff;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin: 30px 0px 0;-webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 100% 100%, 10% 100%, 0% 50%);clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 100% 100%, 10% 100%, 0% 50%);}
section.landing-hero .landing-hero-outer .desc .contact-info a.btn:hover{background:#fff;color: #13205b;} 
section.landing-hero .landing-hero-outer .desc .contact-info a{transition:ease all 1s;color:#fff;font-size:16px;font-weight: 300;text-transform:uppercase;margin: 30px 10px 0;display: flex;justify-content: center;align-items: center;}
section.landing-hero .landing-hero-outer .desc .contact-info a:hover{color:#ebebeb;}
section.landing-hero .landing-hero-outer .desc .trusted-partners img{width:75%;height:auto;margin-top:50px}

section.landing-hero .landing-hero-outer form {background:#fff;border:1px solid #fff;position:absolute;z-index: 99;clip-path:polygon(0% 0%, 89% 0%, 100% 7%, 100% 100%, 11% 100%, 0% 93%);-webkit-clip-path:polygon(0% 0%, 89% 0%, 100% 7%, 100% 100%, 11% 100%, 0% 93%);top:-50px;}
section.landing-hero .landing-hero-outer form .head{height: 130px;-webkit-clip-path:polygon(0% 0%, 90% 0%, 100% 0%, 100% 100%, 10% 100%, 0% 85%);clip-path:polygon(0% 0%, 90% 0%, 100% 0%, 100% 100%, 10% 100%, 0% 85%);background:linear-gradient(45deg, #212cc3, #13205b);display: flex;justify-content: center;flex-direction: column;margin-bottom:20px}
section.landing-hero .landing-hero-outer form .head h4{text-align: center;font-size:20px;font-weight:400;color:#ffffff;line-height:23px;margin:0;}
section.landing-hero .landing-hero-outer form .head h3{text-align: center;font-size:33px;font-weight:700;color:#ffffff;line-height:36px;margin:0;}
section.landing-hero .landing-hero-outer form .row .field textarea,
section.landing-hero .landing-hero-outer form .row .field select,
section.landing-hero .landing-hero-outer form .row .field input{-webkit-appearance:none;width:100%;margin:10px 0;padding: 5px 10px;border: 1px solid #ddd;height: 40px;outline:none;}
section.landing-hero .landing-hero-outer form .row .field textarea{height:100px;overflow: auto;resize: none;}
section.landing-hero .landing-hero-outer form .row .field {position:Relative;}
section.landing-hero .landing-hero-outer form .row .field i{position:absolute;right:5%;top:38%;color:#18247e;cursor:pointer;z-index:0}
section.landing-hero .landing-hero-outer form .btn-submit a.submit{transition:ease all 1s;background:linear-gradient(45deg, #212cc3, #13205b);display:inline-block;border:3px solid #fff;width:100%;padding:20px;border:none;color:#fff;text-align: center;font-size:16px;font-weight:700;text-transform:uppercase;-webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 100% 100%, 10% 100%, 0% 50%);clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 100% 100%, 10% 100%, 0% 50%);}
section.landing-hero .landing-hero-outer form .btn-submit a.submit:hover{background:linear-gradient(-45deg , #212cc3 , #13205b);} 


section.landing-hero .landing-hero-outer .desc ul {padding-left: 25px;}
section.landing-hero .landing-hero-outer .desc ul li{font-size:14px;line-height: 24px;font-weight:400;color:#fff;}
section.landing-hero .landing-hero-outer .desc ul li:before{position:absolute;content:"\f0a9";left: 0px;width:15px;height: 15px;font-family: 'FontAwesome';padding: 0;margin: 0;margin-top: -2px;}


section.landing-sponser{position:relative;}
section.landing-sponser:before{background:#111e46;background-size:100% 100%;position: absolute;z-index: -1;content:"";width: 93%;height:100%;-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 96% 100%, 100% 100%, 0% 100%);clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 96% 100%, 100% 100%, 0% 100%);}
section.landing-sponser .desc{display: flex;justify-content: center;height:20vh;max-width:95%;flex-direction: column;text-align: center;align-items: center;}
section.landing-sponser ul{margin:0;padding:0;display:flex;}
section.landing-sponser ul li{display: inline-block;padding: 25px 0;}
section.landing-sponser .desc ul li img {width: 100%;height: auto;}

section.main-twd .row {position: relative;padding-bottom: 85px;}
section.main-twd .icon-box{margin-top:50px;background: url(../images/brnd-sol-border-img.html);height: auto;width: auto;background-size: 100% 100%;margin: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;}
section.main-twd .icon-box img {width: 30%;height: auto;transition:ease all 1s;margin: 50px;}
section.main-twd .icon-box h4 {font-weight:600;font-size:14px;color:#252525;text-transform: capitalize;position: absolute;top: 85%;max-width: 65%;text-align: center;}

/* landingpage styling */



footer.footer{background: #48205c;border-bottom-left-radius: 100px;overflow: hidden;}
footer.footer .col-md-4,
footer.footer .col-md-3,
footer.footer .col-md-2 {display: flex;flex-direction: column;justify-content: center;}
footer.footer .address{color:#fff;font-weight:300;font-size:14px;margin-bottom:25px;text-transform: uppercase;}
footer.footer .address span{font-size: 8px;display: block;line-height: 10px;}
footer.footer .nav a{color:#fff;font-size:14px;font-weight:300;line-height:37px;}
footer.footer .nav h3{color: #dd2851;font-size: 30px;font-weight: 800;text-transform: uppercase;text-align: left;padding-left: 15px;}
footer.footer .row {display: flex;}

footer.footer .col-md-4.contact-info{padding:0 15px;z-index: 1;padding-left:25px;}
footer.footer .col-md-4.contact-info:after{background: #09acd8;position:absolute;width:2000px;height:140%;left: 0;content:"";z-index: -1;border-bottom-left-radius: 100px;}
footer.footer .newsletter h4{color:#fff;font-size:14px;font-weight:800;text-transform: uppercase;}
footer.footer .newsletter p{color:#fff;font-size:14px;font-weight:300;line-height:30px;margin:25px 0;}
footer.footer .newsletter form{position: relative;}
footer.footer .newsletter input[type=email]{line-height:30px;margin:25px 0;border:none;outline:none;padding:15px 30px;width:110%;border-bottom-left-radius: 20px;}
footer.footer .newsletter input[type=submit]{position:absolute;left: 80%;line-height: 30px;top: 25px;padding: 15px 30px;border:none;background:#dd2851;color:#fff;font-weight:400;font-size:14px;transition:ease all 1s;border-bottom-left-radius: 20px;}
footer.footer .newsletter input[type=submit]:hover{background:#48205c}
footer.footer .contact-info .details-outer {margin:40px 0;}
footer.footer .contact-info .details-outer h4,
footer.footer .contact-info .details-outer a{display:inline-block;color:#fff;font-size:34px;font-weight:700;margin:0}
footer.footer .copyright{color:#fff;font-size:14px;font-weight:300;margin:0;float:right;text-align:right;}
footer.accordion{display:none}
i.fa.fa-minus,
i.fa.fa-plus{float: right;}

#preloader{position: fixed;top: 0;left: 0;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);z-index: 999999;width: 100%;height: 100%;background: 0 0!important;overflow:hidden;}
#preloader-wrapper{width:100%;height:100%;z-index:99999;background:#000;position:fixed;display: flex;align-items: center;justify-content: center;}
#preloader #loader{width: 300px;height: auto;margin: auto;display:inline-block;position:relative;}
#preloader #loader img {position: relative;z-index: 1;display: block;width: 100%;height: auto;margin: 0 auto;opacity:0.5;filter:grayscale(100%)}
#preloader #loader .loader-bg {position:absolute;bottom:0;left:0;z-index:3;display:block;width:100%;height:0%;transition:0s;overflow:hidden;-webkit-animation:imgLoading 3s linear infinite;animation:imgLoading 3s linear infinite;will-change:height,opacity;transform-origin:0 100%}
#preloader #loader .loader-bg span{background:url(../images/DE1.html);background-size:100% 100%;position: absolute;bottom: 0;left: 0;z-index: 3;display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center bottom;transition: 0s;}

@keyframes movimiento {
    0% { background-position:0 0 }
    100% { background-position:355px 0 }
  }
@-webkit-keyframes spin{
  100% { -webkit-transform: rotate(-360deg); }
}
@-moz-keyframes spin{
  100% { -moz-transform: rotate(-360deg); }
}
@keyframes spin{
  100% { transform: rotate(-360deg); }
}

@-webkit-keyframes imgLoading {
	0% {
		height: 0%;
		opacity: 1
	}
	95% {
		height: 100%;
		opacity: 1
	}
	100% {
		height: 100%;
		opacity: 0
	}
}

@keyframes imgLoading {
	0% {
		height: 0%;
		opacity: 1
	}
	95% {
		height: 100%;
		opacity: 1
	}
	100% {
		height: 100%;
		opacity: 0
	}
}
@-webkit-keyframes sonarEffect {
    0% {
       opacity: 0.3;
   }
    40% {
       opacity: 0.5;
       box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #13205b, 0 0 0 10px rgba(255,255,255,0.5);
   }
    100% {
       box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #13205b, 0 0 0 10px rgba(255,255,255,0.5);
        -webkit-transform: scale(1.5);
       opacity: 0;
   }
  }
  @-moz-keyframes sonarEffect {
   0% {
       opacity: 0.3;
   }
    40% {
       opacity: 0.5;
       box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #13205b, 0 0 0 10px rgba(255,255,255,0.5);
   }
    100% {
       box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #13205b, 0 0 0 10px rgba(255,255,255,0.5);
        -moz-transform: scale(1.5);
       opacity: 0;
   }
  }
  @keyframes sonarEffect {
   0% {
       opacity: 0.3;
   }
    40% {
       opacity: 0.5;
       box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #13205b, 0 0 0 10px rgba(255,255,255,0.5);
   }
    100% {
       box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #13205b, 0 0 0 10px rgba(255,255,255,0.5);
        transform: scale(1);
       opacity: 0;
   }
  }
  

/* Custom Styling */


/* modal styling */
.remodal-wrapper .remodal{background:url(../images/modal-form-bg.png);background-size:100% 100%; background-repeat:no-repeat;}
.remodal-wrapper .remodal h2{font-weight: 700;font-size:40px;color:#ffffff;line-height: 50px;margin:0;text-transform: uppercase;margin-bottom: 20px;}
.remodal-wrapper .remodal p{font-weight:300;font-size:14px;color:#ffffff;line-height:30px;text-align:Center;}
.remodal-wrapper .remodal .field.error label{position: absolute;bottom: -18px;font-size: 10px;left: 20px;}
.remodal-wrapper .remodal .field select,
.remodal-wrapper .remodal .field input{width:100%;margin:15px 5px;height: 50px;padding: 5px 15px;}
.remodal-wrapper .remodal input[type=submit]{float: right;background: #09acd8;transition: ease all 1s;display: inline-block;padding: 5px 25px;color: #fff;font-size: 16px;font-weight: 700;text-transform: uppercase;margin-top: 10px;border-bottom-left-radius: 25px;border: none;} 
.remodal-wrapper .remodal input[type=submit]:hover{background:#fff;color: #09acd8;} 
.remodal-wrapper .remodal .remodal-close{top: 15px;right: 15px;background: transparent;border-radius: 0;border: 0;transition: ease all 0.5s}
.remodal-wrapper .remodal .remodal-close:hover{background:#fff;border-color:#d52d62;}
.remodal-wrapper .remodal .remodal-close:before{left:-3px;top:-3px;;}
.remodal-wrapper .remodal .remodal-close:hover:before{color:#d52d62;}

/* modal styling */
.whats-app-btn {position: fixed;bottom: 2%;left: 2%;z-index: 9;background: #25D366;border-radius: 50%;height: 50px;width: 50px;display: flex;justify-content: center;align-items: center;transition:ease all 1s;}
.whats-app-btn a {color: #fff;font-size: 30px;}

a.disabled{display:none!important}
section.portfolio .disabled,
section.portfolio .load-video,
section.portfolio .load-item,
section.our-recent-work .disabled,
section.our-recent-work .load-video{display:none}