@charset "utf-8";
/* CSS Document */
@import url('../../../../css2');

@import url('../../../../css2-1');

@import url('font-awesome.min.css'); 
@import url('swiper-slider.css'); 
@import url('lightbox.css'); 



::selection{background:#f26f70;color:#fff;}
::-moz-selection{background:#f26f70;color:#fff;}

/*header css*/
header{position:fixed; z-index:91; top:0; left:0; right:0;}
.header-shrink{background:#000; transition:all 0.5s ease-in-out;}
.header-shrink .navbar-brand{padding-top:4px; padding-bottom:4px; margin-right:215px;}
.header-shrink .navbar-brand img{height:50px;}
.header-shrink .phone{margin-top:15px; transition:all 0.5s ease-in-out;}
.header-shrink .top_btn{margin-top:7px; transition:all 0.5s ease-in-out;}
.header-shrink #nav-container{margin-top:12px; transition:all 0.5s ease-in-out;}
.phone{color:#fff; font-size:17px; letter-spacing:1px; margin:33px 0 0 20px;}
.top_btn{margin:28px 20px 0 0;}
header .top_btn a{background:linear-gradient(107deg,#8300ae,#d11450,#ee2e24);display:inline-block;font-size:17px;color:#fff;font-weight:600;text-transform:uppercase;padding:7px 20px 5px;text-decoration:none;letter-spacing:1px; border-radius:30px;}
header .top_btn a img{margin-right:10px; height:12px;margin-top:-3px;}
header .top_btn a.c_top{display:none;}
.header-shrink .top_number .f_number, .header-shrink .top_btn a.c_top{display:inline-block;}
.header-shrink .top_btn a.r_top{display:none;}
.header-shrink .top_btn a.c_top img{height:16px;}
header .top_btn a:hover, .discuss_project a:hover{background:linear-gradient(107deg,#ee2e24,#d11450,#8300ae);}
header .top_btn a.buy_app{background:url(../images/buy-app-review-btn.gif) 0 -55px no-repeat;transition:all 0s ease-in-out;position:relative;margin-right:10px;}
header .top_btn a.buy_app:hover{background:url(../images/buy-app-review-btn.gif) 0 -4px no-repeat;}
header .top_btn a.buy_app:before{background:url(../images/hand-push-arrow.png) no-repeat;width:50px;height:25px;content:'';position:absolute;left:-50px;background-size:45px;-webkit-animation:mover 0.5s infinite alternate; animation:mover 0.5s infinite alternate;
}
@-webkit-keyframes mover {
0% {transform: translateX(0); }
100% {transform: translateX(-10px); }
}
@keyframes mover {
0% {transform: translateX(0); }
100% {transform: translateX(-10px); }
}

/*menu css*/
#nav-container{position:relative; margin-left:20px; margin-top:33px; z-index:1;}
#nav-toggle{position:relative; top:auto; transform:none; display:block; right:0; background-color:transparent; width:44px; height:35px; text-align:center; line-height:35px; cursor:pointer; color:#fff; border:0; transition:all 0.3s ease-in-out;}
#nav-toggle:before{content:"menu"; text-transform:uppercase; font-size:12px; letter-spacing:0.15em; text-indent:0; line-height:35px; display:inline-block; position:relative;}
#nav-toggle span:before, #nav-toggle span:after{background-color:#fff; content:""; display:block; height:2px; top:0; left:0; position:absolute; -webkit-transform:rotate(0deg); transform:rotate(0deg); transition:0.25s ease-in-out; width:44px;}
#nav-toggle span:after{top:auto; bottom:0;}
#nav-toggle.open:before{z-index:1004; content:"close"; background:#1a1a1a; line-height:20px;}
#nav-toggle.open span:before{transform:rotate(-45deg); top:50%; width:56px; left:-6px;} 
#nav-toggle.open span:after{transform:rotate(45deg); top:50%; bottom:auto; width:56px; left:-6px;}	
#nav-overlay{position:absolute; top:16px; left:16px; z-index:-1; background:url(../images/bg-menu.jpg); border-radius:50%; -webkit-transition:1s; transition:1s; -webkit-transform:scale3d(0,0,0); transform:scale3d(0,0,0);}
#nav-overlay.open{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}
#nav-fullscreen{width:100%; position:fixed; left:0; top:0; -webkit-transition:ease-in-out 0.25s; transition:ease-in-out 0.25s; -webkit-transition-delay:0s; transition-delay:0s; visibility:hidden; opacity:0; display:-webkit-box; display:-ms-flexbox; /*display:flex; -webkit-box-align:center; -ms-flex-align:center;  align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;*/ padding:65px; font-size:40px; font-weight:600;}
#nav-fullscreen ul{list-style:none; padding:0; margin:0;}
#nav-fullscreen ul li{margin:35px 0; line-height:normal; }
#nav-fullscreen ul li a{color:#fff; text-decoration:none; padding:0px 60px; display:block; position:relative; transform:scale(1); transition:all .3s;}
#nav-fullscreen ul li a:hover{transform:scale(1.2); transition:all .3s;}
#nav-fullscreen.open{visibility:visible; opacity:1; -webkit-transition:ease-in-out 0.5s; transition:ease-in-out 0.5s; -webkit-transition-delay:0.25s; transition-delay:0.25s;}
/*end menu css*/

#nav-fullscreen ul li ul{animation:fadeInRight .5s ease forwards; animation-delay:.35s;}
#nav-fullscreen li.service img{position:absolute;top:15px;right:0px;height:25px;}
#nav-fullscreen li.service ul{position:absolute;top:37%;right:0;margin-left:32%;font-size:25px;font-weight:400;}
#nav-fullscreen li.service ul li{display:inline-block;width:32%;}
#nav-fullscreen li.service ul li a{padding:0;position:relative; }
@keyframes fadeInRight{
0% {opacity: 0;left: 20%;}
100% {opacity: 1;left: 0;}
}

/*-- footer --*/
footer{background:#242b34; padding-top:5rem; font-size:15px; color:#adadad; position:relative; overflow:hidden;}
.f_heading{color:#fff; font-size:17px; margin-bottom:35px; }
footer p{padding-left:30px; position:relative;}
footer p a{color:#adadad;}
footer p .fa{font-size:17px; position:absolute; left:0; top:4px;}
footer p .btn{width:95%; margin-top:0;}
footer p .btn img{height:15px;}
.copyright{border-top:#2e3a49 solid 1px; padding:1.2rem 0; margin-top:1rem; color:#adadad; font-size:13px; display:flex;}
.copyright a{color:#abb6bd;}
.copyright ul{margin:0 0px 0 auto; padding:0;}
.copyright ul li{margin:0 10px; padding:0; display:inline-block;}
.copyright ul li a{color:#adadad;}
.copyright ul li a:hover{color:#ec2c26;}
.social_main{background:linear-gradient(107deg,#8300ae,#d11450,#ee2e24); width:85%;}
.social_main ul{margin:0; padding:0; display:flex; flex-wrap:wrap;}
.social_main ul li{margin:0; padding:0; list-style:none; width:20%; font-size:25px; text-align:center;}
.social_main ul li a{display:block; padding:8px 0; color:#fff;}
.social_main ul li:first-child{background:rgba(44,44,44,.64);}
.social_main ul li:nth-of-type(2){background:rgba(44,44,44,.5);}
.social_main ul li:nth-of-type(3){background:rgba(44,44,44,.6);}
.social_main ul li:nth-of-type(4){background:rgba(44,44,44,.3);}
.social_main ul li:nth-of-type(5){background:rgba(44,44,44,.2);}
.social_main ul li:nth-of-type(6){background:rgba(44,44,44,.1);}
.social_main ul li:first-child:hover{background:#3a5795;}
.social_main ul li:nth-of-type(2):hover{background:#58e4ff;}
.social_main ul li:nth-of-type(3):hover{background:#0177b5;}
.social_main ul li:nth-of-type(4):hover{background:#6e4cc4;}
.social_main ul li:nth-of-type(5):hover{background:#cf2200;}
.social_main ul li:nth-of-type(6):hover{background:#a5c945;}
.etoile_company{margin-top:25px; font-size:17px; color:#fff; font-weight:500;}
.etoile_company span{font-size:14px; font-weight:300;}
.spinner{position:absolute; top:40px; right:-140px; width:350px; height:350px;}
.spinner .wheel{width:100%; height:100%; animation:spinner-wheel 20s linear 0s infinite forwards; will-change:transform;}
.spinner svg{fill: #000000; opacity:0.6;}
@keyframes spinner-wheel{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
/*-- //footer --*/

/*-- move top --*/
#toTop{bottom:20px; right:20px; display:none; width:40px; height:40px; overflow:hidden; position:fixed; text-decoration:none; z-index:9999; font-size:0; color:transparent; background-color:#3e4754; border-radius:10px; opacity:0.8;}
#toTop:after{color:#fff; content:'\f106'; font-size:18px; line-height:37px; font-family:'FontAwesome'; text-align:center; display:block; position:absolute; top:0; right:0; bottom:0; left:0; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
/*-- //move top --*/

.discuss{text-align:center; margin-bottom:4rem; padding-bottom:4rem; border-bottom:#2e3a49 solid 1px;}
.discuss .heading{font-size:80px; margin-bottom:20px; color:#fff;}
.discuss .sub_heading{font-size:15px; color:#fff; font-weight:600; text-transform:uppercase; letter-spacing:3px;}
.btn img{height:12px; margin-top:-2px; margin-left:3px;}
.whatsapp{width:60px;height:60px;background:#2bb140;font-size:35px;line-height:57px;text-align:center;border-radius:50%;position:fixed;bottom:75px;right:15px;z-index:999;animation:bounce 1s infinite alternate;-webkit-animation:bounce 1s infinite alternate}
.whatsapp a,.whatsapp a:hover,.whatsapp a:focus{color:#fff;display:block}
@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-15px);box-shadow:0 0 7px 7px rgba(131,0,174,.55)}}
@-webkit-keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-15px)}}

section{padding:5rem 0 5rem; position:relative;}
.heading_main{margin-bottom:2.5rem; text-align:center; position:relative; font-size:23px; font-weight:300; /*background:-webkit-linear-gradient(107deg,#d11450,#0078ae); -webkit-background-clip:text; -webkit-text-fill-color:transparent;*/}
.heading{font-family:Roboto; font-size:50px; color:#000; font-weight:900; margin-bottom:1rem; line-height:1.3;}
.heading_main p{font-size:18px; font-weight:400; padding:0 5%;}
.sub_heading{font-size:25px; color:#0078ae; font-weight:300; letter-spacing:.5px; margin-bottom:.5rem; line-height:normal;}
.blue{color:#0078ae;}

/*inner page css*/
.inner-banner{background-size:cover; background-position:center; background-repeat:no-repeat; padding:0;}
.inner-page-layer{min-height:500px; display:flex; flex-direction:column; justify-content:center; padding-top:6.2rem;}
.inner-banner .sub_heading{color:#fff; font-size:30px; text-align:center; letter-spacing:0;}

/*blog listing css*/
.blog_banner{background:#242b34; background-image:url(../images/dot.png); background-position:50% 50%; background-size:auto; background-repeat:repeat; background-attachment:fixed;}
.blog_banner .inner-page-layer{min-height:300px;}
.blog_listing{position:relative; box-shadow:#cbcbcb 0 3px 10px; border-radius:15px; overflow:hidden; display:flex; flex-wrap:wrap; font-size:15px; margin-bottom:2rem;}
.blog_listing .heading{font-size:23px; margin-bottom:10px;}
.blog_listing .heading a{color:#000;}
.blog_listing .date{color:#717171; font-size:13px; color:#848484; margin-bottom:20px;}
.blog_listing .date .fa{margin-right:10px;}
.blog_listing .blog_image{width:40%; padding-right:15px; display:flex;}
.blog_listing .blog_image a{display:flex;}
.blog_listing .blog_text{width:60%; padding:15px;}
.blog_listing p:last-child{margin-bottom:0;}
.blog_listing .btn{font-size:13px; padding:10px 25px; margin-top:0;}
.blog_right{padding-left:15px; margin-bottom:3rem;}
.blog_right h2{color:#000; font-size:23px; margin-bottom:1.5rem;}
.blog_right ul{margin:0; padding:0;}
.blog_right ul li{margin:12px 0; padding:0 0 12px 25px; list-style:none; position:relative; font-size:14px; border-bottom:#dddddd dashed 1px;}
.blog_right ul li a{color:#626262;}
.blog_right ul li a:hover{color:#ec2c26;}
.blog_right ul li:before{content:"\f047"; font-size:13px; font-family:FontAwesome; position:absolute; left:0;}
.blog_detail .heading{font-size:30px; margin-bottom:1rem;}
.blog_detail .date{color:#717171; font-size:13px; color:#848484; margin-bottom:30px;}
.blog_detail .date .fa{margin-right:10px;}
.blog_detail img{width:100%; margin-bottom:2rem;}



body {margin:0; font-family:Roboto; font-size:16px; font-weight:400; line-height:1.8; color:#626262; text-align:left; background:#fff; letter-spacing:0px;}
.container-fluid {width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto;}
.container{max-width:1270px; margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px;}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.col-sm-1{flex:0 0 auto; width:8.33333333%;}
.col-sm-2{flex:0 0 auto; width:16.66666667%;}
.col-sm-3{flex:0 0 auto; width:25%;}
.col-sm-4{flex:0 0 auto; width:33.33333333%;}
.col-sm-5{flex:0 0 auto; width:41.66666667%;}
.col-sm-6{flex:0 0 auto; width:50%;}
.col-sm-7{flex:0 0 auto; width:58.33333333%;}
.col-sm-8{flex:0 0 auto; width:66.66666667%;}
.col-sm-9{flex:0 0 auto; width:75%;}
.col-sm-10{flex:0 0 auto; width:83.33333333%;}
.col-sm-11{flex:0 0 auto; width:91.66666667%;}
.col-sm-12{flex:0 0 auto; width:100%;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{padding-left:15px; padding-right:15px;}
.pl-5{padding-left: 3rem !important;}
.mb-sm-4{margin-bottom:1.5rem !important;}
.img-fluid{max-width:100%; height:auto;}
.btn {
  outline: none;
  border: none;
  cursor: pointer;
  background:linear-gradient(107deg,#8300ae,#d11450,#ee2e24);
  display: inline-block;
  font-weight:500; font-size:18px; color:#fff; letter-spacing:1px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 15px 50px;
  margin-top:10px;
  line-height: 1.5;
  border-radius:30px; 
  transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
  
}

.btn:hover, .btn:focus {
  background: linear-gradient(107deg,#ee2e24,#d11450,#8300ae);
  color: #fff;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
a {
  color: #0078ae;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; transition:all 1s ease-in-out;
}
a:hover {
  color: #0078ae;
  text-decoration: none;
}
.navbar-brand {
    display: flex;
    align-items: center;
    margin: 0 125px 0 auto;
    padding: 0.5rem 0 0.5rem 0rem;
    line-height: inherit;
    white-space: nowrap;
}
.navbar-brand a {
    color: #fff;
    line-height: normal;
}
.text-center {
    text-align: center !important;
}
.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.page-link:hover {
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}