/*-----------------------------------------------------------------------------------
CSS INDEX
    ===================
  
    Theme default CSS
    1. Home
        1.2 Slider
        1.3 Top Banner
        1.4 Facilities Area
        1.5 Latest Event
        1.6 Achivement Area
        1.7 Latest News
        1.8 Testimonial Area
        1.9 Footer
    2. News
    3. News Details
    4. Event
    5. Event Details
    6. Teacher
    7. Notice
    8. Notice Details
    9. Holiday
    10. Holiday Details
    11. Gallery
    12. Contact
    13. Login
    
-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  Theme default CSS
/*----------------------------------------*/

/*google-font*/

@import url('//fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800');

@media print {  
    header, footer , .page-breadcumb-area, .no-print{ display: none; }
    .admission-form, .content-area, .container{width: 90% !important;} 
    .admission-form{ border: 1px solid #6fb8ff; }
    @page { margin: 0; } 
    .admission-form-title{
        margin-bottom: 5px;
        margin-top: 10px;
        background-color:  #e4e4e4;
        padding-left: 10px;
    }
}

.clear {
    clear: both
}

::-moz-selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}

.no-mar {
    margin: 0 !important;
}

.no-pad {
    padding: 0 !important;
}

div#preloader {
    background: #ffffff url("http://myaccount.dpsambala.com/assets/images/front/loader.gif") no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}


.header-bottom-area.navbar-fixed-top {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    bottom: auto;
    -webkit-box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.mar-bot-50 {
    margin-bottom: 50px;
}

.mar-bot-40 {
    margin-bottom: 40px;
}

.mar-bot-35 {
    margin-bottom: 35px;
}

.mar-bot-30 {
    margin-bottom: 30px;
}

.mar-top-30 {
    margin-top: 30px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-55 {
    margin-top: 55px;
}

.mar-top-108 {
    margin-top: 108px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

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

*:focus {
    outline: 0;
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 1.5px;
    color: #888;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

button,
input,
textarea {
    letter-spacing: 1px;
}

/* 
Table Of Contents
=========================
- Default Typography
- Custom Typography
=========================
*/


/* 
--------------------------
- Default Typography
--------------------------
*/

body {
    font-family: 'Raleway', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    color: #000;
    letter-spacing: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
    font-family: 'Raleway', sans-serif;
}

h1 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0;
    margin-bottom: 0px;
}

h2 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 0px;
}

h3 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 0px;
}

h4 {
    font-size: 20px;
    line-height: 24px;
}

h5 {
    font-size: 16px;
    line-height: 20px;
}

h6 {
    font-size: 14px;
    line-height: 18px;
}

p {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0;
}

p img {
    margin: 0;
}

span {
    font-family: 'Raleway', sans-serif;
}

/* em and strong */

em {
    font: 15px/30px;
}

strong,
b {
    font: 15px/30px;
}

small {
    font-size: 11px;
    line-height: inherit;
}

/*  blockquotes */

blockquote {
    border-left: 0 none;
    font-family: 'Raleway', sans-serif;
    margin: 10px 0;
    padding-left: 40px;
    position: relative;
}

blockquote::before {
    color: #4e5665;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 36px;
    left: 20px;
    line-height: 0;
    margin: 0;
    opacity: 0.5;
    position: absolute;
    top: 20px;
}

blockquote p {
    font-style: italic;
    padding: 0;
    font-size: 18px;
    line-height: 36px;
}

blockquote cite {
    display: block;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
    color: #8B9798;
    border: none
}

/* abbreviations */

abbr {
    color: #444;
    font-weight: 700;
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: .6px;
}

abbr:hover {
    cursor: help;
}

/* links */
/*
a,
a:visited {
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    outline: 0;
}*/

a:hover,
a:active {
    color: #00b0ff;
    text-decoration: none;
    outline: 0;
}

a:focus {
    text-decoration: none;
    outline: 0;
}

p a,
p a:visited {
    line-height: inherit;
    outline: 0;
}

a.active-page {
    color: #e6ae48;
}

/* list */

ul,
ol {
    margin-bottom: 0px;
    margin-top: 0px;
}

ul {
    margin: 0;
}

ol {
    list-style: decimal;
}

ol,
ul.square,
ul.circle,
ul.disc {
    margin-left: 0px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 0;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
    margin-bottom: 0px;
}

li {
    line-height: 18px;
    margin-bottom: 0px;
}

ul.large li {}

li p {}

/* definition list */
dl {
    margin: 12px 0;
}

dt {
    margin: 0;
    color: #11ABB0;
}

dd {
    margin: 0 0 0 20px;
}

button {}

/* 
--------------------------
- Custom Typography
--------------------------
*/

/* Your Custom Typography. */

.bg-with-black {
    position: relative;
    z-index: 2;
}

.bg-with-black::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-with-white {
    position: relative;
}

.bg-with-white::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-with-blue {
    position: relative;
}

.bg-with-blue::before {
    background: #00bff3 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.hvr-bs:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*----------------------------------------*/
/*  1. Home
/*----------------------------------------*/

.glbscl-link-btn {
    background:#1674d2 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-size:18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    padding: 7px 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.glbscl-link-btn:hover {
    color: #ffffff;
}

header {
    min-height:130px;
    position: relative;
}

.header-top-area {
background: #466b91  none repeat scroll 0 0;
background: linear-gradient(#2A3F54, #004080), #0459af;	
}

.hta-left {}

.hta-box {
    display: inline-block;
    margin-right: 10px;
    padding: 7px 0;
}

.hta-box:last-child {
    margin-right: 0;
}

.hta-box .icon {
    color: #ffffff;
    display: inline-block;    
}

.hta-box .text {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
}
.hta-box .dropdown-menu{right:-20px;left:auto !important;padding:0;min-width:137px;margin-top: 1em;}
.menu_style{ background:#fff}
.menu_style ul{ margin:0px; padding:0px}
.menu_style ul li{ list-style:none; display:block}
.menu_style ul li a{padding:5px 10px;display:block;color:#03407d;font-size: 1.2em; border-bottom:1px dashed #ccc}

.header-bottom-area {
    background:#0c5094 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 99;
	
}

.logo {
    padding:13px 0;
    position: relative;
}

.logo a {
    display: block;
}

.logo a img { max-width:100%; height:auto}

.menu {
    text-align: right;
}

.menu ul {
    list-style: outside none none;
    padding: 0;
}

.menu ul li {
    display: inline-block;
    margin: 0;
    position: relative;
}

.menu ul li a {
    color: #ffffff;
    display: block;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 24px;
    padding:31px 8px;
    text-transform: capitalize;
}


.menu ul li:hover a {
    text-shadow: 1px 1px #1bccfc;
}

.menu ul li a .icon {
    font-size: 12px;
    margin-left: 4px;
}

.menu.mean-container ul li a .icon {
    display: none;
}

.menu ul li .drop {
    background: #ffffff none repeat scroll 0 0;
    -webkit-box-shadow: 1px 4px 13px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 4px 13px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    min-width: 200px;
    padding: 6px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 990;
}

.menu ul li:nth-last-child(1) .drop,
.menu ul li:nth-last-child(2) .drop {
    left: auto;
    right: 0;
}

.menu ul li:hover .drop {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.menu ul li .drop li {
    display: block;
    margin: 0;
    position: relative;
}

.menu ul li .drop li a {
    color: #242424;
    padding: 6px 10px;
    text-shadow: none;
	font-size: 14px;
    line-height: 1.1em;
    font-weight: 500;
}

.menu ul li .drop li:hover a {
    color:#007fff;
}

.menu ul li .drop li .third {
    background: #ffffff none repeat scroll 0 0;
    -webkit-box-shadow: 1px 4px 13px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 4px 13px -4px rgba(0, 0, 0, 0.75);
    left: 100%;
    min-width: 200px;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}

.menu ul li:nth-last-child(1) .drop li .third,
.menu ul li:nth-last-child(2) .drop li .third {
    left: auto;
    right: 100%;
}

.menu ul li .drop li:hover .third {
    opacity: 1;
    visibility: visible;
}

.menu ul li .drop li .third li {
    display: block;
}

.menu ul li .drop li .third li a {
    color: #242424;
    text-shadow: none;
}

.menu ul li .drop li .third li:hover a {
    color: #1bccfc;
}

.mean-container .mean-bar::after {
    content: "";
}

/* 1.2 Slider */

.slider-area {
    margin: 0;
}

.single-slider {
    position: relative;
}

.single-slider .img {}

.single-slider .content {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 5;
}

.single-slider .content .intro {
    font-size: 33px;
    font-weight: 600;
    line-height: 45px;
    margin: 0 0 16px;
}

.active .single-slider .content .intro {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.single-slider .content .title {
    font-size: 48px;
    line-height: 68px;
    margin: 0 0 75px;
    color: #fff;
    text-shadow: 2px 3px #000000;
}

.active .single-slider .content .title {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.single-slider .content .link {}

.active .single-slider .content .link {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slider-area .owl-dots {
    bottom: 51px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.slider-area .owl-dots .owl-dot {
    background: #2489e5 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    display: inline-block;
    height: 6px;
    margin: 0 4px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 14px;
}

.slider-area .owl-dots .owl-dot.active {
    background: #ffffff none repeat scroll 0 0;
}

/* 1.3 Top Banner */
.banner_section{ padding:2em 0; text-align:center}
.slide_img{display:block;width:100%; height:520px}
.slide_img img{max-width:100%; height:auto}


.top-banner-area {
    padding: 100px 0;
}
.welcome-area{background:#0c5094;padding:0;}
.top-banner-content{ padding:2em 0}

.top-banner-content {}

.top-banner-content .intro {
    color:#fff;
    font-size: 36px;
    font-weight:700;
    line-height: 36px;
    margin: 0 0 11px;
}
.top-banner-content .intro span{ display:block; font-weight:400}

.top-banner-content .title {
    border-bottom: 1px solid #2A3F54;
    color: #474747;
    font-size: 42px;
    font-weight: 600;
    line-height: 40px;
    margin: 0 0 43px;
    padding: 0 0 17px;
}

.top-banner-content .text {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 38px;
}

.top-banner-content .more .link {}

.top-banner-img {
    display: inline-block;
    padding: 20px 26px;
    position: relative;
    z-index: 3;
}
.welcome-img{ background:#168dd2;border-radius:10px 10px 10px 0;padding:10px 20px 0 0}
.welcome-img img{max-width:100%;height:auto;margin-bottom:-15px; margin-left:-5px;
border-radius:10px 10px 10px 0;}

.top-banner-img::before {
    background: #2A3F54 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skewY(-3deg) skewX(-4deg) scale(0.95);
    transform: skewY(-3deg) skewX(-4deg) scale(0.95);
    width: 100%;
    z-index: -1;
}

.top-banner-img::before {
    position: absolute;
}

.top-banner-img img {}

/* 1.4 Facilities Area */

.facilities_section{ padding:20px;background:#053f7a;}
.facilities-area {background:#ffffff none repeat scroll 0 0;padding: 3em 0;}
.facilities_section .section-title{ margin:0; text-align:left}
.facilities_section .section-title .title .inner{color:#ffffff;}
.facilities_section .section-title .title{ font-size:36px;color: #ffffff;}
.facilities_section .section-title .title::after,.facilities_section .section-title .title::before{ display:none}
.section-title {margin: 0 0 60px;}

.section-title .title {
    color: #030f1b;
    font-size:42px;
    font-weight: 600;
    line-height: 50px;
    padding: 0 0 16px;
    position: relative;
    text-transform: capitalize;
}

.section-title.white .title {color: #ffffff;}

.section-title .title::before {
    background: #969696 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 90%;
    width: 165px;
}

.section-title .title::after {
    background: #969696 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100%;
    width: 106px;
}

.section-title .title .inner {    color: #0c5094;}

.single-faclities {
    background: #fff none repeat scroll 0 0;
    cursor: pointer;
    margin: 0 0 30px;
    padding: 27px 0 26px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 10px;
    border: 2px solid #b3cfea
}

.single-faclities:hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
}

.single-faclities .icon {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 90px;
    margin: auto;
    text-align: center;
    width: 90px;
    border: 2px solid #2b6eb1;
}

.single-faclities .icon img {
    -ms-flex-item-align: center;
    align-self: center;
    margin: auto;
    max-width: 56px;
    text-align: center;
    width: auto;
}

.single-faclities .icon span {
    -ms-flex-item-align: center;
    align-self: center;
    color: #2489e5;
    font-size: 40px;
    margin: auto;
}

.single-faclities .name {
    color: #0657a7;
    font-weight: 600;
    margin: 11px 0 0;
}

/* 1.5 Latest Event */

.latest-event {padding:3em 0;background: #f1f1f1;}
.event_w{border:1px solid #ccc;padding:10px; width:100%;border-radius:5px; background:#fff;margin: 1em auto;}
.event_w:after{content:'';display:block;clear:both;}
.event_L{ width:200px; float:left}
.event_img{width:200px;height:150px; border-radius:5px; overflow:hidden}
.event_img figure{width:200px;height:150px;display:table-cell;vertical-align:middle;text-align:center}.event_img figure img{ max-width:100%}
.event_R{ margin-left:210px;}
.event_ttl{ margin-bottom:0.5em}
.event_info{font-size: 0.9em;line-height: 1.5em;color: #3e3e3e;font-weight: 500;}
.event_info .icon{color: #1674d2;margin-right: 5px;}
.event_w .glbscl-link-btn{ font-size:16px;padding: 4px 15px;}



.single-event {
    background: #f6f6f6 none repeat scroll 0 0;
    margin: 0 0 30px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: 6px solid #e3e0e0;
}

.single-event:hover {
    -webkit-box-shadow: 2px 2px 10px -7px rgba(0, 0, 0, 0.75);
            box-shadow: 2px 2px 10px -7px rgba(0, 0, 0, 0.75);
        border: 6px solid #466b91 ;        
}

.single-event .img {
    max-height: 250px;
    overflow: hidden;
    position: relative;
}

.single-event .img::after {
    border-color: transparent #f6f6f6 transparent transparent;
    border-style: solid;
    border-width: 40px 358px;
    bottom: -40px;
    content: "";
    position: absolute;
    right: 0;
    z-index: 9;
}

.single-event .img img {
    width: 100%;
}

.single-event .content {
    padding: 27px 18px 30px;
}

.single-event .content .title,
.single-event .content .title a {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0 0 29px;
}

.single-event .content .list {
    list-style: outside none none;
    padding: 0;
}

.single-event .content .list .info {
    color: #161616;
    display: block;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 25px;
    padding-left: 25px;
    position: relative;
}

.single-event .content .list .info .icon {
    color: #2A3F54;
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.single-event .content .more {
    margin: 32px 0 0;
}

.single-event .content .more .link {
    display: inline-block;
    padding: 5px 7px;
}

/* 1.6 Achivement Area */

.achivement-area {
    background: rgba(0, 0, 0, 0) url("http://myaccount.dpsambala.com/myaccount/images/achivement-bg.jpg") no-repeat fixed center center / cover;padding: 93px 0 68px;
}

.achivement-area::before {
    opacity: 0.8;
}
.achivement-area .section-title .title{ color:#fff}

.single-achivement {
    overflow: hidden;
    margin: 0 0 30px;
}

.single-achivement .icon {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 100px;
    float: left;
    height: 96px;
    line-height: 96px;
    text-align: center;
    width: 96px;
}

.single-achivement .icon span {
    color: #2489e5;
    font-size: 44px;
}

.single-achivement .icon img {
    max-height: 54px;
}

.single-achivement .content {
    overflow: hidden;
    padding-left: 26px;
}

.single-achivement .content .counter {
    color: #ffffff;
    font-size: 60px;
    line-height: 60px;
    margin: 0 0 10px;
}

.single-achivement .content .name {
    color: #ffffff;
    font-size: 26px;
    font-weight: 700;
    line-height: 28px;
}

/* 1.7 Latest News */

.latest-news-area {
    padding:3em 0
}

.single-news {
    border: 6px solid #f6f6f6;
    margin: 0 0 30px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 5;
}

.single-news:hover {
    border: 6px solid #466b91 ;
}

.single-news .img {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.single-news-w{position: relative;-webkit-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;z-index: 5;width: 357px;border: 8px solid #ffffff;margin:1em auto; box-shadow:0px 0px 10px #ccc}
.single-news-w:hover{ box-shadow:0px 0px 10px #ccc}	
.news_img{width:340px;height:291px;overflow:hidden}
.news_img figure{width:340px;height:291px; display:table-cell; vertical-align:middle; text-align:center}
.news_img figure img{ max-width:100%; height:auto}
.news_content{ padding:15px;}
.news_content h2{ margin-bottom:0.4em}
.news_text{ font-size:1em; line-height:1.4em; color:#000}
.news_sml_info{ margin-bottom:0.5em}
.news_sml_info p{display: inline-block;background:#f1f1f1;padding: 3px 8px;line-height:1.2em;color:#000;font-size: 0.88em;font-weight: 500;}
.news_sml_info p .icon{color:#000;margin-right: 5px;}

.single-news .img::after {
    border-color: transparent #ffffff transparent transparent;
    border-style: solid;
    border-width: 40px 358px;
    bottom: -40px;
    content: "";
    position: absolute;
    right: 0;
    z-index: 2;
}

.single-news .img img {}

.single-news .content {
    padding: 12px 20px 18px;
    position: relative;
    z-index: 99;
}

.single-news .content .meta {
    list-style: outside none none;
    margin: 0 0 20px;
    padding: 0;
}

.single-news .content .meta .info {
    color: #161616;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: 13px;
}

.single-news .content .meta .info:last-child {
    margin-right: 0;
}

.single-news .content .meta .info .icon {
    color: #2A3F54;
    margin-right: 3px;
}

.single-news .content .title,
.single-news .content .title a {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 15px;
}

.single-news .content .text {
    color: #161616;
    font-size: 16px;
    line-height: 20px;
}

.single-news .content .more {

    margin: 31px 0 0;
}

.single-news .content .more .link {}

/* 1.8 Testimonial Area */

.testimonial-area {
    background: rgba(0, 0, 0, 0) url("http://myaccount.dpsambala.com/assets/images/front/testimonial-bg.jpg") no-repeat fixed center center / cover;
    padding: 93px 0 91px;
}

.testimonial-area::before {
    opacity: 0.7;
}

.testimonial-carousel {
    padding: 0 0 54px;
}

.single-testimonial {
    overflow: hidden;
}

.single-testimonial .auth-img {
    text-align: center;
    margin: 0 0 16px;
}

.single-testimonial .auth-img img {
    border-radius: 100px;
    height: 120px;
    margin: auto;
    width: 120px;
}

.single-testimonial .content {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    padding: 40px;
}

.single-testimonial .content .name {
    color: #363636;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 11px;
    padding: 0 0 4px;
    position: relative;
}

.single-testimonial .content .name::after {
    background: #afafaf none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 152px;
}

.single-testimonial .content .text {
    color: #161616;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 26px;
    position: relative;
}

.single-testimonial .content .text::before,
.single-testimonial .content .text::after {
    color: #6b6b6b;
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    position: absolute;
}

.single-testimonial .content .text::before {
    content: "";
    left: 0;
    top: 0;
}

.single-testimonial .content .text::after {
    bottom: 0;
    content: "ï„Ž";
    right: 0;
}

.testimonial-carousel .owl-dots {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.testimonial-carousel .owl-dots .owl-dot {
    background:#0f3f6f none repeat scroll 0 0;
    border: 1px solid #ffffff;
    display: inline-block;
    height: 6px;
    margin: 0 4px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 14px;
}

.testimonial-carousel .owl-dots .owl-dot.active {
    background: #ffffff none repeat scroll 0 0;
}

/* Apply Now */

.apply-now-area {
    padding: 0 0 3em 0;
}

.apply-now {
    background:#2d2d2d none repeat scroll 0 0;
    padding: 50px 20px 50px 86px;
}

.apply-now .title {
    color: #ffffff;
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
}

.apply-now .link {
    background: #ffffff none repeat scroll 0 0;
    color: #2A3F54 !important; 
    padding: 10px 14px;
}

/* 1.9 Footer */

footer {}

.footer-top-area {
    background:#125294  none repeat scroll 0 0;
    padding: 60px 0 18px;
}

.footer-widget {
    margin: 0 0 30px;
}

.footer-widget .fw-title {
    border-bottom: 2px solid #f2d0f5;
    color: #ffffff;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 22px;
    padding: 0 0 8px;
    text-transform: capitalize;
}

.footer-widget .fw-logo {
    margin: 0 0 23px;
}

.footer-widget .fw-logo img {
    height: 78px;
}

.footer-widget .text {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
}

.footer-widget .links {
    list-style: outside none none;
    padding: 0;
}

.footer-widget .links li {
    display: block;
}

.footer-widget .links a {
    color: #ffffff;
    display: block;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

.footer-widget .links a:hover {
    margin-left: 5px;
}

.footer-widget .social {
    list-style: outside none none;
    padding: 0;
}

.footer-widget .social li {
    display: inline-block;
    margin-bottom: 22px;
    margin-right: 17px;
}

.footer-widget .social a {
    border: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.footer-widget .social a:hover {
    background: #ffffff none repeat scroll 0 0;
    color: #2A3F54;
}

.footer-widget .address {
    list-style: outside none none;
    padding: 0;
}

.footer-widget .address li {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 18px;
}

.footer-widget .address li:last-child {
    margin-bottom: 0;
}

.footer-widget .address li .icon {
    margin-right: 10px;
}

.footer-bottom-area {background:#053f7a  none repeat scroll 0 0;}

.copyright {
    color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    padding: 20px 0;
}

/*----------------------------------------*/
/*  2. News
/*----------------------------------------*/

.page-breadcumb-area {
    background: rgba(0, 0, 0, 0) url("http://myaccount.dpsambala.com/assets/images/front/breadcrumb-bg.jpg") no-repeat scroll center center / cover;
    padding: 35px 0 35px;
}

.page-breadcumb-area::before {
    opacity: 0.8;
    z-index: -1;
}

.page-breadcumb-area .title {
    color: #ffffff;
    font-size: 45px;
    font-weight: 600;
    line-height: 45px;
    text-decoration: underline;
}

.page-breadcumb-area .links {
    list-style: outside none none;
    margin: 9px 0 0;
    padding: 0;
}

.page-breadcumb-area .links li {
    display: inline-block;
    padding-right: 25px;
    position: relative;
}

.page-breadcumb-area .links li:last-child {
    padding-right: 0;
}

.page-breadcumb-area .links li::after {
    color: #c8c8c8;
    content: ">>";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-breadcumb-area .links li:last-child::after {
    display: none;
}

.page-breadcumb-area .links a {
    color: #c8c8c8;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
}

.page-news-area {
    padding: 100px 0 70px;
}

/*----------------------------------------*/
/*  3. News Details
/*----------------------------------------*/

.page-news-details-area {
    padding: 100px 0 38px;
}

.page-news-details {
    margin: 0 0 60px;
}

.page-news-details .banner {
    margin: 0 0 19px;
}

.page-news-details .banner img {
    width: auto;
    max-width: 100%;
}

.page-news-details .title {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 13px;
}

.page-news-details .meta {
    list-style: outside none none;
    margin: 0 0 20px;
    padding: 0;
}

.page-news-details .meta .info {
    color: #161616;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: 13px;
}

.page-news-details .meta .info:last-child {
    margin-right: 0;
}

.page-news-details .meta .info .icon {
    color: #2A3F54;
    margin-right: 3px;
}

.page-news-details .text {
    color: #161616;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 29px;
}

.page-news-details .blockquote {
    border-left: 2px solid #2489e5;
    color: #161616;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 26px;
    padding: 20px 10px;
}

.page-news-details .share-news {
    border-top: 1px solid #a8a8a8;
    margin: 70px 0 0;
    padding: 27px 0 0;
    text-align: center;
}

.page-news-details .share-news .name {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin-right: 3px;
}

.page-news-details .share-news .social {
    display: inline-block;
    list-style: outside none none;
    padding: 0;
}

.page-news-details .share-news .social li {
    display: inline-block;
    margin-right: 6px;
}

.page-news-details .share-news .social li:last-child {
    margin-right: 0;
}

.page-news-details .share-news .social .icon {
    border: 1px solid #acacac;
    color: #acacac;
    display: block;
    font-size: 18px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    width: 29px;
}

.sidebar {
    margin: 0 0 30px;
}

.sidebar-widget {
    background: #f6f6f6 none repeat scroll 0 0;
    margin: 0 0 30px;
    padding: 14px 8px 28px;
}

.sidebar-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 17px;
    padding: 0 0 4px;
    position: relative;
}

.sidebar-title::after {
    background: #2A3F54 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 157px;
}

.widget-news {
    list-style: outside none none;
    padding: 0;
}

.widget-news li {
    border-bottom: .5px solid #2A3F54;
    display: block;
    margin-bottom: 16px;
    padding-bottom: 15px;
}

.widget-news li:last-child {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.widget-news li a {
    display: block;
    overflow: hidden;
}

.widget-news a .img {
    display: block;
    float: left;
    width: 118px;
}

.widget-news a .img img {
    width: 100%;
}

.widget-news a .content {
    display: block;
    overflow: hidden;
    padding: 2px 0 0 16px;
}

.widget-news a .content .meta {
    list-style: outside none none;
    margin: 0 0 9px;
    padding: 0;
}

.widget-news a .content .meta .info {
    border: 0 none;
    color: #161616;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 0;
    margin-right: 13px;
    padding-bottom: 0;
}

.widget-news a .content .meta .info:last-child {
    margin-right: 0;
}

.widget-news a .content .meta .info .icon {
    color: #2A3F54;
    margin-right: 3px;
}

.widget-news a .content .title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
}

/*----------------------------------------*/
/*  4. Event
/*----------------------------------------*/

.page-event-area {
    padding: 100px 0 70px;
}

/*----------------------------------------*/
/*  5. Event Details
/*----------------------------------------*/

.page-event-details-area {
    padding: 100px 0 66px;
}

.page-event-details {
    margin: 0 0 30px;
}

.page-event-details .banner {
    margin: 0 0 18px;
}

.page-event-details .banner img {
    width: auto;
    max-width: 100%;
}

.page-event-details .title {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 10px;
}

.page-event-details .event-meta {
    list-style: outside none none;
    margin: 0 0 21px;
    padding: 0;
}

.page-event-details .event-meta li {
    color: #161616;
    display: block;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 32px;
}

.page-event-details .event-meta li .icon {
    color: #2A3F54;
    margin-right: 8px;
}

.page-event-details .info-title {
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    margin: 0 0 8px;
}

.page-event-details .text {
    color: #151515;
    font-size: 16px;
}


.widget-event {
    list-style: outside none none;
    padding: 0;
}

.widget-event li {
    border-bottom: .5px solid #2A3F54;
    display: block;
    margin: 0 0 20px;
    padding: 0 0 15px;
}

.widget-event li:last-child {
    border: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.widget-event li a {
    display: block;
    overflow: hidden;
}

.widget-event li a .img {
    display: block;
    float: left;
    width: 118px;
}

.widget-event li a .img img {
    width: 100%;
}

.widget-event li a .content {
    display: block;
    overflow: hidden;
    padding-left: 14px;
}

.widget-event li a .content .title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
}

.widget-event li a .content .event-meta {
    list-style: outside none none;
    padding: 0;
}

.widget-event li a .content .event-meta .info {
    border: 0 none;
    color: #161616;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.widget-event li a .content .event-meta .info .icon {
    color: #2A3F54;
    margin-right: 8px;
}

/*----------------------------------------*/
/*  6. Teacher
/*----------------------------------------*/

.page-teacher-area {
    padding: 100px 0 70px;
}

/* .single-teacher {
    border: 1px solid #2489e5;
    margin: 0 0 30px;
}

.single-teacher .img {
    background: #f3f3f3 none repeat scroll 0 0;
    padding: 8px 0;
    text-align: center;
}

.single-teacher .img img {
    border-radius: 100px;
    height: 128px;
}

.single-teacher .info {
    background: #ffffff none repeat scroll 0 0;
    border-top: 1px solid #2489e5;
    padding: 14px 0;
    text-align: center;
}

.single-teacher .info .name {
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    margin: 0 0 3px;
}

.single-teacher .info .desg {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.single-teacher .content {
    background: #2489e5 none repeat scroll 0 0;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-teacher:hover .content {
    background: #0f3960 none repeat scroll 0 0;
}

.single-teacher .content .contact {
    list-style: outside none none;
    padding: 16px 8px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-teacher:hover .content .contact {
    opacity: 0;
    visibility: hidden;
}

.single-teacher .content .contact li {
    color: #ffffff;
    display: block;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
    padding-left: 22px;
    position: relative;
}

.single-teacher .content .contact li .icon {
    left: 0;
    margin-right: 8px;
    position: absolute;
    top: 0;
}

.single-teacher .content .social {
    left: 0;
    list-style: outside none none;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}

.single-teacher:hover .content .social {
    opacity: 1;
    visibility: visible;
}

.single-teacher .content .social li {
    display: inline-block;
    margin-right: 6px;
}

.single-teacher .content .social li:last-child {
    margin-right: 0;
}

.single-teacher .content .social li .link {
    border: 1px solid #ffffff;
    color: #ffffff;
    display: block;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
} */

.single-team {
    border: 1px solid #e9e9e9;
    margin: 0 0 30px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-team:hover{
    border-color: #2A3F54;
    cursor: pointer;    
}

.single-team .st-upper {
    background: #2A3F54 none repeat scroll 0 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 97px;
    text-align: left;
}

.single-team .st-upper .type {
    background: #466b91  none repeat scroll 0 0;
    color: #fff;
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -o-flex: 1 1 50%;
    flex: 1 1 50%;
    font-weight: 700;
    line-height: 18px;
    padding: 7px 0 11px 19px;
    position: relative;
    z-index: 9;
    text-align: center;
    
}


.single-team:hover  .st-content .social {   
   visibility: visible;
}

.single-team .st-content .social {
    background: #2A3F54 none repeat scroll 0 0;
    color: #fff;

    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -o-flex: 1 1 50%;
    flex: 1 1 50%;
    list-style: outside none none;   
    position: absolute;
    text-align: center;
    z-index: 5;
    visibility: hidden;   
    width: 88%;
}

.single-team .st-content .social li {
    display: inline-block;
}

.single-team .st-content .social li a {
    color: #fff;
    display: block;
    font-size: 14px;
    margin: 0 2px;
}

.single-team .st-content .social li a:hover {
    color: #466b91 ;
}

.single-team .st-img {
    margin: 0 0 -30px;
    position: relative;
    top: -55px;
    z-index: 5;
}

.single-team .st-img img {
    border-radius: 100px;
    height: 110px;
}

.single-team .st-content {
    padding: 0 16px 22px;
}

.single-team .st-content .name,
.single-team .st-content .name a {
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 20px;
    text-transform: uppercase;
}

.single-team .st-content .contact .icon {
   color: #2A3F54;
}

.single-team .st-content .name:hover,
.single-team .st-content .name a:hover {
    color: #2489E5;
}

.single-team .st-content .name {
    margin: 0 0 7px;
}

.single-team .st-content .name a {
    display: block;
}

.single-team .st-content .text {
    color: #333333;
}



.single-team .st-content .contact {
    list-style: outside none none;
    padding: 16px 8px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


.single-team .st-content .contact li {
    color: #333333;
    display: block;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px;
    padding-left: 22px;
    position: relative;
    text-align: left;
}

.single-team .st-content .contact li .icon {
    left: 0;
    margin-right: 8px;
    position: absolute;
    top: 0;
}


/*----------------------------------------*/
/*  7. Notice
/*----------------------------------------*/

.page-notice-area {
    padding: 100px 0 70px;
}

.single-notice {
    background: #f8f7f7 none repeat scroll 0 0;
    border: 1px solid #2A3F54;
    margin: 0 0 30px;
    padding: 24px 14px;
    transition: all 0.3s ease 0s;
}

.single-notice:hover {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.19);
}

.single-notice .title {
    font-weight: 600;
    margin: 0 0 16px;
}
.single-notice .title a{
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 15px;
}

.single-notice  .meta {
    list-style: outside none none;
    margin: 0 0 5px;
    padding: 0;
}

.single-notice .meta .info {
    color: #161616;
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: 13px;
}

.single-notice  .meta .info:last-child {
    margin-right: 0;
}

.single-notice  .meta .info .icon {
    color: #2A3F54;
    margin-right: 3px;
}

.single-notice .text {
    color: #5d5d5d;
    line-height: 24px;
}

.single-notice .more {
    margin: 24px 0 0;
}

.single-notice .more .link {}

/*----------------------------------------*/
/*  8. Notice Details
/*----------------------------------------*/

.page-notice-details-area {
    padding: 100px 0 70px;
}

.page-notice {
    margin: 0 0 30px;
}

.page-notice .title {
    color: #5d5d5d;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 14px;
}

.page-notice  .meta {
    list-style: outside none none;
    margin: 0 0 5px;
    padding: 0;
}

.page-notice .meta .info {
    color: #161616;
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: 13px;
}

.page-notice  .meta .info:last-child {
    margin-right: 0;
}

.page-notice  .meta .info .icon {
    color: #2A3F54;
    margin-right: 3px;
}

.page-notice .text {
    color: #5d5d5d;
    line-height: 24px;
}

.widget-notice {
    list-style: outside none none;
    padding: 0;
}

.widget-notice li {
    border-bottom: .5px solid #2A3F54;
    display: block;
    margin: 0 0 20px;
    padding: 0 0 21px;
}

.widget-notice li:last-child {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.widget-notice li a {
    display: block;
    overflow: hidden;
}

.widget-notice .title {
    color: #5d5d5d;
    display: block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 17px;
}

.widget-notice .date {
    color: #5d5d5d;
    display: block;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
}

.widget-notice .date .icon {
    margin-right: 4px;
    color: #2A3F54;
}
.date .icon {    
    color: #2A3F54;
}

/*----------------------------------------*/
/*  9. Holiday
/*----------------------------------------*/

/*----------------------------------------*/
/*  10. Holiday Details
/*----------------------------------------*/

/*----------------------------------------*/
/*  11. Gallery
/*----------------------------------------*/

.page-gallery-area {
    padding: 95px 0 25px;
}

.gallery-section-title {
    margin: 0 0 27px;
}

.gallery-section-title .title {
    color: #424242;
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 17px;
    padding: 0 0 9px;
    position: relative;
}

.gallery-section-title .title::after {
    background: #2A3F54 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 218px;
}

.gallery-section-title .text {
    color: #424242;
    font-size: 16px;
    line-height: 24px;
}

.gallery-carousel {
    background: #f2f2f2 none repeat scroll 0 0;
    margin: 0 0 75px;
}

.single-gallery {
    margin: 12px;
    position: relative;
}

.single-gallery::before {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}

.single-gallery:hover::before {
    opacity: 0.4;
}

.single-gallery a {
    display: block;
    position: relative;
}

.single-gallery a .icon {
    color: #ffffff;
    font-size: 22px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 5;
}

.single-gallery:hover a .icon {
    opacity: 1;
}

.gallery-carousel .owl-nav {}

.gallery-carousel .owl-nav>div {
    color: #ffffff;
    font-size: 22px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gallery-carousel .owl-nav .owl-prev {
    left: 34px;
}

.gallery-carousel .owl-nav .owl-next {
    right: 34px;
}

/*----------------------------------------*/
/*  12. Contact
/*----------------------------------------*/

.page-contact-area {
    padding: 100px 0 40px;
}

#mymap {
    border-radius: 3px;
    height: 550px;
    margin: 0 0 33px;
    width: 100%;
}

.contact-page-title {
    color: #424242;
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 40px;
    padding: 0 0 9px;
    position: relative;
}

.contact-page-title::after {
    background: #2A3F54 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 218px;
}

.contact-form-area {
    margin: 0 0 30px;
}

.contact-input-box {
    margin: 0 0 30px;
}

.contact-input-box input[type="text"],
.contact-input-box input[type="email"],
.contact-input-box textarea {
    border: .5px solid #2A3F54;
    border-radius: 3px;
    color: #9f9f9f;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 100%;
}

.contact-input-box input[type="text"] {}

.contact-input-box input[type="email"] {}

.contact-input-box textarea {
    height: 178px;
}

.contact-input-box input[type="submit"] {}

.single-contact-info {
    background: #f6f5f5 none repeat scroll 0 0;
    border: .5px solid #2A3F54;
    margin-bottom: 30px;
    min-height: 120px;
    padding: 0 10px 6px;
    text-align: center;
}

.single-contact-info .icon {
    color: #2A3F54;
    display: inline-block;
    font-size: 35px;
    line-height: 35px;
    margin: 18px 0 11px;
}

.single-contact-info .info {
    color: #222222;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0;
}

/*----------------------------------------*/
/*  13. Login
/*----------------------------------------*/

.login-area {
    background: rgba(0, 0, 0, 0) url("http://myaccount.dpsambala.com/assets/images/front/splash-bg.jpg") no-repeat scroll center top / cover;
    min-height: 5739px;
    padding: 100px 0;
}

.login-area::before {
    opacity: 0.8;
}

.login-area-all-box {}

.login-box-col {
    margin: 0 0 30px;
}

.login-box-col:nth-last-child(1),
.login-box-col:nth-last-child(2) {
    margin-bottom: 0;
}

.single-login-box {
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(36, 137, 229) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(36, 137, 229) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(36, 137, 229) 100%);
    margin: 0;
    padding: 53px 32px 50px;
}

.single-login-box .title {
    color: #ffffff;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
}

.single-login-box .links {
    margin: 101px 0 0;
    overflow: hidden;
}

.single-login-box .links .link {
    padding: 10px 26px;
}



/*Admission Start */

.admission-form{      
    min-height: 500px;
    margin: 0px 10px;
    padding: 10px;
}
.admission-address{
    text-align: center;
}
.student-picture{
    border: 1px solid lightgray;
    height: 120px;
    width: 100px;
    float: right;
    text-align: center;
    line-height: 30px;
}
.form-field{
    margin-bottom: 10px;
}
.field-title{
    float: left;
    margin-right: 8px;
    line-height: 26px;
}
.field-value{
    overflow: hidden;
    border-bottom: 1px dotted #708596;
    min-height: 20px;
}
.margin-top{
    margin-top: 20px;
}

.admission-form-title{
    margin-bottom: 5px;
    margin-top: 10px;
    background-color: #e4e4e4;
    padding-left: 10px;
}
.form-control {    
    max-width: 100% !important;
    border: 1px solid #1bccfc;
    border-radius: 5px;   
}
option {       
    
}
/*Admission End */

/* MY Start */
a {
    color: #303030;
}
/* My End */

/*Owl theme*/

.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent;}
.owl-theme .owl-nav{margin-top:10px; font-size:14px; color:#fff; line-height:20px}

.owl-theme .owl-nav [class*=owl-]{color:#000;font-size:14px;margin:2px 4px;padding:2px 10px !important;background:#fff !important;display:inline-block;cursor:pointer;border-radius:50%;width:46px;height:46px; box-shadow:0px 0px 10px #ccc;font-size: 2em;font-family: fangsong;line-height:39px}

.owl-theme .owl-nav [class*=owl-]:hover{background:#232323 !important;color:#fff;text-decoration:none}
.owl-theme .owl-nav button.owl-prev:hover:after{color:#fff;}
.owl-theme .owl-nav button.owl-next:hover:after{color:#fff;}

#banner-scroll.owl-theme .owl-nav .owl-prev{position:absolute; left:0px;top:40% !important;}
#banner-scroll.owl-theme .owl-nav .owl-next{position:absolute; right:0px;top:40% !important;}
#banner-scroll.owl-theme .owl-nav span{display:none}



/*LOGIN-Page*/
.login-wrap{ padding:2em 0 2em;background-size:cover; background-image:url(http://myaccount.dpsambala.com/myaccount/images/login-bg.jpg); background-repeat:no-repeat; height:100%}
.login_box{width:40%;margin:auto;background:#f1f1f1;margin-top:5%;text-align:center;border-radius:10px;box-shadow: 0px 0px 20px #0e0e0e;border:4px solid #053f7a; letter-spacing:0}
.login_box_inn{padding:15px 15px 20px 15px;width:90%;margin:auto;}

.login_title_bg{background:#053f7a;border-bottom:#0c5094 1px solid;font-size:27px;font-weight:500;text-transform:uppercase;padding:5px 0px;color:#fff;border-radius: 5px 5px 0 0;}
.login_title_bg .logo{ margin:0 auto; top:0; width:170px}
.login_title_bg .logo img{ max-width:100%}
.login_title_bg h1{ color:#fff}
.log_sml_txt{ text-transform:uppercase;color:#000;font-weight:600}
.log_sml_txt b{ margin-right:5px;}
.log_sml_txt label{padding-right:20px;color: #053f7a;}.log_sml_txt label input[type=radio]{ margin-right:5px;}
.login_field{border: #d8d8d8 1px solid;margin-top:13px;border-radius: 10px;overflow:hidden;background: #f9f9f9;}
.login_box input[type=text], .login_box input[type=password]{padding:13px 9px;background: #fff;border: #d8d8d8 solid;border-width:0 0 0 1px;font-size:16px;width:87%;float:right;letter-spacing:0}
.login_box input[type=text]:focus, .login_box input[type=password]:focus{background:#fffdb7;}


.login_field .fas{font-size:16px;margin:15px 0 0 4px;color:#000;line-height: 25px;}
.login_field .mob-ico{ font-size:24px !important; margin:10px 0 9px 10px; color:#74237e;}

.checkbox_style{background:#971a6c; outline:none !important; color:#fff !important; padding:0 3px;}
.log_colm{margin-top:10px;/* display:flex; */padding: 0 5px;color:#000;}
.log_colm div{width: 100%;text-align:left; line-height:26px;}
.log_colm div label{ margin:0}
.log_colm div:nth-child(2){/* float:right; */text-align: left;margin: 0;}
.log_colm a{color: #1185ff;text-decoration: underline;font-weight: 500;    line-height: 17px;font-size: 12px;text-transform: uppercase;}

.login-butt{font-size:15px;text-align:center;color:#fff;font-weight:600;text-transform:uppercase;padding: 8px 35px;display: block;margin-top:0px;border-radius: 10px;background: #1185ff;border: 1px solid #2860c3;cursor:pointer;width: 100%;}
.login-butt:hover{text-decoration:none;color:#fff;background:#224890;border:1px solid #000;}

/*Popup-Area*/
.popup{ padding:15px;}
.popup h1{ font-size:1.5em;}
.popup input[type=text]{ border:1px solid #ccc}
.btn-blue{font-size:14px;text-align:center;color:#fff;font-weight:600;text-transform:uppercase;padding:5px 25px;display:block;margin-top:0px;border-radius:5px;background: #1185ff;border: 1px solid #2860c3;cursor:pointer;}
.btn-blue:hover{text-decoration:none;color:#fff;background:#224890;border:1px solid #000;}

/*My-Account*/
.my_account_section{ padding:0}
.pay_tb{ background:#37a956}
.acc_left{height:100%;background:#f1f8ff;min-height:500px;margin:0;
border-right:4px solid #ccc;padding: 7px;}
.acc_mob_tb{ background:#007eff; color:#fff; padding:5px 10px; font-weight:600}
.acc_links{margin:0;}
.acc_links ul{ margin:0px; padding:0px}
.acc_links ul li{list-style:none; display:block}
.acc_links ul li a{display:block; padding:11px 10px; color:#000; font-size:0.9em; line-height:1.3em;text-decoration:underline; text-decoration:none; border-bottom:1px solid #fff;transition:all 0.3s linear; font-weight:600}
.acc_links ul li a>b{ margin:0 5px 0 0;font-size:1em;display:inline-block;}
.acc_links ul li a:hover, .acc_links ul li a.act{background:#0c5094;color:#fff; text-decoration:none}

.acc_title{ border-bottom:1px solid #f3f3f3; margin:1em 0}
.acc_right{ padding-bottom:20px;min-height: 500px;}
.acc_right h1{ font-size:1.5em; color:#000; margin-bottom:0.2em}
.box_bg{ background:#fff;box-shadow:0px 0px 10px #eaeaea;border:1px solid #f1f1f1;}
.box_style{ border-radius:10px; margin-bottom:1em; letter-spacing:normal}
.box_title{font-size:1.2em;line-height:1.5em;color:#fff;font-weight:700;padding: 5px 10px;border-bottom:1px solid #ccc;background:#2f8ae4;border-radius:5px 5px 0 0; text-align:center}
.profile_img{width:110px;height:110px;border-radius:50%;overflow:hidden; margin:1em auto 0}
.profile_img figure{width:110px;height:110px; display:table-cell; vertical-align:middle; text-align:center}
.profile_img figure img{ max-width:100%; height:auto}

.acc_details{padding:10px;}.acc_details h2{font-size:1.1em;color:#06284a;}
.profile_title{font-size:1.1em;color:#000;font-weight:600;text-align:center; margin-bottom:0.5em}

.table_w{ border:1px solid #ccc; font-size:0.88em; line-height:1.3em; margin-top:0; letter-spacing:0}.table_w .table{ margin-bottom:0}
.table_w .table thead{ text-align:center;background:#deefff;}
.table_w .table thead th{color:#053f7a;font-weight:700; font-size:1em; text-transform:uppercase}
.table_w .table td, .table_w .table th{ padding:0.5em 0.6em; color:#000; font-weight:500;border-top: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;}
.table_w .table tr:first-child td{ border-top:0}
.table_w .table tr td:first-child{ font-weight:600}
.table_w .table tr:nth-child(even){ background:#f1f1f1}
.table_w .table tr:hover{ background:#f2f9ff}
.grey_btn{ background:#dcdcdc;padding:5px 10px;color:#000; display:inline-block; font-size:0.9em; line-height:1.2em; border-radius:4px;}
.oth_btn{background:#2b8def;padding:5px 10px;color:#fff; display:inline-block; font-size:0.9em; line-height:1.2em; border-radius:4px;}
.oth_btn:hover{ background:#0b4580;color:#fff;}

.dash_cal_hed{ text-align:left; margin-bottom:1em}.dash_cal_hed h2{ margin-right:10px; vertical-align:middle; display: inline-block}
.caln_mover{display:inline-flex;font-size:0.9em; margin-right:10px;float:left}
.caln_mover span{background: linear-gradient(to top, #e8e8e8, #f9f9f9);border-radius:3px;border:1px solid #bebebe; margin-right:6px;}
.caln_mover span a{display:inline-block;padding:3px 10px;color:#000}
.caln_mover span a{border-right:1px solid #bebebe}
.caln_mover span a:nth-child(2){border:0}
.caln_mover b{font-size:12px;line-height:20px;color:#000;background:#dcdcdc;padding:3px 10px;border:1px solid #bebebe;border-radius:3px;font-weight:400}
.caln_yr{display:block;font-size:0.9em; float:right}.caln_yr select,.search_c select{background:#f7f7f7;padding:4px 10px;border:1px solid #d6d6d6; border-radius:3px;color:#000;font-weight: 600;}


.dash_calnder table{ border:0}.dash_calnder thead{ text-transform:uppercase}
.dash_calnder thead th{ border-top:0;border-bottom:0}
.dash_calnder thead th:last-child{ border-right:0}
.dash_calnder tbody td>span{ display:block;text-align:right;font-size:12px;font-weight:500;color:#777;}
.dash_calnder .table th{padding:.45rem;color:#2e2e2e;}
.dash_calnder tbody tr{height:60px}
.dash_calnder tbody tr td{padding:.1rem 0.2rem;}
.schedule_c{font-size:0.7em;}
.schedule_c table {width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em;border:1px solid #e1e1e1; text-align:center; min-height:290px}
.schedule_c thead{background:#f9f9f9}
.schedule_c table td{padding:0.3em;border-top:1px solid #dee2e6;border-right:1px solid #dee2e6;}
.schedule_c thead th{font-size:1.2em;font-weight:500;border-top:1px solid #dee2e6;border-right:1px solid #dee2e6;}
.schedule_c thead th span{display:block;font-weight:400;color:#2b71bc;}
.present{background:#b5fdc4}.present p{line-height:18px;color:#000; font-size:0.96em; font-weight:600; text-transform:uppercase}
.absent{background:#fdd6b5}
.on_leave{text-align:center;line-height:18px;color:#f00; font-size:0.96em; font-weight:600; text-transform:uppercase}

/*Online-Payment*/
.student_detail{margin-bottom:1em}
.student_detail p{font-size:1.1em;font-weight:600;color:#000;}
.table_footer{text-align:center;padding:10px}
.pay_info{font-size:1em;line-height:1.5em;color:#f00;font-weight:600; margin-bottom:0.5em}
.table_footer input[type=text]{ border-radius:10px; border:1px solid #ccc; width:100px; text-align:center; padding:5px; font-size:1.4em;color:#000; font-weight:600}
.table_footer span{color:#000;}
.pay_btn{display:inline-block;padding:5px 10px;background:#1185ff;color:#fff;
border:1px solid #2860c3;box-shadow:none;border-radius:7px; font-weight:600; font-size:1.2em; line-height:1.2em; vertical-align:top}
.pay_btn:hover{background:#044280;color:#fff;border:1px solid #044280;}

.w60_auto{ width:70%; margin:auto}
.text-left thead th{ text-align:left !important}
.acc_inner_title{ text-align:center; padding:10px 0}
.sun {background: #ffd7d7;display: block;margin: -5px -0.6em;height: 100%;   padding: 5px;}


/*Attandance*/
.table_w .attand thead tr th{width:36px;}
.table_w .attand tbody tr td{ color:#0d6525;font-weight:600}
.table_w .attand tbody tr td:first-child{ color:#000;font-weight:600}
.sun{background:#ffd7d7;display:block;margin:-5px -0.6em;height:100%;padding:5px;}
.download_btn,.download_btn2{background:#2b8def;padding:5px 10px;color:#fff; display:inline-block; font-size:0.9em; line-height:1.2em; border-radius:4px;}.download_btn2{background:#37a956}
.download_btn i, .download_btn2 i{margin-right:5px;}
.download_btn:hover,.download_btn2:hover{ background:#0b4580;color:#fff;}

/*Thankyou*/
.verify_sect{padding:20px 20px;box-shadow:0px 0px 20px #666;background:#fff;border:2px solid #0c5094;width:70%; margin:8em auto}
.conform_txt{font-size:1.3em;line-height:1.5em;font-weight:600;color:#000;}
.conform_txt i{color:#37a956;font-size:1.5em;vertical-align:middle;margin-right: 5px;}
.txt_ico{font-size:40px;display:block;width:90px;height:90px;border-radius:50%;line-height:90px;margin:auto;background:#34a853;color:#fff;box-shadow:0px 0px 10px #ccc;}
.verify{font-size:2.1em;line-height:1.5em; color:#0c5094; text-align:center; font-weight:600;}
.oth_txt{font-size:1.1em;line-height:1.5em;color:#333;}

.show_details{border:1px solid #ccc;width:70%;border-radius:10px;margin:1.5em auto; box-shadow:0px 0px 20px #ccc;background:#fff; padding:2px }
.show_details h2{text-align:center;margin-bottom: 0.5em;padding: 10px;color: #fff;background: #0c5094;border-radius: 10px 10px 0 0;box-shadow: 0px 6px 4px #e4e4e4;}
.show_dtls_item{padding:2px; letter-spacing:0}
.show_dtls_item b{width:40%;display:inline-block;text-align:right;padding:7px 20px;border: 1px solid #ececec;background: #ebf1f7;color: #0c5094;margin:1px;border-radius:3px;}
.show_dtls_item span{width:59%;display:inline-block;font-weight:500;padding:7px 20px;border:1px solid #ececec;margin:1px;border-radius:3px;float:right}

/*24-08-2021*/
.menu ul li .drop{ min-width:294px;}
.noti_ico{width:30px;height:30px;background:#37a956; border-radius:50%; text-align:center; position:relative}.noti_ico a{color:#fff;font-size:16px;line-height:30px;}.noti_ico b{ position:absolute; width:18px; height:18px; background:#f84d4d; top:-5px; right:-8px; color:#fff; border-radius:5px; font-size:12px; line-height:16px;}
.hta-box{position:relative}.hta-box .dropdown{color:#fff;text-decoration:none}.hta-box .dropdown a.dropdown-toggle::after{display:none}
.hta-box .dropdown-menu{background:#fff;position:absolute;width:100%;right:0 ;z-index:999;transform:none!important;margin-top:30px;top:100%}
.hta-box .folder_menu{}
.hta-box .menu_style li>a{padding:6px 10px;display:block}
.text_blue,.text_blue a{color:#1486f8;font-weight:600}

.form_new_content2 {background: rgb(236 241 249);padding:20px 20px;
border: 1px solid #0c5094;line-height:18px;font-family:'Raleway', sans-serif; letter-spacing:normal}
.form_new_content2 h5 {font-style:italic;font-size:1.3em;color:#34a853;
margin:0.4em 0;}
.form_new_content2 fieldset{border:1px solid #bfd4e8;padding:15px;background: #f0f7ff;margin-bottom:0.5em;border-radius:5px;}
.form_new_content2 label{color:#2b2a2a;letter-spacing:0px;font-size:0.87em; font-weight:600;margin:0}
.form_new_content2 label span{font-size:18px;line-height: 18px;}
.form_new_content2 .form-control{border-radius:3px;border:1px solid #e0e0e0;font-size:13px;font-weight:500;letter-spacing:normal;height:34px;padding:0px 8px}
.form_new_content2 textarea.form-control{ height:auto}
.form_new_content2 .name_field .form-control {width:33.3%;height:34px;    float:left;border:1px solid #e0e0e0;}
.form_new_content2 .btn{ display:inline-block; line-height:1.5em; padding:8px 20px}

.table_format{background:#f9f9f9;padding:10px 0px 0;box-shadow:0px 0px 1px #545f69;width:99.5%;margin:5px auto 0;}
.table_format .sub_h{font-size:18px;line-height:20px;color:#0082f1;font-style: italic;text-align: center;display: block;margin-bottom:8px;
font-weight: 600;}
.table_format .col-12{ padding:0}
.table_format .form-control{height:26px;margin:0;font-size:12px !important; padding:6px 4px}

.form_new_content2 .table-responsive{width:100%;}.form_new_content2 .table{ margin:0}
.table_format:after{content:'';display:block;clear:both;}
.form_new_content2 .table th{background:#2199ff !important;color:#fff; font-size:0.79em}
.form_new_content2 .table tbody{background:#fff;}
.form_new_content2 .table th, .form_new_content2 .table td{padding:0.5em;}
.add_row{border:1px solid #ccc;padding:5px 5px;}
.add_row span{display:inline-block;padding:2px 10px;border-radius:5px;
color:#fff;background:#053f7a;font-size: 17px;line-height: 18px;font-weight: 500;}.add_row span:hover{ box-shadow:0px 0px 10px #ccc;background:#0a58a8; cursor:pointer}

.notice_board_list{margin:0px; padding:0px}
.notice_board_list ul{margin:0px; padding:0px; display:block; width:100%}
.notice_board_list ul li{list-style:none;margin:0;padding:0}
.notice_board_list ul li{ border-bottom:1px solid #e2e2e2}
.notice_board_w{margin:0;padding: 10px 15px;}
.notice_board_L{width:70px; float:left;background:#50122c;}


.notice_board_R{ margin-left:80px;}
.notice_board_R .notice_ttl{font-size:14px;font-weight:600;color:#3e546b;line-height:17px;height: 34px;overflow:hidden;}
.notice_text{ font-size:14px; line-height:16px;color:#3e546b;height:50px;overflow:hidden;}

.dsh_rgt_panel{width:100%;background:#fff;border:2px solid #9ba4ad; border-radius:10px;overflow:hidden;margin-bottom:2em;transition:all linear .7s}
.dsh_rgt_panel:hover{border:2px solid #287bcb;box-shadow:0px 0px 10px #999}
.dsh_rgt_panel .dash_heading{ background:#ecf0f5; padding:0 10px; border:0;}
.dsh_rgt_panel .dash_heading h4{margin:0px; font-size:1.5em;display: flex;align-items: center;}
.dsh_rgt_panel .dash_heading span{width:58px;height:58px; margin:0 0 0 0;padding:0;display:block}
.dsh_rgt_panel .dash_heading span img{max-width:100%;height:auto}
.dsh_rgt_panel .dash_heading h4 small{display:inline-block;font-size:58%;color:#000;}

.dsh_rgt_panel .dash_notice_c {padding:0px;border-top:1px solid #ccc}

.new_post {background:#f00;color:#fff;padding:2px 8px;
border-radius:6px;font-size:0.9em;text-transform:uppercase;margin-right: 5px;font-weight:600;}

.notice_date{color:#000;display:inline-block;font-size:0.9em;}
.notice_date b{padding-right:4px;font-weight:400;}
.notice_title{font-size:1.1em;color:#000;line-height:1.2em;margin:5px 0;font-weight:600}
.notice_title a{display:block;color:#000;cursor:pointer}.notice_title a:hover{color:#001fd3;}


@media only screen and (max-width:991px) {
.container{max-width:100%}
.show_details{ width:100%}
.header-bottom-area {position: unset;}
}
@media only screen and (max-width:767px) {
.download_btn,.download_btn2{ font-size:0}.download_btn i,.download_btn2 i{ font-size:12px; margin:0}
.mean-container .mean-nav{background:none}
.form_new_content2 label{font-size:0.8em;line-height:1em;}
.form_new_content2 h5{font-size:1.1em;}
}
@media only screen and (max-width:479px) {
.show_dtls_item{ border:1px solid #ccc; margin:0.3em 0.2em; border-radius:5px}
.show_dtls_item b{ width:100%; text-align:left; padding:2px 15px; border:0}
.show_dtls_item span{float:none;display:block;width:100%;border:0;padding:2px 15px;}

.box_title {font-size: 1em;}

.form_new_content2{padding:10px}
}