
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 1;
color: #242424; line-height: 30px;
font-size: 16px; 
font-family: 'Poppins', sans-serif;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }

ol, ul {
/*list-style: none; */
    
}
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
body {
/* font-family: 'Montserrat', sans-serif;*/
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: 0; 
    /*background-image:url(../img/hull_img.jpg);*/
}
img {
max-width: 100%; }
a,
a:hover,
a:focus {
cursor: pointer !important;
outline: none;
text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 {
  
  font-size: 500;
 }
ul, li {
margin: 0;
padding: 0;
/*list-style: none;*/ }
strong {
font-weight: 700; }
/*scroolbar*/
::-webkit-scrollbar-track{
background: #F83256;
background: -moz-linear-gradient(left,  #F83256 0%, #860221 50%, #660018 51%, #e1093b 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#F83256), color-stop(50%,#860221), color-stop(51%,#660018), color-stop(100%,#e1093b));
background: -webkit-linear-gradient(left,  #F83256 0%,#860221 50%,#660018 51%,#e1093b 100%);
background: -o-linear-gradient(left,  #F83256 0%,#860221 50%,#660018 51%,#e1093b 100%);
background: -ms-linear-gradient(left,  #F83256 0%,#860221 50%,#660018 51%,#e1093b 100%);
background: linear-gradient(to right,  #F83256 0%,#860221 50%,#660018 51%,#e1093b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F83256', endColorstr='#e1093b',GradientType=1 );
}
::-webkit-scrollbar{
width: 10px;
background-color: #000;
}
::-webkit-scrollbar-thumb{
background: #F83256;
background: -moz-linear-gradient(-45deg,  #F83256 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#F83256), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
background: -webkit-linear-gradient(-45deg,  #F83256 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
background: -o-linear-gradient(-45deg,  #F83256 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
background: -ms-linear-gradient(-45deg,  #F83256 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
background: linear-gradient(135deg,  #F83256 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F83256', endColorstr='#0a0809',GradientType=1 );
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
cursor:pointer;
}
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader {
display: none;
}
.js #loader {
display: block;
position: absolute;
left: 100px;
top: 0;
}
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999999;
background: url(../img/loader_ico.gif) center no-repeat #fff;
}
/* --------------------------------
menue style
-------------------------------- */

.navbar.active_sc .navbar-brand{
padding-top: 0;
}
.navbar.navbar-expand-lg{
background: none;
transition: 0.3s all;
z-index: 100;

}
.navbar.navbar-expand-lg .nav-item a:hover{
color: #242424;
}
.navbar-light .navbar-brand{
padding-top: 10px;
}
.navbar .nav-item a{
color: #181818;
font-weight: 400;
font-size: 14px;

text-transform: uppercase;
}
.navbar .nav-item a {
    border-right: 1px solid #181818;
    padding: 0 20px !important;
    line-height: 20px;
}.navbar .nav-item a:hover {
  color: #9d231f;
}

.navbar .nav-item:last-child a {
    border: none; padding-right: 0px !important;
}
.topbar_background a,.topbar_background span {
    color: #fff;
}

.topbar_background .socal a {
    margin-right: 20px;
}

.topbar_background .socal a i {
    margin-right: 5px;
}
.navbar .nav-item:first-child a {
  padding-left:0px !important}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link{
color: #ffffff;
text-decoration: underline;
}
.navbar .navbar-brand {
margin: 0px;
}
/* --------------------------------
close menue style
-------------------------------- */
/* --------------------------------
Start Banner style
-------------------------------- */
canvas {
display: block;
vertical-align: bottom;
}
#particles-js {
position: absolute;
width: 100%;
height: 100%;
}
.top_banner{
position: relative;
background-image: url("../img/banner.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 99;
padding-top:55px;
overflow: hidden;
height: 100vh;
}
.top_banner .container{
height: 100%;
}
.top_banner:before{
content: '';
width: 100%;
height: 100%;
background-color: #1c1941;
position: absolute;
left: 0;
top: 0;
z-index: -9;
opacity: 0.8;
}
.banner_text{
width: 100%;
text-align: center;
}
.banner_text h2{
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
font-size: 98px;
line-height: 1.3em;
}
.banner_text h2 b{
color: #f83055;
}
.banner_text p{
line-height: 1.7em;
font-weight: 400;
color: #ffffff;
padding-top: 16px;
font-size: 21px;
}
.banner_text .btn-group{
padding-top: 28px;
}
.banner_text .btn-group .btn{
position: relative;
padding: 24px 44px;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
font-size: 14px;
border:1px solid #fff;
overflow: hidden;
outline: 0;
z-index: 11;
}
.banner_text .btn-group .btn:hover{
border:1px solid #F83256;
}
.banner_text .btn-group .btn:nth-child(1){
background-color: #F83256;
border:1px solid #F83256;
margin-right: 20px;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.banner_text .btn-group .btn:hover:nth-child(1){
background:none;
border:1px solid #fff;
}
.banner_text .btn-group .btn:nth-child(1):after{
display: none;
}
.banner_text .btn-group .btn:after{
width: 0;
height: 100%;
position: absolute;
left: -2%;
top: 0;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
content: '';
background-color: #F83256;
float: left;
z-index: -1;
}
.banner_text .btn-group .btn:hover:after{
width: 105%;
}
/* --------------------------------
Close Banner style
-------------------------------- */
/* --------------------------------
Start About us style
-------------------------------- */
.about_us{
width: 100%;
padding: 120px 0;
background-color: #ffffff;
}
.title h3{
font-weight: 700;
color: #232044;
text-transform: uppercase;
line-height: 1.3em;
font-size: 32px;
padding-bottom: 18px;
}
.about_us .title h3 b{
color: #F83256;
}
.title .underline{
width: 120px;
height: 5px;
background-color: #F83256;
position: relative;
}
.title .underline:after{
content: '';
width: 4px;
height: 5px;
position: absolute;
right: -6px;
top: 0;
float: left;
background-color: #232044;
}
.title .underline:before{
content: '';
width: 4px;
height: 5px;
position: absolute;
right: -12px;
top: 0;
float: left;
background-color: #232044;
}
.about_left_txt .btn-group{
width: 100%;
padding-top: 24px;
}
.about_left_txt .btn-group .btn{
position: relative;
padding: 24px 44px;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
font-size: 14px;
border:1px solid #232044;
overflow: hidden;
outline: 0;
z-index: 11;
background-color: #232044;
}
.about_left_txt .btn-group .btn:hover{
border:1px solid #F83256;
}
.about_left_txt .btn-group .btn:nth-child(1){
background-color: #F83256;
border:1px solid #F83256;
margin-right: 20px;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.about_left_txt .btn-group .btn:hover:nth-child(1){
background:#232044;
border:1px solid #fff;
}
.about_left_txt .btn-group .btn:nth-child(1):after{
display: none;
}
.about_left_txt .btn-group .btn:after{
width: 0;
height: 100%;
position: absolute;
left: -2%;
top: 0;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
content: '';
background-color: #F83256;
float: left;
z-index: -1;
}
.about_left_txt .btn-group .btn:hover:after{
width: 105%;
}
.about_left_txt .about_txt{
padding-top: 10px;
}
.about_left_txt .about_txt p{
padding-top: 36px;
font-weight: 400;
color: #232044;
font-size: 14px;
line-height: 1.7em;
}
.about_right_img{
padding-top: 90px;
}
/* --------------------------------
Close About us style
-------------------------------- */
/* --------------------------------
Start Services style
-------------------------------- */
.services{
width: 100%;
background-color: #232044;
padding: 120px 0;
}
.services .title{
padding-top: 0;
}
.b_features .title,
.portfolio_sec .title,
.r_blog .title{
padding-bottom: 80px;
}
.services .title h5{
font-weight: 500;
color:#f83055;
line-height: 1.3em;
padding-bottom: 24px;
}
.services .title h3{
color: #ffffff;
}
.services .title h3 b{
color:#f83055;
}
.services .title .underline:after{
background-color: #f83055;
}
.services .title .underline:before{
background-color: #f83055
}
.title p{
color: #ffffff;
padding-top: 24px;
line-height: 1.7em;
font-weight: 500;
font-size: 16px;
}
.service_single{
padding-top: 80px;
}
.service_single h4{
text-transform: capitalize;
font-weight: 600;
line-height: 1.3em;
color: #f83055;
font-size: 22px;
padding-bottom: 18px;
padding-top: 18px;
}
.service_single p{
color: #ffffff;
font-weight: 400;
font-size: 14px;
}
/* --------------------------------
Close Services style
-------------------------------- */
/* --------------------------------
Start Features style
-------------------------------- */
.b_features{
width: 100%;
background-color: #ffffff;
padding-top: 120px;
}
.b_features .title{
text-align: center;
}
.b_features .title .underline{
margin: 0 auto;
}
.b_features .title p{
color: #232044;
}
.single_feature{
padding: 44px 15px;
text-align: center;
position: relative;
margin-bottom: 20px;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
}
/*hover line*/
.single_feature .line1{
position: absolute;
width: 0;
height: 0;
float: left;
top: -10px;
right: -10px;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.single_feature:hover .line1{
width: 100%;
height: 100%;
}
.single_feature .line1:after{
content: '';
width: 50%;
height: 1px;
background-color: #f83055;
position: absolute;
top: 0;
right: 0;
}
.single_feature .line1:before{
content: '';
width: 1px;
height: 50%;
background-color: #f83055;
position: absolute;
top: 0;
right: 0;
}
.single_feature .line2{
position: absolute;
width: 0;
height: 0;
float: left;
bottom: -10px;
left: -10px;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.single_feature:hover .line2{
width: 100%;
height: 100%;
}
.single_feature .line2:after{
content: '';
width: 50%;
height: 1px;
background-color: #f83055;
position: absolute;
bottom: 0;
left: 0;
}
.single_feature .line2:before{
content: '';
width: 1px;
height: 50%;
background-color: #f83055;
position: absolute;
bottom: 0;
left: 0;
}
.single_feature:hover{
background-color: #242047;
}
.single_feature:hover h4{
color: #f83055;
}
.single_feature:hover p{
color: #ffffff;
}
.single_feature:hover .show_icon{
display: none;
}
.single_feature:hover .hide_icon{
display: block;
margin-left: auto;
margin-right: auto;
}
.feature_txt h4{
font-weight: 600;
color: #232044;
font-size: 18px;
line-height: 1.3em;
padding-bottom: 15px;
text-transform: uppercase;
padding-top: 22px;
}
.feature_txt p{
font-weight: 400;
color: #232044;
font-size: 14px;
}
.feature_icon{
position: relative;
text-align: center;
}
.feature_icon img{
margin-left: auto;
margin-right: auto;
}
.hide_icon{
display: none;
}
/* --------------------------------
Close Features style
-------------------------------- */
/* --------------------------------
Start Portfolio style
-------------------------------- */
.portfolio_sec{
padding: 120px 0;
}
.portfolio_sec .title{
text-align: center;
}
.portfolio_sec .title .underline{
margin: 0 auto;
}
.portfolio_sec .title p{
color: #232044;
}
.portfolio_sec .filter-button-group{
text-align: center;
padding-bottom: 60px;
}
.portfolio_sec .filter-button-group button{
margin: 0;
font-weight: 500;
color: #f83055;
font-size: 14px;
text-transform: capitalize;
padding: 16px;
border:0;
background-color: #242047;
cursor: pointer;
outline: 0;
}
.portfolio_sec .filter-button-group button.is-checked{
background-color: #f83055;
color: #ffffff;
}
.portfolio_sec .item-inner img{
width: 100%;
}
.portfolio_sec .grid-item {
padding-top: 20px;
}
.mfp-container{
top: 50px !important;
}
/* --------------------------------
Close Portfolio style
-------------------------------- */
/* --------------------------------
Start Fun fact style
-------------------------------- */
.fun_fact{
position: relative;
background-image: url("../img/promo_bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 99;
padding-top: 120px;
padding-bottom:120px;
overflow: hidden;
background-attachment: fixed;
}
.fun_fact:before{
content: '';
width: 100%;
height: 100%;
background-color: #232044;
position: absolute;
left: 0;
top: 0;
z-index: -9;
opacity: 0.8;
}
.fun_fact .fun_single{
text-align: center;
}
.fun_fact .fun_single img{
margin-bottom: 24px;
}
.fun_fact .fun_single h3{
color: #ffffff;
font-weight: 500;
font-size: 26px;
line-height: 1.3em;
}
/* --------------------------------
Close Fun fact style
-------------------------------- */
/* --------------------------------
Start Our Team style
-------------------------------- */
.our_team{
padding: 120px 0;
background-color: #ffffff;
}
.our_team .title{
text-align: center;
padding-bottom: 40px;
}
.our_team .title .underline{
margin: 0 auto;
}
.our_team .title p{
color: #232044;
}
.team_single{
padding-top: 40px;
}
.team_image{
overflow: hidden;
width: 100%;
height:auto;
max-height: 338px;
}
.team_image img{
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.team_image:hover img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.team_author h2{
font-weight: 500;
font-size: 26px;
line-height: 1.3em;
padding-top: 20px;
color: #232044;
}
.team_author p{
font-weight: 400;
font-size: 16px;
color: #232044;
line-height: 1.7em;
}
/* --------------------------------
Close Our Team style
-------------------------------- */
/* --------------------------------
Start price table style
-------------------------------- */
.package_table{
width: 100%;
padding: 120px 0;
background-color: #F6F6F6;
}
.package_table .title p{
color: #232044;
}
.table_single{
text-align: center;
position: relative;
background-color: #ffffff;
opacity: 0.4;
padding-top: 36px;
padding-bottom: 36px;
overflow: hidden;
z-index: 11;
}
.package_table .swiper-slide {
width: 320px;
height: auto;
padding: 0 15px;
}
.package_table .swiper-slide-active .table_single{
opacity: 1.0;
}
.table_head{
position: relative;
overflow: hidden;
}
.table_head h3{
color: #ffffff;
font-weight: 600;
font-size: 32px;
line-height: 1.3em;
}
.table_head h4{
color: #ffffff;
font-weight: 600;
font-size: 32px;
line-height: 1.3em;
}
.table_head h4 small{
font-size: 16px;
}
.table_single:after {
content: '';
height: 160px;
width: 100%;
position: absolute;
left: -60px;
top: -45px;
background-color: #F83256;
border-radius: 70px;
transform: rotate(30deg);
overflow: hidden;
z-index: -1;
}
.table_single ul{
padding-top: 58px;
}
.table_single ul li{
font-weight: 600;
padding-bottom: 18px;
line-height: 1.7em;
color: #232044;
font-size:16px;
}
.table_single .btn{
font-weight: 600;
padding: 14px 30px;
color: #232044;
font-size: 14px;
text-transform: uppercase;
border:2px solid #F83256;
margin-top: 12px;
}
/* --------------------------------
Close price table style
-------------------------------- */
/* --------------------------------
Start Feedback style
-------------------------------- */
.Client_testimonials{
position: relative;
background-image: url("../img/review_bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 99;
padding-top: 120px;
padding-bottom:120px;
overflow: hidden;
background-attachment: fixed;
}
.Client_testimonials:before{
content: '';
width: 100%;
height: 100%;
background-color: #232044;
position: absolute;
left: 0;
top: 0;
z-index: -9;
opacity: 0.8;
}
.Client_testimonials .feedback_inside{
text-align: center;
}
.Client_testimonials .owl-carousel .feedback_inside img{
width: auto;
margin:0 auto;
}
.Client_testimonials .feedback_inside h2{
font-weight: 600;
color: #ffffff;
font-size: 20px;
padding-top: 48px;
line-height: 1.3em;
}
.Client_testimonials .feedback_inside h4{
font-weight: 400;
color: #ffffff;
font-size: 14px;
}
.Client_testimonials .feedback_inside p{
color: #ffffff;
padding-top: 52px;
padding-bottom: 48px;
line-height: 1.7em;
font-weight: 400;
font-size: 18px;
}
.Client_testimonials .owl-dots{
width: 100%;
text-align: center;
}
.Client_testimonials .owl-carousel button.owl-dot{
width: 10px;
height: 10px;
background-color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
margin: 4px;
outline: 0;
}
.Client_testimonials .owl-carousel button.owl-dot.active{
width: 12px;
height: 12px;
}
/* --------------------------------
Close Feedback style
-------------------------------- */
/* --------------------------------
Start Blog style
-------------------------------- */
.r_blog{
width: 100%;
background-color: #F6F6F6;
padding: 120px 0;
}
.r_blog .title{
text-align: center;
}
.r_blog .title .underline{
margin: 0 auto;
}
.r_blog .title p{
color: #232044;
}
.r_blog .card{
-webkit-transition: 0.3s all ease-in;
-moz-transition: 0.3s all ease-in;
-ms-transition: 0.3s all ease-in;
-o-transition: 0.3s all ease-in;
transition: 0.3s all ease-in;
}
.r_blog .card:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=101, Color=#000000)";/*IE 8*/
-moz-box-shadow: 1px 5px 20px -7px rgba(0,0,0,0.8);/*FF 3.5+*/
-webkit-box-shadow: 1px 5px 20px -7px rgba(0,0,0,0.8);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 1px 5px 20px -7px rgba(0,0,0,0.8);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.r_blog .card-body{
text-align: left;
padding: 34px 16px;
}
.r_blog .card-body h2{
font-weight: 400;
color: #232044;
font-size: 22px;
line-height: 1.3em;
padding-bottom: 16px;
}
.r_blog .card-body p{
font-weight: 400;
color: #232044;
font-size: 14px;
line-height: 1.7em;
padding-bottom: 16px;
}
.r_blog .card-body .btn{
text-transform: uppercase;
color: #ffffff;
background-color: #F83256;
padding: 14px 30px;
position: relative;
overflow: hidden;
z-index: 11;
-webkit-transition: 0.3s all ease-in;
-moz-transition: 0.3s all ease-in;
-ms-transition: 0.3s all ease-in;
-o-transition: 0.3s all ease-in;
transition: 0.3s all ease-in;
}
.r_blog .card-body .btn:after{
content: '';
width: 0;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #ffffff;
-webkit-transition: 0.3s all ease-in;
-moz-transition: 0.3s all ease-in;
-ms-transition: 0.3s all ease-in;
-o-transition: 0.3s all ease-in;
transition: 0.3s all ease-in;
z-index: -1;
}
.r_blog .card-body .btn:hover:after{
width: 100%;
}
.r_blog .card-body .btn:hover{
color: #F83256;
}
/* --------------------------------
Close Blog style
-------------------------------- */
/* --------------------------------
Start Contact style
-------------------------------- */
.contacts{
width: 100%;
background-color: #ffffff;
padding: 120px 0;
}
.contacts .title{
text-align: center;
padding-bottom: 80px;
}
.contacts .title .underline{
margin: 0 auto;
}
.contacts .title p{
color: #232044;
}
.contacts .shadow{
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=26, Direction=63, Color=#000000)";/*IE 8*/
-moz-box-shadow: -1px 2px 26px -6px #000000;/*FF 3.5+*/
-webkit-box-shadow: -1px 2px 26px -6px #000000;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: -1px 2px 26px -6px #000000;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=26, Direction=135, Color=#000000); /*IE 5.5-7*/
padding: 48px 56px;
}
.contacts .contact_form .form-group label{
font-weight: 500;
color: #5b6b7a;
font-size: 22px;
width: 100%;
padding-bottom: 20px;
}
.contacts .contact_form .form-group input{
width: 100%;
border-left: 0;
border-right: 0;
border-top: 0;
border-bottom: 1px solid #5b6b7a;
outline: 0;
font-weight: 400;
color: #7876aa;
font-size: 14px;
}
.contacts .contact_form .form-group textarea{
outline: 0;
font-weight: 400;
color: #7876aa;
font-size: 14px;
width: 100%;
resize: none;
padding-top: 12px;
padding-left: 12px;
border: 1px solid #5b6b7a;
}
.contact_form button{
background: none;
text-transform: uppercase;
padding: 14px 32px;
font-weight: 500;
color: #5b6b7a;
outline: 0;
border:1px solid #5b6b7a;
cursor: pointer;
}
.contact_right_single{
position: relative;
/* padding: 24px 36px; */
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
margin-bottom: 20px;
height: 110px;
padding-left: 36px;
padding-top: 40px;
}
.contact_right_single:hover{
background-color: #ffffff;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=26, Direction=63, Color=#000000)";/*IE 8*/
-moz-box-shadow: -1px 2px 26px -5px #000000;/*FF 3.5+*/
-webkit-box-shadow: -1px 2px 26px -5px #000000;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: -1px 2px 26px -5px #000000;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=26, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.contact_right_single p{
float: left;
width: 80%;
padding-left: 20px;
}
.contact_right_single img{
float: left;
}
.contact_right_single p{}
/* --------------------------------
Close Contact style
-------------------------------- */
/* --------------------------------
Start Footer style
-------------------------------- */
.footers{
width: 100%;
background-color: #9d231f;
padding: 16px 0;
}
.copy_right{
    padding-left:35px;
text-align: left;
}
.copy_right p{
font-weight: 400;
color: #ffffff;
font-size: 16px;
line-height: 1.7em;
}
.footer_social ul{
text-align: right;
}
.footer_social ul li{
display: inline-block;
padding-left: 10px;
}
.footer_social ul li a{
color: #ffffff;
width: 40px;
height: 40px;
border:1px solid #ffffff;
float: right;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding-top: 6px;
}
/* --------------------------------
Close Footer style
-------------------------------- */
/*scrool*/
.scrollup {
width: 40px;
height: 40px;
position: fixed;
bottom: 50px;
right: 60px;
display: none;
z-index: 9999999;
color: #F83256;
}
/* --------------------------------
start Responsive style
-------------------------------- */
@media only screen and (max-width :380px) {
.contact_right_single{
height: 140px;
}
.navbar .navbar-brand{
right: -80px;
}
}
@media only screen and (max-width : 767px) {
.top_banner{
height: 100%;
padding: 140px 0;
}

.navbar-toggler{
border:1px solid #97211e;
}
.active_sc .navbar-toggler{
margin-top: 10px;
}
.navbar-toggler i{
color: #9b2622;
}
.banner_text h2{
font-size: 52px;
}
.banner_text p{
font-size: 18px;
}
.title .underline{
width: 80px;
}
.title h3{
font-size: 24px;
}
.about_left_txt .btn-group .btn,
.banner_text .btn-group .btn{
padding: 14px 24px;
}
.about_right_img img{
height: auto;
}
.service_single h4{
font-size: 20px;
}
.fun_fact .fun_single h3{
font-size: 22px;
}
.team_author h2{
font-size: 20px;
}
.Client_testimonials .feedback_inside p{
font-size: 16px;
}
.r_blog .card-body h2{
font-size: 18px;
}
.r_blog .card-body .btn{
padding: 12px 24px;
}
.contact_right_single{
padding-left: 10px;
height: 120px;
}
.portfolio_sec .filter-button-group button{
margin-bottom: 6px;
}
.fun_fact .fun_single{
margin-bottom: 40px;
margin-top: 40px;
}
.team_image{
text-align: center;
}
.team_author{
text-align: center;
}

.r_blog .title{
padding-bottom:40px;
}
.r_blog .card{
margin-top: 40px;
}


.r_blog .card img{
width: 100%;
}
.contact_form{
padding-bottom: 40px;
}
.copy_right{
width: 100%;
text-align: center;
}
.footer_social ul{
width: 100%;
text-align: center;
padding-top: 40px;
}
.table_single{
margin-top: 40px;
}
body .scrollup{
right: 0;
}
.navbar .navbar-collapse{
background-color: #F83256 ;
padding: 10px 0;
text-align: center;
}
.service_single{
padding-top: 40px;
}
}

button.navbar-toggler {
    border: 1px solid #97211e;
    color: #97211e;
}

button.navbar-toggler i {
    color: #97211e;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {


.active_sc .navbar-toggler{
margin-top: 10px;
}
.navbar-toggler i{
color: #ffffff;
}
.banner_text h2{
font-size: 58px;
}
.banner_text p{
font-size: 18px;
}
.title .underline{
width: 80px;
}
.title h3{
font-size: 28px;
}
.about_left_txt .btn-group .btn,
.banner_text .btn-group .btn{
padding: 14px 24px;
}
.about_right_img img{
height: auto;
}
.service_single h4{
font-size: 20px;
}
.fun_fact .fun_single h3{
font-size: 22px;
}
.team_author h2{
font-size: 20px;
}
.Client_testimonials .feedback_inside p{
font-size: 16px;
}
.r_blog .card-body h2{
font-size: 18px;
}
.r_blog .card-body .btn{
padding: 12px 24px;
}
.contact_right_single{
padding-left: 10px;
height: 120px;
}
.navbar .navbar-collapse{
background-color: #F83256 ;
padding: 10px 0;
text-align: center;
}

}

.topbar_background {
    background-image: url(../img/top_bar/topbar_background.png);
    padding: 10px 0 10px 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px 15px;
}
.number_text a{
font-size:15px;
color:white;
}
.follow_icon{
float:right;
color:white;
padding-right:15px;
font-weight:400;
}
.follow_icon_a{
display: -webkit-box;
float:right;
padding-right:55px;
    list-style-type: none;
}
.follow_icon_a li a i{
color: white;
font-size: 20px;
padding-right: 10px;
position: relative;
top: 2px;
}
.benar_img{
padding-top: 15px;
}
.benar_img img{
width:100%;
}
.about_text_title{
font-size: 50px;
color: #9d231f;
font-weight: 500;
}
.about_box{
padding:100px 10px 2% 0;
background:#fafafa;

}
.about_sb_title{
padding: 3% 0 4%;
font-size: 23px;
font-weight: 400;
}
.about_box p{
 font-weight: 300;
 margin-bottom: 30px;
 font-family: 'Titillium Web',sans-serif;
}

.gitl_img_box img{
    width:100%;
}

.container {
    max-width: 1280px;
    width: 100%; 
}
.container-lg {
    max-width: 1280px;
}
.more_detalis {
    color: #fff;
    background: #e81a46;
    padding: 13px 35px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #e81a46;
}
.more_detalis:hover {
    color: #e81a46;
    background: #fff;
    border: 1px solid #e81a46;
}
.next_section_title{
color:#9d231f;
font-size:32px;
padding-top:20px;
}

.girl_text_box_p{
padding: 0% 18% 0;
}
.girl_text_box_p p{ margin-bottom: 30px }

.girl_text_box_img{
padding-top:50px;
}
.girl_title_text{
padding-bottom:5%;
}
.gitl_img_box{
padding:0;
}
.footer_box {
    background: #ec8601;
    padding: 45px 0 45px;
}

.footer_box p{
   margin-bottom: 30px; font-size: 20px;
} 
.footer_box  a, .footer_box  a span{ font-size:17px; color: #fff; text-decoration: none; }

.form_text_title label {
    font-weight: 500;}
.website_name_text_footer{
color: white;
font-size: 16px;
}
.socile_text_footer{
padding-top:45px;
text-align:center;
}
.nebbar_left_border{
border-right: 2px solid;
padding: 0px;
position: relative;
bottom: 27px;
left: 66px;
font-size: 10px;
}
.nebbar_left_border_1{
border-right: 2px solid;
padding: -5px;
position: relative;
bottom: 27px;
font-size: 10px;
left: 74px;
}
.nebbar_left_border_2{
border-right: 2px solid;
padding: 0;
position: relative;
bottom: 27px;
left: 158px;
font-size: 10px;
}
.about_page_img{
padding-top: 50px;
margin-top:20px;
padding-bottom: 52px;
}
.box_border_about{
border:2px solid #ec8601;
border-radius:6px;
padding:30px;
background:white;
}
.text-primary {
    color: #9d231f !important;
}
.box_border_about_contact {
    border: 1px solid #000;
    border-radius: 6px;
    padding:40px 25px;
    background: white;
}
.contact_head_text {
    font-size: 50px;
    font-weight: 500;
    color: #9d231f;
}
p.Office_address_text.text-primary {
    font-size: 20px;
    font-weight: 500;
}
.form_start_now{
padding-top:36px;
}
.form_text_p {
    font-size:18px;
    font-weight: 400;
    position: relative;
    top: 5px;
    color: #242424;
}
.address_text_box_1_1 p {
    font-size:18px;
    font-weight: 400;
   
    color: #242424;
}
.tabe_up_text_box  .tabe_text_title {
    font-size: 30px;
   margin-bottom: 20px;
}
.tabe_up_text_box p{
  font-weight: 300; font-size: 20px; line-height: 40px; margin-bottom: 40px; color: #fff;
}
.input_text_formet{
width: 100%;
padding: 8px;
border-radius: 6px;
border: 1px solid #6666;
color: black;
}
.input_text_formet_small{
width: 50%;
padding: 8px;
border-radius: 6px;
border: 1px solid #b6b6b6;
color: black;
background:#f4f4f4;
}
.tzble_text_center{
text-align:center;
}
.address_textarea{
width:98%;
padding: 8px;
border-radius: 6px;
border: 1px solid #6666;
color: black;
}
.col_3_text_date{
width:93%;
padding: 8px;
border-radius: 6px;
border: 1px solid #6666;
color: black;
}
.text_box_dwon_border{
border-bottom: 2px solid #ec8601;
padding-top: 45px;
margin: -12px;
}
.submit_text{
background: #9d231f;
color: white;
border: none;
padding: 12px 40px 12px 40px;
font-size: 20px;
border-radius: 6px;
font-weight: 600;
margin-bottom:45px;
}
.input_file_uplode{
margin-top:25px;
}
.tabe_text_title{
font-size: 18px;
font-weight: 600;
color: white;
}
.tabe_up_text_box{
background: #ec8601;
padding-top: 50px;
padding-bottom: 50px;
}
.text_tabe_p_text{
font-size:18px;
color:white;
padding-top:30px;
}
.box_border_about_tabe{
margin-top:50px;
}
.tabe_colo_back_box{
background: #9d231f;
color: white;
padding: 2% 3% 2% 3%;
display:block;
}
.tabe_box_icon:after{
position: absolute;
left: 6%;
top: 74px;
right: 0;
bottom: 0%;
content: '';
width: 0;
height: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
border-style: solid;
border-width: 16px 26px 4px;
border-color: #9d231f transparent transparent transparent;
}
.tabe_box_2_icon:after{
position: absolute;
left: 5%;
top: 74px;
right: 0;
bottom: 0%;
content: '';
width: 0;
height: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
border-style: solid;
border-width: 16px 26px 4px;
border-color: #9d231f transparent transparent transparent;
}

.tabe_colo_back_box a{
color:white;
font-size:22px;
}
.text_form_right{
text-align:right;
}
.nav {
display: -webkit-box;
display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.tabe_colo_back_box_2{
background: #9d231f;
color: white;
padding: 2% 7% 2% 3%;
display:block;
}
.tabe_colo_back_box_2 a{
color:white;
font-size:22px;
}
.tabe_text_box_p{
border: 1px solid #6666;
padding: 21px;
background-color: #f9f9f9;
}
.tabe_1st_box_p{
padding-top: 15px;
text-align: justify;
font-size: 16px;
/*padding-bottom:20px;*/
}
.tabe_1st_box_sb_title{
padding-top:10px;
text-align:justify;
font-size:18px;
font-weight:600;
color: #9d231f;
}
.tabe_title_text_h2{
font-size: 24px;
font-weight: 600;
color: #9d231f;
}
.table_box_text{
margin-top:7%;
}
.text_box_p_head_text{
font-size: 35px;
font-weight: 600;
color: #ec8601;
padding: 10px 0px 10px 0px;
}
.text_box_p_head{
font-size: 17px;
text-align: justify;
color: #767676;
}
.text_box_p_head_full_box{
border: 2px solid red;
padding: 12px 8px 60px;

background: white;
margin-top: 40px;
}
.contact_head_text{
font-size: 35px;
font-weight: 600;
color: #9d231f;
}
.Office_address_text{
font-size: 20px;
color: #9d231f;
font-weight: 600;
}
.address_text_box_1_1{
padding-top:35px;
}
.address_home_icon{
padding-right:15px;
}
.icon_address_text{
font-size:18px;
padding-top: 30px;    font-weight: 500 !important;
}
.text_bp{
font-size:16px;
}
.address_text_box_1_1{
font-size: 18px;
font-weight: 400;
}
.form_text_title_full{
padding-top:25px;
}
.input_type_text_form{
width: 100%;
padding: 5px;
border-radius: 4px;
border: 1px solid;
}

.form-contact .input_type_text_form {
    width: 100%;
    padding: 5px;
    border-radius: 0;
    border: 1px solid #b2b2b2;
}   
@media(max-width:991px){
.text_box_p_head {
    font-size: 15px;
    
}
.text_form_right{
text-align:left;
}

.form_start_now {
padding-top: 0;
}
.form_text_p {
font-size: 16px;
margin-bottom: 15px;
margin-top: 15px;
font-weight: 600;
position: relative;
top: 8px;
}
.submit_text{
margin-top:30px;
}
.Advance_text {
font-size: 22px;
font-weight: 600;
color: #9d231f;
}

.nebbar_left_border{
display:none;
}
.nebbar_left_border_1{
display:none;
}
.nebbar_left_border_2{
display:none;
}
.follow_icon {
float: left;
color: white;
padding-right: 15px;
font-weight: 600;
    padding-left: 30px;
        position: relative;
        top:15px;
}
.about_text_title {
color: #9d231f;
font-size: 31px;
font-weight: 600;
}

.girl_text_box_p {
padding:0px;
}
.responsive_img{
padding-top:10px;
}
.email_text{
float:right;
}
}
/* --------------------------------
Close Responsive style
-------------------------------- */
.only_mob{ display: none; }
@media(max-width: 991px){
  .only_mob{ display: block; }
  .only_desktop{ display: none; }

  .topbar_background a, .topbar_background span {
    color: #fff;
    font-size: 11px;
}
a.navbar-brand.only_mob {
    max-width: 155px;
}
.next_section_title {
    font-size: 22px;
    color: #9d231f;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
}
.navbar .nav-item a,.navbar .nav-item:first-child a,.navbar .nav-item:last-child a{ border:none; padding: 5px 15px !important; color: #fff; text-align: left; line-height: 30px;  }

.navbar .navbar-collapse {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;padding: 0px; 
    background-color: #9d231f;
}
.about_box {
    padding: 50px 0 0 0;
    
}
}
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
@media(min-width: 992px) and (max-width: 1199px){
  .navbar .nav-item a {
        padding: 0 15px !important;
    font-size: 14px;}
}
@media(max-width: 767px){

    
  .box_border_about_tabe ul.nav.nav-pills {
    display: block;
}

.box_border_about_tabe li.tabe_colo_back_box_2 {
    margin: 0px;
    margin-top: 23px;
}

.box_border_about_tabe li a {
    font-size: 16px;
}
.tabe_box_icon:after {
    
    left: 6%;
    top: 36px;
}

.tabe_colo_back_box_2 a {
    color: white;
    position: relative;
    left: 13px;
    top: 7px;
}




.tabe_box_2_icon:after {
    
    left: 6%;
    top: 59px;
  
}
.box_border_about_contact {
  
    padding: 25px;
   
}
}


.index_circle_img_box{
padding-bottom:30px;
}


.img_advance_logo{
    width: 44px;
    margin-right: 30px;
}



.tram_text_span li{
    padding-left: 20px;
    padding-bottom: 10px;
    margin-left: 15px;
    padding-top: 10px;
}

.text_point_color li{
    color:#9d231f;
}

.right_img_home{
text-align: right;
}

@media(max-width:991px){
.right_img_home{
text-align: center;
margin-top:20px;
}    
}


@media(max-width:991px){
.right_img_home1{
text-align: center;
margin-top:20px;
}    
}


.headre_top_background{
    background-color:white;
    padding:15px;
}

.home_text_color_background{
      background-color:white;  
}

.text_box_p{
            padding: 0 25px 0 25px;
    text-align: justify;
}


.Enrollment_text{
    padding-right: 20px;
}


.dropdown-toggle::after {
    display: none;
    width: unset;
    height: unset;
    margin-left: unset;
    vertical-align: unset;
    content: "";
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

.nevbar_icon_text_icon{
        position: relative;
    left: 7px;
}

@media (min-width: 992px){
  .dropdown:hover .dropdown-menu{
  display:block;
  }

}


.dropdown_text_nevbar li a{
    border-right: none !important;
}




.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: max-content;
    padding:17px;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}


.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 46px;
    z-index: 99;
    text-align: center;
    display: none;
    -webkit-box-shadow: 0 0 30px 0 rgba(156, 156, 156, .25);
    -moz-box-shadow: 0 0 30px 0 rgba(156, 156, 156, .25);
    box-shadow: 0 0 30px 0 rgba(156, 156, 156, .25);
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    color: #fff;
    background-color: #9d231f;
}

.back-to-top i{
    font-size: 32px;
    color: white;
}


@media (max-width: 992px){

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 17rem;
    padding: 0.5rem 18px;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #ec8601;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

}


.dropdown_text_nevbar li{
        border-bottom: 1px solid #ee8800;
    padding: 4px;
    margin-bottom: 12px;
}


.content-block ul, ol, .content-block p, .content-block strong, .content-block label {
    font-family: 'Titillium Web',sans-serif !important;
}


p, tr, td{
    font-family: 'Titillium Web',sans-serif !important;
}

h2{
        font-family: 'Filosofiaitalic' !important;
}

.man_website_link{
    float:right;
    margin-right:15px;
}


@media(max-width: 991px){
    .img_advance_logo {
    width: 44px;
    margin-right:0;
}
}    
    
    .advance_page_text_li{
            color: #000059;
    font-size: 18px;
    font-weight: 600;
        margin-left: 20px;
    }
    
    
    .home_page_text{
        position: absolute;
    top: 49%;
    color: white;
    text-align: center;
    font-size: 18px;
    padding: 0 30% 0px 3%;
    opacity: 0.8;
    line-height: 1.8;
    }
    
        .home_page_text_2{
position: absolute;
    top: 49%;
    color: white;
    text-align: center;
    font-size: 18px;
    padding: 0 6% 0px 27%;
    opacity: 0.8;
    line-height: 1.8;
    }
    
    .man_website_link a{
        color:white;
    }
    
    @media(max-width:991px){
        .home_page_text {
position: absolute;
    top: 47%;
    color: white;
    text-align: center;
    font-size: 14px;
    padding: 0 20% 0px 16%;
    opacity: 0.8;
    line-height: 1.5;
}


.home_page_text_2 {
    position: absolute;
    top: 47%;
    color: white;
    text-align: center;
    font-size: 14px;
    padding: 0 20% 0px 17%;
    opacity: 0.8;
    line-height: 1.5;
}


.copy_right {
    padding-left: 0;
}

.man_website_link {
     float: none;
     margin-right: 0; 
    text-align: center;
        position: relative;
    bottom: 60px;
}

.copy_right p {
    font-weight: 400;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.7em;
    position: absolute;
top: 60px;
    right: 35px;
}


.footers {
    width: 100%;
    background-color: #9d231f;
    padding: 30px 0;
}

.follow_icon_a li a i {
    color: white;
    font-size: 20px;
    padding-right: 10px;
    position: relative;
    top: 15px;
}

    }
    
    
.table_FIXED_PLAN tr td {
    width:60%;
}   
   
.our_loction_page_text_h2{
        font-size: 50px;
    color: #9d231f;
    font-weight: 500;
    text-align: left;
    padding: 50px 0;
}  

.required-icon
{
    color: red;
    font-size: 7px !important;
}

input:required:invalid{
	border: 1.5px solid #f7908a;
	background: #ff00000d;
  }

  
input:required:invalid:focus{
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f7908a;
	background: #ff00000d;
}
select:required:invalid{
border: 1.5px solid #f7908a;
background: #ff00000d;
  }
select:required:invalid:focus{
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f7908a;
	background: #ff00000d;
}
textarea:required:invalid{
border: 1.5px solid #f7908a;
background: #ff00000d;
  }
textarea:required:invalid:focus{
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f7908a;
	background: #ff00000d;
}
input[type=checkbox], input[type=radio] {
   margin-right: 5px;
}
.add-on-calender{
    position: absolute;
    right: 38px;
    top: 10px;
}
   