/* Theme Name: GizmoHelp Theme URI: https://www.gizmohelp.com Author: Manpreet Singh Author URI: https://www.kochartech.com Version: 2.0 Text Domain: gizmohelp */ @import url('css/normalize.css'); @import url('css/flaticon.css'); @import url('css/sweetalert.css'); @import url('css/owl.carousel.css'); @import url('css/owl.theme.css'); @import url('css/select2.min.css'); @import url('css/jquery.fancybox.css'); @import url('css/jquery.datetimepicker.css'); /*! HTML5 Boilerplate v5.1.0 | MIT License | https://html5boilerplate.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html { color: #222; font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } .sb-hide { display: none; } /* ========================================================================== Author's custom styles ========================================================================== */ /* ********************************************************************************************************************* * Common columns definitions */ .container{ width: 100%; max-width: 1100px; margin: 0 auto; } .row { clear: both; padding: 0 10px; } .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; margin: 0 3% 0 0; } .col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 { margin: 0; } .col1 { width: 5.5%; } .col2 { width: 14%; } .col3 { width: 22.5%; } .col4 { width: 31%; } .col5 { width: 39.5%; } .col6 { width: 48%; } .col7 { width: 56.5%; } .col8 { width: 65%; } .col9 { width: 73.5%; } .col10 { width: 82%; } .col11 { width: 90.5%; } .col12 { width: 99%; margin: 0; } /* ********************************************************************************************************************* * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math */ @media all and (min-width: 1024px) { .onepcssgrid-1000 { max-width: 1000px; } .onepcssgrid-1000 .row { padding: 0; } } /* ********************************************************************************************************************* * Small devices */ @media all and (max-width: 768px) { .row { } .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 { float: none; width: 99%; } } /* ========================== Main Styles ======================== */ body{font-size: 14px; font-family: 'Roboto', sans-serif; background: #fff; color: #666;} body.page-template-my_account{background: #F5F5F5;} .float_left{float: left;} .float_right{float: right;} .text_left{text-align: left;} .text_right{text-align: right;} .text_center{text-align: center;} .hide{display: none;} .inline-list{margin: 0; padding: 0;} .inline-list li{float: left; list-style:none; margin-right:6px;} .blue_txt{color: #00A1E5;} .red_txt{color:#F34B64;} .button{text-decoration: none; cursor: pointer; display: inline-block; border: 0; border-radius: 0 !important; line-height: 1em !important; font-weight: 300 !important} .button.small{padding:5px 10px 6px; font-size: 13px;} .button.medium{padding:10px 18px 12px !important; font-size: 16px !important;} .button.large{padding:12px 25px 14px !important; font-size:24px !important;} .button.red{background:#F34B64 !important; color: #fff !important;} .button.red.transparent{background: rgba(243,75,100,0.9)} .button.red:hover{background:#E5374E !important;} .button.blue{background: #00A1E5 !important; color: #fff !important;} .button.blue:hover{background: #0493CC !important;} .button.blue.transparent{background: rgba(0,161,229,0.8) !important;} .button.blue.transparent:hover{background: #00A1E5 !important;} .button.white{background: #fff !important; color: #444 !important;} .button.grey{background: #eee !important; color: #333 !important;} input{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .green_txt{color:#3A9D3A;} .red_txt{color:#ff0000;} img{max-width: 100%;} input[readonly], input[readonly]:hover{background:#fff !important; cursor: default !important; border-color: #ccc !important;} /* ========================== Header Styles ====================== */ /* =================== Progress bar Styles ======================== */ .progress-indicator{background:#00A1E5; height:5px; position: fixed; top: 0; z-index: 10001;} /* ================= Logo & Navigation Styles ================ */ .main_header{background:rgba(255,255,255,0.95); z-index: 10; box-shadow: 0 0 5px #aaa; position: relative;} .main_header ul.menu{margin:0; padding: 0; font-size: right;} .main_header ul.menu > li{float:left; list-style:none; margin-left:15px; line-height: 1.5em; padding: 28px 0;} .main_header ul.menu > li > a{color: #555; font-size:13px; text-transform: uppercase; text-decoration: none; cursor: pointer; padding:8px 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .main_header ul.menu > li > a:hover{color: #00A1E5;} .main_header ul.menu > li.current_page_item a, .main_header ul.menu > li:hover > a{background: #00A1E5; color: #fff;} /*.main_header ul.menu > li .sub_menu_wrap{display: none;}*/ .main_header ul.menu .mega_dd ul{position: absolute; height: 300px; background: #ccc; left: 0; right: 0;} .main_header ul.menu .mega_dd ul li{display: inline-block;} .main_header .logo{margin-top:15px;} .home .main_header .logo{margin-bottom:15px;} .main_header .logo a{display:inline-block;} .main_header .sub_menu_wrap{background:#F6F6F6; left: 0; position: absolute; top:77px; width: 100%; z-index: 100; display: none; box-shadow: 0 3px 3px #aaa;} .main_header.fixed_header .sub_menu_wrap{top: 76px;} .main_header .sub_menu_wrap ul{margin: 0; padding: 0; max-width: 1100px; margin: 0 auto;} .main_header .sub_menu_wrap ul li{list-style: none; float: left; text-align: center; display: inline-block; line-height:2em; width: 20%;} .main_header .apps_col ul li{width:16.5%;} .main_header .services_col ul li{width: 20%;} .main_header .sub_menu_wrap ul li a{font-size:12px; text-decoration: none; color: #777; padding:15px 20px 12px; text-transform: uppercase; border-right: 1px solid #ddd; display: block;} .main_header .apps_col ul li a{padding:15px 10px 12px;} .main_header .sub_menu_wrap ul li a .fi{display: block; position: relative; top: 5px;} .main_header .sub_menu_wrap ul li a .fi:before{font-size:40px; line-height: 1em; color:#9f9f9f;} .main_header .sub_menu_wrap ul li a:hover{background: #f5f5f5; color: #00A1E5;} .main_header .sub_menu_wrap ul li a:hover .fi:before{color: #00A1E5;} .main_header ul.menu > li:hover .sub_menu_wrap{display: block;} .main_header.fixed_header{position: fixed; z-index: 1000; position: fixed; top: 0; width: 100%; box-shadow: 0 0 3px #aaa; -moz-box-shadow: 0 0 3px #aaa; -webkit-box-shadow: 0 0 3px #aaa;} .main_header.fixed_header img{/*max-width: 160px;*/} /*.main_header.fixed_header ul.menu{margin:25px 0 0 0;}*/ .parallax { background-attachment: fixed !important; background-size: cover !important; overflow: hidden; width: 100%; } /* ================= Top Bar Styles ================ */ .top_bar{background: #253245; color: #B8B8B7; padding:1px 0;} .top_bar .my_ac_btn{cursor: pointer; padding:3px 10px; border: 1px solid #636972; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height: 2.5em; font-size: 13px; position: relative; top: 1px; display: inline;} .top_bar .welcome{display: inline-block; margin-right: 8px;} .top_bar .my_ac_btn .fi:before{font-size:10px; color: #B8B8B7;} .top_bar .my_ac_btn:hover, .top_bar .my_ac_btn.active_btn{background:#F34B64; border-color: #F34B64; color: #fff;} .top_bar .my_ac_btn:hover .fi:before{color: #fff;} .top_bar .my_act{position:absolute; z-index: 100; display: none; margin-top: -4px; box-shadow: 0 0 3px #ccc; z-index: 100; text-align: left; left: 0;} .top_bar .my_act ul{margin: 0 !important; padding: 0 !important; position:absolute; background: #253245; width:180px;} .top_bar .my_act ul li{list-style: none; line-height: 1.5em; float: none; display: block; margin:0; padding: 0;} .top_bar .my_act ul li a{padding:8px 10px; text-decoration: none; color: #B8B8B7 !important; display: block; border-bottom: 1px solid #3b475c;} .top_bar .my_act ul li:last-child a{border: 0;} .top_bar .my_act ul li a:hover{background:#152335; color: #fff;} .top_bar .my_ac_btn:hover .my_act{display: block;} .top_bar .social_icons li a{color: #bababa; text-decoration: none;} .top_bar .social_icons li a .fi:before{font-size:23px !important;} .top_bar .social_icons{float: left; margin-right: 15px;} .top_bar .search_form{float: left; position: relative;} .top_bar .search_form label{position: absolute; top:8px; left: 215px; color:#bababa; width: 100%;} .top_bar .search_form .text{background: transparent; border: 0; padding:6px 5px 3px; border-bottom: 1px solid #636972; width:200px; padding-right: 30px;} .top_bar .search_form .search-submit{background:transparent; border: 0; margin-left: -28px;} .top_bar .header_link{text-decoration: none; color:#bababa; font-size: 14px; margin-left: 15px;} .top_bar .header_link:hover{color: #fff;} .top_bar .header_link .fi:before{font-size: 16px; display: inline-block; margin-right:5px;} .top_bar .header_link .flaticon-user168:before{font-size: 14px;} /* ================= Homepage Slider Styles ================ */ /* ================= Second Banner Styles ==================== */ .home_slider{position: relative;} .home_slider .banner.second .button.large{padding:14px 60px;} .home_slider img{display: block; width: 100%;} .home_slider .outer_cont{top: 0; position: absolute; width: 100%; top: 0;} .home_slider .fixed_content{position: absolute; width: 100%; top: 0;} .home_slider .sbHolder{display: inline-block;} .home_slider .selec_txt{display: inline-block; font-size: 32px; font-weight:300; margin: 0 8px; position: relative; top: 8px; color: #fff;} /* ================== Banner Select Option Styles ================= */ .page-template-home .select2-container{width:220px !important;} .page-template-home .select2-container--default .select2-selection--single{border: 0; border-radius: 5px !important;} .page-template-home .select2-container--open{border-radius:5px 5px 0 0 !important;} .page-template-home .select2-container .select2-selection--single{height: 40px; font-size:20px; color: #777;} .page-template-home .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px;} /* ==================== Banner Text Styles ======================== */ .home_slider .banner .banner_text{font-size: 43px; line-height:1.3em; color: #fff; font-weight: 300; padding: 0 200px; margin-top: 100px;} .home_slider .banner .banner_text div{margin-top: 25px;} .home_slider .banner .orange{color:#ff9138;} .form_bar #GetSupportBtn{padding:10px 40px 12px; font-size: 22px; font-weight: 300;} .form_bar .selection{margin-top:160px;} .form_bar .selection label{display: inline-block; width: 222px;} .home_selection select{width: 100%;} /* ================= Services We Provide Homepage Styles ================ */ .section_title{font-size:38px; color: #666666; font-weight:300; padding:30px 0; margin:0;} .section_title span.blue_txt, .section_title span.red_txt{font-weight: 300;} .section_title.white{color: #fff;} .services_provide{margin-bottom: 50px; background: #fff;} .services_provide .svc_block{text-align: center; margin-top: 15px;} .services_provide .svc_block .block_link{display: block; cursor: pointer;} .services_provide .svc_block .fi:before{font-size:50px; color: #9F9F9F;} .services_provide .svc_block .fi{height: 100px; width: 100px; text-align: center; line-height: 2em; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; position: relative; text-align: center; margin-bottom:15px;} .services_provide .svc_block .fi:after{border:1px solid #F34B64; content:''; width:80px; height:80px; left:-16px; top:-45px; border-radius:500px; position:absolute; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity:0;} .services_provide .svc_block:hover .fi:after{left:-17px; top:-46px; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity:1;} .services_provide .svc_block .block_title{font-size: 20px; display: block; color:#9f9f9f; margin:25px 0 10px 0;} .services_provide .svc_block p{margin:0 0 15px 0; color:#555555; line-height: 1.5em;} .services_provide .svc_block:hover .block_link, .services_provide .svc_block:hover .block_link .block_title, .services_provide .svc_block:hover .block_link .fi:before{color: #F34B64;} /* ================= Secure Your Device Homepage Styles ================ */ .secure_device{background: #00A1E5; padding-bottom:40px;} .secure_device .secure_section{color: #fff; font-size: 14px;} .secure_device .secure_section .fi{float: left; width: 100px; height: 100px; margin: 0 25px 0 0;} .secure_device .secure_section .fi:before{font-size: 100px; line-height: 100px;} .secure_device .secure_section .sec_title{font-size: 22px; line-height:15px;} .secure_device .secure_section .section_info{margin-left: 125px;} .secure_device .secure_section .section_info p{line-height: 1.5em;} /* ================= Why Choose GH Styles ================ */ .why_choose .section_intro{font-size: 16px; color: #666; line-height: 1.5em; padding: 0 120px; line-height: 1.7em;} .stats_counter{background: #F34B64; padding: 40px; margin: 40px 0 0 0; color: #fff;} .stats_counter .counter .fi:before{font-size:60px;} .stats_counter .counter .title{font-size: 20px; display: block;} .stats_counter .counter .count{font-size: 33px;} .stats_counter.about{padding: 20px; margin: 30px 0;} .stats_counter.about .counter .fi:before{font-size: 40px;} .stats_counter.about .counter .title{font-size:16px;} .stats_counter.about .counter .count{font-size:20px;} /* ================= Blog ul & Do it Yourself Styles ================ */ .blog_diy .diy ul{margin: 0; padding: 0;} .blog_diy .diy ul li{margin-bottom:24px; list-style: none;} .blog_diy .diy ul li a{font-size: 18px; text-transform:capitalize; font-weight: normal; color:#555555; text-decoration:none;} .blog_diy .diy ul li a .text{float: left; width: 92%;} .blog_diy .diy ul li a:hover{color:#00A1E5;} .blog_diy .diy ul li .fi{display: inline-block; margin: 0 10px 0 0; float: left; color: #999;} .blog_diy .diy ul li a:hover .fi{color:#00A1E5;} /*.blog_diy .diy ul li:before{content: "\e05c"; font-family: "Flaticon"; font-size:22px; color:#bababa; position: absolute;}*/ .blog_diy .blog .post{margin-bottom:15px;} .blog_diy .blog .post .post_thumb img{border:4px solid #e3e3e3; max-width: 100%; width: 120px; max-height: 100px;} .blog_diy .blog .post .post_thumb{float: left; width: 110px; height: 110px; margin:4px 15px 0 0;} .blog_diy .blog .post .post_info{margin-left: 135px;} .blog_diy .blog .post .post_title{margin-bottom: 8px;} .blog_diy .blog .post .post_title a{font-size:16px; text-decoration: none; color:#00a1e5;} .blog_diy .blog .post .post_desc{color:#b5b5b5; font-size: 13px;} .blog_diy .blog .post .post_desc a{text-decoration: none; color:#f34b64; } /* ===================== Join Us Now Styles ===================== */ .join_now{background:#FF9138; padding:30px 0 40px 0; margin-top: 20px;} .join_now h3{font-size:34px; color: #fff; line-height: 30px; font-weight: 300; margin:0;} .join_now .fi:before{font-size:50px; position: relative; top:6px; display: inline-block;} /* ==================== Innovators Wanted Style =================== */ #inn_wanted{background: url(img/innovators_wanted_bg.jpg) no-repeat center center; padding:50px 0 30px 0; color: #fff; min-height: 360px;} .innovators_wanted .section_title{margin:0 0 20px 0; padding:0;} .innovators_wanted .section_intro{margin-bottom:20px; padding: 0 100px;} .innovators_wanted .inn_block{margin-top: 20px;} .innovators_wanted .inn_block a{display: block; color: #fff; text-decoration: none;} .innovators_wanted .inn_block .fi{margin-bottom: 10px;} .innovators_wanted .inn_block .fi:before{font-size:50px;} .innovators_wanted .inn_block .iw_block_title{font-size: 22px; display: block; margin-bottom: 8px; font-weight: 300;} /* ======================== Testimonials =========================== */ .testimonials{padding:30px 0 50px 0;} .testimonials .section_title{padding-bottom:40px; color:#00A1E5} .testimonials .quote{font-size: 20px; font-weight: 300; color: #666; line-height:1.8em;} .testimonials .quote p{margin: 0; display: inline;} .testimonials .quote .comma{font-size: 20px;} .testimonials .owl-controls{margin-top:20px;} .testimonials .customer_name{font-size:20px; color: #777; font-weight:400; margin-top: 10px;} .testimonials .person_character{width:80px; height:80px; margin: 0 auto; border-radius: 100px; padding:5px; background: #eee; border: 1px solid #ddd;} .testimonials .user_info{margin-top:10px; text-align: center;} .testimonials .person_character img{width: 100%; overflow: hidden; border-radius: 100px;} .testimonials .quotes_icon{background: url(img/quotes-primary.png) no-repeat; height:120px; width:120px; margin-top: 0 auto; display: inline-block; background-size: 120px;} /* =================== Inner Page Header Styles ====================== */ .inner_header{background:#253141 url(img/inner_header.jpg) no-repeat center center; background-size: cover; color: #fff; padding: 20px 0;} .inner_header .fi{display: inline-block; margin:0 10px 0 0; position: relative; top:8px; float: left;} .inner_header .fi:before{font-size:38px; line-height:22px;} .inner_header h1.entry-title{font-weight:300; font-size: 35px; display: inline-block; float: left; margin-left:25px; width:100%; margin: 0; line-height:34px;} .inner_header #breadcrumbs{margin-top:0;} .inner_header #breadcrumbs a, .woocommerce-breadcrumb a{color: #18A7E3 !important; text-decoration: none;} .inner_header #breadcrumbs a:hover, .woocommerce-breadcrumb a:hover{text-decoration: underline;} /* ===================== Inner Pages Styles ======================== */ .entry-content{min-height: 400px; margin:20px auto;} .aligncenter{margin:20px auto; display: block;} .content{margin: 20px 0;} .entry-content p, .content p, .no_height p{font-size: 15px; line-height: 1.9em; color:#666;} .entry-content strong, .content strong{font-size: 16px;} .entry-content p:first-child, .content p:first-child{margin-top:0;} .entry-content p:last-child, .content p:last-child, .no_height p:last-child{margin-bottom:0;} .entry-content .col3.last{position: relative;} .col3 .widget{margin-bottom: 15px;} .widget.request_call_back a{background:#17A7E3; padding: 15px; text-decoration: none; display:block;} .widget.request_call_back.red a{background: #F34B64;} .widget.request_call_back.fix_call_back{position: fixed; top:350px; width:18%; z-index: 10;} .widget.request_call_back .fi{float: left; margin-top: 5px;} .widget.request_call_back .fi, .widget.request_call_back .title{color: #fff;} .widget.request_call_back .title{font-size:16px; margin-left:60px; font-size:18px; text-align: left; font-weight: 500;} .widget.request_call_back .fi:before{font-size:40px; line-height: 40px;} .widget.request_call_back input{width: 100%; border: 0; padding:8px; margin-bottom: 10px;} .app_widget.fix_app_widget{position: fixed; width:15.1%; top:65px; z-index:10;} .entry-content .widget{margin-bottom: 15px;} .widget .sub_cats{margin: 0 0 10px 0; padding: 0;} .widget .sub_cats li{list-style:none; margin:0 0 15px 0; padding: 0;} .widget .sub_cats li:before{content: '';} .widget .sub_cats li:last-child{margin-bottom: 0;} .widget .sub_cats li a{text-decoration: none; color: #777777; font-size: 15px;} .widget .sub_cats li a:hover, .widget .sub_cats li a:hover .fi:before, .widget .sub_cats li.current-menu-item a, .widget .sub_cats li.current-menu-item a .fi:before{color: #f34b64;} .widget .sub_cats li.current-menu-item a:before{color:#f34b64 !important;} .widget .sub_cats li a .menu_text{padding-left:10px;} .widget .icon_cats li a .menu_text{padding-left:10px; float: left; width:85%;} .widget .icon_cats li a .fi{position: relative; margin-top:-3px; float: left;} .widget .sub_cats li a .fi:before{color:#00a1e5;} .widget .sub_cats.apps li a{padding-left: 20px; position:relative;} .widget .sub_cats.apps li a:before{content: "\e003"; font-family: "Flaticon"; position: absolute; color: #ccc; font-size:14px; left: 0;} .widget .sub_cats.apps li:hover a:before{color: #f34b64;} .widget.app_widget{margin-top: 20px;} .product_page .widget.app_widget, .insurance_claims_docs .widget.app_widget{margin-top:0;} .product_page .app_widget.fix_app_widget{top:90px;} .channels_col .col2{width: 17% !important;} .channels_col .col2 .gbColContent{position: relative; top: 15px;} .channels_col .col2 .gbColContent ul{padding-left:15px;} .channel_heading{color: #00A1E5; font-weight:400; border-bottom: 1px solid #00A1E5; padding-bottom: 8px; margin-bottom: 15px; font-size: 22px;} .woocommerce-tabs .channels_col .col2 .columnHeading{font-weight: normal;} .checkIcon{background: url(img/check.png) no-repeat; width: 22px; height: 16px; display: inline-block; margin: 0 auto;} table.statsTable tr td, table.statsTable tr th{padding: 10px; border:1px solid #ddd;} table.statsTable tr td.small{text-align: center;} table.statsTable tr th{background: #f5f5f5;} .widget.protect a{text-decoration: none; color: #fff; display: block; position: relative;} .widget.protect .desc{font-size:26px; position: relative; line-height: 26px;} .widget.protect .cat_name{font-size:18px; padding-left:25px; position: relative; margin-bottom: 15px; display: block;} .widget.protect .fi{position: absolute; left:10px; bottom: 0;} .widget.protect .fi:before{color:#eb7210; font-size:50px;} .widget.widget_bg{background: #f1f1f1; padding: 15px 20px;} .sub_cats_list{margin: 0; padding: 0;} .sub_cats_list .cat_blocks{margin-bottom:15px;} .sub_cats_list .cat_blocks .text{font-weight:500;} .sub_cats_list .cat_blocks .link_box{display: block; text-align: center; padding:5px 30px; text-decoration: none; color: #666; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; min-height: 160px;} .sub_cats_list .cat_blocks .link_box .block_title{font-size: 16px; font-weight: 500;} .sub_cats_list .cat_blocks .fi:before{font-size:32px; color:#9f9f9f;} .sub_cats_list .cat_blocks .icon_div{margin-top:15px;} .sub_cats_list .cat_blocks .icon_div .fi{margin-bottom:5px; border-radius: 150px; -moz-border-radius: 150px; -webkit-border-radius: 150px; display: inline-block; padding:15px; height: 60px; width: 60px;} .sub_cats_list .cat_blocks .link_box:hover{color:#F34B64;} .sub_cats_list .cat_blocks .link_box:hover .fi{border-color:#F34B64;} .sub_cats_list .cat_blocks .link_box:hover .fi:before{color:#F34B64;} .sub_cats_list .cat_blocks .icon_div .fi:after{border:1px solid #F34B64; content:''; margin-left: -57px; margin-top: -18px; width:80px; height:80px; border-radius:500px; position:absolute; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity:0;} .sub_cats_list .cat_blocks .link_box:hover .fi:after{margin-left: -57px; margin-top: -18px; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity:1;} .sub_title{font-size:22px; color: #666;} .widget .widget_title{font-size:26px; line-height: 26px; font-weight: 300; color:#777777; margin-bottom:15px;} .tab_links{margin:30px 0 0 0 !important;} .tab_links li .tab_links{margin:15px 0 20px; padding: 0;} .tab_links li{float: left; cursor: pointer; background: #dddddd; color: #333; font-size: 15px; padding:10px 25px 8px 25px; list-style: none; margin-right: 15px; position: relative;} .tab_links li span{width: auto !important;} .tab_links li.active{background: #F34B64 !important; color: #fff !important;} .tab_links li:before{content: '' !important;} .tab_links li.active:after{ width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #F34B64; content: ''; position: absolute; bottom: -10px; left: 42%; } .custom-table{width: 100%;} .custom-table tr td, .custom-table tr th{padding: 10px 15px; border: 1px solid #ccc;} .custom-table thead{background:#f5f5f5;} .custom-table thead td{border-bottom: 0;} .custom-table tbody td, .custom-table th{padding: 20px 15px;} .custom-table tfoot{background:#00A1E5;} .custom-table tfoot td{border-color: #0087BC; color: #fff;} .pricing_title{font-size: 26px; font-weight: 300;} .custom-table tfoot .price{font-size: 16px; display: block; margin-bottom: 10px;} .custom-table tfoot .price .fi:before{font-size: 13px; font-weight:300;} .true_chk{background: url(img/check.png) no-repeat; width: 22px; height: 16px; display: block; margin: 0 auto} .ques_ans, .faqs{margin-bottom: 20px; border: 1px solid #E6E6E6;} .ques_ans.active{border-color: #00A1E5;} .ques_ans .question, .faqs .question{font-size: 15px; cursor: pointer; background: #E6E6E6; padding:10px 15px; color: #253245; position: relative;} .ques_ans.active .question{background: #00A1E5; color: #fff;} .ques_ans .question .fi.ques, .faqs .question .fi.ques{float: left; margin-right:8px; line-height: 15px; margin-top: 2px;} .ques_ans .question .fi.arrow_icon{line-height: 15px;} .ques_ans .answer, .faqs .answer{font-size: 16px; line-height: 1.7em; padding:16px 20px 16px 45px;} .ques_ans ul, .faqs ul{margin:0; padding:0;} .ques_ans ul li, .faqs ul li{margin-bottom:5px; list-style:none;} .ques_ans .answer p, .faqs .answer p{margin: 0;} .faqs .accordion-close:after{content: "\e002"; position: absolute; right: 10px; top:5px; font-family: "Flaticon";} .faqs .accordion-open:after{content: "\e039"; position: absolute; right: 10px; top:5px; font-family: "Flaticon";} .widget.diy{border: 1px solid #253245;} .widget.diy .diy_title{background: #253245; padding: 8px 12px; color: #fff; font-size:20px;} .widget.diy ul{margin:0; padding: 0;} .widget.diy ul li{list-style: none; margin-bottom: 15px;} .widget.diy ul li a{color: #555; text-decoration: none;} .widget.diy ul li a:hover{color: #00A1E7;} .widget.diy .diy_data{padding: 15px;} .entry-content ul{margin: 0 0 0 15px; padding: 0;} ul.styled li, .ques_ans .answer ul li, .entry-content ul li{position: relative; padding-left:18px; list-style: none; margin-bottom: 15px;} ul.styled li:before, .ques_ans .answer ul li:before, .entry-content ul li:before{content: "\e003"; font-size: 12px; position: absolute; left: 0; top:1px; font-family: "Flaticon"; color: #999;} ul.products{margin: 0 !important;} ul.products li{padding: 0 !important;} ul.products li:before{content: '';} .services_table{position: inherit;} .fix_table_header{position: fixed; width: 100%; top:64px; z-index: 100;} .self_help_ques{padding:20px 0; background: #f5f5f5;} .self_help_ques .sh_ques a{font-size:15px; color: #666; margin-bottom:20px; cursor: pointer; text-decoration: none; display: block; text-align: center; background:#fff; padding: 10px; min-height: 130px; border-radius: 3px; box-shadow: 0 1px 2px #aaa;} .self_help_ques .sh_ques.active{color: #F34B64;} .self_help_ques .sh_ques .ques_icon .fi:before{font-size:45px; color:#18A8E4; line-height: 1em; display: block; margin: 10px 0;} .self_help_ques .sh_ques a:hover{background: #18A8E4; color: #fff;} .self_help_ques .sh_ques a:hover .fi:before{color: #fff;} .self_help_ques .sh_ques a.more_box{font-size:30px; line-height: 3.5em; color: #999;} .self_help_ques .sh_ques a.more_box:hover{color: #fff;} .woocommerce .woocommerce-error li:before, .woocommerce .woocommerce-info li:before, .woocommerce .woocommerce-message li:before{content: ''; padding-left: 0 !important;} /* ======================= Gizmo Protect Page Styles ===================== */ .protection_content{margin-bottom: 30px;} .protection_table{margin-top: 30px;} .protection_tabs{margin: 0; padding: 0;} .for_devices nav li{list-style: none; position: relative;} .for_devices nav li a.active:after{ width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #E5374E; content: ''; position: absolute; bottom:-20px; left:45%; } .for_devices nav li a.blue.active:after{ border-top-color:#0493CC; } .what_we_provide{padding:20px 0 30px; margin-top:40px; color: #fff;} .what_we_provide ul{margin: 0; padding:0;} .what_we_provide ul li{list-style: none; margin-bottom:40px; font-size:26px; width:48%; float: left; margin-right: 10px; font-weight: 300;} .what_we_provide ul li .fi:before{font-size: 30px;} .for_devices .block{display: block; color: #fff; cursor: pointer; padding: 40px; font-size: 50px; text-decoration: none; height: 200px;} .for_devices .block .fi{float: left; margin-right: 10px;} .for_devices .block .fi:before{font-size:120px;} .for_devices .block .name{margin-left:20px; font-size: 37px; float: left; width:62%; word-break: break-all; margin-top: 50px; font-weight: 300;} .for_devices nav li{list-style: none;} .for_devices nav li a{display: block;} .for_devices .block.red{background: #F34B64;} .for_devices .block.red:hover, .for_devices nav li .block.active.red{background:#E5374E;} .for_devices .block.blue{background:#00A1E5;} .for_devices .block.blue:hover, .for_devices nav li .block.active.blue{background: #0493CC;} .for_devices .section_title{padding-top:15px;} #gizmoprotect_page{margin-bottom: 40px;} .get_training a{display: block; margin:30px 0; background:#F34B64 url(img/img-training.png) no-repeat 100% 100%; padding:25px 25px 30px 25px; color: #fff; font-size:26px; line-height:20px; cursor: pointer;} .get_training span.text{display: inline-block; width:340px; line-height: 1.4em; font-weight: 300} .get_training .fi{position: relative; top:4px; float: left; margin-right:15px;} .get_training .fi:before{font-size: 50px; line-height:20px;} #price_to_pay{font-size: 22px; margin-top: 15px; color: #0899D8;} .devices_plans{margin-top: 40px; position: relative;} .devices_plans .item{margin:10px;} .devices_plans .owl-theme .owl-controls{position:static;} .devices_plans .owl-theme .owl-buttons{position: absolute; top:45%; width: 100%;} .devices_plans .owl-theme .owl-controls .owl-buttons div{background: transparent; color: #333; position: absolute;} .devices_plans .owl-theme .owl-controls .owl-buttons div i:before{font-size: 30px;} .devices_plans .owl-prev{left: -50px !important;} .devices_plans .owl-next{right: -50px !important;} .plan_box{padding: 15px 15px 25px 15px; border:8px solid transparent; box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; color:#555555;} .plan_box .plan_name{font-size:18px; margin-bottom: 5px; position: relative;} .plan_box .plan_price{font-size: 32px;} .plan_box .plan_price .text{position: relative; left: -5px;} .plan_box .plan_price .fi{line-height: 10px; position: relative; top: -5px;} .plan_box ul{margin:0 0 25px 0; padding: 0;} .plan_box ul li{list-style:none; padding:12px 0; border-bottom: 1px solid #eee;} .plan_box:hover{border:8px solid #00A1E5;} .plan_box.red:hover{border:8px solid #F34B64;} .plan_box .button{padding:8px 25px 10px 25px; font-size: 22px;} .owl-item .plan_box{min-height:680px;} .warranty_products .owl-item .plan_box{min-height:400px;} .myTabContainer{margin-bottom: 30px;} .plan_heading{margin:0; font-size: 20px; font-weight: 400;} .nirvana_feature{margin: 20px 0 0 0; padding: 5px; background: #555; color: #fff;} /* ===================== Services Page Style =================== */ .all_services{margin-top: 40px;} .service_area{background: #f3f3f3; padding: 50px 0;} .service_area.white{background: #fff;} .service_area .col6{position: relative;} .service_area img{max-width: 100%; margin-top:30px;} .service_area.blue{background:#74B4EB;} .service_area.orange{background:#F4A65F;} .service_area .service_title{font-size:30px; margin-bottom:5px; color:#17A7E3;} .service_area .service_description{font-size:15px; line-height: 1.9em; font-weight:400;} .service_area.orange .service_title, .service_area.orange .service_description, .service_area.blue .service_title, .service_area.blue .service_description, .service_area.orange .available_for, .service_area.blue .available_for{color: #fff;} .service_area .service_description .svc_links{margin-top: 15px;} .service_area .service_description .svc_links a{display:inline-block; text-decoration: none; color: #666; font-size:16px; background:#F34B64; margin-right: 10px; padding:4px 12px; color: #fff;} .service_area .service_description .svc_links a .fi{display: inline-block; float: left; margin-right: 5px;} .service_area .available_for{font-size: 16px; color: #666; margin: 10px 0 8px;} .service_area .content_column{width: 50%; padding:40px 0;} .service_area .select2-container{width:200px !important;} .service_area .select2-container .select2-selection--single{height: 35px; border: 1px solid #ccc;} .service_area .select2-container--default .select2-selection--single .select2-selection__rendered{color: #444; font-size: 14px; height:35px; line-height:32px;} .service_area .select2-container--default .select2-selection--single .select2-selection__arrow{height: 33px;} .service_area .select2-container .select2-dropdown{border: 1px solid #ddd;} .service_area.orange .select2-container .select2-selection--single, .service_area.blue .select2-container .select2-selection--single{border-color:#fff;} .service_area.orange .select2-dropdown, .service_area.blue .select2-dropdown{border: 1px solid #fff !important;} .service_area .button{padding:9px 15px 10px !important;} /* ======================== Login Page Design =========================== */ .asteric{color: #ff0000; font-weight: 700;} label.error{font-size: 13px; color: #ff0000; margin:0 !important; line-height: 1.2em;} .formRow input[type="date"], .formRow input[type="file"], .formRow input[type="text"], .formRow input[type="email"], .formRow input[type="tel"], .formRow textarea, .formRow input[type="password"], .form-row input[type="text"], .form-row input[type="password"], .form-row input[type="tel"], .form-row input[type="email"], .formRow select, .form-row select, .form-row textarea{ width: 100%; border: 1px solid #ccc; padding:5px; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.5em !important;} .formRow select{padding:5px;} .formRow{margin-bottom: 10px; position: relative;} .formRow input[type="text"]:hover, .formRow input[type="email"]:hover, .formRow input[type="tel"]:hover, .formRow textarea:hover, .formRow input[type="password"]:hover, .form-row input[type="text"]:hover, .form-row input[type="password"]:hover, .form-row input[type="tel"]:hover, .form-row input[type="email"]:hover, .formRow select:hover, .form-row select:hover, .form-row textarea:hover, .formRow input[type="date"]:hover{border-color: #bbb; background: #FCFCFC;} .formRow input[type="text"]:focus, .formRow input[type="email"]:focus, .formRow input[type="tel"]:focus, .formRow textarea:focus, .formRow input[type="password"]:focus, .form-row input[type="text"]:focus, .form-row input[type="password"]:focus, .form-row input[type="tel"]:focus, .form-row input[type="email"]:focus, .formRow select:focus, .form-row select:focus, .form-row textarea:focus, .formRow input[type="date"]:focus{border-color: #16A6E2; background: #FCFCFC;} .formRow label{display: block; margin-bottom: 5px; font-size: 14px;} .formRow .gender{display: inline-block; margin:5px 15px 6px 0;} .loginRegisterPage{min-height: 450px; margin:20px 0 40px; /*background:url(img/login_bg.jpg) no-repeat center center; background-size: cover; padding-top:40px; background-attachment: fixed;*/} .loginRegisterPage .content{margin: 0;} .formRow label.error{display:block; margin-top:4px;} .address textarea{height: 120px;} .loginRegisterPage .forgotpass{margin-top: 15px;} .loginRegisterPage .forgotpass a{color:#0495D4; text-decoration: none; font-size: 13px;} .heading-title{font-size: 24px; font-weight: 300; margin-bottom:25px;} .heading-title strong{font-size: 24px !important;} .heading-title.second{margin-top: 25px;} .ticket_back{margin-top: 30px;} .loginRegisterPage .orcreateAccount p{font-size: 13px; margin:0 0 15px !important;} .loginWithFb #wp-social-login-connect-with{display: none;} .loginForm{padding: 0 30px 0 0;} .loginForm .formRow{margin-bottom: 15px;} .loginForm .forgotpass{margin-top:10px; margin-bottom: 0;} .loginForm .forgotpass strong{font-weight:400; color:#016BB5;} .loginBox{border-right: 1px solid #ccc; position: relative; padding:20px 0 100px 0; width: 50%} .orbatch{height:30px; width:30px; font-size: 13px; background: #ccc; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; text-align: center; line-height:30px; position:absolute; right:-15px; top:40%;} .lockIcon{background: url(img/lockIcon.png) no-repeat; height: 89px; width: 89px; display: inline-block;} .orcreateAccount{width: 45%; padding: 20px 0 0 0;} .createAccountButton{margin:20px 0 0 0;} .enterMobileNo{text-align:left; margin-top: 20px;} .orTag{font-weight:bold; font-size:18px; color:#ddd; text-align:center; margin-top:25px;} .mobileErrorMsg{display: block; font-size: 13px; color: #ff0000;} .mobileBeforeSl{padding:8px; border: 1px solid #ccc;} .mobileBeforeSl:hover{background: #f5f5f5; border-color: #bbb; background: #FCFCFC;} .mobileBeforeSl:focus{border-color: #016BB5;} .loginRegisterPage .mobileBeforeSl{margin: 15px 0 0 0;} .accountBenefits{border-radius: 10px; border: 1px solid #00A1E5; padding: 20px; position: relative; margin:140px 20px 0 20px;} .accountBenefits ul{margin: 0; padding: 0;} .accountBenefits ul li{list-style: none; font-size:15px; margin:15px 0 15px 20px; position: relative;} .accountBenefits ul li:before{content: "\e003"; font-family: "Flaticon"; font-size:11px; color:#bababa; position: absolute; left:-18px; top:2px;} .accountBenefits strong.heading{font-size: 20px; position:absolute; top:-12px; background: #fff; color:#00A1E5; display: block; text-align: center; padding: 0 15px; margin-left:60px;} .alreadyMember{font-size: 16px; font-weight:500; margin-top: 20px; color: #555;} .alreadyMember a{color:#00A1E5;} .formRow .remember{display: inline;} .loginRegisterPage .head .heading-title{margin-bottom: 0;} .loginRegisterPage .head{margin-bottom: 30px;} /* ================================ Form Validations ============================ */ .wpcf7-response-output, .woocommerce .woocommerce-message, .notification.success, .wpcf7-mail-sent-ok{font-size: 14px !important; margin:0 0 15px 0 !important; position: relative !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; font-weight: 400 !important;} .notification.success, .woocommerce .woocommerce-message, .wpcf7-mail-sent-ok{background-color: #EBF6E0 !important; color: #5f9025 !important; border: 1px solid #b3dc82 !important; padding: 14px 18px !important; background-image: linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%) !important; background-image: -o-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%) !important; background-image: -moz-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%) !important; background-image: -webkit-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%) !important; background-image: -ms-linear-gradient(bottom, #EBF6E0 0%, #F0FAE7 100%) !important;} .woocommerce-message:before{background: transparent !important; content: '' !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none !important;} .wpcf7-response-output.wpcf7-mail-sent-ng, .notification.error{background-color: #ffe9e9; color: #de5959; border: 1px solid #fbc4c4; padding: 14px 18px; background-image: linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%); background-image: -o-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%); background-image: -moz-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%); background-image: -webkit-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%); background-image: -ms-linear-gradient(bottom, #FFE9E9 0%, #FFF2F2 100%);} .notification.error li{list-style: none;} .notification a.button{float: right;} .simplr-message.error{text-align: left;} .wpcf7-response-output.wpcf7-validation-errors{background-color: #FBFADD; color: #8f872e; border: 1px solid #ded58a; padding: 14px 18px; background-image: linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%); background-image: -o-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%); background-image: -moz-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%); background-image: -webkit-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%); background-image: -ms-linear-gradient(bottom, #FBFADD 0%, #FCFBE6 100%);} .notification.notice{background-color: #E9F7FE; color: #5091b2; border: 1px solid #b6d7e8; padding: 14px 18px; background-image: linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%); background-image: -o-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%); background-image: -moz-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%); background-image: -webkit-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%); background-image: -ms-linear-gradient(bottom, #E9F7FE 0%, #F2FAFE 100%);} .woocommerce form .form-row .required{text-decoration: none;} /* ====================== About Us Page Styles ========================= */ .content_section{font-size: 15px; line-height: 1.7em;} .content_section .sec_title{font-size:25px; text-transform: uppercase; font-weight:400; color:#666; margin:20px 0 25px 0; } /*.content_section .sec_content.cols{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap:50px; -moz-column-gap:50px; column-gap:50px; text-align: justify; -ms-word-break: break-all; word-break: break-all;}*/ .content_section .sec_image{margin-top:30px;} .sec_points{margin-top: 30px;} .sec_points .col6{margin-bottom:20px;} .sec_points .fi{float: left; margin-top:14px;} .sec_points .fi:before{font-size: 40px; color: #BEBEBE;} .sec_points .point_text{float: left; width:85%; margin-left: 15px;} .sec_points .point_text .point_title{color:#00a1e5; font-size: 18px; margin-bottom:5px;} .statbox{float: left; width: 25%; color: #fff; margin:60px 0;} .statbox .fi:before{font-size:50px;} .statbox.col_1{background:#f34b64;} .statbox.col_2{background:#FFA34B;} .statbox.col_3{background:#8BD888;} .statbox.col_4{background:#7DB8F0;} .statbox .box_data{padding: 25px;} .statbox .box_data .title{display: block; font-size:22px; font-weight: 300;} .statbox .box_data .count{font-size: 28px;} .location_content .fi:before{font-size:40px; display: block; color: #888;} .location_content .sec_title{margin:10px 0; font-size: 26px; font-weight: 300;} .location_content .available_in{padding: 0 150px; font-size: 16px; line-height: 1.6em;} #about_us_slider{margin:30px 0;} #about_us_slider img{width: 100%; height: auto;} .call_email .call_mail_box{padding:35px; border: 1px solid #ddd; margin: 30px 0 60px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .call_email .call_mail_box .block_title{font-size: 26px; font-weight: 300; color: #00A1E5; line-height:26px;} .call_email .call_mail_box .block_title .fi{display: inline-block; margin-right: 15px; margin-top:3px;} .call_email .call_mail_box .block_title .fi:before{font-size:28px; color:#00A1E5;} .call_email .call_mail_box a{text-decoration: none; color:#0085BA;} .presence .presence_content{margin-top:30px;} .presence .sec_title{margin:0 0 25px 0;} /* ======================== Contact Us Page ======================= */ .contact_titles .title{font-size: 32px; color:#f34b64;} .contact_titles .subtitle{font-size: 20px;} .contact_profiles{padding: 15px; background:#f8f8f8; border: 1px solid #e5e5e5; margin: 20px 0;} .contact_profiles .heading{font-size: 22px; margin-bottom: 5px; color: #666;} .contact_profiles .heading.small{font-size: 16px; margin-top: 20px;} .contact_profiles .value{font-size: 22px; color:#0ca4e4;} .contact_profiles p{margin-top: 5px; line-height: 1.5em;} .contact_profiles ul{margin: 0; padding: 0;} .contact_profiles ul li{float: left; list-style: none; margin-right:10px; padding: 0;} .contact_profiles ul li:before{content: ''} .contact_profiles ul li .fi:before{font-size:38px; line-height:38px;} .contact_profiles ul li a{text-decoration: none;} .wpcf7-form-control-wrap span.wpcf7-not-valid-tip{position: relative !important; padding: 9px 0 0 0 !important;} .contact_form{margin-top: 20px;} .contact_form .title{margin-bottom: 15px;} /* ========================== Coming Soon Page ========================= */ .coming_soon_page{background: url(img/coming_soon_bg.jpg) no-repeat; background-size: cover; min-height: 700px;} .coming_soon_page .container{position: relative; height: 700px;} .coming_soon_page .signup_form{float: right; position:absolute; right:80px; bottom:150px;} .coming_soon_page .signup_form label{font-size: 22px; color: #0071BD; margin-bottom: 15px; display: block;} .coming_soon_page .signup_form .input_fields{position: relative;} .coming_soon_page .signup_form input[type="text"]{padding:10px; width: 100%; border:2px solid #ccc;} .coming_soon_page .signup_form input[type="text"]:hover{border-color: #bbb;} .coming_soon_page .signup_form input[type="text"]:focus{border-color:#00A1E5;} .coming_soon_page .signup_form input[type="submit"]{position: absolute; right: 0; top: 0; padding:12px 14px;} /* ========================== My Account Styles ============================== */ .white_box{background: #fff; padding: 25px; box-shadow: 0 0 2px #aaa; -moz-box-shadow: 0 0 2px #aaa; -webkit-box-shadow: 0 0 2px #aaa;} .myAccountSections{font-size:14px;} .myAccountSections .woocommerce table.my_account_orders{font-size: 14px !important;} .woocommerce table.shop_table{border-color:#ccc !important;} .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th{padding:5px 10px !important; border-color:#ccc !important; font-size: 13px !important;} .woocommerce table.my_account_orders th{padding: 10px !important;} .woocommerce table.my_account_orders .button{background: #00A1E5; color: #fff;} .woocommerce table.my_account_orders .button:hover{background:#0493CC;} .woocommerce table.my_account_orders a{color:#0063a5;} .myAccountSections .ac_widget{margin-bottom:25px;} .myAccountSections .ac_widget:last-child{margin-bottom: 0;} .myAccountSections .ac_widget .widget_heading{font-size: 14px; text-transform: uppercase; margin-bottom:15px;} .myAccountSections .ac_widget ul{margin: 0; padding: 0;} .myAccountSections .ac_widget ul li{list-style: none; margin-bottom:12px; padding: 0;} .myAccountSections .ac_widget ul li:last-child{margin-bottom: 0;} .myAccountSections .ac_widget ul li:before{content: '';} .myAccountSections .ac_widget ul li a{text-decoration: none; color: #555; display:block;} .myAccountSections .ac_widget ul li a .fi{display: inline-block; margin:-2px 5px 0 0;} .myAccountSections .ac_widget ul li a .fi:before{font-size: 15px; color: #CCCCCC;} .myAccountSections .ac_widget ul li a:hover, .myAccountSections .ac_widget ul li a:hover .fi:before{color:#0063A5;} .borderHeading{font-size: 26px; display:block; padding-bottom: 10px; border-bottom: 1px solid #0063A5; margin-bottom:15px; line-height: 1em; color: #0063A5;} .submitRow{margin-top: 20px; display: block;} .customer_details{margin: 0 !important; padding: 0 !important;} .customer_details li{padding: 0 !important;} .customer_details li:before{content: ''!important} .customer_details li .fi{display: inline-block; margin-right: 10px;} .customer_details li .fi:before{font-size: 15px; color: #999;} .activatedProduct{background: url(img/tick.png) no-repeat; width: 16px; height: 16px; display: inline-block; margin: 0 15px; position: relative; top:3px;} .expiryDate{font-size: 14px; font-weight: bold; color: #ff0000; display: inline-block; margin-right:15px;} .expiredProduct{background: url(img/cross.png); height: 16px; width: 16px; display: inline-block; margin: 0 15px; position: relative; top: 3px;} .order_item.expired{background:#FFE8EB; border: 1px solid #FFC0CB !important;} .activateProduct{font-size: 13px; display: inline-block; margin: 0 15px; font-weight: 400;} .keyInfoTable, .keyInfoTable tr td{border: 0 !important; padding: 0 !important; margin: 0 !important;} .no_arrow{margin: 0!important; padding: 0!important;} .no_arrow li{padding: 0 !important;} .no_arrow li:before{content: '' !important} .service_req_at{margin-top: 5px !important; position: relative;} .service_req_at li{display: inline-block; text-align: center; margin-right: 15px;} .service_req_at li label{display: block; cursor: pointer; background:#eee; padding:10px 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #555;} .service_req_at li label.disable{opacity: 0.5; background: #eee; color: #555;} .service_req_at li label.checked{background:#00A1E5; color: #fff;} .service_req_at li label input[type="radio"]{visibility: hidden; position: absolute;} .service_req_at label.error{background:transparent; bottom: -15px; color: #ff0000; display: block; float: left; left: 0; padding: 0; position: absolute; text-align: left; width: 250px; height: 22px;} #schedule_svc_form .formRow{margin-bottom: 20px;} /* =================== Career Page ==================== */ .custom_table{width: 100%; margin: 25px 0;} .custom_table tr th, .custom_table tr td{padding: 13px 10px; text-align: left; border: 1px solid #ddd;} .custom_table tr td{padding:7px 10px;} .custom_table tr th{background: #00A1E5; color: #fff; border-color: #00A1E5;} .custom_table tr:nth-child(even) {background: #f1f1f1;} .career-title{font-size: 20px; color: #00A1E5; margin: 20px 0 15px 0;} .login_panel{margin-top:60px !important;} .login_panel .login_area{background: #f5f5f5; padding:25px; border: 1px solid #ddd;} .login_panel .login_area .formRow.forgotpass{margin:10px 0 0 0 !important;} .login_panel .login_area .formRow.forgotpass a{font-size: 14px; text-decoration:none; color: #0493CC;} .login_panel .login_area .formRow.forgotpass a strong{font-weight: normal;} /* ======================== Jobs Detail Page ======================= */ .jobDetailsPage .jobDescription{display:block; font-size:18px; margin:20px 0; font-weight:500;} .jobDetailsPage .jobDetails input{width: auto !important;} .jobDetailsPage .jobDetails .row{border:1px solid #D9D6D6; margin-bottom:-1px; font-size:13px;} .jobDetailsPage .jobDetails .row:hover{background:#f9f9f9;} .jobDetailsPage .jobDetails .row .label{width:24%; display:block; float:left; font-weight:500; font-size:14px;} .jobDetailsPage .jobDetails .row .details{float:left; width:75%;} .jobDetailsPage .jobDetails .row .td{padding:6px 12px;} .jobDetailsPage .jobDetails .row .details .td{border-left:1px solid #D9D6D6;} .jobDetailsPage .jobDetails .row .details ul{margin-left:15px; padding-left: 0;} .jobDetailsPage .jobDetails .row .details ul li{list-style:disc;} .jobDetailsPage h2.jobTitle.form{margin:20px 0;} .jobDetailsPage .formRow{margin-bottom:5px; padding:5px 10px;} .jobDetailsPage .formRow:hover, .jobDetailsPage .formRow.active{background:#f9f9f9;} .jobDetailsPage .formRow label{width:170px; display:inline-block; font-weight:400;} .jobDetailsPage .formRow textarea{width:60%; height:80px;} .jobDetailsPage .formRow .wpcf7-not-valid-tip{font-size:12px; margin-left:170px;} .jobDetailsPage .formRow input[type="submit"]{margin-left:170px;} .jobDetailsPage .formRow .wpcf7-tel.wpcf7-not-valid{border-color:#D9D6D6;} .address_block header.title{margin:10px 0;} .address_block header.title label{} .address_block header.title a{float: right;} /* ============================ Checkout Page Form =========================== */ .ihaveAccount{ margin-bottom:20px; } #map_wrapper { height: 463px; } #map_canvas { width: 100%; height: 100%; } .info_content h3{ margin: 0; } #loggedUserEmailInfo{ border-top:1px solid #ccc; } .checkoutPanel.activeCkPanel{ box-shadow: 0 0 10px #bbb; -moz-box-shadow: 0 0 10px #bbb; -webkit-box-shadow: 0 0 10px #bbb; z-index: 100; position: relative; } .shoppingCartScroll{overflow: auto;} .checkoutPanel .shoppingCartTable{ border-top:1px solid #ddd; box-shadow: none; } .checkoutPanel .shoppingCartTable tr.cart_item td img{ width: 100% !important; } .checkoutPanel .shoppingCartTable .product-price{ text-align: center; } .checkoutPanel .shoppingCartTable .product-subtotal{ text-align: center; } .checkoutPanel .shoppingCartTable tr td.actions.cartTotal{ box-shadow: none; border-bottom-width: 1px; } .checkoutPanel .hiddenPanel{ background: #f9f9f9; padding:25px; border: 1px solid #ccc; cursor: pointer; border-top: 0; } .checkoutPanel .hiddenPanel:hover{ background: #f1f1f1; } .checkoutPanel.disabledPanel{ opacity: 0.8; } .checkoutPanel.disabledPanel .hiddenPanel{ cursor: default; } .checkoutPanel.disabledPanel .hiddenPanel:hover{ background:#f9f9f9; } .checkoutPanel.activeCkPanel .hiddenPanel .changeBtn{ display: none; } .checkoutPanel.activeCkPanel .hiddenPanel{ background: #00A1E5; color: #fff; border-color: #00A1E5; } .checkoutPanel.activeCkPanel .hiddenPanel .lgText{ color: #fff; } .checkoutPanel .hiddenPanel .heading{ width: 200px; font-weight:500; } .checkoutPanel .hiddenPanel .lgText{ font-size:20px; font-weight: 400; color: #444; } .checkoutPanel .checkoutPanelDetails{ padding: 20px; border: 1px solid #ccc; border-top: 0; } .checkoutPanel .checkoutPanelDetails h3{ margin-top:0; } .checkoutPanel .hiddenPanel.payment{ border-bottom: 1px solid #ccc; } .checkoutPanelDetails form.login{ display: block !important; margin:0; padding: 0; border: 0; } .checkoutPanelDetails .woocommerce-remove-coupon{display: none;} .checkoutPanel .stepCount{ color: #555; font-weight: 500; } .ckLogoutWarning{ background: #FBFADF; border: 1px solid #D3D08F; margin: 20px 0; color: #666; padding: 3px 10px; font-size: 13px; line-height: 1.5em; } .continueOrLogout{ line-height: 3em; } .continueOrLogout .button.blue.large{ display: block; text-align: center; } .panelContinueButton{ line-height: 3em; margin: 0px 0 20px 0; text-align: center; } .form-row{ position: relative; } #billing_state_field label.error{ position: absolute; top: 61px; } .checkoutPanelDetails .subHeading{ font-size: 20px; margin: 0 0 15px 0; } .checkoutPanelDetails .submitRow{ margin: 0 0 10px 0; } .centerDiv{ margin: 0 auto !important; float: none; } .woocommerce .notification.success a.button.wc-forward{ display: none; } .quantitySaveButton{ background:transparent; border:0; color:#016BB5; font-size: 12px; text-decoration: underline; display: none; margin-left: -20px; position:absolute; } #wp-social-login-connect-with{ display:none; } #wp-social-login-connect-options, .loginWithFb{ padding:0 !important; text-align:center; margin:20px 0 0 0; } .mobileErrorMsg{ text-align: center; display: block; font-size: 13px; color: #ff0000; } .mobileBeforeSl{ padding:8px; border: 1px solid #ccc; } .mobileBeforeSl:hover{ background: #f5f5f5; border-color: #bbb; background: #FCFCFC; } .mobileBeforeSl:focus{ border-color: #016BB5; } .orTag{ font-weight:bold; font-size:18px; color:#ddd; text-align:center; margin-top:25px; } .notification.success.redirectingToPayment{ position: absolute !important; top: 0 !important; width: 96.2% !important; } #post-28 .woocommerce{ position: relative; } form.checkout.processing .blockUI.blockOverlay{ top:-75px !important; height: 114% !important; } /*.woocommerce-shipping-fields{display: none;}*/ #order_comments_field{display: none;} #orderReview #payment{display: none;} .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{float: none !important;} .payment_methods.methods li{padding: 0 !important;} .payment_methods.methods li:before{content: '';} .payment_methods.methods li img{display: none;} .payment_method_cod{display: none;} label.svc_gift{font-size: 16px; font-weight: bold; display: block; margin-top: 10px;} .woocommerce-checkout-review-order-table .cart-discount td{text-align:left !important;} .form-row.imei input{padding:10px; border:1px solid #ccc;} .cancel_btn{text-decoration: none; background: #eee; border:1px solid #ccc; padding:7px 10px; border-radius: 2px; color: #333;} .order_details li.method{display: none;} /* ============================ Shopping Cart Page Style =========================== */ .shoppingCartTable{ width: 100%; border: 1px solid #ddd; border-top:8px solid #00A1E5; -webkit-box-shadow: 0 0 5px #eee; -moz-box-shadow: 0 0 5px #eee; box-shadow: 0 0 5px #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .shoppingCartTable tr td{ padding:10px; } .shoppingCartTable tr th{ background:#FAFAFA; font-size:15px; font-weight: 500; color: #333; padding: 10px; } .shoppingCartTable .cart_item td{ border:1px solid #ddd; } .shoppingCartTable tr td.actions{ background:#FAFAFA; padding:20px; } .shoppingCartTable tr td.actions.cartTotal{ border-top:1px solid #ccc; border-bottom:2px solid #ddd; padding:0; } .shoppingCartTable tr td img{ width:50px; } .shoppingCartTable .product-thumbnail, .shoppingCartTable .product-price, .shoppingCartTable .product-subtotal, .shoppingCartTable .product-remove{ text-align: center; } .shoppingCartTable .product-thumbnail img{ width:80px !important; height: auto !important; } .shoppingCartTable tr td a.remove{ background: #EF3034; color: #fff !important; display: block; font-size:14px; height:15px; margin: 0 auto; text-align: center; width:15px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .shoppingCartTable tr td a.remove:hover{ background:#D31014; } .shoppingCartTable .product-quantity{ text-align: center; } .cartTotal{ border: 1px solid #ddd; margin-top: 30px; border-top: 0; -webkit-box-shadow: 0 0 5px #eee; -moz-box-shadow: 0 0 5px #eee; box-shadow: 0 0 5px #eee; } .cartTotal table tr td, .cartTotal table tr th{ padding:5px 10px; text-align: left; font-size:24px; font-weight:400; color: #016BB5; } .cartTotal table tr td strong{ font-weight: 400; } .cartTotal .proceedToCheckout{ background:#FAFAFA; padding:35px; border-top:1px solid #ddd; text-align: center; } .cartTotal .cartTotalBlock{ padding: 20px 15px 20px 0; } .wpcf7-form-control-wrap span.wpcf7-not-valid-tip{ position: relative; display: inline-block; padding: 5px 0; top: 0; } .cart_totals .order-total td{text-align: right !important; padding:10px 20px 20px 20px !important; font-size: 22px !important; font-weight: 300;} .cart_totals .order-total td strong{font-size: 22px !important; font-weight: 300 !important;} .cart_totals table{width: 100%;} .proceedToCheckout a.checkout-button{text-decoration: none; cursor: pointer; display: inline-block; border: 0; border-radius: 0 !important; line-height: 1em !important; font-weight: 300 !important; padding:12px 25px 14px !important; font-size:24px !important; background: #00A1E5 !important;} .coupon_box .button{ text-decoration: none; cursor: pointer; display: inline-block; border: 0; border-radius: 0 !important; line-height: 1em !important; font-weight: 300 !important; padding:12px 25px 14px !important; font-size:24px !important; background: #00A1E5 !important;} .coupon_box {margin-right:10px;} .coupon_box label {display:none;} .coupon_box input {margin-right:10px !important; height:49px; width:200px !important;} .proceedToCheckout a.checkout-button:hover{background: #0493CC !important;} .variations{margin-top:5px;} .variations .variation_title{display: inline-block; width: 140px; font-size: 14px; font-weight: 500;} .variations .variation_value{font-weight: 400; font-size: 14px; display: inline-block;} .woocommerce-cart .woocommerce .woocommerce-message .button{display: none !important;} .coupon_box{display: inline-block; margin-left: 40px; position: relative;} .coupon_box input[type="text"]{padding:6px 10px; border: 1px solid #ddd; margin:0 10px;} .coupon_box label.error{position: absolute; bottom:-20px; left:65px;} .cart-discount td{text-align: right !important;} .cartTotal table tr.shipping td{text-align: right !important; padding-right: 20px !important; color: #333 !important; font-size:18px !important; font-weight: normal !important;} /* ======================= Training Page Style ===================== */ .training_first_block{position: relative; padding:30px 0; background: url(img/training_new.jpg) no-repeat center bottom; background-position: fixed; background-size: cover; margin-bottom: 30px;} .training_first_block .content{margin: 0; margin: 0 auto; vertical-align:middle; display: table-cell;} .training_first_block .main_training_title{font-size:50px; font-weight:500; margin-bottom:10px; color: #fff; text-align: center; padding: 0 100px; position: relative; top:350px;} .training_first_block .anim_img{position: absolute; display: block; width: 100px; height: 100px;} .training_first_block .img_1{left:50px; top:30px;} .training_first_block .img_2{right:50px; top:30px;} .training_first_block .img_3{right:100px; top: 180px;} .training_first_block .img_4{left:100px; top: 180px;} .training_first_block .img_5{bottom:30px; left: 47%;} .below_block_title{font-size: 32px; font-weight:300; margin: 0; color:#f34b64;} .main_sub_title{margin-bottom:30px;} .mid_block_content .block_title{font-size:45px; font-weight: 300; margin-bottom: 15px;} .mid_block_content .block_content{font-size: 15px; line-height: 1.7em; margin-bottom: 20px;} .training_options .bottom_margin{padding-bottom:10px;} .training_options .call_mail_box{text-align: center; padding:100px 50px;} .training_options .call_mail_box .block_title{font-size: 40px; margin-bottom:20px;} .training_options .call_mail_box .block_title .fi:before{font-size:40px;} .in_training_main_section{background: #56AEE3; padding:20px; color: #fff;} .in_training_main_section .in_training_title{font-size: 38px; font-weight: 300; margin:0 0 15px 0;} .in_training_main_section .in_training_description{font-size: 16px; line-height: 1.8em; margin-bottom:10px;} .in_training_main_section img{margin-top: 5%;} .training_info{margin-bottom: 20px;} .traing_svc_blocks{margin-top:40px; margin-bottom:40px;} .traing_svc_blocks .svc_single_block{padding:40px; margin: 20px 0; text-align: center; color: #fff;} .traing_svc_blocks .svc_single_block .fi:before{font-size:50px; line-height: 1em;} .traing_svc_blocks .svc_single_block .block_title{font-size: 22px; margin:5px 0 10px 0; font-weight: 300;} .traing_svc_blocks .section_title{padding-top: 0; font-weight:300; color: #888;} .train_intro_panel{background: #F34B64; padding:30px 0;} .train_intro_panel .title{font-size:38px; font-weight:300; color: #fff;} .train_intro_panel .title .fi:before{font-weight: 300; font-size:25px;} .training_form{margin:0 auto !important; float: none; margin-bottom:50px !important;} /* ====================== Apps & Solutions Page ===================== */ .product_Block{padding-bottom: 25px; margin-top:35px; border-bottom: 1px solid #ddd;} .product_Block .product_title{font-weight:400; margin: 0 0 10px 0; font-size:26px;} .product_Block .product_features{margin-bottom:20px;} .product_Block .product_features .feature{margin-top:25px;} .product_Block .product_features .feat_icon{float: left;} .product_Block .product_features .feat_icon img{width:35px; height:35px; background-size:35px 35px !important;} .product_Block .product_features .feat_content{margin-left:50px;} .product_Block .product_features .feat_content .feat_title{font-size:16px; margin-bottom:8px; line-height: 0.8em; font-weight: 500;} .product_Block .price{font-size:18px; display: block; margin-bottom:5px; color:#1065A6;} .product_Block .productPageButtons .button{margin-right: 10px;} .product_Block p{margin: 0 0 5px 0;} .product_Block p.coming_soon{color: #ff0000; font-weight: 600; margin-top: 8px;} .products .product_Block:last-child{border-bottom: 0;} .apps_page_contnet{line-height:1.8em; margin-top:20px; margin-bottom: 20px;} /* =================== Product Page =================== */ .product_page{margin-top:30px; margin-bottom: 30px;} .product_page .product_imgs h1{font-weight: 300; font-size: 38px; margin-bottom: 0;} .product_page .product_imgs p.price{font-size: 25px !important; font-weight:400 !important; color: #F34B64 !important; margin: 5px 0 10px 0 !important;} .product_page .product_imgs .div_Block_description{line-height: 1.8em; margin-bottom: 15px;} .product_page .product_imgs .quantity{margin-right:10px !important;} .product_page .product_imgs .quantity .input-text{padding:8px; border: 1px solid #ccc;} .product_page .product_imgs ul{margin:15px 0 25px 0; padding:0;} .product_page .product_imgs ul li{position: relative; padding-left:18px; list-style: none; margin-bottom: 15px;} .product_page .product_imgs ul li:before{content: "\e003"; font-size: 12px; position: absolute; left: 0; top:1px; font-family: "Flaticon"; color: #999;} .product_page .validityLicense{font-size: 18px; font-weight: 500; color: #00A1E5; margin-bottom: 15px;} .woocommerce-tabs .productFeatureCol{margin-bottom: 25px;} .woocommerce-tabs .panel{min-height: 250px;} .woocommerce-tabs .productFeatureCol .columnHeading{font-size:17px; font-weight: 500; display: block; margin-bottom:5px;} .productFeatureCol .feat_icon{display: block; float: left; margin: 5px 0 0 0;} .productFeatureCol .feat_icon img{width:45px; height:45px; display: block; background-size: 45px 45px!important} .productFeatureCol .gbColContent{margin-left:55px;} .productFeatureCol .gbColContent ul{padding-left:15px;} .woocommerce-tabs ul.tabs li{background:transparent!important; border:0!important; padding:0!important; margin:0 6px 0 0 !important;} .woocommerce-tabs ul.tabs li:before, .woocommerce-tabs ul.tabs li:after{content: '' !important; border: 0 !important; box-shadow: none!important; left: 0!important} .woocommerce-tabs ul.tabs li a{float: left; cursor: pointer; background: #ddd !important; color: #333 !important; font-size: 15px !important; padding:10px 25px 8px 25px !important; list-style: none !important; position: relative !important; border: 0;} .woocommerce-tabs ul.tabs li.active a{background: #F34B64 !important; color: #fff !important;} .woocommerce-tabs ul.tabs li:before{content: '';} .woocommerce-tabs ul.tabs li.active a:after{ width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #F34B64; content: ''; position: absolute; bottom: -10px; left: 42%; } .woocommerce-tabs ul.tabs{overflow: visible !important; margin:20px 0 30px 0 !important; padding-left: 0!important} .woocommerce-tabs ul.tabs:before{border: 0!important;} .how_we_support{text-align: center;} .how_we_support img{width: 100%; height: auto;} /* ========================= Partnership Page ====================== */ .partnership_page{background:#F5F5F5; padding-bottom: 30px;} .partnership_page .content{margin: 0;} .partnership_page .partnership_form{background: #fff; padding: 20px 40px;} .partnership_page .partnership_content{text-align: left;} .partnership_page .partnership_content img{display: block; margin: 0 auto; margin-bottom: 20px;} .partnership_page .partnership_content{margin:30px 0;} .partnership_service{background: #fff; padding: 20px; box-shadow: 0 0 3px #ccc; border-top:5px solid #00A1E5; min-height:350px;} .partnership_service .service_image{margin:20px 0 15px;} .partnership_service img{max-width: 100%;} .partnership_service .service_heading{font-size: 22px; color: #444; line-height: 22px; margin-bottom: 15px;} .partnership_service .service_description{line-height: 1.7em; font-size: 14px;} .partnership_service .read{text-decoration: none; color: #008AC1;} /* ============================ Error Page =========================== */ .error_page{min-height: 400px; background: url(img/error-pattern.png) repeat; padding: 60px 0;} .error_content{width:70%; margin: 0 auto;} .error_content img{max-width: 100%;} .error_content p{margin:35px 0 0 0; font-size:16px; line-height: 1.7em; color: #666;} .error_content p a{color: #00B4F2;} .error_page .title{font-size:50px; color: #03ACF1; margin-bottom:20px; margin-top: -46px;} .error_page .title span{display: inline-block; background: #fff; padding: 15px 35px;} .error_page .divider{border-top:1px solid #B4E4F8; margin-top:50px;} /* ======================= Popup Styles ======================= */ .fancybox-skin{border-radius: 0 !important; padding: 0 !important;} .fancybox-close{top: 0px!important; right: 0px!important;} .fancybox-skin .popup_heading{background:#00A1E5; padding: 10px 15px; color: #fff; font-size: 18px; font-weight: 600; min-width:100%; z-index: 10;} .fancybox-skin .popup_heading span{display: inline-block;} #request_call_back .popup_heading{min-width: 371px !important;} .fancybox-skin .popup_content{padding:15px;} #phone_image_demo .popup_content{padding:0px;} .fancybox-skin .popup_content p{margin-top: 5px;} .fancybox-skin .popup_content textarea{height:80px;} .fancybox-skin .popup_content .wpcf7-not-valid{border: 1px solid #ff0000 !important} .fancybox-skin .popup_content .wpcf7-not-valid-tip{display: none;} .fancybox-skin .popup_content .service_intro{font-size: 13px; background: #eee; padding: 10px; border: 1px solid #ddd; margin-bottom:15px;} .fancybox-close{margin-right: 0; background-color: #00A1E5;} .fancybox-inner{overflow-y:auto; overflow-x:hidden !important } .popup_content .service_intro{ text-align: justify; line-height: 23px} .buy_ins_form .formRow{margin-bottom: 15px;} /*.buy_ins_form label.error{display: none !important;}*/ .buy_ins_form input.error, .buy_ins_form select.error{border: 1px solid #ff0000 !important;} #buy_now_gs{min-height: 200px; background-repeat: no-repeat; background-position: center center;} /* ======================= Set Me Up Page Styles ===================== */ .setup_services{margin:40px 0;} .setup_services .tab_links{margin:30px 0 20px 0; padding: 0;} .setup_services .tab_links li{float: left; list-style: none; width:31%; text-align: center; margin-right:28px; padding: 0; background: transparent;} .setup_services .tab_links.tech-support li{width: 48%;} .setup_services .tab_links li:last-child{margin-right: 0;} .setup_services .tab_links li span{border: 1px solid transparent; padding:50px 20px; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; cursor: pointer; font-size:22px;} .setup_services .tab_links li.active span{border-color:rgba(0,0,0,0.2);} .setup_services .tab_links li .fi:before{font-size:60px;} .setup_services .sub_cats_list{margin: 30px 0;} #billing_postcode_field{float: right !important; width:49%;} #billing_postcode_field select{width: 100%;} /* ======================= GizmoHelp Nirvana Page ======================== */ .gh_nirvana_banner{background: url(img/nirvana_top_bg.jpg) no-repeat center top; width: 100%; height:450px; position: relative; background-size: cover;} .gh_nirvana_banner .nirvana_logo{position: absolute; right: 15px; top: 15px;} .banner_heading{background:rgba(255,255,255,0.8); padding: 20px 0; position: relative; top:35%; color: #444; font-weight:400; line-height:3.5em;} .banner_heading .banner_txt{font-size:30px;} .banner_heading .banner_txt strong{color:#17a7e3; text-transform: uppercase; font-weight:500; display: block; font-size:35px;} .banner_heading .button{display: inline-block; margin-top: 24px;} .whats_gh_nirvana, .nirvana_plans, .compare_plans, .nirvana_faq{padding:50px 0;} .whats_gh_nirvana img{max-width: 500px; height: auto; display: block; margin: 0 auto} .whats_gh_nirvana h2{font-weight:300; font-size: 40px; margin: 0 0 35px 0; line-height: 1em;} .whats_gh_nirvana .owl-pagination{margin-top:30px;} .whats_gh_nirvana .image_description{margin-top:6%; font-size:20px; line-height: 1.8em; font-weight:300;} .nirvana_plans{background: url(img/nirvana_plan_bg.jpg) no-repeat center top; background-size: cover; width: 100%;} .nirvana_plans .headings{margin-bottom: 30px;} .nirvana_plans h1, .nirvana_plans h2, .nirvana_plans h3, .nirvana_plans h4, .nirvana_plans h5, .nirvana_plans h6{font-weight:normal; margin: 0; line-height: 1.4em;} .headings h2, .headings h3{font-weight:300; margin: 0; padding: 0;} .headings h2{font-size:40px; margin-bottom:10px;} .headings h3{font-size:25px; padding: 0 50px;} .nirvana_plans .headings h2, .nirvana_plans .headings h3{color: #fff;} .nirvana_box{background:#fff; margin:15px 0;} .nirvana_box .box_header{padding: 20px; color: #fff;} .nirvana_box.windows .box_header{background:#00ADEF;} .nirvana_box.mac .box_header{background:#AAAAAA;} .nirvana_box .box_header h3{font-size:18px; font-weight: 300;} .nirvana_box .box_header .rupee:before{font-weight:100; font-size:25px;} .nirvana_box .box_header h5{font-size: 30px; font-weight: 300; line-height: 1em; margin-top:4px;} .nirvana_box .box_header .name_price{float: left; width: 80%;} .nirvana_box .box_header .os_icon{float: right; width: 20%; text-align: center;} .nirvana_box .box_header .os_icon .os_name{font-size: 11px; text-transform: uppercase;} .nirvana_box .box_header .windows_icon{background: url(img/windows_icon.png) no-repeat; height:40px; width:40px; background-size:40px 40px; display: block; margin: 0 auto; margin-bottom: 8px;} .nirvana_box .box_header .mac_icon{background: url(img/mac_icon.png) no-repeat; height:40px; width:40px; background-size:40px 40px; display: block; margin: 0 auto; margin-bottom: 8px;} .nirvana_box .box_content{padding: 20px;} .nirvana_box .box_content ul{margin:0 0 15px 0; padding: 0;} .nirvana_box .box_content ul li{list-style: none; font-size:15px; margin-bottom: 10px;} #buy_nirvana{background-image: url(img/loader.gif); min-height:150px; background-repeat: no-repeat; background-position: center center;} .popup_btns{margin-top: 20px;} .popup_btns a{display: inline-block; margin: 0 10px;} .popup_content.nirvana_secure h3{font-weight:400; font-size:24px; margin: 0; line-height: 1em;} .compare_plans{background: #eee;} .nirvana_ques{margin-top: 25px;} .nirvana_ques .accordion-open{background: #00A1E5; color: #fff;} .nirvana_ques .accordion-open i{color: #fff;} .nirvana_plans_table{margin-top: 30px;} .nirvana_plans_table tr th{background: #18A8E4; color: #fff; border:1px solid #0f83b4;} .nirvana_plans_table tr td{background: #fff;} .nirvana_tabs .tab_links{margin:0; padding:0;} .nirvana_tabs .tab{font-size: 15px; padding:30px 0 0 0;} .nirvana_tabs .tab ul{margin:0 0 0 15px; padding:0;} .nirvana_tabs .tab ul li{position: relative; padding-left:18px; list-style: none; margin-bottom:15px;} .nirvana_tabs .tab ul li:before{content: "\e003"; font-size: 12px; position: absolute; left: 0; top:2px; font-family: "Flaticon"; color: #999;} .nirvana_tabs .tab p:first-child{margin-top:0;} /* ======================= Find A Store Page ======================== */ .find_store_fields .formRow{margin-bottom: 20px;} .info_content{width: 300px;} .info_content p{margin-top: 5px;} #map_canvas{border: 1px solid #ccc;} .description .desc_heading{font-size: 17px; font-weight: 500; margin-bottom: 10px; display: block;} .description .desc_content{line-height: 1.6em;} .download_form{padding:15px; background: #f5f5f5; border-radius:5px;} .download_form .filename{font-size:15px; display: block; margin-bottom:10px; font-weight: 600;} .download_form .fileInfo{display: inline-block; margin-left:10px;} /* ======================== Insurance Claim Page ========================= */ .page_with_bg{background-position:center center; background-repeat: no-repeat; background-size:cover; padding:80px 0;} .page_with_bg.claim{background-image: url(img/insurance-claim-bg.jpg);} .page_with_bg.ticket{background-image: url(img/ticket-status.jpg); background-position: center top;} .page_with_bg.ticket .entry-content{min-height: 200px;} .page_with_bg .form_box{background: #fff; padding:30px; border: 1px solid #bebebe; box-shadow: 0 0 10px #bebebe; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .page_with_bg .form_box input[type="text"]{padding: 10px; border-width: 2px; border-color: #ddd;} .page_with_bg .form_box input[type="text"]:focus{border-color: #00A1E5;} .page_with_bg .form_box .formRow{margin-bottom: 15px;} .page_with_bg .form_box .formRow.last{margin-bottom: 0} .page_with_bg .form_box .heading{font-size: 20px; font-weight: 500; margin-bottom:20px; line-height:20px;} .claim_details_page.old{padding:20px 0 40px 0;} .claim_details_page .subHeading{padding-bottom:5px; border-bottom: 1px solid #ccc;} .claim_details_page .subHeading .float_left, .claim_details_page .forms_heading{font-size:26px; color: #00A1E5;} .claim_details_page .claim_details ul{margin:15px 0; padding: 0;} .claim_details_page .claim_details ul li{list-style: none; padding: 10px 15px; background: #eee; margin-bottom: 1px; font-size: 15px;} .claim_details_page .claim_details ul li span{display: inline-block; width:180px; font-weight: 500;} .claim_details_page .insurance_type select{margin: 20px 0; padding: 8px; border: 1px solid #ddd;} #inner-InsForm-UploadingFiles{margin:20px 0;} #inner-InsForm-UploadingFiles .formRow{margin-bottom: 15px;} #inner-InsForm-UploadingFiles .formRow a{background: url(img/pdf.png) no-repeat 0 3px; color: #037baa; line-height: 2em; padding: 5px 0 5px 30px; text-decoration: none;} .ins_tabs .form_row{margin-top: 15px;} .submit_row, .insurance_table{margin-top: 25px;} .claim_details_page .notification.error{margin-bottom: 20px;} .claim_details_page #addMore{margin-right:8px;} #addMore, #removeFileType{height:21px!important; width:21px!important;} .add_more_form .upload_form_status{width: 100%; margin: 0 0 15px 0;} .add_more_form .upload_form_status input[type="file"]{display: inline-block; margin-right: 15px;} .add_more_form .upload_form_status .remove_field{background: url(img/cross.png) no-repeat; width: 16px; height: 16px; display: inline-block; cursor: pointer;} /* =================== Search Results Page ===================== */ .entry-content article.page{margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom:25px;} .entry-content article.page h2.entry-title{font-weight: normal; margin: 0 0 5px 0;} .entry-content article.page h2.entry-title a{text-decoration: none; color: #0798D7;} .entry-content article.page .screen-reader-text{display: none;} .entry-content article.page a.more-link{color: #0798D7;} .navigation.pagination{margin:25px 0 25px 0;} .navigation.pagination h2.screen-reader-text{display: none;} .navigation.pagination a, .navigation.pagination span.current{text-decoration: none; color: #333; font-size: 15px; padding: 8px 15px; background: #eee; display: inline-block; margin-right:3px;} .navigation.pagination a:hover{background:#ddd;} .navigation.pagination span.current{background: #00A1E5; color: #fff;} .navigation.pagination .fi{padding:8px 0;} .navigation.pagination .fi:before{font-size:13px;} .woocommerce #payment .terms, .woocommerce-page #payment .terms{text-align: center; display: block; margin-top: 15px; width: 100%;} .woocommerce-checkout #payment{background: #f5f5f5 !important} .mob_menu_icon{background: url(img/ic-menu.png) no-repeat; width: 30px; height: 30px; background-size: 30px 30px; cursor: pointer; float: right; margin:3px 4px 0 0;} .top_menu_icon{background: url(img/ic-more.png) no-repeat 6px 5px; width:20px; height: 20px; background-size:20px 20px; display:inline-block; padding: 5px; cursor: pointer; top:3px; position: relative;} .mob_search_icon{position: relative; top: -5px; margin-right:5px; cursor: pointer; z-index: 10;} .wpcf7-form-control.g-recaptcha{margin-bottom:15px;} /* =================== Email Verification Messages ================== */ .emailBox{background:#F7F7F7; width:60%; margin:100px auto; position: relative;} .emailBox .message{padding:20px; margin-left:80px;} .emailBox .message .title{font-size:30px; font-weight: 500; line-height: 1em;} .emailBox .message a{color:#016BB5; text-decoration: underline;} .emailBox .type{float: left; width:80px; position:absolute; height: 100%;} .emailBox.success .type{background:#BADC52 url(img/done.png) no-repeat center center;} .emailBox.success .title{color:#BADC52;} .emailBox.warning .type{background:#F4DB05 url(img/warning.png) no-repeat center center;} .emailBox.warning .title{color:#F4DB05;} .emailBox.error .type{background:#F05A5C url(img/delete.png) no-repeat center center;} .emailBox.error .title{color:#F05A5C;} /* =================== Support Page Styles ===================== */ .support_banner{background: url(img/support_bg.jpg) no-repeat; padding:70px 0; width: 100%; background-size: cover; background-attachment: fixed;} .support_banner.protect{background: url(img/protection_bg.jpg) no-repeat;} .support_banner .banner_title{text-align: center; font-size:60px; color: #fff; font-weight:300;} .support_banner .banner_subtitle{font-size: 26px; color: #fff; font-weight:300; margin-bottom:35px;} .support_banner .help_options{text-align: center;} .support_banner .help_options li{display: inline-block; padding: 0 40px; color: #fff; font-size:20px; font-weight:400;} .support_banner .help_options li a{text-decoration:none; font-size:20px; color: #fff; font-weight:400;} .support_banner .help_options li .fi{position: relative; top:2px; margin-right: 5px; height:40px; width:40px; display: inline-block; border-radius:300px; -moz-border-radius:300px; -webkit-border-radius:300px; text-align: center; line-height:38px;} .support_banner .help_options li .fi.blue{background:#00A1E9;} .support_banner .help_options li .fi.red{background:#F44C65;} .support_banner .help_options li .fi.green{background:#6FBF44;} .claim_process_tabs{background: #EEEEEE; padding: 40px 0;} .claim_process_tabs a{display: block; text-align: center; font-size:36px; font-weight:300; text-decoration: none; color: #00A1E5; background: #fff; border:1px solid #ddd; line-height:3em; padding-bottom:10px; position: relative;} .claim_process_tabs a .fi{position: relative; top:8px;} .claim_process_tabs a .fi:before{font-size:60px; color: #7F7F7F;} .claim_process_tabs a.active{border-bottom:3px solid #00A1E5;} .claim_process_tabs a.active:after{ width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #00A1E5; content: ''; position: absolute; bottom:-15px; left:46%; } .steps_tab{margin-top: 30px;} .steps_tab.col-5 .tab_box{float: left; width:18%;} .steps_tab.col-4 .tab_box{float: left; width:23%;} .steps_tab ul{margin: 0; padding:0;} .steps_tab ul li{list-style: none;} .steps_tab .tab_box{border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border: 2px solid #ECF0F1; display: block; text-indent:center; overflow: hidden; text-decoration: none; color: #666; margin-bottom: 20px; margin-right:20px; text-align: center; position: relative; cursor: pointer;} .steps_tab .tab_box .step_name{padding:30px 55px 20px; font-size:18px; font-weight: 500; color: #808080; text-transform: capitalize;} .steps_tab.col-4 .tab_box .step_name{padding:30px 85px 20px 85px;} .steps_tab .tab_box .step_heading{background:#ECF0F1; color:#808080; font-size: 22px; font-weight:400; padding: 10px 10px 32px 10px;} .steps_tab .tab_box.last{margin-right: 0;} .steps_tab .tab_box .arrow_btn{height: 25px; width: 25px; display: inline-block; margin: 0 auto; position: absolute; background: #ECF0F1; top:50px; padding: 8px; border-radius: 500px; -moz-border-radius: 500px; -webkit-border-radius: 500px; left:40%; border:2px solid #fff;} .steps_tab .tab_box .arrow_btn .fi{font-weight: 300; font-size:18px; position: relative; top:-2px; left: 2px;} .steps_tab .tab_box .arrow_btn .fi:before{color: #fff;} .steps_tab ul li.active .tab_box{border-color: #00A1E5;} .steps_tab ul li.active .tab_box .step_heading{background: #00A1E5; color: #fff;} .steps_tab ul li.active .tab_box .arrow_btn{background: #00A1E5;} .support_inner_tabs li{list-style: none;} .steps_content .tab{font-size: 15px; line-height: 1.6em;} .steps_content .tab a{text-decoration: none; color: #0781B2; font-weight: bold;} .steps_content .tab strong{color: #0781B2; font-weight: bold;} .steps_content .tab ul{margin-left:20px;} .steps_content .tab ul li{position: relative; padding-left:18px; list-style: none; margin-bottom:10px;} .steps_content .tab ul li:before{content: "\e003"; font-size: 12px; position: absolute; left: 0; top:0px; font-family: "Flaticon"; color: #999;} .steps_content .tab .col3{text-align: center;} .steps_content .tab .col3 img{max-width: 100%; margin-top: 10%;} .support_page_data{padding: 50px 0;} .support_page_data h2{font-size:30px; font-weight:300; margin: 0 0 30px 0; line-height: 1em;} .support_form{float: none; margin: 0 auto;} .support_form p{padding:0 15px;} .support_form p a{color: #0899D8;} .support_form form{padding:0 15px; width: auto;} .support_form .form_box{margin-top: 20px;} .support_page_data .heading{font-size:24px; margin-bottom: 25px;} .support_form .sub_heading{margin:0 0 25px 0;} .support_form .formRow .text-input{padding:10px; border-width: 2px;} #claim_100, #du_tab_hide{display: none;} .help_popup, .help_icon{color: #aaa; text-decoration: none;} .help_icon{cursor: help;} .help_popup:before, .help_icon:before{font-size:16px;} .verification_loading{background: url(img/loader.gif) no-repeat; width: 32px; height: 32px; margin:15px auto; display: none;} .small_loader{background: url(img/small_loader.gif) no-repeat; width:20px; height:20px; margin:15px auto; display:none; position: absolute; right:10px; top: 15px;} .ins_mobile{position: relative;} /*.ins_mobile .small_loader{position: absolute; right:10px; top: 15px;}*/ .order_status{background: url(img/cross.png) no-repeat; width:16px; height:16px; position: absolute; right: 10px; top: 30px;} .order_status.success{background: url(img/tick.png) no-repeat;} .login_loader{background:rgba(255,255,255,0.9) url(img/loader.gif) no-repeat center center; width:100%; height:100%; position: absolute; top: 0; left: 0; z-index: 500; display: none;} .formRow span.error, .formRow div.error{color:#ff0000; font-size: 13px;} .fancybox-skin p.pop_description{font-size: 18px; line-height: 1.6em; margin-top:70px;} .formRow span.success{font-size: 14px; display:none; color:#009546;} .calender_input{position: absolute; right:10px; top:25px;} .calender_input:before{font-size: 30px; color: #aaa;} /*.preloader{background:rgba(255,255,255,0.8) url(img/loader.gif) no-repeat center center; width: 100%; height: 100%; position:fixed; top: 0; left: 0; z-index: 1000;}*/ .mobile_app_hide{display: none;} .select2.select2-container{width:100% !important;} #upload_ins.disabled, #upload_ins.disabled:hover{cursor:not-allowed !important; opacity: 0.5 !important;} /* =================== Responsive Header Design ================== */ .sb-slidebar ul{margin:0; padding:0;} #sb-site, .sb-site-container, .sb-slidebar { /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { width: 100%; } html { height: 100%; /* Site is as tall as device. */ } body { min-height: 100%; height: auto; position: relative; /* Required for static Slidebars to function properly. */ } /* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */ html.sb-scroll-lock.sb-active:not(.sb-static) { overflow: hidden; } /* ---------- * 002 - Site */ #sb-site, .sb-site-container { /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */ width: 100%; min-height: 100vh; position: relative; z-index: 1; /* Site sits above Slidebars */ background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */ } /* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */ #sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after { content: ' '; display: table; } #sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after { clear: both; } /* --------------- * 003 - Slidebars */ .sb-slidebar { height: 100%; overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */ position: fixed; top: 0; z-index: 0; /* Slidebars sit behind sb-site. */ display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */ background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */ } .sb-slidebar.sb-left{background: #f5f5f5;} .sb-slidebar, .sb-slidebar * { -webkit-transform: translateZ( 0px ); /* Fixes issues with translated and z-indexed elements on iOS 7. */ } .sb-left { left: 0; /* Set Slidebar to the left. */ } .sb-right { right: 0; /* Set Slidebar to the right. */ } html.sb-static .sb-slidebar, .sb-slidebar.sb-static { position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */ } .sb-slidebar.sb-active { display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */ } .sb-style-overlay { z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */ } .sb-momentum-scrolling { -webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */ } /* Slidebar widths for browsers/devices that don't support media queries. */ .sb-slidebar { width: 30%; } .sb-width-thin { width: 15%; } .sb-width-wide { width: 45%; } @media (max-width: 480px) { /* Slidebar widths on extra small screens. */ .sb-slidebar { width: 70%; } .sb-width-thin { width: 55%; } .sb-width-wide { width: 85%; } } @media (min-width: 481px) { /* Slidebar widths on small screens. */ .sb-slidebar { width: 55%; } .sb-width-thin { width: 40%; } .sb-width-wide { width: 70%; } } @media (min-width: 768px) { /* Slidebar widths on medium screens. */ .sb-slidebar { width: 40%; } .sb-width-thin { width: 25%; } .sb-width-wide { width: 55%; } } @media (min-width: 992px) { /* Slidebar widths on large screens. */ .sb-slidebar { width: 30%; } .sb-width-thin { width: 15%; } .sb-width-wide { width: 45%; } } @media (min-width: 1200px) { /* Slidebar widths on extra large screens. */ .sb-slidebar { width: 20%; } .sb-width-thin { width: 5%; } .sb-width-wide { width: 35%; } } /* -------------------- * 005 - Helper Classes */ /* =================== GizmoProtect Page ==================== */ .protectheading{padding: 40px 0; font-size:36px; font-weight:300; color: #fff; background: #18A7E3;} .protectheading img{margin-right:15px;} .protectionProcesses{margin-bottom:30px} .protectionProcesses .process{padding:20px 0; font-size:14px; border-bottom:1px solid #ddd;} .protectionProcesses .process ul{margin:15px 0 0 0; padding-left: 15px;} .protectionProcesses .process ul li{margin-bottom:5px;} .protectionProcesses .process ul li span{color: #555;} .protectionProcesses .process .processIcon{background:#F54B65; border-radius:100%; height:100px; width:100px; text-align:center; margin:0 auto; line-height:100px;} .protectionProcesses .process a{color:#0593D3;} /* ==================== GizmoWarranty Page Styles ==================== */ .gh_warranty_banner{padding:40px 0 0 0; background:#262F3E url(img/banner-bg.jpg) no-repeat; background-size: cover; color: #fff;} .gh_warranty_banner .left_data{margin-top:100px;} .gh_warranty_banner .left_data .title_desc{margin-top:30px; padding-top:20px;border-top: 1px solid #686e78;} .gh_warranty_banner .left_data .title_desc h3{font-size: 28px; font-weight:500; color: #00baff; margin:0;} .gh_warranty_banner .left_data .title_desc p{font-size: 16px; margin-top:5px;} .gh_warranty_banner .mobile_area{background: url(img/mobile-bg.png) no-repeat; width: 315px; height:272px; margin:0 auto; padding-top:160px;} #warranty-slider{width: 278px; margin:0 auto; position: relative;} #warranty-slider .owl-controls{position: absolute; top:-80px; width: 100%;} #warranty-slider .owl-controls .owl-page span{background: transparent; height:10px; width:10px; border:2px solid #fff; border-radius: 0; margin: 0 4px;} #warranty-slider .owl-controls .owl-page.active span{background: #fff;} #warranty-slider .owl-controls .owl-pagination{text-align: center;} .warranty_blocks{padding: 40px 0; background:#EEEEEE;} .warranty_blocks .fi:before{color: #9B9C9C; font-size:50px;} .warranty_blocks .block_title{font-size:22px; font-weight: 300; margin:10px 0;} .warranty_blocks p{font-size: 16px; padding: 0 30px; margin-top: 0;} .warranty_products{padding: 50px 0;} .warranty_products h1{padding-top:0;} .plan_type{text-transform: uppercase; font-size: 16px; font-weight:400; margin: 15px 0 0 0;} /* =================== Footer Styles =================== */ #backTop{position: fixed; bottom:70px; right: 40px; height: 40px; width: 40px; cursor: pointer; color: #253245; text-align: center; line-height: 40px; z-index: 100;} #backTop .up_arrow{background: url(img/top_arrow.png) no-repeat; background-size:40px; height: 40px; width: 40px; display: block;} #footer_bg{background: url(img/footer_bg.jpg) no-repeat; padding:30px 0 55px 0; color: #fff;} .main_footer .tagline{font-size: 32px; line-height:32px; font-weight: 300;} .main_footer .footer_search .search_form{position: relative;} .main_footer .footer_search .search_form label.error{color: #fff;} .main_footer .footer_search .text{background: #fff; border: 1px solid #148fc2; padding:10px; width: 100%; color: #333; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .main_footer .footer_search .search-submit{position: absolute; right:5px; top:5px; background: none; border: 0; color: #ccc;} .main_footer .footer_search .search-submit:before{font-size:26px;} .main_footer .footer_top_row{padding-bottom:25px; border-bottom: 1px solid #29b1ea;} .main_footer .footer_widgets{padding:20px 10px; border-bottom: 1px solid #29b1ea;} .main_footer .footer_widgets .col{float: left;width:24%; margin-right: 10px;} .main_footer .footer_widgets .col.last{margin-right: 0;} .main_footer .widget ul{margin:0; padding: 0;} .main_footer .widget ul li{margin-bottom: 10px; list-style: none;} .main_footer .widget ul li a{text-decoration: none; color: #fff;} .main_footer .widget .widget_title{font-size: 22px; color:#fcfcfc; display: block; margin-bottom: 12px; font-weight: 300;} .main_footer .disclaimer{padding:10px; border-bottom: 1px solid #29b1ea; font-size: 12px;} .main_footer .copyright{padding-top:20px} .main_footer .copyright .footer_links ul{margin:0 0 10px 0; padding:0;} .main_footer .copyright .footer_links ul li{list-style: none; float: left; margin-right: 15px;} .main_footer .copyright .footer_links ul li a{text-decoration: none; color: #fff;} .main_footer a:hover{text-decoration: underline !important;} .main_footer .copyright .phone{font-size: 32px; font-weight: 300;} .social_icons.footer li{float: none; display: inline-block; margin-left:0;} .social_icons.footer li a{color: #fff; text-decoration: none;} .social_icons.footer li a:hover{text-decoration: none !important;} .social_icons.footer li .fi:before{font-size:34px;} .ff_bar .call_btn{margin-right:280px;} iframe .meshim_widget_components_chatButton_Button{background: transparent !important;} .woocommerce table.shop_table th{text-align:left !important;} .woocommerce ul.order_details{margin-top:20px;} .woocommerce ul.order_details li:before{content: none !important;} .inactiveAccount{margin-bottom: 15px;} .inactiveAccount a{color: #de5959;} .ins_page_loader{width: 100%; height: 100%; position:fixed; background-color:rgba(255,255,255,0.8); z-index: 9999; top: 0; left: 0; background-image: url(img/big_loader.gif); background-repeat: no-repeat; background-position: center center; display: none;} .mobile_ins_form{margin-bottom: 25px;} .plan_box.mobile{margin-top:20px;} .plan_box.mobile ul{margin:0;} .plan_box.mobile ul li{padding:10px 0;} .plan_box.mobile a, .plans_link{color: #0495D4;} .plans_link{display: none; float: right;} .plan_box.mobile p{margin:5px 0;} .plan_box.mobile .buy_btn{margin-top: 15px;} .plan_box.mobile.buybox{margin-bottom: 25px;} /*.plan_box.mobile ul:after{content: 'Know More'; position: absolute; bottom: 0; display: block; height:25px; padding: 10px 0; width: 100%; text-align: center; background: url(img/img-gradiant.png) repeat-x center top;}*/ .plan_box.mobile ul:after{content: 'Know More'; padding:7px 10px 2px; border-radius:3px; background:#aaa; color: #fff; width:40%; margin: 0 auto; position: absolute; left:26%;} .mob_loader{height:100px; width: 100%; background: url(img/big_loader.gif) no-repeat center center;} .woocommerce-remove-coupon{background: url(img/cross.png) no-repeat; display: inline-block; width: 16px; height: 16px; text-indent: -9999px; position: relative; top:-17px; left: 5px; font-size: 0; line-height: 0;} /* ================== Footer Fixed Bar ===================== */ .ff_bar{position: fixed; bottom: 0; z-index: 999; width: 100%; background: #253245; color: #fff; height: 30px;} .ff_bar a{color: #fff; text-decoration: none; padding:5px 10px; line-height:36px; font-size: 16px; top: -5px; position: relative;} .ff_bar a .fi{position: relative; top: 2px; display: inline-block; margin-right: 5px;} .ff_bar a .phone{color:#ff9138;} .disabled_btn{opacity: 0.6; cursor:wait;} .page_loader{position: absolute; top: 0; left:0; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0.8); background-image: url(img/big_loader.gif); background-position: center center; background-repeat:no-repeat; display: none;} .sh_top_banner{background:url(img/sh_top_banner.jpg) no-repeat; background-size:cover; height:498px;} .sh_top_banner .sh_lg_txt{font-size:50px; padding:0 30px; margin-bottom:10px;} .sh_top_banner .sh_sm_txt{font-size:38px; margin-bottom:30px;} .sh_section{padding:60px 0;} .sh_section.grey{background:#f5f5f5;} .sh_title{font-size:38px; color:#888; margin-bottom:40px; font-weight:300;} .sh_title.no_margin{margin:0;} .sub_sh_title{font-size:28px; color:#999;} .sub_sh_title.margin{margin-bottom:50px;} .sh_section .btm_sec_img{border-radius: 100%; overflow: hidden; height:180px; width:180px; margin:0 auto; border:3px solid #56B7E4; padding:1px; background: #fff;} .sh_section .btm_sec_img img{border-radius: 100%; overflow: hidden; border:3px solid #fff; height:174px; width:174px;} .sh_section h3.btm_sec_title{font-size:30px; font-weight:300; margin:5px 0 15px 0;} .sh_section .sec_desc{font-size:16px;} .sh_section .offer_sec h3.btm_sec_title{font-size:20px; font-weight:400;} .sh_section .offer_sec .fi:before{font-size:70px;} .lauching_soon{font-size:30px; font-weight:300; text-transform:uppercase;} .second_sh_row{margin-top:50px;} .sh_video_icon{margin-top:20px;} .sh_video_icon:before{font-size:100px;} .sh_sec_content{font-size:16px; line-height:1.5em;} .sh_section.bottom{background:url(img/img-bg.jpg) no-repeat; background-size:cover; color:#fff; font-size:18px; line-height:1.6em;} .sh_section.bottom p{margin:0 0 10px 0; font-size:17px; font-weight:300;} .sh_section.bottom p:last-child{margin-bottom:0;} .sh_section.bottom h3{font-size:38px; margin:0 0 30px 0; font-weight:300;} .plan_box{position: relative;} .plan_box .tag{height: 85px; width: 85px; display: block; position: absolute; right:-15px; top:-15px;} .tag.Insurance{background: url(img/insurance-tag.png) no-repeat;} .tag.Nirvana{background: url(img/nirvana-tag.png) no-repeat;} .iconAnimations .sign{position:absolute; font-size:85px; color:#3cabde; right:-40px; top:15%; font-weight:400; cursor:default;} .iconAnimations .text_center{position:relative;} .iconAnimations ul li img{padding:15px;} .bx-wrapper{margin:0 auto !important;} .bx-wrapper .bx-viewport{box-shadow:none !important;} .bx-pager.bx-default-pager{display:none !important;} .bx-viewport{background:transparent !important; border:0 !important; margin:-25px 0 0 -20px;} .icon_title{font-size:18px; margin-top:15px; font-weight:500;} .mobile_ins_banner{background-size: cover; padding:70px 0 30px 0; min-height:425px; width: 100%;} .mobile_ins_banner h2{font-size: 40px; font-weight: 300; color: #fff; margin:20px 0 15px 0;} .mobile_ins_banner .slide_content{font-size:18px; line-height:1.8em; color: #fff;} .mobile_ins_banner .slide_content p{margin: 0 0 15px 0;} .mobile_insurance_slider .owl-controls{position: static; text-align: center;} .mobile_insurance_slider .owl-buttons{position: absolute; top: 45%; width: 100%;} .mobile_insurance_slider .owl-pagination{bottom: 20px; position: absolute; width: 100%;} .mobile_insurance_slider .owl-buttons .owl-prev{float: left;} .mobile_insurance_slider .owl-buttons .owl-next{float: right;} .mobile_insurance_slider .owl-buttons div{background: transparent !important;} .mobile_insurance_slider .owl-buttons div i:before{font-size: 30px;} .ins_banner_area{position: relative; min-height:400px; background: #333;} .top_btns a{border-radius: 4px !important; display: inline-block; margin: 0 5px;} .top_btns{position:absolute; right:0; top:0; z-index: 50; right:20px; top:20px;} .top_btns.fixed_top_bar{position: fixed; top:76px; right: 0; left: 0; background: rgba(255, 255, 255, 0.95); width:100%; text-align: center; padding:15px 0;} .device_values{margin: 0; padding: 0;} .device_values li{list-style: none;} .device_values li label{display: block; padding: 10px 15px; border-bottom: 1px solid #ddd; cursor: pointer; font-size:16px; position: relative;} .device_values li label input{cursor:pointer; display:inline-block; margin-right:8px; visibility:hidden;} .device_values li label:before{position: absolute; content: ''; height: 20px; width: 20px; background: #eee; border-radius: 100%; border: 1px solid #ddd; left:10px;} .device_values li label.active:before{background: #00A1E5; border-color: #00A1E5;} .device_values li label.active:after{content: ''; height: 10px; width: 10px; background: #fff; border-radius: 100%; position:absolute; left:16px; top:16px;} .plan_features{margin:0 0 20px 0; padding:0;} .plan_features li{list-style:none; margin-bottom: 10px; font-size: 15px;} .popup_heading .fi:before{font-size:14px;} .btn_row{margin-top: 15px;} .popup_content .button i:before{font-size: 14px;} .insurance_popups{width:450px;} .device_value_container{display:none;} .selected_products{padding:40px 0;} .plans_heading{font-size:20px; font-weight:400; margin:0;} .other_plan a{display: inline-block; margin-left: 5px;} .selected_products .single_col ul{margin-bottom:0;} .selected_products .single_col ul li{float: left; width:33%; display:block; border: 0;} .selected_products .single_col .plan_box .plan_price{line-height: 30px;} .selected_products .single_col .plan_box{border:8px solid #00A1E5 !important;} .indented_col{width: 70%; margin:0 auto !important;} .indented_col .col4{width:48% !important;} .select2-dropdown{z-index:9999 !important} .warranty_title{margin:30px 0;} .warranty_title h2{font-weight:400; margin:5px 0 0 0;} .selected_products .single_col ul li:first-child{display: none;} .selected_products .single_col ul li.visible{display: block !important;} .other_plans{margin-top:5px;} /* ========================= Responsive Styles ===================== */ @media all and (max-width: 768px) { html, body{ overflow-x: hidden; } .main_footer .footer_widgets .col{ width: 100%; margin: 0 0 15px 0} #footer_bg{ background-position: center 0 !important; } .section_title{ text-align: center; font-size: 32px;} .secure_section{ margin-bottom: 40px} .services_provide .svc_block .fi{line-height: inherit} #inn_wanted{ background-position: center 0 !important; } .blog_diy .diy ul li a .text{ font-size: 14px; width: 89%} .services_provide .svc_block{ padding-top: 15px !important} .banner_text{ font-size: 26px !important} .service_description .svc_links{ text-align: center;} .service_description .svc_links a{ font-size: 13px !important} .lockIcon{ display: none;} .loginBox{ border: 0 !important; width: 100%; padding:20px 0} .orcreateAccount{ width: 100%; padding: 0} .home_slider .selec_txt{ display: block;} .home_selection{padding:40px 60px; color: #fff; background: url(img/second_banner.jpg) no-repeat; position: relative;} .home_selection label .select2.select2-container{border: 0;} .home_selection .selec_txt{font-size:22px; display:block; margin:15px 0; text-align: center;} .home_selection .select2-container{text-align:center;} .home_selection .select2-container--default .select2-selection--single{border: 0; border-radius: 5px !important;} .home_selection .select2-container--open{border-radius:5px 5px 0 0 !important;} .home_selection .select2-container .select2-selection--single{height: 40px; font-size:18px; color: #777;} .home_selection .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px;} .top_bar .my_ac_btn{display: none;} .mob_ac_btn{color: #bababa;} .mob_ac_btn .fi:before{font-size: 15px;} .mobile_hidden{display: none;} .mob_visible{display: block;} .top_bar .social_icons{margin-top:2px;} .mobile_links ul{right: 0;} .main_header .col4{text-align: center;} .main_header .logo img{width:160px; height: auto;} .main_header .sb-toggle-left, .main_header .sb-toggle-right{position: absolute; border-radius: 0; cursor: pointer;} .main_header .sb-toggle-left{left:15px; top: 15px;} .main_header .sb-toggle-right{right:15px; top: 17px;} .main_header .panel_icons:before{font-size:22px; font-weight: normal; color:#253245;} .menu-main-menu-container{position: absolute; left: 0; width: 100%; background:#fff; text-align: left;} .main_header.fixed_header .menu-main-menu-container{top:75px;} .menu-main-menu-container ul{margin: 0; padding: 0;} .menu-main-menu-container ul li{list-style:none; width: 100% !important; display: block !important; } .menu-main-menu-container ul li a{padding:14px 15px; border-top:1px solid #ddd; display: block; color:#333; text-decoration: none; border-left: 5px solid transparent;} .menu-main-menu-container .mobile_menu{border-bottom:1px solid #ddd;} .menu-main-menu-container ul li ul{display: none;} .menu-main-menu-container ul li ul li a{padding:14px 35px;} .menu-main-menu-container ul li a:focus, .menu-main-menu-container ul li a:active, .menu-main-menu-container ul li a:hover, .menu-main-menu-container ul > li.current-menu-item > a{border-left-color: #00A1E5; background: #f9f9f9; color:#333;} .menu-main-menu-container ul li.current_page_parent ul.sub-menu{display: block;} .sb-slidebar ul li.menu-item-has-children{position: relative;} .sb-slidebar ul li.menu-item-has-children .down_arrow{position: absolute; right:0; top: 0; padding:14px 10px; cursor: pointer;} .sb-slidebar ul li.menu-item-has-children .down_arrow:before{font-size:16px; font-family: Flaticon; content: "\e002";} .sb-slidebar .left_logo{padding: 15px; text-align: center;} .mobile_my_ac{position:absolute; z-index: 180; width:180px; box-shadow: 0 3px 5px #333; right: 15px; display: none;} .mobile_my_ac ul{margin: 0; padding:0;} .mobile_my_ac ul li{list-style:none;text-align: left;} .mobile_my_ac ul li a{display: block; padding: 10px 15px; background: #fff; border-bottom: 1px solid #eee; color:#1065a6; text-decoration: none;} .mob_search_form{position:absolute; top: 4px; right:40px; display: none;} .mob_search_form form{float: none;} .mob_search_form .search_form .text{width: 170px !important;} .mob_search_icon.close_search{font-size:18px; display: inline-block; height:26px; width: 20px;} .shoppingCartTable .product-thumbnail img{width:40px !important;} .shoppingCartTable.mobile td.product-info{position: relative;} .shoppingCartTable.mobile td.product-info .remove{position: absolute; right: 10px; top: 10px;} .shoppingCartTable.mobile .product_sub_total{border-top:1px solid #ddd; padding-top: 10px; font-size:18px; color: #333; margin-top: 10px} .shoppingCartTable.mobile .prod_qty{font-size:16px; margin-top: 10px;} .shoppingCartTable.mobile .prod_qty .qty_into{display: inline-block; margin:0 10px;} .inner_header #breadcrumbs{margin-bottom: 0;} .actions.cartTotal .cart-discount th, .actions.cartTotal .cart-discount td{float: none; text-align: left !important; padding:10px; font-size:16px; color: #333;} .actions.cartTotal .order-total td{text-align: left !important; font-size: 20px; padding: 10px !important; padding-top: 0 !important;} .shoppingCartTable.mobile .actions .proceedToCheckout, .shoppingCartTable.mobile .actions .continue_shop{display:block; width: 100%; text-align: center; margin-bottom: 10px;} .shoppingCartTable.mobile .actions .button.large, .shoppingCartTable.mobile .actions .proceedToCheckout a{padding: 10px 15px !important; font-size:18px !important;} .shoppingCartTable.mobile .woocommerce-remove-coupon{top:5px;} .shoppingCartTable.mobile .coupon_box{margin-left: 0; width: 100%;} .shoppingCartTable.mobile .coupon_box input[type="text"]{float: left; width:60%; margin: 0;} .shoppingCartTable.mobile .coupon_box input[type="submit"]{float: right; width:35%;} .shoppingCartTable.mobile .coupon_box label{display: none;} .shoppingCartTable.mobile .order-total td{font-size: 18px !important; padding-top: 10px !important;} .shoppingCartTable.mobile .order-total td strong{font-size: 18px !important;} .shoppingCartTable.mobile .coupon_box{margin-bottom: 15px;} .shoppingCartTable.mobile tr td.actions{padding: 10px !important;} .checkoutPanel .hiddenPanel .float_left{font-size:16px; float: none; width: auto; margin-top:5px;} .checkoutPanel .changeBtn.float_right{float: none; margin-top:8px;} .checkoutPanel .lgText{font-size:15px;} .checkoutPanel .hiddenPanel, .checkoutPanel .checkoutPanelDetails{padding:15px;} .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{float: none; width: 100%;} #billing_postcode_field{float: none; width: 100%;} .woocommerce form .form-row{padding:0;} .woocommerce form .form-row{margin-bottom:10px;} .checkoutPanel .hiddenPanel .lgText{font-size: 16px;} .sb-slidebar.sb-right{padding:20px;} .sb-slidebar.sb-right .search_form{position: relative; padding-bottom: 15px;} .sb-slidebar.sb-right .search_form input[type="text"]{padding: 10px; border: 0; float: left; width:80%;} .sb-slidebar.sb-right .search_form .search-submit{background:#00A1E5; color:#fff; padding:4px 10px 5px; border:0;} .sb-slidebar.sb-right .search_form label.error{position: absolute; bottom:-5px; left: 0; color: #fff;} .sb-slidebar.sb-right .menu{margin:20px 0;} .sb-slidebar.sb-right .menu li{margin-bottom: 8px; position: relative; padding-left:18px; list-style: none;} .sb-slidebar.sb-right .menu li:before{content: "\e003"; font-size: 12px; position: absolute; left: 0; top:1px; font-family: "Flaticon"; color: #999;} .sb-slidebar.sb-right .menu li:last-child{margin-bottom: 0;} .sb-slidebar.sb-right ul li a{color:#BABABA; text-decoration: none;} .sb-slidebar.sb-right ul li a .fi:before{font-size:26px;} .sb-slidebar.sb-right .call{color:#BABABA; font-size:22px;} .sb-slidebar.sb-right .call .fi:before{font-size:20px;} .support_banner{padding:30px 0;} .support_banner .banner_title{font-size:32px;} .support_banner .banner_subtitle{font-size:18px; margin-bottom: 20px;} .support_banner .help_options li{display:block; margin-bottom:10px;} .support_banner .help_options li:last-child{margin-bottom: 0;} .support_banner .help_options li, .support_banner .help_options li a{padding: 0; font-size:16px; font-weight: 300;} .support_banner .help_options ul{margin:0; padding: 0; text-align: left;} .claim_process_tabs{padding:20px 0;} .claim_process_tabs a{font-size:20px; text-align: left; padding: 0 20px; margin-bottom:20px;} .claim_process_tabs a .fi:before{font-size:36px;} .steps_tab ul li{display:block; float: none; width: 100%;} .steps_tab .tab_box{float: none !important; width:auto !important; margin:15px 10px !important;} #sb-site{background: #fff; box-shadow: 0 0 8px #aaa; position: relative;} .faqs.claim_steps{margin-top:20px; border:0; border-bottom: 1px solid #ddd;} .faqs.claim_steps .question{background: #f5f5f5; border: 1px solid #ddd; border-bottom: 0;} .faqs.claim_steps .question.accordion-open{background: #00A1E5; color: #fff; border:0 !important;} .faqs.claim_steps .question.accordion-open:after{color: #fff;} .faqs.claim_steps .question.accordion:after{top: 8px;} .faqs.claim_steps .answer{padding:15px; border: 1px solid #ddd; border-top: 0;} .inner_header{display: none;} .top_title h1.entry-title{font-weight:400; font-size:24px; margin:15px 0; color: #00A1E5;} .top_title h1.entry-title .top_icon:before{font-size:25px;} .top_title p{margin-top: 0;} .top_title a{color: #145176;} .main_header h1.logo{margin: 12px 0;} /* --------------- * 004 - Animation */ .sb-slide, #sb-site, .sb-site-container, .sb-slidebar { -webkit-transform: translate( 0px ); -moz-transform: translate( 0px ); -o-transform: translate( 0px ); transform: translate( 0px ); -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; -webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */ -webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ } .selected_products .single_col ul li{width:48%;} } @media all and (max-width: 480px) { .col1.mob, .col2.mob, .col3.mob, .col4.mob, .col5.mob, .col6.mob, .col7.mob, .col8.mob, .col9.mob, .col10.mob, .col11.mob, .col12.mob{ float: left; margin: 0 3% 0 0; } .col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 { margin: 0; } .col1.mob { width: 5.5%; } .col2.mob { width: 14%; } .col3.mob { width: 22.5%; } .col4.mob { width: 35%; margin: 0 } .col5.mob { width: 39.5%; } .col6.mob { width: 48%; } .col7.mob { width: 56.5%; } .col8.mob { width: 65%; } .col9.mob { width: 73.5%; } .col10.mob { width: 82%; } .col11.mob { width: 90.5%; } .col12.mob { width: 99%; margin: 0; } .why_choose .section_intro{padding: 0 20px;} .ff_bar a{ padding: 5px; font-size: 14px; } .innovators_wanted .section_intro{ padding: 0 15px} .blog_diy .blog .post .post_info{ margin-left: 0; text-align: center;} .blog_diy .blog .post .post_thumb{ float: none; margin: 0 auto} .secure_section div:first-child{ float: none !important; margin:0 auto 15px auto !important } .secure_section .section_info{ text-align: center; margin-left: 0 !important } .post_thumb{ height: auto !important; margin:10px auto !important; float: none !important; } .sec_title{ font-size: 26px; } .social_icons{ text-align: center; margin-top: 15px} .statbox{ width: 50%; margin: 10px 0} .available_in{ padding: 0 20px} .presence .text_center img{ width: 100%} .call_mail_box{ margin: 15px 0} #breadcrumbs{ text-align: center;} .footer_top_row .tagline{ font-size: 22px; margin-bottom: 10px} .ff_bar .call_btn{margin-right:70px;} .for_devices .block{padding: 15px; height:80px; margin-bottom:30px;} .for_devices .block .fi::before{font-size:40px;} .for_devices .block .name{font-size:25px; margin-top:15px;} .what_we_provide ul li{font-size: 20px; width: 100%;} .devices_plans .owl-buttons{display: none;} .devices_plans .owl-wrapper{width: 100% !important;} .devices_plans .owl-wrapper .owl-item{width:auto !important; float: none !important; margin-bottom: 20px;} .plan_box ul{height: 100px; overflow: hidden; cursor: pointer; position: relative;} .devices_plans .owl-wrapper .owl-item .plan_box ul li{font-size: 13px;} .plan_box ul:after{content: 'Know More'; position: absolute; bottom: 0; display: block; height:25px; padding: 10px 0; width: 100%; text-align: center; background: url(img/img-gradiant.png) repeat-x center top;} .plan_box ul.opened_list{height: auto;} .plan_box ul.opened_list:after{content:''; position: relative; height: auto; padding: 0; background:transparent;} .sh_section .offer_sec{float:none; width:100%; margin:0;} .sh_section .col4{margin-bottom:20px;} .sh_top_banner { background: rgba(0, 0, 0, 0) url("img/sh_top_banner.jpg") no-repeat scroll 0 0 / cover ; height: 210px; width: 100%; background-position: center center; } .iconAnimations .sign{position:relative; display:block; margin:15px 0; right:0; top:0; line-height:0.8em;} .bx-viewport{background:transparent !important; border:0 !important; margin:0 0 0 15px !important;} .sh_section.bottom h3, .sh_title{font-size:28px;} .sub_sh_title{font-size:18px;} .selected_products .single_col ul li{width:100%; float: none;} .other_plan{text-align:left !important; margin-top:15px !important;} .other_plan .button{padding:6px 10px !important; font-size:14px !important;} .warranty_products .owl-item .plan_box{min-height: auto;} .warranty_title{padding:20px 0;} .warranty_title h2{font-size:18px;} .plans_heading .col8 div{font-size:16px; margin-bottom:8px; text-align: center;} .plans_heading .col4{text-align: center;} .plan_box .plan_name{font-size:16px;} .selected_products .plan_box{margin-bottom:20px;} .selected_products .plan_box ul{height: auto; overflow: visible;} .selected_products .plan_box ul:after{content: ''; background:transparent; height:0; display: none;} } /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers: */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }