/* HTML Template

==============  [Table of contents] ==============
1. Fonts
2. Resources / Css Files
3. Global 
4. Main Header / Two / Three / Four / Five
5. Banner Section
6. Feature Section
7. Clients Section
8. About Section
9. Intro Section
10 .Testimonial Section
11. Call to Action
12. Footer Section
13. Pricing Section
14. Funfact Section
15. Team Section
16. Process Section
17. Blog Section
18. Contact Section
19. Portfolio Section


-------------------------------------------*/

/*** 

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

 ***/

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

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

/*** 

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

 ***/

@import url('owl.css');
@import url('fontawesome-all.css');
@import url('flaticon.css');
@import url('jquery.fancybox.min.css');
@import url('animate.css');
@import url('global.css');




li {
    list-style: none;
}

body {
  /*cursor: none;*/
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}



/* Scroll overlay animation */
[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:#767676;
	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;
}


/* Cursor */


.cursor {
    position: absolute;
    background-color: #ff0000;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    z-index: 1;
    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    transform: scale(1);
}

.cursor.active {
	opacity: 0.5;
	transform: scale(2);
}

.cursor .hovered {
	opacity: 0.08;
}

.cursor-follower {
    position: absolute;
    border: 2px solid #ff0000;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    z-index: 1;
    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    transform: translate(-5px, -5px);
}

.cursor-follower.active {
	opacity: 0.7;
	transform: scale(1.5);
}

.cursor-follower .hovered {
	opacity: 0.08;
}

.cursor-follower a {
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    font-size: 11px;
    letter-spacing: 1px;
}

.cursor-follower .link-list {
    position: absolute;
    bottom: 0;
    left: 0;
	list-style: none;}

.cursor-follower .item {
        display: inline-block;
}

.prz-container {
    perspective: none !important;
    cursor: all-scroll;
}
img.prz-set {
    cursor: progress !important;
}
.sm.blog-style-one.sec-pad.blog-page {
    padding-bottom: 70px;
}
a.fab.fa-facebook-f.hvr-pulse {
    background: #2884C6;
}

.testi-carousel-wrapper .overlay {
    /* animation: parallax_bike linear 10s infinite both; */
}
@keyframes parallax_fg {  
  0% { background-position: 2765px 100%;} 
  100% {background-position: 550px 100%; } 
}
@keyframes parallax_bike {  
  0% { background-position: -300px 100%;} 
  100% {background-position: 2000px 100%; } 
}

.nav-container .social-list {
    z-index: 99;
}



/*** 

====================================================================
		slider-01
====================================================================

***/
 
.bkr003 .slider-01 {
    position: relative;
    background: rgb(1, 1, 1);
    z-index: 1;
    margin-bottom: 0px;
    padding: 90px 0px 0px 0px;
}
.bkr003 .slider-01 .content {}
.bkr003 .slider-01 .content .bigtitle {
    position: absolute;
    left: -120px;
    top: -200px;
    z-index: -3;
}
.bkr003 .slider-01 .content .bigtitle h1 {
    font-size: 224px;
    color: rgba(255, 255, 255, 0.06);
    font-weight: 900;
    transform: rotate(0deg);
    z-index: -1;
}
.bkr003 .slider-01 .content .subtitle h3 {
    font-size: 24px;
    color: #aaaaaa;
    margin-bottom:40px;
}
.bkr003 .slider-01 .content .title h2 {
    font-size: 66px;
    color: #FFFEFE;
    line-height: 66px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 37px;
    /* font-family: 'Teko', sans-serif; */
    text-transform: uppercase;
}
.bkr003 .slider-01 .content .title h3{
    margin-top: 130px;
    font-size: 35px;
}
.bkr003 .slider-01 .content .title h3:after {
    color: #ef0d33;
}
.bkr003 .slider-01 .content .btn-box {
    display: inline-block;
}
.bkr003 .slider-01 .content .btn-box a {
    font-size: 18px;
    color: #FFFEFE;
    background: #313552;
    padding: 14px 45px;
    /* border-radius: 30px; */
    font-weight: 500;
}
.bkr003 .slider-01 .content .btn-box a {
    color: #fff;
    font-size: 16px;
    background-image: -webkit-linear-gradient(315deg, #ef0d33 50%, transparent 50%);
    background-image: -o-linear-gradient(315deg, #ef0e34 50%, transparent 50%);
    background-image: linear-gradient(135deg, #ef0d33 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 .slider-01 .content .btn-box a:hover {
    background-size: 300% 300%;
    background-position: 0% 0%;
    color: #fff;
}

.bkr003 .slider-01 .content .play-btn {
    display: inline-block;
    margin-left: 20px;
    display: none;
}
.bkr003 .slider-01 .content .play-btn a {}
.bkr003 .slider-01 .content .image {
    position: relative;
    top: 0px;
    left: 0px;
	width:700px;
}
.bkr003 .slider-01 .content .image img {
	width:800px;
}
.bkr003 .slider-01 .content .social-list {}
.bkr003 .slider-01 .content .social-list ul {
    position: absolute;
    right: -134px;
    bottom: 216px;
}
.bkr003 .slider-01 .content .social-list ul li {
    display: block;
    margin-bottom: 26px;
	transition: all 700ms ease;
}
.bkr003 .slider-01 .content .social-list ul li a {
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 50px;
    height: 50px;
	transition: all 700ms ease;
}
.bkr003 .slider-01 .content .social-list ul li:hover a {
	color: #ef0d33;
	transition: all 700ms ease;
}
.bkr003 .slider-01 .content .social-list ul li:hover a span {
    color: #ffffff;
    transition: all 700ms ease;
    background-size: 300% 300%;
    background-position: 0% 0%;
    background: #ef0d33;
    font-size: 1.2em;
}
.bkr003 .slider-01 .content .social-list ul li a span {
    background: #1A2840;
    width: 50px;
    height: 50px;
    line-height: 50px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: all 700ms ease;
}
.bkr003 .slider-01 .content .arrow-down {
    position: absolute;
    left: -345px;
    bottom: 150px;
    z-index: 99;
    opacity: 1;
    margin-left: 0;
    cursor: pointer;
    display: inline-block;
    background: #1f2235;
    padding: 10px 40px 10px 35px;
    transform: rotate(90deg);
    overflow: hidden;
}
.bkr003 .slider-01 .content .arrow-down .btn-box-two {
    position: relative;
    display: inline-block;
}
.bkr003 .slider-01 .content .arrow-down .btn-box-two::before {
    content: "\f061";
    position: absolute;
    right: -30px;
    top: 1px;
    padding: 0px 10px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
    font-size: 16px;
    animation: fadeInLeftBig 3s infinite;
}
.bkr003 .slider-01 .content .arrow-down .btn-box-two span {
    font-size: 16px;
    color: #FFFEFE;
    font-weight: 500;
    letter-spacing: 2px;
}


/*** 

====================================================================
	about-03
====================================================================

***/

.bkr003 .about-03 {
    position: relative;
    padding: 100px 0px;
    background: #0e0e0e;
    z-index: 1;
}
.bkr003 .about-03 .image {
	position: relative;
	margin-top: 20px;
}
.bkr003 .about-03 .image:before {
    content: "";
    position: absolute;
    bottom: -25px;
    right: 0px;
    background-image: url(../images/background/about-03-shape.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 400px;
    height: 362px;
    z-index: -1;
}

.bkr003 .about-03 .content {
    padding-left: 22px;
}
.bkr003 .about-03 .content .subtitle {}
.bkr003 .about-03 .content .subtitle h3 {
    font-size: 14px;
    color: #ef0d33;
    letter-spacing: 2px;
    margin-top: 38px;
    margin-bottom: 30px;
}
.bkr003 .about-03 .content .title h2 {
    font-size: 50px;
    line-height: 60px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.bkr003 .about-03 .content .item {
    position: relative;
    padding: 0px 0px 0px 110px;
    margin-bottom: 60px;
}
.bkr003 .about-03 .content .item .icon {
    position: absolute;
    left: 5px;
    top: 0px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 60px;
    text-align: center;
    background: #edfcec17;
    margin-bottom: 25px;
}
.bkr003 .about-03 .content .item:hover .icon {
    -webkit-transform: scale(-1) rotate(-180deg);
    -ms-transform: scale(-1) rotate(-180deg);
    transform: scale(-1) rotate(-180deg);
    -webkit-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    background: #614ef9;
}
.bkr003 .about-03 .content .item .icon span:before {
    color: #ef0d33;
    font-size: 40px;
    line-height: 76px;
}
.bkr003 .about-03 .content .item .title {}
.bkr003 .about-03 .content .item .title h4 {
    font-size: 16px;
    color: #5F99FF;
    margin-bottom: 14px;
    text-transform: capitalize;
}
.lightst .about-03 .content .item .title h4 {
    color: #4f4f4f;
}
.bkr003 .about-03 .content .item .text p {
    font-size: 16px;
    color: #FFFEFE;
    font-weight: 500;
}
.nav-container.two .nav-menu {
    /* z-index: 2; */
}


/*** 

====================================================================
	service-icon-03
====================================================================

***/

.bkr003 .service-icon-03 {
    position: relative;
    background: #000;
    padding: 100px 0px 50px 0px;
}
.bkr003 .service-icon-03 .sec-title {
    /* margin-bottom: 100px; */
    text-align: center;
}
.bkr003 .service-icon-03 .sec-title .subtitle h3 {
    /* font-size: 16px; */
    /* color: #ef0d33; */
    /* font-weight: 500; */
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    /* margin-bottom: 24px; */
}
.bkr003 .service-icon-03 .sec-title .title h2 {
    /* font-size: 50px; */
    /* color: #FFFEFE; */
    /* font-weight: 700; */
    /* line-height: 120px; */
    /* text-transform: uppercase; */
}
.bkr003 .service-icon-03 .sec-title .title h2:before {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 100px;
    background: #bbc1cb;
    bottom: -35px;
    left: -20px;
    right: 0;
    display: none;
}
.bkr003 .service-icon-03 .sec-title .title h2:after {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 20px;
    background: #cccccd;
    bottom: -35px;
    left: 160px;
    right: 40px;
    display: none;
}
.bkr003 .service-icon-03 .item {
    background: #313552;
    padding: 40px;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
    border-radius: 5px;
}

.bkr003 .service-icon-03 .item .left-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    display: block;
    z-index: -1;
}

.bkr003 .service-icon-03 .item .left-layer:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 50%;
    height: 0%;
    display: block;
    background-color: #2a2c47;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
}

.bkr003 .service-icon-03 .item .left-layer:after {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    width: 50%;
    height: 0%;
    display: block;
    background-color: #2a2c47;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
}

.bkr003 .service-icon-03 .item:hover .left-layer:before, 
.bkr003 .service-icon-03 .item:hover .left-layer:after{
	height:100%;
}

.bkr003 .service-icon-03 .item .right-layer{
	position:absolute;
	right:0px;
	top:0px;
	width:50%;
	height:100%;
	display:block;
    z-index: -1;
}

.bkr003 .service-icon-03 .item .right-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:50%;
	height:0%;
	display:block;
	background-color: #2a2c47;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.bkr003 .service-icon-03 .item .right-layer:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:50%;
	height:0%;
	display:block;
	background-color: #2a2c47;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.bkr003 .service-icon-03 .item:hover .right-layer:before, 
.bkr003 .service-icon-03 .item:hover .right-layer:after{
	height:100%;
}
.bkr003 .service-icon-03 .item .icon span:before {
    /* color: #ee0d33; */
    font-size: 45px;
    /* font-weight: 600; */
}
.bkr003 .service-icon-03 .item .icon .span {}
.bkr003 .service-icon-03 .item .title h4 {
	position: relative;
	font-size: 23px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 40px;
}
.bkr003 .service-icon-03 .item .title h4:before {
    position: absolute;
    left: 0;
    bottom: -20px;
    content: "";
    background: #ffffff29;
    width: 50px;
    height: 4px;
    transition: all 500ms ease;
}
.bkr003 .service-icon-03 .item:hover .title h4:before {
    width: 80px;
	background: #fff;
    transition: all 500ms ease;
}
.bkr003 .service-icon-03 .item .text p {
    font-size: 15px;
    color: #fff;
    /* line-height: 28px; */
    margin-bottom: 30px;
}
.bkr003 .service-icon-03 .item .link-btn {}
.bkr003 .service-icon-03 .item .link-btn a {}
.bkr003 .service-icon-03 .item .link-btn a span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #1f2235;
    text-align: center;
    border-radius: 50px;
    color: #ffffff;
    transition: all 700ms ease;
}
.bkr003 .service-icon-03 .item:hover .link-btn a span {
    background: #fff;
	color: #ef0e34;
    transition: all 700ms ease;
}


/*** 

====================================================================
	skills-03
====================================================================

***/

.bkr003 .skills-03 {
    background: #000000;
    position: relative;
    z-index: 111;
    overflow: hidden;
}
.bkr003 .skills-03:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    height: 100%;
    width: 50%;
    background: #000000;
    transition: all 700ms ease !important;
    z-index: -1;
}
.bkr003 .skills-03 .image {
    position: relative;
}
.bkr003 .skills-03 .left {
	position: relative;
}
.bkr003 .skills-03 .left:before {
    position: absolute;
    left: -464px;
    bottom: 0;
    content: "";
    height: 100%;
    width: 175%;
    background: rgb(49, 53, 82);
    transition: all 700ms ease !important;
    z-index: 1;
}
.bkr003 .skills-03 .image img {
    max-width: none;
    float: right;
    position: relative;
    overflow: hidden;
    margin-bottom: -105px;
}
.bkr003 .skills-03 .content {
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 1;
    padding-top: 75px;
}
.bkr003 .skills-03 .content .subtitle {}
.bkr003 .skills-03 .content .subtitle h3 {
    font-size: 14px;
    color: #ef0d33;
    margin-bottom: 33px;
}
.bkr003 .skills-03 .content .title {}
.bkr003 .skills-03 .content .title h2 {
    font-size: 50px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 84px;
    margin-bottom: 40px;
}
.bkr003 .skills-03 .content .text {}
.bkr003 .skills-03 .content .text p {
    font-size: 15px;
    color: #FFFFFF;
    line-height: 30px;
    padding-right: 60px;
    margin-bottom: 45px;
}
.bkr003 .skills-03 .content .btn-box {}
.bkr003 .skills-03 .content .btn-box a {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 11px 30px;
    border-radius: 5px;
    background: #ef0d33;
    transition: all 700ms ease;
    display: inline-block;
}
.bkr003 .skills-03 .content .btn-box a {
    color: #fff;
    font-size: 16px;
    background-image: -webkit-linear-gradient(315deg, #fff 50%, transparent 50%);
    background-image: -o-linear-gradient(315deg, #fff 50%, transparent 50%);
    background-image: linear-gradient(135deg, #fff 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 .skills-03 .content .btn-box a:hover {
    background-size: 300% 300%;
    background-position: 0% 0%;
    color: #ef0d33;
}

.bkr003 .skills-03 .skill-block {
    background-repeat: no-repeat;
    padding: 75px 0px 45px 70px;
}
.bkr003 .skills-03 .skill-block .title h2 {
    font-size: 50px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 84px;
    margin-bottom: 24px;
}
.bkr003 .skills-03 .skill-block .inner-box {
    position: relative;
    margin-top: 70px;
}
.bkr003 .skills-02 .progress-item {
    margin-top: 0px;
    margin-bottom: 27px;
}
.bkr003 .skills-03 .progress-item .progress {
    overflow: visible;
}
.bkr003 .skills-03 .progress-item .progress-bar {
    background-color: #ef0e34;
    height: 6px;
    position: relative;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    font-size: 14px;
}
.bkr003 .skills-03 .progress-bar .value-holder {
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: -43px;
    width: 36px;
    right: -2px;
    height: 36px;
    border: brown;
    border-radius: 50%;
}
.bkr003 .skills-03 .progress-bar .value-holder .value {
    color: #fff;
    font-size: 12px;
    line-height: 33px;
    transition: all 700ms ease;
}
.bkr003 .skills-03 .progress-white .progress {
	padding: 2px;
}
.bkr003 .skills-03 .progress {
    box-shadow: none;
    background: #eaeaea;
    height: 6px;
}
.bkr003 .skills-03 .skill-block .title {
    margin-bottom: 44px;
}
.bkr003 .skills-03 .skill-title h3 {
    font-size: 16px;
    color: #FFFFFF;
    position: relative;
    margin-top: -17px;
    margin-bottom: 15px;
}
.bkr003 .skills-03 .progress-item {
    margin-bottom: 50px;
}



/*** 

====================================================================
		portfolio-01
====================================================================

***/

.bkr003 .portfolio-02 {
    position: relative;
    background: #000000fc;
    padding: 100px 0px 80px 0px;
}
.bkr003 .portfolio-02 .sec-title {
    /* margin-bottom: 100px; */
    text-align: center;
}
.bkr003 .portfolio-02 .sec-title .subtitle h3 {
    /* font-size: 16px; */
    /* color: #ef0d33; */
    /* font-weight: 500; */
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    /* margin-bottom: 24px; */
}

.bkr003 .portfolio-02 .sec-title .title h2 {
    /* font-size: 60px; */
    /* line-height: 80px; */
    /* color: #fff; */
    /* font-weight: 700; */
    /* text-transform: uppercase; */
}
.bkr003 .portfolio-02 .big-title h1 {
    color: #414562;
}
.bkr003 .resume-01 .img img {
    border-radius: 5px;
}
.bkr003 .portfolio-02 .sec-title .title h2:before {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 100px;
    background: #0C1320;
    bottom: -35px;
    left: -20px;
    right: 0;
    display: none;
}
.bkr003 .portfolio-02 .sec-title .title h2:after {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 20px;
    background: #0C1320;
    bottom: -35px;
    left: 160px;
    right: 40px;
    display: none;
}

.bkr003 .portfolio-02 .filters {
    position: relative;
    margin-bottom: 30px;
}

.bkr003 .portfolio-02 .portfolio-pagination {
    position: absolute;
    left: 560px;
    top: 0;
}

.bkr003 .portfolio-02 .portfolio-pagination .inner {
    position: relative;
    text-align: center;
    font-size: 11px;
    line-height: 30px;
    color: #000000;
    font-weight: 700;
    background: #EBEBEB;
    padding: 0px 30px 0px 20px;
    border-radius: 30px;
}

.bkr003 .portfolio-02 .portfolio-pagination .inner:before {
    position: absolute;
    content: "\f038";
    right: 15px;
    top: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    color: #3B3B3B;
}

.bkr003 .portfolio-02 .portfolio-pagination .inner span{
	position: relative;
	padding: 0 5px;
	display: inline-block;
}

.bkr003 .portfolio-02 .filters .filter-btns {
    text-align: center;
    display: block;
    border-bottom: 5px solid #2a2c47;
    margin: 0px 225px;
    margin-bottom: 50px;
}

.bkr003 .portfolio-02 .filters li {
    position: relative;
    display: inline-block;
    font-size: 15px;
    padding: 0px 7px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    padding-bottom: 13px;
    font-family: 'Oswald', sans-serif;
}

.bkr003 .portfolio-02 .filter-nrm {
    float: left;
    color: #777777;
    font-size: 11px;
    font-weight: 600;
}

.bkr003 .portfolio-02 .filters li.active {
    position: relative;
    display: inline-block;
    font-size: 15px;
    padding: 0px 7px;
    font-weight: 700;
    color: #ef0d33!important;
}
.bkr003 .portfolio-02 .filters li.active:before {
    position: absolute;
    left: 0;
    bottom: -18px;
    content: "";
    height: 5px;
    width: 100%;
    z-index: 1;
    background: #ef0d33;
    text-align: center;
    opacity: 1;
    transition: all 900ms ease;
}

.bkr003 .portfolio-02 .filters li:before {
    position: absolute;
    left: 0;
    bottom: -32px;
    content: "";
    height: 5px;
    width: 100%;
    z-index: 1;
    background: #ef0d33;
    text-align: center;
    opacity: 0;
    transition: all 900ms ease;
}

.portfolio-02 .project-block {
    position: relative;
    margin-bottom: 20px;
    margin-left: -10px;
}

.portfolio-02 .project-block .image-box{
	position: relative;
	overflow: hidden;
}

.portfolio-02 .project-block .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.portfolio-02 .project-block .image-box .image .overlay-anim-box2 {
    display: block;
}

.portfolio-02 .project-block .image-box img {
    display: block;
    max-width: max-content;
    height: auto;
}

.portfolio-02 .project-block .overlay-box {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: rgba(17, 21, 23, 0.89);
    z-index: 3;
    opacity: 0;
    transform: scale(0) rotate(0deg);
    transition: all 700ms ease 300ms;
}
.portfolio-02 .project-block:hover .overlay-box{
    opacity: 1; 
    transform:scale(1.0) rotate(0deg);	
    transition: all 700ms ease 200ms;
	
}
.portfolio-02 .project-block .overlay-box .box{}
.portfolio-02 .project-block .overlay-box .box .link {
    position: absolute;
    right: 5px;
    top: 20px;
}
.portfolio-02 .project-block .overlay-box .box .link a span:before {
    color: #fff;
    font-size: 25px;
    transition: all 500ms ease;
    text-align: center;
    padding: 15px 15px;
    border-radius: 54px;
}
.portfolio-02 .project-block .overlay-box .box .link a:hover span:before{
    /*color: #e9212e;  */  
}

/*.portfolio-02 .project-block .overlay-box:before{
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	width: 0;
	content: "";
	visibility: visible;
	background: #000000 padding-box content-box;
	padding:10px;
    -webkit-transition: all 400ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
    -moz-transition: all 400ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
    -o-transition: all 400ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
    transition: all 400ms cubic-bezier(0.470, 0.000, 0.745, 0.715); /* easeInSine */
    -webkit-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
    -moz-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
    -o-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715);
    transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715); /* easeInSine */
}
*/

.portfolio-02 .project-block .image-box:hover .overlay-box:before{
	width: 100%;
	left: 0;
	opacity: 0.75;
}

.portfolio-02 .project-block .overlay-box .content-box{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	visibility: visible;
}

.portfolio-02 .project-block .image-box:hover .overlay-box .content-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	transition-delay: 400ms;
}


.portfolio-02 .project-block .overlay-box .content-box h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 5px;
}

.portfolio-02 .project-block .overlay-box .content-box h4 a{
	color:#ffffff;	
}

.portfolio-02 .project-block .overlay-box .content-box h4 a:hover{
	text-decoration:underline;	
}

.portfolio-02 .project-block .overlay-box .category{
	position: relative;
}

.portfolio-02 .project-block .overlay-box .category li{
	position:relative;
	display: inline-block;
	font-size: 12px;
	margin-right:10px;
	line-height: 22px;
	color: #ffffff;
	font-weight: 400;
}

.portfolio-02 .project-block .overlay-box .category li:last-child{
	margin-right:0px;
}	

.portfolio-02 .project-block .overlay-box .category li:before{
    position: absolute;
    right: -14px;
	width:14px;
	text-align:center;
    top: 0;
    font-size: 12px;
    line-height: 20px;
    color: rgba(255,255,255,0.70);
    content: "-";
}

.portfolio-02 .project-block .overlay-box .category li:last-child:before{
	display:none;
}	

.portfolio-02 .project-block .overlay-box .category li a{
	color:#ffffff;	
}

.portfolio-02 .project-block .overlay-box .category li a:hover{
	text-decoration:underline;	
}

.portfolio-02 .btn-box{
	position: relative;
	margin-top: 70px;
	text-align: center;
}

.portfolio-02 .item {}
.portfolio-02 .item .text-holder {
    padding-top: 24px;
}
.portfolio-02 .item .text-holder .title {
    position: absolute;
    bottom: 130px;
    left: -80px;
    transform: rotate(90deg);
}
.portfolio-02 .item .text-holder .title h3 {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    padding-left: 50px;
}
.portfolio-02 .item .text-holder .title h3 a {
    color: #FFFFFF;
    font-size: 28px;
}
.portfolio-02 .item .text-holder .dasignation {
    position: absolute;
    right: 20px;
    bottom: 0;
}
.portfolio-02 .item .text-holder .dasignation p {
    padding-left: 50px;
    font-size: 18px;
    color: #ef0d33;
}


.portfolio-02 .project-block .overlay-box .box .link a {}
.portfolio-02 .project-block .overlay-box .box .link a span {}


/*** 

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

 ***/

.bkr003 .qualification-01 {
    position: relative;
    background:#000;
    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.png);
    width: 131px;
    height: 6px;
    background-repeat: no-repeat;
}

.bkr003 .qualification-01 .item {
    position: relative;
    z-index: 1;
    background: #181818;
    border-radius: 5px;
}


.bkr003 .qualification-01 .item .block {
	position: relative;
	padding: 40px;
	border-radius: 5px;
	padding-bottom: 40px;
}
.bkr003 .qualification-01 .item .block:before {
    position: absolute;
    content: "";
    height: 5px;
    width: 0px;
    background: #ef0e34;
    left: 0;
    right: 0;
    margin: auto;
    top: -2px;
    transition: all 700ms ease;
}

.bkr003 .qualification-01 .item:hover .block:before {
    background: #ef0e34;
    width: 100%;
}

.bkr003 .qualification-01 .item .icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    line-height: 60px;
    text-align: center;
    background: #edfcec1a;
}
.bkr003 .qualification-01 .item .icon span:before {
    font-size: 46px;
    color: #e3e3e3;
    /* width: 60px; */
    /* height: 60px; */
    /* border-radius: 50%; */
    /* line-height: 60px; */
    /* text-align: center; */
    /* background: #edfcec14; */
    /* margin-bottom: 25px; */
}
.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: #ef0e34;
    margin-bottom: 20px;
}
.bkr003 .qualification-01 .item .text {}
.bkr003 .qualification-01 .item .text p {
    font-size: 15px;
    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: 50px;
    color: #FFFEFE;
    font-weight: 700;
    line-height: 120px;
    display: inline-block;
    margin: 0px 30px;
    cursor: pointer;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
}
.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;
}
.bkr003 .qualification-01 .tab-buttons .tab-btn:after {
    position: absolute;
    content: "";
    bottom: 50%;
    right: 0;
    background: #ef0e34;
    width: 0%;
    height: 4px;
    background-repeat: no-repeat;
    transition: all 700ms ease;
    opacity: 0;
}
.bkr003 .qualification-01 .tab-buttons .tab-btn.active-btn:after {
    width: 100%;
	transition: all 700ms ease;
	opacity: 1;
}


/*** 

====================================================================
	funfact-03
====================================================================

 ***/

.bkr003 .funfact-03 {
    position: relative;
    padding: 68px 0px 75px 0px;
    background: #2a2c47;
}

.bkr003 .funfact-03:before {
    position: absolute;
    content: "";
    bottom: -55px;
    left: 0;
    margin-left: 530px;
    /*background: url(../../images/background/funfact-03-bg.png);*/
    width: 131px;
    height: 6px;
    background-repeat: no-repeat;
}
.bkr003 .funfact-03 .funfact .column .item {
	position: relative;
    padding-top: 30px;
}
.bkr003 .funfact-03 .funfact .column .item:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0px;
    background: #383a5669;
    width: 1px;
    height: 88px;
    background-repeat: no-repeat;
}
.bkr003 .funfact-03 .funfact .column .item .count-outer {
    font-size: 21px;
    color: #FFFFFF;
    padding-left: 30px;
    margin-bottom: 0px;
    text-align: center;
}
.bkr003 .funfact-03 .funfact .column .item .count-outer .count-text {
    font-size: 35px;
    color: #FFFFFF;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    padding-left: 10px;
}
.bkr003 .funfact-03 .funfact .column .item .counter-title {
    position: relative;
    margin-top: 10px;
    padding-left: 30px;
    text-align: center;
}
.bkr003 .funfact-03 .funfact .column .item .counter-title p {
    position: relative;
    font-size: 25px;
    color: #ef0d33;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
}


/*** 

====================================================================
		priching-03
====================================================================

***/

.bkr003 .pricing-03 {
    position: relative;
    background: #1f2235;
    padding: 100px 0px 50px 0px;
    z-index: 1;
}
.bkr003 .pricing-03 .sec-title {
    /* margin-bottom: 100px; */
    text-align: center;
}
.bkr003 .pricing-03 .sec-title .subtitle h3 {
    /* font-size: 16px; */
    /* color: #ef0d33; */
    /* font-weight: 500; */
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    /* margin-bottom: 24px; */
}
.bkr003 .pricing-03 .sec-title .title h2 {
    font-size: 70px;
    color: #FFFEFE;
    font-weight: 700;
    line-height: 120px;
}
.bkr003 .pricing-03 .sec-title .title h2:before {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 100px;
    background: #0C1320;
    bottom: -35px;
    left: -20px;
    right: 0;
	opacity: 0;
}
.bkr003 .pricing-03 .sec-title .title h2:after {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 20px;
    background: #0C1320;
    bottom: -35px;
    left: 160px;
    right: 40px;
	opacity: 0;
}
.bkr003 .pricing-03 .tabs-box {
    position: relative;
    text-align: center;
}
.bkr003 .pricing-03 .tabs-box .tabs-content {}
.bkr003 .pricing-03 .tabs-box .tabs-content {}
.tabs-box .tab.active-tab {
    display: block;
}
.bkr003 .pricing-03 .pricing-table {
    position: relative;
    margin-bottom: 40px;
}
.bkr003 .pricing-03 .pricing-table .inner-box {
    position: relative;
    padding: 60px 55px 70px;
    text-align: center;
    overflow: hidden;
    background: #2a2c47;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.13);
}
.bkr003 .pricing-03 .pricing-table .inner-box .title {}
.bkr003 .pricing-03 .pricing-table .inner-box .title h3 {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 700;
}
.bkr003 .pricing-03 .pricing-table .price {
    position: relative;
    font-size: 48px;
    color: #ffffff;
    font-weight: 700;
    margin-top: 45px;
    margin-bottom: 43px;
}
.bkr003 .pricing-03 .pricing-table .price sup {
    position: relative;
    font-size: 24px;
    top: 0;
    margin-right: 5px;
}
.bkr003 .pricing-03 .pricing-table .price sub {
    position: relative;
    display: inline-block;
    font-size: 24px;
    color: #ef0d33;
    letter-spacing: 1px;
    font-weight: 700;
    top: 0px;
}
.bkr003 .pricing-03 .pricing-table .table-content {
    position: relative;
}
.bkr003 .pricing-03 .pricing-table .table-content ul {
    position: relative;
    margin-bottom: 40px;
}
.bkr003 .pricing-03 .pricing-table .table-content ul li {
    position: relative;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 14px;
    color: #ffffff;
    font-weight: 500;
}
.bkr003 .pricing-03 .pricing-table .table-footer {
    position: relative;
    margin-top: 50px;
}
.bkr003 .pricing-03 .pricing-table .table-footer a {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 50px;
    border-radius: 30px;
    background: #111517;
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.31);
}

.bkr003 .pricing-03 .pricing-table .inner-box .table-footer a {
    color: #fff;
    font-size: 16px;
    /* background-color: transparent; */
    background-image: -webkit-linear-gradient(315deg, #ef0d33 50%, transparent 50%);
    background-image: -o-linear-gradient(315deg, #ef0d33 50%, transparent 50%);
    background-image: linear-gradient(135deg, #ef0d33 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 #ef0e34; */
}
.bkr003 .pricing-03 .pricing-table .inner-box:hover .table-footer a {
    background-size: 300% 300%;
    background-position: 0% 0%;
    color: #fff;
    /* border: 2px solid #ef0e34; */
}
.bkr003 .pricing-03 .pricing-table.tagged .inner-box .table-footer a {
    color: #fff;
    font-size: 16px;
    /* background-color: transparent; */
    background-image: -webkit-linear-gradient(315deg, #fff 50%, transparent 50%);
    background-image: -o-linear-gradient(315deg, #fff 50%, transparent 50%);
    background-image: linear-gradient(135deg, #fff 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 #ef0e34; */
}
.bkr003 .pricing-03 .pricing-table.tagged .inner-box:hover .table-footer a {
    background-size: 300% 300%;
    background-position: 0% 0%;
    color: #ef0e34;
    /* border: 2px solid #ef0e34; */
}
.bkr003 .pricing-03 .pricing-table.tagged {}
.bkr003 .pricing-03 .pricing-table.tagged .inner-box .title h3 {
    color: #ef0e34;
}
.bkr003 .pricing-03 .pricing-table.tagged .inner-box {
    background: #0D1421;
    box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.13);
}
.bkr003 .pricing-03 .pricing-table.tagged .inner-box .title h3 {}
.bkr003 .pricing-03 .pricing-table.tagged .table-footer a {
	background: #ef0d33;
}
.bkr003 .pricing-03 .pricing-table.tagged .price {
    color: #fff;
}
.bkr003 .pricing-03 .pricing-table.tagged .price sub {
    color: #fff;
}
.bkr003 .pricing-03 .pricing-table.tagged .table-content ul li {
    color: #fff;
}
.bkr003 .pricing-03 .tabs-box .tab {
    display: none;
}
.bkr003 .pricing-03 .tabs-box .tab.active-tab {
    display: block;
}
.bkr003 .pricing-03 .tab-buttons {
    position: relative;
    display: inline-block;
    margin-bottom: 50px;
    background: #ef0d33;
    border-radius: 30px;
    padding: 3px 4px;
    margin-top: 42px;
}
.bkr003 .pricing-03 .tab-buttons .tab-btn {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 40px;
    color: #FFFFFF;
    font-weight: 600;
    cursor: pointer;
    background: #ef0e34;
    border-radius: 30px;
    min-width: 155px;
    margin: 0 auto;
    padding: 3px 0px;
    transition: all 700ms ease;
}
.bkr003 .pricing-03 .tab-buttons .tab-btn:last-child {
    padding-right: 0;
}
.bkr003 .pricing-03 .tab-buttons .tab-btn:last-child:before{
	display: none;
}
.bkr003 .pricing-03 .tab-buttons .tab-btn.active-btn:before{
	right: 15px;
}
.bkr003 .pricing-03 .tab-buttons .tab-btn.active-btn {
    color: #0D1421;
    font-weight: 600;
    background: #fff;
    border-radius: 30px;
    transition: all 700ms ease;
}
.bkr003 .pricing-03 .tab-buttons .tab-btn span {
	position: absolute;
	right: -70px;
	top: 0;
	font-size: 12px;
	font-weight: 300;
}

.bkr003 .pricing-03 .btn-box {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}


/* Tab style three */

.bkr003 .pricing-03 .tab-btn-style-three {
    position: relative;
    border: 0px;
    display: inline-block;
    margin-bottom: 50px;
    background: #ef0d33;
    border-radius: 30px;
    padding: 5px 5px;
    margin-top: 42px;
}

.bkr003 .pricing-03 .tab-btn-style-three li {
    display: inline-block;
    float: none;
}

.bkr003 .pricing-03 .tab-btn-style-three .nav-link {
	position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 40px;
    color: #FFFFFF;
    font-weight: 600;
    cursor: pointer;
    background: #ef0e34;
    border-radius: 30px;
    min-width: 155px;
    margin: 0 auto;
    padding: 3px 0px;
    transition: all 700ms ease;
}

.bkr003 .pricing-03 .tab-btn-style-three .nav-link:hover {
    background: transparent;
    border: none;
}
.bkr003 .pricing-03 .tab-btn-style-three .nav-link {
    border: none;
}

.bkr003 .pricing-03 .tab-btn-style-three li:first-child .nav-link{
	border-radius: 31px 0px 0px 31px;
}

.bkr003 .pricing-03 .tab-btn-style-three li:last-child .nav-link{
	border-left:none;
	border-radius: 0px 31px 31px 0px;
}

.bkr003 .pricing-03 .tab-btn-style-three .nav-link.active{
	color: #0D1421;
    font-weight: 600;
    background: #fff;
    border-radius: 30px;
    transition: all 700ms ease;
}

/*** 

====================================================================
	testimonial-02
====================================================================

 ***/

.bkr003 .testimonial-03 {
    position: relative;
    background: #000;
    padding: 100px 0px 100px 0px;
    z-index: 1;
}
.bkr003 .testimonial-03 .sec-title {
    z-index: 99;
    /* margin-bottom: 100px; */
    text-align: center;
}
.bkr003 .testimonial-03 .sec-title .subtitle h3 {
    /* font-size: 16px; */
    /* color: #ef0d33; */
    /* font-weight: 500; */
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    /* margin-bottom: 24px; */
}
.bkr003 .testimonial-03 .sec-title .title h2 {
    /* font-size: 50px; */
    /* color: #FFFEFE; */
    /* font-weight: 700; */
    /* line-height: 120px; */
    /* text-transform: uppercase; */
}
.bkr003 .testimonial-03 .sec-title .title h2:before {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 100px;
    background: #d1d1d1;
    bottom: -35px;
    left: -20px;
    right: 0;
	opacity: 0;
}
.bkr003 .testimonial-03 .sec-title .title h2:after {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 20px;
    background: #d1d1d1;
    bottom: -35px;
    left: 160px;
    right: 40px;
	opacity: 0;
}
.bkr003 .testimonial-03 .item {
    position: relative;
    text-align: center;
}
.bkr003 .testimonial-03 .content {
	position: relative;
}
.bkr003 .testimonial-03 .content:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0px;
    background-image: url(../images/background/testimonial-03-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.bkr003 .testimonial-03 .item .image {
	position: relative;
	display: inline-block;
}
.bkr003 .testimonial-03 .item .image:before {
    position: absolute;
    right: -6px;
    bottom: -5px;
    width: 57px;
    height: 57px;
    line-height: 57px;
    background: #ef0e34;
    font-size: 20px;
    border-radius: 50%;
    z-index: 1;
    color: #fff;
    font-weight: 900;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
}
.bkr003 .testimonial-03 .item .image img {}
.bkr003 .testimonial-03 .item .text {
	position: relative;
}
.bkr003 .testimonial-03 .item .text:before {
    position: absolute;
    right: 0px;
    bottom: -40px;
    content: "";
    width: 40px;
    height: 2px;
    background: #ffffff36;
    margin: auto;
    left: 0;
}
.bkr003 .testimonial-03 .item .text p {
    font-size: 18px;
    line-height: 40px;
    color: #FFFFFF;
    margin-bottom: 60px;
    margin-top: 47px;
    /* font-style: italic; */
    font-family: 'Oswald', sans-serif;
}
.bkr003 .testimonial-03 .item .title h4 {
    font-size: 30px;
    color: #FFFEFE;
    margin-bottom: 5px;
}
.bkr003 .testimonial-03 .item .designation h5 {
    font-size: 16px;
    color: #bababa;
    font-weight: 600;
}
.bkr003 .testimonial-03 .owl-nav {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.bkr003 .testimonial-03 .nav-style-two .owl-prev {
    position: absolute;
    top: -263px;
    left: 0;
    color: #ffffff;
    background: #313552;
    border: 1px solid #313552;
    width: 63px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 2px;
    transition: all 700ms ease;
}
.bkr003 .testimonial-03 .nav-style-two .owl-next {
    position: absolute;
    top: -263px;
    right: 0px;
    color: #ffffff;
    background: #313552;
    border: 1px solid #313552;
    width: 63px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 2px;
    transition: all 700ms ease;
}
.bkr003 .testimonial-03 .nav-style-two .owl-prev:hover {
	background: #ef0d33;
	border: 1px solid #ef0d33;
	color: #fff;
	transition: all 700ms ease;
}
.bkr003 .testimonial-03 .nav-style-two .owl-next:hover {
	background: #ef0d33;
	border: 1px solid #ef0d33;
	color: #fff;
	transition: all 700ms ease;
}


/*** 

====================================================================
	latest-news-03
====================================================================

 ***/

.bkr003 .latest-news-03 {
    position: relative;
    background: #11116cfa;
    padding: 100px 0px 70px 0px;
    z-index: 1;
}
.bkr003 .latest-news-03 .sec-title {
    /* margin-bottom: 100px; */
    text-align: center;
}
.bkr003 .latest-news-03 .sec-title .subtitle h3 {
    /* font-size: 16px; */
    /* color: #ef0d33; */
    /* font-weight: 500; */
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    /* margin-bottom: 24px; */
}
.bkr003 .latest-news-03 .sec-title .title h2 {
    /* font-size: 70px; */
    /* color: #FFFEFE; */
    /* font-weight: 700; */
    /* line-height: 120px; */
    /* font-size: 50px; */
    /* color: #FFFEFE; */
    /* font-weight: 700; */
    /* line-height: 120px; */
    /* text-align: center; */
    /* text-transform: uppercase; */
}
.bkr003 .latest-news-03 .sec-title .title h2:before {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 100px;
    background: #0C1320;
    bottom: -35px;
    left: -20px;
    right: 0;
	opacity: 0;
}
.bkr003 .latest-news-03 .sec-title .title h2:after {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 20px;
    background: #0C1320;
    bottom: -35px;
    left: 160px;
    right: 40px;
	opacity: 0;
}
.bkr003 .latest-news-03 .inner-box {
    position: relative;
    background: #2a2c47;
    /* padding: 40px; */
    margin-bottom: 30px;
}
.bkr003 .latest-news-03 .inner-box .image {
    position: absolute;
    left: 0;
    top: 0;
}
.bkr003 .latest-news-03 .lower-content {
    /* margin-top: 24px; */
    padding: 40px;
}
.bkr003 .latest-news-03 .inner-box .lower-content h4 {
    margin-top: 28px;
    margin-bottom: 12px;
}
.bkr003 .latest-news-03 .inner-box .lower-content h4 a {
    font-size: 23px;
    color: #fff;
    font-weight: 600;
    transition: all 700ms ease;
    line-height: 30px;
}
.bkr003 .latest-news-03 .inner-box .lower-content h4 a:hover {
	color: #ef0d33;
	transition: all 700ms ease;
}
.bkr003 .latest-news-03 .inner-box .lower-content ul li {
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
}
.bkr003 .latest-news-03 .inner-box .lower-content ul li.date {
    color: #fff;
}
.bkr003 .latest-news-03 .inner-box .lower-content ul li.date span {
	color: #fff;
}
.bkr003 .latest-news-03 .inner-box .lower-content ul li span {
    color: #ffffff;
    font-size: 18px;
}
.bkr003 .latest-news-03 .inner-box .lower-content ul li strong {
    font-weight: 500;
    margin-right: 18px;
    margin-left: 6px;
}
.bkr003 .latest-news-03 .inner-box .lower-content .text p {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    
    padding-right: 0;
    margin-top: 25px;
    position: relative;
    margin-bottom: 38px;
}
.bkr003 .latest-news-03 .overlay-style-two{
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 0px;
    z-index: 2;
    opacity: 0;
    transition: all 900ms ease;    
}
.bkr003 .latest-news-03 .overlay-style-two:before {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
    display: block;
    opacity: 0;
    text-align: center;
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: top;
    transition: all 0.5s;
    background: rgba(239, 13, 51, 0.4);
}
.bkr003 .latest-news-03 .overlay-style-two:after{
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 50%;
	display: block;
	opacity: 0;
	text-align: center;
    transform: perspective(400px) rotateX(90deg);
    transform-origin: bottom;
    transition: all 0.5s;
	background: rgba(239, 13, 51, 0.4);
}
.bkr003 .latest-news-03 .inner-box .image {
    position: relative;
    display: block;
    overflow: hidden;
}
.bkr003 .latest-news-03 .inner-box .image .overlay-anim-box2 {
    display: block;
}
.bkr003 .latest-news-03 .inner-box:hover .overlay-style-two{
	opacity: 1;
}
.bkr003 .latest-news-03 .inner-box:hover .image .overlay-style-two:before{
	opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 100ms;	
}
.bkr003 .latest-news-03 .inner-box:hover .image .overlay-style-two:after{
	opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all 700ms ease 300ms;	
}
.bkr003 .latest-news-03 .inner-box .image img {
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}
.bkr003 .latest-news-03 .inner-box:hover .image img {
    transform:scale(1.2) rotate(2deg);	
}
.bkr003 .latest-news-03 .inner-box .image .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    transform: translate3d(0px, -100%, 0px);
    transition: all 700ms ease 300ms;
}
.bkr003 .latest-news-03 .inner-box:hover .image .overlay{
    transition: all 700ms ease 500ms;
    transform: translate3d(0px, 0px, 0px);      
}
.bkr003 .latest-news-03 .inner-box .image .overlay .box{
    display: table;
    width: 100%;
    height: 100%;
}
.bkr003 .latest-news-03 .inner-box .image .overlay .box .link-icon{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.bkr003 .latest-news-03 .inner-box .image .overlay .box .link-icon a span:before {
    display: inline-block;
    color: #222222;
    font-size: 24px;
    line-height: 35px;
    transition: all 500ms ease;
}
.bkr003 .latest-news-03 .inner-box .image .overlay .box .link-icon a:hover span:before{
    color: #fff;    
}
.bkr003 .latest-news-03 .inner-box .btn-box {}
.bkr003 .latest-news-03 .inner-box .btn-box a {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 11px 30px;
    border-radius: 5px;
    background: #ef0d33;
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.31);
    transition: all 700ms ease;
}
.bkr003 .latest-news-03 .inner-box .btn-box a:hover {
	transition: all 700ms ease;
}

.bkr003 .latest-news-03 .inner-box .btn-box a {
    color: #fff;
    font-size: 16px;
    /* background-color: transparent; */
    background-image: -webkit-linear-gradient(315deg, #303351 50%, transparent 50%);
    background-image: -o-linear-gradient(315deg, #5F99FF 50%, transparent 50%);
    background-image: linear-gradient(135deg, #303351 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 #ef0e34; */
}
.bkr003 .latest-news-03 .inner-box .btn-box a:hover {
    background-size: 300% 300%;
    background-position: 0% 0%;
    color: #fff;
    /* border: 2px solid #ef0e34; */
}



/*** 

====================================================================
	contact-02
====================================================================

 ***/

.bkr003 .contact-02 {
    position: relative;
    background: #2a2c47;
    padding: 100px 0px 70px 0px;
    z-index: 1;
}
.bkr003 .contact-02 .sec-title {
    /* margin-bottom: 100px; */
    text-align: center;
}
.bkr003 .contact-02 .big-title h1 {
    color: #ffffff05;
}
.bkr003 .contact-02 .sec-title .subtitle h3 {
    /* font-size: 16px; */
    /* color: #ef0d33; */
    /* font-weight: 500; */
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    /* margin-bottom: 24px; */
}
.bkr003 .contact-02 .sec-title .title h2 {
    /* font-size: 50px; */
    /* color: #FFFEFE; */
    /* font-weight: 700; */
    /* line-height: 120px; */
    /* text-transform: uppercase; */
}
.bkr003 .contact-02 .sec-title .title h2:before {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 100px;
    background: #fff;
    bottom: -35px;
    left: -20px;
    right: 0;
    display: none;
}
.bkr003 .contact-02 .sec-title .title h2:after {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 20px;
    background: #fff;
    bottom: -35px;
    left: 160px;
    right: 40px;
    display: none;
}
.bkr003 .contact-02 .contact-form {}
.bkr003 .contact-02 .contact-form .frm-control {}
.bkr003 .contact-02 .contact-form .frm-control input {
    width: 100%;
    height: 56px;
    padding: 0px 20px;
    border-radius: 5px;
    background: #313552;
    color: white;
}
.bkr003 .contact-02 .contact-form .frm-control i {
    font-size: 14px;
    color: #8f909b;
    position: absolute;
    right: 20px;
    top: 20px;
}
.bkr003 .contact-02 .contact-form .frm-control input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #111517;
	font-size: 14px;
	font-weight: 500;
}
.bkr003 .contact-02 textarea {
    background: #313552;
    width: 100%;
    height: 200px;
    padding: 20px 20px;
    border-radius: 5px;
    margin-top: 25px;
    margin-bottom: 45px;
    /* color: white; */
}
.bkr003 .contact-02 textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #111517;
	font-size: 14px;
	font-weight: 500;
}
.bkr003 .contact-02 .contact-form .frm-control {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    color: white;
}
.bkr003 .contact-02 .contact-form .frm-control .btn-box {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 30px;
    border-radius: 5px;
    background: #313552;
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.31);
    transition: all 700ms ease;
    cursor: pointer;
}
.bkr003 .contact-02 .frm-control.mb0 i {
    top: 40px;
}
.bkr003 .contact-02 .contact-form .frm-control .btn-box {
    color: #fff;
    font-size: 16px;
    /* background-color: transparent; */
    background-image: -webkit-linear-gradient(315deg, #000000 50%, transparent 50%);
    background-image: -o-linear-gradient(315deg, #5F99FF 50%, transparent 50%);
    background-image: linear-gradient(135deg, #000000 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 #ef0e34; */
}
.bkr003 .contact-02 .contact-form .frm-control .btn-box:hover {
    background-size: 300% 300%;
    background-position: 0% 0%;
    color: #fff;
    /* border: 2px solid #ef0e34; */
}


/*** 

====================================================================
	footer-bottom-area-03
====================================================================

 ***/

.bkr003 .footer-bottom-area-03 {
    position: relative;
    background: rgb(31, 34, 53);
    padding: 50px 0px 50px 0px;
}
.bkr003 .footer-bottom-area-03 .copyright-text {
    position: relative;
    top: 10px;
}
.bkr003 .footer-bottom-area-03 .copyright-text p {
    font-size: 14px;
    color: #FFFFFF;
}
.bkr003 .footer-bottom-area-03 .copyright-text p a {
	color: #FFFFFF;
}

.bkr003 .footer-bottom-area-03 .social-list {}
.bkr003 .footer-bottom-area-03 .social-list ul {
    text-align: right;
}
.bkr003 .footer-bottom-area-03 .social-list ul li {
    display: inline-block;
    margin: 0px 10px;
	transition: all 700ms ease;
}
.bkr003 .footer-bottom-area-03 .social-list ul li a {
	font-size: 18px;
    color: #fff;
    text-align: center;
    width: 50px;
    height: 50px;
    transition: all 700ms ease;
}
.bkr003 .footer-bottom-area-03 .scroll-to-top {
    position: absolute;
    margin-bottom: 0;
    top: 0;
    margin: auto;
    border: 1px solid #ef0d33;
    background: transparent;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
}
.bkr003 .footer-bottom-area-03 .scroll-to-top span:before {
    font-size: 18px;
}
.bkr003 .footer-bottom-area-03 .social-list ul li a span {
    background: #2a2c47;
    width: 50px;
    height: 50px;
    line-height: 50px;
    transition: all 700ms ease;
}
.bkr003 .footer-bottom-area-03 .social-list ul li:hover a  span{
	color: #ef0d33;
}
.bkr003 .footer-bottom-area-03 .social-list ul li a span {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: all 700ms ease;
}
.bkr003 .footer-bottom-area-03 .social-list ul li a span:before {
    color: #ffffff;
    font-size: 18px;
    transition: all 700ms ease;
}
.bkr003 .footer-bottom-area-03 .social-list ul li:hover a span{
	background: #ef0d33;
	transition: all 700ms ease;
}
.bkr003 .footer-bottom-area-03 .social-list ul li:hover a span:before{
	color: #fff;
	transition: all 700ms ease;
}





/* 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: #ee0e34;
	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: #fff;
	/*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;
}



/*** 

====================================================================
	aboutus-01
====================================================================

***/

.bkr003 .aboutus-01 {
    position: relative;
    padding: 100px 0px 95px 0px;
    z-index: 1;
}
.bkr003 .aboutus-01 .big-title h1 {
    /* font-size: 180px; */
    /* line-height: 52px; */
    /* color: #26293f; */
    /* font-weight: 800; */
    /* position: absolute; */
    /* bottom: 110px; */
    /* right: -100px; */
    /* z-index: -1; */
    /* float: right; */
}
.bkr003 .aboutus-01 .big-title h1 span {
    color: rgba(255, 150, 0, 0.18);
}
.bkr003 .aboutus-01 .subtitle h3 {
    font-size: 16px;
    color: #999999;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: -7px;
    font-size: 16px;
    color: #ef0d33;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    /* margin-bottom: 24px; */
	display: inline-block;
}
.bkr003 .aboutus-01 .title {
    margin-bottom: 40px;
}
.bkr003 .aboutus-01 .title h2 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
}
.bkr003 .aboutus-01 .title h2 span {
    /* color: #FAC921; */
}
.bkr003 .aboutus-01 .text {
    margin-bottom: 60px;
}
.bkr003 .aboutus-01 .text p {
    padding: 0px 30px;
}
.bkr003 .aboutus-01 .link-btn {
    display: inline-block;
}
.bkr003 .aboutus-01 .link-btn .btn-style-one {
    font-size: 12px;
    font-weight: 700;
    background: #ef0d33;
    color: #fff;
    padding: 16px 40px 16px 40px;
    border-radius: 5px;
    letter-spacing: 1px;
    margin-right: 27px;
}
.bkr003 .aboutus-01 .link-btn .btn-style-one {
    background-image: -webkit-linear-gradient(315deg, #222222 50%, transparent 50%);
    background-image: -o-linear-gradient(315deg, #222222 50%, transparent 50%);
    background-image: linear-gradient(135deg, #222222 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 .aboutus-01 .link-btn .btn-style-one:hover {
    background-size: 300% 300%;
    background-position: 0% 0%;
    color: #fff;
}
.bkr003 .aboutus-01 .link-btn .btn-style-two {
    position: relative;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #313552;
    padding: 16px 30px 16px 80px;
    border-radius: 5px;
    letter-spacing: 2px;
    background: #313552;
}
.bkr003 .aboutus-01 .link-btn .btn-style-two span {
    border-radius: 5px;
    background-color: #464976;
    width: 50px;
    line-height: 50px;
    height: 51px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}
.bkr003 .aboutus-01 .link-btn .btn-style-two span:before {
    color: #ffffff;
    font-size: 16px;
}
.bkr003 .aboutus-01 .signature {
    margin-top: 50px;
}
.bkr003 .aboutus-01 .signature img {}
.bkr003 .aboutus-01 .img-holder {
    position: relative;
    left: 40px;
    top: -1px;
}
.bkr003 .aboutus-01 .img-holder:before {
    content: "";
    position: absolute;
    top: 45px;
    left: -45px;
    background-image: url(../images/background/h8-about-us-shape.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 400px;
    height: 263px;
    z-index: -1;
}
.bkr003 .aboutus-01 .img-holder:after {
    content: "";
    background-color: #2a2c47;
    position: absolute;
    left: 39px;
    top: 75px;
    width: 400px;
    height: 513px;
    z-index: -1;
}
.bkr003 .aboutus-01 .img-holder img {
    background: #1f2235;
}
.bkr003 .aboutus-01 .img-holder .title {
    position: absolute;
    bottom: 7px;
    left: -57px;
}
.bkr003 .aboutus-01 .img-holder .title h4 {
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    background: #ef0d33;
    display: inline-block;
    padding: 5px 10px 5px 31px;
    letter-spacing: 10px;
}



/*** 
=============================================
    Breadcrumb area style
=============================================
***/

.breadcrumb-area {
    position: relative;
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    padding-top: 100px;
}
.breadcrumb-area::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(243, 247, 250, 0.40) none repeat scroll 0 0;
    content: "";
    z-index: -1;
}
.breadcrumb-area .inner-content {
    position: relative;
    display: block;
    padding: 180px 0px 220px 0px;
}
.breadcrumb-area .title {
    display: block;
}
.breadcrumb-area .title h1 {
    color: #222222;
    font-size: 48px;
    line-height: 50px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 0 0px;
}

.breadcrumb-area .breadcrumb-menu {
    position: relative;
    display: inline-block;
    line-height: 10px;
}
.breadcrumb-area .breadcrumb-menu ul {
    position: relative;
    display: inline-block;
    line-height: 30px;
    margin: 11px 0 9px;
}
.breadcrumb-area .breadcrumb-menu ul li {
    position: relative;
    display: inline-block;
    float: left;
    color: #203260;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 500ms ease;
    margin-right: 15px;
    padding-right: 15px;
}
.breadcrumb-area .breadcrumb-menu ul li:before {
    position: absolute;
    top: 2px;
    right: -3px;
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #222222;
    font-size: 15px;
}
.breadcrumb-area .breadcrumb-menu ul li:last-child:before{
    display: none;
} 
.breadcrumb-area .breadcrumb-menu ul li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.breadcrumb-area .breadcrumb-menu ul li a {
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    transition: all 500ms ease;
}
.breadcrumb-area .breadcrumb-menu ul li.active{
    font-weight: 600;
}
.breadcrumb-area .breadcrumb-menu ul li a:hover{
    color: #ef0d33;     
}

.styky-header.two .midnightHeader.default .menu-open:before, .styky-header.two .midnightHeader.default .hamburger:before, .styky-header.two .midnightHeader.default .hamburger:after {
    background: #000;
}


/*** 

====================================================================
	service-icon-04
====================================================================

***/

.bkr003 .service-icon-04 {
    position: relative;
    padding: 100px 0px 60px 0px;
    background: #313552;
}
.bkr003 .service-icon-04 .sec-title {
    margin-bottom: 0;
}
.bkr003 .service-icon-04 .sec-title .title {
	position: relative;
	margin-bottom: 45px;
    margin-top: -15px;
}
.bkr003 .service-icon-04 .sec-title .title h2 {
    font-size: 50px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
}
.bkr003 .service-icon-04 .sec-title .title:before {
    margin: auto;
    content: "";
    position: absolute;
    width: 93px;
    height: 4px;
    background: #ef0e34;
    bottom: -20px;
    left: 0px;
}
.bkr003 .service-icon-04 .sec-title .title:after {
    margin: auto;
    content: "";
    position: absolute;
    width: 10px;
    height: 4px;
    background: #222222;
    bottom: -20px;
    left: 100px;
}
.bkr003 .service-icon-04 .row {
    margin-top: 44px;
}
.bkr003 .service-icon-04 .sec-title .text {}
.bkr003 .service-icon-04 .sec-title .text p {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 0;
    font-weight: 600;
}
.bkr003 .service-icon-04 .item {
    position: relative;
    box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.1);
    padding: 54px 25px 25px 40px;
    /* border-radius: 10px; */
    margin-bottom: 40px;
    transition: all 700ms ease;
    background: #2a2c4799;
}
.bkr003 .service-icon-04 .item .left-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    display: block;
    z-index: -1;
}

.bkr003 .service-icon-04 .item .left-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:50%;
	height:0%;
	display:block;
	background-color: #1f2235;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.bkr003 .service-icon-04 .item .left-layer:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:50%;
	height:0%;
	display:block;
	background-color: #1f2235;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.bkr003 .service-icon-04 .item:hover .left-layer:before,
.bkr003 .service-icon-04 .item:hover .left-layer:after{
	height:100%;
}

.bkr003 .service-icon-04 .item .right-layer{
	position:absolute;
	right:0px;
	top:0px;
	width:50%;
	height:100%;
	display:block;
    z-index: -1;
}

.bkr003 .service-icon-04 .item .right-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:50%;
	height:0%;
	display:block;
	background-color: #1f2235;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.bkr003 .service-icon-04 .item .right-layer:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:50%;
	height:0%;
	display:block;
	background-color: #1f2235;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.bkr003 .service-icon-04 .item:hover .right-layer:before,
.bkr003 .service-icon-04 .item:hover .right-layer:after{
	height:100%;
}
.bkr003 .service-icon-04 .item:hover {
    box-shadow: 0px 4px 12px rgba(0,0,0,0.20);
    transition: all 700ms ease;
}
.bkr003 .service-icon-04 .item .icon {
    position: absolute;
    left: 40px;
    top: 55px;
}
.bkr003 .service-icon-04 .item .icon span:before {
    color: #ef0d33;
    font-size: 60px;
}

.bkr003 .service-icon-04 .item .title {
    padding-left: 92px;
}
.bkr003 .service-icon-04 .item .title h3 {
    font-size: 18px;
    font-weight: 700;
}
.bkr003 .service-icon-04 .item .title h3 a {
    color: #ffffff;
    transition: all 700ms ease;
}
.bkr003 .service-icon-04 .item .title h3 a:hover {
    color: #FFAF5A;
    transition: all 700ms ease;
}
.bkr003 .service-icon-04 .item .text {}
.bkr003 .service-icon-04 .item .text p {
    font-size: 14px;
    color: #ececec;
    line-height: 30px;
    margin-top: 46px;
}
.bkr003 .service-icon-04 .coulmn:nth-child(1) {}
.bkr003 .service-icon-04 .coulmn:nth-child(2) {
    position: relative;
    top: -40px;
}
.bkr003 .service-icon-04 .coulmn:nth-child(3) {
    position: relative;
    top: -80px;
}
.bkr003 .service-icon-04 .coulmn:nth-child(4) {}
.bkr003 .service-icon-04 .coulmn:nth-child(5) {
	position: relative;
    top: -40px;
}
.bkr003 .service-icon-04 .coulmn:nth-child(6) {
	position: relative;
    top: -80px;
}

/*** 

====================================================================
	skills-04
====================================================================

***/

.bkr003 .skills-04 {
    position: relative;
    background: #F2F3F4;
    padding: 100px 0px 100px 0px;
}
.bkr003 .skills-04 .content {}
.bkr003 .skills-04 .content .title h2 {
    font-size: 24px;
    color: #222222;
    font-weight: 700;
    margin-bottom: 0;
}
.bkr003 .skills-04 .content .text p {
    font-size: 14px;
    line-height: 30px;
    color: #777777;
}
.bkr003 .skills-04 .round-skill-bar {
    margin-top: 10px;
}
.bkr003 .skills-04 .loader {
    width: 150px !important;
    height: 150px !important;
}
.bkr003 .skills-04 .loader-bg {
    border: 10px solid #D7D7D7 !important;
}
.bkr003 .skills-04 .text {
    font-size: 30px !important;
    color: #222222 !important;
    font-weight: 700;
}
.bkr003 .skills-04 .spinner-holder-one {}
.bkr003 .skills-04 .spinner-holder-two {}
.bkr003 .skills-04 .loader-spinner {
    border: 10px solid #ef0d33 !important;
}
.bkr003 .skills-04 .skill-title {
    font-size: 16px;
    color: #222222;
    font-weight: 700;
    text-align: center;
    margin-top: 15px;
}

.loader {
    position: relative;
    /* float: left; */
    user-select: none;
    box-sizing: border-box;
    width: 170px !important;
    height: 170px !important;
    margin: 0 auto;
}
.loader-bg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
    border: 40px solid #eeeeee !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}
.spinner-holder-one {
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
    width: 50%;
    height: 50%;
    background: transparent;
    box-sizing: border-box;
}
.spinner-holder-two {
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: transparent;
    box-sizing: border-box;
}
.loader-spinner {
    width: 200%;
    height: 200%;
    border-radius: 50%;
    border: 40px solid #ef0d33 !important;
    box-sizing: border-box;
}
  .animate-0-25-a {
    transform: rotate(90deg);
    transform-origin: 100% 100%;
}
.animate-0-25-b {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
}
.animate-25-50-a {
    transform: rotate(180deg);
    transform-origin: 100% 100%;
}
.animate-25-50-b {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
}
.animate-50-75-a {
    transform: rotate(270deg);
    transform-origin: 100% 100%;
}
.animate-50-75-b {
    transform: rotate(-90deg);
    transform-origin:100% 100%;
}
.animate-75-100-a {
    transform: rotate(0deg);
    transform-origin: 100% 100%;
}
.animate-75-100-b {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
}
.skills-01 .text {
    text-align: center;
    font-size: 20px;
    color: #222222;
    font-weight: 800;  
}

/*** 

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

 ***/

.bkr003 .design-01 {
    position: relative;
    background: #2a2c47;
}
.bkr003 .design-01 .item {
    text-align: center;
    padding: 147px 0px 100px 0px;
}
.bkr003 .design-01 .item .title h2 {
    /* font-size: 40px; */
    /* color: #222222; */
    /* font-weight: 700; */
    margin-bottom: 60px;
    font-size: 60px;
    line-height: 80px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.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: 15px;
    color: #ffffff;
    line-height: 30px;
}
.bkr003 .design-01 .image-box {}
.bkr003 .design-01 .image-box img {
    max-width: none;
    float: right;
    right: 0;
    /* margin-right: -7px; */
}
.bkr003 .design-01 .overlay-anim-box2 {
    display: block;
}



/*** 

====================================================================
		pricing-04
====================================================================

***/

.bkr003 .pricing-04 {
    position: relative;
    padding: 100px 0px 140px 0px;
    background: #2a2c47;
}

.bkr003 .pricing-04 .sec-title {
    margin-bottom: 0;
}
.bkr003 .pricing-04 .sec-title .title {
	position: relative;
	margin-bottom: 45px;
    margin-top: -15px;
}
.bkr003 .pricing-04 .sec-title .title h2 {
    /* font-size: 36px; */
    /* color: #ffffff; */
    /* font-size: 50px; */
    /* font-weight: 700; */
    /* text-transform: uppercase; */
}
.bkr003 .pricing-04 .sec-title .title:before {
    margin: auto;
    content: "";
    position: absolute;
    width: 93px;
    height: 4px;
    background: #ef0e34;
    bottom: -20px;
    left: 0px;
}
.bkr003 .pricing-04 .sec-title .title:after {
    margin: auto;
    content: "";
    position: absolute;
    width: 10px;
    height: 4px;
    background: #222222;
    bottom: -20px;
    left: 100px;
}
.bkr003 .pricing-04 .culumn {
    padding: 0px 0px;
}
.bkr003 .pricing-04 .culumn:nth-child(1) {
    padding: 0px 15px;
}
.bkr003 .pricing-04 .culumn:nth-child(2) {
    padding-left: 15px;
}
.bkr003 .pricing-04 .culumn .table-content {
    border: 1px solid #e1e1e103;
    border-bottom: none;
    margin-top: 247px;
}
.bkr003 .pricing-04 .culumn .table-content li {
    font-size: 16px;
    color: #ffffff;
    padding: 24px 0px;
    border-bottom: 1px solid #5353531a;
    padding-left: 35px;
    text-align: left;
    font-weight: 600;
    background: #1f2235;
}
.bkr003 .pricing-04 .culumn .table-content li.bg {
    background: #313552;
}
.bkr003 .pricing-04 .culumn .inner-box {
    position: relative;
    text-align: center;
    border: 1px solid #e1e1e10a;
    border-left: none;
}
.bkr003 .pricing-04 .culumn:nth-child(2) .inner-box {
	border-left: 1px solid #e1e1e100;
}
.bkr003 .pricing-04 .culumn .inner-box .heder {
    border-right: none;
    padding: 55px 0px 50px 0px;
    border-bottom: 1px solid #e1e1e105;
}
.bkr003 .pricing-04 .culumn .inner-box .title h4 {
    font-size: 24px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 25px;
}
.bkr003 .pricing-04 .culumn .inner-box .price {
    font-size: 48px;
    color: #ef0e34;
    font-weight: 600;
    margin-bottom: 28px;
}
.bkr003 .pricing-04 .culumn .inner-box .price sup {
    font-size: 36px;
    color: #ffffff;
    top: 3px;
}
.bkr003 .pricing-04 .culumn .inner-box .price sub {
    font-size: 18px;
    color: #ffffff;
    bottom: -3px;
}
.bkr003 .pricing-04 .culumn .inner-box .package h5 {}
.bkr003 .pricing-04 .culumn .inner-box .list {
    border-top: none;
    border-right: none;
}
.bkr003 .pricing-04 .culumn .inner-box .list li {
    padding: 24px 0px;
    border-bottom: 1px solid #e1e1e100;
    background: #1f2235;
}
.bkr003 .pricing-04 .culumn .inner-box .list li.bg {
    background: #313552;
}
.bkr003 .pricing-04 .culumn .inner-box .list li .fa-times {
    color: #999999;
    font-size: 20px;
}
.bkr003 .pricing-04 .culumn .inner-box .list li .fa-check {
	color: #ef0d33;
	font-size: 20px;
}
.bkr003 .pricing-04 .pricing-footer {
    padding: 48px 0 20px;
    background: #313552;
}
.bkr003 .pricing-04 .pricing-footer .btn-box {}
.bkr003 .pricing-04 .pricing-footer .btn-box a {
    text-transform: capitalize;
    line-height: 48px;
    border: 1px solid #e1e1e100;
    padding: 15px 35px;
    min-width: 180px;
    text-align: center;
    font-size: 16px;
    color: #222222;
    font-weight: 600;
    background: transparent;
    transition: all 700ms ease;
}

 {
	border: 1px solid #;
	color: #fff;
	background: #ef0d33;
	transition: all 700ms ease;
}

.bkr003 .pricing-04 .pricing-footer .btn-box a {
    font-size: 16px;
    /* background-image: -webkit-linear-gradient(315deg, #ef0d33 50%, transparent 50%); */
    background-image: -o-linear-gradient(315deg, #ef0d33 50%, transparent 50%);
    /* background-image: linear-gradient(135deg, #ef0d33 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;
    background: #ee0d33;
}
.bkr003 .pricing-04 .culumn .inner-box:hover .pricing-footer .btn-box a {
    background-size: 300% 300%;
    background-position: 0% 0%;
    color: #fff;
    /* border: 2px solid #ef0e34; */
}

.bkr003 .pricing-04 .pricing-footer p {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    margin-top: 25px;
}

.bkr003 .pricing-04 .tabs-box .tab {
    display: none;
}
.bkr003 .pricing-04 .tabs-box .tab.active-tab {
    display: block;
}
.bkr003 .pricing-04 .tab-buttons {
    position: relative;
    display: inline-block;
    margin-bottom: 50px;
    background: transparent;
    border-radius: 10px;
    text-align: center;
   
    z-index: 90;
}
.bkr003 .pricing-04 .tab-buttons .tab-btn {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 40px;
    background: #313552;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    border-radius: 7px;
    min-width: 155px;
    margin: 0 auto;
    padding: 3px 0px;
    transition: all 700ms ease;
}
.bkr003 .pricing-04 .tab-buttons .tab-btn.active-btn {
    color: #FFFFFF;
    font-weight: 600;
    background: #ef0e34;
    border-radius: 7px;
    transition: all 700ms ease;
}
.bkr003 .pricing-04 .tab-buttons .tab-btn:last-child {
    padding-right: 0;
}
.bkr003 .pricing-04 .tab-buttons .tab-btn:last-child:before{
	display: none;
}
.bkr003 .pricing-04 .tab-buttons .tab-btn.active-btn:before{
	right: 15px;
}
.bkr003 .pricing-04 .tab-buttons .tab-btn span {
	position: absolute;
	right: -70px;
	top: 0;
	font-size: 12px;
	font-weight: 300;
}
.bkr003 .pricing-04 .tabs-box {
    text-align: center;
}
.bkr003 .pricing-04 .tabs-box .text p {
    font-size: 14px;
    color: #ef0e34;
    font-weight: 500;
    margin-top: 60px;
}


/*** 

====================================================================
	video
====================================================================

 ***/

.bkr003 .video-01 {
    position: relative;
    padding: 0px 0px 0px 0px;
    background: #2a2c47;
    z-index: 1;
    overflow: hidden;
}
.bkr003 .video-01 .sec-title {
    margin-bottom: 0;
    padding-top: 100px;
    padding-bottom: 100px;
}
.bkr003 .video-01 .big-title h1 {
    font-size: 180px;
    line-height: 52px;
    color: #ffffff2e;
    font-weight: 800;
    position: absolute;
    bottom: 110px;
    left: 180px;
    z-index: -1;
}
.bkr003 .aboutus-01 .big-title h1 span {
    color: rgba(255, 150, 0, 0.18);
}
.bkr003 .video-01 .title h2 {
    /* position: relative; */
    /* font-size: 40px; */
    /* color: #fff; */
    /* font-weight: 700; */
    margin-bottom: 50px;
    margin-top: -18px;
}
.bkr003 .video-01 .title h2:before {
    content: "";
    background-color: #ef0e34;
    position: absolute;
    left: 0;
    bottom: -25px;
    width: 60px;
    height: 2px;
    z-index: 398;
}
.bkr003 .video-01 .title h2 span {
    /* color: #FAC921; */
}
.bkr003 .video-01 .text p {}
.bkr003 .video-01 .btn-box {
    margin-top: 35px;
}
.bkr003 .video-01 .btn-box a {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #ef0e34;
    padding: 13px 40px;
    border-radius: 5px;
    display: inline-block;
}
.bkr003 .video-01 .btn-box a {
    background-image: -webkit-linear-gradient(315deg, #fff 50%, transparent 50%);
    background-image: -o-linear-gradient(315deg, #fff 50%, transparent 50%);
    background-image: linear-gradient(135deg, #fff 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 .video-01 .btn-box a:hover {
    background-size: 300% 300%;
    background-position: 0% 0%;
}

.bkr003 .video-01 .inner {
	position: relative
}
.bkr003 .video-01 .inner .img-box {
    position: relative;
    right: 0;
    top: 17px;
}
.bkr003 .video-01 .inner .video-btn {
    position: absolute;
    left: 225px;
    text-align: center;
    top: 50%;
}
.bkr003 .video-01 .inner .video-btn img {}

.bkr003 .video-01 .inner .ripple:before, .bkr003 .video-01 .inner .ripple:after {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
}
.bkr003 .video-01 .inner .ripple:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
}
.bkr003 .video-01 .inner .ripple:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
}
.bkr003 .video-01 .inner .ripple:before, .bkr003 .video-01 .inner .ripple:after {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}


/*** 
=============================================
    Team Area Team Page
=============================================
***/
.team-area.team-page{
    position: relative;
    display: block;
    padding-bottom: 80px;
    background-attachment: fixed;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 1;
}
.team-area.team-page .single-team-member{
    margin-bottom: 46px;    
}
.team-area.team-page .single-team-member .name h3 {
    color: #222222;
}
.team-area.team-page .single-team-member .name p {
    color: #777777;
}

.team-area {
    position: relative;
    display: block;
    padding-top: 130px;
    padding-bottom: 86px;
}
.view-all-member{
    position: relative;
    display: block;
    margin-top: 39px;    
}
.single-team-member {
    position: relative;
    display: block;
    margin-bottom: 40px;
    transition: all 500ms ease;
}
.single-team-member .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 111;
}
.single-team-member .img-holder:before{
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 84px;
    height: 48px;
    background: url(../images/team/dotted-1.png);
    content: "";
    z-index: 2;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.single-team-member:hover .img-holder:before{
    width: 0;    
}
.single-team-member .img-holder:after{
    position: absolute;
    top: 20px;
    left: 20px;
    width: 0px;
    height: 48px;
    background: url(../images/team/dotted-1.png);
    content: "";
    z-index: 2;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.single-team-member:hover .img-holder:after{
    width: 84px;
}
.single-team-member .img-holder img{
    width: 100%;
    transform: scale(1.0);
    transition: all 700ms ease;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.single-team-member:hover .img-holder img{
    transform:scale(1.05) rotate(0deg);	
    filter: grayscale(.01);
}
.single-team-member .sociallinks {
    position: absolute;
    left: 0;
    bottom: 20px;
    right: 0;
    width: 130px;
    margin: 0 auto;
    display: block;
    padding: 3px 12px;
    background: #ffffff;
    border-radius: 25px;
    transform: scaleY(0); 
    transition: all 300ms ease 100ms;
    z-index: 2;
}
.single-team-member:hover .sociallinks{
    transform: scaleY(1.0);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.single-team-member .sociallinks li {
    position: relative;
    display: inline-block;
    float: left;
}
.single-team-member .sociallinks li a{
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
}
.single-team-member .sociallinks li a i{
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: transparent;
    color: #7e7e7e;
    font-size: 14px;
    line-height: 35px;
    transition: all 500ms ease;
}
.single-team-member .sociallinks li a:hover i{
    color: #ffffff;
    background: #ef0e34;
}
.single-team-member .round-box {
    position: absolute;
    left: -60px;
    bottom: -50px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: rgba(239, 13, 51, 0.4);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    -webkit-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.single-team-member:hover .round-box{
    width: 0px;
    height: 0px; 
    transition: all 700ms ease 100ms;
}
.single-team-member .round-box-top {
    position: absolute;
    top: -50px;
    left: -60px;
    width: 0px;
    height: 0px;
    border-radius: 50%;
    background: rgba(239, 13, 51, 0.4);
    transition: all 200ms linear;
    transition-delay: 0.1s;
	-webkit-animation: pulse 2s infinite;
	-o-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
}
.single-team-member:hover .round-box-top{
    width: 140px;
    height: 140px; 
    transition: all 900ms ease 100ms;
}
.single-team-member .name {
    position: relative;
    display: block;
    background: transparent;
    padding: 23px 0 0;
    transition: all 700ms ease 600ms;
}
.single-team-member .name h3{
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 2px;
}
.single-team-member .name h3 span{
    font-weight: 500;
}
.single-team-member .name p {
    position: relative;
    display: block;
    line-height: 20px;
    margin: 0;
}

/*** 

====================================================================
	clients
====================================================================

 ***/

.bkr003 .clients-01 {
    position: relative;
    padding: 100px 0px 100px 0px;
    background: #313552;
}
.bkr003 .clients-01 .item {}
.bkr003 .clients-01 .item img {
    margin: 0 auto;
    max-width: 100%;
    width: unset;
    opacity: .60;
    transition: all 700ms ease;
}
.bkr003 .clients-01 .item:hover img {
	opacity: 1;
	transition: all 700ms ease;
}

.rash01 .team-area.team-page {
    background: #060606;
}
.rash01 .team-area.team-page .single-team-member {
    margin-bottom: 46px;
    background: #2a2c47;
    padding-bottom: 30px;
}
.rash01 .team-area.team-page .single-team-member .name h3 {
    color: #ffffff;
}
.rash01 .team-area.team-page .single-team-member .name p {
    color: #c9c9c9;
}

/*** 

====================================================================
	featured-works-01
====================================================================

***/

.bkr003 .featured-works-01 {
    position: relative;
    padding:0px 0px 0px 0px;
    background: #2a2c47;
    text-align: center;
}
.bkr003 .featured-works-01 .sec-title {
    margin-bottom: 130px;
}
.bkr003 .featured-works-01 .sec-title .title {}
.bkr003 .featured-works-01 .sec-title .title h2 {
    font-size: 70px;
    color: #FFFEFE;
    font-weight: 700;
    line-height: 120px;
}

.bkr003 .featured-works-01 .sec-title .subtitle h3 {
    /* font-size: 31px; */
    /* color: #fff; */
    /* font-weight: 200; */
    font-size: 16px;
    color: #ef0d33;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 24px;
}
.bkr003 .featured-works-01 .sec-title .subtitle h3 span {
    color: #8BED5C;
    display: block;
    position: relative;
    top: -12px;
}
.bkr003 .featured-works-01 .inner-column .image {}
.bkr003 .featured-works-01 .inner-column .image img {
    max-width: none;
    float: right;
}
.bkr003 .featured-works-01 .overlay-anim-box2 {
    float: right;
}
.bkr003 .featured-works-01 .featured-block.style-two .overlay-anim-box2 {
    float: left;
}
.bkr003 .featured-works-01 .featured-block.style-four .overlay-anim-box2 {
    float: left;
}
.bkr003 .featured-works-01 .inner-column {
    text-align: left;
}
.bkr003 .featured-works-01 .inner-column h3 {
    font-size: 50px;
    color: #FFFFFF;
    line-height: 55px;
    margin-bottom: 30px;
    font-weight: 700;
    line-height: 70px;
}
.bkr003 .featured-works-01 .inner-column h3 span {
	color: #ef0d33;
}
.bkr003 .featured-works-01 .content-column {
    padding: 0px 0px;
}
.bkr003 .featured-works-01 .image-column {
    padding: 0px 0px;
}
.bkr003 .featured-works-01 .content-column .inner-column {
    padding-left: 0;
    padding-top: 150px;
    padding-bottom: 150px;
    position: relative;
    left: 95px;
}
.bkr003 .featured-works-01 .inner-column .table-content {
    margin-bottom: 50px;
}
.bkr003 .featured-works-01 .inner-column .table-content ul {}
.bkr003 .featured-works-01 .inner-column .table-content ul li {
    position: relative;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding-left: 0;
}
.bkr003 .featured-works-01 .inner-column .table-content ul li:before {
    content: "";
    background-color: #ef0d33;
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 18px;
    height: 1px;
    z-index: 398;
    opacity: 0;
}
.bkr003 .featured-works-01 .inner-column .work-btn {
    font-size: 12px;
    color: #000000;
    background: #ef0d33;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 35px;
    letter-spacing: 1px;
    /* border-radius: 30px; */
}
.bkr003 .featured-works-01 .inner-column .work-btn {
    background-image: -webkit-linear-gradient(315deg, #fff 50%, transparent 50%);
    background-image: -o-linear-gradient(315deg, #fff 50%, transparent 50%);
    background-image: linear-gradient(135deg, #fff 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 .featured-works-01 .inner-column .work-btn:hover {
    background-size: 300% 300%;
    background-position: 0% 0%;
}
.bkr003 .featured-works-01 .featured-block.style-two .inner-column .image img {
    max-width: none;
    float: left;
}
.bkr003 .featured-works-01 .featured-block.style-two .content-column .inner-column {
    padding-left: 0;
    padding-top: 150px;
    padding-bottom: 84px;
    padding-right: 60px;
    position: relative;
    left: -95px;
}
.bkr003 .featured-works-01 .featured-block.style-two .content-column .inner-column .text p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 40px;
}
.bkr003 .featured-works-01 .featured-block.style-two .inner-column h3 {
    font-size: 50px;
    color: #FFFFFF;
    line-height: 55px;
    margin-bottom: 30px;
    font-weight: 700;
    line-height: 70px;
}
.bkr003 .featured-works-01 .featured-block.style-two .inner-column h3 span {
	color: #ef0d33;
}
.bkr003 .featured-works-01 .featured-block.style-three .content-column .inner-column .text p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 40px;
}
.bkr003 .featured-works-01 .featured-block.style-three .inner-column h3 span {
	color: #ef0d33;
}
.bkr003 .featured-works-01 .featured-block.style-three .content-column .inner-column {
    padding-bottom: 150px;
}
.bkr003 .featured-works-01 .featured-block.style-four .content-column .inner-column {
    left: -95px;
}
.bkr003 .featured-works-01 .featured-block.style-four .image img {
    float: left !important;
}
.rash01 .team-area .sec-title .subtitle h3 {
    /* font-size: 16px; */
    /* color: #ef0d33; */
    /* font-weight: 500; */
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    /* margin-bottom: 24px; */
    /* text-align: center; */
}
.rash01 .team-area .sec-title .title h2 {
    /* font-size: 50px; */
    /* color: #FFFEFE; */
    /* font-weight: 700; */
    /* line-height: 120px; */
    text-align: center;
    /* text-transform: uppercase; */
}
.table-content {
    margin-bottom: 50px;
}
.table-content ul li {
    position: relative;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding-left: 30px;
}

.about-03 .text p{
    color: #fff;
    font-size: 15px;
}

.anim-icons .icon {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
}
/* =====animation ====*/
.shape-12{
    animation-name: float_left_right_two;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_left_right_two;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_left_right_two;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_left_right_two;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right_two;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.shape-13, .shape-7{
    animation-name: zoom-fade;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.shape-14,.shape-16,.shape-6,.shape-8 {
    animation-name: rotateme;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.shape-15{
    animation-name: float_up_down;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_up_down;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_up_down;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_up_down;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.anim-icons .icon {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
}

.shape-eight1 {
    background-image: url(../images/icons/11.png);
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    /* opacity: -1; */
    width: 60px;
    height: 60px;
    /* background: #dbdbdb; */
    z-index: -1;
    position: absolute;
    bottom: 17%;
    right: -22%;
    animation: animationFramesFour 20s alternate infinite linear;
    animation-name: float_up_down;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_up_down;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_up_down;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_up_down;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.shape-eight2 {
    background-image: url(../images/icons/15.png);
    /* position: absolute; */
    content: "";
    background-repeat: no-repeat;
    /* opacity: -1; */
    width: 60px;
    height: 60px;
    /* background: #dbdbdb; */
    z-index: -1;
    position: absolute;
    bottom: 9%;
    left: 25%;
    animation: animationFramesFour 20s alternate infinite linear;
    animation-name: float_left_right_two;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_left_right_two;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_left_right_two;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_left_right_two;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right_two;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.shape-nine1 {
    background-image: url(../images/icons/10.png);
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    /* opacity: -1; */
    width: 50px;
    height: 50px;
    /* background: #dbdbdb; */
    z-index: -1;
    position: absolute;
    bottom: 4%;
    right: 30%;
    animation: animationFramesOne 17s infinite linear;
}
.shape-nine2 {
    /*background-image: url(../images/icons/14.png);*/
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    /* opacity: -1; */
    width: 50px;
    height: 50px;
    /* background: #dbdbdb; */
    z-index: -1;
    position: absolute;
    bottom: 80%;
    right: 38%;
    animation: animationFramesOne 17s infinite linear;
}
.shape-12 {
    height: 51px;
    width: 38px;
    background-image: url(../images/icons/shape-12.png);
    top: 161px;
    left: -18px;
    z-index: 5;
}
.shape-13 {
    height: 36px;
    width: 35px;
    background-image: url(../images/icons/shape-13.png);
}
.shape-13 {
    top: 185px;
    left: 44%;
    z-index: 5;
}
.shape-14 {
    height: 37px;
    width: 42px;
    background-image: url(../images/icons/shape-14.png);
}
.shape-14 {
    top: 60%;
    left: 35%;
    z-index: 5;
}
.shape-15 {
    height: 21px;
    width: 38px;
    background-image: url(../images/icons/shape-15.png);
}
.shape-15 {
    top: 12%;
    right: 46%;
    z-index: 5;
}
.shape-16 {
    height: 115px;
    width: 115px;
    background-image: url(../images/icons/shape-16.png);
}
.shape-16 {
    bottom: 233px;
    right: 13px;
    z-index: 5;
}

.bkr003 .about-03:after{
    /* position: absolute; */
    /* right: 36px; */
    top: 0%;
    height: 870px;
    width: 1032px;
    content: "";
    background-image: url(../images/background/shape1.png);
    z-index: 111;
}
.bkr003 .about-03:before {
    position: absolute;
    right: -76px;
    top: 0%;
    height: 870px;
    width: 1032px;
    content: "";
    background-image: url(../images/background/shape2.png);
    z-index: -1;
}
.bkr003 .about-03 .image img {
    border-radius: 5px;
}
.bkr003 .about-03 .image:after {
    content: '';
    width: 188px;
    height: 196px;
    background: #ef0d33;
    border-radius: 5px;
    position: absolute;
    top: -35px;
    left: -35px;
    z-index: -1;
}




.bkr003 .service-icon-03:before {
    position: absolute;
    right: 0;
    top: -280px;
    height: 1348px;
    width: 1032px;
    content: "";
    background-image: url(../images/background/bg-1.png);
    display: none;
}
.qualification-01 .square_box {
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top-left-radius: 45px;
    opacity: 0.302;
}
.qualification-01 .square_box.box_three {
    background-image: -moz-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    background-image: -webkit-linear-gradient(-90deg, #290a5954 0%, #3d57f400 100%);
    background-image: -ms-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    opacity: 0.059;
    left: -80px;
    top: -60px;
    width: 500px;
    height: 500px;
    border-radius: 45px;
}
.qualification-01 .square_box.box_four {
    background-image: -moz-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    background-image: -webkit-linear-gradient(-90deg, #290a5900 0%, #3d57f42b 100%);
    background-image: -ms-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    opacity: 0.29;
    left: 150px;
    top: -25px;
    width: 550px;
    height: 550px;
    border-radius: 45px;
}

.rash01 .team-area.team-page:before {
    position: absolute;
    right: -104px;
    top: 0%;
    height: 1180px;
    width: 1032px;
    content: "";
    background-image: url(../images/background/shape2.png);
    /* z-index: 111; */
    display: none;
}
.rash01 .team-area.team-page:after {
    position: absolute;
    right: 36px;
    top: 0%;
    height: 1180px;
    width: 1032px;
    content: "";
    background-image: url(../images/background/shape1.png);
    z-index: -999;
    display: none;
}

.team-page .shape-16 {
    bottom: 233px;
    /* right: 13px; */
    z-index: 5;
    left: 10%;
}
.team-page .shape-15 {
    top: 12%;
    right: 77%;
    z-index: 5;
}
.team-page .shape-eight2 {
    background-image: url(../images/icons/15.png);
    /* position: absolute; */
    content: "";
    background-repeat: no-repeat;
    /* opacity: -1; */
    width: 60px;
    height: 60px;
    /* background: #dbdbdb; */
    z-index: 999;
    position: absolute;
    bottom: 9%;
    left: 25%;
    animation: animationFramesFour 20s alternate infinite linear;
    animation-name: float_left_right_two;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_left_right_two;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_left_right_two;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_left_right_two;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right_two;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.skills-03 .square_box.box_three {
    background-image: -moz-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    background-image: -webkit-linear-gradient(-90deg, #31313147 0%, #31355263 100%);
    background-image: -ms-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    opacity: 1;
    right: -80px;
    top: -16px;
    width: 450px;
    height: 450px;
    border-radius: 45px;
}
.skills-03 .square_box.box_four {
    background-image: -moz-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    background-image: -webkit-linear-gradient(-90deg, #0000008a 0%, #383b4ff2 100%);
    background-image: -ms-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    opacity: 0.059;
    right: 150px;
    top: -25px;
    width: 550px;
    height: 550px;
    border-radius: 45px;
}
.skills-03 .square_box {
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top-left-radius: 45px;
    opacity: 0.302;
}

.service-icon-03 .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    line-height: 60px;
    text-align: center;
    background: #ee0d33;
    margin-bottom: 25px;
}   
.bkr003 .qualification-01 .item .blockx:before {
    content: "";
    width: 100%;
    height: 10px;
    background: url(../img/pos/shape_bg.png) no-repeat scroll center bottom/cover;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.bkr003 .qualification-01 .item .block:after{
    content: "";
    width: 100%;
    height: 10px;
    background: url(../images/background/shape_bg.png) no-repeat scroll center bottom/cover;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.bkr003 .qualification-01 .item:before{
	    bottom: 30px;
	    content: "";
	    position: absolute;
	    left: -3px;
	    width: 100%;
	    height: 1px;
	    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #c9c9d6));
	    background-image: -webkit-linear-gradient(left, transparent 50%, #c9c9d6 50%);
	    background-image: -o-linear-gradient(left, transparent 50%, #c9c9d6 50%);
	    background-image: linear-gradient(to right, transparent 50%, #c9c9d6 50%);
	    background-size: 10px 94%;
}
 .portfoliobgx{
    background: #1f2235;
}
.portfoliobgx:before {
    position: absolute;
    right: 0;
    /* top: 0px; */
    height: 1348px;
    width: 1900px;
    content: "";
    background-image: url(../images/background/2.png);
}



.bkr003 .featured-works-01:before {
    position: absolute;
    right: -104px;
    top: 0%;
    height: 1180px;
    width: 1032px;
    /* content: ""; */
    /* background-image: url(../images/background/shape2.png); */
    /* z-index: 111; */
}
.bkr003 .featured-works-01:after {
    position: absolute;
    right: 36px;
    top: 0%;
    height: 1180px;
    width: 600px;
    /* content: ""; */
    /* background-image: url(../images/background/shape1.png); */
}
.featured-works-01 .featured-block.style-two:before {
    position: absolute;
    left: 0;
    top: 902px;
    height: 1074px;
    width: 1000px;
    background-image: url(../images/background/bg-6.png);
    background-repeat: no-repeat;
    content: "";
}
.featured-block.style-three .square_box {
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top-left-radius: 45px;
    opacity: 0.302;
}
.featured-block.style-three .square_box.box_three {
    background-image: -moz-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    background-image: -webkit-linear-gradient(-90deg, #250b4f14 0%, #0b273b2b 100%);
    background-image: -ms-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    opacity: 1;
    right: -80px;
    top: 75%;
    width: 450px;
    height: 450px;
    border-radius: 45px;
}
.featured-block.style-three .square_box.box_four {
    background-image: -moz-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    background-image: -webkit-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    background-image: -ms-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    opacity: 0.059;
    right: 150px;
    top: 75%;
    width: 550px;
    height: 550px;
    border-radius: 45px;
}
.bkr003 .pricing-03:after {
    position: absolute;
    left: 0;
    top: 200px;
    width: 347px;
    height: 500px;
    content: "";
    /* background-image: url(../images/background/bg-20.png); */
    background-repeat: no-repeat;
    z-index: -1;
}
.bkr003 .pricing-03:before {
    position: absolute;
    right: 0;
    top: -280px;
    height: 1348px;
    width: 1032px;
    content: "";
    background-image: url(../images/background/bg-1.png);
}
.blogbgx{
    background: #080824;
}
.blogbgx:before {
    position: absolute;
    right: 0;
    /* top: 0px; */
    height: 1348px;
    width: 1900px;
    content: "";
    background-image: url(../images/background/2.png);
}

.bkr003 .testimonial-03:before {
    position: absolute;
    /* right: 0; */
    /* top: 0px; */
    height: 200px;
    width: 544px;
    content: "";
    /* background-image: url(../images/background/24.png); */
    bottom: 0px;
}
.bkr003 .testimonial-03:after {
    position: absolute;
    right: 0;
    top: 0px;
    height: 319px;
    width: 1073px;
    content: "";
    /* background-image: url(../images/background/22.png); */
    bottom: 0px;
}
.bkr003 .video-01 .text p {
    color: #fff;
}
.bkr003 .video-01 .square_box {
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top-left-radius: 45px;
    opacity: 0.302;
}
.bkr003 .video-01 .square_box.box_three {
    background-image: -moz-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    background-image: -webkit-linear-gradient(-90deg, #474747 0%, #3c3d43 100%);
    background-image: -ms-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    opacity: 0.059;
    left: -80px;
    top: -60px;
    width: 500px;
    height: 500px;
    border-radius: 45px;
    z-index: -1;
}
.bkr003 .video-01 .square_box.box_four {
    background-image: -moz-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    /* background-image: -webkit-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); */
    background-image: -ms-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%);
    opacity: 0.29;
    left: 150px;
    top: -25px;
    width: 550px;
    height: 550px;
    border-radius: 45px;
}

.navtex_image {
    font-size: 50px;
    color: #fff;
    position: absolute;
    display: block;
    right: 50%;
    top: 80%;
    font-size: 100px;
    line-height: 1em;
    color: rgba(255, 255, 255, 0.53);
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg) translateX(50%);
    -moz-transform: rotate(-90deg) translateX(50%);
    -ms-transform: rotate(-90deg) translateX(50%);
    -o-transform: rotate(-90deg) translateX(50%);
    transform: rotate(0deg) translateX(50%);
    z-index: 90;
}
/*** 

====================================================================
	resume-01
====================================================================

 ***/

.bkr003 .resume-01 {
    overflow: hidden;
    padding: 100px 0px 100px 0px;
    position: relative;
    background: #1f2235;
}
.bkr003 .resume-01 .sec-title {
    text-align: center;
}
.bkr003 .resume-01 .sub-title h3 {
    font-size: 16px;
    color: #999999;
    font-weight: 600;
    margin-top: -6px;
    margin-bottom: 25px;
}
.bkr003 .resume-01 .shape {
	position: relative;
}
.bkr003 .resume-01 .shape:before {
    position: absolute;
    left: 0;
    bottom: 8px;
    content: "";
    width: 48px;
    z-index: 188;
    border: 1px dashed #555555;
}
.bkr003 .resume-01 .title h2 {
    /* margin-bottom: 30px; */
    /* font-size: 40px; */
    /* color: #323A45; */
    /* text-transform: uppercase; */
    /* font-weight: 600; */
}
.bkr003 .resume-01 .title h2 span {
    /* color: #FAC921; */
}
.bkr003 .resume-01 .text p {}

.bkr003 .resume-01 .big-title h1 {
    font-size: 180px;
    line-height: 52px;
    color: #282b3d;
    font-weight: 800;
    position: absolute;
    top: 120px;
    left: 200px;
    /* z-index: -1; */
}
.bkr003 .resume-01 .big-title h1 span {
    color: rgba(255, 150, 0, 0.15);
}
.bkr003 .resume-01 .img {
	position: relative;
    margin-left: 33px;
}
.bkr003 .resume-01 .img:before {
    content: "";
    position: absolute;
    top: 39px;
    right: 0;
    background-image: url(../images/background/resume-01--shape01.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    width: 135px;
    height: 431px;
}
.bkr003 .resume-01 .img:after {
    content: "";
    background-color: #2a2c47;
    position: absolute;
    left: -35px;
    bottom: -35px;
    width: 290px;
    height: 368px;
    z-index: -1;
}
.bkr003 .resume-01 .img img {}
.bkr003 .resume-01 .inner {
    padding-top: 30px;
    padding-left: 51px;
}
.bkr003 .resume-01 .inner .icon-box {
    position: relative;
    padding: 25px 0px 25px 65px;
    background: #2a2c47;
    border: 1px solid #35375169;
    margin-left: 24px;
}
.bkr003 .resume-01 .inner .icon-box:before {
    position: absolute;
    content: "\f0b1";
    right: 144px;
    top: 26px;
    font-size: 60px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #E4E4E4;
    -moz-transform: matrix( 0.86602540378444,0.5,-0.5,0.86602540378444,0,0);
    -webkit-transform: matrix( 0.86602540378444,0.5,-0.5,0.86602540378444,0,0);
    -ms-transform: matrix( 0.86602540378444,0.5,-0.5,0.86602540378444,0,0);
}
.bkr003 .resume-01 .inner .icon-box span {
    position: absolute;
    left: -18px;
    top: 21px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #ef0d33;
    /* border: 1px solid #A1A1A1; */
    color: rgb(255, 255, 255);
    border-radius: 3px;
}
.bkr003 .resume-01 .inner .icon-box .title h4 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
}
.bkr003 .resume-01 .inner .title h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 20px;
}
.bkr003 .resume-01 .inner .text p {
    margin-left: -10px;
    left: 10px;
    position: relative;
    margin-bottom: 26px;
    color: #fff;
}
.bkr003 .resume-01 .inner .list {
    color: #fff;
}
.bkr003 .resume-01 .inner .list li {
    font-size: 13px;
    color: #ffffff;
    font-weight: 600;
}
.bkr003 .resume-01 .inner .list li span {
    padding-right: 24px;
    color: #ee0d33;
}
.bkr003 .resume-01 .inner .btn-box {
    margin-top: 51px;
}
.bkr003 .resume-01 .inner .btn-box a {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background: #ef0d33;
    padding: 14px 61px 14px 61px;
    border-radius: 5px;
}
.bkr003 .resume-01 .inner .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;
}
.bkr003 .resume-01 .inner .btn-box a:hover {
    background-size: 300% 300%;
    background-position: 0% 0%;
    color: #fff;
}
.bkr003 .resume-01 .row {
    margin-top: 60px;
    padding-bottom: 18px;
}
.bkr003 .resume-01 .date {
    float: right;
    top: -28px;
    position: relative;
    left: -35px;
    font-size: 13px;
    color: #ef0d33;
    font-weight: 700;
}
.bkr003 .resume-01 .number {
    color: #ffffff1f;
    font-size: 72px;
    float: right;
    font-weight: 700;
    position: relative;
    top: -23px;
}
.bkr003 .resume-01 .btn-box {
    margin-top: 60px;
}
.bkr003 .resume-01 .btn-box a {
    font-size: 14px;
    background: #2a2c47;
    color: #fff;
    font-weight: 600;
    padding: 13px 40px;
    border-radius: 5px;
    display: inline-block;
}
.bkr003 .resume-01 .btn-box a {
    background-image: -webkit-linear-gradient(315deg, #ef0d33 50%, transparent 50%);
    background-image: -o-linear-gradient(315deg, #FAC921 50%, transparent 50%);
    background-image: linear-gradient(135deg, #ef0d33 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 .resume-01 .btn-box a:hover {
    background-size: 300% 300%;
    background-position: 0% 0%;
    color: #fff;
}








/* responsive */

@media only screen and (max-width: 7000px){
	.page-wrapper{
		overflow: hidden;
	}
}
@media only screen and (max-width: 1900px){

.navtex_image {
    right: 20px !important;
    font-size: 80px !important;
}
	
}

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

}

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

@media only screen and (max-width: 1499px){
	
.bkr003 .slider-01 .content .social-list ul {
    display: none;
}
.bkr003 .aboutus-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .slider-01 .content .bigtitle h1 {
    font-size: 120px;
}
.bkr003 .featured-works-01 .featured-block.style-two .content-column .inner-column {
    left: 0;
}

}

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

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



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



}



@media only screen and (max-width: 1199px){
   
.bkr003 .design-01 .image-box img {
    float: none;
    width: 100%;
}
.bkr003 .qualification-01 .item {
    margin-bottom: 30px;
}	
.bkr003 .about-03 .image {
    display: inline-block;
    margin-bottom: 50px;
}
.bkr003 .about-03 .image:after {
    left: 0;
}	
.bkr003 .qualification-01 .tab-buttons li:before {
    display: none;
}	
.bkr003 .aboutus-01 .img-holder {
    left: 0;
}	
.bkr003 .aboutus-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .slider-01 .content .bigtitle h1 {
    font-size: 100px;
}	
.bkr003 .resume-01 .img {
    display: inline-block;
    margin-bottom: 50px;
}	
.bkr003 .resume-01 .inner {
    padding-left: 0;
    padding-bottom: 40px;
}
.bkr003 .resume-01 .btn-box {
    margin-top: 20px;
}
.bkr003 .resume-01 .row {
    margin-top: 0;
}	
.bkr003 .resume-01 .img:before {
    opacity: 0;
}	
.bkr003 .featured-works-01 .overlay-anim-box2 {
    float: none;
}	
.bkr003 .featured-works-01 .inner-column .image img {
    float: none;
    width: 100%;
}	
.bkr003 .featured-works-01 .content-column .inner-column {
    padding-top: 0;
    padding-bottom: 100px;
    left: 0;
}
.bkr003 .featured-works-01 .featured-block.style-two .content-column .inner-column {
    padding-top: 0;
    padding-bottom: 100px;
    padding-right: 0px;
    left: 0;
}
.bkr003 .featured-works-01 .image-column {
    margin-bottom: 30px;
}	
.bkr003 .featured-works-01 .featured-block.style-three .content-column .inner-column {
    padding-bottom: 100px;
}	
.bkr003 .featured-works-01 .featured-block {
    margin: 0px 15px;
}	
.bkr003 .portfolio-02 .filters .filter-btns {
    margin: 0;
}	
.portfolio-02 .project-block .image-box img {
    max-width: unset;
    width: 100%;
}	
.bkr003 .portfolio-02 .overlay-anim-box2 {
    display: block;
}
.bkr003 .pricing-04 .culumn {
    padding: 0px 15px;
}
.bkr003 .pricing-04 .culumn .inner-box {
    margin-bottom: 30px;
}
.bkr003 .pricing-04 .culumn .inner-box {
    border-left: unset;
}
.bkr003 .pricing-04 .culumn .table-content {
    margin-top: 50px;
}	
.table-content ul li:before {
    opacity: 0;
}
.bkr003 .service-icon-04 .coulmn:nth-child(2) {
    top: 0;
}
.bkr003 .service-icon-04 .coulmn:nth-child(3) {
    top: 0;
}
.bkr003 .service-icon-04 .coulmn:nth-child(4) {
    top: 0;
}
.bkr003 .service-icon-04 .coulmn:nth-child(5) {
    top: 0;
}
.bkr003 .service-icon-04 .coulmn:nth-child(6) {
    top: 0;
}	
	
	
	
	
	
	
	
	
	
	
	
	
}


@media only screen and (min-width: 992px){
	

	
}


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

}

@media only screen and (max-width: 991px){
	
.bkr003 .aboutus-01 .img-holder:after {
    top: 0;
}
.bkr003 .aboutus-01 .img-holder {
    margin-bottom: 50px;
}

.nav-menu .square_box.box_three {
    opacity: 0 !important;
}
.bkr003 .footer-bottom-area-03 .copyright-text {
    text-align: center;
    margin-bottom: 100px;
}
.bkr003 .footer-bottom-area-03 .social-list ul {
    text-align: center;
}
.bkr003 .footer-bottom-area-03 .scroll-to-top {
    top: -15px;
}
.bkr003 .aboutus-01 .img-holder {
    margin-top: 50px;
}	
.bkr003 .aboutus-01 .img-holder:before {
    left: 0;
}	
.bkr003 .aboutus-01 .img-holder .title {
    left: 0;
}	
.bkr003 .aboutus-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .slider-01 .content .bigtitle h1 {
    font-size: 80px;
}	
.bkr003 .aboutus-01 .text p {
    padding-right: 0;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

@media only screen and (max-width: 767px){
	
.nav-container .social-list {
    display: none;
}
.navtex_image {
    right: 0px !important;
    transform: rotate(0deg) translateX(0%) !important;
    position: relative !important;
    text-align: center;
}
.bkr003 .slider-01 .content .title h2 {
    font-size: 50px;
    line-height: 80px;
}
.bkr003 .slider-01 {
    padding: 60px 0px 60px 0px;
}
.bkr003 .slider-01 .content .image img {
    display: none;
}	
.bkr003 .skills-03 .left:before {
    left: 0;
}	
.bkr003 .skills-03 .left:before {
    left: -200px;
}
.bkr003 .slider-01 .content {
    margin-bottom: 60px;
}
.bkr003 .skills-03 .image img {
    opacity: 0;
}
.bkr003 .skills-03 .skill-block {
    padding: 100px 0px 45px 0px;
}
.bkr003 .aboutus-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .slider-01 .content .bigtitle h1 {
    font-size: 60px;
}	
.bkr003 .aboutus-01 .img-holder:after {
    opacity: 0;
}	
.portfolio-02 .project-block {
    margin-left: 0;
    width: 100%;
}	
.bkr003 .portfolio-02 .filters .filter-btns {
    border-bottom: none;
}	
.bkr003 .portfolio-02 .filters li {
    display: block;
    padding-bottom: 0 !important;
    margin: 0;
}	

.bkr003 .portfolio-02 .filters li.active:before {
	display: none;
}	
	
	
	
	
	
	
	
	
	
	
}

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

		
}

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

.bkr003 .about-03 .content .title h2 {
    font-size: 50px;
    line-height: 60px;
}
.bkr003 .about-03 .content .item .icon {
    position: relative;
    left: 0;
}
.bkr003 .about-03 .content .item {
    padding: 0px 0px 0px 0px;
}
.bkr003 .aboutus-01 .big-title h1, .bkr003 .resume-01 .big-title h1 {
    font-size: 40px;
}	
.bkr003 .contact-02 .sec-title .title h2 {
    font-size: 35px;
    line-height: 60px;
}	
.bkr003 .featured-works-01 .sec-title .title h2 {
    font-size: 30px;
    line-height: 50px;
}	
	
	
	
	
	
	
	
	
    
}

@media only screen and (max-width: 479px) {
	
.bkr003 .slider-01 .content .title h2 {
    font-size: 32px;
    line-height: 45px;
}
.bkr003 .qualification-01 .tab-buttons li {
    font-size: 45px;
    line-height: 90px;
    margin: 0;
}
.bkr003 .skills-03 .content .title h2 {
    font-size: 30px;
    line-height: 50px;
}
.bkr003 .skills-03 .skill-block .title h2 {
    font-size: 30px;
    line-height: 50px;
}
.bkr003 .footer-bottom-area-03 .social-list ul li {
    margin: 0px 0px;
}
.bkr003 .aboutus-01 .link-btn .btn-style-one {
    display: inline-block;
}	
.bkr003 .aboutus-01 .link-btn .btn-style-two {
    display: inline-block;
    padding: 10px 30px 9px 80px;
}	
.bkr003 .aboutus-01 .link-btn {
    margin-bottom: 30px;
}	
.bkr003 .resume-01 .date {
    float: none;
    top: 0;
    left: 0;
}			
}

.big-title h1 {
    font-size: 180px;
    line-height: 52px;
    color: #383c5840;
    font-weight: 800;
    position: absolute;
    top: 130px;
    right: 200px;
    text-transform: uppercase;
}
.sec-title .subtitle h3 {
    font-size: 16px;
    color: #999999;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: -7px;
    font-size: 16px;
    color: #ef0d33;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    /* margin-bottom: 24px; */
    display: inline-block;
}
.sec-title .title h2 {
    font-size: 60px;
    line-height: 80px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.light .title-fill:after {
    color: #ffffff;
    /* background: #f5f5f5; */
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
.light .resume-01 .title h2 {
    /* margin-bottom: 30px; */
    /* font-size: 50px; */
    /* color: #323A45; */
    /* text-transform: uppercase; */
    /* font-weight: 600; */
    /* text-align: center; */
}
.light .resume-01 .title h2:after {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 20px;
    background: #0C1320;
    bottom: -35px;
    left: 160px;
    right: 40px;
    display: none;
}
.light .resume-01 .title h2:before {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 100px;
    background: #e1e1e16e;
    bottom: -35px;
    left: -20px;
    right: 0;
    display: none;
}
.light .resume-01 .subtitle h3 {
    /* text-align: center; */
    /* font-size: 24px; */
    /* color: #ef0d33; */
    /* font-weight: 600; */
    /* text-transform: capitalize; */
    /* letter-spacing: 2px; */
    /* margin-bottom: 24px; */
    /* letter-spacing: 4px; */
    /* font-size: 16px; */
    /* color: #ef0d33; */
    /* font-weight: 500; */
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    /* margin-bottom: 24px; */
}


.rash01 .team-area .sec-title .title h2 {
    /* margin-bottom: 100px; */
}
.rash01 .team-area .sec-title .title h2:before {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 100px;
    background: #0C1320;
    bottom: -35px;
    left: -20px;
    right: 0;
    opacity: 0;
}
.rash01 .team-area .sec-title .title h2:after {
    margin: auto;
    height: 6px;
    content: "";
    position: absolute;
    width: 20px;
    background: #0C1320;
    bottom: -35px;
    left: 160px;
    right: 40px;
	opacity: 0;
}

.bkr003.light .latest-news-03{
    background: #313552fa;
}
.bkr003 .pricing-04 .culumn .inner-box .heder {
    background: #313552;
}
.borderm .portfolio-02{
	background-color:#050505!important;
}
.borderm .portfolio-02 .big-title h1 {
    color: #1e1e1e!important;
}
.sersingx .big-title h1 {
    color: #1e1e1e!important;
}

.bkr003 .aboutus-01 {
    background: #1f2235;
}

.bkr003 .aboutus-01 .text {
    color: #fff;
}

.aboutus-01 .animated .subtitle{
    margin-top: 30px;
}
.bkr003 .slider-01 .content .bigtitle h1 {
    display: none!important;
}
.slider_title{
	color:#fff;
}
.bkr003.ent .slider-01{
    background: #313552!important;
}
.bkr003 .pricing-04 .culumn .inner-box .package h5 {
    color: white;
}
.page_titlex{
    padding: 65px 0px;
	background-image: url(../images/patern.png)!important;
}
.page_titlex h2 {
    font-size: 40px!important;
}

/*====multiline-animation====*/
.dotanimation {
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 100vh;
    opacity: 0;
}
@media only screen and (max-width: 991px) {
	
.dotanimation{
	display:none;
}	
}
.dotline-one,
.dotline-two,
.dotline-three,
.dotline-four{
	position:absolute;
	bottom:0px;	
	height:100vh;
	width:4px;
	z-index:20;	
	border-left:1px solid rgba(255,255,255,0.1);	
	
}
.dotline-one{left: 5%;}
.dotline-two{left: 34%;}
.dotline-three{left: 64%;}
.dotline-four{left: 95%;}

.dotanimation1{
	animation-duration: 40s;
	animation-iteration-count: infinite;
	background-color: #ffffff;
	height: 10px;
	margin: 0px 0px 0px -5px;
	transform-origin: bottom;
	width: 10px;
}
.animline1{
	animation-name: animline1;
	animation-timing-function: linear;
}
@keyframes animline1{
	0%   { transform: translateY(0); }
	50%  { transform: translateY(100vh); }
	100% { transform: translateY(0); }
}


.dotanimation2{
	animation-duration: 80s;
	animation-iteration-count: infinite;
	background-color: #ef0e34;
	height: 10px;
	width:10px;
	margin: 0px 0px 0px -5px;
	transform-origin: bottom;
}
.animline2{
	animation-name: animline2;
	animation-timing-function: linear;
}
@keyframes animline2{
	100%   { transform: translateY(0); }
	50%  { transform: translateY(100vh); }
	0% { transform: translateY(0); }
}
.home2 .bkr003.lightst .slider-01 {
    background: #010101!important;
}
.home2 .bkr003 .slider-01 .content .image {
    width: 435px;
}
.home2 .bkr003 .aboutus-01 .text p {
    letter-spacing: 2px;
    text-align: justify;
    padding: 0px 30px;
}
.home_x{
	text-align:center;
}
.home_x .title h2 {
    font-size: 60px!important;
    line-height: 80px!important;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
 .bkr003.home_z .video-01 {
    background: #2a2c4775!important;
}
.home2 .rash01.lightst .team-area.team-page {
    background: #1f2235;
    padding: 100px 0px 55px 0px;
    text-align: center;
}
.serdetails .inner .list li {
    font-size: 11px!important;
    letter-spacing: 3px!important;
    text-transform: uppercase;
}
.serdetails .inner .title h3 {
    text-transform: uppercase!important;
}
.imagrow {
    padding: 57px 0px 300px;
}
.imagrow .video-01 {
    padding: 100px 0px 300px 0px!important;
}












.bkr003 .video-01.two .inner .video-btn {
    position: relative;
    left: 0;
    text-align: center;
    top: 0;
}
.bkr003 .video-01.two .imagrow {
    padding: 0px 0px 0px;
}
.bkr003 .video-01.two {
    padding: 250px 0px 250px 0px;
}
.bkr003.home_z {
    background-repeat: no-repeat;
    background-size: cover;
}
@media only screen and (max-width: 852px) { 

.nav-container .social-list {
    opacity: 0;
}
.nav-container.two .nav-menu {
    height: 100%;
}


}

@media only screen and (max-width: 991px) {
	
	.home2 .bkr003 .aboutus-01 .text p {
		padding-right: 0;
	}
	.bkr003 .testimonial-03 .sec-title {
		margin-bottom: 100px !important;
	}
	.bkr003 .featured-works-01 {
		padding: 100px 0px 0px 0px;
	}
}


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

.bkr003 .video-01 .inner .video-btn {
    position: relative;
    text-align: left;
    left: 0;
    display: inline-block;
}
.bkr003.home_z .video-01 {
    padding-bottom: 160px;
}
.bkr003 .funfact-03 .funfact .column .item .count-outer {
    padding-left: 0;
}
.bkr003 .funfact-03 .funfact .column .item .counter-title {
    padding-left: 0;
}
.bkr003 .skills-03 .content .text p {
    padding-right: 0;
}
.bkr003 .resume-01 .img {
    margin-left: 0;
    margin-bottom: 0;
}
.bkr003 .video-01.three .inner .img-box {
    position: relative;
    right: 0;
    top: 0;
    display: none;
}
.video-01.three {
    padding-bottom: 160px;
}
.bkr003 .testimonial-03 .nav-style-two .owl-next {
    position: relative;
    top: 0;
	display: inline-block;
	margin: 0px 5px;
}
.bkr003 .testimonial-03 .nav-style-two .owl-prev {
    position: relative;
    top: 0;
    display: inline-block;
    margin: 0px 5px;
}
.bkr003 .testimonial-03 .owl-nav {
    text-align: center;
    margin-top: 50px;
}
.bkr003 .video-01.two .inner .video-btn {
    display: block;
}	
.bkr003 .video-01.two {
    padding: 250px 0px 250px 0px !important;
}	
.bkr003 .featured-works-01 {
    padding: 100px 0px 0px 0px;
}	
	
	
	
	
	

}

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

	.home_x .title h2, .bkr003 .video-01 .title h2, .bkr003 .service-icon-03 .sec-title .title h2, .bkr003 .aboutus-01 .title h2, .bkr003 .portfolio-02 .sec-title .title h2, .bkr003 .service-icon-03 .sec-title .title h2, .bkr003 .skills-03 .content .title h2, .bkr003 .skills-03 .skill-block .title h2, .rash01 .team-area .sec-title .title h2, .bkr003 .latest-news-03 .sec-title .title h2, .light .resume-01 .title h2, .bkr003 .testimonial-03 .sec-title .title h2, .bkr003 .featured-works-01 .inner-column h3 {
		font-size: 40px!important;
		line-height: 50px;
	}

	.bkr003 .aboutus-01 .text {
		text-align: center;
	}
	.bkr003 .aboutus-01.two .text {
		text-align: left;
	}
	.bkr003 .aboutus-01 .subtitle h3 {
		margin: 0px 15px;
	}
	.bkr003 .aboutus-01.two .subtitle h3 {
		margin: 0px 0px;
	}
.sec-title {
    margin-bottom: 30px !important;
}

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

.home_x .title h2, .bkr003 .video-01 .title h2, .bkr003 .service-icon-03 .sec-title .title h2, .bkr003 .aboutus-01 .title h2, .bkr003 .portfolio-02 .sec-title .title h2, .bkr003 .service-icon-03 .sec-title .title h2, .bkr003 .skills-03 .content .title h2, .bkr003 .skills-03 .skill-block .title h2, .rash01 .team-area .sec-title .title h2, .bkr003 .latest-news-03 .sec-title .title h2, .light .resume-01 .title h2, .bkr003 .testimonial-03 .sec-title .title h2, .bkr003 .featured-works-01 .inner-column h3 {
    font-size: 22px!important;
}
.bkr003 .aboutus-01.two .title h2 {
	line-height: 35px;
}
.bkr003 .aboutus-01.two .title {
    margin-bottom: 15px;
}
	
	
}
.aboutus-01.two {
    padding: 100px 0px 140px 0px;
}
.aboutus-01.two .animated .subtitle {
    margin-top: 0;
}
.aboutus-01.two .big-title h1 {
    top: 138px;
}
.rash01.lightst .team-area.team-page .sec-title {
    text-align: center;
}
.team-area.team-page {
    padding: 100px 0px 52px 0px;
}
.bkr003 .video-01.kuk .inner .video-btn {
    top: 215px;
}
.bkr003 .resume-01.kuk .row {
    margin-top: 0;
}
.bkr003 .design-01.kuk .item {
    padding: 220px 0px 100px 0px;
}
.pricing-04.kuk {
    padding: 100px 0px 50px 0px;
}
.pricing-04.kuk .tab-buttons li {
    margin: 0px 5px !important;
}