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


/*..............embedded fonts..............*/

/*..............custom fonts..............*/

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

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

/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: 'TTNorms'; font-size:18px; font-weight: normal; color:#3e3e3e;}
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin:0 0 20px; padding:0; font-family: 'TTNorms'; font-weight: bold;}
h1{ font-size:62px;}
h2{ font-size:62px;}
h3{ font-size:42px;}
h4{ font-size:30px; font-weight: normal;}
h5{ font-size:22px; font-weight: normal;}
h6{ font-size:20px; font-weight: normal;}
p{ font-size:18px; color: #3e3e3e; font-weight: normal; margin:0 0 20px; padding:0;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #179ae2; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 16px; outline: none;}
input[type="submit"]{ font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; transition:all 0.3s ease 0s; 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 { border: 0; display: inline-block; vertical-align: top; background: #769fcd; color: #fff; padding: 14px 35px; font-size: 18px;}
.btn.solid-color { background: #f00; color: #fff; }
.btn.border { background:none; color: #769fcd; border: 2px solid #769fcd; }
.btn.rounded { border-radius: 50px !important;}
.btn.medium-size { /* Your custom Styles */ }
.btn.large-size { /* Your custom Styles */}
/* --- 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..............*/

.click { display:none;}
.main_menu a.closebtn{
    display: none;
    }


/*for header css*/
.main-header {    padding: 40px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;}
/*.main-header .container-fluid, .purple_section .container-fluid, .help_section .container-fluid,*/ .container-fluid.inner_wrap{ width: calc(100% - 50px);}
.work_section .inner_wrap{width: calc(100% - 150px);}
.logo { float: left;}
.dnt-btn { float: right; margin-left: 10px; padding-top: 5px;}
.gradient_btn { background-image: linear-gradient(to right, #b4087d , #75018b); color: #fff; border-radius: 6px; padding: 16px 30px;}
a.gradient_btn{color: #fff;}
.gradient_btn span{    line-height: 0;
    position: relative;
    top: -2px;
    margin-right: 10px;}
.click { color: #f6f6f6; float: right; font-size: 28px;}
.main_menu { float: right; }
.main_menu ul { margin: 0; padding: 0; list-style: none;}
.main_menu ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 25px;}
.main_menu ul li a { display: block; padding: 19px 0; color: #fff;}
.main_menu ul li:hover a, .main_menu ul li.current-menu-item a { color: #b6097c;}
img.inner_logo {width: 60% !important;}
h2#terms-and-conditions {font-size: 20px; color: #F00098;text-transform: uppercase;font-weight: 600;}
h2#privacy-policy {font-size: 20px; color: #F00098;text-transform: uppercase;font-weight: 600;}
h2#cookie-policy {font-size: 20px; color: #F00098;text-transform: uppercase;font-weight: 600;}
h1#digital-terms-of-use {font-size: 40px; font-weight: 300;}



/*for header css*/

.slider-wrap { position: relative; background: #292929; /*padding: 50% 0 0;*/ }
.slider-wrap img{width: 100%;}
.wave_design{position: absolute; top: 0; left: 0; right: 0; overflow: hidden;}

.slider_content{position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; z-index: 1;}
.banner_text{color: #eb008d; text-transform: uppercase; font-weight:600; font-size: 22px;}
.banner_heading{color: #fff; font-weight: normal;}

/*for main sections css*/
.content-block--inner a {color: #66008B;text-decoration: underline;}
main.main-section { padding: 80px 0;}
.main_bg{ background: #f2f2f2; position: relative;}
.main_bg:before{ background: url(../images/pattern.png) repeat top left; top: 0; bottom: 0; right: 0; left: 0; content: ""; position: absolute;}
.purple_section{padding-bottom: 70px}
.purple_section .container-fluid{background-repeat: no-repeat; background-size: cover;}
.purple_bg{background-repeat: no-repeat; background-size: cover; background-position: top center; padding: 8% 19%; border-radius: 10px; margin-top: -40px; position: relative; z-index: 1;}
.purple_content{text-align: center;}
.purple_arrow{margin-bottom: 40px;}
.purple_content h3, .purple_content h5{font-weight: normal;}
.help_section {margin-bottom: 70px;}
.help_bg{background: #fff;  padding: 8% 2%;}
.main_heading{font-weight: normal; color: #3e3e3e; margin-bottom: 50px;}
.icon_box{text-align: center;}
.help_content{padding-top: 25px;}
.help_content h5 a{color: #3e3e3e;}
.work_box{background: #fff; border-radius: 7px; height: 100%;}
.work_content{text-align: center; padding: 32px 20px;}
.work_pic{border-radius: 5px; overflow: hidden;}
.work_pic a{display: block;}
.work_pic img{width: 100%;}
.work_content h5 a{font-family: 'TTNorms'; color: #3f3e3e;}
.work_section{padding-bottom: 70px;}
.experience_section{padding-bottom: 70px;}
.experience_bg{background: #292929; padding: 8% 2%; border-radius: 5px;}
.explogo_list{padding-left: 0; margin-bottom: 0; text-align: center;}
.explogo_list li{display: inline-block; width: 20%; text-align: center; margin: 30px 20px; list-style: none;}
.explogo_list li a:hover{opacity: 0.5;}
.contact_box{background: #fff; padding: 8% 10%;}
.contact_section{padding-bottom: 70px;}
.contact_form .form-group{ margin-bottom: 8px;}
.contact_form .form-control{border-radius: 0; border: 1px solid #e6e6e6; height: 50px; font-size: 22px;}
.contact_form textarea.form-control{height: auto;}
.purple_content h3{margin-bottom: 50px;}
.help_content h5{margin-bottom: 0;}
.work_section .col-md-4{padding-right: 7px;padding-left: 7px;}
.wave_design { height: 88vh;}
.slider-wrap { height: 90vh;}
section.content-block {margin: 10% 25%;}
/*for main sections css*/

/*for footer sections css*/
.ftr-bg{background-repeat: no-repeat; background-position: top center; background-size: cover; padding: 8% 19%; text-align: center;}
.ftr-top { background: #fff; padding: 75px 0;}
.ftr-logo { margin: 0 0 30px;}
.foot_address p a, .foot_bottom p a{color: #fff; text-decoration: underline;}
.foot_bottom{margin-top: 50px; text-align: center;}
.ftr-menu ul { margin: 0; padding: 0; list-style: none;}
.ftr-menu ul li { line-height: 38px; text-transform:capitalize;}
.ftr-menu ul li a { color: #000;}
.ftr-btm { background: #1a1a1a; padding: 35px 0; text-align: center; color: #fff;}
.ftr-btm p { padding: 0 0 10px;}
ul.copyrht-menu { margin: 0; padding: 0; list-style: none;}
ul.copyrht-menu li { list-style: none; display: inline-block; border-left: 1px solid #fff; padding: 0 10px; line-height: 16px;}
ul.copyrht-menu li:first-child { border: 0;}
ul.copyrht-menu li a { color: #fff;}
.ftr-col h4 { text-transform: uppercase; font-weight: 500;}
ul.ftr-social { margin: 0 0 30px; padding: 0; list-style: none;}
ul.ftr-social li { list-style: none; display: inline-block; font-size: 18px; margin-right: 10px;}
ul.ftr-social li i { width: 34px; height: 34px; border-radius: 50%; text-align: center; line-height: 34px; color: #fff;}
ul.ftr-social li i.fa-facebook { background: #3b5998;}
ul.ftr-social li i.fa-instagram { background: #3f729b;}
ul.ftr-social li i.fa-youtube { background: #c4302b;}
ul.adrs { margin: 0; padding: 0; list-style: none;}
ul.adrs li { margin: 0 0 15px; padding-left: 36px; position: relative; line-height: 30px;}
ul.adrs li img { position: absolute; left: 0; top: 4px;}
.foot_text h6{font-weight: bold;}
.foot_bottom p{margin-bottom: 0;}
.foot_address p, .foot_bottom p{font-size: 20px}
#error, #success{text-align: center;}
/*for footer sections css*/

/*Media Query css*/
@media only screen and ( min-width:1601px ) {
    .container { width: 1200px;}
}
@media only screen and ( max-width:1700px ) {
    .purple_bg { padding: 8% 12%;}
}
@media only screen and ( max-width:1366px ) {
    .purple_bg { padding: 8% 8%;}
}
@media only screen and ( max-width:1200px ) {
    .explogo_list li { width: 20%; margin: 20px 15px;}
    .purple_bg { padding: 8% 5%;}
}
@media only screen and ( max-width:1024px ) {
    h1 {font-size: 42px;}
    h2{ font-size:42px;}
    h3{ font-size:35px;}
    h4{ font-size:25px;}
    .main-header { padding: 20px 0;}
    .gradient_btn {padding: 9px 15px;}
    .main_menu ul li a { padding: 14px 0;}
    .purple_bg { padding: 8% 6%;}
    .purple_section, .work_section, .experience_section, .contact_section{ padding-bottom: 40px;}
    .help_section { margin-bottom: 40px;}
    .main_heading { margin-bottom: 30px;}
    .ftr-bg {padding: 8% 6%;}
    .wave_design .canvas{height: auto !important;}
    .wave_design { height: 78vh;}
    .slider-wrap { height: 80vh;}

}
@media only screen and ( max-width: 991px ) {
    .experience_bg, .contact_box, .help_bg { padding: 4% 2%;}
    .work_content { padding: 15px 7px;}
    .work_content h5{margin-bottom: 0;}
    .main_heading { margin-bottom: 20px;}
    /*.wave_design { height: 80vh;}*/
}
@media only screen and ( min-width: 768px ) {
    .main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }
    /*.wave_design { height: 70vh;}*/
    
}
@media only screen and ( max-width: 767px ) {
 /*.click{
        display: block;
        cursor: pointer;
        margin-top: 6px; 
    }
    .main_menu a.closebtn{
        color: #f6f6f6;
        display: block;
    }*/
    
    /*-- For_mob_menu(Start) --*/
    /*.main_menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0 !important;
    background-color: rgba(0, 0, 0, 0.97);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 999;
    }

    .main_menu a {
        display: block;
        transition: 0.3s;
    }

    .main_menu a:hover {
        color: #333;
    }

    .main_menu .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }*/

    /*-- For_mob_menu(End) --*/
    /*.main_menu ul li{margin: 0 0px; display: block;}*/
    .main_menu ul li a{padding: 10px 10px;}
    .container-fluid.inner_wrap { width: calc(100% - 0px);}
    .work_section .inner_wrap { width: calc(100% - 50px);}
    .work_box{margin-bottom: 15px; height: auto;}
    h1, h2, h3, h4, h5, h6, p{margin-bottom: 10px;}
     h1 {font-size: 35px;}
    h2{ font-size:35px;}
    h3{ font-size:30px;}
    h4{ font-size:22px;}
h5{ font-size:20px;}
h6{ font-size:18px;}
p{ font-size:16px;}
.foot_address p, .foot_bottom p{font-size: 18px}
.purple_bg { padding: 5% 3%; border-radius: 6px; margin-top: -15px;}
.icon_box{margin-bottom: 20px;}
.main_heading { margin-bottom: 15px;}
.explogo_list li { width: 25%; margin: 6px 15px;}
.ftr-bg { padding: 4% 0;}
/*.wave_design { height: 60vh;}*/

.main_menu ul li { margin: 0 5px;}
.work_section .col-md-4{padding-right: 15px; padding-left: 15px;}


}
@media only screen and ( max-width: 550px ) {
/*.slider_content { top: inherit; transform: inherit; bottom: 30px; padding: 0 6px;}*/
.main-header {padding: 10px 0;}
.help_content { padding-top: 10px;}
.contact_form .form-control { height: 40px; font-size: 16px;}
.work_section .inner_wrap { width: calc(100% - 0px);}
.purple_section, .work_section, .experience_section, .contact_section { padding-bottom: 20px;}
.help_section {margin-bottom: 20px;}
.ftr-logo { margin: 0 auto 15px; width: 130px;}
.foot_bottom { margin-top: 10px;}

.slider-wrap {
    padding: 80% 0 0;
    overflow: hidden;
}
.logo{width: 130px;}
.wave_design {
    height: 80vh;
}
.slider-wrap {
    height: 85vh;
}
.purple_content h3{margin-bottom: 30px;}

}
@media only screen and ( max-width: 480px ) {
 h1 {font-size: 28px;}
    h2{ font-size:28px;}
    h3{ font-size:25px;}
    .banner_text, .banner_heading{margin-bottom: 0;}
    .logo { width: 100px;}
    .dnt-btn .gradient_btn {padding: 8px 12px;}
    .btn{font-size: 14px;}
    .main-header .gradient_btn span { margin-right: 5px;}
    .click { margin-top: 2px;}
    .main-header { padding: 5px 0;}
    /*.slider_content { bottom: 14px;}*/
    .purple_bg { margin-top: -8px;}
    /*.wave_design {height: 48vh;}*/

    /*-- --*/

    .main_menu ul li a {padding: 10px 1px; font-size: 12px;}
    .dnt-btn .gradient_btn { padding: 4px 7px; font-size: 12px;}
    .dnt-btn {margin-left: 6px;}
    .dnt-btn .gradient_btn span img{ width: 14px;}

}
@media only screen and ( max-width: 380px ) {
    .logo { width: 80px;}
.dnt-btn .gradient_btn { padding: 6px 6px;}
.main-header .gradient_btn span { margin-right: 1px;}
.click { margin-top: 6px; font-size: 20px;}
.explogo_list li { width: 35%;}
.purple_bg { margin-top: -6px;}
/*.slider_content { bottom: 9px;}*/
    h1 {font-size: 26px;}
    h2{ font-size:26px;}
    h3{ font-size:24px;}
    .main_menu ul li { margin: 0 2px;}
    /*.wave_design { height: 40vh;}*/
}

/*Media Query css*/