/* table of content - start
==================================================================================================== */
/* 

Project Name 	:  Printem - HTML5 Template
File 			:  CSS Base
Version 		:  1.0.0
Last change 	:  05 Octobar 2020
Author 			:  BDevs (https://themeforest.net/user/bdevs)
Developer:		:  Rakibul Islam Dewan

================================================== 

*/
/* table of content - end
==================================================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* global area - start
==================================================================================================== */
body { margin: 0px; padding: 0px; font-size: 15px; font-weight: 400; line-height: 1.867; font-style: normal; color: #635E5B; font-family: "Hind", sans-serif; background-color: #ffffff; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

::selection { color: #ffffff; background-color: #FF711F; }

::-moz-selection { color: #ffffff; background-color: #FF711F; }

main { overflow: hidden; position: relative; }

hr { height: 1px; border: none; background-color: #ededef; }

.row, .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 30px; }

.g-0, .gx-0 { --bs-gutter-x: 0; }

.container { max-width: 1200px; }

.maxw_1420 { max-width: 1450px; }

.maxw_1780 { max-width: 1810px; }

.layer { position: relative !important; }

[data-background] { background-size: cover; background-repeat: no-repeat; background-position: center center; }

.deco_wrap { z-index: 1; position: relative; }
.deco_wrap .deco_image { z-index: -1; position: absolute; }

a, button { cursor: pointer; display: inline-block; text-decoration: none; font-family: "Hind", sans-serif; }
a:hover, button:hover { text-decoration: none; }

button { margin: 0px; padding: 0px; border: none; background: none; }
button:focus { outline: none; }

img { height: auto; max-width: 100%; }

h1, h2, h3, h4, h5, h6 { font-weight: 500; color: #222222; font-family: "Rubik", sans-serif; }

strong, span, small, label, i { font-family: "Hind", sans-serif; }

.form_item { position: relative; margin-bottom: 30px; }
.form_item .input_icon { top: 50%; right: 30px; margin: 0px; line-height: 1; position: absolute; color: #FF711F; transform: translateY(-50%); }
.form_item .input_title { display: block; line-height: 1; font-size: 20px; font-weight: 500; margin-bottom: 15px; color: #FF711F; font-family: "Rubik", sans-serif; }
.form_item input, .form_item textarea { width: 100%; border: none; outline: none; display: block; transition: all 0.3s ease-in-out; }
.form_item input { height: 65px; padding: 0px 30px; }
.form_item textarea { min-height: 130px; padding: 25px 30px; }
.form_item .submit_btn { top: 50%; right: 0px; position: absolute; transform: translateY(-50%); }

:-moz-placeholder { color: #616161; font-weight: 500; font-family: "Rubik", sans-serif; text-transform: capitalize; }

::-moz-placeholder { color: #616161; font-weight: 500; font-family: "Rubik", sans-serif; text-transform: capitalize; }

:-ms-input-placeholder { color: #616161; font-weight: 500; font-family: "Rubik", sans-serif; text-transform: capitalize; }

::-webkit-input-placeholder { color: #616161; font-weight: 500; font-family: "Rubik", sans-serif; text-transform: capitalize; }

.select_option { position: relative; margin-bottom: 30px; }
.select_option .nice-select { float: none; width: 100%; height: 65px; border: none; display: block; font-size: 15px; text-align: left; line-height: 65px; padding: 0px 30px; border-radius: 0px; padding-right: 40px; background-color: #ffffff; font-family: "Rubik", sans-serif; transition: all 0.3s ease-in-out; }
.select_option .nice-select:after { top: 55%; right: 0px; margin: 0px; width: auto; right: 30px; border: none; height: auto; line-height: 1; content: "\f107"; font-weight: 400; color: #FF711F; transform: translateY(-55%); transition: all 0.3s ease-in-out; font-family: "Font Awesome 5 Pro"; }
.select_option .nice-select > span { color: #616161; font-weight: 500; font-family: "Rubik", sans-serif; text-transform: capitalize; }
.select_option .nice-select .list { width: 100%; border: none; margin-top: 1px; padding: 10px 0px; border-radius: 0px; background-color: #ffffff; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08); }
.select_option .nice-select .list li { font-weight: 400; padding: 0px 25px; color: #635E5B; }
.select_option .nice-select .list li:hover, .select_option .nice-select .list li.focus, .select_option .nice-select .list li.selected.focus { color: #7276b3; background-color: #f5f6fa; }

/* owl settings - start
================================================== */
.owl-theme .owl-dots { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.owl-theme .owl-dots .owl-dot { float: left; margin: 0px; padding: 0px; display: inline-block; }
.owl-theme .owl-dots .owl-dot:not(:last-child) { margin-right: 12px; }
.owl-theme .owl-dots .owl-dot span { margin: 0px; width: 10px; height: 10px; opacity: 0.4; background: #FF711F; transition: all 0.3s ease-in-out; }
.owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot.active span { opacity: 1; background: #FF711F; }
.owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev { margin: 0px; width: 65px; height: 65px; border: none; overflow: hidden; position: relative; border-radius: 0px; }
.owl-theme .owl-nav .owl-next > span, .owl-theme .owl-nav .owl-prev > span { display: none; }
.owl-theme .owl-nav .owl-next:before, .owl-theme .owl-nav .owl-prev:before { top: 0; left: 0; right: 0; bottom: 0; z-index: 1; font-size: 18px; font-weight: 400; line-height: 65px; text-align: center; position: absolute; border-radius: 100%; color: #222222; border: 2px solid #dbdbdb; transition: all 0.3s ease-in-out; font-family: "Font Awesome 5 Pro"; }
.owl-theme .owl-nav .owl-next:hover, .owl-theme .owl-nav .owl-prev:hover { background: transparent; }
.owl-theme .owl-nav .owl-next:hover:before, .owl-theme .owl-nav .owl-prev:hover:before { color: #ffffff; background: #FF711F; border-color: #FF711F; }
.owl-theme .owl-nav .owl-prev { margin-right: 5px; }
.owl-theme .owl-nav .owl-prev:before { content: "\f060"; }
.owl-theme .owl-nav .owl-next:before { content: "\f061"; }

/* owl settings - end
================================================== */
/* list style settings - start 
================================================== */
.ul_li, .ul_li_right, .ul_li_center { margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; align-items: center; }
.ul_li > li, .ul_li_right > li, .ul_li_center > li { float: left; list-style: none; display: inline-block; }

.ul_li { justify-content: flex-start; }

.ul_li_center { justify-content: center; }

.ul_li_right { justify-content: flex-end; }

.ul_li_block { margin: 0px; padding: 0px; display: block; }
.ul_li_block > li { display: block; list-style: none; }

/* list style settings - end
================================================== */
/* rating star - start
================================================== */
.rating_star li { color: #ecb006; font-size: 12px; }
.rating_star li:not(:last-child) { margin-right: 2px; }

/* rating star - end
================================================== */
/* social links - start
================================================== */
.social_title { line-height: 1; font-size: 15px; font-weight: 500; margin-right: 20px; display: inline-block; color: #222222; text-transform: uppercase; font-family: "Rubik", sans-serif; }

.primary_social_links li:not(:last-child) { margin-right: 20px; }
.primary_social_links a { display: block; line-height: 1; font-size: 15px; color: #635E5B; }
.primary_social_links a:hover { color: #FF711F; }

.square_social_links li:not(:last-child) { margin-right: 10px; }
.square_social_links a { width: 45px; height: 45px; display: block; color: #ffffff; font-size: 14px; overflow: hidden; position: relative; text-align: center; }
.square_social_links a i { left: 50%; position: absolute; transform: translateX(-50%); transition: all 0.3s ease-in-out; }
.square_social_links a i:nth-child(1) { top: 50%; transform: translate(-50%, -50%); }
.square_social_links a i:nth-child(2) { top: 100%; opacity: 0; }
.square_social_links a:hover i:nth-child(1) { top: -100%; opacity: 0; transform: translateX(-50%); }
.square_social_links a:hover i:nth-child(2) { top: 50%; opacity: 1; transform: translate(-50%, -50%); }

.circle_social_links li:not(:last-child) { margin-right: 8px; }
.circle_social_links a { width: 45px; height: 45px; display: block; color: #878bd0; font-size: 14px; overflow: hidden; line-height: 49px; position: relative; text-align: center; border-radius: 100%; background-color: #8DAFFF; }
.circle_social_links a i { left: 50%; position: absolute; transform: translateX(-50%); transition: all 0.3s ease-in-out; }
.circle_social_links a i:nth-child(1) { top: 55%; transform: translate(-50%, -55%); }
.circle_social_links a i:nth-child(2) { top: 100%; opacity: 0; }
.circle_social_links a:hover i { color: #ffffff; }
.circle_social_links a:hover i:nth-child(1) { top: -100%; opacity: 0; transform: translateX(-50%); }
.circle_social_links a:hover i:nth-child(2) { top: 55%; opacity: 1; transform: translate(-50%, -55%); }
.circle_social_links .bg_facebook:hover { background-color: #3b5998; }
.circle_social_links .bg_twitter:hover { background-color: #1da1f2; }
.circle_social_links .bg_youtube:hover { background-color: #ff0000; }
.circle_social_links .bg_linkedin:hover { background-color: #007bb5; }

/* social links - end
================================================== */
/* pagination - start
================================================== */
.pagination_nav li:not(:last-child) { margin-right: 10px; }
.pagination_nav a { height: 65px; display: block; color: #222222; min-width: 65px; font-size: 18px; font-weight: 500; padding: 0px 15px; line-height: 63px; text-align: center; border-radius: 45px; border: 3px solid #dbdbdb; font-family: "Rubik", sans-serif; }
.pagination_nav li:hover a, .pagination_nav li.active a { color: #ffffff; border-color: #FF711F; background-color: #FF711F; }

/* pagination - end
================================================== */
/* post meta - start
================================================== */
.post_meta > li:not(:last-child) { margin-right: 30px; }
.post_meta a { display: block; line-height: 1; color: #635E5B; }
.post_meta a:hover { color: #FF711F; }
.post_meta i { margin-right: 10px; color: #FF711F; }

/* post meta - end
================================================== */
/* info list with "check icon" - start
================================================== */
.check_info_list > li, .outline_check_info_list > li { line-height: 1; position: relative; padding-left: 35px; }
.check_info_list > li:not(:last-child), .outline_check_info_list > li:not(:last-child) { margin-bottom: 30px; }
.check_info_list > li:before, .outline_check_info_list > li:before { top: 0px; left: 0px; line-height: 1; font-weight: 400; position: absolute; color: #47E520; font-family: "Font Awesome 5 Pro"; }

.check_info_list > li:before { content: "\f00c"; }

.outline_check_info_list > li:not(:last-child) { margin-bottom: 25px; }
.outline_check_info_list > li:before { top: -1px; content: "\f058"; color: #FF711F; }

.circle_check_info_list > li { font-weight: 500; padding-top: 5px; position: relative; padding-left: 50px; color: #222222; }
.circle_check_info_list > li:not(:last-child) { margin-bottom: 15px; }
.circle_check_info_list > li:before { top: 0px; left: 0px; width: 35px; height: 35px; font-weight: 400; content: "\f00c"; line-height: 37px; text-align: center; position: absolute; border-radius: 100%; color: #FF711F; background-color: #ffffff; font-family: "Font Awesome 5 Pro"; }

/* info list with "check icon" - end
================================================== */
/* primary tag list - start
================================================== */
.primary_tag_list { margin: -3px; }
.primary_tag_list li { padding: 3px; position: relative; }
.primary_tag_list li:after { right: 0px; bottom: 2px; content: ","; line-height: 1; position: absolute; }
.primary_tag_list li:last-child:after { display: none; }
.primary_tag_list a { display: block; line-height: 1; color: #635E5B; }
.primary_tag_list a:hover { color: #FF711F; }

/* primary tag list - end
================================================== */
/* padding - margin setting - start 
================================================== */
.sec_ptb_130 { padding: 130px 0px; }

.mt__30 { margin-top: -30px; }

.mt__50 { margin-top: -50px; }

.mb_15 { margin-bottom: 15px; }

.mb_30 { margin-bottom: 30px; }

.mb_50 { margin-bottom: 50px; }

.mb_80 { margin-bottom: 80px; }

/* padding - margin setting - end
================================================== */
/* button style - start
================================================== */
.custom_btn { z-index: 1; line-height: 1; color: #ffffff; font-size: 14px; font-weight: 500; padding: 10px 40px; position: relative; align-items: center; display: inline-flex; text-transform: uppercase; font-family: "Rubik", sans-serif; justify-content: space-between; }
.custom_btn:before { top: 0px; width: 0px; left: auto; right: 0px; z-index: -1; bottom: 0px; content: ""; position: absolute; transition: all 0.3s ease-in-out; }
.custom_btn:hover { color: #ffffff; }
.custom_btn:hover:before { left: 0px; width: 100%; right: auto; }
.custom_btn span { width: 45px; height: 45px; line-height: 47px; float: right; font-size: 15px; overflow: hidden; margin-left: 40px; text-align: center; position: relative; margin-right: -30px; color: #222222; display: inline-block; background-color: #ffffff; transition: all 0.3s ease-in-out; }
.custom_btn.bg_default_yellow { color: #222222; }
.custom_btn.bg_default_yellow:before { background: #FF711F; }
.custom_btn.bg_default_yellow:hover { color: #ffffff; }
.custom_btn.bg_default_orange:before { background: #47E520; }
.custom_btn.bg_default_orange:hover { color: #222222; }
.custom_btn.bg_white { color: #222222; background-color: #ffffff; }
.custom_btn.bg_white span { color: #ffffff; background-color: #8DAFFF; }
.custom_btn.bg_white:before { background: #000000; }
.custom_btn.bg_white:hover { color: #ffffff; }
.custom_btn.bg_white:hover span { color: #000000; background-color: #ffffff; }

.custom_btn.btn_border { color: #222222; border: 2px solid #e8e8e8; }
.custom_btn.btn_border:before { background: #e8e8e8; }
.custom_btn.btn_border span { color: #ffffff; }
.custom_btn.btn_border span.bg_default_orange { background-color: #FF711F; }
.custom_btn.btn_border span.bg_default_yellow { background-color: #47E520; }
.custom_btn.btn_border span.bg_default_lightblue { background-color: #209ffa; }

.icon_btn { z-index: 1; width: 65px; height: 65px; font-size: 18px; line-height: 69px; position: relative; text-align: center; color: #222222; background-color: #47E520; }
.icon_btn:before { top: 0px; width: 0px; left: auto; right: 0px; z-index: -1; bottom: 0px; content: ""; position: absolute; transition: all 0.3s ease-in-out; background-color: #FF711F; }
.icon_btn:hover { color: #ffffff; }
.icon_btn:hover:before { left: 0px; width: 100%; right: auto; }

.text_btn { line-height: 1; display: inherit; }
.text_btn span { line-height: 1; font-size: 13px; font-weight: 500; position: relative; display: inline-block; color: #222222; text-transform: uppercase; font-family: "Rubik", sans-serif; }
.text_btn span:before { width: 0px; left: auto; right: 0px; bottom: 0px; height: 1px; content: ""; position: absolute; background: #FF711F; transition: width 0.2s linear; }
.text_btn:hover span:before { left: 0px; width: 100%; right: auto; }
.text_btn i { font-size: 12px; margin-left: 5px; color: #222222; transition: all 0.3s ease-in-out; }
.text_btn:hover i { color: #FF711F; transform: translateX(5px); }

.play_btn { z-index: 1; width: 100px; height: 100px; line-height: 100px; position: relative; text-align: center; border-radius: 100%; color: #FF711F; border: 3px solid rgba(255, 67, 40, 0.49); }
.play_btn:before, .play_btn:after { top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; content: ""; opacity: 0.4; display: block; position: absolute; border-radius: 100%; border: 3px solid rgba(255, 67, 40, 0.49); }
.play_btn:before { animation: pulse 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both; }
.play_btn:after { animation: pulse 2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both; }
.play_btn.bg_white { border-color: #ffffff; color: #FF711F; background-color: #ffffff; }
.play_btn.bg_white:before, .play_btn.bg_white:after { border: 3px solid rgba(255, 255, 255, 0.49); }

@keyframes pulse { 0% { opacity: 0.5; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.75); } }
/* button style - end
================================================== */
/* title text - start
================================================== */
.section_title { z-index: 1; position: relative; }
.section_title .small_title { line-height: 1; font-size: 48px; margin-bottom: 25px; color: #FF711F; font-family: "Bebas Neue", sans-serif; }
.section_title .big_title { font-size: 50px; font-weight: 700; line-height: 1.2; }
.section_title .biggest_title { top: 50%; left: -8px; z-index: -1; display: block; line-height: 1; font-size: 150px; position: absolute; transform: translateY(-50%); font-family: "Bebas Neue", sans-serif; color: rgba(34, 34, 34, 0.102); }
.section_title.text-center .biggest_title { top: 50%; left: 50%; transform: translate(-50%, -50%); }

.text-white .section_title .biggest_title { color: rgba(255, 255, 255, 0.051); }

/* title text - end
================================================== */
/* title text - start
================================================== */
.plus_effect { position: relative; transition: all 0.3s ease-in-out; background-color: #8DAFFF; }
.plus_effect > img { transition: all 0.3s ease-in-out; }
.plus_effect:after, .plus_effect:before { top: 50%; left: 50%; z-index: 2; opacity: 0; content: ""; position: absolute; transition: all 0.3s ease-in-out; background-color: rgba(255, 255, 255, 0.77); transform: translateX(-50%) translateY(-50%); }
.plus_effect:before { height: 1px; width: 160px; }
.plus_effect:after { width: 1px; height: 160px; }
.plus_effect:hover > img { opacity: 0.369; }
.plus_effect:hover:before, .plus_effect:hover:after { opacity: 1; transition-delay: 0.2s; }
.plus_effect:hover:before { width: 120px; }
.plus_effect:hover:after { height: 120px; }

/* title text - end
================================================== */
/* back to top - start
================================================== */
#thetop { top: 0; left: 0; right: 0; z-index: -1; position: absolute; }

#backtotop { right: 15px; width: 50px; height: 50px; z-index: 999; bottom: 40px; display: none; position: fixed; border-radius: 100%; background-color: #ffffff; box-shadow: 0px 10px 30px 1px rgba(0, 0, 0, 0.15); }

#scroll { z-index: 1; width: 100%; height: 100%; display: block; font-size: 16px; line-height: 57px; text-align: center; position: relative; color: #FF711F; }

/* back to top - end
================================================== */
/* preloader - start
================================================== */
.preloader { top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; z-index: 9000; cursor: default; position: fixed; align-items: center; justify-content: center; }
.preloader.loaded { visibility: hidden; }
.preloader .animation_preloader { z-index: 10000; }
.preloader .spinner { width: 9em; height: 9em; margin: auto; margin-bottom: 30px; border-radius: 100%; animation: spinner 1s infinite linear; border: 3px solid rgba(255, 255, 255, 0.4); border-top-color: #FF711F; }
.preloader p { color: #ffffff; font-size: 14px; font-weight: 500; letter-spacing: 8px; text-transform: uppercase; }
.preloader .loader { top: 0; left: 0; z-index: 1; width: 100%; height: 100%; font-size: 0; position: fixed; pointer-events: none; }
.preloader .loader_section { padding: 0px; }
.preloader .bg { left: 0; width: 100%; height: 100%; background-color: #8DAFFF; transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); }
.preloader.loaded .animation_preloader { opacity: 0; transition: 0.3s ease-out; }
.preloader.loaded .loader_section .bg { width: 0; transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1); }

@-webkit-keyframes spinner { to { transform: rotateZ(360deg); } }
@keyframes spinner { to { transform: rotateZ(360deg); } }
@media screen and (max-width: 767px) { .preloader .animation_preloader .spinner { height: 8em; width: 8em; } }
@media screen and (max-width: 500px) { .preloader .animation_preloader .spinner { height: 7em; width: 7em; } }
/* preloader - end
================================================== */
/* default color - start
================================================== */
.bg_default_orange { background-color: #FF711F; }

.bg_default_blue { background-color: #8DAFFF; }

.bg_default_lightblue { background-color: #209ffa; }

.bg_default_yellow { background-color: #47E520; }

.bg_default_purple { background-color: #761D6C; }

.bg_default_pink { background-color: #e6498f; }

.bg_default_past { background-color: #20ad96; }

/* default color - end
================================================== */
/* custom default classes - start
================================================== */
.border_left_yellow, .border_left_orange { padding-left: 28px; }

.border_left_yellow { border-left: 3px solid #47E520; }

.border_left_orange { border-left: 3px solid #FF711F; }

/* custom default classes - end
================================================== */
/* custom animation css - start
================================================== */
.spin { animation: spin 1s infinite linear; }

@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
/* custom animation css - end
================================================== */
/* transition - start
================================================== */
a, button { transition: all 0.3s ease-in-out; }

/* transition - end
================================================== */
/* global area - end
==================================================================================================== */
.carousel-highlight { color: #FF711F; }

/* header - start
==================================================================================================== */
/* header section - start
================================================== */
.sticky_header { top: 0px; left: 0px; right: 0px; z-index: 999; position: absolute; }
.sticky_header.stuck { position: fixed; box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1); animation: .5s ease-in-out 0s normal none 1 running fadeInDown; }

.header_section .select_option .nice-select { border: none; padding: 0px; height: auto; line-height: 1; padding-right: 15px; background-color: transparent; }
.header_section .select_option .nice-select:after { right: 0px; color: #FF711F; }
.header_section .select_option .nice-select .list { right: 0px; left: unset; min-width: 250px; }
.header_section .action_btn { width: 55px; height: 55px; color: #ffffff; font-size: 15px; line-height: 57px; text-align: center; }
.header_section .action_btn.bg_default_purple { color: #d0c4ff; }
.header_section .custom_btn { padding: 7.5px 30px; }
.header_section .custom_btn span { width: 40px; height: 40px; line-height: 42px; margin-left: 30px; margin-right: -22px; }
.header_section .social_title { font-weight: 400; text-transform: capitalize; }

.header_top { display: flex; min-height: 50px; padding: 10px 0px; align-items: center; }
.header_top.bg_light { background-color: #f5f6fa; }
.header_top .primary_social_links a { color: #7276b3; }
.header_top .primary_social_links a:hover { color: #FF711F; }

.text-white .header_contact_info li { color: #ffffff; }
.text-white .header_contact_info i { color: #47E520; }
.text-white .select_option .nice-select > span { color: #ffffff; }
.text-white .header_items_list > li:after { background-color: #38368a; }
.text-white .primary_social_links a { color: #ababab; }

.header_bottom { display: flex; min-height: 100px; padding: 15px 0px; align-items: center; }

.header_contact_info li { color: #7276b3; font-size: 15px; font-family: "Rubik", sans-serif; }
.header_contact_info li:not(:last-child) { margin-right: 50px; }
.header_contact_info li i { margin-right: 8px; color: #FF711F; }

.header_items_list > li { color: #7276b3; font-size: 15px; position: relative; }
.header_items_list > li:not(:last-child) { margin-right: 30px; padding-right: 30px; }
.header_items_list > li:after { top: 50%; width: 2px; content: ''; right: -1px; height: 20px; position: absolute; background-color: #c6ccdc; transform: translateY(-50%); }
.header_items_list > li:last-child:after { display: none; }

.header_btns_group li:not(:last-child) { margin-right: 10px; }

.header_icon_btns li { font-size: 16px; }
.header_icon_btns li:not(:last-child) { margin-right: 35px; }
.header_icon_btns li button { display: block; line-height: 1; color: #635E5B; }
.header_icon_btns li button:hover, .header_icon_btns li button.active { color: #FF711F; }

.header_hotline { padding: 30px 70px; }
.header_hotline.bg_gray { background-color: #f5f6fa; }
.header_hotline .item_icon { float: left; width: 55px; height: 55px; line-height: 45px; margin: -10px 0px; margin-right: 10px; text-align: center; border-radius: 100%; border: 5px solid #ffffff; background-color: #FF711F; box-shadow: 0px 10px 30px 0px rgba(226, 226, 226, 0.78); }
.header_hotline .item_content { display: table; }
.header_hotline h4 { line-height: 1; font-size: 14px; font-weight: 700; color: #635E5B; font-family: "Hind", sans-serif; text-transform: uppercase; }
.header_hotline span { display: block; line-height: 1; font-size: 18px; font-weight: 500; color: #8DAFFF; }

.cart_btn { position: relative; }
.cart_btn .cart_counter { top: -10px; right: -10px; height: 20px; color: #ffffff; font-size: 11px; min-width: 20px; line-height: 22px; position: absolute; border-radius: 45px; background-color: #FF711F; }

/* header section - end
================================================== */
/* main menu - start
================================================== */
.main_menu > ul > li { padding: 15px 0px; }
.main_menu > ul > li:not(:last-child) { margin-right: 30px; }
.main_menu > ul > li > a { color: #ffffff; display: block; font-size: 16px; font-weight: 500; position: relative; font-family: "Rubik", sans-serif; }
.main_menu > ul > li:hover > a, .main_menu > ul > li.active > a { color: #47E520; }

.main_menu .has_child { position: relative; }
.main_menu .has_child > a:after { font-size: 12px; font-weight: 500; content: '\f107'; margin-left: 5px; display: inline-block; font-family: 'Font Awesome 5 Pro'; }
.main_menu .has_child .submenu { top: 100%; left: 0px; opacity: 0; z-index: 99; margin: 0px; min-width: 220px; padding: 20px 0px; visibility: hidden; position: absolute; background: #ffffff; transform: translateY(15px); transition: all 0.3s ease-in-out; box-shadow: 0px 2px 19px 3px rgba(0, 0, 0, 0.08); }
.main_menu .has_child .submenu li { display: block; }
.main_menu .has_child .submenu li:not(:last-child) { border-bottom: 1px solid #f5f6fa; }
.main_menu .has_child .submenu li a { width: 100%; display: block; line-height: 1; padding: 15px 30px; white-space: nowrap; color: #635E5B; }
.main_menu .has_child .submenu li:hover > a, .main_menu .has_child .submenu li.active > a { color: #FF711F; background-color: #f5f6fa; }
.main_menu .has_child:hover > .submenu { opacity: 1; visibility: visible; transform: translateY(0px); }

.main_menu .has_child .submenu .has_child { position: relative; }
.main_menu .has_child .submenu .has_child > a:after { float: right; font-size: 13px; content: '\f061'; transform: translateY(0px); }
.main_menu .has_child .submenu .submenu { top: -20px; left: 100%; }

/* main menu - end
================================================== */
/* main search - start
================================================== */
.search_body_collapse .search_body { padding: 15px 0px; background-color: rgba(0, 0, 0, 0.8); }
.search_body_collapse .form_item input { padding: 0px; border: none; height: 70px; color: #ffffff; font-size: 24px; font-weight: 400; background-color: transparent; }
.search_body_collapse .form_item input:-moz-placeholder { font-weight: 300; color: rgba(255, 255, 255, 0.8); }
.search_body_collapse .form_item input::-moz-placeholder { font-weight: 300; color: rgba(255, 255, 255, 0.8); }
.search_body_collapse .form_item input:-ms-input-placeholder { font-weight: 300; color: rgba(255, 255, 255, 0.8); }
.search_body_collapse .form_item input::-webkit-input-placeholder { font-weight: 300; color: rgba(255, 255, 255, 0.8); }
.search_body_collapse .form_item button { top: 50%; right: 0px; color: #ffffff; font-size: 30px; position: absolute; transform: translateY(-50%); }

/* main search - end
================================================== */
/* default header - start
================================================== */
.header_default + main { margin-top: 150px; }
.header_default.stuck .header_top { display: none; }
.header_default.stuck .header_bottom { background-color: #8DAFFF; }

/* default header - end
================================================== */
/* primary header - start
================================================== */
.primary_header { background-color: #ffffff; }
.primary_header + main { margin-top: 100px; }
.primary_header .main_menu, .primary_header .brand_logo, .primary_header .header_hotline { float: left; min-height: 100px; display: inline-block; }
.primary_header .brand_logo { width: 330px; }
.primary_header .brand_logo > a { width: 100%; height: 100%; display: block; text-align: center; line-height: 100px; }
.primary_header .header_hotline { float: right; width: 360px; }
.primary_header .main_menu > ul > li { padding: 0px; height: 100px; margin: 0px !important; border-right: 1px solid #e6e6e6; }
.primary_header .main_menu > ul > li > a { z-index: 1; width: 100%; height: 100%; display: block; padding: 0px 40px; line-height: 100px; color: #635E5B; }
.primary_header .main_menu > ul > li:hover > a, .primary_header .main_menu > ul > li.active > a { color: #ffffff; background-color: #FF711F; }
.primary_header .main_menu > ul > .has_child > a:after { display: none; }
.primary_header .search_btn { width: 100%; height: 100%; display: block; font-size: 16px; min-width: 100px; padding: 0px 30px; line-height: 100px; color: #635E5B; }
.primary_header .search_btn:hover, .primary_header .search_btn.active { color: #ffffff; background-color: #FF711F; }
.primary_header .search_body_collapse .search_body { background-color: #ffffff; border-top: 1px solid #e6e6e6; }
.primary_header .search_body_collapse .form_item input { height: 55px; font-size: 16px; padding: 0px 35px; border-radius: 45px; color: #8DAFFF; background-color: #f5f6fa; }
.primary_header .search_body_collapse .form_item input:-moz-placeholder { font-weight: 300; color: #635E5B; }
.primary_header .search_body_collapse .form_item input::-moz-placeholder { font-weight: 300; color: #635E5B; }
.primary_header .search_body_collapse .form_item input:-ms-input-placeholder { font-weight: 300; color: #635E5B; }
.primary_header .search_body_collapse .form_item input::-webkit-input-placeholder { font-weight: 300; color: #635E5B; }
.primary_header .search_body_collapse .form_item button { right: 30px; line-height: 1; font-size: 18px; color: #FF711F; }

/* primary header - end
================================================== */
/* secondary header - start
================================================== */
.secondary_header + main { margin-top: 130px; }
.secondary_header.stuck .header_top { display: none; }
.secondary_header .brand_logo { height: 80px; width: 255px; display: flex; margin: -10px 0px; align-items: center; border-right: 1px solid #e2e2e2; }
.secondary_header .header_icon_btns { width: 205px; float: right; height: 80px; display: flex; margin: -10px 0px; align-items: center; border-left: 1px solid #e2e2e2; }
.secondary_header .header_contact_info li { color: #635E5B; }
.secondary_header .header_items_list > li { padding: 0px; }
.secondary_header .header_items_list > li:after { display: none; }
.secondary_header .header_items_list > li:not(:last-child) { margin-right: 30px; }
.secondary_header .select_option .nice-select { height: 35px; margin: -3px 0px; line-height: 35px; padding: 0px 20px; padding-right: 40px; border-radius: 45px; background-color: #FF711F; }
.secondary_header .select_option .nice-select span { color: #ffffff; }
.secondary_header .select_option .nice-select:after { right: 20px; color: #ffffff; }
.secondary_header .header_bottom { display: flex; min-height: 80px; padding: 10px 0px; background-color: #ffffff; }
.secondary_header .main_menu > ul > li > a { color: #635E5B; }
.secondary_header .main_menu > ul > li:hover > a, .secondary_header .main_menu > ul > li.active > a { color: #FF711F; }

/* secondary header - end
================================================== */
/* sidebar mobile menu - start
================================================== */
.mobilemenu_btns_group { display: none; }
.mobilemenu_btns_group > li:not(:last-child) { margin-right: 25px; }
.mobilemenu_btns_group button { line-height: 1; display: block; color: #ffffff; font-size: 18px; }

.sidebar-menu-wrapper { display: block; }
.sidebar-menu-wrapper .overlay { top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0; z-index: 999; width: 100vw; height: 100vh; display: none; position: fixed; transition: all 0.3s ease-in-out; background: rgba(0, 0, 0, 0.7); }
.sidebar-menu-wrapper .overlay.active { opacity: 1; display: block; }

.sidebar_mobile_menu { top: 0px; width: 300px; right: -320px; height: 100vh; z-index: 9999; position: fixed; padding: 100px 0px; overflow-y: scroll; background-color: #8DAFFF; transition: 0.6s cubic-bezier(1, 0, 0, 1); }
.sidebar_mobile_menu.active { right: 0px; }
.sidebar_mobile_menu .mCustomScrollBox { overflow: visible !important; }
.sidebar_mobile_menu .close_btn { top: 15px; right: 20px; color: #ffffff; line-height: 1; font-size: 24px; border-radius: 0px; position: absolute; }
.sidebar_mobile_menu .close_btn:hover { color: #FF711F; }
.sidebar_mobile_menu .mobile_menu_list { width: 100%; display: block; }
.sidebar_mobile_menu .mobile_menu_list ul { margin: 0px; padding: 0px; }
.sidebar_mobile_menu .mobile_menu_list li, .sidebar_mobile_menu .mobile_menu_list a { width: 100%; line-height: 1; display: block; }
.sidebar_mobile_menu .mobile_menu_list > ul > li > a { font-size: 16px; padding: 17px 35px; text-transform: uppercase; color: rgba(255, 255, 255, 0.4); }
.sidebar_mobile_menu .mobile_menu_list > ul > li:hover > a, .sidebar_mobile_menu .mobile_menu_list > ul > li.active > a { color: #ffffff; background-color: rgba(255, 255, 255, 0.06); }
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu { margin: 0px; width: 100%; float: none; border: none; display: none; line-height: 1; padding: 15px 0px; padding-top: 0px; border-radius: 0px; transform: unset !important; position: static !important; background-color: rgba(255, 255, 255, 0.06); }
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu.show { display: block; position: unset !important; }
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu li, .sidebar_mobile_menu .mobile_menu_list .dropdown-menu a { width: 100%; display: block; line-height: 1; }
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu a { font-size: 15px; padding: 12px 35px; padding-left: 45px; color: rgba(255, 255, 255, 0.6); }
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu > li:hover > a, .sidebar_mobile_menu .mobile_menu_list .dropdown-menu > li.active > a { color: #ffffff; background-color: rgba(255, 255, 255, 0.07); }
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu .dropdown-menu a { padding-left: 55px; }
.sidebar_mobile_menu .mobile_menu_list .dropdown-toggle:after { float: right; margin-top: 8px; }

.sidebar_mobile_menu::-webkit-scrollbar { width: 0px; }

.cart_sidebar { top: 0px; width: 300px; right: -320px; height: 100vh; z-index: 9999; position: fixed; padding: 100px 0px; overflow-y: scroll; background-color: #ffffff; transition: 0.6s cubic-bezier(1, 0, 0, 1); }
.cart_sidebar.active { right: 0px; box-shadow: 0px 10px 55px 1px rgba(137, 173, 255, 0.35); }
.cart_sidebar .mCustomScrollBox { overflow: visible !important; }
.cart_sidebar .close_btn { top: 15px; right: 20px; line-height: 1; font-size: 24px; text-align: center; border-radius: 0px; position: absolute; color: #8DAFFF; }
.cart_sidebar .close_btn:hover { color: #FF711F; }
.cart_sidebar .cart_items_list { padding-bottom: 30px; border-bottom: 1px solid #dbdbdb; }
.cart_sidebar .cart_items_list > ul > li:not(:last-child) { margin-bottom: 20px; }
.cart_sidebar .cart_item { display: flex; padding: 0px 30px; position: relative; align-items: center; justify-content: flex-start; }
.cart_sidebar .cart_item .remove_btn { top: 0px; right: 10px; line-height: 1; font-size: 15px; margin-right: 10px; position: absolute; color: #635E5B; }
.cart_sidebar .cart_item .remove_btn:hover { color: #FF711F; }
.cart_sidebar .cart_item .item_image { width: 100px; margin-right: 10px; }
.cart_sidebar .cart_item .item_title { font-size: 14px; margin-bottom: 3px; }
.cart_sidebar .total_price { padding: 20px 30px; margin-bottom: 20px; border-bottom: 1px solid #dbdbdb; }
.cart_sidebar .total_price li { line-height: 1; }
.cart_sidebar .total_price li:not(:last-child) { margin-bottom: 10px; }
.cart_sidebar .total_price span { font-size: 18px; font-weight: 500; color: #222222; }
.cart_sidebar .total_price small { float: right; font-size: 16px; }
.cart_sidebar .btns_group { padding: 0px 5px; }
.cart_sidebar .btns_group li { width: 50%; padding: 5px; text-align: center; }
.cart_sidebar .btns_group a { height: 50px; display: block; line-height: 1; color: #ffffff; font-size: 14px; font-weight: 600; padding: 0px 15px; line-height: 52px; text-transform: uppercase; }
.cart_sidebar .btns_group a.bg_default_yellow { color: #222222; }

.cart_sidebar::-webkit-scrollbar { width: 0px; }

/* sidebar mobile menu - end
================================================== */
/* header - end
==================================================================================================== */
/* footer - start
==================================================================================================== */
/* footer section - start */
.footer_section { padding-bottom: 25px; }
.footer_section.bg_gray { background-color: #f5f6fa; }
.footer_section.bg_black { background-color: #212121; }

.footer_widget_title { line-height: 1; font-size: 22px; font-weight: 500; margin-bottom: 35px; }

.footer_widget_area { padding: 80px 0px; }

.footer_bottom_boxed { padding: 25px 50px; }
.footer_bottom_boxed.bg_white { background-color: #ffffff; }

/* footer section - start */
/* footer brand list - start */
.footer_brand_area { padding: 60px 0px; }
.footer_brand_area.border_bottom { border-bottom: 1px solid #e0e0e0; }

/* footer brand list - end */
/* footer useful links - start */
.footer_useful_links li { line-height: 1; }
.footer_useful_links li:not(:last-child) { margin-bottom: 22px; }
.footer_useful_links a { color: #635E5B; }
.footer_useful_links a:hover { color: #FF711F; }

/* footer useful links - end */
/* footer contact form - start */
.footer_contact_form .form_item input { height: 55px; color: #ffffff; background-color: #8DAFFF; }
.footer_contact_form .form_item input:-moz-placeholder { color: #d4d7ff; }
.footer_contact_form .form_item input::-moz-placeholder { color: #d4d7ff; }
.footer_contact_form .form_item input:-ms-input-placeholder { color: #d4d7ff; }
.footer_contact_form .form_item input::-webkit-input-placeholder { color: #d4d7ff; }
.footer_contact_form .form_item .submit_btn { height: 55.5px; min-width: 55px; line-height: 57px; font-size: 18px; color: #ffffff; text-align: center; background-color: #FF711F; }

/* footer contact form - end */
/* footer hotline - start */
.footer_hotline { display: block; line-height: 1; font-size: 18px; color: #222222; font-family: "Rubik", sans-serif; }
.footer_hotline i { margin-right: 10px; color: #FF711F; }

/* footer hotline - end */
/* author links - start */
.author_links { color: #FF711F; }

/* author links - end */
/* footer about - start */
.footer_about.bg_black { background-color: #171717; }

/* footer about - end */
/* footer contact info list - start */
.footer_contact_info li { display: flex; align-items: center; }
.footer_contact_info li:not(:last-child) { margin-bottom: 30px; }
.footer_contact_info .item_icon { width: 40px; height: 40px; color: #ffffff; line-height: 44px; border-radius: 5px; text-align: center; margin-right: 15px; }
.footer_contact_info .item_icon.bg_default_yellow { color: #222222; }
.footer_contact_info h4 { line-height: 1; font-size: 14px; font-weight: 600; margin-bottom: 5px; color: #635E5B; font-family: "Hind", sans-serif; text-transform: uppercase; }
.footer_contact_info p { margin: 0px; line-height: 1; font-size: 18px; font-family: "Rubik", sans-serif; }

/* footer contact info list - end */
/* footer newsletter boxed - start */
.footer_newsletter_boxed { padding: 35px 50px; background-color: #171717; }
.footer_newsletter_boxed .newsletter_title { font-size: 22px; line-height: 1.273; margin-bottom: 0px; }
.footer_newsletter_boxed .form_list > li:not(:last-child) { margin-right: 7px; }
.footer_newsletter_boxed input { height: 55px; width: 280px; outline: none; display: block; color: #ffffff; padding: 0px 30px; border: 1px solid #272727; background-color: transparent; transition: all 0.3s ease-in-out; }
.footer_newsletter_boxed input:focus { border-color: #47E520; }
.footer_newsletter_boxed input:-moz-placeholder { color: #595959; }
.footer_newsletter_boxed input::-moz-placeholder { color: #595959; }
.footer_newsletter_boxed input:-ms-input-placeholder { color: #595959; }
.footer_newsletter_boxed input::-webkit-input-placeholder { color: #595959; }
.footer_newsletter_boxed .icon_btn { width: 55px; height: 55px; font-size: 18px; line-height: 59px; }

/* footer newsletter boxed - end */
/* footer white content - start */
.footer_section .text-white p { color: #b2b5ec; }

.text-white .footer_widget_title { color: #ffffff; margin-bottom: 35px; }
.text-white .footer_brand_area.border_bottom { border-bottom: 1px solid #24296f; }
.text-white .footer_useful_links a { color: #b2b5ec; }
.text-white .footer_useful_links a:hover { color: #FF711F; }
.text-white .small_blog .item_title > a { color: #ffffff; }
.text-white .small_blog:hover .item_title > a { color: #FF711F; }
.text-white .small_blog .post_date { color: #b2b5ec; }
.text-white .footer_contact_form .form_item input { background-color: #1f2366; }
.text-white .footer_hotline { color: #b2b5ec; }
.text-white .footer_bottom_boxed { background-color: #1f2366; }
.text-white .circle_social_links a { color: #ababab; background-color: #292d77; }
.text-white .circle_social_links a:hover i { color: #ffffff; }
.text-white .author_links { color: #47E520; }
.text-white .footer_contact_info p { color: #ffffff; }
.text-white .footer_newsletter_boxed { margin-top: 47px; }
.text-white .footer_newsletter_boxed .newsletter_title { color: #ffffff; }

/* footer white content - end */
/* secondary footer - start
================================================== */
.secondary_footer { z-index: 1; padding: 80px 0px; position: relative; }
.secondary_footer .border_shapes { top: 0px; right: 0px; bottom: 0px; z-index: -1; width: 100%; position: absolute; background-size: auto; background-position: right center; }
.secondary_footer.text-white p { color: #979797; }
.secondary_footer.text-white a { color: #979797; }
.secondary_footer.text-white a:hover { color: #47E520; }
.secondary_footer.text-white .footer_contact_info p { color: #ffffff; }
.secondary_footer .footer_about { margin-top: -80px; padding: 80px 45px 30px; }
.secondary_footer .footer_about .brand_logo { display: none; }
.secondary_footer .circle_social_links a { width: 50px; height: 50px; background-color: #212121; }
.secondary_footer .copyright_text { padding: 22px 35px; background-color: #212121; }
.secondary_footer .copyright_text .author_links { color: #47E520; }
.secondary_footer .copyright_text .author_links:hover { color: #FF711F; }
.secondary_footer .footer_widget_area { padding: 0px; padding-left: 40px; }
.secondary_footer .small_blog .item_title > a { line-height: 1.556; }
.secondary_footer .small_blog:hover .item_title > a { color: #47E520; }
.secondary_footer .small_blog .post_date { color: #979797; }
.secondary_footer .small_blog .post_date i { color: #47E520; }

/* secondary footer - end
================================================== */
/* footer - end
==================================================================================================== */
/* breadcrumb - start
==================================================================================================== */
.breadcrumb_section { z-index: 1; min-height: 365px; padding: 80px 0px; position: relative; }
.breadcrumb_section:before { top: 0px; left: 0px; right: 0px; bottom: 0px; content: ''; z-index: -1; position: absolute; background-color: #04073966; }

.page_title { color: #ffffff; line-height: 1; font-size: 70px; letter-spacing: -2.5px; }

.breadcrumb_nav > li { line-height: 1; color: #ffffff; font-size: 24px; position: relative; }
.breadcrumb_nav > li:not(:last-child) { margin-right: 25px; padding-right: 25px; }
.breadcrumb_nav > li:after { top: 50%; right: -3px; font-size: 18px; font-weight: 400; content: '\f105'; position: absolute; transform: translateY(-50%); font-family: 'Font Awesome 5 Pro'; }
.breadcrumb_nav > li:last-child:after { display: none; }
.breadcrumb_nav a { display: block; line-height: 1; color: #ffffff; }
.breadcrumb_nav a:hover { color: #FF711F; }

/* breadcrumb - end
==================================================================================================== */
/* sidebar - start
==================================================================================================== */
/* sidebar section - start */
.sidebar_section .widget { padding: 50px 40px; background-color: #ffffff; }
.sidebar_section .widget:not(:last-child) { margin-bottom: 30px; }

.sb_widget_title { line-height: 1; font-size: 24px; margin-bottom: 25px; }
.sb_widget_title.bottom_line { font-size: 20px; position: relative; padding-bottom: 18px; }
.sb_widget_title.bottom_line:after, .sb_widget_title.bottom_line:before { bottom: 0px; height: 2px; content: ''; position: absolute; background-color: #FF711F; }
.sb_widget_title.bottom_line:before { left: 0px; width: 10px; }
.sb_widget_title.bottom_line:after { left: 17px; width: 25px; }

/* sidebar section - end */
/* service category - start */
.sb_service_category li:not(:last-child) { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eaeaea; }
.sb_service_category a { display: block; line-height: 1; font-size: 18px; font-weight: 500; position: relative; padding-right: 70px; color: #222222; font-family: "Rubik", sans-serif; }
.sb_service_category a:before { top: 0px; bottom: 0px; right: 70px; content: ''; width: 1px; position: absolute; background-color: #dcdcdc; }
.sb_service_category a:after { top: 50%; right: 0px; content: '\f178'; font-weight: 400; position: absolute; transform: translateY(-50%); font-family: 'Font Awesome 5 Pro'; }
.sb_service_category a:hover { color: #FF711F; }

/* service category - end */
/* download btns - start */
.sb_download_btns .btns_group li:not(:last-child) { margin-bottom: 10px; }
.sb_download_btns .custom_btn { width: 100%; }
.sb_download_btns .share_links { margin-top: 24px; }

/* download btns - end */
/* search box - start */
.sb_search_box .form_item input { padding: 0px 35px; border-radius: 45px; background-color: #f5f6fa; }
.sb_search_box .form_item .input_icon { right: 35px; }

.sb_search_box_2 .submit_btn { width: 65px; height: 65px; color: #ffffff; font-size: 16px; line-height: 67px; text-align: center; position: absolute; border-radius: 5px; }

/* search box - end */
/* service list - start */
.sb_service_list li:not(:last-child) { border-bottom: 5px solid #f5f6fa; }
.sb_service_list a { line-height: 1; display: block; font-size: 18px; font-weight: 500; position: relative; padding: 23.5px 35px; color: #635E5B; }
.sb_service_list a:before { top: 50%; right: 35px; line-height: 1; font-weight: 400; content: '\f105'; position: absolute; transform: translateY(-50%); font-family: 'Font Awesome 5 Pro'; }
.sb_service_list a:hover { color: #ffffff; background-color: #FF711F; }

/* service list - end */
/* service list - start */
.sb_recent_works li:not(:last-child) { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #dbdbdb; }
.sb_recent_works .small_blog .item_image { width: 85px; }

/* service list - end */
/* photo gallery - start */
.sb_photo_gallery ul { margin: -10px; }
.sb_photo_gallery li { padding: 10px; flex: 0 0 50%; max-width: 50%; }
.sb_photo_gallery a { display: block; overflow: hidden; position: relative; background-color: #8DAFFF; }
.sb_photo_gallery a > img { transition: all 0.3s ease-in-out; }
.sb_photo_gallery a i { top: 50%; left: 50%; z-index: 1; opacity: 0; color: #ffffff; line-height: 1; font-size: 35px; margin-top: 15px; position: absolute; transition: all 0.3s ease-in-out; transform: translate(-50%, -50%); }
.sb_photo_gallery a:hover > img { opacity: .3; }
.sb_photo_gallery a:hover i { opacity: 1; margin-top: 0px; }

/* photo gallery - end */
/* tag list - start */
.sb_tag_list ul { margin: -3px; }
.sb_tag_list li { padding: 3px; }
.sb_tag_list a { height: 32px; display: block; font-size: 14px; font-weight: 500; line-height: 34px; padding: 0px 12px; color: #635E5B; background-color: #ffffff; box-shadow: 0px 0px 30px 0px rgba(162, 162, 162, 0.27); }
.sb_tag_list a:hover { color: #ffffff; background-color: #FF711F; }

.sb_tag_list_2 ul { margin: -3px; }
.sb_tag_list_2 li { padding: 3px; }
.sb_tag_list_2 a { height: 40px; display: block; font-size: 14px; line-height: 42px; padding: 0px 20px; border-radius: 5px; text-align: center; color: #635E5B; background-color: #f5f6fa; }
.sb_tag_list_2 a:hover { color: #ffffff; background-color: #FF711F; }

/* tag list - end */
/* tag list - start */
.sb_cta { z-index: 1; display: flex; min-height: 455px; position: relative; align-items: center; justify-content: center; }
.sb_cta:before { top: 0px; left: 0px; right: 0px; bottom: 0px; content: ''; z-index: -1; opacity: 0.851; position: absolute; background-color: #8DAFFF; }
.sb_cta .title_text { font-size: 38px; padding-top: 35px; line-height: 1.053; position: relative; margin-bottom: 22px; }
.sb_cta .title_text:before { top: 0px; left: 50%; width: 50px; height: 3px; content: ''; position: absolute; transform: translateX(-50%); background-color: #47E520; }
.sb_cta p { margin-bottom: 23px; }
.sb_cta .custom_btn { padding: 10px 30px; }
.sb_cta .custom_btn span { width: 35px; height: 35px; line-height: 39px; margin-left: 30px; margin-right: -20px; }

/* tag list - end */
/* category list - start */
.sb_category_list li:not(:last-child) { margin-bottom: 8px; }
.sb_category_list a { font-weight: 500; color: #635E5B; }
.sb_category_list a:hover { color: #FF711F; }

/* category list - end */
/* pricing range - start */
.price-range-area { padding-top: 7px; }
.price-range-area .slider-range { height: 6px; border: none; border-radius: 45px; background-color: #ededee; }
.price-range-area .ui-slider-range { border: none; border-radius: 45px; background-color: #FF711F; }
.price-range-area .ui-state-default { top: -7px; width: 20px; height: 20px; border: none; outline: none; border-radius: 100%; border: 6px solid #ffffff; background-color: #FF711F; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2); }
.price-range-area .price-text { font-size: 14px; font-weight: 600; margin-top: 25px; color: #635E5B; }
.price-range-area .price-text span { float: left; margin-right: 15px; }
.price-range-area .price-text input { border: none; font-weight: 600; color: #222222; display: inline-block; }

/* pricing range - end */
/* sidebar - end
==================================================================================================== */
/* testimonial page - start
==================================================================================================== */
/* testimonial section - start */
.testimonial_section { z-index: 1; position: relative; }
.testimonial_section.bg_gray { background-color: #f5f6fa; }
.testimonial_section .decoration_images_1 { top: 0px; right: 0px; bottom: 0px; z-index: -1; width: 545px; position: absolute; }
.testimonial_section .decoration_images_1:before { top: 0px; left: 0px; right: 0px; bottom: 0px; content: ''; z-index: -1; position: absolute; background-color: #8DAFFF; clip-path: polygon(0 0, 100% 0, 100% 100%, 110px 100%); }
.testimonial_section .deco_image { z-index: 2; position: absolute; }
.testimonial_section .deco_image_1 { top: -71px; right: 70px; max-width: 283px; }
.testimonial_section .deco_image_2 { top: 143px; left: -68px; max-width: 212px; }
.testimonial_section .deco_image_3 { top: 294px; right: 29px; max-width: 245px; }
.testimonial_section .deco_image_4 { top: 457px; left: -33px; max-width: 215px; }
.testimonial_section .shape_image_1 { top: 90px; left: 280px; z-index: -1; max-width: 80px; }
.testimonial_section .shape_image_2 { left: 88px; top: 421px; z-index: -1; max-width: 115px; }

.testimonial_auto_wrap { margin: auto; max-width: 530px; }

/* testimonial section - end */
/* testimonial primary - start */
.testimonial_primary .content_wrap { padding: 40px; min-height: 200px; position: relative; margin-bottom: 40px; background-color: #ffffff; box-shadow: 0px 10px 30px 0px rgba(237, 237, 237, 0.78); }
.testimonial_primary .content_wrap:before { left: 40px; bottom: -30px; width: 0px; height: 0px; content: ''; position: absolute; border-top: 30px solid transparent; border-left: 30px solid #ffffff; border-right: 30px solid transparent; border-bottom: 30px solid transparent; }
.testimonial_primary p { margin: 0px; color: #222222; }
.testimonial_primary p.font_24 { font-size: 24px; line-height: 1.458; color: #222222; }
.testimonial_primary p strong { display: block; color: #1a1e5d; margin-top: 15px; font-weight: 500; }
.testimonial_primary .quote_icon { right: 32px; bottom: 35px; opacity: .04; max-width: 72px; position: absolute; }
.testimonial_primary .hero_info_wrap { display: flex; padding-left: 25px; align-items: center; }
.testimonial_primary .hero_thumbnail { width: 60px; height: 60px; overflow: hidden; margin-right: 20px; border-radius: 100%; }
.testimonial_primary .hero_name { line-height: 1; font-size: 20px; font-weight: 500; margin-bottom: 10px; letter-spacing: -0.48px; }
.testimonial_primary .hero_title { line-height: 1; display: block; font-size: 13px; color: #FF711F; text-transform: uppercase; }

/* testimonial primary - end */
/* testimonial carousel - start */
.testimonial_carousel { z-index: 1; margin-top: 40px; position: relative; }
.testimonial_carousel:before { top: 0px; left: -10px; content: ''; z-index: -1; width: 135px; height: 135px; position: absolute; background-color: #FF711F; }
.testimonial_carousel .owl-stage-outer { padding-top: 10px; }
.testimonial_carousel .owl-nav, .testimonial_carousel .owl-dots { display: none; }

/* testimonial carousel - end */
/* creative testimonial carousel - start */
.testimonial_person_image { z-index: 2; float: left; width: 500px; position: relative; margin-top: -235px; margin-left: -120px; border: 15px solid #ffffff; }

.creative_testimonial_carousel { padding: 50px 70px; margin-right: -19px; margin-bottom: 55px; padding-bottom: 130px; background-color: #f5f6fa; }
.creative_testimonial_carousel .testimonial_primary { margin: 0px; max-width: 530px; padding-top: 30px; padding-left: 40px; }
.creative_testimonial_carousel .testimonial_primary .content_wrap { z-index: 1; padding: 0px; box-shadow: none; min-height: auto; margin-bottom: 30px; background-color: transparent; }
.creative_testimonial_carousel .testimonial_primary .content_wrap:before { top: -30px; left: -40px; z-index: -1; width: 75px; height: 75px; border: none; bottom: unset; background-color: #ffffff; }
.creative_testimonial_carousel .testimonial_primary p { font-size: 30px; line-height: 1.333; color: #222222; }
.creative_testimonial_carousel .testimonial_primary .hero_info_wrap { padding-left: 0px; }
.creative_testimonial_carousel .testimonial_primary .quote_icon { right: 45px; bottom: -85px; max-width: 255px; }
.creative_testimonial_carousel .owl-nav { width: 100%; display: flex; margin-top: 50px; padding-left: 40px; }
.creative_testimonial_carousel .owl-nav button { float: left; display: inline-block; }
.creative_testimonial_carousel .owl-nav button:not(:last-child) { margin-right: 5px; }
.creative_testimonial_carousel .owl-nav .owl-next, .creative_testimonial_carousel .owl-nav .owl-prev { width: 45px; height: 45px; }
.creative_testimonial_carousel .owl-nav .owl-next:before, .creative_testimonial_carousel .owl-nav .owl-prev:before { border: none; font-size: 15px; line-height: 45px; border-radius: 0px; color: #222222; background-color: #47E520; }
.creative_testimonial_carousel .owl-nav .owl-next:hover:before, .creative_testimonial_carousel .owl-nav .owl-prev:hover:before { color: #ffffff; background-color: #FF711F; }

.orange_shape { right: -67px; bottom: 0px; z-index: -1; width: 727px; height: 588px; position: absolute; background-color: #FF711F; }

/* creative testimonial carousel - end */
/* testimonial page - end
==================================================================================================== */
/* feature section - start
==================================================================================================== */
/* feature section - start */
.feature_section.bg_gray { background-color: #f5f6fa; }

.triangle_shape { top: 0px; left: 0px; width: 50%; bottom: 0px; position: absolute; background-color: #ecedf2; clip-path: polygon(0 0, 100% 100%, 0% 100%); }

.feature_image_1 { z-index: 1; max-width: 505px; padding: 0px 15px; position: relative; margin: 50px auto 0px; }
.feature_image_1:before { top: 17px; left: 0px; right: 0px; bottom: 17px; z-index: -1; content: ''; position: absolute; border: 3px solid #8DAFFF; }

.feature_content p { color: #222222; }

.stairs_wrap .stair_col:nth-child(1) { padding-top: 160px; }
.stairs_wrap .stair_col:nth-child(2) { padding-top: 80px; }

/* feature section - end */
/* feature primary - start */
.feature_primary, .feature_primary_2 { max-width: 300px; }
.feature_primary .item_icon, .feature_primary_2 .item_icon { width: 60px; height: 60px; color: #ffffff; font-size: 22px; line-height: 66px; text-align: center; border-radius: 100%; }
.feature_primary .item_title, .feature_primary_2 .item_title { line-height: 1; font-size: 22px; font-weight: 500; margin-bottom: 17px; }
.feature_primary p, .feature_primary_2 p { font-size: 14px; margin-bottom: 13px; }

.feature_primary { margin-top: 50px; }
.feature_primary .item_icon { float: left; margin-right: 20px; }
.feature_primary .item_content { display: table; }

.feature_primary_2 { margin-top: 40px; }
.feature_primary_2 .item_icon { margin-bottom: 20px; }

/* feature primary - end */
/* feature list layout boxed - start */
.feature_listlayout_boxed { max-width: 370px; padding: 30px 35px; margin: 30px auto 0px; background-color: #ffffff; }
.feature_listlayout_boxed .item_icon { float: left; width: 75px; height: 75px; color: #ffffff; display: flex; font-size: 32px; text-align: center; margin-right: 25px; border-radius: 100%; align-items: center; justify-content: center; }
.feature_listlayout_boxed .item_content { display: table; }
.feature_listlayout_boxed .item_title { line-height: 1; font-size: 22px; margin-bottom: 11px; }
.feature_listlayout_boxed p { line-height: 1.6; margin-bottom: 12px; }

/* feature list layout boxed - end */
/* feature list layout boxed 2 - start */
.feature_listlayout_boxed2 { max-width: 600px; overflow: hidden; position: relative; padding: 80px 100px; transition: all 0.3s ease-in-out; }
.feature_listlayout_boxed2 .deco_image { opacity: 0; transition: all 0.3s ease-in-out; }
.feature_listlayout_boxed2 .shape_1 { top: 0px; right: 0px; max-width: 119px; transform: translateX(40px); }
.feature_listlayout_boxed2 .shape_2 { left: 92px; bottom: 0px; max-width: 340px; transform: translateX(-40px); }
.feature_listlayout_boxed2:hover .deco_image { opacity: 1; transform: translateX(0px); }
.feature_listlayout_boxed2 .item_icon { float: left; width: 100px; height: 100px; display: flex; margin-right: 30px; align-items: center; border-radius: 100%; justify-content: center; border: 7px solid #ffffff; background-color: #FF711F; box-shadow: 0px 10px 60px 0px rgba(194, 194, 194, 0.4); }
.feature_listlayout_boxed2 .item_content { display: table; }
.feature_listlayout_boxed2 .item_type { display: block; line-height: 1; font-size: 15px; margin-bottom: 15px; color: #FF711F; font-family: "Bebas Neue", sans-serif; }
.feature_listlayout_boxed2 .item_title { font-size: 24px; margin-bottom: 15px; }
.feature_listlayout_boxed2 p { margin-bottom: 15px; }
.feature_listlayout_boxed2 p, .feature_listlayout_boxed2 .item_icon, .feature_listlayout_boxed2 .item_type, .feature_listlayout_boxed2 .item_title { transition: all 0.3s ease-in-out; }
.feature_listlayout_boxed2 .text_btn span { transition: all 0.3s ease-in-out; }
.feature_listlayout_boxed2 .text_btn span:before { background: #ffffff; }
.feature_listlayout_boxed2:hover { background-color: #FF711F; }
.feature_listlayout_boxed2:hover p, .feature_listlayout_boxed2:hover .item_icon, .feature_listlayout_boxed2:hover .item_type, .feature_listlayout_boxed2:hover .item_title { color: #ffffff; }
.feature_listlayout_boxed2:hover .item_icon { background-color: #47E520; }
.feature_listlayout_boxed2:hover .text_btn span { color: #ffffff; }
.feature_listlayout_boxed2:hover .text_btn i { color: #ffffff; }

/* feature list layout boxed 2 - end */
/* feature list layout boxed - start */
.feature_card { z-index: 1; max-width: 370px; padding: 0px 18px; text-align: center; position: relative; margin: 30px auto 0px; }
.feature_card:before { left: 0px; right: 0px; bottom: 0px; z-index: -1; content: ''; height: 50%; position: absolute; background-color: #ffffff; box-shadow: 0px 10px 60px 0px rgba(236, 236, 236, 0.78); }
.feature_card .item_image { display: block; overflow: hidden; position: relative; }
.feature_card .plus_effect:after, .feature_card .plus_effect:before { background-color: #ffffff; }
.feature_card .plus_effect:before { width: 120px; }
.feature_card .plus_effect:after { height: 120px; }
.feature_card .plus_effect:hover > img { opacity: 0.369; }
.feature_card .plus_effect:hover:before, .feature_card .plus_effect:hover:after { opacity: 1; transition-delay: .2s; }
.feature_card .plus_effect:hover:before { width: 85px; }
.feature_card .plus_effect:hover:after { height: 85px; }
.feature_card:hover .plus_effect > img { opacity: 0.369; }
.feature_card:hover .plus_effect:before, .feature_card:hover .plus_effect:after { opacity: 1; transition-delay: .2s; }
.feature_card:hover .plus_effect:before { width: 85px; }
.feature_card:hover .plus_effect:after { height: 85px; }
.feature_card .item_content { padding: 30px 15px; }
.feature_card .item_type { line-height: 1; display: block; margin-bottom: 15px; color: #FF711F; font-family: "Bebas Neue", sans-serif; }
.feature_card .item_title { line-height: 1; font-size: 24px; margin-bottom: 0px; }

/* feature list layout boxed - end */
/* feature section - end
==================================================================================================== */
/* brand section - start
==================================================================================================== */
/* brand section - start */
.brand_section.bg_gray { background-color: #f5f6fa; }

/* brand section - start */
/* primary brand section - start */
.brands_list { display: flex; flex-wrap: wrap; justify-content: space-between; }

.primary_brand_section .brand_logo { display: flex; min-height: 150px; align-items: center; justify-content: center; }

/* primary brand section - end */
/* brand section - end
==================================================================================================== */
/* funfact - start
==================================================================================================== */
/* funfact section - start */
.funfact_wrap { display: flex; flex-wrap: wrap; align-items: center; background-color: #ffffff; }

.funfact_item { flex: 0 0 25%; max-width: 25%; display: flex; min-height: 335px; padding: 50px 30px; align-items: center; justify-content: center; }
.funfact_item:not(:last-child) { border-right: 1px solid #ececec; }
.funfact_item .item_icon { width: 110px; height: 110px; display: flex; align-items: center; margin: 0px auto 30px; justify-content: center; border: 1px solid #dfdfdf; }
.funfact_item .item_icon span { width: 80px; height: 80px; display: flex; color: #ffffff; font-size: 30px; align-items: center; justify-content: center; }
.funfact_item .item_icon span.bg_default_yellow { color: #222222; }
.funfact_item .counte_text { display: block; line-height: 1; font-size: 35px; font-weight: 500; margin-bottom: 14px; color: #222222; font-family: "Rubik", sans-serif; }
.funfact_item .item_title { line-height: 1; font-size: 15px; font-weight: 500; margin-bottom: 0px; color: #635E5B; font-family: "Hind", sans-serif; }

.funfact_bordered { background-color: transparent; border-left: 1px solid #ececec; border-right: 1px solid #ececec; }
.funfact_bordered .funfact_item { display: flex; min-height: 465px; align-items: center; justify-content: center; }

/* funfact section - start */
/* funfact - end
==================================================================================================== */
/* about page - start
==================================================================================================== */
/* about section - start */
.about_section { z-index: 1; position: relative; }
.about_section.bg_gray { background-color: #f5f6fa; }
.about_section .cricle_border { top: 0px; left: 0px; right: 0px; z-index: -1; display: block; text-align: center; position: absolute; }

.about_image_1 { padding-right: 25px; }

.about_image_2 { z-index: 1; position: relative; background-color: #8DAFFF; }
.about_image_2:before { top: -10px; left: -10px; z-index: -1; width: 250px; height: 250px; content: ''; position: absolute; background-color: #FF711F; }
.about_image_2:after { top: 0px; left: 0px; right: 0px; bottom: 0px; content: ''; opacity: 0.2; position: absolute; background-color: #8DAFFF; }
.about_image_2 img { width: 100%; display: block; }
.about_image_2 .play_btn { top: 50%; left: 50%; z-index: 2; position: absolute; transform: translate(-50%, -50%); border: 3px solid rgba(255, 255, 255, 0.49); }
.about_image_2 .play_btn:before, .about_image_2 .play_btn:after { border: 3px solid rgba(255, 255, 255, 0.49); }

.about_content { padding-left: 30px; }
.about_content .section_title { margin-bottom: 20px; }
.about_content p { margin-bottom: 22px; }
.about_content p span { font-size: 18px; color: #222222; }
.about_content .experience_image { float: left; max-width: 190px; margin-right: 30px; }

.avatar_wrap { display: flex; align-items: center; }
.avatar_wrap .avatar_image { width: 70px; height: 70px; overflow: hidden; margin-right: 20px; border-radius: 100%; }
.avatar_wrap .avatar_name { line-height: 1; font-size: 24px; font-weight: 700; margin-bottom: 10px; }
.avatar_wrap .avatar_title { line-height: 1; display: block; font-weight: 600; color: #FF711F; text-transform: uppercase; }

.about_certificate { max-width: 250px; margin-top: 40px; }
.about_certificate .item_icon { float: left; margin-right: 15px; }
.about_certificate .item_content { display: table; }
.about_certificate .item_title { font-size: 22px; margin-bottom: 5px; }
.about_certificate p { margin: 0px; font-size: 15px; line-height: 1.6; }

/* about section - start */
/* about page - end
==================================================================================================== */
/* service page - start
==================================================================================================== */
/* service section - start */
.service_section.bg_gray { background-color: #f5f6fa; }

/* service section - end */
/* service grid - start */
.service_grid { max-width: 370px; margin: 50px auto 0px; }
.service_grid .item_image { overflow: hidden; position: relative; }
.service_grid .item_content { z-index: 1; max-width: 330px; padding: 40px 35px; position: relative; text-align: center; margin: -40px auto 0px; background-color: #ffffff; }
.service_grid .item_content.bg_gray { background-color: #f5f6fa; }
.service_grid .bg_icon { top: 50%; left: 50%; z-index: -1; opacity: 0.04; max-width: 155px; position: absolute; transform: translate(-50%, -50%); }
.service_grid .item_title { line-height: 1; font-size: 22px; font-weight: 500; margin-bottom: 12px; }
.service_grid p { margin: 0px; line-height: 1.867; }
.service_grid .icon_btn { top: -20px; right: 15px; z-index: 2; width: 40px; height: 40px; color: #ffffff; font-size: 13px; line-height: 42px; position: absolute; background-color: #47E520; }
.service_grid .icon_btn:before { background: #FF711F; }
.service_grid:hover .icon_btn:before { left: 0px; width: 100%; right: auto; }

/* service grid - end */
/* service grid 2 - start */
.service_grid_2 { max-width: 570px; margin: 30px auto 0px; background-color: #f5f6fa; }
.service_grid_2 .item_image { display: block; overflow: hidden; position: relative; }
.service_grid_2 .item_content_wrap { padding: 60px 50px 68px; }
.service_grid_2 .item_icon { float: left; width: 90px; height: 90px; line-height: 92px; margin-right: 30px; text-align: center; border-radius: 100%; }
.service_grid_2 .item_content { display: table; }
.service_grid_2 .item_title { line-height: 1; font-size: 24px; margin-bottom: 15px; }

/* service grid 2 - end */
/* service boxed - start */
.service_boxed { max-width: 270px; padding: 45px 35px; margin: 30px auto 0px; }
.service_boxed .item_icon { height: 80px; display: flex; align-items: center; margin-bottom: 27px; justify-content: center; }
.service_boxed .item_title { line-height: 1; font-size: 22px; margin-bottom: 15px; }
.service_boxed p { margin-bottom: 18px; color: #222222; }
.service_boxed .text_btn span:before { background: #222222; }
.service_boxed .text_btn i { color: #222222; }
.service_boxed.text-white p, .service_boxed.text-white .item_title { color: #ffffff; }
.service_boxed.text-white .text_btn span { color: #ffffff; }
.service_boxed.text-white .text_btn span:before { background: #ffffff; }
.service_boxed.text-white .text_btn i { color: #ffffff; }

/* service boxed - end */
/* service list layout boxed - start */
.service_listlayout_boxed { display: flex; max-width: 570px; padding: 50px 55px; align-items: center; margin: 30px auto 0px; background-color: #ffffff; }
.service_listlayout_boxed .item_image { float: left; max-width: 140px; min-width: 140px; overflow: hidden; margin-right: 30px; border-radius: 100%; }
.service_listlayout_boxed .item_content { display: table; }
.service_listlayout_boxed .item_title { line-height: 1; font-size: 22px; margin-bottom: 15px; }
.service_listlayout_boxed p { margin-bottom: 15px; }

/* service list layout boxed - end */
/* service split - start */
.service_split { max-width: 590px; margin: 0px auto; }
.service_split .item_image, .service_split .item_content { width: 50%; float: left; display: inline-block; }
.service_split .item_image { display: flex; height: 330px; }
.service_split .item_image img { object-fit: cover; }
.service_split .service_boxed { margin: 0px; max-width: 100%; padding: 48.5px 35px; }

/* service split - end */
/* service card - start */
.service_card { max-width: 370px; margin: 30px auto 0px; }
.service_card .item_image { display: block; overflow: hidden; position: relative; }
.service_card .item_image > img { transition: all 0.3s ease-in-out; }
.service_card:hover .item_image > img { transform: scale(1.05); }
.service_card .item_content { z-index: 2; max-width: 320px; position: relative; padding: 25px 30px; padding-right: 75px; margin: -30px auto 0px; background-color: #ffffff; }
.service_card .item_type { display: block; line-height: 1; font-size: 15px; margin-bottom: 10px; color: #FF711F; font-family: "Bebas Neue", sans-serif; }
.service_card .item_title { line-height: 1; font-size: 20px; }
.service_card .icon_btn { top: 50%; right: 30px; width: 45px; height: 45px; font-size: 14px; line-height: 47px; position: absolute; transform: translateY(-50%); }

/* service card - end */
/* service page - end
==================================================================================================== */
/* portfolio page - start
==================================================================================================== */
/* portfolio section - start */
.portfolio_section.bg_gray { background-color: #f5f6fa; }

/* portfolio section - end */
/* metro portfolio grid - start */
.metro_portfolio_grid .grid-item, .metro_portfolio_grid .grid-sizer { width: 25%; float: left; display: inline-block; }
.metro_portfolio_grid .w_50 { width: 50%; }

/* metro portfolio grid - end */
/* masonry portfolio grid - start */
.masonry_portfolio_grid { margin: 15px 40px; margin-bottom: -15px; }
.masonry_portfolio_grid .grid-item, .masonry_portfolio_grid .grid-sizer { width: 25%; }
.masonry_portfolio_grid .w_50 { width: 50%; }
.masonry_portfolio_grid .grid-item { padding: 15px; }

/* masonry portfolio grid - end */
/* portfolio fullimage - start */
.portfolio_carousel.w_1545 { float: left; width: 1545px; }
.portfolio_carousel .owl-nav { margin-top: 60px; }
.portfolio_carousel .owl-nav .owl-next, .portfolio_carousel .owl-nav .owl-prev { width: 45px; height: 45px; }
.portfolio_carousel .owl-nav .owl-next:before, .portfolio_carousel .owl-nav .owl-prev:before { font-size: 14px; line-height: 44px; }

.portfolio_fullimage { position: relative; }
.portfolio_fullimage .title_wrap { right: 20px; bottom: 20px; padding: 10px; padding-left: 25px; position: absolute; align-items: center; display: inline-flex; background-color: #ffffff; justify-content: space-between; }
.portfolio_fullimage .icon_btn { width: 45px; height: 45px; color: #ffffff; font-size: 14px; line-height: 49px; margin-left: 25px; background-color: #FF711F; }
.portfolio_fullimage .icon_btn:before { background: #47E520; }
.portfolio_fullimage .icon_btn:hover { color: #222222; }
.portfolio_fullimage .item_title { font-size: 20px; }

/* portfolio fullimage - end */
/* portfolio page - end
==================================================================================================== */
/* blog page - start
==================================================================================================== */
/* blog section - start */
.blog_section.bg_gray { background-color: #f5f6fa; }

/* blog section - end */
/* small blog - start */
.recent_works_list li:not(:last-child) { margin-bottom: 30px; }

.small_blog { max-width: 320px; }
.small_blog .item_image { float: left; width: 70px; display: block; overflow: hidden; position: relative; margin-right: 20px; }
.small_blog .item_content { display: table; }
.small_blog .item_title { margin-bottom: 6px; }
.small_blog .item_title > a { font-size: 18px; font-weight: 500; color: #222222; font-family: "Rubik", sans-serif; }
.small_blog:hover .item_title > a { color: #FF711F; }
.small_blog .post_date, .small_blog .post_admin { display: block; line-height: 1; }
.small_blog .post_date i, .small_blog .post_admin i { margin-right: 6px; color: #FF711F; }
.small_blog .post_meta > li { font-size: 14px; }
.small_blog .post_meta > li:not(:last-child) { margin-right: 15px; }
.small_blog .post_meta i { margin-right: 5px; }

/* small blog - end */
/* blog standard - start */
.blog_standard { max-width: 770px; margin: 30px auto 0px; background-color: #ffffff; }
.blog_standard .item_image { display: block; overflow: hidden; position: relative; background-color: #8DAFFF; }
.blog_standard .item_image > img { transition: all 0.3s ease-in-out; }
.blog_standard:hover .item_image > img { opacity: .4; }
.blog_standard .item_content { padding: 40px; }
.blog_standard .post_type { height: 30px; color: #ffffff; min-width: 87px; font-size: 14px; font-weight: 500; line-height: 34px; padding: 0px 20px; text-align: center; border-radius: 5px; margin-bottom: 26px; text-transform: uppercase; }
.blog_standard .item_title { margin-bottom: 20px; }
.blog_standard .item_title > a { font-size: 30px; font-weight: 700; line-height: 1.333; color: #222222; }
.blog_standard:hover .item_title > a { color: #FF711F; }
.blog_standard .post_meta { margin-bottom: 20px; }
.blog_standard p { margin-bottom: 22px; }

/* blog standard - end */
/* blog grid 1 - start */
.blog_grid_1 { max-width: 370px; margin: 30px auto 0px; background-color: #ffffff; border: 1px solid #e9e9e9; }
.blog_grid_1 .item_image { display: block; position: relative; }
.blog_grid_1 .post_admin { height: 80px; display: flex; padding: 10px 40px; position: relative; padding-right: 80px; align-items: center; border-bottom: 1px solid #e9e9e9; }
.blog_grid_1 .admin_image { width: 55px; height: 55px; overflow: hidden; margin-right: 15px; border-radius: 100%; }
.blog_grid_1 .abmin_name { line-height: 1; font-size: 18px; }
.blog_grid_1 .post_date { line-height: 1; display: block; }
.blog_grid_1 .post_date i { margin-right: 6px; color: #FF711F; }
.blog_grid_1 .icon_btn { top: 0px; right: 0px; width: 80px; height: 80px; font-size: 24px; line-height: 86px; position: absolute; }
.blog_grid_1:hover .icon_btn { color: #ffffff; }
.blog_grid_1:hover .icon_btn:before { left: 0px; width: 100%; right: auto; }
.blog_grid_1 .item_content { padding: 33px 40px 37px; }
.blog_grid_1 .item_title { margin-bottom: 20px; }
.blog_grid_1 .item_title > a { display: block; font-size: 22px; font-weight: 500; line-height: 1.455; letter-spacing: -1px; color: #222222; font-family: "Rubik", sans-serif; }
.blog_grid_1:hover .item_title > a { color: #FF711F; }

/* blog grid 1 - end */
/* blog grid 2 - start */
.blog_grid_2 { max-width: 370px; margin: 30px auto 0px; border: 1px solid #e9e9e9; background-color: #ffffff; }
.blog_grid_2 .item_image { display: block; overflow: hidden; position: relative; }
.blog_grid_2 .item_image > img { transition: all 0.3s ease-in-out; }
.blog_grid_2:hover .item_image > img { transform: scale(1.05); }
.blog_grid_2 .item_content { padding: 39px 40px 35px; border-bottom: 1px solid #e9e9e9; }
.blog_grid_2 .post_category { height: 25px; color: #ffffff; font-size: 13px; min-width: 80px; font-weight: 700; line-height: 27px; padding: 0px 12px; text-align: center; border-radius: 45px; margin-bottom: 18px; display: inline-block; text-transform: uppercase; }
.blog_grid_2 .item_title { margin-bottom: 0px; }
.blog_grid_2 .item_title > a { display: block; font-size: 22px; line-height: 1.455; letter-spacing: -1px; color: #222222; font-family: "Rubik", sans-serif; }
.blog_grid_2:hover .item_title > a { color: #FF711F; }
.blog_grid_2 .post_meta { position: relative; }
.blog_grid_2 .post_meta:before { top: 0px; left: 50%; bottom: 0px; width: 1px; content: ''; position: absolute; display: inline-block; background-color: #e9e9e9; transform: translateX(-50%); }
.blog_grid_2 .post_meta li { margin: 0px; height: 50px; flex: 0 0 50%; max-width: 50%; text-align: center; }
.blog_grid_2 .post_meta a { width: 100%; height: 100%; display: block; line-height: 50px; }

/* blog grid 2 - end */
/* blog full image - start */
.blog_fullimage { z-index: 1; max-width: 370px; overflow: hidden; position: relative; margin: 30px auto 0px; }
.blog_fullimage:before { top: 0px; left: 0px; right: 0px; bottom: 0px; content: ''; position: absolute; background-image: linear-gradient(0deg, rgba(26, 30, 93, 0.9), transparent); }
.blog_fullimage .item_content { left: 0px; right: 0px; bottom: 0px; z-index: 2; position: absolute; padding: 33px 40px 37px; }
.blog_fullimage .post_admin { position: relative; padding: 17.5px 40px; padding-right: 80px; margin-bottom: 33px; border: 1px solid rgba(255, 255, 255, 0.35); }
.blog_fullimage .abmin_name { line-height: 1; font-size: 18px; }
.blog_fullimage .post_date { line-height: 1; display: block; }
.blog_fullimage .post_date i { margin-right: 6px; color: #47E520; }
.blog_fullimage .icon_btn { top: -1px; right: -1px; width: 80px; height: 80px; font-size: 24px; line-height: 86px; position: absolute; }
.blog_fullimage:hover .icon_btn { color: #ffffff; }
.blog_fullimage:hover .icon_btn:before { left: 0px; width: 100%; right: auto; }
.blog_fullimage .item_title { margin-bottom: 20px; }
.blog_fullimage .item_title > a { display: block; font-size: 22px; font-weight: 500; line-height: 1.455; letter-spacing: -1px; color: #222222; font-family: "Rubik", sans-serif; }
.blog_fullimage:hover .item_title > a { color: #47E520; }
.blog_fullimage.text-white .abmin_name { color: #ffffff; }
.blog_fullimage.text-white .item_title > a { color: #ffffff; }
.blog_fullimage.text-white:hover .item_title > a { color: #47E520; }
.blog_fullimage.text-white .post_meta a { color: #ffffff; }
.blog_fullimage.text-white .post_meta a:hover { color: #47E520; }
.blog_fullimage.text-white .post_meta i { color: #47E520; }

/* blog full image - end */
/* blog full image 2 - start */
.blog_fullimage_2 { max-width: 370px; overflow: hidden; position: relative; margin: 30px auto 0px; }
.blog_fullimage_2:before { top: 0px; left: 0px; right: 0px; bottom: 0px; content: ''; position: absolute; background-color: rgba(26, 30, 93, 0.749); }
.blog_fullimage_2 .absolute_btn { top: 40px; z-index: 2; right: 40px; position: absolute; }
.blog_fullimage_2 .text_btn span { color: #ffffff; }
.blog_fullimage_2 .text_btn span:before { background: #47E520; }
.blog_fullimage_2 .text_btn i { color: #ffffff; }
.blog_fullimage_2 .item_content { left: 0px; right: 0px; bottom: 0px; z-index: 2; position: absolute; padding: 33px 40px 35px; }
.blog_fullimage_2 .post_meta { margin-bottom: 12px; }
.blog_fullimage_2 .post_meta a { color: #ffffff; }
.blog_fullimage_2 .post_meta a:hover { color: #47E520; }
.blog_fullimage_2 .post_meta i { color: #ffffff; }
.blog_fullimage_2 .item_title { margin-bottom: 0px; }
.blog_fullimage_2 .item_title > a { color: #ffffff; display: block; font-size: 22px; font-weight: 500; line-height: 1.455; letter-spacing: -1px; font-family: "Rubik", sans-serif; }
.blog_fullimage_2:hover .item_title > a { color: #47E520; }

/* blog full image 2 - end */
/* blog quote - start */
.blog_quote { padding: 50px; padding-left: 70px; max-width: 770px; margin: 30px auto 0px; }
.blog_quote .item_title { margin-bottom: 20px; }
.blog_quote .item_title > a { font-size: 30px; font-weight: 700; line-height: 1.333; color: #222222; }
.blog_quote .item_title > a:hover { opacity: .7; }
.blog_quote.text-white .item_title > a { color: #ffffff; }
.blog_quote .post_admin { display: block; line-height: 1; font-size: 18px; font-weight: 500; position: relative; padding-left: 70px; }
.blog_quote .post_admin:before { top: 50%; left: 0px; width: 50px; height: 2px; content: ''; line-height: 1; position: absolute; background-color: #ededef; transform: translateY(-50%); }

/* blog quote - end */
/* blog page - end
==================================================================================================== */
/* shop page - start
==================================================================================================== */
/* shop section - start */
.shop_section.bg_gray { background-color: #f5f6fa; }

/* shop section - end */
/* product selection bar - start */
.product_selection_bar { padding: 16px 30px; background-color: #ffffff; }
.product_selection_bar .select_option.float_right { float: right; }
.product_selection_bar .select_option.float_right .list { right: 0px; left: unset; }
.product_selection_bar .select_option .nice-select { width: auto; padding: 0px; height: auto; line-height: 1; padding-right: 20px; display: inline-block; background: transparent; }
.product_selection_bar .select_option .nice-select:after { right: 0px; }
.product_selection_bar .select_option .nice-select span { color: #222222; }
.product_selection_bar .select_option .nice-select .list { width: auto; min-width: 230px; }
.product_selection_bar .result_text { margin: 0px; font-size: 18px; font-weight: 600; text-align: center; color: #222222; }

/* product selection bar - end */
/* product card layout - start */
.product_card { max-width: 370px; margin: 30px auto 0px; background-color: #ffffff; }
.product_card.bg_gray { background-color: #f5f6fa; }
.product_card .item_image { display: block; overflow: hidden; position: relative; background-color: #8DAFFF; }
.product_card .item_image > img { width: 100%; display: block; transition: all 0.3s ease-in-out; }
.product_card:hover .item_image > img { opacity: .4; }
.product_card .item_content { padding: 21.5px 20px; }
.product_card .item_title { line-height: 1; font-size: 20px; margin-bottom: 10px; }
.product_card .item_price { display: block; line-height: 1; font-weight: 500; color: #FF711F; font-family: "Rubik", sans-serif; }

/* product card layout - end */
/* shop page - end
==================================================================================================== */
/* details pages - start
==================================================================================================== */
/* details section - start */
.details_section.bg_gray { background-color: #f5f6fa; }
.details_section .details_content { padding: 50px; background-color: #ffffff; }
.details_section .details_content.p-0 { background-color: transparent; }
.details_section .details_content hr { height: 2px; margin-top: 60px; margin-bottom: 60px; }
.details_section .details_content .item_title { font-size: 48px; }
.details_section .details_content .title_text { font-size: 30px; }
.details_section .details_content .post_type { height: 30px; color: #ffffff; min-width: 87px; font-size: 14px; font-weight: 500; line-height: 34px; padding: 0px 20px; text-align: center; border-radius: 5px; margin-bottom: 20px; text-transform: uppercase; }
.details_section .details_content .share_links, .details_section .details_content .primary_tag_list { display: flex; margin-top: 30px; align-items: center; }
.details_section .details_content .share_links { justify-content: flex-end; }
.details_section .details_content .addtocart_btn { height: 40px; display: flex; padding: 0px 26px; text-align: center; align-items: center; justify-content: center; }
.details_section .details_content .price_text { display: block; font-size: 18px; font-weight: 700; line-height: 1px; color: #FF711F; }
.details_section .details_content .price_text del { font-size: 15px; font-weight: 500; color: #635E5B; }
.details_section .details_image > img { width: 100%; display: block; }

blockquote { margin: 40px 0px; padding: 32px 45px 38px; }
blockquote .blockquote_title { font-size: 24px; line-height: 1.458; margin-bottom: 20px; }
blockquote .blockquote_admin { display: block; line-height: 1; font-size: 15px; font-weight: 600; }
blockquote .blockquote_admin i { font-size: 18px; margin-right: 10px; }

.author_information { padding: 40px; background-color: #f5f6fa; }
.author_information .author_thumbnail { float: left; width: 160px; height: 160px; overflow: hidden; margin-right: 35px; border-radius: 100%; }
.author_information .author_content { display: table; }
.author_information .author_name { line-height: 1; font-size: 22px; margin-bottom: 10px; }
.author_information p { margin-bottom: 18px; }

.related_post .small_blog { margin-top: 30px; }
.related_post .small_blog .item_image { width: 80px; }

/* details section - end */
/* service details - start */
.service_details .details_content .title_text, .service_details .details_content .item_title { font-size: 35px; }

.design_guideline_info { display: flex; flex-wrap: wrap; margin-left: -50px; margin-right: -50px; justify-content: space-between; }
.design_guideline_info .guideline_content { flex: 0 0 50%; max-width: 50%; padding: 0px 50px; }
.design_guideline_info .guideline_content:not(:last-child) { border-right: 1px solid #e1e1e1; }
.design_guideline_info .btns_group li:not(:last-child) { margin-bottom: 10px; }
.design_guideline_info .btns_group .custom_btn { width: 100%; }

.guideline_list li { line-height: 1; font-size: 18px; }
.guideline_list li:not(:last-child) { margin-bottom: 20px; }

/* service details - end */
/* portfolio details - start */
.masonry_details_images { margin: -15px; }
.masonry_details_images .grid-item, .masonry_details_images .grid-sizer { float: left; width: 33.333%; display: inline-block; }
.masonry_details_images .w_66 { width: 66.666%; }
.masonry_details_images .grid-item { padding: 15px; }

.portfolio_details_info { padding: 50px 0px; border-bottom: 2px solid #efefef; }
.portfolio_details_info h4 { line-height: .8; font-size: 35px; margin-bottom: 15px; }
.portfolio_details_info p { line-height: 1; font-weight: 500; margin-bottom: 0px; }
.portfolio_details_info .square_social_links a { width: 60px; height: 60px; font-size: 18px; }

/* portfolio details - end */
/* blog details - start */
.blog_details .details_content .item_title { font-size: 30px; line-height: 1.333; }

/* blog details - end */
/* comment area - start */
.comment_area .title_title, .comment_form .title_title { font-size: 30px; }

.comment_area ul { margin: 0px; padding: 0px; }
.comment_area li { display: block; }
.comment_area > ul > li:not(:last-child) { margin-bottom: 50px; }
.comment_area > ul > li li { margin-top: 40px; padding-left: 105px; }
.comment_area .admin_thumbnail { width: 80px; float: left; height: 80px; overflow: hidden; margin-right: 25px; border-radius: 100%; }
.comment_area .admin_thumbnail > img { width: 100%; display: block; }
.comment_area .admin_content { display: table; }
.comment_area .admin_name { line-height: 1; font-size: 18px; margin-bottom: 10px; }
.comment_area .admin_title { line-height: 1; display: block; font-weight: 500; margin-bottom: 13px; color: #FF711F; }
.comment_area p { margin-bottom: 10px; }
.comment_area .reply_btn { line-height: 1; font-size: 13px; font-weight: 500; color: #635E5B; text-transform: uppercase; font-family: "Rubik", sans-serif; }
.comment_area .reply_btn:hover { color: #FF711F; }
.comment_area .reply_btn i { margin-left: 5px; }

/* comment area - end */
/* comment form - start */
.comment_form .form_item input, .comment_form .form_item textarea { background-color: #f5f6fa; border: 2px solid #f5f5f5; }
.comment_form .form_item input:focus, .comment_form .form_item textarea:focus { background-color: #ffffff; border-color: #FF711F; }
.comment_form .form_item input { height: 70px; }

/* comment form - end */
/* shop detsild - start */
.shop_details hr { height: 2px; margin-top: 80px; margin-bottom: 80px; background-color: #eaeaea; }
.shop_details .shop_container { padding: 55px; padding-top: 130px; max-width: 1310px; margin-left: auto; margin-right: auto; background-color: #ffffff; }
.shop_details .details_image { margin-right: -30px; }
.shop_details .details_image .tab-content { float: left; width: 605px; }
.shop_details .details_image .nav { width: 195px; float: right; padding-left: 30px; }
.shop_details .details_image .nav li:not(:last-child) { margin-bottom: 30px; }
.shop_details .details_content { padding: 0px; padding-left: 55px; }
.shop_details .details_content .item_title { font-size: 30px; }
.shop_details .details_content .share_links { justify-content: flex-start; }
.shop_details .quantity_cart > li:not(:last-child) { margin-right: 35px; }

.quantity_input { display: flex; position: relative; align-items: center; }
.quantity_input input { height: 40px; outline: none; font-size: 15px; max-width: 80px; font-weight: 500; margin: 0px 10px; padding: 0px 10px; text-align: center; color: #FF711F; border: 1px solid #dddddd; }
.quantity_input span { line-height: 1; cursor: pointer; font-size: 24px; text-align: center; color: #222222; display: inline-block; }

.description_tabnav { margin-bottom: 35px; display: inline-block; border-bottom: 2px solid #eaeaea; }
.description_tabnav li { margin-bottom: -2px; }
.description_tabnav li:not(:last-child) { margin-right: 50px; }
.description_tabnav a { display: block; line-height: 1; font-size: 24px; font-weight: 500; position: relative; padding-bottom: 20px; color: #222222; font-family: "Rubik", sans-serif; }
.description_tabnav a:before { width: 0px; left: auto; right: 0px; bottom: 0px; height: 2px; content: ""; position: absolute; background: #FF711F; transition: width 0.3s linear; }
.description_tabnav a:hover, .description_tabnav a.active { color: #FF711F; }
.description_tabnav a:hover:before, .description_tabnav a.active:before { left: 0px; width: 100%; right: auto; }

/* shop detsild - end */
/* details pages - end
==================================================================================================== */
/* pricing page - start
==================================================================================================== */
/* pricing section - start */
.pricing_section.bg_gray { background-color: #f5f6fa; }
.pricing_section .shape_1 { left: 0px; bottom: 0px; max-width: 352px; }
.pricing_section .shape_2 { top: 0px; right: 0px; max-width: 189px; }

/* pricing section - end */
/* pricing plan - start */
.pricing_plan { max-width: 370px; padding: 60px 50px; margin: 30px auto 0px; background-color: #ffffff; }
.pricing_plan .sub_title { display: block; line-height: 1; font-size: 24px; margin-bottom: 15px; color: #FF711F; font-family: "Bebas Neue", sans-serif; }
.pricing_plan .item_title { line-height: 1; font-size: 35px; }
.pricing_plan .item_body { padding: 30px 0px; }
.pricing_plan .item_icon { display: flex; min-height: 165px; align-items: center; margin-bottom: 40px; justify-content: center; }
.pricing_plan .item_icon > img { margin: auto; max-width: 220px; }
.pricing_plan .pricing_text { display: block; line-height: .8; font-size: 55px; font-weight: 500; margin-bottom: 35px; color: #8DAFFF; font-family: "Rubik", sans-serif; }
.pricing_plan .pricing_text sup { top: -19px; line-height: 1; font-size: 24px; font-weight: 400; color: #FF711F; }
.pricing_plan .price_info { padding-top: 37px; border-top: 1px solid #e5e5e5; }
.pricing_plan .price_info li { line-height: 1; font-size: 18px; }
.pricing_plan .price_info li:not(:last-child) { margin-bottom: 20px; }
.pricing_plan .custom_btn { padding: 10px 20px; }
.pricing_plan .custom_btn span { width: 35px; height: 35px; line-height: 39px; margin-right: -10px; }

/* pricing plan - end */
/* pricing page - end
==================================================================================================== */
/* team page - start
==================================================================================================== */
/* team grid - start */
.team_grid { max-width: 270px; margin: 30px auto 0px; border: 1px solid #e4e4e4; }
.team_grid .item_content { padding: 35px; }
.team_grid .member_name { line-height: 1; font-size: 20px; font-weight: 500; margin-bottom: 10px; }
.team_grid .member_title { line-height: 1; display: block; margin-bottom: 18px; color: #FF711F; }
.team_grid .square_social_links li:not(:last-child) { margin-right: 7px; }
.team_grid .square_social_links a { width: 30px; height: 30px; line-height: 34px; }

/* team grid - end */
/* team page - end
==================================================================================================== */
/* faq page - start
==================================================================================================== */
.faq_content_wrap, .skill_content_wrap { margin: auto; max-width: 500px; }

.faq_accordion.mr__30 { margin-right: -30px; }
.faq_accordion.ml__30 { margin-left: -30px; }
.faq_accordion .card { border: none; border-radius: 0px; background-color: transparent; }
.faq_accordion .card:not(:last-child) { margin-bottom: 35px; }
.faq_accordion .card-header { padding: 0px; background-color: transparent; border-bottom: 2px solid #e3e3e3; }
.faq_accordion .card-header button { width: 100%; display: block; line-height: 1; font-size: 18px; text-align: left; font-weight: 500; position: relative; padding-bottom: 20px; color: #222222; font-family: "Rubik", sans-serif; }
.faq_accordion .card-header button:before { top: 0px; right: 0px; font-weight: 500; content: '\f067'; position: absolute; color: #FF711F; transition: all 0.3s ease-in-out; font-family: 'Font Awesome 5 Pro'; }
.faq_accordion .card-header button[aria-expanded=true]:before { content: '\f068'; transform: rotate(360deg); }
.faq_accordion.text-white .card-header { border-bottom: 2px solid rgba(255, 255, 255, 0.15); }
.faq_accordion.text-white .card-header button { color: #ffffff; }
.faq_accordion.text-white .card-header button:before { color: #ffffff; }
.faq_accordion .card-body { padding: 0px; padding-top: 22px; }
.faq_accordion .card-body p { font-size: 15px; line-height: 1.867; }

.text-white .faq_accordion .card-header { border-bottom: 2px solid rgba(255, 255, 255, 0.15); }
.text-white .faq_accordion .card-header button { color: #ffffff; }
.text-white .faq_accordion .card-header button:before { color: #ffffff; }

.circle_progress_item { max-width: 210px; text-align: center; margin: 50px auto 0px; }
.circle_progress_item .circle_progress { position: relative; }
.circle_progress_item canvas { width: 155px; height: 155px; display: table; margin: 0px auto 30px; transform: rotate(90deg); }
.circle_progress_item .percentage_text { top: 50%; left: 50%; line-height: 1; font-size: 50px; font-weight: 500; position: absolute; color: #222222; font-family: "Rubik", sans-serif; transform: translate(-50%, -50%); }
.circle_progress_item .percentage_text sub { bottom: 0px; font-size: 24px; }
.circle_progress_item .item_title { line-height: 1; font-size: 22px; margin-bottom: 15px; }

.faqcontact_section.bg_gray { background-color: #f5f6fa; }

.faq_contact_form { margin: auto; max-width: 500px; }
.faq_contact_form .form_item, .faq_contact_form .select_option { margin-bottom: 10px; }
.faq_contact_form .form_item input { height: 75px; padding: 0px 35px; }
.faq_contact_form .form_item textarea { min-height: 150px; padding: 25px 35px; }
.faq_contact_form .select_option .nice-select { height: 75px; line-height: 75px; padding: 0px 35px; padding-right: 45px; }
.faq_contact_form .custom_btn { padding: 10px 35px; }
.faq_contact_form .custom_btn span { width: 55px; height: 55px; line-height: 57px; margin-left: 35px; margin-right: -25px; }

/* faq page - end
==================================================================================================== */
/* contact page - start
==================================================================================================== */
/* contact section - start */
.contact_section.bg_gray { background-color: #f5f6fa; }

.contact_content { padding-right: 70px; }

.contact_information_list { border-top: 1px solid #e8e8e8; }
.contact_information_list li { display: flex; padding: 35px 0px; align-items: center; border-bottom: 1px solid #e8e8e8; }
.contact_information_list .item_icon { width: 60px; height: 60px; color: #ffffff; font-size: 24px; line-height: 66px; text-align: center; margin-right: 20px; border-radius: 100%; }
.contact_information_list h4 { line-height: 1; font-size: 24px; margin-bottom: 12px; }
.contact_information_list p { line-height: 1; margin-bottom: 0px; }

.contact_form .form_item { margin-bottom: 40px; }
.contact_form .form_item input, .contact_form .form_item textarea { background-color: #f5f6fa; }
.contact_form .form_item input { height: 70px; padding: 0px 40px; padding-right: 60px; }
.contact_form .form_item textarea { min-height: 140px; padding: 30px 40px; }
.contact_form .form_item .input_icon { right: 40px; }

.map_section #mapBox { height: 750px; }

/* contact section - end */
/* newsletter boxed - start */
.newsletter_boxed { z-index: 1; margin-top: -160px; position: relative; padding: 75.5px 70px; }
.newsletter_boxed .newsletter_form { padding: 35px; background-color: #ffffff; }
.newsletter_boxed .form_item { z-index: 2; padding-right: 85px; }
.newsletter_boxed .form_item input { height: 75px; border: 1px solid #dbdbdb; }
.newsletter_boxed .icon_btn { width: 75px; height: 75px; color: #ffffff; font-size: 24px; line-height: 81px; background-color: #FF711F; }
.newsletter_boxed .icon_btn:before { background: #47E520; }
.newsletter_boxed .icon_btn:hover { color: #222222; }

/* newsletter boxed - end */
/* contact page - end
==================================================================================================== */
/* home pages - start
==================================================================================================== */
/* home one - start
================================================== */
/* banner section - start */
.home_one_banner .banner_image, .home_one_banner .banner_contant_wrap { display: flex; min-height: 830px; align-items: center; }
.home_one_banner .banner_contant { margin: auto; width: 470px; position: relative; margin-right: 100px; }
.home_one_banner .sub_title { line-height: 1; font-size: 24px; position: relative; padding-left: 60px; margin-bottom: 40px; color: #47E520; font-family: "Bebas Neue", sans-serif; }
.home_one_banner .sub_title:before { top: 50%; left: 0px; height: 3px; width: 30px; content: ''; line-height: 1; position: absolute; transform: translateY(-50%); background-color: #47E520; }
.home_one_banner .item_title { display: block; line-height: .9; font-size: 120px; font-weight: 500; margin-bottom: 50px; letter-spacing: -2px; }
.home_one_banner .decoration_text { top: 100px; left: -280px; line-height: 1; font-size: 220px; position: absolute; transform: rotate(-45deg); font-family: "Bebas Neue", sans-serif; -webkit-text-stroke-width: 1px; -webkit-text-fill-color: transparent; -webkit-text-stroke-color: rgba(255, 255, 255, 0.03); }

/* banner section - end */
/* cta section - start */
.cta_section .overlay_blue { top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; opacity: 0.749; position: absolute; background-color: #1a1e5d; }
.cta_section.bg_gray { background-color: #f5f6fa; }
.cta_section .deco_image_1 { right: 103px; bottom: 103px; max-width: 255px; }
.cta_section .hand_image { bottom: 0px; right: 252px; max-width: 345px; }

.cta_content.ml__30 { margin-left: -30px; }

.cta_image_1 { z-index: 2; width: 791px; float: right; position: relative; margin-right: -269px; margin-bottom: -212px; }

.cta_image_2 { width: 527px; margin: -130px 0px; margin-left: -78px; }

.cta_image_3 { z-index: 1; width: 650px; float: right; position: relative; margin: -63px -128px -81px 0px; }
.cta_image_3:before { left: 175px; top: -160px; content: ''; z-index: -1; width: 590px; height: 590px; position: absolute; border-radius: 100%; background-color: #FF711F; }

/* cta section - end */
/* what we do section - start */
.whatwedo_section.bg_gray { background-color: #f5f6fa; }

.whatwedo_content { max-width: 500px; margin-left: 85px; }
.whatwedo_content p { margin-bottom: 40px; }
.whatwedo_content p span { display: inherit; }
.whatwedo_content p .big_text { float: left; font-size: 80px; margin-top: 5px; line-height: 0.9; margin-right: 20px; color: #FF711F; font-family: "Bebas Neue", sans-serif; }

/* what we do section - end */
/* home one - end
================================================== */
/* home two - start
================================================== */
/* banner section - start */
.home_two_banner { display: flex; min-height: 950px; padding-top: 155px; align-items: center; padding-bottom: 60px; background-image: linear-gradient(0deg, #1a1e5d 0%, #5734c9 99%); }
.home_two_banner .banner_image { z-index: 1; float: right; width: 710px; height: 710px; position: relative; margin-right: -120px; }
.home_two_banner .banner_image:before { top: 0px; left: 0px; right: 0px; bottom: 0px; content: ''; z-index: -1; position: absolute; border-radius: 100%; border: 2px dashed #6d59c1; animation: spin 1s infinite linear; }
.home_two_banner .banner_image:after { top: 50%; left: 50%; z-index: -1; content: ''; width: 530px; height: 530px; position: absolute; border-radius: 100%; background-color: #5734c9; transform: translate(-50%, -50%); }
.home_two_banner .image_1 { top: 45px; left: 40px; max-width: 445px; position: absolute; }
.home_two_banner .image_2 { z-index: 1; bottom: 35px; right: -45px; max-width: 435px; position: absolute; }
.home_two_banner .image_3 { top: 142px; right: 18px; max-width: 190px; position: absolute; }
.home_two_banner .sub_title { line-height: 1; font-size: 24px; position: relative; padding-left: 60px; margin-bottom: 40px; color: #47E520; font-family: "Bebas Neue", sans-serif; }
.home_two_banner .sub_title:before { top: 50%; left: 0px; height: 3px; width: 30px; content: ''; line-height: 1; position: absolute; transform: translateY(-50%); background-color: #47E520; }
.home_two_banner .item_title { display: block; line-height: .9; font-size: 120px; font-weight: 500; margin-bottom: 50px; letter-spacing: -2px; }
.home_two_banner .decoration_text { top: 100px; left: -280px; line-height: 1; font-size: 220px; position: absolute; transform: rotate(-45deg); font-family: "Bebas Neue", sans-serif; -webkit-text-stroke-width: 1px; -webkit-text-fill-color: transparent; -webkit-text-stroke-color: rgba(255, 255, 255, 0.03); }

/* banner section - end */
/* who we are section - start */
.whoweare_image { overflow: hidden; position: relative; }
.whoweare_image:before { top: 0px; left: 0px; right: 0px; bottom: 0px; content: ''; z-index: 1; position: absolute; background-color: rgba(26, 30, 93, 0.502); }
.whoweare_image .play_btn { top: 50%; left: 50%; z-index: 2; position: absolute; transform: translate(-50%, -50%); }

.whoweare_content { margin: auto; max-width: 475px; }

.whoweare_about_content { padding: 35px; background-color: #ffffff; }
.whoweare_about_content p { margin-bottom: 20px; }

/* who we are section - end */
/* home two - end
================================================== */
/* home three - start
================================================== */
/* home three slider - start */
.slider_section .btns_group > li:not(:last-child) { margin-right: 10px; }

.home_three_slider .item { z-index: 1; display: flex; min-height: 765px; position: relative; align-items: center; }
.home_three_slider .item:before { top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; content: ''; opacity: 0.85; position: absolute; background-color: #8DAFFF; }
.home_three_slider .owl-dots { left: 50%; bottom: 40px; margin-top: 0px; position: absolute; transform: translateX(-50%); }
.home_three_slider .owl-dots .owl-dot span { opacity: .2; background: #ffffff; }
.home_three_slider .owl-dots .owl-dot:hover span, .home_three_slider .owl-dots .owl-dot.active span { background: #ffffff; }
.home_three_slider .slider_image { float: left; width: 737px; }
.home_three_slider .slider_content { padding-right: 60px; }
.home_three_slider .small_title { line-height: 1; font-size: 28px; position: relative; padding-left: 60px; margin-bottom: 30px; color: #FF711F; font-family: "Bebas Neue", sans-serif; }
.home_three_slider .small_title:before { top: 50%; left: 0px; height: 3px; width: 30px; content: ""; line-height: 1; position: absolute; transform: translateY(-50%); background-color: #FF711F; }
.home_three_slider .item_title { line-height: 1; font-size: 100px; font-weight: 700; letter-spacing: -7px; font-family: "Hind", sans-serif; }
.home_three_slider p { font-size: 18px; font-weight: 500; margin-bottom: 30px; }
.home_three_slider .slider_image { opacity: 0; transform: translateX(80px); transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1); }
.home_three_slider .small_title, .home_three_slider .item_title, .home_three_slider .btns_group, .home_three_slider p { opacity: 0; transform: translateY(20px); transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1); }
.home_three_slider .owl-item.active .slider_image { opacity: 1; transition-delay: .8s; transform: translateX(0px); }
.home_three_slider .owl-item.active .small_title, .home_three_slider .owl-item.active .item_title, .home_three_slider .owl-item.active .btns_group, .home_three_slider .owl-item.active p { opacity: 1; transform: translateY(0px); }
.home_three_slider .owl-item.active .small_title { transition-delay: 1s; }
.home_three_slider .owl-item.active .item_title { transition-delay: 1.1s; }
.home_three_slider .owl-item.active p { transition-delay: 1.2s; }
.home_three_slider .owl-item.active .btns_group { transition-delay: 1.3s; }

/* home three slider - end */
/* home three - end
================================================== */
/* home pages - end
==================================================================================================== */
/* ================================================== 
*	Project Name 	:  Printem - HTML5 Template
*	File 			:  Responsive CSS Base
*	Version 		:  1.0.0
*	Last change 	:  05 Octobar 2020
*	Author 			:  BDevs (https://themeforest.net/user/bdevs)
*	Developer:		:  Rakibul Islam Dewan
*	css code for responsive layout To make Responsive

==================================================

*	1 - media screen and (max-width: 1460px)
*	2 - media screen and (max-width: 1280px)
*	3 - media screen and (max-width: 1199px)
*	4 - media screen and (max-width: 991px)
*	5 - media screen and (max-width: 767px)
*	6 - media screen and (max-width: 680px)
*	7 - media screen and (max-width: 580px)
*	8 - media screen and (max-width: 480px)
*	9 - media screen and (max-width: 320px)
================================================== */
/*  ====================================================================================================
1 - media screen and (max-width: 1460px) - start
==================================================================================================== */
@media screen and (max-width: 1810px) { /* header - start */
  .primary_header .main_menu > ul > li > a { padding: 0px 30px; }
  /* header - end */ }
@media screen and (max-width: 1720px) { /* home - start */
  .feature_listlayout_boxed2 .item_title { font-size: 20px; }
  .feature_listlayout_boxed2 { padding: 60px; }
  /* home - end */ }
@media screen and (max-width: 1580px) { /* header - start */
  .primary_header .header_hotline { width: 300px; }
  .header_hotline { padding: 30px 30px; }
  .primary_header .brand_logo { max-width: 270px; }
  .primary_header .brand_logo img { max-width: 170px; }
  /* header - end */
  /* home - start */
  .cta_image_1 { margin-bottom: -180px; }
  .testimonial_section .deco_image_1 { top: -70px; right: 40px; max-width: 140px; }
  .testimonial_section .deco_image_2 { top: 140px; left: -40px; max-width: 130px; }
  .testimonial_section .deco_image_3 { right: 80px; max-width: 160px; }
  .testimonial_section .deco_image_4 { top: 490px; left: 7px; max-width: 140px; }
  .testimonial_section .decoration_images_1 { width: 470px; }
  .home_three_slider .slider_image { width: 620px; }
  /* home - end */ }
@media screen and (max-width: 1460px) { /* header - start */
  .primary_header .brand_logo { max-width: 240px; }
  .primary_header .brand_logo img { max-width: 150px; }
  .header_hotline h4 { font-size: 12px; }
  .header_hotline span { font-size: 15px; }
  .header_hotline .item_icon { width: 50px; height: 50px; margin: -8px 0px; margin-right: 6px; border: 3px solid #ffffff; }
  .primary_header .header_hotline { width: 250px; }
  .primary_header .main_menu > ul > li > a { padding: 0px 25px; }
  .primary_header .search_btn { min-width: 85px; padding: 0px 15px; }
  /* header - end */
  /* about - start */
  .faq_content_wrap, .skill_content_wrap, .faq_contact_form, .whatwedo_content, .whoweare_content, .testimonial_auto_wrap { margin: auto; height: 400px; max-width: 500px; overflow-y: scroll; }
  .faq_content_wrap::-webkit-scrollbar, .skill_content_wrap::-webkit-scrollbar, .faq_contact_form::-webkit-scrollbar, .whatwedo_content::-webkit-scrollbar, .whoweare_content::-webkit-scrollbar, .testimonial_auto_wrap::-webkit-scrollbar { width: 0px; }
  .whoweare_content { padding: 15px; }
  /* about - end */
  /* home - start */
  .cta_image_1 { margin-bottom: -145px; }
  .feature_listlayout_boxed2 .item_icon { width: 80px; height: 80px; margin-right: 20px; border: 5px solid #ffffff; }
  .feature_listlayout_boxed2 .item_icon img { max-width: 35px; }
  .feature_listlayout_boxed2 { padding: 50px 30px; }
  /* home - end */ }
@media screen and (max-width: 1310px) { /* shop details - start */
  .shop_details .details_image .nav { width: 20%; padding-left: 20px; }
  .shop_details .details_image .nav li:not(:last-child) { margin-bottom: 20px; }
  .shop_details .details_image .tab-content { width: 80%; }
  .shop_details .details_image .tab-content img { width: 100%; display: block; }
  .shop_details .quantity_cart > li:not(:last-child) { margin-right: 20px; }
  /* shop details - end */ }
/* ====================================================================================================
1 - media screen and (max-width: 1460px) - end
==================================================================================================== */
/*  ====================================================================================================
2 - media screen and (max-width: 1280px) - start
==================================================================================================== */
@media screen and (max-width: 1285px) { /* header - start */
  .primary_header .main_menu, .primary_header .brand_logo, .primary_header .header_hotline { min-height: 80px; }
  .primary_header .main_menu > ul > li > a { font-size: 14px; line-height: 80px; padding: 0px 22px; }
  .primary_header .main_menu > ul > li { height: 80px; }
  .primary_header .search_btn { min-width: 85px; padding: 0px 15px; line-height: 84px; }
  .header_hotline { padding: 22px 20px; }
  .primary_header .brand_logo > a { line-height: 80px; }
  .primary_header + main { margin-top: 80px; }
  /* header - end */ }
@media screen and (max-width: 1280px) { /* global - start */
  #backtotop { width: 45px; height: 45px; bottom: 48px; }
  #scroll { font-size: 15px; line-height: 50px; }
  /* global - end */
  /* header - start */
  .header_contact_info li:not(:last-child) { margin-right: 20px; }
  .header_contact_info li { font-size: 13px; }
  .main_menu > ul > li:not(:last-child) { margin-right: 25px; }
  .main_menu > ul > li > a { font-size: 14px; }
  .header_section .custom_btn span { width: 35px; height: 35px; font-size: 12px; margin-left: 20px; line-height: 38px; margin-right: -14px; }
  .header_section .custom_btn { font-size: 12px; padding: 5px 20px; }
  .header_section .action_btn { width: 45px; height: 45px; font-size: 14px; line-height: 47px; }
  .primary_social_links a { font-size: 13px; }
  .header_section .select_option .nice-select { font-size: 13px; }
  .header_top { min-height: 40px; padding: 5px 0px; }
  .header_section .brand_logo a { max-width: 170px; }
  .header_bottom { min-height: 80px; padding: 10px 0px; }
  .header_default + main { margin-top: 120px; }
  .search_body_collapse .form_item button { font-size: 20px; }
  .search_body_collapse .form_item input { height: 50px; font-size: 20px; }
  .primary_header .header_hotline { display: none; }
  .primary_header .main_menu { float: right; }
  .primary_header .main_menu > ul > li { margin: 0px; }
  .secondary_header + main { margin-top: 120px; }
  /* header - end */
  /* breadcrumb - start */
  .breadcrumb_section { min-height: 300px; }
  .page_title { font-size: 66px; }
  .breadcrumb_nav > li { font-size: 20px; }
  /* breadcrumb - end */
  /* faq - start */
  .faq_section .faq_accordion { margin: 0px; margin-bottom: 50px; }
  /* faq - end */
  /* portfolio - start */
  .masonry_portfolio_grid { margin: 15px 0px; margin-bottom: -15px; }
  /* portfolio - end */
  /* pricing - start */
  .cta_image_1 { width: 670px; margin-right: -150px; margin-bottom: -215px; }
  /* pricing - end */
  /* service - start */
  .cta_image_2 { width: auto; float: none; margin: 0px auto; }
  /* service - end */
  /* shop details - start */
  .shop_details hr { height: 1px; margin-top: 50px; margin-bottom: 50px; }
  .shop_details .quantity_cart { margin: -5px; }
  .shop_details .quantity_cart > li { padding: 5px; }
  .description_tabnav a { font-size: 20px; padding-bottom: 15px; }
  .description_tabnav { margin-bottom: 20px; }
  .shop_details .details_content { padding: 0px; padding-left: 30px; }
  /* shop details - end */
  /* team - start */
  .circle_progress_item .percentage_text { font-size: 36px; }
  .circle_progress_item .percentage_text sub { font-size: 18px; }
  /* team - end */
  /* home - start */
  .home_one_banner .banner_contant { width: auto; margin: auto; max-width: 470px; }
  .home_one_banner .item_title { font-size: 100px; }
  .home_one_banner .decoration_text { left: -32%; font-size: 180px; }
  .home_one_banner .sub_title { font-size: 20px; padding-left: 50px; }
  .home_one_banner .custom_btn { font-size: 14px; padding: 10px 30px; }
  .home_one_banner .custom_btn span { width: 40px; height: 40px; line-height: 44px; font-size: 14px; margin-left: 30px; margin-right: -20px; }
  .about_content p span { font-size: 16px; }
  .blog_grid_1 .item_content { padding: 25px 30px; }
  .blog_grid_1 .post_admin { padding: 10px 30px; padding-right: 80px; }
  .blog_fullimage .item_content { padding: 30px; }
  .newsletter_boxed { margin-top: -130px; padding: 60px 40px; }
  .newsletter_boxed .form_item input { height: 60px; }
  .newsletter_boxed .icon_btn { width: 60px; height: 60px; font-size: 18px; line-height: 66px; }
  .newsletter_boxed .form_item { padding-right: 70px; }
  .portfolio_carousel.w_1545 { float: none; width: 100%; }
  .cta_content.ml__30 { margin: 0px; }
  .cta_section .hand_image { right: 60px; max-width: 280px; }
  /* home - end */ }
/* ====================================================================================================
2 - media screen and (max-width: 1280px) - end
==================================================================================================== */
/*  ====================================================================================================
3 - media screen and (max-width: 1199px) - start
==================================================================================================== */
@media screen and (max-width: 1199px) { /* header - start */
  .main_menu > ul > li:not(:last-child) { margin-right: 20px; }
  /* header - end */
  /* footer - start */
  .footer_newsletter_boxed .form_list > li:not(:last-child) { width: 100%; display: block; margin-right: 0px; }
  .footer_newsletter_boxed .form_list { position: relative; }
  .footer_newsletter_boxed .form_list > li:last-child { top: 0px; right: 0px; position: absolute; }
  .footer_newsletter_boxed input { width: 100%; }
  .secondary_footer .footer_about { padding: 80px 30px 30px; }
  .footer_newsletter_boxed { margin-right: 0px; padding: 30px 35px; }
  .footer_newsletter_boxed .newsletter_title { font-size: 20px; }
  .small_blog .item_title > a { font-size: 16px; }
  .footer_contact_info p { font-size: 14px; }
  /* footer - end */
  /* sidebar - start */
  .sidebar_section .widget { padding: 40px 30px; }
  /* sidebar - end */
  /* about - start */
  .about_content { padding-left: 0px; }
  .faq_content_wrap, .skill_content_wrap, .faq_contact_form, .whatwedo_content, .testimonial_auto_wrap { margin: auto; height: 370px; padding: 30px; max-width: 100%; overflow-y: scroll; }
  .faq_content_wrap::-webkit-scrollbar, .skill_content_wrap::-webkit-scrollbar, .faq_contact_form::-webkit-scrollbar, .whatwedo_content::-webkit-scrollbar, .testimonial_auto_wrap::-webkit-scrollbar { width: 0px; }
  .faq_accordion .card-header button { font-size: 16px; }
  .circle_progress_item .percentage_text { font-size: 30px; }
  .circle_progress_item .percentage_text sub { font-size: 16px; }
  /* about - end */
  /* blog details - start */
  .details_section .details_content { padding: 30px; }
  .blog_details .details_content .item_title { font-size: 26px; }
  .details_section .details_content .title_text { font-size: 22px; }
  blockquote .blockquote_title { font-size: 22px; }
  .author_information .author_thumbnail { width: 150px; height: 150px; margin-right: 30px; }
  .author_information .author_name { font-size: 20px; }
  .comment_area .title_title, .comment_form .title_title { font-size: 24px; }
  /* blog details - end */
  /* service - start */
  .funfact_bordered { border: none; }
  /* service - end */
  /* service details - start */
  .design_guideline_info .guideline_content .item_title { font-size: 22px; }
  /* service details - end */
  /* shop details - start */
  .shop_details .details_content { padding: 0px; padding-left: 30px; }
  /* shop details - end */
  /* home - start */
  .service_boxed { padding: 40px 20px; }
  .service_grid_2 .item_content_wrap { padding: 60px 30px; }
  .home_two_banner .banner_image { float: right; width: 600px; height: 600px; margin-right: 0px; }
  .home_two_banner .image_1 { top: 40px; left: 30px; max-width: 330px; }
  .home_two_banner .image_2 { bottom: 30px; right: -10px; max-width: 370px; }
  .home_two_banner .image_3 { top: 140px; right: 90px; max-width: 130px; }
  .home_three_slider .item_title { font-size: 90px; }
  .home_three_slider p { font-size: 16px; }
  .home_three_slider .small_title { font-size: 22px; padding-left: 50px; margin-bottom: 25px; }
  .home_three_slider .slider_image { width: 580px; }
  /* home - end */ }
@media screen and (max-width: 1100px) { /* global - start */
  .section_title .small_title { font-size: 20px; }
  .section_title .big_title { font-size: 42px; }
  .section_title .biggest_title { font-size: 140px; }
  /* global - end */
  /* header - start */
  .secondary_header .brand_logo, .secondary_header .header_icon_btns { width: 100%; }
  /* header - end */
  /* breadcrumb - start */
  .page_title { font-size: 60px; }
  /* breadcrumb - end */
  /* about - start */
  .about_content p span { font-size: 16px; }
  .service_grid .item_content { padding: 40px 20px; }
  .team_grid .item_content { padding: 25px; }
  /* about - end */
  /* home - start */
  .blog_grid_1 .item_title > a, .blog_fullimage .item_title > a { font-size: 18px; }
  .home_two_banner .banner_image { float: none; width: 530px; height: 530px; display: table; margin: 0px auto; }
  .home_two_banner .banner_image:after { width: 430px; height: 430px; }
  .home_two_banner .image_1 { top: 20px; left: 20px; max-width: 270px; }
  .home_two_banner .image_2 { right: 15px; bottom: 50px; max-width: 330px; }
  .home_two_banner .image_3 { top: 106px; right: 110px; max-width: 110px; }
  .home_two_banner .item_title { font-size: 100px; margin-bottom: 40px; }
  .home_two_banner .sub_title { font-size: 20px; padding-left: 50px; margin-bottom: 30px; }
  .service_split .service_boxed { padding: 48.5px 20px; }
  .testimonial_person_image { width: 390px; margin-top: -235px; margin-left: -70px; }
  .creative_testimonial_carousel { padding: 50px 70px; margin-bottom: 55px; }
  .creative_testimonial_carousel .testimonial_primary p { font-size: 22px; }
  .orange_shape { right: 0px; width: 600px; height: 550px; }
  /* home - end */ }
@media screen and (max-width: 1040px) { /* header - start */
  .main_menu > ul > li > a { font-size: 12px; }
  /* header - end */
  /* header - start */
  .small_blog .item_title > a { font-size: 16px; }
  /* header - end */ }
/* ====================================================================================================
3 - media screen and (max-width: 1199px) - end
==================================================================================================== */
/* ====================================================================================================
4 - media screen and (max-width: 991px) - start
==================================================================================================== */
@media screen and (max-width: 991px) { /* global - start */
  .sec_ptb_130 { padding: 100px 0px; }
  .mb_50 { margin-bottom: 30px; }
  .mb_80 { margin-bottom: 50px; }
  .order-last { order: 0; }
  /* global - end */
  /* header - start */
  .mobilemenu_btns_group { display: inline-block; }
  .header_default .header_top, .header_default .header_bottom .main_menu, .header_default .header_bottom .header_btns_group { display: none; }
  .header_default + main { margin-top: 80px; }
  .header_default .brand_logo { display: flex; align-items: center; justify-content: space-between; }
  .primary_header .main_menu { display: none; }
  .primary_header .brand_logo { float: none; width: 100%; display: flex; padding: 15px; max-width: 100%; min-height: auto; align-items: center; justify-content: space-between; }
  .primary_header .brand_logo > a { line-height: 1; text-align: left; }
  .primary_header .brand_logo .search_btn { padding: 0px; line-height: 1; min-width: auto; min-height: auto; }
  .primary_header + main { margin-top: 61px; }
  .primary_header .mobilemenu_btns_group button { color: #635E5B; }
  .primary_header .mobilemenu_btns_group button:hover, .primary_header .mobilemenu_btns_group button.active { color: #FF711F; background: transparent; }
  .primary_header .search_btn:hover, .primary_header .search_btn.active { color: #FF711F; background-color: transparent; }
  .secondary_header .main_menu, .secondary_header .header_top, .secondary_header .header_icon_btns { display: none; }
  .secondary_header .brand_logo { margin: 0px; height: auto; border: none; display: flex; align-items: center; justify-content: space-between; }
  .secondary_header .header_bottom { min-height: auto; padding: 15px 0px; }
  .secondary_header .mobilemenu_btns_group button { color: #222222; }
  .secondary_header .mobilemenu_btns_group button:hover { color: #FF711F; }
  .secondary_header + main { margin-top: 65px; }
  /* header - end */
  /* footer - start */
  .text-white .footer_widget_title { margin-bottom: 30px; }
  .footer_contact_form { max-width: 370px; text-align: center; margin: 50px auto 0px; }
  .primary_brand_section .brand_logo { display: none; }
  .primary_brand_section .logo_image { padding: 15px; }
  .brand_section.primary_brand_section { min-height: 160px; }
  .secondary_footer .footer_about .brand_logo { height: 150px; display: flex; margin-bottom: 25px; align-items: center; justify-content: center; }
  .secondary_footer .footer_about { padding: 30px; margin-top: 0px; margin-bottom: 40px; }
  .secondary_footer .footer_widget_area { padding: 0px; }
  .footer_contact_info { margin-top: 40px; }
  .footer_newsletter_boxed .form_list { margin-top: 20px; }
  /* footer - end */
  /* breadcrumb - start */
  .breadcrumb_section { text-align: center; }
  .breadcrumb_nav { margin-top: 20px; justify-content: center; }
  .breadcrumb_nav > li:not(:last-child) { margin-right: 20px; padding-right: 20px; }
  .breadcrumb_nav > li { font-size: 18px; }
  .page_title { font-size: 56px; }
  /* breadcrumb - end */
  /* sidebar - start */
  .sidebar_section { margin-top: 50px; }
  .sb_recent_works li:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; }
  .sb_photo_gallery ul { margin: -4px; max-width: 430px; }
  .sb_photo_gallery li { padding: 4px; flex: 0 0 33.333%; max-width: 33.333%; }
  .sb_tag_list ul { margin: -5px; max-width: 370px; }
  .sb_tag_list li { padding: 5px; }
  .sb_cta .content_wrap { max-width: 400px; }
  /* sidebar - end */
  /* about - start */
  .about_content { margin-top: 40px; }
  .service_grid { margin: 30px auto 0px; }
  .faq_content_wrap, .skill_content_wrap, .faq_contact_form, .whatwedo_content, .testimonial_auto_wrap { margin: 0px; height: auto; padding: 0px; overflow: unset; }
  .faq_image, .whatwedo_image { margin-bottom: 40px; }
  .faq_image img, .whatwedo_image img { width: 100%; display: block; }
  .faq_section, .skill_section, .faqcontact_section, .whatwedo_section { padding: 100px 0px; }
  /* about - end */
  /* contact - start */
  .contact_content { padding-right: 0px; margin-bottom: 50px; }
  .map_section #mapBox { height: 500px; }
  /* contact - end */
  /* faq - start */
  .faq_contact_form .custom_btn span { width: 40px; height: 40px; line-height: 44px; margin-left: 25px; margin-right: -20px; }
  .faq_contact_form .custom_btn { padding: 10px 30px; }
  .faq_contact_form .select_option .nice-select { height: 60px; line-height: 60px; padding: 0px 30px; padding-right: 35px; }
  .faq_contact_form .form_item input { height: 60px; padding: 0px 30px; }
  /* faq - end */
  /* portfolio details - start */
  .portfolio_details { max-width: 770px; margin: 0px auto; }
  .portfolio_details_info .square_social_links { justify-content: flex-start; }
  .portfolio_details_info h4 { font-size: 28px; }
  .portfolio_details_info .info_wrap { margin-bottom: 30px; }
  .details_section .details_content .item_title { font-size: 38px; }
  .portfolio_details_info .square_social_links a { width: 50px; height: 50px; font-size: 14px; }
  .cta_image_3 { width: auto; float: none; max-width: 570px; margin: -15px auto 40px; }
  .cta_image_3:before { left: 50%; width: 590px; height: 590px; transform: translateX(-50%); }
  /* portfolio details - end */
  /* pricing - start */
  .pricing_section .shape_2 { max-width: 140px; }
  .pricing_section .shape_1 { max-width: 220px; }
  .cta_image_1 { float: none; width: auto; margin: 0px; max-width: 670px; margin-bottom: 40px; }
  /* pricing - end */
  /* service - start */
  .feature_section .feature_content { max-width: 470px; text-align: center; margin: 0px auto 50px; }
  .feature_section .feature_content p { padding: 0px; border: none; }
  .feature_section .feature_content .section_title .biggest_title { left: 50%; transform: translate(-50%, -50%); }
  .cta_image_2 { max-width: 370px; margin: 0px auto 40px; }
  .cta_content.ml__30 { margin: 0px; }
  .cta_section .deco_image_1 { right: 50px; bottom: 50px; max-width: 170px; }
  /* service - end */
  /* service details - start */
  .design_guideline_info .guideline_content { margin: 0px; padding: 0px; border: none; flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; }
  .design_guideline_info .guideline_content:not(:last-child) { border: none; }
  .design_guideline_info { margin: 0px; }
  .design_guideline_info .guideline_content .item_title { font-size: 28px; margin-bottom: 20px; }
  .guideline_list li:not(:last-child) { margin-bottom: 15px; }
  .guideline_list li { font-size: 16px; }
  .sb_banner { max-width: 370px; margin: 0px auto; }
  /* service details - end */
  /* shop - start */
  .product_selection_bar .order-last { order: 13; }
  /* shop - end */
  /* shop details - start */
  .shop_details .shop_container { max-width: 100%; padding: 100px 0px; }
  .shop_details .details_image { margin: 0px; margin-bottom: 40px; }
  .shop_details .details_content { padding: 0px; }
  .shop_details .details_image .tab-content { width: 100%; float: none; margin-bottom: 15px; }
  .shop_details .details_image .nav { width: 100%; padding: 0px; }
  .shop_details .details_image .nav li { float: left; display: inline-block; }
  .shop_details .details_image .nav li:not(:last-child) { margin-bottom: 0px; margin-right: 15px; }
  .description_tabnav { display: table; margin: 0px auto 20px; }
  /* shop details - end */
  /* home - start */
  .home_one_banner { padding: 80px 0px; padding-top: 0px; }
  .home_one_banner .banner_image { min-height: 400px; margin-bottom: 40px; }
  .home_one_banner .banner_contant_wrap { min-height: auto; }
  .home_one_banner .banner_contant { text-align: center; }
  .home_one_banner .item_title { font-size: 60px; }
  .home_one_banner .sub_title { display: inline-block; }
  .home_one_banner .decoration_text { top: 50%; left: 50%; font-size: 130px; transform: translate(-50%, -50%); }
  .order-first { order: 0; }
  .feature_primary { margin: 50px auto 0px; }
  .testimonial_section .decoration_images_1 { display: none; }
  .home_two_banner .banner_contant { max-width: 570px; text-align: center; margin: 40px auto 0px; }
  .home_two_banner .sub_title { display: inline-block; }
  .home_two_banner .item_title { font-size: 72px; }
  .home_two_banner .decoration_text { top: 50%; left: 50%; font-size: 170px; transform: translate(-50%, -50%); }
  .home_two_banner { padding: 80px 0px; }
  .stairs_wrap .stair_col:nth-child(1), .stairs_wrap .stair_col:nth-child(2), .stairs_wrap .stair_col:nth-child(3) { padding-top: 0px; }
  .whoweare_content { margin: auto; height: auto; max-width: 570px; overflow-y: unset; padding: 40px 15px 100px; }
  .service_split { max-width: 570px; margin: 30px auto 0px; }
  .service_split .item_image, .service_split .item_content { width: 100%; float: none; display: block; }
  .service_split { max-width: 270px; }
  .testimonial_person_image { display: none; }
  .creative_testimonial_carousel { margin: 0px; padding: 50px; }
  .orange_shape { display: none; }
  .blog_fullimage_2 .item_content { padding: 30px; }
  .blog_fullimage_2 .item_title > a { font-size: 20px; }
  .blog_fullimage_2 .absolute_btn { top: 30px; right: 30px; }
  .home_three_slider .item { padding: 100px 0px; }
  .home_three_slider .slider_content { max-width: 570px; margin: 0px auto; padding: 0px 15px; text-align: center; }
  .home_three_slider .small_title { font-size: 20px; margin-bottom: 25px; display: inline-block; }
  .home_three_slider .item_title { font-size: 78px; }
  .home_three_slider .custom_btn { padding: 10px 25px; }
  .home_three_slider .custom_btn span { width: 35px; height: 35px; line-height: 39px; font-size: 13px; margin-left: 25px; margin-right: -15px; }
  .home_three_slider .btns_group { justify-content: center; }
  .home_three_slider .slider_image { width: 100%; float: none; max-width: 500px; margin: 0px auto 30px; }
  .feature_listlayout_boxed2 { margin: 0px auto; }
  .newsletter_boxed { margin-top: -100px; padding: 40px 30px; }
  .newsletter_boxed .section_title { text-align: center; }
  .newsletter_boxed .section_title .biggest_title { left: 50%; font-size: 140px; transform: translate(-50%, -50%); }
  .newsletter_boxed .newsletter_form { padding: 25px; margin-top: 30px; }
  .portfolio_fullimage .item_title { font-size: 16px; }
  .portfolio_fullimage .icon_btn { width: 40px; height: 40px; font-size: 12px; line-height: 45px; }
  .portfolio_fullimage .title_wrap { padding: 10px; padding-left: 15px; }
  .testimonial_section { padding: 100px 0px; }
  .testimonial_image { margin-bottom: 40px; }
  /* home - end */ }
/* ====================================================================================================
4 - media screen and (max-width: 991px) - end
==================================================================================================== */
/* ====================================================================================================
5 - media screen and (max-width: 767px) - start
==================================================================================================== */
@media screen and (max-width: 880px) { /* blog - start */
  .blog_grid_2 .item_content { padding: 25px; }
  .blog_grid_2 .item_title > a { font-size: 20px; }
  .blog_standard .item_title > a, .blog_quote .item_title > a { font-size: 26px; }
  .blog_quote { padding: 50px 40px; }
  /* blog - end */
  /* shop - start */
  .product_card .item_title { font-size: 18px; }
  /* shop - end */
  /* home - start */
  .blog_grid_1 .item_content, .blog_fullimage .item_content { padding: 20px; }
  .blog_grid_1 .post_admin { padding: 10px 20px; padding-right: 80px; }
  .blog_grid_1 .abmin_name { font-size: 16px; }
  .blog_grid_1 .post_date { font-size: 13px; }
  .blog_grid_1 .item_title { margin-bottom: 15px; }
  .blog_fullimage .post_admin { padding: 20px; padding-right: 80px; margin-bottom: 25px; }
  .blog_fullimage .abmin_name { font-size: 16px; }
  .blog_fullimage .post_date { font-size: 13px; }
  /* home - end */ }
@media screen and (max-width: 767px) { /* global - start */
  .custom_btn { font-size: 13px; padding: 10px 30px; }
  .custom_btn span { width: 40px; height: 40px; line-height: 44px; font-size: 14px; margin-left: 30px; margin-right: -22px; }
  .form_item input { height: 60px; }
  .pagination_nav a { height: 55px; min-width: 55px; font-size: 14px; padding: 0px 12px; line-height: 53px; border: 2px solid #dbdbdb; }
  .post_meta i { margin-right: 5px; }
  /* global - end */
  /* footer - start */
  .footer_brand_area .brand_logo { text-align: center; margin-bottom: 40px; }
  .footer_section { text-align: center; }
  .footer_section .recent_works_list { max-width: 370px; margin: 0px auto; }
  .footer_section .small_blog { text-align: left; margin: 0px auto; }
  .footer_useful_links { max-width: 370px; text-align: center; margin: 0px auto 40px; }
  .footer_section .circle_social_links { margin-top: 15px; justify-content: center; }
  .footer_contact_info ul { display: table; margin: 0px auto; }
  .secondary_footer .small_blog .item_content { display: block; text-align: center; }
  .brand_section.primary_brand_section { padding: 40px 0px; }
  /* footer - end */
  /* about - start */
  .faq_image, .whatwedo_image, .testimonial_image { padding: 0px 15px; }
  .faq_content_wrap, .skill_content_wrap, .faq_contact_form, .whatwedo_content, .testimonial_auto_wrap { padding: 0px 15px; }
  /* about - end */
  /* blog details - start */
  .comment_area ul ul .admin_thumbnail { width: 60px; height: 60px; }
  .comment_area ul ul .admin_name { font-size: 16px; margin-bottom: 6px; }
  .comment_area > ul > li li { padding-left: 40px; }
  .comment_form .form_item input { height: 60px; }
  .details_section .details_content .share_links { justify-content: flex-start; }
  .check_info_list > li, .outline_check_info_list > li { line-height: 1.45; }
  .outline_check_info_list > li:before { top: 2px; }
  blockquote .blockquote_title { font-size: 20px; }
  /* blog details - end */
  /* blog - start */
  .blog_grid_2 .post_meta li { font-size: 13px; }
  .blog_grid_2 .item_title > a { font-size: 18px; }
  .blog_grid_2 .item_content { padding: 20px; }
  .blog_grid_2 .post_category { height: 25px; font-size: 12px; font-weight: 600; line-height: 29px; margin-bottom: 12px; }
  /* blog - end */
  /* contact - start */
  .map_section #mapBox { height: 300px; }
  .contact_information_list h4 { font-size: 18px; }
  .contact_information_list li { padding: 30px 0px; }
  .contact_form .form_item input { height: 60px; padding: 0px 30px; padding-right: 45px; }
  .contact_form .form_item .input_icon { right: 30px; }
  .form_item .input_title { font-size: 16px; }
  .contact_information_list .item_icon { width: 55px; height: 55px; font-size: 20px; line-height: 62px; margin-right: 15px; }
  .contact_form .form_item textarea { padding: 20px 30px; }
  /* contact - end */
  /* portfolio details - start */
  .portfolio_details_info h4 { font-size: 22px; }
  .details_section .details_content .item_title { font-size: 30px; margin-bottom: 20px; }
  /* portfolio details - end */
  /* portfolio - start */
  .masonry_portfolio_grid .grid-item, .masonry_portfolio_grid .grid-sizer { width: 50%; }
  .masonry_portfolio_grid .w_50 { width: 100%; }
  /* portfolio - end */
  /* service - start */
  .funfact_bordered .funfact_item { min-height: 300px; }
  .funfact_item .item_icon span { width: 60px; height: 60px; font-size: 20px; }
  .funfact_item .item_icon { width: 90px; height: 90px; margin: 0px auto 20px; }
  .funfact_item .counte_text { font-size: 28px; margin-bottom: 12px; }
  .funfact_item .item_title { font-size: 14px; }
  /* service - end */
  /* shop - start */
  .product_selection_bar .select_option, .product_selection_bar .select_option.float_right { float: none; display: table; margin: 0px auto; }
  .product_selection_bar .select_option .list, .product_selection_bar .select_option.float_right .list { left: 50%; right: unset; transform: translateX(-50%); }
  .product_selection_bar .select_option { padding-bottom: 10px; }
  .product_selection_bar .order-last { order: 0; }
  /* shop - end */
  /* shop details - start */
  .shop_details .details_image .nav li { max-width: 150px; }
  /* shop details - end */
  /* home - start */
  .about_content .experience_image { max-width: 90px; margin-right: 20px; }
  .service_card .item_content { padding: 20px 20px; padding-right: 65px; margin: -30px auto 0px; }
  .service_card .icon_btn { right: 20px; }
  /* home - end */ }
/* ====================================================================================================
5 - media screen and (max-width: 767px) - end
==================================================================================================== */
/* ====================================================================================================
6 - media screen and (max-width: 680px) - start
==================================================================================================== */
@media screen and (max-width: 680px) { /* global - start */
  .section_title .big_title { font-size: 36px; }
  .section_title .small_title { font-size: 18px; margin-bottom: 15px; }
  .section_title .biggest_title { font-size: 120px; }
  .plus_effect:before { width: 100px; }
  .plus_effect:after { height: 100px; }
  .plus_effect:hover:before { width: 60px; }
  .plus_effect:hover:after { height: 60px; }
  /* global - end */
  /* portfolio - start */
  .metro_portfolio_grid .grid-item, .metro_portfolio_grid .grid-sizer { width: 50%; }
  .metro_portfolio_grid .w_50 { width: 50%; }
  .portfolio_fullimage a, .portfolio_fullimage img { width: 100%; display: block; }
  .cta_image_3:before { top: 50%; left: 50%; width: 470px; height: 470px; transform: translate(-50%, -50%); }
  /* portfolio - end */
  /* service - start */
  .funfact_item { flex: 0 0 50%; max-width: 50%; padding: 50px 15px; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; }
  .funfact_bordered { margin: 0px -15px; border-top: 1px solid #ececec; border-left: 1px solid #ececec; }
  /* service - end */
  /* shop details - start */
  .shop_details .details_image .nav li { max-width: 100px; }
  .description_tabnav a { font-size: 16px; }
  .description_tabnav li:not(:last-child) { margin-right: 30px; }
  .description_tabnav { margin: 0px; margin-bottom: 20px; }
  /* shop details - end */
  /* home - start */
  .blog_fullimage_2 .item_content { padding: 20px; }
  .blog_fullimage_2 .item_title > a { font-size: 18px; }
  .blog_fullimage_2 .absolute_btn { top: 20px; right: 20px; }
  .testimonial_primary p.font_24 { font-size: 18px; }
  /* home - end */ }
/* ====================================================================================================
6 - media screen and (max-width: 680px) - end
==================================================================================================== */
/* ====================================================================================================
7 - media screen and (max-width: 580px) - start
==================================================================================================== */
@media screen and (max-width: 580px) { /* global - start */
  #backtotop { width: 40px; height: 40px; }
  #scroll { font-size: 14px; line-height: 46px; }
  /* global - end */
  /* header - start */
  .header_bottom { min-height: auto; padding: 15px 0px; }
  .header_section .brand_logo a { max-width: 150px; }
  .mobilemenu_btns_group button { font-size: 16px; }
  .header_default + main { margin-top: 61px; }
  .search_body_collapse .form_item input { height: 45px; font-size: 16px; }
  .search_body_collapse .form_item button { font-size: 16px; }
  /* header - end */
  /* breadcrumb - start */
  .page_title { font-size: 54px; }
  /* breadcrumb - end */
  /* about - start */
  .team_grid .member_name { font-size: 18px; margin-bottom: 8px; }
  .team_grid .member_title { margin-bottom: 12px; }
  .team_grid .square_social_links li:not(:last-child) { margin-right: 4px; }
  .team_grid .item_content { padding: 20px; }
  /* about - end */
  /* blog - start */
  .blog_standard .item_content { padding: 30px; }
  .blog_standard .item_title > a, .blog_quote .item_title > a { font-size: 22px; }
  .blog_quote { padding: 40px 30px; }
  .blog_standard .post_type { margin-bottom: 20px; }
  /* blog - end */
  /* portfolio details - start */
  .masonry_details_images { margin: -5px; }
  .masonry_details_images .grid-item { padding: 5px; }
  .cta_image_3:before { width: 420px; height: 420px; }
  /* portfolio details - end */
  /* home - start */
  .home_one_banner .banner_image { min-height: 290px; margin-bottom: 30px; }
  .home_one_banner .item_title { font-size: 48px; margin-bottom: 30px; }
  .home_one_banner .sub_title { font-size: 18px; padding-left: 45px; margin-bottom: 20px; }
  .home_one_banner .custom_btn { font-size: 13px; padding: 10px 25px; }
  .home_one_banner .custom_btn span { width: 35px; height: 35px; line-height: 39px; font-size: 12px; margin-left: 25px; margin-right: -15px; }
  .home_one_banner .decoration_text { font-size: 110px; }
  .about_image_2:before { width: 150px; height: 150px; }
  .home_two_banner .banner_image { width: 460px; height: 460px; }
  .home_two_banner .banner_image:after { width: 370px; height: 370px; }
  .home_two_banner .image_1 { max-width: 220px; }
  .home_two_banner .image_2 { max-width: 280px; }
  .home_two_banner .image_3 { top: 106px; right: 120px; max-width: 90px; }
  .home_two_banner .item_title { font-size: 54px; }
  .home_two_banner .decoration_text { font-size: 120px; }
  .feature_card .item_title { font-size: 20px; }
  .funfact_item { flex: 0 0 100%; max-width: 100%; border: none; }
  .funfact_item:not(:last-child) { border: none; border-bottom: 1px solid #ececec; }
  .creative_testimonial_carousel { padding: 30px; }
  .creative_testimonial_carousel .testimonial_primary { padding-top: 0px; padding-left: 0px; }
  .creative_testimonial_carousel .owl-nav { margin-top: 30px; padding-left: 0px; }
  .home_three_slider .item_title { font-size: 66px; margin-bottom: 20px; }
  .home_three_slider p { font-size: 14px; }
  .home_three_slider .slider_image { max-width: 400px; margin: 0px auto 40px; }
  .funfact_item { min-height: auto; }
  /* home - end */ }
@media screen and (max-width: 575px) { /* global - start */
  .section_title .big_title { font-size: 30px; }
  .section_title .biggest_title { font-size: 100px; }
  /* global - end */
  /* footer - start */
  .footer_section .brands_list { display: flex; justify-content: center; }
  .footer_section .brands_list .logo_image { padding: 15px; flex: 0 0 33.333%; max-width: 33.333%; }
  /* footer - end */
  /* breadcrumb - start */
  .page_title { font-size: 42px; }
  /* breadcrumb - end */
  /* blog details - start */
  .blog_details .details_content .item_title { font-size: 22px; }
  .details_section .details_content .title_text { font-size: 20px; }
  .author_information { padding: 30px; }
  .details_section .details_content hr { height: 1px; margin-top: 50px; margin-bottom: 50px; }
  .author_information .author_thumbnail { float: none; margin: 0px; width: 130px; height: 130px; margin-bottom: 20px; }
  .author_information .author_content { display: block; }
  /* blog details - end */
  /* portfolio - start */
  .masonry_portfolio_grid { margin: -5px; }
  .masonry_portfolio_grid .grid-item { padding: 5px; }
  /* portfolio - end */
  /* portfolio - start */
  .pricing_section .shape_2 { max-width: 80px; }
  .pricing_section .shape_1 { max-width: 130px; }
  /* portfolio - end */
  /* service - start */
  .service_listlayout_boxed .item_image { max-width: 100px; min-width: 100px; margin-right: 20px; }
  .service_listlayout_boxed .item_title { font-size: 18px; margin-bottom: 10px; }
  .service_listlayout_boxed { padding: 30px; }
  /* service - end */
  /* service details - start */
  .details_section .details_content .item_title { font-size: 22px; }
  /* service details - end */
  /* home - start */
  .service_grid_2 .item_icon { float: none; width: 80px; height: 80px; line-height: 82px; margin-right: 0px; text-align: center; margin-bottom: 25px; }
  .service_grid_2 .item_content_wrap { padding: 30px; }
  .service_grid_2 .item_title { font-size: 20px; }
  /* home - end */ }
/* ====================================================================================================
7 - media screen and (max-width: 580px) - end
==================================================================================================== */
/* ====================================================================================================
8 - media screen and (max-width: 480px) - start
==================================================================================================== */
@media screen and (max-width: 480px) { /* footer - start */
  .footer_widget_area, .footer_brand_area { padding: 50px 0px; }
  .footer_bottom_boxed { padding: 30px 20px; }
  .footer_section .brands_list .logo_image { flex: 0 0 100%; max-width: 100%; }
  /* footer - end */
  /* blog details - start */
  blockquote { padding: 30px; }
  .details_section .details_content .share_links, .details_section .details_content .primary_tag_list { margin-top: 20px; }
  /* blog details - end */
  /* portfolio - start */
  .metro_portfolio_grid .w_50 { width: 100%; }
  .cta_image_3:before { width: 370px; height: 370px; }
  /* portfolio - end */
  /* service - start */
  .cta_section .deco_image_1 { right: 20px; bottom: 20px; max-width: 100px; }
  .service_listlayout_boxed { display: block; }
  .service_listlayout_boxed .item_image { margin: 0px; float: none; margin-bottom: 20px; }
  .service_listlayout_boxed .item_content { display: block; }
  /* service - end */
  /* shop details - start */
  .shop_details .details_image .nav li { max-width: 80px; }
  .description_tabnav li { width: 100%; display: block; margin-bottom: 10px; }
  .description_tabnav li:not(:last-child) { margin-right: 0px; }
  .description_tabnav li a { padding: 0px; padding-bottom: 2px; display: inline-block; }
  /* shop details - end */
  /* home - start */
  .home_two_banner .banner_image { width: 330px; height: 330px; }
  .home_two_banner .banner_image:after { width: 280px; height: 280px; }
  .home_two_banner .image_1 { max-width: 150px; }
  .home_two_banner .image_2 { max-width: 200px; }
  .home_two_banner .image_3 { top: 53px; right: 80px; max-width: 70px; }
  .creative_testimonial_carousel .testimonial_primary p { font-size: 18px; }
  .home_three_slider .btns_group li { width: 100%; display: block; }
  .home_three_slider .btns_group li:not(:last-child) { margin-right: 0px; margin-bottom: 10px; }
  .feature_listlayout_boxed2 { padding: 30px 15px; }
  .newsletter_boxed .newsletter_form { padding: 15px; }
  .newsletter_boxed .form_item { padding: 0px; }
  /* home - end */ }
/* ====================================================================================================
8 - media screen and (max-width: 480px) - end
==================================================================================================== */
/* ====================================================================================================
9 - media screen and (max-width: 320px) - start
==================================================================================================== */
@media screen and (max-width: 380px) { /* global - start */
  .section_title .big_title { font-size: 28px; }
  .section_title .biggest_title { font-size: 90px; }
  .pagination_nav li:not(:last-child) { margin-right: 5px; }
  .pagination_nav a { height: 50px; min-width: 50px; font-size: 13px; padding: 0px 10px; line-height: 50px; }
  /* global - end */
  /* footer - start */
  .secondary_footer .footer_about .brand_logo { height: 110px; }
  .secondary_footer .footer_about .brand_logo > a { max-width: 170px; }
  .secondary_footer .footer_about { padding: 15px; }
  .footer_newsletter_boxed { padding: 30px 15px; }
  /* footer - end */
  /* breadcrumb - start */
  .page_title { font-size: 38px; }
  .breadcrumb_nav > li { font-size: 16px; }
  .breadcrumb_nav { margin-top: 8px; }
  /* breadcrumb - end */
  /* sidebar - start */
  .sb_service_category li:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; }
  .sb_service_category a { font-size: 16px; padding-right: 50px; }
  .sb_service_category a:before { right: 50px; }
  /* sidebar - end */
  /* about - start */
  .service_grid .item_content { margin: 0px auto; }
  /* about - end */
  /* blog - start */
  .blog_standard .item_title > a, .blog_quote .item_title > a { font-size: 20px; }
  /* blog - end */
  /* portfolio details - start */
  .details_section .details_content .item_title { font-size: 26px; }
  /* portfolio details - end */
  /* portfolio - start */
  .cta_image_3:before { width: 270px; height: 270px; }
  /* portfolio - end */
  /* pricing - start */
  .pricing_plan .item_title { font-size: 26px; }
  .pricing_plan .sub_title { font-size: 20px; }
  .pricing_plan .item_icon > img { max-width: 170px; }
  .pricing_plan .item_icon { min-height: 135px; margin-bottom: 25px; }
  .pricing_plan .pricing_text { font-size: 48px; margin-bottom: 20px; }
  .pricing_plan .item_body { padding: 20px 0px; }
  .pricing_plan { padding: 50px 25px; }
  .pricing_plan .price_info { padding-top: 30px; }
  .pricing_plan .price_info li:not(:last-child) { margin-bottom: 15px; }
  .pricing_plan .price_info li { font-size: 16px; }
  /* pricing - end */
  /* service - start */
  .feature_listlayout_boxed .item_icon { margin: 0px; float: none; width: 60px; height: 60px; font-size: 20px; margin-bottom: 20px; }
  .feature_listlayout_boxed .item_content { display: block; }
  .feature_listlayout_boxed .item_title { font-size: 20px; margin-bottom: 10px; }
  .funfact_bordered { border: none; }
  .funfact_bordered .funfact_item { border: none; flex: 0 0 100%; max-width: 100%; min-height: auto; border-bottom: 1px solid #ececec; }
  /* service - end */
  /* service details - start */
  .details_section .details_content .item_title { font-size: 20px; }
  /* service details - end */
  /* home - start */
  .avatar_wrap .avatar_image { width: 50px; height: 50px; margin-right: 15px; }
  .avatar_wrap .avatar_name { font-size: 16px; margin-bottom: 5px; }
  .avatar_wrap .avatar_title { font-size: 12px; }
  .play_btn { width: 70px; height: 70px; line-height: 70px; border: 2px solid rgba(255, 67, 40, 0.49); }
  .about_image_2:before { width: 90px; height: 90px; }
  .home_two_banner .banner_image { width: 290px; height: 290px; }
  .home_two_banner .banner_image:after { width: 250px; height: 250px; }
  .home_two_banner .image_1 { max-width: 135px; }
  .home_two_banner .image_2 { max-width: 165px; }
  .home_two_banner .image_3 { top: 53px; right: 70px; max-width: 60px; }
  .home_two_banner .item_title { font-size: 42px; }
  .creative_testimonial_carousel .testimonial_primary p { font-size: 16px; }
  .feature_listlayout_boxed2 .item_icon { float: none; margin-right: 0px; margin-bottom: 20px; }
  .feature_listlayout_boxed2 .item_content { display: block; }
  /* home - end */ }
@media screen and (max-width: 350px) { /* portfolio - start */
  .masonry_portfolio_grid .grid-item, .masonry_portfolio_grid .grid-sizer { width: 100%; }
  .metro_portfolio_grid .grid-item, .metro_portfolio_grid .grid-sizer { width: 100%; }
  /* portfolio - end */
  /* shop details - start */
  .shop_details .details_image .nav li { max-width: 60px; }
  /* shop details - end */ }
/* ====================================================================================================
9 - media screen and (max-width: 320px) - end
==================================================================================================== */

/*# sourceMappingURL=style.css.map */