/**Web Fonts ===========================*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap');

@font-face {
    font-family: 'poppinslight';
    src: url('web-fonts/poppins-light-webfont.woff2') format('woff2'),
         url('../web-fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsregular';
    src: url('web-fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('web-fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinssemibold';
    src: url('web-fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('web-fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsbold';
    src: url('web-fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('web-fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Montserrat';
    src: url('web-fonts/Montserrat-Regular.woff2') format('woff2'),
        url('web-fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('web-fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('web-fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('web-fonts/Montserrat-Bold.woff2') format('woff2'),
        url('web-fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




a, .transistion, a, .l-more span:before, .l-more span, .li-one span, .ex-listing, .contact-details ul li, .contact_form input, .contact_form textarea, aside#recent-posts-widget-with-thumbnails-2 li 
, .list_items ul li,  input[type="submit"], .lite_box, img, .lite_box h3, .lite_box:hover{-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}

::-moz-selection { background: #570c93;color:#fff; }
::selection { background: #570c93; color:#fff;}


/** BLINK TEXT CSS =====**/
@-webkit-keyframes blinker {
	from {
		opacity: 1.0
	}
	to {
		opacity: .0
	}
}
.blink {
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: .9s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate
}
@-webkit-keyframes blinking {
	from {
		opacity: 1.0
	}
	to {
		opacity: .0
	}
}
.blinks {
	text-decoration: blink;
	-webkit-animation-name: blinking;
	-webkit-animation-duration: .9s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate
}

.Robot_slab_bold, h1, .title-1, .num, .circle_items li span, .numerical{font-family: 'Roboto Slab', serif; font-weight:700;}
.Robot_slab_light, .title-1 span{font-family: 'Roboto Slab', serif; font-weight:300;}

.Monte_Reg{font-family: 'Montserrat'; font-weight:regular;}
.Monte_Semi, .button-cs, #branding #mainnav ul li.button-cs a{font-family: 'Montserrat'; font-weight:600;}
.Monte_Bold, .title-1 strong{font-family: 'Montserrat'; font-weight:bold;}

.poppinssemibold, #branding #mainnav ul li a{ font-family: 'poppinssemibold';}

h1{font-size:64px;}
.title-1 {
    font-size:64px;
    padding: 15px 0 35px;
    display: block;
    line-height: initial;}
    
.title-1 span{font-size:44px;display:block;}

.title-1.one:before {
    background: linear-gradient(-45deg, #ffffff, #c8a2c8, #ffffff, #c8a2c8);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    content: '';
    display: block;
    width: 195px;
    height: 10px;
    border-radius: 10px;
    margin: 0 auto 15px;
}
.title-1.one:after{ content: none;}

.title-1:after {
    background: linear-gradient(-45deg, #ffffff, #c8a2c8, #ffffff, #c8a2c8);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    content: '';
    display: block;
    width: 195px;
    height: 10px;
    border-radius: 10px;
    margin: 15px auto 0;
}
.title-1.title_left:after{ margin: 15px 0 0;}

.num, .circle_items li span {
    background: linear-gradient(270deg, #c8a2c8, #8f00ff, #c8a2c8, #8f00ff);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}
.flex_group {display: flex;}
.w50{width:50%;}
.relative{position:relative;}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.section_margin{margin:60px 0;}
.section_padding{padding:100px 0;}
.pr_0{padding-right:0px;}
.pb_45{padding-bottom:45px;}
.f_18{font-size:18px;}
/**End Web Fonts ===========================*/

body {
    color: #fff;font-size: 16px;line-height:26px;font-weight: normal;background:#7e07db;font-family: 'Montserrat'; font-weight:regular}

a {
    color:#ffd700;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
a:hover {
    color: #d15de1;
    text-decoration: none;
}

img, .b_box img, .b_box, .form_wrap input[type="submit"], .btn-submit {max-width: 100%; -webkit-transition: all .5s ease-in-out;}

.button-cs{text-transform:uppercase;}
.ban_btn {
    padding-top: 35px;
}
.btn-global {
    flex: 1 1 auto;
    margin: 0;
    padding: 23px 60px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: #570c93 !important;
    text-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    box-shadow: 0 0 20px #8417bf;
    border-radius: 50px;
    background-image:linear-gradient(to right, #c06dff 0%, #ffd700 51%, #ffd700 100%);
    font-weight: bold;
    font-size: 22px;
}
.btn-global:hover {
  background-position: right center;  box-shadow: 0 0 20px #c31f93;
}

.pink_btn {
    background: #fed70f;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 10px;
    font-weight: bold;
    color: #7309c5;
    cursor: pointer;
    box-shadow: 0px 0px 7px #fed70f;
    max-width: 170px;
    display: block;
    text-align: center;
}
.pink_btn:hover{background:#fff; color:#7309c5;}

/** BAC2TOP ======**/
#backtop {
    position: fixed;
    left: auto;
    right: 20px;
    top: auto;
    bottom: 20px;
    outline: none;
    overflow: hidden;
        color: #fffcfc;
    text-align: center;
    background-color: #3b0f85;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s linear;
    z-index: 999999;
    opacity: 1;
    display: none;
    border-radius: 8px;
}
        #backtop:hover {
            background-color:#fed70f;color:#000;
        }
        #backtop.mcOut {
            opacity:0;
        }
        
/* ---------------- For sticky header: class="float-panel"  ------------------*/
.sticky_logo, .fixed .desktop_logo{display:none;}
.float-panel {
    width:100%;background:white;z-index:300;transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}

/* when class="float-panel fixed" */
.fixed {
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    padding: 4px 0;
    animation: slide-down 0.7s;
    /* opacity: 0.9; */
    background: #ffffffed !important;
}
.fixed .sticky_logo{display:block;}

.fixed .fa-gg {transform: rotate(360deg); }
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}


/** HOMEPAGE DESIGN STARTS FROM HERE ==================================**/

header#branding {background:#7e07db url(../images/page_banner.jpg) no-repeat;background-size:cover;min-height: 443px;height: 100%;border-bottom: 5px solid #ffd700;}
.home header#branding {background:#7e07db url(../images/homepage_banner.jpg) no-repeat;background-size:cover;min-height: 923px;height: 100vh;border: none;}

div#wrap {
    padding: 95px 0 0;
}
.home div#wrap {
    padding: 0;
}

.site_title.homepage .flex-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 480px;
    height: 100vh;
    max-width: 65%;
        margin-top: -50px;
}
.site_title.sub_pages .flex-item {
    display: flex;
    align-items: center;
    min-height: 340px;
    max-width: 100%;
}

/** HEADER DESIGN ===**/
#site-title {
    padding: 10px 0 15px;
}

#site-title em{font-style:normal;}

#site-title img {
    margin-left: -15px;
}

.site_title.homepage h1, .title-1 {
    text-shadow: -2px -1px 6px rgb(205 49 198);
}
.site_title.homepage h1 em {
    font-style: normal;
}
.site_title p a {
    font-weight: bold;
}
.site_title p {
    text-transform: uppercase;
    font-size: 22px;
    padding: 25px 0;
}

#branding #mainnav {
    padding-top: 32px;
}
#branding #mainnav ul li a {
    margin: 0;
    padding: 8px 14px;
    display: block;
    color:#fff;
}
#branding #mainnav ul li a:hover{color: #ffd700;}
#branding #mainnav ul li.button-cs a{font-size:14px;}
#branding #mainnav ul li.button-cs.pink {
    margin-left: 35px;
}
#branding #mainnav ul li.button-cs a {
    background: #570c93;
    margin-left: 15px;
    display: block;
    border-radius: 50px;
    padding: 4px 20px;
    border: 2px solid #570c93;
    margin-top: 2px;
}
#branding #mainnav ul li.button-cs.blue a {
    background: #ffd700;
    border-color: #ffd700;
    box-shadow: 0px 1px 11px 1px #6f15ce;
    color:#570c93;
}
#branding #mainnav ul li.button-cs a:hover {
     background:transparent;
    color:#ffd700;
    border-color: #ffd700;
}
#branding #mainnav ul li.button-cs.blue a:hover {
    background:transparent;
    color:#ffd700;
}

/** SECTION 01 =====**/
.homepage_sections {margin-top: -200px;}
.gradient_box {
    padding: 0 20px;
    margin: 25px 0;
    padding-left:3.5em;
}
.num {
    width: 95px;
    height: 95px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    position: absolute;
    top: 30%;
    left: -50px;
}
.num:before {
    content: '';
    width: 105px;
    height: 105px;
    position: absolute;
    border: 2px dashed #c8a2c8;
    border-radius: 100px;
}
    
.img_box {position: relative;}
.img_cont {padding-top: 35px;}
.img_cont h3 {padding-bottom: 10px;}
.img_box img:hover {
    transform: scale(1.08);
}

/** SECTION 02 =====**/
.short_info strong {
    padding-bottom: 4px;
    display: block;
    font-size: 20px;
}
.list_items p {
    padding-top: 15px;
}
.list_items ul {
    text-transform: uppercase;
    color: #ffd700;
}
.list_items ul li {
    display: block;
    padding: 4px 0px;
}
.list_items ul li:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100px;
    display: inline-flex;
    margin-right: 10px;
    background: linear-gradient(177deg, #ffd700, #9628e6, #6700ff, #080808);
}
.list_items ul li:hover {
    margin-left: 4px;
}

/** SECTION 03 =====**/

.circle_items li {
    background: #530591;
    display: block;
    text-align: center;
    margin: 25px 0;
    border-radius: 50px;
    padding: 15px;
    text-transform: uppercase;
    box-shadow: 0px 0px 7px #a85de3;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 84px;
    position: relative;
}
.circle_items ul {
    border-right: 5px solid #b468dc;
    position: relative;
    padding: 35px 60px 35px 0;
}
.circle_items li span {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    font-size: 24px;
    position: absolute;
    right: -96px;
}
.circle_items ul:before, .circle_items ul:after {
    width: 20px;
    height: 20px;
    display: block;
    content: '';
    border-radius: 100px;
    background: #b468dc;
    position: absolute;
    top: 0;
    right: -12px;
}
.circle_items ul:after{top:inherit;bottom:0;}
.pos_circle {
    padding-top: 35px;
}

/** SECTION 04 =====**/
.section_four .owl-stage {
    min-height: 365px;
}
#services_carousel {
    padding-top: 45px;
}
.ser_box {
    background: #530591;
    box-shadow: 0px 0px 7px #ffffff;
    border-radius: 15px;
    padding: 35px 25px;
    color: #ffffff;
    margin: 10px;
}

.ser_box h3 {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: #dc98fc;
    margin: 15px 0 8px;
}
.ser_box i.fa {
    color: #fed70f;
    width: 25px;
}
.sr_img {
    padding-bottom: 15px;position:relative;z-index:9;
}
.numerical{font-size:120px;color: #17015a;}
.numerical {
    font-size: 150px;
    color: #5d04a4;
    position: absolute;
    top: 60px;
    right: 30px;
}
.ser_box .sr_button {
    position: absolute;
    width: 100%;
    bottom: -14px;
}
.ser_box .sr_button .pink_btn {
    font-weight: 600;
    text-transform: capitalize;
    max-width: 120px;
}

.owl-item.active.center .ser_box {
    background: rgb(42 2 74);
    box-shadow: 0px 0px 7px #c3b72d;
}



.arrow_left, .arrow_right{
    position: absolute;
    top: 43%;
    width:30px;
    height:55px;
}
.arrow_left {
    left: -60px;
    background:url(../images/arrow_left.png) no-repeat;
}
.arrow_right {
    right: -60px;
    background:url(../images/arrow_right.png) no-repeat;
}

/** SECTION 05 =====**/

.form_items input, .form_items textarea {
    border: none;
    background: #ffffff;
    margin: 0 0 25px;
    padding: 25px 15px;
    width: 100%;
    border-radius: 10px;
    outline: none;
    box-shadow: 0px 0px 7px #8f00ff;
}
.form_items input[type="submit"] {
    background: #fed70f;
    text-transform: uppercase;
    width: 200px;
    float: right;
    border-radius: 50px;
    padding: 18px 15px;
    font-weight: bold;
    color: #7309c5;
    cursor:pointer;
}
.form_items input[type="submit"]:hover {
    background: transparent;
    color: #fff;
    box-shadow: 0px 0px 7px #fed70f;
}
 .form_items textarea {resize: none;min-height:135px;}
 
 ::placeholder {
  color: #160154;
  opacity:1;
}

/** ABOUT PAGE ==============================================================**/

/**01 =======*/
.lite_box {
    background: linear-gradient(360deg, #2d004e, #2d004e, #570693, #570693);
    padding: 35px;
    text-align: center;
    border-radius: 10px;
    margin-top: 35px;
    min-height: 360px;
}

.lite_box h3 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding-top: 35px;
}
.lite_box:hover{background: linear-gradient(360deg, #570693, #570693, #2d004e, #2d004e);}
.lite_box:hover img {
    transform: scale(1.08);
}
.lite_box:hover h3 {
   letter-spacing: 0;
}

/**02 =======*/
.ab_parrllax {
    background: url(../images/about_right.png) no-repeat;
    background-position: right 280px;
    min-height: 925px;
    padding-top: 45px;
}

.title-1 strong {
    display: block;
    font-size: 18px;
    color: #434ae7;
    text-shadow: none;
    padding-bottom: 15px;
}
.tick_lists {
   width: 47%;
    text-align: justify;
}

.tick_lists h4 {
    color: #c60b83;
    font-weight: bold;
}

.tick_lists li {
    padding-bottom: 20px;
    position:relative;
    padding-left:60px;
}
.tick_lists li:before {
    content: '';
    background: url(../images/tick_icon.png) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
}

/** SERVICES PAGE ===========================================================**/
.faq-nav {
    background: #570693;
    padding: 25px;
    border-radius: 10px;
}

.faq-nav a {
    display: block;

    width: 100%;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0;
    padding-left: 25px;
    position: relative;
}

.faq-nav a.nav-link.active,  .faq-nav a:hover {
    background: none;
    color: #e5c20d;
}
.faq-nav a:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width:6px 8px;
    border-color: transparent #dd439700 transparent #e5c20d;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 11px;
}
.card {
    background-size: 400% 400%;
    /* animation: gradient 15s ease infinite; */
    color: #fff;
       background: linear-gradient(360deg, #030006, #260d38, #5c03a1, #6a09b5);
    border-radius: 10px !important;
    border: none;
    min-height: 340px;
    padding:10px;
}
.card-body h3 {
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    padding-bottom:40px;
}
.card-body li {
    padding-bottom: 10px;
    position: relative;
    padding-left: 30px;
}
.card-body li:before {
    content: '';
    background: url(../images/li_tick.png) no-repeat;
    display: block;
    width: 17px;
    height: 13px;
    position: absolute;
    left: 0;
    margin-top: 8px;
}
.card-body ul {
    padding-left: 35px;
    border-left: 5px solid #fed70f;
    border-radius: 5px;
    padding: 15px 25px;
    margin-left: 15px;
}
.btn_bottom {
    position: absolute;
    right: 0;
    bottom: -21px;
    width: 100%;
}

.btn_bottom a.pink_btn {
    float: right;
    width: 160px;
    margin-right: 2em;
    font-size: 14px;
    font-weight: 600;
}

.btn_bottom a.pink_btn:hover {
    background: #fff;
    box-shadow: 0px 0px 7px #ffffff;
}

/** CONTACT PAGE ============================================================**/

.company_info li h3 {
    font-size: 22px;
    color: #fed70f;
    font-weight: 600;
}
.company_info li {
    padding-left: 85px;
    position: relative;
    margin-bottom: 15px;
}
.company_info li a {
    color: #fff;
}
.company_info li a:hover {
    color: #c60b83;
}
.company_info li:before {
    content: '';
    width: 72px;
    height: 72px;
    background: #11033e;
    display: block;
    position: absolute;
    left: 0;
}
.company_info li p {
    margin: 0;
    min-height: 70px;
    font-size:14px;
    line-height:22px;
}
.company_info li:nth-of-type(1):before {
     background: url(../images/c_1.png) no-repeat;
}
.company_info li:nth-of-type(2):before {
     background: url(../images/c_2.png) no-repeat;
}
.company_info li:nth-of-type(3):before {
     background: url(../images/c_3.png) no-repeat;
}

.contact_form h3 {
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 25px;
}

.g_map img {
    border-radius: 50px;
    margin-top: -26px;
}
.g_map a.pink_btn {
    margin: 0 auto;
    background: #520191;
    color: #fff;
    box-shadow: none;
    padding: 15px 0;
    position: relative;
    z-index: 1;
}

/** LOGIN, REGISTER & FORGOT PASSWORD========================================**/
.page-template-login-page header, .page-template-login-page footer, .page-template-forgot-password-page header, .page-template-forgot-password-page footer, 
.page-template-register-page header, .page-template-register-page footer, .page-template-user-dashboard-page header, .page-template-user-dashboard-page footer, 
.page-template-profile-edit-page header, .page-template-profile-edit-page footer, .page-template-create-task header, .page-template-create-task footer, 
.page-template-taskstatus-page header, .page-template-taskstatus-page footer, .page-template-task-history-page header, .page-template-task-history-page footer, 
.page-template-update-plan-page header, .page-template-update-plan-page footer{
    display: none;
}
.page-template-login-page, .page-template-forgot-password-page, .page-template-register-page, .page-template-user-dashboard-page, 
.page-template-profile-edit-page, .page-template-create-task, .page-template-taskstatus-page, .page-template-task-history-page, .page-template-update-plan-page{
    background: none;
    background: linear-gradient(359deg, #c091c9, #7e07db, #c091c9, #7e07db);
    background-size: 400% 400%;
}
.holder {
    margin: 0 15px;
}
.box_design {
    width: 440px;
    margin: 0 auto;
    font-size:14px;
}
.box_design  a{color:#fff;}
.box_design a:hover {
    color: #ffc107;
}
.form_elements {
    border: 2px solid #fff;
    padding: 35px;
        padding-bottom: 15px;
}
.form_elements input, .form_elements textarea {
    background: none;
    outline: none;
    border: none;
    width: 100%;
    color: #fff;
    border-bottom: 2px solid #fff;
    padding: 20px;
    margin-bottom: 25px;
    position:relative;
    background-image: none !important;
    position: relative;
    padding-left: 45px;
    font-size:16px;
}
 .form_elements ::placeholder {
  color: #fff;
  opacity:1;
  text-transform:uppercase
}
.lg_icon {
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
}

.form_elements .trigger span {
    background: url(../images/msg_icon.png) no-repeat;
    width: 28px;
    height: 23px;
    display: block;
    position: absolute;
    left: 0;
    z-index: 9;
    top: 20px;
    left: 15px;
}
.form_elements .trigger.password span{
    background: url(../images/lock_icon.png) no-repeat;
    height: 31px;
    top: 15px;
}
.form_elements .trigger input {
    padding-left: 45px;
}
.chec_b {
    display: flex;
    align-items: center;
}

.chec_b input#remember {
    margin: 0;
    width: 15px;
    margin-right: 10px;
    position: relative;
    top: -4px;
}
.chec_b {
    display: flex;
    align-items: center;
}

.chec_b input#remember {
    margin: 0;
    width: 15px;
    margin-right: 10px;
    position: relative;
    top: -4px;
}

.lg_btn input {
    border: none;
    background: #6506ade0;
    text-transform: uppercase;
    padding: 25px 0;
    font-size: 24px;
    cursor: pointer;
}

.lg_btn {
    position: relative;
    width: 140%;
    left: -74px;
    right: 0;
    margin: 0 auto;
    margin-top: 25px;
}
.return_h {
    padding: 25px 0;
    position:relative;
}
.return_h:before {
   content:'';
   background:url(../images/back_icon.png) no-repeat;
   width:28px;
   height:23px;
   display:inline-block;
   position: relative;
    top: 4px;
}

/**02 ================**/
.space_XR{padding:0 5em;}
.align_right {
    float: right;
}
.page-template-register-page div#page_wrapper{
    background:url(../images/reg_bg.png) no-repeat left center;
    min-height:837px;
}
.page-template-register-page .box_design{width:620px;}
.page-template-register-page  .lg_btn {
    width: 100%;
    left: 0;
}
.page-template-register-page .form_elements {
    border: 2px solid #d69fff;
    background: #8515d9;
    border-top: 5px solid #d69fff;
}
.page-template-register-page .form_elements ::placeholder {
  color: #fff;
  opacity:1;
  text-transform:inherit;
}
.page-template-register-page .form_elements input {
    padding-left: initial;
}

/** DASHBOARD PAGES==========================================================**/
div#wrap_small {
    padding: 65px 0;
}

.portal_menu {
    background: #ffffffab;
    border-radius: 10px;
}
.portal_menu a {
    color: #44054d;
    padding: 15px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
	position:relative;
}
.portal_menu a:hover {
    color: #7f0691;
}

.portal_menu a:last-child {
    float: right;
    background: #6208a9;
    display: inline-block;
    color: #fff;
    border-radius: 0 10px 10px 0;
}
 .portal_menu a:after {
    background: #44054d;
    content: '';
    transform: skew(-26deg);
    position: absolute;
    width: auto;
    padding: 1px;
    left: -3px;
    top: 18px;
    height: 15px;
}
		.portal_menu a:last-child:after, .portal_menu a:first-child:after{content:none;}
		.portal_menu a i.fa {
    font-size: 18px;
    position: relative;
    top: 1px;
}
.left_panel, .right_panel {
    margin-top: 35px;
    background: white;
    border-radius: 10px;
    padding: 30px;
    color: #000;
}
.left_panel {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
     padding-bottom: 55px;
}
.user_image {
    background: url(https://vaforindia.com/wp-content/uploads/2022/08/user_icon.png) no-repeat;
    height: 180px;
    border-radius: 100%;
    background-position: center;
    margin: 0 auto;
}
.user_info h3 {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}
.user_info a {
    margin: 0 auto;
}
		.right_panel .flex_list ul li {
    width: 50%;
    word-break: break-all;
}
.user_info p {
    word-break: break-all;
}

.right_panel .flex_list ul {
    display: flex;
}
.right_panel h3 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
    color: #6208a9;
}

.right_panel h3 span {
    color: #7e159f;
    font-size: 14px;
    padding-left: 10px;
    position: relative;
    top: -1px;
}
.table thead th {
    font-weight: 600;
    color: #7e159f;
}
.table td, .table th {
    font-size: 14px;
}
.pagination{margin-top:35px;    width: 85%;}
.page-link:focus {
    box-shadow: none;
}
.right_panel .page-link {
    text-transform: uppercase;
    font-weight: 600;
    color: #6208a9;
    font-size: 12px;
    border: 1px solid #6208a9;
}
.page-item.disabled .page-link {
    border-color: #6208a9;
}
.right_panel .page-link:hover {
    color: #f8f9fa;
    background-color: #6208a9;
    border-color: #6208a9;
}
.right_panel a:hover {
    color: #bc5cdb;
}
.right_panel a {
    color: #020202;
}
.flex_item {
    display: flex;
}
.page-item.disabled .page-link {
    color: #9d73b5;}

a.borderded_btn {
    background: #6208a9;
    margin: 35px 0 1rem;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 8px;
    line-height: 32px;
    width: 15%;
    text-align: center;
}
a.borderded_btn:hover {
    background: #7b1ba9;
    color: #fff;
}

/** EDIT PROFILE ============================================================**/
.right_panel .form_elements {
    border: none;
    padding: 0;
    color: inherit;
}
 .right_panel  .form_elements ::placeholder {
  color: #000;
  opacity:1;
  text-transform:inherit
}
 .right_panel .form_elements input,  .right_panel .form_elements textarea{
    border-bottom: 1px solid #614d77;
    padding: 10px 0;
    color: #000;
}
 .right_panel .form_elements  .lg_btn {
    position: relative;
    width: 25%;
    left: initial;
    right: 0;
    margin: 0;
    margin-top: 25px;
    float: right;
    
}
 .right_panel .form_elements  .lg_btn input {
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    color:#fff;
}

/** TASK HISTORY PAGE =======================================================**/
.task_panel .table-bordered th {
    background: #faedff;
    color: #720aa1;
    text-transform: uppercase;
    width: 25%;
    font-weight: 600;
}
.task_panel small a {
    color: #7e159f;
    font-weight: 600;
    float: right;
}
.task_panel table.table.table-bordered {
    margin: 0;
}

.task_panel .table-bordered td, .task_panel .table-bordered th {
    border: 1px solid #7f0691;
}

.attach_f {
    width: 50%;
}
.right_panel.email_thread .form_elements .lg_btn input {
    padding: 15px 25px;
}
.right_panel.email_thread .form_elements .lg_btn {
    width: auto;}
    
.chain_box {
    background: #ead4f3;
    border-radius: 10px;
    padding: 25px;
    position:relative;
    margin-bottom:35px;
    float:left;
    width:100%;
}
.chain_box.out {
    width: 90%;
    float: right;
    background:#cccbff;
}

.chain_box date {
    float: right;
    width: auto;
    font-size: 12px;
    font-weight: 600;
    margin-top: -5px;
}

.chain_box h4 {
    float: left;
    width: 70%;
}
.chain_box .heading {
    padding-bottom: 15px;
}
.e_footer p {
    margin: 0;
}
.e_footer small {
    font-weight: 600;
}
.e_footer {
    padding-top: 15px;
}

.chain_box.in:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ead4f3;
    display: block;
    position: absolute;
    bottom: -10px;
}

.chain_box.out:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #cccbff;
    display: block;
    position: absolute;
    top: -10px;
    right:25px;
}
.right_panel.email_section {
    position: relative;
}

.composer_short {
    position: fixed;
    right: 0;
    z-index: 99;
    top: 50%;
}

.composer_short 
 i.fa {
    background: #ffc107;
    color: #7824b7;
    width: 40px;
    height: 40px;
    border-radius: 5px 0 0px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/** POINT CHARGE HISTORY POP_UP======**/
div#myModal-sb {
    background: linear-gradient(33deg, #c091c9, #7e07db, #c091c9, #7e07db);
    background-size: 400% 400%;
    height: 100vh;
}

#myModal-sb .modal-content {
    background: #0000004f;
    color: #fff;
}
#myModal-sb .modal-dialog {
        display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    max-width: 90%;
    
}
#myModal-sb .modal-body {
    padding: 35px 25px 15px;
}

.sendy-subcription-form .modal-dialog{max-width: 660px;}
.sendy-subcription-form input {
    border: none;
    background: none;
    border-bottom: 1px solid #ffff;
    width: 100%;
    padding: 8px 0;
    color: #fff;
    margin: 10px 0;
    box-sizing: border-box;
    float: left;
     -webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
        border-radius:0;
}

.sendy-subcription-form input#submit {
    background: #88171a;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    font-family: 'ralewaybold';
    width: auto;
    float: right;
    margin-top: 25px;
    border-radius: 5px;
    height: 50px;
    padding: 0 25px;
    cursor: pointer;
    border: none;
    text-shadow: none;
}
#myModal-sb button.close {
    border-radius: 0 5px 5px 0;
    background: #fff;
    width: 45px;
    height: 45px;
    position: absolute;
    right: -46px;
    opacity: 10;
    color: #88171a;
    text-shadow: none;
}
#myModal-sb  ::placeholder {
  color: white;
}

#myModal-sb  .force-opaque::placeholder {
  opacity: 1;
}
.tpc_table{margin:0;}
table.tpc_table th {
    color: #fff;
    text-transform: uppercase;
}

@media screen and (max-width:767px){
    #myModal-sb button.close {
    border-radius: 100px;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: -85px;
    line-height: inherit;
}
#myModal-sb .modal-dialog{width:auto;}
.chain_box date, .chain_box h4{width:100%;}

.col-md-6.center_x {
    text-align: center !important;
}
.center_x  .chec_b {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

}



/** PLAN PAGE DESIGN ======================================================**/
.page-template-plan-page .site_title.sub_pages {
    display: none;
}
.page-template-plan-page header#branding {
    min-height: inherit;
    border-bottom: none;
    background:none;
}

.plan_box {
    border-radius: 15px;
        background: linear-gradient(147deg, #180066, #d324cd, #4b24cb, #5a3bc5);
    background-size: 400% 400%;
    margin-bottom: 45px;
    word-break: break-all;
    font-size: 14px;
    line-height: 22px;
    transition: all .2s ease-in-out; 
}
.plan_box.even {
    background: linear-gradient(147deg, #11043c, #754bff, #4b24cb, #5e3ad9);
}
.plan_box:hover {
    transform: scale(1.1);
}

.plan_box h3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    border-bottom: 1px dashed #ffffff;
    padding: 15px;
}
.plan_box .inner_c{padding: 0 15px 15px 15px;}
.plan_box small {
    display: block;
    font-size: 36px;
    padding: 15px 0;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    color: #ffc107;
}
.plan_box small span {
    font-size: 14px;
}
.plan_box strong {
    background: white;
    color: #6f3ec8;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 0 10px;
    display: inline-block;
    font-size: 14px;
}
.plan_box p {
    padding-top: 0;
    border-top: 1px dashed;
    border-bottom: 1px dashed;
    margin: 20px 0 10px;
    padding: 10px 0;
}
.plan_box p span {
    display: block;
    text-transform: uppercase;
    padding-top: 5px;
    font-weight: 600;
    color: #ffc107;
}
.plan_box em {
    min-height: 67px;
    display: flex;
    align-items: center;
}
.plan_box.space_xx {
    margin-top: 125px;
}
.plan_box.space_xx:hover, .page-template-update-plan-page .plan_box:hover {
    transform: scale(1);
}
.plan_box h3 span {
    font-size: 12px;
    float: right;
    padding-top: 4px;
}

.plan_box h3 span a {
    color: #fff;
}
.plan_box h3 span a:hover {
    color: #ff7de2;
}


.plans_sec .plan_box {
    background: #530591;
    border: 1px solid #530591;
}

.more_ab {
    padding: 20px 0 10px;
}

.plan_btn {
    background: #fff;
    font-weight: 600;
    display: block;
    border-radius: 5px;
    padding: 8px;
    color:#35005e !important;
    text-align:center;
}
.plan_btn:hover {
    background: #7c07d7;
    color: #fff !important;
}
.plan_box.even .more_ab a.plan_btn:hover {
    background: #fff !important;
    color: #7c07d7 !important;
}

.plans_sec .plan_box.even {
    background: #35005e;
    color: #fff;
}
.plans_sec .plan_box.even h3 {
    border-bottom: 1px dashed #a854e9;
}
.plans_sec .plan_box.even strong {
    background: #7e07db;
    color: #ffffff;
}
.plans_sec .plan_box h3 span {
    padding-top: 0;
    margin-top: -5px;
}


.plan_box.even .more_ab a.plan_btn {
        background: #7e07db !important;
    color: #fff !important;
}

.plan_box.even .more_ab a.plan_btn:hover {color: #fff;background: #5c33e3;}
.plans_sec .plan_box strong {
    display: flex;
    align-items: center;
    min-height:45px;
}

/** ADMIN PLAN PAGE =========================================================**/
.left_panel.admin_plan{padding:0;margin-bottom:0;}
.left_panel.admin_plan .plan_box{background:none;border-radius:0;margin:0;}
.right_panel.admin_plan .even {
    position: static;
}
.right_panel.admin_plan .plan_box {
    background: none;
    border: 2px solid #7f0691;
}

.right_panel.admin_plan .plan_box h3 {
    border-color: #7f0691;
    color: #7f0691;
}

.right_panel.admin_plan .plan_box strong {
    background: #7121cd;
    color: #fff;
}

.right_panel.admin_plan .plan_box p {
    border-color: #7f0691;
}

.right_panel.admin_plan .plan_box p span {
    color: #7121cd;
}

.right_panel.admin_plan .plan_box h3 {}

.right_panel.admin_plan .plan_box h3 span a {
    color: #7121cd;
}

.right_panel.admin_plan .col-md-12 .plan_box{margin:0;}


/*Faq page design=======================*/

.faq h4 {
    margin: 0 !important;
}

.faq h4.panel-title {
    margin: 0;
   }
.faq h4 a {
    color: #3b0f85 !important;
}

.faq .panel-body {
    padding: 15px;
    line-height: 30px;
    border-top: 1px solid #bb67fb;
}
.faq .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.faq .panel {
    margin-bottom: 20px;
    background-color: #bb67fb;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.faq .panel-default>.panel-heading {
    color: #333;
    background-color: #f0dcff;
    border: none;
}
.faq .panel-title>a, .panel-title>a:active{
	display:block;
	padding:5px 0;
    color:#212121;
    font-size:20px;
	text-decoration:none;
}
.faq .panel-heading  a:before {
   font-family: 'FontAwesome';
   content: "\f078";
   float: right;
   transition: all 0.5s;
}
.faq .panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 


/** FOOTER ==================================================================**/
footer#footer {
    font-size: 14px;
    background: red;
    padding: 65px 0 50px;
    border-top: 1px solid #ffd700;
    background: linear-gradient(360deg, #c091c9, #af4aff, #7e07db, #7e07db);
    margin-top: 95px;
}
footer#footer a{color:#fff;}
footer#footer a:hover{color:#fed70f;}

footer#footer h3 {
    font-weight: bold;
    font-size: 24px;
}

.footer_copyright p {
    background: #fed70f;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    width: 30%;
    padding: 2px;
    color: #8d01fa;
    margin: 45px auto 0;
    font-weight: 600;
}
.footer_widget p {
    line-height: 25px;
}

.footer_widget {
    margin-bottom: 25px;
}

p.inline_a strong {
    padding: 0 8px;
    font-weight:normal;
}
.footer_widget p:nth-of-type(2) {
    margin-bottom: 0px;
}
/** MOBILE MENU DESIGN=======================================================**/
i.mob-icon-menu.mob-menu-icon, i.mob-icon-cancel-1.mob-cancel-button {
    background: #c31f93;
    border-radius: 5px;
    padding: 2px;
    font-size: 28px !important;
}
.mobmenu-left-panel .mobmenu-left-bt, .mobmenu-right-panel .mobmenu-right-bt {
    position: absolute;
    right: 20px;
    top: 25px;
}
#mobmenuleft, #mobmenuright {
    padding-top: 15px;
}
.box_design  input, .form_elements input, .form_elements textarea{
-webkit-border-radius:0px;
}
.db_responsive{display:none;} 

.db_responsive button.btn.btn-info {
    width: 100%;
    text-transform: uppercase;
    font-weight: 500;
    outline: none;
    box-shadow: none !important;
    background: #7f0691 !important;
    border-color: #7f0691 !important;
    height: 55px;
}

.db_responsive a {
    display: block;
    text-align: center;
    border-top: 1px solid;
}

.db_responsive a:nth-of-type(1) {
    border: none;
}
.portal_menu .db_responsive a:after{
    content:none;
}
.portal_menu .db_responsive a:last-child {
    float: none;
    background: #7f0691;
    display: block;
    color: #fff;
    border-radius: 0 0 10px 10px;
    border: none;
}

/** OWL DOTS DESIGN==========================================================**/
 .owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{width: 10px;height: 10px;;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;border-radius:100px;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#233282;}
.owl-dots {
    text-align: center;
    padding-top: 10px;
}
.owl-theme .owl-dots .owl-dot span {
	margin: 5px 3px;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #233282;	
}
.owl-theme .owl-dots .owl-dot{outline:none;}

/** WEBSITE RESPONSIVENESS STARTS FROM HERE =================================**/

@media screen and (max-width:1199px){
    #branding #mainnav ul li a {
    padding: 8px 6px;
    }
    #branding #mainnav ul li.button-cs.pink {
    margin-left: 20px;
}
    h1 {
        font-size: 54px;
    }
    .site_title p {
    font-size: 18px;
}
.footer_copyright{text-align:center;}
.footer_copyright p {
    display: inline-block;
    width: auto;
    padding: 0 10px;
}
.ab_parrllax {
    background-size: 45%;
}

.plan_box strong {
    font-size: 12px;
}
.page-template-register-page div#page_wrapper {
    background-size: 50%;
}
.home header#branding {
    background-size: 100%;
}
}
@media screen and (max-width:1024px){
    .home header#branding {
    background-size: 110%;
    background-position: center top;
}
.arrow_left, .arrow_right {
    top: inherit;
}
.arrow_left {
    left: inherit;
    right: 5%;
}
.arrow_right {
    right: 0;
}
header#branding {
    min-height: 360px;
    
}
.site_title.sub_pages .flex-item {
    min-height: 190px;
}
.page-template-register-page div#page_wrapper {
    background-size: 35%;
}

    
}

@media screen and (max-width:991px){
    header#branding .container {
    width: 100%;
    max-width: 95%;
}
    
.site_title.homepage h1, .title-1, h1 {
    font-size: 50px;
}
#site-title {
    padding: 12px 0 15px;
}
.title-1 span {
    font-size: 34px;
    display: block;
}
.homepage_sections {
    margin-top: -310px;
}
.section_two .col-md-6 {
    display: flex;
    align-items: center;
}
.section_three .col-md-6, .section_five .col-md-6{
    flex: 0 0 100%;
    max-width: 100%;
        padding: 0 15px;
}
.pos_circle {
    padding-top: 35px;
    text-align: center !important;
}
.section_five .col-md-6{text-align:center;}
.section_five img {
    margin: 0 auto;
    width: 405px;
}
.lite_box h3 {
    font-size: 20px;
    word-break: break-all;
    letter-spacing: 0;
}
div#faq-tabs {
    display: block !important;
}
.card-body .flex_item {
    display: block;
}

.card-body .flex_item .w50 {
    width: 100%;
}
.card-body ul {
    border: none;
    padding: 0;
    padding-top: 35px;
    margin-left: 0;
}
.btn_bottom {
    position: absolute;
    right: 0;
    bottom: -21px;
    width: 100%;
    left: 0;
    margin: 0 auto;
}
.faq-nav {
    padding: 10px;
}

.btn_bottom a.pink_btn {
    float: none;
    width: 160px;
    margin: 0 auto;
}
.faq-nav a {
    font-weight: 600;
    padding: 5px 0;
    padding-left: 18px;
    position: relative;
    font-size: 14px;
    line-height: 22px;
}
.faq-nav a:before {
    border-width: 4px 6px;
}
.plans_wrap.plans_sec .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
}
.circle_items li span {
    left: -26px;
    right:inherit;
}
.circle_items ul {
    border-right: none;
    padding: 0 35px 60px;
}
.circle_items ul:before, .circle_items ul:after {
    content: none;
}

.circle_items li {
    text-align: left;
    justify-content: left;
    padding-left: 55px;
}
a.borderded_btn {
    width: 100%;
    margin-left: 15px;
}
.db_responsive_off {
    display: none;
}
.db_responsive{display:block;}


.page-template-login-page .mob-menu-header-holder.mobmenu, .page-template-forgot-password-page .mob-menu-header-holder.mobmenu, .page-template-register-page .mob-menu-header-holder.mobmenu, 
.page-template-user-dashboard-page .mob-menu-header-holder.mobmenu, 
.page-template-profile-edit-page .mob-menu-header-holder.mobmenu, .page-template-create-task .mob-menu-header-holder.mobmenu, .page-template-taskstatus-page .mob-menu-header-holder.mobmenu, .page-template-task-history-page .mob-menu-header-holder.mobmenu, .page-template-update-plan-page .mob-menu-header-holder.mobmenu
 {
    display: none;
}

}

@media screen and (max-width:880px){
    .page-template-register-page div#page_wrapper {
    background: none;
}
.page-template-register-page .box_design {
    width: 100%;
}
.site_title.homepage h1, .title-1, h1 {
    font-size: 48px;
}
    
}

@media screen and (max-width:768px){
    .site_title.homepage .flex-item {
    max-width: 100%;
    margin-top: 0;
     padding-top: 50px;
        display: block;
}
.site_title.homepage h1 em {
    font-style: normal;
    display: block;
}
.home header#branding {
    background: #11043c url(../images/homepage_banner_mb.jpg) no-repeat;
    background-size: cover;
    min-height: 615px;
    height: 100vh;
    border: none;
    background-position: center;
}
.homepage_sections {
    margin-top: 0;
}
.home .overlay_mobile {
    background: linear-gradient(360deg, #11043c, #15005494, #00000085, #10003a);
}
    
}

@media screen and (max-width:768px){
    .section_two .list_items {
    padding-top: 35px;
}


}

@media screen and (max-width:767px){
   .arrow_left {
    right: 8%;
}
.tick_lists {
    width: 100%;
}
.ab_parrllax {
    background-size: 100%;
    background-position: center right;
}
.ab_parrllax .container {
    background: #220256eb;
    border-radius: 10px;
    padding: 25px;
    border: 1px dashed;
}
div#faq-tab-content {
    padding-top: 35px;
}
.plans_wrap.plans_sec .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
}
.g_map img {
    border-radius: 20px;}
  .space_XR {
    padding: 0;
}  

div#composer .flex_item {
    display: block;
}
.attach_f {
    width: 100%;
}
.right_panel.email_thread .form_elements .lg_btn {
    width: auto;
    float: none;
}
.pagination {
    align-items: center;
    justify-content: center;
        width: 100%;
}
nav.flex_item {
    display: block;
}
a.borderded_btn {
    width: 140px;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.task_panel small a{line-height:normal;}
  
  .lite_box {
    min-height: auto;
}

}

@media screen and (max-width:480px){
.site_title.homepage h1 em {
    font-size: 40px;
}

#site-title {
    padding: 0;
}
.site_title.homepage .page-entry-header{
    padding-top: 100px;}
    
    hgroup#site-title img {
    max-width: 60%;
    margin-top: 11px;
}

}

@media screen and (max-width:380px){
    
    .site_title.homepage h1, .title-1, h1 {
    font-size: 40px;
}
.site_title.homepage h1 em {
    font-size: 30px;
}
.site_title.homepage .page-entry-header {
    padding-top: 15px;
}


}