@charset "utf-8";
/* CSS Document */


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



@font-face {
    font-family: 'averta-black';
    src: url('../fonts/averta-black-webfont.woff2') format('woff2'),
         url('../fonts/averta-black-webfont.woff') format('woff'),
		 url('../fonts/Averta-Black.ttf') format('ttf'),
         url('../fonts/Averta-Black.otf') format('otf');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'averta-bold';
    src: url('../fonts/averta-bold-webfont.woff2') format('woff2'),
         url('../fonts/averta-bold-webfont.woff') format('woff'),
		 url('../fonts/Averta-Bold.ttf') format('ttf'),
         url('../fonts/Averta-Bold.otf') format('otf');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'averta-regular';
    src: url('../fonts/averta-regular-webfont.woff2') format('woff2'),
         url('../fonts/averta-regular-webfont.woff') format('woff'),
		 url('../fonts/Averta-Regular.ttf') format('ttf'),
         url('../fonts/Averta-Regular.otf') format('otf');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'averta-semibold';
    src: url('../fonts/averta-semibold-webfont.woff2') format('woff2'),
         url('../fonts/averta-semibold-webfont.woff') format('woff'),
		 url('../fonts/Averta-Semibold.ttf') format('ttf'),
         url('../fonts/Averta-Semibold.otf') format('otf');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'averta-extrabold';
    src: url('../fonts/averta-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/averta-extrabold-webfont.woff') format('woff'),
		 url('../fonts/Averta-Extrabold.ttf') format('ttf'),
         url('../fonts/Averta-Extrabold.otf') format('otf');
    font-weight: normal;
    font-style: normal;

}

a, a:focus, a:hover{ outline:none; text-decoration:none;}


html, body{ background:#fff;  margin:0;  padding:0; color:rgba(62,67,124,.7); font-size:14px; line-height:26px; font-family: 'Rubik', sans-serif; font-weight:400; overflow-x:hidden;}

h1, h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6{ margin-top:0; color:#3e437c; font-weight:inherit; }   

h1, h2, h3, .h1, .h2, .h3{font-family: 'averta-extrabold'; background: linear-gradient(to right, #1e2353 0%, #40457f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} h2, .h2{ font-size:34px;}

h4, h5, h6, .h4, .h5, .h6{font-family: 'averta-bold';}



.clearfix{ clear:both; display:block;}

.bx_all_wrap{ padding:70px 0px;}

ul{ margin:0; padding:0;} ul li{ list-style:none;} .white{ color:#fff;} .m_t_0{ margin-top:0 !important;}  
.m_b_30{ margin-bottom:30px;} .img_full{ width:100%;} .img_responsive{ max-width:100%; display:inline-block;}

.btn{font-family: 'averta-bold'; font-size:12px; color:#fff; text-transform:uppercase; padding:12px 30px; border-radius:40px; min-width:140px; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5e65d6+0,a77ef7+82 */
background: rgb(94,101,214); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(94,101,214,1) 0%, rgba(167,126,247,1) 82%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(94,101,214,1) 0%,rgba(167,126,247,1) 82%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(94,101,214,1) 0%,rgba(167,126,247,1) 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e65d6', endColorstr='#a77ef7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
box-shadow:none !important; border:none;
}

.btn:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a77ef7+0,5e65d6+100 */
background: rgb(167,126,247); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(167,126,247,1) 0%, rgba(94,101,214,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(167,126,247,1) 0%,rgba(94,101,214,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(167,126,247,1) 0%,rgba(94,101,214,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a77ef7', endColorstr='#5e65d6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color:#fff;}


.sticky {position: fixed !important; top:0; width:100%; left:0; z-index:999; background:#fff; border-bottom:#ccc 1px solid;} 
.sticky .navbar{ padding-top:15px; padding-bottom:15px;}

.navbar-brand{ margin:0px; padding:0;  } .navbar-brand img{ height:24px;}
.navbar{ background:#fff; padding-top:40px; padding-bottom:40px; } 
.navbar-nav li{ display:inline-block; float:none; }
.navbar-expand-md .navbar-nav .nav-link{ color:#40457f;  padding:0px 20px; }  
.navbar-expand-md .navbar-nav li.active .nav-link, .navbar-expand-md .navbar-nav li:hover .nav-link{ color:#ff6f62; } 



#navbarCollapse{ margin:0; padding:0px !important;} 

.navbar-expand-md .navbar-nav .dropdown-menu{ width:160px; background:#f37f28; text-align:right; padding:10px 15px; top:96%; left:inherit !important; right:6px; border:none; border-radius:0;} .navbar-expand-md .navbar-nav .dropdown-menu ul li{ display:block;}
.navbar-expand-md .navbar-nav .dropdown-menu ul li a{ padding:0px 0px 7px !important; color:#fff;}
.navbar-expand-md .navbar-nav .dropdown-menu ul li a:hover{ color:rgba(255,255,255,.7); background:none !important;}

.dropdown-toggle::after{ display:none;} 


.carousel-control-next, .carousel-control-prev{ width:auto; color:#000;}

.slider_img{ margin-right:-15px;}
.slider_content{ float:right; width:100%; max-width:442px; position:relative; } 
.slider_content h6{  text-transform:uppercase; 	background: linear-gradient(to right, #fa5db1 0%, #febfbf 80%); display:inline-block;
	-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'averta-semibold';}
.slider_content h1{ font-size:56px; font-family: 'averta-black'; background: linear-gradient(to right, #1e2353 0%, #40457f 100%);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;} .slide1{ margin-right:-90px;} 
.slider_content p{ color:#40457f;}

.ply_btn{text-transform:uppercase; font-size:12px; display:inline-block; outline: none; cursor:pointer;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7765+58,fa1538+100 */
background: rgb(255,119,101); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,119,101,1) 58%, rgba(250,21,56,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,119,101,1) 58%,rgba(250,21,56,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,119,101,1) 58%,rgba(250,21,56,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7765', endColorstr='#fa1538',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'averta-bold';}

.ply_btn:focus{ outline: none !important; }

.ply_btn .fa{ display:inline-block; width:45px; height:45px; line-height:45px; border-radius:100%; color:#fff; text-align:center; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fa5db1+0,febfbf+100 */
background: rgb(250,93,177); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(250,93,177,1) 0%, rgba(254,191,191,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(250,93,177,1) 0%,rgba(254,191,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(250,93,177,1) 0%,rgba(254,191,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5db1', endColorstr='#febfbf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
-webkit-text-fill-color:aliceblue; font-size:25px; position:relative; bottom:-4px; margin-right:10px;
} .ply_btn .fa:before{ margin-right:-3px;}

.slide_ic1{ width:60px; position:absolute; left:80px; top:-100px;} 
.slide_ic2{ width:60px; position:absolute; right:80px; bottom:-100px;}

.sml_title{ text-transform:uppercase; 	background: linear-gradient(to right, #fa5db1 0%, #febfbf 80%); display:inline-block;
	-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'averta-semibold'; }
.what_we_do{ padding:70px 0px;}

.wwd_col{ padding:55px 35px; border-radius:12px; text-align:center;}
.wwd_col h4{ margin:25px 0px 15px;} .wwd_col figcaption p{ margin:0;} 
.wwd_col figure img{ height:115px;}

.wwd_col2{ padding-bottom: 20px;}

.affortable_service{ background:#fff2f8 url(../images/Affortable_Service_bg.png) no-repeat right top;} 
.quality_output{ background:#f2f5ff url(../images/qualt_output_bg.png) no-repeat right bottom;}
.expert_team{ background:#e5fff7 url(../images/expert_team_bg.png) no-repeat right top;} 


.about_h{ padding:30px 0px 70px;}


.our_services_h{ padding:0px 0px 10px;} .o_serv_col{ text-align:center; margin-bottom:60px; padding:0px 20px; position:relative; z-index:99;}
.o_serv_col .h4{ margin:25px 0px 15px;} 


.why_choose{ padding:0px 0px 120px; margin-top:-140px;} 
.why_cs_thmnl{ margin-right:-15px; margin-left:-210px;} 
.why_choose_detail{ float:right; width:100%; max-width:490px; margin-right:-50px; margin-bottom:-42%; position:relative; z-index:99;} 

.whc_ul ul li{ position:relative; padding-left:40px; margin-bottom:20px; min-height:30px;}
.whc_ul ul li i{ position:absolute; left:0; top:0;}

.wrk_col{ position:relative; margin-bottom:30px;} .wrk_col .img_full{ border-radius:10px; box-shadow:0px 15px 60px rgba(31,41,83,.11);}
.overlay_wrk{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(48,50,58,.29); display:none; padding:15px; align-items:flex-end; border-radius:10px;}
.overlay_wrk .btn{ display:block; width:100%; text-align:center; border-radius:5px; text-transform:inherit; font-size:14px; padding:14px 20px;} 
.wrk_col:hover .overlay_wrk{ display:flex;}

.btn.btn1{ min-width:174px;} .our_work{ padding-bottom:70px;} 

.client_sec{ padding-bottom:70px;} 
.cl_rw ul li{ display:inline-block; margin:10px 25px;} .cl_rw ul li img{ height:50px;}


#testimonial_slider .carousel-control-next, #testimonial_slider .carousel-control-prev{ width:68px; height:auto; top:inherit; bottom:-60px; opacity:1;} 
#testimonial_slider{ position:relative;}
#testimonial_slider .carousel-control-prev{  left:50%; margin-left:-80px;}
#testimonial_slider .carousel-control-next{ right:50%; margin-right:-80px;} 
.test_frame1{ position:absolute; left:-477px; top:0; width:477px;} 
.test_frame2{ position:absolute; right:-455px; top:0; width:477px;}


.testimonial{ padding:30px 0px 80px;} .test_col{ text-align:center;}
.test_col figcaption{ position:relative; text-align:center;} 
.quot_lf{ width:70px; position:absolute; left:0; top:-76px;} 
.quot_rg{ width:70px; position:absolute; right:0; bottom:0;} 
.test_col figure{ display:inline-block; width:110px; margin-bottom:40px;} .test_col figure img{ border-radius:10px;} 
.test_content{ margin-bottom:35px; color:rgba(62,67,124,.5); font-size:27px; font-style:italic; font-family: 'averta-regular'; line-height:45px;} 
.name_customer{ font-size:24px; margin:0;}


.pricing_plans{ padding:70px 0px;}
.price_col{ border:#e7e7ef 1px solid; border-radius:10px; text-align:center; padding:60px 30px 40px;} 
.price_col figure{ display:inline-block; max-width:160px; position:relative;}
.price_col figcaption ul{ margin:15px 0px  20px;} 
.prc_txt{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center;}
.prc_txt .rw{ width:100%; text-align:center; color:#fff; font-family: 'averta-bold'; font-size:16px; padding-top:15px;}
.prc_txt .rw strong{ font-weight:inherit; font-size:40px; line-height:36px; display:block;}


.btn_pnk{font-family: 'averta-bold'; font-size:12px; color:#fff; text-transform:uppercase; padding:12px 30px; border-radius:40px; min-width:140px; display:inline-block; 
line-height:1.5;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff536d+0,ff7765+100 */
background: rgb(255,83,109); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,83,109,1) 0%, rgba(255,119,101,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,83,109,1) 0%,rgba(255,119,101,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,83,109,1) 0%,rgba(255,119,101,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff536d', endColorstr='#ff7765',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.btn_pnk:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7765+0,ff536d+100 */
background: rgb(255,119,101); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,119,101,1) 0%, rgba(255,83,109,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,119,101,1) 0%,rgba(255,83,109,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,119,101,1) 0%,rgba(255,83,109,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7765', endColorstr='#ff536d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
color:#fff;
}

.get_free_report{ padding-bottom:70px;}
.gfr_detail{ margin-right:30px;}
.gfr_form{ padding-top:5px;}
.gfr_form .txt1{ width:100%; height:36px; border:none; border-bottom:#9da0be 1px solid; font-size:14px; color:rgba(62,67,124,.7);  font-family: 'Rubik', sans-serif; font-weight:400; margin-bottom:25px;} 
.gfr_form .txt1:focus{border-bottom:#ffb7b2 1px solid;} 

.blog_h_col{ margin-bottom:30px;}
.blog_h_col figure{ position:relative; margin-bottom:20px;}
.blog_h_col figure .img_full{ border-radius:10px;} 
.blog_h_col figure .share_lnk{ width:40px; position:absolute; right:15px; bottom:-15px;} 

.link1{ display:inline-block; text-transform:uppercase; font-weight:700; text-decoration:underline; font-size:12px; color:#ff536d;  
background: linear-gradient(to right, #ff536d 0%, #ff7765 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
} .link1:hover{background: linear-gradient(to right, #1e2353 0%, #40457f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration:underline;} 

.clock, .calendar{ display:inline-block; color:rgba(62,67,124,1);} 
.clock{ margin-right:20px;} .clock img, .calendar img{ position:relative; top:-2px; margin-right:5px;} 


.blog_h_section{ padding-bottom:40px;}


.subscribe_section{ background:url(../images/subscribe_bg.png) no-repeat center top; background-size:cover; padding:90px 0px;}

.h2.white{ background:none !important; color:#fff !important; -webkit-text-fill-color:inherit;} 

.subscribe_section form input[type=text]{ width:40%; background:#fff; border:none; padding:0px 24px; height:42px; border-radius:50px;}
.subscribe_section form .btn{background: rgb(255,83,109); margin-left:8px;
background: -moz-linear-gradient(-45deg,  rgba(255,83,109,1) 0%, rgba(255,119,101,1) 100%); 
background: -webkit-linear-gradient(-45deg,  rgba(255,83,109,1) 0%,rgba(255,119,101,1) 100%); 
background: linear-gradient(135deg,  rgba(255,83,109,1) 0%,rgba(255,119,101,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff536d', endColorstr='#ff7765',GradientType=1 ); box-shadow:0px 7px 15px rgba(255,119,101,.57) !important;}

.subscribe_section form .btn:hover{background: rgb(255,119,101);
background: -moz-linear-gradient(-45deg,  rgba(255,119,101,1) 0%, rgba(255,83,109,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(255,119,101,1) 0%,rgba(255,83,109,1) 100%);
background: linear-gradient(135deg,  rgba(255,119,101,1) 0%,rgba(255,83,109,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7765', endColorstr='#ff536d',GradientType=1 ); }



.footer_top{ padding:70px 0px 50px;} .footer_top h6{ display:inline-block; background: linear-gradient(to right, #5e65d6 0%, #a77ef7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:15px; font-size:14px;}
.social_ftr ul li{ display:inline-block; margin-right:6px;} 
.social_ftr ul li a{ display:block; width:42px; height:42px; border-radius:100%; color:#fff; font-size:26px; text-align:center; line-height:45px;}
.social_ftr ul li a:hover{opacity:0.8;}
.social_ftr .fa {margin-top: 8px !important;}
.fb_bg{ background:#3b5998;} .link_bg{ background:#007ab9;} .twt_bg{ background:#55acee;} .pint_bg{ background:#cb2027;} 

footer{ color: #000000;}
.logo_frt img{ width:100%; max-width:300px;} 
.menu_footer ul li a{ color:#564d6e; display:block; margin-bottom:12px;}  
.menu_footer ul li a:hover{ color:#ff536d;}

.contact_ftr ul li{ position:relative; margin-bottom:15px; padding-left:25px; color:#564d6e;}
.contact_ftr ul li i{ position:absolute; left:0; top:-1px;}

.footer_bottom{ padding-bottom:30px; font-size:12px; color:rgba(62,67,124,1);}


.inner_header{ height:470px; display:flex; align-items:center; text-align:center;}
.inner_header h1{ color:#fff; -webkit-text-fill-color:inherit; font-size:50px; margin-bottom:20px; font-family: 'averta-bold';} .w_clr2{ color:rgba(255,255,255,.7);} 
.hdr_bg{ background:url(../images/head_bg1.png) no-repeat center center; background-size:cover;} 

.section_middle{ padding:70px 0px;} 
.blog_section{ margin-bottom:60px;} 
.blog_section figure{ position:relative; margin-bottom:25px;} 
.blog_section figure .share_lnk{ width:40px; position:absolute; right:25px; top:25px;} 
.blog_section h3{font-family: 'averta-bold'; color:#564d6e; font-size:30px; -webkit-text-fill-color:inherit;} 

.pic_blg{ float:left; width:65px; margin-right:20px;} .pic_blg img{ border-radius:100%;} 
.name_col_blg{ display:flex; align-items:center;}
.name_col_blg .name_blgr{ color:#564d6e;   font-family: 'averta-semibold'; } 

.blg_t_rw{display:flex; align-items:center;} 

.pagination_blg ul li{color:#564d6e;font-family: 'averta-bold'; margin:0px 4px;} .pagination_blg ul li a{ color:#564d6e;}
.pagination_blg ul li .page-link{ background:none; border:none; border-radius:50px; color:#564d6e;font-family: 'averta-bold'; padding:7px 13px; font-size:15px;}
.pagination_blg ul li.active .page-link, .pagination_blg ul li .page-link:hover{ color:#fff; 
background: rgb(94,101,214);
background: -moz-linear-gradient(45deg,  rgba(94,101,214,1) 0%, rgba(167,126,247,1) 100%);
background: -webkit-linear-gradient(45deg,  rgba(94,101,214,1) 0%,rgba(167,126,247,1) 100%); 
background: linear-gradient(45deg,  rgba(94,101,214,1) 0%,rgba(167,126,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e65d6', endColorstr='#a77ef7',GradientType=1 );
}
.pagination_blg ul li.prev a, .pagination_blg ul li.next a{ position:relative; bottom:-2px;}
.pagination_blg ul li.prev a:hover, .pagination_blg ul li.next a:hover{ color:#ff546d;} 

.blog_right{ margin-left:20px;}
.blog_right h5{font-family: 'averta-bold'; color:#564d6e; text-transform:uppercase; display:block; text-decoration:underline; line-height:14px; margin-bottom:20px;} 
.search_blg_r .btn{ border-radius:3px; min-width:inherit; padding:12px 20px; position:relative; z-index:5;} 
.search_blg_r .form-control{ border:#b2b2b2 1px solid; border-radius:3px; background:#fff; margin-right:-15px; padding-left:15px;} 
.categories ul li{ display:flex; align-items:center; font-size:18px; font-family: 'averta-semibold'; color:#564d6e; margin-bottom:20px; } 
.categories ul li .ct_rgt{ color:rgba(86,77,110,.7); } 
.categories ul li .rd_cl{ width:10px; height:10px; display:inline-block; border-radius:50px; margin-right:10px;} 
.yl_bg{ background:#f7b500;} .blue_bg{ background:#32c5ff;} .org_bg{ background:#fa6400;} .purple_bg{ background:#541f4e;} 

.large_thmnl_blog{ position:relative;} 
.large_thmnl_blog .social_ftr{ width:42px; position:absolute; left:-45px; top:50%; margin-top:-66px;}
.large_thmnl_blog .social_ftr ul li{ margin:0px 0px 15px;}  .large_thmnl_blog .social_ftr ul li:last-child{ margin:0;}
.large_thmnl_blog .social_ftr ul li a{ width:34px; height:34px; font-size:16px; line-height:34px;} 

.tag_col ul li{ display:inline-block; margin-right:10px;} 
.tag_col ul li a{ display:block; font-family: 'averta-bold'; font-size:13px; color:#564d6e; background:#fff; border:#d9d9d9 1px solid; border-radius:3px; padding:6px 15px; margin-bottom:5px;} .tag_col ul li a:hover{background:#ff6f62; border:#ff6f62 1px solid; color:#fff;} 

.contact_h_bg{ background: url(../images/contact_h_bg.png) no-repeat center center; background-size:cover;}  
.contact_h_bg h1{ position:relative; top:-35px;} 

.twentyforhour{ padding:0px 50px;}  .getintouch{ margin-left:30px;} .contact_form_aside{ margin-right:30px;}
.getintouch ul li{ margin-bottom:30px; font-family: 'averta-semibold'; color:#3e437c;} 
.getintouch ul li h6{ text-transform:uppercase; color:#b2b4cb;}


.video_sec{ position:relative;}
.video_sec .ply_btn{ position:absolute; left:50%; top:50%; margin-left:-23px; margin-top:-23px;}  .video_sec .ply_btn .fa{ margin:0;}
.popup_bx{ z-index:99999;} .popup_bx .modal-content{ border:none; background:none; border-radius:0; position:relative;}
.popup_bx .modal-content button{ background:#fff; border:none; padding:5px; position:absolute; right:0; top:0; color:#3a3c6e; opacity:1; z-index:99;}
.popup_bx .modal-dialog{ max-width:800px;} 

.team_h_bg{ background: url(../images/team_head_bg.png) no-repeat center center; background-size:cover;}   


.your_dream{ padding:70px 0px;} .skill_sec{ padding-bottom:70px;} 
.skill_rw{ color:#564d6e; font-family: 'averta-bold'; font-size:16px; } 
.skill_rw table tr td{ padding-bottom:6px;} .skill_rw table tr td:last-child{ text-align:right;} 
.skill_1 .progress-bar{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffbfab+0,fa79b6+100 */
background: rgb(255,191,171); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(255,191,171,1) 0%, rgba(250,121,182,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(255,191,171,1) 0%,rgba(250,121,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(255,191,171,1) 0%,rgba(250,121,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbfab', endColorstr='#fa79b6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.skill_rw .progress{ border-radius:30px; height:10px;} 
.skill_rw .progress .progress-bar{ border-radius:30px;}

.skill_2 .progress-bar{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1994ff+0,33ffbb+100 */
background: rgb(25,148,255); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(25,148,255,1) 0%, rgba(51,255,187,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(25,148,255,1) 0%,rgba(51,255,187,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(25,148,255,1) 0%,rgba(51,255,187,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1994ff', endColorstr='#33ffbb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.skill_3 .progress-bar{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7ed9ff+0,7464fd+45,ff4cc3+99 */
background: rgb(126,217,255); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(126,217,255,1) 0%, rgba(116,100,253,1) 45%, rgba(255,76,195,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(126,217,255,1) 0%,rgba(116,100,253,1) 45%,rgba(255,76,195,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(126,217,255,1) 0%,rgba(116,100,253,1) 45%,rgba(255,76,195,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ed9ff', endColorstr='#ff4cc3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.skill_4 .progress-bar{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff6768+0,ff7665+45,ff7765+99 */
background: rgb(255,103,104); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(255,103,104,1) 0%, rgba(255,118,101,1) 45%, rgba(255,119,101,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(255,103,104,1) 0%,rgba(255,118,101,1) 45%,rgba(255,119,101,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(255,103,104,1) 0%,rgba(255,118,101,1) 45%,rgba(255,119,101,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6768', endColorstr='#ff7765',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.our_team_section, .workflow{ padding-bottom:70px;} 
.team_col{ margin-bottom:40px;}
.team_col .social_ftr ul li{ margin:5px 5px;}  .team_col .social_ftr ul li a{ width:35px; height:35px; font-size:20px; line-height:35px;}
.team_col figcaption p{ font-size:16px; margin:15px 0px;}
.team_col figure{ margin-bottom:25px;} .team_col figure img{ border-radius:10px;} 

.wf_col h5{ margin:25px 0px 15px;} .wf_col i img{ height:90px;} 
.brainstorm, .campaign{ padding-top:40px;} 
.wf_grd{ position:relative;} 
.path_bx{ width:70%; position:absolute; left:15%; top:6%;}


/*====================================11=02=2020===============================================*/


#myHeader.header2{ position:fixed; width:100%; left:0; top:0; z-index:999;} 
#myHeader.header2 .navbar{ background:none; padding-bottom:0;}
#myHeader.header2 .navbar-expand-md .navbar-nav .nav-link{ color:#fff;} 
#myHeader.header2 .navbar-expand-md .navbar-nav li.active .nav-link, 
#myHeader.header2 .navbar-expand-md .navbar-nav li:hover .nav-link{ color:#fff; opacity:0.6;}

#myHeader.header2.sticky .navbar{ background:#4a18c4; padding-bottom:15px;}
#myHeader.header2.sticky{ border:none;}

.slide_home2{ background:url(../images/header2_bg.png) no-repeat right top; background-size:cover; position:relative; padding-top:200px; padding-bottom:150px; 
} 
.slide_home2:after{ content:""; width:200px; height:360px; position:absolute; right:0; top:0; background:url(../images/cloud_pnk.png) no-repeat left top; background-size:200px;}
.slide_home2:before{ content:""; width:300px; height:381px; position:absolute; left:0; bottom:0; background:url(../images/cloud_white.png) no-repeat left bottom; background-size:300px;} 

.titlewrap4 h6{ color:#fff;} .titlewrap4 h1{ color:#fff; -webkit-text-fill-color:inherit; font-size:50px; margin:10px 0px 15px;} 
.titlewrap4 p{ color:#fff;} 

.check_website_seo{ background:#fff url(../images/seo_f_bg.png) no-repeat left bottom;  padding:80px 30px; border-radius:10px; box-shadow:0px 33px 62px rgba(30,34,71,.17);} 
.slide_home2 .container{ position:relative; z-index:99;} 
.btn_pnk{ border:none; box-shadow:0px 10px 15px rgba(255,119,101,.57); cursor:pointer;} 

.txt2_s{ width:34%; height:36px; margin:0px 1%; border:#d7d9e4 1px solid; height:50px; padding:6px 15px; font-family: 'averta-regular'; color:#3e437c;} 
.txt2_s::-webkit-input-placeholder{color:#8184a9;opacity:1} 
.txt2_s::-moz-placeholder{color:#8184a9;opacity:1} 
.txt2_s:-ms-input-placeholder{color:#8184a9;opacity:1} 
.txt2_s::-ms-input-placeholder{color:#8184a9;opacity:1} 
.txt2_s::placeholder{color:#8184a9;opacity:1}

.check_website_seo .btn_pnk{ margin-left:10px; height:50px;}

.what_we_do.home2 .wwd_col{ box-shadow:0px 35px 36px rgba(53,54,101,.08);}
.what_we_do.home2 .wwd_col.affortable_service{ background:#fff url(../images/Affortable_Service_bg.png) no-repeat right top;} 
.what_we_do.home2 .wwd_col.quality_output{ background:#fff url(../images/qualt_output_bg.png) no-repeat right bottom;}
.what_we_do.home2 .wwd_col.expert_team{ background:#fff url(../images/expert_team_bg.png) no-repeat right top;}  


.why_choose_home2{ padding:90px 0px; background:url(../images/why_choose_drk.png) no-repeat center top; background-size:cover;}
.why_choose_home2 .why_choose_detail{ float:none; margin:0; max-width:100%; color:#fff;}


.why_choose_home2 .why_choose_detail h2{ color:#fff; -webkit-text-fill-color:inherit;}

.p_t_70{ padding-top:70px;} .p_b_70{ padding-bottom:70px;}

.faq_col{ background:#fff; padding:30px; margin-bottom:30px; box-shadow:0px 35px 36px rgba(53,54,101,.08);} 


#footer.footer2{ background:url(../images/footer_bg.png) no-repeat center top; background-size:cover; color:#fff;}  
#footer.footer2 a{ color:#fff;} #footer.footer2 a:hover{ text-decoration:underline;}
#footer.footer2 .subscribe_section{ background:none;} 

#footer.footer2 .footer_top h6{ color:#fff; -webkit-text-fill-color:inherit;} 
#footer.footer2 .contact_ftr ul li, #footer.footer2 .footer_bottom{ color:#fff;}  
#footer.footer2 .footer_bottom{ padding-top:30px;}

.ftr_center{ position:relative;} 
.ftr_center:before{ content:""; width:100%; height:1px; position:absolute; left:0; top:-70px; background:rgba(255,255,255,.3);}
.ftr_center:after{ content:""; width:100%; height:1px; position:absolute; left:0; bottom:-40px; background:rgba(255,255,255,.3);}


.our_tool_s, .qp_s{ position:relative;} 
.our_tool_s:before{ content:""; width:52px; height:48px; position:absolute; right:40%; top:-140px; background:url(../images/ic_3.png) no-repeat left top;} 
.our_tool_s:after{ content:""; width:116px; height:24px; position:absolute; left:0; bottom:-60px; background:url(../images/ic_4.png) no-repeat left center;}

.qp_s:before{ content:""; width:64px; height:61px; position:absolute; right:10%; top:-90px; background:url(../images/ic_5.png) no-repeat left top;} 
.qp_s:after{ content:""; width:53px; height:49px; position:absolute; left:0; bottom:-70px; background:url(../images/ic_slide2.png) no-repeat left center;}

.o_s_thmnl{ margin-left:-140px; margin-right:-40px;} 

.service_h_bg{ background:url(../images/service_h_bg.png) no-repeat center center; background-size:cover;} 

.service_h_bg2{ background:url(../images/service_h_bg2.png) no-repeat center center; background-size:cover;}


@media (min-width:768px){ 
.navbar-expand-md .navbar-nav > .nav-item:hover > .dropdown-menu{ display:block;}  
#navbarCollapse{ display:block !important;}


 }


@media (min-width:992px) and (max-width:1199px){   

.slider_content h1{ font-size:46px;} 
.blog_h_col figcaption h4{ font-size:20px;} 
.test_content{ font-size:24px;}
.slide_ic1{ width:40px; top:-60px;} .slide_ic2{ width:40px;  bottom:-60px;} .slide1{ margin-right:-70px;} 
.large_thmnl_blog .social_ftr{ left:-30px;}

}


@media (min-width:768px) and (max-width:991px){ 

.navbar-brand{ margin-right:20px;}   .navbar-expand-md .navbar-nav .nav-link{  padding:6px 15px;} 
.navbar-expand-md .navbar-nav .dropdown-menu ul li a{ font-size:11px; padding:0px 0px 3px !important;} 

.slide1{ margin-right:0;} .slider_content h1{ font-size:36px;} .wwd_col{ padding:25px 15px;} 
h2, .h2{ font-size:28px;} .why_cs_thmnl{ margin-left:-100px;} .why_choose{ margin-top:-50px;} 
.whc_ul ul li{ margin-bottom:10px;} .analyze, .our_work{ padding-top:50px;} 
.overlay_wrk .btn{ font-size:12px; padding:14px 10px;} .price_col{ padding:20px 15px; font-size:12px;}
.pricing_plans{ padding-top:0px;} .gfr_detail{ margin-right:0;} .footer_top{ font-size:13px;} 
.menu_footer ul li a{ margin-bottom:0;} .contact_ftr ul li{ margin-bottom:5px;} 
.social_ftr ul li a{ width:24px; height:24px; font-size:15px; line-height:28px;} .test_content{ font-size:21px; line-height:36px;} 
.testimonial{ padding-bottom:140px;} .slide_ic1{ width:20px; top:-20px;} .slide_ic2{ width:20px;  bottom:-20px;} 
.slider_content p{ padding-bottom:0 !important; margin-bottom:10px !important;} 
.blog_right{ margin:0;} .categories ul li{ font-size:16px;} .blog_section h3{ font-size:20px;} 
.pic_blg{ margin-right:10px;} .name_col_blg { width:50%;} 
.large_thmnl_blog .social_ftr{ left:-30px;} 

/*=================================11=02=2020=================================*/
.txt2_s{ width:46%; margin-bottom:10px;} .slide_home2{ padding-top:150px; padding-bottom:70px;} .titlewrap4 h1{ font-size:40px;} 
.check_website_seo{ padding:40px 30px;}

 
}


@media (max-width:767px){ 
.navbar-toggler{ background:#fd4950; position:absolute; right:15px; top:10px; outline:none; border:none !important; padding:6px 10px; border-radius:0;  color:#fff; line-height:inherit; line-height:10px;} .navbar-toggler:hover{ background:#ff7162 !important; color:#fff;}
.navbar-toggler-icon{ width:auto; height:auto;}  .navbar-nav{ margin-right:0; padding-top:10px; margin-bottom:0px; text-align:center;}   
.navbar-brand{ display:inline-block; max-width:60%;}.navbar{ padding:15px 10px;} 
.navbar-nav li{ display:block;} .navbar-expand-md .navbar-nav .nav-link{ padding:5px !important;}    
.slider_content{ float:none; max-width:100%; padding-top:30px; text-align:center;} 
.slider_content h1{ font-size:30px;} .slide1{ margin-right:0;} .slider_content p.mb-4{ margin-bottom:10px !important;} 
.wwd_col{ padding:30px 20px; margin-bottom:30px;} .about_h_detail{ text-align:center; margin-top:20px;} 
.why_cs_thmnl{ margin-left:0;} .why_choose_detail{ float:none; margin:0; max-width:100%; text-align:center; padding-top:30px;} 
.whc_ul ul li{ padding-left:0;} .whc_ul ul li i{ position:relative; display:block;} .our_work{ padding-top:70px;} 
.gfr_detail{ margin-right:0; text-align:center;} .gfr_form, .blog_h_col, .footer_top{ text-align:center;} h2, .h2{ font-size:28px;} 
.subscribe_section form input[type="text"]{ width:65%;} .subscribe_section form input[type="text"], .subscribe_section form .btn{ margin:2px;} 
.subscribe_section{ padding:45px 0px;} .menu_footer{ margin-bottom:25px;} .menu_footer ul li a{ margin-bottom:2px;} 
.social_ftr{ margin-bottom:30px;} .social_ftr ul li a{ width:30px; height:30px; font-size:15px; line-height:32px;} 
.contact_ftr ul li{ padding-left:0;} .contact_ftr ul li i{ position:relative; top:0; display:block;} 
.footer_top{ padding:50px 0px 20px;} .price_col{ margin-bottom:30px;} .slide1 .btn{ min-width:inherit !important; padding:12px 20px; margin-right:8px !important;} 
.ply_btn .fa{ bottom:-3px;} .navbar-nav.pull-right{ float:none !important; width:100%; background:#f5f5f5; padding:15px;} 
.why_choose{ margin-top:-70px;} .test_content{ font-size:18px; line-height:28px;}  .name_customer{ font-size:16px;} 
.quot_lf, .quot_rg{ width:40px;} .quot_lf{ top:-50px;} .slide_ic1, .slide_ic2{ display:none;} 
.blog_right{ margin:40px 0px 0px;} .categories ul li{ font-size:16px;} .blog_section h3{ font-size:20px;}  
.blg_t_rw{ display:block;} .name_col_blg { margin-bottom:15px;} .blog_section, .pagination_blg, .blog_right h5, .tag_col{ text-align:center;} 
.name_col_blg{ display:block;} .pic_blg{ float:none; margin:0; display:inline-block;} 
.pagination_blg .pagination{ display:block;} .pagination_blg ul li{ display:inline-block;} 
.pagination_blg ul li.prev a, .pagination_blg ul li.next a{ bottom:0;} 
.large_thmnl_blog .social_ftr{ left:0px; top:0; margin:15px 0px 0px; text-align:center; width:auto; position:inherit;}  
.name_col_blg.mr-5{ margin-right:0 !important;} .large_thmnl_blog.mb-5{ margin-bottom:15px !important;} 
.contact_form_aside{ margin-right:0; text-align:center;} .getintouch{ margin-left:0; text-align:center;} .twentyforhour{ padding:0;} 
.map_contact iframe{ height:250px !important;} .inner_header h1{ font-size:35px;} .inner_header{ height:300px;} 
.slider_content .btn.mr-4{ margin-right:6px !important; min-width:inherit !important; padding:12px 20px;} .path_bx{ display:none;} 
.brainstorm, .campaign{ padding-top:0;} .wf_col { margin-bottom:40px;} .wf_col h5{ margin:10px 0px;} 
.skill_detail.ml-5{ margin-left:0 !important; margin-top:40px; text-align:center;} .skill_lf_cl.mr-5{ margin-right:0 !important;} 
.ne_summo{ text-align:center; margin-top:25px;} 

/*=================================11=02=2020=================================*/ 
.faq_col, .services2{ text-align:center;} .ftr_center::before{ top:-46px;} .ftr_center::after{ bottom:-20px;} 
.titlewrap4 h1{ font-size:30px;} .slide_home2{ padding-top:130px; padding-bottom:50px;} .check_website_seo{ padding:30px;} 
.txt2_s{ width:100%; margin:0px 0px 10px;} #myHeader.header2 .navbar-nav.pull-right{ background:#ff566c; border-radius:5px;} 
.qp_s::before, .qp_s::after{ display:none;} .our_tool_s{ text-align:center;} .o_serv_col.mb-0{ margin-bottom:60px!important;} 
.o_s_thmnl{ margin:0px 0px 60px;}  .o_serv_col.mb-2{ margin-bottom:50px !important;} 
 
}

.slider-ifreme-link{width: 100%;min-height: 368px;}
.popup_bx .modal-content button{border-radius: 50px;width: 31px;margin: 25px;}