/* Check style.css for 0 - 7 8 ShortCodes 9 Comments 10 Footer 11 Isotope 12 Tooltip 13 Revolution slider 14 Loader / coming soon /************************************************************************************ 8 ShortCodes *************************************************************************************/ /******* Timeline Event *******/ .timeline_event_ctn { position:relative; clear:both; padding:0 0 80px; } .timeline_event_date_ctn { width:100%; float:left; display:block; clear:both; margin:74px 0 37px; } span.timeline_event_date_ctn:nth-of-type(odd) { margin: 99px 0 63px; } .timeline_event_date_ctn .timeline_event_date { float:none; clear:both; text-align:center; display: block; position:relative; } .timeline_event_date_ctn:nth-of-type(even) .timeline_event_date { float: none; clear: both; text-align: center; display: block; position: relative; width: 101px; height: 101px; margin: 0px auto; line-height: 101px; border: 5px solid #fff; box-shadow: inset 0px 5px 5px 2px rgba(0, 0, 0, 0.4); border-radius: 200px; box-shadow: inset 0px 3px 6px 0px rgba(0, 0, 0, 0.2), 0px 0px 1px 0px rgba(0, 0, 0, 0.15); } .timeline_event_date_ctn:nth-of-type(even) h2 { line-height:91px; background:none!important; } .timeline_event_date_ctn:nth-of-type(odd) .timeline_event_date { text-align: center; display: block; position: relative; width: 101px; height: 50px; margin: 0px auto; line-height: 50px; } .timeline_event_date_ctn:nth-of-type(odd) h2 { line-height:50px; background:none!important; } div.timeline_event:nth-of-type(even) { width:50%; float:left; padding-right: 105px; margin-bottom:100px; position:relative; } div.timeline_event:nth-of-type(odd) { width:50%; float:right; margin-top:100px; padding-left: 105px; position:relative; } div.timeline_event:nth-of-type(even):after { content: "\f061"; position: absolute; right: 58px; top: 4px; font-size: 16px; font-family: "FontAwesome"; } div.timeline_event:nth-of-type(odd):before { content: "\f060"; position: absolute; left: 58px; top: 4px; font-size: 16px; font-family: "FontAwesome"; } .event_img { float: left; border: 9px solid #ebebeb; border-radius: 300px; max-width: 188px; margin-top:8px; } .event_img img { display: block; border-radius: 300px; padding: 2px; } .event_info { float: right; width: calc(100% - 188px ); padding-left: 21px; } .event_info h2 { font-size:18px; font-weight:bold; line-height:30px; margin-bottom:8px; } .timeline_event_ctn .v_line { background: none repeat scroll 0 0 #ebebeb; height: 100%; left: 50%; position: absolute; width: 10px; margin-left:-5px; border-radius:3px; } /******* Social Icon *******/ .rd_si_small { float: left; width: 100%; } .rd_si_small div { width: auto!important; margin-right: 15px !important; color: #fff!important; font-size: 20px; } .rd_si_small div a:hover, .rd_si_medium div a:hover { background:none!important; } .rd_si_medium { float: left; width: 100%; } .rd_si_medium div { width: auto!important; margin-right: 20px !important; color: #fff!important; font-size: 26px; } .rd_si_big_squared div { height: auto!important; margin: 0!important; padding: 0!important; float:left; font-size: 60px; } .rd_si_big_squared div:hover { opacity:0.75; } .rd_si_big_squared div a { width: 100%; line-height: 240px; display: block; } .rd_si_squared { float: left; width:100%; } .rd_si_squared div { margin-right: 3px !important; } .rd_si_squared div a { width: 30px !important; height: 30px !important; display: block; border: 1px solid; line-height: 28px; } .rd_si_big_rounded div { height: auto!important; margin: 0!important; padding: 0!important; float:left; font-size: 32px; } .rd_si_big_rounded div a { width: 140px; height:140px; margin:0 auto 20px auto; line-height: 130px; display: block; border-radius:300px; position:relative; border: 5px solid rgba(255, 255, 255, 0.35); } .rd_si_big_rounded div a:before { content: ""; width: 140px; height: 140px; border: 1px solid; position: absolute; left: 50%; margin-left: -71px; border-radius: 100px; top: -6px; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_si_big_rounded div a:hover:before { transform: scale(1.07); opacity:0.4; } .rd_si_big_rounded_trend div { height: auto!important; margin: 0!important; padding: 0!important; float:left; font-size: 32px; } .rd_si_big_rounded_trend div a { width: 100px; height:100px; margin:0 auto 20px auto; line-height: 100px; display: block; font-size: 24px; border-radius:300px; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /* Images Gallery */ .ig_col_1 { width:100%; float:left; display:block; } .ig_col_2 { width:50%; float:left; display:block; } .ig_col_3 { width:33.3%; float:left; display:block; } .ig_col_4 { width:25%; float:left; display:block; } .ig_col_5 { width:20%; float:left; display:block; } .ig_col_6 { width:16.6%; float:left; display:block; } .ig_col_1 img,.ig_col_2 img,.ig_col_3 img,.ig_col_4 img,.ig_col_5 img,.ig_col_6 img{ display:block; width:100%!important; } .rd_img_gallery_ctn.clearfix img:hover{opacity:0.9;} .rd_img_gallery_ctn.clearfix img{-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;} /* Images Carousel */ .ic_nav { height: 89px; position:relative; } .hover_nav_style { position:relative; } .hover_nav_style .ic_nav { position:absolute; width:100%; height:100%; } .hover_nav_style:hover .ic_left { opacity:1; } .ic_left { height:40px; width:76px; position:absolute; left:50%; margin-left:-75px; border: 1px solid; text-align: center; line-height: 38px; cursor:pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hover_nav_style .ic_left { width:70px; border-radius:100px; border:none!important; z-index:1; top:50%; margin-top:-20px; left:100px; opacity:0; } .hover_nav_style .ic_left:after { position:static; width:auto; height:auto; border:none!important; background:none!important; font-size:30px; } .ic_left:after { font-family: 'elg'; width: 39px; height: 38px; border: 1px solid; position: absolute; text-align: center; content: "\34"; top: -1px; left: -41px; border-radius: 3px 0 0 3px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .hover_nav_style:hover .ic_right { opacity:1; } .hover_nav_style .ic_right { width:70px; border-radius:100px; border:none!important; z-index:1; top:50%; margin-top:-20px; right:100px; opacity:0; } .hover_nav_style .ic_right:after { position:static; width:auto; height:auto; border:none!important; background:none!important; font-size:30px; } .ic_right { height:40px; width:75px; position:absolute; right:50%; margin-right:-75px; border: 1px solid; text-align: center; line-height: 38px; cursor:pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .ic_right:after { font-family: 'elg'; width: 39px; height: 38px; border: 1px solid; position: absolute; text-align: center; content: "\35"; top: -1px; right: -41px; border-radius:0 3px 3px 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_img_carousel a { float: left; display: block; width: 100%; } .rd_img_carousel a img, .rd_img_carousel img { max-width:inherit; width: 100%; float:left; display: block; } .rd_ic_tp .rd_img_carousel a img, .rd_ic_tp .rd_img_carousel img { padding:10px; border:1px solid; } .rd_ic_pager { margin: 20px auto 0; text-align: center; } .rd_ic_pager a { margin: 0 3px 0 0; text-decoration: none; display: inline-block; background: #fff; width: 24px; height: 24px; line-height: 22px; border: 1px solid; } .rd_img_pager a div, .rd_img_pager div { max-width:inherit; width: 97.5px; height: 97.5px; margin-top: -1px; float:left; display: block; } .vc_span6 .rd_img_pager a div, .vc_span6 .rd_img_pager div { width:71.25px; height:71.25px; } .rd_img_pager a img, .rd_img_pager img { border:1px solid; padding:10px; } /* Sponsors */ .partners_ctn.part_col_1 div { float:left; width:100%; text-align:center; } .partners_ctn.part_col_2 div { float:left; width:50%; text-align:center; } .partners_ctn.part_col_3 div { float:left; width: 33.335%; text-align:center; } .partners_ctn.part_col_4 div { float:left; width:25%; text-align:center; } .partners_ctn.part_col_5 div { float:left; width:20%; text-align:center; } .partners_ctn a img { display:block; opacity: 0.8; transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; } .partners_ctn a img:hover { opacity:1; } .sponsors { position:relative; } ul.partners { width:100%; text-align:center; margin-top: 5px; overflow:auto; padding-left: 33px; } .partners li { overflow:visible; padding: 0; display: block; float: left; height:auto !important; } .partners li a { display:block; text-align:center; } .partners li img { opacity: 0.8; padding: 10px 20px; transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; } .partners li a:hover img { opacity:1; } /* Pricetalbe */ .pricetable-clear { clear:both; } .pricetable { width: 1200px; margin: 0px auto 0px auto; padding:0; margin-bottom: 1em; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pricetable .pricetable-inner { position: relative; } .pricetable .pricetable-column { float: left; line-height: 1em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .pricetable .pricetable-column.pricetable-featured { } .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { } /* @group Borders */ .pricetable .pricetable-column.pricetable-standard { } .pricetable .pricetable-column.pricetable-standard.pricetable-last, .pricetable .pricetable-column.pricetable-standard.pricetable-before-featured { border-right: none; } /* @end */ /* @group Headers */ .pricetable h3.pricetable-name, .pricetable h4.pricetable-price { /* Override the post content height */ line-height: 1 !important; margin: 0 !important; font-weight:bold; } .pricetable h3.pricetable-name { margin: 0; padding: 22px 14px 9px 14px; font-size: 20px; font-weight:bold; text-align: center; text-transform: uppercase; } .pricetable .pricetable-featured h3.pricetable-name { padding: 22px 14px 9px 14px; } .pricetable h4.pricetable-price { font-size: 17px; font-weight:300; border-width: 1px 0; text-align: center; padding:0 0 10px 0; } .pricetable .pricetable-featured h4.pricetable-price { } .pricetable .pricetable-header { position:relative; } .pricetable .pricetable-header p { font-size:13px; text-align:center; padding:0 0 30px 0; margin:0; } /* @end */ /* @group Features */ .pricetable .pricetable-features { position: relative; } .pricetable .pricetable-feature { position: relative; font: 12px; font-family:Arial, Helvetica, sans-serif; margin: 0 15px; padding: 10px 0; } .pricetable .pricetable-feature small { font-size: 0.9em; display: block; margin-top: 0.5em; } .pricetable .pricetable-feature:last-child { border-bottom: 1px solid #eee; } .pricetable .pricetable-feature h4 { line-height: 1; margin: 0px; } .pricetable .pricetable-feature p { margin: 0.5em 0em 0em 0em; } /* @end */ /* @group Button */ .pricetable .pricetable-button-container { padding: 15px 15px 35px; } .pricetable .pricetable-featured .pricetable-button-container { padding: 22px 15px 20px 15px; } .pricetable .pricetable-button-container a, .pricetable .pricetable-button-container a .pricetable-gradient, .pricetable .pricetable-button-container a .pricetable-noise { display: block; } .pricetable .pricetable-button-container a { width: 70%; margin: 0 auto; color: #fff; background-color:#F93; text-decoration: none; display: block; overflow: hidden; padding: 17px 0px 15px 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; transition: all linear .2s; -webkit-transition: all linear .2s; -moz-transition: all linear .2s; -o-transition: all linear .2s; } .pricetable .pricetable-button-container a .pricetable-gradient { text-align: center; transition: all linear .2s; -webkit-transition: all linear .2s; -moz-transition: all linear .2s; -o-transition: all linear .2s; } .pricetable .pricetable-button-container a:hover .pricetable-gradient { border-color:#CCC; background-color:#333; } .pricetable .pricetable-button-container .pricetable-noise { display: block; padding: 12px 0px; width: 100%; } /* Some themes add breaks to the pricetable, we dont want those */ .pricetable br { display: none; } .rd_pt_1 .pricetable-column.pricetable-standard.pricetable-first { margin-left: -1.2%; } .rd_pt_1 .pricetable .pricetable-column.pricetable-standard { padding-left: 1.2%; padding-right: 1.2%; } .rd_pt_1 .pricetable-column.pricetable-featured { padding-left: 0.85%; padding-right: 0.85%; margin-top: -5px; } .rd_pt_1 .pricetable h3.pricetable-name { font-size:24px; font-weight:700; text-transform:uppercase; letter-spacing:3px; background:#1abc9c; color:#fff; padding: 18px 14px 18px 14px; } .rd_pt_1 .pricetable h4.pricetable-price { padding: 7px 14px 10px; background: #ecf0f1; font-weight: bold; font-size: 30px; color:#4e4e4e; } .rd_pt_1 span.price_details { font-size: 14px; } .rd_pt_1 .features { background:#fff; color:#a1b1bc; border-top:1px solid #e9edee; border-left:1px solid #e9edee; border-right:1px solid #e9edee; } .rd_pt_1 .pricetable .pricetable-feature { font-size:14px; border:none; margin:0; border-bottom:1px solid #e9edee; padding: 11px 0; } .rd_pt_1 .pricetable .pricetable-button-container { background:#f5f7f8; border:1px solid #e9edee; border-top:1px solid #fff; padding: 17px 34.5px 16px; } .rd_pt_1 .pricetable .pricetable-button-container a { width:100%; padding: 15px 0px 15px 0px; border-bottom: 2px solid rgba(0, 0, 0, 0.2); font-size: 16px; text-transform: uppercase; font-weight: 700; max-width:200px; border-radius:3px; background:#1abc9c; cursor:pointer; } .rd_pt_1 .pricetable-button-container a:hover { background:#34495e !important; } .rd_pt_1 .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { border:5px solid; border-bottom-width:6px; } /*** Style 2 ***/ .rd_pt_2 .pricetable-column.pricetable-standard.pricetable-first { margin-left: -1.2%; } .rd_pt_2 .pricetable .pricetable-column.pricetable-standard { padding-left: 1.2%; padding-right: 1.2%; } .rd_pt_2 .pricetable-column.pricetable-featured { padding-left: 0.85%; padding-right: 0.85%; margin-top: -5px; } .rd_pt_2 .pricetable h3.pricetable-name { font-size:24px; font-weight:700; text-transform:uppercase; letter-spacing:3px; background:#1abc9c; color:#fff; padding: 18px 14px 18px 14px; } .rd_pt_2 .pricetable h4.pricetable-price { padding: 7px 14px 10px; background: #ffffff; font-weight: bold; font-size: 30px; color:#4e4e4e; } .rd_pt_2 span.price_details { font-size: 14px; } .rd_pt_2 .features { background:#231234; color:#a1b1bc; border-top:1px solid #472d5c; border-left:1px solid #472d5c; border-right:1px solid #472d5c; } .rd_pt_2 .pricetable .pricetable-feature { font-size:14px; border:none; margin:0; border-bottom:1px solid #472d5c; padding: 11px 0; } .rd_pt_2 .pricetable .pricetable-button-container { background:#231234; border:1px solid #472d5c; border-top:1px solid #231234; padding: 17px 34.5px 16px; } .rd_pt_2 .pricetable .pricetable-button-container a { width:100%; padding: 15px 0px 15px 0px; border-bottom: 2px solid rgba(0, 0, 0, 0.2); font-size: 16px; text-transform: uppercase; font-weight: 700; max-width:200px; border-radius:3px; background:#1abc9c; } .rd_pt_2 .pricetable-button-container a:hover { background:#34495e !important; } .rd_pt_2 .pricetable .pricetable-featured .pricetable-button-container { background:#f5f7f8; border:1px solid #f5f7f8; border-top:1px solid #fff; } .rd_pt_2 .pricetable-featured .features { background:#ffffff; color:#a1b1bc; border-top:1px solid #e9edee; border-left:1px solid #e9edee; border-right:1px solid #e9edee; } .rd_pt_2 .pricetable .pricetable-featured .pricetable-feature { border-bottom:1px solid #e9edee; } .rd_pt_2 .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { border:5px solid #4b3160 !important; border-bottom-width:6px !important; } /** Style 3 **/ .rd_pt_3 .pricetable { max-width:100%; } .rd_pt_3 .pricetable .pricetable-column.pricetable-standard { position:relative; z-index:1; } .rd_pt_3 .pricetable-column.pricetable-featured { position:relative; z-index:2; } .rd_pt_3 .pricetable-column.pricetable-standard.pricetable-last { } .rd_pt_3 .pricetable .pricetable-header { background: #fff; } .rd_pt_3 .pricetable h3.pricetable-name { font-size:24px; font-weight:700; text-transform:uppercase; letter-spacing:3px; background:#1abc9c; color:#fff; border-radius:3px; padding: 18px 14px 18px 14px; } .rd_pt_3 .pt_price_ctn { padding:31px 30px 31px; margin-top:-1px; text-align:center; border:1px solid #dde6e9; border-top:none; border-bottom:none; } .rd_pt_3 .pricetable h4.pricetable-price { padding: 0; background: #f4f7f8; font-weight: 300; font-size: 40px; color: #a1b1bc; width: 140px; height: 140px; display: inline-block; text-align: center; margin: 0!important; border-radius: 100px; border: 3px solid #ffffff; box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.1); } .rd_pt_3 span.pt_price { margin:37px auto 3px; display:block; } .rd_pt_3 span.price_details { font-size: 14px; display:block; font-weight:normal; } .rd_pt_3 .features { position: relative; background:#fff; color:#a1b1bc; border-top:1px solid #dde6e9; border-left:1px solid #dde6e9; border-right:1px solid #dde6e9; padding-top: 3px; border-radius: 3px 3px 0 0; margin-top: -1px; } .rd_pt_3 .pricetable .pricetable-feature.pricetable-first { border-top:1px solid #dde6e9; border-radius:3px 3px 0 0; padding: 14px 0 12px; } .rd_pt_3 .pricetable .pricetable-feature { font-size:14px; border:none; margin:0; padding: 12px 0 11px; } .rd_pt_3 .pricetable .pricetable-feature:nth-child(even) { background:#f4f7f8; } .rd_pt_3 .pricetable .pricetable-feature:nth-child(odd) { background:#ffffff; } .rd_pt_3 .pricetable .pricetable-button-container { background:#f4f7f8; border:1px solid #dde6e9; border-top:none; border-bottom:none; border-radius: 0 0 3px 3px; padding: 25px 34.5px 25px; box-shadow: 0 0px 0px #ffffff, 0 4px 0 -1px #ffffff, 0 0px 0px 0px #ffffff, 0 0px 0px #ffffff, 0 4px 0 0px #dde6e9, 0px 0px 0px 0px #ffffff; } .rd_pt_3 .pricetable .pricetable-button-container a { width:100%; padding: 15px 0px 15px 0px; border: 3px solid #fff; font-size: 16px; text-transform: uppercase; font-weight: 700; max-width:200px; border-radius: 5px; background:#1abc9c; } .rd_pt_3 .pricetable-button-container a:hover { background:#34495e !important; } .rd_pt_3 .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { } .rd_pt_3 .pricetable .pricetable-column.pricetable-featured h3.pricetable-name { transform: scale(1.03); /* CSS3 */ -moz-transform: scale(1.03); /* Firefox */ -webkit-transform: scale(1.03); /* Webkit */ -o-transform: scale(1.03); /* Opera */ -ms-transform: scale(1.03); /* IE 9 */ padding: 27px 14px 27px 14px; position: absolute; display: block; width: 100%; top: -8px; } .rd_pt_3 .pricetable .pricetable-column.pricetable-featured .pt_price_ctn { background:#f6f8f9; padding: 91px 30px 31px; } .rd_pt_3 .pricetable .pricetable-column.pricetable-featured h4.pricetable-price { background:#fff; border: 1px solid #e0e5e7; } .rd_pt_3 .pricetable-column.pricetable-featured span.pt_price { margin:39px auto 3px; } .rd_pt_3 .pricetable .pricetable-column.pricetable-featured .pricetable-button-container { padding: 36px 34.5px 33px; } .rd_pt_3 .pricetable .pricetable-column.pricetable-featured .pricetable-button-container a { border:none; border-bottom:2px solid rgba(0,0,0,0.3); border-radius:3px; } /** Style 4 **/ .rd_pt_4 .pricetable { max-width:100%; } .rd_pt_4 .pricetable-column.pricetable-standard.pricetable-first { } .rd_pt_4 .pricetable-column.pricetable-standard.pricetable-before-featured { } .rd_pt_4 .pricetable .pricetable-column.pricetable-standard { position:relative; z-index:1; } .rd_pt_4 .pricetable-column.pricetable-featured { position:relative; z-index:2; } .rd_pt_4 .pricetable-column.pricetable-standard.pricetable-last { } .rd_pt_4 .pricetable .pricetable-header { } .rd_pt_4 .pricetable h3.pricetable-name { font-size:24px; font-weight:700; text-transform:uppercase; letter-spacing:3px; background:#1a1c27; color:#fff; border-radius:3px; padding: 18px 14px 18px 14px; } .rd_pt_4 .pt_price_ctn { padding:31px 30px 31px; margin-top:-1px; text-align:center; border:1px solid #1a1c27; border-top:none; border-bottom:none; } .rd_pt_4 .pricetable h4.pricetable-price { padding: 0; background: #12e5bb; /* Old browsers */ background: -moz-linear-gradient(45deg, #12e5bb 0%, #59d4fd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #12e5bb), color-stop(100%, #59d4fd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #12e5bb 0%, #59d4fd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #12e5bb 0%, #59d4fd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #12e5bb 0%, #59d4fd 100%); /* IE10+ */ background: linear-gradient(45deg, #12e5bb 0%, #59d4fd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12e5bb', endColorstr='#59d4fd', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ position:relative; font-weight: 300; font-size: 40px; color: #fff; width: 140px; height: 140px; display: inline-block; text-align: center; margin: 0!important; border-radius: 100px; box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.1); } .rd_pt_4 .pricetable h4.pricetable-price:after { content: ""; width: 140px; height: 140px; background: red; position: absolute; background: #12e5bb; background: -moz-linear-gradient(45deg, #12e5bb 0%, #59d4fd 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #12e5bb), color-stop(100%, #59d4fd)); background: -webkit-linear-gradient(45deg, #12e5bb 0%, #59d4fd 100%); background: -o-linear-gradient(45deg, #12e5bb 0%, #59d4fd 100%); background: -ms-linear-gradient(45deg, #12e5bb 0%, #59d4fd 100%); background: linear-gradient(45deg, #12e5bb 0%, #59d4fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12e5bb', endColorstr='#59d4fd', GradientType=1 ); top: 0; left: 0; z-index: -1; border-radius: 100px; transform: scale(1.08); /* CSS3 */ -moz-transform: scale(1.08); /* Firefox */ -webkit-transform: scale(1.08); /* Webkit */ -o-transform: scale(1.08); /* Opera */ -ms-transform: scale(1.08); /* IE 9 */ opacity: 0.5; } .rd_pt_4 span.pt_price { margin:40px auto 3px; display:block; } .rd_pt_4 span.price_details { font-size: 14px; display:block; font-weight:normal; position:relative; } .rd_pt_4 .features { position: relative; background:#1a1c27; color:#a1b1bc; border-top:1px solid #1a1c27; border-left:1px solid #1a1c27; border-right:1px solid #1a1c27; padding-top: 3px; border-radius: 3px 3px 0 0; margin-top: -1px; } .rd_pt_4 .pricetable .pricetable-feature.pricetable-first { border-top:1px solid #1a1c27; border-radius:3px 3px 0 0; padding: 14px 0 12px; } .rd_pt_4 .pricetable .pricetable-feature { font-size:14px; border:none; margin:0; padding: 12px 0 11px; } .rd_pt_4 .pricetable .pricetable-feature:nth-child(even) { background:#20222f; } .rd_pt_4 .pricetable .pricetable-feature:nth-child(odd) { background:#1a1c27; } .rd_pt_4 .pricetable .pricetable-button-container { background:#20222f; border:1px solid #1a1c27; border-top:none; border-bottom:none; border-radius: 0 0 3px 3px; padding: 28px 34.5px 28px; box-shadow: 0 0px 0px #1a1c28, 0 4px 0 -1px #1a1c28, 0 0px 0px 0px #1a1c28, 0 0px 0px #1a1c28, 0 4px 0 0px #1a1c28, 0px 0px 0px 0px #1a1c28; } .rd_pt_4 .pricetable .pricetable-button-container a { width:100%; padding: 15px 0px 15px 0px; font-size: 16px; text-transform: uppercase; font-weight: 700; max-width:200px; border-radius: 3px; background:#1abc9c; } .rd_pt_4 .pricetable-button-container a:hover { background:#34495e !important; } .rd_pt_4 .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { } .rd_pt_4 .pricetable .pricetable-column.pricetable-featured h3.pricetable-name { transform: scale(1.03); /* CSS3 */ -moz-transform: scale(1.03); /* Firefox */ -webkit-transform: scale(1.03); /* Webkit */ -o-transform: scale(1.03); /* Opera */ -ms-transform: scale(1.03); /* IE 9 */ padding: 27px 14px 27px 14px; position: absolute; display: block; width: 100%; top: -8px; } .rd_pt_4 .pricetable .pricetable-column.pricetable-featured .pt_price_ctn { padding: 91px 30px 31px; } .rd_pt_4 .pricetable .pricetable-column.pricetable-featured h4.pricetable-price:after { transform: scale(1.14); /* CSS3 */ -moz-transform: scale(1.14); /* Firefox */ -webkit-transform: scale(1.14); /* Webkit */ -o-transform: scale(1.14); /* Opera */ -ms-transform: scale(1.14); /* IE 9 */ } .rd_pt_4 .pricetable-column.pricetable-featured span.pt_price { margin:39px auto 3px; } .rd_pt_4 .pricetable .pricetable-column.pricetable-featured .pricetable-button-container { padding: 36px 34.5px 36px; } .rd_pt_4 .pricetable .pricetable-column.pricetable-featured .pricetable-button-container a { border:none; border-radius:3px; } /** Style 5 **/ .rd_pt_5 .pricetable-column-inner { position:relative; } .rd_pt_5 .pricetable-column.pricetable-standard.pricetable-first { margin-left: -1.2%; } .rd_pt_5 .pricetable .pricetable-column.pricetable-standard { padding-left: 1.2%; padding-right: 1.2%; } .rd_pt_5 .pricetable-column.pricetable-featured { margin-top: -5px; padding-left: 0.85%; padding-right: 0.85%; } .rd_pt_5 .pricetable-column.pricetable-standard.pricetable-last { } .rd_pt_5 .pricetable .pricetable-header { background:#fff; } .rd_pt_5 .pricetable h3.pricetable-name { font-size:24px; font-weight:700; text-transform:uppercase; letter-spacing:3px; color:#3a3e4a; position:absolute; bottom:0; width:100%; border-radius:3px; padding: 6px 14px 30px 14px; } .rd_pt_5 .pt_price_ctn { padding:39px 30px 79px; text-align:center; border:1px solid #e2ebf0; margin-bottom:1px; } .rd_pt_5 .pricetable h4.pricetable-price { padding: 0; background: #12e5bb; border:5px solid #fff; position:relative; font-weight: 400; font-size: 40px; color: #fff; width: 150px; height: 150px; display: inline-block; text-align: center; margin: 0!important; border-radius: 100px; box-shadow: 0 0 0 2px #12e5bb; } .rd_pt_5 span.pt_price { margin:38px auto 6px; display:block; } .rd_pt_5 span.price_details { font-size: 15px; display:block; font-weight:normal; position:relative; padding-top:11px; } .rd_pt_5 span.price_details:before { width: 25px; height: 3px; content: ""; background: #fff; position: absolute; left: 50%; margin-left: -12.5px; top: 0; } .rd_pt_5 .features { position: relative; background:#f4f6f7; color:#a1b1bc; border-top:1px solid #e2ebf0; border-left:1px solid #e2ebf0; border-right:1px solid #e2ebf0; } .rd_pt_5 .pricetable .pricetable-feature.pricetable-first { padding: 12px 0 12px !important; } .rd_pt_5 .pricetable .pricetable-feature { font-size:14px; border:none; margin:0; padding: 12px 0 12px; } .rd_pt_5 .pricetable .pricetable-feature:nth-child(even) { background:#fff; } .rd_pt_5 .pricetable .pricetable-feature:nth-child(odd) { background:#f4f6f7; padding: 11px 0 11px; } .rd_pt_5 .pricetable .pricetable-button-container { background:#fff; border:1px solid #e2ebf0; border-top:none; padding: 27px 34.5px 28px; } .rd_pt_5 .pricetable .pricetable-button-container a { padding: 12px 0px 12px 0px; font-size: 14px; text-transform: uppercase; font-weight: 700; max-width:200px; border-radius: 3px; background:#FFF; color:#2c3e50; border:1px solid #ebebeb; border-bottom-width:3px; } .rd_pt_5 .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { border:5px solid #2c3e50; background:#2c3e50; } .rd_pt_5 .pricetable .pricetable-column.pricetable-featured .pricetable-button-container { padding: 28px 34.5px 31px; } .rd_pt_5 .pricetable .pricetable-column.pricetable-featured .pricetable-button-container a { border:none; border-radius:3px; } /** Style 6 **/ .rd_pt_6 .pricetable .pricetable-column.pricetable-standard { margin-left: -1px; } .rd_pt_6 .pricetable .pricetable-column-inner { background:#fff; border-radius:5px; } .rd_pt_6 .pricetable .pricetable-header { position: relative; border-bottom: none; border-radius: 5px 5px 0 0; background:#141e2b; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pt_6 .pricetable .pricetable-column-inner:hover .pricetable-header { background:#2b3036 !important; } .rd_pt_6 .pricetable h3.pricetable-name { font-size:30px; font-weight:700; text-transform:uppercase; letter-spacing:3px; color:#fff; padding: 25px 15px 7px 15px; border-radius: 0 0 5px 5px; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pt_6 .pricetable .pricetable-column-inner:hover h3.pricetable-name { color:#fff!important; } .rd_pt_6 .pricetable h4.pricetable-price { padding: 0px 14px 31px; font-weight: 400; font-size: 16px; color:#a1b1bc; } .rd_pt_6 span.price_details { font-size: 16x; color:#a1b1bc; margin-left:5px; } .rd_pt_6 .features { color:#a1b1bc; border:1px solid #f0f0f0; border-bottom:none; padding-top: 3px; border-radius:3px 3px 0 0; margin-top:-1px; position:relative; } .rd_pt_6 .pricetable .pricetable-feature { font-size:14px; border:none; margin:0; border-bottom:1px solid #f0f0f0; padding: 16px 0; } .rd_pt_6 .pricetable .pricetable-feature:nth-child(even) { background:#ecf0f1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pt_6 .pricetable .pricetable-column-inner:hover .pricetable-feature:nth-child(even) { background:#f5f6f6 !important; } .rd_pt_6 .pricetable .pricetable-feature:nth-child(odd) { background:#fff; } .rd_pt_6 .pricetable .pricetable-button-container { border: 1px solid #f0f0f0; border-top:none; padding: 33px 34.5px 36px; border-radius: 0 0 5px 5px; border-bottom:1px solid #f0f0f0; box-shadow: 0 0px 0px #ffffff, 0 5px 0 -1px #ffffff, 0 0px 0px 0px #ffffff, 0 0px 0px #ffffff, 0 5px 0 0px #f0f0f0, 0px 9px 0px 0px #ffffff, 0px 10px 0px 0px #f0f0f0; } .rd_pt_6 .pricetable .pricetable-button-container a { width: 100%; padding: 23px 0px 23px 0px; border: none; font-size: 16px; text-transform: uppercase; font-weight: 700; max-width: 200px; border-radius: 5px; background: none; cursor: pointer; color: #FFFFFF; background: #1abc9c; } .rd_pt_6 .pricetable-button-container a:hover { color:#fff!important; background:#2c3e50 !important; } .rd_pt_6 .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { } /** Style 7 **/ .rd_pt_7 .pricetable-column-inner { position:relative; background:#fff; border-radius: 7px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pt_7 .pricetable-column-inner:hover { background:#a1b1bc; } .rd_pt_7 .pricetable-column.pricetable-standard.pricetable-first { margin-left: -1.2%; } .rd_pt_7 .pricetable .pricetable-column.pricetable-standard { padding-left: 1.2%; padding-right: 1.2%; } .rd_pt_7 .pricetable-column.pricetable-featured { padding-left: 0.85%; padding-right: 0.85%; } .rd_pt_7 .pricetable-column.pricetable-standard.pricetable-last { } .rd_pt_7 .pricetable .pricetable-header { border:1px solid #dfe4e5; border-bottom:none; border-radius:5px 5px 0 0; } .rd_pt_7 .pricetable h3.pricetable-name { font-size:24px; font-weight:700; text-transform:uppercase; letter-spacing:3px; color:#3a3e4a; position:absolute; bottom:0; width:100%; border-radius:3px; padding: 6px 14px 33px 14px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pt_7 .pricetable-column-inner:hover h3.pricetable-name, .rd_pt_7 .pricetable-column.pricetable-featured h3.pricetable-name { color:#fff; } .rd_pt_7 .pricetable h3.pricetable-name:after { content: ""; width: 44px; height: 2px; position: absolute; background: #a1b1bc; left: 50%; margin-left: -22px; top: 46px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pt_7 .pricetable-column-inner:hover h3.pricetable-name:after, .rd_pt_7 .pricetable-column.pricetable-featured h3.pricetable-name:after { background:#fff; } .rd_pt_7 .pt_price_ctn { padding:49px 30px 86px; text-align:center; } .rd_pt_7 .pricetable .pt_col_nb_0 h4.pricetable-price { background-image:url(images/pt_1.png); } .rd_pt_7 .pricetable .pt_col_nb_1 h4.pricetable-price { background-image:url(images/pt_2.png); } .rd_pt_7 .pricetable .pt_col_nb_2 h4.pricetable-price { background-image:url(images/pt_3.png); } .rd_pt_7 .pricetable .pt_col_nb_3 h4.pricetable-price { background-image:url(images/pt_4.png); } .rd_pt_7 .pricetable .pt_col_nb_4 h4.pricetable-price { background-image:url(images/pt_5.png); } .rd_pt_7 .pricetable h4.pricetable-price { padding: 0; background-color: #12e5bb; background-size: 150px; border:10px solid #dfe4e5; position:relative; font-weight: 400; font-size: 30px; color: #fff; width: 150px; height: 150px; display: inline-block; text-align: center; margin: 0!important; border-radius: 100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pt_7 .pricetable-column-inner:hover h4.pricetable-price { background-color:#2c3e50 !important; border-color:#fff; } .rd_pt_7 span.pt_price { margin:38px auto 6px; display:block; } .rd_pt_7 span.price_details { font-size: 18px; display:block; font-weight:normal; position:relative; } .rd_pt_7 .features { position: relative; color:#a1b1bc; border-left:1px solid #dfe4e5; border-right:1px solid #dfe4e5; } .rd_pt_7 .pricetable-column-inner:hover .features, .rd_pt_7 .pricetable-column.pricetable-featured .features { color:#fff; } .rd_pt_7 .pricetable .pricetable-feature.pricetable-first { padding: 12px 0 12px; } .rd_pt_7 .pricetable .pricetable-feature { font-size:14px; border:none; margin:0; padding: 12px 0 12px; } .rd_pt_7 .pricetable .pricetable-feature:nth-child(even) { } .rd_pt_7 .pricetable .pricetable-feature:nth-child(odd) { padding: 11px 0 11px; } .rd_pt_7 .pricetable .pricetable-button-container { border:1px solid #dfe4e5; border-top:none; padding: 25px 34.5px 50px; border-radius:0 0 5px 5px; } .rd_pt_7 .pricetable .pricetable-button-container a { padding: 15px 0px 15px 0px; font-size: 14px; text-transform: uppercase; font-weight: 700; max-width:200px; border-radius: 3px; background:#a1b1bc; color:#fff; border-bottom-width:3px; } .rd_pt_7 .pricetable-column-inner:hover .pricetable-button-container a, .rd_pt_7 .pricetable-column.pricetable-featured .pricetable-button-container a { background:#2c3e50; } .rd_pt_7 .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { border:5px solid #fff; background:#a1b1bc; border-radius: 10px; margin-top: -5px; } .rd_pt_7 .pricetable-column.pricetable-featured h4.pricetable-price { border-color:#fff; } .rd_pt_7 .pricetable .pricetable-column.pricetable-featured .pricetable-button-container { } /** Style 8 **/ .rd_pt_8 .pricetable-column-inner { position:relative; background:#222533; border-radius: 7px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pt_8 .pricetable-column-inner:hover { background:#21c2f8; } .rd_pt_8 .pricetable-column.pricetable-standard.pricetable-first { margin-left: -1.2%; } .rd_pt_8 .pricetable .pricetable-column.pricetable-standard { padding-left: 1.2%; padding-right: 1.2%; } .rd_pt_8 .pricetable-column.pricetable-featured { padding-left: 0.85%; padding-right: 0.85%; } .rd_pt_8 .pricetable-column.pricetable-standard.pricetable-last { } .rd_pt_8 .pricetable .pricetable-header { border-bottom:none; border-radius:5px 5px 0 0; } .rd_pt_8 .pricetable h3.pricetable-name { font-size:24px; font-weight:700; text-transform:uppercase; letter-spacing:3px; color:#ffffff; position:absolute; bottom:0; width:100%; border-radius:3px; padding: 6px 14px 33px 14px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pt_8 .pricetable-column-inner:hover h3.pricetable-name, .rd_pt_8 .pricetable-column.pricetable-featured h3.pricetable-name { color:#fff; } .rd_pt_8 .pricetable h3.pricetable-name:after { content: ""; width: 44px; height: 2px; position: absolute; background: #a1b1bc; left: 50%; margin-left: -22px; top: 46px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pt_8 .pricetable-column-inner:hover h3.pricetable-name:after, .rd_pt_8 .pricetable-column.pricetable-featured h3.pricetable-name:after { background:#fff; } .rd_pt_8 .pt_price_ctn { padding:59px 30px 95px; text-align:center; } .rd_pt_8 .pricetable h4.pricetable-price { padding: 0; border:1px solid #fff; position:relative; font-weight: 400; font-size: 30px; color: #fff; width: 132px; height: 132px; display: inline-block; text-align: center; margin: 0!important; border-radius: 100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pt_8 .pricetable-column-inner:hover h4.pricetable-price { border-color:#fff; } .rd_pt_8 span.pt_price { margin:38px auto 6px; display:block; } .rd_pt_8 span.price_details { font-size: 18px; display:block; font-weight:normal; position:relative; } .rd_pt_8 .features { position: relative; color:#a1b1bc; } .rd_pt_8 .pricetable-column-inner:hover .features, .rd_pt_8 .pricetable-column.pricetable-featured .features { color:#fff; } .rd_pt_8 .pricetable .pricetable-feature.pricetable-first { padding: 12px 0 12px; } .rd_pt_8 .pricetable .pricetable-feature { font-size:14px; border:none; margin:0; padding: 12px 0 12px; } .rd_pt_8 .pricetable .pricetable-feature:nth-child(even) { } .rd_pt_8 .pricetable .pricetable-feature:nth-child(odd) { padding: 11px 0 11px; } .rd_pt_8 .pricetable .pricetable-button-container { border-top:none; padding: 25px 34.5px 51px; border-radius:0 0 5px 5px; } .rd_pt_8 .pricetable .pricetable-button-container a { padding: 14px 0px 14px 0px; font-size: 14px; text-transform: uppercase; font-weight: 700; max-width:200px; border-radius: 3px; background:#a1b1bc; color:#fff; border:1px solid #a1b1bc; } .rd_pt_8 .pricetable-column-inner:hover .pricetable-button-container a, .rd_pt_8 .pricetable-column.pricetable-featured .pricetable-button-container a { background:none; border-color:#fff; } .rd_pt_8 .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { border:5px solid #fff; background:#21c2f8; border-radius: 10px; margin-top: -5px; } .rd_pt_8 .pricetable-column.pricetable-featured h4.pricetable-price { border-color:#fff; } .rd_pt_8 .pricetable .pricetable-column.pricetable-featured .pricetable-button-container { } /** Style 9 **/ .rd_pt_9 .pricetable .pricetable-column.pricetable-standard { margin-left: -1px; } .rd_pt_9 .pricetable .pricetable-column-inner { background:#32343a; border-radius:2px; } .rd_pt_9 .pricetable .pricetable-header { position: relative; border:1px solid #3e4047; border-bottom: none; border-radius: 5px 5px 0 0; background:#141e2b; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pt_9 .pricetable h3.pricetable-name { font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:3px; color:#fff; padding: 31px 15px 8px 15px; border-radius: 0 0 2px 2px; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pt_9 .pricetable h4.pricetable-price { padding: 0px 14px 35px; font-weight: 400; font-size: 16px; color:#a1b1bc; } .rd_pt_9 span.price_details { font-size: 16x; color:#a1b1bc; margin-left:5px; } .rd_pt_9 .features { color:#a1b1bc; border:1px solid #3e4047; border-bottom:none; padding-top: 3px; border-radius:3px 3px 0 0; margin-top:-1px; position:relative; } .rd_pt_9 .pricetable .pricetable-feature { font-size:14px; border:none; margin:0; border-bottom:1px solid #3e4047; padding: 16px 0; } .rd_pt_9 .pricetable .pricetable-feature:nth-child(even) { background:#2e3035; } .rd_pt_9 .pricetable .pricetable-feature:nth-child(odd) { background:#32343a; } .rd_pt_9 .pricetable .pricetable-button-container { border: 1px solid #3e4047; border-top:none; padding: 33px 20px 36px; border-radius: 0 0 2px 2px; border-bottom:1px solid #3e4047; box-shadow: 0 0px 0px #32343a, 0 5px 0 -1px #32343a, 0 0px 0px 0px #32343a, 0 0px 0px #32343a, 0 5px 0 0px #2e3035, 0px 9px 0px 0px #32343a, 0px 10px 0px 0px #3e4047; } .rd_pt_9 .pricetable .pricetable-button-container a { width: 100%; padding: 20px 0px 20px 0px; border: none; border:3px solid #1abc9c; font-size: 16px; text-transform: uppercase; font-weight: 700; max-width: 250px; border-radius: 5px; background: none; cursor: pointer; color: #FFFFFF; background: #1abc9c; } .rd_pt_9 .pricetable-button-container a:hover { background:none !important; } .rd_pt_9 .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { } /** Style 10 **/ .rd_pt_10 .pricetable .pricetable-column-inner { background:#fff; border-radius:5px; } .rd_pt_10 .pricetable-column.pricetable-standard.pricetable-first { margin-left: -1.2%; } .rd_pt_10 .pricetable .pricetable-column.pricetable-standard { padding-left: 1.2%; padding-right: 1.2%; } .rd_pt_10 .pricetable-column.pricetable-featured { padding-left: 0.85%; padding-right: 0.85%; margin-top: -5px; } .rd_pt_10 .pricetable .pricetable-header { position: relative; border: 1px solid #8997a2; border-bottom: none; border-radius: 5px 5px 0 0; } .rd_pt_10 .pricetable h3.pricetable-name { font-size:24px; font-weight:700; text-transform:uppercase; letter-spacing:3px; background:#1abc9c; color:#fff; padding: 49px 15px 27px 15px; border-radius: 0 0 5px 5px; margin: -1px auto 0!important; max-width: 215px; text-align: center; } .rd_pt_10 .pricetable h4.pricetable-price { padding: 23px 14px 23px; font-weight: 700; font-size: 18px; color:#4e4e4e; } .rd_pt_10 span.price_details { font-size: 14px; font-weight:normal; text-transform: uppercase; color:#2c3e50; letter-spacing:1px; margin-left:5px; } .rd_pt_10 .features { color:#a1b1bc; border-top:1px solid #ecf0f1; } .rd_pt_10 .pricetable .pricetable-feature { font-size:14px; border:none; margin:0; border-left:1px solid #8997a2; border-right:1px solid #8997a2; border-bottom:1px solid #ecf0f1; padding: 16px 0; } .rd_pt_10 .features .pricetable-feature:last-child { border-bottom:none; } .rd_pt_10 .pricetable .pricetable-button-container { border: 1px solid #8997a2; border-top:none; padding: 29px 34.5px 36px; border-radius: 0 0 5px 5px; border-bottom:1px solid #cad3d9; box-shadow: 0 0px 0px #ffffff, 0 4px 0 -1px #ffffff, 0 0px 0px 0px #ffffff, 0 0px 0px #ffffff, 0 4px 0 0px #6e7782, 0px 0px 0px 0px #ffffff; } .rd_pt_10 .pricetable .pricetable-button-container a { width:48%; min-width:140px; padding: 11px 0px 11px 0px; border: 2px solid #2c3e50; font-size: 14px; text-transform: uppercase; font-weight: 700; max-width: 200px; border-radius: 5px; background: none; cursor: pointer; color: #2c3e50; } .rd_pt_10 .pricetable-button-container a:hover { color:#fff!important; } .rd_pt_10 .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { } /** Style 11 **/ .rd_pt_11 .pricetable .pricetable-column-inner { background:#fff; border-radius:5px; } .rd_pt_11 .pricetable-column.pricetable-standard.pricetable-first { margin-left: -1.2%; } .rd_pt_11 .pricetable .pricetable-column.pricetable-standard { padding-left: 1.2%; padding-right: 1.2%; } .rd_pt_11 .pricetable-column.pricetable-featured { padding-left: 0.85%; padding-right: 0.85%; margin-top: -5px; } .rd_pt_11 .pricetable .pricetable-header { position: relative; border: 1px solid #b3c0c9; border-top:1px solid #cad3d9; border-bottom: none; border-radius: 5px 5px 0 0; } .rd_pt_11 .pricetable h3.pricetable-name { font-size:24px; font-weight:700; text-transform:uppercase; letter-spacing:3px; background:#1abc9c; color:#fff; padding: 49px 15px 27px 15px; border-radius: 0 0 5px 5px; margin: -1px auto 0!important; max-width: 215px; text-align: center; } .rd_pt_11 .pricetable h4.pricetable-price { padding: 23px 14px 23px; font-weight: 700; font-size: 18px; color:#4e4e4e; } .rd_pt_11 span.price_details { font-size: 14px; font-weight:normal; text-transform: uppercase; color:#2c3e50; letter-spacing:1px; margin-left:5px; } .rd_pt_11 .features { color:#a1b1bc; border-top:1px solid #ecf0f1; } .rd_pt_11 .pricetable .pricetable-feature { font-size:14px; border:none; margin:0; border-left:1px solid #b3c0c9; border-right:1px solid #b3c0c9; border-bottom:1px solid #ecf0f1; padding: 16px 0; } .rd_pt_11 .features .pricetable-feature:last-child { border-bottom:none; } .rd_pt_11 .pricetable .pricetable-button-container { border: 1px solid #8997a2; border-top:none; padding: 29px 34.5px 36px; border-radius: 0 0 5px 5px; border-bottom:1px solid #cad3d9; box-shadow: 0 0px 0px #ffffff, 0 4px 0 -1px #ffffff, 0 0px 0px 0px #ffffff, 0 0px 0px #ffffff, 0 4px 0 0px #cad3d9, 0px 0px 0px 0px #ffffff; } .rd_pt_11 .pricetable .pricetable-button-container a { width:48%; min-width:140px; padding: 11px 0px 11px 0px; border: 2px solid #2c3e50; font-size: 14px; text-transform: uppercase; font-weight: 700; max-width: 200px; border-radius: 5px; background: none; cursor: pointer; color: #2c3e50; } .rd_pt_11 .pricetable-button-container a:hover { color:#fff!important; } .rd_pt_11 .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { } /** Style 12 **/ .rd_pt_12 .pricetable .pricetable-column-inner { background:#fff; border-radius:5px; border: 1px solid #dde3e4; } .rd_pt_12 .pricetable-column.pricetable-standard.pricetable-first { margin-left: -1.2%; } .rd_pt_12 .pricetable .pricetable-column.pricetable-standard { padding-left: 1.2%; padding-right: 1.2%; } .rd_pt_12 .pricetable-column.pricetable-featured { padding-left: 0.85%; padding-right: 0.85%; margin-top: -5px; } .rd_pt_12 .pricetable .pricetable-header { position: relative; border-bottom: none; border-radius: 5px 5px 0 0; } .rd_pt_12 .pricetable h3.pricetable-name:before { content: ""; width: 170px; height: 3px; position: absolute; top: 0; left: 50%; margin-left: -85px; } .rd_pt_12 .pricetable h3.pricetable-name { font-size:24px; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:#2c3e50; font-family:Raleway; padding: 147px 15px 16px 15px; border-radius: 0 0 5px 5px; margin: -1px auto 0!important; max-width: 215px; text-align: center; } .rd_pt_12 .pricetable h4.pricetable-price { padding: 0px 14px 38px; font-weight: 300; font-size: 24px; font-family:Raleway; color:#a1b1bc; } .rd_pt_12 span.price_details { font-size: 14px; font-weight:normal; text-transform: uppercase; color:#2c3e50; letter-spacing:1px; margin-left:5px; } .rd_pt_12 .features small{ color:#a1b1bc; font-weight:normal; line-height:28px; margin-top:7px; } .rd_pt_12 .pricetable .pricetable-feature { font-size:14px; border:none; margin:0 35px; border-bottom:1px solid #ecf0f1; padding: 16px 0 13px; color:#222533; font-weight:bold; } .rd_pt_12 .pricetable .pricetable-button-container { border-top:none; padding: 41px 34.5px 40px; border-radius: 0 0 5px 5px; border-bottom: 1px solid #dde3e4; box-shadow: 0 0px 0px #ffffff, 0 4px 0 -1px #ffffff, 0 0px 0px 0px #ffffff, 0 0px 0px #ffffff, 0 4px 0 0px #dde3e4, 0px 0px 0px 0px #ffffff; } .rd_pt_12 .pricetable .pricetable-button-container a { width: 65%; min-width: 140px; padding: 18px 0px 16px 0px; border: 1px solid #ecf0f1; font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing:1.5px; font-family:Raleway; max-width: 200px; border-radius: 10px; background: none; cursor: pointer; color: #2c3e50; } .rd_pt_12 .pricetable-button-container a:hover { color:#fff!important; } .rd_pt_12 .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { } .rd_pt_12 .pricetable-column { position:relative; } .rd_pt_12 .pricetable-column:hover:before { opacity:1; } .rd_pt_12 .pricetable-column:before { position: absolute; left: 48px; top: 48px; font-size: 48px; font-family: Raleway; font-weight: 300; color: #222533; opacity: 0.3; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pt_12 .pricetable-column.pt_col_nb_0:before { content: "01."; } .rd_pt_12 .pricetable-column.pt_col_nb_1:before { content: "02."; } .rd_pt_12 .pricetable-column.pt_col_nb_2:before { content: "03."; } .rd_pt_12 .pricetable-column.pt_col_nb_3:before { content: "04."; } .rd_pt_12 .pricetable-column.pt_col_nb_4:before { content: "05."; } /** Style 13 **/ .rd_pt_13 { margin-left:1px; } .rd_pt_13 .pricetable { max-width: 100%; } .rd_pt_13 .pricetable .pricetable-column{ margin-left: -1px; } .rd_pt_13 .pricetable .pricetable-column-inner { background:#fff; border-radius:5px; border: 1px solid #eaeaea; } .rd_pt_13 .pricetable-column.pricetable-featured { } .rd_pt_13 .pricetable-column.pricetable-featured:before { content: ""; height: 5px; width: 100%; position: absolute; top: 0; background: #0ff0ff; background: -moz-linear-gradient(90deg, #0ff0ff 0%, #ebacfd 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0ff0ff), color-stop(100%,#ebacfd)); background: -webkit-linear-gradient(90deg, #0ff0ff 0%,#ebacfd 100%); background: -o-linear-gradient(90deg, #0ff0ff 0%,#ebacfd 100%); background: -ms-linear-gradient(90deg, #0ff0ff 0%,#ebacfd 100%); background: linear-gradient(90deg, #0ff0ff 0%,#ebacfd 100%); left: 0; border-radius:3px 3px 0 0; } .rd_pt_13 .pricetable .pricetable-header { position: relative; border-bottom: none; border-radius: 5px 5px 0 0; } .rd_pt_13 .pricetable h3.pricetable-name:before { content: ""; width: 170px; height: 3px; position: absolute; top: 0; left: 50%; margin-left: -85px; } .rd_pt_13 .pricetable h3.pricetable-name { font-size:33px; font-weight:300; color:#333333; font-family:"Open Sans"; padding: 70px 15px 56px 15px; border-radius: 0 0 5px 5px; margin: -1px auto 0!important; max-width: 215px; text-align: center; text-transform:none; position:relative; } .rd_pt_13 .pricetable h3.pricetable-name:after { position: absolute; content: ""; background: #0ff0ff; background: -moz-linear-gradient(90deg, #0ff0ff 0%, #ebacfd 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0ff0ff), color-stop(100%,#ebacfd)); background: -webkit-linear-gradient(90deg, #0ff0ff 0%,#ebacfd 100%); background: -o-linear-gradient(90deg, #0ff0ff 0%,#ebacfd 100%); background: -ms-linear-gradient(90deg, #0ff0ff 0%,#ebacfd 100%); background: linear-gradient(90deg, #0ff0ff 0%,#ebacfd 100%); height: 1px; width: 70px; bottom: 30px; left: 50%; margin-left: -35px; } .rd_pt_13 .pricetable h4.pricetable-price { padding: 0px 14px 70px; margin-bottom:10px!important; font-weight: 600; font-size: 20px; font-family:"Open Sans"; border-bottom:1px solid #eaeaea; position:relative; } .rd_pt_13 .pricetable h4.pricetable-price:after { width: 10px; height: 10px; position: absolute; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); bottom: -6px; left: 50%; margin-left: -10px; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; content:""; } .rd_pt_13 span.price_details { font-size: 20px; font-weight:300; font-family:"Open Sans"; color:#999999; margin-left:5px; } .rd_pt_13 .features small{ color:#999999; font-size:14px; font-weight:normal; line-height:30px; margin-top:11px; padding: 0 5px; } .rd_pt_13 .pricetable .pricetable-feature { font-size:16px; border:none; margin:0 47px; font-family:"Open Sans"; border-bottom:1px solid #eaeaea; padding: 26px 0 20px; color:#333333; font-weight:600; } .rd_pt_13 .pricetable .pricetable-feature:before { content: "\f00c"; font-family: "FontAwesome"; color: #9acb58; font-size: 14px; font-weight: normal; padding-right: 5px; } .rd_pt_13 .pricetable .pricetable-feature:last-child { border-bottom:none !important; } .rd_pt_13 .pricetable .pricetable-button-container { border-top:none; padding: 41px 34.5px 40px; border-radius: 0 0 5px 5px; border-top: 1px solid #eaeaea; } .rd_pt_13 .pricetable .pricetable-button-container a { width: 65%; min-width: 140px; padding: 18px 0px 16px 0px; border: 1px solid rgba(0,0,0,0.15); font-size: 14px; text-transform: uppercase; font-weight:bold; font-family:"Open Sans"; max-width: 200px; border-radius: 3px; background: none; cursor: pointer; color: #fff; } .rd_pt_13 .pricetable-button-container a:hover { color:#fff!important; background:#82b440 !important; } .rd_pt_13 .pricetable .pricetable-column.pricetable-featured .pricetable-column-inner { } .rd_pt_13 .pricetable-column { position:relative; } .rd_pt_13 .pricetable-column:hover:before { opacity:1; } /**************** Table **********************/ .rd_table_ctn { display: table; width: 100%; } .rd_table_ctn .table_col:first-child { margin-left:0!important; } .rd_table_1_col .table_col { width:100%; } .rd_table_2_col .table_col { width:50%; float:left; margin-left:-1px; } .rd_table_3_col .table_col { width:33.333%; float:left; margin-left:-1px; } .rd_table_4_col .table_col { width:25%; float:left; margin-left:-1px; } .rd_table_5_col .table_col { width:20%; float:left; margin-left:-1px; } .table_col { text-align:center; } .table_col h3 { font-size:14px; font-weight:700; text-transform:uppercase; margin:0; padding: 13.5px; } .table_col .table_line:last-child { border-bottom:none!important; } .table_col p { margin:0; padding:0 15px; line-height:49px; } /**************** Buttons **********************/ /** revslider buttons **/ .slider_button.small { font-weight: 700; color: #fff; padding: 13px 16px; display: inline-block; border-radius: 3px; line-height: 24px; font-size: 13px; letter-spacing:1px; text-transform:uppercase; min-width:170px; text-align:center; } .slider_button.medium { text-align:center; font-weight: 700; color: #fff; padding: 13px 16px; display: inline-block; line-height: 24px; font-size: 14px; text-transform:uppercase; min-width:170px; } .slider_button.medium.stroke { border-width:1px; padding: 12px 15px; } .slider_button.medium.button_3d { min-width:200px; padding:16px 16px; font-size:16px; border-bottom-width:4px !important; } .slider_button { font-weight: 700; color: #fff; padding: 18px 20px; background: #222533; display: inline-block; border-radius: 3px; line-height: 24px; font-size: 18px; text-transform:uppercase; text-align:center; min-width:200px; font-family:"Lato"; } .slider_button:hover { background:#21c2f8; color:#fff; } .slider_button.stroke { border-width:2px; padding: 16px 18px; } .slider_button.big { font-weight: 700; color: #fff; padding: 23px 25px; display: inline-block; border-radius: 5px; line-height: 24px; font-size: 18px; text-transform:uppercase; text-align:center; letter-spacing:1.5px; min-width:230px; } .slider_button_trending { font-weight: 700; color: #fff; background: #222533; border-radius: 0px; font-size: 12px; font-family:"Raleway"; letter-spacing:2px; text-transform: uppercase; text-align: center; min-width: 200px; padding: 13px 20px 12px; letter-spacing: 2px; display: block; } .slider_button_trending.stroke { border:2px solid; background:none; padding: 11px 20px 10px; } .stroke { border:2px solid; background:none; } .slider_button_trending:hover { color:#222533; border-color:#fff; background:#fff; } .stroke:hover { background:#21c2f8; border-color:#21c2f8; } .button_3d { border-bottom: 5px solid rgba(0, 0, 0, 0.2) !important; } .ta_left { display:inline-block; vertical-align:bottom; } .ta_right { text-align:right; float:right; display:block; } .ta_center { display:block; text-align:center; clear:both; } .ta_left i, .ta_right i, .ta_center i { transition: all linear .2s; -webkit-transition: all linear .2s; -moz-transition: all linear .2s; -o-transition: all linear .2s; } .rd_3d_bt { border-bottom: 5px solid rgba(0, 0, 0, 0.2) !important; } .rd_3dstroke_bt { border-bottom-width:5px !important; } .rd_3dstroke_bt:hover { border-bottom: 5px solid rgba(0, 0, 0, 0.5) !important; } .smallmedium_rd_bt.rd_3d_bt, .mediumlarge_rd_bt.rd_3d_bt { border-bottom:3px solid rgba(0, 0, 0, 0.2) !important; } .smallmedium_rd_bt.rd_3dstroke_bt, .mediumlarge_rd_bt.rd_3dstroke_bt { border-bottom-width:3px !important; } .smallmedium_rd_bt.rd_3dstroke_bt:hover, .mediumlarge_rd_bt.rd_3dstroke_bt:hover { border-bottom:3px solid rgba(0, 0, 0, 0.5) !important; } .small_rd_bt.bt_icon_left i, .medium_rd_bt.bt_icon_left i { margin-right:8px; } .small_rd_bt.bt_icon_right i, .medium_rd_bt.bt_icon_right i { margin-left:8px; } .smallmedium_rd_bt.bt_icon_left i { margin-right:20px; } .smallmedium_rd_bt.bt_icon_right i { margin-left:10px; } .mediumlarge_rd_bt.bt_icon_left i { margin-right:15px; font-size:25px; vertical-align:middle; } .mediumlarge_rd_bt.bt_icon_right i { margin-left:15px; font-size:25px; vertical-align:middle; } .large_rd_bt.bt_icon_left i { margin-right:20px; } .xlarge_rd_bt.bt_icon_left i { margin-right:30px; } .large_rd_bt.bt_icon_right i { margin-left:20px; } .xlarge_rd_bt.bt_icon_right i { margin-left:30px; } .bt_icon_border { padding:0 !important; } .bt_icon_border.bt_icon_left.small_rd_bt i { margin:0; padding:10px 12px 11px; float:left; border-right:1px solid rgba(0,0,0,0.15); max-height:40px; } .bt_icon_border.bt_icon_left.smallmedium_rd_bt i { margin:0; padding:15px 20px 16px; float:left; border-right:1px solid rgba(0,0,0,0.15); max-height:50px; } .bt_icon_border.bt_icon_left.medium_rd_bt i { margin:0; padding:16px 18px 15px; float:left; border-right:1px solid rgba(0,0,0,0.15); max-height:50px; } .bt_icon_border.bt_icon_left.mediumlarge_rd_bt i { margin:0; padding:23px 25px 23px; font-size: 20px; float:left; border-right:1px solid rgba(0,0,0,0.15); max-height:65px; } .bt_icon_border.bt_icon_left.large_rd_bt i { margin:0; padding:30px 30px 31px; float:left; border-right:1px solid rgba(0,0,0,0.15); max-height:80px; } .bt_icon_border.bt_icon_left.xlarge_rd_bt i { margin:0; padding:30px 35px 30px; float:left; border-right:1px solid rgba(0,0,0,0.15); max-height:100px; } .bt_icon_border.bt_icon_right.small_rd_bt i { margin:0; padding:10px 12px 11px; float:right; border-left:1px solid rgba(0,0,0,0.15); max-height:40px; } .bt_icon_border.bt_icon_right.smallmedium_rd_bt i { margin:0; padding:15px 20px 16px; float:right; border-left:1px solid rgba(0,0,0,0.15); max-height:50px; } .bt_icon_border.bt_icon_right.medium_rd_bt i { margin:0; padding:16px 18px 15px; float:right; border-left:1px solid rgba(0,0,0,0.15); max-height:50px; } .bt_icon_border.bt_icon_right.mediumlarge_rd_bt i { margin:0; padding:23px 25px 23px; font-size: 20px; float:right; border-left:1px solid rgba(0,0,0,0.15); max-height:65px; } .bt_icon_border.bt_icon_right.large_rd_bt i { margin:0; padding:30px 30px 31px; float:right; border-left:1px solid rgba(0,0,0,0.15); max-height:80px; } .bt_icon_border.bt_icon_right.xlarge_rd_bt i { margin:0; padding:30px 35px 30px; float:right; border-left:1px solid rgba(0,0,0,0.15); max-height:100px; vertical-align:middle; } .bt_icon_border.bt_icon_left.small_rd_bt span { margin:0; padding:10px 12px 11px; float:right; display:block; border-left:1px solid rgba(255,255,255,0.15); max-height:40px; } .bt_icon_border.bt_icon_left.smallmedium_rd_bt span { margin:0; padding:15px 20px 16px; float:right; display:block; border-left:1px solid rgba(255,255,255,0.15); max-height:50px; } .bt_icon_border.bt_icon_left.medium_rd_bt span { margin:0; padding:16px 18px 15px; float:right; display:block; border-left:1px solid rgba(255,255,255,0.15); max-height:50px; } .bt_icon_border.bt_icon_left.mediumlarge_rd_bt span { margin:0; padding:23px 25px 23px; float:right; display:block; border-left:1px solid rgba(255,255,255,0.15); max-height:65px; } .bt_icon_border.bt_icon_left.large_rd_bt span { margin:0; padding:30px 30px 31px; float:right; display:block; border-left:1px solid rgba(255,255,255,0.15); max-height:80px; } .bt_icon_border.bt_icon_left.xlarge_rd_bt span { margin:0; padding:30px 35px 30px; float:left; display:block; border-left:1px solid rgba(255,255,255,0.15); max-height:100px; } .bt_icon_border.bt_icon_right.small_rd_bt span { margin:0; padding:10px 12px 11px; float:right; display:block; border-right:1px solid rgba(255,255,255,0.15); max-height:40px; } .bt_icon_border.bt_icon_right.smallmedium_rd_bt span { margin:0; padding:15px 20px 16px; float:right; display:block; border-right:1px solid rgba(255,255,255,0.15); max-height:50px; } .bt_icon_border.bt_icon_right.medium_rd_bt span { margin:0; padding:16px 18px 15px; float:right; display:block; border-right:1px solid rgba(255,255,255,0.15); max-height:50px; } .bt_icon_border.bt_icon_right.mediumlarge_rd_bt span { margin:0; padding:23px 25px 23px; float:right; display:block; border-right:1px solid rgba(255,255,255,0.15); max-height:65px; } .bt_icon_border.bt_icon_right.large_rd_bt span { margin:0; padding:30px 30px 31px; float:right; display:block; border-right:1px solid rgba(255,255,255,0.15); max-height:80px; } .bt_icon_border.bt_icon_right.xlarge_rd_bt span { margin:0; padding:30px 35px 30px; float:left; display:block; border-right:1px solid rgba(255,255,255,0.15); max-height:100px; } .small_rd_bt { font-size:14px; text-align:center; min-width:120px; max-width:100%; padding:10px 15px 11px; display:inline-block; vertical-align: middle; max-height:40px; } .smallmedium_rd_bt { font-size: 16px; text-align: center; min-width: 160px; max-width: 100%; padding: 15px 20px 16px; display: inline-block; vertical-align: middle; max-height: 50px; } .medium_rd_bt { font-size:16px; text-align:center; min-width:170px; max-width:100%; padding:16px 18px 15px; display:inline-block; vertical-align: middle; max-height:50px; } .mediumlarge_rd_bt { font-size:16px; text-align:center; min-width:225px; max-width:100%; padding:23px 18px 23px; display:inline-block; vertical-align: middle; max-height:65px; } .large_rd_bt { font-size:24px; text-align:center; min-width:270px; max-width:100%; padding: 30px 30px 31px; display:inline-block; vertical-align: middle; max-height:80px; } .xlarge_rd_bt { font-size:30px; text-align:center; min-width:350px; max-width:100%; padding:30px 45px 30px; display:inline-block; vertical-align: middle; max-height:100px; line-height:40px; } .small_rd_bt.rd_3d_bt { padding:11px 15px 11px; max-height:46px; } .smallmedium_rd_bt.rd_3d_bt { padding: 15px 20px 16px; max-height: 53px; } .medium_rd_bt.rd_3d_bt { padding:16px 18px 16px; max-height:56px; } .mediumlarge_rd_bt.rd_3d_bt { padding:23px 18px 23px; max-height:71px; } .large_rd_bt.rd_3d_bt { padding: 30px 30px 32px; max-height:86px; } .xlarge_rd_bt.rd_3d_bt { padding:30px 45px 31px; max-height:106px; } .small_rd_bt.rd_3dstroke_bt { max-height:46px; } .smallmedium_rd_bt.rd_3dstroke_bt { max-height: 53px; } .medium_rd_bt.rd_3dstroke_bt { max-height:56px; } .mediumlarge_rd_bt.rd_3dstroke_bt { max-height:71px; } .large_rd_bt.rd_3dstroke_bt { max-height:86px; } .xlarge_rd_bt.rd_3dstroke_bt { max-height:106px; } .border_1px { border-width:1px; } .border_2px { border-width:2px; } .border_3px { border-width:3px; } .border_4px { border-width:4px; } .border_5px { border-width:5px; } .border_6px { border-width:6px; } .small_rd_bt.border_1px { padding:9px 14px 10px; } .bt_icon_border.small_rd_bt.border_1px i, .bt_icon_border.small_rd_bt.border_1px span { padding:9px 12px 10px; } .small_rd_bt.border_2px { padding:8px 13px 9px; } .bt_icon_border.small_rd_bt.border_2px i, .bt_icon_border.small_rd_bt.border_2px span { padding:8px 12px 9px; } .small_rd_bt.border_3px { padding:7px 12px 8px; } .bt_icon_border.small_rd_bt.border_3px i, .bt_icon_border.small_rd_bt.border_3px span { padding:7px 12px 8px; } .small_rd_bt.border_4px { padding:6px 11px 7px; } .bt_icon_border.small_rd_bt.border_4px i, .bt_icon_border.small_rd_bt.border_4px span { padding:6px 12px 7px; } .small_rd_bt.border_5px { padding:5px 10px 6px; } .bt_icon_border.small_rd_bt.border_5px i, .bt_icon_border.small_rd_bt.border_5px span { padding:5px 12px 6px; } .small_rd_bt.border_6px { padding:4px 9px 5px; } .bt_icon_border.small_rd_bt.border_6px i, .bt_icon_border.small_rd_bt.border_6px span { padding:4px 12px 5px; } .smallmedium_rd_bt.border_1px { padding:14px 18px 15px; } .bt_icon_border.smallmedium_rd_bt.border_1px i, .bt_icon_border.smallmedium_rd_bt.border_1px span { padding:14px 18px 15px; } .smallmedium_rd_bt.border_2px { padding:13px 17px 14px; } .bt_icon_border.smallmedium_rd_bt.border_2px i, .bt_icon_border.smallmedium_rd_bt.border_2px span { padding:13px 18px 14px; } .smallmedium_rd_bt.border_3px { padding:12px 16px 13px; } .bt_icon_border.smallmedium_rd_bt.border_3px i, .bt_icon_border.smallmedium_rd_bt.border_3px span { padding:12px 18px 13px; } .smallmedium_rd_bt.border_4px { padding:11px 15px 12px; } .bt_icon_border.smallmedium_rd_bt.border_4px i, .bt_icon_border.smallmedium_rd_bt.border_4px span { padding:11px 18px 12px; } .smallmedium_rd_bt.border_5px { padding:10px 14px 11px; } .bt_icon_border.smallmedium_rd_bt.border_5px i, .bt_icon_border.smallmedium_rd_bt.border_5px span { padding:10px 18px 11px; } .smallmedium_rd_bt.border_6px { padding:9px 13px 10px; } .bt_icon_border.smallmedium_rd_bt.border_6px i, .bt_icon_border.smallmedium_rd_bt.border_6px span { padding:9px 18px 10px; } .medium_rd_bt.border_1px { padding:15px 18px 14px; } .bt_icon_border.medium_rd_bt.border_1px i, .bt_icon_border.medium_rd_bt.border_1px span { padding:15px 18px 14px; } .medium_rd_bt.border_2px { padding:14px 17px 13px; } .bt_icon_border.medium_rd_bt.border_2px i, .bt_icon_border.medium_rd_bt.border_2px span { padding:14px 18px 13px; } .medium_rd_bt.border_3px { padding:13px 16px 12px; } .bt_icon_border.medium_rd_bt.border_3px i, .bt_icon_border.medium_rd_bt.border_3px span { padding:13px 18px 12px; } .medium_rd_bt.border_4px { padding:12px 15px 11px; } .bt_icon_border.medium_rd_bt.border_4px i, .bt_icon_border.medium_rd_bt.border_4px span { padding:12px 18px 11px; } .medium_rd_bt.border_5px { padding:11px 14px 10px; } .bt_icon_border.medium_rd_bt.border_5px i, .bt_icon_border.medium_rd_bt.border_5px span { padding:11px 18px 10px; } .medium_rd_bt.border_6px { padding:10px 13px 9px; } .bt_icon_border.medium_rd_bt.border_6px i, .bt_icon_border.medium_rd_bt.border_6px span { padding:10px 18px 9px; } .mediumlarge_rd_bt.border_1px { padding:22px 18px 22px; } .bt_icon_border.mediumlarge_rd_bt.border_1px i, .bt_icon_border.mediumlarge_rd_bt.border_1px span { padding:22px 18px 22px; } .mediumlarge_rd_bt.border_2px { padding:21px 17px 21px; } .bt_icon_border.mediumlarge_rd_bt.border_2px i, .bt_icon_border.mediumlarge_rd_bt.border_2px span { padding:21px 18px 21px; } .mediumlarge_rd_bt.border_3px { padding:20px 16px 20px; } .bt_icon_border.mediumlarge_rd_bt.border_3px i, .bt_icon_border.mediumlarge_rd_bt.border_3px span { padding:20px 18px 20px; } .mediumlarge_rd_bt.border_4px { padding:19px 15px 19px; } .bt_icon_border.mediumlarge_rd_bt.border_4px i, .bt_icon_border.mediumlarge_rd_bt.border_4px span { padding:19px 18px 19px; } .mediumlarge_rd_bt.border_5px { padding:18px 14px 18px; } .bt_icon_border.mediumlarge_rd_bt.border_5px i, .bt_icon_border.mediumlarge_rd_bt.border_5px span { padding:18px 18px 18px; } .mediumlarge_rd_bt.border_6px { padding:17px 13px 17px; } .bt_icon_border.mediumlarge_rd_bt.border_6px i, .bt_icon_border.mediumlarge_rd_bt.border_6px span { padding:17px 18px 17px; } .large_rd_bt.border_1px { padding:29px 29px 30px; } .bt_icon_border.large_rd_bt.border_1px i, .bt_icon_border.large_rd_bt.border_1px span { padding:29px 30px 14px; } .large_rd_bt.border_2px { padding:28px 28px 29px; } .bt_icon_border.large_rd_bt.border_2px i, .bt_icon_border.large_rd_bt.border_2px span { padding:28px 30px 29px; } .large_rd_bt.border_3px { padding:27px 27px 28px; } .bt_icon_border.large_rd_bt.border_3px i, .bt_icon_border.large_rd_bt.border_3px span { padding:27px 30px 28px; } .large_rd_bt.border_4px { padding:26px 26px 27px; } .bt_icon_border.large_rd_bt.border_4px i, .bt_icon_border.large_rd_bt.border_4px span { padding:26px 30px 27px; } .large_rd_bt.border_5px { padding:25px 25px 26px; } .bt_icon_border.large_rd_bt.border_5px i, .bt_icon_border.large_rd_bt.border_5px span { padding:25px 30px 26px; } .large_rd_bt.border_6px { padding:24px 24px 25px; } .bt_icon_border.large_rd_bt.border_6px i, .bt_icon_border.large_rd_bt.border_6px span { padding:24px 30px 25px; } .xlarge_rd_bt.border_1px { padding:29px 44px 29px; } .bt_icon_border.xlarge_rd_bt.border_1px i, .bt_icon_border.xlarge_rd_bt.border_1px span { padding:29px 35px 29px; } .xlarge_rd_bt.border_2px { padding:28px 43px 28px; } .bt_icon_border.xlarge_rd_bt.border_2px i, .bt_icon_border.xlarge_rd_bt.border_2px span { padding:28px 35px 28px; } .xlarge_rd_bt.border_3px { padding:27px 42px 27px; } .bt_icon_border.xlarge_rd_bt.border_3px i, .bt_icon_border.xlarge_rd_bt.border_3px span { padding:27px 35px 27px; } .xlarge_rd_bt.border_4px { padding:26px 41px 26px; } .bt_icon_border.xlarge_rd_bt.border_4px i, .bt_icon_border.xlarge_rd_bt.border_4px span { padding:26px 35px 26px; } .xlarge_rd_bt.border_5px { padding:25px 40px 25px; } .bt_icon_border.xlarge_rd_bt.border_5px i, .bt_icon_border.xlarge_rd_bt.border_5px span { padding:25px 35px 25px; } .xlarge_rd_bt.border_6px { padding:24px 39px 24px; } .bt_icon_border.xlarge_rd_bt.border_6px i, .bt_icon_border.xlarge_rd_bt.border_6px span { padding:24px 35px 24px; } /****************Lines / Divider****************/ .sc_line { padding:0px 0px 0px 0; display:block; position:relative; width: 100%; } .rd_icon_line_l, .rd_icon_line_r, .rd_icon_line_c { position:relative; overflow:hidden; } .rd_icon_line_l .sc_line { float:left; } .rd_icon_line_r .sc_line { float:right; } .rd_icon_line_c { margin-left:auto!important; margin-right:auto!important; } .rd_icon_line_l i { position: absolute; left: 0; top: 0px; text-align: center; } .rd_icon_line_r i { position: absolute; right: 0; top: 0px; text-align: center; } .rd_icon_line_c i { position: absolute; left:50%; top: 0px; text-align: center; } .sc_small_line { clear: both; display: block; width: 100%; position: relative; float: left; } .small_l_centered { width: 10%; left: 50%; margin-left:-5%; position: absolute; height: 1px; border-top:3px solid #ebebeb; } .small_l_left { width: 10%; left:0; position: absolute; height: 1px; border-top:3px solid #ebebeb; } .small_l_right { width: 10%; right:0; position: absolute; height: 1px; border-top:3px solid #ebebeb; } .full_line { width: 100%; left:0; position: absolute; height: 1px; border-top:1px solid #ebebeb; } /****************Text Divider****************/ .sc_divider { height:auto; background:url(images/lt_border.png) center 50% no-repeat; } .sc_divider span { background-color:#fff; padding:0 25px 0 0; line-height:55px; } /****************Columns****************/ .one-half-sc, .one-third-sc, .one-fourth-sc, .three-fourth-sc, .two-third-sc { position:relative; height:auto; overflow:visible; margin:0 50px 20px 0; padding:0; float: left; } #posts .one-half-sc, #posts .one-third-sc, #posts .one-fourth-sc, #posts .three-fourth-sc, #posts .two-third-sc { position:relative; height:auto; overflow:visible; margin:0 30px 20px 0; padding:0; float: left; } .pb_one_half, .pb_one_third, .pb_one_fourth, .pb_three_fourth, .pb_two_third, .pb_full_width { position:relative; height:auto; overflow:visible; margin:0 0 0 50px; padding:0; float:left; line-height:24px; } #posts .pb_one_half, #posts .pb_one_third, #posts .pb_one_fourth, #posts .pb_three_fourth, #posts .pb_two_third, #posts .pb_full_width { position:relative; height:auto; overflow:visible; margin:0 0 0 30px; padding:0; float:left; } .last-column, #posts .last-column { margin:0 0 20px 0; !important padding:0; } .one-half-sc, .pb_one_half { width:535px; } .one-third-sc, .pb_one_third { width:340px; } .two-third-sc, .pb_two_third { width:730px; } .one-fourth-sc, .pb_one_fourth { width:242.5px; } .three-fourth-sc, .pb_three_fourth { width:827.5px; } .pb_full_width { width:1170px; } #posts .one-half-sc, #posts .pb_one_half { width:370px; } #posts .one-third-sc, #posts .pb_one_third { width:236px; } #posts .two-third-sc, #posts .pb_two_third { width:504px; } #posts .one-fourth-sc, #posts .pb_one_fourth { width:170px; } #posts .pb_full_width { width:770px; } #posts three-fourth-sc, #posts .pb_three_fourth { width: 570px; } .wpb_text_column ul li { list-style: square; margin-bottom: 10px; } .module_text_area ul br { display: none; } /****************Large text****************/ .lt_text { font-size:26px; padding:40px 0 10px 0; text-align:center; } .lt_sub_text { font-size:45px; line-height:35px; font-weight:bold; text-transform:uppercase; padding:0px 0 45px 0; text-align:center; } /****************Progress Bar****************/ .rd_pb_holder .progress_bar_sc:last-child { margin-bottom: 0!important; } .rd_pb_1 .progress_bar_sc { width:auto; margin:5px 0 17px 0; font-size:15px; position:relative; } .rd_pb_1 .pb_title { float:left; padding:0 0px 0px 0px; font-size:14px; } .rd_pb_1 .pb_percentage { position: absolute; top:0px; font-size: 14px; text-shadow:none; right:0!important; font-family: "Lato"; } .rd_pb_1 .pb_ctn { margin-top:5px; width:100%; background-color:#f6f6f6; height:20px; position:relative; border-radius:5px; } .rd_pb_1 .pb_bg, .rd_pb_1 .pb_stripe { position:absolute; height:12px; left:3px; top:3px; border-radius:5px; max-width: 99%; width: 0%; transition: width 1s linear; -moz-transition: width 1s linear; -webkit-transition: width 1s linear; -o-transition: width 1s linear; } .rd_pb_1 .pb_sub_title { display:none; } .rd_pb_1 .pb_sub_percentage { display:none; } .rd_pb_2 .progress_bar_sc { width:auto; margin:5px 0 14px 0; font-size:14px; position:relative; } .rd_pb_2 .pb_title { float:left; padding:0 0px 0px 0px; } .rd_pb_2 .pb_percentage { position: absolute; top: 0px; font-size: 14px; right:0!important; text-shadow:none; font-family: "Lato"; } .rd_pb_2 .pb_ctn { margin-top:5px; width:100%; background-color:#f6f6f6; height:15px; position:relative; } .rd_pb_2 .pb_bg, .rd_pb_2 .pb_stripe { position:absolute; height:13px; left:0; width: 0%; transition: width 1s linear; -moz-transition: width 1s linear; -webkit-transition: width 1s linear; -o-transition: width 1s linear; } .rd_pb_2 .pb_sub_title { display:none; } .rd_pb_2 .pb_sub_percentage { display:none; } .rd_pb_3 .progress_bar_sc { width:auto; margin:5px 0 17px 0; font-size:15px; position:relative; } .rd_pb_3 .pb_title { float:left; padding:0 0px 0px 0px; font-size:14px; } .rd_pb_3 .pb_ctn { margin-top:5px; width:100%; background-color:#f6f6f6; height:20px; position:relative; border-radius:5px; } .rd_pb_3 .pb_bg, .rd_pb_3 .pb_stripe { position:absolute; height:12px; left:3px; top:3px; border-radius:5px; max-width: 99%; width: 0%; transition: width 1s linear; -moz-transition: width 1s linear; -webkit-transition: width 1s linear; -o-transition: width 1s linear; } .rd_pb_3 .progress_bar_sc:hover .pb_percentage { opacity:1; } .rd_pb_3 .pb_percentage { position: absolute; background: #2c3e50; text-indent: -99999px; color: rgb(255, 255, 255); top: 9px; margin-left: -5px; font-size: 14px; width: 10px; height: 10px; text-shadow: none; border: 1px solid #fff; font-family: "Lato"; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); line-height: 17px; z-index: 0; opacity:0; transition: all linear .2s; -webkit-transition: all linear .2s; -moz-transition: all linear .2s; -o-transition: all linear .2s; } .rd_pb_3 .pb_percentage:before { text-indent: initial; display: block; bottom: -1px; margin-left: 0px; position: absolute; width: 39px; height: 20px; line-height: 20px; color: #fff; background: #2c3e50; border: 1px solid #ffffff; /* box-shadow: 0px 0px 0px 0px #fff; */ border-radius: 5px; left: -22px; transform: rotate(-45deg); text-align: center; z-index: 10; } .rd_pb_3 .pb_percentage:after { content: ""; position: absolute; border-top: 10px solid rgba(103, 105, 106, 0); border-left: 10px solid transparent; border-right: 10px solid #2c3e50; border-bottom: 0px solid rgba(44, 62, 80, 1); z-index: 12; left: -12px; bottom: 0px; } .rd_pb_3 .pb_sub_title { display:none; } .rd_pb_3 .pb_sub_percentage { display:none; } .rd_pb_4 .progress_bar_sc { width:auto; margin:0px 0 8px 0; font-size:14px; position:relative; } .rd_pb_4 .pb_title { display:none; } .rd_pb_4 .pb_percentage { display:none; } .rd_pb_4 .pb_ctn { width:100%; background-color:#f6f6f6; height: 47px; border-bottom-width:3px !important; position:relative; } .rd_pb_4 .pb_bg, .rd_pb_4 .pb_stripe { position:absolute; height: 44px; left:-1px; top:-1px; line-height: 45px; width: 0%; transition: width 1s linear; -moz-transition: width 1s linear; -webkit-transition: width 1s linear; -o-transition: width 1s linear; } .rd_pb_4 .pb_sub_title { font-size:16px; font-weight:bold; margin-left: 20px; color: #fff; } .rd_pb_4 .pb_sub_percentage { font-size:16px; font-weight:normal; color: #fff; } .rd_pb_5 .progress_bar_sc { width:auto; margin:0px 0 10px 0; font-size:14px; position:relative; } .rd_pb_5 .pb_title { display:none; } .rd_pb_5 .pb_percentage { display:none; } .rd_pb_5 .pb_ctn { width:100%; background-color:#f6f6f6; height: 35px; position:relative; border-radius:5px; } .rd_pb_5 .pb_bg, .rd_pb_5 .pb_stripe { position:absolute; height: 35px; left: -1px; top: -1px; line-height: 35px; width: 0%; transition: width 1s linear; -moz-transition: width 1s linear; -webkit-transition: width 1s linear; -o-transition: width 1s linear; border-radius:5px; } .rd_pb_5 .pb_sub_title { font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:2px; margin-left: 20px; color: #fff; } .rd_pb_5 .pb_sub_percentage { display:none; } .rd_pb_6 .progress_bar_sc { width:auto; margin:5px 0 15px 0; font-size:14px; position:relative; } .rd_pb_6 .pb_title { float:left; font-weight:bold; padding:0 0px 0px 0px; } .rd_pb_6 .pb_percentage { position: absolute; top: 0px; font-size: 14px; right:0!important; text-shadow:none; font-family: "Lato"; } .rd_pb_6 .pb_ctn { margin-top:5px; width:100%; background-color:#f6f6f6; height:27px; position:relative; border-radius:10px; } .rd_pb_6 .pb_bg, .rd_pb_6 .pb_stripe { position:absolute; height:25px; left:0; width: 0%; border-radius:10px; transition: width 1s linear; -moz-transition: width 1s linear; -webkit-transition: width 1s linear; -o-transition: width 1s linear; } .rd_pb_6 .pb_sub_title { display:none; } .rd_pb_6 .pb_sub_percentage { display:none; } .rd_pb_7 .progress_bar_sc { width:auto; margin:5px 0 25px 0; font-size:14px; position:relative; } .rd_pb_7 .pb_title { float:left; font-weight:bold; letter-spacing:2px; text-transform:uppercase; padding:0 0px 0px 0px; } .rd_pb_7 .pb_percentage { position: absolute; top: 0px; font-size: 14px; right:0!important; text-shadow:none; font-family: "Lato"; font-weight:bold; } .rd_pb_7 .pb_ctn { margin-top:6px; width:100%; background-color:#f6f6f6; height:30px; position:relative; border-radius:5px; } .rd_pb_7 .pb_bg, .rd_pb_7 .pb_stripe { position:absolute; height: 30px; left: -1px; top: -1px; width: 0%; border-radius:5px; transition: width 1s linear; -moz-transition: width 1s linear; -webkit-transition: width 1s linear; -o-transition: width 1s linear; } .rd_pb_7 .pb_sub_title { display:none; } .rd_pb_7 .pb_sub_percentage { display:none; } .pb_stripe { background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 44px 44px; } .pb_stripe.moving_stripe { -webkit-animation: progress-bar-stripes 1.5s linear infinite; animation: progress-bar-stripes 1.5s linear infinite; } .rd_pb_8 .progress_bar_sc { width:auto; margin:5px 0 28px 0; font-size:15px; position:relative; } .rd_pb_8 .pb_title { float:left; padding:0 0px 0px 0px; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; } .rd_pb_8 .pb_ctn { margin-top:6px; width:100%; background-color:#f6f6f6; height:24px; position:relative; border-radius:3px; } .rd_pb_8 .pb_bg, .rd_pb_8 .pb_stripe { position:absolute; height:18px; left:2px; top:2px; border-radius:3px; max-width: 99%; width: 0%; transition: width 1s linear; -moz-transition: width 1s linear; -webkit-transition: width 1s linear; -o-transition: width 1s linear; } .rd_pb_8 .progress_bar_sc:hover .pb_percentage { opacity:1; } .rd_pb_8 .pb_percentage { position: absolute; background: #2c3e50; text-indent: -99999px; color: rgb(255, 255, 255); top: 9px; margin-left: -5px; font-size: 14px; width: 10px; height: 10px; text-shadow: none; border: 1px solid #fff; font-family: "Lato"; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); line-height: 17px; z-index: 0; opacity:0; transition: all linear .2s; -webkit-transition: all linear .2s; -moz-transition: all linear .2s; -o-transition: all linear .2s; } .rd_pb_8 .pb_percentage:before { text-indent: initial; display: block; bottom: -1px; margin-left: 0px; position: absolute; width: 39px; height: 20px; line-height: 20px; color: #fff; background: #2c3e50; border: 1px solid #ffffff; /* box-shadow: 0px 0px 0px 0px #fff; */ border-radius: 5px; left: -22px; transform: rotate(-45deg); text-align: center; z-index: 10; } .rd_pb_8 .pb_percentage:after { content: ""; position: absolute; border-top: 10px solid rgba(103, 105, 106, 0); border-left: 10px solid transparent; border-right: 10px solid #2c3e50; border-bottom: 0px solid rgba(44, 62, 80, 1); z-index: 12; left: -12px; bottom: 0px; } .rd_pb_8 .pb_sub_title { display:none; } .rd_pb_8 .pb_sub_percentage { display:none; } .rd_pb_9 .progress_bar_sc { width:auto; margin:5px 0 37px 0; font-size:15px; position:relative; } .rd_pb_9 .pb_title { float:left; padding:0 0px 0px 0px; font-size:14px; letter-spacing:1.5px; text-transform:uppercase; font-family:"Raleway"; font-weight:700; } .rd_pb_9 .pb_ctn { margin-top:10px; width:100%; background-color:#f6f6f6; height:15px; position:relative; } .rd_pb_9 .pb_bg, .rd_pb_9 .pb_stripe { position:absolute; height:13px; left:0px; top:0px; max-width: 99%; width: 0%; transition: width 1s linear; -moz-transition: width 1s linear; -webkit-transition: width 1s linear; -o-transition: width 1s linear; } .rd_pb_9 .progress_bar_sc:hover .pb_percentage { opacity:1; } .rd_pb_9 .pb_percentage { position: absolute; background: #2c3e50; text-indent: -99999px; color: rgb(255, 255, 255); top: 9px; margin-left: -5px; font-size: 14px; width: 10px; height: 10px; text-shadow: none; border: 1px solid #fff; font-family: "Lato"; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); line-height: 17px; z-index: 0; opacity:0; transition: all linear .2s; -webkit-transition: all linear .2s; -moz-transition: all linear .2s; -o-transition: all linear .2s; } .rd_pb_9 .pb_percentage:before { text-indent: initial; display: block; bottom: -1px; margin-left: 0px; position: absolute; width: 39px; height: 20px; line-height: 20px; color: #fff; background: #2c3e50; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 5px; left: -22px; transform: rotate(-45deg); text-align: center; z-index: 10; } .rd_pb_9 .pb_percentage:after { content: ""; position: absolute; border-top: 10px solid rgba(103, 105, 106, 0); border-left: 10px solid transparent; border-right: 10px solid #2c3e50; border-bottom: 0px solid rgba(44, 62, 80, 1); z-index: 12; left: -12px; bottom: 0px; } .rd_pb_9 .pb_sub_title { display:none; } .rd_pb_9 .pb_sub_percentage { display:none; } .rd_pb_10 .progress_bar_sc { width:auto; margin:5px 0 38px 0; font-size:15px; position:relative; } .rd_pb_10 .pb_title { float:left; padding:0 0px 0px 0px; font-size:18px; font-weight:normal; } .rd_pb_10 .pb_ctn { margin-top:16px; width:100%; background-color:#f6f6f6; height:10px; border:none!important; position:relative; } .rd_pb_10 .pb_bg, .rd_pb_10 .pb_stripe { position:absolute; height:6px; left:2px; top:2px; max-width: 99%; width: 0%; transition: width 1s linear; -moz-transition: width 1s linear; -webkit-transition: width 1s linear; -o-transition: width 1s linear; } .rd_pb_10 .progress_bar_sc:hover .pb_percentage { opacity:1; } .rd_pb_10 .pb_percentage { position: absolute; text-indent: -99999px; top: 9px; margin-left: -5px; font-size: 14px; width: 10px; height: 10px; text-shadow: none; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); line-height: 17px; z-index: 0; opacity:0; transition: all linear .2s; -webkit-transition: all linear .2s; -moz-transition: all linear .2s; -o-transition: all linear .2s; } .rd_pb_10 .pb_percentage:before { text-indent: initial; display: block; bottom: -1px; margin-left: 0px; position: absolute; width: 39px; height: 20px; line-height: 20px; border-radius: 5px; left: -22px; transform: rotate(-45deg); text-align: center; z-index: 10; } .rd_pb_10 .pb_percentage:after { content: ""; position: absolute; z-index: 12; left: -12px; bottom: 0px; } .rd_pb_10 .pb_sub_title { display:none; } .rd_pb_10 .pb_sub_percentage { display:none; } /****************Alerts Box****************/ .alert { text-align:center; padding:30px; margin-bottom:20px; position:relative; font-size:14px; } .alert p:last-child { margin-bottom:0!important; } .alert_del_btn { position: absolute; top: 12px; right: 5px; font-size: 19px; font-weight: bold; font-family: initial; width: 30px; height: 30px; cursor:pointer; } .alert.white { background-color: #fff; color: #a1b1bc; border: 1px solid #dadcdc; } .alert.grey { background-color: #fbfcfc; color: #a1b1bc; border: 1px solid #dadcdc; } .alert.red_a { background-color: #E47B7B; color: #FFFFFF; border: 1px solid #D76F6F; } .alert.orange_a { background-color: #FFB56C; color: #fff; border: 1px solid #FFB56C; } .alert.blue_a { background-color: #91B3D5; color: #FFFFFF; border: 1px solid #81A4C7; } .alert.green_a { background-color: #A6DA98; color: #FFFFFF; border: 1px solid #9DD38E; } /*** VC Alert box ***/ /* Solid color alert */ .alert.rd_solid_alert { border-radius: 10px; padding: 36px 50px 34px; text-align: left; overflow:auto; min-height: 150px; } .rd_solid_alert .rd_alert_title { font-size:14px; margin-bottom:6px; text-transform:uppercase; font-weight:700; color:#2c3e50 } .rd_solid_alert .rd_alert_content { float:left; margin-left:92px; line-height: 24px; color:#2c3e50 } .rd_solid_alert .rd_alert_content:before { font-family: "FontAwesome"; font-weight: normal; font-size: 30px; display: block; position: absolute; margin-top: 1px; left: 20px; } .rd_solid_alert .alert_del_btn { position: absolute; right: 18px; top: 13px; font-family: initial; height: auto; width: auto; cursor: pointer; } .rd_solid_alert .alert_del_btn:before { content: "\f00d"; font-family: "FontAwesome"; font-weight: normal; font-size: 14px; } .rd_solid_alert .rd_alert_content:before { font-family: "FontAwesome"; font-weight: normal; font-size: 24px; display: block; position: absolute; left: 49px; top: 41px; border-radius: 100px; width: 50px; height: 50px; line-height: 50px; text-align: center; } .rd_solid_alert.rd_success_alert { background:#97e411; border:1px solid #97e411; } .rd_solid_alert.rd_success_alert .alert_del_btn:before { color: #558502; } .rd_solid_alert.rd_success_alert .rd_alert_content:before { content: "\f00c"; background:#97e411; color: #558502; border: 7px solid #7bc200; } .rd_solid_alert.rd_notice_alert { background:#6fd9fc; border: 1px solid #6fd9fc; } .rd_solid_alert.rd_notice_alert .alert_del_btn:before { color: #0787d4; } .rd_solid_alert.rd_notice_alert .rd_alert_content:before { content: "\f0e7"; background:#6fd9fc; color: #0787d4; border: 7px solid #47b4f6; } .rd_solid_alert.rd_error_alert { background:#fd7761; border: 1px solid #fd7761; } .rd_solid_alert.rd_error_alert .alert_del_btn:before { color: #d52e13; } .rd_solid_alert.rd_error_alert .rd_alert_content:before { content: "\f00d"; background:#fd7761; color: #d52e13; border: 7px solid #f55c43; } .rd_solid_alert.rd_warning_alert { background:#ffc12d; border:1px solid #ffc12d; } .rd_solid_alert.rd_warning_alert .alert_del_btn:before { color: #a47503; } .rd_solid_alert.rd_warning_alert .rd_alert_content:before { content: "\f12a"; background:#ffc12d; color: #a47503; border: 7px solid #f9b718; } .rd_solid_alert.rd_info_alert { background:#a39cdc; border: 1px solid #a39cdc; } .rd_solid_alert.rd_info_alert .alert_del_btn:before { color:#5b568e; } .rd_solid_alert.rd_info_alert .rd_alert_content:before { content: "\f129"; background:#a39cdc; color: #5b568e; border: 7px solid #8781bd; } /* Clear alert */ .alert.rd_clear_alert { border-radius: 10px; padding: 36px 50px 34px; text-align: left; overflow:auto; min-height: 150px; } .rd_clear_alert .rd_alert_title { font-size:14px; margin-bottom:6px; text-transform:uppercase; font-weight:700; } .rd_clear_alert .rd_alert_content { float:left; margin-left:92px; line-height: 24px; } .rd_clear_alert .rd_alert_content:before { font-family: "FontAwesome"; font-weight: normal; font-size: 30px; display: block; position: absolute; margin-top: 1px; left: 20px; } .rd_clear_alert .alert_del_btn { position: absolute; right: 18px; top: 13px; font-family: initial; height: auto; width: auto; cursor: pointer; } .rd_clear_alert .alert_del_btn:before { content: "\f00d"; font-family: "FontAwesome"; font-weight: normal; font-size: 14px; } .rd_clear_alert .rd_alert_content:before { font-family: "FontAwesome"; font-weight: normal; font-size: 24px; display: block; position: absolute; left: 49px; top: 41px; border-radius: 100px; width: 50px; height: 50px; line-height: 50px; text-align: center; } .rd_clear_alert.rd_success_alert .rd_alert_content:before { content: "\f00c"; background:#97e411; color: #558502; border: 7px solid #7bc200; } .rd_clear_alert.rd_notice_alert .rd_alert_content:before { content: "\f0e7"; background:#6fd9fc; color: #0787d4; border: 7px solid #47b4f6; } .rd_clear_alert.rd_error_alert .rd_alert_content:before { content: "\f00d"; background:#fd7761; color: #d52e13; border: 7px solid #f55c43; } .rd_clear_alert.rd_warning_alert .rd_alert_content:before { content: "\f12a"; background:#ffc12d; color: #a47503; border: 7px solid #f9b718; } .rd_clear_alert.rd_info_alert .rd_alert_content:before { content: "\f129"; background:#a39cdc; color: #5b568e; border: 7px solid #8781bd; } /* Big alert */ .alert.rd_big_alert { border-radius: 5px; padding: 32px 50px 31px; text-align: left; overflow:auto; } .rd_big_alert .rd_alert_title { font-size:18px; margin-bottom:8px; } .rd_big_alert .rd_alert_content { float:left; margin-left:70px; } .rd_big_alert .rd_alert_content:before { font-family: "FontAwesome"; font-weight: normal; font-size: 30px; display: block; position: absolute; margin-top: 1px; left: 20px; } .rd_big_alert .alert_del_btn { position: absolute; right: 13px; top: 12px; font-family: initial; height: auto; width: auto; cursor: pointer; } .rd_big_alert .alert_del_btn:before { content: "\f00d"; font-family: "FontAwesome"; font-weight: normal; font-size: 18px; } .rd_big_alert .rd_alert_content:before { font-family: "FontAwesome"; font-weight: normal; font-size: 30px; display: block; position: absolute; left: 50px; top:45px; } .rd_big_alert.rd_success_alert { color:#649d01; background:#e1f9b7; border:1px solid #b2dc6e; } .rd_big_alert.rd_success_alert .rd_alert_content:before { content: "\f00c"; } .rd_big_alert.rd_success_alert .rd_alert_title { color:#649d01; } .rd_big_alert.rd_notice_alert { color:#a1b1bc; background:#fbfcfc; border:1px solid #dadcdc; } .rd_big_alert.rd_notice_alert .rd_alert_content:before { content: "\f0f3"; } .rd_big_alert.rd_notice_alert .rd_alert_title { color:#7d8c96; } .rd_big_alert.rd_error_alert { color:#df3c22; background:#fec0b7; border:1px solid #f7a093; } .rd_big_alert.rd_error_alert .rd_alert_content:before { content: "\f00d"; } .rd_big_alert.rd_error_alert .rd_alert_title { color:#df3c22; } .rd_big_alert.rd_warning_alert { color:#d99b07; background:#fff9da; border:1px solid #fcd068; } .rd_big_alert.rd_warning_alert .rd_alert_content:before { content: "\f12a"; } .rd_big_alert.rd_warning_alert .rd_alert_title { color:#d99b07; } .rd_big_alert.rd_info_alert { color:#7CCBE5; background:#D5F4FF; border:1px solid #A0E7FF; } .rd_big_alert.rd_info_alert .rd_alert_content:before { content: "\f129"; } .rd_big_alert.rd_info_alert .rd_alert_title { color:#7CCBE5; } /* Small alert */ .alert.rd_small_alert { font-size: 14px; font-weight: bold; text-align: left; line-height: 30px; padding: 3px 20px 5px; overflow:auto; } .rd_small_alert .rd_alert_content { float:left; margin-left:35px; } .rd_small_alert .alert_del_btn { position: absolute; right: 10px; top: 50%; font-family: initial; height:auto; width:auto; cursor: pointer; margin-top: -10px; line-height: 20px; } .rd_small_alert .alert_del_btn:before { content: "\4d"; font-family: "elg"; font-weight: normal; font-size: 16px; } .rd_small_alert .rd_alert_content:before { font-family: "elg"; font-weight: normal; font-size: 16px; display: block; position: absolute; margin-top: 1px; left: 20px; } .rd_small_alert.rd_success_alert { color:#6db74c; background:#c1faa8; border:1px solid #9cff70; } .rd_small_alert.rd_success_alert .rd_alert_content:before { content: "\52"; } .rd_small_alert.rd_notice_alert { color:#959595; background:#eff5f7; border:1px solid #dcdcdc; } .rd_small_alert.rd_notice_alert .rd_alert_content:before { content: "\7a"; } .rd_small_alert.rd_error_alert { color:#ff391f; background:#ffcdc7; border:1px solid #fdb1a8; } .rd_small_alert.rd_error_alert .rd_alert_content:before { content: "\51"; } .rd_small_alert.rd_warning_alert { color:#e99b00; background:#fff4bb; border:1px solid #ffcc66; } .rd_small_alert.rd_warning_alert .rd_alert_content:before { content: "\72"; } .rd_small_alert.rd_info_alert { color:#21c2f8; background:#bceeff; border:1px solid #8ae1ff; } .rd_small_alert.rd_info_alert .rd_alert_content:before { content: "\70"; } /****************Drop Caps****************/ .dropcap { width: 32px; height: 32px; background: #222222; margin: 8px 12px; display: inline-block; float: left; font-size: 18px; font-weight: 700; border-radius: 32px; color: #f5f5f5; text-align: center; line-height: 30px; text-shadow:none; -moz-border-radius: 32px; -webkit-border-radius: 32px; } h4 .dropcap { float: none; margin: 0 12px 0 0; vertical-align: middle; } .dropcap icon { padding:0; margin:1px 0 0 0px; text-shadow:none; } /*dropcap styles */ .dropcap.a { font-size: 15px; font-weight: 600; background-color: transparent; color:#222; border-radius:0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; height:20px; width:auto; margin: -3px 12px 0 0; } .dropcap.dc_squared { width: 40px; height: 40px; background: #222222; margin: 7px 9px 10px 0; display: inline-block; float: left; font-size: 30px; font-weight: 700; color: #ffffff; text-align: center; line-height: 40px; text-shadow: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .dropcap.dc_rectangle { width: 28px; height: 36px; background: #222222; margin: 7px 6px 20px 0; display: inline-block; float: left; font-size: 30px; font-weight: 700; color: #ffffff; text-align: center; line-height: 36px; text-shadow: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .dropcap.dc_rounded { width: 60px; height: 60px; background: #222222; margin: 6px 12px 20px 0; display: inline-block; float: left; font-size: 48px; font-weight: 700; color: #ffffff; text-align: center; line-height: 60px; text-shadow: none; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } /****************Chart****************/ .rd_pie_chart { text-align: center; position: relative; margin: 0 auto; } .rd_pie_chart canvas { margin:0 auto; display:block; width:260px; max-width:100%; } .rd_pie_chart.rd_pie_04 canvas { width:170px; } .rd_pc_status .count_number { font-size: inherit; line-height: inherit; letter-spacing: inherit; font-weight: inherit; margin-bottom: inherit; } .rd_pc_track { width: 170px; height: 170px; border: 13px solid; color: #FFFFFF; border-radius: 200px; position: absolute; top: 14.5px; left: 50%; margin-left: -85px; z-index: -2; background: none!important; -moz-box-shadow: 0 0px 10px -2px rgba(0,0,0,0.18); -webkit-box-shadow: 0 0px 10px -2px rgba(0,0,0,0.18); box-shadow: 0 0px 10px -2px rgba(0,0,0,0.18); } .rd_pc_track_in { width: 142px; height: 142px; color: #FFFFFF; border-radius: 200px; position: absolute; top: 29px; left: 50%; margin-left: -71px; z-index: -1; background: none!important; -moz-box-shadow: inset 0 0px 10px -2px rgba(0,0,0,0.18); -webkit-box-shadow: inset 0 0px 10px -2px rgba(0,0,0,0.18); box-shadow: inset 0 0px 10px -2px rgba(0,0,0,0.18); } .rd_pie_chart.rd_pie_01 .rd_pc_status { display: block; position: absolute; left: 50%; width: 200px; margin-left: -100px; top: 86px; line-height:30px; font-size: 30px; font-weight: 300; } .rd_pie_chart.rd_pie_01 h3 { font-size:18px; margin-top:13px; } .rd_pie_chart.rd_pie_02 .rd_pc_status { display: block; position: absolute; left: 50%; width: 200px; margin-left: -100px; top: 86px; line-height:30px; font-size: 18px; font-weight: 400; } .rd_pie_chart.rd_pie_03 .rd_pc_status { display: block; position: absolute; left: 50%; width: 200px; margin-left: -100px; top: 86px; line-height:30px; font-size: 15px; font-weight: 400; } .rd_pie_chart.rd_pie_04 .rd_pc_status { display: block; position: absolute; left: 50%; width: 200px; margin-left: -100px; top: 37px; line-height:30px; font-size: 24px; font-weight: 400; } .rd_pie_chart.rd_pie_05 .rd_pc_status { display: block; position: absolute; left: 50%; width: 200px; margin-left: -100px; top: 86px; line-height:30px; font-size: 30px; font-weight: 400; } .rd_pie_03 .rd_pc_heading { font-weight:normal; font-size:15px; margin-top:27px; margin-bottom:0; } .rd_pie_04 .rd_pc_heading { font-weight:bold; font-size:18px; margin-top:20px; margin-bottom:0; } .rd_pie_02 .rd_pc_heading, .rd_pie_05 .rd_pc_heading { font-weight:bold; font-size:18px; margin-top:30px; margin-bottom:0; } .rd_pie_04 .rd_pc_text { font-weight:400; font-size:14px; margin-top: 17px; margin-bottom:0; position:relative; } .rd_pie_04 .rd_pc_text:before { content:""; height:1px; width:30px; border-top:1px solid; position:absolute; top:-5px; left:50%; margin-left:-15px; } .rd_pc_text { font-weight:400; font-size:14px; margin-top: 14px; margin-bottom:0; } /**************** Count to ******************/ .rd_count_to, .rd_count_to_over { text-align:center; } .count_number { font-size: 37px; line-height: 45px; font-weight: 300; letter-spacing: 3px; margin-bottom:2px; } .count_title { font-weight: 700!important; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin-bottom:0; } .rd_ct_bt .count_number { font-size:72px; font-weight:300; line-height:79px; } .rd_ct_bt .count_title { font-size:18px; text-transform:none; font-weight:400!important; letter-spacing:normal; } /**************** Count to in circle ******************/ .count_style_2 { border: 2px solid; border-radius: 100px; width: 150px; height: 150px; text-align: center; margin: 0 auto; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .count_style_2 .count_number { font-size: 36px; line-height: 38px; font-weight: 400; letter-spacing:normal; margin-top: 48px; margin-bottom:0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .count_style_2 .count_title { font-weight: 400!important; font-size: 14px; text-transform:none; letter-spacing:normal; margin-bottom:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /**************** Count to small icon ******************/ .count_style_3 .count_icon_circle { border: 2px solid; border-radius: 100px; width: 64px; height: 64px; text-align: center; line-height: 60px; font-size: 35px; margin: 0 auto; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; } .count_style_3:hover .count_icon_circle { transform: scale(1.6); border-width: 7px; line-height: 50px; font-size: 24px; } .count_style_3 .count_number { font-size: 48px; line-height: 48px; font-weight: 300; letter-spacing:normal; margin-top: 37px; margin-bottom: 27px; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .count_style_3 .count_number:after { content: ""; width: 46px; height: 1px; position: absolute; bottom: -14px; left: 50%; margin-left: -23px; } .count_style_3 .count_title { font-weight: 400!important; font-size: 18px; text-transform:none; letter-spacing:normal; margin-bottom:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /**************** Count to medium text ******************/ .count_style_9 .count_number { font-size: 48px; line-height: 48px; font-weight: 300; letter-spacing:normal; margin-bottom: 8px; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .count_style_9 .count_title { font-weight: 400!important; font-size: 18px; text-transform:none; letter-spacing:normal; margin-bottom:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /**************** Count to medium text business ******************/ .count_style_12 .count_number { font-size: 60px; line-height: 60px; font-weight: 300; letter-spacing:normal; font-family:"Open Sans"; margin-bottom: 38px; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .count_style_12 .count_title { font-weight: 300!important; font-size: 14px; font-family:"Open Sans"; text-transform:none; letter-spacing:normal; position:relative; margin-bottom:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .count_style_12 .count_title:before { content:""; position:absolute; top:-20px; left:50%; margin-left:-15px; width:30px; border-top:1px solid; } /**************** Count to medium icon ******************/ .count_style_8 .count_icon_circle { border-radius: 100px; width: 100px; height: 100px; text-align: center; line-height: 100px; font-size: 25px; margin: 0 auto; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .count_style_8 .count_icon_circle:before { position: absolute; width: 110px; height: 110px; content: ""; z-index: -1; opacity: 0.5; border-radius: 100px; left: 50%; margin-left: -55px; top: -5px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .count_style_8:hover .count_icon_circle:before { transform: scale(1.05); /* CSS3 */ -moz-transform: scale(1.05); /* Firefox */ -webkit-transform: scale(1.05); /* Webkit */ -o-transform: scale(1.05); /* Opera */ -ms-transform: scale(1.05); /* IE 9 */ } .count_style_8 .count_number { font-size: 36px; line-height: 48px; font-weight: 400; letter-spacing: 2px; margin-top: 43px; margin-bottom: 24px; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .count_style_8 .count_number:after { content: ""; width: 40px; height: 3px; position: absolute; bottom: -11px; left: 50%; margin-left: -20px; } .count_style_8 .count_title { font-weight: 400!important; font-size: 18px; text-transform:none; letter-spacing:normal; margin-bottom:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /**************** Count to Big icon******************/ .rd_count_wrap:hover .count_bigsub_circle { transform: scale(2.03); /* CSS3 */ -moz-transform: scale(2.03); /* Firefox */ -webkit-transform: scale(2.03); /* Webkit */ -o-transform: scale(2.03); /* Opera */ -ms-transform: scale(2.03); /* IE 9 */ opacity:1!important; } .rd_count_to, .rd_count_to_over { text-align:center; } .count_bigicon_circle { width:204px; height:204px; margin:0 auto; position:relative; border-radius: 300px; } .count_bigsub_circle { width: 100px; height: 100px; display: block; color: #fff!important; border-radius: 300px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0; } .count_bigicon_circle i { width: 100px; height: 100px; background: #1bbc9b; display: block; color: #fff!important; border-radius: 300px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; font-size: 35px; text-align: center; line-height:100px; } .rd_count_wrap .count_number { font-size: 30px; line-height: 45px; font-weight: 300; padding-top: 18px; padding-bottom:3px; margin-bottom:0px; margin-top: 0; letter-spacing:normal; } .rd_count_wrap .count_title { font-weight: 300!important; font-size: 17px; text-transform:none; letter-spacing:normal; margin-bottom:0; } .rd_count_wrap.big_text .count_number { font-size: 35px; line-height: 45px; font-weight: normal; padding-top: 20px; margin-top: 0; padding-bottom:0; margin-bottom:0px; letter-spacing: 1px; } .rd_count_wrap.big_text .count_title { font-weight: 300!important; font-size: 15px; text-transform:none; letter-spacing:normal; margin-bottom:0; } /**************** Count to Box ******************/ .rd_count_box { padding:51px 0 46px; } .rd_count_to, .rd_count_to_over { text-align:center; } .count_box_circle { width:100px; height:100px; margin:0 auto; position:relative; border-radius: 300px; } .count_box_circle i { width: 100px; height: 100px; display: block; position: absolute; left: 50%; margin: 0px 0 0 -50px; font-size: 35px; text-align: center; line-height: 95px; } .rd_count_box .count_number { font-size: 30px; line-height: 36px; font-weight: 700; padding-top: 13px; padding-bottom:3px; margin-bottom:0px; letter-spacing:1px; } .rd_count_box .count_title { font-weight: 700!important; font-size: 14px; text-transform:uppercase; letter-spacing:normal; margin-bottom:0; } /**************** Count Stroke Medium Icon ******************/ .count_stroke_circle { width: 90px; height: 90px; text-align: center; margin: 0 auto; background: none; border-radius: 200px; position: relative; font-size: 25px; line-height: 87px; } .count_stroke_circle i { z-index:2; position:relative; } .count_stroke_circle .count_bigsub_circle { width: 44px; height: 44px; border-radius: 300px; position: absolute; top: 50%; left: 50%; margin: -22px 0 0 -22px; text-align: center; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; opacity: 0; } .rd_count_wrap .count_style_10 .count_number { font-size:36px; font-weight:300; padding-top: 19px; padding-bottom: 0px; } .rd_count_wrap .count_style_10 .count_title { font-size:14px; text-transform:uppercase; font-weight:700!important; } /**************** Count Gradient Small Icon ******************/ .count_gradient_circle { position: relative; height: 100px; } .count_gradient_bg { width: 100px; height: 100px; position: absolute; left: 50%; margin-left: -50px; border-radius: 300px; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -ms-transition: all 0.15s ease; transition: all 0.15s ease; } .rd_count_wrap:hover .count_gradient_bg { transform: scale(1.04); /* CSS3 */ -moz-transform: scale(1.04); /* Firefox */ -webkit-transform: scale(1.04); /* Webkit */ -o-transform: scale(1.04); /* Opera */ -ms-transform: scale(1.04); /* IE 9 */ } .count_gradient_circle i { width: 96px; height: 96px; display: block; text-align: center; line-height: 80px; border-radius: 100px; position: absolute; left: 50%; margin-left: -48px; border: 8px solid; top: 2px; font-size:30px; } .count_style_11 .count_number { font-size: 36px; line-height: 48px; font-weight: 300; letter-spacing: 2px; margin-top: 7px; margin-bottom: 12px; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .count_style_11 .count_number:after { content: ""; width: 30px; height: 2px; position: absolute; bottom: -3px; left: 50%; margin-left: -15px; } .rd_count_wrap .count_style_11 .count_title { font-size:14px; } /****************Icons****************/ .icon_sc i { font-size:70px; padding:15px; display:block !important; } .single_icon_ctn { width: 70px; height: 70px; text-align: center; font-size: 32px; line-height: 70px; clear: both; } .single_icon_ctn.sr, .single_icon_ctn.dr { border-radius:200px; } .icn_centered { margin:0 auto; } /****************Icon box****************/ .icon_box { display:block; position:relative; margin-bottom:20px; overflow:hidden; cursor:pointer; } .icon_box i { font-size:40px; color:#333; text-align:left; position: absolute; top:0; left:0; line-height: 40px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box h3 { text-align:left; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; font-weight: 700; padding:10px 0 0 55px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } h3.mi_heading { text-transform: none; letter-spacing: normal; } .icon_box p { padding:10px 0 0 0; text-align:left; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /****************Icon box small icon****************/ .icon_box_si { display:block; position:relative; margin-bottom:20px; overflow:hidden; } .icon_box_si i { font-size: 35px; color: #333; text-align: left; position: absolute; top: 9px; left: 0; line-height: 35px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_si h3 { text-align:left; font-size: 16px; font-weight: 700; padding:10px 0 0 55px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_si p { padding:4px 0 0 55px; text-align:left; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /****************Icon box medium icon****************/ .icon_box_mi_b { display:block; position:relative; margin-bottom:20px; overflow:hidden; } .icon_box_mi_b i { font-size: 55px; color: #333; text-align: left; position: absolute; top: 5px; left: 0; line-height: 55px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_mi_b h3 { text-align:left; font-size: 18px; font-family:"Open Sans"; font-weight: 600; padding:10px 0 0 75px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_mi_b p { padding:4px 0 0 75px; text-align:left; line-height:30px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /****************Icon box rounded****************/ .icon_box_rounded { display:block; position:relative; margin-bottom:20px; overflow:hidden; } .icon_box_rounded i { font-size: 17px; color: #fff; text-align: left; position: absolute; top: 0; left: 0; padding: 11px 0 0 0; width: 40px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; height: 40px; background: #0E0B29; text-align: center; border-radius: 100px; } .icon_box_rounded h3 { text-align:left; font-size: 18px; font-weight: 700; padding:10px 0 0 55px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_rounded p { padding:9px 0 0 0; text-align:left; margin-bottom:9px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_rounded .icon_box_button { font-weight:400; } /****************Icon box rounded trending ****************/ .icon_box_rounded_trend { display:block; position:relative; margin-bottom:20px; overflow:hidden; } .icon_box_rounded_trend i { font-size: 16px; color: #fff; position: absolute; top: 13px; left: 0; height: 60px; width: 60px; line-height: 58px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; background: #0E0B29; text-align: center; border-radius: 200px; letter-spacing: 0px; } .icon_box_rounded_trend h3 { text-align:left; font-size: 16px; font-weight: 700; text-transform:uppercase; font-family:"Raleway"; letter-spacing:1.5px; padding:10px 0 0 89px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_rounded_trend p { padding:9px 0 0 89px; text-align:left; margin-bottom:9px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_rounded_trend .icon_box_button { font-weight:400; } /****************Icon box rounded stroke****************/ .icon_box_rounded_stroke { display:block; position:relative; margin-bottom:20px; overflow:hidden; } .icon_box_rounded_stroke i { font-size: 25px; text-align: left; position: absolute; top: 0; left: 0; line-height:46px; width: 50px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; height: 50px; text-align: center; border-radius: 100px; } .icon_box_rounded_stroke h3 { text-align:left; font-size: 18px; font-weight: 700; letter-spacing:0.5px; text-transform:uppercase; padding:17px 0 0 70px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_rounded_stroke p { padding:17px 0 0 0; text-align:left; margin-bottom:9px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_rounded_stroke .icon_box_button { font-weight:400; } /****************Icon box Big rounded stroke****************/ .icon_box_big_rounded_stroke { display:block; position:relative; margin-bottom:20px; overflow:hidden; } .icon_box_big_rounded_stroke i { font-size: 25px; text-align: left; position: absolute; top: 2px; left: 0; line-height:68px; width: 70px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; height: 70px; text-align: center; border-radius: 100px; } .icon_box_big_rounded_stroke h3 { text-align:left; font-size: 16px; font-weight: 700; padding:0px 0 0 100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_big_rounded_stroke p { padding:1px 0 0 100px; text-align:left; margin-bottom:9px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_big_rounded_stroke .icon_box_button { padding: 0px 0 0 100px; font-size: 15px; font-weight: bold; } /****************Icon box hex****************/ .icon_box_hex { display:block; position:relative; margin-bottom:20px; overflow:hidden; } .ib_hexagon { position: absolute; width: 35px; height: 20.21px; background-color: #64C7CC; margin: 10.10px 0; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .ib_hexagon:before, .ib_hexagon:after { content: ""; position: absolute; width: 0; left:0; border-left: 18px solid transparent; border-right: 17.5px solid transparent; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .ib_hexagon:before { bottom: 100%; border-bottom: 10.10px solid #64C7CC; } .ib_hexagon:after { top: 100%; width: 0; border-top: 10.10px solid #64C7CC; } .icon_box_hex i { font-size: 15px; color: #fff; background:none!important; padding: 0px 0 0 0; line-height:20px; text-align: center; width: 35px; display:inline-block; } .icon_box_hex h3 { text-align:left; font-size: 18px; font-weight: 700; padding:10px 0 0 45px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_hex p { padding: 9px 0 0 0; margin-bottom: 8px; text-align:left; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_hex .icon_box_button { font-weight:700; font-size:15px; } /****************Icon box rectangle****************/ .icon_box_square { display:block; position:relative; margin-bottom:20px; overflow:hidden; } .ib_square { width: 37px; height: 37px; left: 26px; top: 14px; margin-top: 3px; position:absolute; border-radius: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_square i { font-size: 17px; color: #fff; text-align: left; position: absolute; top: -9px; left: -4px; background: none!important; padding: 0px 0 0 0; text-align: center; width: 44px; -ms-transform:rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .icon_box_square h3 { text-align:left; font-size: 18px; font-weight: 700; padding:0px 0 0 70px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_square p { padding: 1px 0 4px 70px; text-align:left; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_square .icon_box_button { font-weight:normal; margin-left: 70px; padding: 8px 10px !important; display: inline-block; min-width:100px; text-align: center; } /****************Icon box med square****************/ .icon_box_medsquare { display:block; position:relative; margin-bottom:20px; overflow:hidden; } .ib_medsquare { width: 61px; height: 61px; left: 0px; top: 0px; position:absolute; margin-top:3px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_medsquare i { font-size: 25px; color: #fff; text-align: left; position: absolute; top: 0px; left: 0px; background: none!important; line-height: 61px; text-align: center; width: 61px; } .icon_box_medsquare h3 { text-align:left; font-size: 18px; font-weight: 700; padding:1px 0 0 81px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_medsquare p { padding:1px 0 3px 81px; text-align:left; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_medsquare .icon_box_button { font-weight:normal; margin-left: 81px; padding: 7px 0px 0 0; display: inline-block; text-align:left; } /****************Icon box suare pattern****************/ .icon_box_squareptn { display:block; position:relative; margin-bottom:20px; overflow:hidden; } .ib_squareptn { width: 54px; height: 54px; left: 0px; top: 5px; position:absolute; background-image:url(images/ib_sc.png); background-size: 165px; background-position: -28px -53px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_squareptn i { font-size: 27px; color: #fff; text-align: left; position: absolute; top: 0px; left: 0px; background: none!important; line-height: 54px; text-align: center; width: 54px; } .icon_box_squareptn h3 { text-align:left; font-size: 18px; font-weight: 700; padding:0px 0 0 67px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_squareptn p { padding:0px 0 3px 67px; text-align:left; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_squareptn .icon_box_button { font-weight:normal; margin-left: 67px; padding: 7px 0px 0 0; display: inline-block; text-align:left; } /****************Icon box big square****************/ .icon_box_bigsquare { display:block; position:relative; margin-bottom:20px; overflow:hidden; } .ib_bigsquare { width: 70px; height: 70px; left: 0px; top: 0px; position:absolute; border-radius: 12px; margin-top:3px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_bigsquare i { font-size: 30px; color: #fff; text-align: left; position: absolute; top: 0px; left: 0px; background: none!important; line-height: 70px; text-align: center; width: 70px; } .icon_box_bigsquare h3 { text-align:left; font-size: 18px; font-weight: 700; padding:0px 0 0 90px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_bigsquare p { padding:1px 0 3px 90px; text-align:left; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_bigsquare .icon_box_button { font-weight:normal; margin-left: 90px; padding: 8px 10px !important; display: inline-block; min-width:100px; text-align: center; } /****************Icon box big rounded****************/ .icon_box_bigrounded { display:block; position:relative; margin-bottom:20px; overflow:hidden; } .icon_box_bigrounded i { font-size: 23px; color: #fff; text-align: left; position: absolute; top: 0; left: 0; line-height: 50px; width: 50px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; height: 50px; background: #0E0B29; text-align: center; border-radius: 100px; } .icon_box_bigrounded h3 { text-align:left; font-size: 18px; font-weight: 700; padding: 16px 0 0 68px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_bigrounded p { padding:21px 0 0 0; text-align:left; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box_bigrounded .icon_box_button { font-weight:700; } /****************Icon box 2****************/ .icon_box2 { text-align: center; padding: 43px 30px 27px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .vc_span12 .icon_box2 { min-width: 25%; margin-left: -4px; max-width: 25%; display: inline-block; } .icon_box2 .icon_circle { text-align: center; width: 59px; height: 59px; margin: 0 auto 0px auto; background: none!important; border-radius: 100px; text-shadow: none; color: #444; line-height: 58px; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .sub_circle { position: absolute; top: 0px; left: 0px; width: 57px; height: 57px; border-radius: 100px; border: 1px solid #222; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2:hover .sub_circle { transform: scale(1.2); /* CSS3 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Webkit */ -o-transform: scale(1.2); /* Opera */ -ms-transform: scale(1.2); /* IE 9 */ opacity:1!important; } .icon_box2 i { font-size:25px; color:#444; width:57px; padding:0; display:inline-block; text-align: center; } .icon_box2 h3 { text-align:center; font-size: 18px; padding:28px 0 0 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2 p { padding:2px 0 0 0; margin-bottom:9px; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2 .box_btn { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow:none; font-weight:normal; font-size:15px; display:inline-block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /****************Icon box 2****************/ .icon_box2_trending { text-align: center; padding: 85px 30px 85px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .vc_span12 .icon_box2_trending { min-width: 25%; margin-left: -4px; max-width: 25%; display: inline-block; } .icon_box2_trending .icon_circle { text-align: center; width: 60px; height: 60px; margin: 0 auto 0px auto; background: none!important; border-radius: 100px; text-shadow: none; color: #444; line-height: 60px; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_trending i { font-size:60px; color:#444; width:60px; padding:0; display:inline-block; text-align: center; } .icon_box2_trending h3 { text-align:center; font-size: 16px; text-transform:uppercase; letter-spacing:1.5px; font-family: Raleway; font-weight: 700; padding:40px 0 0 0; margin-bottom:25px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_trending p { padding:23px 0 0 0; max-width: 250px; margin: 0 auto; margin-bottom:9px; position:relative; line-height: 28px; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_trending p:before { content: ""; position: absolute; top: 0; border-top: 2px dashed; width: 16px; top: 0; margin-left: -8px; left: 50%; } .icon_box2_trending .box_btn { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow:none; font-weight:normal; font-size:15px; display:inline-block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_alt { margin-top: 60px; padding: 65px 30px 35px 30px; background-color: #fff; text-align: center; text-shadow: none; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_alt .icon_circle { text-align: center; width: 106px; height: 106px; margin: 0 auto 0px auto; background-color: rgb(255, 255, 255); border:4px solid #fff; border-radius: 100px; position: absolute; top: -53px; left: 50%; display:block; margin-left: -53px; text-shadow: none; color: #444; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_alt i { color:#fff; font-size: 36px; display: block !important; line-height: 98px; text-align: center; } .icon_box2_alt h3 { text-align:center; font-size: 18px; padding:22px 0 0 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_alt p { padding:1px 0 0 0; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_alt .box_btn { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow:none; padding: 10px 16px 9px; font-weight: 700; font-size:15px; display:inline-block; min-width:135px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_simple { margin-top: 60px; padding: 45px 30px 20px 30px; background-color: #fff; text-align: center; text-shadow: none; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_simple .icon_circle { text-align: center; width: 75px; height: 75px; margin: 0 auto 0px auto; background-color: rgb(255, 255, 255, 1); border:1px solid #fff; border-radius: 100px; position: absolute; top: -39.5px; left: 50%; margin-left: -37.5px; text-shadow: none; color: #444; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_simple .simple_sub_circle { width: 59px; height: 59px; border-radius: 300px; position: absolute; top: 7px; left: 7px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_simple i { color:#fff; font-size: 25px; line-height: 75px; display: block !important; text-align: center; position:relative; } .icon_box2_simple h3 { text-align:center; font-size: 18px; padding:20px 0 0 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_simple p { padding:5px 0 0 0; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_simple .box_btn { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow:none; padding: 11px 16px 12px; font-weight: normal; font-size:16px; display:inline-block; min-width:135px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_bc { margin-top: 60px; padding: 0px 30px 0px 30px; text-align: center; text-shadow: none; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_bc .icon_circle { text-align: center; width: 150px; height: 150px; margin: 0 auto 0 auto; border:3px solid; border-radius: 100px; display:block; position:relative; text-shadow: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_bc:hover .icon_circle { border:5px solid rgba(255,255,255,0.3) !important; } .icon_box2_bc i { font-size: 40px; display: block !important; line-height: 150px; text-align: center; } .icon_box2_bc i:before { width: 110px !important; height: 110px !important; border-radius: 100px; display: block; line-height: 110px; position: absolute; top: 50%; left: 50%; margin-top: -58px; margin-left: -58px; border: 3px solid rgba(0,0,0,0); } .icon_box2_bc:hover i:before { border: 3px solid rgba(0,0,0,0.3) !important; } .icon_box2_bc h3 { text-align:center; font-size: 18px; padding: 27px 0 0 0; margin-bottom: 9px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_bc p { padding:1px 0 0 0; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_bc .box_btn { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow:none; padding: 10px 16px 9px; font-weight: 700; font-size:15px; display:inline-block; min-width:135px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_hex { margin-top: 60px; padding: 0px 30px 0px 30px; text-align: center; text-shadow: none; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_hex .icon_circle { width: 130px; margin: 35px auto 38px; background: #1abc9c; border-radius: 10px; color: #fff; background: linear-gradient(135deg, #18e2ba 0%, #47d1ff 100%); height: 70px; line-height: 60px; text-align: center; position: relative; display:block; position:relative; text-shadow: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_hex .icon_circle:after, .icon_box2_hex .icon_circle:before { z-index: 0; top: -25px; content: ""; position: absolute; width: 68px; height: 68px; transform:scalex(1.7) rotate(45deg); -webkit-transform:scalex(1.7) rotate(45deg); -moz-transform:scalex(1.7) rotate(45deg); -ms-transform:scalex(1.7) rotate(45deg); -o-transform:scalex(1.7) rotate(45deg); background: linear-gradient(45deg, #18e2ba 0%, #47d1ff 100%); left: 31px; border-radius: 10px 24px 10px 24px; } .icon_box2_hex .icon_circle:before { top:29px; } .icon_box2_hex .icon_sub_ctn { font-size: 40px; display: block; text-align: center; position: relative; z-index: 3; height: 65px; line-height: 70px; margin: 0 auto; width: 120px; border-radius: 10px; } .icon_box2_hex .icon_sub_ctn:after, .icon_box2_hex .icon_sub_ctn:before { z-index: 0; top: -19px; content: ""; position: absolute; width: 64px; height: 64px; transform: scalex(1.7) rotate(45deg); -webkit-transform:scalex(1.7) rotate(45deg); -moz-transform:scalex(1.7) rotate(45deg); -ms-transform:scalex(1.7) rotate(45deg); -o-transform:scalex(1.7) rotate(45deg); left: 28px; border-radius: 10px 24px 10px 24px; } .icon_box2_hex .icon_sub_ctn:before { top: 27px; } .icon_box2_hex i { font-size: 40px; display: inline-block !important; text-align: center; position:relative; z-index:3; } .icon_box2_hex h3 { text-align:center; font-size: 18px; padding: 27px 0 0 0; margin-bottom: 29px; text-transform:uppercase; font-weight:700; letter-spacing:1.5px; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_hex h3:after { content:""; width:70px; height:1px; position:absolute; left:50%; margin-left:-35px; bottom:-16px; } .icon_box2_hex p { padding:1px 0 0 0; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_hex .box_btn { text-shadow:none; padding: 4px 15px 3px; font-weight: 700; margin-top:12px; font-size:13px; display:inline-block; border:2px solid; text-transform:uppercase; min-width:100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /** HexBox **/ .icon_box2_hexbox { margin-top: 60px; padding: 21px 20px 41px 20px; text-align: center; text-shadow: none; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; border:1px solid; position:relative; border-radius:3px; } .icon_box2_hexbox .icon_circle { width: 100px; margin: 35px auto 38px; background: #1abc9c; border-radius: 10px; color: #fff; background: linear-gradient(135deg, #18e2ba 0%, #47d1ff 100%); height: 60px; line-height: 60px; text-align: center; position: relative; display:block; position:relative; text-shadow: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_hexbox .icon_circle:after, .icon_box2_hexbox .icon_circle:before { z-index: 0; top: -15px; content: ""; position: absolute; width: 55px; height: 55px; transform:scalex(1.7) rotate(45deg); -webkit-transform:scalex(1.7) rotate(45deg); -moz-transform:scalex(1.7) rotate(45deg); -ms-transform:scalex(1.7) rotate(45deg); -o-transform:scalex(1.7) rotate(45deg); background: linear-gradient(45deg, #18e2ba 0%, #47d1ff 100%); left: 23px; border-radius: 10px 24px 10px 24px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_hexbox .icon_circle:before { top:24px; } .icon_box2_hexbox .icon_sub_ctn { font-size: 35px; display: block; text-align: center; position: absolute; left: 5px; top: 5px; z-index: 3; height: 55px; line-height: 60px; margin: 0px auto; width: 90px; border-radius: 10px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_hexbox .icon_sub_ctn:after, .icon_box2_hexbox .icon_sub_ctn:before { z-index: 0; top: -15px; content: ""; position: absolute; width: 51px; height: 51px; transform: scalex(1.7) rotate(45deg); -webkit-transform:scalex(1.7) rotate(45deg); -moz-transform:scalex(1.7) rotate(45deg); -ms-transform:scalex(1.7) rotate(45deg); -o-transform:scalex(1.7) rotate(45deg); left: 20px; border-radius: 10px 24px 10px 24px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_hexbox .icon_sub_ctn:before { top: 19px; } .icon_box2_hexbox i { font-size: 35px; display: inline-block !important; text-align: center; position:relative; z-index:3; } .icon_box2_hexbox h3 { text-align:center; font-size: 16px; padding: 10px 0 0 0; margin-bottom: 20px; text-transform:uppercase; font-weight:700; letter-spacing:1px; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_hexbox h3:after { content:""; width:70px; height:1px; position:absolute; left:50%; margin-left:-35px; bottom:-12px; } .icon_box2_hexbox p { padding:1px 0 0 0; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_hexbox .box_btn { text-shadow:none; padding: 9px 15px 11px; font-weight: 700; margin-top:20px; font-size:14px; position:absolute; display:inline-block; border-bottom:2px solid rgba(0,0,0,0.3); text-transform:uppercase; width:130px; left:50%; margin-left:-65px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; border-radius:3px; } /** In Box big rounded **/ .icon_box2_br { margin-top: 0px; padding: 18px 20px 41px 20px; text-align: center; text-shadow: none; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; border:1px solid; position:relative; border-radius:12px; } .icon_box2_br .icon_circle { width: 150px; height:150px; margin: 35px auto 28px; border-radius:300px; line-height:146px; text-align: center; position: relative; display:block; position:relative; text-shadow: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_br i { font-size: 42px; display: block !important; width: 100px; left: 50%; top: 50%; margin-top: -50px; line-height: 100px; margin-left: -50px; height: 100px; text-align: center; position:relative; z-index:3; } .icon_box2_br h3 { text-align:center; font-size: 18px; padding: 0px 0 0 0; margin-bottom: 31px; font-weight:700; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_br h3:after { content:""; width:70px; height:2px; position:absolute; left:50%; margin-left:-35px; bottom:-19px; } .icon_box2_br p { padding:1px 0 0 0; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_br .box_btn { text-shadow:none; padding: 11px 15px 10px; font-weight: 700; margin-top:13px; font-size:14px; display:inline-block; border-bottom:2px solid rgba(0,0,0,0.3); text-transform:uppercase; width:130px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; border-radius:3px; } /** Left icon **/ .icon_box2_left_b { padding: 26px 30px 25px 119px; text-shadow: none; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; border:1px solid; position:relative; border-radius:5px; } .icon_box2_left_b .icon_circle { text-align: center; width: 69px; height: 69px; margin: 0 auto 0px auto; background-color: rgb(255, 255, 255); border: 2px solid #fff; border-radius: 100px; position: absolute; top: 39px; left: 24px; display: block; text-shadow: none; color: #fff; box-shadow: 0 0 0 5px #ecf0f1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_left_b i { color: #fff; font-size: 25px; display: block !important; line-height: 69px; text-align: center; } .icon_box2_left_b h3 { font-size: 18px; padding: 10px 0 0 0; margin-bottom: 20px; font-weight:700; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_left_b p { padding:1px 0 0 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_left_b .box_btn { text-shadow:none; display:inline-block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; border-radius:3px; } /** big circle gradient **/ .icon_box2_big_cg { margin-top: 60px; padding: 0px 30px 0px 30px; text-align: center; text-shadow: none; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_big_cg .icon_circle { width: 170px; margin: 35px auto 35px; background: #1abc9c; border-radius: 100px; color: #fff; background: linear-gradient(135deg, #18e2ba 0%, #47d1ff 100%); height: 170px; line-height: 160px; text-align: center; position: relative; display:block; position:relative; text-shadow: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_big_cg .icon_sub_ctn { font-size: 40px; display: block; text-align: center; position: relative; z-index: 3; height: 150px; line-height: 150px; margin: 0 auto; width: 150px; top:10px; border-radius: 100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_big_cg i { font-size: 40px; display: inline-block !important; text-align: center; position:relative; z-index:3; } .icon_box2_big_cg h3 { text-align:center; font-size: 16px; padding:0; margin-bottom: 9px; text-transform:uppercase; font-weight:700; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_big_cg p { padding:1px 0 0 0; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_big_cg .box_btn { text-shadow:none; padding: 4px 15px 3px; font-weight: 700; margin-top:12px; font-size:13px; display:inline-block; border:2px solid; text-transform:uppercase; min-width:100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /** big circle gradient business **/ .icon_box2_big_cg_business { margin-top: 60px; padding: 0px 30px 0px 30px; text-align: center; text-shadow: none; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_big_cg_business .icon_circle { width: 150px; margin: 0px auto 38px; background: #1abc9c; border-radius: 300px; color: #fff; background: linear-gradient(135deg, #18e2ba 0%, #47d1ff 100%); height: 150px; line-height: 150px; text-align: center; position: relative; display:block; position:relative; text-shadow: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_big_cg_business .icon_sub_ctn { font-size: 30px; display: block; text-align: center; position: relative; z-index: 3; height: 150px; line-height: 150px; margin: 0 auto; width: 150px; top: 0px; border-radius: 200px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_big_cg_business i { font-size: 30px; display: inline-block !important; text-align: center; position:relative; z-index:3; } .icon_box2_big_cg_business h3 { text-align:center; font-size: 18px; padding:0; margin-bottom: 9px; font-weight:600; font-family:"Open Sans"; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_big_cg_business p { padding:4px 0 0 0; text-align:center; line-height:30px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_big_cg_business .box_btn { text-shadow:none; padding: 4px 15px 3px; font-weight: 700; margin-top:12px; font-size:13px; display:inline-block; border:2px solid; text-transform:uppercase; min-width:100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /** big circle trending **/ .icon_box2_big_cg_trending { margin-top: 60px; padding: 0px 5px; text-align: center; text-shadow: none; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_big_cg_trending .icon_circle { width: 150px; margin: 0px auto 43px; background: #1abc9c; border-radius: 300px; color: #fff; height: 150px; text-align: center; position: relative; display:block; position:relative; text-shadow: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_big_cg_trending i { font-size: 30px; display: inline-block !important; text-align: center; line-height: 150px; position:relative; z-index:3; } .icon_box2_big_cg_trending h3 { text-align:center; font-size: 16px; padding:0; margin-bottom: 30px; text-transform:uppercase; letter-spacing: 1.5px; font-weight:700; font-family:"Raleway"; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_big_cg_trending h3:after { content: ""; width: 50px; height: 2px; position: absolute; left: 50%; margin-left: -25px; bottom: -18px; } .icon_box2_big_cg_trending h4 { font-family: 'Playfair Display', serif; font-size:16px; letter-spacing:1.5px; margin-bottom:9px; } .icon_box2_big_cg_trending p { padding:1px 0 0 0; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_big_cg_trending .box_btn { text-shadow:none; padding: 4px 15px 3px; font-weight: 700; margin-top:12px; display:inline-block; font-family: "Raleway"; letter-spacing: 1.5px; font-size: 14px; border:2px solid; text-transform:uppercase; min-width:100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /** simple_top **/ .icon_box2_st { margin-top: 60px; padding: 0px 30px 21px 30px; text-align: center; text-shadow: none; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_st .icon_circle { width: 60px; margin: -31px auto 23px; background: #1abc9c; border-radius: 100px; color: #fff; background: linear-gradient(135deg, #18e2ba 0%, #47d1ff 100%); height: 60px; line-height: 60px; text-align: center; position: relative; display:block; position:relative; text-shadow: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_st .icon_sub_ctn { font-size: 18px; display: block; text-align: center; position: relative; z-index: 3; height: 50px; line-height: 50px; margin: 0 auto; width: 50px; top:4px; border-radius: 100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_st i { font-size: 18px; display: inline-block !important; text-align: center; position:relative; z-index:3; } .icon_box2_st h3 { text-align:center; font-size: 18px; padding:0; margin-bottom: 9px; font-weight:700; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_st p { padding:1px 0 0 0; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_st .box_btn { text-shadow:none; padding: 4px 15px 3px; font-weight: 700; margin-top:12px; font-size:14px; display:inline-block; text-transform:uppercase; min-width:100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /** simple_circle **/ .icon_box2_sc { margin-top: 60px; padding: 0px; text-align: center; text-shadow: none; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_sc .icon_circle { width: 80px; margin: 0px auto 27px; border-radius: 100px; color: #fff; height: 80px; line-height: 80px; text-align: center; position: relative; background-image:url(images/ib_sc.png); background-size: 165px; background-position: -28px -41px; display:block; position:relative; text-shadow: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_sc i { font-size: 28px; display: inline-block !important; text-align: center; position:relative; z-index:3; } .icon_box2_sc h3 { text-align:center; font-size: 18px; padding:0; margin-bottom: 8px; font-weight:700; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_sc p { padding:1px 0 0 0; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .icon_box2_sc .box_btn { text-shadow:none; padding: 0px; font-weight:normal; margin-top:9px; font-size:12px; display:inline-block; text-transform:uppercase; min-width:100px; text-decoration:underline; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /**************** Accordion / Toggle****************/ .wpb_accordion_content { overflow: auto; } .rd_acc_1 .wpb_accordion_header, .rd_acc_2 .wpb_accordion_header { font-size:16px !important; line-height: 22px !important; margin: 0 0 2px 0 !important; outline: none!important; } .rd_acc_1 .ui-accordion-header-active, .rd_acc_2 .ui-accordion-header-active { font-weight:bold !important; outline: none!important; } .rd_acc_1 .ui-accordion-header-icon, .rd_acc_2 .ui-accordion-header-icon { background:none!important; height: 39px !important; width: 40px !important; display: block; right: 0 !important; font-weight: normal; top: 0 !important; text-align: center; line-height: 40px !important; } .rd_acc_1 .ui-accordion-header-icon:before, .rd_acc_2 .ui-accordion-header-icon:before { content: "\4c"; font-family:'elg' } .rd_acc_1 .ui-accordion-header-active .ui-accordion-header-icon:before, .rd_acc_2 .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\4b"; font-family:'elg' } .rd_acc_1 .wpb_accordion_content, .rd_acc_2 .wpb_accordion_content { margin: -3px 0 2px 0; } .rd_acc_3 .wpb_accordion_section { margin-bottom: 10px; } .rd_acc_3 .wpb_accordion_header { font-size:16px !important; line-height: 14px !important; margin: 0 0 9px 0 !important; outline: none!important; font-weight:bold !important; background:none !important; } .rd_acc_3 .ui-accordion-header-active { font-weight:bold !important; outline: none!important; } .rd_acc_3 .ui-accordion-header-icon { text-align: center; position:relative !important; float: left; color: #fff; background: #a1b1cb !important; width: 30px !important; height: 30px!important; line-height: 30px!important; font-size: 24px; margin-right: 15px; font-weight: normal; left: 0 !important; top: 0 !important; } .rd_acc_3 .ui-accordion-header-icon:before { content: "\4c"; font-family:'elg' } .rd_acc_3 .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\4b"; font-family:'elg' } .rd_acc_3 .wpb_accordion_content { background:none!important; margin: -3px 0 2px 0; padding: 0 0 4px 0!important; } .rd_acc_4 .wpb_accordion_section { margin-bottom: 10px; } .rd_acc_4 .wpb_accordion_header { font-size:14px !important; line-height: 14px !important; margin: 0 0 9px 0 !important; outline: none!important; font-weight:700 !important; background:none !important; } .rd_acc_4 .wpb_accordion_header a { line-height: 30px !important; margin: 0 0 1px 0 !important; padding:0!important; } .rd_acc_4 .ui-accordion-header-active { outline: none!important; } .rd_acc_4 .ui-accordion-header-icon { text-align: center; position:relative !important; float: right; color: #fff; background: #a1b1cb !important; width: 30px !important; font-weight: normal; height: 30px!important; line-height: 30px!important; font-size: 24px; right: 0 !important; top: 0 !important; } .rd_acc_4 .ui-accordion-header-icon:before { content: "\4c"; font-family:'elg' } .rd_acc_4 .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\4b"; font-family:'elg' } .rd_acc_4 .wpb_accordion_content { background:none!important; margin: -3px 0 2px 0; padding: 0 0 4px 0!important; } .rd_acc_5 .wpb_accordion_header { font-size:16px !important; line-height: 22px !important; margin: 0 0 0px 0 !important; outline: none!important; font-weight:bold !important; border-radius:3px; } .rd_acc_5 .ui-accordion-header-active { outline: none!important; } .rd_acc_5 .ui-accordion-header-icon { background:none!important; height: 39px !important; width: 40px !important; display: block; right: 0 !important; top: 0 !important; font-weight: normal; text-align: center; line-height: 40px !important; } .rd_acc_5 .ui-accordion-header-icon:before { content: "\47"; font-family:'elg' } .rd_acc_5 .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\46"; font-family:'elg' } .rd_acc_5 .wpb_accordion_content { margin: -3px 0 0px 0; border-radius:0 0 3px 3px; } .rd_acc_6 .wpb_accordion_header, .rd_acc_7 .wpb_accordion_header { font-size:16px !important; line-height: 22px !important; margin: 0 0 8px 0 !important; outline: none!important; font-weight:bold !important; border-radius:3px; } .rd_acc_6 .ui-accordion-header-active, .rd_acc_7 .ui-accordion-header-active { outline: none!important; } .rd_acc_6 .ui-accordion-header-icon, .rd_acc_7 .ui-accordion-header-icon { background:none!important; height: 39px !important; width: 40px !important; display: block; right: 0 !important; top: 0 !important; text-align: center; font-size:24px; font-weight: normal; line-height: 40px !important; } .rd_acc_6 .ui-accordion-header-icon:before, .rd_acc_7 .ui-accordion-header-icon:before { content: "\3b"; font-family:'elg' } .rd_acc_6 .ui-accordion-header-active .ui-accordion-header-icon:before, .rd_acc_7 .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\3a"; font-family:'elg' } .rd_acc_6 .wpb_accordion_content, .rd_acc_7 .wpb_accordion_content { margin:0; padding:0!important; } .rd_acc_6 .rd_acc_content, .rd_acc_7 .rd_acc_content { padding-bottom:10px; } .rd_acc_8 .wpb_accordion_header { font-size:16px !important; line-height: 27px !important; margin: 0 0 5px 0 !important; outline: none!important; font-weight:bold !important; border-radius:3px; } .rd_acc_8 .ui-accordion-header-active { outline: none!important; } .rd_acc_8 .ui-accordion-header-icon { background:none!important; height: 44px !important; width: 43px !important; display: block; right: 0 !important; font-weight: normal; top: 0 !important; text-align: center; line-height: 45px !important; } .rd_acc_8 .ui-accordion-header-icon:before { content: "\f107"; font-family:'FontAwesome' } .rd_acc_8 .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\f106"; font-family:'FontAwesome' } .rd_acc_8 .wpb_accordion_content { margin: -6px 0 5px 0; border-radius:3px; } .rd_acc_9 .wpb_accordion_header { font-size:14px !important; line-height: 26px !important; margin: 0 0 5px 0 !important; outline: none!important; font-weight:bold !important; border-radius:5px; } .rd_acc_9 .ui-accordion-header-active { outline: none!important; } .rd_acc_9 .ui-accordion-header-icon { background:none!important; height: 40px !important; width: 40px !important; display: block; float:left; left: 0 !important; font-weight: normal; top: 0 !important; position:relative !important; text-align: center; line-height: 40px !important; margin-right:20px; border-radius:5px 0 0 5px; } .rd_acc_9 .ui-accordion-header-icon:before { content: "\f067"; font-family:'FontAwesome' } .rd_acc_9 .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\f068"; font-family:'FontAwesome' } .rd_acc_9 .wpb_accordion_content { } .rd_acc_10 .wpb_accordion_header { font-size:16px !important; line-height: 32px !important; margin: 0 0 9px 0 !important; outline: none!important; border-radius: 3px; } .rd_acc_10 .ui-accordion-header-active { outline: none!important; } .rd_acc_10 .ui-accordion-header-icon { background:none!important; height: 48px !important; width: 49px !important; display: block; left: 0 !important; position:relative !important; float:left; font-weight: normal; top: 0 !important; text-align: center; line-height: 49px !important; margin-right:20px; border-radius: 3px; } .rd_acc_10 .ui-accordion-header-icon:before { content: "\f067"; font-family:'FontAwesome' } .rd_acc_10 .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\f068"; font-family:'FontAwesome' } .rd_acc_10 .wpb_accordion_content { margin:-6px 0 10px 0; padding-left:48px!important; } .rd_acc_11 .wpb_accordion_header { font-size:16px !important; line-height: 22px !important; margin: 0 0 10px 0 !important; outline: none!important; } .rd_acc_11 .ui-accordion-header-active { outline: none!important; } .rd_acc_11 .ui-accordion-header-icon { background:none!important; height: 39px !important; width: 40px !important; display: block; right: 0 !important; font-weight: normal; top: 0 !important; text-align: center; font-size:14px; line-height: 40px !important; } .rd_acc_11 .ui-accordion-header-icon:before { content: "\f067"; font-family:'FontAwesome' } .rd_acc_11 .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\f068"; font-family:'FontAwesome' } .rd_acc_11 .wpb_accordion_content { margin: -10px 0 10px 0; } .rd_acc_11 .rd_acc_content { padding: 9px; } .rd_acc_12 .wpb_accordion_header { font-size:14px !important; line-height: 20px !important; margin: 0 0 0px 0 !important; outline: none!important; background:none!important; } .rd_acc_12 .wpb_accordion_header a { padding-left:0!important; padding-right:0!important; } .rd_acc_12 .ui-accordion-header-active { outline: none!important; font-weight:bold !important; } .rd_acc_12 .ui-accordion-header-icon { background:none!important; height: 34px !important; width: 40px !important; display: block; right: 0 !important; font-weight: normal; top: 0 !important; text-align: right; font-size:15px; line-height: 31px !important; } .rd_acc_12 .ui-accordion-header-icon:before { content: "\f055"; font-family:'FontAwesome' } .rd_acc_12 .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\f056"; font-family:'FontAwesome' } .rd_acc_12 .wpb_accordion_content { margin: 0px 0 0px 0; padding-left:0!important; padding-right:0!important; } .rd_acc_13 .wpb_accordion_header { font-size:14px !important; line-height: 20px !important; margin: 0 0 0px 0 !important; outline: none!important; background:none!important; } .rd_acc_13 .wpb_accordion_header a { padding-left:0!important; padding-right:0!important; } .rd_acc_13 .ui-accordion-header-active { outline: none!important; font-weight:bold !important; } .rd_acc_13 .ui-accordion-header-icon { background:none!important; height: 34px !important; width: 40px !important; display: block; right: 0 !important; font-weight: normal; top: 0 !important; text-align: right; font-size:15px; line-height: 31px !important; } .rd_acc_13 .ui-accordion-header-icon:before { content: "\f150"; font-family:'FontAwesome' } .rd_acc_13 .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\f151"; font-family:'FontAwesome' } .rd_acc_13 .wpb_accordion_content { margin: 0px 0 0px 0; padding-left:0!important; padding-right:0!important; } .rd_acc_13 .rd_acc_content { padding: 12px 19px; border-radius:5px; } .rd_acc_14 .wpb_accordion_header { font-size:14px !important; line-height: 32px !important; margin: 0 0 1px 0 !important; text-transform:uppercase!important; font-weight:700!important; outline: none!important; } .rd_acc_14 .ui-accordion-header-active { outline: none!important; } .rd_acc_14 .wpb_accordion_header a { padding: 10px 29px 6px !important; } .rd_acc_14 .ui-accordion-header-icon { background:none!important; height: 49px !important; width: 66px !important; display: block; right: 0 !important; font-weight: normal !important; top: 0 !important; text-align: center; font-size:24px; line-height: 49px !important; } .rd_acc_14 .ui-accordion-header-icon:before { content: "\3b"; font-family:'elg' } .rd_acc_14 .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\3a"; font-family:'elg' } .rd_acc_14 .wpb_accordion_content { margin: -2px 0 1px 0; padding-left:0!important; padding-right:0!important; } .rd_acc_14 .rd_acc_content { padding: 12px 30px; border-radius:5px; } .rd_acc_15 .wpb_accordion_header { font-size:14px !important; line-height: 24px !important; margin:-1px 0 0px 0 !important; outline: none!important; } .rd_acc_15 .ui-accordion-header-active { outline: none!important; font-weight:700!important; box-shadow: 0px 0 4px rgba(0,0,0,0.1); } .rd_acc_15 .wpb_accordion_header a:before { content: "\f0da"; font-family:'FontAwesome'; margin:0 9px 0 5px; font-size:14px; display:block; float:left; } .rd_acc_15 .ui-accordion-header-active a:before { content: "\f0d7"; font-family:'FontAwesome'; } .rd_acc_15 .ui-accordion-header-icon { background:none!important; height: 39px !important; width: 36px !important; display: block; right: 0 !important; font-weight: normal !important; top: 0 !important; text-align: center; font-size:11px; line-height: 40px !important; } .rd_acc_15 .ui-accordion-header-icon:before { content: "\f067"; font-family:'FontAwesome'; border: 1px solid; padding: 3px 4px 2px; } .rd_acc_15 .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\f00d"; padding: 3px 4px 2px; font-family:'FontAwesome'; } .rd_acc_15 .wpb_accordion_content { margin: -2px 0 0px 0; } .rd_acc_15 .rd_acc_content { padding: 0px 5px; } .rd_acc_16 .wpb_accordion_header { font-size:14px !important; line-height: 24px !important; margin:-1px 0 0px 0 !important; outline: none!important; font-weight:700!important; } .rd_acc_16 .ui-accordion-header-active { outline: none!important; box-shadow: 0px 0 4px rgba(0,0,0,0.1); } .rd_acc_16 .wpb_accordion_header a:before { content: "\f0da"; font-family:'FontAwesome'; margin:0 9px 0 5px; font-size:14px; display:block; float:left; } .rd_acc_16 .ui-accordion-header-active a:before { content: "\f0d7"; font-family:'FontAwesome'; } .rd_acc_16 .ui-accordion-header-icon { background:none!important; height: 39px !important; width: 36px !important; display: block; right: 0 !important; font-weight: normal !important; top: 0 !important; text-align: center; font-size:11px; line-height: 40px !important; } .rd_acc_16 .ui-accordion-header-icon:before { content: "\f067"; font-family:'FontAwesome'; border: 1px solid; padding: 3px 4px 2px; } .rd_acc_16 .ui-accordion-header-active .ui-accordion-header-icon:before { content: "\f00d"; padding: 3px 4px 2px; font-family:'FontAwesome'; } .rd_acc_16 .wpb_accordion_content { margin: -2px 0 0px 0; } .rd_acc_16 .rd_acc_content { padding: 0px 5px; } /****************Tab Box****************/ .rd_tabs { overflow:auto; } .vertical #tabs { width: 20%; float: left; position: relative; z-index: 2; } .vertical.rd_vtab_right #tabs { float:right; } .vertical .tabs-container { float: left; width: 80%; position:relative; z-index:2; } .vertical.rd_vtab_right .tabs-container { float:right; } .vertical .tab_content { padding: 30px; margin-left: -1px; } .vertical.rd_vtab_right .tab_content { float:right; margin-left:0; margin-right:-1px; } .vertical .active { border-right: 1px solid #ffffff; } .horizontal .tabs { height:39px; list-style:none; margin:0; padding:0; } .horizontal .tabs li { margin:0; padding:0; float:left; } .vertical .tabli { border-top:none !important; } .tabli i { margin-right:10px; } .vertical .tabli a { line-height:49px; display: block; pointer-events: none; } .horizontal .tabs li a { border:0; font:14px; text-indent:0; margin:0; pointer-events: none; } .horizontal .tabs li:last-child { border-right:1px solid #d9d9d9; } .horizontal .tabs li:last-child a { width:100%; } .horizontal .tabs li.active a { background:none; padding:7px 15px 11px 15px; } .tab-holder .news-list li:last-child { border-bottom:0; } .horizontal .tabs-container { margin-top:2px; padding:20px 28px; } .panes .pane { display:none; } .horizontal .panes div { display:none; border-top:0; height:auto; background: #fff; padding: 19px 10px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } /*** VC Tab patern ***/ /** vertical tab **/ .rd_vtab_1 #tabs { z-index:3; } .rd_vtab_1 .tabli a { padding:0 20px; } .rd_vtab_2.rd_vtab_right .tabli a { padding:0 0 0 20px; } .vertical.rd_vtab_2 #tabs li:last-child { border-bottom: none; } .vertical.rd_vtab_2 .tab-content { position:relative; z-index:1; } .vertical.rd_vtab_2.rd_vtab_left .tab-box.tabs-container:after { width: 1px; content: ""; display: block; box-shadow: -4px 0px 15px rgba(0, 0, 0, 0.33); border-radius: 100px; height: 78%; position: absolute; left: 0px; top: 10%; z-index: -1; } .vertical.rd_vtab_2.rd_vtab_right .tab-box.tabs-container:after { width: 1px; content: ""; display: block; box-shadow: 4px 0px 15px rgba(0, 0, 0, 0.33); border-radius: 100px; height: 78%; position: absolute; right: 0px; top: 10%; z-index: -1; } /** horizontal tab **/ .rd_tabs.horizontal .tabs { height:auto; overflow:auto; } .rd_tabs.horizontal .tabs li { height:auto; padding:15px 20px; cursor:pointer; } .rd_tabs.horizontal .tabs li a { padding:0; margin:0; pointer-events: none; } .rd_tabs.horizontal .tabs-container { margin-top:-1px; } /*** Type 1 ***/ .rd_tabs.horizontal.rd_tab_1 #tabs > li { padding:10px 20px; border-right:none; max-height:41px; list-style: none; } .rd_tabs.horizontal.rd_tab_1 #tabs > li.active { padding-top:8px; } .rd_tabs.horizontal.rd_tab_1 #tabs > li a { font-size:15px; } .rd_tabs.horizontal.rd_tab_1 #tabs > li.active a { font-weight:bold; } /*** Type 2 ***/ .rd_tabs.horizontal.rd_tab_2 #tabs > li { padding:16px 27px 14px; border-right:none; max-height:51px; list-style: none; } .rd_tabs.horizontal.rd_tab_2 #tabs > li.active { padding-top:13px; } .rd_tabs.horizontal.rd_tab_2 #tabs > li a { font-size:14px; } .rd_tab_2 #tabs > li.active { box-shadow: 6px 0px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 6px 0 3px rgba(0,0,0,0.05); -webkit-box-shadow: 6px 0 3px rgba(0,0,0,0.05); position:relative; } /*** Type 3 ***/ .rd_tabs.horizontal.rd_tab_3 #tabs > li:first-child { margin-left:0 !important; } .rd_tabs.horizontal.rd_tab_3 #tabs > li { padding:10px 15px 9px; margin-top: 5px; margin-left:-1px; max-height:41px; list-style: none; } .rd_tabs.horizontal.rd_tab_3 #tabs > li.active { padding:15px 15px 9px; margin-top:0!important; border-radius: 4px 4px 0 0; max-height:46px; list-style: none; } .rd_tabs.horizontal.rd_tab_3 #tabs > li a { font-size:16px; } .rd_tabs.horizontal.rd_tab_3 #tabs > li.active a { font-weight:bold; } /*** Type 4 ***/ .rd_tabs.horizontal.rd_tab_4 #tabs > li:first-child { margin-left:0 !important; } .rd_tabs.horizontal.rd_tab_4 #tabs > li { padding:10px 15px 9px; margin-top: 5px; margin-left:-1px; max-height:41px; list-style: none; } .rd_tabs.horizontal.rd_tab_4 #tabs > li.active { padding:15px 15px 9px; margin-top:0!important; border-radius: 4px 4px 0 0; max-height:46px; list-style: none; } .rd_tabs.horizontal.rd_tab_4 #tabs > li a { font-size:16px; } .rd_tabs.horizontal.rd_tab_4 #tabs > li.active a { font-weight:bold; } /** Dark tab **/ .rd_tabs.rd_dark_tabs.horizontal #tabs > li { color:#a1b1bc; background:#222533; } .rd_tabs.rd_dark_tabs.horizontal .tabs-container { color:#a1b1bc; background:#222533; } .rd_tabs.rd_dark_tabs.horizontal .tabs > li.active { border-bottom:1px solid #222533 !important; background:#222533 !important; } .rd_tabs.rd_dark_tabs.horizontal .tabs > li.active a:hover { color:#ffffff !important; } .rd_tabs.rd_dark_tabs.horizontal .tabs > li.active a { color:#ffffff !important; } /**************** Lists ****************/ .rd_list_1 .list_item_ctn { float: left; width: 100%; margin-bottom: 8px; border-bottom:1px solid; } .rd_list_1 .list_item_ctn:last-child { border-bottom:none!important; } .rd_list_1 .list_desc { margin-left: 35px; } .rd_list_1 .list_desc p { margin-bottom: 8px; } .rd_list_1 .list_desc h3 { font-size: 16px; font-weight: 700; margin-bottom:5px; } .rd_list_1 .list_icn { float:left; margin-right: 20px; font-size: 14px; margin-top: 5px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_list_1 i { } .rd_list_1_alt .list_item_ctn { float: left; width: 100%; } .rd_list_1_alt .list_item_ctn:last-child { border-bottom:none!important; } .rd_list_1_alt .list_desc { margin-left: 35px; } .rd_list_1_alt .list_desc p { margin-bottom: 8px; } .rd_list_1_alt .list_desc h3 { font-size: 16px; font-weight: 700; margin-bottom:5px; } .rd_list_1_alt .list_icn { float:left; margin-right: 20px; font-size: 14px; margin-top: 5px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_list_2 .list_item_ctn { float: left; width: 100%; margin-bottom: 10px; position:relative; overflow: hidden; } .rd_list_2 .list_item_ctn:after { content: ""; height: 100%; position: absolute; top: 56px; width: 1px; background: black; left: 23px; } .rd_list_2 .list_item_ctn:last-child:after { content:none; } .rd_list_2 .list_desc { margin-left: 70px; } .rd_list_2 .list_desc p { margin-bottom: 35px; } .rd_list_2 .list_desc h3 { font-size: 18px; font-weight: 700; margin-bottom:14px; } .rd_list_2 .list_icn { float:left; margin-right:0px; font-size: 45px; height: 55px; line-height: 40px; margin-top: 4px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_list_2 i { } .rd_list_3 .list_item_ctn { float: left; width: 100%; margin-bottom: 26px; } .rd_list_3 .list_item_ctn:hover i { background:rgba(0,0,0,0.3); border:1px solid #fff; } .rd_list_3 .list_desc { margin-left: 140px; } .rd_list_3.rd_list_right .list_desc { margin-right: 140px; margin-left:0; text-align:right; } .rd_list_3.rd_list_right h3 { text-align:right; } .rd_list_3 .list_desc h3 { font-size: 14px; font-weight: 700; text-transform:uppercase; margin-bottom:20px; } .rd_list_3 .list_item_ctn:hover .list_icn span { color:#fff!important; } .rd_list_3 .list_icn { height: 120px; width: 120px; line-height: 108px; font-size: 40px; text-align: center; border-radius: 0px; position: relative; float: left; color:#fff; margin-top:4px; margin-right: 20px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_list_3.rd_list_right .list_icn { float:right; margin-right:0; margin-left:20px; } .rd_list_3 i { width: 110px; height: 110px; display: block; text-align: center; left: 5px; position: absolute; top: 5px; border: 1px solid rgba(0,0,0,0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_list_4 .list_item_ctn { float: left; position:relative; text-align:center; padding:0 20px 50px 20px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_list_4 .list_item_ctn:hover { transform: scale(1.07); -moz-transform: scale(1.07); /* Firefox */ -webkit-transform: scale(1.07); /* Webkit */ -o-transform: scale(1.07); /* Opera */ -ms-transform: scale(1.07); /* IE 9 */ background:#a1b1bc !important; z-index:2; } .rd_list_4 .list_icn { text-align: center; margin-top: 70px; font-size: 45px; height:45px; line-height: 45px; color: #fff; } .rd_list_4 .list_desc h3 { font-size: 14px; font-weight: 700; margin-top:26px; letter-spacing:0px; margin-bottom:23px; text-align:center; } .rd_list_5 .list_item_ctn { float: left; width: 100%; margin-bottom: 23px; } .rd_list_5.rd_list_right .list_desc { text-align:right; } .rd_list_5.rd_list_right h3 { text-align:right; } .rd_list_5 .list_desc h3 { font-size: 18px; font-weight: 700; margin-top:18px; margin-bottom:24px; } .rd_list_5 .list_item_ctn:hover .list_icn span { color:#fff!important; } .rd_list_5 .list_icn { height: 50px; width: 50px; line-height: 50px; font-size: 20px; text-align: center; border-radius:200px; position: relative; float: left; color:#fff; margin-top:4px; margin-right: 15px; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_list_5.rd_list_right .list_icn { float:right; margin-right:0; margin-left:15px; } .rd_list_6 .list_item_ctn { float: left; width: 100%; margin-bottom: 23px; } .rd_list_6.rd_list_right .list_desc { text-align:right; } .rd_list_6.rd_list_right h3 { text-align:right; } .rd_list_6 .list_desc h3 { font-size: 18px; font-weight: 700; margin-top:10px; margin-bottom:14px; } .rd_list_6 .list_item_ctn:hover .list_icn span { color:#fff!important; } .rd_list_6 .list_icn { height: 30px; width: 30px; line-height: 30px; font-size: 17px; text-align: center; border-radius:200px; position: relative; float: left; color:#fff; margin-top:4px; margin-right: 15px; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_list_6.rd_list_right .list_icn { float:right; margin-right:0; margin-left:15px; } .rd_list_7 .list_item_ctn { float: left; width: 100%; margin-bottom: 29px; } .rd_list_7.rd_list_right .list_desc { text-align:right; } .rd_list_7.rd_list_right h3 { text-align:right; } .rd_list_7 .list_desc h3 { font-size: 16px; font-weight: 700; margin-top:10px; margin-bottom:23px; } .rd_list_7 .list_item_ctn .list_icn span { background:none; } .rd_list_7 .list_icn { height: 36px; width: 36px; line-height: 34px; font-size: 17px; text-align: center; border-radius:200px; position: relative; float: left; background:none; border:1px solid; margin-top:4px; margin-right: 19px; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_list_7.rd_list_right .list_icn { float:right; margin-right:0; margin-left:19px; } .small_list .list_item_ctn { float: left; width: 100%; margin-bottom: 30px; } .small_list .list_desc { margin-left: 65px; } .small_list .list_icn { text-align: center; position: relative; float: left; margin-right: 10px; font-size:35px; } .wpb_text_column ol{ counter-reset: item; margin-left: 0; padding-left: 0; } .entry ol,.comment ol,#fw_c.tf_single_page ol{ counter-reset: item; margin: 0 0 15px 20px; } .wpb_text_column ol li{ display: block; margin-bottom: 10px; margin-left: 10px; cursor:pointer; } .entry ol li,.comment ol li,#fw_c.tf_single_page > ol li,.rd_woo_short_description ol li{ display: block; cursor:pointer; } .wpb_text_column ol > li:before{ display: inline-block; content: counter(item); counter-increment: item; margin-left: -10px; width: 24px; height: 24px; background: #a1b1bc; text-align: center; line-height: 24px; border: 3px solid rgba(255, 255, 255, 0.56); border-radius: 20px; margin-right: 10px; color: #fff; font-size: 13px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .entry ol > li:before,.comment ol > li:before,#fw_c.tf_single_page ol > li:before { display: inline-block; content: counter(item); counter-increment: item; margin-right: 10px; margin-left: -15px; } .wpb_text_column ul,.entry ul,#fw_c.tf_single_page > ul,#fw_c.tf_single_page ul li > ul,.rd_woo_short_description ul,.rd_woo_short_description ul li{ margin: 0 0 15px 20px; } .wpb_text_column ul li,.entry ul li,#fw_c.tf_single_page > ul li,.rd_woo_short_description ul li{ list-style: disc; display:list-item; } .wpb_text_column ul ol li,.entry ul ol li,.comment ul ol li,#fw_c.tf_single_page > ul ol li,.rd_woo_short_description ul ol li{ display:block!important; } .entry table,.comment table,#fw_c > table{ border-collapse: collapse; border-spacing: 0; border: 1px solid; } .entry table th,.entry table td,.comment table th,.comment table td,#fw_c.tf_single_page > table td,#fw_c.tf_single_page > table th{ border-right: 1px solid; border-bottom: 1px solid; padding: 2px; } dd { margin: 0 0 0 15px; } /******** Promo Boxes **********/ .rd_cta_1 { overflow:auto; border-radius:10px; } .rd_cta_1 i { float: left; width: 90px; height: 90px; margin:25px 45px 20px 35px; border-radius: 100px; text-align: center; line-height: 90px; } .rd_cta_1 .promo_title { font-size:24px; font-weight:700; } .rd_cta_1 .promo_text { float: left; width: -moz-calc(100% - 407px); width: -webkit-calc(100% - 407px); width: -o-calc(100% - 407px); width: calc(100% - 407px); padding: 27px 0 10px; } .rd_cta_1 .cta_mt { margin-top:3px; } .rd_cta_1 .promo_btn { font-size: 15px; font-weight: 700; padding: 21px 20px 20px 20px; border-bottom: 3px solid rgba(0, 0, 0, 0.3); min-width: 180px; float: right; text-align: center; margin: 40px 42px 30px 5px; border-radius: 10px; } .rd_cta_2 { overflow:auto; padding:4px; } .rd_cta_2 .promo_text { padding: 21px 30px 19px; overflow:auto; } .rd_cta_2 .promo_text_ctn { float: left; width: -moz-calc(100% - 238px); width: -webkit-calc(100% - 238px); width: -o-calc(100% - 238px); width: calc(100% - 238px); } .rd_cta_2 .promo_title { font-size:24px; font-weight:300; } .rd_cta_2 .cta_mt { margin-top:6px; } .rd_cta_2 .promo_btn { font-size: 18px; font-weight: 700; padding: 16px 20px 15px 20px; border-bottom: 2px solid rgba(0, 0, 0, 0.3); min-width: 176px; float: right; text-align: center; margin: 24px 15px 24px 45px; border-radius: 3px; } .rd_cta_3 { overflow:auto; padding:15px; } .rd_cta_3 .promo_text { padding: 45px 25px 34px; overflow: auto; text-align: center; } .rd_cta_3 .promo_title { font-size:36px; font-weight:700; } .rd_cta_3 .cta_mt { margin-top:11px; font-size:18px; } /******** Double btn **********/ .rd_db_1 { width:420px; margin:0 auto; overflow:visible; } .rd_db_1 .f_btn, .rd_db_1 .s_btn { font-size:15px; font-weight:700; text-transform:uppercase; padding:16px 15px 15px; min-width:200px; text-align:center; border-radius:3px; } .rd_db_1 .f_btn { float:left; } .rd_db_1 .s_btn { float:right; } .rd_db_2 { width:360px; margin:0 auto; overflow:visible; } .rd_db_2 .f_btn, .rd_db_2 .s_btn { font-size:15px; font-weight:700; text-transform:uppercase; padding:16px 15px 15px; min-width:170px; text-align:center; border-radius:3px; } .rd_db_2 .f_btn { float:left; } .rd_db_2 .s_btn { float:right; } .rd_db_3, .rd_db_4 { width:360px; margin:0 auto; overflow:visible; } .rd_db_3 .f_btn, .rd_db_3 .s_btn, .rd_db_4 .f_btn, .rd_db_4 .s_btn { font-size:14px; font-weight:700; text-transform:uppercase; padding:15px 15px 14px; border:1px solid rgba(0,0,0,0); min-width:170px; text-align:center; } .rd_db_3 .f_btn, .rd_db_4 .f_btn { float:left; } .rd_db_3 .s_btn, .rd_db_4 .s_btn { float:right; } .rd_db_5 { width:480px; margin:0 auto; overflow:visible; } .rd_db_5 .f_btn { font-size:14px; font-weight:700; text-transform:uppercase; padding:20px 15px 21px; border-bottom:3px solid rgba(0,0,0,0.3); min-width:230px; text-align:center; border-radius:2px; } .rd_db_5 .s_btn { font-size:14px; font-weight:700; text-transform:uppercase; padding:19px 15px 20px; border:1px solid; min-width:230px; text-align:center; border-radius:2px; } .rd_db_5 .f_btn { float:left; } .rd_db_5 .s_btn { float:right; } .rd_db_6 { width:420px; margin:0 auto; overflow:visible; } .rd_db_6 .f_btn { font-size:16px; font-weight:700; text-transform:uppercase; padding:21px 15px 20px; border-bottom:5px solid rgba(0,0,0,0.3); min-width:200px; text-align:center; border-radius:3px; } .rd_db_6 .s_btn { font-size:16px; font-weight:700; text-transform:uppercase; padding:21px 15px 20px; border-bottom:5px solid rgba(0,0,0,0.3); min-width:200px; text-align:center; border-radius:3px; } .rd_db_6 .f_btn { float:left; } .rd_db_6 .s_btn { float:right; } /********Recent comment widget / Testimonial shortcode **********/ .rd_testimonials_ctn { } .rd_testimonial { float:left; position:relative; } .rd_tm_pager { margin:0 auto; text-align: center; } .rd_tm_pager a { margin: 0 5px 0 0; text-decoration: none; display:inline-block; width:8px; height:8px; background:#000; text-indent:-999em; border-radius:100px; } .tm_nav { display:none; position:relative; height:40px; } /* style 1 */ .rd_tm_1 .tm_text { font-weight:300; font-size:18px; margin-bottom: 20px; line-height: 30px; } .rd_tm_1 .tm_author { font-weight:normal; font-size:18px; float:left; } .rd_tm_1 .tm_info { font-weight:normal; font-size:18px; float:left; margin-left:5px; } .rd_tm_1 .tm_image { display:none; } .rd_tm_1 .rd_tm_pager a { float:left; cursor:pointer; display:block; } .rd_tm_1 .rd_tm_pager a.selected { width:12px; height:12px; margin-top:-2px; } .rd_tm_1 .rd_tm_pager { margin: 29px auto 0; text-align: left; overflow: visible; height: 15px; } /* style 2 */ .rd_tm_2 .tm_text { position: relative; margin-left: 100px; max-height: 100px; min-height: 100px; border: 1px solid; padding: 12px 17px 14px; line-height: 24px; font-size:14px; overflow:auto; border-right-width:3px !important; } .rd_tm_2 .tm_author { font-weight:bold; font-size:18px; margin-top:18px; } .rd_tm_2 .tm_info { font-weight:normal; font-size:14px; margin-top:6px; } .rd_tm_2 .tm_image { width:100px; position:absolute; left:0; top:0; } .rd_tm_2 .rd_tm_pager a { float:left; display:block; width:6px; cursor:pointer; height:6px; } .rd_tm_2 .rd_tm_pager a.selected { width:7px; height:7px; margin-top:-1px; } .rd_tm_2 .rd_tm_pager { margin: 12px auto 0; text-align: left; overflow: visible; height: 15px; } /* style 14 */ .rd_tm_14 .tm_text { position: relative; border: 1px solid; padding: 12px 17px 14px; line-height: 24px; font-size:14px; overflow:auto; } .rd_tm_14 .tm_author { font-weight:bold; font-size:18px; margin-top:18px; } .rd_tm_14 .tm_info { font-weight:normal; font-size:14px; margin-top:6px; } .rd_tm_14 .tm_image { display:none!important; } .rd_tm_14 .rd_tm_pager a { float:left; display:block; width:6px; cursor:pointer; height:6px; } .rd_tm_2 .rd_tm_pager a.selected { width:7px; height:7px; margin-top:-1px; } .rd_tm_14 .rd_tm_pager { margin: 12px auto 0; text-align: left; overflow: visible; height: 15px; } /* style 3 */ .rd_tm_3 .rd_testimonial { text-align:center; } .rd_tm_3 .tm_text { font-weight: normal; font-size: 18px; text-align: center; padding: 40px 30px 48px; line-height: 30px; margin-bottom: 256px; position:relative; } .rd_tm_3 .tm_text:after { content: ""; position: absolute; width: 12px; height: 12px; position: absolute; bottom: -7px; border-top: none !important; border-left: none !important; left: 50%; margin-left: -6px; transform: scalex(1.5) rotate(45deg); -webkit-transform:scalex(1.5) rotate(45deg); -moz-transform: scalex(1.5) rotate(45deg); -ms-transform:scalex(1.5) rotate(45deg); -o-transform:scalex(1.5) rotate(45deg); } .rd_tm_3 .tm_author { font-weight: bold; font-size: 18px; position: absolute; bottom: 77px; left: 50%; width: 50%; margin-left: -25%; } .rd_tm_3 .tm_info { font-weight: normal; font-size: 14px; position: absolute; bottom: 51px; left: 50%; width: 50%; margin-left: -25%; } .rd_tm_3 .tm_image { height: 114px; width: 114px; border-radius: 100px; position: absolute; left: 50%; margin-left: -57px; bottom: 113px; padding: 6px; border: 1px solid; } .rd_tm_3 .tm_image img { border-radius:100px; } .rd_tm_3 .rd_tm_pager a { width:14px; height:14px; cursor:pointer; position:relative; box-shadow:0px 1px 0px 0px rgba(0,0,0,0.2) inset; -moz-box-shadow:0px 1px 0px 0px rgba(0,0,0,0.2) inset; -webkit-box-shadow:0px 1px 0px 0px rgba(0,0,0,0.2) inset; -o-box-shadow:0px 1px 0px 0px rgba(0,0,0,0.2) inset; -ms-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2) inset; } .rd_tm_3 .rd_tm_pager a:after { width: 6px; height: 6px; content: ""; background: rgba(0,0,0,0); position: absolute; left: 3px; top: 3px; border-radius: 100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /* style 4 */ .rd_tm_4 .tm_text { position: relative; border: 1px solid; padding: 80px 40px 26px 150px; line-height: 24px; font-size:14px; border-radius:3px; } .rd_tm_4 .tm_author { font-weight: bold; font-size: 18px; position: absolute; top: 28px; left: 150px; } .rd_tm_4 .tm_info { font-weight: normal; font-size: 14px; position: absolute; left: 150px; top: 53px; } .rd_tm_4 .tm_image { width:100px; height:100px; padding:5px; background:#fff; position:absolute; left:31px; top:31px; border-radius:100px; } .rd_tm_4 .tm_image img { border-radius:100px; } .rd_tm_4 .rd_tm_pager a { float:left; display:block; cursor:pointer; width:6px; height:6px; } .rd_tm_4 .rd_tm_pager a.selected { width:7px; height:7px; margin-top:-1px; } .rd_tm_4 .rd_tm_pager { margin: 12px auto 0; text-align: left; overflow: visible; height: 15px; } /* style 5 */ .rd_tm_5 .tm_text { position: relative; border: 1px solid; padding: 86px 40px 26px 150px; line-height: 24px; font-size:14px; border-radius:3px; } .rd_tm_5 .tm_author { font-weight: bold; font-size: 18px; position: absolute; top: 29px; left: 150px; } .rd_tm_5 .tm_info { font-weight: normal; font-size: 14px; position: absolute; left: 150px; top: 54px; } .rd_tm_5 .tm_image { width:102px; height:102px; border:1px solid; padding:4px; background:#fff; position:absolute; left:29px; top:28px; border-radius:100px; } .rd_tm_5 .tm_image img { border-radius:100px; } .rd_tm_5 .rd_tm_pager a { float:left; display:block; width:6px; height:6px; } .rd_tm_5 .rd_tm_pager a.selected { width:7px; height:7px; margin-top:-1px; } .rd_tm_5 .rd_tm_pager { margin: 12px auto 0; text-align: left; overflow: visible; height: 15px; } /* style 6 */ .rd_tm_6 .tm_text { position: relative; padding: 51px 0px 26px 120px; line-height: 24px; font-size:14px; border-radius:3px; } .rd_tm_6 .tm_author { font-weight: bold; font-size: 18px; position: absolute; top: -2px; left: 120px; } .rd_tm_6 .tm_info { font-weight: normal; font-size: 15px; position: absolute; left: 120px; top: 23px; } .rd_tm_6 .tm_image { width:100px; height:100px; position:absolute; left:0px; top:0px; border-radius:10px; } .rd_tm_6 .tm_image img { border-radius:10px; } .rd_tm_6 .rd_tm_pager a { float:left; display:block; width:14px; height:14px; cursor:pointer; border:1px solid; margin: 0 10px 0 0; } .rd_tm_6 .rd_tm_pager a.selected { } .rd_tm_6 .rd_tm_pager { margin: 4px auto 0; text-align: left; overflow: visible; height: 15px; } /* style 7 */ .rd_tm_7 .tm_text { font-weight: normal; font-size: 15px; padding: 24px 28px 28px; line-height: 24px; margin-bottom: 117px; position:relative; } .rd_tm_7 .tm_text:after { content: ""; width: 8px; height: 8px; position: absolute; bottom: -5px; border-top: none !important; border-left: none !important; left: 40px; transform: scalex(0.8) rotate(45deg); -webkit-transform:scalex(0.8) rotate(45deg); -moz-transform:scalex(0.8) rotate(45deg); -ms-transform:scalex(0.8) rotate(45deg); -o-transform:scalex(0.8) rotate(45deg); } .rd_tm_7 .tm_author { font-weight: bold; font-size: 18px; position: absolute; bottom: 69px; left: 103px; width: 200px; } .rd_tm_7 .tm_info { font-weight: normal; font-size: 15px; position: absolute; bottom: 42px; left: 103px; width: 200px; } .rd_tm_7 .tm_image { height:90px; width: 90px; border-radius: 100px; position: absolute; left: 0px; bottom:0px; padding: 5px; background:#fff; } .rd_tm_7 .tm_image img { border-radius:100px; } .rd_tm_7 .rd_tm_pager { text-align: right; margin-top: -89px; margin-bottom: 89px; } .rd_tm_7 .rd_tm_pager a { width:14px; height:14px; position:relative; cursor:pointer; border:2px solid #fff; margin:0 0 0 7px; text-align: left; } .rd_tm_7 .rd_tm_pager a span { display:none; } /* style 8 */ .rd_tm_8 .rd_testimonial { text-align:center; } .rd_tm_8 .tm_text { font-weight: normal; font-size: 24px; padding: 0px; line-height: 36px; position:relative; } .rd_tm_8 .tm_author { font-weight: 700; margin:38px 0 5px 0; font-size: 14px; text-transform:uppercase; letter-spacing: 1.5px; } .rd_tm_8 .tm_info { font-weight: normal; font-size: 12px; text-transform:uppercase; letter-spacing: 1px; } .rd_tm_8 .tm_image { display:none; } .rd_tm_8 .rd_tm_pager { display:none !important; } .rd_tm_8 .tm_nav { display:block; margin-top:95px; } .rd_tm_8 .tm_l_nav, .rd_tm_8 .tm_r_nav { display:block; width:38px; height:38px; line-height:36px; text-align:center; position:absolute; left:50%; margin-left:-43px; border:1px solid; border-radius:5px; cursor:pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_tm_8 .tm_r_nav { position:absolute; left:50%; margin-left:5px; } .rd_tm_8 .tm_l_nav:before { content:"\f104"; font-family:"FontAwesome"; font-size:16px; } .rd_tm_8 .tm_r_nav:before { content:"\f105"; font-family:"FontAwesome"; font-size:16px; } /* style 9 */ .rd_tm_9 .rd_testimonial { text-align:center; } .rd_tm_9 .tm_text { font-weight: normal; font-size: 24px; padding: 0px; line-height: 40px; position:relative; text-transform:uppercase; font-weight:700; letter-spacing:2px; } .rd_tm_9 .tm_author { font-weight: normal; margin:38px 0 5px 0; font-size: 16px; text-transform:uppercase; } .rd_tm_9 .tm_info { font-weight: normal; font-size: 16px; text-transform:uppercase; } .rd_tm_9 .tm_image { display:none; } .rd_tm_9 .rd_tm_pager { display:none !important; } .rd_tm_9 .tm_nav { display:block; margin-top:95px; } .rd_tm_9 .tm_l_nav, .rd_tm_9 .tm_r_nav { display:block; width:38px; height:38px; line-height:36px; text-align:center; position:absolute; left:50%; margin-left:-43px; border:1px solid; border-radius:5px; cursor:pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_tm_9 .tm_r_nav { position:absolute; left:50%; margin-left:5px; } .rd_tm_9 .tm_l_nav:before { content:"\f104"; font-family:"FontAwesome"; font-size:16px; } .rd_tm_9 .tm_r_nav:before { content:"\f105"; font-family:"FontAwesome"; font-size:16px; } /* style 10 */ .rd_tm_10 .tm_text { font-weight: normal; font-size: 24px; font-style:italic; padding:0px; text-align:center; line-height: 40px; margin-top: 291px; position:relative; } .rd_tm_10 .tm_author { font-weight: normal; font-size: 24px; position: absolute; top: 213px; left: 50%; margin-left:-50%; width:100%; text-align:center; } .rd_tm_10 .tm_info { font-weight: normal; font-size: 15px; position: absolute; top: 240px; left: 50%; margin-left:-50%; width:100%; text-align:center; } .rd_tm_10 .tm_image { height:185px; width: 185px; border-radius: 100px; position: absolute; left: 50%; margin-left:-92.5px; top:0px; padding: 3px; background:none; border:2px solid; } .rd_tm_10 .tm_image img { border-radius:100px; padding:13px; } .rd_tm_10 .rd_tm_pager { display:block; margin-top:35px; } .rd_tm_10 .tm_r_nav { display:none !important; } /* style 11 */ .rd_tm_11 .tm_text { font-weight: 300; font-size: 24px; font-style:italic; padding:0px; text-align:center; line-height: 38px; margin-top: 305px; position:relative; } .rd_tm_11 .tm_author { font-weight: 700; font-size: 20px; padding-top: 51px; width: 100%; text-align: center; } .rd_tm_11 .tm_info { font-weight: normal; font-size: 14px; position: relative; margin-top: 6px; width:100%; text-align:center; } .rd_tm_11 .tm_info:before { content: ""; width: 30px; border-bottom: 2px solid; position: absolute; left: 50%; margin-left: -15px; top: -55px; } .rd_tm_11 .tm_image { height:152px; width: 152px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; position: absolute; left: 50%; margin-left:-76px; top:114px; padding: 3px; background:none; border:3px solid; } .rd_tm_11 .tm_image img { border-radius:100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; padding:10px; } .rd_tm_11 .rd_tm_pager { position: absolute; top: 0; width: 100%; margin-left: 5px; } .rd_tm_11 .rd_tm_pager a { margin: 0 10px 0 0; text-decoration: none; display: inline-block; width: 10px; height: 10px; background: #000; text-indent: -999em; border-radius:0px; } /* style 12 */ .rd_tm_12 .tm_text { position: relative; padding: 52px 0px 10px 120px; line-height: 24px; font-size:14px; } .rd_tm_12 .tm_author { font-weight: bold; font-size: 18px; position: absolute; top: 0px; left: 120px; } .rd_tm_12 .tm_info { font-weight: normal; font-size: 14px; position: absolute; left: 120px; top: 25px; } .rd_tm_12 .tm_image { width:102px; height:102px; border:1px solid; padding:4px; background:#fff; position:absolute; left:0px; top:0px; border-radius:100px; } .rd_tm_12 .tm_image img { border-radius:100px; } .rd_tm_12 .rd_tm_pager a { float:left; display:block; width:6px; height:6px; } .rd_tm_12 .rd_tm_pager a.selected { width:7px; height:7px; margin-top:-1px; } .rd_tm_12 .rd_tm_pager { margin: 12px auto 0; text-align: left; overflow: visible; height: 15px; } /* style 13 */ .rd_tm_13 .tm_text { font-weight: normal; text-align:center; font-size: 30px; font-style:italic; line-height: 44px; margin-bottom:19px; position:relative; } .rd_tm_13 .tm_text p { line-height:44px; } .rd_tm_13 .tm_author_info { width:260px; height:95px; margin:0 auto; position:relative; } .rd_tm_13 .tm_author { font-weight: bold; font-size: 18px; position: absolute; bottom: 49px; left: 103px; width: 200px; } .rd_tm_13 .tm_info { font-weight: normal; font-size: 15px; position: absolute; bottom: 24px; left: 103px; width: 200px; } .rd_tm_13 .tm_image { height:90px; width: 90px; border-radius: 100px; position: absolute; left: 0px; bottom:0px; padding: 5px; background:#fff; } .rd_tm_13 .tm_image img { border-radius:100px; } .rd_tm_13 .rd_tm_pager { margin-top: 15px; } .rd_tm_13 .rd_tm_pager a { width:14px; height:14px; cursor:pointer; position:relative; box-shadow:0px 1px 0px 0px rgba(0,0,0,0.2) inset; -moz-box-shadow:0px 1px 0px 0px rgba(0,0,0,0.2) inset; -webkit-box-shadow:0px 1px 0px 0px rgba(0,0,0,0.2) inset; -o-box-shadow:0px 1px 0px 0px rgba(0,0,0,0.2) inset; -ms-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2) inset; } .rd_tm_13 .rd_tm_pager a:after { width: 6px; height: 6px; content: ""; background: rgba(0,0,0,0); position: absolute; left: 3px; top: 3px; border-radius: 100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /* style 15 */ .rd_tm_15 .tm_text { position: relative; border: 1px solid; padding: 142px 30px 24px 30px; line-height: 24px; font-size:14px; } .rd_tm_15 .tm_author { font-weight: bold; font-size: 18px; position: absolute; top: 40px; left: 150px; } .rd_tm_15 .tm_info { font-size: 15px; position: absolute; left: 150px; top: 65px; font-weight: bold; } .rd_tm_15 .tm_image { width:120px; height:120px; background:#fff; position:absolute; left:1px; top:1px; border-radius:0px; } .rd_tm_15 .tm_image img { border-radius:0px; } .rd_tm_15 .rd_tm_pager a { float:left; display:block; cursor:pointer; width:6px; height:6px; } .rd_tm_15 .rd_tm_pager a.selected { width:7px; height:7px; margin-top:-1px; } .rd_tm_15 .rd_tm_pager { margin: 12px auto 0; text-align: left; overflow: visible; height: 15px; } /* style 16 */ .rd_tm_16 .rd_testimonial { text-align:center; } .rd_tm_16 .tm_text { font-weight: normal; font-size: 24px; padding: 0px; line-height: 40px; position:relative; text-transform:uppercase; font-weight:700; letter-spacing: 1px; } .rd_tm_16 .tm_author_info { margin-top:-4px; } .rd_tm_16 .tm_author { font-weight: normal; margin:38px 0 5px 0; font-size: 16px; text-transform:uppercase; } .rd_tm_16 .tm_info { font-weight: normal; font-size: 16px; text-transform:uppercase; } .rd_tm_16 .tm_image { display:none; } .rd_tm_16 .rd_tm_pager { display:block; margin-top:133px; margin-left:10px; } .rd_tm_16 .rd_tm_pager a { width:10px; height:10px; margin-right:10px; } /* style 17 */ .rd_tm_17 .tm_text { font-weight: normal; font-size: 18px; padding: 42px 208px 48px 50px; line-height: 30px; border-radius: 7px; margin-bottom: 117px; position: relative; font-style: italic; min-height: 215px; } .rd_tm_17 .tm_text:after { border-color: transparent #0BDDFD transparent; border-style: solid solid solid none; border-width: 0px 30px 45px medium; content: ""; height: 0; right: 127px; position: absolute; bottom: -45px; width: 0; background: none; } .rd_tm_17 .tm_author { font-weight: bold; font-size: 18px; position: absolute; bottom: 67px; right: 0px; text-align:right; width: 200px; } .rd_tm_17 .tm_info { font-weight: normal; font-size: 14px; position: absolute; bottom: 42px; right: 0px; text-align:right; width: 200px; } .rd_tm_17 .tm_image { height:150px; width: 150px; border-radius: 300px; position: absolute; right: 30px; top:30px; padding: 10px; background:#fff; } .rd_tm_17 .tm_image img { border-radius:300px; } .rd_tm_17 .rd_tm_pager a { float:left; display:block; width:10px; height:10px; cursor:pointer; border:1px solid; margin: 0 10px 0 0; } .rd_tm_17 .rd_tm_pager a.selected { } .rd_tm_17 .rd_tm_pager { margin: 4px auto 0; text-align: left; overflow: visible; height: 15px; margin-top:-87px; position:relative; } .rd_tm_17 .rd_tm_pager a span { display:none; } /* style 18 */ .rd_tm_18 .tm_text { font-weight: normal; font-size: 16px; padding: 24px 50px 28px 30px; line-height: 26px; border-radius: 2px; margin-bottom: 85px; position: relative; font-style: italic; } .rd_tm_18 .tm_text:after { border-color: transparent #0BDDFD transparent; border-style: solid solid solid none; border-width: 0px 30px 45px medium; content: ""; height: 0; right: 50px; position: absolute; bottom: -28px; width: 0; background: none; } .rd_tm_18 .tm_author { font-weight: bold; font-size: 18px; position: absolute; bottom: 67px; right: 0px; text-align:right; width: 200px; } .rd_tm_18 .tm_info { font-weight: normal; font-size: 14px; position: absolute; bottom: 42px; right: 0px; text-align:right; width: 200px; } .rd_tm_18 .tm_image { display:none; } .rd_tm_18 .rd_tm_pager a { float:left; display:block; width:10px; height:10px; cursor:pointer; border:1px solid; margin: 0 10px 0 0; } .rd_tm_18 .rd_tm_pager a.selected { } .rd_tm_18 .rd_tm_pager { margin: 4px auto 0; text-align: left; overflow: visible; height: 15px; margin-top:-87px; position:relative; } .rd_tm_18 .rd_tm_pager a span { display:none; } /* style 19 */ .rd_tm_19 .rd_testimonial { text-align:center; } .rd_tm_19 .tm_text { font-size: 14px; padding: 166px 0 0; line-height: 30px; position: relative; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; max-width: 750px; margin: auto; } .rd_tm_19 .tm_author_info { margin-top:-4px; } .rd_tm_19 .tm_author { font-weight:700; margin:38px 0 5px 0; font-size: 16px; text-transform:uppercase; } .rd_tm_19 .tm_info { font-weight: 700; font-size: 16px; text-transform:uppercase; } .rd_tm_19 .tm_image { height:130px; width: 130px; border-radius: 300px; position: absolute; left: 50%; margin-left:-65px; top:0px; padding: 5px; background:#fff; } .rd_tm_19 .tm_image img { border-radius:300px; } .rd_tm_19 .rd_tm_pager { display:block; margin-top:25px; margin-left:10px; } .rd_tm_19 .rd_tm_pager a { width:10px; height:10px; margin-right:10px; border: 1px solid; } /* style 20 */ .rd_tm_20 .rd_testimonial { text-align:center; } .rd_tm_20 .tm_text { font-weight: normal; font-size: 24px; padding: 0px; line-height: 36px; font-family:"Playfair Display"; position:relative; } .rd_tm_20 .tm_author { font-weight: 700; margin:36px 0 5px 0; font-size: 18px; text-transform:uppercase; font-family:"Raleway"; letter-spacing: 1.5px; } .rd_tm_20 .tm_author:before { content: ""; position: absolute; border-top: 2px solid; width: 50px; left: 50%; margin-left: -25px; margin-top: -19px; } .rd_tm_20 .tm_info { font-weight: normal; font-size: 12px; text-transform:uppercase; letter-spacing: 1px; } .rd_tm_20 .tm_image { display:none; } .rd_tm_20 .rd_tm_pager { display:none !important; } .rd_tm_20 .tm_nav { display:block; margin-top:85px; } .rd_tm_20 .tm_l_nav, .rd_tm_20 .tm_r_nav { display:block; width:30px; height:30px; line-height:28px; text-align:center; position:absolute; left:50%; margin-left:-35px; border:1px solid; border-radius:0px; cursor:pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_tm_20 .tm_r_nav { position:absolute; left:50%; margin-left:5px; } .rd_tm_20 .tm_l_nav:before { content:"\f104"; font-family:"FontAwesome"; font-size:12px; } .rd_tm_20 .tm_r_nav:before { content:"\f105"; font-family:"FontAwesome"; font-size:12px; } /* style 21 */ .rd_tm_21 .rd_testimonial { text-align:center; } .rd_tm_21 .tm_text { font-weight: 300; font-family:"Open Sans"; font-size: 30px; padding: 0px; line-height: 50px; position:relative; font-weight:300; } .rd_tm_21 .tm_author_info { margin-top:-4px; } .rd_tm_21 .tm_author { font-weight: bold; font-family:"Open Sans"; margin:93px 0 5px 0; font-size: 14px; position:relative; text-transform:uppercase; } .rd_tm_21 .tm_author:before { content: ""; border-top: 1px solid; width: 100px; left: 50%; top: -46px; margin-left: -50px; position: absolute; } .rd_tm_21 .tm_info { font-weight: normal; font-family:"Open Sans"; font-size: 14px; } .rd_tm_21 .tm_image { display:none; } .rd_tm_21 .rd_tm_pager { display:block; margin-top:200px; margin-left:17px; } .rd_tm_21 .rd_tm_pager a { width:14px; height:14px; margin-right:17px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0.55; } .rd_tm_21 .rd_tm_pager a.selected { transform: scale(1.15); -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); opacity:1; } .testimonials-wrapper { position: relative; overflow: hidden; } .testimonial { position: relative; top:0; left:0; overflow: hidden; } .testimonial-content { min-height: 40px; font-weight: 300; font-size: 16px; line-height: 25px; width: auto; border:none!important; padding:0px 0px; } .testimonial-author, .testimonial-author a { font-weight: normal; font-size: 16px; line-height: 24px; padding:15px 0 0 0; color:#fff; margin-bottom:40px!important; } .testimonial-author a:hover { color: #e56a1b; } .testimonial-author { position: relative; margin-left:0; } .testimonial-next, .testimonial-prev { width: 20px; height: 20px; position: absolute; padding-bottom:0px; left: 22px; bottom: 2px; border:1px solid rgba(0, 0, 0, 0.05); cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .testimonial-prev { left: 0px; } .testimonial-prev:before { font-family:'FontAwesome'; content:'\f104'; position:absolute; left:6px; top:-1px; font-size:15px; text-shadow:none; } .testimonial-next:before { font-family:'FontAwesome'; content:'\f105'; position:absolute; left:7px; top:-1px; font-size:15px; text-shadow:none; } .testimonial-next:hover, .testimonial-prev:hover { background-position: 0 -18px; color:#fafafa; } /********* Profile Testimonial **********/ .rd_profile_testimonial { box-shadow: 0 0 0 0px rgba(0,0,0,0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; cursor:pointer; background-size: cover !important; } .rd_profile_testimonial:hover { box-shadow: 0 0 0 10px #222533; } .rd_profile_testimonial .tm_logo { line-height:0; background: rgba(34, 37, 51, 0.8); line-height: 0; position: relative; } .rd_profile_testimonial .tm_logo img { opacity:1; min-width:100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_profile_testimonial:hover .tm_logo img { opacity:0; } .rd_profile_testimonial .tm_quote { opacity:0; position: absolute; width: 100%; text-align: center; top: 50%; line-height: 24px; font-style: italic; padding: 30px 30px; color: #fff; height: 180px; margin-top: -100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_profile_testimonial:hover .tm_quote { margin-top: -86px; opacity:1; } .rd_profile_testimonial .tm_quote:before { content: ""; position: absolute; left: 50%; border-radius: 200px; display: inline-block; width: 30px; height: 30px; top: -13px; margin-left: -15px; } .rd_profile_testimonial .tm_quote:after { content: "“"; position: absolute; font-size: 33px; top: -3px; left: 50%; width: 30px; height: 30px; margin-left: -17px; font-weight: bold; font-family: "MS Serif", "New York", serif; } .rd_profile_testimonial .tm_author { opacity:0; position: absolute; bottom: 5px; line-height: 24px; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #fff; text-align: center; width: 100%; padding: 0 30px; letter-spacing: 1px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_profile_testimonial:hover .tm_author { bottom: 29px; opacity:1; } /** Code box **/ .code_box_ctn { background: #f5f7f8; padding: 24px 31px; border-radius: 4px; white-space:pre; overflow:auto; } /** Boxed heading **/ .heading_box_sc_ctn { text-align:center; } .heading_box_sc { border-bottom:2px solid; display:inline-block; } .heading_box_sc h3 { border:2px solid; text-transform:uppercase; font-weight:700; padding:8px 21px 9px; font-size:24px; margin-bottom:1px; } /** Highlight shortcodes **/ .rd_highlight, .rd_highlight_border { padding:0 9px 2px; } /************************************************************************************ 9 Comments *************************************************************************************/ .sep_70 { padding-bottom:70px; } .comment_count { margin-bottom: 25px; } .comment_count h3 { margin-bottom:52px; } .comment_count h3, #add-comment h4 { font-size:30px; font-weight:normal; } #comments { margin-bottom: 20px; padding-top:0px; } #comments ul { margin-bottom: 0; } #comments ul:first-child { margin-left: 0 !important; } .comment_ctn { padding:30px; position:relative; } #comments ul li { padding: 0px 0 24px; margin-bottom: 0; } #comments ul li li { padding: 0px 0 20px; margin-bottom: 0; } #comments > ul > li:first-child { border-top-width: 0; padding-top:0px; } #comments li:last-child { padding-bottom: 0; } #comments > ul > li ul { margin-top: 24px; padding-left: 50px; border-left: 1px solid; } #comments > ul > li ul > li ul { margin-top:17px; } #comments ul li p { line-height: 24px; } #comments li p:last-child { margin-bottom: 0; } #comments ul li .avatar { float:left; } #comments ul li .details { padding:0px 0 0 30px; overflow: hidden; } #comments ul li .details span:last-child { margin-right: 0; } #comments ul li .details span.author { font-size: 18px; font-weight: 700; float:left; } #comments ul li .details span.reply a, #comments ul li .details span.reply a:visited { font-size: 11px; color: #999; } #comments ul li .details span.Reply { float:right; } #comments ul li .details span.Reply a { display:inline-block; padding:2px 10px 3px; text-transform:uppercase; font-weight:700; border-radius:3px; } a.comment-edit-link { margin-left:3px; } #comments ul li .details span.date { font-size: 13px; float:left; clear:both; margin-top: 7px; } #comments ul li .details .comment { display: block; margin-top:8px; float:left; clear:both; } #comments ul li li .comment_ctn { box-shadow:none!important; } #comments ul li li .comment_ctn:before { content: ""; min-width: 25px; min-height: 1px; position: absolute; top: 50%; left: -51px; } .avatar img { border: 3px solid #ffffff; border-radius: 5px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); } .page-numbers { float:left; } .page-numbers li a, .page-numbers li span { display: inline-block; margin-bottom: 0; text-align: center; font-size: 13px !important; letter-spacing: 0.5px; font-weight: 600 !important; outline: none; overflow: visible; cursor: pointer; border: 1px solid #ebebeb; text-shadow: none; float: left; margin: 2px 2px 2px 0 !important; padding: 10px 9px 9px 9px !important; width: auto; color: #CCC !important; } .page-numbers:hover { color:#fff; } .current { color:#fff; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0); } /*Leave a Comment */ #add-comment { padding-top:25px; } #add-comment input, #add-comment textarea { margin-bottom: 0; } #add-comment h4 { font-weight:normal; padding-bottom: 27px; line-height: 30px; } #add-comment textarea { height: 180px; width: 100%; padding:20px; } #comment { } .comment-notes, .form-allowed-tags { display:none; } input.single_post_author { width:376px; float:left; padding:14px 20px 14px 20px; border-radius:3px; margin-right:20px; } input.single_post_email { width:377px; float:left; padding:14px 20px 14px 20px; margin-right:20px; border-radius:3px; } input.single_post_url { width:377px; float:left; padding:14px 20px 14px 20px; border-radius:3px; } #posts input.single_post_author { width:calc(33.3% - 13.5px ); float:left; padding:14px 20px 14px 20px; border-radius:3px; margin-right:20px; } #posts input.single_post_email { width:calc(33.3% - 13.5px ); float:left; padding:14px 20px 14px 20px; margin-right:20px; border-radius:3px; } #posts input.single_post_url { width:calc(33.3% - 13.5px ); float:left; padding:14px 20px 14px 20px; border-radius:3px; } .single_post_comment { height:300px; border-radius:3px; } #add-comment input#submit,#respond input#submit{ padding:14px 15px 15px 15px; border-radius:3px; margin-top: 3px; letter-spacing:1px; } #reply-title { font-size: 16px; line-height: 24px; margin:20px 0; font-weight:normal; } /************************************************************************************ 10 Footer *************************************************************************************/ .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=password], .wpcf7-form textarea { background: rgba(0, 0, 0, 0.70); } .wpcf7-response-output { clear:both; } .wpcf7-form input[type=submit] { background:#1bbc9b; color:#fff!Important; min-width:120px; font-weight:700; font-size:14px; padding:8px 15px; } #footer_cta_box { min-height:50px; padding:30px 0; background:#f7f7f7; } .f_cta_text { width:65%; color:#676767; font-size: 22px; padding: 20px 0 20px 5%; margin:0!important; text-align:left; font-weight: 400; float:left; } .f_cta_button { width:20%; text-align: right; padding: 20px 5% 20px 0; float:right; } .f_cta_button a { font-weight: bold; text-transform: uppercase; border: 2px solid #fff; padding: 12px 31px 12px 31px; font-size: 13px; } #footer { width:1210px; padding-bottom:30px; overflow:auto; min-height:250px; position:relative; } #footer a { color:#fcfcfc; } .widget_wrap { float:left; } .widget { width:100%; margin:60px 0px 30px 0; float:left; } .footer_4_col .widget_wrap { width:19%; } .footer_4_col .footer_01{width: 28%;} .footer_4_col .footer_02{width: 20%;} .footer_4_col .footer_03{ margin-right: 0px !important; width:15%;} .footer_3_col .widget_wrap { width:370px!important; } .footer_2_col .widget_wrap { width:575px!important; } .footer_1_col .widget_wrap { width:545px!important; float:none!important; margin-left:auto!important; margin-right:auto!important; padding-right:30px!important; } /************************************************** Footer Type 1 **************************************************/ .footer_type_1 .widget_wrap { margin:96px 30px 46px 0; } .footer_type_1 .widget { margin:0px 0px 30px 0; } .footer_type_1 .widget h2 { font-size:22px; text-transform:none; font-weight:300; letter-spacing:normal; line-height: normal; margin-bottom: 36px; } .footer_type_1 .widget_line { display:none; } /************************************************** Footer Type 2 **************************************************/ .footer_type_2 .widget_wrap { margin:94px 30px 18px 0; } .footer_type_2 .widget { margin:0px 0px 30px 0; } .footer_type_2 .widget h2 { font-size:24px; text-transform:none; font-weight:300; letter-spacing:normal; line-height: normal; margin-bottom: 36px; } .footer_type_2 .widget_line { display:none; } /************************************************** Footer Type 3 **************************************************/ .footer_type_3 .widget_wrap { margin:100px 30px 35px 0; } .footer_type_3 .widget { margin:0px 0px 30px 0; } .footer_type_3 .widget h2 { font-size:24px; text-transform:none; font-weight:300; letter-spacing:normal; line-height:18px; margin-bottom: 61px; padding-left:20px; } .footer_type_3 .widget_line { display:none; } /************************************************** Footer Type 4 **************************************************/ .footer_type_4 .widget_wrap { margin:100px 30px 20px 0; } .footer_type_4 .widget { margin:0px 0px 30px 0; } .footer_type_4 .widget h2 { font-size:18px; text-transform:uppercase; font-weight:700; letter-spacing:2px; line-height:18px; margin-bottom: 38px; } .footer_type_4 .widget_line { display:none; } /************************************************** Footer Type 5 **************************************************/ .footer_type_5 .widget_wrap { margin:98px 30px 35px 0; } .footer_type_5 .widget { margin:0px 0px 30px 0; } .footer_type_5 .widget h2 { font-size:18px; text-transform:uppercase; font-weight:700; letter-spacing:2px; line-height:18px; margin-bottom: 28px; } .footer_type_5 .widget_line { display:none; } /************************************************** Footer Type 6 **************************************************/ .footer_type_6 .widget_wrap { margin:125px 30px 5px 0; } .footer_type_6 .widget { margin:0px 0px 30px 0; } .footer_type_6 .widget h2 { font-size:18px; text-transform:uppercase; font-weight:700; letter-spacing:3px; line-height:18px; margin-bottom: 51px; } .footer_type_6 .widget_line { display:none; } /************************************************** Footer Type 7 **************************************************/ .footer_type_7 .widget_wrap { margin:85px 30px 5px 0; } .footer_type_7 .widget { margin:0px 0px 30px 0; } .footer_type_7 .widget h2 { font-size:20px; text-transform:uppercase; font-weight:700; letter-spacing:2px; line-height:18px; margin-bottom: 40px; } .footer_type_7 .widget_line { display:none; } /************************************************** Footer Type 8 **************************************************/ .footer_type_8 .widget_wrap { margin:100px 30px 32px 0; } .footer_type_8 .widget { margin:0px 0px 30px 0; } .footer_type_8 .widget h2 { font-size:18px; text-transform:uppercase; font-weight:700; letter-spacing:normal; line-height:18px; margin-bottom: 51px; padding-left:20px; } .footer_type_8 .widget_line { display:none; } /************************************************** Footer Type 9 **************************************************/ .footer_type_9 .widget_wrap { margin:52px 30px 0px 0; } .footer_type_9 .widget { margin:0px 0px 13px 0; } .footer_type_9 .widget h2 { font-size:16px; text-transform:uppercase; font-weight:bold; letter-spacing:normal; line-height:18px; margin-bottom: 27px; } .footer_type_9 .widget_line { display:none; } /************************************************** Footer Type 10 **************************************************/ .footer_type_10 .widget_wrap { margin:98px 30px 39px 0; } .footer_type_10 .widget { margin:0px 0px 30px 0; } .footer_type_10 .widget h2 { font-size:16px; text-transform:uppercase; font-weight:700; letter-spacing:3px; line-height:18px; margin-bottom: 7px; } .footer_type_10 .widget_line { padding: 0px 0 42px 0 !important; float:none!important } .widget_line .small_l_left { width:70px!important; border-top:3px solid #ffffff; opacity:1; } /************************************************** Footer Type 11 **************************************************/ .footer_type_11 .widget_wrap { margin:100px 30px 50px 0; } .footer_type_11 .widget { margin:0px 0px 13px 0; } .footer_type_11 .widget h2 { font-size:14px; text-transform:uppercase; font-weight:700; letter-spacing:3px; line-height:18px; font-family:Raleway; margin-bottom: 27px; } .footer_type_11 .widget_line { display:none; } .footer_type_11 #recentcomments li,.footer_type_11 .widget_archive li,.footer_type_11 .widget_recent_entries ul li { padding: 15px 0px 0px 0px !important; } /************************************************** Footer Type 10 **************************************************/ .footer_type_12 .widget_wrap { margin:50px 30px 50px 0; } .footer_type_12 .widget { margin:0px 0px 0px 0; } .footer_type_12 .widget h2 { font-size:18px; text-transform:none; font-weight:600; line-height:18px; margin-bottom: 22px; } .footer_type_12 .widget .textwidget p{ margin-bottom:6px; } .footer_type_12 .widget_line { display:none; } /******** Sub Bar *******/ #footer_coms { text-align:right; padding: 10px 0; background-color:#1A1A1D; } #f_social_icons { padding:0; float:right; } #f_social_icons a { font-size:16px; display:block; line-height:32px; } #footer_coms ul { float:left; } #footer_coms ul li { float:left; font-size:14px; padding: 0px 30px 0 0; } #footer_coms ul li a { color:rgba(255, 255, 255, 0.8); } #footer_coms .current-menu-item a { color:#fff; border-bottom:none !important; padding:0 !important; } #footer_coms .sub-menu { display:none; } #footer_coms .current-menu-item a { background:none; } .f_menu_left { float:left; height: 32px; line-height: 32px; } #footer_coms .f_menu_left ul li { padding:0 30px 0 0px; } .f_menu_right { float:right; height: 32px; line-height: 32px; } #footer_coms .f_menu_right ul li { padding:0 0 0 30px; } #footer_coms .m_normal ul li a { font-weight:normal; text-transform:none; } #footer_coms .m_normal ul li a { font-weight:normal; text-transform:none; } #footer_coms .m_uppercase ul li a { font-weight:normal; text-transform:uppercase; } #footer_coms .m_normal_bold ul li a { font-weight:700; text-transform:none; } #footer_coms .m_uppercase_bold ul li a { font-weight:700; text-transform:uppercase; } #footer_coms .f_message_left { text-align:center; padding-right:30px; height: 32px; line-height: 32px; } #footer_coms .f_message_right { float:right; padding-left:30px; height: 32px; line-height: 32px; } #footer_coms .f_si_right { float:right; padding-left:30px; } #footer_coms .f_si_left { float:left; padding-right:30px; } .f_si_type1 a:hover { background: none!important; } .f_si_type2 #f_social_icons div { width:32px!important; height:32px!important; margin-right: 15px; border-radius:2px; } .f_si_type2 #f_social_icons a { border-radius:2px; color:#fff!important; font-size:18px; } #to_top { display: block; position: fixed; text-align: center; line-height: 12px!important; right: 30px; bottom: -30px; color: #fff; cursor: pointer; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; z-index: 10000; height: 29px; width: 29px; background-color: rgba(0,0,0,0.4); background-repeat: no-repeat; background-position: center; transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -webkit-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; } #to_top i { font-family:"FontAwesome"; line-height: 29px!important; width: 29px!important; height: 29px!important; font-size: 14px!important; top: 0px!important; left: 0px!important; text-align: center!important; background-color: transparent!important; } .header_bottom_nav #searchtop { margin: 0; padding: 10px 0; float: right; position: relative; text-align: center; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .shrinked_header #search-form { top: 55px!important; } #top_bar #searchtop { margin:0; position:relative; text-align:center; display:inline-block; *display:inline; zoom:1; height:29px; width:29px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #searchtop_img { display:block; background-position:0px 0px; background-size: 27px; min-height:29px; min-width:27px; cursor:pointer; } .header_bottom_nav #searchtop_img .fa-search, .header_bottom_nav #searchtop_img .fa-times { font-size: 16px; display: block; padding: 7px 0 0 5px; } #search-form { padding:10px; background-color:#fff; right:0; position:absolute; min-width:250px; z-index:1000; top:0px; visibility:hidden; opacity:0; transform: scale(0.8); /* CSS3 */ -moz-transform: scale(0.8); /* Firefox */ -webkit-transform: scale(0.8); /* Webkit */ -o-transform: scale(0.8); /* Opera */ -ms-transform: scale(0.8); /* IE 9 */ transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -moz-box-shadow: 0 0px 6px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0px 6px rgba(0,0,0,0.1); box-shadow: 0 0px 6px rgba(0,0,0,0.1); } #edge-search-form { position:relative; margin-top: 20px; float: left; width: 100%; } .pop_search_form { opacity:1!important; visibility:visible !important; transform: scale(1) !important; /* CSS3 */ -moz-transform: scale(1) !important; /* Firefox */ -webkit-transform: scale(1) !important; /* Webkit */ -o-transform: scale(1) !important; /* Opera */ -ms-transform: scale(1) !important; /* IE 9 */ } #ssform { box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.05); -o-box-shadow:inset 0px 0px 6px 0px rgba(0, 0, 0, 0.05); } #edge-search-form #ssform { box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; padding: 9px 20px 9px 20px; font-size:12px; text-transform:uppercase; } #search-form input[type=submit] { background:none; background-position:1px 1px; background-size: 27px; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; min-height:29px; min-width:40px; margin: 0px; height: 40px; z-index:1000; position: absolute; right: 10px; } #edge-search-form input[type=submit] { background: none; background-position: 1px 1px; background-size: 27px; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; min-height: 29px; min-width: 40px; margin: 0px; height: 40px; z-index: 1000; position: absolute; right: 1px; top: 0; } #search-form input[type=text] { border: 1px solid rgba(102, 102, 102, 0.1); float: left; margin: 0; width: 100%; padding: 9px 5px 9px 20px!important; border-radius: 5px; } span.search_button_icon:after { content: "\f002"; font-family: "fontawesome"; position: absolute; right: 25px; top: 18px; font-size: 16px; } #edge-search-form span.search_button_icon:after { content: "\f002"; font-family: "fontawesome"; position: absolute; right: 15px; top: 8px; font-size: 16px; } #header_socials a { font-size: 16px; line-height:29px; display: block; } #header_socials a:hover { background:none!important; } #fixed_header_socials a { font-size: 16px; line-height:38px; display: block; } #twitter { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #twitter a:hover, .f_si_type2 #f_social_icons #twitter, .rd_si_big_squared #twitter, .rd_si_big_rounded #twitter a, .sc-share-box #twitter a, .single_staff_social #twitter a, .rd_staff_p06 .member-social-links #twitter a, .thietkewebhiendai_social_widget_icons #twitter a,.share_icons_business .share-box #twitter a{ color:#ffffff; background-color:#41d1da; } #facebook { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #facebook a:hover, .f_si_type2 #f_social_icons #facebook, .rd_si_big_squared #facebook, .rd_si_big_rounded #facebook a, .sc-share-box #facebook a, .single_staff_social #facebook a, .rd_staff_p06 .member-social-links #facebook a, .thietkewebhiendai_social_widget_icons #facebook a,.share_icons_business .share-box #facebook a { color:#ffffff; background-color:#3c5a9a; } #behance { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #behance a:hover, .f_si_type2 #f_social_icons #behance, .rd_si_big_squared #behance, .rd_si_big_rounded #behance a, .single_staff_social #behance a, .rd_staff_p06 .member-social-links #behance a, .thietkewebhiendai_social_widget_icons #behance a { color:#ffffff; background-color:#2d9ad2; } #digg { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #digg a:hover, .f_si_type2 #f_social_icons #digg, .rd_si_big_squared #digg, .rd_si_big_rounded #digg a, .single_staff_social #digg a, .rd_staff_p06 .member-social-links #digg a, .thietkewebhiendai_social_widget_icons #digg a { color:#ffffff; background-color:#1b5891; } #flickr { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #flickr a:hover, .f_si_type2 #f_social_icons #flickr, .rd_si_big_squared #flickr, .rd_si_big_rounded #flickr a, .single_staff_social #flickr a, .rd_staff_p06 .member-social-links #flickr a, .thietkewebhiendai_social_widget_icons #flickr a { color:#ffffff; background-color:#517fa4; } #instagram { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #instagram a:hover, .f_si_type2 #f_social_icons #instagram, .rd_si_big_squared #instagram, .rd_si_big_rounded #instagram a, .single_staff_social #instagram a, .rd_staff_p06 .member-social-links #instagram a, .thietkewebhiendai_social_widget_icons #instagram a { color:#ffffff; background-color:#517fa4; } #rss { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #rss a:hover, .f_si_type2 #f_social_icons #rss, .rd_si_big_squared #rss, .rd_si_big_rounded #rss a, .single_staff_social #rss a, .rd_staff_p06 .member-social-links #rss a, .thietkewebhiendai_social_widget_icons #rss a { background-color:#f08421; color:#ffffff; } #gplus { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #gplus a:hover, .f_si_type2 #f_social_icons #gplus, .rd_si_big_squared #gplus, .rd_si_big_rounded #gplus a, .sc-share-box #gplus a, .single_staff_social #gplus a, .rd_staff_p06 .member-social-links #gplus a, .thietkewebhiendai_social_widget_icons #gplus a,.share_icons_business .share-box #gplus a { color:#ffffff; background-color:#333230; } #vimeo { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #vimeo a:hover, .f_si_type2 #f_social_icons #vimeo, .rd_si_big_squared #vimeo, .rd_si_big_rounded #vimeo a, .single_staff_social #vimeo a, .rd_staff_p06 .member-social-links #vimeo a, .thietkewebhiendai_social_widget_icons #vimeo a { color:#ffffff; background-color:#41b2dc; } #lin { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #lin a:hover, .f_si_type2 #f_social_icons #lin, .rd_si_big_squared #lin, .rd_si_big_rounded #lin a, .sc-share-box #lin a, .single_staff_social #lin a, .rd_staff_p06 .member-social-links #lin a, .thietkewebhiendai_social_widget_icons #lin a,.share_icons_business .share-box #lin a { color:#ffffff; background-color:#0173b2; } #yt { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #yt a:hover, .f_si_type2 #f_social_icons #yt, .rd_si_big_squared #yt, .rd_si_big_rounded #yt a, .single_staff_social #yt a, .rd_staff_p06 .member-social-links #yt a, .thietkewebhiendai_social_widget_icons #yt a { color:#ffffff; background-color:#fe3432; } #tumblr { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #tumblr a:hover, .f_si_type2 #f_social_icons #tumblr, .rd_si_big_squared #tumblr, .rd_si_big_rounded #tumblr a, .sc-share-box #tumblr a, .single_staff_social #tumblr a, .rd_staff_p06 .member-social-links #tumblr a, .thietkewebhiendai_social_widget_icons #tumblr a,.share_icons_business .share-box #tumblr a{ color:#ffffff; background-color:#2a445f; } #Pinterest { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #Pinterest a:hover, .f_si_type2 #f_social_icons #Pinterest, .rd_si_big_squared #Pinterest, .rd_si_big_rounded #Pinterest a, .single_staff_social #Pinterest a, .rd_staff_p06 .member-social-links #Pinterest a, .thietkewebhiendai_social_widget_icons #Pinterest a { color:#ffffff; background-color:#c9232d; } #reddit { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #reddit a:hover, .f_si_type2 #f_social_icons #reddit, .rd_si_big_squared #reddit, .rd_si_big_rounded #reddit a, .sc-share-box #reddit a, .single_staff_social #reddit a, .rd_staff_p06 .member-social-links #reddit a, .thietkewebhiendai_social_widget_icons #reddit a,.share_icons_business .share-box #reddit a { background-color:#ff1a00; color:#ffffff; } #dribbble { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #dribbble a:hover, .f_si_type2 #f_social_icons #dribbble, .rd_si_big_squared #dribbble, .rd_si_big_rounded #dribbble a, .single_staff_social #dribbble a, .rd_staff_p06 .member-social-links #dribbble a, .thietkewebhiendai_social_widget_icons #dribbble a { color:#ffffff; background-color:#f874a4; } #skype { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #skype a:hover, .f_si_type2 #f_social_icons #skype, .rd_si_big_squared #skype, .rd_si_big_rounded #skype a, .single_staff_social #skype a, .rd_staff_p06 .member-social-links #skype a, .thietkewebhiendai_social_widget_icons #skype a { background-color:#00aaf1; color:#ffffff; } #da { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #da a:hover, .f_si_type2 #f_social_icons #da, .rd_si_big_squared #da, .rd_si_big_rounded #da a, .single_staff_social #da a, .rd_staff_p06 .member-social-links #da a, .thietkewebhiendai_social_widget_icons #da a { color:#ffffff; background-color:#96ce4b; } #member_email { margin:0; position:relative; display:inline-block; *display:inline; zoom:1; width:30px; height:30px; text-align:center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #member_email a:hover, .sc-share-box #member_email a, .single_staff_social #member_email a, .rd_staff_p06 .member-social-links #member_email a, .thietkewebhiendai_social_widget_icons #member_email a{ background-color:#313131; color:#ffffff; } /************************************************************************************ 11 Isotope *************************************************************************************/ /**** Isotope Filtering ****/ .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .portfolio_block.element { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item, .portfolio_block, .masonry_ctn { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope, .portfolio_block, .masonry_ctn { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item, .portfolio_block .element, .masonry_ctn .ajax_post { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; transition: none; } /************************************************************************************ 12 TipTip *************************************************************************************/ #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 1px 8px; border: 1px solid #2c3e50; background-color:#2c3e50; line-height:17px; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color:#2c3e50; } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: #2c3e50; } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: #2c3e50; } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: #2c3e50; } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: #2c3e50; border-top-color: #2c3e50; } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: #2c3e50; border-bottom-color: #2c3e50; } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: #2c3e50; border-right-color: #2c3e50; } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: #2c3e50; border-left-color: #2c3e50; } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 2px 8px 3px 8px; background-color: #2c3e50; } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color:#2c3e50; } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: #2c3e50; } } /************************************************************************************ 13 Revolution slider *************************************************************************************/ .rev_slider_wrapper { z-index:0; } .tparrows.preview1 { width: 70px!important; height: 70px!important; top: 50%!important; } .tparrows.preview1:after { width: 70px!important; height: 70px!important; line-height:70px!important; } .tp-leftarrow.tparrows.default.round, .tp-rightarrow.tparrows.default.round { background: rgba(0, 0, 0, 0.4); height: 45px; width: 45px; border-radius: 200px; text-align: center; top:50%!important; line-height: 45px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .tp-leftarrow.tparrows.default.round:hover, .tp-rightarrow.tparrows.default.round:hover { background: rgba(0, 0, 0, 0.6); } .tp-leftarrow.tparrows.default.round:before { content:"\f104"; font-family:"FontAwesome"; font-size:26px; margin-right:2px; color:#fff; text-align:center; } .tp-rightarrow.tparrows.default.round:before { content:"\f105"; font-family:"FontAwesome"; font-size:26px; margin-left:2px; color:#fff; text-align:center; } .tp-bullets.simplebullets.round .bullet { width: 12px; height: 12px; margin-right: 0px; float: left; margin-top: 0px; margin-left: 10px; border-radius: 100px; background: rgba(0, 0, 0, 0); border: 1px solid #FFF; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .tp-bullets.simplebullets.round .bullet.selected { background:#fff; } /************************************************************************************ 14 Loader - Coming Soon *************************************************************************************/ .pre_dummy_img { display:none!important; } /** Simple loader **/ #jpreOverlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999999; } #jpreOverlay.white_loader { background-color:#ffffff; } #jpreOverlay.dark_loader { background-color:#2c3e50; } #jpreSlide { font-size:22px; font-weight:bold; color:#ccc; text-align:center; width:50%; height:30%; } #jpreLoader { position:absolute; width: 100%; height: 5px; top: 0%; left:0!important; } .tf_complex_loader #jpreLoader { position: absolute; top: 0%; left: 0%; height:5px; } .white_loader #jpreLoader { background: #ecf0f1; } .dark_loader #jpreLoader { background: #222533; } #preloader_3 { width: 42px; height: 20px; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -21px; } #preloader_3:before { width:20px; height:20px; border-radius:20px; background:blue; content:''; position:absolute; background:#1abc9c; -webkit-animation: preloader_3_before 1.5s infinite ease-in-out; -moz-animation: preloader_3_before 1.5s infinite ease-in-out; -ms-animation: preloader_3_before 1.5s infinite ease-in-out; animation: preloader_3_before 1.5s infinite ease-in-out; } #preloader_3:after { width:20px; height:20px; border-radius:20px; background:blue; content:''; position:absolute; background:#21c2f8; left:22px; -webkit-animation: preloader_3_after 1.5s infinite ease-in-out; -moz-animation: preloader_3_after 1.5s infinite ease-in-out; -ms-animation: preloader_3_after 1.5s infinite ease-in-out; animation: preloader_3_after 1.5s infinite ease-in-out; } #jpreBar { background-color:#21c2f8; background-image: -moz-linear-gradient(-45deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.15) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(25%, rgba(255,255,255,0.2)), color-stop(25%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.2)), color-stop(75%, rgba(255,255,255,0.2)), color-stop(75%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(-45deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.15) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(-45deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.15) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); background-image: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.15) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); animation: progress 2s linear infinite; -moz-animation: progress 2s linear infinite; -webkit-animation: progress 2s linear infinite; -ms-animation: progress 2s linear infinite; -o-animation: progress 2s linear infinite; width:0%; height:100%; } .tf_complex_loader #jpreBar { width: 0%; position:relative; } #jprePercentage { color: #a1b1bc; font-family: "Lato"; font-weight: normal; text-align: center; left: 15px; top: 0%; width: 80px; margin-top: 15px; text-align: left; font-size: 13px; position:relative; } .tf_complex_loader #jprePercentage { height:100%; } @-webkit-keyframes progress { from { background-position: 0 0; } to { background-position: -60px -60px; } } @-moz-keyframes progress { from { background-position: 0 0; } to { background-position: -60px -60px; } } @-ms-keyframes progress { from { background-position: 0 0; } to { background-position: -60px -60px; } } @-o-keyframes progress { from { background-position: 0 0; } to { background-position: -60px -60px; } } @keyframes progress { from { background-position: 0 0; } to { background-position: -60px -60px; } } /** TheFox Bigloader **/ .thietkewebhiendai_bigloader { position:relative; margin:auto; overflow:visible; width:100%; height:295px; } #jpreOverlay .thietkewebhiendai_bigloader { height:358px; position:absolute; top:50%; margin-top:-179px; } .thietkewebhiendai_bigloader:before { content: ""; width: 100%; position: absolute; height: 300px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); } #jpreOverlay .thietkewebhiendai_bigloader:before { display:none; } #jpreOverlay.dark_loader .thefox_loader_logo_bg { background: #fcfcfc; width: 222px; height: 222px; z-index: 2; border-radius: 500px; position: absolute; left: 50%; margin: 36px 0 0 -111px; text-align: center; } #jpreOverlay.white_loader .thefox_loader_logo_bg { display:none; } .thefox_loader_logo { background:#fff; width:200px; height:200px; z-index:2; box-shadow: 0 0 15px 0px rgba(0,0,0,0.1); border-radius:300px; position:absolute; bottom: 0; left: 50%; margin-left: -100px; margin-bottom: -100px; text-align: center; } #jpreOverlay .thefox_loader_logo { top: 0; bottom: inherit; margin: 47px 0 0px -100px; } .thefox_loader_logo:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .thefox_loader_logo img { margin: 0 auto; max-width: 150px; text-align: center; display: inline-block; vertical-align: middle; } .thefox_loader_line { position: absolute; left: 50%; bottom:0; width: 294px; height: 294px; overflow: visible; -webkit-animation: loader_spin 4s infinite linear; animation: loader_spin 4s infinite linear; z-index: 1px; margin-left: -147px; margin-bottom: -147px; } #jpreOverlay .thefox_loader_line { top:0; bottom:inherit; margin:0px 0 0 -147px; } .thietkewebhiendai_bigloader .loader_tophalf { position: absolute; width: 294px; height: 147px; -webkit-border-top-left-radius: 193px; -webkit-border-top-right-radius: 193px; -moz-border-radius-topleft: 193px; -moz-border-radius-topright: 193px; border-top-left-radius: 193px; border-top-right-radius: 193px; background: -moz-linear-gradient(left, rgba(52, 192, 191, 0.5) 0%, #1abc9c 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(52, 192, 191, 0.5)) color-stop(100%, #1abc9c)); background: -webkit-linear-gradient(left, rgba(52, 192, 191, 0.5) 0%, #1abc9c 100%); background: -o-linear-gradient(left, rgba(52, 192, 191, 0.5) 0%, #1abc9c 100%); background: -ms-linear-gradient(left, rgba(52, 192, 191, 0.5) 0%, #1abc9c 100%); background: linear-gradient(to right, rgba(52, 192, 191, 0.5) 0%, #1abc9c 100%); } .thietkewebhiendai_bigloader .loader_inner { position: relative; z-index: 1; top: 5px; left: 5px; width: 284px; height: 284px; background-color: white; border-radius: 100%; } #jpreOverlay.dark_loader .thietkewebhiendai_bigloader .loader_inner { background:#2c3e50; } .thietkewebhiendai_bigloader .loader_bottomhalf { position: absolute; top: 147px; width: 294px; height: 147px; -webkit-border-bottom-right-radius: 193px; -webkit-border-bottom-left-radius: 193px; -moz-border-radius-bottomright: 193px; -moz-border-radius-bottomleft: 193px; border-bottom-right-radius: 193px; border-bottom-left-radius: 193px; background: -moz-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%, rgba(77, 196, 226, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(52, 192, 191, 0.5)), color-stop(100%, rgba(77, 196, 226, 0))); background: -webkit-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%, rgba(77, 196, 226, 0) 100%); background: -o-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%, rgba(77, 196, 226, 0) 100%); background: -ms-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%, rgba(77, 196, 226, 0) 100%); background: linear-gradient(to right, rgba(52, 192, 191, 0.5) 1%, rgba(77, 196, 226, 0) 100%); } .thietkewebhiendai_bigloader .loader_button { width: 20px; height: 20px; background: rgba(33, 194, 248, 1); border: 5px solid #fff; box-shadow: 0 0 5px 0px rgba(0,0,0,0.2); position: absolute; right: -7px; top: 50%; margin-top: -10px; z-index: 1; border-radius: 100px; } .thietkewebhiendai_bigloader #jprePercentage { height: auto!important; position: absolute!important; text-align: center; left: 50%; width: 300px; margin-left: -150px; bottom: 0 !important; top: initial !important; margin-top: 0px; line-height: 18px; font-size: 18px; font-weight: bold; letter-spacing: 4px; } @-webkit-keyframes loader_spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader_spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /** Coming Soon 01 **/ #white_csp { background:#ffffff!important; } #white_csp .def_section { background:#ffffff!important; } #dark_csp { background:#2c3e50!important; } #dark_csp .def_section { background:#2c3e50!important; } #dark_csp .thietkewebhiendai_bigloader .loader_inner { background:#2c3e50!important; } .coming_soon_ctn { width: 700px; margin: 0 auto; max-width: 100%; } .coming_soon_ctn .timing { max-width:100%; width:1400px; } .time_circles canvas { max-width:100%; } .coming_soon_text { text-align: center; margin-top: 196px; font-size: 18px; font-weight: bold; letter-spacing: 5px; text-transform:uppercase; color:#a1b1bc; } #dark_csp .coming_soon_text { color:#ffffff; } .timing { margin:105px auto 135px; width:1400px; } .time_circles { position: relative; width: 100%; height: 100%; } .time_circles > div { position: absolute; text-align: center; } .time_circles > div > h4 { font-size: 18px; color: #a1b1bc; font-weight: 400; margin: 0px; padding: 50px 0 0 0; text-align: center; } #dark_csp .time_circles > div > h4 { color:#ffffff; } .time_circles > div > span { display: block; width: 100%; text-align: center; color: #2f383d; font-size:48px; line-height:48px; font-weight:300; } #dark_csp .time_circles > div > span { color:#ffffff; } #coming_soon_form { width:440px; max-width:100%; margin:0 auto 100px; position:relative; } #coming_soon_form input[type=email] { padding: 14px 20px 14px 20px; margin:0; border-radius: 3px; color: #a1b1bc; border: 1px solid #eceef0; background: #ffffff; } #dark_csp #coming_soon_form input[type=email] { color: #a1b1bc; border: 1px solid #16181A; background: #222533; } #coming_soon_form input[type=button] { font-family: "Fontawesome"; font-size: 16px; padding: 0px 19px; line-height: 54px; border: none; outline: none; position: absolute; right: 0; top: 0; height: 50px; width:auto; border-radius: 3px; color: #fff; background: #1ABC9C; cursor:pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } #coming_soon_form input[type=button]:hover { background:#2c3e50; } #success { color:red; }