/*Fonts*/

@font-face {
  font-family: sofiaProBold;
  src: url(../fonts/Sofia_Pro_Bold.otf);
}


@font-face {
  font-family: sofiaProMediumItalic;
  src: url(../fonts/Sofia_Pro_Medium_Italic.otf);
}

@font-face {
  font-family: sofiaProRegular;
  src: url(../fonts/Sofia_Pro_Regular.otf);
}

@font-face {
  font-family: sofiaProBlack;
  src: url(../fonts/Sofia_Pro_Black.otf);
}

@font-face {
  font-family: sofiaProLight;
  src: url(../fonts/Sofia_Pro_Light.otf);
}
.soflight{
    font-family: sofiaProLight;
}
.sofbold{
    font-family: sofiaProBold;
}

.sofmediumitalic{
    font-family: sofiaProMediumItalic;
}

.sofblack{
    font-family: sofiaProBlack;
}

.sofregular{
    font-family: sofiaProRegular;
}
h1, h2, h4, h5, h6{
    font-family: sofiaProRegular;
    text-transform: uppercase;
}
a, p{
    font-family: sofiaProRegular;
}

h3{
    font-family: sofiaProBlack;
}



.container-fluid{
    max-width: 1920px;
}        

.top_nav_bar , .below_nav_bar{
    padding:0px 140px;
}

.row_bookspeaker{
    padding-left:140px!important;
    padding-right:140px!important;
}


.header-white:nth-child(4) .nav-item{
    padding-left:40%;
}

/*First Header */

#headers .container-fluid {
    background-color: #000;
}





.header-dark:last-child .nav-item  {
    padding: 30px 30px 30px 0px;
    
}

.header-dark:last-child .nav-item  {
    float: right;
}

.header-dark:first-child .nav-item  {
    display: flex;
    padding-top:10px;
}

.header-dark .nav-item a{
    font-family: sofiaProBold;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    
    
    
}

.header-dark .nav-item a i{
    padding-right: 10px;
}




/*Second Header */


#second-headers .container-fluid {
    background-color: #fff;
}

.header-white{
    border-right: 2px solid #ebebeb;
}

.header-white:last-child{
    border-right: none;
}

.header-white .nav-item {
    padding: 20px 30px 20px 0px;
}



.header-white:last-child .nav-item  {
    float: right;
}



.header-white .nav-item a{
    font-family: sofiaProBold;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
}

.header-white .nav-item a i{
    padding-right: 10px;
}


/*Headers */

.nav-item{
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: sofiaProRegular;
}


/*Home Wrapper Section*/

#wrapper_section_left h2{
    margin-bottom: -0.5rem;
}

#home-wrapper .container-fluid{
    font-family: sofiaProRegular;
    background: url("../images/home_wrapper.png");
    background-size: cover;
}

#home-wrapper #wrapper_section_left{
    padding: 76px 0px 0px 0px;
}

#home-wrapper #wrapper_section_left h2{
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 100;
}

#home-wrapper #wrapper_section_left a{
    padding: 13px 70px 13px 70px;
    margin-top: 10px!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 600;
}

#home-wrapper #wrapper_section_right{
    padding: 60px 30px 0px 30px;
    float: right;
}

.learnMoreBtn{
    
	background: #000;
	border-color: #000 !important;
	color: #fff;
    border-radius: 25px;
}

.learnMoreBtn:hover{
    color:#ef3e21;
}

.btn1{
	background-color:#ef3e21;
	padding:13px 0px 13px 0px;
	border: 0 !important;
	width: 250px;
    border-radius: 25px;
    margin-bottom: 20px;
	color: white;
	letter-spacing: 1px;
	font-size: 14px;    
    font-family: sofiaProRegular;
    font-weight: 600!important;

}
.btn1:hover{
    color: #000;
}
.btn2{
	border: 1.5px solid #000;
    border-radius: 25px;
	padding:13px 0px 13px 0px;
	width: 250px;
	color: #000;
	margin-bottom: 20px;
	letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600!important;
    
    font-family: sofiaProRegular;

}

.signupbutton{
    float: right;
    letter-spacing: 1px;
    border: 2px solid #ef3e21;
    color: #ef3e21 !important;
    border-radius: 25px;
	padding:10px 0px 10px 0px;
    width: 250px;
}

.btn3{
	border: 1px solid #ef3e21;
    border-radius: 25px;
	padding:10px 0px 10px 0px;
	width: 200px;
	color: #ef3e21;
	margin-bottom: 20px;
	letter-spacing: 4px;
	font-size: 14px;
    
    font-family: sofiaProBold;

}
.btn2:hover {
	color: white !important;
}
.signupbutton:hover{
    color: #000!important;
}
.btn_essential{
    border: 1.5px solid #000;
    border-radius: 25px;
	padding:13px 0px 13px 0px;
	width: 250px;
	color: #000;
	margin-bottom: 20px;
	letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600!important;
    
    font-family: sofiaProRegular;
}
.footer_nav a:hover{
    color:#ef3e21;
}
.social-media-icons a{
    text-decoration: none;
}
.btn_essential:hover{
    color:#ef3e21;
    
}

/*Package Section*/

#packages_section .essential{
    background-color: #fff;
}
#package_section .package_heading{
    font-family: sofiaProRegular;
} 

#package_section .package_secondary_heading{
    font-family: sofiaProBlack;
} 

.package_secondary_heading  h2{
    font-size: 2.5rem!important;
    font-weight: 800!important;
}


#package_section .package_price{
    font-family: sofiaProBold;
} 

#package_section .package_start_button{
    font-family: sofiaProBold;
} 

#packages_section .essential .package_heading, #packages_section .essential .package_secondary_heading, #packages_section .essential .package_price, #packages_section .essential .package_start_button{
    display: flex;  
    justify-content: center;
    margin-top:50px;
}



#packages_section .package_price ul{
    list-style: none;
}

#packages_section .package_price li:last-child{
    margin-top:-30px;
    float: right;
}


#packages_section .professional{
    background-color: #ef3e21;
    color:#fff;
    
}

#packages_section .professional .package_heading, #packages_section .professional .package_secondary_heading, #packages_section .professional .package_price, #packages_section .professional .package_start_button {
    display: flex;  
    justify-content: center;
    margin-top:50px;
}

#packages_section .premium{
    background-color: #000;
    color:#fff;
}

#packages_section .premium .package_heading, #packages_section .premium .package_secondary_heading, #packages_section .premium .package_price, #packages_section .premium .package_start_button{
    display: flex;  
    justify-content: center;
    margin-top:50px;
}

.package_price ul{
    padding-right:2rem!important;
}


/*Footer*/

#footer{
    background-color: #000;
}
#footer td{
    padding-left:80px;
    padding-top: 15px;
    font-family: sofiaProRegular;
}

#footer .footer_nav{
    padding:20px;
}

#footer .social_media_nav{
    padding:20px;
}

#footer .footer_nav a{
    color:#fff;
    text-decoration: none;
}

.social-media-icons{
	padding: 0 70px;
	display: flex;
	justify-content: space-around;
	align-content: center;
}
.social-media-icons li{
	list-style: none;
    padding-top: 15px;
    margin-left:25px;
}
.social-media-icons li i{
	width: 50px;
	height: 50px;
    font-size: 1.3rem;
	background: #ef3e21;
    font-weight: bold;
	color: #000;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 3px;
}

.social-media-icons-profile{
	padding: 0 70px;
    margin-top: -20px;
	display: flex;
	justify-content: space-around;
	align-content: center;
}

.social-media-icons-profile li{
	list-style: none;
}
.social-media-icons-profile li i{
	width: 55px;
	height: 55px;
    font-weight: bold;
	color: #000;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.footer_nav td>a{
    font-family: sofiaProRegular;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
}


/*How IT Works Page*/
#how_it_work_section{
    background-image: url("../images/how_it_works.png");
    background-size: cover;
    
}

/*Blogs Page*/

#blogs_poster .col{
    padding-left:40px;
    margin-bottom: 20px;
}

#blogs_poster{
    background-image: url("../images/blog_poster.png");
}

#blogs_detail_section .single_blog .d-flex{
    padding: 0px 20px 0px 20px;
}

#blogs_detail_section .single_blog .d-flex:first-child>img{
    margin-top: 55px;
    margin-bottom: 45px;
}

#blogs_detail_section .single_blog .d-flex:nth-child(2){
    margin-bottom: 10px;
}

#blogs_detail_section .single_blog .d-flex:nth-child(4){
    margin-bottom: 10px;
}
#blogs_detail_section .single_blog .d-flex:last-child>a{
    margin-bottom: 70px;
}

#blogs_detail_section{
    background-color: #f2ebea;
    
}

#blogs_detail_section .single_blog{
    margin-top: 20px;
    
}

#blog_categories_list li{
    display: inline;
    height: 100px;
    background-color: #f2ebea;
    
}

#blog_categories_list li>a{
    padding:10px 2px 10px 2px;
    font-size: 18px;
    
}

.blogs_right_section{
    margin-top:100px;
}

.blogs_right_section .d-flex:first-child>h3 {
    padding: 80px 0px 0px 20px;
}

.blogs_right_section .d-flex:nth-child(5)>h3 {
    padding: 0px 0px 0px 20px;
}

.blogs_right_section .tag_heading>h3,.blogs_right_section .tag_heading:nth-child(2)>h3 {
    padding: 0px 0px 0px 20px;
}

.blogs_right_section .tag_badges>h3{
    padding: 0px 0px 0px 20px;
}

.blogs_right_section .d-flex:nth-child(2)>ul {
    padding: 0px;
}

.blogs_right_section .d-flex:nth-child(4)>h6 {
    margin: 0px 20px 0px 20px;
    font-family: sofiaProBold;
    font-size: 11pt;
}

.blogs_right_section .d-flex:nth-child(2)>ul>li {
    margin: 0px 0px 10px 0px;
    
}

div#popular_posts {
    margin: 20px;
}



#single_blog_section{
    background-color: #f2ebea;
}

#single_blog_section .row{
    background-color: #fff;
}

.blog_author_section .d-flex:first-child{
    padding: 70px 0px 20px 0px;
}

.blog_heading_section .d-flex:first-child{
    padding: 70px 20px 20px 20px;
}

.blog_heading_section .d-flex:nth-child(2){
    padding: 0px 20px 20px 20px;
}

.blog_detail_section{
    padding:0px 30px 0px 30px;
}


#tnc_section b{
    font-family: sofiaProBlack;
   
}


#tnc_section{
    background-color: #f2ebea;
}

.tnc_section_body{
    padding: 100px 0px 100px 0px;
}

.tnc_section_body > div{
    background-color: #fff;
    padding: 60px 60px 125px 60px;
    
    
}

.tnc_section_body p{
    text-align: justify;
}


/*Email Verification Page */

#email_verification_section{
    background-image: url("../images/backdrop_1.png");
    background-size: cover;
   
    
}

#email_verification_section p, #email_verification_section h1, #email_verification_section span{
    color: #fff;
}


.change_email_button{
    border: 1px solid #fff;
    border-radius: 25px;
	padding:10px 0px 10px 0px;
	width: 250px;
	color: #fff;
    font-family: sofiaProBold;
	margin-bottom: 20px;
	letter-spacing: 2px;
	font-size: 14px;
}

#resend_button, .resending_animation, .change_email_button{
    margin: 20px;
}

.email_verification_section_body{
    margin: 70px 0px 80px 0px;
}


/*Login Page*/

#logreg-forms {
    width: 820px;
    margin: 10vh auto;
    
    
}

#logreg-forms_container{
    background-image: url("../images/backdrop_1.png");
    background-size: cover;
}
#logreg-forms form {
    width: 100%;
    max-width: 650px;
    padding: 15px;
    margin: auto;
}
#logreg-forms .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
#logreg-forms .form-control:focus { z-index: 2; }
#logreg-forms input[type="email"] {
    margin: 20px 0px 35px 0px;
    border: 1px solid #000;
    border-radius: 25px;
    color: #000;
    padding-left: 20px;
}

#logreg-forms .form-signin input[type="text"] {
    margin: 20px 0px 35px 0px;
    border: 1px solid #000;
    border-radius: 25px;
    color: #000;
    padding-left: 20px;
}

input.resend_email_field{
    margin: 20px 0px 35px 0px;
    border: 1px solid #000;
    border-radius: 25px;
    color: #000;
    padding-left: 20px;
}
::placeholder {
  color: #000;
  opacity: 1; /* Firefox */
}
#logreg-forms input[type="password"] {
    margin: 20px 0px 35px 0px;
    border: 1px solid #000;
    border-radius: 25px;
    color: #000;
    padding-left: 20px;
}

#logreg-forms .social-login{
   
    margin:0 auto;
    margin-bottom: 14px;
}
#logreg-forms .social-btn{
    font-weight: 100;
    color:white;
    width:190px;
    font-size: 0.9rem;
}

#logreg-forms a{
    display: block;
    padding-top:10px;
    color:lightseagreen;
}

#logreg-form .lines{
    width:200px;
    border:1px solid red;
}


#logreg-forms button[type="submit"]{ margin-top:10px; }

#logreg-forms .facebook-btn{  background-color:#3C589C; }

#logreg-forms .google-btn {
    background-color: #DF4B3B;
    float: right;
}

#logreg-forms .form-reset, #logreg-forms .form-signup{ display: none; }

#logreg-forms .form-signup .social-btn{ width:210px; }

#logreg-forms .form-signup input { margin-bottom: 2px;}

.form-signup .social-login{
    width:210px !important;
    margin: 0 auto;
}

 #logreg-forms  #login_button{
        margin: 20px;
    }
  

/* pricing page */
#pricing_packages{
    background-image: url("../images/backdrop_2.png");
    background-size: cover;
}

#pricing_packages .essential .package_detail{
    background-color: #fff;
}

#pricing_packages .professional .package_detail{
    background-color: #fff;
}

#pricing_packages .premium .package_detail{
    background-color: #fff;
}

#pricing_packages .essential .package_title {
    border-bottom: 1px solid #ececec;
    box-shadow: 5px 3px 8px #ececec;
}

#pricing_packages .professional .package_title {
    color:#fff;
    background-color: #ef3e21;
}

#pricing_packages .premium .package_title {
    color:#fff;
    background-color: #000;
}


#pricing_packages .actual_price {
    color: #ef3e21;
}


.package_checkbox_item p{
    font-weight: 600;
    font-size: 0.95rem;
    
}


/* CONTACT PAGE*/

#contact_section .contact_left_section{
    background-image: url("../images/contact_backdrop.png");
    background-size: cover;
}

#contact_section .contact_right_section{
    background-color: #f2ebea;
}

#contact_section .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
#contact_section .form-control:focus { z-index: 2; }
#contact_section input {
    margin: 20px 0px 35px 0px;
    border: 1px solid #000;
    border-radius: 25px;
    color: #000;
    font-family: sofiaProRegular;
    padding-left: 20px;
}

#contact_section textarea {
    margin: 20px 0px 35px 0px;
    border: 1px solid #000;
    border-radius: 25px;
    color: #000;
    font-family: sofiaProRegular;
    padding-left: 20px;
}

::placeholder {
  color: #000;
  opacity: 1; /* Firefox */
}

/* CARRER PAGE */

#carrer_top_section{
    background-image: url("../images/carrer_banner.png");
    background-size: cover;
    
}

#carrer_section{
    background-color: #f2ebea;
}

#carrer_section .carrer{
    background-color: #fff;
}


/* ABOUT US PAGE */

#about_us_top_section{
    background-image: url("../images/about_us_banner.png");
    background-size: cover;
    
    
}
#about_us_section{
    background-color: #f2ebea;
}
#about_us_section #profile{
    background-color: #fff;
}


/* Checkout Page */

#checkout_section{
    background-image: url("../images/checkout_backdrop.png");
    background-size: cover;
}

.check-out-form input, .check-out-form select {
    margin: 20px 0px 35px 0px;
    border: 1px solid #000;
    border-radius: 25px;
    color: #000;
    padding-left: 20px;
}

.check-out-form .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}

/* Mobile */

@media screen and (min-width:512px){

    #home-wrapper #wrapper_section_left {
        padding-bottom:40px;
    }

}

@media screen and (max-width:768px){
    #logreg-forms{
        width:400px;
    }
    
    #logreg-forms  .social-login{
        width:200px;
        margin:0 auto;
        margin-bottom: 10px;
    }
    #logreg-forms  .social-btn{
        font-size: 1.3rem;
        font-weight: 100;
        color:white;
        width:200px;
        height: 56px;
        
    }
    #logreg-forms .social-btn:nth-child(1){
        margin-bottom: 5px;
    }
    #logreg-forms .social-btn span{
        display: none;
    }
    #logreg-forms  #login_button{
        width: 210px;
        margin: 0px;
    }
  
    #logreg-forms  .btn2{
        width: 210px;
    }

    .nav-item{
        display: flex;
        justify-content: center;
    }

    .header-dark:last-child .nav-item {
        margin: 0 auto;
        float:none;
    }
    .header-white:last-child .nav-item{
        float:none;
    }

    .header-white {
        border-right: none;
    }
    
    #home-wrapper #wrapper_section_right {
        padding: 118px 30px 0px 40px;
        float: none;
    }

    #home-wrapper #wrapper_section_left {
        padding: 80px 0px 0px 40px;
    }

    #footer td {
        padding-left: 20px;
    }

    .signupbutton {
        margin-bottom: 10px;

    }

    #msform fieldset {
       
        width: 100%;
        margin: 0px;
       
    }

    .dashboard-sidenavbar{
        display:none;
    }

    .header-white:nth-child(4) .nav-item{
        padding-left:0%;
    }
}