@charset "utf-8";
/* CSS Document */
body{ font-family:HelveticaNeueBold, HelveticaNeue-Bold, "Helvetica Neue Bold", helvetica, arial, "sans serif"; margin:0; padding:0; font-size:15px; box-sizing: border-box; line-height:1.5;}
a{ text-decoration:none; color:#d16404;}
a::hover{ text-decoration:none; color:#f10cc0;}
ul, li, ol { list-style:none; margin:0; padding:0;}
li{ padding-top:5px; padding-bottom:5px;}
ul, ol{ padding-left:30px; padding-top:15px; padding-bottom:30px;}
h1, h2, h3, h4, h5{ font-weight: bolder;}
/* Bootstrap code */
.img-fluid{max-width:100%;height:auto}
/* Bootstrap code */
h3{ font-size: 150%;}
#page{ margin:0; padding:0;}
/* General */
.text-center{ text-align:center;}
.text-right{ text-align:right;}
.row{ display:flex; flex-wrap:wrap;}
.col-4{ width:33.333%; padding:15px 1%; box-sizing:border-box;}
.col-6{ width:50%; padding:15px 1%; box-sizing:border-box;}
.col-12{width:100%;}
@media only screen and (max-width:767.99px){
.col-4, col-12{ width:100%; padding:15px 1%; box-sizing:border-box;}
}
/* Naviagation */
.navbar-brand{ position:relative;}
.logo{ width:36%; max-width:361px; max-width:351px; color:#e56c00; font-weight:bold;}
.logo-image, .logo img{width:81px; height:auto; margin-right:7px;}
.logo-text{ display:inline-block; position:relative; bottom:25px; line-height:1; font-size:300%;line-height: 1; }
.navbar{ padding:0.4rem 1rem; width:100%; clear:both;box-sizing: border-box;}
.navbar-toggler{ display:none;background:#efefef; padding:4px 7px; border:1px solid rgba(0,0,0,0.2); float:right; margin-top:15px; border-radius:5px;}
.navbar-toggler-icon{ cursor:pointer;text-indent: -99999px;display: inline-block;}
.navbar-toggler-icon span{width:45px; height:6px; background:#e56c00; border-radius:5px; margin-bottom:6px; margin-top:5px; display:block;}
.navbar-collapse{float: right; margin-top:27px; font-size:125%;}
.navbar-nav{ margin:0; padding:5px 15px; text-align:right; list-style:none;}
.navbar-nav li{ display:inline-block; padding:0 15px; list-style:none; position:relative;}
.navbar-nav li a{ padding:3px 5px; font-weight: bolder; letter-spacing: 0.025rem;}
.navbar-nav li ul.dropdown-menu{ display:none; position:absolute; right:0; z-index:999; padding:15px 0; background:#fff; border-radius:0 0 5px 5px; border:1px solid rgba(0,0,0,0.2); border-top:0; min-width:200px; background:#f7f7f7;}
.navbar-nav li ul.dropdown-menu li{ padding:7px 0; box-sizing:border-box; width:100%;}
.navbar-nav li ul.dropdown-menu li a{ padding:2px 20px 2px 25px;}
.navbar-nav li ul.dropdown-menu li:hover{ background:#fde2cb;}
.navbar-nav li:hover ul.dropdown-menu, .navbar-nav li.menu-item--collapsed ul.dropdown-menu{ display:block;}
.navbar-nav li:hover ul.dropdown-menu a, .navbar-nav li.menu-item--collapsed ul.dropdown-menu a{ display:block; white-space:nowrap; padding:2px 10px;}
.navbar-nav li.dropdown::after{ content:''; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #e56c00;display: inline-block; margin-right: 2px;top:6px; position: absolute; right:0px;}
.navbar-nav li.menu-item--collapsed::after, .navbar-nav li.dropdown:hover::after{ content:''; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #f10cc0; border-top: none;display: inline-block; margin-right: 2px;top:6px; position: absolute; right:0px;}
@media only screen and (max-width:1023.99px){
.logo{ width:calc(100% - 100px);}
.navbar-toggler{ display:block;}
.navbar-nav{ width:100%; float:left;box-sizing: border-box;}
.navbar-collapse{ display:none;}
.navbar-collapse.show{ display:block; width:100%;}
.navbar-nav li ul.dropdown-menu{ display:none; position:rlative;}
.navbar-nav{ margin:0; padding:5px 15px; text-align:left;}
.navbar-nav li{ display:block; padding:5px 15px;}
.navbar-nav li ul.dropdown-menu{ position:relative; padding-left:30px;}
}
@media only screen and (max-width:767.99px){
.navbar-collapse{font-size:111%;}
.logo-text{ font-size:200%;}
.navbar-nav{ padding:5px 0px;}
.navbar-nav li{ display:block; padding:5px 0px;}
.navbar-nav li ul.dropdown-menu{ position:relative; padding-left:10px;}
}
@media only screen and (max-width:399.99px){
.logo-text{ font-size:150%;}
.navbar-nav li ul.dropdown-menu{ position:relative; padding-left:5px;}
}
/* banner */
.banner-contanier{ /*background:#e530fb;*/ background:#ff8a23; width:100%; float:left; overflow:hidden;}
.banner-background-1{background:#e530fb;}
.banner-background-2{background:#ff8a23;}
.banner-background-3{background:#3f5766;}
.banner-background-3{background:#ff9a10;}
.banner{ height:63vh; min-height:250px; width:94vw; margin:0 auto; overflow:hidden; position:relative;}
.banner-text { width: 70%; float: left;color:#fff; padding-top:15vh;}
.banner-text h1 { font-size:300%;font-weight: normal; color:#fff; margin:0; padding-bottom:25px;}
.banner-text h2 { font-size:200%;font-weight: normal; color:#fff; margin:0; padding-bottom:25px;}
.banner-text h3{ font-size:150%;font-weight: normal; margin:0; padding:3px 0;}
.banner-button-container{width:28%; padding-left: 2%; float:left; margin-top:25vh; text-align:left; z-index:4;position:relative;}
.banner-button-container a.button {padding: 12px 40px;border-radius: 30px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(230,245,252,1) 100%); border: 1px solid rgba(0,0,0,0.4); font-size:150%;
}
@media only screen and (max-width:767.99px){
.banner{ height:auto; min-height:250px; width:100vw; overflow:hidden;}
.banner-text{ width:100%; padding:25px;}
.banner-button-container{width:100%; text-align:center; margin-top:30px; margin-bottom:30px;}
}
/* Rotating circle starts */
.circles {
position: absolute;
z-index: 1;
}
.circle {
border: 1px dashed #ffffff;
background: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: pulse 5.5s infinite;
-moz-animation: pulse 5.5s infinite;
animation: pulse 5.5s infinite;
height: 25px;
width: 25px;
opacity: 0;
position: absolute;
top: 50%;
left:50%;
}
.circles--large .circle {
height: 50px;
width: 50px;
}
.circle:nth-child(1) { animation-delay: 1s; }
.circle:nth-child(2) { animation-delay: 2s; }
.circle:nth-child(3) { animation-delay: 3s; }
.circle:nth-child(4) { animation-delay: 4s; }
.circle:nth-child(5) { animation-delay: 5s; }
.circle:nth-child(6) { animation-delay: 6s; }
.circles-1 {
top: 35%;
left:20%;
}
.circles-2 {
top: 23%;
left: 58%;
}
.circles-3 {
bottom: 30%;
left: 40%;
}
.circles-4 {
top: 61%;
right:35%;
}
.circles-5 {
top: 31%;
right:11%;
}
@-webkit-keyframes pulse{
0% {
-webkit-transform: scale(0) rotate(0deg);
opacity: 0.8;
}
100% {
-webkit-transform: scale(5) rotate(180deg);
opacity: 0.0;
}
}
@-moz-keyframes pulse {
0% {
-moz-transform: scale(0) rotate(0deg);
opacity: 0.9;
}
100% {
-moz-transform: scale(5) rotate(180deg);
opacity: 0.0;
}
}
@keyframes pulse {
0% {
transform: scale(0) rotate(0deg);
opacity: 1;
}
100% {
transform: scale(5) rotate(180deg);
opacity: 0.0;
}
}
/* Rotating circle ends*/
/* main-content */
.container{ margin:0 auto; padding:15px; width:100%; clear:both; box-sizing:border-box;}
.main-content h1, .main-content h2, .main-content h3, .main-content h4{color: #e56c00;}
.main-content h2{ font-size:200%; color:#e56c00; font-weight:normal;}
.main-content {font-family: "Raleway", HelveticaNeueBold, HelveticaNeue-Bold, "Helvetica Neue Bold", helvetica, arial, sans-serif; font-size: 125%; padding-left: 2rem; padding-right: 2rem;}
.main-content p{ color: #4d4d4d;}

.porducts img{ width:100%; height:auto;}
/* services */
.service-line-align{align-items:initial;align-items: center;}
.service-box{ opacity: 1;}
.service-box:hover .service-icon{ opacity: 0.8;}
.service-icon{ width:100px; height:100px; border:1px solid rgba(239, 144, 7, 1); border-radius:100%; margin:0 auto; display: table;}
.service-icon:before, .cart-icon:before{ content:'Mukesh'; display: table-cell; vertical-align:middle; padding:15px; line-height:0; background: #fbedcb;border-radius: 100%;}
.web-developement-icon:before{content:url(../assets/moon-stars.svg);}
.cart-icon:before{content:url(../assets/cart.svg);}
.qualirty-service:before{ content:'\2605'; font-size:71px; line-height:0.6; color:#f97908;}
.service-heading{ font-size:200%;color:#e56c00; font-weight:normal;}
.service-summary{ font-size:120%; color:#4d4d4d;}
.video-embed-field-responsive-video {position: relative; height: 60vh; min-height: 400px;}
.responsive-iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0; width: 100%;height: 100%; border: none; }
/* footer */
footer{ margin: 0;}
.footer-nav li{ font-weight: bolder; font-size: 125%; letter-spacing: 0.025rem;}
.footer{ background:#eee; padding:15px 25px 35px 25px;}
.copy-right{ padding: 10px;}
.question{ font-weight: bold;}