/*=================================//

    style-two-header-top-area

===================================*/
.cvheader{
	background-color: #03396b;
	color:#fff;
}
.header-menu {

	text-align: right;

}

.header-top-menu {

    padding-top: 13px;

    background: transparent;

    z-index: 22;

    position: relative;

    padding: 12px 162px 0 126px;

}

.header-top-address {

    text-align: left;

}

.header-top-addres-icon {

    display: inline-block;

    margin-left: 63px;

}

.header-top-addres-icon i {

    color: #fff;

    font-size: 24px;

    display: inline-block;

}

.header-top-address ul {

    display: inline-block;

}

.header-top-address ul li {

    display: inline-block;

    margin-left: 71px;

    color: #fff;

    font-size: 14px;

    margin-bottom: 16px;

}

.hrader-top-social p b {

    color: #fff;

    font-size: 15px;

    margin: 0 0 0 19px;

}

.hrader-top-social span {

    color: #fff;

    font-size: 14px;

    letter-spacing: 0.7px;

}

/*style-three*/

.header-top-menu.style-three {

    padding: 12px 158px 0 142px;

}

/*=================================//

    style-two-header-top-area

===================================*/

.header-top-social-address ul {

    display: inline-block;

    margin-left: 26px;

}

.header-top-social-address ul li a i {

    font-size: 20px;

    display: block;

    margin-right: 19px;

    border-radius: 3px;

    transition: .5s;

    color: #fff;

}

.header-top-social-address ul li a i:hover {

    color: #d0312c;

}

.hrader-top-social {

    display: inline-block;

}

.header-top-social-address ul li {

    display: inline-block;

}

.header-top-social-address p {

    display: inline-block;

    color: #fff;

    font-size: 15px;

    margin-left: 46px;

}

.header-top-social-address span {

    letter-spacing: 1.1px;

    font-size: 14px;

}

/*style-two*/

.header-top-menu.style-two {

    padding: 10px 71px 0 60px;

}

/*style-three*/

.header-top-menu.style-three .header-top-social-address p {

    margin-left: 2px;

}

/* ==========================================

start search Popup Css

=========================================*/

.search-popup{

    position: fixed;

    left: 0;

    top: 0;

    height: 100vh;

    width: 100%;

    z-index: 99999;

    margin-top: -540px;

    transform: translateY(-100%);

    background-color: rgba(0,0,0,0.90);

    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

}

.search-popup{

    width: 100%;

}

.search-active .search-popup{

    transform: translateY(0%);

    margin-top: 0;

}

.search-popup .close-search {

    position: absolute;

    left: 0;

    right: 0;

    top: 75%;

    margin: 0 auto;

    margin-top: -200px;

    border-radius: 50%;

    text-align: center;

    background-color: #D0312C;

    width: 70px;

    cursor: pointer;

    box-shadow: 0 0 10px rgba(0,0,0,0.05);

    border-bottom: 3px solid #ffffff;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    opacity: 0;

    visibility: hidden;

    height: 70px;

    line-height: 70px;

    text-align: center;

}

.search-popup .close-search i{

    position: relative;

    font-size: 30px;

    color: #ffffff;

}

.search-active .search-popup .close-search{

    visibility: visible;

    opacity: 1;

    top: 50%;

    -webkit-transition-delay: 1500ms;

    -moz-transition-delay: 1500ms;

    -ms-transition-delay: 1500ms;

    -o-transition-delay: 1500ms;

    transition-delay: 1500ms;

}

.search-popup form{

    position: absolute;

    max-width: 700px;

    top: 50%;

    left: 15px;

    right: 15px;

    margin:-35px auto 0;

    transform: scaleX(0);

    transform-origin: center;

    background-color: #111111;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}

.search-active .search-popup form{

    transform: scaleX(1);

    -webkit-transition-delay: 1200ms;

    -moz-transition-delay: 1200ms;

    -ms-transition-delay: 1200ms;

    -o-transition-delay: 1200ms;

    transition-delay: 1200ms;

}

.search-popup .form-group{

    position:relative;

    margin:0px; 

    overflow: hidden;

}

.search-popup .form-group input[type="text"],

.search-popup .form-group input[type="search"]{

    position:relative;

    display:block;

    font-size:18px;

    line-height: 50px;

    color:#000000;

    height:70px;

    width:100%;

    padding: 10px 30px;

    background-color: #ffffff;

    -webkit-transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    transition:all 500ms ease;

    font-weight:500;

    text-transform:capitalize;

}

.search-popup .form-group input[type="submit"], .search-popup .form-group button {

    position: absolute;

    right: 30px;

    top: 0px;

    height: 70px;

    line-height: 70px;

    background: transparent;

    text-align: center;

    font-size: 24px;

    color: #000000;

    padding: 0;

    cursor: pointer;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    border: none;

}

.search-popup .form-group input[type="submit"]:hover,

.search-popup .form-group button:hover{

    color: #000000;

}

.search-popup input::placeholder,

.search-popup textarea::placeholder{

    color:#000000;

}

.search-popup .close-search.style-two{

    position: absolute;

    right: 25px;

    left: auto;

    color:#ffffff;

    width:auto;

    height:auto;

    top:25px;

    margin:0px;

    border:none;

    background:none !important;

    box-shadow:none !important;

    -webkit-transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    transition:all 500ms ease;

}

.search-popup .close-search.style-two i{

    font-size:20px;

    color:#ffffff;

}

.header-src-btn {

    float: right;

    position: relative;

    margin-top: 0px;

}

.search-box-btn.search-box-outer {

    margin-left: 66px;

}

.search-box-btn.search-box-outer i {

    font-size: 23px;

    display: inline-block;

    background: transparent;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    border-radius: 3px;

    color: #fff;

    cursor: pointer;

    margin-top: 4px;

}

    /*--=====================================

    ----------start sub menu---------------

    -========================================*/

.header-menu .sub-menu {

    height: auto;

    width: 230px;

    background: #fff;

    box-shadow: 0 0 5px rgba(0,0, 0,0.2);

    position: absolute;

    text-align: left;

    top: 80px;

    transition: .3s;

    opacity: 0;

    left: 0;

    visibility: hidden;

    border-radius: 3px;

    padding: 15px 20px 21px;

}

.header-area  .sub-menu ul li {

    display: block;

    margin-bottom: -40px;

}

.header-area .sub-menu ul li a {

    position: relative;

    color: #616161!important;

    margin: 5px 8px 5px 20px;

    font-weight: 500;

    font-size: 14px;

    padding-top: 10px;

}

.header-menu ul li:hover .sub-menu {

    top: 67px;

    opacity: 1;

    visibility: visible;

    z-index: 9;

}

.header-menu ul li{

    padding-bottom:40px; 

}

.header-area .sub-menu ul li a::before {

    content: "";

    position: absolute;

    height: 2px;

    width: 5%;

    background-color: #d0312c;

    right: 0;

    top: 33px;

    opacity: 0;

    visibility: hidden;

    transition:.5s;

}

.header-area .sub-menu ul li a:hover:before {

	color: #d0312c !important;

    width:100%;

    left:0;

}

.header-area .sub-menu ul li a:hover{

    margin-left:30px;

}

.sticky-nav.header-area .sub-menu ul li a:hover {

	margin-left: 30px;

	color: #d0312c!important;

}

.header-area .sub-menu ul li a:hover::before {

    opacity: 1;

    visibility: visible;

}

/*--==========================================

	start-header-area-------------------------

	-=========================================*/

.header-area {

    position: relative;

    z-index: 22;

    margin-bottom: -170px;

    background: rgb(4, 57, 107,0.2);

    padding: 0 164px 0 147px;

}

a.main-logo {

    background: #a82e2f;

    padding: 46px 46px;

}

.sticky-nav .header-button a {

	background: transparent;

	border: 1px solid #fff;

}

.header-menu ul {

	display: inline-block;

}

.header-menu ul li {

	list-style: none;

	display: inline;

    position: relative;

}

.header-menu ul li a {

    display: inline-block;

    font-size: 16px;

    margin: 45px 25px;

    text-transform: uppercase;

    font-weight: 400;

    color: #fff;

    transition: .5s;

}

.header-menu ul li a:hover {

	color: #d0312c;

}

.sticky-nav .header-menu ul li a{

	color:#fff;

}

.sticky-nav .header-menu .sub-menu ul li a{

	color:#000;

}

.header-menu ul li a i {

	opacity: 0.5;

	font-size: 15px;

}

.header-button {

    display: inline-block;

    margin-left: 69px;

}

.header-button a {

    color: #fff;

    display: inline-block;

    font-size: 16px;

    margin-bottom: 0;

    text-align: center;

    text-transform: capitalize;

    transition: all 0.5s;

    margin-left: 2px;

    background: #d0312c;

    padding: 20px 47px;

    font-weight: 500;

}

.header-button a:hover {

	background: #00247E;

	color: #fff;

}

.sticky-nav .header-button a {

    color: #279e64;

    display: inline-block;

    font-size: 16px;

    margin-bottom: 0;

    text-align: center;

    text-transform: capitalize;

    transition: all 0.5s;

    margin-left: 2px;

    background: #fff;

    padding: 20px 47px;

    font-weight: 500;

    transition: .5s;

}

.sticky-nav .header-button a:hover{

    background:#00247E;

    color: #fff; 

}

.menu-toggle{

display: none;

}

.menu-toggle .open_bar,

.menu-toggle .close_bar {

color: #fff;

font-size: 20px;

font-weight: 900;

right: 30px;

position: absolute;

top: 16px;

cursor: pointer;

}

.menu-toggle .close_bar{

display: none;

}

.menu-toggle.closee .open_bar{

display: none !important;

}

.menu-toggle.closee .close_bar{

display: block !important;

}



/*style-two*/

.header-area.style-two {

    padding: 0 72px 0 43px;

}

.header-area.style-two a.main-logo {

    padding: 46px 46px;

    background: no-repeat;

}

/*style-three*/

.header-area.style-three {

    padding: 0 162px 0 144px;

}

	/*--==============================================->

	<!-----Start-deshal-Slider-Area----->

	==================================================-*/

.slider-area {

	background: url(assets_new/images/slider1.jpg);

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	height: 885px;

}

.slider-content h1 {

	margin: 0;

	font-size: 72px;

	color: #fff;

}

.slider-content p {

    color: #fff;

    width: 54%;

    margin: 25px 0 13px;

    letter-spacing: 1px;

    font-weight: 300;

    font-size: 18px;

}	

.slider-content-text p {

    color: #fff;

    display: inline-block;

    text-transform: uppercase;

    font-size: 14px;

    letter-spacing: 2.3px;

    font-weight: 500;

    position: relative;

}

.slider-content-text p::before {

    content: "";

    position: absolute;

    width: 49px;

    height: 1px;

    background: #fff;

    right: 197px;

    top: 50%;

    left: 0;

    margin: auto;

}

/*-----------deshal-style-two-----*/

.slider-area.style-two {

    background: url(assets_new/images/hero-bg2.jpg);

    height: 953px;

}

.row.margin-upper6 {

    margin: 0px 82px 0 76px;

}

.slider-button {

    display: inline-block;

}

.slider-button a {

    display: inline-block;

    padding: 22px 41px;

    background: #d0312d;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

    letter-spacing: 2.3px;

    transition: .5s;

}

.slider-button a:hover{

    background: #fff;

    color: #d0312d;

}

.slider-area.style-two .slider-content h1 {

    margin: 0;

    font-size: 60px;

    color: #fff;

}

.slider-area.style-two .slider-content p {

    margin: 17px 0 42px;

    width: 45%;

    font-size: 17px;

    color: #fff;

    line-height: 1.7;

}}

/*style-three*/

.slider-area.style-three {

    background: linear-gradient(rgb(4, 61,90,0.5), rgba(4, 61, 90, 0.5)), transparent  url(assets_new/images/city-government.jpg);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    height: 885px;

    position: relative;

}

.slider-area.style-three .slider-content h1 {

    letter-spacing: 4px;

}

.slider-area.style-three .slider-content p {

    margin: 16px auto 50px;

    width: 73%;

}

.slider-area.style-three .subscribe-area button {

    display: inline-block;

    position: absolute;

    right: 259px;

    border-top-right-radius: 30px;

    border-bottom-right-radius: 30px;

    background: #d0312c;

    color: #fff;

}

.slider-area.style-three input.subscribe-mail-box {

    background: #fff;

    border: none;

    padding: 15px 36px;

    width: 60%;

    border-radius: 27px;

}

/*style five*/

.slider-area.style-five {

    background: linear-gradient(rgba(17, 26, 58, -0.25), rgba(17, 26, 58, 0.75)), url(assets_new/images/11.jpg);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    height: 885px;

}

.slider-area.style-five .slider-video-icon{

    top: 50%;

    left: 22%;

}

.slider-area.style-five .slider-content p {

    margin: 25px 0 39px;

}

/*style six*/

.slider-area.style-six {

    background: url(assets_new/images/deshal.jpg);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    height: 952px;

}

.slider-area.style-six .slider-content p {

    margin: 17px 0 42px;

    width: 47%;

}

/*style seven*/

.slider-area.style-seven.slider-content h1 {

    letter-spacing: 4px;

}

.slider-area.style-seven .slider-content p {

    margin: 16px 0 40px;

    width: 52%;

}

.slider-area.style-seven .subscribe-area button {

    left: 196px;

    border-top-right-radius: 30px;

    border-bottom-right-radius: 30px;

    background: #d0312c;

    color: #fff;

    position: absolute;

}

.slider-area.style-seven input.subscribe-mail-box {

    background: #fff;

    border: none;

    padding: 15px 36px;

    width: 60%;

    border-radius: 27px;

}

.slider-area.style-seven{

    background: url(assets_new/images/001.jpg);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    height: 885px;

}

.slider-btn a {

    color: #fff;

    display: inline-block;

    font-size: 16px;

    margin-bottom: 0;

    text-align: center;

    text-transform: capitalize;

    transition: all 0.5s;

    margin-left: 2px;

    background: #d0312c;

    padding: 20px 47px;

    font-weight: 500;

}

.slider-btn a:hover{

    background:#00247E;

    color:#fff;

}

.video-icon {

left: 50%;

position: absolute;

top: 50%;

-webkit-transform: translateX(-50%) translateY(-50%);

transform: translateX(-50%) translateY(-50%);

padding-top: 8px;

}

.slider-video-icon a, .video-icon a {

    width: 60px;

    height: 60px;

    line-height: 60px;

    display: inline-block;

    text-align: center;

    border-radius: 100%;

    position: relative;

    color: #fff;

    -webkit-animation: ripple-white 1s linear infinite;

    animation: ripple-blue 1s linear infinite;

    -webkit-transition: .5s;

    background: #d0312c;

    font-size: 28px;

    z-index: 1;

}

/*owl dot*/

.owl-dot {

    height: 35px;

    width: 35px;

    display: block;

    background: #6A5A4B;

    margin-bottom: 7px;

    top: -464px;

    position: relative;

    right: -57px;

    border: 2px solid#D0312C;

    border-radius: 100%;

}

.owl-dot.active {

    height: 35px;

    width: 35px;

    border: 3px solid#fff;

    transition: .5s;

}

.slider-video-icon a {

    color: #fff;

}

@-webkit-keyframes ripple-blue {

0% {

-webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);

box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)

}

100% {

-webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);

box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0)

}

}

@keyframes ripple-blue {

0% {

-webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);

box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)

}

100% {

-webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0);

box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0)

}

}

.slider-video-icon {

    position: absolute;

    transform: translateX(-50%) translateY(-50%);

    top: 50%;

    left: 50%;

}

.deshal-feature-thumb{

    position: relative;

}

/*----------Skyty Menu--------*/

.sticky-nav {

	left: 0;

	margin: auto;

	top: 0;

	width: 100%;

    position:fixed!important;

	box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);

	-webkit-animation: 300ms running fadeInDown;

	animation: 300ms running fadeInDown;

	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);

	transition: .5s !important;

	background: #d0312c;

	z-index: 333;

}

.stiky-logo {

    display: none;

}

.sticky-nav .stiky-logo {

    display: block;

}

.sticky-nav .main-logo {

    display: none;

}

#sticky-nav ul li a {

	color: #fff;

}

.header ul li a {

	color: #fff;

}

/* Mobile Menu */

.logo-txt::before {

  content:"DESHAL";

  text-transform: uppercase;

  color:#fff;

  font-size: 18px;

  font-weight: 700;

  position: absolute;

  top:17px;

  left:20px;

  display:none;

}

.menu-toggle {

    display: none;

}

.mobile-menu-icon {

    display: none;

}

.mobile-menu-social-icon a {

	background: #279e64;

	display: inline-block;

	height: 30px;

	width: 30px;

	line-height: 30px;

	text-align: center;

	border: 1px solid #279e64;

	border-radius: 50%;

	color: #fff;

	font-size: 15px;

	margin-left: 10px;

}

.mobile-menu-social-icon a:hover {

   color:#279e64;

   background:transparent;

   border: 1px solid#279e64;

}

.mobile-menu-social-icon {

    text-align: left;

    margin-left: 15px;

}

/*resulation slider area*/

/*resulation slider area*/

.slider{

    position: relative!important;

}

.slider .bd-video {

    left: 32%;

}

.rev_slider_wrapper{

    height: 850px !important;

}

.tp-fullwidth-forcer{

    height: 850px !important;

}

.tp-caption a {

    font-size: 17px !important;

    color: #fff;

    background: transparent;

    margin-right: 16px;

    display: inline-block;

    border-radius: 5px;

    transition: .5s;

    margin-top: 40px;

    position: relative;

    z-index: 1;

}

.tp-caption a:before {

    position: absolute;

    content: '';

    width: 54px;

    height: 1px;

    background: #fff;

    top: 18px;

    right: -79px;

    z-index: -1;

    transition:.5s!important;

}

.tp-caption a:focus {

    outline: 0;

    box-shadow: none;

}

.tp-caption p{

    width: 80%!important;

    font-size:18px;

}

a.active {

    background: #D0312C;

    display: inline-block;

    padding: 15px 36px!important;

    font-size: 17px;

    position: relative;

    z-index: 1;

    border-radius: 0;

    transition: .5s!important;

    z-index: 1;

    margin-top: 40px;

}

.tp-caption a.active:after{

    position: absolute;

    content:"";

    right: 0;

    top: 0;

    height: 100%;

    width:0;

    transition:.5s;

    background:#fff;

    z-index: -1;

}

 a.active:hover:after{

    width: 100%!important;

    left: 0!important;

}

a.active:hover{

    color:#D0312C;

    transition:.5s;

}

a.active:before{

    display: none;

}

/*--==========================================

		Start---feature--area------------

	-=========================================*/

.deshal-feature-area {

    padding: 0 0 60px;

}

.deshal-single-feature-box {

    background: #03396b;

    padding: 50px 31px 31px;

    text-align: center;

    margin-bottom: 30px;

    transition: .5s;

    position: relative;

    z-index: 1;

}

.deshal-feature-title h3 {

    color: #fff;

    font-size: 18px;

    text-transform: uppercase;

    letter-spacing: 4.5px;

    margin: 28px 0 13px;

}

.deshal-feature-content-text p {

    color: #fff;

    font-size: 14px;

    line-height: 1.8;

    letter-spacing: 1px;

}

.row.margin-topper {

    position: relative;

    margin-top: -122px;

    z-index: 6;

    margin-left: 137px;

    margin-right: 151px;

}

.deshal-single-feature-box:before {

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    transition: .5s;

    height: 0;

    width: 100%;

    background: #D0312C;

    z-index: -1;

}

.deshal-single-feature-box:hover:before {

    height: 100%;

    top: 0;

}

/*style-two*/

.deshal-feature-area.style-two .deshal-single-feature-box {

    background: rgb(56,49,73,0.7);

    padding: 7px 16px 16px 35px;

}

.deshal-feature-area.style-two .deshal-single-feature-box:before {

    position: absolute;

    content: "";

    right:0;

    top:0;

    left:inherit;

    transition:.5s;

    height: 100%;

    width:0;

    background: #D0312C;

    z-index: -1;

}

.deshal-feature-area.style-two .deshal-single-feature-box:hover:before{

    width:100%;

    left:0;

}

.deshal-feature-area.style-two .deshal-feature-content {

    text-align: left;

}

.deshal-feature-area.style-two .row.margin-topper {

    margin: -282px 62px 0 80px;

}

.deshal-feature-area.style-two .deshal-single-feature-box:hover {

    background: rgb(112,29,30,0.7);

}

/*style-three*/

.deshal-feature-area.style-three {

    padding: 105px 0 20px;

}

.deshal-feature-area.style-three .deshal-single-feature-box:before {

    display:none;

}

.deshal-feature-area.style-three .dreamit-section-main-title h2 {

    letter-spacing: 5.5px;

}

.deshal-feature-area.style-three .deshal-feature-content-text p {

    color: #333333;

    letter-spacing: 0;

    width: 85%;

    font-weight: 500;

}

.deshal-feature-area.style-three .deshal-single-feature-box:hover {

    background:inherit;

}

.deshal-feature-area.style-three .deshal-feature-title h3 {

    color: #03396b;

    font-weight: 800;

    font-family: 'Roboto';

    letter-spacing: 2.8px;

}

.deshal-feature-area.style-three .deshal-single-feature-box {

    text-align: left;

    background: inherit;

    padding: 50px 26px 25px 0px;

}

/*style-four*/

.row.margin-upper9 {

    position: relative;

    margin-top: -180px;

    z-index: 1;

}

/*--==========================================

        Start about tab area

    -=========================================*/

.deshal-tab-area {

    padding: 15px 0 97px;

}

.dreamit-about-content-text p {

    font-size: 16px;

    width: 100%;

    line-height: 1.8;

}

.row.margin-topper5 {

    bbackground: url(assets_new/images/tab-ng.jpg);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 27px 0 73px;

}

.mb-3 {

    margin-bottom: 1rem!important;

    text-align: center!important;

}

.deshal-tab-content.text-center {

    text-align: center!important;

}

ul#pills-tab {

    background: #03396b;

    padding: 31px 0;

    margin-top: -25px;

    text-align: center!important;

}

.nav.nav-pills{

    display: flex;

    justify-content: center;

}

.deshal-about-tab-content {

    padding: 35px 0 0 97px;

    margin-bottom: 6px;

    text-align: left;

}

.deshal-about-content-text p {

    color: #fff;

    width: 50%;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.8;

    margin: 19px 0 34px 0px;

}

.deshal-about-tab-title h2 {

    color: #fff;

    font-size: 36px;

    letter-spacing: 1.8px;

}

.about-content-text p {

    font-size: 14px;

    color: #fff;

    letter-spacing: 0.7px;

}

.deshal-about-tab-icon i {

    color: #fff;

    font-size: 23px;

    margin-right: 17px;

    display: inline-block;

}

.nav-pills .nav-link {

    background: 0 0;

    border: 0;

    border-radius: .25rem;

    font-size: 15px;

    color: #ffffff;

    margin-right: 30px;

}

.about-tab-content {

    padding: 0 0 6px 97px;

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {

    color: #f00;

    background-color: transparent;

}

/*style-two*/

.deshal-tab-area.style-two ul#pills-tab {

    background: #d0312c;

}

.deshal-tab-area.style-two .nav-pills .nav-link.active, .nav-pills .show>.nav-link {

    color: #03396b;

}

.deshal-tab-area.style-two .dreamit-section-main-title h1 {

    top: -79px;

}

.deshal-tab-area.style-two .nav-pills .nav-link {

    font-size: 18px;

    text-transform: uppercase;

}

/*--==========================================

        Start--deshal project area

    -=========================================*/

.deshal-project-area {

    padding: 17px 0 100px;

}

.deshal-project-area .dreamit-section-main-title h1 {

    top: -83px;

}

.project-menu ul {

    background: #d0312c;

    padding: 25px 0 27px;

}

.project-menu ul li {

    display: inline-block;

    margin-left: 45px;

}

.project-menu ul li a {

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 500;

    display: inline-block;

    color: #fff;

    letter-spacing: 2px;

}

.project-menu ul li span {

    color: #fff;

    margin-left: 41px;

}

.single-project {

    margin-bottom: 18px;

}

.project-content {

    margin-left: 20px;

}

span.date {

    font-size: 14px;

}

.project-meta {

    display: inline-block;

     margin-top: 4px;

}

.project-meta p {

    font-size: 14px;

    font-weight: 400;

    margin-left: 13px;

    display: inline-block;

    transition: .5s;

}

.project-content h4 {

    font-size: 14px;

    font-weight: 700;

    font-family: 'Roboto';

    color: #333333;

    letter-spacing: 0px;

    line-height: 1.8;

}

.project-title h4:hover {

    color: #d0312c;

}

.deshal-project-button {

    background: #03396b;

    padding: 24px 0;

}

.deshal-project-button a {

    color: #fff;

    display: block;

    font-size: 16px;

    letter-spacing: 2px;

    text-transform: uppercase;

}

/*--==========================================

		Start--deshal-counter---area---

	-=========================================*/

.deshal-counter-area {

    padding: 70px 0 40px;

    background: url(assets_new/images/counter-bg.jpg);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}

.deshal-counter-title h4 {

    margin-top: 5px;

    font-size: 16px;

    color: #fff;

}

.deshal-counter-text h1 span {

	color: #fff;

	font-size: 60px;

}

.deshal-single-counter {

    background: #d0312c;

    text-align: center;

    padding: 34px 0 54px;

    margin-bottom: 30px;

    transition: .5s;

    position: relative;

    z-index: 1;

}

.deshal-single-counter:before {

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    height: 100%;

    width: 0;

    transition: .5s;

    z-index: -1;

    background: #03396b;

}

.deshal-single-counter:hover:before{

    width: 100%;

    left: 0;

}

/*style-two*/

.deshal-counter-area.style-two{

    background: none;

     padding: 82px 0 40px;

}

.deshal-counter-area.style-two .deshal-single-counter:before {

    display: none;

}

.deshal-counter-area.style-two .row.margin-upper3 {

    border: 3px solid#03396b;

}

.deshal-counter-area.style-two .deshal-single-counter {

    background: none;

    padding: 32px 0 21px;

}

.deshal-counter-area.style-two .deshal-counter-text h1 span {

    color: #03396b;

}

.deshal-counter-area.style-two .deshal-counter-title h4 {

    color: #d0312c;

}

/*style-three*/

.deshal-counter-area.style-three {

    background: none;

    padding:10px 0 40px;;

}

/*--=============================================-->

<!-----Start-deshal-event--Area----->

==================================================-*/

.deshal-event-area {

    padding: 176px 0 84px;

}

.deshal-single-box {

    margin-bottom: 30px;

}

.dreamit-section-title.text-center{

    position: relative;

}

.dreamit-section-main-title h1 {

    position: absolute;

    left: 0;

    right: 0;

    font-size: 200px;

    top: -134px;

    letter-spacing: 11.3px;

    font-weight: 900;

    z-index: -1;

    color: #f6f6f6;

    font-family: 'Roboto';

}

.dreamit-section-main-title h2 {

    font-size: 48px;

    margin: 0;

    letter-spacing: 2.5px;

}

.deshal-event-area .dreamit-content-text p {

    font-size: 16px;

    width: 76%;

    margin: auto;

    letter-spacing: 0.5px;

    line-height: 1.8;

}

.dreamit-section-main-title span {

    color: #d0312c;

}

.deshal-event-title a h3 {

    font-size: 20px;

    line-height: 1.5;

    margin: 22px 0 15px;

}

.deshal-event-content-text p {

    font-size: 14px;

    color: #333333;

    letter-spacing: 1px;

    font-weight: 500;

}

.deshal-event-content-text p span {

    margin-left: 11px;

}

.deshal-thumb {

    position: relative;

}

.deshal-thumb:before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    transition: .5s;

    background: rgb(208, 49, 44,0.3);

    opacity: 0;

}

.deshal-single-box:hover .deshal-thumb:before{

	opacity: 1;

}

.deshal-thumb img {

    width: 100%;

}

.event-shape-bar{

	position: relative;

}

.event-shape-bar:before {

    position: absolute;

    content: "";

    height: 103px;

    width: 1px;

    background: #fff;

    top: -180px;

    right: 0;

    margin: auto;

    left: 0;

    opacity: 0;

    transition: .5s;

}

.event-shape-bar:after {

    position: absolute;

    content: "";

    height: 1px;

    width: 106px;

    background: #fff;

    top: -128px;

    left: 0;

    right: 0;

    margin: auto;

    opacity: 0;

     transition: .5s;

}

.deshal-content-text p span {

    margin-left: 13px;

}

.deshal-single-box:hover .event-shape-bar:before,

.deshal-single-box:hover .event-shape-bar:after{

	opacity: 1;

}

/*style-two*/

.deshal-event-area.style-two {

    padding: 57px 0 6px;

}

.deshal-event-area.style-two .dreamit-section-main-title h1 {

    left: -272px;

    top: -91px;

}

.dreamit-section-title {

    position: relative;

}

.deshal-event-area.style-two .dreamit-content-text p {

    width: 90%;

    margin: 0;

}

.deshal-event-single-box {

    margin-bottom: 12px;

}

.deshal-event-thumb {

    position: relative;

}

.deshal-event-thumb img {

    width: 100%;

}

.post-catagory {

    position: absolute;

    right: 11px;

    top: 8px;

}

.post-catagory a {

    background: rgb(214,74,59,0.9);

    display: inline-block;

    padding: 9px 21px;

    font-size: 14px;

    color: #fff;

}

.deshal-event-area.style-two .deshal-event-content {

    padding: 10px 99px 0 33px;

}

.deshal-event-area.style-two .deshal-content-text p {

    font-size: 14px;

    color: #fff;

}

.deshal-event-title h4 {

    font-size: 18px;

    color: #fff;

    line-height: 1.7;

    margin: 0 0 14px;

}

.deshal-event-area.style-two .deshal-event-content {

    position: absolute;

    top: 41%;

}

.deshal-event-single-box.two .deshal-event-title h4 {

    font-size: 24px;

}

.deshal-event-single-box.two .deshal-event-content {

    padding: 20px 35px 0px 36px;

}

.deshal-event-single-box.two .deshal-event-content {

    position: absolute;

    top: 64%;

}

.deshal-event-thumb{

    position: relative;

}

.deshal-event-single-box .deshal-event-thumb:before {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    height: 100%;

    width: 0;

    transition: .5s;

    background: rgb(16,62,103,0.8);

    overflow: hidden;

}

.deshal-event-single-box:hover .deshal-event-thumb:before {

    width: 100%;

    left: 0;

}

/*style-three*/

.deshal-event-area.style-three {

    padding: 71px 0 75px;

}

/*style-four*/

.deshal-event-area.style-four {

    padding: 70px 0 77px;

}

.deshal-event-area.style-four .deshal-content-text p {

    font-size: 14px;

    color: #333333;

    letter-spacing: 0;

    font-weight: 500;

}

.deshal-event-area.style-four .deshal-event-single-box:hover .deshal-event-thumb:before {

    opacity: 0;

}

.deshal-event-area.style-four .deshal-event-content {

    padding: 7px 41px 0px 0;

}

.deshal-event-area.style-four .deshal-event-title a h3 {

    font-size: 20px;

    line-height: 1.5;

    margin: 16px 0 15px;

}

/*--=============================================-->

<!-----Start-deshal-contact--Area----->

==================================================-*/

.deshal-contact-area {

    background: url(assets_new/images/accordion-bg.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 120px 0 227px;

}

.form-control {

    display: block;

    width: 83%;

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #fff;

    background-color: transparent;

    background-clip: padding-box;

	border:none;

    border-bottom: 1px solid #ced4da;

    border-radius: 0;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.form-control:focus {

    color: #fff;

    background-color: transparent;

    border-color: #fff;

    outline: 0;

    box-shadow: none;

}

.contact_from {

    background: url(assets_new/images/contact-form-bg.jpg);

    padding: 52px 11px 53px 63px;

    background-size: cover;

    background-repeat: no-repeat;

    margin-right: 21px;

}

.contact_title h3 {

    color: #fff;

    font-size: 37px;

}

.form-control::placeholder {

    color: #fff;

    opacity: 1;

}

.form-control:focus::placeholder{

	color: #fff;

}

.deshal-contact-area.style-five .form-control:focus {

    color: #212529;

    background-color: #fff;

    border-color: #86b7fe;

    outline: 0;

    box-shadow: none;

    border: 1px solid #fb239a;

}

.quote_btn.text_center button {

    background: #d0312c;

    color: #fff;

    padding: 17px 45px;

    display: inline-block;

    margin-top: 33px;

    transition: .5s;

    border-radius: 0;

}

.quote_btn.text_center button:hover {

    background: #03396b;

}

#accordion-one h3 a i {

	position: relative;

	float: right;

	margin-right: 12px;

	font-size: 20px;

}

#accordion-one h3 a:hover{

	color: #fff;

}

#accordion-one h3 a i:hover{

	color: #fff;

}

.ui-state-active a i{

	transform:rotate(180deg);

}

#accordion-one .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {

    border: transparent;

    background: #ce312c;

    font-weight: normal;

    color: #fff;

    margin-bottom: 7px;

}

#accordion-one.ui-accordion .ui-accordion-header {

    display: block;

    cursor: pointer;

    position: relative;

    font-size: 100%;

    margin-bottom: 26px;

    padding: 15px 1px 16px 23px;

    border-radius: 5px;

}

.ui-accordion .ui-accordion-content {

    padding: 0px 0 0 17px!important;

}

#accordion-one.ui-accordion .ui-accordion-header:hover {

    background: #00247E;

    color: #fff!important;

}

h3#ui-id-1:hover{

  background: #00247D!important;

}

h3#ui-id-1:hover a{

  color: #fff!important;

}

h3#ui-id-1:hover a i{

  color: #fff!important;

}

h3#ui-id-3:hover {

    background: #00247D!important;

}

h3#ui-id-5:hover{

    background: #00247D!important;

}

h3#ui-id-5:hover a{

    color: #fff!important;

}

h3#ui-id-5:hover a i{

    color: #fff!important;

}

h3#ui-id-3:hover a{

    color: #fff!important;

}

h3#ui-id-3:hover a i{

    color: #fff!important;

}

h3#ui-id-7:hover{

    background: #00247D!important;

}

h3#ui-id-7:hover a {

    color: #fff!important;

}

h3#ui-id-7:hover a i{

    color: #fff!important;

}

#accordion-one.ui-accordion.ui-accordion-header:hover #accordion-one h3 a{

    color: #fff!important;

}

#accordion-two.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {          

    text-decoration: none;

    font-weight: 600;

    font-size: 14px;

    color: #033a6b;

}

.ui-accordion .ui-accordion-content {

    padding: 1em 2.2em;

    border-top: 0;

    overflow: auto;

    font-size: 14px;

    letter-spacing: 0px;

    line-height: 1.7;

    font-weight: 500;

}

.dreamit-section-title.style-two .dreamit-section-main-title h2 {

    font-size: 36px;

    margin: 0;

    letter-spacing: 2.6px;

}

.dreamit-section-title.style-two{

    float: left;

}

.ui-widget-content {

    border: none!important;

    background: inherit!important;

    color: #333;

}

.dreamit-section-bold-text p {

    font-size: 16px;

    color: #3e3f3f;

    font-weight: 500;

}           

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

    border: none;

    background: #fff;

    font-weight: normal;

    color: #454545;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

    border: 1px solid #c5c5c5;

    background: #f6f6f6;

    font-weight: normal;

    color: #03396b;

    box-shadow: 0 0rem 4rem rgb(0 0 0 / 19%);

}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {

    color: #03396b;

    text-decoration: none;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

    border: none!important;

    font-weight: normal;

    color: #454545;

}

/*--style-two--*/

.deshal-contact-area.style-two {

    background: none;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 120px 0 9px;

}

.deshal-contact-area.style-two .contact_from {

    background: url(assets_new/images/contact-form-bg2.jpg);

    background-position: center;

    padding: 52px 11px 46px 69px;

    background-size: cover;

    background-repeat: no-repeat;

    margin-right: 21px;

}

.deshal-contact-area.style-two .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

    border: 1px solid #c5c5c5;

    background: none;

    font-weight: normal;

    color: #454545;

    border: 1px solid#03396b!important;

}

/*style-three*/

.deshal-contact-area.style-three {

    background: none;

    padding: 54px 0 85px;

}

element.style {

    height: 92px;

}

/*style-six*/

.deshal-contact-area.style-six .contact_from {

    background: url(assets_new/images/flag.gif);

    padding: 52px 11px 53px 63px;

    background-size: cover;

    background-repeat: no-repeat;

    margin-right: 21px;

    position: relative;

    z-index: 1;

}

.deshal-contact-area.style-six .contact_from:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: rgb(196,108,118,0.7);

    z-index: -1;

}

/*==================================*

		start-donate-area

/*==================================*/

.row.margin-upper {

    background: linear-gradient(rgb(22, 64,106,0.8), rgba(22, 64,106,0.8)), transparent url(assets_new/images/donation-bg.jpg);

    background-position: center;

    background-size: contain;

    padding: 50px 0 49px;

    position: relative;

    margin-top: -143px;

}

.deshal-donate-title h3 {

    font-size: 36px;

    letter-spacing: 1.9px;

    color: #fff;

    margin: 10px 0 37px;

}

.deshal-donate-menu ul {

    display: inline-block;

}

.deshal-donate-menu ul li {

    display: inline-block;

    margin-bottom: 20px;

}

.deshal-donate-menu ul li a {

    border: 1px solid#fff;

    padding: 14px 37px;

    margin-right: 25px;

    display: inline-block;

    transition: .5s;

    color: #fff;

    font-size: 14px;

}

.deshal-donate-menu ul li a:hover {

    background: #d0312c;

    border-color: #d0312c;

}

.deshal-donate-button {

    display: inline-block;

    margin-left: 28px;

}

.deshal-donate-button a {

    display: inline-block;

    padding: 15px 37px;

    font-size: 14px;

    background: #d0312c;

    color: #fff;

    transition: .5s;

    margin-right: 38px;

}

.deshal-donate-button a:hover {

    background: #fff;

    color: #f00;

}

/*style-two*/

.deshal-donate-area.style-two {

    padding: 65px 0 50px;

}

.deshal-donate-area.style-two .deshal-donate-menu ul li a {

    padding: 14px 36px;

    margin-right: 25px;

}

.deshal-donate-area.style-two .row.margin-upper {

    background: url(assets_new/images/donation-bg.jpg);

}

.deshal-donate-area.style-two .row.margin-upper {

    margin-top: 35px;

}

/*==================================*

		start-deshale-blog--area

/*==================================*/

.deshal-blog-area {

    padding: 155px 0 60px;

}

.deshal-blog-single-box {

    margin: 0 15px 30px 0;

}

.deshal-blog-thumb {

    position: relative;

}

.deshal-blog-thumb img {

   width: 100%;
	min-height: 300px;

}

.deshal-blog-area .dreamit-content-text p {

    margin: auto;

    width: 79%;

    font-size: 16px;

}

.deshal-blog-thumb:before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    transition: .5s;

    background: rgb(208, 49, 44,0.6);

    opacity: 0;

}

.deshal-blog-single-box:hover .deshal-blog-thumb:before{

	opacity: 1;

}

.deshal-blog-content {

    padding: 0px 78px 0 30px;

    position: absolute;

    top: 63%;

}

.deshal-blog-title h3 {

    font-size: 24px;

    color: #fff;

    margin: 10px 0 10px;

}

.deshal-blog-content-text p {

    display: inline-block;

    color: #fff;

    font-size: 14px;

}

.deshal-blog-content-text span {

    font-size: 14px;

    margin-left: 26px;

    color: #fff;

}

.deshal-content-text span {

    display: inline-block;

}

/*style-two*/

.deshal-blog-area.style-two {

    padding: 120px 0 39px;

}

.deshal-blog-area.style-two  .dreamit-section-main-title h1 {

    left: -200px;

    top: -90px;

}

.deshal-blog-area.style-two .dreamit-content-text p {

    width: 100%;

}

/*style-three*/

.deshal-blog-area.style-three {

    padding: 54px 0 79px;

}

.deshal-blog-area.style-three .deshal-blog-single-box {

    margin: 0 15px 59px 0;

}

.deshal-blog-area.style-three .deshal-blog-content {

    padding: 0px 76px 0 32px;

    position: absolute;

    top: 62%;

}

.deshal-blog-area.style-three .deshal-blog-title h3 {

    letter-spacing: .3px;

    font-weight: 500;

}

/*==================================*

		start-deshale-twetter-area

/*==================================*/

.deshal-twitter-area {

    padding: 33px 0 30px;

}

.row.margin-topper2 {

    background: linear-gradient(rgb(228, 251,254,0.8), rgba(228, 251,254,0.8)), transparent url(assets_new/images/testi-bg.jpg);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 58px 0 56px;

    position: relative;

    margin-bottom: -148px;

}

.deshal-twitter-content {

    text-align: center;

}

.deshal-twitter-icon i {

    color: #1e9beb;

    font-size: 48px;

    display: inline-block;

}

.deshal-twitter-content-text p {

    color: #333333;

    font-size: 16px;

    width: 75%;

    margin: 19px auto 37px auto;

    font-weight: 500;

}

.deshal-twitter-title h3 {

    font-size: 18px;

    position: relative;

}

.deshal-twitter-title h3:before {

    position: absolute;

    content: "";

    top: -24px;

    left: 0;

    transition: .5s;

    background: #f00;

    height: 15px;

    width: 1px;

    right: 0;

    margin: auto;

}

/*style-two*/

.deshal-twitter-area.style-two .row.margin-topper2 {

    background: url(assets_new/images/twitter-bg2.jpg);

    padding: 68px 0 55px;

}

/*==================================*

        start-deshale-leader-area

/*==================================*/

.deshal-team-area {

    padding: 100px 0 75px;

}

.deshal-team-single-box {

    margin: 0 15px 30px 0;

}

.deshal-team-single-box:hover .deshal-team-thumb:before{

   opacity: 1;

}

.deshal-team-area .dreamit-content-text p {

    font-size: 16px;

    width: 100%;

    margin: auto;

}

.deshal-team-thumb{

    position: relative;

}

.deshal-team-thumb:before {

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background: rgb(96,46,41,0.4);

    transition: .5s;

    opacity: 0;

}

.deshal-team-thumb img {

    width: 100%;

}

.deshal-team-content {

    padding: 28px 14px 5px 0px;

}

.deshal-team-title h3 {

    font-size: 18px;

    margin: 0 0 7px;

}

.deshal-team-title span {

    font-size: 14px;

    color: #d0312c;

    font-weight: 400;

}

.deshal-team-content-text p {

    font-size: 16px;

    margin: 18px 0 24px;

    color: #555555;

    letter-spacing: 1px;

    line-height: 1.6;

}

.deshal-team-social-address ul li {

    display: inline-block;

}

.deshal-team-social-address ul li a {

    border: 1px solid#03396b;

    display: inline-block;

    height: 36px;

    width: 36px;

    text-align: center;

    font-size: 22px;

    color: #03396b;

    line-height: 37px;

    margin-right: 14px;

    transition: .5s;

    font-weight: 700;

}

.deshal-team-social-address ul li a i {

    font-weight: 700;

    display: inline-block;

}

.deshal-team-social-address ul li a:hover{

    background: #d0312c;

    border-color:  #d0312c;

    color: #fff;

}

/*style-two*/

.deshal-team-area .dreamit-section-main-title h1 {

    left: -255px;

    top: -91px;

}

/*==================================*

     start-deshal-nav--area

/*==================================*/

.owl-nav {

    position: relative;

}

.owl-prev, .owl-next {

    position: absolute;

    height: 40px;

    width: 40px;

    line-height: 40px;

    text-align: center;

    border: 1px solid#03396b;

    color: #03396b;

}

.owl-next {

    margin-right: -53px;

}

.owl-prev:hover{

   background: #e03927; 

   color: #fff;  

    border-color: #e03927;

}

.owl-next:hover{

   background: #e03927; 

   color: #fff;

   border-color: #e03927;

}

.deshal-team-area .owl-prev, .deshal-team-area .owl-next {

    top: -766px;

    right: 68px;

}

.deshal-testimonial-area  .owl-prev, .deshal-testimonial-area  .owl-next {

    border: 1px solid#fff;

    color: #fff;

}

.deshal-testimonial-area .owl-prev, .deshal-testimonial-area .owl-next {

    top: -110px;

    right: 63px;

}

.deshal-event-area .owl-prev, .deshal-event-area .owl-next {

    top: -770px;

    right: 68px;

}

.deshal-blog-area.style-two .owl-prev, .deshal-blog-area.style-two .owl-next {

    top: -569px;

    right: 68px;

}

.deshal-testimonial-thumb {

    float: left;

    margin-right: 107px;

}

.deshal-testimonial-content {

    position: relative;

    top: 25px;

}

/*==================================*

    start-deshal-testimonial-area

/*==================================*/

.deshal-testimonial-area {

    background: url(assets_new/images/testi-bg.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    padding: 58px 0 55px;

    position: relative;

}

.deshal-testimonial-content {

    margin: 0px 0 0 107px;

}

.deshal-testimonial-content-text p {

    color: #fff;

    font-size: 18px;

    width: 72%;

    font-weight: 300;

}

.deshal-testimonial-title h3 {

    color: #fff;

    font-size: 20px;

    display: inline-block;

    margin: 4px 0 0 0;

    font-weight: 500;

}

.deshal-testimonial-title span {

    color: #d0312c;

    font-size: 14px;

}

/*==================================*

    start deshal breat come-area

/*==================================*/

.deshal-breatcome-area {

    background: url(assets_new/images/error.jpg);

    height: 221px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.breatcome-content {

    padding-top: 100px;

}

.breatcome-content-title h1 {

    font-size: 72px;

    color: #fff;

    letter-spacing: 3.3px;

}

.breatcome-content-text {

    margin: 5px 0 0;

}

.breatcome-content-text ul li a {

    color: #fff;

    font-size: 18px;

    display: inline-block;

}

.breatcome-content-text ul li i {

    color: #fff;

    margin: 0 10px 0 10px;

}

.breatcome-content-text ul li span {

    color: #fff;

}

/*==================================*

    start-deshal-leaders-area

/*==================================*/

.deshal-leader-details-area {

    padding: 168px 0 53px;

}

.deshal-leader-thumb img {

    width: 100%;

}

.deshal-leader-details-area .dreamit-content-text p {

    width: 77%;

    margin: auto;

}

.deshal-leader-title h3 {

    font-size: 36px;

    margin: 0 0 10px;

    letter-spacing: 3.7px;

}

.deshal-leader-title span {

    color: #dc6561;

    letter-spacing: 2.0px;

}

.deshal-leader-details-content {

    margin-bottom: 30px;

}

.deshal-leader-content-text p {

    font-size: 16px;

    margin: 16px 0 16px;

    letter-spacing: 1.0px;

    line-height: 1.7;

}

.deshal-content-text-inner p {

    font-size: 16px;

    margin: 0 0 25px;

    line-height: 1.7;

    letter-spacing: 1.0px;

}

.deshal-leader-social-address {

    padding-top: 14px;

}

.deshal-leader-social-address ul li {

    display: inline-block;

}

.deshal-leader-social-address ul li a {

    height: 35px;

    width: 35px;

    line-height: 35px;

    text-align: center;

    border: 1px solid#03396b;

    display: inline-block;

    margin-right: 18px;

    transition: .5s;

    color: #03396b;

    font-size: 16px;

    font-weight: 700;

}

.deshal-leader-social-address ul li a i {

    font-weight: 800;

    display: inline-block;

    font-size: 20px;

}

.deshal-leader-social-address ul li a:hover{

    border-color:#d0312c;

    background:#d0312c;

    color: #fff;  

}

.deshal-leader-star span {

    color: #03396b;

    font-size: 18px;

    font-weight: 600;

}

.deshal-leader-since-content {

    margin: 0 52px 0;

}

.deshal-leader-title h4 {

    font-size: 22px;

    letter-spacing: 1.1px;

    margin: 0 0 16px;

}

.deshal-since-content-text p {

    font-size: 16px;

    letter-spacing: 1.0px;

    width: 98%;

    line-height: 1.8;

    margin: 0px 0 39px;

}

.deshal-leader-social-inf {

    margin: 0 51px 0;

}

.deshal-leader-social-inf-title h3 {

    font-size: 24px;

    margin: 0 0 13px;

}

.deshal-leader-social-inf-content-text p {

    font-size: 16px;

    color: #333333;

    letter-spacing: 0.2px;

    margin: 0;

}

.deshal-leader-button {

    text-align: center;

}

.deshal-leader-button a {

    color: #e12921;

    font-weight: 500;

    font-size: 20px;

    display: inline-block;

    position: relative;

}

.deshal-leader-button a:before {

    position: absolute;

    content: "";

    top: 15px;

    left: -116px;

    background: #e12921;

    height: 1px;

    width: 100px;

}

.deshal-leader-button a:after {

    position: absolute;

    content: "";

    top: 15px;

    right: -116px;

    background: #e12921;

    height: 1px;

    width: 100px;

}

/*style-two*/

.deshal-leader-details-area.style-two {

    padding: 164px 0 76px;

}

.deshal-leader-details-area.style-two .deshal-team-single-box {

    margin: 0 15px 55px 0;

}

.deshal-leader-details-area.style-two .dreamit-content-text p {

    font-size: 16px;

    width: 76%;

    margin: 0;

    letter-spacing: 0.5px;

    line-height: 1.8;

    margin: auto;

}

/*==================================*

    start-deshalevent details-area

/*==================================*/

.deshal-event-detail-area {

    padding: 118px 0 52px;

}

.deshal-event-detail-thumb img {

    width: 100%;

}

.deshal-event-detail-address ul li {

    display: inline-block;

}

.deshal-event-detail-address ul li {

    margin: 0 22px 0;

}

.deshal-event-detail-content-inner {

    margin-right: 68px;

}

.deshal-event-detail-content-inner span b {

    color: #d0312c;

    font-size: 18px;

}

.deshal-event-detail-content-inner span {

    font-size: 18px;

    text-transform: capitalize;

    font-weight: 400;

    letter-spacing: 1.0px;

}

.deshal-event-detail-title h2 {

    font-size: 48px;

    letter-spacing: 1.9px;

    margin: 34px 0 0;

}

.deshal-event-detail-content-text p {

    font-size: 16px;

    letter-spacing: 1px;

    margin: 28px 0 12px 0;

    line-height: 1.8;

}

.deshal-event-detail-content-text-inner p {

    font-size: 16px;

    letter-spacing: 1.0px;

    line-height: 1.8;

}

.dreamit-section-main-title h3 {

    font-size: 36px;

}

.deshal-event-detail-area .dreamit-section-title-content-text p {

    width: 67%;

    font-size: 16px;

    letter-spacing: 1.0px;

}

.deshal-team-detail-box {

    margin-bottom: 30px;

}

.deshal-team-detail-thumb img {

    width: 100%;

}

.team-detail-social-address ul li {

    display: inline-block;

}

.team-detail-title h3 {

    margin: 17px 0 14px;

    font-size: 18px;

    color: #03396b;

}

.team-detail-social-address ul li a {

    border: 1px solid#03396b;

    height: 35px;

    width: 35px;

    line-height: 35px;

    text-align: center;

    display: inline-block;

    margin-right: 15px;

    color: #03396b;

    font-weight: 800;

    font-size: 18px;

}

.team-detail-social-address ul li a:hover {

    border-color: #d0312c;

    background: #d0312c;

    color: #fff;

}

/*==================================*

    start-deshal volunteer area

/*==================================*/

.deshal-countact-area.style-four {

    padding: 107px 0 92px;

}

.deshal-countact-area.style-four .dreamit-content-text p {

    font-size: 16px;

    width: 84%;

    margin: 0;

    line-height: 1.8;

    letter-spacing: 0.4px;

    color: #333333;

}

.deshal-apply-title h4 {

    color: #d0312c;

    font-size: 18px;

}

.deshal-apply-title h2 {

    font-size: 48px;

    margin: 17px 0 14px;

}

.deshal-apply-title h3 {

    color: #03396b;

    font-size: 24px;

    margin: 25px 0 12px;

}

.deshal-apply-content2 {

    margin: 0 0 6px;

}

.deshal-apply-content-text p {

    font-size: 16px;

    letter-spacing: 0.8px;

    width: 84%;

    color: #333333;

    font-weight: 400;

    line-height: 1.8;

    margin: 0 0 25px 0px;

}

.deshal-apply-content {

    margin-bottom: 6px;

}

.deshal-apply-content-text-inner p {

    color: #d0312c;

    font-size: 14px;

    letter-spacing: .6px;

    font-weight: 500;

    margin-left: 26px;

}

.deshal-apply-icon i {

    font-size: 24px;

    color: #03396b;

}



/*==================================*

    start deshal contact area

/*==================================*/

.deshal-contact-area.style-five {

    background: none;

    padding: 118px 246px 0 245px;

}

.deshal-contact-area.style-five .row.margin-topper7 {

    box-shadow: 0 1rem 3rem rgb(255,255,255 / 18%);

    border-color: #969595;

    padding: 108px 0 98px 119px;

    position: relative;

    margin-bottom: -243px;

    background: #fff;

    z-index: 1;

    border: 1px solid#dddddd;

}

.deshal-contact-area.style-five .contact_from {

    background: none;

    margin-right: 0;

    padding: 0;

}

.deshal-contact-area.style-five .contact_title h3 {

    color: #03396b;

}

.deshal-contact-area.style-five .form-control::placeholder {

    color: #03396b;

    opacity: 1;

}

.deshal-contact-area.style-five .contact_title h1 {

    font-size: 48px;

    margin: 0 0 54px;

}

.deshal-contact-area.style-five .form-control {

    width: 100%;

    line-height: 2.8;

    border-radius: 0;

     border: 1px solid #03396b;

}

.deshal-contact-area.style-five .form-control {

    display: block;

    width: 100%;

    line-height: 2.8;

    padding: 0.375rem 1.75rem;

    font-size: 1rem;

    font-weight: 400;

    color: #495057;

    background-color: transparent;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: 0;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    border: 1px solid #03396b;

}

.deshal-contact-area.style-five .form_box input:focus, .deshal-contact-area.style-five .form_box textarea:focus {

    border: 1px solid #D0312C;

    outline: 0;

    background: rgba(255,255,255,0.7);

}

textarea.form-control {

    height: 120px;

}

.deshal-contact-area.style-five .quote_btn.text_center button {

    padding: 14px 39px;

    border-radius: 0;

}

.deshal-contact-area.style-five .deshal-leader-social-inf {

    margin: 0 118px 46px;

}

/*==================================*

    start deshal map area

/*==================================*/

.map-area {

    position: relative;

    margin-bottom: -209px;

}

/*==================================*

    start deshal donation form area

/*==================================*/

.deshal-donation-From-area {

    padding: 109px 0 58px;

}

.dehsal-donation-content.text-center {

    position: relative;

}

.dreamit-content-text p {

    font-size: 16px;

}

.deshal-donation-title h1 {

    position: absolute;

    font-size: 150px;

    right: 0;

    left: 0;

    top: -75px;

    z-index: -1;

    opacity: 0.05;

    font-weight: 800;

    letter-spacing: 12px;

    font-family: 'Roboto';

    background: #f6f6f6;

}

.deshal-donation-title h2 {

    font-size: 48px;

    letter-spacing: 2.3px;

}

.deshal-donation-title h2 span {

    color: #db1111;

}

.deshal-donation-content-text p {

    font-size: 16px;

    width: 75%;

    margin: 16px auto 64px;

    letter-spacing: 0.4px;

    line-height: 1.6;

}

.deshal-donation-From-area .contact_from {

    background: #03396b;

    padding: 119px 200px 106px 200px;

    margin-right: 0;

}

.deshal-donation-From-area .form-control {

    width: 100%;

    line-height: 2.5;

    color: #495057;

    background-color: #fff;

    border-radius: 0;

    padding: 7px 31px 6px;

    font-size: 14px;

    margin-bottom: 30px;

    border: transparent;

}

.deshal-donation-From-area .form-control::placeholder {

    color: #6c757d;

    opacity: 1;

}

select.select-your-service.form-box-input {

    width: 100%;

    padding: 15px 27px;

    color: #888888;

    font-size: 14px;

    margin-bottom: 30px;

}

.deshal-donation-From-area .deshal-donate-menu ul li a {

    padding: 14px 37px;

}

.deshal-donation-From-area .quote_btn.text_center button {

    padding: 12px 39px;

    border-radius: 0;

}

.deshal-donation-From-area .quote_btn.text_center button:hover {

    background: #fff;

    color: #d0312c;

}

/*==================================*

    start deshalsidebar area

/*==================================*/

/*sidebar-area*/

.deshal-blog-detail-area {

    padding: 120px 0 71px;

}

.deshal-blog-detail-area .deshal-blog-thumb::before {

    display: none;

}



.deshal-blog-detail-area .deshal-blog-content-text p {

    color: #000000;

    font-size: 18px;

    font-weight: 500;

    margin: 0px 0 14px;

}

.deshal-blog-content-text p b {

    color: #d0312c;

}

.deshal-blog-detail-area .deshal-blog-content-text span {

    color:  #000000;

    font-size: 18px;

    margin: 0;

    font-weight: 500;

}

.deshal-blog-detail-area .deshal-blog-single-box {

    margin: 0 15px 0px 0;

}

.deshal-blog-detail-title h1 {

    margin: 0;

    color: #03396b;

    font-size: 48px;

    letter-spacing: 2.4px;

}

.deshal-detail-content-text p {

    font-size: 16px;

    line-height: 1.8;

    letter-spacing: 0.75px;

    width: 100%;

    margin: 19px 0 15px 0;

}

.deshal-detail-content-text-inner p {

    font-size: 16px;

    line-height: 1.7;

    letter-spacing: 1.0px;

    width:100%;

    margin: 0 0 42px;

}

.row.margin-topper9 {

    border-top: 1px solid#01334f;

    padding: 48px 0 10px 0;

}

.deshal-blog-post-content {

    margin-left: 20px;

}

.deshal-blog-post-title h2 {

    font-size: 18px;

    color: #01334f;

    letter-spacing: 1.9px;

}

.deshal-blog-post-title h2 span {

    margin-left: 19px;

}

.deshal-blog-post-content-text p {

    font-size: 14px;

    color: #333333;

    letter-spacing: 1px;

    margin: 10px 0 15px;

    line-height: 1.7;

    font-weight: 500;

    width: 82%;

}

.deshal-blog-post-content-text-inner p {

    font-size: 14px;

    color: #333333;

    font-weight: 500;

}   

.deshal-blog-comment-content h2 {

    font-size: 24px;

    text-transform: uppercase;

    color: #1f4b64;

    margin: 0 0 13px;

    position: relative;

}

.deshal-blog-comment-content h2:before {

    position: absolute;

    content: "";

    top: 24px;

    left: 137px;

    background: #e12921;

    height: 1px;

    width: 100px;

}

.deshal-blog-comment-title h3 span {

    position: relative;

    float: right;

    font-size: 14px;

    color: #929292;

}

.deshal-blog-comment-title h3 {

    color: #01334f;

    font-size: 18px;

}

.deshal-blog-post-comment-content {

    margin-left: 31px;

}

.deshal-blog-comment-content-text p {

    font-size: 16px;

    margin: 11px 0 20px;

    letter-spacing: 1.0px;

    color: #333333;

    font-weight: 400;

}

.deshal-blog-comment-content-text-inner p {

    font-size: 14px;

    position: relative;

}

.deshal-blog-comment-content-text-inner p:before {

    position: absolute;

    content: "";

    top: 14px;

    left: 65px;

    height: 1px;

    width: 100px;

    background: #1f4b64;

}

.deshal-blog-detail-area .form-control {

    display: block;

    width: 100%;

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #495057;

    background-color: transparent;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: 0;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    border: 1px solid#333333;

}

.deshal-blog-detail-area .contact_from {

    background: none;

    padding:0;

}

.deshal-blog-detail-area .quote_btn.text_center button {

    background: #01334f;

    padding: 17px 69px;

    border-radius: 0;

    text-transform: uppercase;

}

.deshal-blog-detail-area .quote_btn.text_center button:hover{

    background: #d0312c;

    color: #fff;

}

.deshal-blog-detail-area .contact_title h1 {

    font-size: 30px;

    color: #01334f;

    margin: 44px 0 79px;

    position: relative;

}

.deshal-blog-detail-area .contact_title h1:before {

    position: absolute;

    content: "";

    top: 26px;

    left: 284px;

    height: 1px;

    width: 100px;

    background: #cf312c;

}

.sidebar-search input {

    border: 1px solid #03396b;

    height: 50px;

    width: 100%;

    color: #616161;

    border-radius: 0;

    margin: 16px 0 0;

}

.sidebar-search button {

    position: relative;

    float: right;

    top: -37px;

    left: -17px;

    border: transparent;

    background: transparent;

}

.sidebar-search button i {

    font-size: 21px;

    color: #718fab;

    display: inline-block;

}

.deshal-blog-detail-area .form-control::placeholder {

    color: #616161;

    opacity: 1;

}

.sidebar-content-text p {

    color: #555555;

    font-size: 14px;

    letter-spacing: 0.8px;

    width: 100%;

    line-height: 1.8;

    margin: 10px 0 37px;

}

.sidebar-title h2 {

    font-size: 24px;

    position: relative;

    text-transform: capitalize;

    color: #03396b;

    display: inline-block;

    margin: 0;

}

.sidebar-title h2:before {

    position: absolute;

    content: "";

    top: 24px;

    width: 60px;

    height: 1px;

    background: #c14b45;

    right: -88px;

}

.sidebar-category ul li {



    padding: 18px 0 0px 0;

}

.sidebar-category ul li a {

    color: #555555;

    font-size: 14px;

    display: inline-block;

    position: relative;

    width: 100%;

}

.sidebar-category ul li a:before {

    position: absolute;

    content: "";

    left: 0;

    height: 1px;

    width: 100%;

    background: #dddddd;

    top: 25px;

    transition: .5s;

}

.sidebar-category ul li a:hover {

    color: #d0312c;

}

.sidebar-category ul li a:hover:before{

     background: #d0312c;

}

.sideber-thumb-content {

    margin: 0 0 0 27px;

}

.resent-iteam {

    margin-bottom: 4px;

}

.sidebar-thumb-title a h2 {

    font-size: 16px;

    color: #333333;

    display: inline-block;

    letter-spacing: 1.6px;

}

.sidebar-thumb-title span {

    color: #555555;

    font-size: 14px;

}

.sidebar-social-inf ul li {

    display: inline-block;

    margin-right: 14px;

}

.sidebar-social-inf ul li a i {

    font-weight: 700;

    display: inline-block;

}

.sidebar-social-inf ul li a {

    display: inline-block;

    height: 35px;

    width: 35px;

    line-height: 35px;

    text-align: center;

    border: 1px solid#03396b;

    font-size: 21px;

    font-weight: 700;

    font-family: 'Roboto Condensee';

    transition: .5s;

    margin-top: 22px;

}

.sidebar-social-inf ul li a:hover{

    border-color:#d0312c;

    color: #fff;

    background:#d0312c;

}

/*==================================*

    start deshal sidebar errore area

/*==================================*/

.deshal-error-area {

    height: 950px;

    background: url(assets_new/images/error.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.deshal-error-content-title h2 {

    color: #fff;

    font-size: 36px;

    margin: 50px 0 10px;

}

.deshal-error-content-title span {

    color: #ff7b78;

    font-size: 18px;

    text-transform: capitalize;

}

/*--==========================================

		Start------Footer-----area------------

	-=========================================*/

.deshal-footer-area {

    background: url(assets_new/images/footer-img.jpg);

    background-position: center;

    background-size: cover;

    padding: 182px 0 4px;

}

.deshal-footer-content h3 {

    font-size: 24px;

    font-weight: 800;

    margin: 0 0 30px;

    color: #fff;

}

.subscribe-area i {

    position: absolute;

    right: 3px;

    top: 16px;

    font-size: 24px;

    display: inline-block;

    color: #fff;

}

input.subscribe-mail-box {

    background: rgb(62,95,132,0.5);

    border: none;

    padding: 15px 36px;

    width: 100%;

    border-radius: 27px;

}

.subscribe-area input:focus {

    border-color: #66afe9;

    outline: 0;

}

.deshal-footer-content-text p {

    color: #f4f6fe;

    margin-top: 32px;

    font-size: 14px;

    width: 58%;

    margin: 37px 0 26px;

}

.text-footer {

    display: inline-block;

}

.deshal-footer-social-address ul {

    display: inline-block;

    margin-left: 26px;

}

.deshal-footer-content.style-two .deshal-footer-content-text p {

    color: #f4f6fe;

    font-size: 14px;

    width: 92%;

    margin: 15px 0 5px;

}

.footer-adderss p {

    color: #fff;

    font-size: 14px;

    color: #d0312c;

    margin: 9px 0 0;

}

.footer-adderss span {

    color: #fff;

    font-size: 14px;

}

.footer-title h2 {

    font-size: 22px;

    color: #f8f9fe;

    margin: 0 0 38px;

    position: relative;

}

.footer-title h2:before {

    position: absolute;

    content: "";

    height: 1px;

    width: 51px;

    top: 41px;

    left: 0;

    background: #d0312c;

    margin: auto;

}

.deshal-footer-copyright {

    text-align: center;

}

.row.margin-upper2 {

    border-top: 1px solid#fff;

    margin-top: 55px;

}

.text-footer p {

    color: #e3e3e3;

    font-size: 14px;

    color: #d0312c;

    font-weight: 700;

}

.row.margin-topper3 {

    border-top: 1px solid#fff;

    margin-top: 19px;

}

.copy-right-text p {

    color: #f8f9fe;

    font-size: 14px;

}

.deshal-footer-social-address ul li {

    display: inline-block;

}

.deshal-footer-social-address ul li a i {

    font-size: 22px;

    display: block;

    margin-right: 20px;

    border-radius: 3px;

    transition: .5s;

    color: #fff;

}

.deshal-footer-social-address ul li a i:hover {

    color: #d0312c;

}

/*====================================================

--< deshal Portfolio Area Css -->

======================================================*/



/* Portfolio Nav */

.portfolio_area{

    padding: 110px 0 0;

}

.portfolio_menu ul {

    text-align: center;

    list-style: none;

}

.fortfolio-addrees ul li {

    display: inline-block;

}

.portfolio_menu ul li {

    display: inline-block;

    margin: 0 14px;

    cursor: pointer;

}

.portfolio_menu ul li a{

    display: block;

    color:#fff;

    text-transform:uppercase;

    position:relative;

    transition:.5s;

}

.portfolio_menu ul li a:before {

    position: absolute;

    content: "";

    left: 0;

    top: 24px;

    height: 2px;

    width: 0%;

    background: #fff;

    transition:.5s;

}

.portfolio_nav ul li {

    background: transparent;

    border: medium none;

    font-size: 18px;

    line-height: 3;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    cursor: pointer;

    text-transform: capitalize;

    padding: 12px 40px;

    font-weight: 700;

    letter-spacing: 0;

    position: relative;

    margin: 0 3px;

    margin-bottom: 7px;

    display: inline-block;

    border-radius: 0;

    color: #001d23;

    margin-bottom: 21px;

}

.portfolio-wrapper {

    background: #03396b;

    padding: 23px 20px 0 20px;

    overflow: hidden;

 

    overflow-y: scroll;

    height: 812px;

}

.dreamit-single-portfolio {

    overflow: hidden;

    margin-bottom: 20px;

}

.dreamit-portfolio-thumb {

    position: relative;

    z-index: 1;

}

.dreamit-portfolio-thumb:before {

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    background: rgb(208, 49, 44,0.6);

    height: 100%;

    width: 0;

    transition: .5s;

}

.dreamit-single-portfolio:hover .dreamit-portfolio-thumb:before {

    width: 100%;

    left: 0;

}

.dreamit-portfolio-thumb img {

    width: 100%;

    transition: .5s;

}

.portfolio_nav ul li {

    font-size: 16px;

    font-weight: 600;

    color: #082c45;

    width: 100%;

    box-shadow: 0px 0px 31px 8px rgb(0 0 0 / 10%);

    position: relative;

    z-index: 1;

    transition:.9s;

}

.portfolio_nav ul li:before{

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width:0;

    transition:.9s;

    background:#d0312c;

    content:""; 

    z-index: -1;

}

.portfolio_nav ul li:hover:before{

    width:100%;

    left:0;

}

.portfolio_nav ul li:hover, .portfolio_nav ul li.current_menu_item {

    color: #fff;

    background: #082c45;

}

.dreamit-forfolio-content {

    width: 80%;

    margin: auto;

    padding: 30px 20px 24px 20px;

    border-radius: 5px;

    position: relative;

    z-index: 1;

}

.fortfolio-title h3 a {

    font-size: 20px;

    color: #fff;

    font-weight: 600;

    letter-spacing: -0.4px;

    transition: .5s;

}

.dreamit-forfolio-content span {

    color: #fff;

}

.fortfolio-title h3 {

    margin: 0;

}

.dreamit-forfolio-content {

    position: absolute;

    left: 37%;

    right: 0;

    content: "";

    transform: translateY(-50%);

    top: 39%;

    z-index: 1;

    opacity: 0;

    transition: .5s;

}

.dreamit-single-portfolio:hover .dreamit-forfolio-content{

    opacity: 1;  

}



/*====================================================

--< deshal signature Area Css -->

======================================================*/

.deshal-signature-area {

    padding: 10px 0 27px 0;

}

.deshal-signature-area .dreamit-content-text p {

    font-size: 16px;

    width: 94%;

    margin: 21px 0 32px 0;

    letter-spacing: 0.5px;

    line-height: 1.8;

}

.deshal-signature-title h3 {

    font-size: 16px;

    color: #d0312c;

    margin-left: 94px;

    position: relative;

}

.deshal-signature-title h3:before {

    position: absolute;

    content: "";

    top: 10px;

    left: -54px;

    background: #d0312c;

    height: 1px;

    width: 42px;

}

.deshal-signature-thumb {

    position: relative;

    margin-bottom: -43px;

}

/*ailata color section area*/

.body{

position: relative;

}

.wrapper {

    position: fixed;

    z-index: 22;

    bottom: 115px;

    transition: 0.5s;

}

.wrapper .theme ul li {

    border-radius: 3px;

}

.active-color{

    background: blue;

}

.wrapper .content{

    text-align: center;

}

.wrapper .color-option{

    position:relative;

    z-index: 2;

}

.wrapper .color-option .colors {

    float: left;

    padding: 16px 0 14px 16px;

    background: url(assets_new/images/ff.gif);

    width: 346px;

    transition: 0.5s;

    border-bottom-right-radius: 5px;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    position: relative;

    z-index: 1;

}

.wrapper .color-option .colors:before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    transition: .5s;

    background: rgb(0,36,124, 0.8);

    z-index: -1;

    top: 0;

    left: 0;

}

.wrapper .color-option .colors ul li {

    display: inline-block;

    width: 24px;

    height: 24px;

    margin: 0px 0px;

    cursor: pointer;

    background: #f00;

}

.resent-box {

    position: relative;

    transition:.5s;

    display: inline-block;

}

.reset {

    cursor: pointer;

    color: #D0312C;

    padding: 6px 50px;

    display: inline-block;

    background: #fff;

    border-radius: 4px;

    margin-bottom: 3px;

    position: relative;

    z-index: 1;

    transition: .5s;

}

.reset:before{

   position: absolute;

    content: "";

    right: 0;

    top: 0;

    height: 100%;

    width: 0;

    transition: .5s;

    background: #F12A02;

    z-index: -1;

    border-radius:4px;

    transition: .5s;

}

.resent-box:hover .reset:before{

    width: 100%;

    left: 0;

}

.resent-box:hover .reset{

    color:#fff;

}

.custom {

    transform: rotate(-90deg)!important;

    position: relative;

    top: 35px;

    right: 35px;

    color: #fff;

    display: inline-block;

}

.wrapper .color-option .themes-btn {

    float: left;

    color: #fff;

    background: #359ED2;

    height: 169px;

    width: 56px;

    font-weight: bold;

    cursor: pointer;

    transition: 0.5s;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    padding-left: 14px;

    padding-top: 24px;

}

span.themes-btn p{

    transform: rotate(90deg);

    position: relative;

    top:10px;

    right:6px;

    color:#fff;

}

.wrapper .theme ul li.one {

    background:#ff8303;

}

.wrapper .theme ul li.two {

    background:#f7ea00;

}

.wrapper .theme ul li.three {

    background:#81b214;

}

.wrapper .theme ul li.four {

    background:#7a434b;

}

.wrapper .theme ul li.five {

    background:#81b214;

}

.wrapper .theme ul li.six {

    background:#FF522E;

}

.wrapper .theme ul li.seven {

    background:#0C5ADB;

}

.wrapper .theme ul li.eight {

    background: #0DA21A;

}

.wrapper .theme ul li.nine {

    background: #9dd2b5;

}

.wrapper .theme ul li.ten {

    background: #bee4cF;

}

.wrapper .theme ul li.eleven {

    background: #F984Ff;

}

.wrapper .theme ul li.twelve {

    background: #B1F4EF;

}

.wrapper .theme ul li.therteen {

    background: #DAEcFE;

}

.wrapper .theme ul li.fourteen {

    background: #F8EEF6;

}

.wrapper .theme ul li.fiveteen {

    background: #F1E9FF;

}

.wrapper .theme ul li.sixteen {

    background:#E6F2BF;

}

.wrapper .theme ul li.seventeen {

    background: #FFADD7;

}

.wrapper .theme ul li.eighteen {

    background:#F9E4bc;

}

.wrapper .theme ul li.nineteen {

    background: #F2c1bb;

}

.wrapper .theme ul li.twenty {

    background: #BcecAc;

}

/*orange2*/

.wrapper .theme ul li.orange2.one{

    background:#ff8303!important;

}

.wrapper .theme ul li.orange2.two{

    background:#f7ea00!important;

}

.wrapper .theme ul li.orange2.three{

    background:#81b214!important;

}

.wrapper .theme ul li.orange2.four{

    background:#000!important;

}

.wrapper .theme ul li.orange2.five{

    background:#fff!important;

}

.wrapper .theme ul li.orange2.six{

    background:#FF522E!important;

}

.wrapper .theme ul li.orange2.seven{

    background: #0C5ADB!important;

}

.wrapper .theme ul li.orange2.eight{

    background: #0DA21A!important;

}

.wrapper .theme ul li.orange2.nine {

    background: #F2c1bb;

}

.wrapper .theme ul li.orange2.ten {

    background: #7a434b;

}

/*orange3*/

.wrapper .theme ul li.orange3.one{

    background:#ff8303!important;

}

.wrapper .theme ul li.orange3.two{

    background:#f7ea00!important;

}

.wrapper .theme ul li.orange3.three{

    background:#81b214!important;

}

.wrapper .theme ul li.orange3.four{

    background:#fff!important;

}

.wrapper .theme ul li.orange3.five{

    background:#FE6cD1!important;

}

.wrapper .theme ul li.orange3.six{

    background:#F853AF!important;

}

.wrapper .theme ul li.orange3.seven{

    background: #000!important;

}

.wrapper .theme ul li.orange3.eight{

    background:#FF522E!important;

}

.wrapper .theme ul li.orange3.nine {

    background: #d9b5dF;

}

.wrapper .theme ul li.orange3.ten {

    background: #7a434b;

}

/*orange4*/

.wrapper .theme ul li.orange4.one{

    background:#D10BDB!important;

}

.wrapper .theme ul li.orange4.two{

    background:#FF5BFF!important;

}

.wrapper .theme ul li.orange4.three{

    background: #FF5C5C!important;

}

.wrapper .theme ul li.orange4.four{

    background:#fff!important;

}

.wrapper .theme ul li.orange4.five{

    background:#FF00FF!important;

}

.wrapper .theme ul li.orange4.six{

    background:#ADFF2F!important;

}

.wrapper .theme ul li.orange4.seven{

    background: #000!important;

}

.wrapper .theme ul li.orange4.eight{

    background: #0C5ADB!important;

}

.wrapper .theme ul li.orange4.nine{

    background:#ff8303!important;

}

.wrapper .theme ul li.orange4.ten{

    background:#f7ea00!important;

}

/*orange5*/

.wrapper .theme ul li.orange5.one{

    background:#Fc9A98!important;

}

.wrapper .theme ul li.orange5.two{

    background:#FDA0F2!important;

}

.wrapper .theme ul li.orange5.three{

    background: #FDc4E2!important;

}

.wrapper .theme ul li.orange5.four{

    background:#fff!important;

}

.wrapper .theme ul li.orange5.five{

    background:#BcecAc!important;

}

.wrapper .theme ul li.orange5.six{

    background:#000!important;

}

.wrapper .theme ul li.orange5.seven{

    background:#0C5ADB!important;

}

.wrapper .theme ul li.orange5.eight{

    background: #0DA21A!important;

}

.wrapper .theme ul li.orange5.nine{

    background: #9dd2b5!important;

}

.wrapper .theme ul li.orange5.ten{

    background:#f7ea00!important;

}

.wrapper.active {

    transform: translate(-346px);

    transition: 0.5s;

}

.theme {

    height: 100%;

    width: 94%;

}

.theme h2 {

    font-size: 20px;

    font-weight: 500;

    margin: 0 0 4px!important;

}

.title h2 {

    margin-bottom: 0;

    font-family: 'Roboto Condensed', sans-serif;

}



/*=================Subscribe-Area============*/

/*===========================================*/

input.subscribe-mail-box:focus{

	outline:0;

}

.subscribe-area {

	position: relative;

}



button.subscribe-button button {

    color: #fff;

}

.subscribe-area button {

    display: inline-block;

    position: absolute;

    right: 31px;

    top: 0px;

    padding: 10px 14px;

    background: transparent;

    font-weight: 500;

    font-size: 15px;

    border-color: inherit;

    margin: auto;

    bottom: 0;

    border: none;

}

button:focus {

	outline-color: transparent;

}

/* placeholder-area----*/

.subscribe-area input::-moz-placeholder {

	color: #a0a1a2;

	font-size: 17px;

}

.subscribe-area ::-webkit-input-placeholder {

	/* Chrome/Opera/Safari */

	color: #a0a1a2!important;

	font-size: 16px;

	font-weight:400;

}

.subscribe-area ::-moz-placeholder {

	/* Firefox 19+ */

	color: #a0a1a2!important;

	font-size: 16px;

	font-weight:400;

}

.subscribe-area :-ms-input-placeholder {

	/* IE 10+ */

	color: #fff !important;

	font-size: 16px;

	font-weight:400;

}

.subscribe-area :-moz-placeholder {

	color: #a0a1a2!important;

	font-size: 16px;

	font-weight:400;

}



.footer-text-menu {

    text-align: right;

}

.footer-text-menu ul li {

    list-style: none;

    display: inline-block;

}

.footer-text-menu ul li a {

    display: inline-block;

    margin-left: 19px;

    color: #f8f9fe; 

}

/*scrollup section*/

.scroll-area{

  position: relative;

  z-index: 999;

 }

.scroll-area .go-top {

    position: fixed;

    cursor: pointer;

    top: 0;

    right: 30px;

    color: #ffffff;

    background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

    background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

    background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

    z-index: 9999;

    width: 45px;

    text-align: center;

    height: 45px;

    line-height: 42px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.9s ease-out 0s;

    -moz-transition: all 0.9s ease-out 0s;

    -ms-transition: all 0.9s ease-out 0s;

    -o-transition: all 0.9s ease-out 0s;

    transition: all 0.9s ease-out 0s;

    border-radius: 10px; 

}

.scroll-area .go-top i {

      position: absolute;

      top: 50%;

      left: -4px;

      right: 0;

      margin: 0 auto;

      font-size: 15px;

      -webkit-transform: translateY(-50%);

      -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      -o-transform: translateY(-50%);

      transform: translateY(-50%);

      -webkit-transition: all 0.5s ease-out 0s;

      -moz-transition: all 0.5s ease-out 0s;

      -ms-transition: all 0.5s ease-out 0s;

      -o-transition: all 0.5s ease-out 0s;

      transition: all 0.5s ease-out 0s; 

  }

.scroll-area .go-top i:last-child {

        opacity: 0;

        visibility: hidden;

        top: 60%; 

    }

 .scroll-area .go-top::before {

      content: '';

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      z-index: -1;

      background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

      background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

      background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

      opacity: 0;

      visibility: hidden;

      -webkit-transition: all 0.5s ease-out 0s;

      -moz-transition: all 0.5s ease-out 0s;

      -ms-transition: all 0.5s ease-out 0s;

      -o-transition: all 0.5s ease-out 0s;

      transition: all 0.5s ease-out 0s;

      border-radius:100%; 

  }

.scroll-area .go-top:focus, .scroll-area .go-top:hover {

      color: #fff; 

  }

.scroll-area .go-top:focus::before, .scroll-area .go-top:hover::before {

        opacity: 1;

        visibility: visible; 

}

.scroll-area .go-top:focus i:first-child, .scroll-area .go-top:hover i:first-child {

        opacity: 0;

        top: 0;

        visibility: hidden;

 }

.scroll-area .go-top:focus i:last-child, .scroll-area .go-top:hover i:last-child {

        opacity: 1;

        visibility: visible;

        top: 50%; 

}

.scroll-area .go-top.active {

    top: 95%;

    -webkit-transform: translateY(-98%);

    -moz-transform: translateY(-98%);

    -ms-transform: translateY(-98%);

    -o-transform: translateY(-98%);

    transform: translateY(-98%);

    opacity: 1;

    visibility: visible;

    border-radius: 0;

    right: 30px;

    border-radius:100%;

}

.top-wrap {

  position: relative; 

}

.top-wrap .go-top-button{

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    top: 3px;

    z-index: 1;

    background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

    background: #F12A02;

    background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

}

 .top-wrap .go-top-button i {

      font-size: 20px;

      font-weight: 700;

      padding-left: 4px;

      color: #fff;

 }

.top-wrap .go-top-button::after {

      z-index: -1;

      content: "";

      position: absolute;

      left: 0;

      top: 0;

      width: 45px;

      height: 45px;

      -webkit-animation: ripple 1.6s ease-out infinite;

      -moz-animation: ripple 1.6s ease-out infinite;

      -o-animation: ripple 1.6s ease-out infinite;

      animation: ripple 1.6s ease-out infinite;

      opacity: 0;

      background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

      background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

      background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);

      border-radius:100%; 

  }

.top-wrap .go-top-button:hover {

      background-color: #222;

      color: #fff; 

  }

@keyframes ripple {

  0%, 35% {

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    opacity: 1; }

  50% {

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

    opacity: 0.8; }

  100% {

    opacity: 0;

    -webkit-transform: scale(2);

    -moz-transform: scale(2);

    -ms-transform: scale(2);

    -o-transform: scale(2);

    transform: scale(2); } }

@-webkit-keyframes ripple {

  0%, 35% {

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    opacity: 1; }

  50% {

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

    opacity: 0.8; }

  100% {

    opacity: 0;

    -webkit-transform: scale(2);

    -moz-transform: scale(2);

    -ms-transform: scale(2);

    -o-transform: scale(2);

    transform: scale(2); } }