/* Ultra Theme */ /* Fonts */ @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,300i,400,600,700'); /*@font-face { font-family: 'proxima_nova_altblack'; src: url('../fonts/mark_simonson_-_proxima_nova_alt_black-webfont.woff2') format('woff2'), url('../fonts/mark_simonson_-_proxima_nova_alt_black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_altbold'; src: url('../fonts/mark_simonson_-_proxima_nova_alt_bold-webfont.woff2') format('woff2'), url('../fonts/mark_simonson_-_proxima_nova_alt_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_altextrabold'; src: url('../fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.woff2') format('woff2'), url('../fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_alt_rgregular'; src: url('../fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.woff2') format('woff2'), url('../fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_altsemibold'; src: url('../fonts/mark_simonson_-_proxima_nova_alt_semibold-webfont.woff2') format('woff2'), url('../fonts/mark_simonson_-_proxima_nova_alt_semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* Font IcoMoon */ @font-face { font-family: 'MyriadPro-Regular'; src: url('../fonts/myriadpro-regular.eot'); src: url('../fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-regular.woff') format('woff'), url('../fonts/myriadpro-regular.ttf') format('truetype'), url('../fonts/myriadpro-regular.svg#MyriadPro-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'service-icon'; src: url('../fonts/service-icon.eot?ij6n28'); src: url('../fonts/service-icon.eot?ij6n28#iefix') format('embedded-opentype'), url('../fonts/service-icon.ttf?ij6n28') format('truetype'), url('../fonts/service-icon.woff?ij6n28') format('woff'), url('../fonts/service-icon.svg?ij6n28#service-icon') format('svg'); font-weight: normal; font-style: normal; } [class^="service-"], [class*=" service-"] { font-family: 'service-icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'action-button'; src: url('../fonts/action-button.eot?fvggvi'); src: url('../fonts/action-button.eot?fvggvi#iefix') format('embedded-opentype'), url('../fonts/action-button.ttf?fvggvi') format('truetype'), url('../fonts/action-button.woff?fvggvi') format('woff'), url('../fonts/action-button.svg?fvggvi#action-button') format('svg'); font-weight: normal; font-style: normal; } [class^="action-button-"], [class*=" action-button-"] { font-family: 'action-button' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .service-best-offers:before { content: "\e900"; } .service-call-support:before { content: "\e901"; } .service-free-delivery:before { content: "\e902"; } .service-secure-payment:before { content: "\e903"; } .action-button-browse:before { content: "\e904"; } .action-button-custom:before { content: "\e905"; } .action-button-upload:before { content: "\e906"; } /* Reset CSS */ body{font-family: 'Source Sans Pro', sans-serif; color:#505050; background:#ffffff;} body.home_page_body{background:#ffffff;} a, a:hover, a:focus, .btn, .btn:hover, .btn:focus, .btn:active, .btn.active, .bootstrap-select .dropdown-toggle:focus {outline:0 !important; text-decoration:none !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; transition: all 0.3s ease; } a{color:#333333;} a:hover, a:focus{color: #d71921;} h1, .h1{color:#1290ff;font-size: 24px;} h2, .h2 { font-size: 23px; } h3, .h3 { font-size: 18px; } h1, .h1, h2, .h2, h3, .h3{font-weight:600;} h4, .h4 { } .margin-top-0 {margin-top:0 !important;} .prettycheckbox>a, .prettyradio>a{transition:none;} .panel{box-shadow:none;} b, strong, .text-bold{font-weight:normal;} ::selection { background-color: #1290ff; color: #ffffff; } /*Button CSS*/ .btn, .btn-sm, .btn-md, .btn-lg{border-radius:30px;} .btn-search{border-radius:4px;} .btn-primary, .btn-search { background-color: #d71921; border-color: #d71921; color:#ffffff; } .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary:active:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.active.focus, .open .dropdown-toggle.btn-primary, .btn-search:hover, .btn-search:focus, .btn-search:active, .btn-search.active, .open .dropdown-toggle.btn-search{ background-color: #bb0008; border-color: #bb0008; color:#ffffff; } .btn-info, .btn-darkblue {background-color: #1290ff;border-color: #1290ff; color:#ffffff;} .btn-info:active:focus, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info:active:hover, .btn-darkblue:hover, .btn-darkblue:focus, .btn-darkblue:active, .btn-darkblue.active, .btn-darkblue.disabled, .btn-darkblue[disabled] { background-color: #017cb7; border-color: #017cb7; color:#ffffff; } .btn-success { background-color: #292d39; border-color: #292d39; color:#ffffff; } .btn-success:active:focus, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{ background-color: #1290ff; border-color: #1290ff; color:#ffffff; } .btn-link{color:#d71921;} .btn-link:hover, .btn-link:focus{color:#1290ff;} .get-started{background:#1290ff;border-color:#1290ff;} .get-started:active:focus, .get-started:hover, .get-started:focus, .get-started:active, .get-started:active:hover{background:#292d39;border-color:#292d39;} .btn-default{color:#777777; background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background-color: #f2f2f2;border-radius:5px;border-color:#bbbbbb;} .btn-default:hover{background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); background-color: #f8f8f8;color:#000000; box-shadow: 0 1px 1px rgba(0,0,0,0.1);} #login_sidebar .btn-primary { padding: 5px 20px; font-size: 16px; } /* Dashboard CSS */ .account_dashboard_box h4{ color: #d71921;} /* Paginnation CSS */ .pagination > li > a, .pagination > li > span{color: #1290ff;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ background-color: #1290ff; border-color: #1290ff;color:#ffffff;} /* Dropdwon Select Option CSS */ .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li.selected > a{background:#dddddd;color:#333333;} /* Action Button CSS */ .btn-img-text.browse-design { background: #1290ff; border-color: #ffffff; color: #ffffff; } .btn-img-text.upload-design { background: #d71921; border-color: #ffffff; color: #ffffff; } .btn-img-text.custom-design { background: #a0a0a0; border-color: #ffffff; color: #ffffff; height: 144px;} .btn-title-text.browse-design { background: #1290ff; } .btn-title-text.upload-design { background: #d71921; } .btn-title-text.custom-design { background: #747474; } .btn-title-text { border-radius: 0;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); } .btn-title-text h4{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;font-size: 16px;} .btn-title-text:hover h4{padding-left:10px;} .btn-img-text{border:0;width:100%;padding: 0;border-radius:0;display:table;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);} .btn-img-text a{display:table;width:100%;height: 144px;} .btn-img-text i:first-child{width: 17%;position:relative;color: #ffffff;height: 100%; padding:25px;top:0;left:0;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .btn-img-text a > * {display: table-cell;vertical-align: middle;} .btn-img-text h4{margin:0; text-transform:uppercase;} .btn-img-text p{margin:0;} .btn-img-text i:first-child:after { content: '';position: absolute; right: -18px; top: 42%; border-color: transparent transparent transparent transparent; border-style: solid; border-width: 9px; z-index: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .btn-img-text.browse-design i:first-child{ background: #017cb7; } .btn-img-text.browse-design i:first-child:after{ border-color: transparent transparent transparent #017cb7; } .btn-img-text.upload-design i:first-child{ background: #bb0008; } .btn-img-text.upload-design i:first-child:after{ border-color: transparent transparent transparent #bb0008; } .btn-img-text.custom-design i:first-child{ background: #747474; } .btn-img-text.custom-design i:first-child:after{ border-color: transparent transparent transparent #747474; } .text-button {padding: 25px;width: 83%;color: #fff;} .btn-img-text:hover, .btn-title-text:hover{-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);} .btn-img-text.browse-design:hover{background:#017cb7;} .btn-img-text.browse-design:hover i:first-child{background:#1290ff;} .btn-img-text.browse-design:hover i:first-child:after{border-color: transparent transparent transparent #1290ff;} .btn-img-text.upload-design:hover{background:#bb0008;} .btn-img-text.upload-design:hover i:first-child{background:#d71921;} .btn-img-text.upload-design:hover i:first-child:after{border-color: transparent transparent transparent #d71921;} .btn-img-text.custom-design:hover{background:#747474;} .btn-img-text.custom-design:hover i:first-child{background:#a0a0a0;} .btn-img-text.custom-design:hover i:first-child:after{border-color: transparent transparent transparent #a0a0a0;} .allbtn { margin-bottom: 20px; } /* Breadcum CSS */ .breadcrumb_arrow li.active span, .breadcrumb_left_arrow li.active span, .breadcrumb_arrow3 li.active span{color: #1290ff;} .breadcrumbs_square .active .a, .flat .active .a, .breadcrumb_Square_box_style li.active span, .breadcrumbs_box_style2 li.active:first-child span, .breadcrumbs_box_style2 li.active span { background: #1290ff; color: #fff; } .breadcrumbs_box_style2 li.active:first-child :after, .breadcrumbs_box_style2 li.active span:after { border-left-color: #1290ff; } .breadcrumbs_square .active .a::after, .flat .active .a:before, .breadcrumb_circle_style li.active span { color: #1290ff; } .breadcrumb_container>ul{background:transparent;} .breadcrumb_number.flat li span { background: #f0f0f0; border-radius: 0 !important; } .breadcrumb_number.flat li { margin-right: 5px; } .breadcrumb_arrow>li+li:before{font-size: 11px;} .breadcrumb_arrow3 .a:before{padding: 0px 10px;} .breadcrumbs_square .a::before{border-left-color: #dedede;} .breadcrumbs_square .a::after, .breadcrumbs_square .a::before{color: #dedede;} /* Date Piacker CSS */ .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active { background-color: #292d39; background-image: -moz-linear-gradient(top,#292d39,#292d39); background-image: -ms-linear-gradient(top,#292d39,#292d39); background-image: -webkit-gradient(linear,0 0,0 100%,from(#292d39),to(#292d39)); background-image: -webkit-linear-gradient(top,#292d39,#292d39); color:#ffffff; } .datepicker table tr td.day:hover{ background-color: #1290ff; background-image: -moz-linear-gradient(top,#1290ff,#1290ff); background-image: -ms-linear-gradient(top,#1290ff,#1290ff); background-image: -webkit-gradient(linear,0 0,0 100%,from(#1290ff),to(#1290ff)); background-image: -webkit-linear-gradient(top,#1290ff,#1290ff); color:#ffffff; } /* Loading CSS */ #loading-text{color: #1290ff;} .loading{border-color: transparent #1290ff;} /* Nav Tab CSS */ .nav-tabs { border: 1px solid #ddd; padding: 10px; } .nav-tabs > li > a{color: #777777;border-left:0;border-top:0;border-bottom:0;border-right:1px solid #dddddd; padding: 3px 15px;border-radius:0px; text-transform: uppercase; font-size: 16px;} .nav-tabs > li:last-child > a { border-right: 0; } .nav-tabs > li:last-child > a:hover, .nav-tabs > li.active:last-child > a{border-right:0;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus{ color: #d71921;border-left:0;border-top:0;border-bottom:0;background: transparent; border-right-color: #ddd;} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{border-color:transparent;} .nav-customtabs.nav-tabs li > a{ color: #777777; background-color: #f5f5f5; padding: 10px 15px;} ul.nav.nav-tabs.corporate-tabs > li.active > a, ul.nav.nav-tabs.corporate-tabs > li.active > a:hover, ul.nav.nav-tabs.corporate-tabs > li.active > a:focus, ul.nav.nav-tabs.corporate-tabs > li.active > a, ul.nav.nav-tabs.corporate-tabs > li.active > a:hover, ul.nav.nav-tabs.corporate-tabs > li.active > a:focus, ul.nav.nav-tabs.corporate-tabs > li > a:hover, ul.nav.nav-tabs.corporate-tabs > li > a:focus, ul.nav.nav-tabs.corporate-tabs .open > a, ul.nav.nav-tabs.corporate-tabs .open > a:hover, ul.nav.nav-tabs.corporate-tabs .open > a:focus{color:#d71921;border-top-color:#d71921;} .nav-customtabs.nav-tabs li > a:hover, .nav-customtabs.nav-tabs li > a:hover .cicon, .nav-customtabs.nav-tabs li.active > a, .nav-customtabs.nav-tabs li.active > a:focus, .nav-customtabs.nav-tabs li.active > a:hover, .nav-customtabs .nav-tabs li.active > a .cicon{background:#d71921;} .nav-customtabs.nav-tabs li.active a::before, .nav-customtabs.nav-tabs li a:hover:before{ border-color: #d71921 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);} #user_order_info .nav-tabs li a:hover .cicon { background: transparent; } ul.nav.nav-tabs.corporate-tabs, ul.nav.nav-tabs.nav-customtabs{ border-top: 0; border-left: 0; border-right: 0;padding: 0;} ul.nav.nav-tabs.corporate-tabs > li > a{ font-size: 16px;border-left:1px solid #dddddd;} ul.nav.nav-tabs.corporate-tabs > li:last-child > a { border-right: 1px solid #dddddd; } .nav-customtabs.nav-tabs li > a, .nav-customtabs.nav-tabs li > a:focus{ font-size: 16px;} #product_help_template .nav-tabs {border:0; border-bottom: 1px solid #dddddd; padding: 0; } #product_help_template .nav-tabs li h4 { margin:0; } #product_help_template .nav-tabs > li > a {padding: 8px 15px; margin-right: 0px; border: 0; } #product_help_template .nav-tabs > li { margin-bottom: 0; } #product_help_template .nav-tabs > li > a:hover, #product_help_template .nav-tabs > li.active > a{background:#dddddd;} /* Sidebar Left CSS */ #accordionmenu .panel-default > .panel-heading, #accordionmenu .panel-default > .panel-heading a { font-size: 16px; color: #505050; background-color: transparent; position: relative; border:0; } #accordionmenu .panel-default > .panel-heading a { position: relative; } #accordionmenu .panel-default > .panel-heading a[aria-expanded="false"]:before, #accordionmenu .panel-default > .panel-heading a[aria-expanded="true"]:before { content: ""; position: absolute; left: -15px; width: 4px; height: 30px; top: -4px; background: transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #accordionmenu .panel-default > .panel-heading a:hover:before, #accordionmenu .panel-default > .panel-heading a[aria-expanded="true"]:before{background:#d71921;} #accordionmenu .panel-default > .panel-heading a:after{ content:"\f107"; font-family:"FontAwesome"; position:absolute; right:0; top:0; font-size: 18px; } #accordionmenu .panel-default > .panel-heading a[aria-expanded="true"]:after{content:"\f106";} #accordionmenu .submenu li a { color: #505050; } #accordionmenu .submenu li a:hover, #accordionmenu .submenu li.active a, #accordionmenu .panel-default > .panel-heading a:hover, #accordionmenu .panel-default > .panel-heading a[aria-expanded="true"] { color: #1290ff; } #accordionmenu .panel-default > .panel-heading{padding:5px 0px;} #accordionmenu .panel-default > .panel-heading + .panel-collapse .panel-body { border-top: 0px; padding: 8px 10px; } #accordionmenu .panel { border: 0px; box-shadow: none; margin:0; } #accordionmenu .submenu { margin-bottom: 0; } #accordionmenu .submenu li a i.fa{margin-right:5px;} #accordionmenu .submenu li a i:before { content: "\f105"; } #sidebar-left .active a, #cssmenu > ul li ul a:hover { color: #1290ff;text-shadow:none; } #cssmenu > ul li a{font-size:16px;} #cssmenu > ul li ul a{font-size:14px;} #cssmenu > ul li > a:hover, #cssmenu > ul li:hover > a{ background-image: none; background: #f3f3f3; color: #1290ff;} #cssmenu > ul > li ul{background: #f3f3f3;} #cssmenu > ul li ul a{color:#505050;} #cssmenu > ul li:first-child > a, #cssmenu > ul li:last-child > a{border-radius:0px;} #straightmenu .fa-play-circle:before, #myaccount_menu .fa-play-circle:before{content: "\f105";} #straightmenu .list-unstyled > li > a { color: #505050; } #straightmenu .list-unstyled > li > a:hover, #straightmenu .list-unstyled > li.active > a { color: #1290ff; } #straightmenu .list-unstyled > li.has-sub > a { color: #1290ff; font-size:16px; } #straightmenu .list-unstyled > li.has-sub > a i{display:none;} #straightmenu .list-unstyled > li.has-sub ul { padding-left: 10px; } #straightmenu .list-unstyled li ul a { color: #505050;font-size:15px; } #straightmenu .list-unstyled li ul a:hover, #straightmenu .list-unstyled li ul li.active a { color: #1290ff; } #category_list ul li a{color:#333333;} #category_list ul li a:hover, #category_list .act, #template_category_tree li a.act{color:#d71921;} #myaccount_menu.list-unstyled li a { color: #505050; } #myaccount_menu.list-unstyled li a:hover, #myaccount_menu.list-unstyled li.active a { color:#d71921; } /* CMS Header CSS */ .header-content { background: #ffffff; color: #505050; } .cms-header-block{ padding: 50px 0; } .header-content h2 { font-size: 45px; color:#1290ff; line-height: 52px; margin-bottom: 20px; } .header-content h2 span { font-size: 45px;text-transform: uppercase; } .header-content p{font-size:17px; margin: 20px 0;} .header-content p.text_bold { font-size: 24px; } .header-content a { font-size: 16px; text-transform: uppercase; display: inline-block; margin: 25px 0 0; color: #d71921; } .header-content a:hover { color: #1290ff; } .header-content a i.fa { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .header-content a:hover i.fa { transform: translateX(50%); } .header_text_left { padding: 20px 0; } /*Top Header CSS */ .navbar-default { border: 0; margin: 0; min-height:auto; border-radius: 0; } .navbar-default.top-header{background:#1290ff; font-family: 'MyriadPro-Regular'; } .top-header .list-inline{margin:0;} .top-header .list-inline > li{padding:0; } .top-header .list-inline > li > a { color: #ffffff; font-size: 13px; border-right: 1px solid #eee; padding: 0 20px; display: inline-block;} .top-header .list-inline > li:last-child > a { border: 0; padding-right: 0; } .top-header .list-inline > li > a:hover, .navbar-default .navbar-text a:hover{color:rgba(253, 253, 253, 0.78);} .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { padding: 0; margin: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .topnav .navbar-nav { margin-top: 5px; } .navbar-default.topnav{background:#ffffff;padding: 0; border-bottom: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf;left: 0;right: 0;width: 100%; z-index: 99; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .fixed-header.topnav { top: 0; } .fixed-header.navbar-default.topnav{ position:fixed;padding:10px 0; -webkit-box-shadow: 0px 2px 5px 1px rgba(102,102,102,0.6); -moz-box-shadow: 0px 2px 5px 1px rgba(102,102,102,0.6); box-shadow: 0px 2px 5px 1px rgba(102,102,102,0.6);z-index:9999; } .fixed-header .register i.fa{padding:10px 18px;} .fixed-header.topnav .navbar-nav{margin-top:10;} .fixed-header.navbar > .container .navbar-brand, .fixed-header.navbar > .container-fluid .navbar-brand{max-width: 130px;} .fixed-header.navbar-default .navbar-nav > li > a{padding:12px 14px;} .navbar-default .navbar-text { color: #ffffff; } .navbar-default .navbar-text a{ padding: 0 5px;color: #ffffff; } .navbar-default .navbar-nav {text-align:center;} .navbar-default .navbar-nav > li {float:none; display:inline-block;} .navbar-default .navbar-nav > li > a{font-size:16px;color: #000000; padding: 15px;position:relative; } .navbar-default .navbar-nav > li > a:after{ content: ""; position: absolute; bottom: 0px; left: 0; right:0;background: transparent; width: 4px; height: 3px;margin:0 auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .navbar-default .navbar-nav > li > a:hover:after, .navbar-default .navbar-nav > li > a:focus:after, .navbar-default .navbar-nav > li.active > a:after, .navbar-default .navbar-nav > .open > a:after, .navbar-default .navbar-nav > .open > a:hover:after, .navbar-default .navbar-nav > .open > a:focus:after{ width: 100%; background: #1290ff;} .navbar-default .navbar-nav > .open > a:after, .navbar-default .navbar-nav > .open > a:hover:after, .navbar-default .navbar-nav > .open > a:focus:after{top:0;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color: #1290ff;background:transparent;} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #f0f0f0; background-color: #1290ff; } .topnav .dropdown-menu > li > a{padding:10px 20px;color:#ffffff;} .navbar-right .dropdown-menu{right: auto;} .navbar-nav > li .dropdown-menu { border: 0; background: #f0f0f0; box-shadow: none; border-radius: 0; padding:0;-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, .35);box-shadow: 0px 2px 2px rgba(0, 0, 0, .35); } .navbar-nav > li .dropdown-menu li a { color: #505050; border-bottom: 1px solid #dfdfdf; position:relative; } .navbar-nav > li .dropdown-menu li a:before { content: ""; position: absolute; bottom: 0px; left: 0; right: 0; background: transparent; width: 4px; height: 1px; margin: 0 auto; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .navbar-nav > li .dropdown-menu li:hover > a:before { width: 100%; background: #1290ff; } .navbar-nav > li .dropdown-menu .dropdown-menu{ margin-top: 0;} .navbar-nav > li .dropdown-menu li a:hover, .navbar-nav > li .dropdown-menu li a:focus, .navbar-nav > li .dropdown-menu li:hover > a{color: #1290ff; background-color: transparent;} .navbar-nav > li .dropdown-menu li a:after{ border-left-color: #505050;} .navbar-nav > li .dropdown-menu li a:hover:after, .navbar-nav > li .dropdown-menu li:hover > a:after{ border-left-color: #1290ff;} .social_icon_top { float: left; } .social_icon_top ul { padding: 0; margin: 0; } .social_icon_top ul li { list-style-type: none; display: inline-block; margin-right: 10px; } .social_icon_top ul li a { color: #fff; padding: 0 5px; display: inline-block;font-size: 15px; } .social_icon_top ul li a:hover { color: rgba(253, 253, 253, 0.78); } .top-header .list-inline li .badge { background: #ffffff; color: #1290ff; margin-top: -4px; font-size: 11px;padding: 2px 5px; } .search_bar { float: right; margin-left: 20px;position: relative; } .register { font-size: 24px; display: inline-block;} .register:hover, .register:focus { color:#1290ff; } .register i.fa{padding:16px 18px;} .box_header_search { position: absolute; top: 100%; right: -5px; width: 250px; left: auto; text-align: right; z-index: 99; } .box_header_search:after { position: absolute; content: "\f0d8"; font-family: FontAwesome; top: -10px; right:20px; font-size: 30px; color: #1290ff; line-height: 10px; z-index: -1; } .box_header_search #header_search_box span{width:100%;} .box_header_search #header_search_box span input{border-radius:0px;border-color:#1290ff;height:40px; border-width: 4px;}*/ .badge{background: #d71921;} .top-header .language {margin-left:15px;} .top-header .language .bootstrap-select>.dropdown-toggle { padding: 3px 20px 3px 5px; margin: 0;font-size:0; } .top-header .language .bootstrap-select.btn-group .dropdown-toggle .caret { right: 10px; margin-top: -1px; } .top-header .language .bootstrap-select{vertical-align: top; margin-top: 2px;} /* (Midle Footer CSS)Our Service CSS */ .middle-footer-content{padding:0;color: #505050;} .service_block{ background: url(../images/services-bg.jpg) fixed no-repeat; background-position:center; background-size: cover; color:#ffffff; padding: 50px 0; text-align:center;position:relative;z-index: 1; } .service_block:after { content: ""; position: absolute; top: 0; width: 100%; height: 100%; left: 0; background: #1290ff; opacity: 0.8; z-index: -1; } .service_block .srvc_inr_blck{padding:0 25px;} .service_block .srvc_inr_blck a { display: inline-block; position:relative;} .service_block .srvc_inr_blck a:after {content:"";position: absolute; top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgb(255, 255, 255); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);width: 100%; height: 100%; border-radius: 100%;} .service_block .srvc_inr_blck:hover a:after { -webkit-animation: sonarEffect 1.3s ease-out 75ms;-moz-animation: sonarEffect 1.3s ease-out 75ms;animation: sonarEffect 1.3s ease-out 75ms;} .service_block .srvc_inr_blck span { width: 120px; height: 120px; display: inline-block; line-height: 120px; border: 1px solid ffffff; border-radius: 100%; font-size: 60px; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .service_block .srvc_inr_blck:hover span { background: #ffffff; color: #1290ff; border-color: #ffffff; } .service_block .srvc_inr_blck h3 { color: #ffffff; text-transform: uppercase; font-size: 28px; margin: 15px 0 30px; position:relative; } .service_block .srvc_inr_blck h3:after{ position: absolute; content: ""; bottom: -17px; left: 0; width: 75px; right: 0; height: 2px; background: #ffffff; margin: 0 auto; } .service_block .srvc_inr_blck p{font-size:16px;} /* Testimonial CSS */ .testimonial_home{background:#ffffff; padding: 30px 0 50px;} .testimonial_home .panel-info > .panel-heading, .panel-browse { background: transparent; border: 0; color: #333333; text-transform: none; padding:0; } .testimonial_home .panel-info > .panel-heading h3, .panel-browse h3 { font-size:34px; position:relative; } .panel-browse { -ms-transform: translateY(-45px); -webkit-transform: translateY(-45px); transform: translateY(-45px); display: inline-block; } .testimonial_home .panel-info > .panel-heading h3:after, .panel-browse h3:after{ position:absolute; content:""; left:0; bottom:-10px; width:135px; height:3px; background:#1290ff; } .testimonial_home .panel-info{border:0;box-shadow:none;margin:0; padding: 0 50px 0 0;background: transparent;} .testimonial_home .panel-footer { background: transparent; border: 0; } .testimonial_home .panel-body { padding: 150px 0 0; position:relative; } .testimonial_home .panel-body:before { position: absolute; content: "\f10d"; font-family: FontAwesome; left: 0; top: 60px; font-size: 60px; color: hsla(206, 100%, 35%, 0.33); } .bg-text { transform: translateX(-3%); } .bg-text h2 { font-size: 100px; text-transform: uppercase; letter-spacing: 15px; color: #dee3e8; margin:0; opacity: 0.3; } .testimonial_left blockquote { font-size: 17px; } .bg-text.text-green h2 { color: #a6e0e4; } .testimonial_left { -ms-transform: translateY(-15%); -webkit-transform: translateY(-15%); transform: translateY(-15%); } .testimonial_home .container{ position:relative; z-index:1 } .testimonial_home .container:before { position: absolute; content: ""; right: -6%; top: 12%; height: 145px; width: 476px; background: url(../images/dot-img.png); z-index: -1; } /* Subscribe Block CSS */ .footer-content { background: #ffffff; padding:0px; } .subscribe_section { background: #1290FF; } .subscribe_section .inner-padding { padding: 50px 100px 35px; } .subscribe_section .panel-info{background:transparent;border: 0;margin:0;box-shadow:none;} .subscribe_section .panel-body{padding:0;} .subscribe_section .form-group { margin-bottom: 0; max-width: 500px; width: 100%; margin: 0 auto; } .subscribe_section h2, .subscribe_section p { margin: 0; } .subscribe_section h2 { color: #ffffff; font-size: 32px; } .subscribe_section p { color: #ffffff; font-size: 35px; font-weight:200; font-style:italic; } .subscribe_section .email .input-group-addon, .subscribe_section .email .help-block, .subscribe_section .panel-info > .panel-heading{display:none;} .subscribe_section form{position:relative;} .subscribe_section form .btn-primary { position: absolute; top: 4px; right: 12.6%; z-index: 9; border-radius: 50px; padding: 10px 30px; font-size: 18px; text-transform: uppercase; } .subscribe_section .form-group input { height: 55px; font-size: 18px; float:none; } .subscribe_section .input-group .form-control:last-child{border-radius: 50px;} .subscribe_section .form-group .input-group{display:block;margin-top:5px;} /* Footer CSS */ .fotter_bottom { background: #000000; padding:40px 0px; color:#ffffff;} .fotter_bottom a {color:#ffffff;} .fotter_bottom a:hover {color:#1290ff;} .fotter_bottom .panel-info > .panel-heading { padding: 0; } .fotter_bottom .panel-info > .panel-heading { padding: 0; background: transparent; border: 0; } .fotter_bottom .panel-info { border: 0; box-shadow: none; background: transparent; margin: 0; } .fotter_bottom .panel-body { padding: 0; } .fotter_bottom h3 { margin: 15px 0; color: #ffffff; font-size:23px; font-weight:600; border-bottom:1px solid #ffffff; padding-bottom:3px;} .fotter_bottom .product-cat ul { padding: 0; margin: 0; float:left; width:49%;} .fotter_bottom .product-cat ul:first-child {margin-right:2%;} .fotter_bottom .product-cat ul li { list-style-type: none; padding: 0; margin: 0; display: block; float: none; } .fotter_bottom .bottom-links {width:100%;} .fotter_bottom .bottom-links li {width:48%; margin-right:1%; float:left;} .fotter_bottom ul > li a { padding: 2px 0; color: #ffffff; display:block; } .fotter_bottom ul > li > a:hover, .fotter_bottom ul > li > a:focus{background:transparent; color:#1290ff;} .fotter_bottom ul > li > a.active{background:transparent; color:#1290ff;} .fotter_bottom .panel-body .nav-pills > li > a{margin-bottom:10px;padding:0;} .fotter_bottom .panel-body .nav-pills > li { float: left; width: 33.33%; } .fotter_bottom .panel-body .nav-pills > li + li { padding-left: 15px; } footer {background: #292d39; padding: 10px 0;} footer .bottom-links li > a { color: #ffffff; } footer .bottom-links li > a:hover { color: #d71921; } .copyright_footer .text-muted { color: #ffffff; font-size: 14px; } .contact_us { word-break: break-word; } .footer-logo, .payment-logo {float:left; width:100%; margin-top:40px;} .payment-logo {margin-top:50px;} .fotter_bottom h6 { margin: 0; color: #2cc4ff; font-size:13px;} .mb-0 { margin-bottom:0;} .follow-us {margin-top:30px;} /* Product Effact CSS */ .product-box { margin-bottom: 30px; } .product-box h3 { color: #1290ff; } .hover-box-shadow, .product-box div.thumbnail { background: #f3f3f3; padding: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;width:100%;margin-bottom:0;} #home_page .hover-box-shadow, .product-box div.thumbnail { background: #ffffff;} .hover-box-shadow:hover a.thumbnail img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .hover-box-shadow { position: relative; z-index:1; } .hover-box-shadow:before, .hover-box-shadow:after { content: ''; position: absolute; left: 0; box-sizing: border-box; height: 100%; width: 100%; display: inline-block; opacity: 0; transition: opacity 0.35s, transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -ms-transition: opacity 0.35s, -ms-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -webkit-transition: opacity 0.35, -webkit-transform 0.35s; z-index:-1; } .hover-box-shadow:before{ position: absolute; bottom: 0px; border-left: 5px solid #cccccc; border-right: 5px solid #cccccc; transform: scale(1,0); -moz-transform: scale(1,0); -ms-transform: scale(1,0); -o-transform: scale(1,0); -webkit-transform: scale(1,0); } .hover-box-shadow:after{ position: absolute; bottom: 0px; border-bottom: 5px solid #cccccc; border-top: 5px solid #cccccc; transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); -webkit-transform: scale(0,1); } .hover-box-shadow:hover:before, .hover-box-shadow:hover:after{ opacity: 1; transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); } .hover-box-shadow a.thumbnail { overflow: hidden; border: 0; border-radius: 0; max-width: 330px; width:100%; padding: 0; } .product-box div.thumbnail p.text-center{text-align:left;} .hover-box-shadow a.thumbnail img{ max-width: 100%;} .product-box h3, .product-box .product-desc{padding:0;} .product-box .product-desc { min-height: 100px; } .hover-box-shadow > p.text-center{text-align:left;} .flip3d.panel-info > .panel-heading{ color: #ffffff; background-color: #1290ff;} .flip3d div.panel-body{background:#ffffff;max-height: 240px;border: 1px solid #eeeeee;} .flip3d { height: 275px; overflow: hidden; box-shadow: none; } .flip3d.panel-info > .panel-heading a:hover { color: rgba(253, 253, 253, 0.78); } .slideup .thumbnail { background: #ffffff; } .slideup .productouter:hover .thumbnail{border-color: #292d39;} .slideup .productinfo{background: #292d39;} a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #292d39; } .slideup .productouter .btn-info:hover, .slideup .productouter .btn-info:focus { background: #d71921; border-color: #d71921; } .slideup .productouter, .slide-hover{margin-bottom:30px;} .hover-box-shadow.title-top { padding-top: 5px; } .hover-box-shadow.title-top center { text-align: left; } .slide-hover .thumbnail { width: 100%; border: 0; } .slide-hover > h3{ background: #1290ff; color: #ffffff;} .slide-hover > h3:after{background: #017cb7;} .zoom:hover{ background-color: rgba(0, 102, 179, 0.80);} .hover-box-shadow .btn-info, .product-box div.thumbnail .btn-info { background: transparent; border: 0; padding: 0; font-size: 16px; display: inline-block; margin: 5px 0; color: #d71921; } .hover-box-shadow .btn-info:hover, .hover-box-shadow .btn-info:focus, .product-box div.thumbnail .btn-info:hover, .product-box div.thumbnail .btn-info:focus, .hover-box-shadow:hover .btn-info{background:transparent;color:#1290ff;box-shadow:none;letter-spacing:1px;} .product-box div.thumbnail h3, .product-box div.thumbnail .product-desc { padding: 0; margin: 15px 0; } .product-box:hover h3{color:#d71921;} .product-box .triangle-slide-overlay:hover h3{color:#ffffff;} .triangle-slide-overlay .corner-overlay-content .fa { color: #1290ff; } /* Calculator CSS */ .bootstrap-select>.dropdown-toggle, .bootstrap-select.btn-group.bs-container .dropdown-menu{ border-radius: 0;} .bootstrap-select>.dropdown-toggle{padding-top: 9px;padding-bottom: 9px;} .content-box{border-color:#dddddd;} .content-small-box-lable, .content-box-lable { border-right: 1px solid #dddddd; color: #777777; background: #f3f3f3; padding: 9px; font-size: 16px; font-weight: normal; } .content-small-box-content, #shopping-cart .content-box-content, #user_order_info .content-box-content { font-size: 16px; padding: 9px; color: #1290ff; font-weight: normal; } #shopping-cart .cart-price-block .content-box-lable, #user_order_info .cart-price-block .content-box-lable{float:left;line-height:inherit;} #price_calculator .shippingcalc .btn-success{font-size: 16px;background:#d71921;border-color:#d71921;padding: 8px 15px;border-radius:50px;} #price_calculator .btn-success:hover, #price_calculator .btn-success:focus{background:#bb0008;border-color:#bb0008;} /* Content CSS */ .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #dddddd; } .panel-info > .panel-heading { color: #1290ff; background-color: #f3f3f3; border-bottom: 1px solid #dddddd; } .panel-title{font-size:18px;} .panel-info { border-color: #dddddd; border-radius: 0; } #shopping-cart .panel-info > .panel-heading{text-transform: none;} .page-sub-header h4{ color: #d71921;font-size: 16px;} .middle_inner_section {position:relative; padding-bottom: 30px; } .middle_inner_section:after, .middle_inner_section:before{ position: absolute; content: ""; right: -11.5%; top: -6%; height: 145px; width: 476px; background: url(../images/white-dot.png) no-repeat; z-index: -1;} .middle_inner_section:after { bottom: 0; top: auto; left: 5%; } .page-header { margin: 0 0 15px; border: 1px solid #dddddd; padding: 8px 15px; background:#f3f3f3; } .page-header h1 { margin: 0; } .home_page_body .body-container { padding-bottom: 50px; margin-bottom:0; margin-top:30px;padding-top:0; } .body-bg {margin-top:0 !important;} .home_page_body .body-bg {background:url(../images/footer-bg.png) center bottom no-repeat; background-size: contain;} .body-container { margin-bottom: 30px; padding-top:30px; } .tt-suggestion.tt-is-under-cursor { background-image: none; background: #1290ff; } .tt-dropdown-menu{border-radius:0;} .carousel-control.right, .carousel-control.left{ background-image: none;} #product-info #product_images .item img { width: 100%; padding: 0; border-radius: 0; } #product_price .panel-group .panel .panel-title, #faq_details .panel-group .panel .panel-title{ font-size: 15px; color: #505050; } .panel-group .panel{border-radius: 0;} .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-color: #1290ff; font-weight:normal;} #payment_option .panel-title label{color: #1290ff;font-size: 16px;} #shopping-cart .cart-price-block, #user_order_info .cart-price-block{font-size: 16px;} #shopping-cart .cart-price-block.list-unstyled > li { line-height: inherit; padding: 0; } #shopping-cart .price, #user_order_info .price{ color: #1290ff; font-size: 16px;line-height:inherit;} #product-related .product-box .thumbnail { padding-bottom: 0; background: #f3f3f3; margin: 0; } #product-related .product-box { margin-bottom: 15px; } #product-related .carousel-inner { overflow:visible; } #product-related .thumbnail .caption { color: #000000; font-size: 16px; } .page-section-header{ color: #1290ff;} .panel-default > .panel-heading { color: #777777;background:transparent;border-color:#dddddd;} .prettycheckbox>a, .prettyradio>a{background-image: url(../images/sprites-sfa68604977.png);} .page-sub-header h5 { color: #1290ff; font-size: 16px; } #product-related { overflow: hidden; } .input-group-addon { border-radius: 0; } .input-group .form-control{border-radius:0;} .carousel-control{width:8%;} .carousel-indicators { bottom: 40px;padding: 0 170px;text-align:right;z-index:1; } #top-banner.carousel .carousel-indicators li { width: auto; height: auto; border: 0; margin: 0; padding: 0 15px; text-indent: inherit; background-color: transparent; } #top-banner.carousel .carousel-indicators li span { font-size: 24px; line-height: 32px; padding-bottom: 5px; color: #868f8e; border-bottom: 2px solid #868f8e; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } #top-banner.carousel .carousel-indicators li.active span, #top-banner.carousel .carousel-indicators li:hover span { color: #1290ff; border-color: #d71921; } .allbtn .page-sub-header{border-bottom: 0;position:relative; margin-bottom: 25px;} .allbtn .page-sub-header:after{content:""; position:absolute; left:0; height:3px; width:140px;background:#1290ff;} #shopping-cart .list-unstyled > li{ line-height: 22px;} .panel-default > .panel-heading .btn-link { padding: 10px;} #product_price .panel-default > .panel-heading .btn-link { padding: 10px; color: #1290ff;} #product_price .panel-default > .panel-heading .btn-link:hover {color: #d71921;} .billing_shipping_info .panel-default > .panel-heading { background: #f3f3f3; } .billing_shipping_info .panel-default > .panel-heading h3 { } .marquee-heading { font-size: 15px; color: #777777; } a.enlarge{margin: 0px 15px 5px 0px;} a.enlarge:hover span { top: 0; left:0; } .fancybox-slide .table > thead:first-child > tr:first-child > th { border-top: 1px solid #ddd; } .popover.in{z-index: 9999;} .order_box .table-responsive{overflow-x: unset;} #top-banner img { width: 100%; } .tabbable { margin-bottom: 15px; } .topnav .navbar-right{float:none !important;position:relative;} .navbar-nav > li.full-width-dropdown .panel-info > .panel-heading {display:none;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#555555;background:transparent;} .topnav .dropdown-menu > li > a:hover, .topnav .dropdown-menu > li > a:focus, .topnav .dropdown-menu > li:hover > a { color: #000000; text-decoration: none; background-color: #eeeeee; } .navbar-nav > li > .dropdown-menu{ border: 0; border-radius:0; padding:0; right: auto; left: 0; } .dropdown-submenu:hover>.dropdown-menu{ border: 0; border-radius: 0; padding: 0; right: auto; left: 100%;} .navbar-default .navbar-nav > li.open{position:relative;} .navbar-nav > li.full-width-dropdown > .dropdown-menu{width: 100%;height:600px;overflow:auto;} .navbar-nav > li.full-width-dropdown.open{position:static;} .topnav .dropdown-menu > li > a { padding: 8px 20px; border-bottom: 1px solid #ddd; } .dropdown-submenu>.dropdown-menu{margin:0;} .dropdown-submenu:hover>a:after { border-left-color: #555555; } .navbar-default .navbar-nav > li{position:static;} .navbar-nav > li.full-width-dropdown > .dropdown-menu .nav-pills > li > a { color: #505050; font-weight:600; padding: 10px 0; } .navbar-nav > li.full-width-dropdown > .dropdown-menu .nav-pills > li > a:hover, .navbar-nav > li.full-width-dropdown > .dropdown-menu .nav-pills > li > a:focus { background:transparent;color:#1290ff; } .navbar-nav > li.full-width-dropdown > .dropdown-menu .nav-pills > li > ul { padding: 0; } .navbar-nav > li.full-width-dropdown > .dropdown-menu .nav-pills > li > ul li { list-style-type: none; } .navbar-nav > li.full-width-dropdown > .dropdown-menu .nav-pills > li > ul li a { padding: 5px 0; display: inline-block; font-size: 13px; color: #555555; } .navbar-nav > li.full-width-dropdown > .dropdown-menu .nav-pills > li > ul li a:hover { color: #1290ff; } .navbar-nav > li.full-width-dropdown > .dropdown-menu .nav-pills > li + li { margin-left: 0; } .navbar-nav > li.full-width-dropdown > .dropdown-menu .nav-pills > li { width: 20%; } .navbar-nav > li.full-width-dropdown > .dropdown-menu li a{border-bottom: none;} /* Bottom To Top CSS */ .scroll-top { background:#1290ff; border-color:#1290ff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform:scale(0,0); -moz-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); transform:scale(0,0); } .scroll-top.fadeIn { -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1); } /* Animation CSS */ @-webkit-keyframes sonarEffect { 0% { opacity: 0.5; } 40% { opacity: 0.8; box-shadow: 0 0 0 2px rgb(255, 255, 255), 0 0 10px 10px #1290ff, 0 0 0 10px rgb(255, 255, 255); } 100% { box-shadow: 0 0 0 2px rgb(255, 255, 255), 0 0 10px 10px #1290ff, 0 0 0 10px rgb(255, 255, 255); -webkit-transform: scale(1.5); opacity: 0; } } @-moz-keyframes sonarEffect { 0% { opacity: 0.5; } 40% { opacity: 0.8; box-shadow: 0 0 0 2px rgb(255, 255, 255), 0 0 10px 10px #1290ff, 0 0 0 10px rgb(255, 255, 255); } 100% { box-shadow: 0 0 0 2px rgb(255, 255, 255), 0 0 10px 10px #1290ff, 0 0 0 10px rgb(255, 255, 255); -moz-transform: scale(1.5); opacity: 0; } } @keyframes sonarEffect { 0% { opacity: 0.5; } 40% { opacity: 0.8; box-shadow: 0 0 0 2px rgb(255, 255, 255), 0 0 10px 10px #1290ff, 0 0 0 10px rgb(255, 255, 255); } 100% { box-shadow: 0 0 0 2px rgb(255, 255, 255), 0 0 10px 10px #1290ff, 0 0 0 10px rgb(255, 255, 255); transform: scale(1.5); opacity: 0; } } /* Do Not Put Any CSS OR Media Query */ /************************************************* NEW STYLES *************************************************/ /*************** CUSTOM OBJECTS *******************/ h2.main-call{ font-weight: 600; font-size:43px; display: block; text-align: center; margin: 32px auto 40px auto; color: #000000; letter-spacing:-1; } h2.main-call-bigger{ font-weight: 300; font-size:80px; display: block; text-align: center; margin: 32px auto 40px auto; color: #000000; } h2.main-call-big{ font-weight: 300; font-size:65px; display: block; text-align: left; margin: 32px auto 40px auto; color: #000000; } h3.sub-call{ font-weight: 200; font-size:40px; display: block; text-align: left; color: #5CA7FF; } .button-div{ margin: 20px auto; text-align: center; } .btn.btn-request-print{ width: 320px; height: 51px; font-weight: lighter; color: #FFF; border-radius: 5px; background: #26C281; text-align: center; padding: 10px 0 0 0; line-height: 25px; font-size: 20px; } .btn.btn-view-more{ width: 178px; height: 51px; font-weight: 600; color: #FFF; border-radius: 5px; background: #26C281; text-align: center; padding: 2px 0; margin: 40px auto 0 auto; line-height: 45px; font-size: 25px; } .btn.btn-custom-quote{ width: 226px; height: 51px; font-family: 'Source Sans Pro', sans-serif; font-weight: lighter; color: #FFF; border-radius: 5px; background: #26C281; text-align: center; padding: 2px 0; margin: 40px auto 10px auto; line-height: 45px; font-size: 25px; } i.fa.fa-chevron-right{ font-size:20px; font-weight: lighter; } /*************** BLUE SECTION *******************/ .link-nav ul li{ margin: none; font-size:10pt; } .link-nav ul li span{ color:#f0f0f0; } .link-nav ul li a{ margin: 5px 0; font-size: 10pt; } .top-header .list-inline > li:last-child > a.btn-tryonline { padding: 5px 10px; background-color: #26C281; border-radius: 5px; color:#f0f0f0; min-width:126px; font-family: 'Source Sans Pro', sans-serif; font-weight: bold; font-size: 10pt; } .btn-dark {background-color: #000;border-color: #000; color:#ffffff;} .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.disabled, .btn-dark[disabled] { background-color: #000; border-color: #000; color:#ffffff; } ul.small-text li{ margin: 0; } ul.small-text li a{ font-size:10px; } /*************** HEADER SECTION *******************/ .navbar.navbar-default.white-bg { background: #FFF; } .navbar.navbar-default.white-bg .container.margins { margin-top:28px; } .navbar.navbar-default.white-bg .container.margins .search-div { text-align: left; padding: 5px 0 0 0; } .navbar.navbar-default.white-bg .container.margins .icon-div{ text-align: center; padding: 0 0 10px 10px; font-weight:300; } .navbar.navbar-default.white-bg .container.margins .icon-div ul li{ margin: 0 20px; } .navbar.navbar-default.white-bg .container.margins .icon-div ul li:last-child{ margin: 0; } .navbar.navbar-default.white-bg .container.margins .icon-div img{ height: 25px; margin: 0 auto 3px auto; display: block; } .navbar.navbar-default.white-bg .container.margins .icon-div span.badge{ background:#1290FF; position: relative; right: 20px; bottom: 10px; float:left; } /*************** MENU SECTION *******************/ .container-fluid .container .collapse.navbar-collapse{ float: none; clear: both; } .container-fluid .container .collapse.navbar-collapse ul.nav.navbar-nav li a { font-size:15px; } .navbar-nav > li .dropdown-menu li { margin: 10px; } .navbar-nav > li .dropdown-menu li a{ border:none; } .badgeonproducttitle { background-color: #FBCC02; color: #FFF; border-radius: 10px; display: inline; font-size: 12px; font-weight: bold; line-height: 1; min-width: 10px; padding: 3px 7px; text-align: center; vertical-align: baseline; white-space: nowrap; } /********* PRODUCTS *********/ #our-popular-products .thumbnail { display: block; padding: 10px 15px 5px 15px; margin-bottom: 30px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; width: 100%; height: 159px; } #our-popular-products .thumbnail img{ margin: 10px auto; } #our-popular-products .thumbnail span.title{ text-align: center; font-weight: 200; color: #808285; font-size: 20px; display: block; } #our-popular-products .thumbnail small { font-weight: 200; color: #000000; font-size: 13px; display: block; text-align: center; } /**** PROCESSES ****/ .bottom-135{ margin: 0 auto 100px auto; } /**** QUOTE ****/ .quote{ font-style: italic; font-weight: 200; color: #6D6E71; font-size: 45px; } /**** MAGAZINES ****/ .browse-products {padding-top:80px; border-top:1px solid #333333;} .browse-products h2 {font-weight:600; font-size:40px; margin-bottom:30px;} .browse-products .flip3d h5 { text-transform:uppercase; text-align:left; font-size:20px; font-weight:600;} .browse-products .flip3d {text-align:center;} .magazines{ min-height: 287px; border:1px solid #D1D3D4; margin: 20px 0; } ul.ul-magazines{ margin: 0 auto; text-align: center; padding: 20px 0 0 0; } ul.ul-magazines li{ margin: 0; padding: 0; list-style: none; float: left; } ul.ul-magazines li span.title{ display: block; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 23px; color:#000; } ul.ul-magazines li span.starting-at{ display: inline-block; margin: 0 3px; font-family: 'Source Sans Pro', sans-serif; font-weight: 0; font-size: 15px; color:#000; } ul.ul-magazines li span.price{ display: inline-block; margin: 0 ; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 16px; color:#FB5902; } ul.ul-magazines li a{ display: block; margin: 10px 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 14px; color:#5CA7FF; } .processes {padding-bottom:80px; border-bottom:1px solid #000000;} /**** FOOTER ***/ .subscribe_section.superborder{ border-top:10px solid #292D39; border-bottom:5px solid #292D39; z-index: 1; } .cloud{ position: absolute; bottom:-2320px; width: 100%; z-index: -1; } #header_search_box {margin: -1px 10px;position: relative;} #header_search_box::after {position: absolute;content: "\f002";font-family: FontAwesome;color: #3690ff;top: 50%;right: 0;font-size: 15px; height: 23px; width: 23px;text-align: center;cursor: pointer;transform: translate(-50%, -50%);} #header_search_box span{width:100%;} #header_search_box input{padding: 10px;border: 1px solid #CCC;border-radius: 5px;height:auto;} .top-links span {text-transform: uppercase;} .fixed-header.navbar > .container .fixed-logo {width: 100%;display: block !important; position:relative; z-index:99;} .fixed-header.navbar > .container .navbar-brand {margin-right: 30px;} .navbar.navbar-default .cart-badge {position: relative;} #top-banner {margin-top:0 !important;} #top-banner .carousel-caption {top:20%; text-align:left;} #top-banner .carousel-caption h2 {font-size:100px; color:#1290ff; font-weight:800;} #top-banner .carousel-caption h4 {font-size:50px; color:#000000; font-weight:600; line-height:1;} #top-banner .carousel-caption .caption-text {margin-top:6%;} #top-banner .carousel-caption p {font-size: 25px;font-weight: 200;} /* Media Query */ @media (min-width:1050px){ .navbar.navbar-default.white-bg .container.margins .icon-div span.badge{ background:#1290FF; position: absolute; left: auto; bottom: 30px; margin: 0; } } @media (min-width: 1600px){ .container { width: 1570px;} .magazines ul.ul-magazines li{ margin: 0 25px; padding: 0; list-style: none; float: left; } } @media (max-width: 1700px){ .testimonial_home .container:before, .middle_inner_section:before{right:0;} .middle_inner_section:after{left:0;} } @media (max-width: 1570px){ .testimonial_home .container:before{top:0;} } @media (max-width: 1400px){ #top-banner .carousel-caption h2 {font-size:60px;} #top-banner .carousel-caption h4 {font-size:30px; } #top-banner .carousel-caption .caption-text {margin-top:2%;} #top-banner .carousel-caption p {font-size: 20px;} #top-banner .carousel-caption { top: 5%; text-align: left; left: 10%; right: 10%; } } @media (max-width: 1200px){ .testimonial_left { -ms-transform: translateY(-15%); -webkit-transform: translateY(-15%); transform: translateY(-15%); } .navbar-default .navbar-collapse { width: 100%; } .carousel-indicators {padding:0;} } @media (max-width: 1199px){ h2.main-call, h2.main-call-bigger{ font-size:45px; } } @media (max-width: 1024px){ .subscribe_section form .btn-primary{right:1%;} .subscribe_section .inner-padding{ padding: 50px 0px; } .bg-text{transform:none;} .header_text_left{padding:0;} .header-content h2{margin-top:0;} .service_block .srvc_inr_blck{ padding: 0 20px;} .navbar-default .navbar-nav > li { margin-right: 5px; } .fotter_bottom ul { margin: 0; width:100%;} } @media (max-width: 992px){ .testimonial_home .panel-info{padding:0;} .bg-text h2 { font-size: 75px; } .testimonial_home .panel-body{ padding: 100px 0 0;} .testimonial_home .panel-body:before{top:0;} .testimonial_home .container:before, .middle_inner_section:before, .middle_inner_section:after{width:100px;} .subscribe_text { margin-bottom: 20px; } .subscribe_section form .btn-primary { right: 16%; } .middle_inner_section:before{top:-2.5%;} .service_block .srvc_inr_blck{padding:0 5px;} #top-banner.carousel .carousel-indicators li span{font-size:15px;line-height:25px;} .navbar-default .navbar-nav > li > a{padding:15px 10px;} .fixed-header.navbar-default .navbar-nav > li > a{padding:12px 10px;} .header_text_left{padding-bottom:20px;} .header-content a{margin:0;} .search-box{ clear: both; margin:20px 0; } #top-banner .carousel-caption h2 {font-size:50px;} #top-banner .carousel-caption h4 {font-size:25px; } #top-banner .carousel-caption p {font-size: 17px;} } @media (max-width: 767px){ .top-header .top-links {float:right; margin-right:20px;} .navbar.navbar-default.white-bg .container.margins { margin-top: 0; text-align:center;} .top-header .top-links.list-inline > li > a {font-size:25px;} .navbar-default.topnav ul li {display:block;} .testimonial_left { transform: none; } h1, .h1{font-size: 22px;} .bg-text h2, .middle_inner_section:after { display:none; } .header_text_left{padding:0;margin-bottom:20px;} .cms-header-block{padding:30px 0px;} .service_block, .testimonial_home, .subscribe_section .inner-padding, .fotter_bottom{padding:30px 0px;} footer{padding:15px 0px;} .fotter_bottom .panel-body .nav-pills > li { float: none; width: 100%; } .copyright_footer { text-align: center; } .copyright_footer .text-muted{ font-size: 12px;} .nav.navbar-nav.bottom-links{margin:0; text-align: center;} .fotter_bottom .bottom-links li {text-align:left;} .header-content h2, .header-content h2 span{ font-size: 26px; line-height: 32px;} .header-content p.text_bold, .header-content p, .subscribe_section p{ font-size: 23px;} .service_block .srvc_inr_blck h3, .testimonial_home .panel-info > .panel-heading h3, .subscribe_section h2, .panel-browse h3{font-size:25px;} .service_block .srvc_inr_blck p { font-size: 14px; } .testimonial_home .panel-body:before{ font-size: 60px;} .testimonial_home .panel-body { padding: 70px 0 0; } .subscribe_section form .btn-primary {right: 4px;} .fotter_bottom h3{margin: 20px 0 10px;} .navbar-default .navbar-collapse{float:none;margin:0;border-top:0;border-bottom:1px solid #dddddd;} .navbar-default .navbar-nav > li > a{font-size:14px; padding: 10px 5px;} .navbar-header { float: left; width: 100%; margin:0 !important; border-bottom:1px solid #dddddd;} .navbar-default.topnav{position: static; border:0;text-align: center;padding:10px 0px;} .fixed-header.navbar-default.topnav{box-shadow:none;} .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#1290ff;} .navbar-default .navbar-text { color: #1290ff; margin: 0; padding: 10px 5px; } .navbar-default .navbar-text a{ padding:0 5px;color:#d71921; } .navbar-default .navbar-text a:hover{ color:#1290ff; } .navbar-brand{max-width: 180px !important;width: 100%;} .navbar-brand, .navbar-brand img{max-width: 140px;margin:5px auto;} .page-header, .panel-info > .panel-heading{padding:10px 15px;} .panel-body { padding: 15px; } .white-bg .navbar-toggle{margin:8px 0 8px 15px;} .leftbar-toggle, .white-bg .navbar-toggle{border-radius:0;} .topnav .leftbar-toggle{margin:8px 15px 8px 0;} .navbar-default.topnav .navbar-nav { text-align: left; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #d71921; border-color: #d71921; } .navbar-default.top-header, .navbar-default.top-header .container{padding:0;} .box_header_search { top: 100%; right: 0; left: auto;width: 240px; } .subscribe_section .form-group input{height: 45px; font-size: 16px;} .subscribe_section form .btn-primary{padding: 7px 25px; font-size: 16px;} .user_logout, .social_icon_top{display:inline-block;float:right; padding: 10px 5px;} .box_header_search:after{color: #ffffff;} .user_logout a, .search_bar > a{ font-size: 18px;margin: 0 7px;color:#ffffff; } .user_logout a:hover, .user_logout a:focus, .search_bar > a:hover, .search_bar > a:focus{ color:rgba(253, 253, 253, 0.78); } .user_logout a i{font-size:1.2em;} .social_icon_top{ background: #1290ff; padding: 10px 0;float:left;} .social_icon_top ul li{margin: 0 7px;} .social_icon_top ul li a{font-size: 18px;} .dropdown-submenu>a:after { border-left-color: #afafaf; } .nav-tabs > li > a, ul.nav.nav-tabs.corporate-tabs > li > a, .nav-customtabs.nav-tabs li > a, .nav-customtabs.nav-tabs li > a:focus{font-size:13px;} .fotter_bottom ul > li a i.fa{ position: static; margin-right: 5px;} .panel-browse{transform:none;margin-bottom: 30px;} .middle_inner_section{padding-bottom:0;} .fotter_bottom .panel-body .nav-pills > li > a{ margin-bottom: 0px; margin-top: 10px;} .fotter_bottom .panel-body .nav-pills > li + li{padding-left:0;} .home_page_body .body-container{margin-bottom:0;} .navbar-default .navbar-nav > li > a, .fixed-header.navbar-default .navbar-nav > li > a{padding:10px 12px;} .body-container{padding-top:20px;} .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{display:inline-block;float:none;} .search_bar{margin:0;padding:10px 5px;} .register i.fa { padding: 0; } .top-header .pull-right {width:100%;} .top-header .language { margin-left: 0; padding: 10px; display:none; } .navbar-nav > li .dropdown-menu .dropdown-menu{box-shadow:none;} .service_block span{width: 100px; height: 100px; line-height: 100px;font-size: 50px;} #our-popular-products, .processes {margin-left:-5px; margin-right:-5px;} .processes img {max-width:100%; height:auto; max-height: 165px;} .processes { padding-bottom: 0; border-bottom: 0; margin-bottom:30px;} #our-popular-products [class^="col-"], .processes [class^="col-"] {padding-left:5px; padding-right:5px;} #our-popular-products .thumbnail small { font-size:10px;} #our-popular-products .thumbnail span.title {font-size:17px; line-height:1;} #our-popular-products .thumbnail {margin-bottom:10px; height: 165px;} .popular-products a.thumbnail { width: 100%; } .row.processes img.img-responsive{ margin: 20px auto; } h2.main-call, h2.main-call-bigger{ font-size:38px; } h3.sub-call, .quote{ font-size: 28px; } h2.main-call-big{ margin: 25px auto 15px auto; font-size: 65px; } .browse-products .flip3d .thumbnail {display:block;} .payment-logo {margin-bottom: 50px;} .product-cat { margin-bottom:20px;} .browse-products {margin-bottom:50px;} #top-banner {display: block !important; height:400px; overflow:hidden;} #top-banner .item > img {width:auto; height:400px;} #top-banner .carousel-caption {text-align:center; left:0; right:0; } #top-banner .carousel-caption img {max-height:180px; width: auto; display: inline-block;} #top-banner .carousel-caption h2 {font-size:50px;} #top-banner .carousel-caption h4 {font-size:25px; } #top-banner .carousel-caption p {font-size: 17px;} } /************************************************* NEW STYLES *************************************************/ .dropdown-header span.text { color:#008fd4; }