d@charset "utf-8"; /* CSS Document */ /*----*****---- << Shortcodes >> ----*****----*/ .dt-sc-hr-border { background: url(../images/splitter2.png) repeat-x; width:100%; clear:both; display:block; float:left; height:1px; margin:30px 0px 40px; position:relative; z-index:1; } .dt-sc-hr-border-small { height:1px; width:100%; clear:both; display:block; float:left; margin:65px 0 85px; position:relative; z-index:1; } .dt-sc-hr-border-small:after { border-top: 1px solid #ebebeb; content: ""; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; width: 310px; } .dt-sc-hr-invisible { float:left; width:100%; margin: 25px 0; display:block; clear:both; } .dt-sc-hr-invisible-small { float:left; width:100%; margin: 15px 0; display:block; clear:both; } .dt-sc-hr-invisible-large { float:left; width:100%; margin: 55px 0; display:block; clear:both; } .dt-sc-hr-invisible-medium { float:left; width:100%; margin: 40px 0; display:block; clear:both; } .dt-sc-hr.floral-grey { background-image: url(../images/hr-floral-grey-bg.png); background-repeat: no-repeat; background-size: 100%; clear:both; display: block; float:left; height:43px; margin:15px 0px; width: 100%; } .dt-sc-hr.top { width:96%; } .dt-sc-hr.top { background-position:right center; text-align:right; } .dt-sc-hr.top a { color: rgba(0, 0, 0, 0.5); background: #fff; font-size:11px; line-height: 16px; padding-left:5px; position:absolute; right:-4%; top:-4px; } .dt-sc-hr.top a:hover { color: #333334; } .dt-sc-hr.top a span { margin-right: 2px; } .dt-sc-hr { background: url(../images/splitter.png) repeat-x; clear: both; display: block; float: left; height: 10px; margin: 40px 0; position: relative; width: 100%; z-index: 1; } .dt-sc-hr-medium { background: url(../images/splitter-medium.png) repeat-x; clear: both; display: block; float: left; height: 16px; margin: 40px 0; position: relative; width: 100%; z-index: 1; } .dt-sc-hr-large { background: url(../images/splitter-large.png) repeat-x; clear: both; display: block; float: left; height: 22px; margin: 40px 0; position: relative; width: 100%; z-index: 1; } .dt-sc-clear { clear:both; float: none; margin: 0; padding: 0; } /*----*****---- << Columns >> ----*****----*/ .column { margin:0px 0px 0px 2%; float:left; min-height:1px; position:relative; } .column.first { clear:both; margin-left:0px; } .dt-sc-full-width, .dt-sc-one-column { width:100%; } .column.dt-sc-full-width, .column.dt-sc-one-column { margin-left:0px; } .dt-sc-one-fourth { width:23.4%; } .dt-sc-one-half { width:48.9%; } .dt-sc-one-third { width:31.9%; } .dt-sc-three-fourth { width:74.5%; } .dt-sc-two-third { width:65.8%; } .dt-sc-one-fifth { width:18.3%; } .dt-sc-four-fifth { width:79.6%; } .dt-sc-three-fifth { width:59.2%; } .dt-sc-two-fifth { width:38.8%; } .dt-sc-one-sixth { width:15%; } .dt-sc-two-sixth { width:30%; } .dt-sc-three-sixth { width:45%; } .dt-sc-four-sixth { width:60%; } .dt-sc-five-sixth { width:75%; } .column img { max-width:100%; height:auto; } .dt-sc-one-half iframe, .dt-sc-one-third iframe, .dt-sc-one-fourth iframe, .dt-sc-three-fourth iframe, .dt-sc-two-third iframe, iframe { max-width:100%; } embed, iframe, object, video { max-width:100%; } .column.no-space { margin-left:0px; } .column.no-space.dt-sc-one-fourth { width:25%; } .column.no-space.dt-sc-one-third { width:33.3%; } .column.no-space.dt-sc-one-half { width:50%; } .column.no-space.dt-sc-one-fifth { width:20%; } .column.no-space.dt-sc-one-sixth { width:16.6%; } .column.no-space.dt-sc-three-fourth { width:75%; } .column.no-space.dt-sc-two-third { width:66.6%; } .column.no-space.dt-sc-four-fifth { width:80%; } .column.no-space.dt-sc-three-fifth { width:60%; } .column.no-space.dt-sc-two-fifth { width:40%; } .column.no-space.dt-sc-two-sixth { width:33.2%; } .column.no-space.dt-sc-three-sixth { width:49.8%; } .column.no-space.dt-sc-four-sixth { width:66.4%; } .column.no-space.dt-sc-five-sixth { width:83%; } /*----*****---- << Buttons >> ----*****----*/ .dt-sc-button { color: #fff; cursor:pointer; display:inline-block; line-height:normal; margin:10px 0px 0px; outline:none; position:relative; text-transform: capitalize; z-index:1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .dt-sc-button:after { content:''; height:0; left:0; position:absolute; top:0; width:100%; z-index:-1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; } .dt-sc-button:hover:after { height: 100%; } .dt-sc-button:hover { color: #fff; } .dt-sc-button.white:hover, .dt-sc-button.white:active { color:#808080; } .dt-sc-button.small { font-size:14px; padding:10px 20px; } .dt-sc-button.medium { font-size:15px; padding:11px 35px; } .dt-sc-button.large { font-size:18px; padding:18px 45px; font-size:16px; } .dt-sc-button.xlarge { font-size:20px; padding:20px 55px; font-size:18px; } .dt-sc-button.green { background:#7aa127; } .dt-sc-button.orange { background:#f39d12; } .dt-sc-button.blue { background:#4bbcd7; } .dt-sc-button.pink { background:#e67fb9; } .dt-sc-button.red { background:#e74d3c; } .dt-sc-button.purple { background:#72448d; } .dt-sc-button.ocean { background:#1abc9c; } .dt-sc-button.black { background:#333334; } .dt-sc-button.slateblue { background:#836fff; } .dt-sc-button.skyblue { background:#00bfff; } .dt-sc-button.coral { background:#ff7f50; } .dt-sc-button.khaki { background:#b6af55; } .dt-sc-button.cyan { background:#00cdcd; } .dt-sc-button.grey { background:#8e8e8e; } .dt-sc-button.gold { background:#e0a81c; } .dt-sc-button.chocolate { background:#cd661d; } .dt-sc-button.raspberry { background:#a23b6f; } .dt-sc-button.electricblue { background:#536878; } .dt-sc-button.eggplant { background:#614051; } .dt-sc-button.ferngreen { background:#4f7942; } .dt-sc-button.palebrown { background:#987654; } .dt-sc-button.white { background:#ffffff; } .dt-sc-button.green:after { background: #5b781d; } .dt-sc-button.orange:after { background: #c87f0a; } .dt-sc-button.blue:after { background: #2ba6c4; } .dt-sc-button.pink:after { background: #de54a2; } .dt-sc-button.red:after { background: #d62d1a; } .dt-sc-button.purple:after { background: #56336b; } .dt-sc-button.ocean:after { background: #148f77; } .dt-sc-button.slateblue:after { background: #6d56ff; } .dt-sc-button.skyblue:after { background: #0099cc; } .dt-sc-button.coral:after { background: #ff6c37; } .dt-sc-button.khaki:after { background: #979141; } .dt-sc-button.cyan:after { background: #009a9a; } .dt-sc-button.grey:after { background: #757575; } .dt-sc-button.gold:after { background: #ffffff; } .dt-sc-button.chocolate:after { background: #a05017; } .dt-sc-button.raspberry:after { background: #7d2d55; } .dt-sc-button.electricblue:after { background: #3e4e5a; } .dt-sc-button.eggplant:after { background: #422c37; } .dt-sc-button.ferngreen:after { background: #395830; } .dt-sc-button.palebrown:after { background: #775d42; } input.dt-sc-button, input[type="submit"], input[type="button"] { overflow: visible; /* remove padding from left/right */ width:auto !important; } /*----*****---- << Blockquote >> ----*****----*/ blockquote.type2 { border-top:3px solid; border-left:0px; } blockquote.type2:before { top:0px; bottom:inherit; left:0px; right:0px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid; } blockquote.type3 { border:none; background:none; text-align:center; padding:0px; } blockquote.type3 q { font-size:18px; font-style:italic; line-height:32px; color:#c9c9c9; } blockquote.type3:before { background:none; border:none; } blockquote.type3 cite { font-size:14px; font-style:normal; font-weight:bold; } blockquote.green, blockquote.type2.green { border-color:#7aa127; } blockquote.blue, blockquote.type2.blue { border-color:#0390b2; } blockquote.ocean, blockquote.type2.ocean { border-color:#1abc9c; } blockquote.orange, blockquote.type2.orange { border-color:#f39d12; } blockquote.pink, blockquote.type2.pink { border-color:#e67fb9; } blockquote.purple, blockquote.type2.purple { border-color:#9c59b6; } blockquote.red, blockquote.type2.red { border-color:#e74d3c; } blockquote.slateblue, blockquote.type2.slateblue { border-color:#836fff; } blockquote.skyblue, blockquote.type2.skyblue { border-color:#00bfff; } blockquote.coral, blockquote.type2.coral { border-color:#ff7f50; } blockquote.khaki, blockquote.type2.khaki { border-color:#b6af55; } blockquote.cyan, blockquote.type2.cyan { border-color:#00cdcd; } blockquote.grey, blockquote.type2.grey { border-color:#8e8e8e; } blockquote.gold, blockquote.type2.gold { border-color:#e0a81c; } blockquote.chocolate, blockquote.type2.chocolate { border-color:#cd661d; } blockquote.raspberry, blockquote.type2.raspberry { border-color:#a23b6f; } blockquote.electricblue, blockquote.type2.electricblue { border-color:#536878; } blockquote.eggplant, blockquote.type2.eggplant { border-color:#614051; } blockquote.ferngreen, blockquote.type2.ferngreen { border-color:#4f7942; } blockquote.palebrown, blockquote.type2.palebrown { border-color:#987654; } blockquote.type2.green:before { border-top-color:#7aa127; } blockquote.type2.blue:before { border-top-color:#0390b2; } blockquote.type2.ocean:before { border-top-color:#1abc9c; } blockquote.type2.orange:before { border-top-color:#f39d12; } blockquote.type2.pink:before { border-top-color:#e67fb9; } blockquote.type2.purple:before { border-top-color:#9c59b6; } blockquote.type2.red:before { border-top-color:#e74d3c; } blockquote.type2.slateblue:before { border-top-color:#836fff; } blockquote.type2.skyblue:before { border-top-color:#00bfff; } blockquote.type2.coral:before { border-top-color:#ff7f50; } blockquote.type2.khaki:before { border-top-color:#b6af55; } blockquote.type2.cyan:before { border-top-color:#00cdcd; } blockquote.type2.grey:before { border-top-color:#8e8e8e; } blockquote.type2.gold:before { border-top-color:#e0a81c; } blockquote.type2.chocolate:before { border-top-color:#cd661d; } blockquote.type2.raspberry:before { border-top-color:#a23b6f; } blockquote.type2.electricblue:before { border-top-color:#536878; } blockquote.type2.eggplant:before { border-top-color:#614051; } blockquote.type2.ferngreen:before { border-top-color:#4f7942; } blockquote.type2.palebrown:before { border-top-color:#987654; } blockquote.type3.green q { color:#7aa127; } blockquote.type3.blue q { color:#0390b2; } blockquote.type3.ocean q { color:#1abc9c; } blockquote.type3.orange q { color:#f39d12; } blockquote.type3.pink q { color:#e67fb9; } blockquote.type3.purple q { color:#9c59b6; } blockquote.type3.red q { color:#e74d3c; } blockquote.type3.slateblue q { color:#836fff; } blockquote.type3.skyblue q { color:#00bfff; } blockquote.type3.coral q { color:#ff7f50; } blockquote.type3.khaki q { color:#b6af55; } blockquote.type3.cyan q { color:#00cdcd; } blockquote.type3.grey q { color:#8e8e8e; } blockquote.type3.gold q { color:#e0a81c; } blockquote.type3.chocolate q { color:#cd661d; } blockquote.type3.raspberry q { color:#a23b6f; } blockquote.type3.electricblue q { color:#536878; } blockquote.type3.eggplant q { color:#614051; } blockquote.type3.ferngreen q { color:#4f7942; } blockquote.type3.palebrown q { color:#987654; } /*----*****---- << Pullquotes >> ----*****----*/ .dt-sc-pullquote1, .dt-sc-pullquote2, .dt-sc-pullquote3, .dt-sc-pullquote4, .dt-sc-pullquote5, .dt-sc-pullquote6 { display:inline-block; margin-bottom:20px; margin-right:4%; margin-top:20px; width:40%; } .dt-sc-pullquote1, .dt-sc-pullquote2, .dt-sc-pullquote3, .dt-sc-pullquote4, .dt-sc-pullquote5, .dt-sc-pullquote6 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; letter-spacing: -0.5px; line-height:30px; } .dt-sc-pullquote1 { border-left: 3px solid #d9d9d9; background: #f5f5f5; letter-spacing: 0; line-height: 25px; padding :15px; width: 36%; } .dt-sc-pullquote2 { background: #f5f5f5; border:1px solid #fff; box-shadow:0 0 5px #d0d0d0; padding:19px; } .dt-sc-pullquote3 { background: #f5f5f5; border-bottom: 2px dotted #d9d9d9; border-top: 2px dotted #d9d9d9; padding: 19px; } .dt-sc-pullquote4 { border-bottom: 4px double #d9d9d9; border-top: 4px double #d9d9d9; margin-top: 20px; padding: 10px 0; } .dt-sc-pullquote5 { border-left: 3px solid; letter-spacing: 0; line-height: 25px; padding: 5px 5px 5px 15px; width: 36%; } .dt-sc-pullquote6 { background: #f5f5f5; border-top: 3px solid; letter-spacing: 0; line-height: 25px; padding: 15px; width: 36%; } .quotes:before { content: open-quote; display: inline; font-size: 150%; font-weight: bold; margin-right: 5px; vertical-align: middle; } .quotes:after { content: close-quote; display: inline; font-size: 150%; font-weight :bold; margin-left: 5px; vertical-align: middle; } .dt-sc-pullquote1.aligncenter, .dt-sc-pullquote2.aligncenter, .dt-sc-pullquote3.aligncenter, .dt-sc-pullquote4.aligncenter, .dt-sc-pullquote5.aligncenter, .dt-sc-pullquote6.aligncenter { display:block; float:none; text-align:center; width:auto; } .dt-sc-pullquote1.alignleft, .dt-sc-pullquote1.aligncenter { margin-left:2px; } .dt-sc-pullquote1.alignright, .dt-sc-pullquote1.aligncenter { margin-right:2px; } /*----*****---- << Pricing Table >> ----*****----*/ .dt-sc-pricing-table { float: left; margin: 30px 0 20px; padding: 0; width:100%; } .dt-sc-pr-tb-col { background:#fafafa; border:5px solid #f0f0f0; margin: 0; position:relative; padding:0px; text-align:center; width:100%; transition:box-shadow 0.2s ease-out; -webkit-transition:-webkit-box-shadow 0.2s ease-out; -moz-transition:-moz-box-shadow 0.2s ease-out; -o-transition:-o-box-shadow 0.2s ease-out; } .dt-sc-pricing-table .dt-sc-tb-header, .dt-sc-pricing-table .dt-sc-tb-content { float: left; width: 100%; } .dt-sc-tb-title h5 { font-size:24px; line-height:normal; margin-bottom: 0; padding:20px; text-transform: capitalize; } .dt-sc-price { margin:0px -5px; padding:20px 20px 15px; display:block; font-size:48px; font-weight:bold; color: #fff; } .dt-sc-price span { font-size:18px; margin-left: -8px; } .dt-sc-tb-content { border-bottom:1px solid #dfdfdf; list-style-type:none; margin:0px; } .dt-sc-tb-content li { background:#fafafa; font-size:14px; color:#181818; border-top:1px solid #dfdfdf; border-bottom:1px solid #ffffff; padding:14px 10px; } .dt-sc-pr-tb-col .dt-sc-buy-now { display: inline-block; margin:0; padding:20px; } .dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button { color:#fff; margin:0px; } .dt-sc-pr-tb-col .dt-sc-buy-now .dt-sc-button { padding: 11px 30px; } .dt-sc-pr-tb-col, .dt-sc-price, .dt-sc-tb-title h5, .dt-sc-pricing-table.type2 .dt-sc-tb-body, .dt-sc-pr-tb-col .dt-sc-buy-now { transition:all 300ms linear; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; } .dt-sc-pr-tb-col.selected, .dt-sc-pr-tb-col:hover { margin-top: -25px; z-index:10; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); } .dt-sc-pr-tb-col:hover { z-index:100; } .dt-sc-pr-tb-col.selected .dt-sc-tb-title h5, .dt-sc-pr-tb-col:hover .dt-sc-tb-title h5, .dt-sc-pr-tb-col.selected .dt-sc-buy-now, .dt-sc-pr-tb-col:hover .dt-sc-buy-now { padding:25px 20px; } .dt-sc-pr-tb-col.selected .dt-sc-price { font-size: 60px; } .dt-sc-pr-tb-col.selected .dt-sc-price, .dt-sc-pr-tb-col.selected:hover .dt-sc-price { padding: 35px 20px 25px; } .dt-sc-pr-tb-col:hover .dt-sc-price { padding: 35px 20px 30px; } .dt-sc-pr-tb-col.selected .dt-sc-buy-now .dt-sc-button { color: #fff; } .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col { border: 2px solid #f0f0f0; } .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col.selected, .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col:hover { margin-top: -6px; } .dt-sc-pricing-table.type2 .dt-sc-tb-header .dt-sc-tb-thumb { display: inline-block; float:left; position: relative; width: 100%; } .dt-sc-pricing-table.type2 .dt-sc-tb-header .dt-sc-tb-thumb > img { float: left; position: relative; width: 100%; z-index: 9; } .dt-sc-pricing-table.type2 .dt-sc-tb-header .dt-sc-tb-thumb .dt-sc-tb-title { background: rgba(255, 255, 255, 0.75); bottom: 0; display: inline-block; left: 0; opacity: 0.9; padding: 15px 0; position: absolute; width: 100%; z-index: 9; } .dt-sc-pricing-table.type2 .dt-sc-tb-title h5 { padding: 0; } .dt-sc-pricing-table.type2 .dt-sc-tb-body { border-top: 2px solid #f0f0f0; display: inline-block; width: 100%; } .dt-sc-pricing-table.type2 .dt-sc-price-wrapper { border: 5px solid; display: block; height: 154px; line-height: 154px; margin: 12px auto 0; width: 154px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .dt-sc-pricing-table.type2 .dt-sc-price { float: left; height: auto; line-height: normal; margin: 0; padding: 20px 0 15px; position: relative; top: 0; width: 100%; transform: translateY(-8%); -webkit-transform: translateY(-8%); -moz-transform: translateY(-8%); -ms-transform: translateY(-8%); -o-transform: translateY(-8%); } .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col .dt-sc-price, .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col.selected .dt-sc-price { font-size: 46px; } .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col .dt-sc-price span { font-size: 14px; line-height: 18px; } .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col .dt-sc-price .ico-border { margin: 0 auto -18px; } .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col .dt-sc-price .ico-border:before, .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col .dt-sc-price .ico-border:after { height: 1px; top: 10px; } .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col .dt-sc-price, .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col:hover .dt-sc-price, .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col.selected .dt-sc-price { padding: 0; } .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col .dt-sc-price:after { content: ""; height: 1px; margin: 0 auto; opacity: 0.15; filter: alpha(opacity=15); position: absolute; bottom: -8px; left: 0; right: 0; width: 75%; } .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col .dt-sc-price:after, .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col .dt-sc-price .ico-border:before, .dt-sc-pricing-table.type2 .dt-sc-pr-tb-col .dt-sc-price .ico-border:after { background: rgba(255, 255, 255, 0.95); } .dt-sc-pricing-table.type2 .dt-sc-tb-content li:first-child { border-top: none; } .dt-sc-pricing-table.no-space .column { margin-left:0px; } .dt-sc-pricing-table.no-space .dt-sc-one-fourth { width:25%; } .dt-sc-pricing-table.no-space .dt-sc-one-third { width:33.3%; } .dt-sc-pricing-table.no-space .dt-sc-one-half { width:50%; } .dt-sc-pricing-table.no-space .dt-sc-one-fifth { width:20%; } .dt-sc-pricing-table.no-space .dt-sc-one-sixth { width:16.6%; } .dt-sc-pricing-table.no-space .dt-sc-three-fourth { width:75%; } .dt-sc-pricing-table.no-space .dt-sc-two-third { width:66.6%; } .dt-sc-pricing-table.no-space .dt-sc-four-fifth { width:80%; } .dt-sc-pricing-table.no-space .dt-sc-three-fifth { width:60%; } .dt-sc-pricing-table.no-space .dt-sc-two-fifth { width:40%; } .dt-sc-pricing-table.no-space .dt-sc-two-sixth { width:33.2%; } .dt-sc-pricing-table.no-space .dt-sc-three-sixth { width:49.8%; } .dt-sc-pricing-table.no-space .dt-sc-four-sixth { width:66.4%; } .dt-sc-pricing-table.no-space .dt-sc-five-sixth { width:83%; } /*----*****---- << Horizontal Tabs >> ----*****----*/ .dt-sc-tabs-container { float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both; } ul.dt-sc-tabs-frame { float:left; margin:0px 0px 0px 2%; padding:0px; width:98%; } ul.dt-sc-tabs-frame li { border-top:3px solid #808080; float:left; display:inline; margin:0px 10px 0px 0px; padding:0px; } ul.dt-sc-tabs-frame li a { border-style: solid; border-width:0 1px; border-color: #d9d9d9; float:left; margin:0px; padding:0px 10px; background:#ededed; text-align:center; /*font-weight:bold;*/ color:#333334; line-height:40px; } ul.dt-sc-tabs-frame li a.current { background: #fff; color:#333334; border-bottom:0px; position:relative; z-index:1; } .dt-sc-tabs-frame-content { background:#ffffff; border:1px solid #d9d9d9; float:left; clear:both; width:92%; margin:-1px 0px 0px; padding:20px 4% 20px; } /*----*****---- << Vertical Tabs >> ----*****----*/ .dt-sc-tabs-vertical-container { clear: both; float: left; margin: 0 0 20px; padding: 0; width: 100%; } ul.dt-sc-tabs-vertical-frame { background-color: rgba(237,237,237,0.025); background-image:url(../images/bg-vertical-tabs.png); background-position: right center; background-repeat: no-repeat; background-size: 100% 100%; float: left; margin: -40px 0 0; padding: 40px 0; position: relative; width: 30%; } ul.dt-sc-tabs-vertical-frame li { display: block; margin: 0; padding: 0 30px 0 0; position: relative; text-align: right; } ul.dt-sc-tabs-vertical-frame li.current span { content:""; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent #efefef; height: 0; margin: auto; position: absolute; bottom: 0; right: -9px; top: 0; width: 0; z-index: 99; } ul.dt-sc-tabs-vertical-frame li a { border-top: 1px solid #fff; border-bottom: 1px solid #dbdbdb; color: #333334; display: block; font-weight:bold; margin: 0; padding: 15px 30px 15px 0; position: relative; } ul.dt-sc-tabs-vertical-frame li:first-child a { border-top: none; } ul.dt-sc-tabs-vertical-frame li:last-child a { border-bottom: none; } .dt-sc-tabs-vertical-frame-content { background:#ffffff; float:left; margin:-1px 0px 0px; padding: 20px 0 20px 4%; position: relative; width: 63%; } .dt-sc-tabs-vertical-frame-content h4 { text-transform:none; } .dt-sc-tabs-vertical-frame-content img { width: 25%; } .dt-sc-tabs-vertical-frame-content .dt-sc-specials-list { margin: 20px 0 0; width: 71.5%; } /*----*****---- << Tooltip >> ----*****----*/ .dt-sc-boxed-tooltip { background:#ededed; color:#333334; display:inline-block; margin:10px 0px 0px; padding:10px 20px; text-align:center; } .dt-sc-boxed-tooltip:hover { background:#333334; color: #fff; } #tiptip_holder { display:none; position:absolute; top:0; left: 0; text-align: center; 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; } .tip_bottom #tiptip_content { box-shadow: inset 0px -1px 0px 0px #d9d9d9; -webkit-box-shadow:inset 0px -1px 0px 0px #d9d9d9; -moz-box-shadow:inset 0px -1px 0px 0px #d9d9d9; } #tiptip_content { padding:8px 10px; color:#fff; font-size:12px; background:rgba(0, 0, 0, 0.8); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #tiptip_arrow, #tiptip_arrow_inner { position:absolute; border-color:transparent; border-style:solid; border-width:6px; height:0; mwidth:0; opacity:0.85; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color:#000000; } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color:#000000; } #tiptip_holder.tip_right #tiptip_arrow { border-right-color:#000000; } #tiptip_holder.tip_left #tiptip_arrow { border-left-color:#000000; } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top:-7px; margin-left:-6px; } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top:-5px; margin-left:-6px; } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top:-6px; margin-left:-5px; } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top:-6px; margin-left:-7px;} /*----*****---- << Toggle & Accordion >> ----*****----*/ .dt-sc-toggle-frame-set { float:left; width:100%; margin:0px; padding:0px; } .dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .dt-sc-toggle-frame h5.dt-sc-toggle { clear:both; margin:0px; background:#f5f5f5; } .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .dt-sc-toggle-frame h5.dt-sc-toggle a { font-size:14px; color:#333334; display:block; padding:0px 15px 0px 60px; } .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a, .dt-sc-toggle-frame h5.dt-sc-toggle.active a { color:#333334; } h5.dt-sc-toggle, h5.dt-sc-toggle-accordion { font-size:16px; line-height:40px; clear:both; position:relative; padding-left:55px; margin-bottom:5px; color:#333334; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; } h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before { width:40px; height:40px; text-align:center; position:absolute; top:0px; left:0px; content:""; background-image: url(../images/toggle-icon.png); background-position: bottom left; background-repeat: no-repeat; } h5.dt-sc-toggle.active:before, h5.dt-sc-toggle-accordion.active:before { background-position:top left; } .dt-sc-toggle-frame h5.dt-sc-toggle a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a { padding:12px 15px 11px 20px; border-left:40px solid; line-height:normal; } .dt-sc-toggle-frame h5.dt-sc-toggle, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion { padding:0px; } .dt-sc-toggle-content { clear:both; padding:10px 0 15px; display:none; } .dt-sc-toggle-frame { margin-bottom:10px; } .dt-sc-toggle-frame .dt-sc-toggle-content { background:#f5f5f5; margin:0px; width:100%; padding:0px; } .dt-sc-toggle-frame .dt-sc-toggle-content .block { padding:5px 10px 25px 20px; border-left:40px solid #ededed; } .faq h5.dt-sc-toggle-accordion { padding:0px 0px 0px 42px; margin-bottom:13px; line-height:35px; } .faq h5.dt-sc-toggle-accordion:before { font-family:'Lato', sans-serif; content:'?'; background:#333334; width:27px; height:27px; text-align:center; line-height:27px; color: #fff; border:3px solid #d9d9d9; border-radius:27px; } .faq h5.dt-sc-toggle-accordion.active:before { content:'?'; } .faq .dt-sc-toggle-content { padding:0px 0px 10px; margin-left:42px; } /*----*****---- << Lists >> ----*****----*/ ul.dt-sc-fancy-list { list-style-type:none; list-style-position:outside; margin-bottom: 10px; } ul.dt-sc-fancy-list li { display:block; position:relative; padding-left: 18px; line-height:24px; } ul.dt-sc-fancy-list li ul { padding-left:0px; } ul.dt-sc-fancy-list.type2 li { line-height: 30px; padding: 0; } ul.dt-sc-fancy-list.type2 li .fa { margin-right: 18px; } ul.dt-sc-fancy-list.arrow li { padding-left:15px; } ul.dt-sc-fancy-list li:before { font-family:FontAwesome; font-style:normal; color:#808080; font-weight:normal; text-decoration:inherit; font-size:14px; position:absolute; top: 0; left:0; } ul.dt-sc-fancy-list.arrow li:before { content:"\f105"; } ul.dt-sc-fancy-list.rounded-arrow li:before { content:"\f0a9"; } ul.dt-sc-fancy-list.double-arrow li:before { content:"\f101"; } ul.dt-sc-fancy-list.heart li:before { content:"\f004"; font-size:12px; } ul.dt-sc-fancy-list.trash li:before { content:"\f014"; } ul.dt-sc-fancy-list.star li:before { content:"\f005"; } ul.dt-sc-fancy-list.tick li:before { content:"\f00c"; } ul.dt-sc-fancy-list.rounded-tick li:before { content:"\f058"; } ul.dt-sc-fancy-list.cross li:before { content:"\f00d"; } ul.dt-sc-fancy-list.rounded-cross li:before { content:"\f057"; } ul.dt-sc-fancy-list.rounded-question li:before { content:"\f059"; } ul.dt-sc-fancy-list.rounded-info li:before { content:"\f05a"; } ul.dt-sc-fancy-list.delete li:before { content:"\f05e"; } ul.dt-sc-fancy-list.warning li:before { content:"\f071"; } ul.dt-sc-fancy-list.comment li:before { content:"\f075"; } ul.dt-sc-fancy-list.edit li:before { content:"\f044"; } ul.dt-sc-fancy-list.share li:before { content:"\f064"; } ul.dt-sc-fancy-list.plus li:before { content:"\f067"; } ul.dt-sc-fancy-list.rounded-plus li:before { content:"\f055"; } ul.dt-sc-fancy-list.minus li:before { content:"\f068"; } ul.dt-sc-fancy-list.rounded-minus li:before { content:"\f056"; } ul.dt-sc-fancy-list.asterisk li:before { content:"\f069"; } ul.dt-sc-fancy-list.cart li:before { content:"\f07a"; } ul.dt-sc-fancy-list.folder li:before { content:"\f07b"; } ul.dt-sc-fancy-list.folder-open li:before { content:"\f07c"; } ul.dt-sc-fancy-list.desktop li:before { content:"\f108"; } ul.dt-sc-fancy-list.tablet li:before { content:"\f10a"; } ul.dt-sc-fancy-list.mobile li:before { content:"\f10b"; } ul.dt-sc-fancy-list.reply li:before { content:"\f112"; } ul.dt-sc-fancy-list.quote li:before { content:"\f10d"; } ul.dt-sc-fancy-list.mail li:before { content:"\f0e0"; } ul.dt-sc-fancy-list.external-link li:before { content:"\f08e"; } ul.dt-sc-fancy-list.adjust li:before { content:"\f042"; } ul.dt-sc-fancy-list.pencil li:before { content:"\f040"; } ul.dt-sc-fancy-list.print li:before { content:"\f02f"; } ul.dt-sc-fancy-list.tag li:before { content:"\f02b"; } ul.dt-sc-fancy-list.thumbs-up li:before { content:"\f088"; } ul.dt-sc-fancy-list.thumbs-down li:before { content:"\f087"; } ul.dt-sc-fancy-list.time li:before { content:"\f017"; } ul.dt-sc-fancy-list.globe li:before { content:"\f0ac"; } ul.dt-sc-fancy-list.pushpin li:before { content:"\f08d"; } ul.dt-sc-fancy-list.map-marker li:before { content:"\f041"; } ul.dt-sc-fancy-list.link li:before { content:"\f0c1"; } ul.dt-sc-fancy-list.paper-clip li:before { content:"\f0c6"; } ul.dt-sc-fancy-list.download li:before { content:"\f019"; } ul.dt-sc-fancy-list.key li:before { content:"\f084"; } ul.dt-sc-fancy-list.search li:before { content:"\f002"; } ul.dt-sc-fancy-list.rss li:before { content:"\f09e"; } ul.dt-sc-fancy-list.twitter li:before { content:"\f099"; } ul.dt-sc-fancy-list.facebook li:before { content:"\f09a"; } ul.dt-sc-fancy-list.linkedin li:before { content:"\f0e1"; } ul.dt-sc-fancy-list.google-plus li:before { content:"\f0d5"; } ul.dt-sc-fancy-list.check li:before { content:"\f046"; } ul.dt-sc-fancy-list.hand li:before { content:"\f0a4"; } ul.dt-sc-fancy-list.cog li:before { content:"\f013"; } ul.dt-sc-fancy-list.play li:before { content:"\f01d"; } ul.dt-sc-fancy-list.caret-right li:before { content:"\f0da"; font-size: 16px; } ul.dt-sc-fancy-list.green li:before { color:#7aa127; } ul.dt-sc-fancy-list.orange li:before { color:#f39d12; } ul.dt-sc-fancy-list.blue li:before { color:#0390b2; } ul.dt-sc-fancy-list.pink li:before { color:#e67fb9; } ul.dt-sc-fancy-list.red li:before { color:#e74d3c; } ul.dt-sc-fancy-list.purple li:before { color:#9c59b6; } ul.dt-sc-fancy-list.ocean li:before { color:#1abc9c; } ul.dt-sc-fancy-list.slateblue li:before { color:#836fff; } ul.dt-sc-fancy-list.skyblue li:before { color:#00bfff; } ul.dt-sc-fancy-list.coral li:before { color:#ff7f50; } ul.dt-sc-fancy-list.khaki li:before { color:#b6af55; } ul.dt-sc-fancy-list.cyan li:before { color:#00cdcd; } ul.dt-sc-fancy-list.grey li:before { color:#8e8e8e; } ul.dt-sc-fancy-list.gold li:before { color:#e0a81c; } ul.dt-sc-fancy-list.chocolate li:before { color:#cd661d; } ul.dt-sc-fancy-list.raspberry li:before { color:#a23b6f; } ul.dt-sc-fancy-list.electricblue li:before { color:#536878; } ul.dt-sc-fancy-list.eggplant li:before { color:#614051; } ul.dt-sc-fancy-list.ferngreen li:before { color:#4f7942; } ul.dt-sc-fancy-list.palebrown li:before { color:#987654; } ol.dt-sc-fancy-list li span { color:#333334; } ol.decimal { list-style-type:decimal; } ol.decimal-leading-zero { list-style-type:decimal-leading-zero; } ol.lower-alpha { list-style-type:lower-alpha; } ol.lower-roman { list-style-type:lower-roman; } ol.upper-alpha { list-style-type:upper-alpha; } ol.upper-roman { list-style-type:upper-roman; } ol.dt-sc-fancy-list.green li { color:#7aa127; } ol.dt-sc-fancy-list.orange li { color:#f39d12; } ol.dt-sc-fancy-list.blue li { color:#0390b2; } ol.dt-sc-fancy-list.pink li { color:#e67fb9; } ol.dt-sc-fancy-list.red li { color:#e74d3c; } ol.dt-sc-fancy-list.purple li { color:#9c59b6; } ol.dt-sc-fancy-list.ocean li { color:#1abc9c; } ol.dt-sc-fancy-list.slateblue li { color:#836fff; } ol.dt-sc-fancy-list.skyblue li { color:#00bfff; } ol.dt-sc-fancy-list.coral li { color:#ff7f50; } ol.dt-sc-fancy-list.khaki li { color:#b6af55; } ol.dt-sc-fancy-list.cyan li { color:#00cdcd; } ol.dt-sc-fancy-list.grey li { color:#8e8e8e; } ol.dt-sc-fancy-list.gold li { color:#e0a81c; } ol.dt-sc-fancy-list.chocolate li { color:#cd661d; } ol.dt-sc-fancy-list.raspberry li { color:#a23b6f; } ol.dt-sc-fancy-list.electricblue li { color:#536878; } ol.dt-sc-fancy-list.eggplant li { color:#614051; } ol.dt-sc-fancy-list.ferngreen li { color:#4f7942; } ol.dt-sc-fancy-list.palebrown li { color:#987654; } /*----*****---- << Titled Boxes >> ----*****----*/ .dt-sc-titled-box, .dt-sc-titled-box.type2 { margin-bottom:20px; width:100%; clear:both; } .dt-sc-titled-box h6.dt-sc-titled-box-title { font-size:16px; font-weight:bold; padding:10px 15px; text-shadow:none; margin:0px; } .dt-sc-titled-box h6.dt-sc-titled-box-title span { font-size:16px; margin-right:5px; } .dt-sc-titled-box-content { padding:15px 15px 20px; background:#f5f5f5; border:1px solid #ededed; border-top:0px; } .dt-sc-titled-box.type2 .dt-sc-titled-box-content { background: #fff; } .dt-sc-titled-box h6.dt-sc-titled-box-title { color:#ffffff; } .dt-sc-titled-box.green h6.dt-sc-titled-box-title { background:#7aa127; } .dt-sc-titled-box.blue h6.dt-sc-titled-box-title { background:#0390b2; } .dt-sc-titled-box.ocean h6.dt-sc-titled-box-title { background:#1abc9c; } .dt-sc-titled-box.orange h6.dt-sc-titled-box-title { background:#f39d12; } .dt-sc-titled-box.pink h6.dt-sc-titled-box-title { background:#e67fb9; } .dt-sc-titled-box.purple h6.dt-sc-titled-box-title { background:#9c59b6; } .dt-sc-titled-box.red h6.dt-sc-titled-box-title { background:#e74d3c; } .dt-sc-titled-box.slateblue h6.dt-sc-titled-box-title { background:#836fff; } .dt-sc-titled-box.skyblue h6.dt-sc-titled-box-title { background:#00bfff; } .dt-sc-titled-box.coral h6.dt-sc-titled-box-title { background:#ff7f50; } .dt-sc-titled-box.khaki h6.dt-sc-titled-box-title { background:#b6af55; } .dt-sc-titled-box.cyan h6.dt-sc-titled-box-title { background:#00cdcd; } .dt-sc-titled-box.grey h6.dt-sc-titled-box-title { background:#8e8e8e; } .dt-sc-titled-box.gold h6.dt-sc-titled-box-title { background:#e0a81c; } .dt-sc-titled-box.chocolate h6.dt-sc-titled-box-title { background:#cd661d; } .dt-sc-titled-box.raspberry h6.dt-sc-titled-box-title { background:#a23b6f; } .dt-sc-titled-box.electricblue h6.dt-sc-titled-box-title { background:#536878; } .dt-sc-titled-box.eggplant h6.dt-sc-titled-box-title { background:#614051; } .dt-sc-titled-box.ferngreen h6.dt-sc-titled-box-title { background:#4f7942; } .dt-sc-titled-box.palebrown h6.dt-sc-titled-box-title { background:#987654; } /*----*****---- << Alert Boxes >> ----*****----*/ .dt-sc-error-box, .dt-sc-warning-box, .dt-sc-success-box, .dt-sc-info-box { margin-bottom:20px; padding:15px 15px 15px 35px; clear:both; } .dt-sc-error-box a, .dt-sc-warning-box a, .dt-sc-success-box a, .dt-sc-info-box a { text-decoration:underline; } .dt-sc-error-box { background:#ffcccc; border:1px solid #ff9999; color:#d01313; position:relative; } .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top:13px; left:10px; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:20px; position:absolute; } .dt-sc-error-box:before { content:"\f057"; color:#C54228; } .dt-sc-warning-box { background:#fdebae; border:1px solid #e6c555; color:#c79d13; position:relative; } .dt-sc-warning-box:before { content:"\f06a"; color:#e2b828; } .dt-sc-success-box { background:#eafac0; border:1px solid #b1cf67; color:#7ba411; position:relative; } .dt-sc-success-box:before { content:"\f058"; color:#75b632; } .dt-sc-info-box { background:#bfe4f9; border:1px solid #68a2cf; color:#2081b9; position:relative; } .dt-sc-info-box:before { content:"\f05a"; color:#008bc1; } .dt-sc-error-box a { color:#d01313; } .dt-sc-warning-box a { color:#c79d13; } .dt-sc-success-box a { color:#7ba411; } .dt-sc-info-box a { color:#2081b9; } /*----*****---- << Progress Bar >> ----*****----*/ .dt-sc-dropcap { font-size:24px; float:left; margin:10px 0px 10px 0px; text-align:center; color: #fff; line-height:35px; } .dt-sc-dropcap.dt-sc-dropcap-default { font-size:48px; width:58px; } .dt-sc-dropcap.dt-sc-dropcap-circle { width:40px; height:40px; line-height:38px; margin:5px 10px 0px 0px; padding:0px; border-radius:30px 30px 30px 30px; -webkit-border-radius:30px 30px 30px 30px; -moz-border-radius:30px 30px 30px 30px; -ms-border-radius:30px 30px 30px 30px; -o-border-radius:30px 30px 30px 30px; behavior:url(PIE.htc); } .dt-sc-dropcap.dt-sc-dropcap-bordered-circle { width:38px; height:38px; line-height:36px; margin:5px 10px 0 0; padding:0px; text-align:center; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); border-radius:30px 30px 30px 30px; behavior:url(PIE.htc); } .dt-sc-dropcap.dt-sc-dropcap-square { width:40px; height:40px; line-height:38px; text-align:center; margin:5px 10px 0px 0px; padding:0px; } .dt-sc-dropcap.dt-sc-dropcap-bordered-square { box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); width:38px; height:38px; text-align:center; margin:5px 10px 0px 0px; padding:0px; line-height:36px; } .dt-sc-dropcap.dt-sc-dropcap-default { color:#333334;} .dt-sc-dropcap.dt-sc-dropcap-circle { background:#333334; } .dt-sc-dropcap.dt-sc-dropcap-bordered-circle { background:#333334; border:2px solid #FFFFFF; } .dt-sc-dropcap.dt-sc-dropcap-square { background:#333334; } .dt-sc-dropcap.dt-sc-dropcap-bordered-square { background:#333334; border:2px solid #FFFFFF; } .dt-sc-dropcap.dt-sc-dropcap-default.green { color:#7aa127; } .dt-sc-dropcap.dt-sc-dropcap-default.orange { color:#f39d12; } .dt-sc-dropcap.dt-sc-dropcap-default.blue { color:#0390b2; } .dt-sc-dropcap.dt-sc-dropcap-default.pink { color:#e67fb9; } .dt-sc-dropcap.dt-sc-dropcap-default.red { color:#e74d3c; } .dt-sc-dropcap.dt-sc-dropcap-default.purple { color:#9c59b6; } .dt-sc-dropcap.dt-sc-dropcap-default.ocean { color:#1abc9c; } .dt-sc-dropcap.dt-sc-dropcap-default.slateblue { color:#836fff; } .dt-sc-dropcap.dt-sc-dropcap-default.skyblue { color:#00bfff; } .dt-sc-dropcap.dt-sc-dropcap-default.coral { color:#ff7f50; } .dt-sc-dropcap.dt-sc-dropcap-default.khaki { color:#b6af55; } .dt-sc-dropcap.dt-sc-dropcap-default.cyan { color:#00cdcd; } .dt-sc-dropcap.dt-sc-dropcap-default.grey { color:#8e8e8e; } .dt-sc-dropcap.dt-sc-dropcap-default.gold { color:#e0a81c; } .dt-sc-dropcap.dt-sc-dropcap-default.chocolate { color:#cd661d; } .dt-sc-dropcap.dt-sc-dropcap-default.raspberry { color:#a23b6f; } .dt-sc-dropcap.dt-sc-dropcap-default.electricblue { color:#536878; } .dt-sc-dropcap.dt-sc-dropcap-default.eggplant { color:#614051; } .dt-sc-dropcap.dt-sc-dropcap-default.ferngreen { color:#4f7942; } .dt-sc-dropcap.dt-sc-dropcap-default.palebrown { color:#987654; } .dt-sc-dropcap-circle.green, .dt-sc-dropcap-bordered-circle.green, .dt-sc-dropcap-square.green, .dt-sc-dropcap-bordered-square.green { background:#7aa127; } .dt-sc-dropcap-circle.orange, .dt-sc-dropcap-bordered-circle.orange, .dt-sc-dropcap-square.orange, .dt-sc-dropcap-bordered-square.orange { background:#f39d12; } .dt-sc-dropcap-circle.blue, .dt-sc-dropcap-bordered-circle.blue, .dt-sc-dropcap-square.blue, .dt-sc-dropcap-bordered-square.blue { background:#0390b2; } .dt-sc-dropcap-circle.pink, .dt-sc-dropcap-bordered-circle.pink, .dt-sc-dropcap-square.pink, .dt-sc-dropcap-bordered-square.pink { background:#e67fb9; } .dt-sc-dropcap-circle.red, .dt-sc-dropcap-bordered-circle.red, .dt-sc-dropcap-square.red, .dt-sc-dropcap-bordered-square.red { background:#e74d3c; } .dt-sc-dropcap-circle.purple, .dt-sc-dropcap-bordered-circle.purple, .dt-sc-dropcap-square.purple, .dt-sc-dropcap-bordered-square.purple { background:#9c59b6; } .dt-sc-dropcap-circle.ocean, .dt-sc-dropcap-bordered-circle.ocean, .dt-sc-dropcap-square.ocean, .dt-sc-dropcap-bordered-square.ocean { background:#1abc9c; } .dt-sc-dropcap-circle.slateblue, .dt-sc-dropcap-bordered-circle.slateblue, .dt-sc-dropcap-square.slateblue, .dt-sc-dropcap-bordered-square.slateblue { background:#836fff; } .dt-sc-dropcap-circle.skyblue, .dt-sc-dropcap-bordered-circle.skyblue, .dt-sc-dropcap-square.skyblue, .dt-sc-dropcap-bordered-square.skyblue { background:#00bfff; } .dt-sc-dropcap-circle.coral, .dt-sc-dropcap-bordered-circle.coral, .dt-sc-dropcap-square.coral, .dt-sc-dropcap-bordered-square.coral { background:#ff7f50; } .dt-sc-dropcap-circle.khaki, .dt-sc-dropcap-bordered-circle.khaki, .dt-sc-dropcap-square.khaki, .dt-sc-dropcap-bordered-square.khaki { background:#b6af55; } .dt-sc-dropcap-circle.cyan, .dt-sc-dropcap-bordered-circle.cyan, .dt-sc-dropcap-square.cyan, .dt-sc-dropcap-bordered-square.cyan { background:#00cdcd; } .dt-sc-dropcap-circle.grey, .dt-sc-dropcap-bordered-circle.grey, .dt-sc-dropcap-square.grey, .dt-sc-dropcap-bordered-square.grey { background:#8e8e8e; } .dt-sc-dropcap-circle.gold, .dt-sc-dropcap-bordered-circle.gold, .dt-sc-dropcap-square.gold, .dt-sc-dropcap-bordered-square.gold { background:#e0a81c; } .dt-sc-dropcap-circle.chocolate, .dt-sc-dropcap-bordered-circle.chocolate, .dt-sc-dropcap-square.chocolate, .dt-sc-dropcap-bordered-square.chocolate { background:#cd661d; } .dt-sc-dropcap-circle.raspberry, .dt-sc-dropcap-bordered-circle.raspberry, .dt-sc-dropcap-square.raspberry, .dt-sc-dropcap-bordered-square.raspberry { background:#a23b6f; } .dt-sc-dropcap-circle.electricblue, .dt-sc-dropcap-bordered-circle.electricblue, .dt-sc-dropcap-square.electricblue, .dt-sc-dropcap-bordered-square.electricblue { background:#536878; } .dt-sc-dropcap-circle.eggplant, .dt-sc-dropcap-bordered-circle.eggplant, .dt-sc-dropcap-square.eggplant, .dt-sc-dropcap-bordered-square.eggplant { background:#614051; } .dt-sc-dropcap-circle.ferngreen, .dt-sc-dropcap-bordered-circle.ferngreen, .dt-sc-dropcap-square.ferngreen, .dt-sc-dropcap-bordered-square.ferngreen { background:#4f7942; } .dt-sc-dropcap-circle.palebrown, .dt-sc-dropcap-bordered-circle.palebrown, .dt-sc-dropcap-square.palebrown, .dt-sc-dropcap-bordered-square.palebrown { background:#987654; } /*----*****---- << Donutchart >> ----*****----*/ .dt-sc-donutchart { margin: 0 auto 25px; text-align: center; } h5.dt-sc-donutchart-title { font-size: 20px; margin-bottom: 35px; text-align: center; text-transform: uppercase; width: 100%; } .dt-sc-donutchart-small, .dt-sc-donutchart-medium, .dt-sc-donutchart-large { display: block; float: none; margin: 0 auto; text-align: center; } .dt-sc-donutchart-small { width: 100px; } .dt-sc-donutchart-medium { width: 200px; } .dt-sc-donutchart-large { width: 300px; } .donutchart-text { font-weight: normal !important; } .dt-sc-donutchart-small .donutchart-text { font-size: 14px !important; } .dt-sc-donutchart-medium .donutchart-text { font-size: 20px !important; } .dt-sc-donutchart-large .donutchart-text { font-size: 30px !important; } .dark-bg .donutchart-text { color: #fff; } /*----*****---- << Progress Bar >> ----*****----*/ .dt-sc-progress { background-color: #ededed; clear: both; display: block; height: 10px; margin-bottom: 10px; overflow: hidden; } .dt-sc-progress .dt-sc-bar { background-repeat: repeat-x; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; float: left; height: 100%; width: 0; transition: width 0.6s ease 0s; -webkit-transition: width 0.6s ease 0s; -moz-transition: width 0.6s ease 0s; -ms-transition: width 0.6s ease 0s; -o-transition: width 0.6s ease 0s; } .dt-sc-progress, .dt-sc-progress .dt-sc-bar { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .dt-sc-bar-text { color: #4a4a4a; font-size: 14px; line-height: 36px; text-transform: capitalize; } .dt-sc-bar-text span { display: block; float: right; } .dt-sc-progress .dt-sc-bar, .dt-sc-progress .dt-sc-bar + .dt-sc-bar { box-shadow: 1px 0 0 rgba(0, 0, 0, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset; -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset; -ms-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset; -o-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset; } .dt-sc-progress-striped .dt-sc-bar { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); 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: -moz-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: -o-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); -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; background-size: 20px 20px; } .dt-sc-progress.active .dt-sc-bar { animation: 2s linear 0s normal none infinite progress-bar-stripes; -webkit-animation: 2s linear 0s normal none infinite progress-bar-stripes; -moz-animation: 2s linear 0s normal none infinite progress-bar-stripes; -ms-animation: 2s linear 0s normal none infinite progress-bar-stripes; -o-animation: 2s linear 0s normal none infinite progress-bar-stripes; } @keyframes progress-bar-stripes { from { background-position: -20px 0; } to { background-position: 0 0; } } @-webkit-keyframes progress-bar-stripes { from { background-position: -20px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: -20px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: -20px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: -20px 0; } } /*----*****---- << Infographic Bars >> ----*****----*/ .dt-sc-infographic-bar { padding:0px 0px 0px 120px; display:block; margin:0px; position:relative; min-height:140px; clear:both; } .dt-sc-infographic-bar .fa { font-size:140px; position:absolute; left:0; top:0; right:0; width:120px; } .dt-sc-infographic-bar .dt-sc-bar-percentage { font-size:20px; font-weight:bold; color:#333334; position:relative; display:block; height:20px; margin-bottom:20px; } .dt-sc-infographic-bar .dt-sc-bar-percentage:after { border-bottom:1px solid #333334; bottom:0; content:""; left: 45px; right: 0; position: absolute; width: auto; } .dt-sc-infographic-bar .dt-sc-bar-percentage span { position:relative; top:8px; left:0px; display:inline-block; padding-right:5px; } .dt-sc-infographic-bar .dt-sc-progress { height: 42px; } .dt-sc-infographic-bar .dt-sc-progress-striped .dt-sc-bar { background-size: 40px 40px; -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -ms-background-size: 40px 40px; -o-background-size: 40px 40px; } /*----*****---- << Icon Boxes >> ----*****----*/ .dt-sc-ico-content { width:100%; margin:0px; padding:0px; } .dt-sc-ico-content.type1, .dt-sc-ico-content.type2, .dt-sc-ico-content.type4, .dt-sc-ico-content.type6 { text-align:center; } .dt-sc-ico-content.type1 .icon, .dt-sc-ico-content.type2 .icon, .dt-sc-ico-content.type4 .icon, .dt-sc-ico-content.type5 .icon, .dt-sc-ico-content.type6 .icon { display: inline-block; margin-bottom:15px; text-align:center; } .dt-sc-ico-content.type1 .icon, .dt-sc-ico-content.type2 .icon, .dt-sc-ico-content.type4 .icon { background:#ededed; border:5px solid #dcdcdc; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition:all 300ms linear; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -ms-transition:all 300ms linear; -o-transition:all 300ms linear; } .dt-sc-ico-content.type1 .icon span, .dt-sc-ico-content.type2 .icon span, .dt-sc-ico-content.type4 .icon span { color:#a5a5a5; display:inline-block; font-size:30px; } .dt-sc-ico-content.type1:hover .icon span, .dt-sc-ico-content.type2:hover .icon span, .dt-sc-ico-content.type3:hover .icon span, .dt-sc-ico-content.type4:hover .icon span { color:#fff; } .dt-sc-ico-content.type1 h5, .dt-sc-ico-content.type2 h5, .dt-sc-ico-content.type4 h5 { border-bottom:1px solid #ededed; padding:0px 0px 10px; text-transform:uppercase; } .dt-sc-ico-content.type1 h5 a:hover, .dt-sc-ico-content.type2 h5 a:hover, .dt-sc-ico-content.type4 h5 a:hover { color:#333334; } .dt-sc-ico-content.type2, .dt-sc-ico-content.type4 { background:#f5f5f5; margin-bottom:70px; padding:20px 2%; position:relative; width:96%; } .dt-sc-ico-content.type2 .icon { border: none; position: relative; z-index: 1; } .dt-sc-ico-content.type2 .icon span, .dt-sc-ico-content.type4 .icon span { background: none; } .dt-sc-ico-content.type2 h5, .dt-sc-ico-content.type4 h5 { border-color: #dcdcdc; } .dt-sc-ico-content.type4 .dt-sc-button { background: #808080; border: none; color: #fff; display: block; font-size: 12px; font-weight: bold; height: 40px; line-height: 40px; padding: 0; position: absolute; bottom: -40px; left: 0; text-transform: uppercase; width: 100%; } .dt-sc-ico-content.type3, .dt-sc-ico-content.type7 { margin-bottom: 10px; position: relative; width: auto; } .dt-sc-ico-content.type3 { padding: 0 0 25px 115px; } .dt-sc-ico-content.type7 { padding: 0 0 25px 65px; } .dt-sc-ico-content.type3 .icon, .dt-sc-ico-content.type7 .icon { display: inline-block; position: absolute; left: 0; } .dt-sc-ico-content.type3 .icon { top: -5px; } .dt-sc-ico-content.type7 .icon { top: -2px; } .dt-sc-ico-content.type3 .icon span, .dt-sc-ico-content.type7 .icon span { color: #fff; display: inline-block; font-size:30px; margin-bottom:15px; text-align:center; } .dt-sc-ico-content.type3 .icon span { border: 5px solid rgba(0,0,0,0); width: 90px; } .dt-sc-ico-content.type3 h5 { font-size: 16px; } .dt-sc-ico-content.type7 h5 { font-size: 14px; line-height: 26px; text-transform: uppercase; } .dt-sc-ico-content.type5 { text-align:center; } .dt-sc-ico-content.type5 .icon span { font-size:60px; } .dt-sc-ico-content.type5 h5 { font-size:16px; margin-bottom:10px; text-transform:uppercase; } .dt-sc-ico-content.type5 p { color:#808080; } .dt-sc-ico-content.type5:hover .icon span { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; } .dt-sc-ico-content.type6 .icon { background: none; cursor: pointer; height: 105px; overflow: hidden; position: relative; width: 105px; transform: translateZ(0px); -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); } .dt-sc-ico-content.type6 .icon span { bottom: 0; display: inline-block; font-size: 30px; height: 95px; left: 0; line-height: 95px; margin: auto; position: absolute; right: 0; top: 0; width: 95px; transform: scale(1) rotate(0deg) translate(0px); -webkit-transform: scale(1) rotate(0deg) translate(0px); -moz-transform: scale(1) rotate(0deg) translate(0px); -ms-transform: scale(1) rotate(0deg) translate(0px); -o-transform: scale(1) rotate(0deg) translate(0px); } .dt-sc-ico-content.type6 .icon .fa { border: 5px solid; } .dt-sc-ico-content.type6 .icon span img { display: inline-block; height: inherit; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; } .dt-sc-ico-content.type6 h3 { border-bottom: none; font-size: 24px; font-weight: normal; margin-bottom: 15px; padding: 0; } .dt-sc-ico-content.type6 .icon:before, .dt-sc-ico-content.type6 .icon:after { content: ""; height: inherit; left: 0; position: absolute; top: 0; width: inherit; box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset; -webkit-box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset; -moz-box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset; -ms-box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset; -o-box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset; } .dt-sc-ico-content.type6:hover .icon:before, .dt-sc-ico-content.type6:hover .icon:after { box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset, 0 5px 0 rgba(252, 150, 0, 0.5) inset, -5px 0 0 rgba(0, 255, 0, 0.5) inset, 0 -5px 0 rgba(0, 150, 255, 0.5) inset; -webkit-box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset, 0 5px 0 rgba(252, 150, 0, 0.5) inset, -5px 0 0 rgba(0, 255, 0, 0.5) inset, 0 -5px 0 rgba(0, 150, 255, 0.5) inset; -moz-box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset, 0 5px 0 rgba(252, 150, 0, 0.5) inset, -5px 0 0 rgba(0, 255, 0, 0.5) inset, 0 -5px 0 rgba(0, 150, 255, 0.5) inset; -ms-box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset, 0 5px 0 rgba(252, 150, 0, 0.5) inset, -5px 0 0 rgba(0, 255, 0, 0.5) inset, 0 -5px 0 rgba(0, 150, 255, 0.5) inset; -o-box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset, 0 5px 0 rgba(252, 150, 0, 0.5) inset, -5px 0 0 rgba(0, 255, 0, 0.5) inset, 0 -5px 0 rgba(0, 150, 255, 0.5) inset; } .dt-sc-ico-content.type6 .icon:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .dt-sc-ico-content.type6:hover .icon span { transform: scale(1.1) rotate(0deg) translate(0px); -webkit-transform: scale(1.1) rotate(0deg) translate(0px); -moz-transform: scale(1.1) rotate(0deg) translate(0px); -ms-transform: scale(1.1) rotate(0deg) translate(0px); -o-transform: scale(1.1) rotate(0deg) translate(0px); } .dt-sc-ico-content.type1 .icon, .dt-sc-ico-content.type2 .icon, .dt-sc-ico-content.type3 .icon, .dt-sc-ico-content.type4 .icon { height: 90px; width: 90px; } .dt-sc-ico-content.type1 .icon span, .dt-sc-ico-content.type2 .icon span, .dt-sc-ico-content.type3 .icon span, .dt-sc-ico-content.type4 .icon span { line-height:90px; } .dt-sc-ico-content.type1:hover .icon span, .dt-sc-ico-content.type2:hover .icon span, .dt-sc-ico-content.type3:hover .icon span, .dt-sc-ico-content.type4:hover .icon span { transform: scale(1) rotate(360deg) translate(0px); -moz-transform: scale(1) rotate(360deg) translate(0px); -webkit-transform: scale(1) rotate(360deg) translate(0px); -ms-transform: scale(1) rotate(360deg) translate(0px); -o-transform: scale(1) rotate(360deg) translate(0px); } .dt-sc-ico-content.type1 .icon span, .dt-sc-ico-content.type2 .icon span, .dt-sc-ico-content.type3 .icon span, .dt-sc-ico-content.type4 .icon span, .dt-sc-ico-content.type6 .icon, .dt-sc-ico-content.type6 .icon:before, .dt-sc-ico-content.type6 .icon:after, .dt-sc-ico-content.type6 .icon span, .dt-sc-ico-content.type6 .icon span img, .dt-sc-ico-content.type7 .icon { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; } .dt-sc-ico-content.type2 .icon:after { background: #e8e8e8; border-radius: 50%; content: ""; height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: -1; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; transition: transform 0.2s ease 0s, opacity 0.3s ease 0s; -webkit-transition: transform 0.2s ease 0s, opacity 0.3s ease 0s; -moz-transition: transform 0.2s ease 0s, opacity 0.3s ease 0s; -ms-transition: transform 0.2s ease 0s, opacity 0.3s ease 0s; -o-transition: transform 0.2s ease 0s, opacity 0.3s ease 0s; } .dt-sc-ico-content.type2:hover .icon:after { opacity: 0; filter: alpha(opacity=0); transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); } .dt-sc-ico-content.type7 { padding: 0 0 25px 70px; } .dt-sc-ico-content.type7 .icon { border: 1px solid; height: 50px; width: 50px; top: -2px; } .dt-sc-ico-content.type7 .icon span { border: none; height: 50px; line-height: 44px; width: 50px; } .dt-sc-ico-content.type7:hover .icon span { color: #fff; } /*----*****---- << Gifts & Cards >> ----*****----*/ .dt-sc-box-title { border: 1px solid; display: table; margin: 0 auto 60px; padding: 20px 10% ; text-align: center; width: auto; } .dt-sc-box-title h3 { color: #181818; line-height: 30px; margin: 0; } .dt-sc-box-title h3 span { color: #fff; display: inline-block; height: 42px; line-height: 42px; margin: 0 10px 0 0; width: 42px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .dt-sc-gift-cards { display: block; float: left; list-style-type: none; width: 100%; } .dt-sc-gift-cards .dt-sc-gift.product { background: #fff; border: 1px solid; display: block; float: left; text-align: center; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .dt-sc-gift-cards .dt-sc-gift.product:hover { border-color: rgba(0,0,0,0); } .dt-sc-gift-cards .dt-sc-gift.product .price { display: block; font-size: 24px; padding: 20px; } .dt-sc-gift-cards .dt-sc-gift.product .product-thumb { display: block; border-color: #f8f8f8; border-style: solid; border-width: 1px 0; float: left; height: auto; width: 100%; } .dt-sc-gift-cards .dt-sc-gift.product .product-thumb a { display: block; height: 100%; position: relative; width: 100%; } .dt-sc-gift-cards .dt-sc-gift.product .product-thumb a img { display: block; height: auto; max-height: 100%; width: 100%; } .dt-sc-gift-cards .dt-sc-gift.product .product-thumb a .img-overlay { display: inline-block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .dt-sc-gift-cards .dt-sc-gift.product .product-details { float: left; padding: 30px 0; width: 100%; } .dt-sc-gift-cards .dt-sc-gift.product h4 { font-size: 14px; margin-bottom: 10px; } .dt-sc-gift-cards .dt-sc-gift.product .product-details .dt-sc-button { border: none; padding: 10px 40px; transition: border-color 600ms linear 0s; -webkit-transition: border-color 600ms linear 0s; -moz-transition: border-color 600ms linear 0s; -ms-transition: border-color 600ms linear 0s; -o-transition: border-color 600ms linear 0s; } .dt-sc-gift-cards .dt-sc-gift.product .product-details .dt-sc-button:hover:after { height:0; } .dt-sc-gift-cards .dt-sc-gift.product:hover .price, .dt-sc-gift-cards .dt-sc-gift.product.selected .price, .dt-sc-gift-cards .dt-sc-gift.product:hover .product-details h4 a, .dt-sc-gift-cards .dt-sc-gift.product.selected .product-details h4 a, .dt-sc-gift-cards .dt-sc-gift.product:hover .product-details h4 a:hover, .dt-sc-gift-cards .dt-sc-gift.product.selected .product-details h4 a:hover { color: #fff; } .dt-sc-gift-cards .dt-sc-gift.product:hover .product-details .dt-sc-button, .dt-sc-gift-cards .dt-sc-gift.product.selected .product-details .dt-sc-button { background: #fff; } .dt-sc-gift-cards .dt-sc-gift.product:hover .product-thumb a .img-overlay, .dt-sc-gift-cards .dt-sc-gift.product.selected .product-thumb a .img-overlay { opacity: 1; } .dt-sc-gift-cards .dt-sc-gift.product, .dt-sc-gift-cards .dt-sc-gift.product .price, .dt-sc-gift-cards .dt-sc-gift.product .product-thumb, .dt-sc-gift-cards .dt-sc-gift.product .product-thumb a .img-overlay, .dt-sc-gift-cards .dt-sc-gift.product .product-details { transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; } .gift-form { float: left; margin: 0 0 10px; width: 100%; } .gift-form input[type="email"], .gift-form input[type="text"], .gift-form input[type="date"], .gift-form textarea { padding: 20px; } .gift-form .deliver-date { margin: 15px 0 0; } .gift-form .deliver-date label { display: block; margin-bottom: 15px; } .gift-form .deliver-date p { background: #fff; float: left; width: 100%; } .gift-form .deliver-date p input.date { float: left; margin: 0; } .gift-form .deliver-date p i { border: 1px solid #bdbdbd; border-left-color: #e7e7e7; float: left; line-height: 18px; padding: 20px; } .gift-form textarea { height: 120px; } .gift-form .dt-sc-button { float: left; font-size: 14px !important; } .gift-form .dt-sc-box-title { margin-top: -40px; } /*----*****---- << Menus & Catalogs >> ----*****----*/ .menu-items-list .dt-sc-one-fourth, .menu-items-list .dt-sc-three-fourth, .menu-items-list .dt-sc-one-column, .menu-items-list .menu-list { float: none; display: inline-block; } .menu-items-list { position: relative; } .menu-items-list section { margin: 0; padding: 0 0 0 25%; } .menu-items-list .dt-sc-hr.floral-grey { margin: -20px 0 35px; } .menu-items-list .dt-sc-hr.floral-grey:first-child { display: none; } .menu-sidebar, .menu-sidebar ul.j-load-all { z-index: 99; } .menu-sidebar ul.j-load-all { position: relative; } .menu-sidebar ul.j-load-all:after { background-image: url(../images/sticky-sidebar-bg.png); background-repeat: no-repeat; bottom: -15px; content: ""; height: 15px; left: 0; position: absolute; width: 100%; } .menu-sidebar li { display: inline-block; padding-bottom: 0; width: 100%; } .menu-sidebar li a { background: #fff; border-style: solid; border-width: 1px 0 0; border-color: #f2f2f2; color: #181818; display: block; font-size: 14px; line-height: 32px; padding: 10px 10px 10px 40px; position: relative; text-transform: capitalize; } .menu-sidebar li:last-child a { border-bottom: 1px solid #f2f2f2; } .menu-sidebar li.current_page_item a, .menu-sidebar li:hover a { border-right: 5px solid; color: #fff; } .menu-sidebar li a span { color: #181818; float: left; font-size: 20px; line-height: 34px; left: 5px; margin: 0 12px 0 8px; position: absolute; } .menu-sidebar li.current_page_item a span, .menu-sidebar li:hover a span { color: #edeae5; } .menu-items-list h2, .hr-title { float: left; text-transform: uppercase; width: 100%; } .hr-title { position: relative; } .hr-title span { background: #fff; float: left; padding: 0 20px 0 0; position: relative; z-index: 1; } .hr-title:after { border-top: 1px solid #d9d9d9; content:""; position:absolute; right: 0; top: 50%; width: 100%; z-index: 0; } .menu-list { float: left; margin-bottom: 35px; padding-bottom: 20px; width: 100%; } .menu-list:last-child, .menu-list.last { padding-bottom: 0; } .menu-thumb { margin-right: 2.9%; width: auto; } .menu-thumb .rounded, .dt-sc-catalog-menu .rounded { background: #d9d9d9; border: 5px solid #d9d9d9; overflow: hidden; } .menu-details { float: left; margin: 0; width: 78%; } .menu-title { float: left; margin-bottom: 20px; position: relative; width: 100%; } .menu-title h3, .menu-title span { float: left; width: 100%; } .menu-title h3 { margin-bottom: 5px; text-transform: capitalize; } .menu-title .price { margin-top: 0; position: absolute; right: 0; top: 0; } .menu-title .price, .dt-sc-catalog-menu a.dt-sc-button { font-size: 16px; font-weight: bold; border-radius: 0 10px 0 10px; -webkit-border-radius: 0 10px 0 10px; -moz-border-radius: 0 10px 0 10px; -ms-border-radius: 0 10px 0 10px; -o-border-radius: 0 10px 0 10px; } .menu-title .price.dt-sc-button:after, .dt-sc-catalog-menu a.dt-sc-button:after { content: none; } .dt-sc-catalog-menu.type1 a.dt-sc-button:after { content: ""; } .menu-thumb, .menu-thumb .rounded, .dt-sc-catalog-menu, .dt-sc-catalog-menu .rounded, .dt-sc-catalog-menu img { float: left; } .menu-thumb .rounded, .dt-sc-one-column .dt-sc-catalog-menu.type1 .rounded { height: 155px; width: 155px; } .menu-thumb .rounded img, .dt-sc-catalog-menu .rounded img { vertical-align: middle; } .rounded, .menu-thumb .rounded img, .dt-sc-catalog-menu .rounded img { display: block; height: inherit; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .menu-thumb .rounded, .menu-thumb .rounded img, .dt-sc-catalog-menu .rounded, .dt-sc-catalog-menu .rounded img { transition: all 0.4s ease-in-out 0s; } .dt-sc-catalog-menu .rounded { height: 125px; margin-right: 20px; width: 125px; } .dt-sc-one-third .dt-sc-catalog-menu, .dt-sc-one-fourth .dt-sc-catalog-menu, .dt-sc-one-half .dt-sc-catalog-menu { margin: 0 0 55px; padding: 0; width: 100%; } .dt-sc-catalog-menu h5 { margin: 22px 0 10px; text-transform: capitalize; } .dt-sc-catalog-menu.type1 { display: inline-block; margin: 0 0 35px; width: 100%; } .dt-sc-catalog-menu.type1 .rounded { background: none; border: none; height: auto; margin: 0 20px 0 0; } .dt-sc-catalog-menu.type1:hover .rounded { background: none; } .dt-sc-catalog-menu.type1 .dt-sc-catalog-meta { padding: 6px 0; } .dt-sc-catalog-menu.type1 .dt-sc-catalog-meta h4 { font-size: 18px; margin-bottom: 24px; padding-bottom: 18px; position: relative; } .dt-sc-catalog-menu.type1 .dt-sc-catalog-meta h4:after { content:""; background: #dbdbdb; height: 1px; position: absolute; bottom: 0; left: 145px; right: 0; width: auto; } .dt-sc-catalog-menu.type1 .dt-sc-catalog-meta a.dt-sc-button { font-size: 18px; margin: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .dt-sc-catalog-detail { display: block; float: left; font-size: 12px; color: #868686; margin: 0; } .dt-sc-one-column .dt-sc-catalog-menu.type1 { margin: 0 35px 25px 0; position: relative; width: 32%; } .dt-sc-one-column .dt-sc-catalog-menu.type1 .rounded { bottom: 0; margin: auto; position: absolute; top: 0; z-index: 1;} .dt-sc-one-column .dt-sc-catalog-menu.type1 .dt-sc-catalog-meta { border:1px solid #d9d9d9; display: block; margin:0 0 0 90px; padding: 14px 25px 14px 75px; position:relative; text-align: center; z-index:0; } .dt-sc-one-column .dt-sc-catalog-menu.type1 .dt-sc-catalog-meta:after { background-image: url(../images/angle-shape.png); background-repeat: no-repeat; background-color: #fff; bottom: 0; content: ""; height: 24px; right: -12px; margin: auto; position: absolute; top: 0; width: 12px; } .dt-sc-one-column .dt-sc-catalog-menu.type1 .dt-sc-catalog-meta h4 { font-weight: normal; margin-bottom: 20px; padding: 0; text-transform: capitalize; } .dt-sc-one-column .dt-sc-catalog-menu.type1 .dt-sc-catalog-meta h4:after { content: none; } .dt-sc-one-column .dt-sc-catalog-menu.type1 .dt-sc-catalog-meta span { display: block; margin:15px 0 0; } .dt-sc-one-column .dt-sc-catalog-detail { float: none; font-size: 14px; margin: 25px 0 0; width: 100%; } .dt-sc-catalog-menu.type2.without-description { width: 100%; } .dt-sc-catalog-menu.type2.without-description .dt-sc-catalog-meta { padding: 32px 25px 34px 75px; } .dt-sc-catalog-menu.type2.without-description .dt-sc-catalog-meta:after { display: none; } .dt-sc-specials-list { float: left; width: 100%; } .dt-sc-specials-list li { border-bottom: 1px solid #DBD8D2; display: inline; float: left; padding: 15px 0; width: 100%; } .dt-sc-specials-list li a .fa { content: "\f18c"; display: inline-block; float: left; font-family: FontAwesome; font-size: 14px; font-style: normal; font-weight: normal; line-height: 24px; margin-right: 10px; } .dt-sc-specials-list li .item-name { color: #808080; display: block; float: left; text-transform: capitalize; width: 60%; } .dt-sc-specials-list li .item-price { float: right; text-align: right; } .dt-sc-specials-list li .item-price del { color: #bc5050; margin-right: 6px; } /*----*****---- << Colored Box >> ----*****----*/ .dt-sc-colored-box { float:left; margin:0px; padding:15px 5% 20px; color: #fff; width:90%; } .dt-sc-colored-box a, .dt-sc-colored-box h5 { color: #fff; } .dt-sc-colored-box h5 { text-transform:uppercase; border-bottom:1px solid #fff; padding-bottom:15px; margin-bottom:15px; } .dt-sc-colored-box h5 span { font-size:30px; margin-right:10px; position:relative; top:3px; } .dt-sc-colored-box .dt-sc-button { background: none; border: 1px solid #fff; color:#fff; text-transform:uppercase; font-weight:normal; } .dt-sc-colored-box .dt-sc-button:after { background:#fff; } .dt-sc-colored-box .dt-sc-button:hover { color:#333334; } .dt-sc-colored-box .dt-sc-button:hover:after { height: 100%; } /*----*****---- << Team >> ----*****----*/ .dt-sc-team { border: 1px solid #e7e7e7; float: left; margin: 0 0 20px; padding: 40px 0 25px; text-align: center; width: 100%; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; } .dt-sc-team .image { display: block; height: 150px; margin: 0 auto 30px; position: relative; width: 150px; } .dt-sc-team .image:after { background-repeat: no-repeat; background-position: center center; content: ""; height: 53px; position: absolute; bottom: 0; left: -14px; width: 179px; } .dt-sc-team .image img { border: 4px solid; border-radius:100%; max-width:92%; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; } #primary .dt-sc-team .image img { max-width:92%; } .dt-sc-team .team-details { display: block; margin: 0 auto; width: 90%; } .dt-sc-team h4 { font-size: 18px; line-height: 30px; margin-bottom: 0; } .dt-sc-team span { color: #868686; display: block; font-size: 13px; font-style: italic; font-weight:normal; margin: 0 0 20px; } .dt-sc-team .team-details .ico-border { opacity: 0.18; filter: alpha(opacity=18); width: 100%; } .dt-sc-team .team-details .ico-border:before, .dt-sc-team .team-details .ico-border:after { height: 1px; top: 10px; width: 48%; } .dt-sc-one-half .dt-sc-team .team-details .ico-border:before, .dt-sc-one-half .dt-sc-team .team-details .ico-border:after { width: 45%; } .dt-sc-one-third .dt-sc-team .team-details .ico-border:before, .dt-sc-one-third .dt-sc-team .team-details .ico-border:after, .dt-sc-two-third .dt-sc-one-half .dt-sc-team .team-details .ico-border:before, .dt-sc-two-third .dt-sc-one-half .dt-sc-team .team-details .ico-border:after { width: 42%; } .dt-sc-one-fourth .dt-sc-team .team-details .ico-border:before, .dt-sc-one-fourth .dt-sc-team .team-details .ico-border:after { width: 38%; } .dt-sc-two-third .dt-sc-team .team-details .ico-border:before, .dt-sc-two-third .dt-sc-team .team-details .ico-border:after { width: 46%; } .dt-sc-team .team-details .ico-border:before { left: 10px; } .dt-sc-team .team-details .ico-border:after { right: 10px; } .dt-sc-team .info { border-bottom:1px solid #ededed; margin-bottom: 15px; padding: 0 0 15px; } .dt-sc-team h6 { clear: both; color:#919191; font-style:italic; font-weight:normal; margin: 0 0 5px; float:left; width:100%; } .dt-sc-team .email { color: #181818; margin: 20px 0 15px; } .dt-sc-team .dt-sc-social-icons { float: left; clear: both; margin: 0; width: 100%; } .dt-sc-team .dt-sc-social-icons ul { margin: 5px 0 0; } .dt-sc-team .dt-sc-social-icons ul li:first-child { margin-left: 0; } /*----*****---- << Numbered List >> ----*****----*/ .dt-sc-numbered-list li { display:block; width:100%; margin:0px 0px 10px; padding:0px; line-height:40px; color: #fff; } .dt-sc-numbered-list li span { margin: 0 10px 0 0; line-height:40px; padding:0px 15px; display:inline-block; } .dt-sc-numbered-list-type2 li { display:block; width:100%; margin: 0 0 5px; padding: 0; line-height:24px; } .dt-sc-numbered-list-type2 li span { margin: 0 10px 0 5px; line-height: 22px; padding: 0; display:inline-block; width:24px; height:24px; background:#787878; color: #fff; font-weight:bold; border-radius:24px; text-align:center; } /*----*****---- << Callout Boxes >> ----*****----*/ .dt-sc-callout-box { width:100%; margin:0px; padding:0px; float:left; } .dt-sc-callout-box.type1 { background-image: url(../images/introtext-border-top.png); background-position: center top; background-repeat: no-repeat; padding:40px 0px 0px; text-align:center; } .dt-sc-callout-box.type1 h4 { text-transform:uppercase; margin-bottom:10px; } .dt-sc-callout-box.type1 h4 span.highlight { color: #fff; padding:7px 15px; margin:0px 5px; } .dt-sc-callout-box.type1 h5 { text-transform:uppercase; color:#a0a0a1; background-image: url(../images/intro-text-border-bottom.png); background-position: center bottom; background-repeat: no-repeat; padding-bottom:37px; } .dt-sc-callout-box.type2, .dt-sc-callout-box.type3, .dt-sc-callout-box.type4 { background:#f5f5f5; padding:30px 2.5%; width:95%; } .dt-sc-callout-box.type2 h4, .dt-sc-callout-box.type3 h4, .dt-sc-callout-box.type4 h4 { text-transform:uppercase; margin-bottom:5px; } .dt-sc-callout-box.type2 h5, .dt-sc-callout-box.type3 h5, .dt-sc-callout-box.type4 h5 { color:#a0a0a1; margin-bottom:0px; } .dt-sc-callout-box.type3 h4, .dt-sc-callout-box.type3 h5 { color:#fff; } .dt-sc-callout-box.type4 { border-left:5px solid; width:94.5%; } .dt-sc-callout-box.type2 .dt-sc-button, .dt-sc-callout-box.type3 .dt-sc-button, .dt-sc-callout-box.type4 .dt-sc-button { float:right; } .dt-sc-callout-box.type3 .dt-sc-button { border: 1px solid #fff; color:#fff; font-weight:normal; } .dt-sc-callout-box.type3 .dt-sc-button:after { background: #fff; } .dt-sc-callout-box.type3 .dt-sc-button:hover { color:#333334; } .dt-sc-callout-box.type3 .dt-sc-button:hover:after { height: 100%; } .dt-sc-callout-box.type5 { padding:30px 2.5%; width:91.6%; border-left:5px solid; position:relative; } .dt-sc-callout-box.type5 h4 { font-size:22px; text-transform:uppercase; margin-bottom:11px; } .dt-sc-callout-box.type5 h5 { margin-bottom:0px; } .dt-sc-callout-box.type5:after { content:""; border-top:60px solid transparent; border-bottom:60px solid transparent; border-left:35px solid; right:-35px; width:0; height:0; margin:auto; top:0px; bottom:0; position:absolute; } .dt-sc-callout-box.type2 .dt-sc-button, .dt-sc-callout-box.type3 .dt-sc-button, .dt-sc-callout-box.type4 .dt-sc-button, .dt-sc-callout-box.type5 .dt-sc-button { float: right; font-size:14px; padding:11px 20px; position:relative; right:-5px; } /*----*****---- << Testimonials >> ----*****----*/ .dt-sc-testimonial-carousel-wrapper { float:left; clear:both; margin:0px; padding:0px; width:100%; position:relative; } .dt-sc-testimonial-carousel li { display:block; float:left; } .dt-sc-testimonial { margin:0px 0px 35px; padding:0px 0px 0px 120px; float:left; position:relative; } .dt-sc-testimonial .author { position: absolute; left: 0; top: 0; float: left; width:90px; height:90px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .dt-sc-testimonial .author img { border:5px solid; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .dt-sc-testimonial .author img:hover { -moz-transform: scale(1) rotate(20deg) translate(0px); -webkit-transform: scale(1) rotate(20deg) translate(0px); -o-transform: scale(1) rotate(20deg) translate(0px); transform: scale(1) rotate(20deg) translate(0px); } .dt-sc-testimonial blockquote { padding:15px 20px; background:none; border:1px solid #d9d9d9; border-top:3px solid; margin:0px; } .dt-sc-testimonial blockquote q { font-size:14px; color:#787878; display:inline; } .dt-sc-testimonial blockquote:before { content:""; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:6px solid; left:-10px; width:0; height:0; margin:auto; top:-3px; position:absolute; bottom:inherit; } .dt-sc-testimonial cite { float:right; font-style: normal; margin:10px 0px 0px; } .dt-sc-testimonial cite span { font-weight: normal; } .dt-sc-testimonial.type2 { padding: 0; } .dt-sc-testimonial.type2 .author { display: block; float: none; height: auto; margin: 0 auto 30px; text-align: center; position: inherit; width: auto; } .dt-sc-testimonial.type2 .author img { height: 90px; width: 90px; } .dt-sc-testimonial.type2 blockquote:before { border-bottom: 6px solid; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: auto; left: 0; right: 0; top: -15px; } /*----*****---- << Contact >> ----*****----*/ .dt-sc-contact-info { border-top: 1px solid #ededed; clear:both; color:#333334; display:block; float:left; margin:0px; padding: 10px 0; width:100%; } .dt-sc-contact-info i { font-size:20px; color:#808080; display:inline-block; margin:0px 10px 0px 0px; float:left; position:relative; top:2px; } .dt-sc-contact-info.address { border: none; padding-top: 0; } .dt-sc-contact-info.address i { margin:0px 10px 10px 0px; } .dt-sc-contact-info.address span { display: inline-block; } .dt-sc-contact-info, .dt-sc-contact-info p { line-height: 26px; } .dt-sc-contact-info span { color:#808080; } .dt-sc-contact-info h4 { margin-bottom: 10px; } .dt-sc-contact-info a { color: #808080 ; } .dt-sc-appointment { margin:10px 0px 0px; float:left; width:100%; padding:0px; } .dt-sc-appointment .dt-sc-contact-info { background: #f5f5f5; border: none; color:#808080; display: block; line-height:40px; margin:0px 0px 10px; padding:0px; width:100%; } .dt-sc-appointment .dt-sc-contact-info.address span { display: block; line-height:24px; padding:5px 0px 0px; } .dt-sc-appointment .dt-sc-contact-info i { margin:0px 10px 0px 0px; line-height:40px; padding:0px; width:40px; text-align:center; height:40px; display:inline-block; color: #fff; top:0px; font-size:14px; } .dt-sc-appointment .dt-sc-contact-info span { color:#333334; } .dt-sc-appointment .dt-sc-contact-info a { color: #333334; } .responsive-map { float: left; margin: 10px 0 0; width: 100%; } /*----*****---- << Counters >> ----*****----*/ .dt-sc-counter { border: 1px dashed; clear: both; display: block; float: left; padding: 10px 0 35px; text-align: center; width: 100%; } .dt-sc-counter .icon { border-radius: 3px; color: #fff; display: inline-block; height: 80px; margin-bottom: 20px; position: relative; text-align: center; width: 80px; } .dt-sc-counter .icon span { font-size: 36px; line-height: 80px; } .dt-sc-counter .dt-sc-counter-number { clear: both; color: #181818; font-size: 60px; font-weight: bold; line-height: normal; margin: 0 0 25px; position: relative; } .dt-sc-counter h5 { font-size: 22px; margin-bottom: 0; padding: 5px 0 0; position: relative; } .dt-sc-counter h5 span:before, .dt-sc-counter h5 span:after { content: ""; height: 51px; margin: auto; position: absolute; width: 74px } .dt-sc-counter h5 span:after { right: -50px; top: -24px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); } .dt-sc-counter h5 span:before { left: -50px; top: -30px; } .dt-sc-counter h5 span { height: 2px; left: 0; margin: auto; position: absolute; right: 0; top: -14px; width: 130px; } .dark-bg .dt-sc-counter .dt-sc-counter-number { color: #ffffff; } .dt-sc-counter .icon:before { border-top: 6px solid rgba(0, 0, 0, 0.7); } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit only override */ ::i-block-chrome, .dt-sc-box-title { display: inline-table; } ::i-block-chrome, .dt-sc-colored-box { width: 91%; } ::i-block-chrome, .dt-sc-team .image img { border: none; } ::i-block-chrome, .dt-sc-testimonial .author { left: 5px; top: 5px; } ::i-block-chrome, .dt-sc-ico-content.type6:hover .icon .fa { border: none; } } /*----*****---- << Retina Images >> ----*****----*/ @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { .dt-sc-hr.floral-grey { background-image: url(../images/hr-floral-grey-bg@2x .png); background-size: 100%; } ul.dt-sc-tabs-vertical-frame { background-image:url(../images/bg-vertical-tabs@2x.png); background-size: 100% 100%; } h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before { background-image: url(../images/toggle-icon@2x.png); background-size: 40px 40px; } .menu-sidebar ul.j-load-all:after { background-image: url(../images/sticky-sidebar-bg@2x.png); background-size: 271px 15px; } .dt-sc-one-column .dt-sc-catalog-menu.type1 .dt-sc-catalog-meta:after { background-image: url(../images/angle-shape@2x.png); background-size: 12px 24px; } .dt-sc-callout-box.type1 { background-image: url(../images/introtext-border-top@2x.png); background-size: 1060px 10px; } .dt-sc-callout-box.type1 h5 { background-image: url(../images/intro-text-border-bottom@2x.png); background-size: 1060px 27px; } }