@charset "utf-8";
/* CSS Document */ 

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { margin:0; padding:0;  font-family: 'Montserrat', sans-serif; font-weight: 400;  -webkit-overflow-scrolling: touch;}

:focus { outline:none;}
ul, li, ol { list-style:none; padding: 0; margin: 0;}
a { text-decoration:none; -webkit-transition:0.5s; color: #494949; transition:0.5s;}
input[type="button"],input[type="submit"] { text-decoration:none; -webkit-transition:0.5s; transition:0.5s;}
a:hover{color:#0072ca; text-decoration: none; outline: none;}
a:focus {text-decoration: none; outline: none;}
a img, img { border:none; vertical-align:middle; max-width:100%; width:auto}

h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: 700;  margin: 0px; padding: 0px; }
p { font-family: 'Montserrat', sans-serif; font-weight: 400; color: #666666; }

:before, :after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

input,
button,
select,
textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button::-moz-focus-inner, 
input::-moz-focus-inner {  padding: 0;  border: 0; }

input[type="checkbox"], 
input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="search"],
input[type="text"],
textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}

table { border-spacing: 0; border-collapse: collapse; }

.row:before, .row:after {display: inline-block !important;}

.container {max-width: 1260px; width: 100%; margin:0 auto;}
.container:before, .container:after { display:table; content:"";}
.container:after { clear:both;}


a.menu-icon { display:none; height:auto; padding:7px 0 7px 0; width:40px; background:rgba(0,0,0,0.2);}
a.menu-icon span { display:block; margin:4px 10px; background:#fff; height:3px;}

a.menu-text { display:none; width:100px; text-align:center; padding:8px 0 5px 0;  margin:0 auto; border:1px solid #000; }
a.menu-text span { display:block; color:#000; text-transform:uppercase; font-family: inherit; font-size:25px;}

.social-icons ul li {display: inline-block; margin-right: 12px;}
.social-icons ul li a {font-size: 16px; color: #fff !important;}

.section-title {  text-align: center; padding: 25px; position: relative;}
.section-title::after {  background-color: #b42573;  bottom: 18px;  content: "";  display: block;  height: 5px;  left: 50%;  position: absolute;  transform: translate(-50%);  width: 179px;}
.section-title::before {  background: rgba(0, 0, 0, 0) url("../images/title-bg.png") no-repeat scroll center center;  content: "";  display: block;  height: 27px;  left: 50%;  position: absolute;  top: 3px;  transform: translate(-50%);  width: 30px;}
.section-title h2 { text-transform: uppercase; margin: 0; color: #b42574;  font-size: 30px;  text-shadow: 2px 3px 2px #fff;}
.section-title p { text-transform: uppercase; margin: 0; color: #b42574;  font-size: 30px;  text-shadow: 2px 3px 2px #fff;}
.section-title span {color: #000;}


.btn.btn-parpal {background-color: #b42573;    color: #fff;    text-transform: uppercase;    padding: 9px 30px;    border-radius: 5px;    font-size: 16px;    font-family: 'Montserrat', sans-serif;    font-weight: 700;}



#header .top_box {
    background-color: #000;
    border-top: 5px solid #b42573;
    padding: 5px 0px;
}

#header .mobile {
    text-align: right;
}

#header .mobile > img {
    vertical-align: middle;
    display: inline-block;
    margin: 0px !important;
    padding: 0px !important;
}
#header .mobile p {
    color: #fff;
    display: inline-block;
    margin: 0px;
    font-size: 14px;
    vertical-align: middle;
    padding-left: 15px;
    line-height: normal;
    margin-top: -3px;
}
#header .mobile p a {
    color: #fff !important;
}

.header-box {
    padding: 10px 0px;
}
#header .logo-box {max-width: 110px;    width: 100%;    display: inline-block;}
#header .logo-box img {width: 100% !important;  height: auto !important;}
#header .main-nav {
    display: inline-block;
    width: calc(100% - 115px);
    position: relative;
    text-align: right;
}
#header .header-block {background-color: #fff;   z-index: 1111;}
#header .header-block.isStuck {position: fixed; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);    width: 100%;    top: 0px;}

.bx-wrapper .bx-controls-direction a.disabled {display: block !important;}

#nav {}
#nav ul {}
#nav ul li {
    display: inline-block;
    position: relative;
    margin: 0px 6px;
    padding: 10px 8px;
}
#nav ul li a {display: block;    font-size: 16px;    color: #b42573;    font-family: 'Montserrat', sans-serif;    font-weight: 600;}
#nav ul li:last-child {margin-right: 0px !important;    padding-right: 0px !important;}
#nav ul li:first-child {margin-left: 0px !important;    padding-left: 0px !important;}

#nav ul li .sub-menu {
    display: none;
    position: absolute;
    width: 170px;
    left: 0px;
    top: 36px;
    padding: 10px;
    background: #000;
}

#nav ul li:hover .sub-menu {display: block;}
#nav ul li .sub-menu li {
    padding: 0px;
    text-align: left;
    width: 100%;
    display: block;
    margin: 0px !important;
}

#nav ul li .sub-menu li a {
    color: #fff !important;
    font-size: 13px;
    position: relative;
    left: 0px;
}

#nav ul li .sub-menu li a:hover {
    color: #fff !important;
    font-size: 13px;
    position: relative;
    left: 5px;
}



#slider {position: relative;}
#slider .slider-box {width: 100%;   height: 100%;   position: relative;}
#slider .slider-box ul li img {width: 100% !important;    height: auto !important;}
#slider .slider-content-block {position: absolute;  width: 100%;    height: 100%;   left: auto; display: block; text-align: left;   top: 28%;}
#slider .slide-content {
    margin: 0 auto;
    width: 100%;
    max-width: 650px;
    background-color: rgba(0,0,0,0.5);
    padding: 20px;
    border-radius: 15px;
    display: table;
    height: 150px;
    position: relative;
}
#slider .slider-content-box h4 {
    color: #fff;
    font-size: 22px;
    margin: 0 auto;
    width: 100%;
    text-transform: capitalize;
    vertical-align: middle;
    display: table-cell !important;
}

#slider .button-box {margin-top: 25px;}
#slider .snow-canvas-wrap {position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    text-align: center;    z-index: 50;    pointer-events: none;}
#slider canvas {position: absolute;    top: 0;    left: 50%;    margin: 0 auto;    pointer-events: none;    width: auto;    height: 100% !important;    transform: translate(-50%, 0%);}


#about {}
#about .about-block { padding: 60px 0px;  position: relative; background-color: #f7f7f7;  /*background-image: url("../images/orenge-bg.jpg"); */   background-repeat: no-repeat;    background-size: cover;    background-attachment: fixed; background-position: top center;}
#about .about-box p {font-size: 17px;    color: #000; font-family: 'Montserrat', sans-serif; font-weight: 400;}
#about .about-thead h1 {
    margin: 20px 0;
    color: #b42573;
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
}
#about .about-box {
    background: #000;
    padding: 30px 40px 15px 40px;
    text-align: justify;
}
#about .about-box p {
    color: #ccc !important;
}
#about .about-box p strong {
    color: #fff;
}
/*#about .about-block::after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    z-index: 1;
    background-color: rgba(0,0,0,0.5);
}*/

#about .about-box h4 {
    color: #000;
}
#about .container {
    position: relative;
    z-index: 2;
}
.thead h1 {
    color: #fff;
    font-size: 2rem;
}

#portfolio_services {}
#portfolio_services .section-title {margin-bottom: 24px;}
#portfolio_services .section-title h2 {color: #000;}
#portfolio_services .section-title::after {background-color: #000;}
#portfolio_services .portfolio_services_block {
    padding: 60px 0;
    border-top: none;
    position: relative;
    /* background-image: url("../images/services-bg.jpg"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: top center;
    background: #b42573;
}
#portfolio_services .portfolio_services_box.even .row .col-md-6:first-child {order: 2 !important;}
#portfolio_services .portfolio_services_box.even .row .col-md-6:last-child {order: 1 !important;}
#portfolio_services .portfolio_services_content_block {width: 100%; height: 100%;   display: table; padding-left: 30px;}
#portfolio_services .portfolio_services_box.even .portfolio_services_content_block {padding-left: 0px !important; padding-right: 30px;}
#portfolio_services .portfolio_services_img img {width: 100%;   height: auto;}
#portfolio_services .portfolio_services_img {width: 100%;   height: 100%;}
#portfolio_services .portfolio_services_content {display: table-cell;   vertical-align: middle; text-align: justify;}
#portfolio_services .portfolio_services_content h4 {
    color: #fff;
    margin: 20px 0;
    text-transform: uppercase;
    font-size: 25px;
    text-align: center !important;
    padding: 0;
}
#portfolio_services .portfolio_services_content p {
    font-size: 17px;
    color: #fff;
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
}
#portfolio_services .portfolio_services_content ul {
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
}
#portfolio_services .portfolio_services_content ul li {position: relative;  padding-left: 20px;}
#portfolio_services .portfolio_services_content ul li::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    position: absolute;
    top: 9px;
    left: 0px;
    border-radius: 50%;
    /* background: #fff; */
}
#portfolio_services .portfolio_services_content ul li p { color: #fff;}

#technology {}
#technology .technology-block {padding: 60px 0;   border-top: none;   position: relative;    background-image: url("../images/Technology.jpg");    background-size: cover;    background-position: top center;    background-repeat: no-repeat;    background-attachment: fixed;}
#technology .section-title span {color: #000;}
#technology .technology-content-box {width: 100%;   max-width: 600px;   margin: 0 auto; text-align: center;}
#technology .technology-content-box h1 {text-transform: capitalize; font-size: 34px;    margin: 0px;    padding-bottom: 18px;}
#technology .technology-content-box p {
    font-size: 19px;
    color: #fff;
    margin: 0px;
    padding-bottom: 15px;
    /* text-shadow: 0px 2px 4px #b42573; */
    line-height: 25px;
}
#technology .technology-block .row {display: -webkit-box;   display: -ms-flexbox;   display: flex;  -ms-flex-wrap: wrap;    flex-wrap: wrap;    margin-right: -15px;    margin-left: -15px; -webkit-box-pack: center !important;    -ms-flex-pack: center !important;   justify-content: center !important;}
#technology .technology-block .row .col-md-2 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; width: auto !important; float: none !important;}
#technology .technology-img.text-center {margin: 35px auto;}
#technology .technology-img.text-center img {max-width: 65px;   width: 100%;}
#technology .technology-block::after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
}
#technology .container {
    position: relative;
    z-index: 2;
}

#game-portfolio .section-title p {
    color: #000 !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.banner_block {    padding: 80px 0;    background-size: cover;    background-position: top center;}
.single_block {    padding: 50px 0;}
.single_content h3 {    font-size: 26px; text-transform: uppercase;    margin-bottom: 10px;}
.btn_box .btn {    font-size: 14px;    padding: 7px 10px;}


.relative_block {    padding: 50px 0;}

.rel_img {    overflow: hidden;}
.rel_img img {  transition: all 0.5s ease-in-out; }
.rel_img:hover img {   transform: scale(1.1);}

#contact {}
#contact .contact-block {padding: 60px 0;   border-top: 2px solid none; position: relative;   background-image: url("../images/contact.jpg");    background-repeat: no-repeat;    background-size: cover;    background-position: center center;}
#contact .content {text-align: center;}
#contact .content h4 {color: #fff;    font-size: 26px;    margin-bottom: 20px;    margin-top: 20px;}
#contact .content p {color: #fff;    font-size: 18px;    max-width: 800px;    margin: 0 auto;    margin-bottom: 15px;}
#contact .contact_form { max-width: 800px;    width: 100%;    margin: 0 auto;    margin-top: 55px;}
#contact .contact_form label {color: #fff;    font-size: 18px;}
#contact .form-control {border: 2px solid #b42573;    width: 100%;    background-color: #fff;    border-radius: 9px;    height: auto;    padding: 12px 15px;    font-size: 18px;   color: #231f20;    box-shadow: none !important;}
#contact .form-control:focus {color: #495057;    background-color: #fff;    border-color: #b42573;    outline: 0;    box-shadow: none;}
#contact textarea.form-control {height: 100px;}
#contact .btn-send {
    padding: 6px 25px 8px 25px;
    font-size: 18px;
    font-weight: bold;
    background-color: #b42573;
    color: #fff;
    border-radius: 50px;
    border: 2px solid #fff;
}
#contact .button-box { width: 100%;    text-align: center;    margin: 0 auto;    padding-top: 20px;}
#contact .contact-block::after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
}
#contact .container {
    position: relative;
    z-index: 2;
}






#instagram {}
#instagram .instagram-block {padding: 60px 0;   border-top: none;  background-image: url("../images/Instagram-bg.jpg");    background-repeat: no-repeat;    background-size: cover;    background-position: center center;   position: relative;    text-align: center;}
#instagram .instagram-box h2 {color: #fff;  font-size: 25px;    margin-bottom: 15px;}
#instagram .instagram-box h4 {color: #fff;    font-size: 18px;    width: 100%;    max-width: 500px;    margin: 0 auto;}
#instagram .instagram-box .button-box {position: relative;    max-width: 283px;    width: 100%;    margin: 0 auto;    padding-top: 55px;    margin-top: 25px;}
#instagram .btn.btn-parple {background-color: #b42573;    color: #fff;    font-size: 18px;    font-weight: 600;    padding: 8px 20px;    border-radius: 50px;    position: relative;    z-index: 111;}
#instagram .instagram-box .button-box::after { content: "";    display: block;    background-image: url("../images/Instagram.png");    width: 70px;    height: 70px;    background-size: 100% 100%;    position: absolute;    top: 0px;    left: 50%;    transform: translate(-50%, 0);    z-index: 1;}

#instagram .instagram-box .section-title h2 {color: #b42574;}

#team {}
#team .section-title h2 {color: #000;}
#team .section-title::after {background-color: #000;}
#team .team-block {position: relative;   padding: 60px 0;   border-top: none;   background-image: url("../images/team-bg.jpg");    background-repeat: no-repeat;    background-size: cover;    background-position: center center;    background-attachment: fixed;}
#team .team-content {padding: 20px;    text-align: center;}
#team .team-content p {color: #fff;    line-height: 27px;}
#team .table {margin: 0px;    padding: 0px;    border: none !important;}
#team .table td { margin: 0px;    padding: 0px;    border: none !important;}
#team .table img { width: 100%;}





div.wpcf7-validation-errors {border: none !important;    color: #fff;    background-color: red;    padding: 10px 20px;    border-radius: 5px;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-spam-blocked {background-color: #fff;    border: none;    color: #000;     padding: 10px 20px;    border-radius: 5px;}
input.wpcf7-form-control.wpcf7-intl-tel.wpcf7-intl_tel.wpcf7-validates-as-required.teli { border: none !important;    padding: 12px 15px 12px 62px; background-color: #fff;    border-radius: 9px;}


input.wpcf7-form-control.wpcf7-intl-tel.wpcf7-intl_tel.wpcf7-validates-as-required.teli {
    border: none !important;
    padding: 12px 15px 12px 15px;
    background-color: #fff;
    border-radius: 9px;
    width: calc(100% - 50px) !important;
    margin-left: 50px;
}
.intl-tel-input {position: relative;    display: inline-block;    border: none !important;}
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { right: auto;    left: 0;    border-right: 2px solid #b42573 !important;    z-index: 111;}
.thumbnail img {width: 100%;}

.banner_block {padding: 80px 0;    background-size: cover;    background-position: top center;}
.single_block {padding: 50px 0;}
.single_content h3 {font-size: 26px; text-transform: uppercase;    margin-bottom: 10px;}
.relative_block {padding: 50px 0;}


a.btn.btn-parpal .svg-inline--fa {font-size: 18px;    display: inline-block;    margin-right: 2px;    line-height: 15px;    vertical-align: middle;}
a.btn.btn-parpal .svg-inline--fa.fa-play {font-size: 15px !important;}
a.btn.btn-parpal .svg-inline--fa.fa-apple {font-size: 23px;    line-height: 15px !important;    margin-top: -4px;}

#contact .contact_form br {display: none !important;}
#contact .contact_form label {color: #fff;    font-size: 18px;    display: block;    text-align: left;    margin-bottom: 5px;}
.card-body {border: none;    padding: 0px;}
.card_content { border: 1px solid #eee;    width: 100%;    position: relative;    padding: 20px;    overflow: hidden;    border-radius: 20px;}
.card { border: none;    border-radius: 0px;}
.card .btn_box.text-center {border: 1px solid #eee;    padding: 10px;    margin-top: 10px;    margin-bottom: 25px;}



#popup.d-none {width: 0px !important;    height: 0px !important;    z-index: 1 !important;    top: auto !important;    left: auto !important;    right: auto !important;    bottom: auto !important;    position: relative !important;}
#popup {width: 100%;    position: fixed;    background-color: rgba(0,0,0,0.5);    z-index: 111111111111111;    top: 0;    left: 0;    right: 0;    bottom: 0;}
.pop-block {position: absolute;    max-width: 530px;    padding: 15px 50px;    text-align: center;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    background: #fff;    border: 1px solid #000;    border-radius: 5px;    overflow: hidden;    max-height: 90%;    overflow-y: auto !important;}
#close_icons {font-size: 18px;    color: #000;    position: absolute;    right: 15px;    top: 15px;    z-index: 1111;    cursor: pointer;}
.logo_boxs {display: block;    max-width: 120px;    margin: 0 auto;}
.pop-block h4 {color: #b42573;    font-family: 'Montserrat', sans-serif;    font-weight: 600;    font-size: 24px;}
#popup1 h4 {margin: 30px 0 20px 0px;}
.popups-box p {font-size: 17px;    color: #000;    font-family: 'Montserrat', sans-serif;    font-weight: 400;    margin-bottom: 10px;}
#popup1 p {margin-bottom: 25px;}
#continue {border-radius: 0px; box-shadow: none !important;}
#popup .form-control {border: 2px solid #b42573;    width: 100%;    background-color: #fff;    border-radius: 0;    height: auto;    padding: 12px 15px;    font-size: 18px;    color: #231f20;    box-shadow: none !important;}
#popup .custom-select { border: 2px solid #b42573;    width: 100%;    border-radius: 0;    height: auto;    padding: 12px 15px;    font-size: 18px;    color: #231f20;    box-shadow: none !important;}
#popup .form-control:focus {color: #495057;    background-color: #fff;    border-color: #b42573;    outline: 0;    box-shadow: none;}
#popup .btn-send {background-color: #b42573;    padding: 12px;    font-size: 18px;    font-weight: bold;    color: #fff;    border-radius: 0;    width: 100%;    border: none;}
#popup .form_blox .button-box { width: 100%;    text-align: center;    margin: 0 auto;    }
#popup2 h4 {margin-top: 10px;    margin-bottom: 6px;}
#popup2 p {margin-bottom: 15px;}




#popup span.wpcf7-form-control-wrap.intl_tel-111 {
    border-radius: 0 !important;
}

#popup input.wpcf7-form-control.wpcf7-intl-tel.wpcf7-intl_tel.wpcf7-validates-as-required.teli {
    border-radius: 0px !important;
}


.intl-tel-input.allow-dropdown {
    border: 2px solid #b42573 !important;
    width: 100%;
    background-color: #fff;
    border-radius: 9px;
    height: auto;
    font-size: 18px;
    color: #231f20;
    box-shadow: none !important;
    padding: 0px;
    display: block;
    border-radius: 9px;
}

#popup .intl-tel-input.allow-dropdown{
    border-radius: 0px !important;
 }




 .touch h4 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 15px;
}

.touch h5 {
    color: #fff;
    font-size: 19px;
    margin-bottom: 15px;
}



.footer-content ul li {
    display: block;
    position: relative;
    min-height: 50px;
    padding-left: 45px;
    text-align: left;
}
.footer-content ul li img {
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.footer-content ul li a {
    color: #000 !important;
    font-size: 16px;
    padding-top: 5px !important;
    display: inline-block;
}

.footer-content ul li p {
    color: #000 !important;
    font-size: 16px !important;
}

.footer-content ul {
    width: 100%;
    max-width: 210px;
    margin: 0 auto;
}

header#header {
    height: 158px;
}

#popup .logo_boxs img {
    width: 100% !important;
    height: auto !important;
}

.pagelist ul li {
    margin-left: 24px;
    list-style: disc;
}


#faq {}
#faq .faq-block {padding: 60px 0px}
#faq p {font-size: 15px;    line-height: 20px;    color: #000;    margin-bottom: 15px;    text-align: justify;}
#faq #accordion p {font-size: 15px;    line-height: 20px;  color: #000;      margin-bottom: 15px;    text-align: justify;}
#faq #accordion ul li {font-size: 15px;    line-height: 20px; color: #000;}
#faq .card {border: none !important;    background-color: transparent !important;   border-bottom: 1px solid #ccc !important;   padding: 5px 0px;   border-radius: 0px;}
#faq .card-header {background-color: transparent !important;    border: none !important;    padding: 0 !important;}
#faq .card-link {border: none !important;    text-align: left !important;    position: relative;    padding: 15px 25px 15px 0px;    display: block;    background-color: transparent;    border-radius: 5px;    font-size: 16px;    color: #000 !important;    margin: 0px;    font-family: 'Myriad Pro bold';    letter-spacing: 1px;    text-transform: uppercase;}
#faq .card-link.collapsed::after { content: "+";    font-size: 23px;    display: block;    color: #000;    position: absolute;    top: 50%;    right: 0;    -webkit-transform: translate(0, -50%);    transform: translate(0, -50%);    font-family: 'Myriad Pro bold';}
#faq .card-link::after { content: "-";    font-size: 23px;    display: block;    color: #000;    position: absolute;    top: 44%;    right: 0;    -webkit-transform: translate(0, -50%);    transform: translate(0, -50%);   font-family: 'Myriad Pro bold';}
#faq .card-body.faq-content {padding: 5px 0;}
#faq .card-body.faq-content p {color: #000 !important;}
#faq #accordion h1 {font-size: 26px;    color: #c0b55e;    margin: 25px 0px 10px 0;}
#faq .Privacy_boxs h1 {font-size: 22px;    color: #b42573;    margin: 25px 0px 10px 0;}
#faq .Privacy_boxs h4 {font-size: 20px; color: #000;    margin: 25px 0px 10px 0;}
#faq .Privacy_boxs p {font-size: 16px;  line-height: 22px;  color: #000;    margin-bottom: 15px;    text-align: justify;}
#faq .sub_contents {padding-left: 30px;}

.titlefaq h1{
    padding-bottom: 30px;
    font-size: 2rem;
}

.Privacy_boxs i {font-size: 16px;    color: #000;   font-family: 'Myriad Pro bold';}

.card-body.faq-content ul li {list-style: disc;    margin-left: 15px;}
.card-body.faq-content p.title ~ ul {margin-bottom: 15px;}
.card-body.faq-content p.title {margin-bottom: 10px;}
.content-box.text-center p {text-align: center !important;}


#section1 {background-image: url(../images/HelpCommunities-section1.jpg);    background-repeat: no-repeat;    background-size: cover;    background-position: right;    height: 725px;    text-align: center;}
.foundation-block {    display: flex;   align-items: center;    width: 100% !important;}
.foundation_content h1 {color: #b42573; font-size: 24px; line-height: 33px; margin-bottom: 14px;}
.foundation_content h2 {color: #b42573; font-size: 24px; line-height: 33px; margin-bottom: 14px;}

.foundation_content {width: 45%;    margin: 0 auto; text-align: center;}
.arrow_box.offsets a {margin: 0 auto;   display: block; width: 50px;    height: 50px;   border: 3px solid #b42573;  border-radius: 50%; margin-top: 50px;   line-height: normal; padding-top: 11px;}
.arrow_box.offsets a i{color: #b42573;  font-size: 25px;}
.foundation_content p {font-size: 17px; line-height: 22px;   color: #000;}
.foundation_content ul li {
    color: #fff !important;
    margin: 0 auto;
    text-align: justify;
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 22px;
    margin-left: 20px;
    list-style: disc;
}

.sub_contents h4 {
    font-size: 20px;
    line-height: 40px;
}

#section2 {justify-content: right;   justify-content: flex-end;}
#section2 {background-image: url(../images/forsakenvoices-section2.jpg);    background-repeat: no-repeat;    background-size: cover;    background-position: top left;    text-align: center;    padding: 100px 0px;    background-attachment: fixed;}
#section2 .foundation_content {width: 50%;    padding-top: 0;    text-align: center;    margin: 0px;    padding-right: 5%;}

#section2 .foundation_content p {color: #fff;}
#section2 p a {color: #b42573!important;}
#section2 .sub_contents h4 {color: #fff;    text-align: left;   margin-bottom: 10px;}
#section2 .read_more a {color: #b42573 !important;}
#section2 .read_more i.fa {
    border: 2px solid #b42573;
    color: #b42573;
    padding: 0px;
    padding-left: 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 25px;
    margin-left: 10px;
    font-size: 18px;
}
#section2 .read_more a:hover{color: #fff !important;}
#section2 .read_more a:hover i.fa{color: #fff !important;   border: 2px solid #fff !important;}


#section3 {background-image: url(../images/blessitforward-section3.jpg);    background-repeat: no-repeat;    background-size: cover;    background-position: center right;    text-align: center;    padding: 100px 0px;    background-attachment: fixed;}
#section3 .foundation_content { width: 50%; padding-top: 0; text-align: center; margin: 0px;    float: none;    padding-left:5%;}

#section3 .foundation_content p {font-size: 18px;   line-height: 23px;  color: #fff;}
#section3 p a {color: #b42573!important;}
#section3 .sub_contents h4 {color: #fff;    text-align: left;   margin-bottom: 10px;}
#section3 .read_more a {color: #b42573 !important;}
#section3 .read_more i.fa {
    border: 2px solid #b42573;
    color: #b42573;
    padding: 0px;
    padding-left: 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 25px;
    margin-left: 10px;
    font-size: 18px;
}
#section3 .read_more a:hover{color: #fff !important;}
#section3 .read_more a:hover i.fa{color: #fff !important;   border: 2px solid #fff !important;}

#section4 img, #section5 img {width: 100% !important;    height: auto !important;}




#game-portfolio {}
#game-portfolio .game-portfolio-block {position: relative; border-top: none;  padding: 60px 0px;}
#game-portfolio .col-md-3, #game-portfolio .col-md-4 {margin: 15px 0;}
#game-portfolio .portfolio_box {
    width: 100%;
    height: 100%;
    display: block;
    background: #f7f7f7;
    box-shadow: 0px 0px 4px #ccc;
    overflow: hidden;
}
#game-portfolio .portfolio_img.whsame {
    width: 100%;
    position: relative;
    overflow: hidden;
}
#game-portfolio .portfolio_img.whsame img {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    width: 100%;
    height: auto;
    /* max-width: none; */
}

#game-portfolio .portfolio_content {
    padding: 20px 10px;
    text-align: center;
}

#game-portfolio .portfolio_content h4 {
    color: #000;
    font-size: 18px;
    margin-bottom: 15px;
}

#game-portfolio .portfolio_content .btn_box .btn {
    padding: 0px;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0px 2px;
    box-shadow: none !important;
}

#game-portfolio .btn.btn-parpal i {
    font-size: 22px;
    line-height: 40px !important;
    height: auto;
}
#game-portfolio .btn.btn-parpal i.fab.fa-apple {
    font-size: 27px !important;
    line-height: 36px !important;
}



#footer {}
#footer .footer-block {
    background: #fff;
    padding: 50px 0px 40px 0;
    text-align: center;
}
#footer .info_box {text-align: center;}
#footer .logo_boxs img {width: 100%;    height: auto;}
#footer .logo_boxs {margin-bottom: 15px;}
#footer .footer-block p {color: #000;    font-size: 14px;}
#footer .footer-block h4 {color: #000;    font-size: 20px;    text-transform: uppercase;    margin-bottom: 8px;}
#footer .get_in_touch p {margin: 0px;}
#footer .get_in_touch ul li {position: relative;    width: 100%;    height: 35px;    vertical-align: middle;    line-height: 27px;    margin-top: 8px;}
#footer .get_in_touch ul li img {display: inline-block;    width: 35px;    margin-right: 10px;    vertical-align: middle;}
#footer .get_in_touch ul li p {display: inline-block;    line-height: 19px;    vertical-align: middle;    margin: 0px;    padding: 0px;}
#footer .get_in_touch ul li a {display: inline-block;    line-height: 19px;    vertical-align: middle;    color: #000;    font-size: 14px;}
#footer .other_info ul li {margin-bottom: 2px;    display: block;}
#footer .other_info ul li a {color: #000;    font-size: 15px;}
#footer .other_info ul li a:hover {color: #b42573;}
#footer .get_in_touch ul {text-align: left;    width: 100%;    display: block;    margin: 0 auto;    max-width: 200px;}
#footer .footer-bottom {background: #b42573;    text-align: center;    padding: 15px;}
#footer .footer-bottom p {font-size: 15px;    color: #fff;    line-height: 16px;    margin: 0px;    text-transform: uppercase;    letter-spacing: 0.5px;}
#footer .col-md-2 {
    -ms-flex: 0 0 12%;
    flex: 0 0 12%;
    max-width: 12%;
}
#footer .col-md-3 {
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
}
#footer .instagram h6 {
    font-size: 15px;
    margin-bottom: 6px;
}





#footer .instagram .btn.btn-parple {
    background-color: #b42573;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 5px;
    border-radius: 50px;
    position: relative;
    z-index: 111;
    width: 100%;
}
#footer .instagram .button-box {
    position: relative;
    max-width: 283px;
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
    margin-top: 15px;
}

#footer .instagram .button-box::after {
    content: "";
    display: none;
    background-image: url("../images/Instagram.png");
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;
}

#footer .logos_blocks ul li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
#footer .logos_blocks ul li:last-child {
    margin-bottom: 0px;
}






#banner {}
#banner .banner-block {
    padding: 100px 0px 70px 0px;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

#banner .banner-block h1 {
    color: #fff;
    text-transform: capitalize;
    font-size: 30px;
    margin-bottom: 20px;
}

#banner .banner-block p {
    color: #fff;
    text-transform: capitalize;
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 700;
}
#banner .banner-block ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    padding-right: 25px;
    position: relative;
}
#banner .banner-block ul li a{
    font-size: 16px;
    color: #fff !important;
}

#banner .banner-block ul li::after {
    content: "/";
    display: block;
    position: absolute;
    top: 0px;
    right: 10px;
    color: #fff;
}

#banner .banner-block ul li:last-child {
    padding-right: 0px;
}

#banner .banner-block ul li:last-child::after {
    display: none;
}




#department {
    padding-top: 60px;
}
#department .title_box {
    border-bottom: 1px solid #909090;
    border-top: 1px solid #909090;
    padding: 7px 0;
    margin-top: 27px;
    position: relative;
}
#department .title_box p i.fa {
    margin-left: 10px;
    margin-right: 3px;
}
#department .title_box::after {
    content: "";
    display: block;
    width: 133px;
    height: 5px;
    position: absolute;
    background: #b42573;
    left: 91px;
    bottom: -1px;
}
#department .result_box.text-center p {
    margin: 50px 0px;
}




.social_icons ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
}

.social_icons ul li {
    padding: 7px;
}

.social_icons ul li img {
    max-width: 45px;
}

section, footer {
    overflow: hidden;
}






.portfolio_con {
    display: block;
    margin: 5px auto;
    max-width: 845px;
    text-align: center;
}

.portfolio_con p {
    font-size: 20px;
    color: #000;
}




#game-portfolio .owl-next {
    position: absolute;
    width: 40px;
    top: 35%;
    transform: translate(0%,-50%);
    right: 4px;
    outline: none !important;
    text-decoration: none !important;
}
#game-portfolio .owl-prev {
    position: absolute;
    width: 40px;
    top: 35%;
    transform: translate(0%,-50%);
    left: 4px;
    outline: none !important;
    text-decoration: none !important;
}

#game-portfolio .left-navigation {
    background-image: url(../images/left-nav.jpg);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

#game-portfolio .right-navigation {
    background-image: url(../images/right-nav.jpg);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}


#portfolio_services .portfolio_services_content h4 {
    text-align: left;
}

#portfolio_services .portfolio_services_content ul.newlist > li::after {
    background: #fff;
    width: 8px;
    height: 8px;
    border: none;
}

#portfolio_services .portfolio_services_content ul.newlist > li > ul {
    margin-top: 0;
}

#portfolio_services .portfolio_services_content ul li p {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}