.classy-nav-container {
    background-color: #ffffffd6;
    padding: 0 15px;
}

#preloader {
   background-color: #1668A6;
	background-image: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5) );
  }

.classy-nav-container .classy-navbar .classynav ul li a {
    color: rgb(22, 104, 166);
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 2px;
    
}

.classy-nav-container {
    background-color: #ffffffd6;
    padding: 0 15px 10px 15px;
    border-top: solid 15px #1668A6;
}

.classynav ul li {
    padding-top: 7px;
}

.classy-nav-container .classy-navbar .classynav ul li a:hover, .classy-nav-container .classy-navbar .classynav ul li a:active {
    color: #33bb85;
}

.welcome-text.home-2 h2 span {
    color: #31d292;
	background: -webkit-linear-gradient( rgb(48, 210, 146), rgb(35, 150, 131) );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

.welcome-text.home-2 h2 {
   line-height: 61px;
}

.banner::after {
   background-image: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5) );
}

.onita-btn-3, .onita-btn-3:focus, .onita-btn {
   background-color: #1668a6;  
   font-family: 'Oswald', sans-serif;
   font-size: 17px;
   letter-spacing: 2px;
	background-image: linear-gradient( rgb(16, 57, 132), rgb(22, 104, 166) );
	-webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.onita-btn-3:hover, .onita-btn {
    font-family: 'Oswald', sans-serif;
    background-color: #31d292;
    border: 1px solid #31d292;
    color: #fff;
	background-image: linear-gradient( rgb(48, 210, 146), rgb(35, 150, 131) );
	padding: 0 20px;
}

.onita-btn:hover {
   background-color: #1668a6;  
   font-family: 'Oswald', sans-serif;
   font-size: 17px;
   letter-spacing: 2px;
	background-image: linear-gradient( rgb(16, 57, 132), rgb(22, 104, 166) )
}


.header-area.sticky {
    background-color: #fff;
}

.single-feature-area .feature-icon {
    
    border-radius: 72px;
    font-size: 44px;
    color: rgb(255, 255, 255);   
	background-image: linear-gradient(  rgb(22, 104, 166), rgb(16, 57, 132) );
}
.single-feature-area:hover .feature-icon {
    background-color: #1668a6;
    color: #ffffff;
	background-image: linear-gradient( rgb(16, 57, 132), rgb(22, 104, 166) )
}

.better-desgin-thumb {
    position: relative;
    left: 90px;
    z-index: 1;
}

.better-desgin-thumb::after {
    background-color: #30d292;
   background-image: linear-gradient( rgb(48, 210, 146), rgb(35, 150, 131) );
}

.better-desgin-content h6 {
    border-bottom: 2px dashed #2fd092;
}

.better-desgin-content h2 {
    font-size: 44px;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 25px;
}

.dots .dot3 {
    background-color: #36a0d1;
}

.dots .dot1 {
   background-color: #88f34c;
}

.dots .dot2 {
   background-color: rgba(255, 255, 255,) ;
}

.better-desgin-area .better-desgin .dots2 .dot2 {
    background-color: rgb(20, 90, 156);
}

.bg-overlay-5::after {
    background-color: rgba(22, 104, 166, 0.69);
}

.our-sponsor-area .single-sponsor a img {
    width: 180px;
}

#scrollUp {
      background-color: #30d292;
   background-image: linear-gradient( rgb(48, 210, 146), rgb(35, 150, 131) );
}

.bg-overlay-4::after {
    background-color: #1668a6cf; 
}

.single-contact-info .icon {
    color: #2ebf80;
}

.form-control, .form-text-area { 
    background-color: #e2f1fd;
    border: 1px solid #dce5ec;
}

.form-text-area:focus, .form-control:focus {
    border-color: #dbe5ec;
}

.heading-title p {
    color: #565656;
    text-transform: none;
}

.border-line {  
  background-image: linear-gradient( #f9f7f7, #dedede );
	height: 4px;
    width: 300px;
  
}

.border-dot {
     background-color: #30d292;
   background-image: linear-gradient( rgb(48, 210, 146), rgb(35, 150, 131) );
   
}

.footer-contact-area {
   background-image: linear-gradient(  rgb(22, 104, 166), rgb(16, 57, 132) );
}

.derres {
    color: rgba(255, 255, 255, 0.75);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-top: 15px;
    margin-top: 20px;
    border-top: dashed 1px;
}

.what-do-you-single-content .what-do-you-image::after {
    background-color: rgba(0, 0, 0, 0.6);
}

.what-do-you-single-content .hover-text {
    padding-right: 30px;
}

.classy-navbar-toggler .navbarToggler span {
    background-color: #1668a6;
}

.breadcrumb-area .page-title {
    font-family: 'Oswald', sans-serif;
    font-size: 65px;
	text-transform: uppercase
}

.breadcrumb-content {
    background-color: rgba(22, 104, 166, 0.68);
}

.derres3 {
    padding: 100px 0;
}

.service-details-area {
    padding: 0 30px;
}

.service-details-area .service-details-area p {
    text-align: justify;
}

.service-details-area .service-details-area h2 {
    color: #1668a6;
}

.thumb-area{
    left: 0 !important
}

.thumb-area.better-desgin-thumb::after {
    background-color: #4d5bed;
    height: 50px;
    width: 69px;
    position: absolute;
    content: "";
    top: 40px;
    z-index: 9;
    right: -33px;
}
.derres5 {
    float: right;
}

.derres6 {
	display: inline-block;
    padding: 50px 0 0 0;
}

.set-up-list li i {
    color: #2dc68f;
    margin-right: 9px;
}

.set-up-list li {
    font-size: 16px;
    margin-bottom: 20px;
    color: #6c757d;
    font-weight: normal;
}

.derres7 {
	text-align: center;
    padding: 50px 0 0 0;
}
.derres8 {
	font-size: 10px !important;
}






@media only screen and (max-width: 767px)
{
.welcome-text.home-2 h2 {
    line-height: 45px;
    text-align: center;
}
.welcome-text.home-2 h6 {
    font-size: 15px;
    text-align: center;
}
.hero-btn-group{
    text-align: center;
}
	
.better-desgin-thumb {
    left: 0px;
}
	
.classy-nav-container .classy-navbar .nav-brand {
    max-width: 100%;
}
	
	.derres2 {
    font-size: 12px;
}
	.banner::before {
    background-attachment: inherit;
     -webkit-animation: increase 60s linear 10ms infinite;
    animation: none;
}
	
	.breadcrumb-area .page-title {
    font-size: 34px;
}
	
	.derres3 {
    padding: 40px 0;
}
	
	.derres4 {
    padding: 100px 0;
    height: auto;
}

	.derres5 {
    float: none;
}
	
	.derres6 {
	display: inline-block;
    padding: 0;
}

}