body{font-family: 'Montserrat', sans-serif !important;font-weight:400;font-size:14px;/* color:#686868; */line-height:175%;background-color:#fff;color:#000 !important;background-repeat:repeat;} h1,h2,h3,h4,h5,h6{letter-spacing:0px;font-weight:normal;position:relative;padding:0 0 10px 0;font-weight:normal;font-family: 'Montserrat', sans-serif;line-height:140% !important;color:#222222;} h1{font-size:22px;} h2{font-size:20px;} h3{font-size:18px;} h4{font-size:16px;} h5{font-size:14px;} h6{font-size:13px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#222222;text-decoration:none;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#fff !important;} a{color:#222222;padding:0;margin:0;text-decoration:none;-webkit-transition:background-color .2s linear, color .2s linear;-moz-transition:background-color .2s linear, color .2s linear;-o-transition:background-color .2s linear, color .2s linear;-ms-transition:background-color .2s linear, color .2s linear;transition:background-color .2s linear, color .2s linear;} a:hover, a:focus{text-decoration:none;color:#686868;} a.readmore{display:block;font-style:italic;} a.remove{display:block;height:18px;width:18px;margin:10px;padding-left:0 !important;text-indent:-9999px;background:url(https://pecb.com/themes/pecb/css/images/remove.png) #798184;border-radius:100px;border-style:solid;border-width:1px} ul{padding-left:0;} .lead{font-family:'Open Sans',sans-serif;font-size:18px;} .hidden{display:none} .alignleft{float:left} .alignright{float:right} .aligncenter{margin-left:auto;margin-right:auto;display:block;clear:both} .text-left{text-align:left !important;} mark{padding:6px 12px;} section::before, section::after{position:absolute;content:'';pointer-post-wraps:none;} .first{clear:both !important} .last{margin-right:0 !important} .nopadding{padding:0 !important;} .padding-top{padding:30px 0 10px;} .margin-top{margin-top:12px;} .make-center img{margin:auto;} .vimeo_video{border:none;} .soundcloud{border:none;width:100%;} .rev_video_slider{width:100%;height:100%;} .rsNav{display:block;clear:both;margin-bottom:80px !important;} #header-style-1.affix{position:fixed;top:0;left:0;width:100%;margin-top:0;padding:10px 0;min-height:inherit;z-index:999;background:#ffffff;background:rgba(255,255,255,1);border-bottom:1px solid #efefef;padding-bottom:11px !important;} #header-style-1.affix .navbar{margin-top:0px;} #header-style-1.affix .navbar-nav > li > .dropdown-menu{margin-top:12px !important;} .dark_header .arrow-up{border-bottom-color:#121214 !important;} .dark_header .navbar-nav > li > a{color:#fff !important;} .dark_header .topbar-email, .dark_header .topbar-phone, .dark_header .topbar-login, .dark_header .topbar-cart{border-left:1px solid #313131 !important;border-right:1px solid #313131 !important;} .dark_header .social-icons span.last a{border-right-color:#313131 !important} .dark_header .social-icons span a{border-left-color:#313131 !important} .dark_header .navbar-default{background:#121214 !important;} .dark_header{background:#121214 !important;border-bottom-color:#212121 !important} .header_center .navbar-collapse.collapse{text-align:center;height:auto !important;overflow:visible !important;} .header_center .navbar-nav{display:inline-block;float:none;margin:0;} .header_center .logo_center{padding:20px 0 30px !important} #header-style-1{padding:24px 0;background-color:#ffffff;background:rgba(255, 255, 255, 1);border-bottom:1px solid #f2f2f2;} #header-style-1 .navbar-default{background-color:#ffffff;background:rgba(255, 255, 255, 1);border-color:rgba(0, 0, 0, 0);} #header-style-1 .navbar{margin-bottom:0;} #header-style-1 .yamm .nav, #header-style-1 .yamm .collapse, #header-style-1 .yamm .dropup, #header-style-1 .yamm .dropdown{position:static;} #header-style-1 .yamm .container{position:relative;} #header-style-1 .yamm .dropdown-menu{left:auto;right:auto;} .white-wrapper .testimonial h3, #header-style-1 .yamm-fw .dropdown-menu li a{color:#222222;} #header-style-1 .yamm-fw .dropdown-menu li a:before{font-family:"FontAwesome";font-size:13px;padding-right:5px;} .aMeVi{font-family:"FontAwesome";content:"\f105";font-size:13px;padding-right:5px;} #header-style-1 .yamm-fw .dropdown-menu li{list-style:none;padding:0;} #header-style-1 .yamm-fw .nav.navbar-right .dropdown-menu{left:auto;right:0;} #header-style-1 .yamm .yamm-content{padding:20px;} #header-style-1 a:hover{text-decoration:none;} #header-style-1 .dropdown-menu li a:focus, #header-style-1 .dropdown-menu li a:active, #header-style-1 .dropdown-menu li a:hover{background-color:#fafafa;} #header-style-1 .yamm img{margin-bottom:10px;} #header-style-1 .yamm h3{text-transform:uppercase;font-size:14px;color:#222222;padding:5px 0;} #header-style-1 .dropdown-menu, #header-style-1 .yamm .dropdown.yamm-fw .dropdown-menu{left:0;right:0;background-color:#f5f5f5;box-shadow:none;margin-top:25px;border-top:3px solid #fff;} #header-style-1 .navbar-nav > li > a{text-transform:uppercase;color:#222222;font-family:'Open Sans',sans-serif;padding:7px 8px;margin-top:8px;} #header-style-1 .dropdown-menu li a{text-decoration:none;display:block;position:relative;font-family:'Open Sans',sans-serif;padding:10px 20px;} #header-style-1 .dropdown-menu{padding:0 !important;border-radius:0 !important;} #header-style-1 .yamm-fw .dropdown-menu li a{padding:5px 15px;} #header-style-1 .dropdown-menu li{float:none;display:block;margin:0;text-align:left;border:0;border-bottom:1px solid #d5d5d5;} #header-style-1 .dropdown-menu li:last-child{border-bottom:0;} #topbar{border-bottom:1px solid #f2f2f2;font-family:'Open Sans',sans-serif;} .social-icons{padding:0;display:block;overflow:hidden} .social-icons span a{border-left:1px solid #f2f2f2;font-size:14px;text-align:center;width:40px;height:42px;line-height:42px;overflow:hidden;display:block;float:left} /*#header-style-1 .navbar-nav > li > a:hover, #header-style-1 .navbar-nav > li > a:focus, #header-style-1 .navbar-nav > li > a:active, #header-style-1 .navbar-default .navbar-nav > .open > a, #header-style-1 .navbar-default .navbar-nav > .open > a:hover, #header-style-1 .navbar-default .navbar-nav > .open > a:focus,*/ #topbar .social-icons span:hover a{color:#fff !important;-webkit-border-radius:03px;-moz-border-radius:03px;border-radius:03px;} #topbar, #topbar a{color:#888888;} #topbar .social-icons span.last a{border-right:1px solid #f2f2f2;} #topbar .topbar-email, #topbar .topbar-phone, #topbar .topbar-login, #topbar .topbar-cart{float:left;padding:0 15px;line-height:42px;border-right:1px solid #f2f2f2;border-left:1px solid #f2f2f2;} #topbar .topbar-phone, #topbar .topbar-email, #topbar .topbar-login{border-right:none;} #topbar .col-lg-4{padding-left:0;} #topbar .col-lg-8{padding-right:0;} #topbar .callus, #topbar .topmenu{display:block;float:right} .yamm .dropdown-submenu{position:relative;} .yamm .dropdown-submenu>.dropdown-menu{top:0;left:100% !important;margin-top:-3px !important;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;} .yamm .dropdown-submenu:hover>.dropdown-menu{display:block;} .yamm .dropdown-submenu.pull-left{float:none;} .yamm .dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} #copyrights{background-color:#0c0c0c;padding:20px 0 10px;color:#c3c3c3;display:block;position:relative;} #footer-style-2, #footer-style-3, #footer-style-1{background-color:#121214;padding:40px 0;display:block;position:relative;} #footer-style-2 .widget h3, #footer-style-3 .widget h3, #footer-style-1 .widget h3{font-size:20px;} #footer-style-2 .social-icons span a, #footer-style-3 .social-icons span a, #footer-style-1 .social-icons span a{border:none;color:#686868;} .footer-menu ul{list-style:none;list-style-position:outside;float:right;display:inline;margin:5px;} .footer-menu li{line-height:12px;float:left;padding:0 7px;} .footer-menu li a{color:#c3c3c3;} .footer_post li img{padding:4px;width:80px;} .footer_post li{float:left;margin:2px;list-style:none;} #footer-style-2 .widget .title h3, #footer-style-3 .widget .title h3, #footer-style-1 .widget .title h3{text-transform:none;} .text-widget p{margin-bottom:15px;} .text-widget h1{font-family:'Open Sans',sans-serif;font-size:36px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;} .custom-widget h2{font-size:24px;text-transform:uppercase;} .custom-widget p{font-size:18px;font-weight:300;} .popular_items img{width:100px;padding-right:10px;float:left} .popular_items{margin:20px 0} .popular_items .popular_items_div{display:block;margin-bottom:25px;overflow:hidden;position:relative} .popular_items .popular_items_div h4{margin-bottom:5px !important;padding-bottom:0;} .popular_items .meta, .popular_items .meta a{color:#222;} .popular_items .meta{font-size:12px;} .popular_items .meta span, .popular_items .meta span i{padding-right:3px;} .blog-carousel img{width:100%;} .blog-masonry .blog-carousel{margin:20px 0;overflow:hidden;padding:20px;background:#fff;border:1px solid #efefef;} .blog-carousel-meta span a{color:#686868;} .blog-carousel-meta span i, .blog-carousel-meta span{font-size:12px;padding-right:5px;} .blog-carousel-header h3{padding-bottom:0;font-size:18px;margin-bottom:5px;} .blog-carousel-header h1{padding-bottom:0;margin-bottom:5px;text-transform:uppercase;} .blog-carousel-header{position:relative;display:block;margin-bottom:0;padding-bottom:10px;} .post-type{color:#FFFFFF;font-size:18px;height:42px;line-height:42px;position:absolute;right:0;text-align:center;bottom:0;z-index:10;width:52px;background:#222;} .entry:hover .post-type{opacity:0} .social_like .icon-container{color:#222;margin:0 15px 0 0;background:#fff;} .social_like .btn{width:86px;} .social_like{position:relative;display:block;} .social_like h3{font-size:18px !important;margin-bottom:0;padding-bottom:0;} .social_button{position:absolute;right:0;top:10px;} #tabbed_widget-1 .nav-tabs > li.active > a, #tabbed_widget-1 .nav-tabs > li.active > a:hover, #tabbed_widget-1 .nav-tabs > li.active > a:focus, #tabbed_widget .nav-tabs > li.active > a, #tabbed_widget .nav-tabs > li.active > a:hover, #tabbed_widget .nav-tabs > li.active > a:focus, #tabbed_widget-1 .nav > li > a:hover, #tabbed_widget-1 .nav > li > a:focus, #tabbed_widget .nav > li > a:hover, #tabbed_widget .nav > li > a:focus{border-radius:0;} #tabbed_widget-1 .nav-tabs > li > a, #tabbed_widget .nav-tabs > li > a{background:#e1e1e1;border:none;margin-right:1px;border-radius:0;color:#222;} #two-sidebar .widget, #sidebar .widget{margin-bottom:30px;overflow:hidden;} .reviews_widget .recent_posts_widget > li img, #tabbed_widget .recent_posts_widget img{max-width:120px !important;padding:4px;} #tabbed_widget .nav-tabs{border-bottom:none;} #tabbed_widget .tab-content{padding:20px 5px;border:none;} .reviews_widget .recent_posts_widget a{color:#222 !important;font-weight:normal;} .meta_widget a{font-weight:300 !important;} .title h2{text-transform:uppercase;font-size:24px;} .widget h3{font-size:24px;} .twitter_feed{padding-left:0} .twitter_feed li{list-style:none;overflow:hidden;margin-bottom:30px;} .twitter_feed li p{margin-top:-30px;padding-left:30px;} .twitter_feed li span:before{color:#4f4f4f;padding-left:0 !important;font-family:'FontAwesome';content:"\f099";padding:10px;vertical-align:text-top;font-size:21px;} .widget .title h3{text-transform:uppercase;} .newsletter_form .form-control{background-color:#121214;border:1px solid #343436;} #two-sidebar .newsletter_form .form-control, #sidebar .newsletter_form .form-control{background-color:#f5f5f5;border:1px solid #efefef;} .newsletter_form .btn{margin-top:10px;} .tagcloud a{float:left;display:block;margin-bottom:6px;margin-right:6px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:3px 10px;color:#C3C3C3 !important;text-decoration:none;border:1px solid #242424;background:#323232;box-shadow:none !important;} .tagcloud a:hover{background:#222222;border:1px solid inherit;color:#fff !important;text-decoration:none;} .buddypress_tabber_widget_member li a, .buddypress_tabber_widget li a, #two-sidebar .recent_posts_widget li, #two-sidebar .recent_posts_widget li a, #sidebar .recent_posts_widget li, #sidebar .recent_posts_widget li a{color:#222 !important;font-weight:normal;} #two-sidebar .readmore, #sidebar .readmore{font-weight:300 !important;} .recent_posts_widget > li{display:table;height:60px;margin-bottom:20px;width:100%;} .recent_posts_widget > li:last-child{border-bottom:0 solid #fff;} .recent_posts li{list-style:none} .buddypress_tabber_widget_member li img, .recent_posts_widget > li img{max-width:75px !important;padding:4px;} .recent_posts_widget img{float:left;margin:5px 15px 0 0;} .testimonial_widget{padding:20px;margin-bottom:20px;background:#f5f5f5;border:1px solid #ddd;} .testimonial-widget .lead{padding-top:30px;} .testimonial-wrap{background-color:#f5f5f5;padding:30px 20px;border-bottom:3px solid #6F6D69;} #owl-testimonial-widget .img-circle{border:3px solid #fff;width:100px;} #owl-testimonial-widget h3{font-size:16px;font-weight:600;margin:0;padding:0;} .testimonial-wrap .lead{font-weight:300 !important;font-family:Lato;font-size:18px !important;} .testimonial-carousel a{color:#222222 !important;} .testimonial-carousel .media{margin:20px auto 10px !important;display:inline-block !important;} .overlay .testimonial-widget .img-thumbnail{background-color:#7e7c78;border:1px solid #6F6D69;} .testimonial-widget{color:#222222;text-align:center;} .testimonial-widget .testimonial .lead:after{content:"\f10e" !important;} .testimonial-widget .testimonial .lead:after, .testimonial-widget .testimonial .lead:before{color:#222222;font-family:'FontAwesome';content:"\f10d";padding:10px;vertical-align:text-top;font-size:21px;} .box{padding:20px;border:1px solid #ededed;} .cart_table img{margin-right:10px;} .box .price, .cart_table .price2{font-size:16px;margin:10px;} .cart_table .price, .cart_table .cart_title{font-size:18px;color:#222;margin:10px;} .cart_table .rating{padding:5px 10px 10px !important;overflow:hidden !important;} div.thumbnails{padding-top:10px;zoom:1} div.thumbnails .entry{border:1px solid #ffffff;float:left;width:30%;margin-right:4.9%} div.thumbnails .magnifier .buttons{top:40%;} .btn-shop .form-control:focus{box-shadow:none;} .btn-shop .form-control{width:45px;border-radius:0;background:#EFEFEF;border-color:#DDDDDD;height:34px !important;margin:0;padding-right:0} #buddypress_features .nav li, #shop_features .nav li{text-transform:uppercase;font-weight:bold;font-size:14px;} #buddypress_features, #shop_features{padding:40px 0;margin:20px 0;overflow:hidden;} .tabbable .nav-tabs{background:#E1E1E1;border:1px solid #D7D7D7 !important;} #buddypress_features .nav-tabs{background:#222;border:none;} #shop_features .nav-tabs{background:#F8F8F8;border:1px solid #DDDDDD;} #buddypress_features .nav-tabs > li > a, #custom_tab .nav-tabs > li > a, #shop_features .nav-tabs > li > a{border-radius:0;border-bottom:1px solid #DDDDDD;line-height:2.1;} #buddypress_features .tab-content, #custom_tab .tab-content, #shop_features .tab-content{padding:20px;border-bottom:1px solid #DDDDDD !important;border-right:1px solid #DDDDDD !important;border-left:1px solid #DDDDDD !important;overflow:hidden;} #buddypress_features .nav-tabs > li > a{color:#fff !important;border:none !important;} #buddypress_features .nav i{text-align:center;display:block;font-size:24px;} #custom_tab .tab-content ul li, #shop_features .tab-content ul li{list-style:square;} #custom_tab .tab-content ul, #shop_features .tab-content ul{padding:0 0 10px 20px} .btn-shop span{background:#181818;-moz-user-select:none;background-image:none;border:0;border-radius:0;cursor:pointer;display:inline-block;font-size:14px;font-weight:normal;line-height:1.42857;margin:0 -3px;color:#ffffff;padding:7px 12px;text-align:center;vertical-align:middle;white-space:nowrap;} .shop_item_details ul{padding-left:0;margin:15px 0;overflow:hidden;} .shop_item_details strong{color:#181818;padding-right:10px;} .shop_item_details ul li{list-style:none;margin:0 0 12px;} .shop-right .title h2{margin-bottom:5px;padding-bottom:0;font-size:22px;} .shop-right .title .rating{margin-bottom:10px;} .shop_item{margin-bottom:20px;} .shop_item .magnifier .buttons{top:44%;margin-top:0 !important;} .shop-banner{margin-bottom:17px;position:relative;} .shop-banner img{width:100%;} .shop-banner .title h1{color:#ffffff;font-size:42px;font-weight:bold;} .shop-banner .title{opacity:1;text-align:center;position:absolute;top:27%;left:0;right:0;} .banner-hover{background:rgba(255,255,255,.3);padding:10px;border:10px solid rgba(0,0,0,.1);position:absolute;top:20px;left:20px;bottom:20px;right:20px;opacity:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .banner-hover.big{left:30px;right:30px;} .entry:hover .banner-hover{opacity:0;} .royalSlider img{width:100%;} .big_title_onepage{font-size:60px;font-weight:bold;font-family:'Open Sans',sans-serif;text-transform:uppercase;border:6px solid #fff;padding:40px;} .small_thin_grey1{font-size:14px;} .small_thin_grey1 i{padding:0 5px;} .cat_widget{border:3px solid #fff;} .cat_widget .magnifier .buttons{top:38%} .cat_widget h3{font-family:'Open Sans',sans-serif;font-size:18px;text-transform:uppercase;} .cat_widget .entry, .royalSlider .entry, .team_member .entry, .blog-carousel .entry, .portfolio-carousel .entry, .portfolio_item .entry, .shop_item .entry{display:block;position:relative;} .shop_item .magnifier .st{padding:0 10px;width:auto;} .product_list_widget{padding-left:0} .shopping-cart-widget li{*zoom:1;margin:0 0 1em;} .shopping-cart-widget li:before, .shopping-cart-widget li:after{content:"";display:table;} .shopping-cart-widget li:after{clear:both;} .shopping-cart-widget li img{width:40px;float:right;margin-left:1em;} .shopping-cart-widget li .quantity{width:auto;float:none;} .shopping-cart-widget li a{display:block;} .shopping-cart-widget li:last-child{margin:0;border:none;} .cart_list li{list-style:none;} .shop_item .entry{border:1px solid #e8e8e8;} .shop_item .shop_title span{font-size:16px;font-weight:500;color:#222222;} .shop-right .title .price, .shop_item .price{font-size:14px !important;font-weight:500;} .woo_btn{padding:7px 12px !important;border-radius:0 !important} .shop_item .cats{font-weight:lighter !important;display:block;font-size:14px !important;} .shop_item .cats a{color:#777777;} .shop_item{margin-bottom:20px;} .shop_desc{padding:14px 0;overflow:hidden;} .shop_item{display:block;overflow:hidden;position:relative;} #content{padding-bottom:60px; min-height: 350px;} .tab-pane .buddy_members .item{margin:10px} .buddy_members .item{float:left;margin:13px;padding:0;} .buddypress_content{margin:20px 0 40px;overflow:hidden;display:block;position:relative;} .buddypress-top h3, .buddypress-top h2{margin-top:10px;} .buddy_desc small{display:block;color:#222;margin:10px 0;} .buddy_desc h3{padding:5px 0;text-transform:uppercase;font-weight:bold;margin:0;} .group_box i{padding-right:5px;} .group_box a{color:#222;} .buddy_desc{padding:15px;border:1px solid #d3d3d3;} .arrow-left{border-bottom:10px solid rgba(0, 0, 0, 0);border-right:10px solid #d3d3d3;border-top:10px solid rgba(0, 0, 0, 0);height:0;left:-10px;position:absolute;top:15%;width:0;} .group_box{width:100%;border:1px solid #d3d3d3;position:relative;display:block;text-align:center;padding:30px 0 10px;font-size:16px;font-weight:normal;margin:35px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .group_box:hover .circle{color:#fff;} .buddypress_tabber_widget .group_img{left:-10px;padding:10px;position:absolute;text-align:left;top:0;} .buddypress_tabber_widget .group_box{border:none;margin:10px 0 25px;padding:10px 0;} .buddypress_tabber_widget .circle{left:67px !important;top:7px !important;right:inherit;} .buddypress_tabber_widget .group_timer{padding-bottom:0;padding-left:110px;margin:0;padding-top:10px;text-align:left;} .buddypress_tabber_widget .group_box .title h3{padding-bottom:0;padding-left:110px;margin:0;padding-top:0;text-align:left;} .circle{top:-53px;right:-46px;left:0;z-index:10;font-size:12px;width:30px;height:30px;border:1px solid #d3d3d3;margin:auto;line-height:30px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;position:absolute;background:#fff;} .buddy_members .popover.top > .arrow, .buddy_carousel .popover.top > .arrow{border-top:5px solid #fff;border-left:5px solid rgba(0, 0, 0, 0);border-right:5px solid rgba(0, 0, 0, 0);bottom:-12px !important;height:0;left:0;margin:auto;position:absolute;right:0;width:0;} .group_box .title h3{padding-bottom:0;padding-top:10px;font-size:18px;font-weight:bold;} .group_img{left:0;margin:0 auto;padding:10px;position:absolute;right:0;top:-55px;text-align:center;} .buddy_carousel{margin:40px 0 20px;} .buddy_carousel .owl-controls{padding:20px 0 0;} .buddy_carousel .owl-controls .owl-page span{width:15px !important;height:15px !important;border:1px solid #ddd;} .buddy_carousel .item{margin:auto;text-align:center;} .buddy_carousel .owl-wrapper-outer{overflow:visible;} .buddy_members .popover.top, .buddy_carousel .popover.top{margin-top:-60px;z-index:9999;overflow:visible;position:absolute;} .buddy_members .popover, .buddy_carousel .popover{position:absolute;top:0;left:0;z-index:1010;display:block;overflow:visible;max-width:276px;padding:1px;text-align:center;background-color:#ffffff;background-clip:padding-box;border:1px solid #ededed;border:1px solid rgba(0, 0, 0, 0.2);border-radius:3px;box-shadow:none;white-space:normal;} .buddy_members .popover-title, .buddy_carousel .popover-title{margin:0;padding:15px 14px 0;font-size:16px;font-weight:bold;line-height:18px;text-transform:uppercase;background-color:#fff;border-bottom:1px solid #fff;} .buddy_members .popover-content, .buddy_carousel .popover-content{width:200px;padding:5px 4px 20px;} .buddypress_tabber_widget_member li{display:block;margin:10px 0 20px;position:relative;overflow:hidden;} .buddypress_tabber_widget_member li span{padding-left:10px;margin-bottom:0;font-size:16px !important;text-transform:uppercase !important;vertical-align:super;padding-bottom:0;} .buddypress_tabber_widget_member li .readmore{margin-top:-35px;padding-left:90px;padding-top:0;position:absolute;} .single-portfolio .title h2{font-size:24px;text-transform:none;margin-top:0;padding-top:0;} .product_details ul li{list-style:none;padding-left:2px;padding-bottom:5px;} .pager li > a, .pager li > span{background-color:#FFFFFF;border:1px solid #fff;border-radius:0;color:#fff;margin:30px 0 0;display:inline-block;padding:5px 14px;} .pager li > a:hover, .pager li > span:hover{background-color:#222;color:#fff;} .product_details ul li a{color:#666;} .masonry_wrapper{overflow:hidden;margin:30px 0;} .masonry_wrapper .item{margin:0 2px 4px;padding:0;} .masonry_wrapper .item img{height:auto !important;height:100% !important;width:100%;position:relative;z-index:-2;} #boxed-portfolio .portfolio_item{width:100% !important;height:auto !important;margin:0 0 20px;overflow:hidden;} #boxed-portfolio{display:block !important;overflow:visible !important;position:relative;z-index:10;margin-bottom:20px;} .portfolio-filter ul{list-style:none;padding-left:10px} .portfolio-filter{text-align:center;overflow:hidden;margin:40px 0 15px;} .portfolio-filter li{display:inline;margin-right:5px;padding:0;} .portfolio-filter li a{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .team_member img, .portfolio_item img{width:100%;} .isotope-item{z-index:2;} .isotope-hidden.isotope-item{pointer-events:none;z-index:1;} .isotope, .isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;} .isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;-ms-transition-property:height, width;-o-transition-property:height, width;transition-property:height, width;} .isotope .isotope-item{-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-ms-transition-property:-ms-transform, opacity;-o-transition-property:-o-transform, opacity;transition-property:transform, opacity;} .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;} .magnifier .btn-default{padding:0 20px !important;color:#222222 !important;width:auto !important;} .magnifier .sg, .magnifier .st, .magnifier .sf{border:1px solid #ffffff;color:#FFFFFF;display:block;display:inline-block !important;float:none !important;font-size:16px;height:40px;line-height:38px;text-align:center;width:40px;margin:-10px 2px 0 2px;text-align:center;width:40px;} .magnifier h4{color:#ffffff;text-align:center;font-size:16px;padding:10px 0;margin-bottom:20px;display:block;font-family:'bariol_lightlight';} .magnifier h3{color:#ffffff;text-align:center;} .portfolio_item .magnifier .buttons{top:44%;} .magnifier .buttons{visibility:hidden;opacity:0;position:absolute;text-align:center;width:100%;top:50%;margin-top:-20px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;} .magnifier:hover .buttons{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .entry:hover .magnifier{opacity:1;visibility:visible;} .magnifier{background:#000000;background:rgba(0,0,0,0.8);position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .custom-wrapper .col-lg-6{padding:0;} .custom-wrapper .overlay{background-color:rgba(0, 0, 0, 0.4);padding:0;} .parallax{background-attachment:fixed !important;background-position:center center;background-repeat:no-repeat;background-size:cover;} .jt-shadow{box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset;} .custom-overlay{padding:60px 0;} .overlay{padding:60px 0;background-color:rgba(0, 0, 0, 0.7);} .dark-wrapper{background-color:#222222;padding:60px 0;} .grey-wrapper{background-color:#f5f5f5;padding:60px 0;} .white-wrapper{background-color:#ffffff;padding:60px 0;} .blog-wrapper{background-color:#ffffff;padding:30px 0;} .custom-message{padding:90px 0;} .custom-message h1{text-align:center;font-weight:bold;font-size:54px;} .custom-wrapper{background:url(https://pecb.com/themes/pecb/css/demos/custom_wrapper_bg.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;} .custom-wrapper .testimonial h3{color:#222 !important;} #boxed{background:url(https://pecb.com/themes/pecb/css/demos/bg.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;} #boxed #wrapper{background:#fff;margin:50px auto;} #boxed .white-wrapper, #boxed .grey-wrapper{margin:0 -15px;} #boxed #topbar .social-icons span a, #boxed #topbar .social-icons span.last a, #boxed #topbar .topbar-email, #boxed #topbar .topbar-phone, #boxed #topbar .topbar-login, #boxed #topbar .topbar-cart, #boxed #topbar{border:none;} .grey-wrapper #accordion-second .accordion-heading .accordion-toggle, .grey-wrapper #accordion-second .accordion-heading, .grey-wrapper #accordion-second .accordion-toggle:hover, .grey-wrapper #accordion-second .accordion-heading .accordion-toggle.active, .grey-wrapper #accordion-second .accordion-inner, .grey-wrapper .testimonial-wrap{background:#fff;} .general-title hr{width:30px;margin-bottom:0;margin-top:0;border-width:2px 0 0;} .general-title h2{font-size:31px;text-rendering:optimizeSpeed;letter-spacing:0.6px;padding-bottom:0;font-weight:bold;} .general-title, .messagebox{text-align:center;} .general-title .lead{margin-top:10px !important;} .rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs{background:#f5f5f5 !important;} #gallery-2{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;} .aboutslider-shadow{width:100%;position:relative;z-index:1;} .aboutslider-shadow .s1{background:url(https://pecb.com/themes/pecb/css/images/flexslider_shadow.png) center no-repeat;height:29px;margin:0 auto;bottom:-28.5px;overflow:hidden;width:100%;position:absolute;left:0;} .slider-shadow.without{margin-top:-20px !important;} .slider-shadow{background:url(https://pecb.com/themes/pecb/css/images/slider-shadow.png) center center no-repeat;width:100%;height:77px;display:block;z-index:0;overflow:hidden;position:relative;margin:0 auto;} .fullscreen-container{width:100%;position:relative;padding:0;display:none;} .fullwidthbanner-container{width:100%;position:relative;padding:0;overflow:hidden;} .fullwidthbanner-container ul, .fullscreenbanner-container ul{display:none} .fullwidthbanner-container .fullwidthbanner{width:100%;position:relative;} #slider-in-laptop{width:100%;height:auto;padding:3% 15% 0 16%;background:none;} #slider-in-laptop .rsOverflow, #slider-in-laptop .rsSlide, #slider-in-laptop .rsVideoFrameHolder, #slider-in-laptop .rsThumbs{background:#151515;} .imgBg{position:absolute;left:0;top:0;width:100%;height:auto;} #slider-in-laptop .rsBullets{bottom:-50px;} .laptopBg{position:relative;width:100%;height:auto;} #slider-in-laptop .rsBullets{bottom:-50px;} .shop_title_slider_2{font-size:36px;text-transform:uppercase;font-weight:bold;color:#222;} .shop_title_slider{font-size:48px;text-transform:uppercase;font-weight:bold;color:#fff;} .high_title2{font-size:48px;font-family:'Open Sans',sans-serif;font-weight:normal !important;letter-spacing:0;line-height:120% !important;padding:0 0 10px;position:relative;} .high_title{font-size:70px;font-family:'Open Sans',sans-serif;font-weight:100 !important;letter-spacing:0;line-height:140% !important;padding:0 0 10px;position:relative;} .big_title_slider{color:#fff;font-size:40px;font-family:'Open Sans',sans-serif;font-weight:bold;letter-spacing:0;line-height:140% !important;padding:0 0 10px;position:relative;} .big_title{color:#222222;font-size:36px;font-family:'PT Sans',sans-serif;font-weight:500;letter-spacing:0;line-height:140% !important;padding:0 0 10px;position:relative;} .slider_title_a{color:#222222;font-size:36px;font-family:'Pacifico',sans-serif;font-weight:500;letter-spacing:0;line-height:140% !important;padding:0 0 10px;position:relative;} .upper_title{text-transform:uppercase;font-size:36px;font-weight:bold;font-family:'Open Sans',sans-serif;} .small_title2{color:#222222 !important;} .mini_title2{font-family:'Open Sans',sans-serif;font-size:16px !important;font-weight:normal !important;color:#222222 !important;} .light_title{color:#ffffff;font-family:'Open Sans',sans-serif;font-size:18px;font-weight:300;letter-spacing:0;padding:0 0 10px;position:relative;line-height:140% !important;} .small_title2, .small_title{color:#ffffff;font-family:'Open Sans',sans-serif;font-size:20px;letter-spacing:0;padding:0 0 10px;font-weight:lighter;position:relative;line-height:140% !important;} .mini_title span{font-size:24px;} .mini_title{color:#ffffff;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:bold !important;letter-spacing:0;padding:0 0 10px;font-weight:lighter;position:relative;line-height:140% !important;} .tp-bullets.simplebullets.navbar{height:35px;padding:0;} .tp-bullets.simplebullets .bullet{cursor:pointer;position:relative !important;background:#efefef !important;-webkit-border-radius:0;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:6px !important;height:6px !important;border:6px solid rgba(0, 0, 0, 0) !important;display:inline-block;margin-right:2px !important;margin-bottom:14px !important;-webkit-transition:background-color 0.2s, border-color 0.2s;-moz-transition:background-color 0.2s, border-color 0.2s;-o-transition:background-color 0.2s, border-color 0.2s;-ms-transition:background-color 0.2s, border-color 0.2s;transition:background-color 0.2s, border-color 0.2s;float:none !important;} .tp-bullets.simplebullets .bullet.last{margin-right:0px} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:6px !important;height:6px !important;border:5px solid #111;} .tparrows:before{font-family:'revicons';color:#ffffff;font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;margin-right:0;margin-top:17px;text-align:center;width:55px;font-size:21px;} .slides-navigation a, .tp-leftarrow, .tp-rightarrow{opacity:0.6 !important;filter:alpha(opacity=60);} .slides-navigation a:hover, .tp-leftarrow:hover, .tp-rightarrow:hover{filter:alpha(opacity=100);opacity:1 !important;} .tparrows{border:2px solid #aaaaaa;cursor:pointer;background:rgba(0, 0, 0, 0.5) !important;width:60px !important;height:60px !important;} .tparrows:hover{color:#fff;} .tp-leftarrow:before{content:'\e824';} .tp-rightarrow:before{content:'\e825';} .tparrows.tp-rightarrow:before{margin-left:1px;} #revvideo{with:100%;height:100%;} .custom-select{background:none repeat scroll 0 0 #FFFFFF !important;border:1px solid #E9E9E9 !important;box-shadow:0 0 0 1px #FFFFFF inset, 1px 2px 0 #E9E9E9 !important;outline:medium none;position:relative;} #video{border:1px solid #fff;} #soundcloud{border:1px solid #fff;width:100%;} .contact_form{overflow:hidden;margin:50px 0 25px;} .overlay .contact_details{color:#fff !important;} .contact_form textarea{height:133px !important;} .contact_form .form-control{margin-bottom:10px;height:62px;border-color:#dddddd;box-shadow:none;} #contactform fieldset{padding:10px;border:1px solid #eee;-webkit-border-radius:5px;-moz-border-radius:5px;} #contactform legend{padding:7px 10px;font-weight:bold;color:#000;border:1px solid #eee;-webkit-border-radius:5px;-moz-border-radius:5px;margin-bottom:0 !important;margin-bottom:20px;} #contactform span.required{font-size:13px;color:#ff0000;} #message{margin:10px 0;padding:0;} .error_message{display:block;height:22px;line-height:22px;background:#FBE3E4 url(https://pecb.com/themes/pecb/css/images/error.gif) no-repeat 10px center;padding:3px 10px 3px 35px;color:#8a1f11;border:1px solid #FBC2C4;-webkit-border-radius:5px;} .loader{padding:0 10px;} #contactform #success_page h1{background:url(https://pecb.com/themes/pecb/css/images/success.gif) left no-repeat;padding-left:22px;} acronym{border-bottom:1px dotted #ccc;} #map{height:450px;width:100%} #map img{max-width:inherit} .map{position:relative} .map .row .col-lg-4{float:right;margin-top:-450px;z-index:9} .contact-icon{margin:20px 0;overflow:hidden;} .map .row{position:relative} .infobox img{width:100% !important;} .map .searchmodule{padding:18px 10px} .infobox{display:inline-block;padding:5px;position:relative;width:270px;} .infobox img{width:80px !important;padding-right:10px} .infobox .title{font-size:13px;font-weight:bold;margin-top:0;margin-bottom:0;text-transform:uppercase;padding-bottom:5px;} .infobox .title a{font-weight:bold;} .search_form{position:relative;} .search_form:after{color:#d9d9d9;font-size:12px;height:40px;line-height:40px;position:absolute;width:40px;right:0;top:0;font-family:'FontAwesome';content:"\f002";} .grey-wrapper .pricing_detail{background:#fff;} .grey-wrapper .pricing_detail .priceamount{border-color:#f5f5f5;} .pricing_detail{border:1px solid #e3e3e3;padding:30px 20px;text-align:center;-webkit-transition:background-color .2s linear, color .2s linear;-moz-transition:background-color .2s linear, color .2s linear;-o-transition:background-color .2s linear, color .2s linear;-ms-transition:background-color .2s linear, color .2s linear;transition:background-color .2s linear, color .2s linear;} .pricing_detail:hover h3, .pricing_detail:hover ul li{color:#fff;} .pricing_detail:hover header{border-color:#ededed;} .pricing_detail header{border-bottom:1px solid #e3e3e3;} .pricing_detail header h3{font-size:30px;margin-top:35px;padding:0;display:block;overflow:hidden;} .pricing_info{display:block;} .pricing_info ul{padding-left:0;} .pricing_info ul li{list-style:none;padding:15px 0;} .pricing_boxes{padding:80px 0;display:block;overflow:unset;position:relative;} .pricing_detail:hover .btn{color:#ffffff !important;background:#222 !important;} .pricing_detail .priceamount{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;color:#FFFFFF;;background:#222222;display:block;border:10px solid #fff;font-size:16px;height:120px;margin:0 auto;text-align:center;width:120px;position:absolute;top:-70px;left:0;right:0;padding-top:23px;line-height:1.6;} .banners li{list-style:none;margin:5px;float:left !important;} .banners li .img-thumbnail{background-color:#bbbbbb;border:1px solid #DDDDDD;border-radius:0;padding:5px;} .long-twitter i{font-size:31px;} .long-twitter a{text-decoration:underline;color:#ffffff;} .long-twitter{color:#ffffff;} .tab-content{border-left:1px solid #fff;border-bottom:1px solid #fff;border-right:1px solid #fff;} .nav-tabs > li > a{border:1px solid #EFEFEF;line-height:1.42857;margin-right:0;} .nav-stacked li:last-child{border-bottom:0 solid #efefef !important;} .nav-stacked > li > a{color:#222222;border:0 solid #efefef !important;} .nav-stacked li{border-top:0 solid #efefef !important;border-left:0 solid #efefef !important;border-bottom:1px solid #efefef !important;border-right:0 solid #efefef !important;} .panel-title:after{content:"\f078";color:#292723;float:right;display:block;font-family:'FontAwesome';font-size:13px;margin-top:-20px;pointer-events:none;position:relative;line-height:20px;text-transform:none;} .panel-body h4{font-size:16px;margin:10px 0 20px;padding:0 !important;} .panel-body .form-control{margin-bottom:0;} .panel-group .panel-heading + .panel-collapse .panel-body, .panel-default{border:0 solid #FFFFFF !important;box-shadow:0 0 #FFFFFF;background:none;} .panel-title{padding:0;} .panel-default > .panel-heading{background-color:#FFFFFF;padding:15px 20px;border:1px solid #A9A9A9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .panel-default > .panel-heading a:hover{background:none !important;color:#222222 !important;} .panel-default > .panel-heading a{color:#222222;font-size:18px;width:100%;display:block;} .stat{text-align:center;} .highlight{color:#ffffff;padding:30px 0;font-weight:bold;display:block;overflow:hidden;margin-bottom:0;font-size:48px;} .milestone-details{font-weight:bold;font-size:18px;color:#fff;} .dmtop{background-color:#161616;background-image:url(images/arrow.png);background-position:50% 50%;background-repeat:no-repeat;z-index:9999;width:40px;height:40px;text-indent:-99999px;position:fixed;bottom:-100px;right:25px;cursor:pointer;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;overflow:auto;} .progress{position:relative;overflow:visible} .skill_count{position:absolute;right:0;font-weight:bold;font-size:16px;color:#222;top:-9px} .skills_bar{margin:10px 0;overflow:hidden;} .skills_bar small{font-size:14px;color:#222222;margin:10px 0;} .progress{border-radius:0;box-shadow:none;border-bottom:1px solid #cbcbcb;background:none;margin:10px 0;height:10px;} #accordion-second .accordion-group{margin-bottom:10px;} #accordion-second .accordion-heading{border-bottom:0;font-size:16px;} #accordion-second .accordion-heading .accordion-toggle{display:block;cursor:pointer;padding:0 !important;color:#222222;background:#f5f5f5;outline:none!important;text-decoration:none} #accordion-second .accordion-heading, #accordion-second .accordion-toggle:hover, #accordion-second .accordion-heading .accordion-toggle.active{background:#f5f5f5;} #accordion-second .accordion-heading .accordion-toggle > em{background-color:#222222;border-radius:0;color:#FFFFFF;font-size:14px;height:37px;line-height:40px;margin-right:10px;text-align:center;width:40px;} #accordion-second .accordion-inner{padding:9px 10px;background:#f5f5f5;} #accordion-first .accordion-group{margin-bottom:10px;} #accordion-first .accordion-heading{border-bottom:0;font-size:16px;} #accordion-first .accordion-heading .accordion-toggle{display:block;cursor:pointer;padding:5px 0 !important;color:#222222;outline:none!important;text-decoration:none} #accordion-first .accordion-heading, #accordion-first .accordion-toggle:hover, #accordion-first .accordion-heading .accordion-toggle.active{background:none;} #accordion-first .accordion-heading .accordion-toggle > em{background-color:#222222;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;color:#FFFFFF;font-size:14px;height:32px;line-height:32px;margin-right:10px;text-align:center;width:32px;} #accordion-first .accordion-inner{padding:9px 10px;} .check li:before{content:"\f00c";font-family:"FontAwesome";font-size:16px;left:0;padding-right:5px;position:relative;top:2px;} .check li{font-size:13px;list-style:none;margin-bottom:4px;} .check{margin-left:0;padding-left:0} .check li a{color:#656565;} #services .item{padding:15px;} .item h3{padding-top:15px;padding-bottom:0;} .item .icon-container{font-size:24px;float:left;margin:0 20px 0 0;} .servicesbox_content p{display:inline-block;margin-top:10px;} .servicesbox_content{display:block !important;width:100% !important;padding:2px} .services_lists_boxes .service-icon-circle{text-align:center;} .services_lists_boxes{margin:20px 0 20px 0;display:block;color:#fff;position:relative;overflow:hidden;} .services_lists_boxes h4{color:#fff;font-size:21px;padding-bottom:0;font-weight:500;text-transform:uppercase;} .custom-services{position:relative !important;padding:0;margin:20px 0;display:block;overflow:visible;} .ch-item{position:relative !important;padding:0;margin:20px 0;height:200px;display:block;overflow:visible;} .ch-info-wrap{position:absolute;width:100%;height:200px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-webkit-perspective:800px;-moz-perspective:800px;-o-perspective:800px;-ms-perspective:800px;perspective:800px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;background:#ffffff;} .ch-info-back{padding:15px;text-align:center;} .ch-info-front{padding-top:40px;text-align:center;} .ch-info-back h3{font-size:20px;margin-bottom:0;padding-bottom:0;color:#ffffff;font-weight:bold;} .ch-info-back p{color:#ffffff;} .ch-info-front h3{font-size:20px;color:#222222;font-weight:bold;} .ch-info{position:absolute;width:100%;height:200px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;} .ch-info > div{display:block;position:absolute;width:100%;height:100%;background-position:center center;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} .ch-info .ch-info-back{-webkit-transform:rotate3d(0,1,0,180deg);-moz-transform:rotate3d(0,1,0,180deg);-o-transform:rotate3d(0,1,0,180deg);-ms-transform:rotate3d(0,1,0,180deg);transform:rotate3d(0,1,0,180deg);} .ch-item:hover .ch-info{-webkit-transform:rotate3d(0,1,0,-180deg);-moz-transform:rotate3d(0,1,0,-180deg);-o-transform:rotate3d(0,1,0,-180deg);-ms-transform:rotate3d(0,1,0,-180deg);transform:rotate3d(0,1,0,-180deg);} .service-with-image .entry{position:relative;} .service-with-image{overflow:hidden;margin:20px 0;} .service-desc{padding:20px 0;} .service-title a i{padding-right:5px;} .service-title a{font-weight:bold;text-transform:uppercase;} .service-title{background:#FFFFFF;bottom:0;left:0;position:absolute;right:0;max-width:120px;margin:auto;text-align:center;padding:4px;} .service_vertical_box{overflow:hidden;display:block;margin-bottom:20px;} .services_vertical .general-title h2{padding:0 !important;color:#fff !important;text-align:left;font-size:30px !important;} .services_vertical p{padding:0 !important;text-align:left;} .services_vertical{overflow:hidden;padding:30px 0;} .services_vertical h3{padding:0 !important;font-size:18px;} .service_vertical_box .service-icon{float:left;clear:both;display:block;height:60px;line-height:60px;margin:35px 20px;width:60px;} .service_vertical_box a.readmore{padding-left:98px;} .services_vertical .icon-container{float:left;} .icon-container{border:1px solid #FFFFFF;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;clear:both;color:#FFFFFF;display:block;font-size:21px;height:55px;line-height:55px;margin:38px 20px;text-align:center;width:55px;} .servicebox{margin:20px 0;} .servicebox h3{padding:0} .border-none{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;} .border-radius{-webkit-border-radius:500px !important;-moz-border-radius:500px !important;border-radius:500px !important;} .service-icon i{color:#666666;} .little-padding{padding:5px 0 0 !important;overflow:hidden;} .make-bg{line-height:113px !important;} .make-bg i{font-size:2.6em !important;color:#fff !important;} .servicebox:hover .make-bg{background:#222222 !important;border-color:#232323 !important;} .servicebox:hover .border-none{border-bottom-color:#fff;} .service-icon-circle{overflow:hidden;margin:20px auto;display:block;position:relative;border:1px solid #222;height:100px;width:100px;line-height:107px;-webkit-border-radius:0 100px 100px;-moz-border-radius:0 100px 100px;border-radius:0 100px 100px;-webkit-transition:background-color .2s linear, color .2s linear;-moz-transition:background-color .2s linear, color .2s linear;-o-transition:background-color .2s linear, color .2s linear;-ms-transition:background-color .2s linear, color .2s linear;transition:background-color .2s linear, color .2s linear;} .sr-only{display:block !important;overflow:visible;visibility:visible} .service-icon-circle i{font-size:24px;} .btn{font-family:'Open Sans',sans-serif;} .btn-dark{background-color:#222222;color:#ffffff;border:none;} .btn-lg{padding:10px 30px;font-size:16px;} .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-primary{color:#ffffff !important;border:none;} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{color:#fff !important;background-color:#686868;} .arrow-up{border-bottom:5px solid #FFFFFF;border-left:5px solid rgba(0, 0, 0, 0);border-right:5px solid rgba(0, 0, 0, 0);bottom:-1px;height:0;left:0;margin:auto;position:absolute;right:0;width:0;} .doc li a{color:#222 !important;} .doc .flexslider a{color:#fff !important} .doc .blog-carousel{padding:15px !important;} .doc .highlight{margin-top:10px;font-size:72px !important;font-weight:normal;color:#222;font-family:'Lato', cursive;} .doc .green{color:#77be32 !important;} .doc .red{color:#f2333a !important;} .doc .yellow{color:#a11e29 !important;} .doc .milestone-details{font-size:21px !important;font-weight:100;color:#222;font-family:'Lato', cursive;text-transform:uppercase;padding:20px;} .tabbed-menu ul{list-style:none;list-style-position:outside;display:inline;margin:10px 0;} .tabbed-menu li{line-height:12px;float:left;padding:10px 7px;} .tabbed-menu li a{color:#222;} .general-title .lead, .messagebox .lead{font-family:'Open Sans',sans-serif;font-weight:300;line-height:1.9;margin:15px 0;} .messagebox h1{color:#fff;font-weight:bold;font-size:30px;} .messagebox .btn-dark, .messagebox .btn-dark:hover{background:#222 !important;color:#fff !important;} .messagebox h2{font-size:30px;} .calloutbox-full-mini .lead, .calloutbox-full .lead{color:#fff;margin:10px 0 20px;} .calloutbox-full-mini{padding:20px 0;text-align:center;} .calloutbox-full{padding:60px 0;text-align:center;} .calloutbox .form-control{height:35px;} #bilding label, #bilding .form-control{margin:10px 0 0;} #payment p.small{font-weight:100} #payment label{border:1px solid #EDEDED;padding:15px 40px !important;} .calloutbox{position:relative;} .bggrey h2{color:#222222 !important;font-weight:bold;} .bgdark{background:#222222 !important;} .bggrey{color:#222222 !important;background:#f5f5f5 !important;border-left:8px solid #fff;} .calloutbox-full-mini h2, .calloutbox-full h2{font-size:36px;padding:0;margin:0;text-transform:uppercase;color:#fff;} .calloutbox h2{font-size:28px;padding:0;margin:0;text-transform:uppercase;color:#fff;} .calloutbox{margin:20px 0;color:#fff;padding:30px 20px 20px;overflow:hidden;} .calloutbox .btn-dark:hover{background:#232323;} .white-clients .client-wrap{border-color:#dedede;} .client-wrap{border-bottom-style:solid;border-bottom-width:1px;border-color:#444647;border-right-style:solid;border-right-width:1px;padding:30px;} .client-wrap.last{border-right-width:0;} .client-wrap.no-border{border-bottom-width:0;} .not_found h1{margin-bottom:0;font-size:200px;padding-bottom:0;font-weight:bold;line-height:1;} #comments_form .form-control{margin-bottom:10px;} #comments{padding:20px;} .comment-list{margin:60px 0;list-style:none;} .comment-list ul li, .comment-list ol li{list-style:none;} .comment-avatar{margin:0 20px 0 0;float:left;height:70px;width:70px;} .comment-content{background:#ffffff;border:1px solid #efefef;margin-bottom:20px;overflow:hidden;padding:20px;} .comment-reply a{color:#fff !important;} .comment-author{margin-bottom:10px;} .comment-meta{font-size:12px;color:#aaa;padding-left:10px;} .comment-reply{margin:-10px -5px 0 0;float:right;font-size:12px;color:#ffffff;} .leave-comment textarea{height:150px;} .authorbox_wrapper{padding:20px;border-bottom:1px solid #efefef;margin-bottom:50px;} .authorbox_wrapper img{margin:0 20px 20px 0;width:100px !important;} .authorbox_wrapper h4{margin-bottom:0;padding-bottom:0;} .authorbox_wrapper p{padding-top:5px;margin-top:5px;} .blog_button{-moz-user-select:none;background:#fff;border:1px solid #cbcbcb;color:#cbcbcb;display:inline-block;font-size:13px;font-weight:normal;line-height:1.42857;margin-bottom:30px;padding:10px 23px;text-align:center;vertical-align:middle;white-space:nowrap;} .timeline{list-style:none;padding:20px 0 20px;position:relative;} .timeline:before{top:0;bottom:0;position:absolute;content:" ";width:1px;background-color:#cecece;left:50%;margin-left:-1.5px;} .timeline > li{margin-bottom:20px;position:relative;} .timeline > li:before, .timeline > li:after{content:" ";display:table;} .timeline > li:after{clear:both;} .timeline > li:before, .timeline > li:after{content:" ";display:table;} .timeline > li:after{clear:both;} .timeline > li > .timeline-panel{width:46%;float:left;border:1px solid #cecece;border-radius:2px;padding:20px;position:relative;} .timeline > li > .timeline-panel:before{position:absolute;top:26px;right:-15px;display:inline-block;border-top:15px solid transparent;border-left:15px solid #cecece;border-right:0 solid #cecece;border-bottom:15px solid transparent;content:" ";} .timeline > li > .timeline-panel:after{position:absolute;top:27px;right:-14px;display:inline-block;border-top:14px solid transparent;border-left:14px solid #fff;border-right:0 solid #fff;border-bottom:14px solid transparent;content:" ";} .timeline > li > .timeline-badge{color:#fff;width:50px;height:50px;line-height:50px;font-size:1.4em;text-align:center;position:absolute;top:16px;left:50%;margin-left:-25px;background-color:#999999;z-index:100;border-top-right-radius:50%;border-top-left-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;} .timeline > li.timeline-inverted > .timeline-panel{float:right;} .timeline > li.timeline-inverted > .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto;} .timeline > li.timeline-inverted > .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto;} .timeline-title{margin-top:0;color:inherit;} .timeline-body > p, .timeline-body > ul{margin-bottom:0;} .timeline-body > p + p{margin-top:5px;} .post-wrapper-top{background:#f5f5f5;bottom:0;left:0;right:0;top:0;z-index:0;border-bottom:3px solid #efefef;margin-bottom:0;padding:0;position:relative;text-align:left;} .breadcrumb > li + li:before{font-size:13px;} .post-wrapper-top h2{border-bottom:3px solid #fff;display:inline-block;font-size:24px;padding:30px 0;color:#222222;position:relative;margin-bottom:-3px;} .breadcrumb{bottom:0;color:#777777;background:transparent;font-size:14px;font-weight:400;list-style:none outside none;padding:10px 0;position:absolute;right:0;} .breadcrumb > li + li:before{content:"";background:url(https://pecb.com/themes/pecb/css/images/breadcrumb.png) no-repeat center center;margin:0 10px;padding:0 10px} .blog-wrapper hr{margin-top:40px;margin-bottom:40px;} .pagination > li > a, .pagination > li > span{background-color:#f5f5f5;color:#222222;float:left;line-height:1.82857;margin-left:5px;padding:3px 10px;position:relative;text-decoration:none;} .quote-post{background:#f5f5f5;position:relative;padding:20px 10px 10px;} .quote-post:after{font-family:'FontAwesome';content:"\f10e";padding-right:20px;right:0;position:absolute;top:50px;color:#000000;font-size:600%;opacity:0.1;-moz-opacity:0.1;filter:alpha(opacity=10);} .quote-post blockquote{border-left:0px solid #fff;} .bubble-bottom{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);} .bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:bottom;transition-property:bottom;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0 10px;border-color:#e1e1e1 transparent transparent transparent;} .bubble-bottom:hover:before, .bubble-bottom:focus:before, .bubble-bottom:active:before{bottom:-10px;} .rotating{display:inline-block;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);-moz-transform:rotateX(0) rotateY(0) rotateZ(0);-ms-transform:rotateX(0) rotateY(0) rotateZ(0);-o-transform:rotateX(0) rotateY(0) rotateZ(0);transform:rotateX(0) rotateY(0) rotateZ(0);-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s;-webkit-transform-origin-x:50%;} .rotating.flip{position:relative;} .rotating .front, .rotating .back{left:0;top:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;} .rotating .front{position:absolute;display:inline-block;-webkit-transform:translate3d(0,0,1px);-moz-transform:translate3d(0,0,1px);-ms-transform:translate3d(0,0,1px);-o-transform:translate3d(0,0,1px);transform:translate3d(0,0,1px);} .rotating.flip .front{z-index:1;} .rotating .back{display:block;opacity:0;} .rotating.spin{-webkit-transform:rotate(360deg) scale(0);-moz-transform:rotate(360deg) scale(0);-ms-transform:rotate(360deg) scale(0);-o-transform:rotate(360deg) scale(0);transform:rotate(360deg) scale(0);} .rotating.flip .back{z-index:2;display:block;opacity:1;-webkit-transform:rotateY(180deg) translate3d(0,0,0);-moz-transform:rotateY(180deg) translate3d(0,0,0);-ms-transform:rotateY(180deg) translate3d(0,0,0);-o-transform:rotateY(180deg) translate3d(0,0,0);transform:rotateY(180deg) translate3d(0,0,0);} .rotating.flip.up .back{-webkit-transform:rotateX(180deg) translate3d(0,0,0);-moz-transform:rotateX(180deg) translate3d(0,0,0);-ms-transform:rotateX(180deg) translate3d(0,0,0);-o-transform:rotateX(180deg) translate3d(0,0,0);transform:rotateX(180deg) translate3d(0,0,0);} .rotating.flip.cube .front{-webkit-transform:translate3d(0,0,100px) scale(0.9,0.9);-moz-transform:translate3d(0,0,100px) scale(0.85,0.85);-ms-transform:translate3d(0,0,100px) scale(0.85,0.85);-o-transform:translate3d(0,0,100px) scale(0.85,0.85);transform:translate3d(0,0,100px) scale(0.85,0.85);} .rotating.flip.cube .back{-webkit-transform:rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);-moz-transform:rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);-ms-transform:rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);-o-transform:rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);transform:rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);} .rotating.flip.cube.up .back{-webkit-transform:rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);-moz-transform:rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);-ms-transform:rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);-o-transform:rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);transform:rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);} @media (max-width:767px){.portfolio-filter li a{border-radius:2px;margin:-3px;padding:5px !important;} .footer-menu, .slider_title_a, .tp-caption .btn{display:none !important;} .header_center .navbar-collapse.collapse{text-align:left;height:auto !important;overflow:auto !important;} .header_center .navbar-nav{display:inherit !important;float:inherit !important;margin:0;} ul.timeline:before{left:40px;} ul.timeline > li > .timeline-panel{width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px);} ul.timeline > li > .timeline-badge{left:15px;margin-left:0;top:16px;} ul.timeline > li > .timeline-panel{float:right;} ul.timeline > li > .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto;} ul.timeline > li > .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto;} .btn-lg, .mini_title2{font-size:11px !important;} #topbar .topbar-email, #topbar .topbar-phone, #topbar .topbar-login, #topbar .topbar-cart, .topmenu, .copyright-text, .menu, .callus{border:none;float:none !important;clear:both !important;text-align:center !important;margin:auto;} } @media (max-width:380px){#topbar .topbar-email, #topbar .topbar-phone, #topbar .topbar-login, #topbar .topbar-cart, .topmenu, .callus{display:block} } .arrow-left{border-right-color:#a11e29;} #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer{border-top-color:#a11e29 !important;} .buddy_members .popover.top > .arrow:after, .buddy_carousel .popover.top > .arrow:after{border-top:10px solid #a11e29 !important;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected{border-color:#a11e29 !important;} .post-wrapper-top h2, .group_box:hover .circle, .group_box:hover, .buddy_carousel .popover, .buddy_members .popover, .buddy_desc, .cat_widget:hover, .social_like .icon-container, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > .active > span:focus, .form-control:focus, .panel-default > .panel-heading:hover, .bggrey, .services_vertical .icon-container, .item .icon-container, #owl-testimonial-widget .img-circle, .testimonial-wrap, .tparrows:hover, .blog_button, .magnifier .btn-default:hover, blockquote, .magnifier .btn-default:focus, .magnifier .btn-default:active, .service-icon-circle, .general-title hr{border-color:#a11e29;} #header-style-1 .dropdown-menu, #header-style-1 .yamm .dropdown.yamm-fw .dropdown-menu{border-top-color:#a11e29 !important; border-top-width: 4px !important} #three-parallax .testimonial h3{color:#a11e29 !important;} .blog_button, .shop_title_slider span, .cat_widget h3, .rating i, .big_title_onepage span, .small_thin_grey1 i, .popular_items .meta span i, .ch-info-front i, .service_vertical_box:hover .service-icon i, .bgdark span, .item .icon-container, .slider_title_a, .mini_title2 i, .team_member span, .blog-carousel-meta span i, .high_title2, .high_title, .big_title span, .small_title span, .mini_title span, .check li:before, .service-icon-circle i, .servicebox:hover .service-icon i, .shop-right .title .price, .shop_item .price, .cart_table .price2, .widget h3 span, .big_title_slider span, a, .milestone-counter i, a.readmore, .tabbed-menu li a:hover, .footer-menu li a:hover, .mmode .title span, .footer-menu li a:focus, #header-style-1 .yamm h3 i, #header-style-1 .yamm-fw .dropdown-menu li a:before, #topbar .topbar-login i, .group_box i, #topbar .callus i, #topbar .topbar-cart i{color:#a11e29;} .timeline-badge.danger, .flex-control-paging li a.flex-active, .tparrows:hover{background-color:#a11e29 !important;} .demo_changer .demo-icon, .group_box:hover .circle, .buddy_carousel .owl-controls .owl-page.active span, .buddy_carousel .owl-controls.clickable .owl-page:hover span, .recent_posts_widget > li img:hover, .buddypress_tabber_widget_member li img:hover, #tabbed_widget .nav-tabs > li.active > a, #tabbed_widget .nav-tabs > li.active > a:hover, #tabbed_widget .nav-tabs > li.active > a:focus, #tabbed_widget .nav > li > a:hover, #tabbed_widget .nav > li > a:focus, #tabbed_widget-1 .nav-tabs > li.active > a, #tabbed_widget-1 .nav-tabs > li.active > a:hover, #tabbed_widget-1 .nav-tabs > li.active > a:focus, #tabbed_widget-1 .nav > li > a:hover, #tabbed_widget-1 .nav > li > a:focus, #footer-style-1 .social-icons span a:hover, #footer-style-2 .social-icons span a:hover, #footer-style-3 .social-icons span a:hover, .footer_post li img:hover, #tabbed_widget .recent_posts_widget img:hover, .pricing_detail:hover, .pricing_detail:hover .priceamount, .banners li:hover .img-thumbnail, .ch-info .ch-info-back, .service-with-image:hover .service-title, .calloutbox-full-mini, .services_vertical .icon-container, #services .owl-controls .owl-page span, .item:hover .icon-container, .white-wrapper #owl-testimonial .owl-controls .owl-page.active span, .make-bg, .buddy_image img:hover, .calloutbox, #owl-testimonial-widget .owl-controls .owl-prev:hover, #owl-testimonial-widget .owl-controls .owl-next:hover, #owl_blog_two_line .owl-controls .owl-prev:hover, #owl_blog_two_line .owl-controls .owl-next:hover, #owl_blog_three_line .owl-controls .owl-prev:hover, #owl_blog_three_line .owl-controls .owl-next:hover, #owl_portfolio_two_line .owl-controls .owl-prev:hover, #owl_portfolio_two_line .owl-controls .owl-next:hover, #owl_shop_carousel .owl-controls .owl-prev:hover, #owl_shop_carousel .owl-controls .owl-next:hover, #owl_shop_carousel_1 .owl-controls .owl-prev:hover, #owl_shop_carousel_1 .owl-controls .owl-next:hover, #owl-blog .owl-controls .owl-prev:hover, #owl-blog .owl-controls .owl-next:hover, .overlay #owl-testimonial .owl-controls .owl-page.active span, .progress-bar, .dmtop, h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover, .magnifier .btn-default:hover, .magnifier .btn-default:focus, .magnifier .btn-default:active, .rsDefaultInv .rsBullet.rsNavSelected span, .service-icon-circle.active, .servicebox:hover .service-icon-circle, .btn-primary, #accordion-first .accordion-heading .accordion-toggle.active em, #accordion-second .accordion-heading .accordion-toggle.active em, mark, .pager li > a, .pager li > span, .make-bg-full, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > .active > span:focus, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count:hover, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count:hover, .tagcloud a:hover, .nav-stacked > li > a:hover, .nav-stacked > li > a:focus, .nav-tabs > li.active > a:hover, .buddy_members img:hover, .buddy_carousel img:hover, /*.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a, #buddypress_features .nav-tabs > li > a:hover, #buddypress_features .nav-tabs > li > a:focus,*/ /*#header-style-1 .navbar-nav > li > a:hover, #header-style-1 .navbar-nav > li > a:focus, #header-style-1 .navbar-nav > li > a:active, #header-style-1 .navbar-default .navbar-nav > .open > a, #header-style-1 .navbar-default .navbar-nav > .open > a:hover, #header-style-1 .navbar-default .navbar-nav > .open > a:focus,*/ #topbar .social-icons span a:hover{background-color:#a11e29;} .flex-direction-nav a, .rsUni .rsThumb.rsNavSelected .thumbIco, .custom-overlay{background-color:rgba(247,194,33,0.7);} #tabbed_widget .nav-tabs > li.active > a, #tabbed_widget .nav-tabs > li.active > a:hover, #tabbed_widget .nav-tabs > li.active > a:focus, #tabbed_widget .nav > li > a:hover, #tabbed_widget .nav > li > a:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > .active > span:focus, .big_title_onepage, .tp-caption .btn, .small_thin_grey1, #footer-style-2 .social-icons span a:hover, #footer-style-3 .social-icons span a:hover, #footer-style-1 .social-icons span a:hover, .recent_posts_widget a, #footer-style-1 .widget, #footer-style-1 p, #footer-style-2 .widget, #footer-style-2 p, #footer-style-3 .widget, #footer-style-3 p, .service-with-image:hover .service-title a, .item:hover .icon-container, .overlay h2, .overlay .lead, .overlay .testimonial-widget .testimonial .lead:after, .overlay .testimonial-widget .testimonial .lead:before, .overlay .testimonial-widget, .magnifier .btn-default:hover, .magnifier .btn-default:focus, .magnifier .btn-default:active, mark, .service-icon-circle.active i, .servicebox:hover .service-icon-circle i, .testimonial h3, .nav-stacked > li > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a, #footer-style-2 .widget .title h3, #footer-style-3 .widget .title h3, #footer-style-1 .widget .title h3{color:#ffffff !important;} @font-face{font-family:'southern_aire_personal_use_Rg';src:url('https://pecb.com/themes/pecb/css/fonts/southernaire_personal_use_only.eot');src:url('https://pecb.com/themes/pecb/css/fonts/southernaire_personal_use_only.eot?') format('embedded-opentype'), url('https://pecb.com/themes/pecb/css/fonts/southernaire_personal_use_only.woff') format('woff'), url('https://pecb.com/themes/pecb/css/fonts/southernaire_personal_use_only.ttf') format('truetype'), url('https://pecb.com/themes/pecb/css/fonts/southernaire_personal_use_only.svg') format('svg');font-weight:normal;font-style:normal;} #maintenance1{background:#fff;} #maintenance1 .overlay{background-color:rgba(255, 255, 255, 1);bottom:0;height:100%;left:0;padding:60px 0;position:absolute;right:0;} #maintenance1 .title{margin:60px 0;} #maintenance1 .title h1{font-size:90px;line-height:90px;font-weight:400;font-family:'southern_aire_personal_use_Rg', cursive;color:#222;text-decoration:none;padding:20px 0 0;border-width:0px;border-style:none;} #maintenance1 .highlight{margin-top:10px;font-size:72px !important;font-weight:normal;color:#222;font-family:'Lato', cursive;} #maintenance1 .green{color:#77be32 !important;} #maintenance1 .red{color:#f2333a !important;} #maintenance1 .yellow{color:#a11e29 !important;} #maintenance1 .subscribe .lead, #maintenance1 .title .lead{font-size:18px !important;font-weight:100;color:#222 !important;font-family:'Lato', cursive;padding:20px;} #maintenance1 .milestone-details{font-size:36px !important;font-weight:100;color:#222;font-family:'Lato', cursive;text-transform:uppercase;padding:20px;} #maintenance{background:url(https://pecb.com/themes/pecb/css/demos/maintenance_bg.png) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;} #maintenance .overlay{background-color:rgba(0, 0, 0, 0.1);bottom:0;height:100%;left:0;padding:60px 0;position:absolute;right:0;} #maintenance .title{margin:60px 0;} #maintenance .title h1{font-size:90px;line-height:90px;font-weight:400;font-family:'southern_aire_personal_use_Rg', cursive;color:#ffffff;text-decoration:none;padding:20px 0 0;border-width:0px;border-style:none;} #maintenance .highlight{margin-top:10px;font-size:72px !important;font-weight:normal;font-family:'Lato', cursive;} #maintenance .subscribe .lead, #maintenance .title .lead{font-size:18px !important;font-weight:100;font-family:'Lato', cursive;padding:20px;} #maintenance .milestone-details{font-size:36px !important;font-weight:100;font-family:'Lato', cursive;text-transform:uppercase;padding:20px;} .errorMessage{color:#a11e29;} /* new design ------------------------------------------------------------------------- */ /* new design ------------------------------------------------------------------------- */ /* new design ------------------------------------------------------------------------- */ /* new design ------------------------------------------------------------------------- */ /* new design ------------------------------------------------------------------------- */ /* new design ------------------------------------------------------------------------- */ /* general rules */ a:hover { cursor: pointer !important; } .btn-custom { width: 140px; height: 40px; transition: all linear .2s; } .btn-primary { font-family: 'Montserrat', sans-serif !important; font-weight: 400; } .btn.active:focus, .btn:active:focus, .btn:focus { outline: none !important; } .btn-full-width { width: 100%; } .font-family-montserrat { font-family: 'Montserrat', sans-serif !important; } /* Titles */ .mixed-title { font-family: 'Montserrat', sans-serif; font-size: 45px; font-weight: 300; line-height: 1.1 !important; color: #22262A; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #a11e29; border-color: #a11e29; opacity: .8; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { color: #fff !important; background-color: #71151d !important; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { border: none !important; } /* margin top */ .mw-100 { min-width: 100%; } .no-br br{ display: none; } .bg-white { background-color: #fff; } .mt-0 { margin-top: 0px !important; } .mt-10 { margin-top: 10px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt--20 { margin-top: -20px !important; } .mb-0 { margin-bottom: 0px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-100 { margin-bottom: 60px !important; } .p-0 { padding: 0px !important; } .p-10 { padding: 10px !important; } .pl-5 { padding-left: 5px !important; } .pr-5 { padding-right: 5px !important; } .pr-0 { padding-right: 0px !important; } .pb-0 { padding-bottom: 0px !important; } .pt-0 { padding-top: 0px !important; } /* display flex class*/ .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mixed-title span { font-weight: 600; } /* main title */ .mainTitles { font-family: 'Montserrat', sans-serif !important; } /* top-menu */ .ribon { background: #a11e29; font-size: 13px; color: #fff !important; font-weight: 500; padding: 10px 5px; text-align: center; } .ribon a { color: #fff; font-style: italic; } .ribon a:hover { color: #fff !important; font-style: normal; } #topbar .col-lg-5 { /* padding-left: 0; */ } .top-menu-left { padding: 0; display: block; overflow: unset !important; } span a.top-left-link { font-family: 'Montserrat', sans-serif; padding: 0 8px; width: auto !important; height: auto !important; font-size: 13px; font-weight: 500; line-height: 1.3 !important; transition: .2 linear color; overflow: unset !important; display: inline-block; position: relative !important; margin: 10px 0; } #topbar .social-icons.top-menu-left span a:hover { background-color: #fff ; color: #a11e29 !important; } .top-menu-left span:first-child a{ border-left: 0; } .t-l-store { position: relative; } .custom-tooltip { position: absolute; left: 50%; top: 50px; margin-left: -120px; z-index: 999 !important; width: 240px; background: rgba(0, 0, 0, .82); height: auto; padding: 15px 5px; border-radius: 8px; display: none; text-align: center; } a.top-left-link:hover .custom-tooltip, .t-l-store a:hover .custom-tooltip-store{ display: block; } .custom-tooltip h5, .custom-tooltip p { font-family: 'Montserrat', sans-serif; color: #fff !important; font-size: 12px; margin: 0; padding: 0; line-height: 1.2; } .custom-tooltip h5 { font-weight: 700; margin-bottom: 5px; } .custom-tooltip::before { content: ''; display: block; background: rgba(0, 0, 0, .82); height: 10px; width: 10px; transform: rotate(45deg); position: absolute; top: -5px; left: 50%; } .callus i { margin-right: 5px; font-size: 16px; } .callus span a { transition: .2 linear color; } .callus span a:hover { color: #a11e29 !important; } #topbar .topbar-login { padding: 0 5px ; } #topbar .topbar-login:first-child{ border-left: 0 !important; } #topbar .topbar-login.topbar-language { border-right: 0 !important; } #topbar .topbar-login a { display: inline-block; font-family: 'Montserrat', sans-serif !important; font-size: 13px; line-height: 1.3; height: auto !important; padding: 0 !important; } #topbar .topbar-login { line-height: 1.3; margin: 10px 0; height: 20px; font-size: 13px; /* font-family: 'Montserrat', sans-serif !important; font-weight: 500; */ } #topbar #role-switcher-holder { margin-right: 3px; } #topbar #role-switcher-holder .btn-default.dropdown-toggle { padding: 0; margin: 0; font-family: 'Montserrat', sans-serif !important; font-weight: 500; font-size: 13px !important; background: #fff !important; box-shadow: none !important; } #topbar span.merge-acc-span { font-size: 10px; font-family: 'Montserrat', sans-serif !important; font-weight: 500; display: block; margin-top: 5px; margin-left: 2px; } #topbar i.merge-aroow-down { margin-right: 0 !important; } li.active-merge-acc a{ color: #a11e29 !important; font-weight: 600 !important; } #topbar .user-merge-icon { margin-left: 5px; font-size: 12px; margin-top: 2px; } #topbar #role-switcher-holder .btn-default.dropdown-toggle:hover { background: #fff !important; box-shadow: none !important; color: #a11e29; } #topbar #role-switcher-holder .dropdown-menu { padding: 5px 10px; top: 150%; border: 0; } #topbar #role-switcher-holder .dropdown-menu li { padding: 10px 3px; border-bottom: 1px solid#E4E4E4 !important; } #topbar #role-switcher-holder .dropdown-menu:hover ~ #topbar #role-switcher-holder .btn-default.dropdown-toggle { background: #fff !important; box-shadow: none !important; color: #a11e29; } #topbar #role-switcher-holder .dropdown-menu li a { font-weight: 500; } #topbar #role-switcher-holder .dropdown-menu li a:hover{ background: transparent !important; } #topbar .topbar-language, #topbar .topbar-store, #topbar .topbar-partners { float: left; padding: 0 15px; line-height: 42px; border-left: 1px solid #f2f2f2; } #topbar .topbar-language { border-right: 1px solid #f2f2f2 !important; cursor: pointer; position: relative; z-index: 11; } #topbar .topbar-language select { background: #fff; height: auto !important; width: 55px; padding: 0 !important; box-shadow: none; } #topbar .topbar-login i { margin-right: 5px; } #topbar .topbar-language i.fa-chevron-down { margin-left: 10px; font-size: 12px; } #topbar .topbar-language { border-right: 1px solid #f2f2f2; } .topbar-language .languages-dropdown { width: 100%; height: 0; opacity: 1; overflow: hidden; background: #fff; border-right: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; position: absolute; left: 0; bottom: 200px; z-index: 10; transition: all .4s cubic-bezier(0.6, -0.28, 0.735, 0.045); } .topbar-language:hover .languages-dropdown, .languages-dropdown:hover { height: 100px; bottom: -98px; } .topbar-language .languages-dropdown ul { list-style: none; text-align: center; } .topbar-language .languages-dropdown li, .topbar-language .languages-dropdown a { width: 100% !important; height: 100% !important; } .topbar-language .languages-dropdown li { border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; } .topbar-language .languages-dropdown a { transition: .2 linear color; } .topbar-language .languages-dropdown a:hover { color: #a11e29 !important; } #language { border: none; /* padding: 12px 12px 12px 5px; */ outline:none; font-family: 'Montserrat', sans-serif !important; cursor: pointer; } /* main menu */ .main-logo { height: 35px; width: 125px; } #header-style-1.header-style-new .navbar-nav>li { margin-right: 10px; margin-left: 10px; } #header-style-1.header-style-new.en-header .navbar-nav>li { margin-right: 15px; margin-left: 15px; } #header-style-1.header-style-new .navbar-nav>li:last-child { margin-right: 0 !important; } #header-style-1.header-style-new.en-header .navbar-nav>li>a { font-size: 17px; } #header-style-1.header-style-new .navbar-nav>li>a { background: #fff; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; color: #707070 !important; padding: 7px 0px !important; text-transform: unset !important; cursor: pointer; } #header-style-1.header-style-new .navbar-nav>li:hover, #header-style-1.header-style-new .navbar-nav>li>a:hover, #header-style-1.header-style-new .navbar-nav>li>a:focus, #header-style-1.header-style-new .navbar-nav>li>a:active, #header-style-1.header-style-new .navbar-default .navbar-nav>.open>a, #header-style-1.header-style-new .navbar-default .navbar-nav>.open>a:hover, #header-style-1.header-style-new .navbar-default .navbar-nav>.open>a:focus, #header-style-1.header-style-new .navbar-nav>li>a:hover { background-color: transparent !important; color: #707070 !important; } #header-style-1 .dropdown-menu, #header-style-1 .yamm .dropdown.yamm-fw .dropdown-menu { box-shadow: 0 3px 3px rgba(0,0,0,0.10), 0 3px 6px rgba(0,0,0,0.16); border: 1px solid #e6e3e3; } #header-style-1.header-style-new .navbar-nav>li:hover { border-bottom: 2px solid #a11e29; } .tab-menu { background: #fff; } .tab-search { padding: 15px; border-bottom: 1px solid #dedede; } .tab-search .search-section-input { padding-left: 10px; } .tab-search .search-section-input::placeholder { color: #aaaaaa; font-weight: bold; } .tab-search .search-section-input, .tab-search .search-btn { height: 50px; margin: 0 !important; } /* .tab-search .search-btn { padding-top: 6px; } */ .tab-menu .nav-tabs { border-bottom: 0; } .tab-menu div.tab-menu-inner { padding: 15px 0 15px 30px; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(241,241,241,1) 93%); } #header-style-1 .tab-menu .tab-menu-inner .nav-tabs li, .tab-menu div.tab-menu-inner li { font-weight: normal; width: 100%; margin: 0; border: 0 !important; } #header-style-1 .tab-menu .tab-menu-inner .nav-tabs>li>a { border: 0 !important; border-radius: 0; text-transform: uppercase; color: #5A5A5A !important; font-family: Roboto; font-size: 15px; font-weight: 600 !important; padding: 10px 0 10px 0 !important; background: transparent !important; font-family: 'Montserrat', sans-serif !important; } #header-style-1 .tab-menu .tab-menu-inner a:before, #header-style-1 .tab-menu .tab-menu-list .tab-menu-list-header h4 a:before, #header-style-1 .tab-menu-list span a:before { display: none !important; } #header-style-1 .tab-menu .nav-tabs>li.active>a { background-color: #fff !important; border: 0 !important; color: #a11e29 !important; } #header-style-1 .tab-menu .nav-tabs>li:hover>a { border: 0 !important; color: #a11e29 !important; background-color: transparent !important; } #header-style-1 .tab-menu .nav-tabs>li.active:hover>a { background-color: #fff !important; } .tab-menu .tab-content { border: 0; } .tab-menu .tab-content>.tab-pane { min-height: auto !important; padding-bottom: 10px; } .tab-menu-list { padding-top: 10px; } .tab-menu-list-header { min-height: 70px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #header-style-1 .tab-menu .tab-menu-list .tab-menu-list-header h4 { font-size: 14px; font-weight: 600; text-transform: uppercase; } #header-style-1 .tab-menu .tab-menu-list .tab-menu-list-header h4 a { color: #5A5A5A !important; padding: 0 !important; transition: .2s linear color; font-family: Roboto; font-size: 14px; background: transparent !important; font-family: 'Montserrat', sans-serif !important; } #header-style-1 .tab-menu-list .tab-menu-list-header h4 a:hover { background: transparent; color: #a11e29 !important; } .tab-menu-list .tab-menu-list-header h4:after { content: ''; display: block; margin-top: 5px; width: 40px; height: 3px; background: #a11e29; } #header-style-1 .tab-menu-list span { display: block; font-weight: normal; } #header-style-1 .tab-menu-list span:not(:last-child) { margin-bottom: 4px; } #header-style-1 .tab-menu .tab-content .tab-menu-list span a { color: #5A5A5A !important; transition: .2s linear all; margin: 0 !important; padding: 0 !important; font-size: 14px; font-family: Roboto; background: transparent !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; } #header-style-1 .tab-menu .tab-content .tab-menu-list span a:hover { color: #a11e29 !important; background: transparent; } /* .tab-bottom { } */ #header-style-1 .tab-menu .tab-bottom a.btn { padding: 10px 15px; height: 40px; color: #fff !important; margin-top: 15px; font-size: 12px; background: #a11e29 !important; } #header-style-1 .tab-menu .tab-content .tab-bottom a.btn:hover { background-color: #000 !important; } .tab-menu a.btn:before { display: none; } .resources-dropdown { background: #fff; padding: 20px; } /* centered columns styles */ .row-centered { text-align:center; } .col-centered { display:inline-block; float:none; /* reset the text-align */ text-align:left; /* inline-block space fix */ margin-right:-4px; text-align: center; } .round-icons-menu { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .round-icon-parent { width: 90px; text-align: center; margin: 0 auto; } .round-icon-parent a { padding: 0 !important; margin: 0 !important; font-size: 13px !important; color: #5A5A5A !important; } .round-icon-parent a::before { display: none; } .round-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 90px; width: 90px; border-radius: 50%; background: #E9E9E9; } a.round-icon img { height: 40px ; width: 40px ; } a.round-icon img, #header-style-1 .yamm img { margin-bottom: 0 !important; } a.round-icon:hover { background: #E9E9E9 !important; } .round-icon i { color: #5A5A5A; font-size: 40px; transition: .2 linear color; } a.round-icon:hover i { color: #a11e29; } .round-icon-parent p { margin-top: 5px; font-weight: 500; } .resources-dropdown .round-icon-parent p a:hover { color: #a11e29 !important; background: transparent !important; } .resources-dropdown-bottom { margin-top: 20px; position: relative; overflow: hidden; } #header-style-1 .resources-dropdown .resources-dropdown-bottom a { padding: 0 !important; } #header-style-1 .resources-dropdown .resources-dropdown-bottom img { margin: 0; max-width: 100%; } .resources-dropdown a::before { display: none; } .resources-dropdown-desc { position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 40px; background: rgba(0, 0, 0, .4); color: #fff; font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 18px; transition: .2s linear background; } .resources-dropdown-desc:hover { background: rgba(0, 0, 0, .6); } .resources-dropdown-desc i { margin-left: 10px; font-size: 30px; } .resources-dropdown-bottom-test { justify-content: space-between; } /* new menu dropdown */ #header-style-1 .yamm .dropdown.yamm-fw .dropdown-menu.new-dropdown-menu { background-color: #fff; font-family: 'Montserrat', sans-serif; } #header-style-1 .dropdown-menu.new-dropdown-menu li { margin-left: 5px; margin-right: 5px; } #header-style-1 .dropdown-menu.new-dropdown-menu li:not(:last-child) { border-bottom: 1px solid #E4E4E4 !important; } #header-style-1 .yamm-fw .dropdown-menu.new-dropdown-menu li a:before { display: none; } #header-style-1 .yamm-fw .dropdown-menu.new-dropdown-menu li a { color: #5A5A5A !important; font-size: 13px; font-weight: 500; padding: 10px 0px; background-color: #fff ; cursor: pointer; font-family: 'Montserrat', sans-serif; } #header-style-1 .yamm-fw .dropdown-menu.new-dropdown-menu li a:hover { background-color: #fff ; color: #a11e29 !important; } #header-style-1 .yamm .dropdown-menu.new-dropdown-menu .yamm-content { padding: 5px 20px !important; } /* big new dropdown menu */ .new-dropdown-menu-inner { max-height: 240px; -webkit-columns: 3; -moz-columns: 3; columns: 3; /* -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; */ } .new-dropdown-menu-list { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding-left: 0; } /* small new dropdewn menu */ #header-style-1 .yamm .dropdown.yamm-fw .dropdown-menu.new-dropdown-menu.small-menu-dropdown { left: unset; right: unset; } #header-style-1 .yamm .dropdown.yamm-fw .dropdown-menu.new-dropdown-menu.small-menu-dropdown.network { right: 0; } .network-item { padding-top: 30px; padding-bottom: 30px; } .network-item:not(:last-child) { margin-right: 40px; } .network-item span { height: 46px; width: 46px; background: #E9E9E9; border-radius: 50%; } .network-item span img { max-width: 25px; margin: 0 !important; } .network-item h3, #header-style-1 .yamm .dropdown.yamm-fw .dropdown-menu.new-dropdown-menu.small-menu-dropdown.network .network-item a { font-family: 'Montserrat', sans-serif; text-align: left !important; } .network-item h3 { font-weight: 600; } /* end new menu dropdown */ /* End main menu */ /* slider */ .slider-wrapper-custom .tp-caption { font-family: 'Montserrat', sans-serif !important; } .slider-wrapper-custom .big_title_slider { font-weight: 600; } .slider-wrapper-custom .tparrows { border: none; background: transparent !important; color: #fff !important; } .slider-wrapper-custom .tparrows:before { font-size: 45px; } .slider-wrapper-custom .tp-leftarrow, .slider-wrapper-custom .tp-rightarrow { opacity: 1 !important; } .slider-wrapper-custom .tp-leftarrow:hover, .slider-wrapper-custom .tp-rightarrow:hover { opacity: .7 !important; } .slider-wrapper-custom .tp-bullets.simplebullets .bullet { width: 65px !important; border: none !important; border-radius: 0; margin-right: 10px !important; } .slider-wrapper-custom .tp-bullets.simplebullets .bullet.selected { background: #a11e29 !important; } .slider-wrapper-custom .tp-bullets.simplebullets .bullet:last-child { margin-right: 0px !important; } /* Training courses */ /* Training course left side */ .training-courses { padding-top: 60px; padding-bottom: 40px; } .training-courses .training-courses-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px 0 0; text-align: center; font-weight: 500; } .training-courses .training-courses-left p { font-family: 'Montserrat', sans-serif; color: #262626; font-weight: 500; margin-bottom: 35px; } .training-courses .training-courses-left .btn-custom { margin-bottom: 20px } /* End training course left side */ /* training courses right section */ .training-courses-right .training-courses-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; margin-bottom: 20px; } .training-courses-right .training-courses-item .training-courses-item-img { width: 245px; height: auto; position: relative; } .training-courses-item-img-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .0); transition: .2s linear background-color; } .training-courses-right .training-courses-item:hover .training-courses-item-img-overlay{ background-color: rgba(0, 0, 0, .4); } .training-courses .training-courses-right .training-courses-item .training-courses-item-img img { width: 243px ; height: 100% ; } .training-courses-right .training-courses-item .training-courses-item-content { width: 100%; padding: 15px; font-weight: normal; color: #22262A; background: #F2F8F8; } .training-courses-right .training-courses-item .training-courses-item-content:hover h5 { color: #a11e29; } .training-courses-right .training-courses-item .training-courses-item-content h5 { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 18px; margin: 0; } .training-courses-right .training-courses-item .training-courses-item-content p { font-family: 'Montserrat', sans-serif; line-height: 1.5; margin-bottom: 3px; font-size: 14px; color: #22262A; } .training-courses-right .training-courses-item .training-courses-item-content a { padding: 5px 5px 5px 0; font-size: 13px; } .training-courses-right .training-courses-item .training-courses-item-content a i { margin-left: 5px; } .training-courses .btn-custom { margin-top: 30px; } /* End training course */ /* Process steps */ .process-steps { background-color: #F2F8F8; padding-top: 50px; padding-bottom: 50px; text-align: center; } .process-steps .mixed-title { text-align: center; margin-bottom: 30px; } .process-steps-item { border: 1px solid #DCDCDC; background: #fff; margin-right: 15px; padding: 20px 7px 5px; transition: linear .2s all; position: relative; width: 20%; } .process-steps-item:hover { border-color: #a11e29; } .process-steps-item-img { margin-bottom: 10px; height: 60px; } .process-steps-item-icon { position: absolute; right: -12px; top: 50%; transform: translateY(-50%); } .process-steps-item p { font-weight: 600; color: #22262A; } /* end process steps */ /* Training Methods */ .training-methods { background-color: #F2F8F8; min-height: 500px; } .training-methods-item-content { padding-left: 30px; } .training-methods-item-img { position: relative; } .training-methods-item-img img { max-width: 490px; height: auto; } .training-methods-item-img-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .0); transition: .2s linear background-color; } .training-methods-item-img-overlay:hover { background-color: rgba(0, 0, 0, .4); } .training-methods-item-content .mixed-title { margin: 0; padding-bottom: 20px; } .training-methods-item-content p { color: #262626; font-weight: 500; font-size: 14px; padding-bottom: 18px; } /* End of training methods */ /* Course Schedule */ .course-schedule { padding-top: 50px; padding-bottom: 50px; } div#courses_schedule { margin-bottom: 10px; } .course-schedule h5 { text-align: center; margin-top: 0; } /* course schedule slider */ .course-schedule-slide { min-height: 126px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 5px solid #ECECEC; margin-right: 7px; padding: 0px 10px; transition: .3s linear background; } .course-schedule-slide:hover .course-schedule-slide-inner-description p, .course-schedule-slide:hover .course-schedule-slide-inner-description span{ color: #a11e29; } .course-schedule-slide-inner .course-schedule-slide-inner-date { background: #a11e29; color: #fff; padding: 22px 10px; font-weight: normal; text-align: center; } .course-schedule-slide-inner .course-schedule-slide-inner-date p { margin-bottom: 0; font-size: 25px; } .course-schedule-slide-inner .course-schedule-slide-inner-date span { font-size: 12px; } .course-schedule-slide-inner { align-items: center; } .course-schedule-slide-body-inner { flex-direction: column; } .course-schedule-slide-inner-description { padding: 10px 0px 10px 20px; color: #22262A !important; font-weight: normal; } .course-schedule-slide-inner-description p { margin: 0; font-size: 16px; font-weight: 600; } .course-schedule-slide-inner-description p a { color: #22262A !important; } .course-schedule-slide-inner-description span { margin-right: 10px; } .course-schedule-slide-inner-description span i { margin-right: 3px; } .course-schedule .owl-carousel .owl-controls .owl-prev, .course-schedule .owl-carousel .owl-controls .owl-next { font-size: 30px; color: #7A7474; transform: translateY(50%); top: 0px; } .course-schedule .owl-carousel .owl-controls .owl-prev { left: -45px; } .course-schedule .owl-carousel .owl-controls .owl-next { right: -45px; } /* course schedules filters */ .course-schedule-filters { border: 5px solid #ECECEC; margin-right: 7px; padding: 15px 10px; } .course-schedule-filters form { display: -webkit-box; display: -ms-flexbox; display: flex; } .course-schedule-filters .custom-filters-select select.form-control { width: 200px; } .course-schedule-filters .custom-filters-select input.form-control { width: 130px; } .course-schedule-filters-calendar { font-weight: normal; font-weight: bold; color: #293134; font-size: 11px; margin-right: 10px; } .course-schedule-filters-calendar span { align-items: center; font-size: 13px; } .course-schedule-filters-calendar i { font-size: 30px; color: #a11e29; margin-right: 10px; } .custom-filters-select select.form-control, .custom-filters-select input.form-control { height: 30px; width: 220px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; border: 1px solid #E4E4E4 !important; font-weight: 500; color: #293134; position: relative; background-color: #F3F3F3; -webkit-appearance: none; background-position-x: 100%; margin-right: 10px; } .custom-filters-select-exam select.form-control, .custom-filters-select-exam input.form-control { font-size: 16px !important; height: 35px; } .custom-filters-select-exam .select2-container, .custom-filters-select-event .select2-container { /* display: none; */ background-color: #F3F3F3; padding: 0 !important; height: 35px; border: 0 !important; } .custom-filters-select-exam .select2-container .select2-choice, .custom-filters-select-event .select2-container .select2-choice { height: 35px; background-color: transparent; z-index: 110; font-weight: 500; padding: 8px 10px 0 15px; background-image: none; border-radius: 0; border: 1px solid #E4E4E4 !important } .custom-filters-select-event .select2-container .select2-choice { padding-top: 5px; } .custom-filters-select-exam .form-group-custom { position: relative; } .form-group-custom select{ display: none; } .down-arrow-select { display: flex; justify-content: center; align-items: center; background: #E4E4E4; height: 35px; width: 35px; z-index: 100; position: absolute; right: 0; top: 0; } .down-arrow-select i { color: #bbb8b8; font-size: 18px; } .custom-filters-select-exam .select2-container .select2-choice div, .custom-filters-select-event .select2-choice .select2-choice div{ display: none !important; } .custom-filters-select-event { margin-bottom: 10px; } .select2-results .select2-result-label { font-weight: 600 !important; font-size: 13px; } .select2-results .select2-result-sub .select2-result-label{ font-weight: 500 !important; } .custom-filters-select select, .custom-filters-select #exam_date{ background: url('../img/down-arrow.svg') no-repeat right #F3F3F3; padding-right: 38px; } .pricing_boxes { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .custom-filters-select optgroup { font-weight: 700 !important; margin-bottom: 10px; } .custom-filters-select input.form-control::placeholder { font-weight: 500; color: #293134; } .course-schedule-filters-btns .btn-custom { height: 30px; width: 130px; padding: 0; } .course-schedule-filters-btns a { display: inline-block; font-weight: 600; margin-left: 10px; font-size: 12px; } .course-schedule-filters-btns i { font-size: 10px; margin-left: 7px; } /* end Course Schedule */ /* Home help section */ .home-help { min-height: 700px; align-items: center; background: url('https://pecb.com/themes/pecb/css/demos/help-bg.png'); background-position: 60%; background-size: cover; } .home-help-inner { padding: 70px 10px 0px 70px; } .home-help-inner .mixed-title { margin-top: 30px; } .home-help-inner p { font-family: 'Montserrat', sans-serif; color: #262626; font-size: 13px; line-height: 1.8; font-weight: normal; } .home-help-inner .btn-custom { width: auto; } /*End home help section */ /* Insights */ .insights { padding-top: 10px; font-family: 'Montserrat', sans-serif; } .insights .portfolio-carousel img { width: 100% !important; height: 170px; } .insights h3.insights-title { font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight: 600; margin-bottom: 0; margin-left: 18px; } .insights .portfolio-carousel { padding: 0 20px; } .insights .owl-carousel .owl-controls .owl-prev, .insights .owl-carousel .owl-controls .owl-next { font-size: 20px; } .insights .owl-carousel .owl-controls .owl-prev:hover, .insights .owl-carousel .owl-controls .owl-next:hover { color: #707070; } .insights .owl-carousel .owl-controls .owl-prev { right: 60px; } .insights .owl-carousel .owl-controls .owl-next { right: 10px; } .insights .portfolio-carousel .entry { min-height: 170px; background: #f2f2f2; } .insights-carousel-body { background: #F2F8F8; padding: 15px 30px; min-height: 265px; } .insights-carousel-body .blog-carousel-header { padding-bottom: 0; min-height: 50px; } .insights-carousel-body button { font-size: 13px; } .insights-carousel-body h3 { margin-top: 10px; font-family: 'Montserrat', sans-serif; color: #22262A; margin-bottom: 5px; } .insights-carousel-body h3 a { font-size: 16px; font-weight: 600 !important; } .insights-carousel-body h3 a:hover { background: transparent !important; color: #a11e29 !important; } .insights-carousel-body p { font-family: 'Montserrat', sans-serif; color: #22262A; font-weight: normal; font-size: 13px; text-align: unset !important; } .insights-carousel-body a { font-weight: normal; font-size: 13px; } /* End insights */ /* counting numbers */ .counting-numbers { padding-top: 60px; padding-bottom: 60px; } .counting-numbers-title h3 { font-family: 'Montserrat', sans-serif; font-size: 25px; font-weight: 600; color: #22262A; margin-top: 30px; } .counting-numbers .f-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .counting-numbers .milestone-counter { float: left; padding: 7px 15px; } .counting-numbers .milestone-counter .highlight { font-size: 50px; font-family: 'Montserrat', sans-serif; font-weight: 300; color: #a11e29; padding-bottom: 20px; } span.stat-count.highlight::after { content: "+"; } .counting-numbers .milestone-counter .milestone-details { color: #22262A; float: left; } .counting-numbers .f-element { border-left: 1px solid #CCCCCC; } /* end counting numbers */ /* Training courses page */ .search-section { width: 100%; position: relative; } .search-section i { color: #C2C2C2; font-size: 25px; position: absolute; } .search-section i.fa-search { left: 10px; top: 13px; } .search-section i.closed { font-size: 16px; top: 18px; right: 110px; cursor: pointer; transition: .3s linear color; display: none; } .search-section i.closed:hover { color: #a11229; } .search-section.search-section-x i.closed{ display: block; } .search-section-input { width: 100%; height: 50px; border: 2px solid #eaeaea; padding-left: 45px; } .search-section-input, .search-section-input::placeholder, .search-section input.form-control::placeholder { color: #262626; font-weight: 500; } .required-search input { box-shadow: 0px 0px 5px #a11e29; } .search-btn { position: absolute; right: 0px; top: 0; height: 50px; width: auto; font-weight: 500; padding: 0 20px; } .search-result-note { padding: 25px 15px 10px; font-size: 20px; font-weight: 600; color: #ababad; } /* a.clearSearch { position: absolute; top: 15px; right: 130px; font-size: 16px; font-weight: 600; } a.clearSearchSm { position: absolute; font-size: 10px; color: #8e8e8e; top: -10px; right: -8px; } */ .search-result-note span { text-transform: uppercase; color: #22262A; position: relative; } .search-result-note .x-close { position: absolute; top: -10px; right: -10px; font-size: 10px; color: #ababad; } .search-result-note .x-close:hover { color: #a11e29; } .search-section input.form-control { height: 50px !important; padding-left: 45px; font-family: 'Montserrat', sans-serif; font-weight: 500; color: #262626; } .ui-menu .ui-menu-item a { font-family: 'Montserrat', sans-serif; background: #fff !important; border-radius: 0; border: none; font-family: montserrat; font-weight: 500; transition: linear .2s all; padding-top: 10px; padding-bottom: 10px; } .ui-menu .ui-menu-item a:hover { font-weight: 500; cursor: pointer; background: #f1f2f3 !important; color: #262626 !important; } .training-courses-list { padding-bottom: 40px; } .training-note { background: #F2F8F8; margin-top: 30px; padding: 40px 20px; font-size: 18px; text-align: center; color: #262626; font-weight: 500; } .training-courses-list .training-courses-list-title { font-size: 25px; font-weight: 600; margin-top: 35px; margin-bottom: 20px; } .training-courses-list .team_member { margin-top: 25px; } .training-courses-list .entry { min-height: 260px; } .training-courses-list .magnifier { opacity: 1; background: transparent; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; cursor: pointer; } .training-courses-list .magnifier:hover { background: rgba(0, 0, 0, .2); } .training-courses-list .magnifier-title { width: 100%; padding: 5px; background: rgb(2,0,36); background: -webkit-gradient(linear, left bottom, left top, from(rgba(2,0,36,1)), color-stop(35%, rgba(0,0,0,0.6951155462184874)), to(rgba(0,212,255,0))); background: -o-linear-gradient(bottom, rgba(2,0,36,1) 0%, rgba(0,0,0,0.6951155462184874) 35%, rgba(0,212,255,0) 100%); background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(0,0,0,0.6951155462184874) 35%, rgba(0,212,255,0) 100%); } .training-courses-list h4{ margin-bottom: 0; font-family: 'Montserrat', sans-serif; text-align: center; font-weight: 600; } /* End Training courses page */ /* Training Events, event details */ .training-events { padding-bottom: 40px; } .training-events-title, .training-events-filters-header h4, .training-events-list-title h4, .training-events-list-title span, .reseller-list .accordion-inner h4, .event-list-item-header, .event-list-item-header h4 { font-family: 'Montserrat', sans-serif; } .training-events-list-title a:hover { background: transparent !important; color: #a11e29 !important; } .btn-event-list-details a.addLink { min-height: 50px; font-family: 'Montserrat', sans-serif; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #a11e29; color: #fff !important; font-weight: 500; padding: 0 20px; } .btn-event-list-details a.addLink:hover { background: #71151d !important; color: #fff !important; } .btn-event-list-details a.addLink img { display: none; } .training-events-title { color: #a11e29; font-size: 30px; font-weight: 600; margin-top: 10px; } .pricing_info footer { width: auto; } .pricing_info footer a { width: auto; white-space: break-spaces; height: auto !important; } .pricing_detail_parent { margin-bottom: 80px; } .pricing_detail { height: 100%; } .pricing_detail:hover i.fa-info-circle.fa-lg { color: #fff !important; } .training-events-filters { margin-bottom: 20px; padding: 10px; border: 5px solid #F5F5F5; background-color: #fff; } .training-events-list-title a:hover { background: transparent !important; color: #a11e29 !important; } .training-events-filters-header { margin-bottom: 25px; } .training-events-filters-header h4 { font-size: 20px; font-weight: 600; color: #22262A; margin-bottom: 0; margin-top: 0px; padding-bottom: 2px; } .training-events-filters-header span { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #22262A; } .training-events-filters .custom-filters-select select{ width: 100% ; margin-bottom: 10px; padding-left: 10px; } .training-events-filters input, .training-events-filters input[type=text] { display: block; height: 30px !important; width: 100%; background: #F3F3F3; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #E4E4E4 !important; font-weight: 500; color: #293134; padding-left: 10px; } .training-events-filters .form-group { margin-bottom: 10px; } .training-events-filters .form-group label, .custom-filters-select label{ color: #293134; font-weight: 600; } .training-events-filters .btn-custom { width: 100%; background: #a11e29; color: #fff; height: 40px !important; margin-top: 15px; line-height: unset; } .training-events-list-item, .event-list-item { border: 1px solid #E4E4E4; /* padding: 10px 15px; */ margin-left: 20px; } .training-events-list-item-not-found { padding: 15px; font-weight: 500; } .training-events-list-item:not(:first-child), .event-list-item:not(:first-child) { margin-top: 20px; } .training-events-list-title, .event-list-item-header { padding: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #F3F3F3; } .training-events-list-title h4, .reseller-list .accordion-inner h4, .event-list-item-header h4{ margin-bottom: 0px; font-size: 18px; } .training-events-list-title h4, .training-events-list-title h4 a, .training-events-list-title span, .reseller-list .accordion-inner h4, .event-list-item-header h4, .event-list-item-header span{ color: #a11e29; font-weight: 600; } .training-events-list-title h4 a.course_event_link:hover { background: transparent !important; color: #22262A !important; } .training-events-list-title span, .event-list-item-header span { font-weight: 700; font-size: 15px; } .training-events-list-title span i { margin-left: 4px; } .training-events-list-title span .btn { padding: 15px 20px; } .training-events-list-title span .btn a { color: #fff !important; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 500; } .training-events-list-title span .btn a img { display: none; } .find-exam-note { border: none; color: #262626; font-family: 'Roboto', sans-serif; font-style: italic; } .find-exam-note i { color: #a11e29; } /* .pricing_detail { margin-bottom: 80px; } */ .training-events-list-body, .event-list-item-body{ padding: 10px 20px 5px; } .training-events-list-body-right { float: right; } .training-events-list-body p { color: #4D4F5C !important; font-family: 'Montserrat', sans-serif; font-weight: 400 !important; font-size: 14px; } .training-events-list-body p span { font-weight: 600 !important; } span.event-confirmed { /* color: #3BB537 !important; */ color: #5E9F4A !important; } span.event-planned { color: #FC5D20 !important; } span.event-completed { /* color: #a11229 !important; */ color: #5E9F4A !important; } .training-events-list-item.event-details { margin-top: 0px; margin-left: 0; } .training-events-list-item.event-details table.detail-view { font-family: 'Montserrat', sans-serif; font-weight: 500; color: #262626; font-size: 16px; } .training-events span.empty { width: 100%; margin: 0; } .no-results-found { margin-bottom: 20px; padding: 15px 10px; border: 5px solid #F5F5F5; background-color: #fff; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .no-results-found .btn { margin: 0 !important; } .training-events-list-item.event-details table.detail-view tr.even, .training-events-list-item.event-details table.detail-view tr.even th { background: #fff; } .training-events-list-item.event-details table.detail-view th { text-align: left !important; font-weight: 500; } .training-events-list-item.event-details table.detail-view td { text-align: right !important; } .training-events-list-item.event-details table.detail-view th, .training-events-list-item.event-details table.detail-view td { border-bottom: 1px solid #E2E3E9; padding: 13px 0 13px 0; word-break: break-all; } .event-details-information { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; font-family: 'Montserrat', sans-serif; font-weight: 500; color: #262626; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #C8C8C8; } .event-details-information .training-events-title { text-align: center; font-size: 25px; } @media (max-width: 818px) { .event-details-information { flex-direction: column; align-items: flex-start; text-align: left; } .right-span { padding-left: 0; margin-top: 5px; } } .right-span { word-wrap: break-word; white-space: normal; } .event-details-description { padding:0px 15px; } .event-details-description p { font-size: 14px; } .event-details-footer { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 30px; } .event-details-footer-link .btn{ text-transform: uppercase; font-size: 15px; height: 50px; padding: 15px 20px; } .event-details-footer .event-details-footer-link .btn a { color: #fff !important; } .event-details-footer .event-details-footer-link .btn a img { display: none; } .event-social-media span { display: flex; justify-content: center; align-items: center; background: #a11e29; height: 35px; width: 35px; transition: .2s linear background; cursor: pointer; font-size: 18px; } .event-social-media span:hover { background: #262626; } .event-social-media span:not(:last-child) { margin-right: 5px; } .event-social-media span i{ color: #fff; } span.empty { display: inline-block; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #22262A; margin-top: 25px; margin-left: 18px; } .exam-events-list .training-events-list-item { margin-left: 0; } .exam-events-list .nav-tabs { margin-top: 20px; } .exam-events-list .liDiv { background: #fff; border: 0; border-radius: 0; margin: 0; } .exam-events-list .liDiv.active, .exam-events-list .liDiv.active a, .exam-events-list .liDiv:hover { border-radius: 0 !important; border: 0 !important; } .exam-events-list .liDiv.active { background: #a11e29; border: 0 !important; margin: 0; } .exam-events-list .liDiv.active a { background: transparent; } .exam-events-list .pDate { background: transparent; color: #a11e29; margin: 0; } .exam-events-list .liDiv.active .pDate, .exam-events-list .liDiv:hover .pDate{ color: #fff; } .exam-events-list .liDiv:hover { border: 0 !important; margin: 0; } .event-list-item-body-item, .event-list-item-body-details-item { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .event-list-item-body-item { -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #E4E4E4 ; padding-bottom: 5px; margin-bottom: 5px; } .event-list-item-body-details-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 40px; } .event-list-item-body-details-item p { font-weight: 600; color: #262626; margin: 0; } .event-list-item-body-details-item p span { font-weight: 500; } .event-list-item-body-schedule { font-weight: 600; } /* End training events, even details */ /* Company info */ .profile-info-details { border: 1px solid #E4E4E4; } .profile-info-img { overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #C8C8C8; padding-bottom: 10px; } .profile-info-img img { max-width: 100%; width: 180px; border-radius: 50%; } .profile-info-details .training-events-list-item { margin-left: 0; } .right-span a{ word-break: break-all; } /* End Company info */ /* Trainer List */ .trainer-list .training-events-list-item { margin-left: 0 ; margin-bottom: 20px; } .traines-es-title { display: none !important; } /* End trainer list */ /* trainer dashboard */ .trainer-btn-i { margin-top: 3px; } .trainer-coupon-info { /* border: 2px solid #a11e29; */ border-radius: 5px; font-size: 12px; font-weight: 500; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .trainer-coupon-info-icon { padding:10px 5px; } .trainer-coupon-info-icon i { font-size: 30px; } .trainer-coupon-info-text { padding:10px 5px; line-height: 1.4; } .trainer-coupon-info-text p { margin: 0; } .trainer-coupon-info-text span { font-size: 14px; font-weight: 600; } /* .trainer-coupon-info-text a { color: #686868; } */ /* end trainer dashboard */ /* Resellers list */ .reseller-list #accordion-first .accordion-heading .accordion-toggle{ padding: 0 !important; } .reseller-list .accordion-inner { padding: 15px !important; background-color: #F5F5F5; border: 1px solid #E4E4E4; } .reseller-list .trainer-contact-form .form-group .form-control { background: #fff; } .reseller-list #accordion-first .accordion-group { margin-bottom: 0; } .reseller-contanct-ftr { justify-content: space-between; } /* End of Resellers list */ /* webinars dynamic */ .webinar-form-register { margin-top: 30px; padding-bottom: 40px } .webinar-form-title { font-size: 30px; color: #686868; text-align: center; font-weight: bold; } .webinar-form-register .form-control { border: 1px solid #EBEDED; box-shadow: none; } .webinar-form-register .radiobutton label{ display: inline !important; font-weight: 500; font-size: 13px; } /* end webinar dynamic */ /* register form */ .register-form, .forgot-password-form { padding: 40px; border: 5px solid #F5F5F5; /* margin-right: 10px; margin-left: 10px; */ } .register-form-text, .register-form-text a { text-align:center; color: #22262A; font-weight: 500; } .forgot-password-form .forgot-password-form-info { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 5px solid #F5F5F5; color: #22262A; font-weight: 500; } .forgot-password-form .forgot-password-form-input input{ background: #F3F3F3 !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #E4E4E4 !important; font-weight: 500; color: #293134; box-shadow: none; min-height: 45px; } .forgot-password-form .forgot-password-form-input label{ font-weight: 500; color: #22262A; } /* end register form */ #content { padding-bottom: 0 !important; } /* Trainer Profile */ .profile-info-details .btn { margin-bottom: 10px; } .profile-body { padding: 5px 15px; } .trainer-profile-header { padding: 15px; background: #F3F3F3; } .trainer-profile-header-item { border-right: 1px solid #E4E4E4; } .trainer-profile-header p { color: #262626; font-weight: 500; line-height: 1.3; margin: 0; } .trainer-profile-header p span { color: #A1A1A1; display: block; font-size: 12px; } .trainer-profile-header h4 { font-size: 30px; font-weight: 600; color: #a11e29; margin: 0; padding: 0; } .trainer-profile-header h4 span { font-weight: 400; } .star-rating{ font-size: 0; } .star-rating__wrap{ display: inline-block; margin-top: 10px; font-size: 16px; } /* .star-rating__wrap:after{ content: ""; display: table; clear: both; } */ .star-rating__ico{ float: right; padding-left: 2px; cursor: pointer; color: #FFB300; } .star-rating__ico:last-child{ padding-left: 0; } .star-rating__input{ display: none; } .star-rating__ico .fas.fa-star, .star-rating__ico:hover .far.fa-star, .star-rating__ico:hover ~ .star-rating__ico .far.fa-star, .star-rating__input:checked ~ .star-rating__ico .far.fa-star { display: none !important; } .star-rating__ico:hover .fas.fa-star, .star-rating__ico:hover ~ .star-rating__ico .fas.fa-star, .star-rating__input:checked ~ .star-rating__ico .fas.fa-star { display: inline-block !important; } /* .star-rating__ico:hover:before, .star-rating__ico:hover ~ .star-rating__ico:before, .star-rating__input:checked ~ .star-rating__ico:before { content: "\f005"; color: #F9BF00; } */ .trainer-profile .profile-info-img { padding: 20px 5px 0; border-bottom: 0; } .trainer-profile .training-events-title { font-size: 25px; text-align: center; margin-top: 10px; } .profile-body-experiences { margin-top: 20px; padding: 10px; border: 5px solid #E5E5E5; transition: .2s linear background; } .profile-body-experiences:hover { background: #F5F5F5; } .profile-body-experiences h5 { margin: 0; padding: 0; font-size: 18px; font-weight: 600; } .profile-body-experiences h5, .profile-body-experiences span { color: #a11e29; font-family: 'Montserrat', sans-serif; } .profile-body-experiences span { font-weight: normal; } .profile-body-experiences p { font-size: 14px; padding: 0; margin: 0; } #accordion-first.trainer-contact .accordion-inner { padding: 0; } #accordion-first.trainer-contact .btn-primary:focus, #accordion-first.trainer-contact .btn-primary:active { background-color: #a11e29 !important; } .trainer-contact-msg { background: #F5F5F5; padding: 10px; border: solid 2px #e4e4e4; color: #828282; font-weight: 500; font-size: 13px; margin-bottom: 15px; } .trainer-contact-form .form-group { margin-bottom: 10px !important; } .trainer-contact-form .form-group label { font-size: 13px; color: #293134; font-weight: 500; } .trainer-contact-form .form-group .form-control { height: 35px; background: #F3F3F3; border: 1px solid #E4E4E4; box-shadow: none; color: #293134; font-size: 14px; font-weight: 500 !important; } .trainer-contact-form .form-control, .trainer-contact-form .form-control::placeholder { font-weight: 500 !important; color: #828282; } .trainer-contact-form .form-group textarea.form-control { min-height: 135px; resize: none; } .custom-checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .custom-checkbox.md-checkbox label:not(:empty) { padding-left: 0 !important; } .custom-checkbox a { color: #262626 !important; font-family: 'Montserrat', sans-serif; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } .custom-checkbox input ~ .checkmark { border: 1px solid #C1C1C1; background-color: #fff; } .custom-checkbox:hover input ~ .checkmark { border: 1px solid #C1C1C1; background-color: #eee; } .custom-checkbox input:checked ~ .checkmark { background-color: #a11e29; border: 0; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .custom-checkbox input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .custom-checkbox .checkmark:after { left: 9px; top: 2px; width: 8px; height: 15px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .trainer-contact-form .checkbox label { font-size: 14px !important; font-weight: 400; color: #262626; } .trainer-contact-form .checkbox label a { color: #262626; font-weight: 700; } .trainer-contact-form input::-webkit-outer-spin-button, .trainer-contact-form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .trainer-contact-form input[type=number] { -moz-appearance: textfield; } /* End of trainer profile */ /* Info kits */ .primary-title { font-family: 'Montserrat', sans-serif; text-align: left; font-size: 30px; color: #a11e29; font-weight: 600; margin-top: 0 !important; } #toolkitlistview, #articlelistview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .info-kits-item { margin: 50px 40px 30px 0; } .info-kits-item a:hover { cursor: pointer !important; } .info-kits-item .entry { min-height: 363px; /* background: #f2f2f2; */ } .info-kits-item-body { position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: .3s linear background; word-break: keep-all; } .info-kits-item-body:hover { background: rgba(0, 0, 0, 0.4); } .info-kits-item-description { background: #a11e29; position: absolute; bottom: -25px; right: -30px; padding: 30px 40px; max-width: 340px; min-width: 340px; color: #fff; font-weight: normal; text-align: left; transition: .2s linear all; } .info-kits-item-body:hover .info-kits-item-description { bottom: -10px; right: -10px; } .info-kits-item-description h4 { color: #fff; text-align: left; } .info-kits-item-description p { font-size: 13px; line-height: 1.3; } .custom-pagination .pagination{ margin-top: 45px; } .custom-pagination .pagination { float: left; } .custom-pagination .card-pagination .pagination { float: left; margin-left: 15px; } .custom-pagination .card-pagination .pagination ul.yiiPager { line-height: 3.1; } .custom-pagination .pagination ul { line-height: 3.5 !important; } .custom-pagination .card-pagination .pagination ul.yiiPager .first, .custom-pagination .card-pagination .pagination ul.yiiPager .last { display: none !important; } .custom-pagination .pagination ul.yiiPager .first, .custom-pagination .pagination ul.yiiPager .last { display: none !important; } .custom-pagination .pagination ul li a { background: #fff; padding: 5px 11px !important; color: #4D4F5C !important; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; border: 1px solid #E2E3E9; transition: linear .2s all; text-decoration: none; } .custom-pagination .card-pagination .pagination ul li a { padding: 8px 10px !important; } .custom-pagination .pagination ul li.selected a { background: #fff; color: #a11e29 !important; border: 1px solid #a11e29; } .custom-pagination .pagination ul li a:hover { color: #a11e29 !important; border-color: #a11e29 !important; } /* End of info kits */ /* custom cards */ .custom-cards { padding-top: 10px; padding-bottom: 10px; } .custom-cards .table, .standard-card-parent { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .custom-cards .portfolio-carousel { margin-top: 40px; } .custom-cards .portfolio-carousel-flex .portfolio-carousel { width: 365px; } .custom-cards .portfolio-carousel-flex { max-width: 365px; } .custom-cards img.custom-card-img { width: 100%; height: auto; } .custom-cards-body { padding: 15px 30px 20px; background: #ECECEC; text-align: left; font-weight: normal; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .custom-cards-category { min-height: 45px; } .custom-cards-desc { min-height: 75px; } .custom-cards-body .btn { font-size: 11px; border: 0 !important; } .lastwebinar-new .custom-cards-title h3 { font-size: 15px; } .lastwebinar-new .custom-cards-desc { min-height: 50px; } .lastwebinar-new .custom-cards-desc p { line-height: 1.2; font-size: 12px; font-weight: 500; } .custom-cards-body a.custom-cards-desc-link { font-weight: 600 !important; margin-top: 15px; } .custom-cards-body a { font-weight: 500 !important; } .custom-cards .entry { min-height: 170px; background: #f8f8f8; } .custom-cards .magnifier { background: rgba(0, 0, 0, 0.4) ; } .custom-cards-title { min-height: 76px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .custom-cards-title h3 { font-size: 16px; font-weight: 600; margin: 10px 0 0 0; } .custom-cards-title h3:hover a{ background: transparent; color: #a11e29 !important; } .custom-cards-title h3, .custom-cards-body { color: #262626; } .custom-cards-body, .custom-cards-body .btn, .custom-cards-title h3, .download-item-description h4, .download-item-description p, .new-design-tabs .panel-heading h4, .new-design-tabs .panel-body ul { font-family: 'Montserrat', sans-serif; } .custom-cards-desc p { margin-bottom: 5px; text-align: unset !important; line-height: 1.5; } .custom-cards-desc a { font-weight: 600; } a.custom-card-link:hover { color: #262626 !important; } .latest-webinars-cards { margin-top: 30px; } .latest-webinars-cards h2 { text-align: center; color: #a11e29; text-transform: uppercase; } .latest-webinars-cards .entry { min-height: 120px; } .latest-webinars-cards .custom-cards-body{ padding: 10px; background: #F2F8F8; } .custom-cards-body .btn { white-space: pre-line; text-align: left; } .latest-webinars-cards .portfolio-carousel { margin-top: 15px; padding: 0; } .latest-webinars-cards-view-all { margin-top: 30px; text-align: center; } .latest-webinars-cards-view-all .btn { min-width: 170px; } /* end custom cards */ /* Team */ .all-team-inner { margin-bottom: 200px; } .all-team-inner-item { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #F5F5F5; border: 1px solid #E4E4E4; padding: 15px; margin-bottom: 20px; } .all-team-inner-item:hover { border-color: rgb(184, 184, 184); } .all-team-inner-item-right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .all-team-inner-item h4 { margin: 0; padding: 0; font-weight: 600; color: #a11e29; } .all-team-inner-item h4 span { display: inline-block; } .all-team-inner-item .all-team-inner-icon i { margin-right: 10px; } .all-team-inner-item i { font-size: 22px; } /* End team */ /* certification verification */ /* end certification verification */ /* Downloads */ .download-item-inner { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .download-item { background: #F3F3F3; padding: 20px 30px; margin-bottom: 35px; overflow: hidden; } .download-item-img { text-align: center; } .download-item-img img{ max-width: 100%; height: auto; transition: .2s linear transform; } .download-item-img a:hover img { transform: scale(.97); } .download-item-description h4 { font-size: 26px; font-weight: 600; color: #22262A; } .download-item-description p { font-weight: normal; color: #262626; } .download-item.apps-item { padding: 45px 40px 45px; } .download-item.apps-item .download-item-description h4 { margin-bottom: 10px; padding-bottom: 0; } .download-item.apps-item .download-item-description p { margin-bottom: 20px; font-size: 13px; font-weight: 500; } /* End downloads */ /* Broschures */ .new-design-tabs { margin-bottom: 30px; } .new-design-tabs .accordion-group, .new-design-tabs .panel-group .panel { margin-bottom: 25px !important; } .new-design-tabs .accordion-heading, .new-design-tabs .panel-heading{ background: #F5F5F5; border: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4 !important; padding:15px 20px; border-radius: 3px; transition: .2s linear ; } .new-design-tabs .accordion-heading:hover, .new-design-tabs .panel-heading:hover { border-color: #a11e29; border-bottom-color: #a11e29 !important; } .new-design-tabs .accordion-heading a, .new-design-tabs .panel-heading a { font-size: 17px; font-weight: 600; color: #a11e29 !important; text-transform: uppercase; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .new-design-tabs .panel-title:after { color: #a11e29 !important; transition: .2s linear transform; } .new-design-tabs .accordion-heading:hover a { color: #22262A !important; } .new-design-tabs .accordion-heading a i { float: right; transition: .2s linear transform; } .new-design-tabs .accordion-heading a.active i { transform: rotate(180deg) !important; } .new-design-tabs .accordion-body, .new-design-tabs .panel-body { padding-left: 20px; background: #fff !important; } .new-design-tabs .accordion-body ul { list-style: none; font-weight: normal; color: #22262A ; } .new-design-tabs .accordion-body ul li { margin-top: 10px; margin-bottom: 10px; } .new-design-tabs .accordion-body ul li ul li { list-style: disc; } .new-design-tabs .accordion-body ul li a, .new-design-tabs .panel-body a { color: #22262A; font-size: 16px; font-weight: 600; transition: .2s linear color; } .new-design-tabs .accordion-body ul li a:hover { color: #a11e29; } /* End Broschures */ /* Broschures item */ .broschures-item { margin-bottom: 45px; } .broschures-item-list { height: 130px; background: #F5F5F5; padding: 25px 30px; margin-bottom: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .broschures-item-list p { width: 100%; font-size: 20px; font-weight: normal; margin: 0; } .broschures-item-list p a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 600 ; color: #22262A; transition: .2s linear color; } .broschures-item-list p a:hover { color: #a11e29; } .broschures-item-list p a i { font-size: 35px; color: #a11e29; transition: .2s linear color; } .broschures-item-list p a:hover i { color: #22262A; } /* End broschures item*/ /* pages */ .new-design-tabs hr{ border-color: #B4B4B4; } .new-design-tabs .pages-accordion .accordion-heading { border: 1px solid #F4F5F6 !important; transition: .2s linear all; } .new-design-tabs .pages-accordion .accordion-heading:hover { border-color: #e2e2e2 !important; } .new-design-tabs .pages-accordion .accordion-heading a { color: #262626 !important; font-size: 16px; text-transform: unset; } .new-design-tabs .pages-accordion ul { margin-top: 20px; margin-bottom: 20px; } .new-design-tabs .pages-accordion li span { font-weight: bold; margin-right: 5px; } .primary-title-small { font-size: 24px; } .standart-card-parent { margin-bottom: 20px; } .standart-card { height: 100%; min-height: 170px; padding: 15px 10px; background: #F5F5F5 ; margin-top: 10px; margin-bottom: 10px; text-align: center; transition: linear .2s background-color; } .standart-card:hover { background-color: #e6e5e5; } .standart-card h4 { font-size: 16px; font-weight: 600; } .standart-card h4, .standart-card p { font-family: 'Montserrat', sans-serif; color: #22262A; } .standart-card p { text-align: center !important; } .book-your-seat { border: 3px solid #F5F5F5; margin-top: 15px; } .book-your-seat h2 { margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; } .book-your-seat-a { padding: 25px 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .book-your-seat-a i { font-size: 30px; margin-right: 10px; color: #a11e29; } .book-your-seat-b { padding: 25px 20px; background: #F3F3F3; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .book-your-seat-b h2, .book-your-seat-b h2 a { color: #a11e29; } .book-your-seat-b h2 a:hover { color: #22262A !important; background: transparent !important; } .description-page-body { margin-top: 40px; } .description-page-body p { text-align: unset !important; color: #262626; } .description-page-body iframe { width: 100% !important; } /* end pages */ /* new releases */ .portfolio-filter { margin: 0; } .portfolio-filter .filter-news { border-radius: 0; } .new-release-item { padding-bottom: 20px; padding-top:10px; border-bottom: 1px solid #CFCFCF; font-family: 'Montserrat', sans-serif; } .new-release-item h3 { font-size: 18px; font-weight: 600; } .new-release-item h3 a { color: #22262A !important; } .new-release-item h3 a:hover { color: #a11e29 !important; } .new-release-item p { font-weight: 500; color: #262626; } .new-release-item span { color: #a11e29; } /* end new releases */ /* certification verification */ .certification-verification { border: 5px solid #ececec; padding: 40px 35px; margin-top: 20px; background: #fff !important; font-family: montserrat; } .certification-verification p { color: #293134; text-align: left; font-weight: 500; } .certification-verification i { color: #a11e29; font-size: 30px; display: inline-block; margin-right: 13px; } .certification-verification input.form-control { background-color: #F3F3F3; box-shadow: none; border-color: #E4E4E4; } .certification-verification fieldset p { margin-left: 40px; } .certification-verification #result h2 { font-family: 'Montserrat', sans-serif; text-align: left !important; color: #a11e29 !important; border-bottom: none !important; } .certification-verification #user-certification-grid th, .certification-verification #user-certification-grid tr td { font-family: 'Montserrat', sans-serif; } .errorMessage-required { display: none; transition: .2s all; } .errors .errorMessage-required { display: block; } .error.errors .errorMessage-required, .success.errors .errorMessage-required { display: none; } /* end certification verification * /* Job portal */ .job-portal, .custom-look-form { overflow: hidden; margin-bottom: 20px; padding: 25px 20px; border: 5px solid #F5F5F5; background-color: #fff; border-radius: 0 !important; } .job-portal .btn-circle { font-family: 'Montserrat', sans-serif; font-weight: 600; } .job-portal .btn-circle:hover { background: #fff !important; color: #a11e29; border-color: #a11e29; } .job-portal .stepwizard-step p { color: #22262A; font-weight: 500; } .job-portal h3 { font-family: 'Montserrat', sans-serif; font-weight: 500; } .job-portal input, .job-portal input.hasDatepicker, .job-portal #EducationCertification_start_date_0, .job-portal select, .job-portal textarea, .custom-look-form input, .custom-look-form input.hasDatepicker, .custom-look-form select, .custom-look-form textarea { background: #F3F3F3 !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #E4E4E4 !important; font-weight: 500; color: #293134; box-shadow: none; } .custom-look-form textarea.form-control { max-width: 100% !important; } .job-portal input[type=file], .custom-look-form input[type=file] { background: transparent !important; border: none !important; } .custom-look-form p.note { color: #22262A; } .custom-look-form p.note b { font-weight: 600; } .custom-look-form .form-control[disabled], .custom-look-form .form-control[readonly], .custom-look-form fieldset[disabled] .form-control { background-color: #dedede !important; } .job-portal .control-label, .job-portal label, .job-portal .checkbox, .job-portal .questions-label, .job-portal b, .custom-look-form .control-label, .custom-look-form label, .custom-look-form .checkbox, .custom-look-form .questions-label, .custom-look-form b { font-weight: 500; color: #22262A; } .job-portal .questions-label { margin-top: 20px; margin-bottom: 5px; } .job-portal .btn-primary, .custom-look-form .btn-primary { background-color: #a11e29 !important; color: #fff; font-weight: 600; border: none !important; border: 1px solid #a11e29 !important; transition: .3s linear all; } .job-portal .btn-primary:hover, .custom-look-form .btn-primary:hover { background: #fff !important; color: #a11e29 !important; } .job-portal .alert-dismissable { color: #22262A; font-weight: 500; } .job-portal #partner_initial_form { padding-right: 10px; padding-left: 10px; } .job-portal #reCaptcha { margin-top: 15px; float: left !important; } .custom-look-form .input-group-addon { border-color: #E4E4E4 !important; } .well-2 { padding: 20px 25px !important; } /* End Job portal */ /* My tickets, support */ .custom-card { border: 5px solid #F5F5F5; box-shadow: none !important; } .custom-card .nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 5px solid #F5F5F5; } .custom-card .nav-tabs>li { padding: 15px; } .custom-card .nav-tabs>li>a{ font-size: 15px; outline: none !important; color: #22262A; } .custom-card .nav-tabs>li.active>a { color: #a11e29 !important; background: #fff !important; border: 0 !important; border-bottom: 2px solid #a11e29 !important; } .my-tickets { background: #fff; border: 0; } .my-tickets input, .my-tickets input[type=text], .my-tickets select, .my-tickets #TicketInfo_ticketing_type_id, .my-tickets textarea { background: #F3F3F3 !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #E4E4E4 !important; font-weight: 500; color: #293134; box-shadow: none; height: 40px !important; } .my-tickets .note, .my-tickets .control-label, .my-tickets label, .my-tickets .checkbox, .my-tickets .questions-label, .my-tickets b, .my-tickets-uplods span{ font-weight: 500; color: #22262A; } .my-tickets-uplods { margin-top: 10px; margin-bottom: 20px; } .my-tickets-uplods span { display: block; margin-bottom: 5px; } .my-tickets-uplods #cke_ckeditor_content { width: auto !important; } .my-tickets .cke_skin_kama .cke_toolgroup { display: inline-block; height: auto; display: flex; flex-wrap: wrap; background: #fff; padding: 5px; } .my-tickets-uplods #attachment { background: #fff !important; height: auto !important; border: 0 !important; outline: none; } .my-tickets .btn { background: #a11e29 !important; color: #fff; } .my-tickets .btn:hover{ background-color: #71151d !important; } .my-tickets #captchaNote { font-weight: 500; font-family: 'Montserrat', sans-serif; font-size: 13px; height: 0px; overflow: hidden; tranisition: .3s linear all; } .my-tickets #captchaNote.required { height: 20px; } /*end My tickets */ /* team members */ .team_member-new h3, .team_member-new h3 small, .team_member-new h1, .team_member-new h1 small, .primary-title ~ .lead { font-family: 'Montserrat', sans-serif; font-weight: 500; } .primary-title ~ .lead { text-align: left; } /* end team members */ /* breadcrumb */ .breadcrumb-new .team-breadcrumb { background: transparent; margin-bottom: 0; padding: 15px 0px; } .breadcrumb-new .team-breadcrumb li { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500; } .breadcrumb-new .team-breadcrumb li a{ color: #A5A5A5 !important; background: transparent !important; } .breadcrumb-new .team-breadcrumb li.active, .breadcrumb-new .team-breadcrumb li.active a, .breadcrumb-new .team-breadcrumb li a:hover { color: #a11e29 !important; background: transparent !important; } .breadcrumb-new ol { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumb-new .team-breadcrumb li { height: auto; line-height: 18px; font-weight: 600; padding: 0 2px; color: #A5A5A5; } .breadcrumb-new .team-breadcrumb li a { text-decoration: none; margin-left: 3px; } .breadcrumb-new .team-breadcrumb li span { color: #A5A5A5; font-size: 10px; margin-left: 2px; } /* end breadcrumb */ /* Login */ .login-new { margin-bottom: 20px; padding: 45px 20px 25px; border: 5px solid #F5F5F5; background-color: #fff; border-radius: 0 !important; } .login-new .form-control-new { background: #F3F3F3 !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #E4E4E4 !important; font-weight: 500; color: #293134; box-shadow: none; } .login-new .input-group-addon { border: 1px solid #E4E4E4; } .login-new .btn-danger { margin-bottom: 10px; } .login-new label { font-weight: 500; color: #22262A; } /* End Login */ /* messages */ .messages h1 { color: #a11e29; font-family: 'Montserrat', sans-serif; } .messages p, .messages .flash-success { color: #22262A; font-weight: 500; } /* end messages */ /* Subscribtion section */ .subscriber-section { background: #E0E5E8; margin-top: 25px !important; padding-top: 15px; padding-bottom: 15px; } .subscriber-section-left { align-items: center; } .subscriber-section-title { align-items: center; margin-right: 30px; } .subscriber-section-title p { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 600; margin-bottom: 0; color: #262626; } .subscriber-section-title i { font-size: 25px; color: #a11e29; margin-right: 5px; } .subscriber-section-form-parent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .subscriber-section-form { padding-left: 2px; } .subscriber-section-form .btn { text-transform: uppercase; } .subscriber-section-form .btn, .subscriber-section-right .btn { height: 35px !important; font-size: 13px; color: #262626 !important; border-radius: 0; margin-bottom: 0; margin-top: 0; background: #c4c4c4 !important; transition: .2s linear background; } .subscriber-section-form .btn:hover, .subscriber-section-right .btn:hover { height: 35px !important; background: #9c9c9c !important; } .subscriber-section-form .form-control { display: inline-block; width: 230px; height: 36px !important; border: none; font-size: 12px; font-weight: normal; color: #262626; } .subscriber-section-form .required, .subscriber-section-form .invalid-email { background: rgba(161, 30, 41, .2); } .subscribe-msg { font-size: 12px; color: #a11e29; margin-left: 5px; height: 0; overflow: hidden; transition: .2s linear height; } .subscribe-msg.invalid-email { height: 20px; } .subscriber-section-form .form-control::placeholder { color: #262626; font-family: 'Montserrat', sans-serif; font-weight: 600; } .subscriber-section-right { align-items: center; justify-content: flex-end; } .subscriber-section-right .btn:first-child { margin-right: 15px !important; } /* End Subscribtion section */ /* Payment methods */ .payment-methods { margin-top: 30px; margin-bottom: 50px; } .payment-methods .payment-methods-inner { width: 60%; background: #f1f6f9; /* border: 2px solid #14274e; */ border-radius: 10px; /* box-shadow: -1px 10px 19px -8px rgba(0,0,0,0.43); -webkit-box-shadow: -1px 10px 19px -8px rgba(0,0,0,0.43); -moz-box-shadow: -1px 10px 19px -8px rgba(0,0,0,0.43); */ } .payment-methods .payment-methods-item:not(:last-child) { border-bottom: 4px solid #fff !important; } .payment-methods .payment-methods-item-checkbox { display: block; position: relative; padding: 15px 15px 15px 50px; cursor: pointer; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; color: #394867; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0 !important; } /* Hide the browser's default checkbox */ .payment-methods .payment-methods-item-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .payment-methods-item i { font-size: 35px; color: #394867; } /* Create a custom checkbox */ .payment-methods .checkmark { position: absolute; top: 25px; left: 25px; height: 15px; width: 15px; border-radius: 50%; background-color: #9ba4b4; } /* On mouse-over, add a grey background color */ .payment-methods .payment-methods-item-checkbox:hover input ~ .checkmark { background-color: #727a86; } /* When the checkbox is checked, add a blue background */ .payment-methods .payment-methods-item-checkbox input:checked ~ .checkmark { background-color: #fff; border: 2px solid #14274e; } /* Create the checkmark/indicator (hidden when not checked) */ .payment-methods .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .payment-methods .payment-methods-item-checkbox input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .payment-methods .payment-methods-item-checkbox .checkmark:after { left: 3px; top: 1px; width: 5px; height: 7px; border: solid #14274e; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .payment-methods-btn { margin-top: 20px; margin-bottom: 15px; } .payment-methods-btn .btn { background-color: #a11e29 !important; } .payment-methods-btn .btn:hover { background-color: #661017 !important; } /* End Payment methods */ /* New Footer */ .new-footer { padding-top: 30px; padding-bottom: 5px; background: #302F34; } .new-footer-inner { justify-content: center; flex-wrap: wrap; min-height: 180px !important; } .new-footer-inner-menu { max-width: 207px; } /* .new-footer-inner-menu:not(:last-child) { margin-right: 15px; } */ .new-footer-inner-menu h3 { font-weight: normal; font-size: 16px; color: #fff; } .new-footer-inner-menu h3 span { display: block; height: 3px; width: 30%; margin-top: 5px; background: #a11e29; } .new-footer-inner-menu ul { list-style: none; padding-left: 0 !important; } .new-footer-inner-menu ul li { padding-bottom: 15px; line-height: 1.2; } .new-footer-inner-menu ul li a { font-family: 'Montserrat', sans-serif; font-weight: 500; color: #e3e3e3 !important; font-size: 13px; } .new-footer-inner-menu ul li a:hover { color: #fff !important; } .dmtop { overflow: unset !important; } /* End New footer */ /* Bottom Footer */ .bottom-footer { padding-top: 20px; padding-bottom: 20px; background: #242328; } .bottom-footer-inner { align-items: center; } .bottom-footer-inner-left, .bottom-footer-inner-left a { font-family: 'Montserrat', sans-serif; color: #fff !important; font-weight: normal; font-size: 13px; } .bottom-footer-inner-left a:hover { color: #777777; } .bottom-footer-inner-right { margin-left: auto; } .social-icons-bottom span { background: #777575; border-radius: 50%; display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; transition: .2s linear background; } .social-icons-bottom span:hover { background: #fff; } .social-icons-bottom span:not(:last-child) { margin-right: 15px; } .social-icons-bottom span a{ color: #242328 !important; font-size: 14px; } /* End Bottom Footer */ /* wizards steps */ #payment-details-form h2, .mainTitles, .mainTitles1 { font-family: 'Montserrat', sans-serif !important; } .display-mobile-invigilator { display: none; } .display-mobile-invigilator p { font-weight: 600; font-size: 17px; border-bottom: 2px solid #f4f4f4; padding-bottom: 6px; } /*end wizards steps */ /* links page */ .links-panel { margin-top: 35px; } .link-panel-header-anchor { width: 100%; justify-content: space-between; } .accordion-group.links-panel { padding: 20px; background: #efefef; } .accordion-group.links-panel .accordion-inner { margin-top: 20px; } .panel-default.links-panel>.panel-heading { border: 0; background: #efefef; } .accordion-group.links-panel .accordion-inner { padding: 0 !important; } #accordion-first .accordion-group.links-panel .accordion-heading .accordion-toggle { font-family: 'Montserrat', sans-serif !important; font-size: 18px; color: #686868; font-weight: 600; font-family: mo; } .link-panel-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .links-panel .accordion-toggle img{ transition: .2s linear all; } .links-panel .accordion-toggle.active img { transform: rotate(180deg); } .links-panel-item { margin-top: 30px; } .links-panel-item-details span { font-family: 'Montserrat', sans-serif !important; color: #707070; font-weight: 500; font-size: 12px; margin-right: 20px; } .links-panel-item-details span img { margin-right: 7px; width: 16px; } .links-panel-item-link { background: #fff; margin-top: 10px; padding: 7px 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 20px; } .links-panel-item-link a { font-weight: 600; color: #686868; font-size: 14px; } .copy-link-btn { width: 25px; height: 25px; cursor: pointer; position: relative; background: url(../img/copy-link.svg) no-repeat center; border: 0; } .copy-link-btn:hover .copy-text { display: block; } .copy-text { font-size: 10px; font-weight: 500; background: rgba(0, 0, 0, .9); padding: 2px 5px; color: #fff; border-radius: 5px; position: absolute; bottom: -30px; left: -20px; display: none; min-width: 60px; } .copy-text:before { content: ""; height: 10px; width: 10px; background: rgba(0, 0, 0, .7); display: block; position: absolute; transform: rotate(45deg); right: 25px; top: -2px; } .copied { font-size: 10px; color: #a11e29; padding: 0; border-radius: 5px; font-weight: bold; overflow: hidden; height: 0px; position: absolute; top: -33px; left: -27px; display: flex !important; min-width: 70px; transition: linear .2s height; } .copied.copied-active { height: 20px; padding: 5px; } .links-panel-item-link input { opacity: 0; } /* end links page */ /* new scroll ball on the all pages */ ::-webkit-scrollbar { width: 0.5em; background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { background-color: #43425D; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } ::-webkit-scrollbar-thumb:hover { background-color: #555555; } ::-moz-scrollbar { width: 0.5em; background-color: #F5F5F5; } ::-moz-scrollbar-thumb { background-color: #43425D; } ::-moz-scrollbar-track { -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } ::-moz-scrollbar-thumb:hover { background-color: #43425D; } ::-ms-scrollbar { width: 0.5em; background-color: #F5F5F5; } ::-ms-scrollbar-thumb { background-color: #000000; } ::-ms-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } ::-ms-scrollbar-thumb:hover { background-color: #43425D; } /* */ /* Redesign of dashboard member */ .main-container { padding: 0 5%; background-color: #F0F0F7; overflow-x: hidden; } .container-top-bar-login { padding: 0 5%; } .container-top-bar-login .col-md-12 { padding: 0; } .container-top-bar-login span a.top-left-link, #topbar .container-top-bar-login .topbar-login a, #topbar .container-top-bar-login .topbar-language { padding: 11px 8px !important; margin: 0px; height: auto; } #topbar .container-top-bar-login .topbar-login a:first-of-type { margin-left: 8px !important; } .container-top-bar-login a.top-left-link, .container-top-bar-login .welcome-item { border-left: 1px solid #f2f2f2 !important; } .container-top-bar-login .welcome-item { display: inline-block; font-family: 'Montserrat', sans-serif !important; font-size: 13px; line-height: 1.3; height: auto !important; padding: 13px 0 11px 8px !important; } #topbar .container-top-bar-login .topbar-login { padding: 0px; font-weight: 400 !important; font-family: 'Montserrat', sans-serif !important; font-size: 13px; line-height: 1.3; height: auto !important; border: 0px !important; } .container-top-bar-login .topbar-login { margin: 0 !important; } .container-top-bar-login .topbar-login a { border-left: 1px solid #f2f2f2 !important; } #topbar .container-top-bar-login .topbar-language { border-left: 1px solid #f2f2f2 !important; border-right: 1px solid #f2f2f2 !important; } .container-top-bar-login .topbar-login:last-child a { border-right: 1px solid #f2f2f2; } .main-container .nav-tabs>li { width: 100%; } .main-container .card { box-shadow: none; margin-bottom: 0px; background: transparent !important; } .nd-menu-item svg, .accordion svg{ width: 30px; padding-right: 5px; height: 30px; } .main-container .dashboard-main-title { padding: 0px 8px; } .main-container .dashboard-main-title h1.mainTitles { font-size: 16px; padding: 14px; font-weight: bold; background: #F6F6FA; border: 0; margin-top: 8px; } .main-container .panel-default > .panel-heading { background-color: transparent; padding: 0; border: 0; border-radius: 0; cursor: pointer; } .main-container .panel-group .panel+.panel { margin-top: 0; } .main-container .panel-group .panel-heading + .panel-collapse .panel-body, .main-container .panel-default { padding: 0px; } .main-container ul.nav.nav-tabs li a { letter-spacing: 0px; color: #43425D; font-size: 14px; padding: 8px 12px; outline: none !important; cursor: pointer !important; /* text-transform: capitalize; */ font-weight: 500; } .main-container .nav-tabs > li.active > a{ background: #f6f6fa; border: 0; border-radius: 0 !important; color: #a11e29 !important; font-weight: 400; } .main-container .panel.panel-default.active:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background: #a11e29; } .main-container .nav-tabs > li > a::after { content: none; } .main-container .nav>li>a:focus, .main-container .nav>li>a:hover { background-color: transparent !important; } .main-container .accordion .accordion-group { margin-bottom: 0px !important; } .main-container .panel-heading a > em { content: " " !important; background-color: transparent !important; border-radius: 0 !important; color: #43425D !important; text-align: right !important; position: absolute !important; right: 15px !important; display: inline-block !important; width: 12px !important; height: 12px !important; border-top: 2px solid #43425D !important; border-left: 2px solid #43425D !important; color: transparent !important; } .main-container .panel-heading .fa-plus::before, .panel-heading .fa-minus::before { content: ""; } .main-container .panel-heading .fa-plus { transform: rotate(-135deg); margin-top: -9px; } .main-container .panel-heading .fa-minus { transform: rotate(45deg); margin-top: 9px; } .main-container .panel-body { padding: 0px 0px 7px 0px !important; } .main-container .panel-body a b { font-weight: 400 !important; } /* .main-container .panel-body a { padding: 4px 0px; } */ .main-container .accordion-toggle.d-flex.align-items-center.nd-menu-item.active{ color: #a11e29 !important; background: #f6f6fa !important; } .main-container .accordion-toggle.d-flex.align-items-center.nd-menu-item.active > em { border-color: #a11e29 !important; } .main-container li .collapse.in { background: #f6f6fa; } .main-container .button.d-flex.align-items-center.nd-menu-item { color: #fff !important; background-color: #A11E29 !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; border: none !important; cursor: pointer !important; padding: 5px 10px !important; text-align: center !important; text-decoration: none !important; margin-top: 14px; } .main-container .nav-tabs { border-bottom: 1px solid #E2E2E2; padding-bottom: 20px; } .main-container .nav-tabs>li.button-certification { padding: 0 12px; } .main-container .tab-content { padding-bottom: 30px; min-height: 100%; } .main-container .accordion-heading .accordion-toggle{ color: #43425D; font-weight: 400; } .main-container ul.nav.nav-tabs li:hover .panel-heading em, .main-container li.panel.panel-default.active .panel-heading .nd-menu-item em { border-color: #a11e29 !important; } .main-container li.panel.panel-default.active .panel-heading .nd-menu-item { background: #F6F6FA; border-radius: 0 !important; } .main-container .panel-default > .panel-heading a:hover { background: transparent !important; color: #a11e29 !important; } .main-container li.panel.panel-default.active:hover .panel-heading a { background: #F6F6FA !important; } .main-container li.panel.panel-default.active .panel-heading .nd-menu-item.collapsed { background: #F6F6FA !important; } .main-container .panel.panel-default.active .panel-heading a, .main-container .panel.panel-default.active .panel-collapse a.active{ color: #a11e29; cursor: pointer !important; } .main-container .collapsed .fa-minus { transform: rotate(225deg); margin-top: -9px; } .main-container .panel.panel-default{ position: relative; border-radius: 0 !important; } .main-container .no-dropdown.active { background: #F6F6FA; } .main-container .no-dropdown.active a.active { color: #a11229 !important; } #role-switcher-holder .role-switcher-link { font-size: 15px; padding: 12px; font-weight: bold !important; background: #F6F6FA; border: 0; margin-top: 8px; width: 100%; transition: linear .3s all; } #role-switcher-holder .role-switcher-link i { float: right; font-size: 20px; } #role-switcher-holder .role-switcher-link:hover{ background: #ececee; } .main-container .table-certifications table thead tr { background-color: #F5F6FA !important; line-height: 1.0; } /* redesign of dropdown views */ .redesign-dropdown-view .accordion-toggle { color: #43425D !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif; font-weight: 500; } .redesign-dropdown-view .panel-title { background-color: #F5F6FA; border: 1px solid #E2E3E9 !important; text-transform: capitalize; border-radius: 3px; } .redesign-dropdown-view .table .about_tabbed .panel-body{ background: #fff !important; padding: 0 10px !important; border: 1px solid #E2E3E9 !important; border-top: 0px !important; border-bottom: 0 !important; } .redesign-dropdown-view-inside { border-bottom: 1px solid #E2E3E9; display: flex; /* align-items: center; */ } .redesign-dropdown-inside-item { padding: 10px 25px; } .redesign-dropdown-inside-item.redesign-dropdown-view-inside-left:after { content: ""; width: 1px; height: 100%; background: #E2E3E9; position: absolute; right: 0; top: 0; } .redesign-dropdown-inside-item { color: #4D4F5C; font-weight: 400; min-height: 44px; } .redesign-dropdown-view-inside .btn-custom { height: 30px !important; /* padding: 0 !important; */ width: min-content; } .redesign-dropdown-inside-item.redesign-dropdown-view-inside-left { font-weight: 600 !important; display: flex; align-items: center; } .redesign-dropdown-view .addLink { font-weight: 500; } .redesign-dropdown-view .panel-title:after { font-size: 20px; color: #a11e29; } .redesign-dropdown-view.custom-pagination .pagination { margin-top: 5px !important; } .redesign-dropdown-view .panel-default > .panel-heading a { padding: 15px !important; } .secondTitles { font-size: 20px; color: #a11e29 ; font-weight: 500; font-family: 'Montserrat', sans-serif !important; } .redesign-dropdown-view span.empty { margin-top: 0 !important; margin-left: 0 !important; width: 100%; } .redesign-dropdown-view span.empty .no-results-found { /* background-color: #F5F6FA; border: 1px solid #EBEBED !important; */ border: 0; color: #A11E29; font-weight: 400; padding-left: 0px; } .redesign-dropdown-view .table .panel-heading .panel-title a:hover { color: #43425D !important; } .redesign-dropdown-view .table .collapse.in a.btn { color: #fff !important; } .panel-title-billing { justify-content: space-between; align-items: center; } .panel-title-billing .btn { margin-right: 35px !important; max-height: 30px; } .panel-title-billing .btn.Paid { background-color: #5E9F4A !important; } .panel-title-billing .btn.Pending{ background-color: #F8A500 !important; } .paymentGreen { color: #5E9F4A !important; font-weight: 500; } .paymentRed { color: #A11E29 !important; font-weight: 500; } .panel-title { position: relative; } .panel-title:after { position: absolute !important; right: 15px; top: 65%; } /* end redesign of dropdown views */ /* User/trainer/partner/agent home */ .home-dashboards-title{ color: #43425D; font-size: 20px; font-weight: 500; border-bottom: 2px solid #f5f5f5; } .home-dashboards-header { justify-content: space-between; background-color: #F6F6FA; padding: 20px 15px; border-radius: 5px; } .home-dashboards-header-cards { flex-direction: row; background-color: #fff; min-width: 180px; min-height: 80px; padding: 5px; border-radius: 5px; margin-right: 10px; -webkit-box-shadow: 0px 0px 3px #00000029; box-shadow: 0px 0px 3px #00000029; } .d-flex.home-dashboards-header-cards-parent > div:last-child .home-dashboards-header-cards { margin-right: 0 !important; } .header-cards-details { flex-direction: column; color: #42425C; } .header-cards-details-nr { font-size: 25px; text-align: right; font-weight: 500; } .header-cards-details-text { font-size: 11px; font-weight: 500; text-transform: uppercase; } .header-cards-icon { margin-right: 5px; } .home-dashboards-header-img { width: 100px; height: 100px; border-radius: 50%; background-color: #fff; margin-right: 10px; } .home-dashboards-header-img img { width: 100px; height: 100px; border-radius: 50%; } .home-dashboards-header-name { font-weight: 500; color: #4D4F5C; font-size: 18px; } .home-dashboards-info { border: 1px solid #EBEBED; } .home-dashboards-info-header { padding: 20px; background-color: #F6F6FA; font-size: 18px; color: #A11E29; font-weight: 700; } .home-dashboards-info-body { padding: 20px; } .home-dashboards-info-body-title, .home-dashboards-info-body-title a { font-size: 17px; font-weight: 700; color:#43425D; margin-bottom: 15px; } .home-dashboards-info-body .home-dashboards-info-body-item:not(:last-child) { padding-bottom: 20px; border-bottom: 2px solid #EBEBED; } .home-dashboards-info-body-item p { font-size: 13px; font-weight: 500; color: #4D4F5C; line-height: 1.4; } .home-dashboards-info-body-item:hover .home-dashboards-info-body-title { color: #a11e29; } .home-dashboards-notification-item { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #EBEBED; } .home-dashboards-notification-item a{ color: #4D4F5C; font-size: 15px; font-weight: 500; padding: 20px 30px !important; display: block; width: 80%; line-height: 1.4; } .home-dashboards-notification-item p { display: block; margin-top: 10px; font-style: italic; font-weight: 400; font-size: 13px; } .home-dashboards-notification-time { color: #B5B7C8; font-size: 12px; } .home-dashboards-info-body .btn-custom { min-width: 100px; width: auto !important; padding: 10px 15px !important; line-height: 1; height: auto; } .home-dashboards-info-img img { width: 100%; } .dashboard-signature { justify-content: space-between; align-items: center; background-color: #F5F6FA; border: 1px solid #E2E3E9 ; padding: 10px; margin-bottom: 10px; color: #43425D; font-weight: 500; font-size: 18px; } .dashboard-signature .btn-custom { font-size: 13px; width: 130px; height: 30px; } .dashboard-signature .btn-custom svg { width: 20px; margin-right: 10px; } .home-dashboards-header-top h3 { margin: 0; padding: 0; } .home-dashboards-top-details { flex-direction: column; align-items: flex-end; } .home-dashboards-top-details span { font-size: 16px; font-weight: 600; } .home-dashboards-top-details span.partner-gold { color: #FFBA00; } .home-dashboards-header.home-dashboards-header-partners { background-color: #fff; padding: 0 !important; } .home-dashboards-header-partners .home-dashboards-header-cards { background-color: #F6F6FA; } .home-dashboards-header-partners .header-cards-details { flex-direction: row; align-items: center; margin-right: 15px; margin-left: 15px; } .home-dashboards-header-partners .header-cards-details-nr { margin-right: 10px; } .home-dashboards-header-partners .header-cards-details-text { line-height: 1.3; } .dashboard-download-box { background-color: #F6F6FA; box-shadow: 0px 0px 3px #00000029; padding: 20px; justify-content: space-between; align-items: center; transition: .3s linear color; } .dashboard-download-box h3 { font-size: 17px; font-weight: 700; color: #43425D; font-family: montserrat; } .dashboard-download-box:hover h3 { color: #a11229; } .dashboard-download-box img { max-width: 220px; } .home-dashboards-header-cards-parent { justify-content: space-between; gap: 10px; } .d-flex.home-dashboards-header-cards-parent.mw-100 .d-flex { flex: 1 1 auto; } /* end User/trainer/partner/agent home */ /* My profile dashboard content redesign */ .main-container .tab-pane .mainTitles, .form-title { font-size: 24px !important; color: #43425D !important; font-weight: 500 !important; border-bottom: 2px solid #f5f5f5; padding-bottom: 5px !important; margin-top: 0; } .main-container .tab-pane table.table-profile, .form-new table { margin-top: 20px; } .main-container .tab-pane table.table-profile tr { border: 1px solid #EBEBED; border-top: 0px; display: block; } .main-container .tab-pane table.table-profile tr:first-child, .form-new table tr:first-child { border-top: 1px solid #EBEBED; } .main-container .tab-pane table.table-profile tr:last-child, .form-new table thead tr:last-child { border-bottom: 0px; } .main-container .tab-pane table tr td, .main-container .tab-pane table tr th, .form-view table tbody tr td { border: 1px solid #EBEBED; padding: 8px 15px; } .main-container .tab-pane table.table-profile tr td { border: 0px; border-right: 1px solid #EBEBED; padding: 8px 15px; font-weight: 400; color: #4D4F5C; min-width: 300px !important; font-size: 14px; } .main-container .tab-pane table.table-profile tbody tr td:first-child { font-weight: 600 !important; color: #4D4F5C; } .main-container .tab-pane table.table-profile tr td:last-child { border-right: 0; width: 100%; } .form-new table tr td:last-child { border: 1px solid #ededeb; } .main-container .tab-pane table.table-profile tr:last-child td { padding-left: 0; padding-top: 22px; } .main-container .tab-pane table.table-profile tr:last-child td a { margin-right: 5px; font-weight: 400; } .main-container .tab-pane table.table-profile tr:last-child td a:last-child { margin-right: 0px; } .main-container .tab-pane table.table-profile thead, .form-new table thead { background: #F6F6FA; } .main-container .tab-pane table.table-profile thead tr td, .form-new table thead tr td { color: #43425D !important; } table.table-profile thead tr { background-color: transparent !important; } .main-container .tab-pane table.table-profile thead tr td, .form-new table thead tr td { font-size: 20px; font-weight: 500 !important; padding: 15px !important; } .main-container .tab-pane table.table-profile td img, .form-new table td img { width: 100px; height: 100px; border-radius: 100%; } .main-container .tab-pane table.table-profile thead tr td.table-profile { width: 100%; display: flex; justify-content: space-between; align-items: center; } .main-container .tab-pane table.table-profile td.answer-tab { background: #F6F6FA; width: 100%; } .main-container .tab-pane table.table-profile i, .form-new table i { margin-right: 3px; } .main-container .tab-pane table.table-profile td a.btn-icon { position: relative; padding-left: 32px; } .main-container .tab-pane table.table-profile td a.btn { font-weight: 400 !important; } .main-container .tab-pane table.table-profile td a svg { width: 22px; height: 22px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); } .main-container .trainer-btn-i { margin-top: 0px; } .form-new select { cursor: pointer !important; } .form-new .form-view { padding: 50px 25px 65px !important; margin: 0px 0px 100px; border: 0; box-shadow: 0px 0px 3px #00000029; width: 100%; } .form-new .form-view .custom-look-form p.note , .form-accessible p.note{ font-style: italic; } .form-new .form-view input, .form-new .custom-look-form select, .form-new .custom-look-form textarea { background: #fff !important; font-size: 14px; color: #4D4F5C; font-family: 'Montserrat', sans-serif; outline: none !important; font-weight: 400; } .form-new .form-view label { margin-top: 18px; width: 100%; color: #4D4F5C !important; font-weight: 600 !important; } .form-new .form-view .btn-primary { background-color: #a11e29 !important; color: #fff; font-weight: 400; } .form-new .form-view .btn-primary:hover, .form-view .btn-primary:hover { background: #71151d !important; color: #fff !important; } .form-new .fa { font-size: 22px; margin-top: 0px; position: absolute; top: 5px; left: 8px; } .form-new .form-button { margin-top: 20px; position: relative; padding: 6px 15px; padding-left: 40px; margin-bottom: 20px !important; float: left; font-size: 14px; } .form-new span.required { color: #a11e29; } .form-new .custom-look-form .form-control[disabled], .form-new .custom-look-form .form-control[readonly], .form-new .custom-look-form fieldset[disabled] .form-control { background-color: #F6F6FA !important; } .form-new span#User_gender { position: relative; } .form-new span#User_gender label { margin-left: 20px; margin-top: -7px !important; margin-right: 10px; } .form-new span#User_gender input { position: absolute; top: -2px; } .form-new select, .main-container select { appearance: none !important; position: relative !important; } .select-drop { position: relative; } .select-drop:before { content: " "; position: absolute; right: 15px; width: 10px; height: 10px; border-top: 2px solid #E4E4E4; border-left: 2px solid #E4E4E4; transform: rotate(-135deg); z-index: 1; top: 12px; } .form-new .custom-look-form p.note { color: #4D4F5C; font-style: italic; } .main-container .breadcrumb-new .team-breadcrumb { padding: 0px; } .form-new .breadcrumb-new .team-breadcrumb { padding: 15px 0px 0; } .main-container .breadcrumb-new .team-breadcrumb li, .form-new .breadcrumb-new .team-breadcrumb li { font-weight: 400; color: #4D4F5C; font-size: 13px; } .form-new form#merge-form { padding: 0 15px; } .form-new aside span#User_gender label { margin-left: 13px; margin-right: 0px; } .form-new .resumewrapper { padding: 0; } .main-container td.fr { float: right; text-align: right; } .main-container .tab-pane table.table-profile tr td p { font-weight: 400 !important; font-size: 14px; padding: 10px 0px 0px; line-height: 20px; } .form-new .form-horizontal .control-label { text-align: left !important; } .form-new table { margin-bottom: 100px; } .form-new .select2-container-multi .select2-choices { border: 1px solid #E4E4E4; background-image: none !important; } .form-new .select2-container-multi .select2-choices .select2-search-field input { border: 0 !important; } .form-new .button, .form-new .button1 { border: 1px solid #E4E4E4 !important; font-size: 13px !important; border-radius: 4px; padding: 6px 10px !important; } .form-new .button:hover { border-color: #ea7f7b !important; } .form-new .button1:hover { border-color: #73b598 !important; } .form-new .well { background-color: #fff; } .form-new .form-view2 label { width: auto; } .form-new .form-view2 .fa { font-size: 20px; top: -16px; } .form-new .activitycheckboxgroup { margin-top: 20px; margin-bottom: 20px; } .form-new select#userRequest_activity { padding: 10px 0px 0px 10px; } .form-new table.detail-view { margin-bottom: 40px; } .form-new .table-certification tr td { min-width: 400px !important; } .form-new a#reply_btn { color: #fff !important; } .form-new table.cke_editor tr { display: flex !important; } .form-new td#cke_contents_ckeditor_content { min-width: 100% !important; } .form-new .cke_skin_kama .cke_wrapper { background-color: #fff !important; } .form-new table.detail-view th, .form-new table.detail-view td { text-align: left; border: 1px solid #EBEBED; padding: 8px 15px; font-weight: 400; color: #4D4F5C; font-size: 14px; } .form-new table.detail-view tr.odd { background: #fff; } .form-new .grid-view tr, .tab-pane .grid-view tr, #notebox-grid-list tr, #trainer-course-version-access-grid tr, #trainer-renew-cert-grid tr, #user-event-grid tr { display: table-row !important; border: 1px solid #E2E3E9; } .form-view .register-form, .form-view .forgot-password-for { padding: 0px; border: 0px; } .form-view .register-form-text, .form-view .register-form-text a { text-align: left; color: #4D4F5C !important; } .form-view .register-form-text a:hover { color: #a11e29 !important; } .form-view .input { width: 100%; line-height: 1.33; padding-left: 0px !important; padding-right: 0px !important; min-width: 100% !important; } .form-view .image-register img { width: 100%; } .form-view #accordion-first .accordion-heading .accordion-toggle > em { height: 28px; line-height: 28px; width: 28px; top: 3px; left: 15px; } .form-view #accordion-first .accordion-heading .accordion-toggle { padding-left: 40px !important; } .main-container ul.yiiPager a:link, ul.yiiPager a:visited, .form-new ul.yiiPager a:link, ul.yiiPager a:visited { border: solid 1px #E2E3E9; font-weight: 500; color: #4D4F5C; text-decoration: none; font-size: 13px; padding: 5px 11px; } .main-container ul.yiiPager .selected a, .form-new ul.yiiPager .selected a { background: #fff; color: #a11e29 !important; border: 1px solid #a11e29; } .form-view div#showExamDate { position: relative; } .form-view .select2-container .select2-choice { border: 1px solid #EBEBED; padding: 0px 15px; outline: none; font-size: 14px !important; height: 40px; background: #fff !important; box-shadow: none; border-bottom: 0 !important; line-height: 40px !important; } .form-view .select2-container .select2-choice span { height: 40px; line-height: 40px; } .form-view .select2-container .select2-choice div { display: none; } td.tdc, td.tdc label { cursor: pointer !important; } .form-new .table-responsive { width: 100%; overflow: auto; } .form-new .table-margin table { margin-bottom: 30px; } .form-new .button-relative i { position: relative; top: 0; left: 0; font-size: 16px; } .form-new .form-view i#faiconwrong_1 { position: relative !important; top: -20px; left: 96%; z-index: 9; } .form-new2 .form-view .fa { font-size: 11px !important; margin-top: 0px; position: relative; top: 0; left: 0; margin-right: 0; } .form-new2 .form-view label { margin-top: 0; width: 61% !important; } .form-new .table-detail table.detail-view th { width: 300px !important; } .form-new .form-view-inner input, .form-new .form-view-inner select { height: 40px !important; } .form-new table.detail-view th { width: 270px; } /* End of My profile dashboard content redesign */ /* Exam schedule member*/ .table-schedule-redesign table thead{ background-color: #43425D !important; color: #fff; } .table-schedule-redesign .table>thead>tr>th { color: #fff !important; border: 0 !important; text-transform: uppercase; } .table-schedule-redesign table tr:last-child td { padding: 8px 15px !important; } .main-container .table-schedule-redesign table.table tr td{ padding-top: 20px !important; padding-bottom: 20px !important; min-width: 250px !important; } .main-container .table-schedule-redesign table tr, .main-container .table-schedule-redesign table tr td { border: 0 !important; } .main-container .table-schedule-redesign table tr.even { background-color: #F5F6FA !important; } .main-container .mainTitles.primary-color { color: #A11E29 !important; } /* end exam schedule */ /* Reseller dashboard */ .reseller-container .bg-reseller { background-color: #A11E29; margin-top: -1px; } .reseller-container ul.nav.nav-tabs li a { color: #EB8D95; } .reseller-container .panel-heading a > em { border-color: #EB8D95 !important; } .reseller-container ul.nav.nav-tabs li:hover .panel-heading em, .reseller-container li.panel.panel-default.active .panel-heading .nd-menu-item em { border-color: #fff !important; } .reseller-container li.panel.panel-default.active .panel-heading .nd-menu-item, .reseller-container li .collapse.in, .reseller-container li.panel.panel-default.active:hover .panel-heading a { background: #b8343f !important; } .reseller-container .panel.panel-default.active .panel-heading a, .reseller-container .panel.panel-default.active .panel-collapse a.active, .reseller-container .panel-default > .panel-heading a:hover { color: #fff !important; } .reseller-container li.panel.panel-default.active .panel-heading .nd-menu-item.collapsed { background: #b8343f !important; } .reseller-container .panel.panel-default.active:before { background: #ff6472; } .reseller-container ul.nav.nav-tabs li a:hover { color: #fff !important; } .reseller-container .panel.panel-default.active>a { background: #b8343f; color: #fff; } .main-container ul.nav.nav-tabs li .sub-sub-menu { padding-left: 20px !important; } .main-container ul.nav.nav-tabs li a.active-all { color: #fff !important; } .reseller-container .collapse.in a { color: #EB8D95 !important; } .form-new .collapse.in .redesign-dropdown-inside-item a.thickbox { color: #a11e29 !important; } .main-container ul.nav.nav-tabs li .sub-sub-menu a { padding: 5px 12px; } .no-capitalize { text-transform: none !important; } .form-new .table-new th { width: 270px; border: 1px solid #E2E3E9; font-weight: bold; color: #43425D; line-height: 1; } .form-new .table-new td { line-height: 1; } .form-new #partner-trainers-form .select2-container .select2-choice { height: auto; background: #fff !important; font-size: 14px; color: #4D4F5C; border: 1px solid #E4E4E4 !important; font-weight: 500; border-radius: 0; font-family: Arial, Helvetica, sans-serif; box-shadow: none; /* padding: 4px 12px; */ } .form-new #partner-trainers-form .select2-container .select2-choice div { display: none; } .form-new #partner-trainers-form .select-drop:before, .form-new form#partner-event-form .select-drop:before, .form-new #self_study_event .select-drop:before, .form-new .certificate .select-drop:before { top: -26px; } .form-new #self_study_event .jumbotron { padding-right: 0px; } .form-new h3.table-title { background: #F6F6FA; color: #43425D !important; font-size: 18px !important; font-weight: 500 !important; padding: 14px 15px !important; margin-bottom: 0; line-height: 1 !important; font-family: 'Montserrat', sans-serif !important; border: 1px solid #E2E3E9; } .form-new table#yw0, .form-new table#yw1 { margin-top: 0; margin-bottom: 40px; } .form-new .grid-view .filters input, .form-new .grid-view .filters select { border: 1px solid #EBEBED; padding: 0px 15px; outline: none; font-size: 14px !important; height: 40px; } .form-new select#PartnerTrainers_status { height: 40px; border: 1px solid #E4E4E4 !important; font-weight: 500; border-radius: 0; font-family: Arial, Helvetica, sans-serif; box-shadow: none; padding: 4px 12px; } .form-new input#PartnerEvent_language, .form-new input#PartnerEvent_start_date, .form-new input#PartnerEvent_end_date, .form-new input#PartnerEvent_exam_date { height: 37px; } .form-new div#showExamDate #extraexamdate i { position: relative; top: 0; left: 0; } .form-new .training-events-list-title, .form-new .event-list-item-header { background: #F6F6FA; padding: 14px 15px !important; margin-bottom: 0; border: 1px solid #E2E3E9; border-bottom: 0; } .form-new .training-events-list-title.d-flex h3, .form-new .training-events-list-title.d-flex h3 a { font-size: 18px; font-family: 'Montserrat', sans-serif !important; color: #43425D; font-weight: 500 !important; line-height: 1 !important; } .form-new .training-events-list-item.event-details table.detail-view th, .form-new .training-events-list-item.event-details table.detail-view td { /* border-bottom: 0; */ padding: 8px 15px; } .form-new .training-events-list-item.event-details table.detail-view th { font-weight: bold; color: #43425D; } .form-new .training-events-list-item, .event-list-item { border: 0px; } .form-new .training-events-list-title h3, .form-new .event-list-item-header h3 { margin: 0 !important; } .form-new .training-events-list-body, .form-new .event-list-item-body { padding: 0; } .form-new .training-events-list-item.event-details table.detail-view td { text-align: left !important; } .form-new .training-events-list-item.event-details { margin-bottom: 40px; } .form-new .event-social-media .fa { font-size: inherit; margin-top: 0px; position: relative; top: 0; left: 0; } .form-new .training-events-list-body.border-show { border: 1px solid #EBEBED; } .form-new .event-details-description { padding: 8px 15px; } .form-new .training-events-list-body.border-show p { margin-bottom: 0px; } .form-new table#yw0 tr.even, .form-new table#yw1 tr.even, .form-new table#yw0 tr.even th, .form-new table#yw1 tr.even th { background-color: #fff; border-bottom: 1px solid #E2E3E9; } .form-new table#yw0 tr.even th, .form-new table#yw1 tr.even th, .form-new table#yw0 tr.odd th, .form-new table#yw1 tr.odd th { font-weight: 600; color: #4D4F5C; text-transform: capitalize; } .form-new .table-feedback tr { display: table-row; } .form-new .table-feedback tr td { min-width: auto !important; } .form-new .table-feedback .ques-table tr.table-font-white td { color: #fff !important; } .form-new input#SelfStudyEventDetails_user_id_1 { padding: 0px 15px; } .form-new .description-inner { padding: 8px 15px; border: 1px solid #EBEBED; margin-bottom: 40px; } .main-container table tbody tr { background: #fff !important; } .form-new div#quizErrors { color: #A11E29; } .form-new table.results { width: 100%; margin-bottom: 0; } .form-new table.results .first-row { background-color: #F6F6FA; } .form-new table.results .first-row td { font-weight: bold; } .form-new table.results tr td:first-child { font-weight: 600; } .form-new ul.list-unstyled.tcp-list.list-font strong { font-weight: 500; } .form-new .form-view h2.mainTitles, #payment-details-form h2.mainTitles { font-size: 18px; font-weight: 500 !important; padding: 15px !important; background: #F5F6FA; border: 0; color: #4D4F5C; } .form-new .form-view h2.mainTitles i, #payment-details-form h2.mainTitles i { font-size: 20px; position: relative; top: 0; left: 0; } .form-new .form-view h2.mainTitles .edit-link { padding-top: 3px; color: #4D4F5C; } .main-container .table-status tr.first-row td { font-size: 20px; font-weight: 500 !important; padding: 15px !important; background: #F5F6FA; color: #4D4F5C; } .main-container .table-status .notice { padding: 0; background-color: #fff; border-left: 0; margin-bottom: 0; } .main-container .table-status .notice a.btn { padding: 5px 15px !important; } .main-container .table-status tbody tr td:first-child { font-weight: bold; color: #43425D; } .main-container .tab-pane table.table-profile tbody tr:last-child { border: 0px; } .form-new img.image_border { width: 100px; height: 100px; } /* Distributor dashboard */ .distributor-container .bg-distributor { background-color: #302F34; margin-top: -1px; } .distributor-container li.panel.panel-default.active .panel-heading .nd-menu-item { background: #484c50; border-radius: 0 !important; } .distributor-container ul.nav.nav-tabs li a, .distributor-container #accordion-first .accordion-heading .accordion-toggle { color: #9FA3A9; } .distributor-container .panel-heading a > em { border-color: #9FA3A9 !important; } .distributor-container .panel-heading .d-flex.align-items-center.nd-menu-item.active, .distributor-container li .collapse.in { color: #fff !important; background: rgb(72 76 80) !important; } .distributor-container .panel-heading .d-flex.align-items-center.nd-menu-item.active > em { border-color: #fff !important; } .distributor-container ul.nav.nav-tabs li a:hover{ color: #fff !important; } .distributor-container ul.nav.nav-tabs li:hover #accordion-first .accordion-heading .accordion-toggle > em { border-color: #fff !important; } .distributor-container .tab-content { background: #fff; } .distributor-container .nav-tabs > li.active > a { color: #fff !important; background: rgb(72 76 80) !important; } .distributor-container .panel.panel-default.active:before { background: #9FA3A9; } .distributor-container li.panel.panel-default.active:hover .panel-heading a { background: #484c50 !important; } .distributor-container .panel.panel-default.active .panel-heading a, .distributor-container .panel.panel-default.active .panel-collapse a.active { color: #fff; cursor: pointer !important; } .distributor-container ul.nav.nav-tabs li:hover .panel-heading em, .distributor-container li.panel.panel-default.active .panel-heading .nd-menu-item em{ border-color: #fff !important; } .distributor-container li.panel.panel-default.active .panel-heading .nd-menu-item.collapsed { background: #484c50 !important; } .distributor-container .no-dropdown.active { background: #484c50; } .distributor-container .no-dropdown.active a.active { color: #fff !important; } .main-container input[type="file"]::file-selector-button, .form-new input[type="file"]::file-selector-button { background: #a11e29; color: #fff; box-shadow: none; outline: none; padding: 8px 15px; border: 0; cursor: pointer; margin-top: 5px; transition: .3s linear all; } .main-container input[type="file"]::-webkit-file-upload-button:hover, .form-new input[type="file"]::-webkit-file-upload-button:hover { background: #71151d !important; transition: .3s linear all; } /* Distributor dashboard */ .main-container .tab-pane table.table-examination td img { width: 120px; height: 120px; border-radius: 0; border: 0; padding: 7px 0px; } .main-container .table tr.row-title td { display: flex; justify-content: space-between; } .main-container .content-create-profile p { margin-bottom: 20px; } .main-container .tab-pane table.table-examination2 tr td { min-width: 400px !important; } .main-container .table-examination2 .xphoto-video-container { width: 100% !important; } .main-container .table-examination2 .xphoto-buttonsfp, .main-container .table-examination2 .xphoto-buttonssip { text-align: center; margin: 10px 0px; } .main-container .tab-pane .table-examination2 .xphoto-button-camera { position: relative; padding-left: 30px; } .main-container .tab-pane .table-examination2 .xphoto-button-camera i { margin-right: 3px; font-size: 20px; padding: 0; position: absolute; left: 12px; } .main-container .tab-pane table.table-examination2 td img { padding: 0px; } .main-container table.table-examination2 td .profile-paragraph p { padding-top: 5px !important; margin-left: -30px; } .main-container .table-profile td a { color: #4D4F5C; } /* End of Distributor dashboard */ /* Notebox */ .main-container #manageNotes { margin-top: 10px; } .main-container .search-group input { width: 100%; border: 1px solid #EBEBED; padding: 18px 15px; border-radius: 4px; outline: none !important; } .main-container .search-group { position: relative; } .main-container .search-group input[type=text] { height: 38px; } .main-container .search-group button { position: absolute; right: 0px; top: 0; background: transparent; border: 0; padding: 12px 15px; color: #43425D; width: auto !important; } .main-container #manageNotes .table li span.note-title a { color: #4D4F5C; font-size: 14px; font-weight: 700; width: 100%; padding-bottom: 0px !important; } .main-container #manageNotes .table li { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #EBEBED; padding: 14px 0px 14px 30px; } .main-container #manageNotes .table li:last-child { border-bottom: 1px solid #EBEBED; } .main-container #manageNotes .table li span.createdOn { float: left; width: 100%; line-height: 1; color: #AFB1C4; font-size: 13px; } .main-container #manageNotes .table li a.btn { font-weight: 400 !important; } .form-new.form-note h3.table-title { margin-top: 0; } .form-new.form-note .content-note-detail { border: 1px solid #E2E3E9; padding: 15px; border-top: 0; } .form-new.form-note .content-note-detail p, .form-new.form-note .content-note-detail-list p { color: #4D4F5C; margin: 0; } .form-new.form-note .content-note-detail-list { border: 1px solid #E2E3E9; border-top: 0px; } .form-new.form-note .content-note-detail-list li { list-style-type: none; border-bottom: 1px solid #E2E3E9; display: flex; } .form-new.form-note .content-note-detail-list li p { padding: 5px 15px; } .form-new.form-note .content-note-detail-list li p.title-note-detail { font-weight: bold; border-right: 1px solid #E2E3E9; width: 200px; } .main-container #new_billing_history .table .panel-heading .panel-title a, .main-container #new_manage_invigilators .table .panel-heading .panel-title a, .main-container #new_pending_requests .table .panel-heading .panel-title a { color: #43425D !important; } .main-container #new_billing_history .table .redesign-dropdown-inside-item span a, .main-container #new_manage_invigilators .table span a, .main-container #new_pending_requests .table span a{ color: #fff !important; font-weight: 400 !important; } .form-invigilator input[type=text], .form-invigilator .form-control { height: 40px !important; } /*End of Notebox */ /* Manage Trainer */ .main-container .search-more-field { position: relative; background: #f5f6fa; border: 1px solid #E2E3E9; padding: 0px 15px 15px 15px; } .main-container .search-more-field label { font-weight: 500; color: #4D4F5C; margin-top: 15px; } .main-container .search-more-field input, .main-container .search-more-field select, .main-container .search-more-field .select2-container { width: 100%; height: 30px; background: #fff; border: 1px solid #E2E3E9 !important; border-radius: 4px; padding: 0 8px; appearance: none !important; outline: none; color: #4D4F5C; font-size: 13px; } .main-container .search-more-field select#PartnerTrainers_countryName, .main-container .search-more-field select#AgentPartnerList_country { position: absolute; width: 96%; padding: 0 8px; left: 4px; height: 30px; border: 1px solid #E2E3E9; } .main-container .search-more-field .custom-drop .select2-container .select2-choice { height: 24px; background: #fff; border: 0; margin-top: 0px; padding: 0px !important; outline: none; background-image: none !important; filter: none !important; box-shadow: none !important; } .custom-filters-select.custom-drop { position: relative; } div#s2id_PartnerTrainers_countryName { position: absolute; width: 90%; border: 0 !important; width: 90%; left: 3px; height: 28px !important; } .main-container .search-more-field .custom-drop .select2-container .select2-choice div { display: none; } .main-container .search-more-field .custom-drop .select-drop:before, .main-container .search-more-field .select-arrow .select-drop:before, .main-container .search-more-field .select-drop:before { top: 8px; } .main-container .search-more-field .form-control { box-shadow: none !important; } .main-container .search-more-field .button-search-end { position: relative; margin-top: 45px; } .main-container .search-more-field .button-search-end button { margin: 0 !important; font-weight: 400; height: 28px; padding: 0px 12px; } .main-container .search-more-field #PartnerTrainers_status { padding: 0 8px !important; cursor: pointer !important; } .main-container .alert.alert-success.alert-dismissable { margin-left: -15px; margin-right: -15px; } .main-container .form-validate.form-horizontal.well.custom-look-form.well-2.form-view.form-add-new { box-shadow: none; padding: 20px 0px 0px !important; } .main-container .alert.alert-info, .form-new .alert.alert-info { background: #F5F6FA !important; border-color: #E2E3E9 !important; font-style: italic; } .main-container select.custom-searchable-select { height: auto !important; width: 94% !important; max-height: 150px !important; position: absolute !important; z-index: 100; padding: 0; } .main-container .custom-searchable-select option { padding: 5px; transition: .2s linear font-weight; } .main-container .custom-searchable-select option:checked { background-color: #f2f2f2; } .main-container .custom-searchable-select option:hover { font-weight: 600; } .main-container .custom-searchable { position: relative; } .main-container .custom-searchable svg { height: 20px; position: absolute; right: 8px; top: 5px; color: #e4e4e4; padding-right: 0; } .reseller-container aside#btnSaveInvite1 { width: 30%; } .redesign-dropdown-inside-item span.inside-button a { background: #a11e29; padding: 8px 10px !important; color: #fff; font-weight: 400 !important; border-radius: 4px; } .redesign-dropdown-inside-item span.inside-button b { font-weight: 400 !important; } .redesign-dropdown-inside-item span.inside-button i { padding-right: 6px; } .redesign-dropdown-inside-item span.inside-button a.link-bg-approved { background: #5E9F4A; } .redesign-dropdown-inside-item span.inside-button a.link-bg-decision { background: #3B86FF; } /* End of Manage Trainer */ /* Trainer Dashboard */ .main-container .tab-pane table.table-profile-summary tbody tr td:first-child { font-weight: 400 !important; } .main-container .table-new-design { margin-top: 10px; } .main-container .table-new-design thead { background-color: #F5F6FA; height: 45px; } .main-container .table-new2 #trainer-course-version-access-grid thead tr.filters { display: none !important; } .main-container .table-new2 .table-new-design tr td { color: #4D4F5C !important; } .main-container .table-new2 .table-new-design tr td.button-column { padding: 4px 15px !important; } .main-container .table-new2 .table-new-design tr td.button-column .btn { min-width: 100px !important; } .unlink-form { padding-bottom: 100px; } .unlink-form .unlink-description { background: #F5F6FA; width: 100% !important; border: 1px solid #E2E3E9; padding: 20px 15px; color: #4D4F5C !important; } .unlink-form .unlink-link { font-weight: 600; margin-top: 30px; color: #4D4F5C!important; } .unlink-form .unlink-link a { padding: 6px 50px; margin-bottom: 20px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500; color: #fff !important; background: #a11e29; border-radius: 3px; } .unlink-form .unlink-link a:hover { background-color: #71151d !important; } .unlink-form .unlink-link a:first-child { margin-left: 20px; } .cke_skin_kama span.cke_browser_webkit, .cke_skin_kama span.cke_browser_gecko18 { outline: none; } .redesign-dropdown-inside-item a.btn.btn-xs.btn-new, #add-reseller a.btn.btn-xs.btn-new { background: #a11e29; width: auto !important; padding: 7px 15px !important; color: #fff; font-weight: 400 !important; border: 0; margin: 0 !important; display: inline; font-size: 14px; font-family: 'Montserrat', sans-serif !important; } .redesign-dropdown-inside-item a.btn.btn-xs.btn-new:hover { padding: 7px 15px !important; color: #fff !important; border: 0 !important; margin: 0 !important; background-color: #71151d !important; } .redesign-dropdown-view .table .collapse a.addLink.pay-link, .redesign-dropdown-view .table .collapse .redesign-dropdown-inside-item a.red-link { color: #a11e29 !important; font-size: 14px !important; } .redesign-dropdown-view .status-title { margin-right: 15px; } .redesign-dropdown-view .status-title .planned, .redesign-dropdown-view .status-title .active-confirmed, .redesign-dropdown-view .status-title .completed, .redesign-dropdown-view .status-title .inactive, .redesign-dropdown-view .status-title .to-be-completed { background: #FFBA00; color: #fff; font-weight: 400 !important; padding: 6px 15px; border-radius: 3px; font-size: 12px; } .redesign-dropdown-view .status-title .active-confirmed, .redesign-dropdown-view .status-title .completed { background-color: #5E9F4A; } .redesign-dropdown-view .status-title .inactive { background: #A11E29; } .redesign-dropdown-view .status-title .to-be-completed { background: #e55b13; } .form-new span.event-planned { color: #FFBA00!important; } .redesign-dropdown-view .right-side-link { position: absolute; right: 40px; top: 15px; } .redesign-dropdown-view .panel-default > .panel-heading .panel-title .right-side-link .external-link a.course_event_link { font-size: 12px !important; color: #a11e29 !important; font-weight: 500; padding: 0 !important; } .main-container .form-invite .form-control { height: 40px !important; } .reseller-container .form-invite aside#btnSaveInvite1 { width: 50%; font-weight: 400 !important; } .reseller-container .form-invite aside#btnSaveInvite1 input.btn { padding: 8px 15px !important; } .reseller-container .buttons-form a.btn { font-size: 14px; padding: 6px 10px !important; border: 1px solid #a11e29 !important; } .reseller-container .buttons-form a.btn i { padding-right: 3px !important; } .reseller-container .buttons-form a.btn:hover { border-color: #71151d !important; } .reseller-container .redesign-dropdown-inside-item .labels { font-weight: 400 !important; } .reseller-container .buttons-form .btn.btn-outline-primary, .form-new .buttons-form .btn.btn-outline-primary { padding-left: 25px !important; position: relative; } .reseller-container .buttons-form .btn.btn-outline-primary svg, .form-new .buttons-form .btn.btn-outline-primary svg { width: 24px; height: 24px; position: absolute; fill: #a11e29; left: 5px; top: 4px; } .reseller-container .buttons-form .btn.btn-outline-primary:hover svg, .form-new .buttons-form .btn.btn-outline-primary:hover svg { fill: #fff; } .reseller-container a.svg-mail { position: relative; } .reseller-container a.svg-mail input { padding-left: 31px !important; } .reseller-container a.svg-mail svg { position: absolute; left: 8px; fill: #fff; top: -1px; width: 23px; height: 24px; } .reseller-container .color-status span.active-confirmed { color: #5e9f4a; } .reseller-container .color-status span.inactive { color: #a11e29; } .reseller-container .color-status span.to-be-completed { color: #e55b13; } .reseller-container .color-status span.planned { color: #FFBA00; } .form-new .sub-mainTitles { font-size: 18px; color: #A11E29; margin: 0; font-weight: 500 !important; border-bottom: 2px solid #f5f5f5; padding-bottom: 5px !important; margin-top: 0; margin-bottom: 20px; } .form-new .view-trainees-header { background: #F5F6FA; border: 1px solid #E2E3E9; padding: 15px; display: flex; align-items: center; justify-content: space-between; } .form-new .view-trainees-header1 { background: #F5F6FA; border: 1px solid #E2E3E9; padding: 15px; } .form-new .view-trainees-header .trainee-detail-head { border-right: 1px solid #e2e3e9; width: 25%; padding-left: 25px; } .form-new h5.title-detail-course { font-size: 16px; text-transform: uppercase; color: #A11E29; font-weight: 500; margin-top: 5px; } .form-new .view-trainees-header .trainee-detail-head { border-right: 1px solid #e2e3e9; width: 25%; padding: 8px 0px 8px 25px; font-size: 16px; color: #4D4F5C; font-weight: 500; } .form-new .view-trainees-header1 .trainee-detail-head { padding: 20px 0px 20px 20px; font-size: 16px; color: #4D4F5C; font-weight: 500; border-bottom: 1px solid #e2e3e9; overflow: hidden; } .form-new .view-trainees-header1 .br-1:first-child .trainee-detail-head { padding-left: 0; } .pl-0 { padding-left: 0; } .form-new .view-trainees-header1 .br-1 { border-right: 1px solid #e2e3e9; padding: 0px; } .form-new .view-trainees-header1 .pl-15 { padding-left: 15px; } .form-new .dp-flex { display: flex; align-items: center; } .form-new .view-trainees-header1 .br-1:first-child { padding-left: 15px; } .form-new .view-trainees-header .trainee-detail-head:first-child { padding-left: 0px; } .form-new .view-trainees-header .trainee-detail-head:last-child { border-right: 0px; } .form-new .view-trainees-header1 .trainee-detail-head:last-child { border-bottom: 0px; } .form-new .view-trainees-header .trainee-detail-head .addLink, .form-new .view-trainees-header1 .trainee-detail-head .addLink { width: 100%; float: left; font-size: 14px; font-weight: 400; line-height: 1; } .panel-new .panel-default > .panel-heading { padding: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .panel-new .fa { font-size: inherit; margin-top: 0px; position: relative; top: 0; left: 0; } .redesign-dropdown-view .table .panel-new .collapse.in a { float: left; margin: 0; margin-right: 5px; } .form-new .event_link_div { margin-bottom: 10px; } .form-new .event_link_div span { padding-right: 10px; } .form-new .event_link_div a { background: #F5F6FA; padding: 10px 10px 10px 35px; border: 1px solid #E2E3E9; border-radius: 3px; position: relative; font-weight: 500; } .form-new .event_link_div svg { width: 20px !important; height: 20px !important; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; } .form-new .event_link_div a.thickbox.btn-msg svg { width: 30px !important; height: 23px !important; left: 6px; } .table-retake .table thead tr th a, .table-retake .table thead tr th { color: #4D4F5C !important; font-weight: 600; } .table-retake .table thead tr th, .table-retake table tr td:last-child, .table-retake table tr th:last-child, .table-retake table tbody tr td { border: 0px !important; } .table-retake .table thead tr { border: 1px solid #E2E3E9 !important; } .table-retake table tbody tr { border-bottom: 1px solid #E2E3E9 !important; } .table-retake table tbody tr.no-border, .no-border { border: 0 !important; } .table-retake table tr.full-width span.span-label { font-weight: 600; color: #4D4F5C; } .table-retake table span.passed { color: #5E9F4A; border: 1px solid #5E9F4A; border-radius: 3px; padding: 5px; } .table-retake table span.failed { color: #A11E29; border: 1px solid #A11E29; border-radius: 3px; padding: 5px; } .form-accessible label { font-weight: 500; color: #4D4F5C !important; } .form-accessible select { background: #fff !important; font-size: 14px; color: #4D4F5C; font-family: 'Montserrat', sans-serif; outline: none !important; height: 40px !important; border: 1px solid #E4E4E4 !important; padding: 6px 12px; border-radius: 3px; } .form-accessible input.btn { width: 160px; font-weight: 400; border: 1px solid #a11e29 !important; } .form-accessible input.btn:hover { background: #71151d !important; border-color: #71151d !important; } .form-accessible select { appearance: none !important; position: relative !important; cursor: pointer; } .form-accessible input, .form-accessible textarea { border: 1px solid #E4E4E4 !important; -webkit-box-shadow: none; box-shadow: none; border-radius: 3px; padding: 6px 12px; } .form-accessible .select2-container { display: none !important; } .main-container .tab-pane table thead tr td { text-transform: capitalize; } /* End of Trainer Dashboard */ #trainingcourses-grid { position: relative; } .table-retake .summary { position: absolute; right: 0; top: -41px; font-size: 13px; color: #4D4F5C; } .table-retake h5.table-subtitle { color: #43425D; font-weight: 600; font-size: 13px; margin-bottom: 0; padding-bottom: 0; } .table-retake span#spanid { color: forestgreen; position: relative; display: flex; justify-content: center; align-items: center; width: min-content; } .table-retake span#spanid b { font-weight: 600 !important; } .table-retake .fa { font-size: inherit; margin-top: 0px; position: relative; top: inherit; left: inherit; margin-left: 8px; } .table-released table thead tr th a span, .table-released table thead tr th a, .table-released table thead tr th { color: #4D4F5C !important; font-weight: 600; } .table-released td { padding: 15px !important; font-weight: 400; font-size: 14px; } /* .table-retake .table-released td { padding: 8px 15px !important; } */ .table-retake .table-released td:nth-last-child(2) { display: flex; align-items: center; } .table-released a.subscribe, .table-released a.act_download_statement { background: #a11e29; position: relative; color: #fff !important; padding: 8px 15px 8px 30px; border-radius: 3px; display: flex; justify-content: center; align-items: center; width: min-content; min-width: 125px; } .table-released a.subscribed { background: #5E9F4A; position: relative; color: #fff !important; padding: 6px 15px 8px 30px; border-radius: 3px; display: flex; justify-content: center; align-items: center; width: min-content; min-width: 125px; } .table-released a.subscribe:hover, .table-released a.act_download_statement:hover { background: #71151d !important; } .table-released .table { margin-bottom: 20px; } .table-released a.subscribe:before { content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' class='w-6 h-6'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75' /%3e%3c/svg%3e"); width: 20px; height: 20px; position: absolute; z-index: 99999; left: 7px; } .table-released a.subscribed::before, .table-released a.act_download_statement:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21.75 9v.906a2.25 2.25 0 01-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 001.183 1.981l6.478 3.488m8.839 2.51l-4.66-2.51m0 0l-1.023-.55a2.25 2.25 0 00-2.134 0l-1.022.55m0 0l-4.661 2.51m16.5 1.615a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V8.844a2.25 2.25 0 011.183-1.98l7.5-4.04a2.25 2.25 0 012.134 0l7.5 4.04a2.25 2.25 0 011.183 1.98V19.5z' /%3E%3C/svg%3E%0A"); width: 20px; height: 20px; position: absolute; z-index: 99999; left: 7px; } .table-released a.act_download_statement:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-download' width='20' height='20' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2' /%3E%3Cpolyline points='7 11 12 16 17 11' /%3E%3Cline x1='12' y1='4' x2='12' y2='16' /%3E%3C/svg%3E"); } select:focus { box-shadow: none !important; } .table-retake #prb-event-exam-list-grid { padding: 0px; } .table-retake #prb-event-exam-list-grid table { margin: 0px; margin-bottom: 20px; } .table-retake #prb-event-exam-list-grid tr { border: 0px !important; border-bottom: 1px solid #E2E3E9 !important; } .table-retake #prb-event-exam-list-grid td { padding: 10px 15px !important; font-weight: 400 !important; font-size: 14px; text-align: left !important; } .table-retake #prb-event-exam-list-grid td a.btn { background: #a11e29; position: relative; color: #fff !important; border-radius: 3px; padding: 4px 10px 4px 4px !important; font-size: 13px; height: 32px !important; min-width: 106px; } .table-retake #prb-event-exam-list-grid td a.btn-view { padding: 6px 15px 8px 28px !important; } .table-retake #prb-event-exam-list-grid td a.btn:hover { background: #71151d !important; border-color: #71151d !important; } .table-retake #prb-event-exam-list-grid td a.btn-view:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z' /%3E%3C/svg%3E%0A"); width: 20px; height: 20px; position: absolute; z-index: 99999; left: 7px; top: 7px; } .table-retake #prb-event-exam-list-grid .filters td { padding: 10px !important; } .table-retake #prb-event-exam-list-grid td.merge { display: inline-block; } .table-retake #prb-event-exam-list-grid .filters select, .table-retake #prb-event-exam-list-grid .filters input { height: 30px; } .table-retake #prb-event-exam-list-grid .filters .select-drop:before { top: 8px; } .form-update-event div#s2id_PrbEventExamList_exam_scheme_id { width: 100%; } .form-update-event select#PrbEventExamList_exam_scheme_id { position: absolute; width: 100%; border: 0; display: none; border: 0 !important; cursor: pointer !important; } .form-update-event div#s2id_PrbEventExamList_exam_scheme_id li.select2-search-field { position: absolute; top: 0; left: 0; } .form-update-event .select2-container-multi .select2-choices { min-height: 40px !important; } .form-update-event .select2-container-multi .select2-choices .select2-search-choice { padding: 0; margin: 0; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaa; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; filter: none; background-image: none; border: 0px !important; padding: 0px 15px; outline: none; font-size: 14px !important; height: 40px; background: #fff !important; box-shadow: none; border-bottom: 0 !important; line-height: 40px !important; width: 100%; } .form-update-event .select2-container-multi .select2-choices .select2-search-choice a { display: none; } .form-update-event div#s2id_PrbExamEvent_user_id { border-bottom: 1px solid #E4E4E4; border-radius: 3px; } .form-update-event select#PrbExamEvent_user_id, .form-update-event input#s2id_autogen3 { display: none; } .form-update-event textarea.form-control { min-height: 100px; } .form-new .view-trainees-header1.examinee-details { color: #43425D; line-height: 2; } .table-responsive.table-exam { margin-bottom: 80px; margin-top: 10px; } .table-responsive.table-exam table { margin-top: 0px; margin-bottom: 20px; } .table-responsive.table-exam thead tr th, .table-responsive.table-exam thead tr th a { border: 0 !important; color: #43425D !important; font-size: 14px; font-weight: 600; } .table-responsive.table-exam tbody tr td { border: 0 !important; font-size: 14px; font-weight: 400; color: #43425D; min-width: 200px !important; padding: 8px 15px; } .table-responsive.table-exam thead tr { border: 1px solid #E2E3E9 !important; } .table-responsive.table-exam tbody tr { border: 0 !important; border-bottom: 1px solid #E2E3E9 !important; } .table-responsive.table-exam .summary { color: #4D4F5C; font-size: 14px; } .form-update-event input.btn.btn-primary.pull-right { width: 100%; } .main-container input:focus { box-shadow: none !important; } .search-more-field .custom-filters-select.custom-drop .select-drop { display: none; } .search-more-field .custom-filters-select.custom-drop .select-drop:first-of-type { display: block; } .display-view { display: flex; align-items: center; justify-content: center; } .display-view .btn { margin-top: 15px; padding-bottom: 6px; } .about_tabbed.mt-20:first-child { margin: 0 !important; } .reseller-container .collapse.in span.inside-button a { color: #fff !important; } #trainersOfPartner .about_tabbed.mt-20:first-child, #classroom_training_courses .about_tabbed.mt-20:first-child, #new_self_study_training .about_tabbed.mt-20:first-child, #new_view_trainee .about_tabbed.mt-20:first-child, #eLearning_training_courses .about_tabbed.mt-20:first-child, #manage_training_course_location .about_tabbed.mt-20:first-child { margin-top: 20px !important; } .main-container .tab-pane #trainingcourses-grid table thead tr td:first-child, .main-container .tab-pane #trainingcourses-grid table thead tr td:nth-child(3) { width: 270px !important; } .main-container .tab-pane #trainingcourses-grid table select { width: 100% !important; } .table-retake #trainingcourses-grid select, .table-retake #add-reseller select, .table-retake .filters select { height: 30px !important; background: #fff; border: 1px solid #E2E3E9 !important; border-radius: 4px; padding: 0 8px; appearance: none !important; outline: none; color: #4D4F5C; font-size: 13px; cursor: pointer !important; } .table-retake #trainingcourses-grid .select-drop:before, #add-reseller .select-drop:before, .table-retake .filters .select-drop:before { top: 8px; } .form-new #add-reseller .grid-view .filters input, .form-new #add-reseller .grid-view .filters select { height: 30px !important; padding: 0px 8px; } .main-container input:focus, .form-new input:focus { box-shadow: none !important; } .main-container .grid-view .empty, .form-new .grid-view .empty { color: #A11E29; font-weight: 400; } .form-new #add-reseller tr, .form-new #add-reseller td, .form-new #add-reseller tr td:last-child { border: 0 !important; } .form-new #add-reseller tr { border-bottom: 1px solid #ededed !important; } .form-new #add-reseller td { padding: 10px 15px !important; } .form-new #add-reseller .fa { font-size: inherit; margin-top: 0px; position: relative; top: inherit; left: inherit; } .form-new #add-reseller a.btn.btn-xs.btn-new { padding: 0px 10px !important; display: flex; height: 30px !important; justify-content: center; align-items: center; } .form-new #add-reseller a.btn.btn-xs.btn-new:hover { color: #fff !important; background-color: #71151d !important; } .main-container .tab-pane table tr td.td-time { border: 0 !important; padding: 0 !important; font-weight: 400; } .main-container .table-certifications thead { background-color: #F5F6FA; border: 1px solid #E2E3E9 !important; text-transform: capitalize; border-radius: 3px; } .main-container .table-certifications thead tr th { color: #43425D !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif; font-weight: 500; padding: 15px !important; } .main-container .apply_div_link .btn, .main-container .btn-submit { padding: 0px 10px; height: 35px; font-size: 14px; width: auto !important; position: relative; } .main-container .btn-submit { padding: 6px 10px; font-size: 13px; height: 32px; } .main-container .table-certifications .cpdafmlink { float: right !important; color: #fff !important; font-size: 14px; font-weight: 400; border: 1px solid #42425C; padding: 2px 7px 0px; border-radius: 4px; height: 30px; margin-top: 10px; background: #42425C; } .main-container .table-certifications td.certifications-buttons a .btn { padding: 0px 10px; height: 30px; font-size: 14px; margin-bottom: 0 !important; margin-top: 10px; margin-bottom: 10px !important; } .main-container .table-certifications .notice, td.certifications-buttons { /* font-weight: 400; */ font-weight: 500; } .main-container .table-certifications .notice.notice-danger .btn { padding: 5px 10px; font-size: 14px; margin-bottom: 0px !important; } .main-container #certList_section .form-new .fa { font-size: inherit; margin-top: 0px; position: relative; top: inherit; left: inherit; } .form-policy .items thead tr th { background-color: #F5F6FA !important; } .form-policy .items p { margin: 10px 15px !important; font-weight: 400 !important; color: #43425D !important; } .form-policy .items p strong{ font-weight: 600 !important; } .form-policy .items { margin-bottom: 0px !important; } .form-policy ul, .form-policy ol { padding: 10px 0px 10px 30px; margin-bottom: 0; } .main-container #certList_section .form-new table { margin-bottom: 20px; margin-top: 5px; } .main-container #certList_section .table-released .table thead tr { background: inherit !important; } .main-container .table-certifications table tbody, .main-container .table-certifications table tr, .main-container .table-certifications .table-bordered { border: 0px !important; } .main-container #certList_section .table-released .table tr td, .main-container .table-certifications table tr td { border: 0px; border-bottom: 1px solid #EBEBED; } .main-container .tab-pane { min-height: 700px; } .main-container #certList_section .form-view { margin: 0px 0px 50px; } .member-inputs { height: 35px; border-radius: 2px; border-color: #CBCBCB; } .main-container .table-certifications .notice-success .btn { font-family: 'Montserrat', sans-serif !important; font-size: 13px; } .main-container .table-certifications .notice-success { margin-bottom: 0px; } .main-container .table-certifications .notice-success td { padding: 5px 0; } .form-new .form-sub { padding: 10px 25px 65px !important; } .form-sub #accordion-first .accordion-heading .accordion-toggle { position: relative; } .form-sub #accordion-first .accordion-heading .accordion-toggle > em { left: 0; } .form-sub h2.mainTitles strong { font-weight: 500; } .form-sub h3 strong, .form-sub p strong { font-weight: 600; color: #43425D !important; } .form-sub .headerColumn1, .form-sub .headerColumn2, .form-sub .headerbottomColumn, .form-sub .headerbottomColumn2 { background-color: #a11e29; } .form-sub table.requirementTable { margin-bottom: 20px; } #user-cert-upgrade-appl-grid table.table-responsive tr th { padding: 8px 15px; color: #4D4F5C !important; font-weight: 600; } #user-cert-upgrade-appl-grid table.table-responsive tr th a { color: #4D4F5C !important; font-weight: 600; } #user-cert-upgrade-appl-grid table.table-responsive { margin-bottom: 20px; } .form-new h2.mainTitles2 { font-size: 20px; color: #A11E29; margin-top: 0; padding-bottom: 0; } .table-detail-certification .detail-view { width: 100%; } .table-detail-certification .detail-view th { font-weight: 600 !important; } .table-detail-certification { margin-bottom: 80px; } .form-pay blockquote::before, .form-pay blockquote::after { content: none; } .form-pay blockquote { background: #F5F6FA; padding: 40px 20px; border: 0px; display: flex; justify-content: space-between; align-items: center; min-height: 140px; } .form-pay blockquote p { margin-bottom: 0px; font-size: 14px; color: #515465; color: #4D4F5C; font-family: 'Montserrat', sans-serif !important; font-weight: 400; } .form-pay blockquote p.invoice-p { margin-bottom: 5px; font-weight: 600; } .form-pay blockquote a.btn.btn-primary.btn-sm { font-size: 14px; } .form-pay .table-cert-title span { width: 100%; float: left; } .form-pay .table-pay thead tr th { text-transform: uppercase; color: #A3A6B4; font-weight: 600; padding: 15px; border: 0; } .form-pay .table-pay tbody tr td { font-weight: 400; padding: 15px; color: #4D4F5C; border: 0px; } .form-pay .table-pay thead tr { border: 0px; } .form-pay .table-pay tbody tr { border-bottom: 1px solid #EBEBED; } .form-pay .table-pay tbody tr:last-child { background: #f6f6fa; border: 0px; } .form-pay .table-pay table { margin-bottom: 0px; } .form-new .payment-methods .payment-methods-inner { width: 100% !important; border-radius: 0; } .form-new .payment-methods-btn .btn { background-color: #5E9F4A !important; border-radius: 3px; margin-right: 15px; border-color: #5E9F4A !important; } .form-new .payment-methods-btn .btn:hover { background-color: #5E9F4A !important; border-color: #5E9F4A !important; } .form-new .payment-methods-btn.d-flex.justify-content-center { justify-content: right; } /* Fancybox */ #fancybox-content, #fancybox-outer { min-width: 400px !important; border-radius: 5px !important; } #fancybox-close { position: absolute !important; right: -35px !important; top: -15px !important; width: 34px !important; height: 34px !important; z-index: 9999999 !important; background: #a11e29 !important; border-radius: 100% !important; border: 3px solid #fff !important; } #fancybox-close:after, #fancybox-close:before { position: absolute; left: 13px; content: ' '; height: 16px; width: 3px; background-color: #fff; top: 6px; } #fancybox-close:before { transform: rotate(45deg); } #fancybox-close:after { transform: rotate(-45deg); } #fancybox-content h2 { color: #A11E29; font-weight: 500; border-bottom: 2px solid #f5f5f5; margin-top: 10px; margin-bottom: 20px; } #fancybox-overlay { background-color: #000 !important; } table.table-exam-results { margin-top: 5px; } .table-exam-results thead tr th { text-transform: uppercase; color: #A3A6B4; font-weight: 600; padding: 12px 15px !important; } .table-exam-results tbody tr td { font-weight: 400; color: #4D4F5C; border: 1px solid #EBEBED; padding: 8px 15px; font-size: 14px; } .table-exam-results tbody tr td:first-child { font-weight: 600 !important; width: 300px !important; } /* End of fancybox */ .form-bottom { margin-bottom: 60px; } form#exam-search select { width: 100%; height: 38px; background: #fff; border: 1px solid #E2E3E9 !important; border-radius: 4px; padding: 0 8px; appearance: none !important; outline: none; color: #4D4F5C; font-size: 13px; cursor: pointer !important; } form#exam-search label { font-weight: 500; color: #4D4F5C; } .buttons-group { margin-top: 20px; } .buttons-group a { font-size: 14px; margin-bottom: 15px !important; padding: 6px 10px; font-weight: 400 !important; width: fit-content; } .buttons-group a b { font-weight: 400; } /* .buttons-group a i, .redesign-dropdown-view .table .collapse.in a.btn i { padding-right: 3px; } */ #user-questions-request-form .select2-container { width: 100% !important; } .form-view #user-questions-request-form .select2-container .select2-choice { border: 1px solid #EBEBED !important; width: 100% !important; } .form-new .buttons-group .fa { font-size: inherit; margin-top: 0px; position: relative; top: auto; left: auto; } .table-retake .table-released .table tr.filters input { height: 30px !important; background: #fff; border: 1px solid #E2E3E9 !important; border-radius: 4px; padding: 0 8px; appearance: none !important; outline: none; color: #4D4F5C; font-size: 13px; } .table-retake #pecb-user-questions-grid { margin-bottom: 40px; } .table-retake #pecb-user-questions-grid td.button-column { display: flex; } .table-retake #pecb-user-questions-grid td.button-column .btn { margin-right: 5px; margin-top: 0; } .table-retake #pecb-user-questions-grid td.button-column .btn:last-child { margin-right: 0px; } .training-events-list-item span.view-course-link { position: relative; padding-right: 30px; font-weight: 500; font-size: 14px; } .training-events-list-item span.view-course-link svg { width: 24px; height: 24px; position: absolute; right: 0; } .table-retake .table-released td.empty { padding-left: 0 !important; } .table-retake .table-released span.empty { color: #A11E29; font-weight: 400; margin-top: 25px; margin-left: 0px; border: 0; } .main-container .payment-methods .payment-methods-inner { width: 100%; } h4.button-are-sure a { padding: 5px 10px; border-radius: 4px; } .main-container .widget-box { position: relative; padding: 0 5px 12px; width: 100%; margin-top: 12px; } .main-container .widget-box .widget-inner { /* background: #F6F6FA; */ height: 110px; width: 100%; display: flex; justify-content: center; align-items: center; } .main-container .widget-box .widget-inner img { width: 100%; height: 100%; object-fit: cover; } .form-new .form-label label { width: auto !important; } .main-container .btn { font-family: 'Montserrat', sans-serif !important; } .main-container .small, .main-container small { font-size: 100%; } #fancybox-content img { width: 100% !important; height: 100% !important; object-fit: contain !important; } .form-control { font-weight: 400; } .form-new input#User_avatar { margin-bottom: 20px; } .table-approved thead tr:first-child { background-color: #F5F6FA; } .table-approved table thead tr th, .table-approved table thead tr th a, .table-approved table thead tr td { color: #43425D !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif; font-weight: 500; } .table-approved table thead tr th { padding: 15px !important; } .table-responsive.table-approved table thead tr th a { padding-bottom: 0px !important; } .table-approved table tbody tr td { font-weight: 400 !important; } .main-container .table-approved .grid-view .filters select { background: #fff !important; font-size: 14px; color: #4D4F5C; font-family: 'Montserrat', sans-serif; outline: none !important; font-weight: 400; width: 100%; height: 37px; padding: 6px 12px; border: 1px solid #ededed; border-radius: 0; cursor: pointer; } .about_tabbed svg.icon.icon-tabler.icon-tabler-search { width: 22px; height: 22px; position: absolute; left: 22px; top: 50%; transform: translateY(-50%); } .table-approved table tbody tr td:nth-child(4), .table-approved table tbody tr td:nth-child(5) { position: relative; padding: 10px 15px; } .main-container .table-approved a.btn.btn-primary.btn-icon { font-size: 13px; margin-left: 5px; } .main-container .table-approved .num-icon > div { display: flex; justify-content: space-between; align-items: center; } .main-container .table-approved a.btn.btn-primary.btn-icon i { padding-right: 5px; } .form-certificate-title legend { margin-bottom: 0; line-height: 1; border-bottom: 0; background: #f5f6fa; padding: 15px; border: 1px solid #EBEBED; border-bottom: 0; } .form-certificate-title legend strong { color: #43425D !important; font-size: 20px !important; font-family: 'Montserrat', sans-serif; font-weight: 500; } .form-certificate-title .table tbody tr td { font-weight: 400 !important; } .table-responisve.table-evaluation td { text-align: left; } table.table-inner .table td { border: 1px solid #ededeb; } table.table-inner td { padding: 15px; } table.table-inner textarea { width: 100% !important; padding: 6px 15px; border: 1px solid #ededeb; } .table-inner input#UserCourseEvaluation_info_public { float: left; margin-top: 13px; position: absolute; z-index: 999; } .table-inner span.fr { float: left; margin-left: 20px; } .main-container .alert.alert-error { padding-left: 0; } .main-container .alert.alert-error a { border: 0; color: #A11E29; font-weight: 400; padding-left: 0px; } .table>thead>tr>th, .table>thead>tr>th a { color: #4D4F5C !important; } .main-container ul.nav.nav-tabs li span.white { padding: 8px 12px; color: #fff; } .main-container .status-title-self-study a { display: none !important; } .table-evaluation table { margin: 10px 0px; } .table-evaluation > table tr td { padding: 0 !important; border-color: transparent !important; } .table-evaluation table tr td { border: 1px solid #ededeb !important; padding: 8px 15px !important; } .table-evaluation table.ques-table1 { width: 100%; } .table-results { margin-top: 60px; } .table-results .table { margin-top: 20px; } .table-results .table thead tr th { background-color: #F6F6FA !important; font-size: 16px; font-weight: 500 !important; padding: 15px !important; color: #43425D !important; } .table-results .table tbody tr td { padding: 12px 15px; font-weight: 400 !important; color: #4D4F5C; min-width: 300px !important; font-size: 14px; } .table-results .table tbody tr td b { font-weight: 400 !important; } .table-results .table a.addLink { background: #a11e29; color: #fff !important; padding: 6px 10px; border-radius: 3px; } a#fancy-link { color: #fff !important; } .main-container nav.portfolio-filter li a { background: #fff; position: relative; color: #a11e29 !important; padding: 8px 15px; border-radius: 3px; font-size: 14px; border: 1px solid #a11e29 !important; font-weight: 500; cursor: pointer; } .main-container nav.portfolio-filter li a:hover, .main-container nav.portfolio-filter li a.active { border: 1px solid #71151d !important; background-color: #71151d !important; color: #fff !important; } .main-container a#allcoursesID.btn.btn-primary.portfolio.filter-news.active { border-color: #71151d !important; } .main-container #result .table { margin-bottom: 20px; } #add-reseller table td img { display: none; } div#language-select .select-drop{ display: none; } .reseller-container .home-dashboards-header-cards-parent, .reseller-container .home-dashboards-header-cards-parent .d-flex { width: 100%; } .table-add-reseller td.button-column { display: flex !important; width: auto !important; } .table-add-reseller td.button-column a { margin-right: 10px !important; } .new-site-popup { position: fixed; height: 100%; width: 100%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); left: 0; right: 0; display: flex; justify-content: center; align-items: center; z-index: 100; } .new-site-popup-inner { padding: 10px 20px; background: #fff; border-radius: 5px; text-align: center; } .new-site-popup-inner h5 { font-size: 20px; font-weight: bold; color: #4D4F5C; margin-bottom: 0; padding-bottom: 0; } .new-site-popup-inner p { font-size: 13px; font-weight: 500; color: #4D4F5C; margin: 0 0 20px 0; padding: 0; } .new-site-popup-inner .btn { margin-top: 30px; margin-bottom: 20px; } .beta-disclaimer { position: absolute; right: 0; bottom: 0; margin-bottom: 10px; } .new-site-popup-close { display: block; text-align: right; font-weight: 500; font-size: 15px; cursor: pointer; } .info-site-popup-parent { z-index: 1000; position: fixed; right: 20px; bottom: 100px; } .info-site-popup { width: 50px; height: 50px; border-radius: 50%; color: #fff; background-color: #a11e29; padding: 10px; position: relative; cursor: pointer; } .info-site-popup-text { border-radius: 5px; max-width: 450px; } .info-site-popup-text-top { background-color: #a11e29; padding:5px 20px 20px; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; } .info-site-popup-text h3 { color: #fff; padding: 0; margin: 0 0 5px 0; font-weight: bold; font-size: 16px; } .info-site-popup-text-top span { display: block; text-align: right; cursor: pointer; } .info-site-popup-text-bottom { background: #B5414B; color: #fff; text-align: right; padding: 5px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: relative; } .info-site-popup-text-bottom a { color: #fff; font-weight: 500; font-size: 13px; } .info-site-popup-text-bottom a:hover { color: #fff !important; } .info-site-popup-text-inner { font-size: 13px; } .info-site-popup-text-inner a { color: #fff; font-weight: 500; } .info-site-popup-text-inner a:hover { color: #fff !important; } .info-site-popup-parent-icon { justify-content: end; margin-top: 8px; } .info-site-popup-text-bottom::before { position: absolute; content: ''; width: 10px; height:10px; background: #B5414B; z-index: 200px; bottom: -3px; right: 23px; transform: rotate(45deg); } /* Datepicker new style */ .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { color: #4D4F5C !important; font-family: 'Montserrat', sans-serif !important; border: 1px solid #e2e3e9 !important; } .ui-widget-header { border: 1px solid #e2e3e9 !important; background: #f5f6fa !important; color: #4D4F5C !important; } .ui-corner-all { background: #fff !important; border: 0px !important; box-shadow: 1px 3px 10px 2px #f1eded !important; border-radius: 10px !important; padding: 10px !important; color: #4D4F5C !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: transparent !important; color: #4D4F5C !important; border: 0 !important; text-align: center !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #ebebed !important; color: #4D4F5C !important; border-radius: 6px !important; } .ui-state-active, .ui-widget-content .ui-state-active { background: #a11e29 !important; color: #fff !important; border-radius: 6px !important; } .ui-datepicker-buttonpane.ui-widget-content { border: 1px solid #f6f6fa !important; padding: 0 !important; margin: 0 !important; } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { padding-right: 0 !important; padding-left: 0 !important; } .ui-datepicker .ui-datepicker-title select { margin: 1px 2px !important; border: 1px solid #ededed !important; width: 47% !important; font-size: 14px !important; color: #787878 !important; font-weight: 600 !important; text-transform: uppercase !important; border-radius: 5px !important; outline: none !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 8px !important; width: 1.8em !important; height: 1.8em !important; box-shadow: none !important; } .ui-datepicker .ui-datepicker-prev { left: 2px !important; } .ui-datepicker .ui-datepicker-next { right: 2px !important; } .ui-datepicker .ui-datepicker-buttonpane button { padding: 5px 12px !important; font-size: 13px !important; font-weight: 600 !important; } /* End of Datepicker new style */ .distributor-container .search-more-field select.form-control.js-example-basic-multiple.search-control.select2-offscreen { top: -28px !important; height: 28px !important; border: 0 !important; width: 98%; left: 2px; } .main-container .select-arrow { position: relative; cursor: pointer !important; } .main-container .select-arrow select{ cursor: pointer !important; } .main-container .select-arrow:before { content: " "; position: absolute; right: 15px; width: 10px; height: 10px; border-top: 2px solid #E4E4E4; border-left: 2px solid #E4E4E4; transform: rotate(-135deg); z-index: 1; top: 52px; } .main-container .search-more-field .select-drop, .main-container .search-more-field .select-drop:before { display: none !important; } .table-retake .table-released thead .filters td:nth-last-child(2) { border: 0 !important; border-right: 1px solid #EBEBED !important; } .calendar-search { position: relative; } .calendar-search svg { width: 18px; height: 18px; position: absolute; bottom: 6px; right: 8px; } input#datepicker_created { cursor: pointer; } .form-new .table-cpd-info tr td:last-child { border: 0px; border-bottom: 1px solid #ededeb; } .form-new .table-cpd-info tr:last-child { border-bottom: 1px solid #ededeb; } .form-new .table-cpd-info tr:last-child td:last-child { border: 0px; } .form-new .form-view .form-control.error, .form-new .form-view .border-required { border: 1px solid #a11e29 !important; } .btn-svg svg{ width: 18px; height: 18px; } .stepwizard-step p { font-weight: 500; color: #43425D; } .certification_schemeli a { font-weight: 500; } .btn-circle { width: 33px !important; height: 33px !important; border-radius: 100% !important; font-weight: 600 !important; border-color: #ddd !important; font-size: 14px !important; } /* Responsive redesign dashboards */ @media (max-width: 1400px) { .main-container ul.nav.nav-tabs li a { padding-right: 20px; line-height: 18px; } } @media (max-width: 1300px) { .main-container { padding: 0 3%; } .container-top-bar-login { padding: 0 3%; } .main-container ul.nav.nav-tabs li a { font-size: 13px; } .main-container .dashboard-main-title h1.mainTitles { font-size: 14px; padding: 14px 10px; } .main-container .button.d-flex.align-items-center.nd-menu-item { padding: 5px 6px !important; } .main-container .panel-heading a > em { right: 10px !important; width: 10px !important; height: 10px !important; } .main-container ul.nav.nav-tabs li a { padding-left: 10px; } .nd-menu-item svg, .accordion svg { width: 25px; height: 25px; } } @media (max-width: 1190px) { .main-container .button-certification { padding: 8px 6px; } .main-container .button.d-flex.align-items-center.nd-menu-item { padding: 5px 1px !important; } } @media (max-width: 991px) { .main-container { padding: 0 6%; } .container-top-bar-login { padding: 0 6%; } .bg-white-sm { background-color: #fff; padding: 0px; } .main-container ul.nav.nav-tabs li a { font-size: 14px; } .main-container .button-certification { padding: 8px 12px; max-width: 200px; width: 100%; } .main-container .button.d-flex.align-items-center.nd-menu-item { padding: 5px 10px !important; } .main-container ul.nav.nav-tabs li a { padding: 8px 12px; } .main-container .panel-heading a > em { right: 15px !important; width: 12px !important; height: 12px !important; } .reseller-container .bg-reseller, .distributor-container .bg-distributor { min-height: 100%; } .home-dashboards-header { flex-direction: column; } .home-dashboards-header-cards-parent { margin-top: 20px; flex-direction: column; } .home-dashboards-header-cards-parent .home-dashboards-header-cards { margin-top: 10px; width: 100%; } } /* End of Redesign of dashboard member */ /* media queries **********************************************************/ @media (max-width: 285px){ /* Forgot password */ .forgot-password-form { padding: 15px 5px !important; } .forgot-password-form .forgot-password-form-input input { font-size: 11px; } /* end forgot password */ /* sidebar item */ .sidebar-calendar-desc { margin-left: 10px !important; } /* end sidebar item */ /* Partner event details */ .event-details-footer { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .event-details-footer-link { margin-bottom: 10px; } /* end partner event details */ /* new releases search */ .search-section i { font-size: 15px; top: 17px; left: 6px; } .search-section input.form-control { padding-left: 24px } /* end new releases search */ /* info kits */ .info-kits-item-description h4 { margin: 0; } .info-kits-item img { margin-left: 13px; } /* end info kits */ /* recaptcha */ .job-portal #reCaptcha { transform: scale(.7) !important; transform-origin: 0 0; } /* end recaptcha */ /* end process steps */ .custom-look-form .g-recaptcha { transform: scale(0.67) !important; } /* counting numbers */ /* subscribe */ .subscriber-section-title p { font-size: 12px; } /* end sibscribe */ } @media (max-width: 322px) { .top-menu-left span a.top-left-link { font-size: 11px !important; } /* slider */ .slider-wrapper.slider-wrapper-custom .tp-banner-container .tp-caption.small_title.customin.customout.start.btn-slider { top: 100px !important; } .slider-wrapper-custom .tp-banner-container .tp-caption.big_title_slider.customin.customout.start { font-size: 12px !important; } /* end slider */ /* info kits */ .info-kits-item-description { max-width: 250px !important; } /* end of info kits */ /* single articles, webinars, whitepapers */ .widget-body .widget-body-img .popularImage { width: 220px !important; margin-bottom: 15px; } .custom-cards .entry { min-height: 110px !important; } /* .custom-cards .col-sm-6{ padding: 0; } */ .custom-cards .portfolio-carousel { padding: 0 !important; } /* end single articles, webinars, whitepapers */ /* custom paginaton */ .custom-pagination .pagination ul.yiiPager .first, .custom-pagination .pagination ul.yiiPager .last { display: none !important; } .custom-pagination .pagination ul li a { font-size: 13px; } /* end custom pagination */ /* recaptcha tickets */ .my-tickets .g-recaptcha { transform: scale(.7) !important; } .recaptcha-parent .g-recaptcha { transform: scale(.63) !important; } /* end recaptcha tickets*/ /* Support */ .custom-card .nav-tabs>li { padding: 10px 3px; } .custom-card .nav-tabs>li>a { font-size: 14px; } /* end support */ /* trainer contact form */ .trainer-contact-form .g-recaptcha { transform: scale(.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* end trainer contact form */ /* Forgot password */ .forgot-password-form { margin: 0 !important; } .forgot-password-form .forgot-password-form-input input { padding: 6px 5px; } /* end forgot password */ /* side-bar item card */ .sidebar-item { padding: 10px !important; } /* side-bar item card */ } @media (max-width: 375px) { /* main menu */ .social-icons span a { margin-top: 10px; margin-bottom: 10px; } .resources-dropdown-desc span{ max-width: 180px; } #topbar .topbar-login a { font-size: 10px; } .top-menu-left span a.top-left-link { margin-top: 10px; line-height: 1.2; } /* end main menu */ .slider-wrapper.slider-wrapper-custom .tp-caption.small_title.customin.customout.start.btn-slider { top: 120px !important; } /* end slider */ /* custom card */ .custom-cards .entry { min-height: 130px; } /* end custom card */ /* recaptcha tickets */ .my-tickets { padding-right: 0; padding-left: 0; } .my-tickets .g-recaptcha { transform: scale(.8); } /* end recaptcha tickets*/ /* Support */ .custom-card .nav-tabs>li { padding: 10px 5px; } /* end support */ /* Event details */ .training-events-list-title { flex-direction: column; } .training-events-list-title h4 { margin-bottom: 15px; } /* end Event details */ /* certification verification */ .certification-verification fieldset p { margin-left: 5px ; margin-top: 10px; } /*end certification verification */ /* job portal */ .job-portal #reCaptcha { float: unset !important; transform: scale(.8) ; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* end jobportal */ /* donwloadlist */ .download-item { padding: 15px 20px; } .download-item.apps-item { padding: 30px 20px 20px; } /* end downloadlist */ /* training events */ .no-results-found { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .no-results-found .btn { margin-top: 15px !important; } /* end training events */ } @media (max-width: 585px) { /* main menu */ .tab-search { padding: 5px; } /* end main menu */ .slider-wrapper-custom .tp-caption.big_title_slider.customin.customout.start { font-size: 14px !important; line-height: 2 !important; margin-top: 20px !important; } .tp-caption.small_title.customin.customout.start.btn-slider a{ padding: 3px 20px !important; } .slider-wrapper-custom .tp-bullets.simplebullets.round .bullet { width: 10px !important; } /* slider */ .tp-rightarrow.default{ right: 0px !important; } .tp-leftarrow.default { left: 0px !important; } /* slider */ } @media (max-width: 585px) { .top-menu-left span a { font-size: 12px !important; } span a.top-left-link:hover .custom-tooltip { display: none; } /* slider */ .slider-wrapper-custom .tparrows:before { font-size: 30px; } .slider-wrapper-custom .tp-caption.small_title.customin.customout.start.btn-slider { top: 140px !important; } .tp-bullets { bottom: -10px !important; } /* end slider */ /* training events */ .training-events-list-body p span { float: none !important; display: block; } .recaptcha-parent { justify-content: left !important; } .recaptcha-parent .g-recaptcha { transform: scale(.8) ; transform-origin: 0 0; } .event-list-item-body-details, .event-list-item-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .event-list-item-body-details-item { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: 0; } /* end training events*/ /* process steps */ .process-steps-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .process-steps-item { width: 100%; margin-bottom: 20px; } .process-steps-item-icon { position: absolute; right: 50%; top: unset; bottom: -18px; transform: rotate(90deg); } /* end process steps */ .custom-look-form .g-recaptcha { transform: scale(0.77); transform-origin: 0 0; } /* counting numbers */ .counting-numbers { padding-top: 0; } /* end counting numbers */ /* training courses right section */ .training-courses-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .training-courses-right .training-courses-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 80%; } .training-courses-right .training-courses-item .training-courses-item-img, .training-courses-right .training-courses-item .training-courses-item-img img { width: 100% !important; height: auto !important; } /* resseller list */ .training-events-list-title h4 a { word-break: break-all; } /* end resseller list */ /* custom forms */ .custom-look-form { padding: 15px 0px; } /* end custom form */ /* Training Events */ .training-events-list-item { margin-top: 30px; } /* End of training events */ /* single articles, webinars, whitepapers */ .page-bredcrum-category { display: block; margin-bottom: 10px !important; } .widget-body-img .popularImage { } /* end single articles, webinars, whitepapers */ /* recaptcha tickets */ .my-tickets .g-recaptcha { float: unset !important; transform: scale(.9) ; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } /* end recaptcha tickets */ /* Forgot password */ .forgot-password-form { padding: 15px 10px; } /* end forgot password */ /* subscribe */ .subscriber-section-left { align-items: center !important; } /* end subscribe */ /* Footer */ .new-footer-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .new-footer-inner-menu { min-width: 170px; margin-right: 0; } /* End Footer */ /* Info kits */ .info-kits-item .entry { min-height: 260px; } .info-kits-item-description { padding: 10px 10px ; max-width: 290px; bottom: 20px; min-width: auto; } /* end of info kits */ } @media (max-width: 767px) { /* network menu */ #header-style-1 .yamm .dropdown.yamm-fw .dropdown-menu.new-dropdown-menu.small-menu-dropdown.network .new-dropdown-menu-list { flex-direction: column; } #header-style-1.header-style-new .nav.navbar-nav>li>a { font-size: 17px !important; } /* end network menu */ /* Resource menu */ .round-icons-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .round-icon-parent { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: unset; margin-bottom: 15px; } a.round-icon { height: 50px; width: 50px; margin-right: 10px !important; } .round-icon i { font-size: 25px; } /* end resource menu */ /* Job portal */ .job-portal { padding: 25px 5px; } .job-portal .stepwizard-step p { display: none; } .job-portal .stepwizard-step { padding-left: 0 !important; padding-right: 0 !important ; } /* End Job portal */ /* page links */ .links-panel-item-details { flex-direction: column !important; margin-left: 30px; } .links-panel-item-details span { margin-top: 5px; } .links-panel-item-link a{ word-break: break-word; } .copy-link-btn { margin-left: 10px; } /* end page links */ } @media (max-width: 768px) { /* top menu */ #topbar .topbar-login, #topbar .topbar-language, #topbar .topbar-store, #topbar .topbar-partners { display: inline-block; border: none !important; float: none !important; clear: both !important; text-align: center !important; margin: auto; padding: 12px 5px; line-height: 15px; } #topbar .topbar-login { height: auto; } #topbar .topbar-language .languages-dropdown { padding-top: 10px; } #topbar .topbar-language .languages-dropdown a { line-height: 30px; } .social-icons span a { height: auto; } #topbar #role-switcher-holder .dropdown-menu { top: 100%; } #topbar #role-update-form { margin-bottom: 2px; } #topbar #role-update-form { display: inline-block; } /* main menu */ #header-style-1 .navbar-nav { margin: 7.5px 5px; } #header-style-1 .dropdown-menu, #header-style-1 .yamm .dropdown.yamm-fw .dropdown-menu { box-shadow: none; border: 1px solid #e6e3e3; } a.round-icon img { width: 30px; height: auto; } /* slider */ .tp-caption.small_title.customin.customout.start { display: none; } .tp-caption.small_title.customin.customout.start.btn-slider { display: block; font-size: 12px !important; } .tp-caption.big_title_slider.customin.customout.start { font-size: 16px !important; line-height: 2 !important; margin-top: 35px !important; } /* end slider */ .tab-menu .tab-content { padding: 0 30px; } .resources-dropdown-desc { padding-left: 10px; font-size: 16px; } /*new dropdown menu */ .new-dropdown-menu-inner { max-height: unset; -webkit-columns: 1; -moz-columns: 1; columns: 1; } /* end main menu */ .slider-wrapper-custom .tp-bullets.simplebullets .bullet { width: 25px !important; margin-right: 5px !important; } /* World wide courses home page */ .course-schedule { padding-top: 0; } .course-schedule .mixed-title { margin-bottom: 40px; } .custom-filters-select { -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .custom-filters-select select, .custom-filters-select select.form-control, .custom-filters-select input.form-control { width: 100% ; } .custom-filters-select select:not(:first-child), .custom-filters-select input { margin-top: 15px; } .course-schedule .owl-carousel .owl-controls .owl-next { right: 0; } .course-schedule .owl-carousel .owl-controls .owl-prev { left: auto; } .course-schedule .owl-carousel .owl-controls .owl-prev, .course-schedule .owl-carousel .owl-controls .owl-next { transform: none; top: -50px; } /* End World wide courses home page */ /* Home help */ .home-help { background-size: auto; background-position: -49%; } .home-help-inner { padding: 30px } .home-help-inner .mixed-title { margin-top: 0; } .home-help-inner p { line-height: 1.7 !important; } /* End home help */ .course-schedule .mixed-title { margin-top: 30px; } /* Training Methods */ .mixed-title { font-size: 27px; word-break: break-word; } .training-methods-item-img img { max-width: 100%; } /* End training methods */ /* bruchures item*/ .broschures-item-list p span { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end !important; text-align: right !important; } /* borchures item end */ /* Payment methods */ .payment-methods .payment-methods-inner { width: 100%; } .payment-methods .payment-methods-item-checkbox { font-size: 14px; } .payment-methods-item-checkbox span { text-align: right; } /* end payment methods */ /* custom card */ .custom-cards-body .btn { white-space: pre-wrap; } .custom-cards-body { padding: 15px; } /* end custom card */ /* book your seat */ .book-your-seat { flex-direction: column; margin-bottom: 15px; } .book-your-seat-a, .book-your-seat-b { flex-grow: unset !important; } /* end book your seat */ /* single articles, webinars, whitepapers */ .widget-body-img .popularImage { width: 250px !important; margin-bottom: 15px; } /* end single articles, webinars, whitepapers */ /* Downloads */ .download-item-inner { display: block; } /* End of downloads */ /* wizard steps */ .stepwizard .stepwizard-step p { display: none; } .display-mobile-invigilator { display: block; } /* end wizards steps */ /* reseller list*/ .reseller-contanct-ftr { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /*end reseller list*/ /* training events */ .training-events-list-body p span { float: right; } .event-list-item-body-schedule { margin-top: 15px; } /* end training events */ /* insights */ .insights .portfolio-carousel .entry { min-height: auto !important; } /* end insights */ /* standard search */ .search-result-note { font-size: 20px; } .search-result-note span { display: block; margin-top: 10px; } /* end standard search */ /* home filters training course schedule */ .course-schedule-filters .custom-filters-select select.form-control, .course-schedule-filters .custom-filters-select input.form-control, .course-schedule-filters-btns .btn-custom { width: 100%; } .course-schedule-filters-btns a { margin-left: 0; margin-top: 10px; } /* end home filters training course schedule */ /* Subscribtion section */ .subscriber-section-left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .subscriber-section-form { padding-left: 0 !important; } .subscriber-section-left form { margin-top: 15px; } .subscriber-section-left .form-control { width: 170px; } .subscriber-section-right { justify-content: center !important; margin-top: 20px; } .subscriber-section-right .btn:first-child { width: 275px; margin-top: 5px; margin-right: 0 !important; } .subscriber-section-title { margin-right: 0; margin-bottom: 15px; } .subscriber-section-left { align-items: center; } /* End Subscribtion section */ /* ALert custom bar */ .custom-alert div { padding: 5px 7px !important; font-size: 12px; } .custom-alert span { width: 65px !important; height: 60px !important; } /* Footer */ .new-footer-inner { justify-content: center; align-items: center; } .new-footer-inner-menu { max-width: 230px; } .bottom-footer-inner { flex-direction: column-reverse; } .bottom-footer-inner-left p { text-align: center; } .bottom-footer-inner-left { margin-top: 20px; } .bottom-footer-inner-right { margin: 0; } /* End Footer */ } @media only screen and (min-width:768px) and (max-width:991px){ } @media (max-width: 991px) { .top-menu-left span a { border: none !important; } #header-style-1.header-style-new .navbar-nav>li, #header-style-1.header-style-new.en-header .navbar-nav>li { margin-right: 5px !important; margin-left: 5px !important; } #header-style-1.header-style-new .navbar-nav>li>a { font-size: 14px !important; } /* Training Methods */ .training-methods { padding-top: 25px; padding-bottom: 25px; } .training-methods-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .training-methods-item-content { margin-top: 30px; padding-left: 0; } /* End training courses */ /* trainer profile */ .trainer-coupon-info { margin-top: 15px; } /* end trainer profile */ /* counting number */ .counting-numbers .f-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; white-space: nowrap; } .counting-numbers .f-element { border: 0 !important; } /*end counting number */ /* Home Help */ .home-help-inner { padding-bottom: 0; } /*End Home Help */ /* Counting number */ .counting-numbers .milestone-counter { float: none; } .counting-numbers .f-element { border-left: none; } .counting-numbers .milestone-counter .milestone-details { float: none; } /* End counting numbers */ /* Training Events */ .training-events-filters { margin-right: 0; } .training-events-list-item { margin-left: 0; } .training-events-list-body-right { float: none; } /* End of training events */ /* insights */ .insights-carousel-body { min-height: auto; } .insights .portfolio-carousel img { height: auto; } /* end insights */ /* Subscribtion section */ .subscriber-section-right { margin-top: 6px; } /* End Subscribtion section */ .standard-card-parent .col-md-6 { width: 100%; } } @media (max-width: 1200px) { .callus { font-size: 13px; } #topbar .topmenu { float: unset; justify-content: center; } /* top-left menu */ .top-menu-left { display: -webkit-box; display: -ms-flexbox; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .top-menu-left span a { font-size: 12px; padding: 0 4px; } #header-style-1.header-style-new .navbar-nav>li { margin-left: 10px !important; margin-right: 10px !important; } #header-style-1.header-style-new .navbar-nav>li>a { font-size: 16px; } /* World wide courses home page */ .course-schedule-filters, .course-schedule-filters form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px } /* .course-schedule-filters-calendar { margin-bottom: 15px; } */ .course-schedule-filters div:not(:first-child) { margin-top: 20px; } /* End world wide courses home page */ /* Home help */ .home-help { min-height: 450px; } .home-help-inner p { line-height: 1.3; } /* end home help */ /* Subscribtion section */ .subscriber-section-right { justify-content: unset; } /* End Subscribtion section */ .insights .portfolio-carousel .entry { min-height: 133px; } } @media (max-width: 1300px) { .custom-tooltip { left: 0; margin-left: 0; } .custom-tooltip::before { left: 20px; } .custom-tooltip.custom-tooltip-store { left: unset; right: 0; } .custom-tooltip.custom-tooltip-store::before { left: unset; right: 20px; } } /* sidebars css genti */ /* Sidemenus */ .sidebar { margin-top: 20px; margin-bottom: 20px; } .sidebar-item { border: 5px solid #ececec; padding: 20px; margin-top: 20px; background: #fff !important; } .navi { list-style: none; } .sidebar .nav-tabs { border: 0; } .sidemenu .nav-tabs { border: 0; } .sidemenu .widget li a { background: #f4f5f6; font-weight: 400; } #sidemenu div.widget ul.navi li{ background: #f4f5f6 !important; border-left:#f4f5f6 solid 4px!important; font-family: montserrat; margin-bottom: 4px; padding: 3px; transition: .2s linear all; } #sidemenu .widget ul.navi li:hover, #sidemenu .widget ul.navi li.active{ border-left-color: #a11e29!important; } #sidemenu .widget ul.navi li a { font-size: 15px; } #sidemenu .widget ul.navi li a:hover, #sidemenu .widget ul.navi li.active a { color: #262626 !important; background: transparent !important; font-weight: 600; } #sidemenu .widget ul.navi li.active a:active { background-color: #f4f5f6 !important;; } .widget .title h3 { font-size:15px; text-transform: none; } .nitem p, .nitem h3, .nitem span{ font-family: 'Montserrat', sans-serif; font-size: 25px; } .nitem a{ color: #262626; } .side-ul { line-height: 3; bottom: 15px; position: relative; } .viewAll a{ color: #a11e29 !important; font-weight: 600; font-family: 'Montserrat', sans-serif; font-size: 16px; transition: linear .2s color; } .viewAll a:hover { color: #000 !important; } .sidebarHeader{ margin-top: 0; font-family: 'Montserrat', sans-serif; font-size: 26px; font-weight: 600; } .newsReleasesHeader { color: #a11e29 !important; } h2.article-title a { color: #22262A !important; } .sidebarHeader, .side-ul li { color: #262626; } .sidebar-calendar-item { margin-bottom: 15px; border: 0 !important; } .sidebar-calendar-date, .pdf-broschure-left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: normal; background: #a11e29; padding: 7px 12px 12px; color: #fff; } .sidebar-calendar-date span { font-size: 12px; } .sidebar-calendar-date p { margin: 0; padding: 0; font-size: 25px; } .sidebar-calendar-desc, .pdf-broschure-right { margin-left: 20px; } .sidebar-calendar-desc h4, .pdf-broschure-right h4{ font-family: 'Montserrat', sans-serif; font-weight: 600; color: #22262A; margin: 0; padding: 0; } .sidebar-calendar-desc h4:not(:last-child), .pdf-broschure-right h4:not(:last-child) { margin-bottom: 10px; } .sidebar-calendar-desc h4 a:hover, .pdf-broschure-right h4 a:hover { background: transparent; color: #a11e29 !important; } .pdf-broschure-right h4 i { color: #a11e29; margin-right: 5px; } .sidebar-calendar-desc h4 { font-size: 18px !important; padding-right: 40px; } .sidebar-calendar-desc span { color: #22262A; font-size: 15px; font-weight: 500; } .sidebar-calendar-desc span i { font-size: 15px; width: auto; } .span-right { margin-left: 10px; } .sidebar-calendar-desc h4{ font-size: 15px; } .pdf-sidebar { padding: 5px 12px; } .pdf{ color: white; font-size: 35px; } .sidebar-icon-square { padding: 10px; background: #a11e29; color: #fff; } .sidebar-icon-square i { font-size: 20px; } .buy-iso h4 { margin: 0; margin-left: 15px; font-weight: 600; font-size: 18px; } .buy-iso h4 span { color: #a11e29; } .buy-iso h4 a { background: transparent !important; color: #22262A !important; } .latest-cards .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article-title { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 600; line-height: 1.1 !important; } .article-title a { background: transparent !important; } .article-title a:hover { color: #a11e29 !important; } .widget-body-img { transition: .2s linear opacity; } .widget-body-img:hover img { opacity: .9; } .widget-body-img .popularImage { width: 130px; height: auto; } .article-body { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 14px; } .article-body a { color: #262626; transition: .3s linear color; line-height: 1.3; } .article-body a:hover { color: #a11e29; } .article-body p { text-align: unset !important; } .article-link { margin-top: 10px; } .article-link a { color: #a11e29; font-weight: 500; transition: liner .2s color; } .article-link a:hover { color: #262626 !important; } .page-bredcrum { font-size: 11px; margin-bottom: 30px; } .page-bredcrum span { padding: 8px; color: #fff; font-weight: 500; margin-bottom: 5px; } .page-bredcrum-category { background: #a11e29; margin-right: 5px; border: 1px solid #a11229; transition: .2s linear all; } .page-bredcrum-category:hover { background: #fff; } .page-bredcrum-category:hover, .page-bredcrum-category:hover a { color: #a11e29; } .page-bredcrum-category a { color: #fff; } .page-bredcrum-date { background: #707070; border: 1px solid #707070; } /* end sidebar */ /* Loading dialog */ #loading-dialog {display:none; position:absolute; background:#fff; opacity:.4; top:0; left:0; width:100%; height:100%;} .loader, .loader:after { border-radius: 50%; width: 10em; height: 10em; } .loader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(57,72,103, 0.2); border-right: 1.1em solid rgba(57,72,103, 0.2); border-bottom: 1.1em solid rgba(57,72,103, 0.2); border-left: 1.1em solid #394867; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* End of Loading dialog */