.top-btn
{
background-color: #ff5e14 !important;
padding: 8px 15px !important;
margin-top: 20px;
border-radius: 10px;
}
@media only screen and (min-width: 1200px){
.container {
max-width: 1200px;
}}

.top-btn .menu-text {
color: #fff !important;
}


.header-logo a {
margin: auto !important; 
}
.site-main-menu>ul>li>span {
font-size: 16px;
font-weight: 500;
line-height: 1.375;
display: block;
padding: 29px 17px;
color: #3f3a64;
}

.header-section .header-inner {
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.05) !important;
box-shadow: 0 3px 9px rgba(0,0,0,0.05) !important;
border-bottom: 1px solid #f7f7f7;
}
.slide-btn
{
border-style: solid;
border-width: 1px;
border-color: rgb(255 94 20);
border-radius: 3px;
background-color: rgba(1, 10, 68, 0);
color: rgb(255 94 20);
font-weight: bold;
}

.slide-btn:hover
{
background-color: rgb(255 94 20) !important;
color: #fff !important;
}
.m-b-20{margin-bottom: 20px !important;} .p-b-20{padding-bottom: 30px;}
.s-m
{
padding: 40px 0px !important;
margin-bottom: 30px;
}
.footer-address {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-address .footer-image{
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}

.footer-address .content{
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: calc(100% - 70px);
padding-left: 30px;
}
.footer-address .content p{
font-size: 16px;
color: rgb(225, 225, 225);
line-height: 1.368;
}
.footer-address
{
margin-bottom: 20px;
}


.corporate-videos {
font-size: 22px;
color: #ee4e4e;
font-weight: bold;
margin-bottom: 22px;
line-height: 1.073;
}

.c-v
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 20px;
border-bottom: 2px solid #d4d4d4;
margin-bottom: 40px;
}
.c-v-image
{
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;

}

.c-v .content {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: calc(100% - 70px);
padding-left: 10px;
}

.c-v .c-v-image i
{
color: #ee4e4e !important;
font-size: 35px;
font-weight: 300 !important;
}


.c-v .content h2 {
font-size: 19.327px;
color: rgb(5, 14, 71);
font-weight: bold;
margin-bottom: 12px;
line-height: 1.019;

}
.c-c-v
{
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
padding-bottom: 0;
}
.c-c-v .image {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0px 0 20px;
}

.c-c-v .c-c-v-c .c-v-p {
font-size: 15px;
color: #869aac;
line-height: 1.328;
display: block;
text-align: left;
margin-bottom: 0;
}
.m-b-40
{
margin-bottom: 40px !important;
}

.c-v-t{
color: rgb(1, 10, 68);
line-height: 1.368;

}
.corporate-video-section
{
padding: 30px 0;
}

.cosmos-box
{
padding: 40px;
background-color: #050e47;
}

.cosmos-section .c-v
{
border-bottom: 1px solid #4d5170;
}
.cosmos-section .c-v .content h2
{
color: #fff;
}
.cosmos-section .container
{
max-width: 100% !important;
padding: 0px;
}
.cosmos-section .c-v
{
margin-bottom: 20px;
}
.cosmos-section .p-0
{
padding: 0px !important;
}
.cosmos-content
{
padding: 0 10% 0 10%;
}

.cosmos-content .cosmos-title
{
font-size: 40px;
line-height: 45px;
font-weight: bold;
margin-bottom: 20px;
}

.cosmos-content .c-v-t
{
color: #010a44 !important;
margin-bottom: 40px;
}
.cosmos-branding
{
color: #ff006c !important;
}
.branding-img
{
border-bottom: 3px solid #ff006c !important;
width: 2000px;
height: 400px;
}
.cosmos-webdesign
{
color: #00aeff !important;
}
.g-design
{
color: #ffae00 !important;
}
.c-v .c-v-image .g-d-i
{
color: #ffae00 !important;
}
.w-d-img
{
border-bottom: 3px solid #00aeff !important;
width: 2000px;
height: 400px;
}
.c-v .c-v-image .w-d-d
{
color: #00aeff !important;
}
.p-p-p
{
color: #b1c02a !important;
}

.c-v .c-v-image .p-p-p-i
{
color: #b1c02a !important;
}
.d-m
{
color: #d672da !important;
}
.c-v .c-v-image .d-m-i
{
color: #d672da !important;
}
.digital-marketing-img
{
border-bottom: 3px solid #d672da !important;
width: 2000px;
height: 400px;
}

.c-v .c-v-image .b-i
{
color: #ff006c !important;
}
.cta-box
{
background-color: #e2e3e5 !important;
padding: 30px 40px;
box-shadow: 1.91px 10.833px 21px 0px rgba(0, 0, 0, 0.41);
}
.c-f-b
{
border-radius: 4px;
background-color: #FF0000;
width: 100%;
color: #fff;
}
.c-f-b:hover
{
color: #fff;
}

.s-e-b{

background-color: #ff0000;
padding: 30% 20%;

}
.s-e-b h2{
font-size: 39px;

color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.073;
}


#cta .container
{
max-width: 100% !important;
}

#cta .p-r-l
{
padding-right: 0px !important;
padding-left: 0px !important;
}
#cta
{
margin-bottom: -160px !important;
}
#ads
{
padding: 50px 0;
background-color: #f5f5f5;
margin-bottom: 35px;
}
.ads-txt h2 span
{
color: #4200ff !important;
}


.ads-txt h2
{
font-size: 40px !important;
font-weight: bold;
margin-bottom: 25px;
}
.ads-txt p
{
margin-bottom: 30px;
}
@media(min-width:1025px){
.top-banner
{
position: relative;
top: -35px;
z-index: 2000;
}
}
.top-txt
{
position: relative;
}

.top-left {
position: absolute;
top: 12px;
left: 20px;
}
.top-left p
{
color: #fff;
margin-bottom: 0px;
font-weight: bold;
}.top-left h2
{
font-size: 39px;
color: #fff;
}

.bottom-left {
position: absolute;
bottom: 20px;
left: 20px;
}.bottom-left p
{
color: #fff;
font-size: 14px;
}

.f-l li a
{
color: #e1e1e1;
}
.f-b-b
{
border-bottom: 2px solid #00aeff;
padding: 6px 0px;
}
.b-t
{
border-top: 1px solid #fff;
padding-top: 20px !important;
}


.cosmos-branding a{
color: #ff006c !important;

}
.cosmos-branding a:hover{
text-decoration: underline;

}

.cosmos-section .c-v .content h2 a
{
color: #fff;
}

.cosmos-section .c-v .content h2 a:hover
{
text-decoration: underline;
}

.cosmos-section .c-v .content h2 a:hover .b-i
{
color: #fff;
}

/**Feature Boxx**/

.feature-box
{
padding: 30px 0px;
}

.feature-box img
{
margin-bottom: 15px;
}

.feature-box h3
{

font-size: 35px;
color: rgb(1, 10, 68);
font-weight: bold;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #d4d4d4;
line-height: 45px;
}


.feature-box p {

color: #869aac;
}

.feature-box .f-box
{
margin-bottom: 20px;
}

.w-branding
{
background-color: #f5f5f5 !important;
padding-top: 40px;
padding-bottom: 55px;
}
.w-branding h2
{
color: #010a44 !important;
margin-bottom: 30px;
line-height: 50px;
font-size: 45.327px !important;
}


.w-branding .w-b
{
padding: 0 20px;
margin-bottom: 22px;
}
.w-b h3
{
color: #ff006c !important;
padding-top: 15px;
font-size: 25px !important;
font-weight: bold;
border-top: 1px solid #cecece;
}
.w-b p
{
color: #010a44;
}


.f-icon
{
padding: 20px;
text-align: center;
margin-bottom: 20px;
webkit-transition: all .25s cubic-bezier(0.645,0.045,0.355,1);
-o-transition: all .25s cubic-bezier(0.645,0.045,0.355,1);
transition: all .25s cubic-bezier(0.645,0.045,0.355,1);
}

.f-icon h3
{
font-size: 25px;
margin-top: 12px;
margin-bottom: 12px;
}

.f-icon:hover
{
-webkit-box-shadow: 0 0 40px rgba(51,51,51,0.1);
box-shadow: 0 0 40px rgba(51,51,51,0.1);
}
.bg-gery
{
background-color: #f5f5f5;
}
.m-b-26
{
margin-bottom: 26px;
}
.sub-title h3
{
color: #010a44 !important;
font-size: 30px !important;
text-transform: capitalize;
letter-spacing: 0px;
margin-top: 20px;
}
.port-section
{
padding-bottom: 75px !important;
}
.top-portfolio h2
{
font-size: 47px;
color: #010a44 !important;

}

.top-portfolio .bottom-left
{
position: absolute;
bottom: 20px;
left: 20px;
}
.top-portfolio .bottom-left p
{
font-size: 26px;
}
.port-new
{
position: relative;
}
.port-new .bottom-left 

{ position: absolute;
bottom: 20px;
left: 35px;
font-size: 25px;
color: #fff;
font-weight: bold;

}



/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/

.portfolio-wrap {
transition: 0.3s;
position: relative;
overflow: hidden;
border-radius: 8px;
z-index: 1;
}

.portfolio-wrap::before {
content: "";
background: rgb(255 176 7 / 50%);
position: absolute;
left: 100%;
right: 0;
top: 0;
bottom: 0;
transition: all ease-in-out 0.3s;
z-index: 2;
}

.portfolio-wrap img {
transition: 0.3s;
position: relative;
z-index: 1;
}

.portfolio-wrap .portfolio-info {
opacity: 0;
position: absolute;
bottom: 50% !important;
left: 0;
right: 0;
text-align: center;
z-index: 3;
transition: all ease-in-out 0.3s;
}

.portfolio-wrap .portfolio-info h4 {
font-size: 20px;
color: #fff;
font-weight: 600;
}

.portfolio-wrap .portfolio-info p {
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
}

.portfolio-wrap:hover::before {
left: 0;
}

.portfolio-wrap:hover .portfolio-links {
opacity: 1;
top: calc(50% - 16px);
}

.portfolio-wrap:hover .portfolio-info {
opacity: 1;
bottom: 0;
}


@media(max-width: 570px){

.f-box
{
text-align: center !important;
}
.f-box img
{
width: 50px !important;
}  .f-box img
{
font-size: 19px !important;
line-height: 25px !important;
}
}

.present-icon{ padding: 40px 40px;}
.odd-icon
{
background-color: #ff0000 !important;
}

.even-icon
{
background-color: #cfcfcf !important;
}

.odd-icon h3
{
color: #FFFFFF !important;
}
.even-icon h3
{
color: #010a44;
}
.present-icon .content .title
{
border-bottom: 2px solid #4d5170;
padding-bottom: 20px;
}
.present-icon .icon
{
margin-bottom: 20px;
}
.present-icon .desc
{
margin-top: 15px;
}

.odd-icon .desc p
{
color: #869aac;
}
.even-icon .desc p
{
color: #5b5b5b;

}

.approach .section-title .title
{
color: #b1c02a !important;
font-size: 38px;
}


.approach .section-title .sub-title{
color: #010a44;
font-size: 30px;
letter-spacing: 0;
text-transform: capitalize;
}

.present-text .txt-one
{
background-color: #050e47 !important;
max-width: 700px !important;
margin: auto;
}

.present-text .txt-one h3
{
font-size: 58px;
color: #b1c02a;
text-align: center;
margin-bottom: 0px;
}

.present-text .txt-two
{
background-color: #b1c02a !important;
}

.present-text .txt-two h3
{
font-size: 58px;
color: #050e47;
text-align: center;
}
.p-text
{
margin-top: -100px;
}
.presen-icon
{
padding: 60px 0;
}

.present-icon-box 
{
margin-bottom: 15px;
text-align: center;
}

.present-icon-box .present-icon-box-img
{
margin-bottom: 15px;
}
.present-icon-box
{
padding: 20px 25px;
}

.present-icon-box .title h3{
color:#010a44;
    font-size: 20px !important;
}



.approach .step-column {
position: relative;
margin-bottom: 30px;
}

.approach .step-column .inner-box {
position: relative;
}

.approach .step-column .image-box {
position: relative;
max-width: 120px;
padding: 9px;
border: 3px dashed #010a44;
margin: 0 auto;
border-radius: 50%;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.approach .step-column .image-box img {
display: block;
width: 100%;
border-radius: 50%;
}
figure {
margin: 0;
}
.approach .step-column .image-box .count {
position: absolute;
right: -10px;
top: 20px;
width: 30px;
height: 30px;
background: #b1c02a;
color: #ffffff;
text-align: center;
line-height: 30px;
border-radius: 50%;
}

.approach .odd-col .inner-box:after {
content: '';
position: absolute;
right: -75px;
top: 20%;
width: 120px;
height: 40px;
background: url("../assets/images/icons/right-arrow.png") center center no-repeat !important;
}

.approach .even-col .inner-box:after {
content: '';
position: absolute;
right: -75px;
top: 20%;
width: 120px;
height: 40px;
background: url("../assets/images/icons/left-arrow.png") center center no-repeat !important;
}

@media(max-width: 1200px){

.approach .odd-col .inner-box:after {
display: none;
}

.approach .even-col .inner-box:after {
display: none;
}


}


.approach .step-column .lower-content {
position: relative;
text-align: center;
padding-top: 25px;
}
.approach .step-column h3 {
font-size: 25px;
margin-bottom: 15px;
color: #010a44 !important;
font-weight: bold;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.approach  .step-column:last-child .inner-box:after{
display:none; 
}

.intro11-slider-wrap {
position: relative;
z-index: 9;
}
#slider-section
{
padding: 60px 0;
background-color: #dddddd !important;
}
.number h2
{
font-size: 110px;
color: #b1c02a !important;
}

.number h3
{
color: #010a44;
font-size: 35px;
margin-bottom: 25px;
}

#slider-section .desc p
{
color: #010a44 !important;
margin-bottom: 40px;
}

.header-title h2
{
font-size: 60px;
color: #010a44;
text-align: center !important;
margin-bottom: 25px;
}

.header-title{

text-align: center !important;
display: block;
}
.p-s-t
{
font-size: 48px;
color: #010a44;
line-height: 52px;
margin-bottom: 20px;
padding-bottom: 30px;

}

.p-s-d
{
font-size: 20px;
}

.p-i-t{
font-size: 50px;
font-weight: bold;
/* font-style: italic; */
line-height: 55px;
padding: 15px;
color: #010a44;
}
.m-b-40
{
margin-bottom: 40px !important;
}

.w-d-a
{
background-image: url("../assets/images/bg/our-approach-web-design-bg.jpg");
padding: 100px 0px;
background-repeat: no-repeat;
background-size: cover;
}

.w-d-a .title
{
font-size: 40px;
line-height: 50px;
color: #fff;
margin-bottom: 20px;
font-weight: bold;
}

.w-d-a .desc
{
font-size: 16px;
color: #010a44;
}
.cosmos-content .w-d
{
color: #050e47 !important;
font-size: 40px !important;
line-height: 50px !important;
}
.web-design-img
{
border-bottom: 3px solid #00aeff !important;
width: 2000px;
height: 380px;
}

.c-v .c-v-image .w-d-i
{
color: #00aeff !important;
}

#w-h .title
{
font-size: 40px;
color: #050e47;
margin-bottom: 25px;
}
#w-h
{
padding: 40px 0;
}
#w-h .desc
{
color: #010a44;
}

#w-h .icon-title
{
color: #010a44 !important;
font-size: 21px;
}
.b-b
{
border-bottom: 2px solid #d4d4d4;
padding-bottom: 20px;
}

.desc-title
{
margin-bottom: 30px;
}
.cooking-about-section
{
background-color: #dddddd !important;
}

.tx-a-c
{
text-align: center !important;
}

.checklist
{
padding: 40px 0;
}

.checklist .chk-list-icon
{
list-style-type: none;
padding-left:0px !important;
}


.checklist .chk-list-icon li
{
padding: 5px 0;
color: #4a4a4a !important;
font-weight: bold !important;
}
.checklist .chk-list-icon li i
{
color: #d672da !important;
padding-right: 8px;
}

.tx-a-c
{text-align: center;}

.fix
{
background: #ee4e4e;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #ee4e4e, #f7aaaa);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #ee4e4e, #f7aaaa); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.video-box
{
border: 6px solid #f8b5b5 !important;
}
.video-box
{
padding-top: 50px;
padding-bottom: 100px;
padding-left: 50px;
padding-right: 50px;
}

.about-me-video
{
top: -60px;
}

.about-me-video-wrapper
{
left: 13% !important;
}
.c-box h2
{

font-size: 40px;
color: #ee4e4e;
margin-bottom: 30px;
}
.cor-v .container
{
background-image: url('../assets/images/bg/c-v.jpg');
background-repeat: no-repeat;
position: relative;
bottom: -50px;
background-size: cover;
}
.c-box
{
padding: 8%;
}
.c-box p
{
color: #fff;
}

.seprator
{
border: 2px solid #ee4e4e;
display: block;
width: 25%;
margin-bottom: 25px;
}
.cosmos-box-1
{
padding-top: 100px;
padding-bottom: 60px;
background-color: #eaeaea; 
}
.cosmos-box-1 .title
{
color: #010a44 !important;
font-size: 40px;
margin-bottom: 20px;
}

.about-us-page
{
padding: 50px 0;
}
.about-col p span
{
padding: 6px;
margin-bottom: 0px;
background-color: #4200ff;
font-weight: bold;
color: #fefefe;
}
.about-col h2
{
color: #010a44;
font-size: 41px;
line-height: 44px;
font-size: 35px !important;
}
.about-col img
{
margin-bottom: 20px;
margin-top: 20px;
}

.bg-title-bar .title-bar-bg
{
background-image: url('../assets/images/bg/page-title-bar-bg.jpg');
background-repeat: no-repeat;
background-size: cover;
padding: 100px 0;
text-align: center;

}
.bg-title-bar
{
margin-bottom: 35px;
}
.bg-title-bar h2
{
color: #fff;
font-size: 50px;
line-height: 60px;
margin-bottom: 20px;
}
.bg-title-bar p
{
color: #fff;
}
.about-icon
{
padding: 40px 0;
}
.icon-box-list .icon-1
{
margin-right: 15px !important;
}
.content-box-1 .icon-box-list .content .title
{
font-size: 20px !important;
}
.d-m-title
{
color: #d672da !important;
}
.d-m-desc
{
font-weight: bold !important;
color: #010a44 !important;
}
.digital-marketing
{
background-color: #f5f5f5 !important;
text-align: center;
padding: 40px 0;
}

.digital-marketing .d-m-title
{
color: #010a44 !important;
font-size: 40px;
line-height: 45px;
margin-bottom: 30px;
}
.txt-center
{
text-align: center;
}
.online-presence
{
padding: 45px 0;
}

.online-presence h2
{
color: #010a44 !important;
font-size: 40px !important;
font-weight: bold;
margin-bottom: 25px !important;
}
.online-presence-img
{
margin-bottom: 25px;
}

.icon-title
{
font-size: 25px !important;
margin-top: -6px;
}
.icon-2 i
{
color: #d672da !important;
font-size: 18px;
}
.icon-box-list-1
{
border-bottom: 1px solid #cccccc;
padding-bottom: 25px;
}
.m-b-50
{
margin-bottom: 50px;
}

.solutions 
{
padding: 40px 0;
background-color: #f5f5f5;
}

.border-box .f-icon h3
{
font-size: 20px;
}

.border-box .f-icon{
border: 1px solid #e2dcdc;
}

.bg-color
{
background-color: #d672da !important;
padding: 10% 12%;
}

.bg-color h2
{
color: #fff !important;
}

.bg-color .b
{
color: #010a44 !important;
}
.bg-color
{
z-index: 2 !important;
position: relative;
right: -100px;
}
.s-separator
{
display: block;
border: 4px solid #fff;
width: 15% !important;
margin-top: 20px;
margin-bottom: 20px;
}
.innovative
{
padding: 45px 0;
}

.desc-txt
{
font-size: 20px;
line-height: 25px;
color: #010a44;
}
.m-b-30
{
margin-bottom: 30px !important;
}
.solutions .f-icon {
background-color: #fff !important;}

.why-seo
{
background-image: url('../assets/images/why-us.jpg');
background-repeat: no-repeat;
background-size: cover;
padding: 70px 0;
}

.box-1 .content .title
{
color: #fff !important;
font-size: 18px !important;
}

.box-1 .content .desc p
{
color: #fff !important;
}
.seo-brand
{
padding: 45px 0;
}
.growth
{
padding-top: 40px;
padding-bottom: 0px;
}

.g-box
{
background-color: #e1eefc;
}
.growth .title
{
font-size: 40px;
color: #010a44;
margin-bottom: 20px;
}

.growth .desc
{
font-size: 25px;
color: #4200ff;
line-height: 30px;
}
.g-box-1
{
padding: 5%;
}

.p-t-t h2
{
color: #050e47;
font-size: 50px;
text-align: right;
font-weight: bold;
}
.first-col
{
padding: 60px 0;
}
.first-col .title
{
color: #ffae00 !important;
font-size: 35px;
line-height: 40px;
}

.first-col .desc
{
color: #010a44;
font-size: 20px;
margin-bottom: 20px;
}

.cus-desc p
{
color: #010a44 !important;
font-weight: bold;
margin-bottom: 10px;
}
.w-d-c
{
border-bottom: 3px solid #ffae00 !important;
width: 2000px;
height: 400px;
}

.c-y
{
color: #ffae00 !important;
font-size: 21px;
}
.c-b-y p
{
color: #fff !important;
}
.c-b-y
{
padding: 8% !important;
}
.y-sep
{
display: block;
border-bottom: 3px solid #ffae00;
width: 50%;
margin-top: 20px;
margin-bottom: 20px;
}


.box
{
padding: 40px;
text-align: center;
}

.y-box
{
padding-top: 40px;
padding-bottom: 0px;
}

.box-odd
{
background-color: #ffae00 !important;
}

.box h3
{
color: #fefeff;
font-size: 25px;
}

.box .b-sep
{
border-bottom: 2px solid #000;
width: 20%;
display: block;
margin-top: 15px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
}
.box-even
{
background-color: #f9c149 !important;
}
.y-box .container-fluid
{
padding: 0px;
}
.y-box .container-fluid .col-md-4
{
padding: 0px;
}

.d-b-d
{
background-image: url('../assets/images/bg/1.jpg');
background-repeat: no-repeat;
background-size: cover;
padding: 60px 0;
}
.d-b-d .title
{
font-size: 70px;
border-left: 10px solid #ffae00;
padding-left: 15px;
font-weight: 800;
color: #fff;
line-height: 72px;
margin-bottom: 30px;
}

.d-b-d .title span{    color:#ffae00;}

.d-b-d .desc i
{
color: #ffae00;
}

.d-b-d .desc
{
  font-size: 18px;
  margin-bottom: 10px;
  color: #fff;
  font-weight: bold;
}

/**Timeline corporate video ***/


.timeline-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    position: relative;
    overflow: hidden;
}

.timeline-item .icon-wrapper {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

 .timeline-item>div:first-child {
order: 2;
}
.icon-wrapper {
    width: 84px;
    height: 84px;
}
.line {
    border-style: solid;
    border-color: #F2F2F2;
    border-width: 1px;
}

 .timeline-item .line {
    position: absolute;
    width: 1px;
    height: calc(100% + 30px);
    border-width: 1px;
    border-style: dashed;
    border-color: #77777763;
    border-right: none!important;
    border-top: none!important;
    border-bottom: none!important;
    top: 20px;
    z-index: 1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
 .timeline-item .line {
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
}
 .timeline-item>div {
    padding-bottom: 40px!important;
}

.timeline-item .title

{
padding: 0px;
margin-bottom: 10px;
font-size: 20px;
    color: #595959;
    line-height: 30px;
    font-weight: bold;

}

.timeline-item .c-t
{

	    text-align: right;
}

.timeline-item .description
{

font-size: 18px;
    line-height: 25px;
      color: #595959;
    text-align: right;
}


 .position-left .timeline-item>div:first-child {
order: 0;
}


 .position-left .timeline-item .c-t
{

	    text-align: left; 
}
 .position-left .description
 {
 	text-align: left;
 }
.odd-box {
    padding-right: 25px;
}
.even-box
{
	padding-left: 25px;
}
/**Corporate **/
h2
{
    /*font-size: 41px !important;*/
}

.g-block
{
	padding: 140px 0;
	background-image: url('../assets/images/bg/graphic-design.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.g-block .title
{
	color: #ffffff !important;
	font-size: 52px;
	line-height: 60px;
	text-transform: uppercase;
}
.g-block h3
{
	font-size: 41px !important;
	color: #010a44 !important;
	line-height: 45px;
}

.second-block
{
	padding: 50px 0;
	background-color: #f5f5f5 !important;

}

.second-block .title
{
	font-size: 41px;
	line-height: 45px;
	color: #ffae00;
}


.second-block .desc
{
color: #010a44;
font-size: 16px;
}
.icon-box-2
{
	padding: 20px 0px !important;
}

.approach .c-yellow .image-box .count
{
background-color: #ffb007 !important;
}





/** REsponsive Codes **/
@media(min-width: 1025px){
	.ads-txt h2
	{
margin-top:35px !important;
	}
}


@media only screen and (width: 1024px) {
.c-v .content h2
{
    font-size:20px !important;
}
.cosmos-box {
    padding: 10px !important;
    padding-top: 15px !important;
}

.c-v-image {
    flex: 0 0 auto !important;
}
}

@media(max-width:500px){
    .feature-box
    {
        padding:20px !important;
    }
    
    /**h2
    {
        font-size: 30px !important;
            line-height: 35px !important;
    margin-bottom: 20px !important;
    }**/
    
    
    .c-v .content h2
    {
        font-size:20px !important;
    }
    .c-c-v .image
    {
        max-width: 50px !important;
    }
    .approach .step-column h3
    {
        font-size:20px !important;
    }
    .c-v
    {
        margin-bottom:20px !important;
    }
    
    .about-col h2, .online-presence h2
    {
            font-size: 30px !important;
    line-height: 40px !important;
    }
    .about-us-page
    {
        padding-bottom: 35px !important;
    }
    .bg-color
    {
        right: 0px !important;
    }
    .innovative
    {
        padding:25px 0px !important;
    }
    
    .p-s-t
    {
            font-size: 30px !important;
    line-height: 35px !important;
    padding-bottom:0px !important;
    }
    .p-s-d
    {
        margin-bottom:20px !important;
    }
    .present-text .txt-one h3, .present-text .txt-two h3{
    font-size: 38px !important;}
    
    .desc-title
    {
        font-size:30px !important;
        margin-bottom:25px !important;
        line-height:40px !important;
    }
    .presen-icon
    {
        padding:30px 0px !important;
    }
    .p-i-t
    {
        padding-top:0px !important;
        padding-bottom:0px !important;
        
    }
    .number h2, .header-title h2
    {
        font-size:40px !important;
        line-height:50px !important;
    }
}
    @media(min-width:500px){
        .border-box .f-icon
        {
            margin-right:5px !important;
}

}

.b-box
{
    background-color: #f5f5f5;
    padding:40px;
}


.about-us-box
{
	text-align: center;
	padding: 35px 35px;
	background-color: #fff;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.75) !important;
}
.about-us-box .content
{
	font-size: 30px;
	line-height: 35px;
	margin-top: 25px;
	margin-bottom: 25px;}
	
	
	
.why-d-m
{
	padding: 40px 0;
}

	.why-d-m h2
	{
		font-size: 34px !important;
		line-height: 40px !important;
		margin-bottom: 22px !important;
	}
.service-point-2
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	margin-top: 20px;
}	

.service-point-2 li{

font-size: 17px;
    font-weight: 600;
    line-height: 25px;
    padding: 4px 0;
    float: left;
    width: 50%;}


    .key-points
    {

	padding: 0px;
	margin: 0px;
	list-style-type: none;
	margin-top: 20px;
    }

    .key-points li {
    padding: 8px 0 8px 35px;
    position: relative;
    line-height: 28px;
    font-size: 16px;
}

.key-points li:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    left: 0;
    top: 9px;
background: #aa1d65;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    color: #fff;
}
.key-points li:before, .ul-check li:before {
    content: "\f00c";
}


.icon-box-list .icon-01
{
max-width: 40px !important;
}

.icon-box-list .content-1 .title
{
    font-size: 16px !important;
}
.i-b-l
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.icon-box-list .icon
{
	max-width: 50px !important;
}



.contact-form-section
{
	padding: 50px 0px !important;
}

.contact-title .title
{
	font-size: 40px;
	line-height: 1.25;
}

.c-f
{
	    padding: 12px 20px !important;
    border: 2px solid #dadada !important;
    outline: 0;
    background-color: #fff !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #4200ff !important;
    border-color: #4200ff !important;
}

.contact-us-icon
{
	list-style-type: none;
	padding: 0px;
}

.contact-us-icon li
{
	margin-bottom: 15px;
}
.contact-us-icon li i
{
	padding-right: 10px;
	font-size: 22px;
	color: #4200ff;
}
.error
{
	    padding: 10px;
    margin-top: 15px;
    border: 1px solid #f71e1e;
    color: red;
}

.success
{
	    padding: 10px;
    margin-top: 15px;
    border: 1px solid green;
    color: green;
}


.icon-box.h5-icon-box .content .title a{
    font-size: 20px;
    color: #fff !important;
}





.item--inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f5ece8;
}

.item--icon {
    line-height: 1;
    font-size: 35px;
    color: #e56d37 !important;
    margin-right: 18px;
}
.item--text
{
	font-weight: 400;
	font-size: 16px;
}

.btn-orange
{
        background-color: #ff0000 !important;
    border-color: #ff0000 !important;
}

.item--icon img {
    width: 35px !important;
}


.footer-social-media
{
    list-style-type:none !important;
    display:inline-block;
        padding: 0px;
    position: relative;
    left: -170px;
    top: 20px;
}
.footer-social-media li
{
    float:left;
    margin-right:10px;
}

.footer-social-media li a
{
  display:block;
  text-align:center;
  width:30px;
  height:30px;
  padding: 3px;
  border-radius:50%;
    color: #fff !important;
    background-color: #e66e37;
}
.footer-social-media li a i
{
    top:10px;
}

















/**Portfolio**/
.modal-content
{
	border:none !important;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important; 
box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important;
border-radius: 6px !important;
}
.quick-view-modal-container .modal-dialog
{
    max-width: 1170px !important;

}
.single-product-content .title


{margin-top: 0px !important;
	    font-size: 21px !important;
    line-height: 25px !important;
    letter-spacing:0px !important;
    font-weight:bold !important
    }

    .single-product-content .product-description
    {
    	margin-top: 0px;
    	margin-bottom: 20px !important;
    }

    .m-t-12 {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 18px !important;
    font-weight: bold;
    line-height: 20px;
}




.social-links {
    padding-left: 0px;
    list-style-type: none;

}

.social-links li {
    display: inline-block;
    margin-right: 10px;
}


.box-1 a {
    height: 25px !important;
    width: 25px !important;
    background-color: #000 !important;
    display: block;
    text-align: center;
    border-radius: 50%;
}
.box-1 a i {
    color: #fff;
}

.modal-footer a
{
	color: #010a44 !important;
	font-weight: 500 !important;
}

.quick-view-modal-container .modal-header
{
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}

.modal-header
{
    display:block !important;
    border-bottom: 1px solid #dee2e6 !important;
}
.p-link {
    color: #fff !important;
}



.portfolio-wrap:hover
{
    cursor: url("https://www.cosmosads.com/cosmosads/plugins/images/more.png") 40 40,crosshair !important;
}


.portfolio-wrap a:hover
{
    cursor: url("https://www.cosmosads.com/cosmosads/plugins/images/more.png") 40 40,crosshair !important;
    text-decoration:none;
}

.portfolio-wrap a, .portfolio-wrap h4
{
    text-transform:uppercase !important;
}

.portfolio-below
{
    display:block !important;
    border-bottom:1px solid #fff;
    max-width:60%;
    margin:auto;
}

.span-link
{
    color:#fff;
    font-weight:500;
    text-transform: uppercase;
    padding-top:10px;
    font-size:14px !important;
}


.icon-bar {
  position: fixed;
  
bottom: 0;
left: 0!important;
    right: 0!important;
    margin: 0!important;
    text-align: center;
    z-index:3000;
    
    padding: 10px;
    text-align: center;
    
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    background-color:#fff;
   }

@media(min-width:768px){
    .icon-bar
    {
        display:none !important;
    }
}

.icon-bar a {
  display: inline-block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.insta {
  background: #3f729b;
  color: white;
}

.tumblr
{
    background: #34526f;
     color: white;
}

.s-m-box
{
  padding: 10px;
    text-align: center;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    border: 1px solid transparent;
    z-index: 99999;
}

@media(min-width:768px)
{
    .s-m-box
    {
        display:none !important;
    }
}


@media(max-width:768px){
    .w-d-a
    {
        background-image:none !important;
        background-color:#00aeff !important;
        padding:40px 0;
    }
}


#gallery--slide
{
	padding: 50px 0;
}

#gallery--slide .container
{
	padding: 0px !important;
}

#gallery--slide .container-fluid .col-md-6
{
	padding: 0px !important;
}


.m-h-600
{
    height:600px !important;
}