/*  HTML Template


====================================================================
	Fonts
====================================================================

 ***/

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i&display=swap&subset=cyrillic,latin-ext,vietnamese');

@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');

@import url('https://fonts.googleapis.com/css?family=Teko:300,400,500,600,700&display=swap&subset=devanagari,latin-ext');


/*** 

====================================================================
	Resources / Css Files
====================================================================

 ***/
@import url('custom/animate.css');
@import url('custom/jquery-ui.css');
@import url('fontawesome-all.css');
@import url('flaticon.css');
@import url('custom/global.css');
@import url('custom/swiper.min.css');
@import url('custom/jquery.fancybox.min.css');
@import url('custom/owl.css');
@import url('custom/bootstrap-select.css');
@import url('custom/custom-animate.css');
@import url('custom/hover.css');
@import url('bredcrumb/bredcrumb.css');
@import url('slider/slider.css');
@import url('service/service.css');
@import url('funfact/funfact.css');
@import url('portfolio/portfolio.css');
@import url('skill/skill.css');
@import url('testimonials/testimonials.css');
@import url('blog/blog.css');
@import url('clients/clients.css');
@import url('contact/contact.css');
@import url('footer/footer.css');
@import url('gallery/gallery.css');
@import url('featured-works/featured-works.css');
@import url('about/about.css');
@import url('resume/resume.css');
@import url('menu/menu-1.css');
@import url('menu/menu-8.css');







/*** 

====================================================================
	map
====================================================================

 ***/

.bkr003 .map-01 {}
.bkr003 .map-01 .map-outer {
	position: relative;
    height: 500px;
}
.bkr003 .map-01 .map-canvas {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 500px;
}

/*** 

====================================================================
	scroll-to-top
====================================================================

 ***/

/*** Scroll To Top style ***/

.scroll-to-top.one {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 30px;
    right: 118px;
    line-height: 66px;
    font-size: 15px;
    z-index: 99;
    display: block;
    color: #ef0d33;
    font-weight: 200;
    text-align: center;
    cursor: pointer;
    background: #464646;
    -webkit-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    box-shadow: 0px 11px 21.25px 3.75px rgba(0, 0, 0, 0.06);
    /* opacity: 0; */
}

.scroll-to-top.one span:before {
	font-size: 27px;
}

.scroll-to-top.one:after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}




/*** 

====================================================================
	gilk-01
====================================================================

 ***/

.bkr003 .gilk-01 {
    position: relative;
    background: #000000;
}
.bkr003 .gilk-01 .content {
    background: #090909;
    text-align: center;
    padding: 188px 0px 240px 0px;
}
.bkr003 .gilk-01 .content .title {}
.bkr003 .gilk-01 .content .title h2 {
    font-size: 130px;
    color: #8FF35E;
    
    font-weight: 200;
    margin-bottom: -25px;
}
.bkr003 .gilk-01 .content .text p {
    font-size: 20px;
    color: #fff;
    line-height: 33px;
    margin-bottom: 28px;
}
.bkr003 .gilk-01 .content .btn-box a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000000;
    background: #ef0d33;
    padding: 10px 35px;
    border-radius: 30px;
}
.bkr003 .gilk-01 .content .btn-box a {
    background-image: -webkit-linear-gradient(315deg, #8FF35E 50%, transparent 50%);
    background-image: -o-linear-gradient(315deg, #8FF35E 50%, transparent 50%);
    background-image: linear-gradient(135deg, #8FF35E 50%, transparent 50%);
    background-size: 0px 50px;
    background-position: -50px -50px;
    background-repeat: no-repeat;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.bkr003 .gilk-01 .content .btn-box a:hover {
    background-size: 300% 300%;
    background-position: 0% 0%;
    color: #000000;
}
.bkr003 .gilk-01 .gilk-content {
    position: relative;
	transform: all 700ms ease;
}
.bkr003 .gilk-01 .item {
    overflow: hidden;
}
.bkr003 .gilk-01 .item .image img {
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}
.bkr003 .gilk-01 .item:hover .image img {
    transform:scale(1.2) rotate(2deg);	
}

.bkr003 .gilk-01 .item .image .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    transform: translate3d(0px, -100%, 0px);
    transition: all 700ms ease 700ms;
}
.bkr003 .gilk-01 .item:hover .image .overlay{
    transition: all 700ms ease 700ms;
    transform: translate3d(0px, 0px, 0px);      
}
.bkr003 .gilk-01 .item .image .overlay .box{
    display: table;
    width: 100%;
    height: 100%;
}
.bkr003 .gilk-01 .item .image .overlay .box .link-icon{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.bkr003 .gilk-01 .item .image .overlay .box .link-icon a span:before {
    display: inline-block;
    color: #222222;
    font-size: 24px;
    line-height: 35px;
    transition: all 1200ms ease;
}
/*.bkr003 .gilk-01 .item .image .overlay .box .link-icon a:hover span:before{
    color: #fff;    
}*/
.bkr003 .gilk-01 .owl-nav {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.bkr003 .gilk-01 .nav-style-two .owl-prev {
    position: absolute;
    top: -387px;
    left: 15px;
    color: #FAC921;
    background: #000000;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
	opacity: 0;
}
.bkr003 .gilk-01 .nav-style-two .owl-next {
    position: absolute;
    top: -387px;
    right: 15px;
    color: #FAC921;
    background: #000000;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.bkr003 .gilk-01 .item .image .overlay .box .link-icon a {
    margin: 0px 15px;
}
.bkr003 .gilk-01 .item .image .overlay .box .link-icon a span {
    font-size: 30px;
    color: #000000;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.bkr003 .gilk-01 .item .image .overlay .box .link-icon a:nth-child(1) span {
	background: #FFC839;
}
.bkr003 .gilk-01 .item .image .overlay .box .link-icon a:nth-child(2) span {
	background: #8FF35E;
}
.bkr003 .gilk-01 .item .image .overlay .box .link-icon a:nth-child(3) span {
	background: #fff;
}


#menu li a, #menu li.active a {
	font-size: 24px;
    color: #222222;
    text-transform: capitalize;
    font-weight: 500;
    
}


/*** 

====================================================================
	about 02
====================================================================

 ***/

.bkr003 .header-left {
    height: 100%;
    position: fixed;
    width: 20%;
    top: 0;
    bottom: 0;
    background-color: #fff;
    overflow: hidden;
    z-index: 9;
    text-align: center;
    padding: 55px 0px 50px 0px;
    margin-left: 70px;
}
.bkr003 .sweem .header-right {
    margin-left: 26%;
    height: 100%;
    /* padding-bottom: 100px; */
}
.bkr003 .header-left .title h2 {
    font-size: 48px;
    color: #fff;
    text-shadow: 0.717px 1.867px 4px rgba(0, 0, 0, 0.65);
    
    margin-bottom: 3px;
}
.bkr003 .header-left .subtitle h3 {
    font-size: 22px;
    color: #fff;
    text-shadow: 0.717px 1.867px 4px rgba(0, 0, 0, 0.65);
}
.bkr003 .header-left .image {
    margin-top: 200px;
}
.bkr003 .header-left .image img {}
.bkr003 .header-left .social-list {
    margin-top: 180px;
}
.bkr003 .header-left .social-list ul {
    position: relative;
    left: 0;
}
.bkr003 .header-left .social-list ul li {
    display: inline-block;
}
.bkr003 .header-left .social-list ul li a {}
.bkr003 .header-left .social-list ul li a span {
    font-size: 18px;
    color: #222222;
    margin: 0px 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid transparent;
    background: transparent;
    transition: all 700ms ease;
}
.bkr003 .header-left .social-list ul li a span:before {}
.bkr003 .header-left .social-list ul li a:hover span {
    font-size: 18px;
    color: #222222;
    border: 1px solid #F0B7C3;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #fff;
    transition: all 700ms ease;
}
.bkr003 .sweem .main-menu .navigation > li > a {
    font-size: 24px;
    color: #222222;
    text-transform: capitalize;
    font-weight: 500;
    
}
.bkr003 .sweem .main-header .header-upper {
    margin-top: 18px;
}
.bkr003 .sweem .header-right {
    margin-left: 20%;
}
.bkr003 .sweem .header-style-two .auto-container {
    max-width: 1800px;
}
.bkr003 .sweem .main-menu .navigation > li {
    margin-right: 50px;
}
.bkr003 .sweem  .main-content-box .fixed-top-bar {
    background: #2a2a2e00;
}
.bkr003 .sweem .fixed-top-bar .main-menu .navigation li > a:before {
	display: none;
}
.bkr003 .sweem .fixed-top-bar .main-menu .navigation {
    padding-left: 0;
}
.bkr003 .sweem .main-content-box {
    margin-top: 40px;
}
.bkr003 .sweem .container {
    width: 1277px;
}
#menu {
    position: fixed;
    top: 265px;
    left: 0;
    height: 40px;
    z-index: 1;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-left: 0;
    margin-left: 40px;
    margin-top: 0;
    margin-bottom: 0;
}
#menu li {
    display: inline-block;
    margin-right: 20px;
}
#menu li a {
	font-size: 20px;
    color: #222222;
    text-transform: capitalize;
    font-weight: 500;
    
}


/*** 

====================================================================
	qualification-01
====================================================================

 ***/

.bkr003 .qualification-01 {
    position: relative;
    background: #121D30;
    padding: 100px 0px 100px 0px;
}
.bkr003 .qualification-01 .sec-title {
    margin-bottom: 0;
    text-align: center;
}
.bkr003 .qualification-01 .sec-title .subtitle h3 {
    font-size: 16px;
    color: #ef0d33;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 24px;
}
.bkr003 .qualification-01 .sec-title .title h2 {
    font-size: 70px;
    color: #FFFEFE;
    font-weight: 700;
    line-height: 120px;
}
.bkr003 .qualification-01 .sec-title .title h2:before {
    position: absolute;
    content: "";
    bottom: -35px;
    left: 0;
    margin-left: 530px;
    background: url(../images/background/home-02-shape.html);
    width: 131px;
    height: 6px;
    background-repeat: no-repeat;
}

.bkr003 .qualification-01 .item {
    position: relative;
    z-index: 1;
}
.bkr003 .qualification-01 .item:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: url(../images/background/qualification-01-shape-1.html);
    background-repeat: no-repeat;
}
.bkr003 .qualification-01 .item:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: url(../images/background/qualification-01-shape-2.html);
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    z-index: -1;
}
.bkr003 .qualification-01 .item .block {
	position: relative;
	padding: 70px 40px 48px 55px;
}
.bkr003 .qualification-01 .item .block:before {
    position: absolute;
    content: "";
    height: 5px;
    width: 0px;
    background: #5F99FF;
    left: 0;
    right: 0;
    margin: auto;
    top: -2px;
    transition: all 700ms ease;
}
.bkr003 .qualification-01 .item .block:after {
    position: absolute;
    content: "";
    height: 5px;
    width: 0px;
    background: #5F99FF;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -2px;
    transition: all 700ms ease;
}
.bkr003 .qualification-01 .item:hover .block:before {
    background: #5F99FF;
    width: 100%;
}
.bkr003 .qualification-01 .item:hover .block:after {
    background: #5F99FF;
    width: 100%;
}

.bkr003 .qualification-01 .item .icon {
    display: inline-block;
}
.bkr003 .qualification-01 .item .icon span:before {
    font-size: 50px;
    color: #EE8D03;
}
.bkr003 .qualification-01 .item .title {}
.bkr003 .qualification-01 .item .title h2 {
    font-size: 24px;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 15px;
}
.bkr003 .qualification-01 .item .subtitle {}
.bkr003 .qualification-01 .item .subtitle h3 {
    font-size: 14px;
    color: #98D100;
    margin-bottom: 20px;
}
.bkr003 .qualification-01 .item .text {}
.bkr003 .qualification-01 .item .text p {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 30px;
}
.bkr003 .qualification-01 .tabs-box .tab {
    display: none;
	transition: all 700ms ease;
}
.bkr003 .qualification-01 .tabs-box .tab.active-tab {
    display: block;
	transition: all 700ms ease;
}
.bkr003 .qualification-01 .tab-buttons {
    position: relative;
    text-align: center;
    margin-bottom: 100px;
}
.bkr003 .qualification-01 .tab-buttons:before {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 100px;
    background: #0C1320;
    bottom: -35px;
    left: -20px;
    right: 0;
}
.bkr003 .qualification-01 .tab-buttons:after {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 20px;
    background: #0C1320;
    bottom: -35px;
    left: 160px;
    right: 40px;
}
.bkr003 .qualification-01 .tab-buttons li {
    position: relative;
    font-size: 70px;
    color: #FFFEFE;
    font-weight: 700;
    line-height: 120px;
    display: inline-block;
    margin: 0px 30px;
    cursor: pointer;
}
.bkr003 .qualification-01 .tab-buttons li:before {
    position: absolute;
    content: "";
    bottom: 20px;
    right: -35px;
    background: #fff;
    width: 5px;
    height: 75px;
    background-repeat: no-repeat;
}
.bkr003 .qualification-01 .tab-buttons li:last-child:before {
	display: none;
}
.bkr003 .qualification-01  .tab-buttons .tab-btn.active-btn {
        text-decoration: line-through;
}


/*** 

====================================================================
	about-05
====================================================================

 ***/

.bkr003 .education-01 {
    position: relative;
    background: #00024F;
    padding-bottom: 180px;
    border-bottom: 1px solid #9295FF;
    z-index: 1;
    padding-top: 220px;
}
.bkr003 .education-01:before {
    position: absolute;
    content: "";
    background: url(../images/background/home-03-shape.html);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.bkr003 .education-01 .sec-title {
    margin-bottom: 70px;
}
.bkr003 .education-01 .sec-title .title h2 {
    font-size: 130px;
    color: #FFFFFF;
}
.bkr003 .education-01 .sec-title .title h2:first-letter {
    text-transform: uppercase;
    font-size: 250px;
    text-shadow: -5px 2.1px 0px rgb(255, 255, 255);
    color: #E1A34C;
    padding-right: 15px;
}
.bkr003 .education-01 .content {
	position: relative;
    padding-left: 55px;
}
.bkr003 .education-01 .content:before {
    position: absolute;
    left: 15px;
    top: 0px;
    height: 100%;
    width: 1px;
    background-color: #FFFFFF;
    content: "";
}
.bkr003 .education-01 .content .item {
    position: relative;
    top: -12px;
    margin-bottom: 60px;
}
.bkr003 .education-01 .content .item .title h3 {
    position: relative;
    font-size: 30px;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.bkr003 .education-01 .content .item .title h3:after {
    position: absolute;
    top: 10px;
    left: -49px;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    background-color: #E1A34C;
    border: 2px solid #fff;
    content: "";
}
.bkr003 .education-01 .content .item .date h4 {
    font-size: 24px;
    color: #E1A34C;
    margin-bottom: 6px;
}
.bkr003 .education-01 .content .item .text p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    padding-right: 100px;
    margin-bottom: 0;
}
.bkr003 .education-01 .image {
    margin-top: 6px;
    margin-left: 6px;
}
.bkr003 .education-01 .image:nth-child(2) {
    position: relative;
    margin-top: 0;
    top: -73px;
    left: 100px;
}
.bkr003 .education-01 .image:nth-child(2):after {
    position: absolute;
    content: "\f00c";
    left: -26px;
    bottom: 117px;
    font-size: 24px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #000000;
    width: 51px;
    height: 51px;
    background: #E1A34C;
    line-height: 51px;
    text-align: center;
}


/*** 

====================================================================
	border
====================================================================

 ***/

.border-top,
.border-top.top,
.border-top.show,
.border-bottom,
.border-bottom.bottom,
.border-bottom.show,
.border-left,
.border-left.left,
.border-left.show,
.border-right,
.border-right.right,
.border-right.show {
position: fixed;
background: #fff;
-webkit-transition: all 1.5s ease;
   -moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
     -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
z-index: 100;
}

.border-top.show,
.border-bottom.show,
.border-left.show,
.border-right.show {
background: #EEEEEE;
}

.border-top {
width: 100%;
height: 110px;
left: 0;
top: 0;
}

@media only screen and (max-width: 880px) {
  .border-top {
    height: 70px;
  }
}

.border-top.top {
    /* -webkit-transform: translateY(-110px); */
    -moz-transform: translateY(-110px);
    -ms-transform: translateY(-110px);
    -o-transform: translateY(-110px);
    /* transform: translateY(-110px); */
}

@media only screen and (max-width: 880px) {
  .border-top.top {
    -webkit-transform: translateY(-70px);
       -moz-transform: translateY(-70px);
        -ms-transform: translateY(-70px);
         -o-transform: translateY(-70px);
            transform: translateY(-70px);
  }
}

.border-top.show {
-webkit-transform: translateY(-40px);
   -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
     -o-transform: translateY(-40px);
        transform: translateY(-40px);
}

@media only screen and (max-width: 880px) {
  .border-top.show {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

.border-bottom {
width: 100%;
height: 110px;
left: 0;
bottom: 0;
}

@media only screen and (max-width: 880px) {
  .border-bottom {
    height: 50px;
  }
}

.border-bottom.bottom {
    -webkit-transform: translateY(110px);
    -moz-transform: translateY(110px);
    -ms-transform: translateY(110px);
    -o-transform: translateY(110px);
    /* transform: translateY(110px); */
}

@media only screen and (max-width: 880px) {
  .border-bottom.bottom {
    -webkit-transform: translateY(50px);
       -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
         -o-transform: translateY(50px);
            transform: translateY(50px);
  }
}

.border-bottom.show {
-webkit-transform: translateY(60px);
   -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
     -o-transform: translateY(60px);
        transform: translateY(60px);
}

@media only screen and (max-width: 880px) {
  .border-bottom.show {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@media only screen and (max-width: 640px) {
  .border-bottom.show {
    -webkit-transform: translateY(110px);
       -moz-transform: translateY(110px);
        -ms-transform: translateY(110px);
         -o-transform: translateY(110px);
            transform: translateY(110px);
  }
}

.border-left {
width: 110px;
height: 100%;
left: 0;
top: 0;
}

@media only screen and (max-width: 880px) {
  .border-left {
    width: 50px;
  }
}

.border-left.left {
    /* -webkit-transform: translateX(-110px); */
    -moz-transform: translateX(-110px);
    -ms-transform: translateX(-110px);
    -o-transform: translateX(-110px);
    /* transform: translateX(-110px); */
}

@media only screen and (max-width: 880px) {
  .border-left.left {
    -webkit-transform: translateX(-50px);
       -moz-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
         -o-transform: translateX(-50px);
            transform: translateX(-50px);
  }
}

.border-left.show {
-webkit-transform: translateX(-60px);
   -moz-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
     -o-transform: translateX(-60px);
        transform: translateX(-60px);
}

@media only screen and (max-width: 880px) {
  .border-left.show {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
}

@media only screen and (max-width: 640px) {
  .border-left.show {
    -webkit-transform: translateX(-110px);
       -moz-transform: translateX(-110px);
        -ms-transform: translateX(-110px);
         -o-transform: translateX(-110px);
            transform: translateX(-110px);
  }
}

.border-right {
width: 110px;
height: 100%;
right: 0;
top: 0;
}

@media only screen and (max-width: 880px) {
  .border-right {
    width: 50px;
  }
}

.border-right.right {
    /* -webkit-transform: translateX(110px); */
    -moz-transform: translateX(110px);
    -ms-transform: translateX(110px);
    -o-transform: translateX(110px);
    /* transform: translateX(110px); */
}

@media only screen and (max-width: 880px) {
  .border-right.right {
    -webkit-transform: translateX(50px);
       -moz-transform: translateX(50px);
        -ms-transform: translateX(50px);
         -o-transform: translateX(50px);
            transform: translateX(50px);
  }
}

.border-right.show {
-webkit-transform: translateX(60px);
   -moz-transform: translateX(60px);
    -ms-transform: translateX(60px);
     -o-transform: translateX(60px);
        transform: translateX(60px);
}

@media only screen and (max-width: 880px) {
  .border-right.show {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
}

@media only screen and (max-width: 640px) {
  .border-right.show {
    -webkit-transform: translateX(110px);
       -moz-transform: translateX(110px);
        -ms-transform: translateX(110px);
         -o-transform: translateX(110px);
            transform: translateX(110px);
  }
}

/*** 

====================================================================
	design-01
====================================================================

 ***/

.bkr003 .design-01 {
    position: relative;
    background: #E7E7E7;
}
.bkr003 .design-01 .item {
    text-align: center;
    padding: 155px 0px 100px 0px;
}
.bkr003 .design-01 .item .title h2 {
    font-size: 40px;
    color: #222222;
    font-weight: 700;
    margin-bottom: 60px;
}
.bkr003 .design-01 .item .count-outer {
    font-size: 100px;
    color: #ef0d33;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 70px;
}
.bkr003 .design-01 .item .count-outer .count-text {}
.bkr003 .design-01 .item .counter-text p {
    font-size: 16px;
    color: #777777;
    line-height: 30px;
}
.bkr003 .design-01 .image-box {}
.bkr003 .design-01 .image-box img {
    max-width: none;
    float: left;
}
.bkr003 .design-01 .overlay-anim-box2 {
    display: block;
}


/*** 

====================================================================
	form-back-drop
====================================================================

 ***/


.form-back-drop {
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,0.70);
    visibility: hidden;
    z-index: 9990;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}







.btn-box {
    position: relative;
}
.btn-box .exp {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
}
.btn-box .exp:before {
    position: absolute;
    content: "";
    top: 50%;
    height: 1px;
    width: 62px;
    /* background: #fff; */
    left: -62px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-box .exp:after {
    position: absolute;
    content: "";
    top: 0;
    height: 0;
    width: 1px;
    background: #fff;
    left: 0;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.btn-box .exp:hover:after {
    height: 50%;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; 
}
.btn-box .exp span {
    display: inline-block;
    position: relative;
}
.btn-box .exp span.exp_hover {
    padding: 20px 37px;
}
.btn-box .exp span.exp_inner:before,
.btn-box .exp span.exp_inner:after {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    background: white;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; 
}
.btn-box .exp span.exp_inner:after {
    left: 0px;
    bottom: 0px;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; 
}
.btn-box .exp span.exp_inner:before {
    right: 0px;
    top: 0px;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; 
}
.btn-box .exp span.exp_hover:before,
.btn-box .exp span.exp_hover:after {
    content: "";
    width: 1px;
    height: 0;
    position: absolute;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: white; 
}
.btn-box .exp span.exp_hover:before {
    left: 0;
    top: 50%;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; 
}
.btn-box .exp span.exp_hover:after {
    right: 0;
    bottom: 1px;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; 
}
.btn-box .exp span.exp_hover:after {
    bottom: 0; 
}
.btn-box .exp:hover span.exp_inner:before,
.btn-box .exp:hover span.exp_inner:after {
    width: 100%; 
}
.btn-box .exp:hover span.exp_inner:before {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; 
}
.btn-box .exp:hover span.exp_inner:after {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; 
}
.btn-box .exp:hover span.exp_hover:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; 
}
.btn-box .exp:hover span.exp_hover:after {
    height: calc(100% - 2px); 
}
.btn-box .exp:hover span.exp_hover:before {
    height: calc(50% - 2px); 
}
.btn-box .port_img:hover + .exp:after {
    height: 50%;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; 
}



/* background-color: transparent; */


.rectangle {
    color: #fff;
    font-size: 16px;
    /* background-color: transparent; */
    background-image: -webkit-linear-gradient(315deg, #0B162F 50%, transparent 50%);
    background-image: -o-linear-gradient(315deg, #0B162F 50%, transparent 50%);
    background-image: linear-gradient(135deg, #0B162F 50%, transparent 50%);
    background-size: 0px 50px;
    background-position: -50px -50px;
    background-repeat: no-repeat;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    /* border: 2px solid #F8961D; */
}
.rectangle:hover {
    background-size: 300% 300%;
    background-position: 0% 0%;
    color: #fff;
    /* border: 2px solid #F8961D; */
}



/*** 
=============================================
    sidebar page container
=============================================
***/

.sidebar-page-container {
    position: relative;
    padding: 50px 0px;
}
.sidebar-page-container .news-block {}
.sidebar-page-container .news-block .inner-box {}
.sidebar-page-container .news-block .inner-box .image-box {
    position: relative;
    display: block;
    background: #000;
    overflow: hidden;
    transition: all 700ms ease;
}
.sidebar-page-container .news-block .inner-box .image-box .image {}
.sidebar-page-container .news-block .inner-box .image-box .image img {
    transition: all 700ms ease;
}
.sidebar-page-container .news-block:hover .image-box img {
    opacity: 0.5;
    transform: scale(1.1);
    transition: all 700ms ease;
}
.sidebar-page-container .news-block .inner-box .lower-content {
    margin-top: 35px;
}
.sidebar-page-container .news-block .inner-box .lower-content .date {
     position: relative;
    font-size: 14px;
    color: #777777;
    display: inline-block;
    margin-right: 15px;
}
.sidebar-page-container .news-block .inner-box .lower-content .date:before {
    position: absolute;
    top: 13px;
    right: -10px;
    content: "";
    background: #777777;
    width: 4px;
    height: 1px;
}
.sidebar-page-container .news-block .inner-box .lower-content .category {
    display: inline-block;
}
.sidebar-page-container .news-block .inner-box .lower-content .category li {}
.sidebar-page-container .news-block .inner-box .lower-content .category li a {
    font-size: 14px;
    color: #777777;
}
.sidebar-page-container .news-block .inner-box .title {}
.sidebar-page-container .news-block .inner-box .title h2 {
    margin-top: 16px;
    margin-bottom: 30px;
    font-weight: 700;
    line-height: 36px;
}
.sidebar-page-container .news-block .inner-box .title h2 a {
    font-size: 24px;
    color: #222222;
    transition: all 700ms ease;
}
.sidebar-page-container .news-block .inner-box .title h2 a:hover {
    color: #ef0d33;
    transition: all 700ms ease;
}
.sidebar-page-container .news-block .inner-box .text p {
    font-size: 14px;
    line-height: 30px;
    color: #777777;
    margin-bottom: 20px;
}
.sidebar-page-container .news-block .inner-box .read-more-btn {}
.sidebar-page-container .news-block .inner-box .read-more-btn a {
     position: relative;
    font-weight: 600;
    font-size: 16px;
    color: #ef0d33;
    transition: all 700ms ease;
}
.sidebar-page-container .news-block .inner-box .read-more-btn a:before {
    position: absolute;
    top: -5px;
    right: -25px;
    content: "\f30b";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #ef0d33;
    font-size: 15px;
    transition: all 700ms ease;
}
.sidebar-page-container .news-block .inner-box .read-more-btn a:hover:before {
    right: -35px;
    transition: all 700ms ease;
}
.sidebar-page-container .news-block.two {
    border: 1px solid #D7D7D7;
    padding: 25px 80px 60px 60px;
    margin-top: 70px;
    margin-bottom: 70px;
}
.sidebar-page-container .news-block .inner-box blockquote {
    position: relative;
    display: block;
    background: #ef0d33;
    font-size: 36px;
    line-height: 48px;
    color: #fff;
    z-index: 1;
    border-left: 0;
    text-align: center;
    padding: 100px 60px 60px 60px;
    margin-top: 70px;
    margin-bottom: 70px;
}
.sidebar-page-container .news-block .inner-box blockquote:after {
    position: absolute;
    font-size: 130px;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.2);
    content: "\f10d";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    left: 305px;
    top: 60px;
    z-index: -1;
}
.sidebar-page-container .news-block .inner-box blockquote .name h4 {
    margin-top: 38px;
    font-size: 18px;
    color: #222222;
    font-weight: 600;
}


/*Search Box Widget*/

.sidebar .search-box{
	position: relative;
}

.sidebar .search-box .form-group{
	position:relative;
	margin:0px 0 50px; 	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:15px;
	color: #222;
	line-height:30px;
	padding:20px 30px;
	padding-right: 75px;
	height: 58px;
	width:100%;
	border: 1px solid #ddd;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}
.sidebar .search-box .form-group input[type="search"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #777777;
}

.sidebar .search-box .form-group input:focus{
	border-color:#ef0d33;	
}

.sidebar .search-box .form-group input[type="submit"], 
.sidebar .search-box .form-group button {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 60px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    padding: 0;
    font-weight: 400;
    cursor: pointer;
    background-color: transparent;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sidebar .search-box .form-group button {
    font-size: 18px;
    background: #ef0d33;
    color: #fff;
}

.sidebar .search-box .form-group input[type="submit"]:hover,
.sidebar .search-box .form-group button:hover{
	color: #222;
}

/*=== Categories ===*/
.sidebar .categories {
    position: relative;
    margin-bottom: 50px;
}

.sidebar .categories .sidebar-title{
	margin-bottom: 35px;
}

.sidebar-page-container .sidebar-title h4 {
    position: relative;
    font-size: 24px;
    color: #222;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 10px;
}

.category-list{
	position: relative;
}

.category-list li {
    position: relative;
    border-bottom: 1px solid #EEEEEE;
    padding: 5px 10px 5px 10px;
}

.category-list li a {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 36px;
    color: #777777;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.category-list li a span{
	margin-left: 10px;
	color: #222;
	float: right;
    transition: all 700ms ease;
}

.category-list li:hover:before{
	color: #ef0d33;

}

.category-list li a:hover {
    color: #ef0d33;
}

.category-list li:hover a span {
    color: #ef0d33;
    transition: all 700ms ease;
}


/*=== Latest News ===*/

.post-widget {
    position: relative;
    margin-bottom: 50px;
}

.sidebar-widget .sidebar-title {
    margin-bottom: 35px;
}

.post-widget .post {
    position: relative;
    padding-left: 0;
    margin-bottom: 10px;
    min-height: 80px;
    padding-top: 5px;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 20px;
}

.post-widget .post:last-child{
	margin-bottom: 0px;
}

.post-widget .post .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 80px;
	overflow: hidden;
}

.post-widget .post .thumb img{
	display: block;
	width: 100%;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.post-widget .post .date {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 15px;
    font-weight: 500;
    color: #777777;
}

.post-widget .post h5 {
    position: relative;
    font-size: 20px;
    line-height: 30px;
    color: #222;
    font-weight: 600;
    margin-bottom: 10px;
}

.post-widget .post h5 a{
	color: #222;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.post-widget .post h5 a:hover{
	color: #ef0d33;
}



/*=== Tags ===*/

.tags-widget{
	position: relative;
}

.tags-widget .widget-content{
	position: relative;
	padding: 45px 30px 37px;
	background-color: #f5f8fb;
}

.tag-list{
	position: relative;
	display: block;
}

.tag-list li{
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
} 

.tag-list li a {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 12px;
    color: #777777;
    font-weight: 400;
    text-align: center;
    overflow: hidden;
    text-transform: capitalize;
    border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 700ms ease;
    border: 2px solid #EBEBEB;
    border-radius: 3px;
    padding: 18px 30px;
}

.tag-list li a:hover {
    color: #fff;
    border: 2px solid #ef0d33;
    /* background: #ef0d33; */
	transition: all 700ms ease;
	
}
















/* 9.2.2. Scroll overlay animation #2 */
[data-animation].overlay-anim-box2:before,
[data-animation].overlay-anim-box2:after,
[data-animation].overlay-anim-box2 {
    opacity: 1;
}

.overlay-anim-box2 {
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.overlay-anim-box2:before {
	content: '';
	width: calc(100% + 1px);
	height: 100%;
	background: #f5f5f5;
	position: absolute;
	top: 0;
	left: 100%;
	-webkit-transition: 1s cubic-bezier(.86, 0, .07, 1);
		-o-transition: 1s cubic-bezier(.86, 0, .07, 1);
			transition: 1s cubic-bezier(.86, 0, .07, 1);
	z-index: 3;
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);       
}

.overlay-anim-box2.overlay-anim2:before {
	-webkit-transform: translateX(1%);
	    -ms-transform: translateX(1%);
	        transform: translateX(1%);
}

.light-bg-2 .overlay-anim-box2:before {
	background: #000;
}

.dark-bg-1 .overlay-anim-box2:before {
	background: #111517;
}

.dark-bg-2 .overlay-anim-box2:before {
	background: #1b2a2f;
}

.red-bg .overlay-anim-box2:before {
	background: #ef0d33;
}
.overlay-dark-bg-1:before {
    background: #FFFFFF !important;
}
.overlay-dark-bg-2:before {
    background: #041230 !important;
}
.overlay-dark-bg-3:before {
    background: #152136 !important;
}
.overlay-dark-bg-4:before {
    background: #00024F !important;
}
.overlay-dark-bg-5:before {
    background: #222 !important;
}
.overlay-dark-bg-6:before {
    background: #000000 !important;
}
.overlay-dark-bg-7:before {
    background: #C2F2B6 !important;
}
.overlay-dark-bg-8:before {
    background: #383838 !important;
}
.overlay-dark-bg-9:before {
    background: #383838 !important;
}
.red-color {
    color: #ef0d33;
}

/* 9.2.4. Scroll title fill animation */
[data-animation].title-fill:before,
[data-animation].title-fill:after,
[data-animation].title-fill {
    opacity: 1;
}

.title-fill {
	white-space: nowrap;
	color: #00000047;
	position: relative;
	display: inline-block;
}

.title-fill:before,
.title-fill:after {
	content: attr(data-text);
	position: absolute;
	top: 50%;
	/*color: #ef0d33;*/
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	-webkit-transition: 1s cubic-bezier(.77, 0, .175, 1);
		-o-transition: 1s cubic-bezier(.77, 0, .175, 1);
			transition: 1s cubic-bezier(.77, 0, .175, 1);
	width: 0%;
	white-space: nowrap;
	overflow: hidden;
}

.title-fill:after {
	color: #ef0d33;
	/*background: #f5f5f5;*/
	-webkit-transition-delay: .3s;
	    -o-transition-delay: .3s;
	        transition-delay: .3s;
}

.title-fill.title-fill-anim:before,
.title-fill.title-fill-anim:after {
	width: 100%;
}

.dark-bg-1 .title-fill:before,
.dark-bg-2 .title-fill:before {
	color: white;
}

.red-bg .title-fill:before {
	color: #262626;
}

.light-bg-2 .title-fill:after {
	background: #f0f0f0;
}

.dark-bg-1 .title-fill:after {
	background: #111517;
}

.dark-bg-2 .title-fill:after {
	background: #1b2a2f;
}

.red-bg .title-fill:after {
	background: #1b2a2f;
}

.tr-delay01.title-fill:after {
	-webkit-transition-delay: .4s !important;
	    -o-transition-delay: .4s !important;
	        transition-delay: .4s !important;
}

.tr-delay02.title-fill:after {
	-webkit-transition-delay: .7s !important;
	    -o-transition-delay: .7s !important;
	        transition-delay: .7s !important;
}

.tr-delay03.title-fill:after {
	-webkit-transition-delay: .10s !important;
	    -o-transition-delay: .10s !important;
	        transition-delay: .10s !important;
}

.tr-delay04.title-fill:after {
	-webkit-transition-delay: .7s !important;
	    -o-transition-delay: .7s !important;
	        transition-delay: .7s !important;
}

.tr-delay05.title-fill:after {
	-webkit-transition-delay: .8s !important;
	    -o-transition-delay: .8s !important;
	        transition-delay: .8s !important;
}

.tr-delay06.title-fill:after {
	-webkit-transition-delay: .9s !important;
	    -o-transition-delay: .9s !important;
	        transition-delay: .9s !important;
}

.tr-delay07.title-fill:after {
	-webkit-transition-delay: 1s !important;
	    -o-transition-delay: 1s !important;
	        transition-delay: 1s !important;
}

.tr-delay08.title-fill:after {
	-webkit-transition-delay: 1.1s !important;
	    -o-transition-delay: 1.1s !important;
	        transition-delay: 1.1s !important;
}

.tr-delay09.title-fill:after {
	-webkit-transition-delay: 1.2s !important;
	    -o-transition-delay: 1.2s !important;
	        transition-delay: 1.2s !important;
}

.tr-delay10.title-fill:after {
	-webkit-transition-delay: 1.3s !important;
	    -o-transition-delay: 1.3s !important;
	        transition-delay: 1.3s !important;
}




///////////////////

.bkr003 .about-04 .image .overlay-anim-box2:before {
    background: #041230 !important;
}




/* 9.2.3. Scroll fade animation */
.fade-anim-box {
	display: inline-block;
	opacity: 0;
    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px);
    -webkit-transition: 1s cubic-bezier(.77, 0, .175, 1);
    	-o-transition: 1s cubic-bezier(.77, 0, .175, 1);
			transition: 1s cubic-bezier(.77, 0, .175, 1);
}

.fade-anim-box.fade-anim {
	opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}










/* 9.2.2. Scroll overlay animation #2 */
[data-animation].overlay-anim-box2:before,
[data-animation].overlay-anim-box2:after,
[data-animation].overlay-anim-box2 {
    opacity: 1;
}

.overlay-anim-box2 {
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.overlay-anim-box2:before {
	content: '';
	width: calc(100% + 1px);
	height: 100%;
	background: #f5f5f5;
	position: absolute;
	top: 0;
	left: 100%;
	-webkit-transition: 1s cubic-bezier(.86, 0, .07, 1);
		-o-transition: 1s cubic-bezier(.86, 0, .07, 1);
			transition: 1s cubic-bezier(.86, 0, .07, 1);
	z-index: 3;
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);       
}

.overlay-anim-box2.overlay-anim2:before {
	-webkit-transform: translateX(1%);
	    -ms-transform: translateX(1%);
	        transform: translateX(1%);
}

.light-bg-2 .overlay-anim-box2:before {
	background: #f0f0f0;
}

.dark-bg-1 .overlay-anim-box2:before {
	background: #111517;
}

.dark-bg-2 .overlay-anim-box2:before {
	background: #1b2a2f;
}

.red-bg .overlay-anim-box2:before {
	background: #ef0d33;
}


/*home 1*/

.bkr003 .about-04 .title-fill:after {
    background: transparent;
}
.bkr003 .about-04 .title-fill:before, .bkr003 .about-04 .title-fill:after {
    color: #ef0d33;
}


/*home 2*/

.bkr003 .slider-01 .title-fill:after {
    color: #fff;
}
.bkr003 .slider-01 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .slider-01 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}

/*about-03*/

.bkr003 .about-03 .title-fill:after {
    color: #fff;
}
.bkr003 .about-03 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .about-03 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}

/*service-icon-03*/

.bkr003 .service-icon-03 .title-fill:after {
    color: #fff;
}
.bkr003 .service-icon-03 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .service-icon-03 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}

/*skills-03*/

.bkr003 .skills-03 .title-fill:after {
    color: #fff;
}
.bkr003 .skills-03 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .skills-03 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}

/*portfolio-02*/

.bkr003 .portfolio-02 .title-fill:after {
    color: #fff;
}
.bkr003 .portfolio-02 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .portfolio-02 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}

/*qualification-01*/

.bkr003 .qualification-01 .title-fill:after {
    color: #fff;
}
.bkr003 .qualification-01 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .qualification-01 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}

/*pricing-03*/

.bkr003 .pricing-03 .title-fill:after {
    color: #fff;
}
.bkr003 .pricing-03 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .pricing-03 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}

/*testimonial-03*/

.bkr003 .testimonial-03 .title-fill:after {
    color: #fff;
}
.bkr003 .testimonial-03 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .testimonial-03 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}

/*latest-news-03*/

.bkr003 .latest-news-03 .title-fill:after {
    color: #fff;
}
.bkr003 .latest-news-03 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .latest-news-03 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}

/*contact-02*/

.bkr003 .contact-02 .title-fill:after {
    color: #fff;
}
.bkr003 .contact-02 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .contact-02 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}




/*home 3*/


/*about-05*/

.bkr003 .about-05 .title-fill:after {
    color: #fff;
}
.bkr003 .about-05 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .about-05 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #E3A34C;
}
.bkr003 .about-05 h2 span {
    position: relative;
    left: -30px;
}

/*education-01*/

.bkr003 .education-01 .title-fill:after {
    color: #fff;
}
.bkr003 .education-01 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .education-01 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #E3A34C;
}
.bkr003 .education-01 h2 span {
    position: relative;
    left: -30px;
}

/*kills-05*/

.bkr003 .skills-05 .title-fill:after {
    color: #fff;
}
.bkr003 .skills-05 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .skills-05 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #E3A34C;
}
.bkr003 .skills-05 h2 span {
    position: relative;
    left: -30px;
}


/*service-icon-05*/

.bkr003 .service-icon-05 .title-fill:after {
    color: #fff;
}
.bkr003 .service-icon-05 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .service-icon-05 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #E3A34C;
}
.bkr003 .service-icon-05 h2 span {
    position: relative;
    left: -30px;
}


/*portfolio-04*/

.bkr003 .portfolio-04 .title-fill:after {
    color: #fff;
}
.bkr003 .portfolio-04 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .portfolio-04 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #E3A34C;
}
.bkr003 .portfolio-04 h2 span {
    position: relative;
    left: -30px;
}


/*testimonial-05*/

.bkr003 .testimonial-05 .title-fill:after {
    color: #fff;
}
.bkr003 .testimonial-05 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .testimonial-05 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #E3A34C;
}
.bkr003 .testimonial-05 h2 span {
    position: relative;
    left: -30px;
}


/*latest-news-05*/

.bkr003 .latest-news-05 .title-fill:after {
    color: #fff;
}
.bkr003 .latest-news-05 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .latest-news-05 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #E3A34C;
}
.bkr003 .latest-news-05 h2 span {
    position: relative;
    left: -30px;
}


/*contact-04*/

.bkr003 .contact-04 .title-fill:after {
    color: #fff;
}
.bkr003 .contact-04 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .contact-04 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #E3A34C;
}
.bkr003 .contact-04 h2 span {
    position: relative;
    left: -30px;
}




/*home 4*/


/*about-06*/

.bkr003 .about-06 .title-fill:after {
    color: #222;
}
.bkr003 .about-06 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .about-06 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*about-06*/

.bkr003 .design-01 .title-fill:after {
    color: #222;
}
.bkr003 .design-01 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .design-01 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}
.bkr003 .design-01 .content h3 .title-fill:after {
    color: #222;
}

/*service-icon-06*/

.bkr003 .service-icon-06 .title-fill:after {
    color: #222;
}
.bkr003 .service-icon-06 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .service-icon-06 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*works-01*/

.bkr003 .works-01 .title-fill:after {
    color: #222;
}
.bkr003 .works-01 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .works-01 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*pricing-04*/

.bkr003 .pricing-04 .title-fill:after {
    color: #222;
}
.bkr003 .pricing-04 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .pricing-04 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*skills-06*/

.bkr003 .skills-06 .title-fill:after {
    color: #222;
}
.bkr003 .skills-06 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .skills-06 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}

/*resume-03*/

.bkr003 .resume-03 .title-fill:after {
    color: #222;
}
.bkr003 .resume-03 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .resume-03 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*funfact-06*/

.bkr003 .funfact-06 .title-fill:after {
    color: #fff;
}
.bkr003 .funfact-06 .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .funfact-06 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*latest-news-06*/

.bkr003 .latest-news-06 .title-fill:after {
    color: #222;
}
.bkr003 .latest-news-06 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .latest-news-06 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*contact-05*/

.bkr003 .contact-05 .title-fill:after {
    color: #222;
}
.bkr003 .contact-05 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .contact-05 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}




/*home-5*/


/*gilk-01*/

.bkr003 .gilk-01 .title-fill:after {
    color: #8FF35E;
}
.bkr003 .gilk-01 .content h2 .title-fill:after {
    color: #8FF35E;
}
.bkr003 .gilk-01 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*gallery-heading-01*/

.bkr003 .gallery-heading-01 .title-fill:after {
    color: #8FF35E;
}
.bkr003 .gallery-heading-01 .content h2 .title-fill:after {
    color: #8FF35E;
}
.bkr003 .gallery-heading-01 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*service-icon-02*/

.bkr003 .service-icon-02 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .service-icon-02 .content h2 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .service-icon-02 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #8FF35E;
}


/*download-01*/

.bkr003 .download-01 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .download-01 .content h2 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .download-01 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #8FF35E;
}


/*skills-02*/

.bkr003 .skills-02 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .skills-02 .content h2 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .skills-02 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #8FF35E;
}

/*funfact-02*/

.bkr003 .funfact-02 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .funfact-02 .content h2 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .funfact-02 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #8FF35E;
}


/*subscribe-01*/

.bkr003 .subscribe-01 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .subscribe-01 .content h2 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .subscribe-01 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #8FF35E;
}


/*subscribe-01*/

.bkr003 .pricing-02 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .pricing-02 .content h2 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .pricing-02 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #8FF35E;
}


/*subscribe-01*/

.bkr003 .featured-works-01 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .featured-works-01 .content h2 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .featured-works-01 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #8FF35E;
}


/*subscribe-01*/

.bkr003 .testimonial-02 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .testimonial-02 .content h2 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .testimonial-02 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #8FF35E;
}


/*subscribe-01*/

.bkr003 .faq-01 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .faq-01 .content h2 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .faq-01 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #8FF35E;
}

/*subscribe-01*/

.bkr003 .latest-news-02 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .latest-news-02 .content h2 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .latest-news-02 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #8FF35E;
}


/*subscribe-01*/

.bkr003 .contact-01 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .contact-01 .content h2 .title-fill:after {
    color: #ef0d33;
}
.bkr003 .contact-01 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #8FF35E;
}



/*home-7*/


/*about-section*/

.bkr003 .about-07 .title-fill:after {
    color: #222222;
}
.bkr003 .about-07 .content h2 .title-fill:after {
    color: #222222;
}
.bkr003 .about-07 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}

/*resume-section*/

.bkr003 .resume-05 .title-fill:after {
    color: #222;
}
.bkr003 .resume-05 .content h2 .title-fill:after {
    color: #222222;
}
.bkr003 .resume-05 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*resume-section*/

.bkr003 .services-tab-01 .title-fill:after {
    color: #222222;
}
.bkr003 .services-tab-01 .content h2 .title-fill:after {
    color: #222222;
}
.bkr003 .services-tab-01 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*resume-section*/

.bkr003 .skill-07 .title-fill:after {
    color: #222222;
}
.bkr003 .skill-07 .content h2 .title-fill:after {
    color: #222222;
}
.bkr003 .skill-07 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*resume-section*/

.bkr003 .portfolio-06 .title-fill:after {
    color: #222222;
}
.bkr003 .portfolio-06 .content h2 .title-fill:after {
    color: #222222;
}
.bkr003 .portfolio-06 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*resume-section*/

.bkr003 .testimonials-07 .title-fill:after {
    color: #222;
}
.bkr003 .testimonials-07 .content h2 .title-fill:after {
    color: #222222;
}
.bkr003 .testimonials-07 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*resume-section*/

.bkr003 .latest-news-08 .title-fill:after {
    color: #222222;
}
.bkr003 .latest-news-08 .content h2 .title-fill:after {
    color: #222222;
}
.bkr003 .latest-news-08 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}


/*resume-section*/

.bkr003 .contact-07 .title-fill:after {
    color: #222222;
}
.bkr003 .contact-07 .content h2 .title-fill:after {
    color: #222222;
}
.bkr003 .contact-07 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #ef0d33;
}



/*home-8*/


.overlay-dark-bg-2:before {
    background: #2A2A2E !important;
}



/*home-6*/


/*header-left*/


.bkr003 .header-left .title-fill:after {
    color: #fff;
}
.bkr003 .header-left .content h2 .title-fill:after {
    color: #fff;
}
.bkr003 .header-left .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #EFAFBF;
}

/*about-02*/

.bkr003 .sweem .about-02 .title-fill:after {
    color: #222;
}
.bkr003 .sweem .about-02 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .sweem .about-02 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #EFAFBF;
}


/*resume-01*/

.bkr003 .sweem .bkr003 .resume-01 .title-fill:after {
    color: #222;
}
.bkr003 .sweem .bkr003 .resume-01 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .sweem .bkr003 .resume-01 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #EFAFBF;
}


/*latest-news-02*/

.bkr003 .sweem .bkr003 .latest-news-02 .title-fill:after {
    color: #222;
}
.bkr003 .sweem .bkr003 .latest-news-02 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .sweem .bkr003 .latest-news-02 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #EFAFBF;
}


/*portfolio-05*/

.bkr003 .portfolio-05 .title-fill:after {
    color: #222;
}
.bkr003 .portfolio-05 .latest-news-02 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .portfolio-05 .latest-news-02 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #EFAFBF;
}


/*latest-news-07*/

.bkr003 .latest-news-07 .title-fill:after {
    color: #222;
}
.bkr003 .latest-news-07 .latest-news-02 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .latest-news-07 .latest-news-02 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #EFAFBF;
}

/*contact-06*/

.bkr003 .contact-06 .title-fill:after {
    color: #222;
}
.bkr003 .contact-06 .latest-news-02 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .contact-06 .latest-news-02 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #EFAFBF;
}

/*portfolio-05*/

.bkr003 .portfolio-05 .title-fill:after {
    color: #222;
}
.bkr003 .portfolio-05 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .portfolio-05 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #EFAFBF;
}


/*latest-news-07*/

.bkr003 .latest-news-07 .title-fill:after {
    color: #222;
}
.bkr003 .latest-news-07 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .latest-news-07 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #EFAFBF;
}


/*contact-06*/

.bkr003 .contact-06 .title-fill:after {
    color: #222;
}
.bkr003 .contact-06 .content h2 .title-fill:after {
    color: #222;
}
.bkr003 .contact-06 .title-fill:before, .dark-bg-2 .title-fill:before {
    color: #EFAFBF;
}













.bkr003 .about-07 {
    padding-left: 0px;
}
.bkr003 .contact-07 {
    padding-left: 0px;
}
.bkr003 .services-tab-01 {
    padding-left: 0px;
    background: #fafafa;
}
.bkr003 .resume-05 {
    padding-left: 0px;
    background: #fafafa;
}
.bkr003 .latest-news-08 {
    padding-left: 0px;
}
.bkr003 .portfolio-06 {
    padding-left: 0px;
}
.bkr003 .testimonials-07 {
    padding-left: 0px;
    background: #fafafa;
}
.bkr003 .skill-07 {
    padding-left: 0px;
}
.bkr003 .skills-06 .image img {
    max-width: 100%;
    float: right;
    height: 100%;
    background-size: cover;
}

@media only screen and (max-width: 1199px){ 

	.bkr003 .about-07 {
		padding-left: 0px;
	}
	.bkr003 .contact-07, .bkr003 .footer-bottom-area-04 {
		padding-left: 0px !important;
	}
#rtl .bkr003 .slider-02 {
    padding-right: 0 !important;
}
#rtl .bkr003 .slider-02 .image-box {
    display: none;
}
#rtl .slder_title {
    margin-top: 0;
}
#rtl .bkr003 .slider-02 .content {
    padding: 240px 0px 250px 0px;
}
#rtl .bkr003 .about-07 {
    padding-right: 0 !important;
}
#rtl .bkr003 .resume-05 {
    padding-right: 0 !important;
}
#rtl .bkr003 .resume-05 .content {
    margin-top: 0;
    margin-left: 20px;
    margin-bottom: 40px;
}
#rtl .bkr003 .skill-07 {
    padding-right: 0 !important;
}
#rtl .bkr003 .skill-07 .skill-block {
    margin-bottom: 40px;
}
#rtl .bkr003 .portfolio-06 {
    padding-right: 0 !important;
}
#rtl .bkr003 .testimonials-07 {
    padding-right: 0 !important;
}
#rtl .bkr003 .latest-news-08 {
    padding-right: 0 !important;
}
#rtl .bkr003 .contact-07.two {
    padding-right: 0 !important;
}
#rtl .bkr003 .footer-bottom-area-04 {
    padding-right: 0px !important;
}
#rtl .bkr003 .services-tab-01 {
    padding-right: 0 !important;
}
.bkr003 .services-tab-01 {
    padding-left: 0;
    background: #fafafa;
}
	.bkr003 .resume-05 {
		padding-left: 0px;
	}
	.bkr003 .latest-news-08 {
		padding-left: 0px;
	}
	.bkr003 .portfolio-06 {
		padding-left: 0px;
	}
	.bkr003 .testimonials-07 {
		padding-left: 0px;
	}
	.bkr003 .skill-07 {
		padding-left: 0px;
	}
	
}
.slder_title .btn-box a{
    font-size: 14px;
    color: #fff;
    background: #ef0d33;
    display: inline-block;
    padding: 9px 37px;
	margin-top:40px;
}
.slder_title .btn-box a {
    background-image: -webkit-linear-gradient(315deg, #222 50%, transparent 50%);
    background-image: -o-linear-gradient(315deg, #222 50%, transparent 50%);
    background-image: linear-gradient(135deg, #222 50%, transparent 50%);
    background-size: 0px 50px;
    background-position: -50px -50px;
    background-repeat: no-repeat;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.btn-success {
  color: #fff;
  background-color: #ef0d33 !important;
  border-color: #ef0d33 !important;
  border-radius: 0px;
}

.slder_title .btn-box a:hover {
    background-size: 300% 300%;
    background-position: 0% 0%;
}
.slder_title{
    margin-top: 100px;
}
.sec-title .title h2 {
    letter-spacing: 4px;
}
#dark .bkr003 .about-07 {
    background: #1f2235;
}
#dark .bkr003 .about-07 .title-fill:after {
    color: #ffffff;
}
#dark .bkr003 .about-07 .sec-title:before {
    background: #ffffff21;
}
#dark .bkr003 .about-07 .sec-title .text p {
    color: #ffffff;
}
#dark .bkr003 .about-07 .sec-title .bigtitle h1 {
    color: #dddddd1a;
}
#dark .bkr003 .about-07 .content .subtitle h4 {
    color: #ffffff;
}
#dark .bkr003 .about-07 .content .title h3 {
    color: #ffffff;
    border-bottom: 2px solid #ebebeb24;
}
#dark .bkr003 .about-07 .content .text p {
    color: #ffffff;
}
#dark .bkr003 .about-07 .funfact .item .count-outer .count-text {
    color: #ffffff;
}
#dark .bkr003 .about-07 .img-box:before {
    background: #2a2c47;
}
#dark .bkr003 .about-07 .img-box:after {
    background: #2a2c47;
}
#dark .bkr003 .resume-05 {
    background: #2a2c47;
}
#dark .bkr003 .resume-05 .title-fill:after {
    color: #fff;
}
#dark .bkr003 .resume-05 .sec-title:before {
    background: #ffffff30;
}
#dark .sec-title .text p {
    color: #ffffff!important;
}
#dark .bkr003 .resume-05 .content .title h3 {
    color: #ffffff;
}
#dark .bkr003 .resume-05 .content .inner-box .item h4 {
    color: #ffffff;
}
#dark .bkr003 .resume-05 .content .inner-box .item p {
    color: #ffffff!important;
}
#dark .bkr003 .resume-05 .content .inner-box .item {
    border-bottom: 1px solid #e6e6e61c;
}
#dark .bkr003 .resume-05 .content .inner-box {
    background: #313552;
}
#dark .bkr003 .resume-05 .sec-title .bigtitle h1 {
    color: #dfdfdf14;
}
#dark .bkr003 .skill-07 {
    background: #1f2235;
}
#dark .bkr003 .skill-07 .title-fill:after {
    color: #ffffff;
}
#dark .bkr003 .skill-07 .sec-title:before {
    background: #ffffff21;
}
#dark .bkr003 .skill-07 .sec-title .bigtitle h1 {
    color: #ffffff2b;
}
#dark .bkr003 .skill-07 .skill-block {
    background: #2a2c47;
}
#dark .bkr003 .skill-07 .skill-block .title h2 {
    color: #fff;
}
#dark .bkr003 .skill-07 .skill-block .bar-item .skill-title {
    color: #ffffff;
}
#dark .bkr003 .skill-07 .skill-block .bar-item .skill-percentage {
    color: #ffffff;
}
#dark .bkr003 .services-tab-01 {
    background: #313552;
}
#dark .bkr003 .services-tab-01 .title-fill:after {
    color: #ffffff;
}
#dark .bkr003 .services-tab-01 .sec-title:before {
    background: #ffffff21;
}
#dark .bkr003 .services-tab-01 .sec-title .bigtitle h1 {
    color: #f4f4f436;
}
#dark .bkr003 .services-tab-01 .tab-buttons .tab-btn {
    color: #ffffff;
    background: #1f2235;

}
#dark .bkr003 .services-tab-01 .tabs-content .content h3 {
    color: #fff;
}
#dark .bkr003 .services-tab-01 .tabs-content .content h4 {
    color: #ffffff;
}
#dark .bkr003 .services-tab-01 .tabs-content .content .text p {
    color: #fff;
}
#dark .bkr003 .services-tab-01 .tabs-content .content .list li {
    color: #ffffff;
}
#dark .bkr003 .portfolio-06 {
    background: #1f2235;
}
#dark .bkr003 .portfolio-06 .title-fill:after {
    color: #ffffff;
}
#dark .bkr003 .portfolio-06 .sec-title:before {
    background: #ffffff21;
}
#dark .bkr003 .portfolio-06 .sec-title .bigtitle h1 {
    color: #f4f4f436;
}
#dark .bkr003 .portfolio-06 .filter-tabs {
    border: 1px solid #e1e1e121;
}
#dark .bkr003 .portfolio-06 .filters li {
    color: #ffffff;
}
#dark .bkr003 .testimonials-07 {
    background: #313552;
}
#dark .bkr003 .testimonials-07 .title-fill:after {
    color: #fff;
}
#dark .bkr003 .testimonials-07 .sec-title:before {
    background: #ffffff21;
}
#dark .bkr003 .testimonials-07 .item h3 {
    color: #ffffff;
}
#dark .bkr003 .testimonials-07 .item p {
    color: #ffffff;
}
#dark .bkr003 .testimonials-07 .item .content {
    background: #2a2c47;
}
#dark .bkr003 .testimonials-07 .sec-title .bigtitle h1 {
    color: #ffffff0d;
}
#dark .bkr003 .testimonials-07 .item .img-holder .designation {
    color: #ffffff;
}
#dark .bkr003 .testimonials-07 .item .img-holder .name h4 {
    color: #ffffff;
}
#dark .bkr003 .testimonials-07 .clints .item:before {
    background: #1f2235 padding-box content-box;

}
#dark .bkr003 .testimonials-07 .clints .item {
    border: 1px solid #404040!important;
}
#dark .bkr003 .latest-news-08 {
    background: #1f2235;
}
#dark .bkr003 .latest-news-08 .title-fill:after {
    color: #ffffff;
}
#dark .bkr003 .latest-news-08 .sec-title:before {
    background: #ffffff21;
}
#dark .bkr003 .latest-news-08 .sec-title .bigtitle h1 {
    color: #dddddd2e;
}
#dark .bkr003 .latest-news-08 .content h3 {
    color: #ffffff;
}
#dark .bkr003 .latest-news-08 .content .meta-box .meta-info li {
    color: #ffffff;
}
#dark .bkr003 .latest-news-08 .content .text p {
    color: #ffffff;
}
#dark .bkr003 .services-tab-01 .tabs-content .img-box:before {
    background: #2a2c47;
}
#dark img,#dark .bkr003 .slider-02 {
    filter: -webkit-grayscale(1);
    filter: -moz-grayscale(1);
    filter: -ms-grayscale(1);
    filter: -o-grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#dark img:hover,#dark .bkr003 .slider-02:hover,#dark .slider-02:hover img,#dark .bkr003 .resume-05:hover img,#dark .bkr003 .portfolio-06:hover img{
    filter: -webkit-grayscale(0);
    filter: -moz-grayscale(0);
    filter: -ms-grayscale(0);
    filter: -o-grayscale(0);
    filter: grayscale(0);
}









/*news-block-three*/


.news-block-three {
    margin-bottom: 0 !important;
}
.news-block-three .inner-box {}
.news-block-three .inner-box .image-box {}
.news-block-three .inner-box .image-box .image {}
.news-block-three .inner-box .image-box .image img {}
.news-block-three .inner-box .lower-content {
    box-shadow: 0px 3px 20px 0px rgba(227, 227, 227, 0.65);
    background: #fff;
    margin: 0px 35px;
    z-index: 99;
    position: relative;
    top: -45px;
    padding: 20px 28px 20px 28px;
    border-radius: 15px;
    margin-bottom: -25px;
}
.news-block-three .inner-box .lower-content .date {
    float: right;
    color: #ef0d33;
    font-size: 16px;
    font-weight: 600;
    margin-top: 6px;
}
.news-block-three .inner-box .lower-content .title {
    display: inline-block;
}
.news-block-three .inner-box .lower-content .title h2 {
    font-size: 24px;
    color: #ef0d33;
    font-weight: 700;
}
.news-block-three .text p {
    color: #A7A7A7;
    font-size: 16px;
    line-height: 30px;
}

.news-block-three blockquote {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding: 20px 20px 20px 20px;
    background: #ef0d33;
}

/*** 

====================================================================
		Comment Form
====================================================================

 ***/

.comment-form-two {
    position: relative;
    width: 100%;
}
.comment-form-two form{
	width: 100%;
}
.comment-form-two .group-title{
	margin-bottom: 30px;
}

.comment-form-two .form-group{
	position:relative;
	margin-bottom: 20px;
}

.comment-form-two .form-group:last-child{
	margin-bottom: 0;
}
.comment-form-two .form-group input{
	position: relative;
    display: block;
    height: 50px;
    width: 100%;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    font-weight: 400;
    padding: 14px 22px;
    background-color: #ffffff;
    border: 1px solid #EBEBEB;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.comment-form-two .form-group textarea{
	position: relative;
    display: block;
    height: 50px;
    width: 100%;
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    font-weight: 400;
    padding: 14px 22px;
    background-color: #ffffff;
    border: 1px solid #EBEBEB;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.comment-form-two .form-group textarea {
	height: 165px;
}
.comment-form-two .form-group input:focus,
.comment-form-two .form-group select:focus,
.comment-form-two .form-group textarea:focus{
	border-color:#ff8a00;
}

.comment-form .form-group textarea{
	height: 120px;
	resize: none;
}
.comment-form-two button {
    font-size: 14px;
    color: #fff;
    background: #ef0d33;
    display: inline-block;
    padding: 9px 37px;
}
.comment-form-two button {
    background-image: -webkit-linear-gradient(315deg, #222 50%, transparent 50%);
    background-image: -o-linear-gradient(315deg, #222 50%, transparent 50%);
    background-image: linear-gradient(135deg, #222 50%, transparent 50%);
    background-size: 0px 50px;
    background-position: -50px -50px;
    background-repeat: no-repeat;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.comment-form-two button:hover {
    background-size: 300% 300%;
    background-position: 0% 0%;
}
.comment-form-two .title h2 {
    color: #222;
    font-size: 30px;
    line-height: 28px;
    text-align: center;
    font-weight: 700;
    margin: 50px 0px 50px 0px;
}

/*news-block-three*/

.sidebar-page-container.two .share {
    position: relative;
    box-shadow: 0px 3px 13px 0px rgba(229, 229, 229, 0.35);
    padding: 10px 15px 10px 15px;
    background: #fff;
    margin-top: 25px;
}
.sidebar-page-container.two .share:before {
    content: "";
    box-shadow: 0px 3px 13px 0px rgba(229, 229, 229, 0.35);
    position: absolute;
    left: 10px;
    top: 0;
    width: 100%;
    height: 56px;
    z-index: -1;
}
.sidebar-page-container.two .share .title {
	display: inline-block;
}
.sidebar-page-container.two .share .title h2 {
    font-size: 22px;
    color: #ef0d33;
    font-weight: 600;
}
.sidebar-page-container.two .share .social-box {
    float: right;
    margin-top: 5px;
}
.sidebar-page-container.two .share .social-box li {
    display: inline-block;
    margin: 0px 10px;
}
.sidebar-page-container.two .share .social-box li a {}
.sidebar-page-container.two .share .social-box li a span {
    font-size: 16px;
    color: #757575;
	transition: all 700ms ease;
}
.sidebar-page-container.two .share .social-box li a span:hover {
    color: #ef0d33;
	transition: all 700ms ease;
}


.boxed{
	max-width:1350px;
	margin:0 auto;
	background:#000;
}
.boxed .side-nav-two {
    left: inherit;

}


.page-head-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.particles-home .page-head-bg {
    width: 100%;
}
.bkr003 .slider-02.particles-home .image-box {
    z-index: 99;
}
.bkr003 .slider-02.particles-home .btn-box {
    z-index: 99999;
}
.bkr003 .slider-02.video-bg-box video {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.bkr003 .slider-02.video-bg-box .bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
}
.bkr003 .slider-02.video-bg-box .title h2 {
    color: #fff;
}
.bkr003 .slider-02.video-bg-box .text_typing p {
    color: #fff;
}
.bkr003 .slider-02.video-bg-box .title h2 span {
    color: #ef0d33;
}
.bkr003 .slider-02.video-bg-box .image-box {
    display: none;
}
.bkr003 .slider-02.video-bg-box .slder_title {
    margin-top: 0;
}
.bkr003 .slider-02.video-bg-box .content {
    padding: 290px 0px 320px 0px;
}



#rtl .bkr003 .slider-02 {
    padding-left: 0;
    padding-right: 300px;
}
#rtl .bkr003 .slider-02 .image-box {
    right: unset;
    left: 0;
}
#rtl .bkr003 .slider-02 .title h2 {
    margin-left: 0;
    left: 0;
    text-align: right;
}
#rtl .bkr003 .slider-02 .text_typing p {
    margin-right: 0 !important;
}
#rtl .slider-02 .btn-box {
    margin-right: 0 !important;
    margin-top: 0;
}
#rtl .side-nav-two {
    right: 0px!important;
    left: unset;
    right: 0;
}
#rtl .bkr003 .about-07 .small-container {
    /* margin: 0px; */
}
#rtl .bkr003 .resume-05 {
    padding-left: 0px;
    background: #fafafa;
    padding-right: 300px;
}
#rtl .bkr003 .skill-07 {
    padding-left: 0px;
    padding-right: 300px;
}
#rtl .bkr003 .services-tab-01 {
    padding-left: 0px;
    background: #fafafa;
    padding-right: 300px;
}
#rtl .bkr003 .portfolio-06 {
    padding-left: 0px;
    padding-right: 300px;
}
#rtl .bkr003 .testimonials-07 {
    padding-left: 0px;
    background: #fafafa;
    padding-right: 300px;
}
#rtl .bkr003 .latest-news-08 {
    padding-left: 0px;
    padding-right: 300px;
}
#rtl .bkr003 .contact-07.two {
    padding-left: 0px;
    padding-right: 300px;
}
#rtl .bkr003 .footer-bottom-area-04 {
    padding-left: 0 !important;
    padding-right: 300px;
}
#rtl .bkr003 .slider-02 .text_typing p {
    text-align: right;
    margin-right: 150px;
}
#rtl .slider-02 .btn-box{
    text-align: right;
    margin-right: 150px;
}
#rtl .sec-title {
    text-align: right!important;
}
#rtl .bigtitle {
    float: left!important;
    text-align: left!important;
}
#rtl .sec-title:before{
	display:none;
}
#rtl .bkr003 .resume-05 .content .title h3 {
    text-align: right;
}
#rtl .bkr003 .resume-05 .content .inner-box .item {
    text-align: right;
}
#rtl .bkr003 .resume-05 .content .inner-box .item h5:before {
 display:none;
}
#rtl .bkr003 .skill-07 .skill-block .title {
    text-align: right;
}
#rtl .bkr003 .skill-07 .skill-block .bar-item {
    text-align: right;
}
#rtl .bkr003 .services-tab-01 .tabs-content .content h3 {
    text-align: right;
}
#rtl .bkr003 .services-tab-01 .tabs-content .content h4 {
    text-align: right;
}
#rtl .bkr003 .services-tab-01 .tabs-content .content .text p {
    text-align: right;
}
#rtl .bkr003 .testimonials-07 .item p {
    text-align: right;
}
#rtl .bkr003 .latest-news-08 .content h3 {
    text-align: right;
}
#rtl .bkr003 .latest-news-08 .content .meta-box .meta-info {
    text-align: right;
}
#rtl .bkr003 .latest-news-08 .content .text p {
    padding-right:0px;
    text-align: right;
}
#rtl .bkr003 .latest-news-08 .content .btn-box {
    text-align: right;
}
#rtl .bkr003 .contact-07.two .content h3 {
    text-align: right;
}
#rtl .bkr003 .contact-07.two .content p {
    text-align: right;
}
#rtl .bkr003 .contact-07 .content .list {
    text-align: right;
}
#rtl .bkr003 .contact-07.two .contact-form h3 {
    text-align: right;
}
#rtl .bkr003 .contact-07 .contact-form .frm-control input {
    text-align: right;
}
#rtl .bkr003 .contact-07 .contact-form textarea {
    text-align: right;
}
#rtl .bkr003 .contact-07 .contact-form .frm-control .btn-box {
    float: right;
}
#rtl .bkr003 .about-07 {
	padding-left: 0px;
    padding-right: 300px;
}
#rtl .bkr003 .about-07 .content {
    text-align: right;
}
#rtl .bkr003 .skill-07 .skill-block .bar-item .skill-percentage {
    right: unset;
}

.landing_page img{
    height: 250px;
}
.landing_page{
    padding: 130px 0px;
}
.landing_page .col-lg-4.col-md-6{
	margin-bottom:35px;
}
.landing_page .col-lg-4.col-md-6{
    text-align: center;
}

.fix { display:block; position:fixed; z-index:999; top:40%; right:0 }
.fix img { border-radius:15px 0 0 15px; border:1px solid #eee; }