@charset "utf-8";
/*..............embedded fonts..............*/


@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Light.eot');
    src: url('../fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Light.woff2') format('woff2'),
        url('../fonts/Avenir-Light.woff') format('woff'),
        url('../fonts/Avenir-Light.ttf') format('truetype'),
        url('../fonts/Avenir-Light.svg#Avenir-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Roman.eot');
    src: url('../fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Roman.woff2') format('woff2'),
        url('../fonts/Avenir-Roman.woff') format('woff'),
        url('../fonts/Avenir-Roman.ttf') format('truetype'),
        url('../fonts/Avenir-Roman.svg#Avenir-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Medium.eot');
    src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Medium.woff2') format('woff2'),
        url('../fonts/Avenir-Medium.woff') format('woff'),
        url('../fonts/Avenir-Medium.ttf') format('truetype'),
        url('../fonts/Avenir-Medium.svg#Avenir-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Black.eot');
    src: url('../fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Black.woff2') format('woff2'),
        url('../fonts/Avenir-Black.woff') format('woff'),
        url('../fonts/Avenir-Black.ttf') format('truetype'),
        url('../fonts/Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Thin.eot');
    src: url('../fonts/BebasNeue-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeue-Thin.woff2') format('woff2'),
        url('../fonts/BebasNeue-Thin.woff') format('woff'),
        url('../fonts/BebasNeue-Thin.ttf') format('truetype'),
        url('../fonts/BebasNeue-Thin.svg#BebasNeue-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeueLight.eot');
    src: url('../fonts/BebasNeueLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeueLight.woff2') format('woff2'),
        url('../fonts/BebasNeueLight.woff') format('woff'),
        url('../fonts/BebasNeueLight.ttf') format('truetype'),
        url('../fonts/BebasNeueLight.svg#BebasNeueLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue Book';
    src: url('../fonts/BebasNeueBook.eot');
    src: url('../fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeueBook.woff2') format('woff2'),
        url('../fonts/BebasNeueBook.woff') format('woff'),
        url('../fonts/BebasNeueBook.ttf') format('truetype'),
        url('../fonts/BebasNeueBook.svg#BebasNeueBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('BebasNeueRegular.eot');
    src: url('BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
        url('BebasNeueRegular.woff2') format('woff2'),
        url('BebasNeueRegular.woff') format('woff'),
        url('BebasNeueRegular.ttf') format('truetype'),
        url('BebasNeueRegular.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeueBold.eot');
    src: url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeueBold.woff2') format('woff2'),
        url('../fonts/BebasNeueBold.woff') format('woff'),
        url('../fonts/BebasNeueBold.ttf') format('truetype'),
        url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
    font-weight: bold;
    font-style: normal;
}



@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue.eot');
    src: url('../fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeue.woff2') format('woff2'),
        url('../fonts/BebasNeue.woff') format('woff'),
        url('../fonts/BebasNeue.ttf') format('truetype'),
        url('../fonts/BebasNeue.svg#BebasNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}










/*..............common styles..............*/
body { margin: 0; padding: 0;  font-size:18px; font-weight: normal; color:#0e0e0e;   font-family: 'Avenir';}
body:after { content: ""; clear: both; display: block;}
h1, h2, h3, h4, h5, h6 { margin:0 0 20px; padding:0;  line-height: 1; }
h1{ font-size:55px;}
h2{ font-size:55px; font-family: 'Bebas Neue'; font-weight: bold; }
h3{ font-size:40px;}
h4{ font-size:36px;}
h5{ font-size:26px;}
h6{ font-size:18px; line-height: 1.2;}
p{ font-size:26px; color: #646464; margin:0 0 20px; padding:0; line-height: 1.3; font-weight: normal;   font-family: 'Avenir';}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #262626; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-weight: 400; font-size: 15px; outline: none;}
/*input[type="submit"]{ font-weight: 400; font-size: 15px;  outline: none;}*/

/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
.btn { display: inline-block;  color: #fff; padding: 19px 75px 15px; font-size: 36px; text-transform: uppercase; border-radius: 40px; font-weight: bold; border: 0; background-color: #300370;  font-family: 'Bebas Neue';  line-height: 1; letter-spacing: 1.4px; margin-top: 30px;}
a.btn { display: inline-block;  color: #fff; padding: 19px 75px 15px; font-size: 36px; text-transform: uppercase; border-radius: 40px; font-weight: bold; border: 0; background-color: #300370;  font-family: 'Bebas Neue';  line-height: 1; letter-spacing: 1.4px;  margin-top: 30px;}

a.btn.purple-btn:hover, .btn.purple-btn:hover{color: #fff; background-color: #e54179;}
a.btn.pink-btn, .btn.pink-btn{color: #fff; background-color: #e54179;}

.btn.solid-color {  color: #fff; }
.btn.border { background:none; color: #262626; border: 2px solid #262626; }
.btn.rounded { border-radius: 2px;}
.btn.medium-size { /* Your custom Styles */ }
.btn.large-size { /* Your custom Styles */}
a.btn:focus{outline: none; border: 0;}   

/* --- Button Styles --- */

/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/

/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

/*..............common styles..............*/



/*for header css*/

.site-header{ position: absolute; top: 0; left: 0; right: 0; width: 100%; background: #c21f56; z-index: 999!important;}
.click { display:none;}
.header-main{ padding: 30px 0 20px 0; background: transparent; transition:all 0.5s ease 0s;}
.header-main.sticky {background: rgba(0,0,0,0.8); position: fixed; width: 100%; text-align: center; margin-top: 0; top: 0; padding: 8px 0; box-shadow: 0 0 12px rgba(0,0,0,.48); }
.header-main.sticky .main_menu{ margin-top: 4px;}
.header-main.sticky .main_menu ul li a { font-size: 16px;  }
.header-main.sticky .logo {   width: 120px;  margin-top: 5px;}
.header-main.sticky .lets-talk-link a { font-size: 16px;}
.header-main.sticky .lets-talk-link{margin-top: 12px;}


.logo a img.dark-logo{display: none;}
.logo a img.light-logo{display: block;}
.logo a{ display: block;}
.logo { float: left;  width: 150px;  margin-top: 0;}
.logo a img { width: 100%; display: block;}
.click { color: #fff; float: right; font-size: 28px;}
.main_menu { float: right;  margin-top: 0;}
.main_menu ul { margin: 0; padding: 0; list-style: none; }
.main_menu ul li { display: inline-block; position: relative;}
.main_menu ul li a {display: block;  padding: 14px 12px; letter-spacing: 1px; transition:all 0.5s ease 0s; color: #fff; font-size: 18px; font-family: 'Avenir'; font-weight: 900; text-transform: uppercase; line-height: 1.9;}
/*.main_menu ul li.arrow-down:before { content: ''; position: absolute; top: 21px; right: 5px; border-top: 4px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent;}
.main_menu ul li ul.sub-menu { display: none; position: absolute; width: 300px; background: #fff; top: 100%; left: 0; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); z-index: 555; opacity: 1;  visibility: visible; transition: all 0.3s ease 0s; border-top: 5px solid #7c4098; } 
.main_menu ul > li >ul.sub-menu:before { position: absolute; content: ""; display: block; float: right; width: 0; height: 0; border-color: transparent; border-style: solid;
 border-width: 10px 0 10px 15px; border-left-color: #7c4098; top: -20px; left: 35px; -ms-transform: rotate(-90deg) translateY(0); -webkit-transform: rotate(-90deg) translateY(0); transform: rotate(-90deg) translateY(0);}
.main_menu ul li:hover > ul.sub-menu{ display: block;  }
.main_menu ul li ul.sub-menu li{ display: block; position: relative; padding: 0 15px;}
.main_menu ul li ul.sub-menu li:hover { background: ; }
.main_menu ul li ul.sub-menu li:hover a{color: #7c4098;}
.main_menu ul li ul.sub-menu li a{ display: block; color: #000; line-height: 1.1;  font-size: 14px; text-align: left; text-transform: none; border-bottom: 1px solid #eee; padding: 14px 0;}*/
.main_menu ul li:hover a, .main_menu ul li.active a {color: #fff;}
.lets-talk-link a { background: #300370; border: none;  padding: 8px 26px; font-weight: 900; color: #fff; font-size: 18px; text-transform: uppercase; margin-top: 0; border-radius: 26px;  font-family: 'Avenir'; display: block;}
.home .lets-talk-link a{ background: #e54179;}
.lets-talk-link{float: right; margin-top: 9px; margin-left: 15px;}
.mobile-lets-talk{display: none;}
/*for header css*/

/* header adjustments for home and inner pages */
.home .site-header{ background: none;}
.page-template{ padding-top: 112px;}
.home.page-template{ padding-top: 0;}
.header-main.sticky .lets-talk-link a{ background: #e54179;}
/* header adjustments for home and inner pages */



/*for main sections css*/


.showcase-bg{ z-index: 2; position: relative; overflow: hidden;  width: 100%; height: calc(100vh - 0px);}
.showcase-bg img{ margin: 0 auto; display: block; width:100%;}
.showcase-title{ position: absolute; left:0; right:0; margin: 0 auto; text-align: left; top: 50%; transform: translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform: translate(0,-50%); z-index: 999;}
.showcase-main-content { max-width: 600px;  margin: 0 auto; text-align: left;}
.showcase-main-content h2 {  text-transform: uppercase;  color: #fff; line-height: 100%; letter-spacing: normal; font-weight: normal; }
.showcase-main-content p {  text-transform: none;  color: #fff; line-height: 120%; letter-spacing: normal; }
.banner-btn-wrap { position: absolute; left:0; right:0; margin: 0 auto; text-align: center; bottom: 40px;  z-index: 999;}
.banner-btn-wrap a.arrow{display: inline-block; text-align: center;  width: 47px; height: 47px; line-height: 52px; color: #fff; text-align: center; font-size: 54px;}




.hone-sec-main{padding: 150px 0; background: #fff; text-align: center;}
.hone-sec-main h2{color: #300370; text-transform: uppercase;}
.hone-sec-main p { }
.content-para-wrap{max-width: 940px; margin: 0 auto;}

.hone-third-main{padding: 110px 0 0; text-align: center; overflow: hidden; position: relative; z-index: 1;}
.purple-sec{background: #300370;}
.hone-third-main h2{color: #fff; text-transform: uppercase;}
.hone-third-main p {color: #fff; }
.three-mobile-img{max-width: 840px; margin: 0 auto; position: relative; padding-bottom: 510px;}
.three-mobile-img img{width: 100%;}

.one-mob-img{position: absolute; left: 0; bottom: -80px; display: block; max-width: 235px; width:100%; }
.two-mob-img{position: absolute; left: 0; right: 0; bottom: -150px; display: block; margin: 0 auto; text-align: center; max-width: 306px; width:100%;}
.three-mob-img{position: absolute; right: 0; bottom: -80px; display: block; max-width: 235px; width:100%;}

.pink-bg-sec{padding-top: 120px ; background: url(../images/pink-bg.jpg)no-repeat; background-size: cover; width: 100%; z-index: 9;}
.login-screen{text-align: center; max-width: 530px;     margin: 0 auto; position: relative; overflow: hidden; background: url(../images/home-login-screen1.png)no-repeat; height: 727px; background-size: 100%;}
.login-screen-outer img{width: 100%; display: block;}
.login-screen-wrap { max-width: 280px; margin: 0 auto; text-align: center; position: absolute; left: 76px; right: 0; top: 19px; border-radius: 25px;}
.login-screen-wrap img{border-radius: 30px;height: 100%;}


.hone-fifth-main{padding: 150px 0 60px; background: #fff; text-align: center;}
.hone-fifth-main h2{color: #00abc8; text-transform: uppercase;}
.hone-fifth-main p { margin-bottom: 0;}
.content-para-half{padding: 0 30px; margin-bottom: 90px;}


.grey-bg{padding-top: 170px ; padding-bottom: 170px ; background: url(../images/grey-bg.jpg)no-repeat; background-size: cover; width: 100%;  position: relative;}
.cust-rating-col { padding: 10px 45px 10px; text-align: center;}
.cust-rating-img{margin-bottom: 30px;}
.cust-rating-col h6{color: #fff; font-weight: 600;   font-size: 16px;}
.cust-rating-col p { color: #fff; margin-bottom: 10px; font-size: 18px; line-height: 1.7; font-weight: 300;}
.hone-sixth-main .owl-carousel.owl-drag .owl-item .item .col-4 { width: 100%; max-width: 100%; padding: 0;}
.cust-rating-img i { color: #e54179; font-size: 32px; letter-spacing: 7px;}


.hone-seventh-main .left-cont-para-wrap {  padding: 150px 0;  max-width: 58%;  }
.hone-seventh-main .left-cont-para-wrap h2{color: #fff; text-transform: uppercase;}
.hone-seventh-main .left-cont-para-wrap p {color: #fff; }
.right-prpl-bg {  width: 100%;  background-repeat: no-repeat; background-size: cover;}



.hone-eight-main{padding: 100px 0 60px; background: #fff;}
.app-details .content-para-wrap { text-align: center; max-width: 980px;}
.hone-app { text-align: center; margin: 0 auto 50px auto; max-width: 182px;}
.hone-app img{width: 100%; display: block;}
.apple-store-icon{margin: 40px auto 0 auto; max-width: 280px;}
.apple-store-icon img{width: 100%; display: block;}
.app-details .content-para-wrap h2, .app-details .content-para-wrap p{color: #646464;}
.apple-store-icon a{display: block;}

/* ~~~~~~~~~~ styling for team page ~~~~~~~~~~ */
.team-info-block{ padding-top: 80px; padding-bottom: 80px; text-align: center; border-bottom: 1px solid #cfcfcf;}
.team-info-block h1{ font-family: 'Bebas Neue'; font-weight: bold; color: #31006f;}
.team-member-section{ padding-top: 60px;}
.team-member-section h2{ font-size: 40px; color: #c21f56; margin-bottom: 40px;}
.team-item.col-md-3{ flex: 0 0 20%; max-width: 20%;}
.team-item{ text-align: center; margin: 0 0 50px;}
.team-item a{ display: block;}
.team-item .thumb{ position: relative;}
.team-item .thumb .image-box{ position: relative; z-index: 1;}
.team-item .thumb img{ width: 100%;}
.team-item .thumb .bio-label{ position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; background: #300370; text-align: center; padding: 15px 0; transition:all 0.3s ease 0s; opacity: 0;}
.team-item .thumb .bio-label h5{ font-family: 'Avenir'; font-weight: 900; font-size: 16px; color: #fff; text-transform: uppercase; margin: 0;}
.team-item h4{ display: block; font-family: 'Bebas Neue'; font-weight: bold; font-size: 20px; color: #c21f56; padding-top: 20px; margin-bottom: 5px;}
.team-item p{ font-size: 16px; margin-bottom: 0;}
.team-item:hover .thumb .bio-label{ opacity: 1;}

.inner-common-section{ border-top: 1px solid #cfcfcf;}

.team-modal .custom-class-wrap{ border-radius: 25px;}
.team-modal .custom-class-wrap { background: rgba(255, 255, 255, 1); padding: 25px;}
.team-modal p{ font-size: 16px;}
.team-modal .team-item .info a{ font-size: 16px; color: #31006f; margin-top: 25px;}
/* ~~~~~~~~~~ styling for team page ~~~~~~~~~~ */

/* ~~~~~~~~~~ blog listing page ~~~~~~~~~~ */
.blog-listing-section{ padding-top: 80px; padding-bottom: 40px;}
.blog-listing-section h2{ font-family: 'Avenir'; font-weight: normal; font-size: 26px; color: #31006f; margin-bottom: 10px;}
.blog-listing-section .author{ font-family: 'Avenir'; font-weight: normal; font-size: 18px; color: #646464; font-style: italic; margin-bottom: 10px;}
.blog-listing-section h3{ font-family: 'Avenir'; font-weight: 900; font-size: 18px; text-transform: uppercase; color: #646464; margin-bottom: 10px;}
.blog-listing-section .desc{ font-size: 18px; color: #646464; line-height: 1.3; margin-bottom: 15px;}
.blog-listing-section .desc ul{ font-size: 18px; color: #646464; padding: 0 0 0 18px; margin: 0 0 20px;}
.blog-listing-section .desc ul li{ line-height: 1.3; margin: 0 0 8px; padding: 0 0 0 10px;}
.blog-listing-section .desc ol{ font-size: 18px; color: #646464; margin: 0 0 20px; padding: 0 0 0 20px;}
.blog-listing-section .desc ol li{ line-height: 1.3; margin: 0 0 8px; padding: 0 0 0 10px;}
.blog-listing-section a.more-button{ display: inline-block; vertical-align: top; font-family: 'Bebas Neue'; font-weight: bold; font-size: 18px; line-height: 1; text-transform: uppercase; color: #fff; letter-spacing: 1px; padding: 10px 40px 8px 40px; background: #c21f56; border: 2px solid #c21f56; border-radius: 25px; transition:all 0.3s ease 0s; }
.blog-listing-section a.more-button:hover{ background: none; color: #c21f56;}
.blog-listing-section .thumb img{ width: 100%;}
.blog-listing-section .thumb a{ display: block;}
.blog-listing-section .row{ margin-bottom: 60px;}

.subscribe-share{ margin: 0 0 15px;}
.subscribe-share ul{ margin: 0; padding: 0; list-style: none;}
.subscribe-share ul li{ display: inline-block; vertical-align: top; border: 1px solid #c21f56; margin: 0 2px 0 0;}
.subscribe-share ul li a{ display: block; color: #c21f56; height: 38px; line-height: 40px; text-align: center;}
.subscribe-share ul li.subscribe{ font-family: 'Bebas Neue'; font-size: 18px; border-radius: 30px;}
.subscribe-share ul li.subscribe a{ padding: 0 50px;}
.subscribe-share ul li.social{ border-radius: 50%; padding: 0;}
.subscribe-share ul li.social a{ width: 38px; padding: 0;}

.single-blog{ padding-top: 112px;}
.blog-details-section{ padding: 60px 0;}
.blog-details-section h1{ font-family: 'Avenir'; font-weight: normal; font-size: 36px; color: #31006f; margin-bottom: 10px;}
.blog-details-section h2{ font-family: 'Avenir'; font-weight: 900; font-size: 18px; text-transform: uppercase; color: #646464; margin-bottom: 15px;}
.blog-details-section p{ font-size: 18px;}
.blog-details-section ul{ font-size: 18px; color: #646464; padding: 0 0 0 18px; margin: 0 0 20px;}
.blog-details-section ul li{ line-height: 1.3; margin: 0 0 8px; padding: 0 0 0 10px;}
.blog-details-section ol{ font-size: 18px; color: #646464; margin: 0 0 20px; padding: 0 0 0 20px;}
.blog-details-section ol li{ line-height: 1.3; margin: 0 0 8px; padding: 0 0 0 10px;}
.blog-details-section .author{ font-family: 'Avenir'; font-weight: normal; font-size: 28px; color: #646464; font-style: italic; margin-bottom: 10px;}
.blog-details-section .large-thumb img{ width: 100%;}
.blog-details-section .large-thumb{ margin-bottom: 25px;}
.blog-details-section .subscribe-share{ margin-bottom: 25px;}
.blog-details-section .subscribe-share ul{ margin: 0; padding: 0;}
/* ~~~~~~~~~~ blog listing page ~~~~~~~~~~ */

/* ~~~~~~~~~~ custom page styling ~~~~~~~~~~ */
.page-template-tpl_custom_default h1{ font-family: 'Bebas Neue'; font-weight: bold; font-size: 55px; color: #33006f;}
.page-template-tpl_custom_default h2{ font-size: 30px; color: #33006f;}
/* ~~~~~~~~~~ custom page styling ~~~~~~~~~~ */

/* ~~~~~~~~~~ home four blocks with icon styling ~~~~~~~~~~ */
.hone-fifth-main .content-para-half .icon-container{ margin-bottom: 30px;}
.hone-fifth-main .content-para-half .icon-container .icon-box{ display: inline-block; vertical-align: top; width: 100px;}
/* ~~~~~~~~~~ home four blocks with icon styling ~~~~~~~~~~ */

/*for footer sections css*/

.footer{background: #f2f2f2; position: relative;}
.footer-top{ padding: 60px 0 60px;}
.footer:before{content: ""; display: block; position: absolute; background: url(../images/colour-brdr.png)repeat-x; width: 100%; height: 20px; left: 0; top: 0;}
.footer-information p{font-size: 12px; line-height: 1.5;}
.footer-logo{margin-bottom: 15px; max-width: 105px;}
.footer-logo a{display: block;}
.footer-sitemap h6{font-size: 12px; color: #000; margin-bottom: 5px; font-weight: 500;}
.footer-sitemap ul{ padding: 0; margin: 0; list-style: none;}
.footer-sitemap ul li{position: relative; padding: 0; margin: 0;}
.footer-sitemap ul li a{display: block; font-size: 12px; color: #646464;}
.footer-sitemap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.footer-col-five {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.copyright p{font-size: 14px; margin-bottom: 0;}
.copyright{border-top:1px solid #ccc; padding: 10px 0;}



.coming-soon-sec{margin-top: 50px;}
.coming-soon-sec h5{font-size: 40px;   color: #464545;}



.bd-sgup-modal .modal-lg {
    max-width: 100% !important;
}
.custom-class-wrap { background: rgba(229, 65, 121, 0.8); padding: 50px 0;}
.content-all {
    max-width: 1100px;width: 100%;
    margin: 0 auto;
    text-align: center;
}
.content-all h2 {
    color: #fff;
}
.content-all p {
    font-size: 20px;
    color: #fff;
    line-height: 26px;
}
form.sign-up-pp-form label {
    font-size: 24px;
    color: #fff;
    display: block;
    margin-bottom: 10px;
}
form.sign-up-pp-form input {
    height: 52px;
    max-width: 500px;
    width: 100%;
    display: block;
    margin: 15px auto;
    border-radius: 30px;
    border: none;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: normal;
    font-family: 'Avenir';
    color: #646464;
    line-height: 1;
}
form.sign-up-pp-form button.popup-sbmt-btn {
    background: rgba(48, 3, 112, 0.99);
    border: none;
    height: 52px;
    width: 100%;
    max-width: 300px;
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    border-radius: 30px;
    font-family: 'Bebas Neue';
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1;
    cursor: pointer;
}
button.close.mdl-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    opacity: 1;
    border: 2px solid#fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    margin: 5px;
}

.rev_slider_wrapper a.btn.pink-btn {
    width: 250px;
    text-align: center !important;
}

.contact-form-btm {
    max-width: 500px; width: 100%;
    margin: 0 auto;
}
.contact-form-btm h3 { color: #fff; font-family: 'Bebas Neue'; text-transform: uppercase;}
.contact-form-btm input {
    width: 100%;
    height: 50px;
    border-radius: 30px;
    border: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: normal;
    font-family: 'Avenir';
    color: #646464;
    line-height: 1;
}
.contact-form-btm textarea {
    width: 100%;
    border: 0;
    border-radius: 20px;
    padding: 12px;
    height: 140px;
    resize: none;
}
.contact-form-btm input[type=submit] {
    background: rgba(48, 3, 112, 0.99);
    border: none;
    height: 52px;
    width: 100%;
    max-width: 300px;
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    border-radius: 30px;
    font-family: 'Bebas Neue';
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1;
    cursor: pointer;
}

span.wpcf7-not-valid-tip {
    display: none;
}
.contact-form-btm input.wpcf7-not-valid {
    border: 1px solid red;
    box-shadow: 0 0 8px #fff;
}
.contact-form-btm label {
    color: #fff;
}

/*Media Query css*/



@media only screen and ( max-width: 1400px ) {
    
h2 { font-size: 48px;}    
p { font-size: 20px;}
.cust-rating-img i { font-size: 24px;}   
.main_menu ul li a { padding: 14px 12px; font-size: 16px;}    
.lets-talk-link a {  font-size: 16px; }   
.hone-seventh-main .left-cont-para-wrap { padding: 150px 0; max-width: 65%;}    
a.btn { padding: 16px 55px 14px; font-size: 30px;} 
.app-details .content-para-wrap {  max-width: 910px;} 
.hone-app { max-width: 160px;}    
.apple-store-icon{ max-width: 230px;}    
.login-screen { max-width: 430px;  height: 587px;}   
.content-para-wrap {  max-width: 835px;  margin: 0 auto;} 
.login-screen-wrap img {  border-radius: 20px;}    
.login-screen-wrap { max-width: 226px; left: 61px; right: 0; top: 17px; border-radius: 0; bottom: 85px;}
    
.page-template-tpl_custom_default h1{ font-size: 48px;}
    
}



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

.banner-btn-wrap a.arrow { line-height: 48px; font-size: 40px;}
.hone-seventh-main .left-cont-para-wrap { padding: 120px 0; max-width: 75%;}  
.cust-rating-col {  padding: 10px 25px 10px;}    
.grey-bg {  padding-top: 130px;  padding-bottom: 130px;}
    
    /* ~~~~~~~~~~ blog listing page ~~~~~~~~~~ */
    .blog-details-section h1{ font-size: 26px;}
    .blog-details-section .author{ font-size: 18px;}
    /* ~~~~~~~~~~ blog listing page ~~~~~~~~~~ */
  
}


@media only screen and ( max-width: 991px ) {
h2 { font-size: 38px;}    
p { font-size: 16px;}    
.hone-fifth-main { padding: 80px 0 20px;}  
.hone-fifth-main .content-para-half{ margin-bottom: 60px;}
.logo {  width: 110px;}   
.main_menu ul li a { padding: 14px 8px; font-size: 14px;} 
.lets-talk-link a { font-size: 14px; padding: 8px 22px;}   
.two-mob-img { bottom: -95px; max-width: 190px;}
.one-mob-img { bottom: -40px;  max-width: 155px; }   
.three-mob-img { right: 0; bottom: -45px;  max-width: 155px; } 
.three-mobile-img { max-width: 540px; padding-bottom: 330px;}   
.grey-bg {  padding-top: 100px;  padding-bottom: 100px;}     
a.btn { padding: 14px 45px 12px; font-size: 25px;} 
.content-para-wrap { max-width: 615px;}  
.app-details .content-para-wrap { max-width: 615px;}    
.content-para-half {  padding: 0 15px;}  
.cust-rating-col p { font-size: 16px;}    
.content-para-wrap a { font-size: 16px;}
    
    /* ~~~~~~~~~~ styling for team page ~~~~~~~~~~ */
    .team-item.col-md-3{ flex: 0 0 33.333333%; max-width: 33.333333%;}
    /* ~~~~~~~~~~ styling for team page ~~~~~~~~~~ */
    
    /* ~~~~~~~~~~ blog listing page ~~~~~~~~~~ */
    .blog-listing-section .left-col{ margin-bottom: 30px;}
    .blog-listing-section .left-col, .blog-listing-section .right-col{ flex: 0 0 100%; max-width: 100%;}
    /* ~~~~~~~~~~ blog listing page ~~~~~~~~~~ */
    
    .page-template-tpl_custom_default h1{ font-size: 38px;}
}



@media only screen and ( min-width: 768px ) {
.main_menu{ display:block!important; }    
}




@media only screen and ( max-width: 767px ) {
.header-main{ /*position: relative; */     padding: 15px 0 15px 0;}        
.click { display: block; float: right; margin-bottom: 0; margin-top: 9px; cursor: pointer; line-height: 1;}
.click a i { cursor: pointer; color: #fff;}
.home .click a i{ -webkit-text-stroke: 2px #310370;}
.click a{color: #000;}       
.main_menu { cursor:pointer; display: none; background-color:#fff; width:310px; position:absolute; right: 15px; top: 56px; z-index: 666; padding-bottom: 20px;}
.main_menu ul { padding-top:0px; margin-right:0;}
.main_menu ul li { display:block; line-height:30px; background:none;  padding-left:0; padding-right:0; border-top: 1px solid #eee;}

.main_menu ul li.current-menu-item a { color: #f17d17;}
.main_menu ul li a:hover{ color: #fff;}   
.main_menu ul li a { padding: 10px 12px; font-size: 12px; color: #000; text-align:left; display:block;}
.header-main.sticky .main_menu > ul > li > a {color: #f17d17;} 
.header-main.sticky .main_menu > ul > li:hover > a{color: #fff!important;} 
.main_menu ul li:hover { background-color:#f17d17;}
/*.main_menu ul li ul.sub-menu { display: block; position: relative; width: 100%; background: #fff; top: 0; left: 0; visibility: visible; opacity: 1; border: none;} 
.main_menu ul li ul.sub-menu li a{border: none; line-height: 1.4; letter-spacing: 0.1px;} 
.main_menu ul li ul.sub-menu > li > a:hover{color: #fff;}    
.main_menu ul > li >ul.sub-menu:before{display: none;}  
.main_menu ul li ul.sub-menu li { padding: 0 15px 0 30px;}  */   
/*.site-header { position: relative;   background: #310370;} */
.lets-talk-link {  margin-top: 4px; display: none;}  
.mobile-lets-talk{margin-top: 15px; padding: 0 15px;}
.mobile-lets-talk a{background: #e54179; border: none; padding: 8px 26px 8px 26px; font-weight: 900; color: #fff; font-size: 16px; text-transform: uppercase; margin-top: 0; border-radius: 26px; font-family: 'Avenir'; display: block; text-align: center; line-height: 1.8;}    
.header-main.sticky .click a i { -webkit-text-stroke: 2px #383838;} 
.header-main.sticky .click {  margin-top: 13px; } 
    
    /* header adjustments for home and inner pages */
    .page-template{ padding-top: 71px;}
    .single-blog{ padding-top: 71px;}
    /* header adjustments for home and inner pages */
    
.hone-sec-main { padding: 80px 0;}    
.hone-fifth-main { padding: 80px 0 40px;}  
.hone-fifth-main .content-para-half{ margin-bottom: 40px;}
.mobile-lets-talk{display: block;}    
.header-main.sticky .main_menu { margin-top: 0;} 
.header-main.sticky .main_menu ul li a { font-size: 12px;}    
.hone-seventh-main .left-cont-para-wrap {  padding: 100px 0;  max-width: 90%;  text-align: center; margin: 0 auto;}   
.content-para-half { padding: 15px 15px;}    
 a.btn { padding: 14px 40px 12px; font-size: 20px;}   
.two-mob-img { bottom: -54px; max-width: 115px;}   
.one-mob-img { bottom: -26px; max-width: 100px;}   
.three-mob-img { bottom: -26px; max-width: 100px;}   
.three-mobile-img { max-width: 320px; padding-bottom: 200px;}  
       
    /* ~~~~~~~~~~ styling for team page ~~~~~~~~~~ */
    .team-item.col-md-3{ flex: 0 0 50%; max-width: 50%;}
    /* ~~~~~~~~~~ styling for team page ~~~~~~~~~~ */
    
    /* ~~~~~~~~~~ blog listing page ~~~~~~~~~~ */
    .subscribe-share ul li.subscribe a{ padding: 0 30px;}
    /* ~~~~~~~~~~ blog listing page ~~~~~~~~~~ */
}



@media only screen and ( max-width: 599px ) {
.login-screen {  max-width: 300px;  height: 410px;}
.login-screen-wrap {  max-width: 158px;  left: 42px;  right: 0;  top: 11px;  border-radius: 0; bottom: 57px;} 
.login-screen-wrap img { border-radius: 16px;}  
h2 { font-size: 32px;}    
}


@media only screen and ( max-width: 480px ) {
 .two-mob-img { bottom: -46px; max-width: 100px;}   
.one-mob-img { bottom: -35px; max-width: 90px;}   
.three-mob-img { bottom: -35px; max-width: 90px;}   
.three-mobile-img { max-width: 340px; padding-bottom: 200px;}    
.footer-logo {  max-width: 105px; margin: 0 auto 20px auto;} 
.footer-col-five { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; margin-bottom: 15px; margin-top: 15px;}    
    
}
@media only screen and ( max-width: 449px ) {
    /* ~~~~~~~~~~ styling for team page ~~~~~~~~~~ */
    .team-item.col-md-3{ flex: 0 0 100%; max-width: 100%;}
    /* ~~~~~~~~~~ styling for team page ~~~~~~~~~~ */
}


/*Media Query css*/