/*====================
 dipl	Main Menu Area Css
=====================*/

:root {
            --primary: #ffa500;
            --secondary: #61f20b;
            --accent: #FF6B00;
            --dark: #1A2A4D;
            --light: #F8F9FC;
            --gray: #6C757D;
            --transition: all 0.3s ease;
        }
		
		
.dipl_nav_manu {
    background   : transparent;
    padding      : 5px 0;
    transition   : .5s;
    margin-bottom: -92px;
    z-index      : 999;
    position     : relative;
}

.sticky {
    left              : 0;
    margin            : auto;
    position          : fixed;
    top               : 0;
    width             : 100%;
    box-shadow        : 0 0 60px 0 rgba(0, 0, 0, 0.07);
    z-index           : 9999;
    -webkit-animation : 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation         : 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    background        : #fff;
}


.btn {
            display: inline-block;
            padding: 12px 30px;
            background: var(--primary);
            color: white;
            border: none;
            border-radius: 4px;
            text-decoration: none;
            font-weight: 500;
            cursor: pointer;
            transition: var(--transition);
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: 1px;
        }
        
        .btn:hover {
            background: var(--secondary);
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
        
        .btn-outline {
            background: transparent;
            border: 2px solid var(--primary);
            color: var(--primary);
        }
        
        .btn-outline:hover {
            background: var(--primary);
            color: white;
        }
		
/* logo Css*/
.logo img {
	/*margin-top:10px;*/
    height: 54px;
}

/* dipl Menu Css*/
.dipl_menu {
    text-align: right;
}

.dipl_menu ul {
    text-align: right;
    list-style: none;
    display   : inline-block;
}

.dipl_menu>ul>li {
    display : inline-block;
    position: relative;
}

.dipl_menu>ul>li>a {
    display           : block;
    -webkit-transition: .5s;
    -o-transition     : .5s;
    transition        : .5s;
    position          : relative;
    color             : #fff;
    font-weight       : 500;
    text-transform    : uppercase;
    padding           : 20px 20px 20px;
}

.dipl_menu>ul>li>a:hover {
    border-bottom: 2px solid #fff;
}

.dipl_menu ul li:last-child a {
    margin-right: 0px;
}

.dipl_menu>ul>li.current>a {
    color: #f06292;
}


/* sub menu style */
.dipl_menu ul .sub-menu {
    position          : absolute;
    left              : 0;
    top               : 130%;
    width             : 217px;
    text-align        : left;
    background        : #fff;
    margin            : 0;
    padding           : 15px 0;
    z-index           : 9999;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow        : 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-transition: .5s;
    -o-transition     : .5s;
    transition        : .5s;
    opacity           : 0;
    -ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility        : hidden;
    border-top        : 2px solid #0762f8;
}

.dipl_menu ul li:hover>.sub-menu {
    opacity   : 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top       : 100%;
    z-index   : 9;
}

.dipl_menu ul .sub-menu li {
    position: relative;
}

.dipl_menu ul .sub-menu li a {
    display           : block;
    padding           : 12px 20px;
    margin            : 0;
    line-height       : 1.3;
    letter-spacing    : normal;
    font-size         : 12px;
    font-weight       : 500;
    text-transform    : uppercase;
    -webkit-transition: .1s;
    -o-transition     : .1s;
    transition        : .1s;
    visibility        : inherit !important;
    color             : #333;
}

.dipl_menu ul .sub-menu li:hover>a,
.dipl_menu ul .sub-menu .sub-menu li:hover>a,
.dipl_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.dipl_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
    background: #0762f8;
    color     : #fff;
}

/* sub menu 2 */
.dipl_menu ul .sub-menu .sub-menu {
    left      : 100%;
    top       : 130%;
    opacity   : 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.dipl_menu ul .sub-menu li:hover>.sub-menu {
    opacity   : 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top       : 0%;
}

/* sub menu 3 */
.dipl_menu ul .sub-menu .sub-menu li {
    position: relative;
}

.dipl_menu ul .sub-menu .sub-menu .sub-menu {
    right     : 100%;
    left      : auto;
    top       : 130%;
    opacity   : 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.dipl_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
    opacity   : 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top       : 0%;
}

/* sub menu 4 */
.dipl_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}

.dipl_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {}

.dipl_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
    opacity   : 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top       : 0%;
}

.donate-btn-header {
    display: inline-block;
}

a.dtbtn {
    border        : 2px solid #ddd;
    display       : block;
    font-size     : 14px;
    margin-left   : 30px;
    font-weight   : 600;
    text-transform: uppercase;
    border-radius : 5px;
    padding       : 9px 22px;
    background    : transparent;
    color         : #fff;
    margin-top    : 0;
    letter-spacing: 1px;
    transition    : .5s;
}

a.dtbtn:hover {
    border    : 2px solid #0762f8;
    background: #0762f8;
    color     : #fff;
}

.dipl_menu li a:hover:before {
    width: 101%;
}

.dipl_nav_manu.sticky .logo_img {
    display: none;
}

.main_sticky {
    display: none;
}

.dipl_nav_manu.sticky .main_sticky {
    display: inherit;
}

.dipl_nav_manu.sticky .dipl_menu li a {
    color: #151948;
}

.dipl_nav_manu.sticky .dipl_menu li a:hover {
    border-bottom: 2px solid #ffa500;
}

.dipl_nav_manu.sticky a.dtbtn {
    color: #151948;
}

.dipl_nav_manu.sticky a.dtbtn:hover {
    color: #fff;
}

/* .mobile-menu.mean-container {
	overflow: hidden;
} */
.home2 .dipl_menu>ul>li>a {
    color: #151948;
}

.home2 a.dtbtn {
    border: 2px solid #0762f8;
    color : #151948;
}

.home2 a.dtbtn:hover {
    color : #fff;
    border: 2px solid #0762f8;
}

.home2.dipl_nav_manu.sticky a.dtbtn {
    border: 2px solid #ddd;
}

.home2.dipl_nav_manu.sticky a.dtbtn:hover {
    border: 2px solid #0762f8;
}

/*========================
	dipl Slider Area Css
=========================*/
.slider_area {
    background-image   : url(../images/bg-demo.jpg);
    background-size    : cover;
    background-position: 50% 0px;
    background-repeat  : no-repeat;
        height    : calc(100vh - 50px);

}


.blacklayer {
    background: rgba(0, 0, 0, 0.4) url(../images/bg-strip.png) repeat scroll 0 0;
    position  : absolute;
    z-index   : 0;
    width     : 100%;
    height    : 285px;
    top       : 0;
    left      : 0;
}
.blacklayer1 {
    background: rgba(0, 0, 0, 0.4) url(../images/bg-strip.png) repeat scroll 0 0;
    position  : absolute;
    z-index   : 0;
    width     : 100%;
    height    : calc(100vh - 64px);
    top       : 0;
    left      : 0;
}

.slider_area.home2 {
    background: #a9c7ec;
    position  : relative;
}

.slider_area.home2::before {
    position        : absolute;
    content         : "";
    left            : 0;
    top             : 0;
    height          : 100%;
    width           : 100%;
    background-image: url(assets/images/slider-2.png);
}

.slider_area.home3::before {
    position           : absolute;
    content            : "";
    left               : 0;
    top                : 0;
    height             : 100%;
    width              : 100%;
    background-image   : url(assets/images/homepaged.png);
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: center center;
}

.single_slider {
    position: relative;
}

.slider_content {
    display: table;
    height : 500px;
    width  : 100%;
}

.slider_text {
    display       : table-cell;
    vertical-align: middle;
    width         : 100%;
	padding-top:8rem;
}

.slider_text_inner {
    display: inline-block;
}

.slider_text_inner h1 {
    overflow   : hidden;
    display    : block;
    font-size  : 4rem;
    color      : #fff;
    margin     : 15px 0px;
    font-weight: 700px;
}

.slider_text_inner p {
    font-size: 16px;
    padding  : 0px;
    color    : #fff;
    margin   : 10px;
}

.slider_button_inner a {
    background   : #fff;
    padding      : 12px 34px;
    font-size    : 18px;
    font-weight  : 500;
    display      : inline-block;
    transition   : .5s;
    position     : relative;
    overflow     : hidden;
    z-index      : 1;
    border-radius: 5px;
    color        : #0762f8;
}

.slider_button_inner a i {
    margin-right: 8px;
    font-size   : 16px;
}

.slider_button_inner a:before {
    position           : absolute;
    content            : "";
    top                : 0px;
    height             : 100%;
    left               : -25%;
    width              : 0%;
    background         : #0762f8;
    transform          : skew(50deg);
    transition-duration: .6s;
    z-index            : -1;
}

.slider_button_inner a:hover {
    color: #fff;
}

.slider_button_inner a:hover:before {
    width: 180%;
}

.slider-video-icon a i {
    color        : #0762f8;
    font-size    : 30px;
    border-radius: 50%;
    background   : rgba(255, 255, 255, 0.73);
    height       : 70px;
    v width      : 70px;
    line-height  : 70px;
    transition   : .5s;
    text-align   : center;
    position     : relative;
}

.slider-video-icon a i:hover {
    background: #0762f8;
    color     : #fff;
}

.slider-video-icon {
    position   : relative;
    margin-top : -13px;
    margin-left: 39px;
}

.slider-video-icon::before {
    content      : "";
    position     : absolute;
    left         : 34px;
    top          : 53%;
    height       : 90px;
    width        : 90px;
    background   : rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    transform    : translate(-50%, -50%);
    animation    : pulse-border 1500ms ease-out infinite;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity  : 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity  : 0;
    }
}

.single_slider_rot_inner {
    position: absolute;
    bottom  : 0;
    left    : 50%;
}

/* Home Two*/
.home2 .slider_text_inner h1 {
    color: #151948;
}

.home2 .slider_text_inner p {
    color: #151948;
}

.home2 .video-icon a i {
    color     : #fff;
    background: #0762f8;
}

.home2 .video-icon::before {
    background: rgba(123, 76, 244, 0.3);
}

.home2 .slider_button_inner a {
    background: #0762f8;
    color     : #fff;
}

.home2 .slider_button_inner a:before {
    background: #fff;
}

.home2 .slider_button_inner a:hover {
    color: #0762f8;
}

/* Home Four */
.home4 .slider_text_inner h1 {
    font-size: 55px;
}

.home4 .slider_text_inner p {
    width: 88%;
}

/*============================
	dipl Shape Images Css
=============================*/
.single_slider_shape {
    position: relative;
}

.single_slider_shape_image {
    position: absolute;
    right   : -215px;
    bottom  : -50%;
    z-index : 1;
}

.slider_banner_shap {
    position: relative;
}

.single_slider_shape_image img {
    width: 90%;
}

.slider_banner_shap_inner {
    position: absolute;
    right   : 100px;
    top     : 350px;
    left    : 100px;
}

.slider_banner_shap3 img:nth-child(1) {
    z-index: 3;
    top    : -130px;
    left   : -45px;
}

.slider_banner_shap3 {
    position         : absolute;
    left             : 0;
    -webkit-animation: rotate3d 4s linear infinite;
    animation        : rotate3d 4s linear infinite;
    opacity          : .4;
    top              : 123px;
}

.home2 .single_slider_shape_image {
    position: absolute;
    right   : -70px;
    bottom  : 15px;
}

.pricing_shape_thumb {
    position: relative;
}

.pricing_shape_thumb_inner {
    position: absolute;
    left    : -156px;
    top     : -150px;
    opacity : .4;
}

.pricing_shape_thumb_inner2 img:nth-child(1) {
    z-index: 3;
    top    : -130px;
    left   : -45px;
}

.pricing_shape_thumb_inner2 {
    position         : absolute;
    right            : -156px;
    -webkit-animation: rotate3d 4s linear infinite;
    animation        : rotate3d 4s linear infinite;
    opacity          : .4;
    top              : -123px;
}

.testi_shape_thumb_inner1 {
    position         : absolute;
    right            : 2%;
    bottom           : 50%;
    z-index          : -1;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation        : animationFramesOne 20s infinite linear;
}

.testi_shape_thumb_inner1 img:nth-child(4) {
    left  : 29%;
    right : 0;
    top   : -15px;
    margin: 0 auto;
}

.testi_shape_thumb_inner2 img:nth-child(1) {
    z-index: 3;
    top    : -130px;
    left   : -45px;
}

.testi_shape_thumb_inner2 {
    position         : absolute;
    left             : 0;
    -webkit-animation: rotate3d 4s linear infinite;
    animation        : rotate3d 4s linear infinite;
    opacity          : .4;
    top              : 0;
}

.slider_banner_shap4 {
    right            : -60px;
    top              : -750px;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation        : animationFramesOne 20s infinite linear;
    position         : absolute;
    opacity          : .6;
}

.slider_banner_shap4 img:nth-child(4) {
    left  : 29%;
    right : 0;
    top   : -15px;
    margin: 0 auto;
}

/*====================
	dipl Breatcome Area Css
=====================*/
.breatcome_area {
    background           : url(assets/images/bg-1.jpg);
    background-repeat    : no-repeat;
    background-size      : cover;
    background-position  : center center;
    background-attachment: fixed;
    padding              : 147px 0 200px;
}

.breatcome_title {
    text-align: center;
}

.breatcome_title_inner h2 {
    font-size: 50px;
    color    : #fff;
	text-transform:uppercase;
}

.breatcome_content {
    padding-top: 7px;
}

.breatcome_content ul {
    list-style: none;
}

.breatcome_content ul li {
    font-size: 18px;
    color    : #fff;
}

.breatcome_content ul li a {
    display     : inline-block;
    color       : #fff;
    margin-right: 35px;
    position    : relative;
}

.breatcome_content ul li a::before {
    position  : absolute;
    content   : "";
    left      : 0;
    top       : 0;
    height    : 20px;
    width     : 1px;
    background: #fff;
}

.breatcome_content ul li a::before {
    position  : absolute;
    content   : "";
    left      : 67px;
    top       : 2px;
    height    : 21px;
    width     : 2px;
    background: #fff;
}

.breatcome_content ul li a::after {
    position  : absolute;
    content   : "";
    right     : -23px;
    top       : 2px;
    height    : 21px;
    width     : 2px;
    background: #fff;
}

/*==========================
	dipl Feature Area Css
===========================*/
.feature_area {
    padding   : 95px 0 72px;
    background: #f7fafd;
}

.feature_area.home2 {
    padding   : 80px 0 65px;
    background: #f7fafd;
}

.feature_area.style2 {
    padding   : 0;
    background: #fff;
}

.feature_area.style2 .top-den {
    margin-top: -84px;
}

.single_feature {
    border-radius     : 8px;
    padding           : 47px 28px 29px;
    background-color  : #fff;
    -webkit-transition: .5s;
    -o-transition     : .5s;
    transition        : .5s;
    box-shadow        : none;
    position          : relative;
    z-index           : 1;
    overflow          : hidden;
    box-shadow        : 0 2px 48px 0 rgba(0, 0, 0, 0.06);
}

.single_feature_icon .icon {
    font-size : 50px;
    color     : #0762f8;
    transition: .5s;
}

.single_feature_content_inner h2 {
    font-size : 20px;
    transition: .5s;
}

.single_feature_content_inner p {
    padding-top: 10px;
    transition : .5s;
}

.shape-one {
    content           : '';
    width             : 250px;
    height            : 250px;
    background        : #d858f5;
    border-radius     : 50%;
    position          : absolute;
    bottom            : -120px;
    right             : -120px;
    transform         : scale(0);
    -webkit-transition: all 600ms ease;
    -moz-transition   : all 600ms ease;
    -ms-transition    : all 600ms ease;
    -o-transition     : all 600ms ease;
    transition        : all 600ms ease;
    z-index           : -1;
}

.shape-two {
    content           : '';
    width             : 373px;
    height            : 373px;
    background        : #c647fe;
    border-radius     : 50%;
    position          : absolute;
    bottom            : 0px;
    right             : 0px;
    z-index           : 1;
    opacity           : 0;
    -webkit-transition: all 600ms ease;
    -moz-transition   : all 600ms ease;
    -ms-transition    : all 600ms ease;
    -o-transition     : all 600ms ease;
    transition        : all 600ms ease;
    transform         : translate(100%, 100%);
    z-index           : -1;
}

.shape-three {
    content           : '';
    width             : 500px;
    height            : 500px;
    background        : #a461e8;
    border-radius     : 50%;
    position          : absolute;
    bottom            : 0px;
    right             : 0px;
    z-index           : 1;
    opacity           : 0;
    -webkit-transition: all 600ms ease;
    -moz-transition   : all 600ms ease;
    -ms-transition    : all 600ms ease;
    -o-transition     : all 600ms ease;
    transition        : all 600ms ease;
    transform         : translate(100%, 100%);
    z-index           : -1;
}

.feature_area.style2 .shape-one,
.feature_area.style2 .shape-two,
.feature_area.style2 .shape-three {
    display: none;
}

/* Feature Area Hober Css */
.single_feature:hover .shape-one {
    transform              : scale(1);
    webkit-transition-delay: 300ms;
    -ms-transition-delay   : 300ms;
    transition-delay       : 300ms;
}

.single_feature:hover .shape-two {
    opacity                : 0.6;
    transform              : translate(50%, 50%);
    webkit-transition-delay: 600ms;
    -ms-transition-delay   : 600ms;
    transition-delay       : 600ms;
}

.single_feature:hover .shape-three {
    opacity                : 0.4;
    webkit-transition-delay: 900ms;
    -ms-transition-delay   : 900ms;
    transition-delay       : 900ms;
    transform              : translate(50%, 50%);
}

.single_feature:hover .single_feature_content_inner h2,
.single_feature:hover .single_feature_content_inner p {
    color: #fff;
}

.single_feature:hover {
    background: #0762f8;
}

.single_feature:hover .single_feature_icon .icon {
    color: #fff;
}

/* Feature Style Three */
.feature_area.style3 {
    padding   : 0;
    background: transparent;
}

.style3 .single_feature {
    text-align: center;
    padding   : 70px 30px 60px;
    transition: 1s;
}

.style3 .single_feature:hover {
    border-radius: 50%;
}

.feature_area.style3 .top-den {
    margin-top: -100px;
}

/*=============================
	dipl Service Area Css
==============================*/
.service_area {
    background: #fff;
    padding   : 50px 0 60px;
}

.service_area.style2 {
    background: #f7fafd;
}

.single_service_inner {
    padding      : 19px 0 5px;
    box-shadow   : 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    position     : relative;
    z-index      : 1;
    transition   : .5s;
    border-radius: 0 50px 50px 0;
    margin-bottom: 30px;
    background   : #fff;
}

.single_service_inner::before {
    position     : absolute;
    left         : 0;
    top          : 0;
    height       : 100%;
    width        : 60px;
    background   : #0762f8;
    content      : "";
    z-index      : -1;
    border-radius: 0 50px 50px 0;
    transition   : .5s;
    border       : 1px transparent;
}

.single_service_icon {
    float       : left;
    margin-left : 15px;
    margin-right: 30px;
    margin-top  : -5px;
}

.single_service_icon i {
    display           : inline-block;
    text-align        : center;
    font-size         : 25px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition     : all 0.5s ease 0s;
    transition        : all 0.5s ease 0s;
    color             : #fff;
}

.single_service_content h4 {
    font-size : 16px;
    text-align: left;
    margin    : 0 0 12px;
    transition: .5s;
}

/* .right .single_service_inner_thumb {
    margin-top: -130px;
    margin-left: 115px;
} */
.right .single_service_brg {
    position: relative;
}

.right .single_service_brg_thumb {
    bottom  : -66px;
    position: absolute;
    left    : 25px;
}

.left .single_service_inner_thumb {
    margin-top : -144px;
    margin-left: 71px;
}

.left .single_service_brg {
    position: relative;
}

.left .single_service_brg_thumb {
    bottom  : -66px;
    position: absolute;
    left    : -16px;
}

.single_service_inner:hover .single_service_content h4 {
    color: #fff;
}

.single_service_inner:hover {
    background: #0762f8;
}

.single_service_inner:hover::before {
    background: #fff;
    border    : 1px solid #0762f8;
}

.single_service_inner:hover .single_service_icon i {
    color: #0762f8;
}

/*==========================
	dipl Section TitleNAV
===========================*/
.section_title {
    text-align   : center;
    margin-bottom: 35px;
}

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

.section_title_inner h2 {
    font-size  : 32px;
    font-weight: 600;
	color:#ffa500;
}

.center .section_title_text {
    width     : 60%;
    margin    : auto;
    margin-top: 22px;
}

.left .section_title_text {
    width     : 50%;
    margin-top: 22px;
}

.section_title.left.middle {
    margin-left: 569px;
    width      : 100%;
}

.left .em_bar {
    background: #9B50DB none repeat scroll 0 0;
    height    : 2px;
    width     : 62px;
    margin    : 0;
}

.em_bar {
    background: #9B50DB none repeat scroll 0 0;
    height    : 2px;
    margin    : 0 auto 5px;
    width     : 113px;

}

.em_bar_bg {
    height       : 3px;
    width        : 113px;
    background   : #61f1d1;
    margin       : 10px auto;
    position     : relative;
    border-radius: 30px;
}

/* .em_bar_bg:before {
    content                          : '';
    position                         : absolute;
    left                             : 0;
    top                              : -2.7px;
    height                           : 10px;
    width                            : 10px;
    border-radius                    : 50%;
    background                       : #0cc199;
    -webkit-animation-duration       : 3s;
    animation-duration               : 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function        : linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count        : infinite;
    -webkit-animation-name           : MOVE-BG;
    animation-name                   : MOVE-BG;
} */

@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform        : translateX(0);
    }

    to {
        -webkit-transform: translateX(88px);
        transform        : translateX(88px);
    }
}

@keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform        : translateX(0);
    }

    to {
        -webkit-transform: translateX(88px);
        transform        : translateX(88px);
    }
}

/*=============================
	dipl About  Area  Css
==============================*/

.about_area {
    padding: 10px 0 40px;
}

.single_about {
    margin-bottom: 30px;
}

.single_about_thumb_img img {
    width: 100%;
}

.single_about_content_inner {
    margin-left: 30px;
}

.single_about_content_sub_title {
    padding-top: 20px;
}

.single_about_content_sub_title h4 {
    font-size: 18px;
    color    : #0762f8;
}

.single_about_content_title {
    padding: 15px 0 20px;
}

.single_about_content_title h2 {
    font-size: 28px;
    margin   : 0;
}

.single_about_content_text {
    padding-bottom: 22px;
}

.single_about_experience_inner {
    float     : left;
    margin-top: -30px;
}

.single_about_experience_inner h1 {
    font-size   : 95px;
    color       : #0762f8;
    margin-right: 30px;
    font-weight : 800;
}

.single_about_experience_content h3 {
    margin: 0;
}

.single_about_buttion {
    margin-top: 45px;
}

.single_about_buttion a {
    background   : #fff;
    color        : #0762f8;
    padding      : 14px 35px;
    font-size    : 18px;
    font-weight  : 500;
    display      : inline-block;
    transition   : .5s;
    position     : relative;
    overflow     : hidden;
    z-index      : 1;
    border-radius: 5px;
    border       : 2px solid #0762f8;
}

.single_about_buttion .active {
    background : #0762f8;
    color      : #fff;
    border     : 2px solid #0762f8;
    margin-left: 15px;
}

.single_about_buttion .active:before {
    background: #fff;
}

.single_about_buttion a:before {
    position           : absolute;
    content            : "";
    top                : 0px;
    height             : 100%;
    left               : -25%;
    width              : 0%;
    background         : #0762f8;
    transform          : skew(50deg);
    transition-duration: .6s;
    z-index            : -1;
}

.single_about_buttion .active:hover {
    color: #0762f8;
}

.single_about_buttion a:hover {
    color: #fff;
}

.single_about_buttion a:hover:before {
    width: 180%;
}

/*=============================
	dipl Counter Area  Css
==============================*/
.counter_area {
    background-position: center;
    background-repeat  : no-repeat;
    background-size    : cover;
    background         : #0762f8;
    padding            : 95px 0 65px;
}

.counter_area.style2 {
    padding   : 0;
    background: transparent;
    position  : relative;
}

.counter_area.style2 .top-den {
    margin-top: -60px;
    box-shadow: 11px 11px 38px rgba(0, 0, 0, 0.2);
    background: #fff;
    padding   : 40px 0 40px;
}

.single_counter_inner {
    text-align   : center;
    margin-bottom: 30px;
}

.counter_icon {
    margin-bottom: 45px;
    position     : relative;
}

.counter_icon::before {
    position: absolute;
    left    : 0;
    top     : 103px;
    content : "";
    height  : 50px;
    width   : 0;
    margin  : auto;
    right   : 0;
    border  : 1px dashed #fff;
}

.counter_icon i {
    font-size    : 35px;
    height       : 90px;
    width        : 90px;
    text-align   : center;
    line-height  : 90px;
    color        : #0762f8;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important;
    background   : #F6F4FD;
    display      : inline-block;
}

.countr_text>h1 {
    display    : inline-block;
    font-size  : 40px;
    font-weight: 500;
    margin     : 28px 0 12px;
    transition : .5s;
    color      : #fff;
}

.counter_title h4 {
    font-size     : 16px;
    font-weight   : 600;
    margin        : 0;
    transition    : .5s;
    color         : #fff;
    font-family   : 'Poppins', sans-serif;
    letter-spacing: 0;
}

.counter_area.style2 .countr_text>h1 {
    color: #151948;
}

.counter_area.style2 .counter_title h4 {
    color: #151948;
}

/*================================
	dipl Feature Box Area  Css
=================================*/
.feature_box_area {
    padding: 10px 0 40px;
}

.single_feature_box {
    padding           : 46px 25px 30px;
    -webkit-box-shadow: 0px 6px 40px 0px rgba(148, 146, 245, 0.2);
    box-shadow        : 0px 6px 40px 0px rgba(148, 146, 245, 0.2);
    border-radius     : 10px;
    position          : relative;
    background        : #fff;
    text-align        : center;
    margin-bottom     : 30px;
}

.single_feature_box::before {
    content           : " ";
    width             : 95%;
    height            : 95%;
    z-index           : -3;
    position          : absolute;
    top               : auto;
    bottom            : 1px;
    left              : 1px;
    border-radius     : 12px;
    background-image  : linear-gradient(45deg, #f2a93b, #ffa500);
    background-repeat : repeat-x;
    outline           : 1px solid transparent;
    -webkit-transition: all .5s;
    -o-transition     : all .5s;
    transition        : all .5s;
}

.single_feature_box_icon {
    color             : #0762f8;
    font-size         : 35px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition     : all 0.5s ease 0s;
    transition        : all 0.5s ease 0s;
    position          : relative;
    z-index           : 1;
    margin-bottom     : 33px;
    background        : #F6F4FD;
    height            : 90px;
    width             : 90px;
    text-align        : center;
    line-height       : 90px;
    display           : inline-block;
    border-radius     : 33% 66% 70% 30%/49% 62% 38% 51% !important;
}

.single_feature_box_content h2 {
    font-size: 20px;
}

.single_feature_box_content_text {
    padding-top: 12px;
}

/* .single_feature_box:hover .single_feature_box_icon{
	background: #0762f8;
	color:#fff;
} */
.single_feature_box:hover {
    background: #fff;
}

.single_feature_box_content h2:hover {
    color: #0762f8;
}

.single_feature_box:hover::before {
    -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px);
    -ms-transform    : rotate(2deg) translateX(-5px) translateY(16px);
    transform        : rotate(2deg) translateX(-5px) translateY(16px);
}

/*=================================
	dipl Team Area  Css
==================================*/
.team_area {
    background: #f7fafd;
    padding   : 10px 0 40px;
}

.team_area.home3 {
    background: #fff;
}

.single_team {
    margin-bottom: 30px;
    background   : #fff;
    transition   : .5s;
    box-shadow   : 0px 6px 40px 0px rgba(148, 146, 245, 0.2);
    padding      : 35px 20px 38px;
    text-align   : center;
    border-radius: 10px;
}

.single_team_thumb {
    position  : relative;
    overflow  : hidden;
    text-align: center;
    padding   : 0 0 30px;
}

.single_team_thumb img {
    text-align   : center;
    margin       : auto;
    border-radius: 100%;
    /*! border   : 10px solid #0762f8; */
    box-shadow   : 0 0 4px rgba(0, 0, 0, 0.20);
    animation    : checkAnim 2s infinite;
    margin-top   : 10px;
}

.single_team_content {
    background   : #0762f8;
    padding      : 4px 0 8px;
    border-radius: 7px;
}

.single_team_content h2 {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition     : all 0.3s ease-in-out 0s;
    transition        : all 0.3s ease-in-out 0s;
    font-size         : 20px;
    text-transform    : capitalize;
    margin-bottom     : 0;
    color             : #fff;
}

.single_team_content span {
    color         : #fff;
    text-transform: capitalize;
    font-size     : 14px;
    letter-spacing: 0;
    font-weight   : 400;
}

.single_team_content_text {
    margin-top: 15px;
}

.single_team_icon {
    transition: .5s;
    margin-top: 16px;
}

.single_team_icon a {
    display      : inline-block;
    font-size    : 14px;
    background   : #0762f8;
    height       : 35px;
    width        : 35px;
    text-align   : center;
    line-height  : 35px;
    color        : #fff;
    border-radius: 50%;
    margin       : 0 2px;
}

.single_team_icon a i {
    text-align: center;
}

.single_team:hover {
    transform: translateY(-10px);
}

/*============================
	dipl Process Area  Css
=============================*/
.process_area {
    padding: 40px 0 40px;
}

.single_process {
    text-align   : center;
    position     : relative;
    transition   : .5s;
    margin-bottom: 30px;
}

.single_process_thumb {
    display      : inline-block;
    border-radius: 100%;
    animation    : checkAnim 2s infinite;
}

.single_process_thumb img {
    border-radius: 100%;
    border       : 10px solid #fff;
}

.single_process_number_inner {
    position: relative;
}

.single_process_number_inner {
    position  : absolute;
    left      : 0;
    top       : 55%;
    height    : 100%;
    width     : 100%;
    margin    : auto;
    transition: .5s;
}

.single_process_number span {
    height       : 50px;
    width        : 50px;
    background   : #0762f8;
    display      : inline-block;
    line-height  : 50px;
    border-radius: 50%;
    font-size    : 20px;
    color        : #fff;
}

.single_process_content {
    padding-top: 30px;
}

.single_process_content h2 {
    font-size: 22px;
}

.single_process:hover .single_process_number_inner {
    top: 40%;
}

/*============================
	dipl Pricing Area  Css
=============================*/
.pricing_area {
    background: #fff;
    padding   : 40px 0 40px;
}

.single_pricing {
    text-align   : center;
    margin-bottom: 30px;
    position     : relative;
    padding      : 0 0 32px;
    transition   : .5s;
    overflow     : hidden;
    box-shadow   : 0px 8px 14.72px 1.28px rgba(207, 207, 207, 0.3);
    border-radius: 10px;
}

.pricing_head {
    padding   : 12px 0 21px;
    background: #0762f8;
}

.pricing_title h3 {
    font-size     : 25px;
    color         : #fff;
    text-transform: capitalize;
    padding-bottom: 5px;
}

.pricing_tk h2 {
    display    : inline-block;
    font-size  : 40px;
    font-weight: 300;
    text-align : center;
    color      : #fff;
    transition : .5s;
}

.pricing_tk span {
    font-size  : 14px;
    color      : #fff;
    font-weight: 400;
}

.pricing_body {
    margin-top: 40px;
}

.pricing_body .featur ul li {
    display      : block;
    font-size    : 15px;
    margin-bottom: 18px;
}

.pricing_body .deactive {
    text-decoration: line-through;
    color          : #CCDCEA;
}

.pricing_button {
    margin-top: 33px;
}

.order_now a {
    background   : #f5f5f5;
    color        : #0762f8;
    padding      : 18px 55px;
    font-size    : 18px;
    font-weight  : 500;
    transition   : .5s;
    position     : relative;
    overflow     : hidden;
    z-index      : 1;
    border-radius: 5px;
    display      : inline-block;
}

.active .order_now a {
    background: #0762f8;
    color     : #fff;
}

.order_now a:before {
    position           : absolute;
    content            : "";
    top                : 0px;
    height             : 100%;
    left               : -25%;
    width              : 0%;
    background         : #0762f8;
    transform          : skew(50deg);
    transition-duration: .6s;
    z-index            : -1;
    transition         : .5s;
}

.single_pricing:hover {
    transform: translateY(-10px);
}

.single_pricing:hover .order_now a:before {
    width: 180%;
}

.single_pricing:hover .order_now a {
    color: #fff;
}

/*=========================
	dipl Portfolio Area  Css
==========================*/
.portfolio_area {
    padding   : 40px 0 40px;
    background: #ffffff;
}

.portfolio_area .center .section_title_text {
    width: 45%;
}

/* Portfolio Nav */
.portfolio_nav {
    margin-bottom: 50px;
}

.portfolio_menu ul {
    text-align: center;
    list-style: none;
}

.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;
}

/* Single Portfolio */
.single_portfolio {
    overflow     : hidden;
    margin-bottom: 30px;
    position     : relative;
    transition   : .5s;
}

.single_portfolio_thumb {
    transform : scale(1.01);
    transition: .5s;
}

.single_portfolio_thumb::before {
    position     : absolute;
    left         : 0;
    top          : 0;
    height       : 100%;
    width        : 100%;
    content      : "";
    /* background: rgba(123, 76, 244, 0.8); */
    opacity      : 0;
    transition   : .5s;
    /* border    : 3px solid #fff; */
    right        : 0;
    bottom       : 0;
    margin       : auto;
}

.single_portfolio_thumb img {
    width: 100%;
}

.single_portfolio_content {
    position     : absolute;
    left         : 0;
    top          : 70%;
    right        : 0;
    text-align   : center;
    background   : #fff;
    width        : 70%;
    margin       : auto;
    border-radius: 5px;
    padding      : 20px 10px;
    opacity      : 0;
    transition   : .5s;
    transform    : translateY(-50%);
    z-index      : 999;
}

.single_portfolio_icon {
    text-align    : center;
    padding-bottom: 10px;
}

.single_portfolio_content_inner {
    text-align: center;
}

.single_portfolio_content_inner h2 {
    font-size: 22px;
}

.single_portfolio_content_inner h2 a {
    display    : inline-block;
    overflow   : hidden;
    font-weight: 600;
    font-size  : 20px;
    transition : .5s;
}

.single_portfolio_icon i {
    background   : #fff;
    height       : 40px;
    width        : 40px;
    text-align   : center;
    line-height  : 40px;
    font-size    : 18px;
    border-radius: 5px;
    color        : #0762f8;
    transition   : .5s;
}

.loade_more {
    margin-top: 50px;
    text-align: center;
}

.loade_more a {
    background   : #fff;
    color        : #0762f8;
    padding      : 11px 26px;
    font-size    : 18px;
    font-weight  : 600;
    display      : inline-block;
    transition   : .5s;
    position     : relative;
    overflow     : hidden;
    z-index      : 1;
    border-radius: 5px;
    border       : 2px solid #0762f8;
}

.loade_more a:before {
    position           : absolute;
    content            : "";
    top                : 0px;
    height             : 100%;
    left               : -25%;
    width              : 0%;
    background         : #0762f8;
    transform          : skew(50deg);
    transition-duration: .6s;
    z-index            : -1;
}

/* Portfolio Hover */
.single_portfolio:hover .single_portfolio_thumb {
    transform: scale(1.03);
}

.portfolio_menu ul li a:hover:before {
    width: 100%;
}

.single_portfolio:hover .single_portfolio_content {
    opacity: 1;
    top    : 50%;
}

.single_portfolio:hover .single_portfolio_thumb::before {
    opacity: 1;
}

.single_portfolio_content_inner h2 a:hover {
    color: #0762f8;
}

.single_portfolio_icon i:hover {
    background: #0762f8;
    color     : #fff;
}

.loade_more a:hover {
    color: #fff;
}

.loade_more a:hover:before {
    width: 180%;
}

/*=============================
	dipl Testimonial Area  Css
==============================*/
.testimonial_area {
    padding: 80px 0 66px;
}

.single_testimonial_content_text {
    box-shadow: 0 18px 17px 0 rgba(0, 0, 0, .1);
    padding   : 32px 43px 20px;
    position  : relative;
}

.single_testimonial_content_text:before {
    content     : '';
    bottom      : -20px;
    top         : auto;
    border-color: #fff transparent transparent #fff;
    display     : block;
    position    : absolute;
    left        : 0;
    margin-left : 0;
    width       : 0;
    height      : 0;
    border-style: solid;
    border-width: 15px;
}

.single_testimonial_thumb {
    float: left;
}

.single_testimonial_thumb img {
    width        : 50%;
    border-radius: 50%;
    margin       : auto;
    animation    : checkAnim 2s infinite;
}

.single_testimonial_content_title h4 {
    font-size : 20px;
    margin-top: 30px;
}

@keyframes checkAnim {

    0%,
    100% {
        box-shadow: 0 0 0 5px rgba(123, 76, 244, 0.8)
    }

    50% {
        box-shadow: 0 0 0 8px rgba(123, 76, 244, 0.8)
    }
}

/*==================================
	dipl Call Do Action Area  Css
===================================*/
.call_do_action {
    background: #ffa500;
    position  : relative;
    padding   : 40px 0 40px;
}

.single_call_do_action_title h2 {
    font-size: 30px;
    color    : #fff;
}

.single_call_do_action_icon {
    float       : left;
    margin-right: 12px;
}

.single_call_do_action_number span {
    color: #fff;
}

.single_call_do_action_icon i {
    color: #fff;
}

.call_do_action_button a {
    background   : transparent;
    color        : #fff;
    padding      : 8px 15px;
    font-size    : 18px;
    font-weight  : 400;
    transition   : .5s;
    position     : relative;
    overflow     : hidden;
    z-index      : 1;
    border-radius: 0px;
    display      : inline-block;
    border       : 1px solid #fff;
}

.call_do_action_button a:before {
    position           : absolute;
    content            : "";
    top                : 0px;
    height             : 100%;
    left               : -25%;
    width              : 0%;
    background         : #fff;
    transform          : skew(50deg);
    transition-duration: .6s;
    z-index            : -1;
    transition         : .5s;
}

.signel_call_do_action_sub p {
    color: #fff;
}

.call_do_action_button a:hover {
    color: #ffa500;

}

.call_do_action_button a:hover:before {
    width: 180%;
}

.video-icon {
    left             : 50%;
    position         : absolute;
    top              : 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform        : translateX(-50%) translateY(-50%);
    padding-top      : 8px;
}

.video-icon a i {
    color        : #0762f8;
    font-size    : 30px;
    border-radius: 50%;
    background   : rgba(255, 255, 255, 0.73);
    height       : 70px;
    width        : 70px;
    line-height  : 70px;
    transition   : .5s;
    text-align   : center;
}

.video-icon a i:hover {
    background: #0762f8;
    color     : #fff;
}

.video-icon::before {
    content      : "";
    position     : absolute;
    left         : 34px;
    top          : 53%;
    height       : 90px;
    width        : 90px;
    background   : rgba(255, 255, 255, 0.8);
    z-index      : -1;
    border-radius: 50%;
    transform    : translate(-50%, -50%);
    animation    : pulse-border 1500ms ease-out infinite;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity  : 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity  : 0;
    }
}

/*=========================
	dipl Blog Area  Css
==========================*/
.blog1_area {
    background-image   : url(../images/products-bg.jpg);
    background-size    : cover;
    background-position: 50% 0px;
    background-repeat  : no-repeat;
    height             : 300px;

}

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

.blog_area.style2 {
    padding: 80px 0 70px;
}

.single_blog {
    margin-bottom: 20px;
}

.blog_area .section_title {
    margin-bottom: 80px;
}

.blog_area.style2 .section_title {
    margin-bottom: 40px;
}

.single_blog_thumb {
    position: relative;
}

.thumb_img_border {
    position: absolute;
    left    : -25px;
    top     : -33px;
    bottom  : 24px;
    right   : 113px;
    border  : 5px solid #ffa500;
    z-index : -1;
}

.thumb_img_border.right {
    right: 22px;
    left : 13px;
}

.single_blog_content_inner {
    margin-top: 0px;
}

.single_blog_content_title a {
    font-size  : 24px;
    font-weight: 600;
}

.meta_box {
    padding: 9px 0 0;
}

.meta_box span {
    margin-left: 60px;
}

.single_blog_button {
    margin-top: 32px;
}

.single_blog_button a {
    background   : #0762f8;
    color        : #fff;
    padding      : 12px 50px;
    font-size    : 18px;
    font-weight  : 600;
    display      : inline-block;
    transition   : .5s;
    position     : relative;
    overflow     : hidden;
    z-index      : 1;
    border-radius: 10px;
    display      : inline-block;
    border       : 2px solid #0762f8;
}

.single_blog_button.active a {
    border    : 2px solid #0762f8;
    background: transparent;
}

.single_blog_button a:hover {
    color: #0762f8;
}

.single_blog_button a:before {
    position           : absolute;
    content            : "";
    top                : 0px;
    height             : 100%;
    left               : -25%;
    width              : 0%;
    background         : #fff;
    transform          : skew(50deg);
    transition-duration: .6s;
    z-index            : -1;
    transition         : .5s;
}

.single_blog_button.active a:before {
    background: #0762f8;

}

.single_blog_button.active a {
    color: #0762f8;
}

.single_blog_button.active a:hover {
    color: #fff;
}

.single_blog_button a:hover:before {
    width: 180%;
}

.single_blog_content_text ul li {
    border-bottom: 1px solid #ddd;
    padding      : 8px;
}

.single_blog_content_title h4 {
    color: #ffa500;
}

.single_blog_content_text ul li .fa {
    color       : #ffa500;
    font-size   : 12px;
    margin-right: 10px;
}


/*==========================
	dipl Subscribe Area CSS
===========================*/
.subscribe_area {
    background         : url(assets/images/bg-2.jpg);
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: center center;
    padding            : 68px 0;
}

.single_subscribe_content_title h2 {
    font-size: 28px;
    color    : #fff;
    margin   : 0;
}

.single_subscribe_contact {
    background   : #fff;
    padding      : 16px 16px;
    border-radius: 5px;
}

.single_subscribe_contact .subscribe_form input {
    font-size    : 14px;
    height       : 60px;
    padding-left : 40px;
    position     : relative;
    width        : 64%;
    background   : #eef5fc;
    border       : 0;
    margin-bottom: 14px;
    margin       : auto;
    border-radius: 5px;
}

.single_subscribe_contact .subscribe_button button {
    text-align    : center;
    border        : medium none;
    border-radius : 5px;
    font-size     : 15px;
    background    : #0762f8;
    color         : #fff;
    text-transform: capitalize;
    text-align    : center;
    margin        : auto;
    position      : absolute;
    right         : 32px;
    bottom        : 17px;
    height        : 60px;
    display       : inline-block;
    letter-spacing: 1px;
    width         : 30%;
    cursor        : pointer;
    font-weight   : 500;
}

/*====dipl SERVICE FLIPBOX AREA ==== */
.service-area.flipbox {
    padding: 100px 0 70px;
}

.flipbox .section-main-title h1 {
    color: #fff;
}

.flipbox .section-sub-title h6 {
    color: #fff;
}

.flipbox .section-title {
    margin-bottom: 30px;
}

.em-service-flipbox {
    perspective            : 1000px;
    position               : relative;
    transform-style        : preserve-3d;
    -webkit-perspective    : 1000px;
    -webkit-transform-style: preserve-3d;
    z-index                : 1;
}

.em-service-flipbox .service-flipbox-font,
.em-service-flipbox .service-flipbox-back {
    min-height                 : 250px;
    height                     : auto;
    box-shadow                 : 0px 1px 51.3px 5.7px rgba(137, 143, 156, .15);
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden;
    transform                  : rotateX(0);
    -webkit-transform          : rotateX(0);
    -webkit-transform-style    : preserve-3d;
    transform-style            : preserve-3d;
    transition                 : transform .7s ease, -webkit-transform .7s ease;
    position                   : relative;
}

.em-service-flipbox .service-flipbox-back::before {
    position  : absolute;
    content   : "";
    left      : 0;
    top       : 0;
    width     : 100%;
    height    : 100%;
    background: linear-gradient(to bottom, transparent -5%, #00247e);
}

.em-service-flipbox .service-flipbox-font {
    background: linear-gradient(to top, transparent 5%, #0c5adb);
}

.em-service-flipbox .service-flipbox-inner {
    text-align                 : center;
    padding                    : 0 25px;
    border-radius              : 2px;
    position                   : absolute;
    left                       : 0;
    top                        : 50%;
    width                      : 100%;
    perspective                : inherit;
    -webkit-perspective        : inherit;
    outline                    : transparent solid 1px;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden;
    -webkit-transform          : translateY(-50%) translateZ(60px) scale(0.94);
    transform                  : translateY(-50%) translateZ(60px) scale(0.94);
    z-index                    : 2;
}

.service-flipbox-icon {
    font-size : 45px;
    text-align: center;
    display   : inline-block;
    color     : #fff;
    overflow  : hidden;
}

.service-flipbox-font .em-service-desc p {
    color: #fff;
}

.em-service-flipbox .em-service-title h3 {
    font-size         : 22px;
    padding-bottom    : 13px;
    text-transform    : capitalize;
    -webkit-transition: all 0.7s ease 0s;
    transition        : all 0.7s ease 0s;
    color             : #fff;
}

.em-service-flipbox .service-flipbox-back {
    position               : absolute;
    top                    : 0;
    left                   : 0;
    width                  : 100%;
    border-radius          : 2px;
    -webkit-transform      : rotateX(180deg);
    transform              : rotateX(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style        : preserve-3d;
}

.em-service-flipbox .service-flipbox-back .service-batton a {
    color         : #fff;
    text-transform: capitalize;
    margin-top    : 22px;
    background    : transparent;
    color         : #fff;
    display       : inline-block;
    padding       : 3px 25px;
    border-radius : 30px;
    border        : 2px solid #fff;
    transition    : .5s;
}

.service-flipbox-back .em-service-desc p {
    color: #fff;
}

.em-service-flipbox .service-flipbox-back .service-batton a i {
    display: none;
}

.em-service-flipbox .service-flipbox-back .em-service-title h3 {
    padding-bottom: 16px;
    padding-top   : 0;
    color         : #fff;
    margin-bottom : 0;
}

.em-service-flipbox .service-flipbox-font .em-service-desc,
.em-service-flipbox .service-flipbox-back .em-service-desc {
    color: #fff;
}

/* Service Style Two */
.em-service-flipbox.style2 {
    position: relative;
}

.style2.em-service-flipbox .service-flipbox-font::before {
    position  : absolute;
    content   : "";
    left      : 0;
    top       : 0;
    width     : 100%;
    height    : 100%;
    background: linear-gradient(to bottom, transparent -5%, #00247e);
}

.em-service-flipbox.style2 .service-flipbox-font .service-batton a {
    color         : #fff;
    text-transform: capitalize;
    margin-top    : 22px;
    background    : transparent;
    color         : #fff;
    display       : inline-block;
    padding       : 3px 25px;
    border-radius : 30px;
    border        : 2px solid #fff;
    transition    : .5s;
}

.em-service-flipbox.style2 .service-flipbox-font .em-service-desc p {
    color: #fff;
}

.em-service-flipbox.style2 .service-flipbox-back::before {
    background: linear-gradient(to top, transparent 5%, #0c5adb);
}

.em-service-flipbox.style2 .em-service-desc p {
    color: #fff;
}

/* Service Home Two Area */
.home2 .em-service-flipbox .service-flipbox-font {
    background   : transparent;
    border       : 1px solid #0c5adb;
    border-radius: 8px;
}

.home2 .em-service-flipbox .service-flipbox-back {
    border-radius: 8px;
    overflow     : hidden;
}

.home2 .service-flipbox-font .em-service-desc p {
    color: #fff;
}

/* Service Home Three Area */
.service-area.home3 {
    background: #eff2f7;
}

/* Service Area Hover Css */
.em-service-flipbox:hover .service-flipbox-font {
    -webkit-transform: rotateX(-180deg);
    transform        : rotateX(-180deg);
}

.em-service-flipbox:hover .service-flipbox-back {
    -webkit-transform: rotateX(0deg);
    transform        : rotateX(0deg);
}

.em-service-flipbox .service-flipbox-back .service-batton a:hover {
    color       : #fff;
    border-color: #0c5adb;
    background  : #0c5adb;
}

.mb-30 {
    margin-bottom: 30px;
}

/*=========================
	dipl Contact Now Area Css 
=========================*/
.contact_area1 {
    background-image   : url(../images/contact.jpg);
    background-size    : cover;
    background-position: 50% 0px;
    background-repeat  : no-repeat;
    height             : 300px;

}

.contact_now_area {
    background: #f6f6f6;
    padding   : 10px 0 40px;
}

.single_contact_now {
    text-align   : center;
    background   : #fff;
    padding      : 10px;
    margin-bottom: 0px;
    border-radius: 5px;
}

/* .single_contact_now_inner {
    border       : 2px solid #ddd;
    border-radius: 5px;
    transition   : .5s;
} */

/* .single_contact_now:hover .single_contact_now_inner {
    border: 2px solid #0762f8;
} */

.single_contact_now_icon {
    padding-top: 24px;
}

.single_contact_now_icon i {
    font-size: 40px;
    color    : #0762f8;
}

.single_contact_now_content {
    padding-bottom: 15px;
}

.single_contact_now_content h2 {
    font-size     : 22px;
    padding-bottom: 12px;
}

.single_contact_now_content p {
    padding      : 0;
    margin       : 0;
    margin-bottom: 6px;
}

.contact_now_area .section_title_inner h2 {
    color: #fff;
}

.contact_now_area .section_title_text p {
    color: #333;
}

.contact_now_area .section_title_text p a {
    color: #0762f8;
}

.contact-form .form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
   /* border: 1px solid #ffa500;*/
    border-radius: 0rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.contact_now_button button {
    background   : #ffa500;
    color        : #fff;
    padding      : 8px 15px;
    font-size    : 18px;
    font-weight  : 400;
    transition   : .5s;
    position     : relative;
    overflow     : hidden;
    z-index      : 1;
    border-radius: 0px;
    display      : inline-block;
    border       : 1px solid #ffa500;
}

.contact_now_button button:before {
    position           : absolute;
    content            : "";
    top                : 0px;
    height             : 100%;
    left               : -25%;
    width              : 0%;
    background         : #fff;
    transform          : skew(50deg);
    transition-duration: .6s;
    z-index            : -1;
    transition         : .5s;
}

.contact_now_button button:hover {
    color: #ffa500;

}

.contact_now_button button:hover:before {
    width: 180%;
}


/*=========================
	dipl Contact Form Area Css 
=========================*/

.contact_area {
    padding: 20px 0 40px;
}

.form_field_inner {
    width: 50%;
    float: left;
}

.contact_form .form_field_inner input {
    width        : 97%;
    background   : transparent;
    border       : 1px solid #ffa500;
    height       : 50px;
    color        : #333;
    border-radius: 5px;
    padding-left : 15px;
    margin-bottom: 30px;
}

.contact_form .text_area .form_field_inner_text textarea {
    width        : 98.4%;
    height       : 184px;
    background   : transparent;
    border       : 1px solid #ffa500;
    color        : #333;
    border-radius: 5px;
    padding-left : 15px;
    margin-bottom: 30px;
    padding-top  : 25px;
}

.contact_form .form_field_inner input:focus,
.contact_form .form_field_inner_text textarea:focus {
    border        : 1px solid #ffa500;
    /*  background: transparent; */
}

.contact_button button {
    background        : #ffa500;
    border            : 2px solid #ffa500;
    border-radius     : 30px;
    color             : #fff;
    display           : inline-block;
    font-size         : 14px;
    font-weight       : 600;
    letter-spacing    : 2px;
    padding           : 10px 30px;
    text-transform    : uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition     : all 0.5s ease 0s;
    transition        : all 0.5s ease 0s;
    width             : inherit;
    margin-top        : 10px;
    cursor            : pointer;
}

.contact_button button:hover {
    background  : transparent;
    border-color: #ffa500;
    color       : #ffa500;
}

/*=========================
 	dipl GOOGLE MAP AREA CSS
==========================*/
.map {
    width        : 100%;
    margin       : 0;
    height       : 410px;
    border       : 1px solid #ddd;
    border-radius: 10px;
}

/*==========================
	dipl Middle Footer CSS
===========================*/
.footer-middle {
    padding      : 0px 0 0px;
    position     : relative;
    background   : #333333;
    border-bottom: 1px solid #565656;
}

.footer-middle .widget h2 {
    font-size     : 18px;
    font-weight   : 500;
    margin-bottom : 30px;
    margin-top    : 10px;
    text-transform: capitalize;
    color         : #fff;

}

.social-icon .fa {
    background   : #fff;
    border-radius: 50px;
    /* padding   : 14px 14px; */
    height       : 20px;
    line-height  : 19px;
    color        : #333;
    margin       : 0px 5px;
    width        : 20px;
    text-align   : center;
}

/*footer widget 1 */
.company_info_desc {
    padding-bottom: 13px;
    color         : #fff;
}

. .company_info_desc p {
    font-size: 14px;
}

.em_form_title h3 {
    font-size     : 23px;
    font-weight   : 500;
    padding-bottom: 37px;
    padding-top   : 16px;
}

.social_media h3 {
    font-size     : 23px;
    padding-bottom: 41px;
    margin-top    : 0;
    font-weight   : 500;
}

.social_media a {
    background        : transparent;
    border-radius     : 5px;
    color             : #0762f8;
    display           : block;
    font-size         : 17px;
    height            : 35px;
    line-height       : 33px;
    margin-bottom     : 0;
    margin-right      : 8px;
    text-align        : center;
    -webkit-transition: all 0.5s ease 0s;
    transition        : all 0.5s ease 0s;
    width             : 35px;
    border            : 1px solid #0762f8;
    display           : inline-block;
}

.social_media a:hover {
    background  : #0762f8;
    border-color: #0762f8;
    color       : #fff;
}

/*footer widget 2 */
.quick-post-text i {
    color       : #fff;
    background  : #0762f8;
    height      : 17px;
    width       : 17px;
    line-height : 17px;
    text-align  : center;
    transition  : .5s;
    margin-right: 10px;
    font-size   : 13px;
}

.quick-post-text .rcomment i {
    margin-right: 5px;
}

.footer-middle .quick-post-text h4 a {
    font-weight: 400;
    font-size  : 15px;
    transition : .5s;
    color      : #ffffff;
}

.quick-post-text h4 {
    transition: .5s;
}

.footer-middle .quick-post-text h4:hover {
    margin-left: 10px;
}

/*footer widget 3 */
.single-widget-item {
    overflow: hidden;
}

.recent-post-item {
    clear: both;
}

.recent-post-image a {
    display      : inline-block;
    margin-top   : 6px;
    margin-bottom: 5px;
}

.recent-post-text a {
    color    : #333;
    font-size: 14px;
}

.recent-post-text .rcomment i {
    margin-right: 5px;
}

.recent-post-text .rcomment {
    color: #333;
}

.recent-post-item {
    clear     : both;
    transition: .5s;
}

.recent-post-image img {
    max-width: 87%;
}

.recent-post-text {
    overflow: hidden;
}

.recent-post-text>h4 {
    margin-bottom: 0;
}

.footer-middle .recent-post-text h4 a {
    color      : #fff;
    font-weight: 500;
    font-size  : 15px;
}

.footer-middle .recent-post-text .rcomment {
    color      : #fff;
    font-size  : 13px;
    font-weight: 400;
}

.footer-middle .rcomment.recent-post-text>h4 {
    margin-bottom: 8px;
    font-weight  : 500;
    line-height  : 1;
    margin-top   : 0;
}

.footer-middle .widget ul li,
.footer-middle .widget ul li a,
.footer-middle .widget ul li:before,
.footer-middle .tagcloud a,
.footer-middle caption,
.footer-middle table,
.footer-middle table td a,
.footer-middle cite,
.footer-middle .rssSummary,
.footer-middle span.rss-date,
.footer-middle span.comment-author-link,
.footer-middle .textwidget p,
.footer-middle .widget .screen-reader-text {
    color: #bbbaba;
}

.footer-middle .widget ul {
    list-style: none;
}

.footer-middle .widget ul li {
    margin-bottom: 17px;
    list-style   : none;
}

.menu-quick-link-container ul li i {
    background  : #0762f8;
    height      : 17px;
    width       : 17px;
    text-align  : center;
    margin-right: 10px;
    transition  : .5s;
    line-height : 17px;
    font-size   : 13px;
}

.menu-quick-link-container ul li i:hover {
    background: #0762f8;
}

.footer-middle .widget ul li a,
.footer-middle .widget ul li:before {
    -webkit-transition: .5s;
    transition        : .5s;
}

.footer-middle .widget ul li a:hover {
    color: #fff;
}

/*footer widget 4 */
.quote_form_inner {
    padding-top: 6px;
}

.quote_form_field input {
    font-size    : 14px;
    height       : 40px;
    padding      : 5px 15px;
    position     : relative;
    width        : 100%;
    background   : #fff;
    border       : 1px solid #fff;
    border-radius: 10px;
    color        : #999999;
    transition   : .3s;
}

.quote_form_field input:focus {
    border-color: #0762f8;
}

.quote_form_field textarea {
    width           : 100%;
    height          : 85px;
    border          : 0;
    padding-left    : 15px;
    border-radius   : 5px;
    color           : #fff;
    background-color: #0762f8;
}

.quote_button {
    margin            : 0;
    position          : absolute;
    right             : 0px;
    text-align        : center;
    text-transform    : uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition        : all 0.4s ease 0s;
    width             : 50px;
    border            : medium none;
    bottom            : 0;
    color             : #fff;
    font-size         : 20px;
    height            : 40px;
    line-height       : 20px;
    background        : #0762f8;
    border-radius     : 0 10px 10px 0;
    cursor            : pointer;
    box-shadow        : 0 0 5px rgba(0, 0, 0, 0.3);
}

.widget_quote_text ul li i {
    float       : left;
    margin-right: 10px;
    padding-top : 4px;
    font-size   : 18px;
}

.footer-sociala-icon {
    clear       : both;
    float       : left;
    font-size   : 18px;
    margin-right: 12px;
    color       : #0762f8;
}

/* Blog Widget Css */
.blog-grid .recent-post-text>h4 {
    margin-bottom: 3px;
    line-height  : 18px;
}

.blog-grid .recent-post-text .rcomment {
    color    : #6d6d6d;
    font-size: 12px;
}

/*=============================
	dipl Footer Bottom Area Css 
==============================*/
.footer-bottom {
    background: #333333 none repeat scroll 0 0;
    padding   : 0 0 10px;
}

.footer-bottom .admin {
    background: #333333;
    padding   : 10px 30px;
    color     : #fff;
}

.copy-right-text p {
    font-size: 14px;
    margin   : 7px 0 0;
    padding  : 0;
}

.footer-menu ul {
    list-style: none;
    margin    : 0px;
    padding   : 0px;
}

.footer-menu ul li {
    display: inline-block;
}

.footer-menu ul li a {
    color      : #151948;
    margin-left: 10px;
    text-align : center;
    font-size  : 15px;
    transition : .3s;
}

.footer-menu ul li:last-child a {
    padding-right: 0px;
}

.footer_style_3 .footer-menu ul li:first-child a {
    padding-left: 0px;
}

/*=================================
	dipl BLOG DETAILS AREA CSS
==================================*/
.blog-details-area {
    background: #fff;
}

/* Blog Left Sidebar CSS */
.blog_area.left-sidebar {
    background: #fff;
}

.dipl-blog-thumb img {
    transform : scale(1.01);
    transition: .5s;
    width     : 100%;
}

.dipl-single-blog.admin:hover .dipl-blog-thumb img {
    transform: scale(1.2);
}

.left-sidebar .dipl-single-blog {
    box-shadow   : 0 7px 16px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
}

.left-sidebar .dipl-blog-thumb {
    overflow: hidden;
}

.left-sidebar .em-blog-content-area {
    padding: 0 30px 20px;
}

.left-sidebar .blog-page-title h2 {
    font-size: 22px;
}

.blog-page-datetime {
    background   : #fff;
    width        : 62%;
    padding      : 12px 0 10px;
    border-radius: 0;
    position     : relative;
    margin-top   : -45px;
    padding-left : 24px;
}

.blog-page-datetime span {
    font-size: 18px;
}

.left-sidebar .blog-page-title a {
    color      : #0d1218;
    font-weight: 600;
}

.blog-page-content-text p {
    color: #0d1218;
}

.left-sidebar .dipl-blog-meta-left {
    padding: 13px 0 16px;
}

.left-sidebar.blog2 .em-blog-content-area {
    padding: 0 22px 15px;
}

.left-sidebar.blog2 .dipl-blog-meta-left span {
    margin-right: 15px;
}

.left-sidebar.blog2 .dipl-blog-meta-left i {
    margin-right: 6px;
}

.left-sidebar.blog2 .blog-page-title {
    padding-top: 6px;
}

.left-sidebar.blog2 .dipl-blog-thumb img {
    width: 100%;
}

/* Blog Details  Content CSS */
.blog_details {
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.15);
    padding   : 15px 20px;
}

.blog_dtl_thumb img {
    width: 100%;
}

.blog_dtl_content h2 {
    color      : #0d1218;
    font-size  : 35px;
    padding-top: 25px;
}

.dipl-blog-meta-left {
    padding: 12px 0 35px;
}

.dipl-blog-meta-left span {
    color       : #0d1218;
    margin-right: 12px;
}

.dipl-blog-meta-left i {
    margin-right: 10px;
}

.blog_dtl_content p {
    color: #0d1218;
}

.blog_dtl_content h3 {
    color    : #0d1218;
    padding  : 10px 0 20px;
    font-size: 28px;
}

.blog_details blockquote {
    margin     : 37px 0 36px;
    font-size  : 14px;
    border-left: 7px solid #0762f8;
    background : #f7fafd;
    font-style : italic;
    font-weight: 500;
    padding    : 25px 35px 15px;
}

.signatures {
    text-align : right;
    font-weight: 600;
    font-style : italic;
    font-size  : 15px;
}

/* POST REPLY CSS */
.blog_comments_section {
    padding   : 20px 15px 18px;
    margin    : 50px 0 0;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.15);
}

.comments_ttl>h3 {
    font-size: 28px;
    color    : #0d1218;
}

.comments_ttl {
    margin-bottom: 37px;
}

.commentst_content p {
    color: #0d1218;
}

.comments_thumb {
    float       : left;
    margin-right: 20px;
    overflow    : hidden;
}

.commentst_content {
    overflow: hidden;
}

.blog_comments_section .post_meta {
    margin-bottom: 6px;
}

.blog_comments_section .post_meta span {
    font-weight  : 400;
    padding-right: 15px;
    color        : #6d6d6d;
}

.blog_comments_section .post_meta span:hover {
    color: #03a9f4;
}

.blog_comments_section .post_meta span:last-child:before {
    display: none;
}

.commentst_meta_reply {
    float: right;
}

.commentst_meta_reply i {
    margin-right: 10px;
}

.commentst_meta_reply:hover {
    color: #03a9f4;
}

.single_commentst_inner {
    margin-bottom: 44px;
    margin-top   : 46px;
    padding-left : 63px;
}

.badmin i {
    margin-right: 3px;
}

/* COMMENT FORM CSS */
.blog_reply {
    overflow  : hidden;
    margin-top: 50px;
    padding   : 20px 15px 37px;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.15);
}

.reply_ttl>h3 {
    font-size: 28px;
    color    : #0d1218;
}

.reply_ttl {
    margin-bottom: 36px;
}

.blog_reply .em_contact_form {
    margin-bottom: 0;
}

.blog_reply .contact_bnt button:hover {
    background: #0D2352;
    color     : #fff;
}

/* contact title css */
.request_form_title h2 {
    color         : rgba(221, 221, 221, 0.79);
    font-size     : 18px;
    font-weight   : 500;
    text-transform: uppercase;
    padding       : 47px 0 7px;
}

.request_form_title h1 {
    color         : rgba(255, 255, 255, 1);
    font-size     : 35px;
    font-weight   : 700;
    padding-bottom: 40px;
    text-transform: uppercase;
    margin        : 0;
}

/* dipl Form Css */
.blog_reply .form_field {
    width: 100%;
}

.blog_reply .form_field_inner {
    width: 50%;
    float: left;
}

.blog_reply .form_field_inner input,
.blog_reply .form_field_inner textarea {
    width        : 95%;
    background   : #f7fafd;
    border       : 0;
    height       : 50px;
    padding-left : 15px;
    color        : #151948;
    margin-bottom: 20px;
}

.blog_reply .text_area .form_field_inner {
    width: 100%;
}

.blog_reply .text_area .form_field_inner textarea {
    width      : 97.5%;
    height     : 150px;
    padding-top: 15px;
}

.blog_reply .contact_button button {
    background    : #0762f8;
    border        : 0;
    color         : #fff;
    padding       : 12px 38px;
    cursor        : pointer;
    letter-spacing: 1px;
}

.paginations {
    text-align   : center;
    margin-top   : 20px;
    margin-bottom: 28px;
}

.page-numbers li {
    display: inline-block;
}

.paginations a,
.page-numbers span.current {
    width      : 35px;
    height     : 35px;
    line-height: 35px;
    display    : inline-block;
    font-size  : 14px;
    font-weight: 500;
    margin     : auto 5px;
    border     : 1px solid #ddd;
    color      : #888;
}

.paginations a:hover,
.paginations a.current,
.page-numbers span.current {
    background  : #0762f8;
    border-color: #0762f8;
    color       : #fff;
}

/*=============================
   dipl Team Details Area Css
 =============================*/
.team_details_area {
    padding   : 95px 0 65px;
    background: #f7fafd;
}

.single_team_details {
    text-align   : center;
    padding      : 32px 0 18px;
    box-shadow   : 0 10px 30px 0 rgba(17, 12, 79, .1);
    background   : #fff;
    margin-bottom: 30px;
}

.single_team_details_content_inner {
    padding: 10px 0 15px;
}

.single_team_details_content_inner h2 {
    font-size: 24px;
}

.single_team_details_content_inner span {
    color: #0762f8;
}

.single_team_details_icon a {
    font-size    : 16px;
    background   : #0762f8;
    height       : 32px;
    width        : 32px;
    display      : inline-block;
    text-align   : center;
    line-height  : 32px;
    color        : #fff;
    border-radius: 5px;
    margin       : 3px;
}

.single_team_details_phone {
    padding-top: 20px;
}

.single_team_details_phone_icon i {
    font-size: 30px;
    color    : #0762f8;
}

.single_team_details_phone .number p {
    font-size: 18px;
}

.single_team_details_overview {
    margin-left: 30px;
}

.single_team_details_overview_content_text .overview_text {
    font-size     : 18px;
    font-weight   : 500;
    padding-top   : 15px;
    padding-bottom: 5px;
}

.team_details_skill {
    margin-bottom: 34px;
    padding-top  : 15px;
}

.team_details_skill p b {
    display    : inline-block;
    width      : 170px;
    font-weight: 600;
    font-size  : 16px;
}

.team_details_skill p span {
    width: 170px;
}

/*==========================
    dipl Skill Area Css
 ===========================*/
.skill_area {
    padding: 80px 0 70px;
}

.our_skill {
    margin-bottom: 30px;
}

.skill-wrapper h5 {
    font-size: 18px;
    padding  : 15px 0 12px;
}

/* Appointment Css */
.appointment {
    position: relative;
}

.sign-up-form-wrap {
    background: #f4f7fa;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    position  : absolute;
    left      : 0;
    top       : 130px;
    width     : 100%;
}

.form-group .btn {
    background: #0762f8;
    color     : #fff;
    padding   : 10px 0;
    width     : 100%;
}

/*=========================
   dipl Brand Area Css
 =========================*/
.brand_area {
    background: #f7fafd;
    padding   : 70px 0 42px;
}

.single_brand {
    position          : relative;
    text-align        : center;
    border-radius     : 10px;
    box-shadow        : 0px 0px 30px rgba(0, 0, 0, 0.15);
    background-color  : #ffffff;
    transition        : all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
}

.single_brand_thumb img {
    position          : relative;
    display           : inline-block;
    width             : auto;
    max-width         : 100%;
    opacity           : 0.4;
    transition        : all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition    : all 300ms ease;
    -o-transition     : all 300ms ease;
    -webkit-filter    : grayscale(100%);
    filter            : grayscale(100%);
}

.single_brand:hover .single_brand_thumb img {
    opacity: 1;
}

/*=========================
   dipl Error Page Area Css
 =========================*/
.error_page_area {
    padding: 65px 0 98px;
}

.single_error_inner {
    text-align: center;
}

.single_error_inner h1 {
    font-size    : 150px;
    font-weight  : 800;
    line-height  : 1;
    margin-bottom: 30px;
}

.single_error_inner h1 span {
    color: #0762f8;
}

.single_error_inner h2 {
    padding-bottom: 16px;
    font-size     : 28px;
}

.single_error_button {
    margin-top: 30px;
}

.single_error_button a {
    background   : #fff;
    color        : #0762f8;
    padding      : 11px 26px;
    font-size    : 18px;
    font-weight  : 600;
    display      : inline-block;
    transition   : .5s;
    position     : relative;
    overflow     : hidden;
    z-index      : 1;
    border-radius: 5px;
    border       : 2px solid #0762f8;
}

.single_error_button a:before {
    position           : absolute;
    content            : "";
    top                : 0px;
    height             : 100%;
    left               : -25%;
    width              : 0%;
    background         : #0762f8;
    transform          : skew(50deg);
    transition-duration: .6s;
    z-index            : -1;
}

.single_error_button a:hover {
    color: #fff;
}

.single_error_button a:hover:before {
    width: 180%;
}

.input-group.error-page form {
    width: 64%;
}

.input-group.error-page input:focus {
    border    : 2px solid #0762f8 !important;
    background: transparent;
}

#scrollUp {
    background   : #ffa500 none repeat scroll 0 0;
    bottom       : 30px;
    color        : #fff;
    font-size    : 22px;
    height       : 40px;
    line-height  : 40px;
    right        : 20px;
    text-align   : center;
    width        : 40px;
    border-radius: 50%;
}

/* bounce-animate */
.bounce-animate {
    animation-name                : float-bob;
    animation-duration            : 2s;
    animation-iteration-count     : infinite;
    animation-timing-function     : linear;
    -moz-animation-name           : float-bob;
    -moz-animation-duration       : 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name            : float-bob;
    -ms-animation-duration        : 2s;
    -ms-animation-iteration-count : infinite;
    -ms-animation-timing-function : linear;
    -o-animation-name             : float-bob;
    -o-animation-duration         : 2s;
    -o-animation-iteration-count  : infinite;
    -o-animation-timing-function  : linear;
}


@-webkit-keyframes float-bob {
    0% {
        -webkit-transform: translateY(-20px);
        transform        : translateY(-20px);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform        : translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform        : translateY(-20px);
    }
}


@-webkit-keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform        : translateY(0px);
    }

    50% {
        -webkit-transform: translateY(20px);
        transform        : translateY(20px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform        : translateY(0px);
    }
}

@keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform        : translateY(0px);
    }

    50% {
        -webkit-transform: translateY(20px);
        transform        : translateY(20px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform        : translateY(0px);
    }
}

@-webkit-keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0px);
        transform        : translateX(0px);
    }

    50% {
        -webkit-transform: translateX(20px);
        transform        : translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform        : translateX(0px);
    }
}

@keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0px);
        transform        : translateX(0px);
    }

    50% {
        -webkit-transform: translateX(20px);
        transform        : translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform        : translateX(0px);
    }
}

.rotateme {
    -webkit-animation-name           : rotateme;
    animation-name                   : rotateme;
    -webkit-animation-duration       : 20s;
    animation-duration               : 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count        : infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function        : linear;
}

@keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
        transform        : rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform        : rotate(360deg);
    }
}

@-webkit-keyframes rotateme {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform        : rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform        : rotateY(360deg);
    }
}

@keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform        : rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform        : rotateY(360deg);
    }
}

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform        : translate(0px, 0px) rotate(0deg);
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform        : translate(73px, -1px) rotate(36deg);
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform        : translate(141px, 72px) rotate(72deg);
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform        : translate(83px, 122px) rotate(108deg);
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform        : translate(-40px, 72px) rotate(144deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform        : translate(0px, 0px) rotate(0deg);
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}


/*Changes*/
.widget_recent_data{float:right;}

@media screen and (max-width: 769px) {
   .widget_recent_data{float:left;}
   
   .blacklayer1 {   
    height    : 300px !important;
   
}
}