/* Theme Name: Betheme Child Theme URI: http://themes.muffingroup.com/betheme Template: betheme Author: Muffin group Author URI: https://muffingroup.com Description: Child Theme for Betheme, The biggest WordPress Theme ever Version: 21.4.7 */ /* | ------------------------------------------------------------------------------- | GLOBAL STYLE: | ------------------------------------------------------------------------------- */ body.blog #Content,body.tag #Content,body.single #Content,body.archive #Content,body.category #Content{font-size: 20px;line-height:34px;} p {margin: 0 0 26px;letter-spacing:0.25px;} blockquote {font-size: 18px;line-height: 32px;} b, dt, strong {font-weight: 500;} /* | ------------------------------------------------------------------------------- | BUTTON STYLE: | ------------------------------------------------------------------------------- */ .button{font-size:14px; line-height:22px;} .button.button_size_4 {font-size: 100%;} .button.rounded_outline_gradient_btn{background: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);border-radius: 50px;color: #000 !important;padding: 2px;} .button.rounded_outline_gradient_btn span.button_label {background: #fff;display: block;padding: 8px 25px;border-radius: 50px;margin: 0 !important;text-transform:uppercase;font-weight:500;} .button.square_outline_gradient_btn{background: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);color: #000 !important;padding: 2px;} .button.square_outline_gradient_btn span.button_label {background: #fff;display: block;padding: 8px 0px;margin: 0 !important;text-transform:uppercase;font-weight:500;} .button.rounded_bg_gradient_btn{padding: 10px 20px;border-radius: 50px;background-color: #1071c3;background-image: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);background-repeat: repeat-y;background-size: 100% 100%;transition: all .30s ease-in-out;text-transform:uppercase;font-weight:500;} .button.rounded_bg_gradient_btn:hover{background-size: 0 0;} .button.square_bg_gradient_btn{padding: 10px 20px;background-color: #1071c3;background-image: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);background-repeat: repeat-y;background-size: 100% 100%;transition: all .30s ease-in-out;text-transform:uppercase;font-weight:500;} .button.square_bg_gradient_btn:hover{background-size: 0 0;} .button.rounded_bg_gradient_zoom_btn{padding: 10px 20px;border-radius: 50px;background: #FFFFFF;color:#212529;font-weight:500;text-transform:uppercase;z-index: 10;} .button.rounded_bg_gradient_zoom_btn:hover{color: #FFFFFF;background: transparent;} .button.rounded_bg_gradient_zoom_btn:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50px;opacity: 0;background: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);transform: scale(0);transition: all .30s ease-in-out;z-index: -1;} .button.rounded_bg_gradient_zoom_btn:hover:after{opacity: 1;transform: scale(1);} .button.square_bg_gradient_zoom_btn{padding: 10px 20px;background: #FFFFFF;color:#212529;font-weight:500;text-transform:uppercase;z-index: 10;} .button.square_bg_gradient_zoom_btn:hover{color: #FFFFFF;} .button.square_bg_gradient_zoom_btn:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;background: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);transform: scale(0);transition: all .30s ease-in-out;z-index: -1;} .button.square_bg_gradient_zoom_btn:hover:after{opacity: 1;transform: scale(1);} .button.square_outline_gradient_alter_btn{background: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);color: #000 !important;padding: 2px;} .button.square_outline_gradient_alter_btn span.button_label {background: #fff;display: block;padding: 8px 0px;border-radius: 50px;margin: 0 !important;text-transform:uppercase;font-weight:500;} .button.square_outline_gradient_alter_btn:hover:after{opacity:0;} .button.transparent_iconic_btn{background: transparent url('./images/btn-go-icon.png') no-repeat right center/46px;padding: 14px 52px 14px 0;font-size:14px;} .button.transparent_iconic_btn:before {content: '';position: absolute;width: 0;height: 3px;background: #FFFFFF;bottom: 8px;left: 0;transition: all .30s ease-in-out;} .button.transparent_iconic_btn:hover:before {width: 94px;} .button.transparent_iconic_btn:hover:after {opacity:0;} .button.transparent_iconic_btn span.button_label{font-weight:500;} .action_button.square_outline_gradient_alter_btn{background: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);color: #000 !important;padding: 2px;font-size: 16px;} .action_button.square_outline_gradient_alter_btn span {background: #fff;display: block;padding: 10px 0px;border-radius: 50px;margin: 0 !important;text-transform:uppercase;font-weight:500;} .action_button.square_outline_gradient_alter_btn:hover:after{opacity:0;} /* | ------------------------------------------------------------------------------- | HEADER STYLE: | ------------------------------------------------------------------------------- */ /* ------------------------ header_action_bar ------------------ */ #Action_bar {font-size: 16px;font-weight: 400;} #Action_bar .container{max-width:100%;} #Action_bar {line-height: 16px;background: #1071c3;background: -moz-linear-gradient(left, #1071c3 0%, #2bf39d 100%);background: -webkit-linear-gradient(left, #1071c3 0%, #2bf39d 100%);background: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1071c3', endColorstr='#2bf39d', GradientType=1);} #Action_bar .contact_details li, #Action_bar .social-menu{padding:16px 0} /* ------------------------ topbar_section -------------------- */ #Top_bar {top: 48px;} #Top_bar .menu > li > a {text-transform: uppercase;} #Top_bar .menu > li > a:hover {color: #ffc50c !important;} .menuo-arrows #Top_bar.is-sticky .menu > li.submenu > a > span:not(.description):after {opacity: .7;border-top-color: #222;} .menuo-arrows #Top_bar:not(.is-sticky) .menu > li.submenu > a > span:not(.description):after {opacity: .7;border-top-color: #fff;} .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu {box-shadow: 0 .5rem .4rem rgba(0, 0, 0, .10) !important;} #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title {color: #1481BE;} .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title {font-weight: 500;font-size: 16px;} #Top_bar .menu > li ul li a:hover,#Top_bar .menu > li ul li:hover > a{background:none} #Top_bar .menu > li ul li.cls_remove_bg_service a:hover{color: #6ca86a;} #Top_bar .menu > li ul li.cls_photo_retouch_service a:hover{color: #eca817;} #Top_bar .menu > li ul li.cls_post_production_service a:hover{color: #3da2d8;} #Top_bar .menu > li ul li.cls_creative_editing_service a:hover{color: #ffc50c;} #Top_bar .menu > li ul li.cls_vector_service a:hover{color: #005374;} #Top_bar .menu li ul li {font-size: 15px;width: 300px;} #Top_bar .menu li ul li a{padding: 5px 15px;} /* ------------------------ stick_topbar ---------------------- */ .header-transparent #Top_bar.is-sticky .menu > li > a span:not(.description) {line-height: 90px;} #Top_bar.is-sticky{box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15) !important;} #Top_bar.is-sticky{background:#fff;opacity:1;} /* ------------------------ Action Button --------------------- */ .action_button.top-bar-right-button {background: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);color: #222222 !important;padding: 2px;border-radius: 25px;font-weight:500;letter-spacing:0.5px;} .action_button.top-bar-right-button span{background: #fff;display: block;padding: 8px 25px;border-radius: 50px;margin: 0 !important;} /* ------------------------ Sliding Area ---------------------- */ .ss-icon-bar {width: 100%;position: relative;vertical-align: middle;display: inline-flex;} .ss-icon {display: inline-flex;align-items: center;padding: 16px 10px;justify-content: center;position: relative;flex: 1 1 auto;border-left: 1px solid rgba(0,0,0,0.05);font-size: 20px;} #Side_slide .menu > li > a {text-transform: uppercase;font-weight: 500;} #Side_slide .menu > li > ul > li a {font-size: 16px;font-weight: 400;} #Side_slide{z-index:100001 !important;} /* ------------------------ subheader_section ------------------ */ #Subheader .page-title{padding: 175px 0 75px;} #Subheader .title{float: none;width: auto !important;} #Subheader .breadcrumbs-navbar{background: rgba(0, 0, 0, .6);padding:20px 0;} #Subheader .page-title.cutom-form-page-template{padding: 65px 0 75px;} /* ------------------------- subheader_counter ----------------- */ #Subheader .value-proposition.counter-wrapper {background: rgba(0, 0, 0, .6);} #Subheader .counter .desc_wrapper .title{float: none;} #Subheader .counter .desc_wrapper h3.title {font-size: 16px;line-height: 28px;font-weight: 500;} #Subheader .counter .desc_wrapper h4.title {font-size: 14px;line-height: 24px;font-weight: 500;} #Subheader .counter .desc_wrapper .number-wrapper {font-size: 28px;line-height: 28px;font-weight: 500;color: #63B855;margin-bottom:0;} #Subheader .counter .desc_wrapper .label.postfix.font-resize {font-size: 48%;color: #ffffff;} #Subheader .counter .icon_wrapper {margin-bottom: 10px;} #Subheader .counter .icon_wrapper i {width: 28px;height: 28px;line-height: 28px;font-size: 28px;} #Subheader .counter .desc_wrapper .number-wrapper .label {font-size: 80%;} /* ------------------------- breadcrumb_navigation -------------*/ .subheader-both-center #Subheader .breadcrumbs{margin-top: 0px;} #Subheader ul.breadcrumbs li span {margin: 0px;} #Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a {font-size: 16px;} /* ------------------------- header_video_banner --------------- */ .section_video{ height: 100%; overflow: hidden; } .section_video:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 50%);opacity: 0.75;z-index: 1;} .section_video .inner {display: flex;align-items: center;justify-content: center;text-align: center;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 2;} .section_video .inner .banner_content{text-align: center; width:80%;margin: 0 auto; } .section_video .inner h1{color: #FFFFFF;text-transform:uppercase;font-size:75px;line-height:85px;} .section_video .video-viewport { width: 100%; height: 100%; overflow: hidden;} .section_video .video-viewport video{ display: block; width: 100%; height: auto; } .section_video .inner .banner_content a.button{border-radius:50px;background-color: #005374;color: #FFFFFF;border:2px solid #FFFFFF;font-weight:500;} /* | ------------------------------------------------------------------------------- | FOOTER STYLE: | ------------------------------------------------------------------------------- */ /* ------------------------ footer_action ---------------------- */ #Footer .footer_action {background: none;padding-top:40px;} #Footer .footer_action .column {margin-bottom: 0;} #Footer {font-size: 14px;line-height:22px;font-weight:400;} #Footer .footer_action .mcb-column-inner {margin-bottom: 0px;padding-top: 0px;text-align: left;} /* ------------------------ footer_subscribe ------------------- */ .tnp-widget-minimal input.tnp-email{width:99%;background: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);font-size: 18px;font-weight: 300;padding: 12px 12px 12px 22px;border: none;border-radius: 25px;color: #FFFFFF !important;margin-bottom: 0;margin-top: 45px;} .tnp-widget-minimal input.tnp-submit {width: 25%;padding: 12px;font-size: 18px;border-radius: 0 25px 25px 0;margin-left: -120px;background-color: #1071c3;background-image: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);background-repeat: repeat-y;background-size: 100% 100%;transition: all .30s ease-in-out;} .tnp-submit.newsletter-submit:hover {background-size: 0 0;} /* ------------------------ footer_widget ---------------------- */ #Footer .widgets_wrapper{padding: 40px 0;} ul.list_custom li {margin: 0 0 5px 0;padding-left: 20px;} ul.list_custom li:before {content: '';position: absolute;top: 6px;left: 0;width: 9px;height: 9px;border-radius: 10px;background: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);} /* Contact Us */ .get_in_touch{background-color: transparent;padding: 0px !important;} .get_in_touch ul li {border-bottom: 1px solid rgba(61, 162, 216, 0.2);padding: 10px 0 10px 45px;} .get_in_touch ul li .icon {background-image: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .get_in_touch ul li:after {content: none;} .get_in_touch ul li:first-child {padding-top: 1px;} .get_in_touch ul li:first-child .icon{top:-5px;} .get_in_touch ul li:last-child {border-bottom: none;} .get_in_touch ul li.address span.address_wrapper {line-height: 24px !important;} /* ------------------------ footer_copy ------------------------ */ #Footer .footer_copy{border-top:none;} #Footer .footer_copy .one-second {margin-bottom: 20px;padding-top: 25px;min-height: 25px;} #Footer .footer_copy .container,#Footer .widgets_wrapper .container{border-top: 1px solid rgba(61, 162, 216, 0.2);} #Footer .footer_copy .mcb-column-inner{margin-bottom: 0px;} /* Menu */ #Footer .footer_copy .one-second.align_right{text-align:right;} #Footer .footer_copy .footer_menu,#Footer .footer_copy .footer_social{display:inline-block;} #Footer .footer_copy .social-menu li {margin-right: 7px;padding-right: 10px;border-right: 2px solid rgba(61, 162, 216, 0.5);line-height: 14px;} #Footer .footer_copy .social-menu a{font-weight: 500;} #Footer .footer_copy .social {margin-right: 0;} #Footer .footer_copy .social li {margin-right: 15px;} #Footer .footer_copy .social-menu{margin-right: 5px;} /* Typography */ #Footer a:hover{text-decoration: none;} /*.footer_copy.cookie-notification-toggle{background-color: #4B6589;} .cookie-notification-toggle{margin-bottom:82px;}*/ /* | ------------------------------------------------------------------------------- | BLOG STYLE: | ------------------------------------------------------------------------------- */ .post-footer .post-more {text-transform: uppercase;font-weight: 500;font-size: 16px;} .post-header .title_wrapper h1 {font-size: 42px;line-height: 52px;} .post-meta {font-size: 16px;font-weight: 400;} /* | ------------------------------------------------------------------------------- | FORM STYLE: | ------------------------------------------------------------------------------- */ /* Dynamic HTML Style */ form input.display-none{display:none!important} /* FormCraft */ .formcraft-css label{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box} .formcraft-css{padding: 10px 20px;} html .formcraft-css .fc-form .form-element .fileupload-cover{border:2px dashed;padding:15px;} html .formcraft-css .fc-form.label-block .fileupload-cover > span {text-align: center;} html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover > div {margin-top: 10px;text-align: center;} html .formcraft-css .prev-next > div span {padding: 5px;} html .formcraft-css .fc-form .fileupload-cover.field-cover > span > span.main-label{margin-bottom:15px;font-size:1.2em;} html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .files-list li div {text-align: left;} html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file {font-size: 1.2em;height:40px; line-height: 40px; padding: 0 16px 0px 55px;margin-bottom: 5px;text-transform: uppercase;} html .formcraft-css .fc-form .fileupload-cover.field-cover > span span.sub-label {font-size:1em;opacity:1;} /* Contact Form 7 */ div.wpcf7 input[type="file"]{width: 100%;margin-bottom: 0;padding: 8px;display: block;border: 1px solid #EBEBEB;background-color: rgba(255,255,255,1);box-sizing: border-box;-webkit-box-sizing: border-box;box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);-webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);} /* | ------------------------------------------------------------------------------- | TWENTYTWENTY: BEFORE AFTER SLIDER | ------------------------------------------------------------------------------- */ .before_after_container{width: 100%;max-width: 100%;display: block;margin: 0;padding: 0;line-height: 24px;border-right: 8px solid #f8f8f8;} .before_after_container .twentytwenty-wrapper.twentytwenty-horizontal{margin-bottom: 0 !important;} .twentytwenty-container .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container .twentytwenty-overlay .twentytwenty-after-label{opacity: 1;} .twentytwenty-container.active:hover .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active:hover .twentytwenty-overlay .twentytwenty-after-label{opacity: 0; } .twentytwenty-horizontal .twentytwenty-before-label:before{left: 0;background: rgba(0,0,0,0.6);} .twentytwenty-horizontal .twentytwenty-after-label:before{right: 0;background: rgba(0,0,0,0.6);} .twentytwenty-horizontal .twentytwenty-before-label:before,.twentytwenty-horizontal .twentytwenty-after-label:before{top:100%;margin-top:-35px} .twentytwenty-before-label:before,.twentytwenty-after-label:before{background: rgba(0,0,0,0.7);text-transform: uppercase;line-height:35px;padding:0 20px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-weight: 500;letter-spacing: 0;font-size: 14px;} .twentytwenty-wrapper.twentytwenty-horizontal{margin-bottom:15px;} .twentytwenty-handle {background-color: rgba(0,0,0,.5);} .before_after_container .twentytwenty-container img {max-width: 100%;width: 100%;} .twentytwenty-remove-margin .twentytwenty-wrapper.twentytwenty-horizontal {margin-bottom: 0;} /* | ------------------------------------------------------------------------------- | SLICK SLIDER ELEMENTS: | ------------------------------------------------------------------------------- */ /* ------------------------ blog_slider ------------------------ */ .blog_slider .blog_slider_ul li .item_wrapper .image_frame {margin-left: 0;} .blog_slider .blog_slider_ul li .item_wrapper .date_label{background-image:none;background: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);color: #FFFFFF;border-radius: 0; left:auto; top:0;right:0;font-size: 15px;line-height:20px;padding: 5px 10px;} .blog_slider .blog_slider_ul li .item_wrapper .date_label:after{content: none;} .blog_slider .blog_slider_ul .category.meta-categories{margin-bottom: 10px} .blog_slider .blog_slider_ul .category.meta-categories span{display: inline-block;background-image: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 500;} .blog_slider .slider_pagination li, .clients_slider .slider_pagination li{margin: 0 5px;} .blog_slider .slider_pagination li a, .clients_slider .slider_pagination li a{border: 5px solid #fff !important;background: #91AB99;width: 16px;height: 16px;margin:0;} .blog_slider .slider_pagination li a:after, .clients_slider .slider_pagination li a:after{content: none;} .blog_slider .slider_pagination li.slick-active, .clients_slider .slider_pagination li.slick-active{border: 2px solid #eca817;border-radius: 100%;} .blog_slider .slider_pagination li.slick-active a, .clients_slider .slider_pagination li.slick-active a{top:0;border-radius:100%;background-color: #ECA817;border: 5px solid #fff !important;} /* ------------------------ clients_slider --------------------- */ .clients_slider ul.clients .client_wrapper {padding: 0;height: 94px;} .clients_slider .slider_pagination{margin-top:15px;} .clients_slider .slider_pagination ul.slick-dots{opacity:1;} .clients_slider .slider_pagination li{display: inline-block} /* ------------------------ testimonial_slider ----------------- */ .column_offer_thumb.custom_testimonial_slider .offer_thumb_ul.slick-slider .offer_thumb_li blockquote{padding-bottom: 20px;font-weight:500;} .column_offer_thumb.custom_testimonial_slider .offer_thumb_ul.slick-slider .offer_thumb_li .vc_row.vc_row-flex > .vc_column_container > .vc_column-inner {justify-content: center;align-items: center;} /* ------------------------ control slick nav ------------------ */ .blog_slider.hide-nav .slider_pager,.blog_slider.hide-nav a.button.slick-arrow,.blog_slider.hide-dots .slider_pager,blog_slider.hide-arrows a.button.slick-arrow{display: none !important;} .clients_slider.hide-nav .slider_pager,.clients_slider.hide-nav a.button.slick-arrow,.clients_slider.hide-dots .slider_pager,.clients_slider.hide-arrows a.button.slick-arrow {display: none !important;}{display: none !important;} .offer_thumb.hide-nav .slider_pager,.offer_thumb.hide-nav a.button.slick-arrow,.offer_thumb.hide-dots .slider_pager,.offer_thumb.hide-arrows a.button.slick-arrow{display:none!important} /* | ------------------------------------------------------------------------------- | THEME SHORTCODE: | ------------------------------------------------------------------------------- */ /* ------------------------ blockquote ------------------------- */ blockquote{background: none;padding-left:45px;} .blockquote p.author{margin-left: 65px;} blockquote:after {content: '\201c';font-size: 135px;position: absolute;left: -25px;top: 20px;-webkit-text-fill-color: #FFFFFF;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #111111;font-family: mfn-icons;} /* ------------------------ fancy_heading ------------------------- */ /* | ------------------------------------------------------------------------------- | CUSTOM ELEMENTS: | ------------------------------------------------------------------------------- */ /* ------------------------ custom_working_process ------------- */ .column.custom_working_process{border-bottom:1px solid #ffffff;} .column.custom_working_process:nth-child(4){border-left:1px solid #ffffff;} .column.custom_working_process:nth-child(5){border-left:1px solid #ffffff;} .custom_working_process .column_attr.bg-cover{height:450px;position:relative;display:flex;transition: all .30s ease-in-out;padding:30px;} .custom_working_process .column_attr.bg-cover:before{content: '';position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.6);transition: all .30s ease-in-out;z-index: 0;visibility: visible;} .custom_working_process .column_attr.bg-cover a{display: flex;width: 100%;position: relative;z-index: 10;text-decoration:none;} .custom_working_process .column_attr.bg-cover .custom_column_inner{border:1px solid #FFFFFF;width:100%;height:100%;display:flex;align-items:center;} .custom_working_process .column_attr.bg-cover .custom_column_inner h4.custom_title{width:100%;font-weight: 500;font-size: 28px;line-height: 38px;} .custom_working_process:nth-child(3) .column_attr.bg-cover .custom_column_inner h4.custom_title{color:#63B855;} .custom_working_process:nth-child(4) .column_attr.bg-cover .custom_column_inner h4.custom_title{color:#F4C936;} .custom_working_process:nth-child(5) .column_attr.bg-cover .custom_column_inner h4.custom_title{color:#3DA2D8;} .custom_working_process .column_attr.bg-cover:hover{padding:40px;} .custom_working_process .column_attr.bg-cover:hover:before{opacity:0.7;background:linear-gradient(to right, #1071c3 0%, #2bf39d 100%);} .custom_working_process .column_attr.bg-cover:hover .custom_column_inner h4.custom_title{color:#FFFFFF;} /* ------------------------ custom_ecomm_banner ---------------- */ .column.custom_ecomm_banner .column_attr h2 {font-size: 40px;line-height: 60px;font-weight: 400;letter-spacing: 0.5px;} .column.custom_ecomm_banner .column_attr strong{font-weight:500;color:#000;} .column.custom_ecomm_banner .column_attr .button_align.align_left{width: 35%;float: left;} .column.custom_ecomm_banner .column_attr .button.rounded_bg_gradient_zoom_btn {padding: 8px 20px;margin-top: 5px;font-size:13px;font-weight:500;} #service_promote_section:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity:1;z-index: 1;} /* ------------------------ custom_icon_box -------------------- */ #intro_section .section_wrapper .mcb-wrap.custom_icon_box_features{padding: 0 10px;} #intro_section .custom_icon_box_features .column.column_icon_box{width:49%;} #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(3), #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(6){margin-right:0;} #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(4), #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(7){margin-left:0;} #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(3), #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(4){margin-bottom: 0px;border-bottom: 1px dashed #c5c5c5;} #intro_section .custom_icon_box_features .column.column_icon_box .has_border:after{border-color: #c5c5c5;border-style: dashed;} /* icon_position_left */ #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left{padding: 0;min-height: 120px;padding-left: 115px;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .image_wrapper{top: 0;width: 90px;height: 120px;margin-bottom: 0px;padding-top:10px;text-align:right;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .desc_wrapper{padding-top: 4px;transform: translateY(50%);} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .desc_wrapper .title{margin-bottom:0;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .image_wrapper img{transform: translateY(50%);} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .desc_wrapper p.big{font-size: 20px;font-weight: 300;letter-spacing: 1px;} /* icon_position_right */ #intro_section .custom_icon_box_services .fancy_heading{text-align:left;} #intro_section .section_wrapper .mcb-wrap.custom_icon_box_services{padding: 0 10px;} #intro_section .custom_icon_box_services .column.column_icon_box:nth-child(2), #intro_section .custom_icon_box_services .column.column_icon_box:nth-child(3){margin-bottom: 12px;} #intro_section .custom_icon_box_services .column.column_icon_box .icon_box.icon_position_right {min-height: 120px;padding: 0px 125px 0px 20px;} #intro_section .custom_icon_box_services .column.column_icon_box .icon_box.icon_position_right .image_wrapper {position: absolute;right: 0;top: 0;width: 120px;height: 120px;overflow: hidden;padding-top:0;margin-bottom:0;} #intro_section .custom_icon_box_services .column.column_icon_box .icon_box.icon_position_right .desc_wrapper {text-align: left;padding-top: 0;height:120px;} #intro_section .custom_icon_box_services .column.column_icon_box .icon_box.icon_position_right .desc_wrapper .title{margin-bottom: 0px;font-size: 22px;line-height: 28px;padding-top:28px;color: #ffffff;} #intro_section .custom_icon_box_services .column.column_icon_box .icon_box.icon_position_right .image_wrapper img.scale-with-grid {position: absolute;bottom: 15px;right: 15px;top: auto;} #intro_section .custom_icon_box_services .column.column_icon_box .icon_box.icon_position_right{overflow:hidden;} #intro_section .custom_icon_box_services .column.column_icon_box .icon_box.icon_position_right:before{content: "";background: rgba(255, 255, 255, 0.2);width: 50%;height: 100%;top: 0%;left: -210%;transform: skew(45deg);position: absolute;transition: left .600s ease-out;} #intro_section .custom_icon_box_services .column.column_icon_box .icon_box.icon_position_right:hover:before{left: 235%;} .bg_color_green{background-color: #6EA969;} .bg_color_yellow{background-color: #ECA817;} .bg_color_sky_blue{background-color: #3DA2D8;} .bg_color_brand{background-color: #005374;} /* first_order_free_campagin_section */ #first_order_free_campagin_section .column .column_attr h3{color:#ffffff;line-height:60px;font-size:30px;} #first_order_free_campagin_section .column .column_attr h3 strong{color:#000000;} /* | ------------------------------------------------------------------------------- | RESPONSIVE QUERY: | ------------------------------------------------------------------------------- */ /* Mockup Devices */ .dm-device{margin-bottom: 0px;margin-top:-10px;padding-bottom: 61.775701%;position: relative;width: 100%;} .dm-device img{height: auto;max-width: 100%;} .dm-device > .device{background-repeat: no-repeat;background-size: 100% 100%;bottom: 0;height: 100%;left: 0;position: absolute;right: 0;top: 0;width: 100%;} .dm-device > .device > .screen{background-color: #3c3c3c;bottom: 14.6747352%;left: 13.364486%;overflow: hidden;position: absolute;right: 13.364486%;top: 11.0438729%;} .dm-device > .device > .screen .embed-youtube, .dm-device > .device > .screen .jetpack-video-wrapper iframe, .dm-device > .device > .screen iframe{height: 100% !important;width: 100% !important;} .dm-device > .device > .screen::-webkit-scrollbar{display: none;} .dm-device[data-device='imac']{padding-bottom: 81.230769%;} .dm-device[data-device='imac'] > .device{background-image: url("./images/mockup-devices/imac.png");} .dm-device[data-device='imac'] > .device > .screen{bottom: 31.6919192%;left: 6.61538462%;right: 6.61538462%;top: 8.20707071%;} .dm-device[data-device='ipad']{padding-bottom: 128.406276%;} .dm-device[data-device='ipad'][data-orientation='portrait']{padding-bottom: 128.406276%;} .dm-device[data-device='ipad'][data-orientation='landscape']{padding-bottom: 79.9086758%;} .dm-device[data-device='ipad'] > .device, .dm-device[data-device='ipad'][data-color='black'] > .device, .dm-device[data-device='ipad'][data-orientation='portrait'][data-color='black'] > .device{background-image: url("./images/mockup-devices/ipad_port_black.png");} .dm-device[data-device='ipad'][data-color='white'] > .device, .dm-device[data-device='ipad'][data-orientation='portrait'][data-color='white'] > .device{background-image: url("./images/mockup-devices/ipad_port_white.png");} .dm-device[data-device='ipad'][data-orientation='landscape'] > .device, .dm-device[data-device='ipad'][data-orientation='landscape'][data-color='black'] > .device{background-image: url("./images/mockup-devices/ipad_land_black.png");} .dm-device[data-device='ipad'][data-orientation='landscape'][data-color='white'] > .device{background-image: url("./images/mockup-devices/ipad_land_white.png");} .dm-device[data-device='ipad'] > .device > .screen, .dm-device[data-device='ipad'][data-orientation='portrait'] > .device > .screen{bottom: 12.154341%;left: 13.45995%;right: 13.45995%;top: 12.025723%;} .dm-device[data-device='ipad'][data-orientation='landscape'] > .device > .screen{bottom: 13.87755102%;left: 11.5459883%;right: 11.5459883%;top: 13.87755102%;} .dm-device[data-device='iphone5']{padding-bottom: 200.477897%;} .dm-device[data-device='iphone5'][data-orientation='portrait']{padding-bottom: 200.477897%;} .dm-device[data-device='iphone5'][data-orientation='landscape']{padding-bottom: 49.9701136%;} .dm-device[data-device='iphone5'] > .device, .dm-device[data-device='iphone5'][data-color='black'] > .device, .dm-device[data-device='iphone5'][data-orientation='portrait'][data-color='black'] > .device{background-image: url("./images/mockup-devices/iphone5_port_black.png");} .dm-device[data-device='iphone5'][data-orientation='landscape'] > .device, .dm-device[data-device='iphone5'][data-orientation='landscape'][data-color='black'] > .device{background-image: url("./images/mockup-devices/iphone5_land_black.png");} .dm-device[data-device='iphone5'][data-color='white'] > .device, .dm-device[data-device='iphone5'][data-orientation='portrait'][data-color='white'] > .device{background-image: url("./images/mockup-devices/iphone5_port_white.png");} .dm-device[data-device='iphone5'][data-orientation='landscape'][data-color='white'] > .device{background-image: url("./images/mockup-devices/iphone5_land_white.png");} .dm-device[data-device='iphone5'] > .device > .screen, .dm-device[data-device='iphone5'][data-orientation='portrait'] > .device > .screen{bottom: 16.28%;left: 11.77%;right: 11.77%;top: 16.28%;} .dm-device[data-device='iphone5'][data-orientation='landscape'] > .device > .screen{bottom: 11.722488%;left: 16.0191273%;right: 16.0191273%;top: 11.722488%;} .dm-device[data-device='iphone5s']{padding-bottom: 210.477897%;} .dm-device[data-device='iphone5s'][data-orientation='portrait']{padding-bottom: 210.477897%;} .dm-device[data-device='iphone5s'][data-orientation='landscape']{padding-bottom: 46.970114%;} .dm-device[data-device='iphone5s'] > .device, .dm-device[data-device='iphone5s'][data-color='black'] > .device, .dm-device[data-device='iphone5s'][data-orientation='portrait'][data-color='black'] > .device{background-image: url("./images/mockup-devices/iphone5s_port_black.png");} .dm-device[data-device='iphone5s'][data-orientation='landscape'] > .device, .dm-device[data-device='iphone5s'][data-orientation='landscape'][data-color='black'] > .device{background-image: url("./images/mockup-devices/iphone5s_land_black.png");} .dm-device[data-device='iphone5s'][data-color='white'] > .device, .dm-device[data-device='iphone5s'][data-orientation='portrait'][data-color='white'] > .device{background-image: url("./images/mockup-devices/iphone5s_port_white.png");} .dm-device[data-device='iphone5s'][data-orientation='landscape'][data-color='white'] > .device{background-image: url("./images/mockup-devices/iphone5s_land_white.png");} .dm-device[data-device='iphone5s'][data-color='gold'] > .device, .dm-device[data-device='iphone5s'][data-orientation='portrait'][data-color='gold'] > .device{background-image: url("./images/mockup-devices/iphone5s_port_gold.png");} .dm-device[data-device='iphone5s'][data-orientation='landscape'][data-color='gold'] > .device{background-image: url("./images/mockup-devices/iphone5s_land_gold.png");} .dm-device[data-device='iphone5s'] > .device > .screen, .dm-device[data-device='iphone5s'][data-orientation='portrait'] > .device > .screen{bottom: 14.2%;left: 8.6%;right: 7.5%;top: 14.7%;} .dm-device[data-device='iphone5s'][data-orientation='landscape'] > .device > .screen{bottom: 8.5%;left: 14.8%;right: 14.2%;top: 7.4%;} .dm-device[data-device='iphone6']{padding-bottom: 200.477897%;} .dm-device[data-device='iphone6'][data-orientation='portrait']{padding-bottom: 200.477897%;} .dm-device[data-device='iphone6'][data-orientation='landscape']{padding-bottom: 49.9701136%;} .dm-device[data-device='iphone6'] > .device, .dm-device[data-device='iphone6'][data-color='black'] > .device, .dm-device[data-device='iphone6'][data-orientation='portrait'][data-color='black'] > .device{background-image: url("./images/mockup-devices/iphone6_port_black.png");} .dm-device[data-device='iphone6'][data-orientation='landscape'] > .device, .dm-device[data-device='iphone6'][data-orientation='landscape'][data-color='black'] > .device{background-image: url("./images/mockup-devices/iphone6_land_black.png");} .dm-device[data-device='iphone6'][data-color='silver'] > .device,.dm-device[data-device='iphone6'][data-orientation='portrait'][data-color='silver'] > .device{background-image: url("./images/mockup-devices/iphone6_port_silver.png");} .dm-device[data-device='iphone6'][data-orientation='landscape'][data-color='silver'] > .device{background-image: url("./images/mockup-devices/iphone6_land_silver.png");} .dm-device[data-device='iphone6'][data-color='gold'] > .device, .dm-device[data-device='iphone6'][data-orientation='portrait'][data-color='gold'] > .device{background-image: url("./images/mockup-devices/iphone6_port_gold.png");} .dm-device[data-device='iphone6'][data-orientation='landscape'][data-color='gold'] > .device {background-image: url("./images/mockup-devices/iphone6_land_gold.png");} .dm-device[data-device='iphone6'] > .device > .screen,.dm-device[data-device='iphone6'][data-orientation='portrait'] > .device > .screen{bottom: 12.1%;left: 6.6%;right: 6.6%;top: 12.2%;} .dm-device[data-device='iphone6'][data-orientation='landscape'] > .device > .screen{bottom: 6.1%;left: 11.6%;right: 11.6%;top: 6%;} .dm-device[data-device='iphone6-plus']{padding-bottom: 200.477897%;} .dm-device[data-device='iphone6-plus'][data-orientation='portrait']{padding-bottom: 200.477897%;} .dm-device[data-device='iphone6-plus'][data-orientation='landscape']{padding-bottom: 49.9701136%;} .dm-device[data-device='iphone6-plus'] > .device, .dm-device[data-device='iphone6-plus'][data-color='black'] > .device, .dm-device[data-device='iphone6-plus'][data-orientation='portrait'][data-color='black'] > .device{background-image: url("./images/mockup-devices/iphone6_plus_port_black.png");} .dm-device[data-device='iphone6-plus'][data-orientation='landscape'] > .device, .dm-device[data-device='iphone6-plus'][data-orientation='landscape'][data-color='black'] > .device{background-image: url("./images/mockup-devices/iphone6_plus_land_black.png");} .dm-device[data-device='iphone6-plus'][data-color='silver'] > .device, .dm-device[data-device='iphone6-plus'][data-orientation='portrait'][data-color='silver'] > .device{background-image: url("./images/mockup-devices/iphone6_plus_port_silver.png");} .dm-device[data-device='iphone6-plus'][data-orientation='landscape'][data-color='silver'] > .device{background-image: url("./images/mockup-devices/iphone6_plus_land_silver.png");} .dm-device[data-device='iphone6-plus'][data-color='gold'] > .device, .dm-device[data-device='iphone6-plus'][data-orientation='portrait'][data-color='gold'] > .device{background-image: url("./images/mockup-devices/iphone6_plus_port_gold.png");} .dm-device[data-device='iphone6-plus'][data-orientation='landscape'][data-color='gold'] > .device{background-image: url("./images/mockup-devices/iphone6_plus_land_gold.png");} .dm-device[data-device='iphone6-plus'] > .device > .screen, .dm-device[data-device='iphone6-plus'][data-orientation='portrait'] > .device > .screen{bottom: 11.6%;left: 6.6%;right: 6.2%;top: 11.4%;} .dm-device[data-device='iphone6-plus'][data-orientation='landscape'] > .device > .screen{bottom: 6.5%;left: 11.4%;right: 11.6%;top: 6.3%;} .dm-device[data-device='macbook']{padding-bottom: 55.51%;} .dm-device[data-device='macbook'] > .device{background-image: url("./images/mockup-devices/macbook.png");} .dm-device[data-device='macbook'] > .device > .screen{bottom: 14.6747352%;left: 13.364486%;right: 13.364486%;top: 11.0438729%;} .dm-device[data-device="nexus7"]{padding-bottom: 156.521739%;} .dm-device[data-device="nexus7"][data-orientation="portrait"]{padding-bottom: 156.521739%;} .dm-device[data-device="nexus7"][data-orientation="landscape"]{padding-bottom: 63.6678201%;} .dm-device[data-device="nexus7"] > .device, .dm-device[data-device="nexus7"][data-orientation="portrait"] > .device{background-image: url("./images/mockup-devices/nexus7_port.png");} .dm-device[data-device="nexus7"][data-orientation="landscape"] > .device{background-image: url("./images/mockup-devices/nexus7_land.png");} .dm-device[data-device="nexus7"] > .device > .screen, .dm-device[data-device="nexus7"][data-orientation="portrait"] > .device > .screen{bottom: 12.7893519%;left: 13.7681159%;right: 13.7681159%;top: 13.1365741%;} .dm-device[data-device="nexus7"][data-orientation="landscape"] > .device > .screen{bottom: 13.7681159%;left: 13.0911188%;right: 13.0911188%;top: 13.7681159%;} .dm-device[data-device='s3']{padding-bottom: 178.787879%;} .dm-device[data-device='s3'][data-orientation='portrait']{padding-bottom: 178.787879%;} .dm-device[data-device='s3'][data-orientation='landscape']{padding-bottom: 55.9322034%;} .dm-device[data-device='s3'] > .device, .dm-device[data-device='s3'][data-color='black'] > .device, .dm-device[data-device='s3'][data-orientation='portrait'][data-color='black'] > .device{background-image: url("./images/mockup-devices/s3_port_black.png");} .dm-device[data-device='s3'][data-orientation='landscape'] > .device, .dm-device[data-device='s3'][data-orientation='landscape'][data-color='black'] > .device{background-image: url("./images/mockup-devices/s3_land_black.png");} .dm-device[data-device='s3'][data-color='white'] > .device, .dm-device[data-device='s3'][data-orientation='portrait'][data-color='white'] > .device{background-image: url("./images/mockup-devices/s3_port_white.png");} .dm-device[data-device='s3'][data-orientation='landscape'][data-color='white'] > .device{background-image: url("././images/mockup-devices/s3_land_white.png");} .dm-device[data-device='s3'] > .device > .screen, .dm-device[data-device='s3'][data-orientation='portrait'] > .device > .screen{bottom: 15.5367232%;left: 13.8383838%;right: 13.8383838%;top: 12.3728814%;} .dm-device[data-device='s3'][data-orientation='landscape'] > .device > .screen{bottom: 13.8383838%;left: 12.3728814%;right: 15.5367232%;top: 13.8383838%;} .dm-device[data-device='surface']{padding-bottom: 64.7584973%;} .dm-device[data-device='surface'][data-orientation='landscape']{padding-bottom: 64.7584973%;} .dm-device[data-device='surface'][data-orientation='landscape'] > .device{background-image: url("./images/mockup-devices/surface.png");} .dm-device[data-device='surface'][data-orientation='landscape'] > .device > .screen{bottom: 14.9171271%;left: 9.36195587%;right: 9.36195587%;top: 14.5488029%;} .dm-device[data-device='surface'] > .device{background-image: url("./images/mockup-devices/surface.png");} .dm-device[data-device='surface'] > .device > .screen{bottom: 14.9171271%;left: 9.36195587%;right: 9.36195587%;top: 14.5488029%;} .dm-device[data-device='itab']{padding-bottom: 54.7584973%;} .dm-device[data-device='itab'][data-orientation='landscape']{padding-bottom: 54.7584973%;} /*.dm-device[data-device='itab'][data-orientation='landscape'] > .device{background-image: url("./images/mockup-devices/itab.png");}*/ .dm-device[data-device='itab'][data-orientation='landscape'] > .device{background-image: url("https://cdn.colorexpertsbd.com/wp-content/uploads/2021/06/itab.png");} /*.dm-device[data-device='itab'][data-orientation='landscape'] > .device > .screen{bottom: 10.700%;left: 8.500%;right: 9%;top: 6.500%;}*/ .dm-device[data-device="itab"][data-orientation="landscape"] > .device > .screen{bottom: 8.600%;left: 8.200%;right: 8.800%;top: 8.400%;} /*.dm-device[data-device='itab'] > .device{background-image: url("./images/mockup-devices/itab.png");}*/ .dm-device[data-device='itab'] > .device > .screen{bottom: 10.700%;left: 8.500%;right: 9%;top: 6.500%;} /* Device Options */ .dm-stacked{height: auto;margin-bottom: 20px;position: relative;width: 100%;} .dm-stacked .dm-stacked-left, .dm-stacked .dm-stacked-right{bottom: 0;position: absolute;z-index: 10;} .dm-stacked .dm-stacked-left.iphone6, .dm-stacked .dm-stacked-right.iphone6 {width: 17%;} .dm-stacked .dm-stacked-left.iphone6.landscape, .dm-stacked .dm-stacked-right.iphone6.landscape{width: 39%;} .dm-stacked .dm-stacked-left.iphone6-plus, .dm-stacked .dm-stacked-right.iphone6-plus{width: 21%;} .dm-stacked .dm-stacked-left.iphone6-plus.landscape, .dm-stacked .dm-stacked-right.iphone6-plus.landscape{width: 46%;} .dm-stacked .dm-stacked-left.iphone5s, .dm-stacked .dm-stacked-right.iphone5s{width: 17%;} .dm-stacked .dm-stacked-left.iphone5s.landscape, .dm-stacked .dm-stacked-right.iphone5s.landscape{width: 37%;} .dm-stacked .dm-stacked-left.iphone5, .dm-stacked .dm-stacked-right.iphone5{width: 16%;} .dm-stacked .dm-stacked-left.iphone5.landscape, .dm-stacked .dm-stacked-right.iphone5.landscape{width: 35%;} .dm-stacked .dm-stacked-left.ipad, .dm-stacked .dm-stacked-right.ipad{bottom: -12px;width: 45%;} .dm-stacked .dm-stacked-left.ipad.landscape, .dm-stacked .dm-stacked-right.ipad.landscape {width: 65%;} .dm-stacked .dm-stacked-left.s3, .dm-stacked .dm-stacked-right.s3 {width: 20%;} .dm-stacked .dm-stacked-left.s3.landscape, .dm-stacked .dm-stacked-right.s3.landscape{width: 45%;} .dm-stacked .dm-stacked-left.nexus7, .dm-stacked .dm-stacked-right.nexus7{width: 30%;} .dm-stacked .dm-stacked-left.nexus7.landscape, .dm-stacked .dm-stacked-right.nexus7.landscape{width: 50%;} .dm-stacked .dm-stacked-left.surface, .dm-stacked .dm-stacked-right.surface{width: 45%;} .dm-stacked .dm-stacked-left.itab, .dm-stacked .dm-stacked-right.itab{width: 45%;} .dm-stacked .dm-stacked-left{left: 50px;} .dm-stacked .dm-stacked-right{right: 50px;} .dm-stacked .dm-device{margin-bottom: 0;} @media screen and (max-width: 768px){.dm-stacked .dm-stacked-left{left: 10px;}.dm-stacked .dm-stacked-right{right: 10px;}} .dm-hide-left{margin-left: -70px;overflow: hidden;} .dm-hide-left .dm-device{position: relative;right: 33.3333333333%;} .dm-hide-right{margin-right: -70px;overflow: hidden;} .dm-hide-right .dm-device{left: 33.3333333333%;position: relative;} .dm-width{display: inline-block;max-width: 100%;} @media screen and (min-width: 768px){.dm-scroll > .device > .screen{overflow-y: scroll;}} /* Responsive Video */ .embed-responsive{position: relative;display: block;height: 0;padding: 0;overflow: hidden;} .embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object, .embed-responsive video{position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;} .embed-responsive-16by9{padding-bottom: 56.25%;} .embed-responsive-4by3{padding-bottom: 75%;} /* | ------------------------------------------------------------------------------- | Typography: | ------------------------------------------------------------------------------- */ .text-justify{text-align:justify;} /* | ------------------------------------------------------------------------------- | Social Icons: | ------------------------------------------------------------------------------- */ a.icon_bar{background-image: none;box-shadow: 2px 2px 1px #333;} /* | ------------------------------------------------------------------------------- | Bullets lists: | ------------------------------------------------------------------------------- */ ul.list_idea li:before{left:10px} ul.list_idea li:after,ul.list_check li:after{width:0;height:0;bottom:0;} ul.list_idea li{text-align:justify;padding-left:40px} ul.list_check li{text-align:justify;padding-left:45px} ul.list_check li{margin-bottom: 11px;} /* | --------------------------------------------------------------------- | Widget: Recent posts | --------------------------------------------------------------------- */ .Recent_posts.blog_news ul li .photo{width: 23%;border:none;background-color: #0095eb;padding:3px;} .Recent_posts.blog_news ul li .desc{width: 77%;margin-left: 25%;padding: 5px 10px;} .Recent_posts.blog_news ul li .desc h6{margin-top: -10px;} /* | --------------------------------------------------------------------- | Widget: Social Media | --------------------------------------------------------------------- */ a.icon_bar{margin: 0 0.75px 2px 0;} /* | --------------------------------------------------------------------- | Cookie Notification: | --------------------------------------------------------------------- */ #scnb-cookie-bar{border-top-width: 2px !important; z-index:999;} #scnb-cookie-bar .wrap{padding: 10px 0px 10px 22px;} .scnb-buttons{width: 7%;} .scnb-text{width: 89%;} .scnb-buttons a{border-radius: 0px;} .scnb-buttons a{margin-top: 6px;} /* | --------------------------------------------------------------------- | Google Recaptcha: | --------------------------------------------------------------------- */ .grecaptcha-badge{bottom:18px !important;z-index:2000000000 !important; } .grecaptcha-badge:hover{right:-4px !important;} .grecaptcha-badge{opacity: 0;visibility: hidden;} /* | --------------------------------------------------------------------- | Shortcode: Alert | --------------------------------------------------------------------- */ .alert_warning{color: #000000;} .alert a.close{display: none;} /* | --------------------------------------------------------------------- | Shortcode: Button | --------------------------------------------------------------------- */ a.button.btn-custom{border-radius: 0;padding-left:0;padding-right:0;} a.button.btn-custom .button_icon{padding: 18px 10px;} /* | --------------------------------------------------------------------- | Shortcode: Mockup Device | --------------------------------------------------------------------- */ .remove-extra-space{margin-bottom: 33px;} /* | --------------------------------------------------------------------- | Shortcode: Icon Box | --------------------------------------------------------------------- */ .column_icon_box.custom_icon_box{margin-bottom: 0;} .column_icon_box.custom_icon_box .desc{letter-spacing: -0.5px;} .column_icon_box.custom_icon_box .desc a{display: inline;} /* | --------------------------------------------------------------------- | Shortcode: Fancy Heading | --------------------------------------------------------------------- */ .column_fancy_heading.custom_fancy_heading .fancy_heading .title{margin-bottom:25px;font-size: 40px;line-height: 48px;} .column_fancy_heading.custom_fancy_heading .fancy_heading .inside{max-width:1024px;margin: 0 auto;color: #444444;} /* | --------------------------------------------------------------------- | Shortcode: How Its Work | --------------------------------------------------------------------- */ .column_how_it_works.custom_how_its_work .how_it_works.fill .image img{border-radius: 0px;max-width: 250px !important;max-height: 215px !important;} .column_how_it_works.custom_how_its_work .how_it_works .image{width: auto;margin: 0 auto 20px;background: transparent;border-radius: 0px;border:none;} /* | --------------------------------------------------------------------- | Shortcode: Pricing Box(Slick Slider) | --------------------------------------------------------------------- */ .pricing-box{border:1px solid rgba(0,0,0,.08);background:#fff} .pricing-box .plan-header .image img{width:100%;} .pricing-box .plan-header{text-align:center;padding:0} .pricing-box .plan-header h2{font-size: 18px;color: #000000;display: flex;align-items: center;justify-content: center;padding: 2px 10px;height: 68px;margin: 0;text-align: center;letter-spacing: 0.2px;background: #3DA2D8;} .pricing-box .plan-header .price > span{font-size:36px;line-height:36px;margin:0 3px} .pricing-box .plan-header .price sub.currency{font-size:30px;line-height:30px;top:-5px;position:relative} .pricing-box.cp-right .plan-header .price sub.currency{margin-right:5px} .pricing-box .plan-header .price sub.period{font-size:15px;line-height:15px;top:-5px;position:relative} .pricing-box .plan-header strong{padding:0 6px;font-size:35px;} .pricing-box .plan-inside{padding: 10px 20px;} .pricing-box .plan-inside ul {font-size: 85%;} .pricing-box .plan-inside ul li strong{float: right;clear: both;} .pricing-box .plan-inside ul li{text-align:left;font-weight:400;padding:10px 0px;} .pricing-box .plan-footer{padding-bottom:10px;} .pricing-box .plan-footer a:first-child{margin-right:5px;} .pricing-box .plan-header .embed-responsive{margin-bottom: 15px;height:11px;} .pricing-box .plan-header .price sub.period{color: #a8a8a8;} .pricing-box .plan-header small {color: #9b9b9b;font-size: 14px;font-weight: 500;} .pricing-box .plan-header .image {margin-bottom: 25px;} .pricing-box .plan-header .price{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin:0;padding-top: 0;} /* | --------------------------------------------------------------------- | Shortcode: Pricing Box(Flat Design for Pricing Plan Page) | --------------------------------------------------------------------- */ .column_pricing_box .pricing_box_container{padding: 0px;border: 8px solid #f8f8f8;box-shadow: 0px 0px 2px #aaa;} .column_pricing_box .pricing_box_container .embed-responsive{height:11px;border-right:8px solid #f8f8f8;} .column_pricing_box .pricing_box_container .image{border-right:8px solid #f8f8f8;} .column_pricing_box .pricing_box_container .image img{width:100%;display:block;} .column_pricing_box .counter{padding: 9px 10px 0;} .column_pricing_box .column.column_counter{margin-bottom: 0 !important;} .column_pricing_box .column.column_counter .counter .desc_wrapper .number-wrapper{font-size: 22px;line-height: 8px;font-weight: 500;} .column_pricing_box .column.column_counter .counter .desc_wrapper h4.title{font-size: 13px;line-height: 8px;color:#444444;font-weight:500;} .column_pricing_box .column.column_counter .counter .desc_wrapper h3.title {font-size: 15px;line-height: 15px;font-weight: 400;color:#444444;} .column_pricing_box .pricing_box_content{padding: 15px 0 0 20px;} .column_pricing_box .pricing_box_content .plan-inside .feature_list ul li{padding: 1px;font-size: 13px;} .column_pricing_box .pricing_box_content .plan-inside .feature_list ul li p{padding: 0;width: 80%;} .column_pricing_box .pricing_box_content .plan-inside .feature_list ul li .icon{width: 16px;height: 24px;} .column_pricing_box .pricing_box_content .plan-inside .feature_list ul li .icon i{font-size: 16px;line-height: 24px;} .column_pricing_box .pricing_box_content .plan-inside .feature_list ul li .price{width: 60px;line-height: 0;display: table-cell;vertical-align: middle;text-align: right;} .column_pricing_box .pricing_box_content .plan-inside .feature_list ul li .price strong{line-height: 0;display: inline-block;width: 50px;padding-right: 20px;} .column_pricing_box .pricing_box_content .plan-inside .feature_list hr{display:none;} .column_pricing_box .pricing_box_content .plan-inside .feature_list ul li {border-bottom: none;} .column_pricing_box .pricing_box_content .plan-footer{text-align: center;position:relative;bottom:0px;} .column_pricing_box .pricing_box_content .plan-footer a.button{margin-bottom: 0px;margin-top: 10px;} .column_pricing_box .pricing_box_content .plan-footer a.button .button_label{padding: 3px 12px;} .column_pricing_box .pricing_box_content .plan-footer a.button.button_border_theme.button_js .button_label{padding: 3px 10px;} .column_pricing_box .column.column_column{margin-bottom: 0;} .column_pricing_box .column.column_pricing_title{margin-bottom: 10px;margin-left: 0;margin-right: 0;width: 100%;} .pricing_title{overflow:hidden} .pricing_title .pricing_title_header{padding:10px 20px 10px 20px;min-height:23px} .pricing_title .pricing_title_header .title{margin:0;line-height:23px; font-size: 18px;} .pricing_title{background:#f5f5f5} .pricing_title .pricing_title_header .links a.link.active,.pricing_title .pricing_title_header .links a:hover.link{color:#999;background:rgba(0,0,0,.06)} /* | --------------------------------------------------------------------- | Shortcode: Video | --------------------------------------------------------------------- */ .content_video.iframe.has-wh{border: 2px solid #e8e8e8;margin-bottom: 15px;} .content_video.iframe.has-wh iframe{display: block;} /* | --------------------------------------------------------------------- | Slider Navigation: Slick Slider | --------------------------------------------------------------------- */ .offer_thumb_ul.slick-slider a.button.slick-arrow, .blog_slider_ul.slick-slider a.button.slick-arrow, .clients_slider_ul.slick-slider a.button.slick-arrow{background:none!important;box-shadow:none;border:none;top:50%;padding:10px 0;} .offer_thumb_ul.slick-slider a.button.slick-arrow:hover, .blog_slider_ul.slick-slider a.button.slick-arrow:hover, .clients_slider_ul.slick-slider a.button.slick-arrow:hover{background:none!important} .offer_thumb_ul.slick-slider a.button.slick-arrow .button_icon, .blog_slider_ul.slick-slider a.button.slick-arrow .button_icon, .clients_slider_ul.slick-slider a.button.slick-arrow .button_icon{background:none;padding:0;font-size:40px;opacity:.5} .offer_thumb_ul.slick-slider a.button:hover .button_icon, .blog_slider_ul.slick-slider a.button:hover .button_icon, .clients_slider_ul.slick-slider a.button:hover .button_icon{opacity:1} .offer_thumb_ul.slick-slider a.slider_prev.slick-arrow, .blog_slider_ul.slick-slider a.slider_prev.slick-arrow, .clients_slider_ul.slick-slider a.slider_prev.slick-arrow{left:-30px} .offer_thumb_ul.slick-slider a.slider_next.slick-arrow, .blog_slider_ul.slick-slider a.slider_next.slick-arrow, .clients_slider_ul.slick-slider a.slider_next.slick-arrow{right:-30px} .offer_thumb_ul.slick-slider a.button.slick-arrow, .blog_slider_ul.slick-slider a.button.slick-arrow, .clients_slider_ul.slick-slider a.button.slick-arrow{position:absolute;top:50%;margin:-22px 0 0;font-size:13px;line-height:21px} .column_offer_thumb .offer_thumb_ul.slick-slider .slick-track{left:-10px;} .offer_thumb_ul.slick-slider a.button.slick-arrow .button_icon i, .blog_slider_ul.slick-slider a.button.slick-arrow .button_icon i, .clients_slider_ul.slick-slider a.button.slick-arrow .button_icon i{color: #005274;} .offer_thumb_ul .offer_thumb_li{padding-left: 20px;} .column_offer_thumb.popular_services .offer_thumb_ul.slick-slider .offer_thumb_li{padding-left: 20px;} .offer_thumb_ul.slick-slider .offer_thumb_li .desc .wpb_wrapper > div {margin-bottom: 15px;} .column_offer_thumb.popular_services .offer_thumb_ul.slick-slider .offer_thumb_li .desc{border:1px solid rgba(0,0,0,.08);background:#fff;padding: 15px;} .column_offer_thumb.popular_services .offer_thumb_ul.slick-slider .offer_thumb_li .desc a.mfn-link-5{margin: 0 7px;} .column_offer_thumb.custom_testimonial_slider .offer_thumb_ul.slick-slider .offer_thumb_li{padding-left: 35px;} .column_offer_thumb.custom_testimonial_slider .offer_thumb_ul.slick-slider .slick-track{left:-20px;} /*.column_offer_thumb.custom_testimonial_slider .offer_thumb_ul.slick-slider .offer_thumb_li .desc{border:1px solid rgba(0,0,0,.08);background:#fff;padding: 25px 25px 5px;}*/ .offer_thumb.bottom .slider_pagination li {margin: 0 5px;} .offer_thumb.bottom .slider_pagination li a {border: 7px solid #fff !important;text-indent: -9999px;border-radius: 100%;margin: 0;background: #91AB99;width: 6px;height: 6px;padding:0;line-height:0;} .offer_thumb.bottom .slider_pagination li.slick-active{border: 2px solid #eca817;border-radius: 100%;} .offer_thumb .slider_pagination li.slick-active a {background-image: none;background-color: #ECA817;border: 5px solid #fff !important;} .offer_thumb .slider_pagination li a:before, .offer_thumb .slider_pagination li a:after{content: none;} .offer_thumb.bottom .slider_pagination {margin-top: 15px !important;} /* | --------------------------------------------------------------------- | Slider Navigation: Feature Box | --------------------------------------------------------------------- */ body.single-post .feature_box .feature_box_wrapper{padding:10px;} body.single-post .feature_box .feature_box_wrapper .photo_wrapper{width:65%;} body.single-post .feature_box .feature_box_wrapper .desc_wrapper{width:31%;text-align:center;} /* | --------------------------------------------------------------------- | Parallax Background: | --------------------------------------------------------------------- */ .overlay-effects{position: absolute; width: 100%; height: 100%; top: 0px; display: block; z-index:1;} .custom_parallax_bg .title{color: #ffffff;} .custom_parallax_bg .inside .big{color: #eaeaea;} .custom_parallax_bg h4{color: #ffffff;} .custom_parallax_bg.parallax_call_to_action .big{color: #ffffff;font-size: 20px;line-height: 32px;} /* | --------------------------------------------------------------------- | Gallery Page: | --------------------------------------------------------------------- */ .column_before_after.gallery_item_before_after{margin-bottom:25px;} .column_before_after.gallery_item_before_after .twentytwenty-wrapper.twentytwenty-horizontal{margin-bottom:0px;} .column_before_after.gallery_item_before_after p.wp-caption-text {background: #d6d6d6;color: #444;} /* | --------------------------------------------------------------------- | Shortcode: Visual Editor | --------------------------------------------------------------------- */ .column_visual.custom_vs_editor{margin-bottom:0px;} /* | --------------------------------------------------------------------- | Shortcode: Counter | --------------------------------------------------------------------- */ .counter{background-image:none;} .counter .icon_wrapper i{width: 36px;height: 36px;line-height: 36px;font-size: 36px;} .counter .desc_wrapper .number-wrapper{font-size: 40px;line-height: 40px;margin-bottom: 10px;} .counter .desc_wrapper .number-wrapper .number, .counter .desc_wrapper .number-wrapper .label, .counter .desc_wrapper .number-wrapper .alternate-text{color: #9ACD66;} .counter .desc_wrapper h3.title{font-size:24px;line-height:28px;margin-bottom:15px;color: #FFFFFF;} .counter .desc_wrapper h4.title{font-size:16px;line-height:20px;margin-bottom:0;color: #e8e8e8;font-weight:300;} .counter .desc_wrapper .number-wrapper .label{font-size: 60%;} .column_counter.custom_counter_item .counter .desc_wrapper .number-wrapper .label{font-size: 35%;color: #ffcf46;;} /* | --------------------------------------------------------------------- | Sidebar: Widget | --------------------------------------------------------------------- */ .widget > h3{background-color: #4f5e5c;color: #fff;font-size: 18px;font-weight: bold;line-height: 22px;padding: 10px;text-transform: uppercase;} .widget-area .widget{padding-bottom:0;} .tagcloud{background-color: #fff;padding: 15px;} .widget_archive ul li:after{border:none;} .widget_categories ul li:after{border:none;} .widget_categories ul{background-color: #ffffff;color: #005274 !important;} .widget_categories ul li a{color: #02b374 !important;} .widget_archive ul{background-color: #ffffff;} .aside_right .widget-area{border: none;} /* Search Form */ #searchform {background-color: #f0f0f0;padding: 30px 20px;} #searchform input.field{padding: 15px;font-size: 16px;} /* ------------------------ off_canvas_sidebar------------------ */ .mfn-off-canvas-sidebar .mfn-off-canvas-switcher {background-color: #1481be;} .mfn-off-canvas-sidebar .mfn-off-canvas-switcher i {color: #ffffff;} /* | --------------------------------------------------------------------- | Shortcode: Table | --------------------------------------------------------------------- */ table{-webkit-border-radius:0px;border-radius:0px} table th,table td{padding:6px;} table th{font-weight:400; background-color: #1c3b4f; box-shadow: none;border: 1px solid #dedede;color: #fff;} table tr td{border: 1px solid #dedede;padding-left: 15px !important;} table tr:first-child td{ box-shadow: none;} table tr:nth-child(2n) td{background-color:#fff;} table tr:nth-child(2n+1){background: #f0f0f0;} /* | --------------------------------------------------------------------- | Shortcode: FAQ | --------------------------------------------------------------------- */ .faq .question > .title{font-weight:400;font-size:16px;} /* | --------------------------------------------------------------------- | Sticky Buttons: | --------------------------------------------------------------------- */ .sticky-elements{position: fixed;z-index: 9 !important;} .sticky-elements.position_left{left: 0;top: 50%;} .sticky-elements.position_right{right: 0;top: 50%;} .sticky-elements.resized_sticky{width: 25px;height: 100px;} /* | --------------------------------------------------------------------- | Custom Iframe: | --------------------------------------------------------------------- */ .iframe_container{position: relative;overflow: hidden;width: 100%;padding-top: 110%;} .responsive-iframe{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;} /* | --------------------------------------------------------------------- | Custom PayPal Button: | --------------------------------------------------------------------- */ .sticky-order-process > .button_label {color: #1e73be;} #smart-button-container .column{margin: 0 1% 0;} #smart-button-container p.display-error{color:#ff0000;font-size:13px;margin: 0 0 5px;visibility: hidden;} #smart-button-container input[type="text"]{border-width:1px;border-radius: 4px;width:100%;padding:14px;font-size:16px;border-color: #BABABA;color: #111111;margin-bottom:0;} #smart-button-container input[type="number"]{border-width:1px;border-radius: 4px;width:100%;padding:14px;font-size:16px;border-color: #BABABA;color: #111111;margin-bottom:0;} #smart-button-container label{font-size:13px;} #smart-button-container #description{background-color: #eeeeee;color:#666666;} /* | ------------------------------------------------------------------------------- | Customize Payment Page: | ------------------------------------------------------------------------------- */ .payment_faq .faq .question .title .num {display: none;} .payment_faq .faq .question {margin-bottom: 10px;background: rgba(0,0,0,.08);} .payment_faq .faq .question:before {display: none;} .payment_faq .faq .question:after {display: none;} .payment_faq .faq .question .answer {padding: 0 20px 20px 20px;} .payment_faq .faq .question .title {padding: 20px 40px 20px 20px;font-size: 15px;text-align: center;font-weight: 500;text-transform: uppercase;} /* | ------------------------------------------------------------------------------- | Brand Fancy Divider: | ------------------------------------------------------------------------------- */ .column.column_fancy_heading .fancy_heading.fancy_heading_brand, .column.column_fancy_heading .fancy_heading.fancy_heading_brand_white {position: relative;padding-bottom:15px;} .section-title-dots {position: absolute;bottom: -5px;left: 0;width: 100%;line-height: 0;} .section-title-dots span {width: 8px;height: 8px;display: inline-block;margin: 0 6px;} .section-title-dots span:nth-child(1) {background: #6ca86a;} .section-title-dots span:nth-child(2) {background: #eca817;} .section-title-dots span:nth-child(3) {background: #3da2d8;} .section-title-dots span:nth-child(4) {background: #005374;} .section-title-dots.white span:nth-child(1) {background: #FFFFFF;} .section-title-dots.white span:nth-child(2) {background: #FFFFFF;} .section-title-dots.white span:nth-child(3) {background: #FFFFFF;} .section-title-dots.white span:nth-child(4) {background: #FFFFFF;} /* | ------------------------------------------------------------------------------- | Gradient Text Effect: | ------------------------------------------------------------------------------- */ .overlay_text {display: inline-block;background-image: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 22px;font-weight: 500;text-transform: uppercase;margin-bottom: 15px;} /* | ------------------------------------------------------------------------------- | ADDED BY RAJJAK: 23.03.2023 | ------------------------------------------------------------------------------- */ /*Post title all*/ .post-title .entry-title a:hover{color:#D99126 !important;transition: 0.8s;} .desc a:hover{color:#D99126 !important;transition: 0.2s;} /* Footer subscribe are bg color*/ .tnp-widget-minimal input.tnp-email {width: 99%;background: linear-gradient(to right, #1071c3 0%, #08090817 100%);font-size: 18px;font-weight: 300;padding: 12px 12px 12px 22px;border: none;border-radius: 25px;color: #FFFFFF !important;margin-bottom: 0;margin-top: 45px;} /* Footer company info section */ ul.list_custom li {margin: 0 0 14px 0;padding-left: 20px;} .textwidget a:hover{color: #bfc440 !important;} /* Footer contact us */ .get_in_touch ul li {border-bottom: 1px solid rgba(61, 162, 216, 0.2);padding: 10px 0 18px 45px;} /* Author date color */ .author-date .date{color: #777373;} /* widget category color */ .widget_categories ul li a {color: #066f49 !important;} /* post tag and category color */ .post-meta .category .cat-wrapper ul li a {display: block;text-align: center;padding: 1px 5px;color: #393939;} /* service menu color */ #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title {color: #0367B0 !important;} /* date color*/ .date_label{color: #777373;} /* Blog header and sub header page: */ #Subheader .breadcrumbs-navbar {background: rgba(0, 0, 0, .6) !important;padding: 0px 0 !important;} /* Single post */ #Header_wrapper, #Intro {background-color: #2a3646 !important;} #Intro .intro-inner{padding: 164px 0px 69px 0px !important;} #Intro .intro-title {font-size: 50px !important;line-height: 61px !important;font-weight: 500 !important;letter-spacing: 0px !important;} @media only screen and (max-width: 767px){ #Intro .intro-inner {padding: 52px 30px !important;} } /* Subscribe button footer */ .tnp-widget-minimal input.tnp-submit {width: 25%;padding: 13px;font-size: 18px;border-radius: 0 25px 25px 0;margin-left: -114px;background-color: #1071c3;background-image: linear-gradient(to right, #1071c3 0%, #478469 100%);background-repeat: repeat-y;background-size: 100% 100%;transition: all .30s ease-in-out;} @media only screen and (min-width: 1201px){ .tnp-widget-minimal input.tnp-submit {width: 25%;padding: 13px;font-size: 18px;border-radius: 0 25px 25px 0;margin-left: -116px;background-color: #1071c3;background-image: linear-gradient(to right, #1071c3 0%, #478469 100%);background-repeat: repeat-y;background-size: 100% 100%;transition: all .30s ease-in-out;} } /* Footer Intro Text and Address */ @media only screen and (max-width: 479px){ .textwidget .intro_cont{font-size: 15px !important;} .textwidget .get_in_touch p{font-size: 16px !important;} } /* | ------------------------------------------------------------------------------- | ELEMENT RE-STYLING: | ------------------------------------------------------------------------------- */ /* Home Page: Intro-Section -> Customized Featured Icon Box(Why Choose Us) */ #home_intro_section .custom_featured_icon_box .icon_box{padding-top: 0;padding-bottom: 0;} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left {min-height: 120px;padding-left:120px;} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left .image_wrapper{height: 110px;} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left .image_wrapper img {transform: translateY(50%);} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left .desc_wrapper{transform: translateY(25%);} /* Home Page: Intro-Section -> Customized Services Icon Box(Our Services) */ #home_intro_section .custom_services_icon_box .icon_box.icon_position_right{min-height: 120px;padding: 0px 125px 0px 20px;overflow:hidden;} #home_intro_section .custom_services_icon_box .icon_box.icon_position_right .image_wrapper{position: absolute;right: 0;top: 0;width: 120px;height: 120px;overflow: hidden;padding-top:0;margin-bottom:0;} #home_intro_section .custom_services_icon_box .icon_box.icon_position_right .image_wrapper img{position: absolute;bottom: 15px;right: 15px;top: auto;} #home_intro_section .custom_services_icon_box .icon_box.icon_position_right .desc_wrapper{text-align: left;padding-top: 0;height:120px;} #home_intro_section .custom_services_icon_box .icon_box.icon_position_right .desc_wrapper .title{margin-bottom: 0px;font-size: 22px;line-height: 28px;padding-top:28px;} #home_intro_section .custom_services_icon_box .icon_box.icon_position_right:before{content: "";background: rgba(255, 255, 255, 0.2);width: 50%;height: 100%;top: 0%;left: -210%;transform: skew(45deg);position: absolute;transition: left .600s ease-out;} #home_intro_section .custom_services_icon_box .icon_box.icon_position_right:hover:before{left: 235%;} @media only screen and (max-width: 767px) { #home_intro_section .custom_services_icon_box .column_fancy_heading{margin-bottom:10px;} #home_intro_section .custom_featured_icon_box .mobile-one.column_icon_box, #home_intro_section .custom_services_icon_box .mobile-one.column_icon_box{width:50%;} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left .image_wrapper img {transform: translateY(0%);} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left .desc_wrapper {transform: translateY(0%);} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left {position: relative;padding-left: 0;} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left .image_wrapper {height: auto;width: 100%;left: auto;top: 12px;position: relative;} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left .desc_wrapper {text-align: center;} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left {min-height: 135px;} #home_intro_section .custom_services_icon_box .icon_box.icon_position_right .desc_wrapper .title{margin-bottom: 0px;font-size: 16px;line-height: 20px;padding-top:20px;} #home_intro_section .custom_services_icon_box .icon_box.icon_position_right {min-height: 100px;padding: 0px 85px 0px 10px;} #home_intro_section .custom_services_icon_box .icon_box.icon_position_right .desc_wrapper {height: 100px;} #home_intro_section .custom_services_icon_box .icon_box.icon_position_right .image_wrapper {width: 75px;height: 100px;} #home_intro_section .custom_services_icon_box .icon_box.icon_position_right .image_wrapper img.scale-with-grid {max-width: 75%;height: auto;} #home_intro_section .custom_services_icon_box .icon_box.icon_position_right .image_wrapper img {bottom: 10px;right: 5px;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1023px){ #home_intro_section .custom_featured_icon_box .fancy_heading, #home_intro_section .custom_services_icon_box .fancy_heading{text-align:center;} #home_intro_section .section_wrapper .mcb-wrap{margin: 0;width: 100% !important;clear: both;} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left{padding-left: 120px;} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left .image_wrapper{position:absolute;width:126px;} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left .desc_wrapper{transform: translateY(50%);text-align:left;} #home_intro_section .custom_featured_icon_box .column.mcb-column:nth-child(3) .mcb-item-icon_box-inner, #home_intro_section .custom_featured_icon_box .column.mcb-column:nth-child(6) .mcb-item-icon_box-inner{padding-left:50px;} } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) { #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left {padding-left: 80px;} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left .image_wrapper {width: 70px;} #home_intro_section .custom_featured_icon_box .icon_box.icon_position_left .desc_wrapper .desc {font-size: 16px;font-weight: 400;} } /* Home Page: Working-Process-Section -> Customized Column Test */ #section_home_working_process .working_process .mcb-column-inner{display:flex;transition: all .30s ease-in-out;} #section_home_working_process .working_process .mcb-column-inner:before{content: '';position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.6);transition: all .30s ease-in-out;z-index: 0;visibility: visible;} #section_home_working_process .working_process .mcb-column-inner .column_attr{width:100%;} #section_home_working_process .working_process .mcb-column-inner .column_attr .working_process_overlay{display: flex;height: 100%;position: relative;z-index: 10;text-decoration:none;cursor: pointer;} #section_home_working_process .working_process .mcb-column-inner .column_attr .custom_column_inner{border:1px solid #FFFFFF;width:100%;height:100%;display:flex;align-items:center;} #section_home_working_process .working_process .mcb-column-inner .column_attr .custom_column_inner h4.custom_title{width:100%;font-weight: 500;font-size: 28px;line-height: 38px;} #section_home_working_process .working_process:nth-child(3) .mcb-column-inner .column_attr h4.custom_title{color:#63B855;} #section_home_working_process .working_process:nth-child(4) .mcb-column-inner .column_attr h4.custom_title{color:#F4C936;} #section_home_working_process .working_process:nth-child(5) .mcb-column-inner .column_attr h4.custom_title{color:#3DA2D8;} #section_home_working_process .working_process .mcb-column-inner:hover{padding:40px;} #section_home_working_process .working_process .mcb-column-inner:hover:before{opacity:0.7;background:linear-gradient(to right, #1071c3 0%, #2bf39d 100%);} #section_home_working_process .working_process .mcb-column-inner:hover .custom_column_inner h4.custom_title{color:#FFFFFF;} /* Custom Gradient Button */ .square_outline_gradient_alter_btn .button{background: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);color: #000 !important;padding: 2px;} .square_outline_gradient_alter_btn .button span.button_label {background: #fff;display: block;padding: 8px 0px;border-radius: 50px;margin: 0 !important;text-transform:uppercase;font-weight:500;} .square_outline_gradient_alter_btn .button:hover:after{opacity:0;} .square_bg_gradient_btn .button{padding: 10px 20px;background-color: #1071c3;background-image: linear-gradient(to right, #1071c3 0%, #2bf39d 100%);background-repeat: repeat-y;background-size: 100% 100%;transition: all .30s ease-in-out;text-transform:uppercase;font-weight:500;} .square_bg_gradient_btn .button:hover{background-size: 0 0;} /* | ------------------------------------------------------------------------------- | RESPONSIVE QUERY: | ------------------------------------------------------------------------------- */ @media only screen and (max-width: 767px){ #back_to_top.sticky{right: -15px !important;} #scnb-cookie-bar{visibility: hidden;} .cookie-notification-toggle{margin-bottom:0 !important;} a.mfn-link-5{margin: 0px;} .formcraft-css {padding: 10px 0px;} html .formcraft-css .fc-form .form-element .checkbox-cover > div label{width: 100% !important;padding: .3em 0 .3em 0;font-size: .82em;} /* HOME_PAGE:WORKING_PROCESS */ #section_home_working_process .working_process .mcb-column-inner .column_attr .working_process_overlay{height: 250px;} } @media only screen and (max-width: 959px){ .mobile-menu #Side_slide .menu.menu-mobile {display: block !important;} .mobile-menu #Top_bar .menu.menu-main, .mobile-menu #Side_slide .menu.menu-main{display: none;} #Subheader ul.breadcrumbs {display: block;} } @media only screen and (min-width: 960px){} @media only screen and (min-device-width: 768px) and (max-device-width: 959px) { .header-transparent #Action_bar #social-menu {display: none;} #Action_bar .contact_details {float: none;} #Action_bar .one.column {text-align: center;} #Action_bar .contact_details li{padding: 14px 0;} #Action_bar .contact_details a {font-size: 14px;} } @media only screen and (min-width: 1240px){ /* Mega Menu */ #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:capitalize;} .menuo-right #Top_bar .menu > li > ul.mfn-megamenu{left:auto;right:0} .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu{width:100%!important;margin:0;} .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li{border-right:none;} /* Dropdown Menu */ .mm-vertical #Top_bar .menu > li ul:not(ul.sub-menu.mfn-megamenu) {box-shadow: 0 7px 10px -7px #333 !important} /* Header Alignment */ #Top_bar.is-sticky{top:-90px;height:90px;background:#fff;opacity:1;} #Top_bar.is-sticky #logo img.logo-sticky {max-height: 80px !important;} /* Slick Slider Navigation visibility Control */ .offer_thumb a.button.slick-arrow,.blog_slider a.button.slick-arrow,.clients_slider a.button.slick-arrow{display: none !important;} } /* Portrait and Landscape */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) { #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left {padding-left: 90px;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .image_wrapper {width: 70px;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .desc_wrapper p.big {font-size: 16px;font-weight: 400;} /* Promotion Banner Section: Under Intro Section */ #service_promote_section .section_wrapper .column{width:48%;} #service_promote_section{padding-top: 40px !important;padding-bottom: 20px !important;} #service_promote_section .column.custom_ecomm_banner .column_attr .button_align.align_left {width: auto;} #service_promote_section:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(85 223 159 / 80%);opacity:1;z-index: 1;} /* First Order Campagin Section */ #first_order_free_campagin_section{padding-top:60px !important;paddding-bottom:20px !important;} /* Pricing Box */ .pricing-box .plan-footer a:first-child {margin-right: 0;} .pricing-box .plan-footer a.button{width: 80%;margin-bottom:5px;} /* Footer Action Section */ #Footer .footer_action .column.three-fifth{width:38% !important;} #Footer .footer_action .column.two-fifth{width:58% !important;} } @media only screen and (min-device-width: 1024px) and (max-device-width: 1200px){ .section_video .inner .banner_content{width: 75%;} .section_video .inner h1{font-size: 50px;line-height: 60px;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1200px){ /* Responsive Menu Toggle */ #Top_bar a.responsive-menu-toggle{width:38px;} #Top_bar .responsive-menu-toggle{color:#1a1a1a;background:#fafafa;} #Top_bar.is-sticky .responsive-menu-toggle{color:#ffffff;background:#3e3e3e;} /* Sticky Header */ #Top_bar.is-sticky{top:-75px;height:75px;} #Top_bar.is-sticky #logo img:not(.svg){max-height: 65px !important;} #Top_bar.is-sticky #logo, #Top_bar.is-sticky .custom-logo-link {height: 65px !important;line-height: 65px !important;} } @media only screen and (max-device-width: 1200px){ .pricing-box .plan-header h2 {line-height: 20px;} } /* Portrait */ /* Declare the same value for min- and max-width to avoid colliding with desktops */ /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/ @media only screen and (min-device-width: 800px) and (max-device-width: 834px){} /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1023px){ #intro_section .custom_icon_box_features .fancy_heading, #intro_section .custom_icon_box_services .fancy_heading{text-align:center;} #intro_section .section_wrapper .mcb-wrap{margin: 0;width: 100% !important;clear: both;} #service_promote_section .section_wrapper .column{width:58%;} #service_promote_section .column.custom_ecomm_banner .column_attr .button_align.align_left {width: 42%;} #featured_services_section .section_wrapper .column{width:48%;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .image_wrapper{position:absolute;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .desc_wrapper{text-align:left;transform: translateY(60%);} /* Promotion Banner Section: Under Intro Section */ #service_promote_section:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(85 223 159 / 80%);opacity:1;z-index: 1;} #service_promote_section .column.custom_ecomm_banner .column_attr .button_align.align_left .button.transparent_iconic_btn{padding-top:18px;} #service_promote_section{padding-top: 40px !important;padding-bottom: 20px !important;} /* Pricing Box */ .pricing-box .plan-footer a:first-child {margin-right: 0;} .pricing-box .plan-footer a.button{width: 80%;margin-bottom:5px;} .pricing-box .plan-header h2 {font-size: 16px;height: 50px;} /* First Order Campagin Section */ #first_order_free_campagin_section{padding-top:60px !important;paddding-bottom:20px !important;} /* Slick Slider Navigation visibility Control */ .blog_slider .slider_pager, .clients_slider .slider_pager, .offer_thumb .slider_pager{display: none;} /* Footer Copy right Section */ #Footer .footer_copy .one-second{width: 100%; clear: both;text-align:center !important;} #Footer .footer_copy .copyright {float: none;font-size:14px;} #Footer .footer_copy .one-second:first-child{padding-top: 25px !important;margin-bottom:10px !important;} #Footer .footer_copy .one-second:last-child{padding-top: 0px !important;margin-bottom:10px !important;} /* Footer Action Section */ #Footer .footer_action .column.three-fifth{width:48% !important;} #Footer .footer_action .column.two-fifth{width:48% !important;} /* header_video_banner */ .section_video .inner .banner_content{width:85%;} .section_video .inner h1{font-size:42px;line-height:50px;} } /* Landscape */ /* Declare the same value for min- and max-width to avoid colliding with desktops */ /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/ @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape){ /* Pricing Box */ .pricing-box .plan-footer a:first-child {margin-right: 5px;} .pricing-box .plan-footer a.button{width: auto;margin-bottom:15px;} /* Footer Action Section */ #Footer .footer_action .tnp-widget-minimal input.tnp-submit {width:16% !important;} .section_video .inner {top: 50%;} .section_video .inner .banner_content{width: 75%;} .section_video .inner h1 {font-size: 65px;line-height: 80px;} .section_video .video-viewport video{ display: block; width: 100vw; height: 100vh; object-fit: cover;} /* Main Nav */ #menu > ul > li > a{font-size: 14px;} .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title {font-weight: 500;font-size: 14px;} .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li {padding: 0;} .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li a {padding: 9px 10px;font-size:13px;} #Top_bar .menu > li > a span:not(.description) {padding: 0 10px;} } @media (min-device-width: 800px) and (max-device-width: 1240px) { /* Action Button visibility */ #Top_bar .top_bar_right {display: none;} /* Slick Slider Navigation visibility Control */ .blog_slider .slider_pager, .clients_slider .slider_pager, .offer_thumb .slider_pager{display: none;} } /* Portrait and Landscape */ @media (min-device-width: 800px) and (max-device-width: 1280px) { /* Promotion Banner Section: Under Intro Section */ #service_promote_section{padding-top: 40px !important;padding-bottom: 20px !important;} } @media (min-device-width: 1280px) and (max-device-width: 1280px) { /* Footer Action Section */ #Footer .footer_action .tnp-widget-minimal input.tnp-submit {width:16%;margin-left: -118px;} #Footer .footer_action .tnp-widget-minimal input.tnp-submit {width:16%;} /* Main Nav Alignment */ #menu > ul > li > a{font-size: 14px;} #Top_bar .menu > li > a span:not(.description) {padding: 0 16px;} #Top_bar .top_bar_right {padding-left: 10px;} /* header_video_banner */ .section_video .video-viewport video{ display: block; width: 100vw; height: 100vh; object-fit: cover;} .section_video .inner h1{font-size: 70px;line-height:75px;} .section_video .inner .banner_content {width: 90%;} } @media only screen and (max-width: 1280px){ .section_video .inner{top: 50%;} } @media only screen and (max-width: 1024px){ .sections_group, .four.columns{margin:0;width:100%!important;clear:both;} .aside_both .sections_group{margin:0 auto!important;} .single-post.with_aside .four.columns{display:none;} } @media only screen and (min-device-width: 846px) and (max-device-width: 915px){} @media only screen and (min-width: 768px){ .offer_thumb.bottom .slider_pagination{margin-top: 0px;} .sticky-white #Top_bar.is-sticky,.sticky-white #Top_bar.is-sticky #menu{background:rgba(255,255,255,1)} } @media only screen and (min-device-width: 481px) and (max-device-width: 1200px){ #Footer .footer_action .column.two-fifth .tnp-widget-minimal input.tnp-email{border-radius: 25px 0 0 25px !important;width:65% !important;} #Footer .footer_action .tnp-widget-minimal input.tnp-submit {width: 33% !important;margin-left: 0;margin-top:10px;border-radius: 0 25px 25px 0;} } @media only screen and (min-device-width: 481px) and (max-device-width: 767px){ .section_video .inner .banner_content{width: 90%;} .section_video .inner h1{font-size: 35px;line-height: 46px;} .section_video .inner .button.button_size_3 {font-size: 90%;padding-top: 5px;padding-bottom: 5px;} } /* Mobile Responsive */ @media only screen and (max-width: 767px) { /* Force Sticky Logo Height */ .mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile-sticky {max-height: 50px !important;} /* overlay_text font Alignment */ .overlay_text{font-size: 20px;margin-bottom:5px;} /* fancy_heading Alignment */ #intro_section .custom_icon_box_features .fancy_heading, #intro_section .custom_icon_box_services .fancy_heading{text-align:center;} .fancy_heading .title {line-height: 46px;font-size:36px;} .column_fancy_heading.custom_fancy_heading .fancy_heading .title {letter-spacing: 0;margin-bottom: 5px;} .column_fancy_heading.custom_fancy_heading .fancy_heading .inside {max-width: 90%;} /* Intro Section: Why Choose US & Our Services */ #intro_section .section_wrapper .mcb-wrap.custom_icon_box_features{padding:0;} #intro_section .custom_icon_box_features .column.column_icon_box{margin-bottom:0 !important;} #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(6){border-bottom: 1px dashed #c5c5c5;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .desc_wrapper{padding-top: 0px;transform: translateY(0%);text-align: center;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .image_wrapper img{transform: translateY(0%);} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left{min-height: auto;padding-left: 0;padding-right: 0;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .image_wrapper{position: static;width: auto;height: auto;margin-bottom: 15px;padding-top:10px;text-align:center;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .desc_wrapper .title{margin-bottom:7px;font-size:20px;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .desc_wrapper p.big{font-size: 16px;font-weight: 400;letter-spacing: 1px;} #intro_section .section_wrapper .mcb-wrap.custom_icon_box_services{padding:40px 0 0 0;} /* Promotion Banner Section: Under Intro Section */ #service_promote_section{text-align:center;padding-top: 40px !important;padding-bottom: 20px !important;} #service_promote_section:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(85 223 159 / 80%);opacity:1;z-index: 1;} #service_promote_section .column.custom_ecomm_banner .column_attr .button_align.align_left {width: 100%;} #service_promote_section .column.custom_ecomm_banner .column_attr .button_align.align_left .button.transparent_iconic_btn{padding-top:18px;} /* First Order Campagin Section */ #first_order_free_campagin_section{padding-top:60px !important;} #first_order_free_campagin_section .column .column_attr h3{font-size:28px;line-height:40px;} /* Slick Slider Alignment */ .offer_thumb_ul.slick-slider a.slider_next.slick-arrow{right:-25px} .offer_thumb_ul.slick-slider a.slider_prev.slick-arrow{left:-25px} .column_offer_thumb .offer_thumb_ul.slick-slider .slick-track {left: 0;} .offer_thumb_ul.slick-slider a.button.slick-arrow .button_icon, .blog_slider_ul.slick-slider a.button.slick-arrow .button_icon, .clients_slider_ul.slick-slider a.button.slick-arrow .button_icon {font-size: 30px;opacity: 1;} /* Slick Slider Navigation visibility Control */ .blog_slider .slider_pager, .clients_slider .slider_pager, .offer_thumb .slider_pager{display: none;} /* Typography Resize */ .blog_slider .blog_slider_ul .item_wrapper .desc h4{font-size:18px;line-height:24px;} /* Button Typography */ .button.square_bg_gradient_btn {padding: 12px 20px;font-weight: 500;font-size: 16px;} .button.square_outline_gradient_alter_btn span.button_label {padding: 12px 0px;font-weight: 500;font-size: 16px;} /* Pricing Box */ .pricing-box .plan-footer a:first-child {margin-right: 0;} .pricing-box .plan-footer a.button{width: 80%;margin-bottom:5px;} .pricing-box .plan-header h2 {font-size: 18px;height: 50px;} /* featured_services_section Typography*/ #featured_services_section .column_attr h3{font-size:22px;line-height:28px;font-weight:500;} /* Footer Copy right Section */ #Footer .footer_copy .one-second{text-align:center !important;} #Footer .footer_copy .copyright {font-size:13px;line-height:20px;} #Footer .footer_copy .one-second:first-child{padding-top: 25px !important;margin-bottom:0px !important;} #Footer .footer_copy .one-second:last-child{padding-top: 0px !important;margin-bottom:10px !important;} #Footer .footer_copy .footer_menu{margin-bottom:10px;} /* Footer Action Section */ #Footer .footer_action .column.three-fifth .image_frame .image_wrapper{width: 65% !important;margin: 0 auto !important;} /* Header Alignment */ .mobile-header-mini.mobile-sticky #Top_bar.is-sticky{background-color: #ffffff !important;} .mobile-header-mini.mobile-sticky #Top_bar.is-sticky .responsive-menu-toggle{color:#ffffff;background:#3e3e3e;} .mobile-header-mini.mobile-sticky #Top_bar:not(.is-sticky){background-color: #555555!important} .mobile-header-mini.mobile-sticky #Top_bar:not(.is-sticky) .responsive-menu-toggle{color:#3e3e3e;background:#ffffff !important;} #Subheader .page-title{padding: 70px 0;} #Subheader .page-title.cutom-form-page-template{padding: 0;} /* Subheader Valuproposition Responsive on Mobile */ #Subheader .value-proposition.counter-wrapper .container .column{width:48% !important;clear:none;} /* Blog Header: Meta Info[Category,Tags] */ .post-header .post-meta .category {display: block;} .post-header .post-meta .category {float: left;position: relative;} .post-header .post-meta .category.mata-tags {margin-right: 10px;display: none;} } @media only screen and (min-device-width: 667px) and (max-device-width: 760px) { .column_offer_thumb .offer_thumb_ul.slick-slider .slick-track {left: -10px;} .offer_thumb_ul li.offer_thumb_li {padding-left: 20px;} #featured_services_section .section_wrapper .column{width:48% !important;float: left;margin: 0 1% 40px !important;clear:none !important;} #intro_section .custom_icon_box_features .column.column_icon_box {width: 48% !important;float: left;margin: 0 1% 40px !important;clear:none !important;} #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(6){border-bottom: none;} #intro_section .section_wrapper .mcb-wrap.custom_icon_box_features{padding: 0 10px;} #intro_section .custom_icon_box_features .column.column_icon_box{width:49%;} #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(3), #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(6){margin-right:0 !important;} #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(4), #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(7){margin-left:0 !important;} #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(3), #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(4){margin-bottom: 0px !important;border-bottom: 1px dashed #c5c5c5;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left.has_border:after{border-right: 1px dashed #c5c5c5 !important;display:block;} /* icon_position_left */ #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left{padding: 0;min-height: 120px;padding-left: 115px;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .image_wrapper{position:absolute;top: 0;width: 90px;height: 120px;margin-bottom: 0px;padding-top:10px;text-align:right;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .desc_wrapper{padding-top: 4px;transform: translateY(50%);text-align:left;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .desc_wrapper .title{margin-bottom:0;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .image_wrapper img{transform: translateY(50%);} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .desc_wrapper p.big{font-size: 20px;font-weight: 400;letter-spacing: 1px;line-height:36px;} #intro_section .custom_icon_box_services .column.column_icon_box {width: 48% !important;float: left;margin: 0 1% 40px !important;clear:none !important;} #intro_section .custom_icon_box_services .column.column_icon_box:nth-child(2), #intro_section .custom_icon_box_services .column.column_icon_box:nth-child(3){margin-bottom: 12px !important;} .section_wrapper .column.column_fancy_heading{margin: 0 1% 40px !important;} /* Footer Action Section */ #Footer .footer_action .column.three-fifth .image_frame .image_wrapper {width: 40% !important;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1023px) { #Footer .widgets_wrapper .column.one-second{width: 100%; clear: both;} /* Action Button visibility */ #Top_bar .top_bar_right {display: none;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #featured_services_section .column_attr h3{font-size:20px;line-height:28px;font-weight:500;} } @media only screen and (min-device-width: 768px) and (max-device-width: 959px) { .get_in_touch ul li .icon {display: block !important;} /* Blog Header: Meta Info[Tag] */ .post-header .post-meta .category.mata-tags {margin-right: 10px;display: none;} } @media only screen and (min-device-width: 568px) and (max-device-width: 1023px) { #Footer .widgets_wrapper .column.one-fourth {width: 48% !important;clear:none;margin: 0 1% 0px !important;} #Footer .widgets_wrapper {padding-bottom: 0 !important;} } @media only screen and (min-device-width: 568px) and (max-device-width: 640px) { .section_wrapper, .container, .four.columns .widget-area {max-width: 475px !important;} .column_offer_thumb .offer_thumb_ul.slick-slider .slick-track {left: 0px;} .offer_thumb_ul li.offer_thumb_li {padding-left: 5px;} #intro_section .custom_icon_box_features .column.column_icon_box {width: 48% !important;float: left;margin: 0 1% 40px !important;clear:none !important;} #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(6){border-bottom: none;} #intro_section .section_wrapper .mcb-wrap.custom_icon_box_features{padding: 0 10px;} #intro_section .custom_icon_box_features .column.column_icon_box{width:49%;} #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(3), #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(6){margin-right:0 !important;} #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(4), #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(7){margin-left:0 !important;} #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(3), #intro_section .custom_icon_box_features .column.column_icon_box:nth-child(4){margin-bottom: 0px !important;border-bottom: 1px dashed #c5c5c5;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left.has_border:after{border-right: 1px dashed #c5c5c5 !important;display:block;} /* icon_position_left */ #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left{padding: 0;min-height: 120px;padding-left: 95px;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .image_wrapper{position:absolute;top: 0;width: 75px;height: 120px;margin-bottom: 0px;padding-top:10px;text-align:right;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .desc_wrapper{padding-top: 4px;transform: translateY(50%);text-align:left;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .desc_wrapper .title{margin-bottom:0;} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .image_wrapper img{transform: translateY(50%);} #intro_section .custom_icon_box_features .column.column_icon_box .icon_box.icon_position_left .desc_wrapper p.big{font-size: 16px;font-weight: 400;letter-spacing: 1px;line-height:36px;} #intro_section .custom_icon_box_services .column.column_icon_box {width: 48% !important;float: left;margin: 0 1% 40px !important;clear:none !important;} #intro_section .custom_icon_box_services .column.column_icon_box:nth-child(2), #intro_section .custom_icon_box_services .column.column_icon_box:nth-child(3){margin-bottom: 12px !important;} .section_wrapper .column.column_fancy_heading{margin: 0 1% 40px !important;} .pricing-box .plan-header strong {padding: 0 7px;font-size: 20px;} .pricing-box .plan-header small {font-size: 13px;} } @media only screen and (min-device-width: 320px) and (max-device-width: 480px){ #Footer .footer_action .tnp-widget-minimal input.tnp-submit {width: 100% !important;margin-left: 0;margin-top:10px;border-radius: 25px;} } @media only screen and (max-device-width: 480px){ .section_video .inner .banner_content{width: 95%;} .section_video .inner h1{font-size: 20px;line-height:26px;} .section_video .inner .button.button_size_3 {font-size: 80%;padding-top: 0;padding-bottom: 0;} .fancy_heading .title {line-height: 36px;font-size: 30px;} } @media only screen and (max-device-width: 480px) and (orientation: portrait){ .section_video .video-viewport video{ display: block; width: 100vw; height: 50vh; object-fit: cover;} } @media only screen and (max-device-width: 480px) and (orientation: landscape){ .section_video .video-viewport video{ display: block; width: 100vw; height: 100vh; object-fit: cover;} } @media only screen and (min-device-width: 428px) and (max-device-width: 428px){} @media only screen and (min-device-width: 390px) and (max-device-width: 393px) {} @media only screen and (min-device-width: 361px) and (max-device-width: 384px) {} /* ----------- iPhone 5, 5S, 5C and 5SE ----------- */ /* Portrait and Landscape */ @media only screen and (max-device-width: 360px){ /* Button Typography */ .button.square_bg_gradient_btn {font-size: 14px;} /* Promotion Banner Section: Under Intro Section */ .column.custom_ecomm_banner .column_attr .button_align.align_left {float: none;} } @media only screen and (max-device-width: 320px){}