@charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; @charset "utf-8"; /* Table of Content ================================================== 1.0 - Blockquotes 2.0 - Default Colors 3.0 - Responsive 4.0 - Skin Colors*/ /*-------------------------------------------------------------- 1.0 - Blockquotes --------------------------------------------------------------*/ blockquote.type1 q, blockquote > p{font-size:18px;line-height:30px;display:inline-block;font-weight:300;border-top:1px solid;border-bottom:1px solid;padding:20px 0px;margin-bottom:10px;} .dt-sc-dark-bg blockquote.type1 q{border-color:#ffffff;} blockquote.type2{padding-left:40px;position:relative;overflow:hidden;} blockquote.type2 q{display:inline-block;} blockquote.type2 q:before{content:"";} blockquote.type2:before{content:"\f10d";font-size:25px;left:0px;position:absolute;top:0;font-family:FontAwesome;text-align:center;} blockquote.type2 cite{font-style:normal;margin:30px 0px 0px;float:right;position:relative;width:100%;text-align:right;} blockquote.type2 cite:before{content:"";position:absolute;right:25%;top:14px;background:rgba(0, 0, 0, 0.1);height:1px;width:89%;} blockquote.type3{padding:15px 0 15px 25px;border-left:2px solid rgba(0, 0, 0, 0.2);} blockquote.type3 q{font-size:16px;} blockquote.type4{background:#f5f5f5;font-size:16px;line-height:30px;padding:30px;text-align:center;} blockquote.type4 > cite{display:inline-block;text-align:center;width:100%;text-transform:uppercase;font-style:normal;} blockquote.type4 span{float:left;width:100%;color:#999999;text-transform:capitalize;font-size:13px;} blockquote.type4 > q:before, blockquote.type4 > q:after{display:inline-block;font-family:georgia;font-size:30px;text-align:center;width:100%;position:relative;} blockquote.type4 > q:before{top:14px;} blockquote.type4 > q:after{bottom:-10px;} /* Variations */ /* Blue */ blockquote.type1.blue q, blockquote.type3.blue{border-color:#008bd3;} blockquote.type2.blue cite::before{background-color:#008bd3;} /* Brown */ blockquote.type1.brown q, blockquote.type3.brown{border-color:#795548;} blockquote.type2.brown cite::before{background-color:#795548;} /* CadetBlue */ blockquote.type1.cadetblue q, blockquote.type3.cadetblue{border-color:#3c939d;} blockquote.type2.cadetblue cite::before{background-color:#3c939d;} /* Chillipepper */ blockquote.type1.chillipepper q, blockquote.type3.chillipepper{border-color:#c10841;} blockquote.type2.chillipepper cite::before{background-color:#c10841;} /* Cyan */ blockquote.type1.cyan q, blockquote.type3.cyan{border-color:#00bcd4;} blockquote.type2.cyan cite::before{background-color:#00bcd4;} /* Darkgolden */ blockquote.type1.darkgolden q, blockquote.type3.darkgolden{border-color:#b48b3c;} blockquote.type2.darkgolden cite::before{background-color:#b48b3c;} /* DeepOrange */ blockquote.type1.deeporange q, blockquote.type3.deeporange{border-color:#ff5722;} blockquote.type2.deeporange cite::before{background-color:#ff5722;} /* DeepPurple */ blockquote.type1.deeppurple q, blockquote.type3.deeppurple{border-color:#673ab7;} blockquote.type2.deeppurple cite::before{background-color:#673ab7;} /* Green */ blockquote.type1.green q, blockquote.type3.green{border-color:#60ae0d;} blockquote.type2.green cite::before{background-color:#60ae0d;} /* Lime */ blockquote.type1.lime q, blockquote.type3.lime{border-color:#cddc39;} blockquote.type2.lime cite::before{background-color:#cddc39;} /* Magenta */ blockquote.type1.magenta q, blockquote.type3.magenta{border-color:#cb506d;} blockquote.type2.magenta cite::before{background-color:#cb506d;} /* Orange */ blockquote.type1.orange q, blockquote.type3.orange{border-color:#ff9800;} blockquote.type2.orange cite::before{background-color:#ff9800;} /* Pink */ blockquote.type1.pink q, blockquote.type3.pink{border-color:#fd6ca3;} blockquote.type2.pink cite::before{background-color:#fd6ca3;} /* Purple */ blockquote.type1.purple q, blockquote.type3.purple{border-color:#9c27b0;} blockquote.type2.purple cite::before{background-color:#9c27b0;} /* Red */ blockquote.type1.red q, blockquote.type3.red{border-color:#da0000;} blockquote.type2.red cite::before{background-color:#da0000;} /* SkyBlue */ blockquote.type1.skyblue q, blockquote.type3.skyblue{border-color:#0eb2e7;} blockquote.type2.skyblue cite::before{background-color:#0eb2e7;} /* Teal */ blockquote.type1.teal q, blockquote.type3.teal{border-color:#009688;} blockquote.type2.teal cite::before{background-color:#009688;} /* Turquoise */ blockquote.type1.turquoise q, blockquote.type3.turquoise{border-color:#32ccbd;} blockquote.type2.turquoise cite::before{background-color:#32ccbd;} /* Wisteria */ blockquote.type1.wisteria q, blockquote.type3.wisteria{border-color:#9b59b6;} blockquote.type2.wisteria cite::before{background-color:#9b59b6;} /* Yellow */ blockquote.type1.yellow q, blockquote.type3.yellow{border-color:#ffe401;} blockquote.type2.yellow cite::before{background-color:#ffe401;} /*-------------------------------------------------------------- 2.0 - Default Colors --------------------------------------------------------------*/ blockquote.type1 q, blockquote > p{border-color:rgba(0, 0, 0, 0.15);} /*-------------------------------------------------------------- 3.0 - Responsive --------------------------------------------------------------*/ /*----*****---- << Mobile >> ----*****----*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { blockquote.type2 cite:before{left:-42px;right:auto;width:calc(90% - 32px);} } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { blockquote.type2 cite:before{left:-42px;right:auto;width:calc(80% + 32px);} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { blockquote.type2 cite:before{left:-42px;right:auto;width:calc(50% + 32px);} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { blockquote.type2 cite:before{width:calc(50% + 62px);} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { blockquote.type2 cite:before{width:calc(50% + 22px);} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { blockquote.type2{padding-left:50px;width:100%;box-sizing:border-box;} blockquote.type2 cite:before{right:0;top:-10px;width:calc(100% + 32px);} } /* Table of Content ================================================== 1.0 - Transition 1.1 - Buttons 1.2 - Default Colors 1.3 - Responsive*/ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .dt-sc-button.with-icon.icon-right.type1, .dt-sc-button.with-icon.icon-right.type1:after, .dt-sc-colored-big-buttons:hover span, .dt-sc-partially-rounded, .dt-sc-button.with-icon.icon-left span:after{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} /*-------------------------------------------------------------- 1.1 - Buttons --------------------------------------------------------------*/ .dt-sc-button{font-size:12px;text-transform:uppercase;padding:8px 15px;line-height:normal;display:inline-block;margin:10px 0px 0px;cursor:pointer;outline:none;position:relative;z-index:1;letter-spacing:1px;} .dt-sc-button{background:rgba(0, 0, 0, 0.05);color:#000000;} .dt-sc-button:hover, .secondary-skin.dt-sc-button.bordered:hover, .secondary-skin.dt-sc-button.bordered:hover, .secondary-skin.dt-sc-button.fully-rounded-border:hover, .dt-sc-button.dt-skin-secondary-bg.filled{color:#ffffff;} .dt-sc-button.filled, .dt-sc-button.filled:hover, .secondary-skin.dt-sc-button.rounded-corner, .secondary-skin.dt-sc-button.rounded-border:hover{color:#ffffff;} .dt-sc-button.rounded-border, .dt-sc-button.bordered{border:1px solid;border-radius:3px;background:none;} .dt-sc-button.transparent{background:none;border:none;padding:0;} .dt-sc-button.rounded-border:hover, .dt-sc-button.bordered:hover{color:#ffffff;border-radius:5px;} .dt-sc-button.bordered, .dt-sc-button.bordered:hover{border-radius:0px;} .dt-sc-button.partially-rounded{border-radius:15px 0px;} .dt-sc-button.partially-rounded:hover{border-radius:0px 15px;} .dt-sc-button.rounded-border.black, .dt-sc-button.bordered.black, .dt-sc-button.fully-rounded-border.black{border-color:#000000;color:#000000;} .dt-sc-button.with-shadow{box-shadow:3px 3px 0px 0px rgba(0, 0, 0, 0.2);} .dt-sc-button.with-shadow.white{background:#ffffff;} .dt-sc-button.with-shadow.white:hover{box-shadow:3px 3px 0px 0px rgba(0, 0, 0, 0.1);} .rounded-corner{border-radius:5px;} .dt-sc-button.filled.white, .dt-sc-button.white-hover.filled:hover{background:#ffffff;color:#000000;} .dt-sc-button.filled.white:hover{color:#ffffff;} .dt-sc-button.filled.black{background:#000000;} .dt-sc-button.small{font-size:12px;padding:13px 20px 11px;} .dt-sc-button.medium{font-size:13px;padding:13px 41px;} .dt-sc-button.large{font-size:16px;padding:16px 40px;} .dt-sc-button.xlarge{font-size:20px;padding:26px 50px 24px;} .dt-sc-button.medium:not(.with-icon){padding:13px 41px;} .dt-sc-button.filled{border:1px solid transparent;} .dt-sc-button.with-icon.icon-right span{margin-left:10px;} .dt-sc-button.dt-sc-left-margin{margin-left:20px;} /* Right icon Type1 */ .dt-sc-button.with-icon.icon-right.type1{padding-right:14px;} .dt-sc-button.with-icon.icon-right.type1 span{margin-left:35px;} .dt-sc-button.with-icon.icon-right.type1{position:relative;letter-spacing:0.5px;overflow:hidden;} .dt-sc-button.with-icon.icon-right.type1:after{content:'';position:absolute;z-index:-1;} .dt-sc-button.with-icon.icon-right.type1:before{left:auto;right:10px;z-index:2;} .dt-sc-button.with-icon.icon-right.type1:after{width:35%;height:200%;z-index:1;right:0;top:0;margin:-5px 0 0 -5px;-webkit-transform-origin:0 0;-webkit-transform:rotate(-20deg);-moz-transform-origin:0 0;-moz-transform:rotate(-20deg);-ms-transform-origin:0 0;-ms-transform:rotate(-20deg);transform-origin:0 0;transform:rotate(-20deg);} .dt-sc-button.with-icon.icon-right.type1:hover:after{width:40%;} .dt-sc-button.large.with-icon.icon-right.type1:after{width:30%;} .dt-sc-button.large.with-icon.icon-right.type1:hover:after{width:35%;} .dt-sc-button.xlarge.with-icon.icon-right.type1:after{width:28%;} .dt-sc-button.xlarge.with-icon.icon-right.type1:hover:after{width:33%;} /* Right icon Type2 */ .dt-sc-button.with-icon.icon-right.type2 span{padding:23px 0px 9px 20px;position:absolute;margin:0px 0px 0px 15px;display:inline-block;top:0px;right:21px;height:100%;} .dt-sc-button.with-icon.icon-right.type2 span:after{content:"";position:absolute;left:0px;top:0px;height:100%;border-left:1px solid rgba(0, 0, 0, 0.05);border-right:1px solid rgba(255, 255, 255, 0.2);} .dt-sc-button.small.with-icon.icon-right.type2{padding:13px 70px 11px 20px;} .dt-sc-button.small.with-icon.icon-right.type2 span{padding-top:12px;font-size:16px;} .dt-sc-button.medium.with-icon.icon-right.type2{padding:16px 75px 14px 23px;} .dt-sc-button.medium.with-icon.icon-right.type2 span{padding-top:16px;font-size:18px;} .dt-sc-button.large.with-icon.icon-right.type2{padding:20px 80px 18px 25px;} .dt-sc-button.large.with-icon.icon-right.type2 span{padding-top:21px;font-size:20px;} .dt-sc-button.xlarge.with-icon.icon-right.type2{padding:26px 100px 24px 30px;} .dt-sc-button.xlarge.with-icon.icon-right.type2 span{padding-top:26px;padding-left:25px;right:25px;font-size:24px;} /* Right icon Type3 */ .dt-sc-button.with-icon.icon-right.type3{text-transform:none;} .dt-sc-button.with-icon.icon-right.type3 span{position:absolute;right:0px;top:0px;bottom:0px;margin:auto;height:100%;background:#000000;color:#ffffff;text-align:center;} .dt-sc-button.with-icon.icon-right.type3 span:before{bottom:0px;height:12px;left:0px;margin:auto;position:absolute;right:0px;top:0px;} .dt-sc-button.small.with-icon.icon-right.type3{padding-right:60px;font-size:14px;} .dt-sc-button.small.with-icon.icon-right.type3 span{width:40px;font-size:14px;} .dt-sc-button.medium.with-icon.icon-right.type3{padding:13px 75px 13px 25px;font-size:16px;} .dt-sc-button.medium.with-icon.icon-right.type3 span{width:50px;font-size:16px;} .dt-sc-button.large.with-icon.icon-right.type3{padding-right:100px;font-size:18px;} .dt-sc-button.large.with-icon.icon-right.type3 span{width:60px;font-size:18px;} .dt-sc-button.large.with-icon.icon-right.type3 span:before{height:14px;} .dt-sc-button.xlarge.with-icon.icon-right.type3{padding-right:120px;font-size:20px;} .dt-sc-button.xlarge.with-icon.icon-right.type3 span{width:80px;font-size:20px;} .dt-sc-button.xlarge.with-icon.icon-right.type3 span:before{height:16px;} /* Left icon Type1 */ .dt-sc-button.small.with-icon.icon-left{padding:13px 20px 11px;} .dt-sc-button.small.with-icon.icon-left span{margin-right:5px;} .dt-sc-button.medium.with-icon.icon-left{padding:16px 25px 14px;} .dt-sc-button.medium.with-icon.icon-left span{margin-right:10px;} .dt-sc-button.large.with-icon.icon-left{padding:20px 30px 18px;} .dt-sc-button.large.with-icon.icon-left span{margin-right:10px;} .dt-sc-button.xlarge.with-icon.icon-left{padding:26px 35px 24px;} .dt-sc-button.xlarge.with-icon.icon-left span{margin-right:15px;} .dt-sc-button.large.with-icon.icon-left span{line-height:20px;} /* Left icon Type2 */ .dt-sc-button.with-icon.icon-left.type2 span:after{content:"";position:absolute;top:0px;height:100%;width:1px;} .dt-sc-button.with-icon.icon-left.type2 span{text-align:center;} .dt-sc-button.small.with-icon.icon-left.type2{padding-left:15px;} .dt-sc-button.small.with-icon.icon-left.type2 span{width:30px;padding-right:15px;margin-right:15px;} .dt-sc-button.small.with-icon.icon-left.type2 span:after{left:45px;} .dt-sc-button.small.with-icon.icon-left.type2 span.pe-icon{font-size:15px;} .dt-sc-button.medium.with-icon.icon-left.type2{padding-left:20px;} .dt-sc-button.medium.with-icon.icon-left.type2 span{width:35px;padding-right:20px;margin-right:20px;} .dt-sc-button.with-icon.icon-left.type2 span.pe-icon{font-size:20px;font-weight:bold;} .dt-sc-button.medium.with-icon.icon-left.type2 span:after{left:55px;} .dt-sc-button.large.with-icon.icon-left.type2{padding-left:25px;} .dt-sc-button.large.with-icon.icon-left.type2 span{width:42px;padding-right:25px;margin-right:25px;} .dt-sc-button.large.with-icon.icon-left.type2 span:after{left:67px;} .dt-sc-button.xlarge.with-icon.icon-left.type2{padding-left:30px;} .dt-sc-button.xlarge.with-icon.icon-left.type2 span{width:50px;padding-right:30px;margin-right:30px;} .dt-sc-button.xlarge.with-icon.icon-left.type2 span:after{left:80px;} .dt-sc-button.grey{color:rgba(0, 0, 0, 0.4);background:rgba(0, 0, 0, 0.1);} .dt-sc-button.grey.with-icon.icon-left span:after{background:#ffffff;} .dt-sc-button.grey.with-icon.icon-left:hover span:after{background:rgba(0, 0, 0, 0.05);} .dt-sc-button.fully-rounded-border{background:none;} .dt-sc-button.fully-rounded-border, .dt-sc-button.fully-rounded-border:hover{border:2px solid;border-radius:50px;} .dt-sc-button.fully-rounded-border.small{padding:14px 25px 11px;} .dt-sc-button.fully-rounded-border.medium{padding:17px 30px 14px;} .dt-sc-button.fully-rounded-border:hover{color:#ffffff;} /* Big Colored Buttons */ .dt-sc-colored-big-buttons{display:inline-block;position:relative;text-transform:uppercase;font-size:18px;line-height:normal;padding:25px 30px;border:1px solid;background:#ffffff;text-align:left;color:#000000;border-radius:5px;width:100%;letter-spacing:0.5px;font-weight:300;} .dt-sc-colored-big-buttons:hover{color:#ffffff;} .dt-sc-colored-big-buttons.with-left-icon{padding-left:110px;} .dt-sc-colored-big-buttons span{color:#ffffff;font-size:30px;line-height:92px;height:100%;position:absolute;left:0;top:0;text-align:center;vertical-align:middle;width:80px;border-radius:3px 0 0 3px;} .dt-sc-colored-big-buttons span.pe-icon{font-size:35px;} .dt-sc-colored-big-buttons:hover span{background:#ffffff;} .dt-sc-colored-big-buttons.blue{border-color:#015c89;} .dt-sc-colored-big-buttons.orange{border-color:#f27935;} .dt-sc-colored-big-buttons.green{border-color:#6ca04a;} .dt-sc-colored-big-buttons.blue span, .dt-sc-colored-big-buttons.blue:hover{background:#015c89;} .dt-sc-colored-big-buttons.orange span, .dt-sc-colored-big-buttons.orange:hover{background:#f27935;} .dt-sc-colored-big-buttons.green span, .dt-sc-colored-big-buttons.green:hover{background:#6ca04a;} .dt-sc-colored-big-buttons.blue:hover span{background:#015078;} .dt-sc-colored-big-buttons.orange:hover span{background:#e07231;} .dt-sc-colored-big-buttons.green:hover span{background:#618f42;} /* Variations */ .dt-sc-button.blue, .dt-sc-button.blue.rounded-border:hover, .dt-sc-button.blue.bordered:hover, .dt-sc-button.blue.fully-rounded-border:hover, .dt-sc-button.brown, .dt-sc-button.brown.rounded-border:hover, .dt-sc-button.brown.bordered:hover, .dt-sc-button.brown.fully-rounded-border:hover, .dt-sc-button.cadetblue, .dt-sc-button.cadetblue.rounded-border:hover, .dt-sc-button.cadetblue.bordered:hover, .dt-sc-button.cadetblue.fully-rounded-border:hover, .dt-sc-button.chillipepper, .dt-sc-button.chillipepper.rounded-border:hover, .dt-sc-button.chillipepper.bordered:hover, .dt-sc-button.chillipepper.fully-rounded-border:hover, .dt-sc-button.cyan, .dt-sc-button.cyan.rounded-border:hover, .dt-sc-button.cyan.bordered:hover, .dt-sc-button.cyan.fully-rounded-border:hover, .dt-sc-button.darkgolden, .dt-sc-button.darkgolden.rounded-border:hover, .dt-sc-button.darkgolden.bordered:hover, .dt-sc-button.darkgolden.fully-rounded-border:hover, .dt-sc-button.deeporange, .dt-sc-button.deeporange.rounded-border:hover, .dt-sc-button.deeporange.bordered:hover, .dt-sc-button.deeporange.fully-rounded-border:hover, .dt-sc-button.deeppurple, .dt-sc-button.deeppurple.rounded-border:hover, .dt-sc-button.deeppurple.bordered:hover, .dt-sc-button.deeppurple.fully-rounded-border:hover, .dt-sc-button.green, .dt-sc-button.green.rounded-border:hover, .dt-sc-button.green.bordered:hover, .dt-sc-button.green.fully-rounded-border:hover, .dt-sc-button.lime, .dt-sc-button.lime.rounded-border:hover, .dt-sc-button.lime.bordered:hover, .dt-sc-button.lime.fully-rounded-border:hover, .dt-sc-button.megenta, .dt-sc-button.megenta.rounded-border:hover, .dt-sc-button.megenta.bordered:hover, .dt-sc-button.megenta.fully-rounded-border:hover, .dt-sc-button.orange, .dt-sc-button.orange.rounded-border:hover, .dt-sc-button.orange.bordered:hover, .dt-sc-button.orange.fully-rounded-border:hover, .dt-sc-button.pink, .dt-sc-button.pink.rounded-border:hover, .dt-sc-button.pink.bordered:hover, .dt-sc-button.pink.fully-rounded-border:hover, .dt-sc-button.purple, .dt-sc-button.purple.rounded-border:hover, .dt-sc-button.purple.bordered:hover, .dt-sc-button.purple.fully-rounded-border:hover, .dt-sc-button.red, .dt-sc-button.red.rounded-border:hover, .dt-sc-button.red.bordered:hover, .dt-sc-button.red.fully-rounded-border:hover, .dt-sc-button.skyblue, .dt-sc-button.skyblue.rounded-border:hover, .dt-sc-button.skyblue.bordered:hover, .dt-sc-button.skyblue.fully-rounded-border:hover, .dt-sc-button.teal, .dt-sc-button.teal.rounded-border:hover, .dt-sc-button.teal.bordered:hover, .dt-sc-button.teal.fully-rounded-border:hover, .dt-sc-button.turquoise, .dt-sc-button.turquoise.rounded-border:hover, .dt-sc-button.turquoise.bordered:hover, .dt-sc-button.turquoise.fully-rounded-border:hover, .dt-sc-button.wisteria, .dt-sc-button.wisteria.rounded-border:hover, .dt-sc-button.wisteria.bordered:hover, .dt-sc-button.wisteria.fully-rounded-border:hover{color:#ffffff;} .dt-sc-button.blue.rounded-border, .dt-sc-button.blue.bordered, .dt-sc-button.blue.fully-rounded-border, .dt-sc-button.brown.rounded-border, .dt-sc-button.brown.bordered, .dt-sc-button.brown.fully-rounded-border, .dt-sc-button.cadetblue.rounded-border, .dt-sc-button.cadetblue.bordered, .dt-sc-button.cadetblue.fully-rounded-border, .dt-sc-button.chillipepper.rounded-border, .dt-sc-button.chillipepper.bordered, .dt-sc-button.chillipepper.fully-rounded-border, .dt-sc-button.cyan.rounded-border, .dt-sc-button.cyan.bordered, .dt-sc-button.cyan.fully-rounded-border, .dt-sc-button.darkgolden.rounded-border, .dt-sc-button.darkgolden.bordered, .dt-sc-button.darkgolden.fully-rounded-border, .dt-sc-button.deeporange.rounded-border, .dt-sc-button.deeporange.bordered, .dt-sc-button.deeporange.fully-rounded-border, .dt-sc-button.deeppurple.rounded-border, .dt-sc-button.deeppurple.bordered, .dt-sc-button.deeppurple.fully-rounded-border, .dt-sc-button.green.rounded-border, .dt-sc-button.green.bordered, .dt-sc-button.green.fully-rounded-border, .dt-sc-button.lime.rounded-border, .dt-sc-button.lime.bordered, .dt-sc-button.lime.fully-rounded-border, .dt-sc-button.megenta.rounded-border, .dt-sc-button.megenta.bordered, .dt-sc-button.megenta.fully-rounded-border, .dt-sc-button.orange.rounded-border, .dt-sc-button.orange.bordered, .dt-sc-button.orange.fully-rounded-border, .dt-sc-button.pink.rounded-border, .dt-sc-button.pink.bordered, .dt-sc-button.pink.fully-rounded-border, .dt-sc-button.purple.rounded-border, .dt-sc-button.purple.bordered, .dt-sc-button.purple.fully-rounded-border, .dt-sc-button.red.rounded-border, .dt-sc-button.red.bordered, .dt-sc-button.red.fully-rounded-border, .dt-sc-button.skyblue.rounded-border, .dt-sc-button.skyblue.bordered, .dt-sc-button.skyblue.fully-rounded-border, .dt-sc-button.teal.rounded-border, .dt-sc-button.teal.bordered, .dt-sc-button.teal.fully-rounded-border, .dt-sc-button.turquoise.rounded-border, .dt-sc-button.turquoise.bordered, .dt-sc-button.turquoise.fully-rounded-border, .dt-sc-button.wisteria.rounded-border, .dt-sc-button.wisteria.bordered, .dt-sc-button.wisteria.fully-rounded-border, .dt-sc-button.yellow.rounded-border, .dt-sc-button.yellow.bordered, .dt-sc-button.yellow.fully-rounded-border{background:none;} .dt-sc-button.white.rounded-border, .dt-sc-button.white.bordered, .dt-sc-button.white.fully-rounded-border{color:#ffffff;border-color:#ffffff;} .dt-sc-button.white.rounded-border:hover, .dt-sc-button.white.bordered:hover, .dt-sc-button.white.fully-rounded-border:hover{color:#000000;background:#ffffff;border-color:#ffffff;} .dt-sc-button.yellow, .dt-sc-button.yellow.rounded-border:hover, .dt-sc-button.yellow.bordered:hover, .dt-sc-button.yellow.fully-rounded-border:hover{color:#000000;} /* Blue */ .dt-sc-button.blue, .dt-sc-button.blue.filled, .dt-sc-button.blue.rounded-border:hover, .dt-sc-button.blue.bordered:hover, .dt-sc-button.blue.fully-rounded-border:hover{background:#008bd3;} .dt-sc-button.blue:hover, .dt-sc-button.blue.filled:hover, .dt-sc-button.blue.with-icon.icon-right.type1:hover{background:#0081c2;} .dt-sc-button.blue.rounded-border, .dt-sc-button.blue.bordered, .dt-sc-button.blue.fully-rounded-border{color:#008bd3;} .dt-sc-button.blue.fully-rounded-border, .dt-sc-button.blue.rounded-border:hover, .dt-sc-button.blue.bordered:hover, .dt-sc-button.blue.fully-rounded-border:hover{border-color:#008bd3;} /* Brown */ .dt-sc-button.brown, .dt-sc-button.brown.filled, .dt-sc-button.brown.rounded-border:hover, .dt-sc-button.brown.bordered:hover, .dt-sc-button.brown.fully-rounded-border:hover{background:#795548;} .dt-sc-button.brown:hover, .dt-sc-button.brown.filled:hover, .dt-sc-button.brown.with-icon.icon-right.type1:hover{background:#573a30;} .dt-sc-button.brown.rounded-border, .dt-sc-button.brown.bordered, .dt-sc-button.brown.fully-rounded-border{color:#795548;} .dt-sc-button.brown.fully-rounded-border, .dt-sc-button.brown.rounded-border:hover, .dt-sc-button.brown.bordered:hover, .dt-sc-button.brown.fully-rounded-border:hover{border-color:#795548;} /* CadetBlue */ .dt-sc-button.cadetblue, .dt-sc-button.cadetblue.filled, .dt-sc-button.cadetblue.rounded-border:hover, .dt-sc-button.cadetblue.bordered:hover, .dt-sc-button.cadetblue.fully-rounded-border:hover{background:#3c939d;} .dt-sc-button.cadetblue:hover, .dt-sc-button.cadetblue.filled:hover, .dt-sc-button.cadetblue.with-icon.icon-right.type1:hover{background:#34818a;} .dt-sc-button.cadetblue.rounded-border, .dt-sc-button.cadetblue.bordered, .dt-sc-button.cadetblue.fully-rounded-border{color:#3c939d;} .dt-sc-button.cadetblue.fully-rounded-border, .dt-sc-button.cadetblue.rounded-border:hover, .dt-sc-button.cadetblue.bordered:hover, .dt-sc-button.cadetblue.fully-rounded-border:hover{border-color:#3c939d;} /* Chillipepper */ .dt-sc-button.chillipepper, .dt-sc-button.chillipepper.filled, .dt-sc-button.chillipepper.rounded-border:hover, .dt-sc-button.chillipepper.bordered:hover, .dt-sc-button.chillipepper.fully-rounded-border:hover{background:#c10841;} .dt-sc-button.chillipepper:hover, .dt-sc-button.chillipepper.filled:hover, .dt-sc-button.chillipepper.with-icon.icon-right.type1:hover{background:#9d0836;} .dt-sc-button.chillipepper.rounded-border, .dt-sc-button.chillipepper.bordered, .dt-sc-button.chillipepper.fully-rounded-border{color:#c10841;} .dt-sc-button.chillipepper.fully-rounded-border, .dt-sc-button.chillipepper.rounded-border:hover, .dt-sc-button.chillipepper.bordered:hover, .dt-sc-button.chillipepper.fully-rounded-border:hover{border-color:#c10841;} /* Cyan */ .dt-sc-button.cyan, .dt-sc-button.cyan.filled, .dt-sc-button.cyan.rounded-border:hover, .dt-sc-button.cyan.bordered:hover, .dt-sc-button.cyan.fully-rounded-border:hover{background:#00bcd4;} .dt-sc-button.cyan:hover, .dt-sc-button.cyan.filled:hover, .dt-sc-button.cyan.with-icon.icon-right.type1:hover{background:#00a0b4;} .dt-sc-button.cyan.rounded-border, .dt-sc-button.cyan.bordered, .dt-sc-button.cyan.fully-rounded-border{color:#00bcd4;} .dt-sc-button.cyan.fully-rounded-border, .dt-sc-button.cyan.rounded-border:hover, .dt-sc-button.cyan.bordered:hover, .dt-sc-button.cyan.fully-rounded-border:hover{border-color:#00bcd4;} /* Darkgolden */ .dt-sc-button.darkgolden, .dt-sc-button.darkgolden.filled, .dt-sc-button.darkgolden.rounded-border:hover, .dt-sc-button.darkgolden.bordered:hover, .dt-sc-button.darkgolden.fully-rounded-border:hover{background:#b48b3c;} .dt-sc-button.darkgolden:hover, .dt-sc-button.darkgolden.filled:hover, .dt-sc-button.darkgolden.with-icon.icon-right.type1:hover{background:#a17b35;} .dt-sc-button.darkgolden.rounded-border, .dt-sc-button.darkgolden.bordered, .dt-sc-button.darkgolden.fully-rounded-border{color:#b48b3c;} .dt-sc-button.darkgolden.fully-rounded-border, .dt-sc-button.darkgolden.rounded-border:hover, .dt-sc-button.darkgolden.bordered:hover, .dt-sc-button.darkgolden.fully-rounded-border:hover{border-color:#b48b3c;} /* DeepOrange */ .dt-sc-button.deeporange, .dt-sc-button.deeporange.filled, .dt-sc-button.deeporange.rounded-border:hover, .dt-sc-button.deeporange.bordered:hover, .dt-sc-button.deeporange.fully-rounded-border:hover{background:#ff5722;} .dt-sc-button.deeporange:hover, .dt-sc-button.deeporange.filled:hover, .dt-sc-button.deeporange.with-icon.icon-right.type1:hover{background:#db4211;} .dt-sc-button.deeporange.rounded-border, .dt-sc-button.deeporange.bordered, .dt-sc-button.deeporange.fully-rounded-border{color:#ff5722;} .dt-sc-button.deeporange.fully-rounded-border, .dt-sc-button.deeporange.rounded-border:hover, .dt-sc-button.deeporange.bordered:hover, .dt-sc-button.deeporange.fully-rounded-border:hover{border-color:#ff5722;} /* DeepPurple */ .dt-sc-button.deeppurple, .dt-sc-button.deeppurple.filled, .dt-sc-button.deeppurple.rounded-border:hover, .dt-sc-button.deeppurple.bordered:hover, .dt-sc-button.deeppurple.fully-rounded-border:hover{background:#673ab7;} .dt-sc-button.deeppurple:hover, .dt-sc-button.deeppurple.filled:hover, .dt-sc-button.deeppurple.with-icon.icon-right.type1:hover{background:#532b99;} .dt-sc-button.deeppurple.rounded-border, .dt-sc-button.deeppurple.bordered, .dt-sc-button.deeppurple.fully-rounded-border{color:#673ab7;} .dt-sc-button.deeppurple.fully-rounded-border, .dt-sc-button.deeppurple.rounded-border:hover, .dt-sc-button.deeppurple.bordered:hover, .dt-sc-button.deeppurple.fully-rounded-border:hover{border-color:#673ab7;} /* Green */ .dt-sc-button.green, .dt-sc-button.green.filled, .dt-sc-button.green.rounded-border:hover, .dt-sc-button.green.bordered:hover, .dt-sc-button.green.fully-rounded-border:hover{background:#60ae0d;} .dt-sc-button.green:hover, .dt-sc-button.green.filled:hover, .dt-sc-button.green.with-icon.icon-right.type1:hover{background:#54990b;} .dt-sc-button.green.rounded-border, .dt-sc-button.green.bordered, .dt-sc-button.green.fully-rounded-border{color:#60ae0d;} .dt-sc-button.green.fully-rounded-border, .dt-sc-button.green.rounded-border:hover, .dt-sc-button.green.bordered:hover, .dt-sc-button.green.fully-rounded-border:hover{border-color:#60ae0d;} /* Lime */ .dt-sc-button.lime, .dt-sc-button.lime.filled, .dt-sc-button.lime.rounded-border:hover, .dt-sc-button.lime.bordered:hover, .dt-sc-button.lime.fully-rounded-border:hover{background:#cddc39;} .dt-sc-button.lime:hover, .dt-sc-button.lime.filled:hover, .dt-sc-button.lime.with-icon.icon-right.type1:hover{background:#b1bf27;} .dt-sc-button.lime.rounded-border, .dt-sc-button.lime.bordered, .dt-sc-button.lime.fully-rounded-border{color:#cddc39;} .dt-sc-button.lime.fully-rounded-border, .dt-sc-button.lime.rounded-border:hover, .dt-sc-button.lime.bordered:hover, .dt-sc-button.lime.fully-rounded-border:hover{border-color:#cddc39;} /* Magenta */ .dt-sc-button.magenta, .dt-sc-button.magenta.filled, .dt-sc-button.magenta.rounded-border:hover, .dt-sc-button.magenta.bordered:hover, .dt-sc-button.magenta.fully-rounded-border:hover{background:#cb506d;} .dt-sc-button.magenta:hover, .dt-sc-button.magenta.filled:hover, .dt-sc-button.magenta.with-icon.icon-right.type1:hover{background:#ae3753;} .dt-sc-button.magenta.rounded-border, .dt-sc-button.magenta.bordered, .dt-sc-button.magenta.fully-rounded-border{color:#cb506d;} .dt-sc-button.magenta.fully-rounded-border, .dt-sc-button.magenta.rounded-border:hover, .dt-sc-button.magenta.bordered:hover, .dt-sc-button.magenta.fully-rounded-border:hover{border-color:#cb506d;} /* Orange */ .dt-sc-button.orange, .dt-sc-button.orange.filled, .dt-sc-button.orange.rounded-border:hover, .dt-sc-button.orange.bordered:hover, .dt-sc-button.orange.fully-rounded-border:hover{background:#ff9800;} .dt-sc-button.orange:hover, .dt-sc-button.orange.filled:hover, .dt-sc-button.orange.with-icon.icon-right.type1:hover{background:#da8200;} .dt-sc-button.orange.rounded-border, .dt-sc-button.orange.bordered, .dt-sc-button.orange.fully-rounded-border{color:#ff9800;} .dt-sc-button.orange.fully-rounded-border, .dt-sc-button.orange.rounded-border:hover, .dt-sc-button.orange.bordered:hover, .dt-sc-button.orange.fully-rounded-border:hover{border-color:#ff9800;} /* Pink */ .dt-sc-button.pink, .dt-sc-button.pink.filled, .dt-sc-button.pink.rounded-border:hover, .dt-sc-button.pink.bordered:hover, .dt-sc-button.pink.fully-rounded-border:hover{background:#fd6ca3;} .dt-sc-button.pink:hover, .dt-sc-button.pink.filled:hover, .dt-sc-button.pink.with-icon.icon-right.type1:hover{background:#e86496;} .dt-sc-button.pink.rounded-border, .dt-sc-button.pink.bordered, .dt-sc-button.pink.fully-rounded-border{color:#fd6ca3;} .dt-sc-button.pink.fully-rounded-border, .dt-sc-button.pink.rounded-border:hover, .dt-sc-button.pink.bordered:hover, .dt-sc-button.pink.fully-rounded-border:hover{border-color:#fd6ca3;} /* Purple */ .dt-sc-button.purple, .dt-sc-button.purple.filled, .dt-sc-button.purple.rounded-border:hover, .dt-sc-button.purple.bordered:hover, .dt-sc-button.purple.fully-rounded-border:hover{background:#9c27b0;} .dt-sc-button.purple:hover, .dt-sc-button.purple.filled:hover, .dt-sc-button.purple.with-icon.icon-right.type1:hover{background:#7c1b8c;} .dt-sc-button.purple.rounded-border, .dt-sc-button.purple.bordered, .dt-sc-button.purple.fully-rounded-border{color:#9c27b0;} .dt-sc-button.purple.fully-rounded-border, .dt-sc-button.purple.rounded-border:hover, .dt-sc-button.purple.bordered:hover, .dt-sc-button.purple.fully-rounded-border:hover{border-color:#9c27b0;} /* Red */ .dt-sc-button.red, .dt-sc-button.red.filled, .dt-sc-button.red.rounded-border:hover, .dt-sc-button.red.bordered:hover, .dt-sc-button.red.fully-rounded-border:hover{background:#da0000;} .dt-sc-button.red:hover, .dt-sc-button.red.filled:hover, .dt-sc-button.red.with-icon.icon-right.type1:hover{background:#c50000;} .dt-sc-button.red.rounded-border, .dt-sc-button.red.bordered, .dt-sc-button.red.fully-rounded-border{color:#da0000;} .dt-sc-button.red.fully-rounded-border, .dt-sc-button.red.rounded-border:hover, .dt-sc-button.red.bordered:hover, .dt-sc-button.red.fully-rounded-border:hover{border-color:#da0000;} /* SkyBlue */ .dt-sc-button.skyblue, .dt-sc-button.skyblue.filled, .dt-sc-button.skyblue.rounded-border:hover, .dt-sc-button.skyblue.bordered:hover, .dt-sc-button.skyblue.fully-rounded-border:hover{background:#0eb2e7;} .dt-sc-button.skyblue:hover, .dt-sc-button.skyblue.filled:hover, .dt-sc-button.skyblue.with-icon.icon-right.type1:hover{background:#0da2d4;} .dt-sc-button.skyblue.rounded-border, .dt-sc-button.skyblue.bordered, .dt-sc-button.skyblue.fully-rounded-border{color:#0eb2e7;} .dt-sc-button.skyblue.fully-rounded-border, .dt-sc-button.skyblue.rounded-border:hover, .dt-sc-button.skyblue.bordered:hover, .dt-sc-button.skyblue.fully-rounded-border:hover{border-color:#0eb2e7;} /* Teal */ .dt-sc-button.teal, .dt-sc-button.teal.filled, .dt-sc-button.teal.rounded-border:hover, .dt-sc-button.teal.bordered:hover, .dt-sc-button.teal.fully-rounded-border:hover{background:#009688;} .dt-sc-button.teal:hover, .dt-sc-button.teal.filled:hover, .dt-sc-button.teal.with-icon.icon-right.type1:hover{background:#007f73;} .dt-sc-button.teal.rounded-border, .dt-sc-button.teal.bordered, .dt-sc-button.teal.fully-rounded-border{color:#009688;} .dt-sc-button.teal.fully-rounded-border, .dt-sc-button.teal.rounded-border:hover, .dt-sc-button.teal.bordered:hover, .dt-sc-button.teal.fully-rounded-border:hover{border-color:#009688;} /* Turquoise */ .dt-sc-button.turquoise, .dt-sc-button.turquoise.filled, .dt-sc-button.turquoise.rounded-border:hover, .dt-sc-button.turquoise.bordered:hover, .dt-sc-button.turquoise.fully-rounded-border:hover{background:#32ccbd;} .dt-sc-button.turquoise:hover, .dt-sc-button.turquoise.filled:hover, .dt-sc-button.turquoise.with-icon.icon-right.type1:hover{background:#24b6a8;} .dt-sc-button.turquoise.rounded-border, .dt-sc-button.turquoise.bordered, .dt-sc-button.turquoise.fully-rounded-border{color:#32ccbd;} .dt-sc-button.turquoise.fully-rounded-border, .dt-sc-button.turquoise.rounded-border:hover, .dt-sc-button.turquoise.bordered:hover, .dt-sc-button.turquoise.fully-rounded-border:hover{border-color:#32ccbd;} /* Wisteria */ .dt-sc-button.wisteria, .dt-sc-button.wisteria.filled, .dt-sc-button.wisteria.rounded-border:hover, .dt-sc-button.wisteria.bordered:hover, .dt-sc-button.wisteria.fully-rounded-border:hover{background:#9b59b6;} .dt-sc-button.wisteria:hover, .dt-sc-button.wisteria.filled:hover, .dt-sc-button.wisteria.with-icon.icon-right.type1:hover{background:#7c4094;} .dt-sc-button.wisteria.rounded-border, .dt-sc-button.wisteria.bordered, .dt-sc-button.wisteria.fully-rounded-border{color:#9b59b6;} .dt-sc-button.wisteria.fully-rounded-border, .dt-sc-button.wisteria.rounded-border:hover, .dt-sc-button.wisteria.bordered:hover, .dt-sc-button.wisteria.fully-rounded-border:hover{border-color:#9b59b6;} /* Yellow */ .dt-sc-button.yellow, .dt-sc-button.yellow.filled, .dt-sc-button.yellow.rounded-border:hover, .dt-sc-button.yellow.bordered:hover, .dt-sc-button.yellow.fully-rounded-border:hover{background:#ffe401;} .dt-sc-button.yellow:hover, .dt-sc-button.yellow.filled:hover, .dt-sc-button.yellow.with-icon.icon-right.type1:hover{background:#ebd302;} .dt-sc-button.yellow.rounded-border, .dt-sc-button.yellow.bordered, .dt-sc-button.yellow.fully-rounded-border{color:#ffe401;} .dt-sc-button.yellow.fully-rounded-border, .dt-sc-button.yellow.rounded-border:hover, .dt-sc-button.yellow.bordered:hover, .dt-sc-button.yellow.fully-rounded-border:hover{border-color:#ffe401;} /*-------------------------------------------------------------- 1.2 - Default Colors --------------------------------------------------------------*/ .dt-sc-button.rounded-border.black:hover, .dt-sc-button.bordered.black:hover, /* Dark bg */ .dt-sc-dark-bg .dt-sc-button.rounded-border, .dt-sc-dark-bg .dt-sc-button.bordered, .dt-sc-dark-bg.skin-color .dt-sc-button.fully-rounded-border, /* Skin highlight */.dt-sc-skin-highlight .dt-sc-button.rounded-border, .dt-sc-skin-highlight .dt-sc-button.bordered{color:#ffffff;} .dt-sc-skin-highlight .dt-sc-button.rounded-border:hover, .dt-sc-skin-highlight .dt-sc-button.bordered:hover{background:#ffffff;} .dt-sc-dark-bg .dt-sc-button.rounded-border, .dt-sc-dark-bg .dt-sc-button.bordered, .dt-sc-dark-bg.skin-color .dt-sc-button.fully-rounded-border, /* Skin highlight */.dt-sc-skin-highlight .dt-sc-button.rounded-border, .dt-sc-skin-highlight .dt-sc-button.bordered{border-color:#ffffff;} .dt-sc-button.with-icon.icon-right.type1:after{background:rgba(0, 0, 0, 0.1);} .dt-sc-button.with-icon.icon-left.type2 span:after{background:rgba(0, 0, 0, 0.05);} /*-------------------------------------------------------------- 1.3 - Responsive --------------------------------------------------------------*/ @media only screen and (min-width:992px) and (max-width:1199px) { .dt-sc-button.large.with-icon.icon-left span{line-height:18px;} } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { /** Buttons **/ .dt-sc-button.medium{font-size:13px;} .dt-sc-button.large{font-size:15px;padding:20px 34px 18px;} .dt-sc-button.xlarge{font-size:16px;padding:26px 36px 24px;} .dt-sc-button.xlarge.with-icon.icon-left span{margin-right:18px;margin-top:3px;} .dt-sc-button.large.with-icon.icon-right.type1{font-size:15px;padding-left:34px;} .dt-sc-button.medium.with-icon.icon-right.type1::after, .dt-sc-button.large.with-icon.icon-right.type1::after{width:32%;} .dt-sc-button.medium.with-icon.icon-right.type1:hover:after{width:36%;} .dt-sc-button.xlarge.with-icon.icon-right.type1{font-size:16px;padding-left:30px;} .dt-sc-button.xlarge.with-icon.icon-right.type1::after{width:34%;} .dt-sc-button.xlarge.with-icon.icon-right.type1:hover:after{width:36%;} .dt-sc-button.xlarge.with-icon.icon-right.type2{font-size:17px;padding:26px 80px 24px 20px;} .dt-sc-button.xlarge.with-icon.icon-right.type2 span{font-size:21px;padding-left:20px;right:23px;} .dt-sc-button.large.with-icon.icon-right.type2{font-size:14px;} .dt-sc-button.xlarge.with-icon.icon-right.type2{font-size:16px;} .dt-sc-button.medium.with-icon.icon-right.type3{font-size:15px;} .dt-sc-button.large.with-icon.icon-right.type3{font-size:16px;padding-left:24px;padding-right:88px;} .dt-sc-button.xlarge.with-icon.icon-right.type3{font-size:17px;padding-left:25px;padding-right:90px;} .dt-sc-button.xlarge.with-icon.icon-right.type3 span{width:65px;} .dt-sc-button.large.with-icon.icon-left.type2{padding-left:18px;padding-right:24px;} .dt-sc-button.large.with-icon.icon-left.type2 span{margin-right:18px;padding-right:18px;} .dt-sc-button.large.with-icon.icon-left.type2 span::after{left:52px;} .dt-sc-button.xlarge.with-icon.icon-left.type2{padding-left:20px;padding-right:24px;} .dt-sc-button.xlarge.with-icon.icon-left.type2 span{margin-right:20px;padding-right:20px;} .dt-sc-button.xlarge.with-icon.icon-left.type2 span::after{left:59px;} .dt-sc-colored-big-buttons.with-left-icon{padding-left:80px;} .dt-sc-colored-big-buttons span{width:65px;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .dt-sc-button.dt-sc-left-margin{margin-left:10px;margin-right:10px;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /** University **/ .aligncenter .dt-sc-button.medium.with-icon.icon-right.type3{padding:14px 80px 13px 30px;} } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { .dt-sc-colored-big-buttons{font-size:16px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { /** Buttons **/ .dt-sc-button.small{font-size:11px;} .dt-sc-button.medium{font-size:13px;} .dt-sc-button.large{font-size:14px;padding:20px 34px 18px;} .dt-sc-button.xlarge{font-size:15px;padding:26px 36px 24px;} .dt-sc-button.xlarge.with-icon.icon-left span{margin-right:18px;} .dt-sc-button.large.with-icon.icon-right.type1{font-size:15px;padding-left:34px;} .dt-sc-button.medium.with-icon.icon-right.type1::after, .dt-sc-button.large.with-icon.icon-right.type1::after{width:32%;} .dt-sc-button.medium.with-icon.icon-right.type1:hover:after{width:36%;} .dt-sc-button.xlarge.with-icon.icon-right.type1{font-size:16px;padding-left:30px;} .dt-sc-button.xlarge.with-icon.icon-right.type1::after{width:30%;} .dt-sc-button.xlarge.with-icon.icon-right.type2{font-size:17px;padding:26px 80px 24px 20px;} .dt-sc-button.xlarge.with-icon.icon-right.type2 span{font-size:21px;padding-left:20px;right:23px;} .dt-sc-button.large.with-icon.icon-right.type2{font-size:14px;} .dt-sc-button.xlarge.with-icon.icon-right.type2{font-size:16px;} .dt-sc-button.medium.with-icon.icon-right.type3{font-size:15px;} .dt-sc-button.large.with-icon.icon-right.type3{font-size:16px;padding-left:24px;padding-right:88px;} .dt-sc-button.xlarge.with-icon.icon-right.type3{font-size:17px;padding-left:25px;padding-right:90px;} .dt-sc-button.xlarge.with-icon.icon-right.type3 span{width:65px;} .dt-sc-button.large.with-icon.icon-left.type2{padding-left:18px;padding-right:24px;} .dt-sc-button.large.with-icon.icon-left.type2 span{margin-right:18px;padding-right:18px;} .dt-sc-button.large.with-icon.icon-left.type2 span::after{left:52px;} .dt-sc-button.xlarge.with-icon.icon-left.type2{padding-left:20px;padding-right:24px;} .dt-sc-button.xlarge.with-icon.icon-left.type2 span{margin-right:20px;padding-right:20px;} .dt-sc-button.xlarge.with-icon.icon-left.type2 span::after{left:59px;} .dt-sc-colored-big-buttons.with-left-icon{padding-left:80px;} .dt-sc-colored-big-buttons span{width:65px;} .dt-sc-button.dt-sc-left-margin{margin-left:0;} } /* Table of Content ================================================== 1.0 - Carousel 1.1 - Partner Carousel 1.2 - Images Carousel 1.3 - Testimonial Carousel 1.4 - Twitter Carousel 1.5 - Custom Carousel 1.6 - Default Color 1.7 - Custom Carousel*/ /*-------------------------------------------------------------- 1.0 - Carousel --------------------------------------------------------------*/ .carousel-arrows{position:absolute;right:0;} .carousel-arrows a{float:left;height:39px;margin:0 5px;position:relative;text-align:center;width:39px;} .carousel-arrows a:before{width:100%;height:100%;text-align:center;font-size:18px;line-height:39px;vertical-align:middle;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;position:absolute;left:0;right:0;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} @-moz-document url-prefix() { .carousel-arrows a:before{line-height:39px;} } .carousel-arrows a.testimonial-prev:before, .carousel-arrows a.partners-prev:before, .carousel-arrows a.images-prev:before{content:"\f104";} .carousel-arrows a.testimonial-next:before, .carousel-arrows a.partners-next:before, .carousel-arrows a.images-next:before{content:"\f105";} .dt-sc-partners-carousel-wrapper .carousel-arrows{left:0;right:0px;margin:auto;bottom:0px;top:0;pointer-events:none;} .caroufredsel_wrapper{margin-bottom:0px !important;} .dt-carousel-pagination{text-align:center;width:100%;float:left;margin-top:20px;} .dt-carousel-pagination a{position:relative;font-size:0;width:10px;height:10px;float:none;display:inline-block;margin:0 5px;} .dt-carousel-navigation a{float:left;height:33px;margin:0 5px 0 0;position:relative;text-align:center;width:33px;color:#fff;line-height:32px;font-size:15px;} .dt-carousel-navigation a:hover{background-color:#cccccc;color:#fff;} /*-------------------------------------------------------------- 1.1 - Partner Carousel --------------------------------------------------------------*/ .dt-sc-partners-carousel-wrapper{clear:both;display:block;float:left;margin:0px 0px 20px 0;padding:0px;width:100%;position:relative;} .dt-sc-partners-carousel li{display:block;float:left;margin:0 10px;text-align:center;} .dt-sc-partners-carousel li img{max-width:100%;display:block;margin:0 auto;opacity:0.3;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} .dt-sc-partners-carousel li:hover img{opacity:1;} .dt-sc-partners-carousel-wrapper .carousel-arrows a{position:absolute;left:30px;right:0px;margin:auto;top:0;bottom:0;margin:auto;pointer-events:auto;} .dt-sc-partners-carousel-wrapper .carousel-arrows a.partners-prev{left:-43px;right:auto;} .dt-sc-partners-carousel-wrapper .carousel-arrows a.partners-next{right:-43px;left:auto;} /*-------------------------------------------------------------- 1.2 - Images Carousel --------------------------------------------------------------*/ .dt-sc-images-wrapper{clear:both;display:block;margin:0 -10px;padding:0;position:relative;width:auto;} .dt-sc-images-carousel li{display:block;float:left;margin:0 10px 20px;padding:0;} .dt-sc-images-carousel li img{max-width:100%;} .dt-sc-images-wrapper .carousel-arrows{float:right;margin:10px 5px;position:static;} .dt-sc-images-wrapper .carousel-arrows a{border:none;margin:0 10px;border-radius:5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .dt-sc-images-wrapper .carousel-arrows a:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);display:inline-block;top:0;} /*-------------------------------------------------------------- 1.3 - Testimonial Carousel --------------------------------------------------------------*/ .dt-sc-testimonial-carousel li{display:block;float:left;margin:0;padding:0;} .dt-sc-testimonial-wrapper.type1, .dt-sc-testimonial-wrapper.type2{margin-left:-20px;width:-webkit-calc(100% + 20px);width:-moz-calc(100% + 20px);width:calc(100% + 20px);} .dt-sc-testimonial-wrapper.type1 .dt-sc-testimonial-carousel li, .dt-sc-testimonial-wrapper.type2 .dt-sc-testimonial-carousel li{margin:0 10px;} .dt-sc-testimonial-wrapper .carousel-arrows{display:inline-block;margin:45px 0 20px;position:static;} .dt-sc-testimonial-wrapper.type1 .carousel-arrows, .dt-sc-testimonial-wrapper.type3 .carousel-arrows, .dt-sc-testimonial-wrapper.type6 .carousel-arrows, .dt-sc-testimonial-wrapper.type7 .carousel-arrows{display:table;margin-left:auto;margin-right:auto;text-align:center;width:100px;} .dt-sc-testimonial-wrapper.type1 .carousel-arrows a{float:none;display:inline-block;} .dt-sc-testimonial-wrapper.type4 .dt-sc-testimonial.type4{padding-bottom:0;} .dt-sc-testimonial-wrapper.type4 .dt-sc-testimonial.type4 .dt-sc-testimonial-author cite{display:none;} .dt-sc-testimonial-wrapper.type6 .dt-sc-testimonial-carousel li{border-color:#dedede;border-style:solid;border-width:1px;position:relative;} .dt-sc-testimonial-wrapper.type6 .dt-sc-testimonial.type6{position:relative;} .dt-sc-testimonial-wrapper.type6 .dt-sc-testimonial.type6 .dt-sc-testimonial-quote blockquote::before{left:20px;} .dt-sc-testimonial-wrapper.type6 .carousel-arrows{bottom:-50px;left:0;right:0;text-align:center;} .dt-sc-testimonial-wrapper.type6 .carousel-arrows a{display:inline-block;float:none;} .dt-sc-testimonial-carousel .dt-sc-testimonial.type3 .dt-sc-testimonial-author, .dt-sc-testimonial-carousel .dt-sc-testimonial.type3 .dt-sc-testimonial-author cite{margin-top:20px;margin-bottom:0;} .dt-sc-testimonial-carousel .dt-sc-testimonial.type3 .dt-sc-testimonial-author cite small:before{content:"-";margin:0 5px;} .dt-sc-testimonial.special-testimonial-carousel blockquote q:before, .dt-sc-testimonial.special-testimonial-carousel blockquote q:after{content:"\201c";} .dt-sc-testimonial.special-testimonial-carousel blockquote{font-style:italic;font-weight:500;font-size:15px;} .dt-sc-testimonial.special-testimonial-carousel .dt-sc-testimonial-author{margin:20px 0 0;} .dt-sc-testimonial.special-testimonial-carousel .dt-sc-testimonial-author cite{font-style:normal;font-weight:500;text-transform:uppercase;font-size:15px;letter-spacing:1px;} .dt-sc-testimonial.special-testimonial-carousel .dt-sc-testimonial-author cite small{font-weight:500;text-transform:none;font-size:13px;clear:both;letter-spacing:normal;display:inline-block;width:100%;} .alignright .dt-sc-testimonial.special-testimonial-carousel blockquote, .alignright .dt-sc-testimonial.special-testimonial-carousel .dt-sc-testimonial-author{text-align:right;} /*-------------------------------------------------------------- 1.4 - Twitter Carousel --------------------------------------------------------------*/ .dt-sc-twitter-carousel-wrapper{clear:both;} /*-------------------------------------------------------------- 1.5 - Custom Carousel --------------------------------------------------------------*/ .vc_custom_carousel .slick-slider{text-align:center;} .vc_custom_carousel .slick-slider .slick-dots{background:#fff;border:1px solid;border-radius:5px;display:inline-block !important;margin:0 auto;padding:2px 5px 0;position:inherit;width:auto;} .vc_custom_carousel .slick-slider:before{border-top:1px dashed #000;bottom:-16px;content:"";left:0;position:absolute;width:100%;} .custom-dot-navigation ul.slick-dots{padding:5px 0;} .custom-dot-navigation ul.slick-dots li{margin:0;} .custom-dot-navigation ul.slick-dots li:hover i, .custom-dot-navigation ul.slick-dots li.slick-active i{transform:scaleX(-1);-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);} .custom-dot-navigation ul.slick-dots li i{position:relative;font-size:0;width:10px;height:10px;float:none;display:inline-block;transform:scaleX(1);-moz-transform:scaleX(1);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} .custom-arrow-navigation .slick-slider:before{content:"";display:block;position:absolute;bottom:-54px;width:2px;height:24px;background:#2b2b2b;left:0;right:0;margin:0 auto;} .custom-arrow-navigation .slick-slider button{position:absolute;bottom:-65px;left:0;right:0;margin:0 auto;top:auto;width:30px;height:30px;} .custom-arrow-navigation .slick-slider button.slick-prev{left:-60px;} .custom-arrow-navigation .slick-slider button.slick-next{right:-60px;} .custom-arrow-navigation .slick-next:before, .custom-arrow-navigation .slick-prev:before, .custom-arrow-navigation .slick-next:before, .custom-arrow-navigation .slick-next:before{visibility:hidden;} .custom-arrow-navigation .slick-slider button.slick-prev i:before, .custom-arrow-navigation .slick-slider button.slick-next i:before{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} .custom-arrow-navigation .slick-slider button.slick-prev i:before{content:"";display:block;position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:0;height:0;border-top:8px solid transparent;border-right:13px solid;border-bottom:8px solid transparent;} .custom-arrow-navigation .slick-slider button.slick-next i:before{content:"";display:block;position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:0;height:0;border-top:8px solid transparent;border-left:13px solid;border-bottom:8px solid transparent;} .custom-navigation .vc_images_carousel .vc_carousel-indicators li{position:relative;font-size:0;width:20px;height:20px;margin-right:10px;float:none;display:inline-block;transform:scaleX(1);-moz-transform:scaleX(1);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;border-radius:0;border:none;} .custom-navigation .vc_images_carousel .vc_carousel-indicators li.vc_active, .custom-navigation .vc_images_carousel .vc_carousel-indicators li:hover{transform:scaleX(-1);-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);} .custom-navigation .vc_images_carousel .vc_carousel-control{text-shadow:none;width:50px;height:50px;opacity:1;line-height:60px;margin:0;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);background:#fff;} .custom-navigation .vc_images_carousel .vc_carousel-control.vc_left{left:10px;} .custom-navigation .vc_images_carousel .vc_carousel-control.vc_right{right:10px;} .custom-navigation .vc_images_carousel .vc_carousel-control.vc_left .icon-prev:before{content:'\f2ea';font-family:Material-Design-Iconic-Font;top:-15px;} .custom-navigation .vc_images_carousel .vc_carousel-control.vc_right .icon-next:before{content:'\f2ee';font-family:Material-Design-Iconic-Font;top:-15px;} .custom-navigation .vc_images_carousel .vc_carousel-control:hover{color:#fff;} /*-------------------------------------------------------------- 1.6 - Default Colors --------------------------------------------------------------*/ .carousel-arrows a{border-color:rgba(0, 0, 0, 0.15);} .carousel-arrows a:before, .dt-sc-images-wrapper .carousel-arrows a:hover{color:#ffffff;} .dt-sc-images-wrapper .carousel-arrows a{background:rgba(0, 0, 0, 0.03);} /*-------------------------------------------------------------- 1.7 - Responsive --------------------------------------------------------------*/ @media only screen and (max-width: 1199px) and (min-width: 992px) { .dt-sc-partners-carousel-wrapper .carousel-arrows a.partners-prev{left:-15px;;} .dt-sc-partners-carousel-wrapper .carousel-arrows a.partners-next{right:-15px;;} } @media only screen and (max-width: 991px) and (min-width: 768px) { .dt-sc-partners-carousel-wrapper .carousel-arrows a.partners-prev{left:0;} .dt-sc-partners-carousel-wrapper .carousel-arrows a.partners-next{right:0;} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 767px) { .custom-navigation .vc_images_carousel .vc_carousel-control.vc_right .icon-next:before, .custom-navigation .vc_images_carousel .vc_carousel-control.vc_left .icon-prev:before{top:-20px;} .dt-sc-partners-carousel li{width:100%;} .dt-sc-partners-carousel-wrapper .carousel-arrows a.partners-prev{left:0;} .dt-sc-partners-carousel-wrapper .carousel-arrows a.partners-next{right:0;} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .dt-sc-images-wrapper{margin-top:40px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { .dt-sc-partners-carousel li img{display:block;margin:0 auto;} } /* Table of Content ================================================== 1.0 - Transition 2.0 - Contact 3.0 - Browser Css 4.0 - Default Color*/ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .dt-sc-contact-info.type2, .dt-sc-contact-info.type2 span, .dt-sc-contact-info.type5, .dt-sc-contact-info.type8 span, .dt-sc-contact-info.type4:after, .dt-sc-contact-info.type4, .dt-sc-contact-info.type4 *, .dt-sc-contact-info.type4 h6:after, .dt-sc-contact-info.type4 span:after{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} /*-------------------------------------------------------------- 2.0 - Contact --------------------------------------------------------------*/ .dt-sc-contact-info{float:left;margin:0px;padding:0px;clear:both;width:100%;line-height:30px;position:relative;padding-left:50px;} .dt-sc-contact-info span{float:left;margin:3px 10px 0px 0px;font-size:30px;width:30px;text-align:center;position:absolute;left:0;top:0;} .dt-sc-contact-info p{margin:0px;} .dt-sc-contact-info .icon-pointer{margin-bottom:10px;} #header .dt-sc-contact-info span{font-size:23px;width:auto;margin:auto 0;height:100%;border-right:1px solid #d0d0d0;padding-right:12px;vertical-align:middle;bottom:0;padding-top:8px;} #header .dt-sc-contact-info{font-size:14px;line-height:22px;} .dt-sc-contact-info.type2{border:1px solid;padding:0px 0px 10px 100px;font-size:14px;line-height:26px;} .dt-sc-contact-info.type2 h6{text-transform:uppercase;font-size:13px;letter-spacing:0.6px;margin:10px 0px;font-weight:bold;} .dt-sc-contact-info.type2 span{float:left;position:absolute;left:0px;top:-3px;height:100%;width:80px;font-size:30px;line-height:100px;} .dt-sc-contact-info.type3{position:relative;padding:40px 20px 90px;text-align:center;} .dt-sc-contact-info.type3 h6{font-size:18px;text-transform:uppercase;} .dt-sc-contact-info.type3 h6, .dt-sc-contact-info.type3 p{position:relative;z-index:1;font-weight:normal;} .dt-sc-contact-info.type3 span{position:absolute;left:0px;right:0px;margin:auto;bottom:-30px;top:auto;font-size:32px;line-height:60px;z-index:1;} .dt-sc-contact-info.type3:before{border-style:solid;border-width:1px 1px 0;content:"";height:auto;pointer-events:none;position:absolute;bottom:0;left:10px;right:10px;top:10px;width:auto;} .dt-sc-contact-info.type3:after{content:"";position:absolute;left:0px;right:0px;margin:auto;bottom:-30px;width:60px;height:60px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .dt-sc-contact-info.type3 a{color:rgba(0, 0, 0, 0.7);} .dt-sc-contact-info.type3 a:hover{color:#fff;} .dt-sc-contact-info.type4{border:1px solid;border-right-width:0;text-align:center;padding:30px 10px;margin:0px -1px 0px 0px;float:left;} .last .dt-sc-contact-info.type4{border-right:1px solid;} .dt-sc-contact-info.type4 span{display:inline-block;float:none;position:relative;width:70px;height:70px;margin-bottom:20px;line-height:68px;} .dt-sc-contact-info.type4 h6{font-size:16px;font-weight:bold;text-transform:uppercase;} .dt-sc-contact-info.type4 span:before{position:relative;z-index:1;font-size:30px;} .dt-sc-contact-info.type4 span:after{content:"";position:absolute;left:0px;right:0px;top:8px;margin:auto;width:50px;height:50px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:5px;} .dt-sc-contact-info.type4:before{content:"";position:absolute;right:-7px;top:0px;bottom:0px;margin:auto;width:12px;height:12px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:1;} .last .dt-sc-contact-info.type4:before{content:none;} .dt-sc-contact-info-wrapper{float:left;width:100%;text-align:center;position:relative;z-index:99;} .dt-sc-contact-info-wrapper .wpb_column{float:none;display:inline-block;} .dt-sc-contact-info.type5{text-align:center;padding:40px 20px;} .dt-sc-contact-info.type5 .dt-sc-contact-icon span{font-size:60px;line-height:72px;position:relative;z-index:9;width:auto;float:none;margin:0px;} .dt-sc-contact-info.type5 h6{font-size:16px;text-transform:uppercase;margin:30px 0px 0px;font-weight:600;} .dt-sc-contact-info.type5 .dt-sc-contact-icon{text-align:center;position:relative;width:131px;height:75.06px;margin:43.30px 0;border-left:solid 3px;border-right:solid 3px;display:inline-block;} .dt-sc-contact-info.type5 .dt-sc-contact-icon:before, .dt-sc-contact-info.type5 .dt-sc-contact-icon:after{content:"";position:absolute;z-index:1;width:91.92px;height:91.92px;-webkit-transform:scaleY(0.5774) rotate(-45deg);-ms-transform:scaleY(0.5774) rotate(-45deg);transform:scaleY(0.5774) rotate(-45deg);background-color:inherit;left:17.0381px;} .dt-sc-contact-info.type5 .dt-sc-contact-icon:before{top:-45.9619px;border-top:solid 4.2426px;border-right:solid 4.2426px;} .dt-sc-contact-info.type5 .dt-sc-contact-icon:after{bottom:-45.9619px;border-bottom:solid 4.2426px;border-left:solid 4.2426px;} .dt-sc-contact-info.type5.blue .dt-sc-contact-icon{background:#3d9bd5;} .dt-sc-contact-info.type5.blue .dt-sc-contact-icon, .dt-sc-contact-info.type5.blue .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.blue .dt-sc-contact-icon:after{border-color:#358cc6;} .dt-sc-contact-info.type5.blue:hover{background-color:#3d9bd5;} .dt-sc-contact-info.type5.blue:hover .dt-sc-contact-icon span{color:#3d9bd5;} .dt-sc-contact-info.type5.brown .dt-sc-contact-icon{background:#795548;} .dt-sc-contact-info.type5.brown .dt-sc-contact-icon, .dt-sc-contact-info.type5.brown .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.brown .dt-sc-contact-icon:after{border-color:#573a30;} .dt-sc-contact-info.type5.brown:hover{background-color:#795548;} .dt-sc-contact-info.type5.brown:hover .dt-sc-contact-icon span{color:#795548;} .dt-sc-contact-info.type5.cadetblue .dt-sc-contact-icon{background:#3c939d;} .dt-sc-contact-info.type5.cadetblue .dt-sc-contact-icon, .dt-sc-contact-info.type5.cadetblue .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.cadetblue .dt-sc-contact-icon:after{border-color:#34818a;} .dt-sc-contact-info.type5.cadetblue:hover{background-color:#3c939d;} .dt-sc-contact-info.type5.cadetblue:hover .dt-sc-contact-icon span{color:#3c939d;} .dt-sc-contact-info.type5.chillipepper .dt-sc-contact-icon{background:#c10841;} .dt-sc-contact-info.type5.chillipepper .dt-sc-contact-icon, .dt-sc-contact-info.type5.chillipepper .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.chillipepper .dt-sc-contact-icon:after{border-color:#9d0836;} .dt-sc-contact-info.type5.chillipepper:hover{background-color:#c10841;} .dt-sc-contact-info.type5.chillipepper:hover .dt-sc-contact-icon span{color:#c10841;} .dt-sc-contact-info.type5.cyan .dt-sc-contact-icon{background:#00bcd4;} .dt-sc-contact-info.type5.cyan .dt-sc-contact-icon, .dt-sc-contact-info.type5.cyan .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.cyan .dt-sc-contact-icon:after{border-color:#00a0b4;} .dt-sc-contact-info.type5.cyan:hover{background-color:#00bcd4;} .dt-sc-contact-info.type5.cyan:hover .dt-sc-contact-icon span{color:#00bcd4;} .dt-sc-contact-info.type5.darkgolden .dt-sc-contact-icon{background:#b48b3c;} .dt-sc-contact-info.type5.darkgolden .dt-sc-contact-icon, .dt-sc-contact-info.type5.darkgolden .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.darkgolden .dt-sc-contact-icon:after{border-color:#a17b35;} .dt-sc-contact-info.type5.darkgolden:hover{background-color:#b48b3c;} .dt-sc-contact-info.type5.darkgolden:hover .dt-sc-contact-icon span{color:#b48b3c;} .dt-sc-contact-info.type5.deeporange .dt-sc-contact-icon{background:#ff5722;} .dt-sc-contact-info.type5.deeporange .dt-sc-contact-icon, .dt-sc-contact-info.type5.deeporange .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.deeporange .dt-sc-contact-icon:after{border-color:#db4211;} .dt-sc-contact-info.type5.deeporange:hover{background-color:#ff5722;} .dt-sc-contact-info.type5.deeporange:hover .dt-sc-contact-icon span{color:#ff5722;} .dt-sc-contact-info.type5.deeppurple .dt-sc-contact-icon{background:#673ab7;} .dt-sc-contact-info.type5.deeppurple .dt-sc-contact-icon, .dt-sc-contact-info.type5.deeppurple .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.deeppurple .dt-sc-contact-icon:after{border-color:#532b99;} .dt-sc-contact-info.type5.deeppurple:hover{background-color:#673ab7;} .dt-sc-contact-info.type5.deeppurple:hover .dt-sc-contact-icon span{color:#673ab7;} .dt-sc-contact-info.type5.green .dt-sc-contact-icon{background:#68b471;} .dt-sc-contact-info.type5.green .dt-sc-contact-icon, .dt-sc-contact-info.type5.green .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.green .dt-sc-contact-icon:after{border-color:#58975f;} .dt-sc-contact-info.type5.green:hover{background-color:#68b471;} .dt-sc-contact-info.type5.green:hover .dt-sc-contact-icon span{color:#68b471;} .dt-sc-contact-info.type5.lime .dt-sc-contact-icon{background:#cddc39;} .dt-sc-contact-info.type5.lime .dt-sc-contact-icon, .dt-sc-contact-info.type5.lime .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.lime .dt-sc-contact-icon:after{border-color:#b1bf27;} .dt-sc-contact-info.type5.lime:hover{background-color:#cddc39;} .dt-sc-contact-info.type5.lime:hover .dt-sc-contact-icon span{color:#cddc39;} .dt-sc-contact-info.type5.magenta .dt-sc-contact-icon{background:#cb506d;} .dt-sc-contact-info.type5.magenta .dt-sc-contact-icon, .dt-sc-contact-info.type5.magenta .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.magenta .dt-sc-contact-icon:after{border-color:#ae3753;} .dt-sc-contact-info.type5.magenta:hover{background-color:#cb506d;} .dt-sc-contact-info.type5.magenta:hover .dt-sc-contact-icon span{color:#cb506d;} .dt-sc-contact-info.type5.orange .dt-sc-contact-icon{background:#ea8852;} .dt-sc-contact-info.type5.orange .dt-sc-contact-icon, .dt-sc-contact-info.type5.orange .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.orange .dt-sc-contact-icon:after{border-color:#d27745;} .dt-sc-contact-info.type5.orange:hover{background-color:#ea8852;} .dt-sc-contact-info.type5.orange:hover .dt-sc-contact-icon span{color:#ea8852;} .dt-sc-contact-info.type5.pink .dt-sc-contact-icon{background:#fd6ca3;} .dt-sc-contact-info.type5.pink .dt-sc-contact-icon, .dt-sc-contact-info.type5.pink .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.pink .dt-sc-contact-icon:after{border-color:#df5e8f;} .dt-sc-contact-info.type5.pink:hover{background-color:#fd6ca3;} .dt-sc-contact-info.type5.pink:hover .dt-sc-contact-icon span{color:#fd6ca3;} .dt-sc-contact-info.type5.purple .dt-sc-contact-icon{background:#9c27b0;} .dt-sc-contact-info.type5.purple .dt-sc-contact-icon, .dt-sc-contact-info.type5.purple .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.purple .dt-sc-contact-icon:after{border-color:#7c1b8c;} .dt-sc-contact-info.type5.purple:hover{background-color:#9c27b0;} .dt-sc-contact-info.type5.purple:hover .dt-sc-contact-icon span{color:#9c27b0;} .dt-sc-contact-info.type5.red .dt-sc-contact-icon{background:#da0000;} .dt-sc-contact-info.type5.red .dt-sc-contact-icon, .dt-sc-contact-info.type5.red .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.red .dt-sc-contact-icon:after{border-color:#c50000;} .dt-sc-contact-info.type5.red:hover{background-color:#da0000;} .dt-sc-contact-info.type5.red:hover .dt-sc-contact-icon span{color:#da0000;} .dt-sc-contact-info.type5.skyblue .dt-sc-contact-icon{background:#0eb2e7;} .dt-sc-contact-info.type5.skyblue .dt-sc-contact-icon, .dt-sc-contact-info.type5.skyblue .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.skyblue .dt-sc-contact-icon:after{border-color:#0da2d4;} .dt-sc-contact-info.type5.skyblue:hover{background-color:#0eb2e7;} .dt-sc-contact-info.type5.skyblue:hover .dt-sc-contact-icon span{color:#0eb2e7;} .dt-sc-contact-info.type5.teal .dt-sc-contact-icon{background:#009688;} .dt-sc-contact-info.type5.teal .dt-sc-contact-icon, .dt-sc-contact-info.type5.teal .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.teal .dt-sc-contact-icon:after{border-color:#007f73;} .dt-sc-contact-info.type5.teal:hover{background-color:#009688;} .dt-sc-contact-info.type5.teal:hover .dt-sc-contact-icon span{color:#009688;} .dt-sc-contact-info.type5.turquoise .dt-sc-contact-icon{background:#32ccbd;} .dt-sc-contact-info.type5.turquoise .dt-sc-contact-icon, .dt-sc-contact-info.type5.turquoise .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.turquoise .dt-sc-contact-icon:after{border-color:#24b6a8;} .dt-sc-contact-info.type5.turquoise:hover{background-color:#32ccbd;} .dt-sc-contact-info.type5.turquoise:hover .dt-sc-contact-icon span{color:#32ccbd;} .dt-sc-contact-info.type5.wisteria .dt-sc-contact-icon{background:#9b59b6;} .dt-sc-contact-info.type5.wisteria .dt-sc-contact-icon, .dt-sc-contact-info.type5.wisteria .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.wisteria .dt-sc-contact-icon:after{border-color:#7c4094;} .dt-sc-contact-info.type5.wisteria:hover{background-color:#9b59b6;} .dt-sc-contact-info.type5.wisteria:hover .dt-sc-contact-icon span{color:#9b59b6;} .dt-sc-contact-info.type5.yellow .dt-sc-contact-icon{background:#ffe401;} .dt-sc-contact-info.type5.yellow .dt-sc-contact-icon, .dt-sc-contact-info.type5.yellow .dt-sc-contact-icon:before, .dt-sc-contact-info.type5.yellow .dt-sc-contact-icon:after{border-color:#ebd302;} .dt-sc-contact-info.type5.yellow:hover{background-color:#ffe401;} .dt-sc-contact-info.type5.yellow:hover .dt-sc-contact-icon span{color:#ffe401;} .dt-sc-contact-info.type5:hover{background:url(//www.kadikoydogalgazprojesi.com/wp-content/plugins/designthemes-core-features/shortcodes/images/hexagon-shape-pattern.png) repeat;} .dt-sc-contact-details-on-map{position:relative;float:left;clear:both;width:100%;margin:0px;padding:0px;} .dt-sc-contact-details-on-map .map{widows:100%;margin:0px;padding:0px;float:left;clear:both;} .dt-sc-contact-details-on-map img{max-width:100%;height:auto;display:block;} .dt-sc-contact-details-on-map .map-switch-icon{position:absolute;left:0px;right:0px;top:-40px;width:80px;height:80px;margin:auto;border-radius:50%;text-align:center;font-size:32px;line-height:80px;z-index:9;} .dt-sc-contact-details-on-map .dt-sc-map-overlay{float:none;margin:0 auto !important;max-width:1200px;padding:140px 0 0;position:absolute;left:0;right:0;top:0;height:100%;width:100%;z-index:1;} .dt-sc-contact-details-on-map .dt-sc-map-overlay h3{font-weight:normal;} .dt-sc-contact-info.type6{text-align:center;padding:30px 20px;position:relative;} .dt-sc-contact-info.type6 span{font-size:36px;position:relative;z-index:9;width:auto;float:none;margin:0px;} .dt-sc-contact-info.type6 h6{font-size:18px;text-transform:uppercase;margin:20px 0px 13px;} .dt-sc-contact-info.type6:before{content:"";position:absolute;left:-15px;top:-15px;width:100%;height:100%;z-index:-1;} .dt-sc-contact-info.type7{padding:0px 0px 10px 100px;position:relative;} .dt-sc-contact-info.type7 h6{text-transform:uppercase;font-size:16px;letter-spacing:0.6px;margin:10px 0px;font-weight:bold;} .dt-sc-contact-info.type7 span{float:left;position:absolute;left:0px;top:15px;height:100%;width:65px;font-size:30px;line-height:65px;color:#ffffff;} .dt-sc-contact-info.type7 span:after{content:"";position:absolute;width:65px;height:65px;left:0px;top:0px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:10px;z-index:-1;} .dt-sc-contact-info.type7 a{display:block;} .dt-sc-contact-info.type8, #footer .dt-sc-contact-info.type8{padding:0;position:relative;text-align:center;margin:90px 0px 0px;} .dt-sc-contact-info.type8 span{position:absolute;top:-100px;left:0;right:0;margin:auto;width:84px;height:84px;font-size:32px;line-height:84px;color:#ffffff;background:#000000;border-radius:50%;box-shadow:0 0 0 5px #fff;-webkit-box-shadow:0 0 0 5px #fff;-moz-box-shadow:0 0 0 5px #fff;-ms-box-shadow:0 0 0 5px #fff;-o-box-shadow:0 0 0 5px #fff;} .dt-sc-contact-info.type8 h6{font-size:16px;font-weight:bold;text-transform:uppercase;letter-spacing:0.6px;margin-bottom:10px;} /*-------------------------------------------------------------- 3.0 - Browser Fix --------------------------------------------------------------*/ @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari */ ::i-block-chrome,.dt-sc-contact-info.type3:before{width:92%;height:95%;} } /*-------------------------------------------------------------- 4.0 - Default Colors --------------------------------------------------------------*/ .dt-sc-dark-bg .dt-sc-contact-info.type8{border-color:#ffffff;} .dt-sc-dark-bg .dt-sc-contact-info.type8 p a:hover{color:rgba(255, 255, 255, 0.5);} .dt-sc-contact-info.type2 h6{color:rgba(0, 0, 0, 0.5);} .dt-sc-contact-info.type2 span, .dt-sc-contact-info.type3 p a, .dt-sc-dark-bg .dt-sc-contact-info.type8 a, .dt-sc-contact-info.type3 h6, .dt-sc-contact-info.type3 p, .dt-sc-contact-info.type4 span:before, .dt-sc-contact-info.type5 .dt-sc-contact-icon span, .dt-sc-contact-info.type5:hover h6 a, .dt-sc-contact-info.type6, .dt-sc-contact-info.type6 span, .dt-sc-contact-info.type6 h6, .dt-sc-contact-info.type6 a, /* Dark bg */ .dt-sc-dark-bg .dt-sc-contact-info.type8 p a{color:#ffffff;} .dt-sc-contact-info.type6 a:hover{color:rgba(0, 0, 0, 0.6);} .dt-sc-contact-info.type3 p a:hover{color:#000000;} .dt-sc-contact-info.type5 h6 a{color:#222222;} .dt-sc-dark-bg .dt-sc-contact-info.type8 a:hover{color:rgba(255, 255, 255, 0.2);} .dt-sc-contact-info.type2{border-color:#000000;} .dt-sc-contact-info.type3:before{border-color:rgba(255, 255, 255, 0.4);} .dt-sc-contact-info.type3:after, .dt-sc-contact-info.type5:hover .dt-sc-contact-icon{background:#ffffff;} .dt-sc-contact-info.type2 span, .dt-sc-contact-info.type6:before{background:#000000;} /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { .dt-sc-contact-info.type5 h6{font-size:15px;margin:20px 0 0;} .dt-sc-contact-info.type4{font-size:15px;} /** Contact Info **/ .dt-sc-contact-info.type6, .dt-sc-contact-info.type6 p, .dt-sc-contact-info.type6 a{font-size:12px;} .dt-sc-contact-info.type7{padding-left:80px;} } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { .dt-sc-contact-info.type2{padding-left:75px;} .dt-sc-contact-info.type2 span{width:60px;} .rs_four_two_col .dt-sc-contact-info.type3{margin-top:20px;} .dt-sc-contact-info.type2, .dt-sc-contact-info.type2 p, .dt-sc-contact-info.type2 a, .dt-sc-contact-info.type4, .dt-sc-contact-info.type4 p, .dt-sc-contact-info.type4 a{font-size:11px;} .wpb_column:not(.rs_col-sm-6) .dt-sc-contact-info.type3 h6{font-size:12px;} .wpb_column:not(.rs_col-sm-6) .dt-sc-contact-info.type3, .wpb_column:not(.rs_col-sm-6) .dt-sc-contact-info.type3 p, .wpb_column:not(.rs_col-sm-6) .dt-sc-contact-info.type3 a{font-size:10px;} .dt-sc-contact-info.type5 .dt-sc-contact-icon{width:102px;height:55.06px;margin:33.3px 0;} .dt-sc-contact-info.type5 .dt-sc-contact-icon::before, .dt-sc-contact-info.type5 .dt-sc-contact-icon::after{height:71.92px;width:71.92px;left:12.038px;} .dt-sc-contact-info.type5 .dt-sc-contact-icon::before{top:-35.962px;} .dt-sc-contact-info.type5 .dt-sc-contact-icon::after{bottom:-35.962px;} .dt-sc-contact-info.type5 .dt-sc-contact-icon span{font-size:45px;line-height:57px;} .dt-sc-contact-info.type5 h6{font-size:14px;margin:20px 0 0;} /** Custom Class **/ .rs_col-sm-6 .dt-sc-contact-info.type3{margin-bottom:50px;} .rs_col-sm-6 .dt-sc-contact-info.type6{margin-bottom:30px;} .rs_col-sm-6 .dt-sc-contact-info.type7{padding-bottom:20px;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { /** Contact Info **/ .dt-sc-contact-info.type2{margin:0 0 20px;} .dt-sc-contact-info.type3{margin:0 0 70px;} .dt-sc-contact-info.type5{margin:0 0 30px;} .dt-sc-contact-info.type6{margin:0 0 35px;} .dt-sc-contact-info.type8{margin:90px 0;} .dt-sc-contact-info.type4{margin:0 auto 30px;} .dt-sc-contact-info.type4, .dt-sc-contact-info.type6{display:block;float:none;margin-left:auto;margin-right:auto;} .dt-sc-contact-info.type7{padding-left:120px;} .dt-sc-contact-info.type7 span{left:15px;} .dt-sc-contact-info.type8 span{top:-120px;} .dt-sc-contact-info.type4:after{content:"";height:12px;margin:auto;position:absolute;bottom:0;left:-7px;top:0;width:12px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:1;} .dt-sc-contact-info.type4{border-right-width:1px;margin:0 auto 30px;width:95%;} .last .dt-sc-contact-info.type4:before{content:"";} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { /** Contact Info **/ .dt-sc-contact-info.type2{padding-left:85px;} .dt-sc-contact-info.type2 span{width:65px;} .dt-sc-contact-info.type7{padding-left:110px;} .dt-sc-contact-info.type6:before{left:-5px;top:-5px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { /** Contact Info **/ .dt-sc-contact-info.type2{padding:100px 10px 10px;text-align:center;} .dt-sc-contact-info.type2 span{height:auto;top:-4px;width:100%;} .dt-sc-contact-info.type6{font-size:12px;} .dt-sc-contact-info.type7{margin:0 0 30px;padding:90px 0 0;text-align:center;width:100%;} .dt-sc-contact-info.type7 span{left:0;right:0;margin:0 auto;} } /* Table of Content ================================================== 1.0 - Transition 1.1 - Number Counter 1.2 - Browser Css 1.3 - Default Color*/ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .dt-sc-counter.type6 .dt-sc-couter-icon-holder:before, .dt-sc-counter.type2 .dt-sc-couter-icon-holder, .dt-sc-counter.type4 .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4 .dt-sc-couter-icon-holder, .dt-sc-counter.type5:before, .dt-sc-counter.type5:after, .dt-sc-counter.type3 .icon-wrapper, .dt-sc-counter.type1 .icon-wrapper span, .dt-sc-counter.type1 .dt-sc-counter-number, .dt-sc-counter.type1 .dt-sc-counter-number:before, .dt-sc-counter.type1 .icon-wrapper span:after{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} /*-------------------------------------------------------------- 1.1 - Number Counter --------------------------------------------------------------*/ .dt-sc-counter{float:left;clear:both;width:100%;margin:0px;padding:0px;} .dt-sc-counter.type1 .icon-wrapper{float:left;width:90px;height:90px;border:2px solid;clear:both;position:relative;margin:0 20px 20px 0;border-radius:50%;text-align:center;} .dt-sc-counter.type1 .icon-wrapper span{font-size:32px;line-height:85px;} .dt-sc-counter.type1 .dt-sc-counter-number{font-size:50px;font-weight:600;margin:15px 0 20px;display:inline-block;} .dt-sc-counter.type1 h4{font-size:20px;text-transform:uppercase;margin-bottom:5px;font-weight:400;letter-spacing:2px;} .dt-sc-counter.type1.aligncenter .icon-wrapper:before{left:0;right:0;margin:0 auto;} .secondary-skin-highlight .dt-sc-counter.type1 .dt-sc-counter-number:before{background:#fff;} .dt-sc-counter.type2{text-align:center;} .dt-sc-counter.type2 .icon-wrapper span.pe-icon, .dt-sc-counter.type2 .icon-wrapper span.icon, .dt-sc-counter.type2 .icon-wrapper span.fa, .dt-sc-counter.type2 .icon-wrapper span.icons{font-size:30px;display:inline-block;margin-bottom:10px;} .dt-sc-counter.type2 .dt-sc-couter-icon-holder{display:inline-block;width:120px;height:120px;padding:30px 0px;} .dt-sc-counter.type2 .dt-sc-counter-number, .dt-sc-counter.type2 h4{font-size:21px;} .dt-sc-counter.type2 h4{font-size:20px;margin:20px 0px 0px;font-weight:500;} .dt-sc-counter.type2.alignleft{text-align:left;} .dt-sc-counter.type2.alignright{text-align:right;} .dt-sc-counter.type2.alignleft .dt-sc-couter-icon-holder, .dt-sc-counter.type2.alignright .dt-sc-couter-icon-holder{text-align:center;} .dt-sc-counter.type3{text-align:center;border:1px solid;padding:55px 5px;} .dt-sc-counter.type3.without-border{border-width:0;} .dt-sc-counter.type3.last, .last .dt-sc-counter.type3{border-right-width:0;} .dt-sc-counter.type3 .dt-sc-couter-icon-holder{display:inline-block;padding:0px;margin:0;} .dt-sc-counter.type3 .dt-sc-couter-icon-holder .icon-wrapper{width:72px;height:72px;border-radius:50%;margin:0px auto 25px;position:relative;text-align:center;} .dt-sc-counter.type3 .dt-sc-couter-icon-holder span{line-height:70px;font-size:24px;} .dt-sc-counter.type3 .dt-sc-counter-number{font-size:40px;font-weight:bold;} .dt-sc-counter.type3 h4{font-size:14px;margin:10px 0px 0px;text-transform:uppercase;padding:0px;font-weight:400;letter-spacing:1px;} .dt-sc-counter.type3.diamond-square{border-style:dashed;} .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder{margin-top:0px;} .dt-sc-counter.type3.diamond-square h4{font-size:14px;text-transform:uppercase;letter-spacing:1px;padding-bottom:10px;} .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper{background:none;width:100px;height:65px;} .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:before{content:"";position:absolute;left:-2px;right:0px;top:-1px;margin:auto;width:65px;height:65px;transform:rotate(37deg) skewX(-17deg) skewY(-3deg);-ms-transform:rotate(37deg) skewX(-17deg) skewY(-3deg);-webkit-transform:rotate(37deg) skewX(-17deg) skewY(-3deg);} .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:after{content:"";position:absolute;left:-3px;right:0px;top:3px;margin:auto;border:1px solid;width:57px;height:57px;transform:rotate(37deg) skewX(-17deg) skewY(-3deg);-ms-transform:rotate(37deg) skewX(-17deg) skewY(-3deg);-webkit-transform:rotate(37deg) skewX(-17deg) skewY(-3deg);} .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper span{position:relative;line-height:65px;} .dt-sc-counter.type3.diamond-square:hover .dt-sc-couter-icon-holder .icon-wrapper{background-color:inherit;} .dt-sc-counter.type3.diamond-square .icon-wrapper:before{border-radius:0;} .dt-sc-counter.type3.alignright{text-align:right;padding-right:30px;} .dt-sc-counter.type3.alignleft{text-align:left;padding-left:30px;} .dt-sc-counter.type4{text-align:center;} .dt-sc-counter.type4 .dt-sc-couter-icon-holder{display:inline-block;width:140px;height:140px;border:5px solid;border-radius:50%;position:relative;} .dt-sc-counter.type4 .dt-sc-couter-icon-holder .icon-wrapper{width:70px;height:70px;border:5px solid;border-radius:50%;position:absolute;left:-40px;top:-10px;line-height:60px;} .dt-sc-counter.type4 .dt-sc-couter-icon-holder span{line-height:60px;font-size:32px;} .dt-sc-counter.type4 .dt-sc-counter-number{font-size:30px;line-height:135px;} .dt-sc-counter.type4 h4{font-size:17px;margin:15px 0px 0px;text-transform:uppercase;padding:0px;} .dt-sc-counter.type4.alignright .dt-sc-couter-icon-holder .icon-wrapper{left:auto;right:-40px;} .dt-sc-counter.type4.aligncenter .dt-sc-couter-icon-holder .icon-wrapper{left:0;right:0;top:-30px;margin:0 auto;} .dt-sc-dark-bg .dt-sc-counter.type4 .dt-sc-counter-number{color:#000000;} .dt-sc-dark-bg .dt-sc-counter.type4:hover .dt-sc-counter-number{color:#fff;} .dt-sc-counter.type4.blue .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.blue:hover .dt-sc-couter-icon-holder{background:#008bd3;} .dt-sc-counter.type4.brown .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.brown:hover .dt-sc-couter-icon-holder{background:#795548;} .dt-sc-counter.type4.cadetblue .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.cadetblue:hover .dt-sc-couter-icon-holder{background:#3c939d;} .dt-sc-counter.type4.chillipepper .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.chillipepper:hover .dt-sc-couter-icon-holder{background:#c10841;} .dt-sc-counter.type4.cyan .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.cyan:hover .dt-sc-couter-icon-holder{background:#00bcd4;} .dt-sc-counter.type4.darkgolden .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.darkgolden:hover .dt-sc-couter-icon-holder{background:#b48b3c;} .dt-sc-counter.type4.deeporange .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.deeporange:hover .dt-sc-couter-icon-holder{background:#ff5722;} .dt-sc-counter.type4.deeppurple .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.deeppurple:hover .dt-sc-couter-icon-holder{background:#673ab7;} .dt-sc-counter.type4.green .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.green:hover .dt-sc-couter-icon-holder{background:#6ca04a;} .dt-sc-counter.type4.lime .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.lime:hover .dt-sc-couter-icon-holder{background:#cddc39;} .dt-sc-counter.type4.magenta .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.magenta:hover .dt-sc-couter-icon-holder{background:#cb506d;} .dt-sc-counter.type4.orange .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.orange:hover .dt-sc-couter-icon-holder{background:#ff9800;} .dt-sc-counter.type4.pink .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.pink:hover .dt-sc-couter-icon-holder{background:#fd6ca3;} .dt-sc-counter.type4.purple .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.purple:hover .dt-sc-couter-icon-holder{background:#9c27b0;} .dt-sc-counter.type4.red .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.red:hover .dt-sc-couter-icon-holder{background:#da0000;} .dt-sc-counter.type4.skyblue .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.skyblue:hover .dt-sc-couter-icon-holder{background:#0eb2e7;} .dt-sc-counter.type4.teal .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.teal:hover .dt-sc-couter-icon-holder{background:#009688;} .dt-sc-counter.type4.yellow .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.yellow:hover .dt-sc-couter-icon-holder{background:#ffe401;} .dt-sc-counter.type4.turquoise .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.turquoise:hover .dt-sc-couter-icon-holder{background:#32ccbd;} .dt-sc-counter.type4.wisteria .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.wisteria:hover .dt-sc-couter-icon-holder{background:#9b59b6;} .dt-sc-counter.type4.black .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.black:hover .dt-sc-couter-icon-holder{background:#000000;} .dt-sc-counter.type5{float:left;text-align:center;min-height:335px;padding:110px 0px 0px;position:relative;} .dt-sc-counter.type5:before{content:"";position:absolute;left:0px;right:0;margin:auto;top:66px;width:200px;height:200px;border:1px solid;z-index:1;-webkit-transform:rotate(45deg) skewX(10deg) skewY(10deg);-ms-transform:rotate(45deg) skewX(10deg) skewY(10deg);transform:rotate(45deg) skewX(10deg) skewY(10deg);} .dt-sc-counter.type5:after{content:"";position:absolute;left:0px;right:0;margin:auto;top:76px;width:180px;height:180px;border:none;z-index:1;-webkit-transform:rotate(45deg) skewX(10deg) skewY(10deg);-ms-transform:rotate(45deg) skewX(10deg) skewY(10deg);transform:rotate(45deg) skewX(10deg) skewY(10deg);} .dt-sc-counter.type5 .dt-sc-couter-icon-holder span{font-size:32px;} .dt-sc-counter.type5 .dt-sc-counter-number{font-size:20px;font-weight:bold;margin:5px 0px;} .dt-sc-counter.type5 h4{font-size:16px;letter-spacing:1px;} .dt-sc-counter.type5 .dt-sc-couter-icon-holder, .dt-sc-counter.type5 h4{position:relative;z-index:9;} .dt-sc-counter.type6{text-align:center;border:1px solid rgba(0,0,0,0.05);margin:75px -1px 0px 0px;padding:0px 0px 40px;} .dt-sc-counter.type6 .dt-sc-couter-icon-holder{width:140px;height:80px;display:inline-block;position:relative;margin:-6px 0px 15px;} .dt-sc-counter.type6 .dt-sc-couter-icon-holder:before{border:1px solid;content:"";position:absolute;left:0px;right:0px;top:-45px;margin:auto;width:100px;height:100px;border-radius:5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:1;} .dt-sc-counter.type6 .dt-sc-couter-icon-holder .icon-wrapper{position:absolute;font-size:20px;z-index:1;left:0px;right:0px;top:-45px;margin:auto;} .dt-sc-counter.type6 .dt-sc-counter-number{font-size:26px;font-weight:bold;position:relative;top:-9px;z-index:1;} .dt-sc-counter.type6 h4{font-size:16px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;margin-bottom:0px;position:relative;padding:0px 10px;} .dt-sc-counter.type6 h4:before{content:"";position:absolute;right:-6px;top:6px;margin:auto;width:12px;height:12px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:1;} .dt-sc-counter.type6.last h4:before{background:none;} .dt-sc-counter.type7 .icon-wrapper{float:left;position:relative;margin:10px 30px 0 0;padding-bottom:20px;min-width:60px;text-align:center;} .dt-sc-counter.type7 .icon-wrapper span{font-size:55px;} .dt-sc-counter.type7 h4{font-size:14px;font-weight:300;text-transform:uppercase;margin-bottom:5px;} .dt-sc-counter.type7 .dt-sc-counter-number{font-size:50px;display:inline-block;font-weight:bold;line-height:normal;margin-right:10px;} .dt-sc-counter.type7 .dt-sc-counter-subtitle{font-weight:600;text-transform:uppercase;} /*-------------------------------------------------------------- 1.2 - Browser Css --------------------------------------------------------------*/ @media all and (min-width:0\0) and (min-resolution:.001dpcm) { .dt-sc-counter.type5:before, .dt-sc-counter.type5:after{transform:rotate(45deg) skew(10deg, 10deg);-ms-transform:rotate(45deg) skew(10deg, 10deg);} } /* IE9 and above */ @media screen and (min-width:0\0){ .type4.dt-sc-counter .dt-sc-couter-icon-holder .icon-wrapper{border:none;box-shadow:0 0 0 5px #fff;-ms-box-shadow:0 0 0 5px #fff;} .diamond-square.type3.dt-sc-counter .dt-sc-couter-icon-holder .icon-wrapper::after{top:0;} .diamond-square.type3.dt-sc-counter .dt-sc-couter-icon-holder .icon-wrapper::before{top:-3px;} } /*-------------------------------------------------------------- 1.3 - Default Colors --------------------------------------------------------------*/ .dt-sc-counter{color:#232323;} .dt-sc-counter.type2 .dt-sc-couter-icon-holder, .dt-sc-counter.type3 .dt-sc-couter-icon-holder span, .dt-sc-counter.type4 .dt-sc-couter-icon-holder span, .dt-sc-counter.type4:hover .dt-sc-counter-number, .dt-sc-counter.type6:hover .dt-sc-counter-number, .dt-sc-counter.type5:hover h4, .dt-sc-counter.type5:hover .dt-sc-couter-icon-holder, .dt-sc-dark-bg .dt-sc-counter{color:#ffffff;} .dt-sc-counter.type4 .dt-sc-couter-icon-holder, .dt-sc-counter.type6, .dt-sc-counter.type6 .dt-sc-couter-icon-holder:before{background:#ffffff;} .dt-sc-counter.type4 .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4:hover .dt-sc-couter-icon-holder .icon-wrapper{background:#333333;} .dt-sc-counter.type1{border-right-color:rgba(0, 0, 0, 0.1);} .dt-sc-dark-bg .dt-sc-counter.type1{border-color:rgba(255, 255, 255, 0.1);} .secondary-skin-bg .dt-sc-counter.type1:hover .dt-sc-counter-number{color:#fff;} .secondary-skin-bg .dt-sc-counter.type1 .dt-sc-counter-number:before{background:#fff;} .dt-sc-counter.type3 .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:after, .dt-sc-counter.type4 .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-dark-bg .dt-sc-counter.type5:before, .dt-sc-dark-bg .dt-sc-counter.type5:after{border-color:#ffffff;} .dt-sc-counter.type3{border-color:#e5edf3;} .dt-sc-counter.type4 .dt-sc-couter-icon-holder{border:5px solid rgba(0, 0, 0, 0.07);} .dt-sc-counter.type5:before, .dt-sc-counter.type5:after{border-color:#000000;} /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { /** Counters **/ .vc_col-md-6 .dt-sc-counter.type1{margin-bottom:25px;} .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:before, .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:after, .vc_row-no-padding .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:before, .vc_row-no-padding .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:after{left:-2px;} .dt-sc-counter.type5::before{height:180px;width:180px;} .dt-sc-counter.type5::after{height:160px;width:160px;} } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { /** Counters **/ .dt-sc-counter.type1 .icon-wrapper{width:75px;height:75px;} .dt-sc-counter.type1 .icon-wrapper span{font-size:25px;line-height:70px;} .dt-sc-counter.type1 .dt-sc-counter-number{font-size:31px;} .dt-sc-counter.type1 h4{font-size:15px;} .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:before, .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:after, .vc_row-no-padding .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:before, .vc_row-no-padding .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:after{left:-2px;} .dt-sc-counter.type4 .dt-sc-couter-icon-holder{height:120px;width:120px;} .dt-sc-counter.type4 .dt-sc-counter-number{font-size:28px;line-height:125px;} .dt-sc-counter.type4 .dt-sc-couter-icon-holder .icon-wrapper{height:60px;line-height:60px;left:-30px;width:60px;} .dt-sc-counter.type4 .dt-sc-couter-icon-holder span{font-size:28px;line-height:50px;} .dt-sc-counter.type5{padding:90px 0 0;} .dt-sc-counter.type5::before{height:150px;width:150px;} .dt-sc-counter.type5::after{height:130px;width:130px;} .dt-sc-counter.type6 h4{font-size:14px;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { /** Counters **/ .dt-sc-counter{margin-bottom:15px;} .dt-sc-counter.type1 .dt-sc-counter-number{font-size:35px;margin:7px 0 20px;} .dt-sc-counter.type1 .icon-wrapper span{font-size:22px;line-height:70px;} .dt-sc-counter.type1 .icon-wrapper{width:75px;height:75px;} .dt-sc-counter.type1 h4{font-size:15px;} .dt-sc-counter.type3{border-left-style:solid;border-left-width:1px;} .dt-sc-counter.type3.diamond-square{border-left-style:dashed;} .dt-sc-counter.type3.last, .last .dt-sc-counter.type3{border-width:0 1px;} .dt-sc-counter.type6{display:block;float:none;margin-left:auto;margin-right:auto;width:92%;} .dt-sc-counter.type6 h4::after{content:"";height:12px;margin:auto;position:absolute;left:-6px;top:6px;transform:rotate(45deg);width:12px;z-index:1;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { .dt-sc-counter.type5::before{height:180px;width:180px;} .dt-sc-counter.type5::after{height:160px;width:160px;} } /* CSS Document */ /*-------------------------------------------------------------- Custom Menu --------------------------------------------------------------*/ .dt-custom-nav-wrapper{display:inline-block;width:100%;} .dt-custom-nav-wrapper.left{text-align:left;} .dt-custom-nav-wrapper.center{text-align:center;} .dt-custom-nav-wrapper.right{text-align:right;} .dt-custom-nav-wrapper.left ul li{float:left;} .dt-custom-nav-wrapper.right ul li{float:right;} .dt-custom-nav-wrapper.inline-vertical.right ul li ul{padding-left:0;padding-right:20px;} .dt-custom-nav-wrapper.none:not(.inline-horizontal):not(.inline-vertical) ul li ul, .dt-custom-nav-wrapper.left:not(.inline-horizontal):not(.inline-vertical) ul li ul{padding-left:0;width:95%;margin-top:0;} .dt-custom-nav-wrapper.right:not(.inline-horizontal):not(.inline-vertical) ul li ul{padding-left:0;padding-right:0;width:95%;} .dt-custom-nav-wrapper.left ul li ul{float:left;} .dt-custom-nav-wrapper.right ul li ul{float:right;} .dt-custom-nav{display:inline-block;font-size:0;margin:0 0 20px;padding:0;} .dt-custom-nav-wrapper.center:not(.inline-horizontal):not(.inline-vertical) .dt-custom-nav{padding-left:32px;width:100%;} .dt-custom-nav-wrapper.center:not(.inline-horizontal):not(.inline-vertical):not([data-link-icon-position]) .dt-custom-nav{padding-left:0;} .dt-custom-nav li{display:block;font-size:initial;width:100%;white-space:nowrap;} .dt-custom-nav li a{border-style:solid;border-width:1px;border-color:rgba(0,0,0,0);display:block;padding:5px 15px;position:relative;width:100%;} .dt-custom-nav li a i.menu-item-icon{text-align:center;} .dt-custom-nav li a > span{position:relative;} .dt-custom-nav li a i.menu-item-icon, .dt-custom-nav li a > span{display:inline-block;vertical-align:middle;} .dt-custom-nav-wrapper.inline-horizontal .dt-custom-nav li a, .dt-custom-nav-wrapper.inline-vertical .dt-custom-nav li a{display:inline-block;} .dt-custom-nav-wrapper.inline-vertical .dt-custom-nav li a{width:auto;} .dt-custom-nav-wrapper.inline-horizontal[data-default-style="none"][data-hover-style="none"] .dt-custom-nav li a{padding-left:10px;padding-right:10px;} .dt-custom-nav-wrapper.inline-vertical[data-default-style="none"][data-hover-style="none"] .dt-custom-nav li a{padding-bottom:0;padding-top:0;} .dt-custom-nav-wrapper[data-default-style="none"][data-hover-style="none"]:not(.inline-horizontal) > div{margin-left:-15px;margin-right:-15px;} .dt-custom-nav-wrapper.inline-horizontal[data-divider="yes"] .dt-custom-nav li{margin:0;padding-right:15px;} .dt-custom-nav-wrapper.inline-horizontal[data-divider="yes"] .dt-custom-nav li span.divider{height:1px;line-height:0;margin:auto;padding-bottom:inherit;position:absolute;bottom:0;right:0;top:0;text-align:center;width:15px;} .dt-custom-nav-wrapper.inline-vertical[data-divider="yes"] .dt-custom-nav li{position:relative;padding-bottom:20px;} .dt-custom-nav-wrapper.inline-vertical[data-divider="yes"] .dt-custom-nav li:last-child{padding-bottom:0;} .dt-custom-nav-wrapper.inline-vertical[data-divider="yes"] .dt-custom-nav li span.divider{height:1px;position:absolute;bottom:10px;left:0;right:0;width:100%;} .dt-custom-nav-wrapper.inline-vertical[data-divider="yes"] .dt-custom-nav li span.divider:after{height:100%;position:absolute;bottom:0;left:0;width:100%;} .dt-custom-nav-wrapper.inline-vertical[data-divider="yes"] .dt-custom-nav li.menu-item-has-children ul.sub-menu{padding-top:10px;position:relative;} .dt-custom-nav-wrapper.inline-vertical[data-divider="yes"] .dt-custom-nav li.menu-item-has-children ul.sub-menu:before{position:absolute;left:0;top:0;width:100%;} .dt-custom-nav-wrapper.inline-horizontal:not(.right)[data-divider="yes"] .dt-custom-nav li:last-child > span.divider, .dt-custom-nav-wrapper.inline-horizontal[data-divider="yes"] .dt-custom-nav li ul.sub-menu li span.divider, .dt-custom-nav-wrapper.inline-vertical[data-divider="yes"] .dt-custom-nav li:last-child > span.divider{display:none;} .dt-custom-nav-wrapper .dt-custom-nav > li > span.divider:before{display:inline-block;} .dt-custom-nav-wrapper .dt-custom-nav > li > span.divider.crossline:before{content:"\005c";} .dt-custom-nav-wrapper .dt-custom-nav > li > span.divider.narrow-line:before{content:"\002d";} .dt-custom-nav-wrapper .dt-custom-nav > li > span.divider.vertical-line:before{content:"\007c";} .dt-custom-nav-wrapper.inline-horizontal .dt-custom-nav{margin:0 -2px;} .dt-custom-nav-wrapper.inline-horizontal .dt-custom-nav li{display:inline-block;margin:0 2px;position:relative;width:auto;} .dt-custom-nav-wrapper.inline-horizontal .dt-custom-nav li ul.sub-menu{display:none;margin:0;padding:0;position:absolute;left:0;top:100%;width:240px;z-index:1;} .dt-custom-nav-wrapper.inline-horizontal .dt-custom-nav li:hover ul.sub-menu{display:block;background-color:#fff;} .dt-custom-nav-wrapper.inline-horizontal.right .dt-custom-nav li{float:none;} .dt-custom-nav-wrapper.inline-horizontal.center .dt-custom-nav li ul.sub-menu, .dt-custom-nav-wrapper.inline-horizontal.right .dt-custom-nav li ul.sub-menu{text-align:left;} .dt-custom-nav-wrapper.inline-horizontal.center .dt-custom-nav li ul.sub-menu li, .dt-custom-nav-wrapper.inline-horizontal.right .dt-custom-nav li ul.sub-menu li{float:left;} .dt-custom-nav-wrapper.none[data-link-icon-position="outside"] .dt-custom-nav li, .dt-custom-nav-wrapper.left[data-link-icon-position="outside"] .dt-custom-nav li, .dt-custom-nav-wrapper.center[data-link-icon-position="outside"] .dt-custom-nav li{padding-left:35px;} .dt-custom-nav-wrapper.right[data-link-icon-position="outside"] .dt-custom-nav li{padding-right:35px;} .dt-custom-nav-wrapper.none[data-link-icon-position="outside"][data-divider="yes"] .dt-custom-nav li, .dt-custom-nav-wrapper.left[data-link-icon-position="outside"][data-divider="yes"] .dt-custom-nav li, .dt-custom-nav-wrapper.center[data-link-icon-position="outside"][data-divider="yes"] .dt-custom-nav li{padding-right:15px;} .dt-custom-nav-wrapper.right[data-link-icon-position="outside"][data-divider="yes"] .dt-custom-nav li{padding-right:50px;} .dt-custom-nav-wrapper.inline-vertical.center[data-link-icon-position="outside"] .dt-custom-nav li{padding-left:0;} .dt-custom-nav-wrapper.none[data-link-icon-position="outside"] .dt-custom-nav li ul, .dt-custom-nav-wrapper.left[data-link-icon-position="outside"] .dt-custom-nav li ul, .dt-custom-nav-wrapper.center[data-link-icon-position="outside"] .dt-custom-nav li ul{padding-left:0;} .dt-custom-nav-wrapper.right[data-link-icon-position="outside"] .dt-custom-nav li ul{padding-right:0;} .dt-custom-nav-wrapper[data-link-icon-position="inside"] .dt-custom-nav li a > i.menu-item-icon, .dt-custom-nav-wrapper[data-link-icon-position="outside"] .dt-custom-nav li a > i.menu-item-icon{color:inherit;font-family:FontAwesome;font-style:normal;height:100%;line-height:inherit;margin:auto;padding:0 10px 0 0;position:relative;width:30px;} .dt-custom-nav-wrapper[data-link-icon-position="outside"] .dt-custom-nav li a > i.menu-item-icon{height:1px;line-height:0;position:absolute;bottom:0;top:0;} .dt-custom-nav-wrapper.none[data-link-icon-position="outside"] .dt-custom-nav li a > i.menu-item-icon, .dt-custom-nav-wrapper.left[data-link-icon-position="outside"] .dt-custom-nav li a > i.menu-item-icon, .dt-custom-nav-wrapper.center[data-link-icon-position="outside"]:not([data-default-style="none"]) .dt-custom-nav li a > i.menu-item-icon{left:0;} .dt-custom-nav-wrapper.right[data-link-icon-position="outside"] .dt-custom-nav li a > i.menu-item-icon{padding:0 0 0 10px;right:0;} .dt-custom-nav-wrapper.none[data-link-icon-position="inside"] .dt-custom-nav li a > i.menu-item-icon{display:inline-block;} .dt-custom-nav-wrapper.left[data-link-icon-position="inside"] .dt-custom-nav li a > i.menu-item-icon{float:left;} .dt-custom-nav-wrapper.right[data-link-icon-position="inside"] .dt-custom-nav li a > i.menu-item-icon{float:right;padding:0 0 0 10px;} .dt-custom-nav-wrapper[data-default-style="none"][data-link-icon-position="outside"]:not(.inline-horizontal):not(inline-vertical) .dt-custom-nav li a:not(:hover), .dt-custom-nav-wrapper[data-hover-style="none"][data-link-icon-position="outside"]:not(.inline-horizontal):not(inline-vertical) .dt-custom-nav li a:hover{padding-left:0;} .dt-custom-nav-wrapper.center[data-default-style="none"][data-link-icon-position="outside"]:not(.inline-horizontal):not(inline-vertical) .dt-custom-nav li a:not(:hover), .dt-custom-nav-wrapper.center[data-hover-style="none"][data-link-icon-position="outside"]:not(.inline-horizontal):not(inline-vertical) .dt-custom-nav li a:hover, .dt-custom-nav-wrapper.right[data-default-style="none"][data-link-icon-position="outside"]:not(.inline-horizontal):not(inline-vertical) .dt-custom-nav li a:not(:hover), .dt-custom-nav-wrapper.right[data-hover-style="none"][data-link-icon-position="outside"]:not(.inline-horizontal):not(inline-vertical) .dt-custom-nav li a:hover{padding-right:0;} .dt-custom-nav-wrapper.center[data-link-icon-position="inside"] .dt-custom-nav li a i.menu-item-icon:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);} .dt-custom-nav-wrapper[data-link-icon-position="outside"] .dt-custom-nav li a > i.menu-item-icon{background-color:inherit;border-color:inherit;border-style:inherit;border-width:inherit;height:100%;width:35px;-webkit-border-radius:inherit;border-radius:inherit;-moz-border-radius:inherit;-ms-border-radius:inherit;} .dt-custom-nav-wrapper.none[data-link-icon-position="outside"] .dt-custom-nav li a > i.menu-item-icon, .dt-custom-nav-wrapper.left[data-link-icon-position="outside"] .dt-custom-nav li a > i.menu-item-icon, .dt-custom-nav-wrapper.center[data-link-icon-position="outside"] .dt-custom-nav li a > i.menu-item-icon{-webkit-transform:translateX(-100%);transform:translateX(-100%);-ms-transform:translateX(-100%);-moz-transform:translateX(-100%);} .dt-custom-nav-wrapper.right[data-link-icon-position="outside"] .dt-custom-nav li a > i.menu-item-icon{-webkit-transform:translateX(100%);transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);} .dt-custom-nav-wrapper[data-link-icon-position="outside"] .dt-custom-nav li a > i.menu-item-icon:before, .dt-custom-nav-wrapper[data-link-icon-position="outside"] .dt-custom-nav li a > i.menu-item-icon.menu-item-image img{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);} .dt-custom-nav-wrapper[data-link-icon-position="outside"] .dt-custom-nav li a > i.menu-item-icon.menu-item-image img{margin:auto;} .dt-custom-nav-wrapper[data-link-icon-position="inside"] .dt-custom-nav li a > i.menu-item-icon.menu-item-image img{vertical-align:middle;} .dt-custom-nav-wrapper:not([data-link-icon-style]) .dt-custom-nav li a > i.menu-item-icon.menu-item-image img{display:inline-block;} .dt-custom-nav-wrapper[data-link-icon-style="circle"] .dt-custom-nav li a > i.menu-item-icon:before, .dt-custom-nav-wrapper[data-link-icon-style="disc"] .dt-custom-nav li a > i.menu-item-icon:before, .dt-custom-nav-wrapper[data-link-icon-style="square"] .dt-custom-nav li a > i.menu-item-icon:before{font-size:6px;} .dt-custom-nav-wrapper[data-link-icon-style="circle"] .dt-custom-nav li a > i.menu-item-icon:before{content:"\f111";} .dt-custom-nav-wrapper[data-link-icon-style="disc"] .dt-custom-nav li a > i.menu-item-icon:before{content:"\f10c";} .dt-custom-nav-wrapper[data-link-icon-style="square"] .dt-custom-nav li a > i.menu-item-icon:before{content:"\f0c8";} .dt-custom-nav-wrapper .dt-custom-nav li a > i.menu-item-icon:not(.menu-item-image) img, .dt-custom-nav-wrapper[data-link-icon-style] .dt-custom-nav li a > i.menu-item-icon img{display:none;} .dt-custom-nav-wrapper .dt-custom-nav li a > i.menu-item-icon{font-family:'FontAwesome';} .dt-custom-nav-wrapper .dt-custom-nav li a > i.menu-item-icon.zmdi{font-family:'Material-Design-Iconic-Font';} .dt-custom-nav-wrapper .dt-custom-nav li a > i.menu-item-icon.icons{font-family:'simple-line-icons';} .dt-custom-nav-wrapper[data-default-decoration="overline"] .dt-custom-nav li a:before, .dt-custom-nav-wrapper[data-default-decoration="linethrough"] .dt-custom-nav li a > span:before, .dt-custom-nav-wrapper[data-default-decoration="underline"] .dt-custom-nav li a:before, .dt-custom-nav-wrapper[data-hover-decoration="overline"] .dt-custom-nav li a:after, .dt-custom-nav-wrapper[data-hover-decoration="linethrough"] .dt-custom-nav li a > span:after, .dt-custom-nav-wrapper[data-hover-decoration="underline"] .dt-custom-nav li a:after, .dt-custom-nav-wrapper[data-default-style="none"][data-default-decoration="overline"] .dt-custom-nav li a > span:before, .dt-custom-nav-wrapper[data-default-style="none"][data-default-decoration="underline"] .dt-custom-nav li a > span:before, .dt-custom-nav-wrapper[data-hover-style="none"][data-hover-decoration="overline"] .dt-custom-nav li a > span:after, .dt-custom-nav-wrapper[data-hover-style="none"][data-hover-decoration="underline"] .dt-custom-nav li a > span:after{border-color:inherit;border-style:solid;content:"";height:100%;margin:auto;opacity:0;filter:alpha(opacity=0);position:absolute;left:0;right:0;width:0;z-index:0;-webkit-border-radius:inherit;border-radius:inherit;} .dt-custom-nav-wrapper[data-default-decoration="overline"] .dt-custom-nav li a:before, .dt-custom-nav-wrapper[data-hover-decoration="overline"] .dt-custom-nav li a:after, .dt-custom-nav-wrapper[data-default-style="none"][data-default-decoration="overline"] .dt-custom-nav li a > span:before, .dt-custom-nav-wrapper[data-hover-style="none"][data-hover-decoration="overline"] .dt-custom-nav li a > span:after{border-width:2px 0 0;top:-4px;} .dt-custom-nav-wrapper[data-default-decoration="linethrough"] .dt-custom-nav li a > span:before, .dt-custom-nav-wrapper[data-hover-decoration="linethrough"] .dt-custom-nav li a > span:after{border-color:currentColor;border-width:1px 0;height:0;bottom:0;top:0;-webkit-border-radius:0;border-radius:0;} .dt-custom-nav-wrapper[data-default-decoration="underline"] .dt-custom-nav li a:before, .dt-custom-nav-wrapper[data-hover-decoration="underline"] .dt-custom-nav li a:after, .dt-custom-nav-wrapper[data-default-style="none"][data-default-decoration="underline"] .dt-custom-nav li a > span:before, .dt-custom-nav-wrapper[data-hover-style="none"][data-hover-decoration="underline"] .dt-custom-nav li a > span:after{border-width:0 0 2px;bottom:-4px;} .dt-custom-nav-wrapper[data-default-style="none"][data-default-decoration="overline"] .dt-custom-nav li a:before, .dt-custom-nav-wrapper[data-hover-style="none"][data-hover-decoration="overline"] .dt-custom-nav li a:after, .dt-custom-nav-wrapper[data-default-style="none"][data-default-decoration="underline"] .dt-custom-nav li a:before, .dt-custom-nav-wrapper[data-hover-style="none"][data-hover-decoration="underline"] .dt-custom-nav li a:after, .dt-custom-nav-wrapper[data-default-style="none"][data-default-decoration="overline"] .dt-custom-nav li a > span:before, .dt-custom-nav-wrapper[data-hover-style="none"][data-hover-decoration="overline"] .dt-custom-nav li a > span:after, .dt-custom-nav-wrapper[data-default-style="none"][data-default-decoration="underline"] .dt-custom-nav li a > span:before, .dt-custom-nav-wrapper[data-hover-style="none"][data-hover-decoration="underline"] .dt-custom-nav li a > span:after{border-color:currentColor;} .dt-custom-nav-wrapper[data-default-style="none"][data-default-decoration="overline"] .dt-custom-nav li a:not(:hover):before, .dt-custom-nav-wrapper[data-default-style="none"][data-default-decoration="underline"] .dt-custom-nav li a:not(:hover):before, .dt-custom-nav-wrapper[data-default-style="none"][data-default-decoration="overline"] .dt-custom-nav li a:not(:hover):before, .dt-custom-nav-wrapper[data-default-style="none"][data-default-decoration="underline"] .dt-custom-nav li a:not(:hover):before, .dt-custom-nav-wrapper[data-hover-style="none"][data-hover-decoration="overline"] .dt-custom-nav li a:hover:after, .dt-custom-nav-wrapper[data-hover-style="none"][data-hover-decoration="underline"] .dt-custom-nav li a:hover:after, .dt-custom-nav-wrapper[data-hover-style="none"][data-hover-decoration="overline"] .dt-custom-nav li a:hover:after, .dt-custom-nav-wrapper[data-hover-style="none"][data-hover-decoration="underline"] .dt-custom-nav li a:hover:after{opacity:0;filter:alpha(opacity=0);} .dt-custom-nav-wrapper[data-default-decoration="overline"] .dt-custom-nav li a:not(:hover):before, .dt-custom-nav-wrapper[data-default-decoration="linethrough"] .dt-custom-nav li a:not(:hover) > span:before, .dt-custom-nav-wrapper[data-default-decoration="underline"] .dt-custom-nav li a:not(:hover):before, .dt-custom-nav-wrapper[data-hover-decoration="overline"] .dt-custom-nav li a:hover:after, .dt-custom-nav-wrapper[data-hover-decoration="linethrough"] .dt-custom-nav li a:hover > span:after, .dt-custom-nav-wrapper[data-hover-decoration="underline"] .dt-custom-nav li a:hover:after, .dt-custom-nav-wrapper[data-default-style="none"][data-default-decoration="overline"] .dt-custom-nav li a:not(:hover) > span:before, .dt-custom-nav-wrapper[data-default-style="none"][data-default-decoration="underline"] .dt-custom-nav li a:not(:hover) > span:before, .dt-custom-nav-wrapper[data-hover-style="none"][data-hover-decoration="overline"] .dt-custom-nav li a:hover > span:after, .dt-custom-nav-wrapper[data-hover-style="none"][data-hover-decoration="underline"] .dt-custom-nav li a:hover > span:after{opacity:1;filter:alpha(opacity=100);width:100%;} .dt-custom-nav-wrapper[data-hover-style="none"] .dt-custom-nav li a:hover{background-color:rgba(0,0,0,0) !important;border-color:rgba(0,0,0,0) !important;} .vc_row.vc_row-o-content-middle > .vc_column_container > .vc_column-inner > .wpb_wrapper > .dt-custom-nav-wrapper.inline-horizontal[data-default-style="none"][data-hover-style="none"] .dt-custom-nav li{padding-top:5px;padding-bottom:5px;} .dt-custom-nav-wrapper[data-default-style="none"][data-hover-style="none"]:not(.inline-vertical):not(.inline-horizontal) .dt-custom-nav li a{margin-bottom:10px;} .dt-custom-nav-wrapper[data-default-style="none"][data-hover-style="none"]:not(.inline-vertical):not(.inline-horizontal) .dt-custom-nav li:last-child a{margin-bottom:0;} .dt-custom-nav-wrapper[data-default-style="none"][data-hover-style="none"]:not(.inline-vertical):not(.inline-horizontal) .dt-custom-nav li.menu-item-has-children > a{margin-bottom:0;} .dt-custom-nav li a, .dt-custom-nav li a:before, .dt-custom-nav li a:after, .dt-custom-nav-wrapper .dt-custom-nav li a > span:before, .dt-custom-nav-wrapper .dt-custom-nav li a > span:after{-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;} .vc_row.vc_row-o-content-middle > .vc_column_container > .vc_column-inner > .wpb_wrapper > .dt-simple-menu.dt-custom-nav-wrapper.inline-horizontal[data-default-style="none"][data-hover-style="none"] .dt-custom-nav li{padding-top:0;padding-bottom:0;} .flex-col-elements-inline-middle .dt-custom-nav-wrapper.left .dt-custom-nav{display:table;margin-right:auto;} .flex-col-elements-inline-middle .dt-custom-nav-wrapper.center .dt-custom-nav{display:table;margin-left:0;margin-right:0;} .flex-col-elements-inline-middle .dt-custom-nav-wrapper.right .dt-custom-nav{display:table;margin-left:auto;} .dt-simple-menu .dt-custom-nav li{padding-bottom:0;} .dt-simple-menu.dt-custom-nav-wrapper.left .dt-custom-nav li{float:none;} .dt-simple-menu .dt-custom-nav li > a > i[class$="menu-item-icon"]{display:none;} /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { #header .dt-header-tpl .rs_col-sm-12 > .vc_column-inner > .wpb_wrapper > .dt-custom-nav-wrapper.left, .dt-custom-nav-wrapper.right{text-align:center;} #header .dt-header-tpl .rs_col-sm-12.flex-col-elements-inline-middle .dt-custom-nav-wrapper.left .dt-custom-nav, #header .dt-header-tpl .rs_col-sm-12.flex-col-elements-inline-middle .dt-custom-nav-wrapper.center .dt-custom-nav, #header .dt-header-tpl .rs_col-sm-12.flex-col-elements-inline-middle .dt-custom-nav-wrapper.right .dt-custom-nav{margin-left:auto;margin-right:auto;} #header .dt-header-tpl .rs_col-sm-12 > .vc_column-inner > .wpb_wrapper > .dt-custom-nav-wrapper.left .dt-custom-nav > li, .dt-custom-nav-wrapper.right .dt-custom-nav > li, #header .dt-header-tpl .rs_col-sm-12.flex-col-elements-inline-middle .dt-custom-nav-wrapper.left .dt-custom-nav > li, #header .dt-header-tpl .rs_col-sm-12.flex-col-elements-inline-middle .dt-custom-nav-wrapper.center .dt-custom-nav > li, #header .dt-header-tpl .rs_col-sm-12.flex-col-elements-inline-middle .dt-custom-nav-wrapper.right .dt-custom-nav > li{float:none;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .dt-custom-nav-wrapper.left, .dt-custom-nav-wrapper.right{text-align:center;} .flex-col-elements-inline-middle .dt-custom-nav-wrapper.left .dt-custom-nav, .flex-col-elements-inline-middle .dt-custom-nav-wrapper.center .dt-custom-nav, .flex-col-elements-inline-middle .dt-custom-nav-wrapper.right .dt-custom-nav{margin-left:auto;margin-right:auto;} .dt-custom-nav-wrapper.left .dt-custom-nav > li, .dt-custom-nav-wrapper.right .dt-custom-nav > li, .flex-col-elements-inline-middle .dt-custom-nav-wrapper.left .dt-custom-nav > li, .flex-col-elements-inline-middle .dt-custom-nav-wrapper.center .dt-custom-nav > li, .flex-col-elements-inline-middle .dt-custom-nav-wrapper.right .dt-custom-nav > li{float:none;} } /* CSS Document */ /* Table of Content ================================================== 1.0 - Donutchart 2.0 - DT Responsive*/ /*-------------------------------------------------------------- 1.0 - Donutchart --------------------------------------------------------------*/ .dt-sc-donutchart{text-align:center;margin:0px auto 30px;} h5.dt-sc-donutchart-title{text-align:center;width:100%;font-size:18px;margin-bottom:0px;font-weight:600;} .dt-sc-donutchart-small{width:100px;margin:0px auto;} .dt-sc-donutchart-medium{width:200px;margin:0px auto;} .dt-sc-donutchart-large{width:300px;margin:0px auto;} .donutchart-text{font-weight:300 !important;} .dt-sc-donutchart-small .donutchart-text{font-size:24px !important;} .dt-sc-donutchart-medium .donutchart-text{font-size:40px !important;} .dt-sc-donutchart-large .donutchart-text{font-size:50px !important;} .dark-bg .donutchart-text{color:#ffffff;} .dt-sc-donutchart-desc{margin:15px 0 10px;text-align:center;} .dt-sc-donutchart-medium.first:before{display:none;} /*-------------------------------------------------------------- 2.0 - DT Responsive --------------------------------------------------------------*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { /** Medical **/ .dt-sc-one-fifth .dt-sc-donutchart-medium{width:160px;} .dt-sc-one-fifth .dt-sc-donutchart, .dt-sc-donutchart-medium canvas{width:150px !important;height:150px !important;} .dt-sc-one-fifth .dt-sc-donutchart-medium .donutchart-text{width:150px !important;line-height:150px !important;} } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { .dt-sc-one-fifth .dt-sc-donutchart-medium{width:120px;} .dt-sc-one-fifth .dt-sc-donutchart, .dt-sc-donutchart-medium canvas{width:110px !important;height:110px !important;} .dt-sc-one-fifth .dt-sc-donutchart-medium .donutchart-text{width:110px !important;line-height:110px !important;} .dt-sc-one-fifth h5.dt-sc-donutchart-title{font-size:15px;} .dt-sc-donutchart-medium .donutchart-text{font-size:30px !important;} } /* Table of Content ================================================== 1.0 - Dropcap 2.0 - Responsive*/ /*-------------------------------------------------------------- 1.0 - Dropcap --------------------------------------------------------------*/ .dt-sc-dropcap{font-size:24px;float:left;margin:10px 0px 10px 0px;text-align:center;line-height:35px;} .dt-sc-dropcap.dt-sc-dropcap-default{font-size:50px;padding-right:20px;font-weight:900;} .dt-sc-dropcap.dt-sc-dropcap-circle{width:40px;height:40px;line-height:38px;margin:5px 20px 0px 0px;padding:0px;border-radius:30px 30px 30px 30px;behavior:url(//www.kadikoydogalgazprojesi.com/wp-content/plugins/designthemes-core-features/shortcodes/css/shortcodes/PIE.htc);} .dt-sc-dropcap.dt-sc-dropcap-bordered-circle{width:42px;height:42px;line-height:34px;margin:5px 20px 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(//www.kadikoydogalgazprojesi.com/wp-content/plugins/designthemes-core-features/shortcodes/css/shortcodes/PIE.htc);} .dt-sc-dropcap.dt-sc-dropcap-square{width:40px;height:40px;line-height:36px;text-align:center;margin:5px 20px 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:42px;height:42px;text-align:center;margin:5px 20px 0px 0px;padding:0px;line-height:34px;} .dt-sc-dropcap.dt-sc-dropcap-circle, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle, .dt-sc-dropcap.dt-sc-dropcap-square, .dt-sc-dropcap.dt-sc-dropcap-bordered-square{background:#000000;} .dt-sc-dropcap.dt-sc-dropcap-bordered-circle{border:2px solid #FFFFFF;} .dt-sc-dropcap.dt-sc-dropcap-bordered-square{border:2px solid #FFFFFF;} .dt-sc-dropcap.dt-sc-dropcap-circle, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle, .dt-sc-dropcap.dt-sc-dropcap-square, .dt-sc-dropcap.dt-sc-dropcap-bordered-square{color:#ffffff;} .dt-sc-dropcap.dt-sc-dropcap-circle.blue, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.blue, .dt-sc-dropcap.dt-sc-dropcap-square.blue, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.blue{background:#008bd3;} .dt-sc-dropcap.dt-sc-dropcap-circle.brown, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.brown, .dt-sc-dropcap.dt-sc-dropcap-square.brown, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.brown{background:#795548;} .dt-sc-dropcap.dt-sc-dropcap-circle.cadetblue, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.cadetblue, .dt-sc-dropcap.dt-sc-dropcap-square.cadetblue, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.cadetblue{background:#3c939d;} .dt-sc-dropcap.dt-sc-dropcap-circle.chillipepper, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.chillipepper, .dt-sc-dropcap.dt-sc-dropcap-square.chillipepper, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.chillipepper{background:#c10841;} .dt-sc-dropcap.dt-sc-dropcap-circle.cyan, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.cyan, .dt-sc-dropcap.dt-sc-dropcap-square.cyan, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.cyan{background:#00bcd4;} .dt-sc-dropcap.dt-sc-dropcap-circle.darkgolden, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.darkgolden, .dt-sc-dropcap.dt-sc-dropcap-square.darkgolden, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.darkgolden{background:#b48b3c;} .dt-sc-dropcap.dt-sc-dropcap-circle.deeporange, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.deeporange, .dt-sc-dropcap.dt-sc-dropcap-square.deeporange, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.deeporange{background:#ff5722;} .dt-sc-dropcap.dt-sc-dropcap-circle.deeppurple, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.deeppurple, .dt-sc-dropcap.dt-sc-dropcap-square.deeppurple, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.deeppurple{background:#673ab7;} .dt-sc-dropcap.dt-sc-dropcap-circle.green, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.green, .dt-sc-dropcap.dt-sc-dropcap-square.green, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.green{background:#60ae0d;} .dt-sc-dropcap.dt-sc-dropcap-circle.lime, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.lime, .dt-sc-dropcap.dt-sc-dropcap-square.lime, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.lime{background:#cddc39;} .dt-sc-dropcap.dt-sc-dropcap-circle.magenta, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.magenta, .dt-sc-dropcap.dt-sc-dropcap-square.magenta, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.magenta{background:#cb506d;} .dt-sc-dropcap.dt-sc-dropcap-circle.orange, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.orange, .dt-sc-dropcap.dt-sc-dropcap-square.orange, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.orange{background:#ff9800;} .dt-sc-dropcap.dt-sc-dropcap-circle.pink, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.pink, .dt-sc-dropcap.dt-sc-dropcap-square.pink, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.pink{background:#fd6ca3;} .dt-sc-dropcap.dt-sc-dropcap-circle.purple, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.purple, .dt-sc-dropcap.dt-sc-dropcap-square.purple, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.purple{background:#9c27b0;} .dt-sc-dropcap.dt-sc-dropcap-circle.red, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.red, .dt-sc-dropcap.dt-sc-dropcap-square.red, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.red{background:#da0000;} .dt-sc-dropcap.dt-sc-dropcap-circle.skyblue, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.skyblue, .dt-sc-dropcap.dt-sc-dropcap-square.skyblue, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.skyblue{background:#0eb2e7;} .dt-sc-dropcap.dt-sc-dropcap-circle.teal, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.teal, .dt-sc-dropcap.dt-sc-dropcap-square.teal, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.teal{background:#009688;} .dt-sc-dropcap.dt-sc-dropcap-circle.turquoise, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.turquoise, .dt-sc-dropcap.dt-sc-dropcap-square.turquoise, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.turquoise{background:#32ccbd;} .dt-sc-dropcap.dt-sc-dropcap-circle.wisteria, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.wisteria, .dt-sc-dropcap.dt-sc-dropcap-square.wisteria, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.wisteria{background:#9b59b6;} .dt-sc-dropcap.dt-sc-dropcap-circle.yellow, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle.yellow, .dt-sc-dropcap.dt-sc-dropcap-square.yellow, .dt-sc-dropcap.dt-sc-dropcap-bordered-square.yellow{background:#ffe401;} .dt-sc-dropcap.dt-sc-dropcap-default.blue{color:#008bd3;} .dt-sc-dropcap.dt-sc-dropcap-default.brown{color:#795548;} .dt-sc-dropcap.dt-sc-dropcap-default.cadetblue{color:#3c939d;} .dt-sc-dropcap.dt-sc-dropcap-default.chillipepper{color:#c10841;} .dt-sc-dropcap.dt-sc-dropcap-default.cyan{color:#00bcd4;} .dt-sc-dropcap.dt-sc-dropcap-default.darkgolden{color:#b48b3c;} .dt-sc-dropcap.dt-sc-dropcap-default.deeporange{color:#ff5722;} .dt-sc-dropcap.dt-sc-dropcap-default.deeppurple{color:#673ab7;} .dt-sc-dropcap.dt-sc-dropcap-default.green{color:#60ae0d;} .dt-sc-dropcap.dt-sc-dropcap-default.lime{color:#cddc39;} .dt-sc-dropcap.dt-sc-dropcap-default.magenta{color:#cb506d;} .dt-sc-dropcap.dt-sc-dropcap-default.orange{color:#ff9800;} .dt-sc-dropcap.dt-sc-dropcap-default.pink{color:#fd6ca3;} .dt-sc-dropcap.dt-sc-dropcap-default.purple{color:#9c27b0;} .dt-sc-dropcap.dt-sc-dropcap-default.red{color:#da0000;} .dt-sc-dropcap.dt-sc-dropcap-default.skyblue{color:#0eb2e7;} .dt-sc-dropcap.dt-sc-dropcap-default.teal{color:#009688;} .dt-sc-dropcap.dt-sc-dropcap-default.turquoise{color:#32ccbd;} .dt-sc-dropcap.dt-sc-dropcap-default.wisteria{color:#9b59b6;} .dt-sc-dropcap.dt-sc-dropcap-default.yellow{color:#ffe401;} /*-------------------------------------------------------------- 2.0 - Responsive --------------------------------------------------------------*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { .dt-sc-dropcap.dt-sc-dropcap-default{font-size:32px;padding-right:15px;} .dt-sc-dropcap.dt-sc-dropcap-circle, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle, .dt-sc-dropcap.dt-sc-dropcap-square, .dt-sc-dropcap.dt-sc-dropcap-bordered-square{margin-right:15px;} } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { .dt-sc-dropcap.dt-sc-dropcap-default{font-size:24px;padding-right:15px;} .dt-sc-dropcap.dt-sc-dropcap-circle, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle, .dt-sc-dropcap.dt-sc-dropcap-square, .dt-sc-dropcap.dt-sc-dropcap-bordered-square{margin-right:15px;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { /** Dropcap **/ .dt-sc-dropcap.dt-sc-dropcap-default{padding-right:15px;} .dt-sc-dropcap.dt-sc-dropcap-circle, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle, .dt-sc-dropcap.dt-sc-dropcap-square, .dt-sc-dropcap.dt-sc-dropcap-bordered-square{margin:5px 15px 0 2px;} } /* Table of Content ================================================== 1.0 - Transition 1.1 - Event Shortcodes 1.2 - Default Color 1.3 - Responsive 1.4 - Skin Color*/ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .dt-sc-event-image-caption, .dt-sc-event-image-caption .dt-sc-image-content:before, .dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} /*-------------------------------------------------------------- 1.1 - Event Shortcodes --------------------------------------------------------------*/ .dt-sc-event-image-caption{float:left;clear:both;width:100%;margin:0px;padding:0px;border-left:1px solid;border-right:1px solid;} .dt-sc-event-image-caption .dt-sc-image-content{width:50%;padding:40px 30px;margin:0px;float:left;position:relative;} .dt-sc-event-image-caption .dt-sc-image-content h3{font-size:18px;line-height:28px;text-transform:uppercase;} .dt-sc-event-image-caption .dt-sc-image-wrapper{width:50%;margin:0px;float:left;position:relative;} .dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text{position:absolute;left:0px;top:0px;width:100%;height:100%;text-align:center;} .dt-sc-event-image-caption .dt-sc-image-wrapper{border-left:1px solid;} .dt-sc-event-image-caption .dt-sc-image-content:before{content:"";position:absolute;right:-15px;top:35px;height:0px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid;z-index:1;} .dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text h3{position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;height:180px;text-align:center;width:75%;} .dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text h3 span{font-size:50px;display:block;} /*-------------------------------------------------------------- 1.2 - Default Colors --------------------------------------------------------------*/ .dt-sc-event-image-caption:hover .dt-sc-image-content h3, .dt-sc-event-image-caption:hover .dt-sc-image-content p, .dt-sc-event-image-caption:hover .dt-sc-image-content ul, .dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text h3{color:#ffffff;} .dt-sc-event-image-caption{background:#ffffff;} .dt-sc-event-image-caption .dt-sc-image-wrapper .overlay-text{background:rgba(0, 0, 0, 0.8);} .dt-sc-event-image-caption .dt-sc-image-content:before{border-left-color:#ffffff;} .dt-sc-event-image-caption, .dt-sc-event-image-caption .dt-sc-image-wrapper{border-color:#ffffff;} /*-------------------------------------------------------------- 1.3 - Responsive --------------------------------------------------------------*/ /*----*****---- << Desktop >> ----*****----*/ @media only screen and (min-width:1200px) and (max-width:1380px) { .dt-sc-event-image-caption .dt-sc-image-content, .dt-sc-event-image-caption .dt-sc-image-wrapper{width:100%;} .dt-sc-event-image-caption .dt-sc-image-wrapper img{width:100%;} } /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { /** Event Shortcodes **/ .dt-sc-event-image-caption .dt-sc-image-content, .dt-sc-event-image-caption .dt-sc-image-wrapper{width:100%;} .dt-sc-event-image-caption .dt-sc-image-content::before{bottom:-22px;top:auto;transform:rotate(90deg);border-left-width:16px;right:30px;} .dt-sc-event-image-caption .dt-sc-image-wrapper img{width:100%;} } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { /** Event Shortcodes **/ .dt-sc-event-image-caption .dt-sc-image-content, .dt-sc-event-image-caption .dt-sc-image-wrapper{width:100%;} .dt-sc-event-image-caption .dt-sc-image-content::before{bottom:-22px;top:auto;transform:rotate(90deg);border-left-width:16px;right:30px;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { /** Event Shortcodes **/ .dt-sc-event-image-caption .dt-sc-image-content, .dt-sc-event-image-caption .dt-sc-image-wrapper{width:100%;} .dt-sc-event-image-caption .dt-sc-image-content::before{bottom:-22px;top:auto;transform:rotate(90deg);border-left-width:16px;right:30px;} .dt-sc-event-image-caption .dt-sc-image-wrapper > img{width:100%;} } /* Table of Content ================================================== 1.0 - Transition 2.0 - Alert Boxes 3.0 - DT Responsive*/ /*-------------------------------------------------------------- 1.0 - Titled Boxes --------------------------------------------------------------*/ .dt-sc-titled-box{margin-bottom:20px;width:100%;clear:both;} .dt-sc-titled-box h6.dt-sc-titled-box-title{font-size:14px;font-weight:600;text-transform:uppercase;padding:12px 15px 11px;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:20px;background:rgba(0, 0, 0, 0.05);} .dt-sc-titled-box h6.dt-sc-titled-box-title{color:#ffffff;} .dt-sc-titled-box.blue h6.dt-sc-titled-box-title{background-color:#008bd3;} .dt-sc-titled-box.brown h6.dt-sc-titled-box-title{background-color:#795548;} .dt-sc-titled-box.cadetblue h6.dt-sc-titled-box-title{background-color:#3c939d;} .dt-sc-titled-box.chillipepper h6.dt-sc-titled-box-title{background-color:#c10841;} .dt-sc-titled-box.cyan h6.dt-sc-titled-box-title{background-color:#00bcd4;} .dt-sc-titled-box.darkgolden h6.dt-sc-titled-box-title{background-color:#b48b3c;} .dt-sc-titled-box.deeporange h6.dt-sc-titled-box-title{background-color:#ff5722;} .dt-sc-titled-box.deeppurple h6.dt-sc-titled-box-title{background-color:#673ab7;} .dt-sc-titled-box.green h6.dt-sc-titled-box-title{background-color:#60ae0d;} .dt-sc-titled-box.lime h6.dt-sc-titled-box-title{background-color:#cddc39;} .dt-sc-titled-box.magenta h6.dt-sc-titled-box-title{background-color:#cb506d;} .dt-sc-titled-box.orange h6.dt-sc-titled-box-title{background-color:#ff9800;} .dt-sc-titled-box.pink h6.dt-sc-titled-box-title{background-color:#fd6ca3;} .dt-sc-titled-box.purple h6.dt-sc-titled-box-title{background-color:#9c27b0;} .dt-sc-titled-box.red h6.dt-sc-titled-box-title{background-color:#da0000;} .dt-sc-titled-box.skyblue h6.dt-sc-titled-box-title{background-color:#0eb2e7;} .dt-sc-titled-box.teal h6.dt-sc-titled-box-title{background-color:#009688;} .dt-sc-titled-box.turquoise h6.dt-sc-titled-box-title{background-color:#32ccbd;} .dt-sc-titled-box.wisteria h6.dt-sc-titled-box-title{background-color:#9b59b6;} .dt-sc-titled-box.yellow h6.dt-sc-titled-box-title{background-color:#ffe401;color:#000000;} /*-------------------------------------------------------------- 2.0 - 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 45px;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-color:#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:15px;left:18px;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-color:#fdebae;border:1px solid #e6c555;color:#c79d13;position:relative;} .dt-sc-warning-box:before{content:"\f06a";color:#e2b828;} .dt-sc-success-box{background-color:#eafac0;border:1px solid #b1cf67;color:#7ba411;position:relative;} .dt-sc-success-box:before{content:"\f058";color:#75b632;} .dt-sc-info-box{background-color:#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;} /*-------------------------------------------------------------- 3.0 - Responsive --------------------------------------------------------------*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before{top:16px;} } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before{top:17px;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before{top:16px;} } /*----*****---- << Mobile >> ----*****----*/ /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before{top:17px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { /** Fancy Boxes **/ .dt-sc-titled-box h6.dt-sc-titled-box-title{font-size:12px;letter-spacing:0;line-height:20px;padding-left:35px;position:relative;} .dt-sc-titled-box h6.dt-sc-titled-box-title span{font-size:14px;position:absolute;left:10px;top:14px;} } /* Table of Content ================================================== 1.0 - Transition 1.1 - Icon Boxes 1.2 - Default Color 1.3 - Browser Css 1.4 - Responsive*/ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .dt-sc-icon-box.type3.dt-sc-diamond .icon-wrapper:before, .dt-sc-icon-box.type3.dt-sc-diamond .icon-wrapper:after, .dt-sc-icon-box.type12 .icon-wrapper, .dt-sc-icon-box.type13, .dt-sc-icon-box.type14, .dt-sc-icon-box.type1 .large-icon, .dt-sc-icon-box.type5 .icon-wrapper:before, .dt-sc-icon-box.type7 .icon-wrapper span, .dt-sc-icon-box.type3 .icon-wrapper span, .dt-sc-icon-box.type10 .icon-wrapper:before, .dt-sc-icon-box.type10 .icon-wrapper:after, .dt-sc-icon-box.type10 .icon-content h4, .dt-sc-icon-box.type5.rounded .icon-wrapper, .dt-sc-icon-box.type6 .icon-wrapper, .dt-sc-icon-box.type14 .icon-wrapper span, .dt-sc-icon-box.type14 .icon-wrapper img, .dt-sc-icon-box.type14 .icon-content, .dt-sc-icon-box.type14 .icon-content h4, .dt-sc-icon-box.type14 .icon-content h5, .dt-sc-icon-box.type14 .icon-content p, .dt-sc-icon-box.type2 .icon-content, .dt-sc-icon-box.type2 .icon-content h4, .dt-sc-icon-box.type10 .icon-wrapper span, .dt-sc-icon-box.type11:before, .dt-sc-icon-box.type11 .icon-wrapper span, .dt-sc-icon-box.type11 .icon-content, .dt-sc-icon-box.type11 .icon-content h4 .dt-sc-icon-box.type11 .icon-content h5, .dt-sc-icon-box.type11 .icon-content p, .dt-sc-icon-box.type11 .icon-wrapper img, .dt-sc-icon-box.type1 .icon-content h4:after, .dt-sc-icon-box.type5 .icon-wrapper span, .dt-sc-icon-box.type5 .icon-wrapper img, .dt-sc-icon-box.type7 .icon-wrapper, .dt-sc-icon-box.type10 .icon-wrapper img, .dt-sc-icon-box.type5 .icon-wrapper, .dt-sc-icon-box.type7 .icon-wrapper img, .dt-sc-icon-box.type6, .dt-sc-icon-box.type6 .icon-wrapper img, .dt-sc-icon-box.type6 .icon-content h4, .dt-sc-icon-box.type3 .icon-wrapper img, .dt-sc-icon-box.type5 .icon-wrapper, .dt-sc-icon-box.type5 .icon-content h4, .dt-sc-icon-box.type7 .icon-content h4{-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;} /*-------------------------------------------------------------- 1.1 - Icon Boxes --------------------------------------------------------------*/ .dt-sc-icon-box{float:left;clear:both;margin:0px;padding:0px;position:relative;} .dt-sc-partially-rounded, .dt-sc-partially-rounded-alt:hover{border-radius:40px 0px;} .dt-sc-partially-rounded-alt, .dt-sc-partially-rounded:hover{border-radius:0px 40px;} .dt-sc-icon-box.dt-sc-rounded .icon-wrapper span{border-radius:50%;} .dt-sc-icon-box.dt-sc-partially-rounded .icon-wrapper span{border-radius:25px 0px;} .dt-sc-icon-box.dt-sc-partially-rounded:hover .icon-wrapper span{border-radius:0px 25px;} .dt-sc-icon-box .icon-wrapper{position:relative;} .dt-sc-icon-box .icon-wrapper span img{position:absolute;left:0px;right:0px;top:0px;bottom:0px;margin:auto;} .dt-sc-icon-box .large-icon{position:absolute;right:0px;bottom:-30px;font-size:100px;} .dt-sc-icon-box.type1:hover .large-icon{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);} .dt-sc-icon-box .icon-content h5{margin-bottom:5px;} .dt-sc-icon-box.alignright .icon-content h5{text-align:right;} .dt-sc-icon-box .icon-content h4{text-transform:uppercase;} .dt-sc-icon-box.type1{margin:0 0 20px;padding:0 0 0 65px;width:100%;overflow:hidden;} .dt-sc-icon-box.type1.without-borders{border:none;padding:0;margin-bottom:50px;} .dt-sc-icon-box .large-icon{display:none;} .dt-sc-icon-box.type1 .icon-wrapper{float:left;margin:0px 0px 20px;position:absolute;left:0;top:10px;} .dt-sc-icon-box.type1 .icon-wrapper span{font-size:40px;position:relative;} .dt-sc-icon-box.type1 .icon-content{margin:0px;} .dt-sc-icon-box.type1 .icon-content h4{margin-bottom:10px;font-weight:600;font-size:18px;position:relative;line-height:26px;} .dt-sc-icon-box.type1 .icon-content p{margin-bottom:0px;} .dt-sc-icon-box.type1 .icon-wrapper img{filter:saturate(8.5) sepia(1) hue-rotate(340deg) contrast(5);-webkit-filter:saturate(8.5) sepia(1) hue-rotate(340deg) contrast(5);-moz-filter:saturate(8.5) sepia(1) hue-rotate(340deg) contrast(5);-ms-filter:saturate(8.5) sepia(1) hue-rotate(340deg) contrast(5);} .dt-sc-icon-box.type1.without-filter .icon-wrapper img{filter:inherit;-moz-filter:inherit;-webkit-filter:inherit;-ms-filter:inherit;} .dt-sc-icon-box.type1.without-filter{padding:0 0 0 85px;} .dt-sc-icon-box.type1.aligncenter .icon-content h4:after{right:0;margin:0 auto;} .dt-sc-icon-box.type1.alignright .icon-content h4:after{left:auto;} .dt-sc-icon-box.type1.aligncenter .icon-content h4:before{right:0;margin:0 auto;} .dt-sc-icon-box.type1.alignright .icon-content h4:before{right:0;left:auto;} .dt-sc-icon-box.type1.alignright .icon-content h5{text-align:right;} .dt-sc-icon-box.type1.aligncenter .icon-content h5{text-align:center;} .dt-sc-icon-box.type1.alignleft .large-icon{left:0;right:auto;} .dt-sc-icon-box.aligncenter .large-icon{left:0;margin:0 auto;} .dt-sc-icon-box.alignright .large-icon{right:0;left:auto;} .dt-sc-icon-box.type2 .icon-wrapper{margin:0 0 15px 0;} .dt-sc-icon-box.type2 .icon-wrapper span{font-size:26px;position:relative;} .dt-sc-icon-box.type2 .icon-content h4{display:inline-block;font-size:18px;font-weight:bold;margin-bottom:7px;} .dt-sc-icon-box.type2 .icon-content p{margin:10px 0 0;clear:both;} .dt-sc-icon-box.type2 .dt-sc-small-separator{display:none;} .dt-sc-icon-box.type2.alignright .icon-wrapper{float:right;margin:0px 0px 10px 20px;} .dt-sc-icon-box.type2.alignright .icon-content{padding-left:0;} .dt-sc-icon-box.type2.aligncenter .icon-wrapper{width:100%;} .dt-sc-icon-box.type2.aligncenter .icon-wrapper img{float:none;display:inline-block;} .dt-sc-icon-box.type3 .large-icon{left:0px;margin:auto;bottom:-20px;} .dt-sc-icon-box.type3{text-align:center;position:relative;width:100%;} .dt-sc-icon-box.type3 .icon-wrapper{width:100%;float:left;margin:0px 0 25px 0px;} .dt-sc-icon-box.type3 .icon-wrapper img{filter:invert(100%);-moz-filter:invert(100%);-webkit-filter:invert(100%);-ms-filter:invert(100%);} .dt-sc-icon-box.type3:hover .icon-wrapper img{filter:inherit;-moz-filter:inherit;-webkit-filter:inherit;-ms-filter:inherit;} .dt-sc-icon-box.type3 .icon-wrapper span{display:inline-block;font-size:30px;line-height:70px;position:relative;width:72px;height:72px;text-align:center;} .dt-sc-icon-box.type3 .icon-content h4{font-size:18px;margin-bottom:5px;font-weight:600;display:inline-block;} .dt-sc-icon-box.type3 .icon-content p{margin:20px 0px 0px;clear:both;} .dt-sc-icon-box.type3 .dt-sc-small-separator{display:none;} .dt-sc-icon-box.type3.dt-sc-rounded.right-border:after{border-right:1px solid rgba(255, 255, 255, 0.2);content:"";display:block;height:100%;margin:auto;position:absolute;right:-15px;top:0;} .dt-sc-icon-box.type3.grey.dt-sc-rounded span{border-color:#f5f5f5;} .dt-sc-icon-box.type3.alignleft{text-align:left;} .dt-sc-icon-box.type3.alignleft .icon-wrapper span{margin-left:-10px;} .dt-sc-icon-box.type3.alignright{text-align:right;} .dt-sc-icon-box.type3.alignright .icon-wrapper span{margin-right:-10px;} .dt-sc-icon-box.type3.dt-sc-diamond .icon-wrapper span{background:none;color:#000000;font-size:35px;line-height:170px;border:none;width:120px;height:170px;position:relative;z-index:9;} .dt-sc-icon-box.type3.dt-sc-diamond .icon-wrapper{position:relative;} .dt-sc-icon-box.type3.dt-sc-diamond .icon-wrapper:before{content:"";position:absolute;left:0px;right:0;margin:auto;top:33px;width:100px;height:100px;border:1px solid rgba(0, 0, 0, 0.2);z-index:1;transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg);-webkit-transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg);} .dt-sc-icon-box.type3.dt-sc-diamond .icon-wrapper:after{content:"";position:absolute;left:0px;right:0;margin:auto;top:38px;width:90px;height:90px;border:1px solid rgba(0, 0, 0, 0.2);z-index:1;transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg);-webkit-transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg);} .dt-sc-icon-box.type4{padding:0px 0px 0px 100px;margin-bottom:25px;width:100%;} .dt-sc-icon-box.type4 .icon-wrapper{position:absolute;left:0px;top:10px;text-align:center;} .dt-sc-icon-box.type4 .icon-wrapper span{font-size:32px;} .dt-sc-icon-box.type4 .icon-content h4{font-size:20px;margin-bottom:10px;font-weight:bold;} .dt-sc-icon-box.type4 .icon-content a{margin:10px 0px 0px;display:inline-block;} .dt-sc-icon-box.type4 .icon-content a span{font-size:10px;margin:0px 0px 0px 5px;display:inline-block;} .dt-sc-icon-box.type4.last:before{border:0px;} .dt-sc-icon-box.type4.with-diamond-square-icon{padding-left:100px;} .dt-sc-icon-box.type4.with-diamond-square-icon:before{left:33px;} .dt-sc-icon-box.type4.with-diamond-square-icon .icon-wrapper{width:70px;text-align:center;} .dt-sc-icon-box.type4.with-diamond-square-icon .icon-wrapper:before{content:"";position:absolute;left:9px;top:15px;width:50px;height:50px;border-radius:5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);box-shadow:5px 0px 0px 0px rgba(0, 0, 0, 0.15);} .dt-sc-icon-box.type4.with-diamond-square-icon .icon-wrapper span{font-size:24px;line-height:80px;position:relative;z-index:1;} .dt-sc-icon-box.type4.with-diamond-square-icon .icon-content h4{font-size:16px;margin-bottom:10px;} .dt-sc-icon-box.type4.with-diamond-square-icon .icon-content p{font-size:14px;} .dt-sc-icon-box.type5{text-align:center;margin:0 auto 30px;width:100%;z-index:0;} .dt-sc-icon-box.type5 .icon-wrapper{width:120px;height:120px;line-height:130px;text-align:center;background-color:#01477f;margin:0 auto 50px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);border:6px solid #fff;box-shadow:4px 0 8px rgba(0, 0, 0, 0.04);-webkit-box-shadow:4px 0 8px rgba(0, 0, 0, 0.04);border-radius:3px;} .dt-sc-icon-box.type5 .icon-wrapper span{font-size:40px;position:relative;z-index:1;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .dt-sc-icon-box.type5:hover .icon-wrapper{box-shadow:4px 0 25px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow:4px 0 25px 5px rgba(0, 0, 0, 0.1);transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .dt-sc-icon-box.type5 .icon-wrapper span.pe-icon, .dt-sc-pr-tb-col.minimal .icon-wrapper span.pe-icon{font-weight:bold;} .dt-sc-icon-box.type5 .icon-content h4{font-size:18px;} .dt-sc-icon-box.type5.last:before{border:0px;} .dt-sc-icon-box.type5 p{color:#888888;} .dt-sc-icon-box.type5.with-border:after{content:"";width:100%;position:absolute;border-top:2px dashed rgba(0, 0, 0, 0.1);top:60px;margin:auto;height:2px;left:80%;z-index:-1;} .dt-sc-icon-box.type5.last.with-border:after{display:none;} .dt-sc-icon-box.type5 .icon-wrapper img{text-align:center;float:none;display:inline-block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);margin:0 auto;filter:invert(100%);-moz-filter:invert(100%);-webkit-filter:invert(100%);-ms-filter:invert(100%);-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;} .dt-sc-icon-box.type5:not(.no-icon-bg):hover .icon-wrapper img, .dt-sc-icon-box.type5:hover .icon-wrapper span{filter:inherit;-moz-filter:inherit;-webkit-filter:inherit;-ms-filter:inherit;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);} .dt-sc-icon-box.type5.rounded .icon-wrapper{border-radius:50%;width:70px;height:70px;} .dt-sc-icon-box.type5.rounded .icon-wrapper span{line-height:70px;font-size:32px;} .dt-sc-icon-box.type5.rounded .icon-wrapper:before, .dt-sc-icon-box.type5.rounded:hover .icon-wrapper:before{background:none;} .dt-sc-icon-box.type5.alignright{padding:5px 100px 0px 0px;} .dt-sc-icon-box.type5.alignright .icon-wrapper{right:0px;left:inherit;} .dt-sc-icon-box.type5.aligncenter{padding:10px;} .dt-sc-icon-box.type5.aligncenter .icon-wrapper{position:relative;width:100%;text-align:center;margin-bottom:15px;} .dt-sc-icon-box.type5.rounded-skin .icon-wrapper{border-radius:50%;width:80px;height:80px;line-height:70px;transform:none;-webkit-transform:none;margin:0 auto 30px;} .dt-sc-icon-box.type5.rounded-skin .icon-wrapper span{line-height:70px;font-size:25px;color:#ffffff;transform:none;-webkit-transform:none;} .dt-sc-icon-box.type5.rounded-skin .icon-wrapper:before, .dt-sc-icon-box.type5.rounded-skin:hover .icon-wrapper:before{background:none;} .dt-sc-icon-box.type5.rounded-skin .icon-content h4{font-weight:600;} .dt-sc-icon-box.type5.no-icon{border-style:dashed;border-width:0 1px 0 0;display:block;float:none;margin:0 -15px;width:auto;padding-left:15px;padding-right:15px;} .dt-sc-icon-box.type5.no-icon.last, .last .dt-sc-icon-box.type5.no-icon{border-right-width:0;} .dt-sc-icon-box.type5.no-icon-bg{padding:0px 0px 0px 50px;} .dt-sc-icon-box.type5.no-icon-bg .icon-wrapper{width:35px;} .dt-sc-icon-box.type5.no-icon-bg .icon-wrapper:before, .dt-sc-icon-box.type5.no-icon-bg:hover .icon-wrapper:before{background:none;} .dt-sc-icon-box.type5.no-icon-bg .icon-wrapper span{font-size:32px;line-height:normal} .dt-sc-icon-box.type5.no-icon-bg .icon-content h5, .dt-sc-icon-box.type5.no-icon .icon-content h5{font-size:12px;text-transform:uppercase;margin-bottom:5px;font-weight:normal;} .dt-sc-icon-box.type5.no-icon-bg .icon-content h4, .dt-sc-icon-box.type5.no-icon .icon-content h4{text-transform:uppercase;font-size:16px;} .dt-sc-icon-box.type5.no-icon-bg .icon-content a, .dt-sc-icon-box.type5.no-icon .icon-content a{margin-top:5px;display:inline-block;} .dt-sc-icon-box.type5.no-icon .icon-content a{text-transform:uppercase;font-size:12px;letter-spacing:0.6px;position:relative;} .dt-sc-icon-box.type5.no-icon .icon-content a:before{content:"\f105";position:absolute;top:0px;right:-15px;font-family:FontAwesome;} .dt-sc-icon-box.type5.no-icon .icon-content h4{width:auto;display:inline-block;border-bottom:1px solid;padding:0px 20px 20px;} .dt-sc-icon-box.type5.no-icon-bg.aligncenter{padding:10px;} .dt-sc-icon-box.type5.no-icon-bg.aligncenter .icon-wrapper{width:100%;} .dt-sc-icon-box.type5.no-icon-bg.alignright{padding:0 50px 0 0;} .dt-sc-icon-box.type5.no-icon.alignright .icon-content h4{padding:0 0 20px 20px;} .dt-sc-icon-box.type5.no-icon.alignright .icon-content a{margin-right:15px;} .dt-sc-icon-box.type5.no-icon.alignleft .icon-content h4{padding:0 20px 20px 0;} .dt-sc-icon-box.type5.alter .icon-content h4{font-weight:500;margin-bottom:10px;text-transform:uppercase;font-size:20px;} .dt-sc-icon-box.type5.alter .icon-wrapper span{color:#fff;} .dt-sc-icon-box.type5.alter .dt-sc-fancy-list{color:#888888;} .dt-sc-icon-box.type5.aligncenter *{text-align:center;} .dt-sc-icon-box.type5.aligncenter .icon-content h4{padding:0px 20px 20px;} .dt-sc-icon-box.type6{text-align:center;padding:45px 15px 25px;color:#fff;float:left;width:100%;} .dt-sc-icon-box.type6 .icon-wrapper{text-align:center;margin:0px 0 30px 0px;} .dt-sc-icon-box.type6 .icon-wrapper span{font-size:48px;} .dt-sc-icon-box.type6 .icon-content h4{font-size:16px;color:#fff;letter-spacing:1px;word-wrap:break-word;} .dt-sc-icon-box.type6:hover .icon-content h4{color:#000;} .dt-sc-icon-box.type6 .icon-content p{clear:both;} .dt-sc-icon-box.type6 .icon-content a{margin-top:20px;font-weight:600;} .dt-sc-icon-box.type6 .icon-content h5{position:absolute;left:135px;top:70px;} .dt-sc-icon-box.type6.aligncenter .icon-wrapper{float:none;display:inline-block;margin:0px 0px 20px 0px;} .dt-sc-icon-box.type6.aligncenter .icon-content h4{margin-top:0;} .dt-sc-icon-box.type6.alignright .icon-wrapper{float:right;margin:0px 0px 20px 15px;} .dt-sc-icon-box.type6 .icon-wrapper img{display:block;margin:0 auto;filter:invert(100%);-moz-filter:invert(100%);-webkit-filter:invert(100%);-ms-filter:invert(100%);} .dt-sc-icon-box.type6:hover .icon-wrapper img{filter:inherit;-moz-filter:inherit;-webkit-filter:inherit;-ms-filter:inherit;} .dt-sc-icon-box.type7{border:1px solid;margin-top:45px;padding:0px 8% 30px;} .dt-sc-icon-box.type7 .icon-wrapper{margin:-35px 0px 40px 0px;width:70px;height:70px;text-align:center;float:none;display:inline-block;border-radius:50%;} .dt-sc-icon-box.type7 .icon-wrapper img{filter:invert(100%);-moz-filter:invert(100%);-webkit-filter:invert(100%);-ms-filter:invert(100%);position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);} .dt-sc-icon-box.type7:hover .icon-wrapper img{filter:inherit;-moz-filter:inherit;-webkit-filter:inherit;-ms-filter:inherit;} .dt-sc-icon-box.type7 .icon-wrapper span{text-align:center;font-size:32px;line-height:70px;display:inline-block;position:absolute;left:0;right:0;margin:0 auto;} .dt-sc-icon-box.type7 .icon-content h4{font-size:16px;text-transform:uppercase;margin-bottom:15px;} .dt-sc-icon-box.type7 .icon-content p a{display:inline-block;position:relative;text-transform:uppercase;font-weight:600;font-size:14px;} .dt-sc-icon-box.type7 .icon-content p{margin-top:25px;} .dt-sc-icon-box.type7 .icon-content p a:after{content:"\f178";font-family:FontAwesome;margin-left:10px;} .dt-sc-icon-box.type8{padding:0 0px 10px 55px;width:100%;margin-bottom:12px;} .dt-sc-icon-box.type8 .icon-wrapper{text-align:center;position:absolute;left:0px;} .dt-sc-icon-box.type8 .icon-wrapper span{font-size:30px;top:5px;position:relative;} .dt-sc-icon-box.type8 .icon-content h4{margin:5px 0;text-transform:capitalize;} .dt-sc-icon-box.type8 .icon-wrapper img{position:relative;top:3px;} .dt-sc-icon-box.type8.last{border-bottom-width:0;} .dt-sc-icon-box.type8.aligncenter .icon-wrapper{top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);} .dt-sc-icon-box.type8.aligncenter .icon-wrapper img{top:auto;} .dt-sc-icon-box.type8.alignright{padding:10px 80px 10px 0;} .dt-sc-icon-box.type8.alignright .icon-wrapper img{float:right;} .dt-sc-icon-box.type8.alignright .icon-wrapper{left:auto;right:0;} .dt-sc-icon-box.type9{display:table;overflow:hidden;width:100%;} .dt-sc-icon-box.type9 .icon-wrapper, .dt-sc-icon-box.type9 .icon-content{display:table-cell;vertical-align:middle;} .dt-sc-icon-box.type9 .icon-wrapper{margin:0;padding:0;position:relative;width:46%;text-align:center;} .dt-sc-icon-box.type9 .icon-wrapper:before{content:"";position:absolute;right:-20px;top:105px;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid;} .dt-sc-icon-box.type9 .icon-wrapper span{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100px;height:100px;font-size:100px;line-height:100px;} .dt-sc-icon-box.type9 .icon-content{height:100%;width:54%;padding:30px 35px;} .dt-sc-icon-box.type9 .icon-content p{margin-bottom:0;line-height:30px;} .dt-sc-icon-box.type9 .icon-content h5{font-size:60px;display:inline-block;} .dt-sc-icon-box.type9 .icon-content h4{font-size:20px;float:left;width:100%;margin-bottom:30px;} .dt-sc-icon-box.type9 .icon-wrapper img{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);} .dt-sc-icon-box.type10{text-align:center;border:1px solid rgba(0,0,0,0.1);padding:40px 20px;margin:0px -1px 0px 0px;} .dt-sc-icon-box.type10 .icon-wrapper{margin:0px 0px 40px;position:relative;width:140px;height:140px;display:inline-block;float:none;} .dt-sc-icon-box.type10 .icon-wrapper:before{content:"";position:absolute;left:0px;right:0px;top:19px;margin:auto;width:100px;height:100px;border:1px solid;border-radius:5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:1;} .dt-sc-icon-box.type10 .icon-wrapper:after{content:"";position:absolute;left:0px;right:0px;top:20px;margin:auto;width:100px;height:100px;border-radius:5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:0;} .dt-sc-icon-box.type10 .icon-wrapper span, .dt-sc-icon-box.type10 .icon-wrapper img{font-size:60px;position:absolute;z-index:1;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);width:60px;} .dt-sc-icon-box.type10:hover .icon-wrapper img{filter:grayscale(100%) contrast(10);-moz-filter:grayscale(100%) contrast(10);-webkit-filter:grayscale(100%) contrast(10);-ms-filter:grayscale(100%) contrast(10);} .dt-sc-icon-box.type10 .icon-content h4{font-size:16px;font-weight:bold;letter-spacing:1px;margin-bottom:25px;position:relative;text-transform:uppercase;} .dt-sc-icon-box.type10 .icon-content h4:before{content:"";position:absolute;right:-26px;top:6px;margin:auto;width:12px;height:12px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:1;} .dt-sc-icon-box.type10.last .icon-content h4:before{content:none;} .dt-sc-icon-box.type10 .icon-content p{margin-bottom:0px;} .dt-sc-icon-box.type10:hover .icon-wrapper:after{left:-25px;} .dt-sc-icon-box.type10.alignleft{text-align:left;} .dt-sc-icon-box.type10.alignright{text-align:right;} .dt-sc-icon-box.type10.alignleft .icon-wrapper, .dt-sc-icon-box.type10.alignright .icon-wrapper{text-align:center;} .dt-sc-icon-box.type11{padding:102px 30px 0px;margin:50px 0px 0px;text-align:center;color:#fff;} .dt-sc-icon-box.type11:before{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:0;} .dt-sc-icon-box.type11 .icon-wrapper{float:left;position:absolute;top:-50px;width:100px;text-align:center;left:0;right:0;margin:0 auto;height:100px;border-radius:50%;} .dt-sc-icon-box.type11 .icon-wrapper span{display:inline-block;font-size:35px;line-height:100px;width:100px;height:100px;border-radius:50%;text-align:center;} .dt-sc-icon-box.type11 .icon-content{position:relative;z-index:1;} .dt-sc-icon-box.type11 .icon-content h4{font-weight:normal;text-transform:uppercase;font-size:18px;color:#fff;} .dt-sc-icon-box.type11 .dt-sc-button.medium{padding:13px 50px 11px 30px;letter-spacing:0.5px;position:relative;bottom:-29px;} .dt-sc-icon-box.type11 .icon-wrapper img{float:none;display:inline-block;position:absolute;left:50%;top:50%;filter:grayscale(100%) contrast(10);-moz-filter:grayscale(100%) contrast(10);-webkit-filter:grayscale(100%) contrast(10);-ms-filter:grayscale(100%) contrast(10);transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);width:48px;} .dt-sc-icon-box.type11 .dt-sc-button:before, .dt-sc-icon-box.type11 .dt-sc-button:after{content:"";position:absolute;top:0px;bottom:0px;margin:auto;} .dt-sc-icon-box.type11 .dt-sc-button:before{height:11px;width:1px;right:30px;} .dt-sc-icon-box.type11 .dt-sc-button:after{height:1px;width:11px;right:25px;} .dt-sc-icon-box.type11.one:before{opacity:1;} .dt-sc-icon-box.type11.two:before{opacity:0.97;} .dt-sc-icon-box.type11.three:before{opacity:0.94;} .dt-sc-icon-box.type11.four:before{opacity:0.91;} .dt-sc-icon-box.type11.five:before{opacity:0.88;} .dt-sc-icon-box.type11.six:before{opacity:0.85;} .dt-sc-icon-box.type11.alignleft, .dt-sc-icon-box.type11.alignleft .icon-wrapper{text-align:left;} .dt-sc-icon-box.type11.alignright, .dt-sc-icon-box.type11.alignright .icon-wrapper{text-align:right;} .dt-sc-icon-box.type11.alignleft .icon-wrapper{text-align:left;right:auto;left:30px;} .dt-sc-icon-box.type11.alignright .icon-wrapper{text-align:right;left:auto;right:30px;} .dt-sc-icon-box.type12{text-align:center;padding:17px 20px 13px;-webkit-box-shadow:inset 20px 0px 30px -20px rgba(0,0,0,0.3);-moz-box-shadow:inset 20px 0px 30px -20px rgba(0,0,0,0.3);box-shadow:inset 20px 0px 30px -20px rgba(0,0,0,0.3);} .dt-sc-icon-box.type12 .icon-wrapper{display:inline;margin:0px 15px 0px 0px;top:35px;} .dt-sc-icon-box.type12 .icon-wrapper span{font-size:32px;} .dt-sc-icon-box.type12 .icon-wrapper img{width:38px;filter:grayscale(100%) contrast(10);-moz-filter:grayscale(100%) contrast(10);-webkit-filter:grayscale(100%) contrast(10);-ms-filter:grayscale(100%) contrast(10);} .dt-sc-icon-box.type12 .icon-content{display:inline;position:relative;top:25px;} .dt-sc-icon-box.type12 .icon-content h4{color:#ffffff;font-size:18px;font-weight:bold;display:inline;margin:0px;} .dt-sc-icon-box.type12 .icon-content p{font-size:13px;line-height:24px;display:inline-block;margin:10px 0px 0px;opacity:0;} .dt-sc-icon-box.type12:hover .icon-wrapper img, .dt-sc-icon-box.type12.selected .icon-wrapper img{width:auto;opacity:0.2;} .dt-sc-icon-box.type12:hover, .dt-sc-icon-box.type12.selected{padding:20px 20px 21px;overflow:hidden;} .dt-sc-icon-box.type12:hover .icon-wrapper, .dt-sc-icon-box.type12.selected .icon-wrapper{position:absolute;left:0px;top:-10px;} .dt-sc-icon-box.type12:hover .icon-wrapper span, .dt-sc-icon-box.type12.selected .icon-wrapper span{font-size:170px;} .dt-sc-icon-box.type12:hover .icon-content, .dt-sc-icon-box.type12.selected .icon-content, .dt-sc-icon-box.type12.alignright:hover .icon-content{top:0px;} .dt-sc-icon-box.type12:hover .icon-content p, .dt-sc-icon-box.type12.selected .icon-content p{opacity:1;} .dt-sc-icon-box.type12.alignright:hover .icon-wrapper, .dt-sc-icon-box.type12.alignright.selected .icon-wrapper{width:auto;height:auto;top:0px;} .dt-sc-icon-box.type12.aligncenter .icon-content{float:left;margin-top:20px;} .dt-sc-icon-box.type12.aligncenter:hover .icon-content, .dt-sc-icon-box.type12.aligncenter.selected .icon-content{margin-top:22px;margin-bottom:22px;} .dt-sc-icon-box.type12.alignright .icon-wrapper{float:right;margin:0px 20px 0px 0px;width:32px;height:37px;} .dt-sc-icon-box.type12.alignright .icon-content{top:38px;} .dt-sc-icon-box.type13{padding:3px 0px 16px 20px;background:rgba(0, 0, 0, 0.05);margin-bottom:2px;position:relative;width:100%;} .dt-sc-icon-box.type13 .icon-wrapper{position:absolute;left:-30px;top:0px;bottom:0px;margin:auto;background:#000000;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;box-shadow:0 0 0 5px #fff;-webkit-box-shadow:0 0 0 5px #fff;-moz-box-shadow:0 0 0 5px #fff;-ms-box-shadow:0 0 0 5px #fff;-o-box-shadow:0 0 0 5px #fff;} .dt-sc-icon-box.type13 .icon-wrapper span, .dt-sc-icon-box.type13 .icon-wrapper img{font-size:25px;color:#ffffff;line-height:50px;position:absolute;left:50%;top:50%;margin:0 auto;width:30px;height:auto;transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);} .dt-sc-icon-box.type13 .icon-content{text-align:center;} .dt-sc-icon-box.type13 .icon-content h4{font-size:70px;font-weight:normal;display:inline-block;margin:0px;} .dt-sc-icon-box.type13 .icon-content p{font-size:16px;text-transform:uppercase;display:inline-block;margin:0px;float:left;clear:both;width:100%;} .dt-sc-icon-box.type13 .icon-wrapper img{filter:grayscale(100%) contrast(10);-moz-filter:grayscale(100%) contrast(10);-webkit-filter:grayscale(100%) contrast(10);-ms-filter:grayscale(100%) contrast(10);} @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, .dt-sc-icon-box.type13 .icon-content h4{margin-bottom:10px;} } .dt-sc-icon-box.type13.alignright .icon-wrapper{left:auto;right:-30px;} .dt-sc-icon-box.type13.aligncenter .icon-wrapper{right:0;left:0;top:auto;bottom:-30px;margin:0 auto;} .dt-sc-icon-box.type13.aligncenter .icon-content{padding-bottom:30px;} .dt-sc-icon-box.type14{text-align:center;width:100%;background:rgba(0, 0, 0, 0.02);padding:35px 30px 40px;min-height:257px;border-left:1px solid #ffffff;} .dt-sc-icon-box.type14.grey{background:rgba(0, 0, 0, 0.05);} .dt-sc-icon-box.type14 .icon-wrapper{text-align:center;width:100%;display:inline-block;margin:0px 0px 20px;} .dt-sc-icon-box.type14 .icon-content{display:inline-block;width:100%;} .dt-sc-icon-box.type14 .icon-content h4{font-size:18px;font-weight:bold;text-transform:uppercase;margin-bottom:0px;} .dt-sc-icon-box.type14 .icon-content p{display:none;margin:20px 0px 0px;} .dt-sc-icon-box.type14 .icon-content a{background:#edeef2;border-radius:3px;color:#000000;padding:9px 20px;} .dt-sc-icon-box.type14{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;} @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, .dt-sc-icon-box.type14{display:-webkit-box;-webkit-box-align:center;-webkit-box-flex:1;} } .dt-sc-icon-box.type14 .icon-wrapper{display:inline-block;margin:0 0 25px;text-align:center;width:100%;} .dt-sc-icon-box.type14 .icon-wrapper span{font-size:45px;margin-bottom:5px;} .dt-sc-icon-box.type14 .icon-wrapper img{display:inline-block;} .dt-sc-icon-box.type14.alignleft, .dt-sc-icon-box.type14.alignleft .icon-wrapper{text-align:left;} .dt-sc-icon-box.type14.alignright, .dt-sc-icon-box.type14.alignright .icon-wrapper{text-align:right;} .column.first .dt-sc-icon-box.type14{border-left:0px;} .dt-sc-icon-box.type14:hover .icon-wrapper{display:none;} .dt-sc-icon-box.type14:hover .icon-content p{display:block;color:#ffffff;} .dt-sc-icon-box.type14:hover .icon-content h4{color:#ffffff;} .dt-sc-icon-box.type14.red .icon-wrapper span, .dt-sc-icon-box.type14.red .icon-content h4{color:#e75d5c;} .dt-sc-icon-box.type14.green .icon-wrapper span, .dt-sc-icon-box.type14.green .icon-content h4{color:#55a67e;} .dt-sc-icon-box.type14.blue .icon-wrapper span, .dt-sc-icon-box.type14.blue .icon-content h4{color:#008bd3;} .dt-sc-icon-box.type14.cadetblue .icon-wrapper span, .dt-sc-icon-box.type14.cadetblue .icon-content h4{color:#2ba5c3;} .dt-sc-icon-box.type14.slateblue .icon-wrapper span, .dt-sc-icon-box.type14.slateblue .icon-content h4{color:#526685;} .dt-sc-icon-box.type14.brown .icon-wrapper span, .dt-sc-icon-box.type14.brown .icon-content h4{color:#ae5d3c;} .dt-sc-icon-box.type14.orange .icon-wrapper span, .dt-sc-icon-box.type14.orange .icon-content h4{color:#f9a91a;} .dt-sc-icon-box.type14.lightgreen .icon-wrapper span, .dt-sc-icon-box.type14.lightgreen .icon-content h4{color:#82aa40;} .dt-sc-icon-box.type14.red:hover{background:#e75d5c;} .dt-sc-icon-box.type14.green:hover{background:#55a67e;} .dt-sc-icon-box.type14.blue:hover{background:#008bd3;} .dt-sc-icon-box.type14.cadetblue:hover{background:#2ba5c3;} .dt-sc-icon-box.type14.slateblue:hover{background:#526685;} .dt-sc-icon-box.type14.brown:hover{background:#ae5d3c;} .dt-sc-icon-box.type14.orange:hover{background:#f9a91a;} .dt-sc-icon-box.type14.lightgreen:hover{background:#82aa40;} .dt-sc-icon-box.type15{background-color:#f5f5f5;border:1px solid #f5f5f5;padding:40px 10px 30px;overflow:hidden;display:block;float:left;width:100%;text-align:center;margin-bottom:20px;} .dt-sc-icon-box.type15 .icon-wrapper img{margin:0 auto;display:block;margin-bottom:20px;} .dt-sc-icon-box.type15 .icon-content{position:absolute;top:0;left:-100%;height:100%;bottom:0;margin:auto;padding:40px 10px;opacity:0;-webkit-transition:all 300ms linear 0s;-moz-transition:all 300ms linear 0s;-o-transition:all 300ms linear 0s;-ms-transition:all 300ms linear 0s;transition:all 300ms linear 0s;width:100%;} .dt-sc-icon-box.type15 h4{margin-bottom:15px;font-size:20px;} .dt-sc-icon-box.type15 .icon-content h4 a, .dt-sc-icon-box.type15 .icon-content p{color:#fff;} .dt-sc-icon-box.type15:hover .icon-content{opacity:1;left:0;} /*-------------------------------------------------------------- 1.2 - Default Colors --------------------------------------------------------------*/ .dt-sc-icon-box.type5:hover .icon-wrapper span, .dt-sc-icon-box.type6:hover .icon-wrapper span, .dt-sc-icon-box.type6:hover .icon-content a, .dt-sc-icon-box.type7 .icon-wrapper span, .dt-sc-icon-box.type7:hover .icon-wrapper span, .dt-sc-icon-box.type6 .icon-wrapper span, .dt-sc-icon-box.type3 .icon-wrapper span, .dt-sc-icon-box.type10:hover .icon-wrapper span, .dt-sc-icon-box.type12, .dt-sc-icon-box.type13:hover .icon-content h4, .dt-sc-icon-box.type13:hover .icon-content p, .dt-sc-icon-box.type14:hover .icon-wrapper span, /* Hover */.dt-sc-icon-box.type14:hover .icon-content h4, .dt-sc-icon-box.type14.red:hover .icon-content h4, .dt-sc-icon-box.type14.green:hover .icon-content h4, .dt-sc-icon-box.type14.blue:hover .icon-content h4, .dt-sc-icon-box.type14.cadetblue:hover .icon-content h4, .dt-sc-icon-box.type14.slateblue:hover .icon-content h4, .dt-sc-icon-box.type14.brown:hover .icon-content h4, .dt-sc-icon-box.type14.orange:hover .icon-content h4, .dt-sc-icon-box.type14.lightgreen:hover .icon-content h4, .dt-sc-icon-box.type14:hover .icon-content h5, .dt-sc-icon-box.type15.red:hover .icon-content h5, .dt-sc-icon-box.type15.green:hover .icon-content h5, .dt-sc-icon-box.type15.blue:hover .icon-content h5, .dt-sc-icon-box.type15.cadetblue:hover .icon-content h5, .dt-sc-icon-box.type15.slateblue:hover .icon-content h5, .dt-sc-icon-box.type15.brown:hover .icon-content h5, .dt-sc-icon-box.type15.orange:hover .icon-content h5, .dt-sc-icon-box.type15.lightgreen:hover .icon-content h5, .dt-sc-icon-box.type3.dt-sc-diamond:hover .icon-wrapper span, .dt-sc-icon-box.type11 .icon-wrapper span, .dt-sc-icon-box.type5 .icon-wrapper span{color:#ffffff;} .dt-sc-icon-box.type3.dt-sc-diamond:hover .icon-wrapper span{background:none;} .dt-sc-icon-box.type12:hover, .dt-sc-icon-box.type12.selected{background:#000000;} .dt-sc-icon-box.type12:hover .icon-wrapper span, .dt-sc-icon-box.type12.selected .icon-wrapper span{color:rgba(255, 255, 255, 0.23);} .dt-sc-icon-box .large-icon{color:rgba(0, 0, 0, 0.03);} .dt-sc-icon-box.type5.no-icon-bg .icon-content h5, .dt-sc-icon-box.type5.no-icon .icon-content h5{color:#a4a4a3;} .dt-sc-icon-box.type5.no-icon .icon-content p{color:#a0a0a0;} .dt-sc-icon-box.type8 .icon-content p, .dt-sc-icon-box.type8 .icon-wrapper span{color:rgba(0, 0, 0, 0.2);} .dt-sc-dark-bg .dt-sc-icon-box.type8 .icon-wrapper span, .dt-sc-dark-bg .dt-sc-icon-box.type8 .icon-content p{color:rgba(255, 255, 255, 0.5);} .dt-sc-icon-box.type9 .icon-content{background:rgba(0, 0, 0, 0.1);} .dt-sc-icon-box.type5.rounded .icon-wrapper, .dt-sc-icon-box.type10 .icon-wrapper:before, .dt-sc-icon-box.type4.with-diamond-square-icon .icon-wrapper:before, .dt-sc-icon-box.type10, .dt-sc-icon-box.type11 .dt-sc-button:before, .dt-sc-icon-box.type11 .dt-sc-button:after{background:#ffffff;} .dt-sc-icon-box.type5 .icon-wrapper:before{background:rgba(0, 0, 0, 0.03);} .dt-sc-icon-box.type9 .icon-wrapper, .switch-color.dt-sc-icon-box.type9 .icon-content{background:rgba(0, 0, 0, 0.05);} .dt-sc-icon-box.type6:hover .icon-content a, .dt-sc-icon-box.type11, .dt-sc-icon-box.type11 .icon-wrapper{background:#000000;} .dt-sc-dark-bg .dt-sc-icon-box.type9 .icon-wrapper, .dt-sc-dark-bg .switch-color.dt-sc-icon-box.type9 .icon-content{background:rgba(0, 0, 0, 0.8);} .dt-sc-dark-bg .dt-sc-icon-box.type9 .icon-content, .dt-sc-dark-bg .switch-color.dt-sc-icon-box.type9 .icon-wrapper{background:rgba(0, 0, 0, 0.9);} .switch-color.dt-sc-icon-box.type9 .icon-wrapper{background:rgba(0, 0, 0, 0.1);} .dt-sc-icon-box.type1, .last .dt-sc-icon-box.type1{border-color:rgba(0, 0, 0, 0.15);} .dt-sc-icon-box.type3 .icon-wrapper span, .dt-sc-icon-box.type6 .icon-wrapper, .dt-sc-icon-box.type7 .icon-wrapper span{border-color:#ffffff;} .dt-sc-icon-box.type3.dt-sc-diamond:hover .icon-wrapper:before{border-color:#000000;} .dt-sc-icon-box.type8{border-color:rgba(0, 0, 0, 0.2);} .dt-sc-dark-bg .dt-sc-icon-box.type8{border-color:rgba(255, 255, 255, 0.3);} .dt-sc-icon-box.type7{border-color:#e5edf3;} .dt-sc-icon-box.type9 .icon-wrapper:before{border-left-color:rgba(255, 255, 255, 0.5);} .switch-color.dt-sc-icon-box.type9 .icon-wrapper:before{border-left-color:rgba(0, 0, 0, 0.05);} .dt-sc-dark-bg .dt-sc-icon-box.type9 .icon-wrapper:before{border-left-color:rgba(255, 255, 255, 0.11);} .dt-sc-dark-bg .switch-color.dt-sc-icon-box.type9 .icon-wrapper:before{border-left-color:rgba(0, 0, 0, 0.5);} /*-------------------------------------------------------------- 1.3 - Browser Css --------------------------------------------------------------*/ .ie9 .dt-sc-icon-box.type3.dt-sc-diamond .icon-wrapper:before, .ie9 .dt-sc-icon-box.type3.dt-sc-diamond .icon-wrapper:after{transform:rotate(45deg) skew(10deg, 10deg);-ms-transform:rotate(45deg) skew(10deg, 10deg);} @media screen and (min-width:0\0){ .vc_row-has-fill .dt-sc-icon-box.type3 .icon-wrapper span{box-shadow:none;-ms-box-shadow:none;} } /*-------------------------------------------------------------- 1.4 - Responsive --------------------------------------------------------------*/ @media only screen and (min-width:1200px) and (max-width:1380px) { .dt-sc-icon-box.type1 .icon-content h4{font-size:14px;} .dt-sc-icon-box.type2 .icon-content h4{font-size:17px;} .dt-sc-icon-box.type6 .icon-content h4{font-size:16px;} .dt-sc-icon-box.type11 .icon-content h4{font-size:14px;} .dt-sc-icon-box.type14 .icon-content p{margin:15px 0px 0px;} } /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { /** Icon Box **/ .dt-sc-icon-box.type2 .icon-wrapper{margin-right:8px;} .dt-sc-icon-box.type2.alignright .icon-wrapper{margin-left:8px;} .dt-sc-icon-box.type2 .icon-wrapper span{font-size:22px;} .dt-sc-icon-box.type2 .icon-content h4{font-size:16px;} .dt-sc-icon-box.type2 .icon-content p{font-size:14px;line-height:24px;} .dt-sc-icon-box.type4 .icon-content h4{font-size:16px;} .dt-sc-icon-box.type5.no-icon{padding:0 30px 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .dt-sc-icon-box.type5.no-icon .icon-content h4{padding:0 0 20px;} .vc_row-no-padding .dt-sc-icon-box.type5.no-icon{padding:0;} .dt-sc-icon-box.type6 .icon-content{clear:both;} .dt-sc-icon-box.type9 .icon-content h4{font-size:18px;} .dt-sc-icon-box.type11 .dt-sc-button.medium{padding:13px 45px 11px 25px;} .dt-sc-icon-box.type12{min-height:180px;padding:15px 15px 15px;} .dt-sc-icon-box.type12 .icon-wrapper{margin:0 10px 0 0;top:60px;} .dt-sc-icon-box.type12 .icon-wrapper span{font-size:24px;} .dt-sc-icon-box.type12 .icon-content{top:56px;} .dt-sc-icon-box.type12:hover .icon-content, .dt-sc-icon-box.type12.selected .icon-content{top:15px;} .dt-sc-icon-box.type14 .icon-content p{font-size:12px;} .dt-sc-icon-box.type14 .icon-content h4{font-size:16px;} /** Photography **/ .dt-sc-icon-box.type11 .dt-sc-button.medium{font-size:13px;} } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { /** Icon Box **/ .dt-sc-icon-box.type2 .icon-wrapper{margin-right:5px;} .dt-sc-icon-box.type2.alignright .icon-wrapper{margin-left:8px;} .dt-sc-icon-box.type2 .icon-wrapper span{font-size:15px;line-height:24px;} .dt-sc-icon-box.type2 .icon-content h4{letter-spacing:0;} .dt-sc-icon-box.type4 .icon-content h4{font-size:17px;line-height:normal;} .dt-sc-icon-box.type4 .icon-content p{font-size:15px;line-height:24px;} .dt-sc-icon-box.type5 .icon-wrapper span{font-size:22px;line-height:65px;} .dt-sc-icon-box.type5 .icon-content h4{font-size:16px;} .dt-sc-icon-box.type5.no-icon-bg{padding:0 0 0 42px;} .dt-sc-icon-box.type5.no-icon-bg .icon-wrapper{width:30px;} .dt-sc-icon-box.type5.no-icon-bg .icon-wrapper span{font-size:28px;} .dt-sc-icon-box.type5.no-icon-bg .icon-content h5, .dt-sc-icon-box.type5.no-icon .icon-content h5{font-size:10px;} .dt-sc-icon-box.type5.no-icon-bg .icon-content h4, .dt-sc-icon-box.type5.no-icon .icon-content h4{font-size:13px;} .dt-sc-icon-box.type5.no-icon{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .vc_row-no-padding .dt-sc-icon-box.type5.no-icon{padding:0;} .dt-sc-icon-box.type5.no-icon .icon-content h4{padding:0 0 20px;} .dt-sc-icon-box.type6 .icon-content{clear:both;} .dt-sc-icon-box.type6 .icon-content h4{font-size:16px;margin-top:0;} .dt-sc-icon-box.type9{height:auto !important;} .dt-sc-icon-box.type9 .icon-wrapper, .dt-sc-icon-box.type9 .icon-content{display:block;width:100%;} .dt-sc-icon-box.type9 .icon-wrapper:before{margin:0 auto;bottom:-30px;left:0;right:0;top:auto;width:0;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);} .dt-sc-icon-box.type9 .icon-wrapper span{display:block;float:none;text-align:center;} .dt-sc-icon-box.type9 .icon-content{padding-top:30px;text-align:center;} .dt-sc-icon-box.type10 .icon-content h4{font-size:14px;letter-spacing:0;} .dt-sc-icon-box.type10 .icon-content h4::before{height:13px;right:-24px;width:13px;} .dt-sc-icon-box.type11 .dt-sc-button.medium{font-size:10px;letter-spacing:0;padding:13px 40px 11px 20px;} .dt-sc-icon-box.type11 .dt-sc-button::before{right:25px;} .dt-sc-icon-box.type11 .dt-sc-button::after{right:20px;} /** Photography **/ .dt-sc-icon-box.type11{padding:88px 15px 10px;} .dt-sc-icon-box.type11 .dt-sc-button.medium{font-size:11px;} .dt-sc-icon-box.type12{padding:40px 10px 35px;min-height:202px;} .dt-sc-icon-box.type12 .icon-wrapper{margin:0 5px 0 0;top:50px;} .dt-sc-icon-box.type12 .icon-wrapper span{font-size:20px;} .dt-sc-icon-box.type12 .icon-content{top:46px;} .dt-sc-icon-box.type12 .icon-content h4{font-size:14px;} .dt-sc-icon-box.type12:hover .icon-content, .dt-sc-icon-box.type12.selected .icon-content{top:15px;} .dt-sc-icon-box.type13 .icon-content h4{font-size:40px;} .dt-sc-icon-box.type13 .icon-content p{font-size:14px;} .dt-sc-icon-box.type13{padding:15px 0px 16px 20px;} .dt-sc-icon-box.type14{padding:15px;font-size:13px;} .dt-sc-icon-box.type14 .icon-content h4{font-size:12px;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { /** Icon Box **/ .dt-sc-icon-box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .dt-sc-icon-box, .dt-sc-icon-box.type11, .dt-sc-icon-box.type13{margin-bottom:25px;} .rs_col_no_btm_space .dt-sc-icon-box.type3{margin-bottom:0;} .dt-sc-icon-box.type5.no-icon{padding:0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .dt-sc-icon-box.type5.no-icon:first-child{border-left-width:1px;} .dt-sc-icon-box.type5.no-icon.last, .last .dt-sc-icon-box.type5.no-icon{border-right-width:1px;} .dt-sc-icon-box.type5.with-border:after{display:none;} .dt-sc-icon-box.type8.last{border-bottom-width:1px;} .dt-sc-icon-box.type9{height:auto !important;} .dt-sc-icon-box.type9 .icon-wrapper, .dt-sc-icon-box.type9 .icon-content{display:block;width:100%;} .dt-sc-icon-box.type9 .icon-wrapper:before{margin:0 auto;bottom:-30px;left:0;right:0;top:auto;width:0;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);} .dt-sc-icon-box.type9 .icon-wrapper span{display:block;float:none;text-align:center;} .dt-sc-icon-box.type9 .icon-content{padding-top:30px;text-align:center;} .dt-sc-icon-box.type10 .icon-content h4:after{content:"";height:12px;margin:auto;position:absolute;left:-26px;top:6px;width:12px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:1;} .dt-sc-icon-box.type10.last .icon-content h4:before{content:"";} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { /** Icon Box **/ .dt-sc-icon-box.type6 .icon-content{clear:both;} .dt-sc-icon-box.type6 .icon-content h4{font-size:15px;margin-top:0;} .dt-sc-icon-box.type13{float:right;width:96%;} } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { /** Icon Box **/ .dt-sc-icon-box.type2 .icon-wrapper{margin-right:8px;} .dt-sc-icon-box.type2.alignright .icon-wrapper{margin-left:8px;} .dt-sc-icon-box.type2 .icon-wrapper span{font-size:20px;} .dt-sc-icon-box.type2 .icon-content h4{font-size:12px;letter-spacing:0.2px;} .dt-sc-icon-box.type3 .icon-content h4, .dt-sc-icon-box.type4 .icon-content h4{font-size:16px;} .dt-sc-icon-box.type5 .icon-wrapper span{font-size:22px;line-height:65px;} .dt-sc-icon-box.type5.no-icon-bg{padding:0 0 0 42px;} .dt-sc-icon-box.type5.no-icon-bg .icon-wrapper{width:30px;} .dt-sc-icon-box.type5.no-icon-bg .icon-wrapper span{font-size:28px;} .dt-sc-icon-box.type5.no-icon-bg .icon-content h5, .dt-sc-icon-box.type5.no-icon .icon-content h5{font-size:10px;} .dt-sc-icon-box.type5.no-icon-bg .icon-content h4, .dt-sc-icon-box.type5.no-icon .icon-content h4{font-size:14px;} .dt-sc-icon-box.type5.no-icon{padding:0 15px;} .dt-sc-icon-box.type5.no-icon .icon-content h4{padding:0 0 20px;} .dt-sc-icon-box.type6 .icon-content h4{margin-top:115px;} .dt-sc-icon-box.type11 .dt-sc-button.medium{font-size:11px;padding:13px 45px 11px 25px;} .dt-sc-icon-box.type12{padding:15px 10px 20px;min-height:155px;} .dt-sc-icon-box.type12 .icon-wrapper span{font-size:24px;} .dt-sc-icon-box.type12 .icon-wrapper{margin:0 5px 0 0;top:51px;} .dt-sc-icon-box.type12 .icon-content{top:46px;} .dt-sc-icon-box.type13 .icon-content h4{font-size:50px;} .dt-sc-icon-box.type13 .icon-content p{font-size:14px;} } /* Table of Content ================================================== 1.0 - Transition 2.0 - Image Caption 3.0 - Browser Fix 4.0 - Default Color 5.0 - Responsive*/ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper:before, .dt-sc-image-caption.type2 .dt-sc-image-content, .dt-sc-image-caption.type5, .dt-sc-image-caption.type6, .dt-sc-image-caption.type6 .dt-sc-image-wrapper img, .dt-sc-image-caption.type6:hover:before, .dt-sc-image-caption.type8 .dt-sc-image-wrapper img, .dt-sc-image-caption.type9 .dt-sc-image-overlay, .dt-sc-image-caption.type9 .dt-sc-image-content, .dt-sc-image-caption.type4 .dt-sc-image-content, .dt-sc-image-caption.type4 .dt-sc-image-content h3, .dt-sc-image-caption.type4 .dt-sc-button span, .dt-sc-image-caption.type8 .dt-sc-image-content, .dt-sc-image-caption.type8 *, .dt-sc-image-caption.type8 *:before, .dt-sc-image-caption.type5 h3, .dt-sc-image-caption.type5 .dt-sc-image-wrapper{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} /*-------------------------------------------------------------- 1.1 - Image Caption --------------------------------------------------------------*/ .dt-sc-image-caption{float:left;clear:both;width:100%;margin:0px;padding:0px;} .dt-sc-image-caption .dt-sc-image-wrapper{position:relative;} .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper{position:absolute;bottom:0px;right:0px;} .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper span{font-size:36px;margin:0px 20px 20px 0px;display:inline-block;position:relative;z-index:1;} .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper:before{content:"";position:absolute;right:0px;bottom:0px;width:0px;height:0px;border-bottom:130px solid;border-left:130px solid transparent;} .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper:after{content:"";position:absolute;left:-14px;bottom:-32px;width:7px;height:200px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .dt-sc-image-caption .dt-sc-image-content{display:inline-block;clear:both;margin:30px 0px 0px;} .dt-sc-image-caption .dt-sc-image-title{margin-bottom:30px;display:inline-block;width:100%;} .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper span.icon, .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper span.fa, .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper span.zmdi{margin-right:0;margin-bottom:0;} .dt-sc-image-caption .dt-sc-image-title h3{font-weight:600;text-transform:uppercase;margin-bottom:5px;position:relative;top:-2px;font-size:20px;} .dt-sc-image-caption .dt-sc-image-title h6{text-transform:uppercase;font-size:12px;margin-bottom:0px;} .dt-sc-image-caption .dt-sc-image-content a{margin-top:20px;} .dt-sc-image-caption.type2{padding:0px 1px 0px 0px;position:relative;z-index:9;} .dt-sc-image-caption.type2 .dt-sc-image-content{border-top:2px solid;text-align:center;padding:30px 20px;margin:0px;float:left;width:100%;position:relative;} .dt-sc-image-caption.type2 .dt-sc-image-title{margin-bottom:15px;} .dt-sc-image-caption.type2 .dt-sc-image-content h3{font-size:16px;} .dt-sc-image-caption.type2 .dt-sc-image-wrapper{clear:both;overflow:hidden;} .dt-sc-image-caption.type2:hover .dt-sc-image-wrapper img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);} .dt-sc-image-caption.type2 .dt-sc-image-content{height:78px;} .dt-sc-image-caption.type2:hover .dt-sc-image-content{height:148px;margin-top:-70px;} .dt-sc-image-caption.type2 .dt-sc-image-content p{opacity:0;position:absolute;top:70px;left:20px;right:20px;margin:auto;} .dt-sc-image-caption.type2:hover .dt-sc-image-content p{opacity:1;} .dt-sc-image-caption.type2.alignleft .dt-sc-image-content{text-align:left;} .dt-sc-image-caption.type2.alignright .dt-sc-image-content{text-align:right;} .dt-sc-image-caption.type3{text-align:center;} .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper{text-align:center;background:none;border:none;position:inherit;width:100%;display:inline-block;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);} .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper img{position:relative;z-index:1;top:-15px;} .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper:before{border:0px;} .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper:after{content:"";position:absolute;left:0px;right:0px;bottom:-15px;margin:auto;width:70px;height:70px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .dt-sc-image-caption.type3 .dt-sc-image-wrapper .icon-wrapper span{font-size:26px;margin:0px 0px 20px 0px;} .dt-sc-image-caption.type3 .dt-sc-image-content h3{font-size:18px;} .dt-sc-image-caption.type3 .dt-sc-image-content{margin-top:15px;} .dt-sc-image-caption.type3 .dt-sc-image-title{margin-bottom:15px;} .dt-sc-image-caption.type3:hover .dt-sc-image-content a{background:none;color:inherit;} .dt-sc-image-caption.type3.alignright, .dt-sc-image-caption.type3.alignright .dt-sc-image-wrapper .icon-wrapper{text-align:right;} .dt-sc-image-caption.type3.alignright .dt-sc-image-wrapper .icon-wrapper:after{left:auto;right:8px;} .dt-sc-image-caption.type3.alignright .dt-sc-image-wrapper .icon-wrapper img{right:23px;} .dt-sc-image-caption.type3.alignleft, .dt-sc-image-caption.type3.alignleft .dt-sc-image-wrapper .icon-wrapper{text-align:left;} .dt-sc-image-caption.type3.alignleft .dt-sc-image-wrapper .icon-wrapper:after{right:auto;left:8px;} .dt-sc-image-caption.type3.alignleft .dt-sc-image-wrapper .icon-wrapper img{left:23px;} .dt-sc-image-caption.type4{border-top:3px solid;position:relative;} .dt-sc-image-caption.type4 .dt-sc-image-content{border:1px solid;border-top:0px;margin:0px 0px 30px;padding:30px 20px 45px;} .dt-sc-image-caption.type4 .dt-sc-image-content h3{font-size:16px;} .dt-sc-image-caption.type4 .dt-sc-image-title{margin-bottom:15px;} .dt-sc-image-caption.type4 .dt-sc-button{border:1px solid #f0f0f0;text-transform:none;font-size:14px;position:absolute;bottom:13px;left:20px;padding:10px 20px 9px;} .dt-sc-image-caption.type4 .dt-sc-button span{margin-left:5px;} .dt-sc-image-caption.type4.aligncenter .dt-sc-button{left:0;right:0;margin:0 auto;} .dt-sc-image-caption.type4.alignright .dt-sc-button{left:auto;right:20px;margin:0 auto;} .dt-sc-image-caption.type5{float:left;clear:both;margin:0px 0px 40px;padding:0px 15px;width:100%;text-align:center;} .dt-sc-image-caption.type5 .dt-sc-image-wrapper{width:170px;height:170px;margin:0 auto 35px;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);border:10px solid #fff;background-color:#fff;overflow:hidden;border-radius:5px;top:0;} .dt-sc-image-caption.type5:hover .dt-sc-image-wrapper{top:-5px;box-shadow:0 0 40px 7px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 40px 7px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 40px 7px rgba(0, 0, 0, 0.2);} .dt-sc-image-caption.type5 .dt-sc-image-wrapper-holder{width:100%;height:100%;transform:scale(1.5) rotate(-45deg);-webkit-transform:scale(1.5) rotate(-45deg);-moz-transform:scale(1.5) rotate(-45deg);-ms-transform:scale(1.5) rotate(-45deg);background-repeat:no-repeat;background-size:cover;} .dt-sc-image-caption.type5 .dt-sc-image-wrapper:after{content:"";position:absolute;left:0;width:100%;height:100%;top:0;transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;} .dt-sc-image-caption.type5:hover .dt-sc-image-wrapper:after{box-shadow:inset 0px 0px 30px rgba(0, 0, 0, 0.5);-webkit-box-shadow:inset 0px 0px 30px rgba(0, 0, 0, 0.5);-moz-box-shadow:inset 0px 0px 30px rgba(0, 0, 0, 0.5);} .dt-sc-image-caption.type5 .dt-sc-image-content{margin-top:30px;} .dt-sc-image-caption.type5 .dt-sc-image-title{margin-bottom:0px;} .dt-sc-image-caption.type5 h3{font-size:16px;margin:0px 0 23px;display:inline-block;letter-spacing:1px;} .dt-sc-image-caption.type5:hover h3{color:#ffffff;border-radius:0;} .dt-sc-image-caption.type5 .dt-sc-image-wrapper img{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .dt-sc-image-caption.type5.alignleft{text-align:left;} .dt-sc-image-caption.type5.alignright{text-align:right;} .dt-sc-image-caption.type5.alignleft h3, .dt-sc-image-caption.type5.alignright h3{padding:6px 0 5px;} .dt-sc-image-caption.type6{overflow:hidden;position:relative;text-align:center;} .dt-sc-image-caption.type6:before{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:0;background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0,0)), color-stop(100%,rgba(0, 0, 0, 0.7)));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%);/* IE10+ */ background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.7) 100%);/* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );/* IE6-9 */} .dt-sc-image-caption.type6 .dt-sc-image-wrapper{padding:0;} .dt-sc-image-caption.type6 .dt-sc-image-wrapper img{opacity:0.2;} .dt-sc-image-caption.type6 .dt-sc-image-wrapper .icon-wrapper{position:absolute;bottom:auto;left:0;right:0;top:0;} .dt-sc-image-caption.type6 .dt-sc-image-wrapper .icon-wrapper:before, .dt-sc-image-caption.type6 .dt-sc-image-wrapper .icon-wrapper:after{border:none;background:none;} .dt-sc-image-caption.type6 .dt-sc-image-wrapper .icon-wrapper span{margin:0;position:relative;z-index:3;-webkit-transform:translateY(150%);transform:translateY(150%);} .dt-sc-image-caption.type6 .dt-sc-image-content{color:#ffffff;float:left;margin-top:0;position:absolute;left:0;top:75%;padding:0 40px;width:100%;-webkit-transform:translateY(-75%);transform:translateY(-75%);} .dt-sc-image-caption.type6 .dt-sc-image-title{margin-bottom:25px;} .dt-sc-image-caption.type6 h3{color:#ffffff;font-size:18px;position:relative;z-index:3;} .dt-sc-image-caption.type6 h3:before{content:"";position:absolute;height:2px;width:70px;left:0px;right:0px;margin:auto;bottom:-20px;background:#ffffff;} .dt-sc-image-caption.type6 p{font-size:14px;line-height:27px;position:relative;z-index:3;} .dt-sc-image-caption.type6:hover{z-index:9;} .dt-sc-image-caption.type6:hover:before{top:-23px;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);} .dt-sc-image-caption.type6:hover .dt-sc-image-wrapper img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);opacity:0.5;} .dt-sc-image-caption.type6 .dt-sc-image-content, .dt-sc-image-caption.type6 .dt-sc-image-content > *{color:#fff;} .dt-sc-image-caption.type6.purple{background:#521d6d;} .dt-sc-image-caption.type6.blue{background:#25b9f3;} .dt-sc-image-caption.type6.green{background:#598527;} .dt-sc-image-caption.type6.yellow{background:#fcdb34;} .dt-sc-image-caption.type6.alignleft{text-align:left;} .dt-sc-image-caption.type6.alignright{text-align:right;} .dt-sc-image-caption.type6.alignleft .dt-sc-image-wrapper .icon-wrapper{right:auto;left:40px;} .dt-sc-image-caption.type6.alignright .dt-sc-image-wrapper .icon-wrapper{left:auto;right:40px;} .dt-sc-image-caption.type6.alignleft h3:before{left:0;right:auto;} .dt-sc-image-caption.type6.alignright h3:before{right:0;left:auto;} .dt-sc-image-caption.type7 .dt-sc-image-wrapper{float:left;width:48%;margin:0px 3% 0px 0px;position:relative;} .dt-sc-image-caption.type7 .dt-sc-image-wrapper:before{content:"";position:absolute;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #ffffff;height:0px;right:0px;top:0px;bottom:0px;margin:auto;} .dt-sc-image-caption.type7 .dt-sc-image-content{float:left;width:49%;clear:none;text-align:center;margin:70px 0px 0px;position:relative;} .dt-sc-image-caption.type7 .dt-sc-image-title{margin-bottom:10px;} .dt-sc-image-caption.type7 .dt-sc-image-content h3{font-size:18px;font-weight:600;text-transform:none;} .dt-sc-image-caption.type7.bottom-content .dt-sc-image-wrapper{width:100%;margin:0px;} .dt-sc-image-caption.type7.bottom-content .dt-sc-image-wrapper:before{border-top:0px;border-bottom:15px solid #ffffff;border-right:15px solid transparent;border-left:15px solid transparent;bottom:0px;width:0px;left:0px;right:0px;top:inherit;} .dt-sc-image-caption.type7.bottom-content .dt-sc-image-content{width:100%;margin-top:90px;} .dt-sc-image-caption.type7.left-content .dt-sc-image-wrapper{margin:0px 0px 0px 3%;float:right;} .dt-sc-image-caption.type7.left-content .dt-sc-image-wrapper:before{border-left:15px solid #ffffff;border-right:0px;right:inherit;left:0px;} .dt-sc-image-caption.type7.top-content .dt-sc-image-wrapper{width:100%;margin:0px;} .dt-sc-image-caption.type7.top-content .dt-sc-image-wrapper:before{border-top:15px solid #ffffff;border-bottom:0px;border-right:15px solid transparent;border-left:15px solid transparent;top:0px;width:0px;left:0px;right:0px;bottom:inherit;} .dt-sc-image-caption.type7.top-content .dt-sc-image-content{width:100%;margin-top:70px;margin-bottom:90px;} .dt-sc-image-caption.type8 .dt-sc-image-content{position:relative;background:rgba(0, 0, 0, 0.03);margin-top:0px;padding:60px 20px 20px;text-align:center;width:100%;} .dt-sc-image-caption.type8 .dt-sc-image-title{margin-bottom:10px;position:relative;} .dt-sc-image-caption.type8 .dt-sc-image-content h3{font-size:18px;font-weight:600;text-transform:none;} .dt-sc-image-caption.type8:hover .dt-sc-image-content h3 a{background:none;color:#000000;} .dt-sc-image-caption.type8 .dt-sc-image-content:before{content:"";position:absolute;left:0px;right:0px;top:-34px;margin:auto;width:68px;height:68px;border-radius:50%;text-align:center;line-height:50px;border:7px solid #ffffff;z-index:1;} .dt-sc-image-caption.type8 .dt-sc-image-title:before, .dt-sc-image-caption.type8 .dt-sc-image-title:after{content:"";position:absolute;left:0px;right:0px;margin:auto;background:#ffffff;z-index:1;} .dt-sc-image-caption.type8 .dt-sc-image-title:before{width:1px;height:20px;top:-71px;} .dt-sc-image-caption.type8 .dt-sc-image-title:after{width:20px;height:1px;top:-61px;} .dt-sc-image-caption.type8 .dt-sc-image-wrapper{overflow:hidden;} .dt-sc-image-caption.type8 .dt-sc-image-wrapper a{display:block;line-height:0px;} .dt-sc-image-caption.type8 .dt-sc-image-wrapper img{display:block;} .dt-sc-image-caption.type8:hover .dt-sc-image-wrapper img{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);} .dt-sc-image-caption.type8.alignleft .dt-sc-image-content{text-align:left;} .dt-sc-image-caption.type8.alignright .dt-sc-image-content{text-align:right;} .dt-sc-image-caption.type9{position:relative;overflow:hidden;} .dt-sc-image-caption.type9 .dt-sc-image-wrapper{position:relative;} .dt-sc-image-caption.type9 .dt-sc-image-overlay{background:rgba(0, 0, 0, 0.8);height:100%;margin:0;opacity:0;position:absolute;top:0;right:-100%;width:100%;z-index:1;} .dt-sc-image-caption.type9 .dt-sc-image-overlay p, .dt-sc-image-caption.type9 .dt-sc-image-overlay ul.dt-sc-fancy-list{color:#ccc;position:absolute;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);padding:30px;text-align:center;} .dt-sc-image-caption.type9 .dt-sc-image-overlay .dt-sc-button{font-size:14px;letter-spacing:1px;margin:15px 0px 0px;} .dt-sc-image-caption.type9 .dt-sc-image-content h3{font-size:21px;text-transform:none;line-height:30px;} .dt-sc-image-caption.type9 .dt-sc-image-content h6{color:#898989;font-size:15px;font-weight:400;text-transform:inherit;} .dt-sc-image-caption.type9 .dt-sc-image-content{position:absolute;bottom:0;left:0;background:rgba(255, 255, 255, 0.8);padding:15px 30px;} .dt-sc-image-caption.type9 .dt-sc-image-title{margin-bottom:0;} .dt-sc-image-caption.type9:hover .dt-sc-image-overlay{opacity:1;right:0;} .dt-sc-image-caption.type9:hover .dt-sc-image-content{opacity:0;left:-100%;} .dt-sc-image-caption.type9 .dt-sc-image-overlay .dt-sc-button:hover{background:#ffffff;color:#2b2b2b;} .dt-sc-image-caption.type9.alignright{text-align:right;} .dt-sc-image-caption.type9.alignleft{text-align:left;} /* IE9 and above */ @media screen and (min-width:0\0){ .type8.dt-sc-image-caption .dt-sc-image-content::before{border:none;box-shadow:0 0 0 7px #fff;-ms-box-shadow:0 0 0 7px #fff;top:-24px;} } /*-------------------------------------------------------------- 1.2 - Default Colors --------------------------------------------------------------*/ .dt-sc-image-caption .dt-sc-image-title span{color:#000000;} .dt-sc-image-caption:hover .dt-sc-image-wrapper .icon-wrapper span, .dt-sc-image-caption:hover .dt-sc-image-content a, .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper span, .dt-sc-image-caption.type2 .dt-sc-image-content, .dt-sc-image-caption.type2 .dt-sc-image-content h3, .dt-sc-image-caption.type2:hover .dt-sc-image-content p{color:#ffffff;} .dt-sc-image-caption .dt-sc-image-title h6{color:rgba(0, 0, 0, 0.5);} .dt-sc-image-caption.type4 .dt-sc-button{color:#5b5b5b;} .dt-sc-image-caption.type2 .dt-sc-image-content p{color:rgba(255, 255, 255, 0.5);} .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper:after{background:#ffffff;} .dt-sc-image-caption:hover .dt-sc-image-content a{background:#000000;} .dt-sc-image-caption.type2 .dt-sc-image-content{background:rgba(0, 0, 0, 0.9);} .dt-sc-image-caption.type4 .dt-sc-button{background:#f9f9f9;} .dt-sc-image-caption.type4 .dt-sc-image-content{border-color:rgba(0, 0, 0, 0.1);} .dt-sc-image-caption:hover .dt-sc-image-wrapper .icon-wrapper:before, .dt-sc-image-caption .dt-sc-image-title span{border-bottom-color:#000000;} /*----*****---- << Desktop >> ----*****----*/ @media only screen and (min-width:1200px) and (max-width:1380px) { .dt-sc-image-caption.type6{overflow:hidden;} .dt-sc-image-caption.type6 .dt-sc-image-wrapper{padding:45px 0 0;} .dt-sc-image-caption.type6 .dt-sc-image-wrapper img{max-height:none;width:100%;} .dt-sc-image-caption.type6:hover:before{top:0;} .dt-sc-image-caption.type6 .dt-sc-image-content p{display:none;} } /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { /** Image Caption **/ .dt-sc-image-caption.type2 .dt-sc-image-content{padding:20px 15px;} .dt-sc-image-caption.type5 img{width:100%;} .dt-sc-image-caption.type6{overflow:hidden;} .dt-sc-image-caption.type6 .dt-sc-image-wrapper img{max-height:none;width:100%;} .dt-sc-image-caption.type7 .dt-sc-image-content{margin-top:35px;} .dt-sc-image-caption.type7.bottom-content .dt-sc-image-content{margin-top:55px;} .dt-sc-image-caption.type2 .dt-sc-image-content p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { /** Image Caption **/ .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper::before{border-bottom-width:100px;border-left-width:100px;} .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper::after{left:5px;} .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper span{font-size:30px;margin:0 15px 15px 0;} .dt-sc-image-caption.type2 .dt-sc-image-content h3{text-transform:capitalize;font-size:14px;} .dt-sc-image-caption.type2 .dt-sc-image-content{padding:25px 10px 15px;} .dt-sc-image-caption.type2 .dt-sc-image-title{margin-bottom:0;} .dt-sc-image-caption.type2 .dt-sc-image-content p{top:57px;} .dt-sc-image-caption.type5 .dt-sc-image-content, .dt-sc-image-caption.type5 .dt-sc-image-title, .dt-sc-image-caption.type5 .dt-sc-image-title h3{width:100%;} .dt-sc-image-caption.type5 h3{padding:6px 15px 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .dt-sc-image-caption.type6{overflow:hidden;padding-bottom:40px;} .dt-sc-image-caption.type6 .dt-sc-image-wrapper img{max-height:none;} .dt-sc-image-caption.type6 h3{font-size:20px;} .dt-sc-image-caption.type6 p, .dt-sc-image-caption.type6 .dt-sc-image-content p{display:none;} .dt-sc-image-caption.type6:hover:before{top:-18px;} .dt-sc-image-caption.type6:hover .dt-sc-image-wrapper img{top:-20px;} .dt-sc-image-caption.type7 .dt-sc-image-content{margin-top:10px;} .dt-sc-image-caption.type7.bottom-content .dt-sc-image-content{margin-top:30px;} .dt-sc-image-caption.type9 .dt-sc-image-content .dt-sc-image-title h3{text-transform:capitalize;} .dt-sc-image-caption.type9 .dt-sc-image-overlay p{overflow:hidden;font-size:12px;line-height:24px;} .dt-sc-image-caption.type9 .dt-sc-image-content h3{font-size:20px;} .dt-sc-image-caption.type9 .dt-sc-image-content h6{font-size:16px;} .rs_col-sm-6 .dt-sc-image-caption.type2{margin-bottom:30px;} } /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { /** Image Caption **/ .dt-sc-image-caption .dt-sc-image-wrapper > img, .dt-sc-image-caption .dt-sc-image-content{width:100%;} .dt-sc-image-caption.type6 .dt-sc-image-wrapper img{max-width:100%;height:auto;width:100%;} .dt-sc-image-caption.type6{padding-bottom:28px;} .dt-sc-image-caption.type7{margin:0 0 30px;} .dt-sc-image-caption.type7 .dt-sc-image-content{margin:0;} .dt-sc-image-caption.type7.bottom-content .dt-sc-image-content{margin-top:50px;} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { /** Image Caption **/ .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper::before{border-bottom-width:100px;border-left-width:100px;} .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper::after{left:7px;} .dt-sc-image-caption .dt-sc-image-wrapper .icon-wrapper span{font-size:30px;margin:0 15px 15px 0;} .dt-sc-image-caption.type5 h3{font-size:22px;} .dt-sc-image-caption.type6{min-height:190px;padding-bottom:0;} .dt-sc-image-caption.type6 .dt-sc-image-wrapper{padding:35px 0 0;} .dt-sc-image-caption.type6 .dt-sc-image-wrapper img{max-height:190px;} .dt-sc-image-caption.type6 .dt-sc-image-content{margin-top:20px;} .dt-sc-image-caption.type6 .dt-sc-image-content p{display:none;} .dt-sc-image-caption.type6:hover:before{top:-14px;} .dt-sc-image-caption.type6:hover .dt-sc-image-wrapper img{top:-15px;} .dt-sc-image-caption.type7 .dt-sc-image-wrapper, .dt-sc-image-caption.type7 .dt-sc-image-content{margin-right:0;width:100%;} .dt-sc-image-caption.type7 .dt-sc-image-wrapper, .dt-sc-image-caption.type7.left-content .dt-sc-image-wrapper, .dt-sc-image-caption.type7.bottom-content .dt-sc-image-content{margin:0 0 30px;} .dt-sc-image-caption.type7.bottom-content .dt-sc-image-content{margin-top:40px;} .dt-sc-image-caption.type9 .dt-sc-image-overlay p{font-size:12px;line-height:24px;} .dt-sc-image-caption.type9 .dt-sc-image-title h3{margin-bottom:0;top:0;} .dt-sc-image-caption.type9 .dt-sc-image-content h3{font-size:16px;} .dt-sc-image-caption.type9 .dt-sc-image-content h6{font-size:12px;} .dt-sc-image-caption.type9 .dt-sc-image-content{padding:10px 15px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { /** Image Caption **/ .dt-sc-image-caption.type2 .dt-sc-image-content p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .dt-sc-image-caption.type5 h3{font-size:16px;padding:6px 15px 5px;border-radius:5px;} .dt-sc-image-caption.type6{min-height:140px;padding-bottom:0;} .dt-sc-image-caption.type6 .dt-sc-image-wrapper{padding:15px 0 0;} .dt-sc-image-caption.type6 .dt-sc-image-wrapper img{max-height:140px;} .dt-sc-image-caption.type6 .dt-sc-image-content{margin-top:10px;} .dt-sc-image-caption.type6:hover:before, .dt-sc-image-caption.type6:hover .dt-sc-image-wrapper img{top:0;} .dt-sc-image-caption.type9 .dt-sc-image-overlay{padding:20px 15px;} } /* Table of Content ================================================== 1.0 - Transition 2.0 - Image Flip 3.0 - Responsive*/ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .dt-sc-image-flip img{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} /*-------------------------------------------------------------- 1.0 - Image Flip --------------------------------------------------------------*/ .dt-sc-image-flip{clear:both;float:left;width:100%;position:relative;} .dt-sc-image-flip img:last-child{position:absolute;left:0px;top:0px;} .dt-sc-image-flip img:last-child{opacity:0;} .dt-sc-image-flip:hover img:last-child{opacity:1;} .dt-sc-image-flip:hover img:first-child{opacity:0;} .aligncenter .dt-sc-image-flip img:last-child{right:0px;margin:auto;} /*-------------------------------------------------------------- 1.0 - Responsive --------------------------------------------------------------*/ /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .dt-sc-image-flip{text-align:center;} .dt-sc-image-flip img{display:block;margin:0 auto;} .dt-sc-image-flip img:last-child{right:0;} } /* Table of Content ================================================== 1.0 - Lists*/ /*-------------------------------------------------------------- 1.0 - Lists --------------------------------------------------------------*/ ul.dt-sc-fancy-list{list-style-type:none;list-style-position:outside;margin:0px;} ul.dt-sc-fancy-list li{clear:both;display:block;position:relative;padding:5px 0px 5px 23px;} ul.dt-sc-fancy-list li:first-child{padding-top:0;} ul.dt-sc-fancy-list li ul{padding-left:0px;} .dt-sc-fancy-list.align_left.arrow{padding-left:0;} ul.dt-sc-fancy-list.align_left.arrow li{font-size:18px;color:#000000;padding:4px 0 4px 23px;} ul.dt-sc-fancy-list.align_left.arrow.f_lg li{font-size:22px;padding:5px 0 5px 30px;} ul.dt-sc-fancy-list.model-request-list.f_lg li:before{font-size:22px;top:5px;} ol.dt-sc-fancy-list li span{color:#808080;} ul.dt-sc-fancy-list.arrow li{padding-left:15px;} ul.dt-sc-fancy-list li:before{font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;font-size:12px;position:absolute;top:6px;left:0px;} ul.dt-sc-fancy-list li:first-child:before{top:1px;} 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.caret-right li:before{content:"\f0da";font-size:15px;} ul.dt-sc-fancy-list.circletick li:before{content:"\e685";font-family:'Pe-icon-7-stroke';font-size:16px;font-weight:bold;} ul.dt-sc-fancy-list.book li:before{content:"\f02d";} 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.teamug li:before{content:"\e637";font-family:"Stroke-Gap-Icons";} ul.dt-sc-fancy-list.play2 li:before{content:"\f04b";} ul.dt-sc-fancy-list.rounded-circle-tick li:before{content:"\f05d";} ul.dt-sc-fancy-list.circle-bullet li:before{content:"\f111";} ul.dt-sc-fancy-list.rounded-tick-alter li:before{content:"\e66c";font-family:'Pe-icon-7-stroke';} ul.dt-sc-fancy-list.wrench li:before{content:"\f0ad";} ul.dt-sc-fancy-list.type2 li{padding-left:0px;} ul.dt-sc-fancy-list.type2 li span{font-size:18px;margin:0px 10px 0px 0px;position:relative;top:2px;} ul.dt-sc-fancy-list.blue li:before{color:#008bd3;} ul.dt-sc-fancy-list.brown li:before{color:#795548;} ul.dt-sc-fancy-list.cadetblue li:before{color:#3c939d;} ul.dt-sc-fancy-list.chillipepper li:before{color:#c10841;} ul.dt-sc-fancy-list.cyan li:before{color:#00bcd4;} ul.dt-sc-fancy-list.darkgolden li:before{color:#b48b3c;} ul.dt-sc-fancy-list.deeporange li:before{color:#ff5722;} ul.dt-sc-fancy-list.deeppurple li:before{color:#673ab7;} ul.dt-sc-fancy-list.green li:before{color:#60ae0d;} ul.dt-sc-fancy-list.lime li:before{color:#cddc39;} ul.dt-sc-fancy-list.magenta li:before{color:#cb506d;} ul.dt-sc-fancy-list.orange li:before{color:#ff9800;} ul.dt-sc-fancy-list.pink li:before{color:#fd6ca3;} ul.dt-sc-fancy-list.purple li:before{color:#9c27b0;} ul.dt-sc-fancy-list.red li:before{color:#da0000;} ul.dt-sc-fancy-list.skyblue li:before{color:#0eb2e7;} ul.dt-sc-fancy-list.teal li:before{color:#009688;} ul.dt-sc-fancy-list.turquoise li:before{color:#32ccbd;} ul.dt-sc-fancy-list.wisteria li:before{color:#9b59b6;} ul.dt-sc-fancy-list.yellow li:before{color:#ffe401;} ol.dt-sc-fancy-list li{padding:5px 0px 5px 0px;} 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.blue li{color:#008bd3;} ol.dt-sc-fancy-list.brown li{color:#795548;} ol.dt-sc-fancy-list.cadetblue li{color:#3c939d;} ol.dt-sc-fancy-list.chillipepper li{color:#c10841;} ol.dt-sc-fancy-list.cyan li{color:#00bcd4;} ol.dt-sc-fancy-list.darkgolden li{color:#b48b3c;} ol.dt-sc-fancy-list.deeporange li{color:#ff5722;} ol.dt-sc-fancy-list.deeppurple li{color:#673ab7;} ol.dt-sc-fancy-list.green li{color:#60ae0d;} ol.dt-sc-fancy-list.lime li{color:#cddc39;} ol.dt-sc-fancy-list.magenta li{color:#cb506d;} ol.dt-sc-fancy-list.orange li{color:#ff9800;} ol.dt-sc-fancy-list.pink li{color:#fd6ca3;} ol.dt-sc-fancy-list.purple li{color:#9c27b0;} ol.dt-sc-fancy-list.red li{color:#da0000;} ol.dt-sc-fancy-list.skyblue li{color:#0eb2e7;} ol.dt-sc-fancy-list.teal li{color:#009688;} ol.dt-sc-fancy-list.turquoise li{color:#32ccbd;} ol.dt-sc-fancy-list.wisteria li{color:#9b59b6;} ol.dt-sc-fancy-list.yellow li{color:#ffe401;} ol.dt-sc-fancy-list.green li{color:#6dc82b;} ol.dt-sc-fancy-list.orange li{color:#f39d12;} ol.dt-sc-fancy-list.blue li{color:#4db8c9;} 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:#d77d31;} 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;} /* Table of Content ================================================== 1.0 - Newsletter 2.0 - Default Color 3.0 - Responsive*/ /*-------------------------------------------------------------- 1.0 - Newsletter --------------------------------------------------------------*/ .dt-sc-newsletter-section{clear:both;float:left;margin:0px;width:100%;position:relative;z-index:1;padding:30px 0px;} .dt-sc-newsletter-section h2{float:left;width:31%;margin-bottom:0px;line-height:48px;} .dt-sc-newsletter-section .dt-sc-subscribe-frm{width:68%;float:right;position:relative;z-index:1;} .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"]{-webkit-border-radius:0px;border:none;float:left;width:37%;margin:0px 20px 0px 0px;padding:16px 20px 15px;} .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="submit"]{margin-top:0px;padding:15px 20px;border-radius:0px;} .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="submit"]{height:46px;} .dt-sc-newsletter-section.type1{display:flex;} .dt-sc-newsletter-section.type1 h2{padding:29px 0px;position:relative;} .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm{padding:30px 0px;position:relative;display:flex;flex-flow:row wrap;align-items:center;} .dt-sc-newsletter-section.type1 h2:before{left:-100%;} .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="text"]{font-size:12px;} .dt-sc-newsletter-section.type1 h2:before, .dt-sc-newsletter-section.type1 h2:after, .dt-sc-newsletter-section.type1 form:before, .dt-sc-newsletter-section.type1 form:after{content:"";height:100%;position:absolute;top:0;transform:skewX(-30deg) translateX(-15%);-webkit-transform:skewX(-30deg) translateX(-15%);-ms-transform:skewX(-30deg) translateX(-15%);-moz-transform:skewX(-30deg) translateX(-15%);width:100%;z-index:-1;} .dt-sc-newsletter-section.type1 h2:before{left:-100%;} .dt-sc-newsletter-section.type1 h2:after{left:0;margin-left:-2px;} .dt-sc-newsletter-section.type1 form:before, .dt-sc-newsletter-section.type1 form:after{background:#000;} .dt-sc-newsletter-section.type1 form:before{left:0;box-shadow:-10px 0 0 0 #fff;} .dt-sc-newsletter-section.type1 form:after{left:100%;margin-left:-1px;} .dt-sc-newsletter-section.type2 h2{background:none;} .dt-sc-newsletter-section.type2{text-align:center;} .dt-sc-newsletter-section.type2 h2{width:100%;} .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm{width:100%;clear:both;float:left;margin:30px 0px 0px;} .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="submit"]{display:inline-block;float:none;min-height:50px;} .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"]{width:25%;border:1px solid;padding:13px 20px 11px;text-transform:none;margin-right:-1px;} .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="submit"]{padding:14px 20px 14px;border:1px solid transparent;position:relative;top:0;} .dt-sc-newsletter-section.type3{text-align:center;padding:0px;} .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm{float:none;display:inline-block;text-align:center;padding:30px 0px;width:75%;margin:0px;border-radius:5px;-webkit-border-radius:5px;} .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="submit"]{float:none;display:inline-block;border-radius:5px;} .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"]{width:30%;text-transform:none;} .dt-sc-newsletter-section.type3 > h2, .dt-sc-newsletter-section.type6 > h2{width:100%;text-align:center;} .dt-sc-newsletter-section.type3 > i, .dt-sc-newsletter-section.type3 > p, .dt-sc-newsletter-section.type6 > i, .dt-sc-newsletter-section.type6 > p{display:inline-block;width:100%;text-align:center;} .dt-sc-newsletter-section.type4{padding:0px;} .dt-sc-newsletter-section.type4 h2, .dt-sc-newsletter-section.type4 form{width:100%;} .dt-sc-newsletter-section.type4 form{margin:25px 0px 0px;} .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"]{background:none;border:2px solid;width:47%;} .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="submit"]{letter-spacing:0.5px;margin:30px 0px 0px;clear:both;} .dt-sc-newsletter-section.type5{width:50%;text-align:center;display:inline-block;border:10px solid;float:none;padding:20px 60px 30px;} .dt-sc-newsletter-section.type5 h2{width:100%;} .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm{width:100%;clear:both;margin:20px 0px 0px;} .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="email"]{border:1px solid;border-radius:5px;-webkit-border-radius:5px;width:100%;clear:both;text-transform:none;margin-bottom:30px;} .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="submit"]{float:none;display:inline-block;border-radius:5px;width:100%;} .dt-sc-newsletter-section.type6{padding:0px;text-align:center;} .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm{width:100%;float:left;} .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="text"]{border-radius:5px;-webkit-border-radius:5px;padding:15px 20px;width:55%;text-transform:none;font-size:19px;} .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="submit"]{border-radius:5px;-webkit-border-radius:5px;padding:16px 35px 15px;font-size:19px;font-weight:normal;} .dt-sc-newsletter-section.type7{text-align:center;} .dt-sc-newsletter-section.type7 i{clear:both;width:100%;color:#000000;display:inline-block;} .dt-sc-newsletter-section.type7 h2{background:none;width:100%;margin-bottom:30px;} .dt-sc-newsletter-section.type7 .dt-sc-subscribe-frm{clear:both;width:40%;display:inline-block;margin:35px 0 0px;padding:0px;position:relative;float:none;} .dt-sc-newsletter-section.type7 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type7 .dt-sc-subscribe-frm input[type="text"]{padding:20px 25px 20px;width:100%;} .dt-sc-newsletter-section.type7 .dt-sc-subscribe-frm:before{content:"\e629";position:absolute;font-family:'Pe-icon-7-stroke';font-size:25px;color:rgba(0, 0, 0, 0.3);right:20px;bottom:13px;} .dt-sc-newsletter-section.type7 .dt-sc-subscribe-frm input[type="submit"]{position:absolute;right:15px;top:19px;background:none;width:21px;height:22px;text-indent:-9999px;} .dt-sc-newsletter-section.type7 .newsletter-tooltip{margin:0px 0px 0px 30px;display:inline-block;background:#000000;font-size:14px;width:18%;padding:10px 15px;border-radius:5px;position:relative;top:-17px;color:#fff;} .dt-sc-newsletter-section .newsletter-tooltip{top:auto;} .dt-sc-newsletter-section.type7 .newsletter-tooltip:before{content:"";position:absolute;background:url(//www.kadikoydogalgazprojesi.com/wp-content/plugins/designthemes-core-features/shortcodes/images/newsletter-tooltip-arrow.png) no-repeat;left:-20px;top:18px;width:20px;height:23px;} .page-with-sidebar .vc_row-no-padding .dt-sc-newsletter-section.type7{float:none;margin:0 auto;max-width:1170px;text-align:center;} /*-------------------------------------------------------------- Newsletter - Mail Only (New) --------------------------------------------------------------*/ .dt-mc-subscribe form{display:table;} .dt-mc-subscribe.align-center form{margin-left:auto;margin-right:auto;} .dt-mc-subscribe.align-none, .dt-mc-subscribe.align-none form, .dt-mc-subscribe.align-left, .dt-mc-subscribe.align-left form{display:inline-block;} .dt-mc-subscribe.align-none form, .dt-mc-subscribe form.align-none > div{width:100%;} .dt-mc-subscribe.align-none, .dt-mc-subscribe.align-none form > div, .dt-mc-subscribe.align-left, .dt-mc-subscribe.align-left form > div, .dt-mc-subscribe.align-center form > div, .dt-mc-subscribe.align-right form > div{float:left;} .dt-mc-subscribe.align-right{float:right;} .dt-mc-subscribe, .dt-mc-subscribe form, .dt-mc-subscribe form > div{position:relative;} .dt-mc-subscribe, .dt-mc-subscribe form > div{line-height:0;} .dt-mc-subscribe form > div > div{display:inline;position:relative;} .dt-mc-subscribe form > div.email-field-wrap > div{float:left;height:100%;} .dt-mc-subscribe form .email-field-wrap i{position:absolute;bottom:0;top:0;text-align:center;width:45px;z-index:1;} .dt-mc-subscribe form .email-field-wrap i.left{left:0;} .dt-mc-subscribe form .email-field-wrap i.right{right:0;} .dt-mc-subscribe form .email-field-wrap i:before{height:0;line-height:0;margin:auto;position:absolute;bottom:0;left:0;right:0;top:0;} .dt-mc-subscribe form .email-field-wrap i.left ~ input[type="email"]{padding-left:60px;} .dt-mc-subscribe form .email-field-wrap i.right ~ input[type="email"]{padding-right:60px;} .dt-mc-subscribe form .email-field-wrap input[type="email"], .dt-mc-subscribe form .btn-wrap{height:100%;padding-top:0;padding-bottom:0;} .dt-mc-subscribe form .btn-wrap div{display:inline-block;height:100%;padding:0;} .dt-mc-subscribe form .btn-wrap i{display:inline-block;float:left;height:100%;margin-left:-45px;position:relative;text-align:center;width:45px;} .dt-mc-subscribe form .btn-wrap i:before{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .dt-mc-subscribe form .btn-wrap i ~ input[type="submit"]{padding-right:45px;position:relative;z-index:1;} .dt-mc-subscribe form .btn-wrap input[type="submit"]{height:100%;margin-top:0;padding:0 15px;} .dt-mc-subscribe form .btn-wrap.icon-only input[type="submit"]{padding-left:0;} .dt-mc-subscribe form .btn-wrap.text-icon i{float:right;} .dt-mc-subscribe form .btn-wrap.icon-only i{margin-left:0;position:absolute;left:0;right:0;} .dt-mc-subscribe.inline form > div{display:table-cell;float:none;vertical-align:middle;} .dt-mc-subscribe.align-none.inline form{display:table;width:auto;} .dt-mc-subscribe.block form .email-field-wrap, .dt-mc-subscribe.block form .email-field-wrap > div, .dt-mc-subscribe.block form .btn-wrap{width:100%;} .dt-mc-subscribe.block .btn-wrap.center{text-align:center;} .dt-mc-subscribe.block .btn-wrap.right > div{float:right;} .dt-mc-subscribe.block .btn-wrap.stretch > div, .dt-mc-subscribe.block .btn-wrap.stretch > div input[type="submit"]{text-align:center;width:100%;} .dt-mc-subscribe.block .btn-wrap.stretch > div > i{position:absolute;right:0;} .dt-mc-subscribe.block .btn-wrap.stretch.text-icon > div input[type="submit"]{text-align:left;} .dt-mc-subscribe.block .btn-wrap.stretch.icon-only > div input[type="submit"]{padding:0;position:absolute;left:0;} .dt-mc-subscribe.block .btn-wrap.stretch.icon-only > div > i{left:0;margin:auto;} /*.dt-mc-subscribe.inline{overflow:hidden;}*/ .dt-mc-subscribe.inline form .email-field-wrap{border-right-width:0 !important;position:static;} .dt-mc-subscribe.inline form .email-field-wrap:after{border-color:inherit;border-style:inherit;border-width:1px 1px 1px 0;content:"";height:auto;pointer-events:none;position:absolute;bottom:0;right:0;top:0;width:100%;} .dt-mc-subscribe.inline form .email-field-wrap label{display:none;} .dt-mc-subscribe.inline form .btn-wrap{border-left-width:0 !important;border:none;padding:0 15px;} .dt-mc-subscribe.inline form .btn-wrap div{height:75%;} .dt-mc-subscribe:not(.inline) > form > div.btn-wrap{background-color:rgba(0,0,0,0) !important;border-width:0 !important;} .dt-mc-subscribe.block .btn-wrap{margin-top:1px;} .dt-mc-subscribe.block.gap_5 .btn-wrap{margin-top:5px;} .dt-mc-subscribe.block.gap_10 .btn-wrap{margin-top:10px;} .dt-mc-subscribe.block.gap_15 .btn-wrap{margin-top:15px;} .dt-mc-subscribe.inline-block .btn-wrap{margin-left:1px;} .dt-mc-subscribe.inline-block.gap_5 .btn-wrap{margin-left:5px;} .dt-mc-subscribe.inline-block.gap_10 .btn-wrap{margin-left:10px;} .dt-mc-subscribe.inline-block.gap_15 .btn-wrap{margin-left:15px;} .dt-mc-subscribe.circle form > div.email-field-wrap i, .dt-mc-subscribe.circle form > div.btn-wrap > div, .dt-mc-subscribe.inline.circle form > div.email-field-wrap:after, .dt-mc-subscribe.inline.circle form .btn-wrap > div, .dt-mc-subscribe.inline-block.circle form > div.email-field-wrap, .dt-mc-subscribe.block.circle form > div.email-field-wrap{-webkit-border-radius:30px;border-radius:30px;} .dt-mc-subscribe.inline.circle form > div.email-field-wrap{-webkit-border-radius:30px 0 0 30px;border-radius:30px 0 0 30px;} .dt-mc-subscribe.inline.circle form > div.btn-wrap{-webkit-border-radius:0 30px 30px 0;border-radius:0 30px 30px 0;} .dt-mc-subscribe.simple-rounded form > div.email-field-wrap i, .dt-mc-subscribe.simple-rounded form > div.btn-wrap > div, .dt-mc-subscribe.inline.simple-rounded form > div.email-field-wrap:after, .dt-mc-subscribe.inline.simple-rounded form .btn-wrap > div, .dt-mc-subscribe.inline-block.simple-rounded form > div.email-field-wrap, .dt-mc-subscribe.block.simple-rounded form > div.email-field-wrap{-webkit-border-radius:5px;border-radius:5px;} .dt-mc-subscribe.inline.simple-rounded form > div.email-field-wrap{-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;} .dt-mc-subscribe.inline.simple-rounded form > div.btn-wrap{-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;} .dt-mc-subscribe.partially-rounded form > div.email-field-wrap i, .dt-mc-subscribe.partially-rounded form > div.btn-wrap > div, .dt-mc-subscribe.inline.partially-rounded form > div.email-field-wrap:after, .dt-mc-subscribe.inline.partially-rounded form .btn-wrap > div, .dt-mc-subscribe.inline-block.partially-rounded form > div.email-field-wrap, .dt-mc-subscribe.block.partially-rounded form > div.email-field-wrap{-webkit-border-radius:10px 0;border-radius:10px 0;} .dt-mc-subscribe.inline.partially-rounded form > div.email-field-wrap{-webkit-border-radius:10px 0 0;border-radius:10px 0 0;} .dt-mc-subscribe.inline.partially-rounded form > div.btn-wrap{-webkit-border-radius:0 0 10px;border-radius:0 0 10px;} .dt-mc-subscribe.partially-rounded-alt form > div.email-field-wrap i, .dt-mc-subscribe.partially-rounded-alt form > div.btn-wrap > div, .dt-mc-subscribe.inline.partially-rounded-alt form > div.email-field-wrap:after, .dt-mc-subscribe.inline.partially-rounded-alt form .btn-wrap > div, .dt-mc-subscribe.inline-block.partially-rounded-alt form > div.email-field-wrap, .dt-mc-subscribe.block.partially-rounded-alt form > div.email-field-wrap{-webkit-border-radius:0 10px;border-radius:0 10px;} .dt-mc-subscribe.inline.partially-rounded-alt form > div.email-field-wrap{-webkit-border-radius:0 0 0 10px;border-radius:0 0 0 10px;} .dt-mc-subscribe.inline.partially-rounded-alt form > div.btn-wrap{-webkit-border-radius:0 10px 0 0;border-radius:0 10px 0 0;} .vc_col-sm-3 .dt-mc-subscribe.inline-block form .email-field-wrap, .vc_col-sm-3 .dt-mc-subscribe.inline-block.gap_5 form .email-field-wrap{width:68%;} .vc_col-sm-3 .dt-mc-subscribe.inline-block.gap_10 form .email-field-wrap{width:66%;} .vc_col-sm-3 .dt-mc-subscribe.inline-block.gap_15 form .email-field-wrap{width:65%;} .dt-mc-subscribe form .email-field-wrap input[type="email"], .dt-mc-subscribe form .btn-wrap input[type="submit"]{background-color:rgba(0,0,0,0);border-color:inherit;border-width:0;color:inherit;} .dt-mc-subscribe form .email-field-wrap input[type="email"]:focus{-webkit-box-shadow:none;box-shadow:none;} .dt-mc-subscribe form .email-field-wrap input::-webkit-input-placeholder{/* Chrome/Opera/Safari */ color:inherit;} .dt-mc-subscribe form .email-field-wrap input::-moz-placeholder{/* Firefox 19+ */ color:inherit;} .dt-mc-subscribe form .email-field-wrap input:-ms-input-placeholder{/* IE 10+ */ color:inherit;} .dt-mc-subscribe form .email-field-wrap input:-moz-placeholder{/* Firefox 18- */ color:inherit;} /*-------------------------------------------------------------- 2.0 - Default Color --------------------------------------------------------------*/ .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"]{color:#888888;} .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"]{color:#000000;} .dt-sc-newsletter-section.type1 h2, .dt-sc-dark-bg .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-dark-bg .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"]{color:#ffffff;} .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"]{color:rgba(0, 0, 0, 0.5);} .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="email"]{color:rgba(0, 0, 0, 0.3);} .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type5, .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"], .dt-sc-dark-bg .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"]{background:#ffffff;} .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="text"]{background:rgba(0, 0, 0, 0.05);} .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm{background:#edeef2;} .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type5, .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="email"]{border-color:rgba(0, 0, 0, 0.2);} .dt-sc-dark-bg .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-dark-bg .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"]{border-color:#ffffff;} /*-------------------------------------------------------------- 3.0 - Responsive --------------------------------------------------------------*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { /** Newsletter **/ .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"]{margin:0 15px 0 0;width:34%;} .dt-sc-newsletter-section.type1 h2{font-size:20px;} .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm{width:80%;} .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="submit"]{font-size:13px;padding:18px 15px 15px;} .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="submit"]{font-size:16px;} .dt-sc-newsletter-section.type7 .newsletter-tooltip{width:20%;} .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="submit"]{padding:16px 25px 15px;} } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { /** Newsletter **/ .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"]{margin:0 15px 0 0;padding:16px 15px 15px;width:30%;} .dt-sc-newsletter-section.type1 h2{font-size:18px;width:34%;} .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm{width:66%;} .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm{width:85%;} .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"]{font-size:12px;margin:0 10px 0 0;} .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="submit"]{font-size:11px;padding:18px 12px 15px;} .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"]{width:46%;} .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"]{font-size:16px;padding:13px 15px;} .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="submit"]{font-size:16px;padding:16px 15px 15px;} .dt-sc-newsletter-section.type7 .newsletter-tooltip{top:-16px;width:30%;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { /** Newsletter **/ .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm, .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"]{text-align:center;width:100%;} .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="submit"]{float:none;} .dt-sc-newsletter-section.type1 h2{width:100%;} .dt-sc-newsletter-section.type1 form:before{width:150%;} .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="text"]{width:100%;margin:0 0 10px 0;} .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="submit"]{float:right;} .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"]{font-size:12px;padding:13px 15px 11px;width:50%;} .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="submit"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="submit"], .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="submit"]{margin-top:10px;} .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm{padding:30px 15px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"]{margin:0 0px 10px;width:100%;} .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"]{margin-right:0;} .dt-sc-newsletter-section.type5{padding:20px 40px 30px;width:100%;} .dt-sc-newsletter-section.type7 .dt-sc-subscribe-frm{width:100%;} .dt-sc-newsletter-section.type7 .newsletter-tooltip{margin:0;top:auto;width:60%;} .dt-sc-newsletter-section.type7 h2{line-height:normal;} .footer-widgets .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm, .footer-widgets .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"]{text-align:left;} /** Newsletter - Mail Only (New) **/ .dt-mc-subscribe.align-none, .dt-mc-subscribe.align-none form > div, .dt-mc-subscribe.align-left, .dt-mc-subscribe.align-left form > div, .dt-mc-subscribe.align-center form > div, .dt-mc-subscribe.align-right form > div{float:none;display:inline-block;text-align:center;} .dt-mc-subscribe.align-none.inline, .dt-mc-subscribe.align-none.inline form > div, .dt-mc-subscribe.align-left.inline, .dt-mc-subscribe.align-left.inline form > div, .dt-mc-subscribe.align-center.inline form > div, .dt-mc-subscribe.align-right.inline form > div{display:table-cell;} .dt-mc-subscribe.align-left form > .email-field-wrap, .dt-mc-subscribe.align-center form > .email-field-wrap, .dt-mc-subscribe.align-right form > .email-field-wrap{width:70%;} .dt-mc-subscribe.align-left.inline form > .email-field-wrap, .dt-mc-subscribe.align-center.inline form > .email-field-wrap, .dt-mc-subscribe.align-right.inline form > .email-field-wrap, .dt-mc-subscribe.align-left.block form > .email-field-wrap, .dt-mc-subscribe.align-center.block form > .email-field-wrap, .dt-mc-subscribe.align-right.block form > .email-field-wrap{width:100%;} .dt-mc-subscribe.align-center form, .dt-mc-subscribe.align-none, .dt-mc-subscribe.align-none form, .dt-mc-subscribe.align-left, .dt-mc-subscribe.align-left form, .dt-mc-subscribe.align-right, .dt-mc-subscribe.align-right form, .dt-mc-subscribe.align-left form > .btn-wrap.text-only div, .dt-mc-subscribe.align-center form > .btn-wrap.text-only div, .dt-mc-subscribe.align-right form > .btn-wrap.text-only div, .dt-mc-subscribe.align-left form > .btn-wrap.text-only input[type="submit"], .dt-mc-subscribe.align-center form > .btn-wrap.text-only input[type="submit"], .dt-mc-subscribe.align-right form > .btn-wrap.text-only input[type="submit"]{width:100%;text-align:center;} .dt-sc-newsletter-section.type1{display:block;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .page-with-sidebar .vc_row-no-padding .dt-sc-newsletter-section.type7{max-width:420px;} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="submit"]{padding:18px 10px 15px;} .dt-sc-newsletter-section.type1 h2{text-align:center;} .dt-sc-newsletter-section.type1 h2:before, .dt-sc-newsletter-section.type1 h2:after, .dt-sc-newsletter-section.type1 form:before, .dt-sc-newsletter-section.type1 form:after{width:250%;} .dt-sc-newsletter-section.type1 form:before{width:250%;transform:none;-moz-transform:none;-webkit-transform:none;-ms-transform:none;left:-100%;} .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm{text-align:center;} .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm, .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="text"]{width:100%;float:none;display:inline-block;} .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="submit"]{float:none;display:inline-block;padding:15px 20px 15px;} /** Newsletter - Mail Only (New) **/ .dt-mc-subscribe input[type="text"], .dt-mc-subscribe input[type="password"], .dt-mc-subscribe input[type="email"], .dt-mc-subscribe input[type="url"], .dt-mc-subscribe input[type="tel"], .dt-mc-subscribe input[type="number"], .dt-mc-subscribe input[type="range"], .dt-mc-subscribe input[type="date"], .dt-mc-subscribe textarea, .dt-mc-subscribe input.text, .dt-mc-subscribe input[type="search"], .dt-mc-subscribe select, .dt-mc-subscribe textarea, .dt-mc-subscribe input[type="submit"], .dt-mc-subscribe button, .dt-mc-subscribe input[type="button"], .dt-mc-subscribe input[type="reset"]{font-size:13px;} .dt-mc-subscribe.inline-block.gap_5 .btn-wrap, .dt-mc-subscribe.inline-block.gap_10 .btn-wrap, .dt-mc-subscribe.inline-block.gap_15 .btn-wrap{margin-left:1px;} } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { .page-with-sidebar .vc_row-no-padding .dt-sc-newsletter-section.type7{max-width:290px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { .dt-sc-newsletter-section.type7 h2{line-height:normal;} .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"]{margin:0 0 10px;width:100%;} .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="submit"]{font-size:11px;text-transform:capitalize;padding:18px 10px 15px;} .dt-sc-newsletter-section.type5{padding:20px 15px 30px;} .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="submit"]{padding:18px 10px 15px;} .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="submit"]{font-size:18px;padding:16px 20px 15px;} .dt-sc-newsletter-section.type7{padding:0 0 10px;} .dt-sc-newsletter-section.type7 .newsletter-tooltip{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} } /* Table of Content ================================================== 1.0 - Transition 2.0 - Popular Procedures 3.0 - Responsive 4.0 - Skin Color*/ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .dt-sc-popular-procedures .image img, .dt-sc-popular-procedures .details{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} /*-------------------------------------------------------------- 2.0 - Popular Procedures --------------------------------------------------------------*/ .dt-sc-popular-procedures{width:100%;margin:0px;padding:0px;clear:both;display:block;} .dt-sc-popular-procedures .image{float:left;clear:both;width:100%;margin:0px;} .dt-sc-popular-procedures .details{float:left;clear:both;width:100%;margin:10px 0px 0px;text-align:center;padding:45px 32px 40px;} .dt-sc-popular-procedures .details h3{margin-bottom:0px;} .dt-sc-popular-procedures .details .duration, .dt-sc-popular-procedures .details .price, .dt-sc-popular-procedures .details p{float:left;clear:both;margin:5px 0px 25px;width:100%;} .dt-sc-popular-procedures .details .duration{font-size:18px;margin:15px 0px 10px;} .dt-sc-popular-procedures .details .price, .dt-sc-popular-procedures .details h3{font-size:20px;} .dt-sc-popular-procedures .details h5{position:relative;float:none;display:inline-block;margin:0;padding:10px 25px;color:#fff;border-radius:5px;} .dt-sc-popular-procedures .image img, .dt-sc-popular-procedures:hover .details{border-radius:40px 0px;} .dt-sc-popular-procedures .details, .dt-sc-popular-procedures:hover .image img{border-radius:0px 40px;} .dt-sc-popular-procedures .details{background:rgba(0, 0, 0, 0.03);} /*-------------------------------------------------------------- 3.0 - Responsive --------------------------------------------------------------*/ /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .dt-sc-popular-procedures{display:inline-block;} .dt-sc-popular-procedures .image img, .dt-sc-popular-procedures:hover .details{width:100%;} } /* Table of Content ================================================== 1.0 - Transition 2.0 - Pricing Table Types 3.0 - Default Color 4.0 - Responsive 5.0 - Skin Color*/ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .dt-sc-pr-tb-col.type1 .dt-sc-tb-header, .dt-sc-pr-tb-col.type1 .dt-sc-tb-header .dt-sc-price, .dt-sc-pr-tb-col.type2 .dt-sc-price:before, .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title:before, .dt-sc-pr-tb-col.type2 .dt-sc-price:after, .dt-sc-pr-tb-col.type1 .dt-sc-tb-title h5, .dt-sc-pr-tb-col.type1 .dt-sc-price h6, .dt-sc-pr-tb-col.type1 .dt-sc-tb-title p, .dt-sc-pr-tb-col.minimal .dt-sc-price, .dt-sc-pr-tb-col.minimal .icon-wrapper:before{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} /*-------------------------------------------------------------- 2.0 - Pricing Table Types --------------------------------------------------------------*/ .dt-sc-pr-tb-col{float:left;clear:both;width:100%;padding:0px;text-align:center;border-radius:5px;} .dt-sc-pr-tb-col.type1{border:1px solid;margin-bottom:30px;padding:0 0 30px;} .dt-sc-pr-tb-col.type1 .dt-sc-tb-header{padding:30px 20px;border-radius:5px 5px 0 0;} .dt-sc-pr-tb-col.type1 .dt-sc-tb-title h5{font-size:20px;text-transform:uppercase;margin-bottom:10px;} .dt-sc-pr-tb-col.type1 .dt-sc-tb-title p{letter-spacing:0.5px;} .dt-sc-pr-tb-col.type1 .dt-sc-price{border-top:1px solid;padding:30px 0px 0px;margin:30px 0 0;} .dt-sc-pr-tb-col.type1 .dt-sc-price h6{margin-bottom:0;font-size:50px;font-weight:600;position:relative;} .dt-sc-pr-tb-col.type1 .dt-sc-price h6 sup{font-size:25px;top:-17px;letter-spacing:0.5px;} .dt-sc-pr-tb-col.type1 .dt-sc-price h6 span{font-size:12px;position:relative;top:1px;margin:0 0 0 -36px;} .dt-sc-pr-tb-col .dt-sc-tb-content{padding:0 20px 20px;width:100%;margin:0px;float:left;} .dt-sc-pr-tb-col .dt-sc-tb-content li{float:left;display:block;clear:both;padding:15px 0px;width:100%;border-bottom:1px solid;font-size:13px;letter-spacing:0.5px;} .dt-sc-pr-tb-col .dt-sc-buy-now{padding:0 10px;} .dt-sc-pr-tb-col .dt-sc-buy-now a{font-size:13px;font-weight:normal;letter-spacing:0.5px;padding:15px 25px 14px;} .dt-sc-pr-tb-col.type1 .dt-sc-tb-thumb{text-align:center;} .dt-sc-pr-tb-col.type1 .dt-sc-tb-thumb > img{margin:0 auto;} .dt-sc-pr-tb-col.minimal{padding:55px 0 40px;border:1px solid;} .dt-sc-pr-tb-col.minimal .dt-sc-tb-header, .dt-sc-pr-tb-col.minimal:hover .dt-sc-tb-header{background:none;border:0px;padding:0px;} .dt-sc-pr-tb-col.minimal .icon-wrapper{position:relative;width:100%;height:90px;} .dt-sc-pr-tb-col.minimal .icon-wrapper span{font-size:36px;line-height:80px;position:relative;z-index:1;} .dt-sc-pr-tb-col.minimal .icon-wrapper:before{content:"";position:absolute;left:0px;right:0px;top:0px;margin:auto;width:80px;height:80px;border-radius:10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .dt-sc-pr-tb-col.minimal .dt-sc-tb-title{margin:40px 0px 0px;padding:0px 10px;} .dt-sc-pr-tb-col.minimal .dt-sc-tb-title h5{font-size:22px;margin-bottom:15px;} .dt-sc-pr-tb-col.minimal .dt-sc-price{margin:40px 0px 0px;padding:25px 10px;} .dt-sc-pr-tb-col.minimal .dt-sc-price p{font-size:16px;text-transform:uppercase;} .dt-sc-pr-tb-col.minimal .dt-sc-price h6{font-size:40px;font-weight:600;margin:0;} .dt-sc-pr-tb-col.minimal .dt-sc-price h6 span{font-size:18px;font-weight:700;text-transform:uppercase;margin:0px;position:inherit;} .dt-sc-pr-tb-col.minimal .dt-sc-buy-now{margin:40px 0px 0px;} .dt-sc-pr-tb-col.minimal .dt-sc-buy-now a{font-weight:600;} .dt-sc-dark-bg .dt-sc-pr-tb-col.minimal{border:0px;} .dt-sc-pr-tb-col.type2{border:none;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-header, .dt-sc-pr-tb-col.type2:hover .dt-sc-tb-header, .dt-sc-pr-tb-col.type2.selected .dt-sc-tb-header{background:none;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-header{padding:0px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-header:before{content:"";position:absolute;left:0;right:0;top:19px;margin:auto;width:192px;height:192px;border:1px solid;border-radius:5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .dt-sc-pr-tb-col.type2 .dt-sc-tb-title{position:relative;top:-20px;height:135px;width:100%;overflow:hidden;z-index:1;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-title h5{position:relative;z-index:1;margin:20px 0px 0px;font-size:20px;letter-spacing:0px;text-transform:none;line-height:24px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-title h5 span{font-size:34px;display:block;line-height:normal;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title:before{content:"";margin:0 auto;position:absolute;left:0;right:-2px;top:40px;width:197px;height:194px;border-radius:5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title:after{content:"";position:absolute;left:0px;right:0px;bottom:0px;margin:auto;width:0px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid;} .dt-sc-pr-tb-col.type2 .dt-sc-price{margin-top:0px;padding:20px 0px 0px;width:100%;height:134px;top:-20px;position:relative;z-index:1;overflow:hidden;} .dt-sc-pr-tb-col.type2 .dt-sc-price h6{font-size:34px;position:relative;z-index:1;} .dt-sc-pr-tb-col.type2 .dt-sc-price h6 sup{font-size:20px;top:-12px;} .dt-sc-pr-tb-col.type2 .dt-sc-price:before{content:"";margin:0 auto;position:absolute;left:0;right:-2px;top:-98px;width:194px;height:194px;border-radius:5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .dt-sc-pr-tb-col.type2 .dt-sc-price:after{content:"";position:absolute;left:0px;right:0px;top:0px;margin:auto;width:0px;border-left:10px solid transparent;border-right:10px solid transparent;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-content{position:relative;padding-bottom:25px;margin-bottom:20px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-content:before{content:"";position:absolute;left:0px;bottom:0px;height:6px;width:100%;border-radius:5px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-content:after{content:"";position:absolute;left:0px;right:0px;bottom:-6px;width:0px;margin:auto;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-content li{font-size:17px;padding:6px 0px;list-style:none;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-content li:last-child{border:none;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-content li .highlight{font-weight:bold;padding:0px 10px;border-radius:3px;} .dt-sc-pr-tb-col.type2 .dt-sc-buy-now a{font-size:16px;font-weight:bold;} .dt-sc-pr-tb-col.type2:hover .dt-sc-tb-header .dt-sc-tb-title:before, .dt-sc-pr-tb-col.type2.selected .dt-sc-tb-header .dt-sc-tb-title:before{background:none;} .dt-sc-pr-tb-col.type2:hover .dt-sc-price:after, .dt-sc-pr-tb-col.type2.selected .dt-sc-price:after{border-top:10px solid;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-header::before{height:170px;width:170px;top:19px;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title::before{height:172px;width:172px;top:38px;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-price::before{height:172px;width:172px;top:-86px;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-title{height:126px;} /*-------------------------------------------------------------- 3.0 - Default Color --------------------------------------------------------------*/ .dt-sc-pr-tb-col.minimal, .dt-sc-pr-tb-col.minimal h5, .dt-sc-pr-tb-col.minimal .dt-sc-price h6, .dt-sc-pr-tb-col .dt-sc-buy-now a, .dt-sc-pr-tb-col.minimal:hover .dt-sc-tb-title h5, .dt-sc-pr-tb-col.minimal:hover .dt-sc-tb-title p{color:#000000;} .dt-sc-pr-tb-col.type2:hover .dt-sc-tb-header .dt-sc-tb-title h5, .dt-sc-pr-tb-col.type2.selected .dt-sc-tb-header .dt-sc-tb-title h5{color:#333333;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-header:before, .dt-sc-pr-tb-col.type2 .dt-sc-buy-now a, .dt-sc-dark-bg .dt-sc-pr-tb-col.minimal{background:#ffffff;} .dt-sc-pr-tb-col .dt-sc-tb-header, .dt-sc-pr-tb-col.minimal .icon-wrapper:before, .dt-sc-pr-tb-col.minimal .dt-sc-price, .dt-sc-pr-tb-col .dt-sc-buy-now a{background:rgba(0, 0, 0, 0.03);} .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title:after{border-bottom-color:#ffffff;} .dt-sc-pr-tb-col.type2:hover .dt-sc-price:after, .dt-sc-pr-tb-col.type2.selected .dt-sc-price:after{border-top-color:#ffffff;} .dt-sc-pr-tb-col.type1:hover .dt-sc-price, .dt-sc-pr-tb-col.type1.selected .dt-sc-price{border-color:rgba(255, 255, 255, 0.2);} .dt-sc-pr-tb-col.type1, .dt-sc-pr-tb-col.minimal, .dt-sc-pr-tb-col .dt-sc-tb-content li{border-color:rgba(0, 0, 0, 0.07);} .dt-sc-pr-tb-col.type1 .dt-sc-price{border-color:#ffffff;} .dt-sc-pr-tb-col:hover .dt-sc-buy-now a, .dt-sc-pr-tb-col.selected .dt-sc-buy-now a, .dt-sc-pr-tb-col.minimal:hover .dt-sc-buy-now a, .dt-sc-pr-tb-col.minimal.selected .dt-sc-buy-now a, .dt-sc-pr-tb-col.minimal:hover .dt-sc-price h6, .dt-sc-pr-tb-col.minimal.selected .dt-sc-price h6, .dt-sc-pr-tb-col.minimal:hover .dt-sc-price p, .dt-sc-pr-tb-col.minimal.selected .dt-sc-price p, .dt-sc-pr-tb-col.minimal:hover .icon-wrapper span, .dt-sc-pr-tb-col.minimal.selected .icon-wrapper span, .dt-sc-pr-tb-col.type1:hover .dt-sc-tb-title h5, .dt-sc-pr-tb-col.type1.selected .dt-sc-tb-title h5, .dt-sc-pr-tb-col.type1:hover .dt-sc-tb-title p, .dt-sc-pr-tb-col.type1.selected .dt-sc-tb-title p, .dt-sc-pr-tb-col.type1:hover .dt-sc-price h6, .dt-sc-pr-tb-col.type1.selected .dt-sc-price h6, .dt-sc-pr-tb-col.type2:hover .dt-sc-price h6, .dt-sc-pr-tb-col.type2.selected .dt-sc-price h6, .dt-sc-pr-tb-col.type2 .dt-sc-tb-title h5, .dt-sc-pr-tb-col.type2:hover .dt-sc-buy-now a, .dt-sc-pr-tb-col.type2.selected .dt-sc-buy-now a, .dt-sc-pr-tb-col.type2 .dt-sc-tb-content li .highlight{color:#ffffff;} /*-------------------------------------------------------------- 4.0 - Responsive --------------------------------------------------------------*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { /** Pricing Tables **/ .dt-sc-pr-tb-col.type2 .dt-sc-tb-header::before, .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-header::before{height:124px;width:124px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-title, .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-title{height:103px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title::before, .dt-sc-pr-tb-col.type2 .dt-sc-price::before, .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title::before, .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-price::before{height:126px;width:126px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title::before, .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title::before{top:39px;} .dt-sc-pr-tb-col.type2 .dt-sc-price::before, .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-price::before{top:-64px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-title h5{font-size:15px;line-height:20px;margin:20px 0 0;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-title h5 span{font-size:25px;} .dt-sc-pr-tb-col.type2 .dt-sc-price{height:85px;} .dt-sc-pr-tb-col.type2 .dt-sc-price h6{font-size:20px;} .dt-sc-pr-tb-col.type2 .dt-sc-price h6 sup{font-size:16px;top:auto;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-content li{font-size:14px;} } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { /** Pricing Tables **/ .dt-sc-pr-tb-col .dt-sc-price h6{font-size:50px;} .dt-sc-pr-tb-col.minimal .dt-sc-price h6{font-size:42px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-header::before{height:100px;width:100px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-title{height:91px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title::before, .dt-sc-pr-tb-col.type2 .dt-sc-price::before{height:102px;width:102px;} .dt-sc-pr-tb-col.type2 .dt-sc-price::before{top:-52px;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-header::before{height:95px;width:95px;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-title{height:88px;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title::before, .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-price::before{height:98px;right:0;width:98px;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title::before{top:39px;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-price::before{top:-50px;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-title h5{font-size:11px;line-height:13px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-title h5{font-size:13px;line-height:12px;margin:31px 0 0;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-title h5 span{font-size:18px;} .dt-sc-pr-tb-col.type2 .dt-sc-price{height:68px;padding:15px 0 0;} .dt-sc-pr-tb-col.type2 .dt-sc-price h6{font-size:16px;} .dt-sc-pr-tb-col.type2 .dt-sc-price h6 sup{font-size:15px;top:auto;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-content li{font-size:13px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-content li .highlight{padding:0 6px;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { /** Pricing Tables **/ .dt-sc-pr-tb-col{margin-bottom:30px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-header{position:relative;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-title, .dt-sc-pr-tb-col.type2 .dt-sc-price{margin-left:auto;margin-right:auto;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .dt-sc-pr-tb-col .dt-sc-tb-thumb > img{width:100%;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { /** Pricing Tables **/ .dt-sc-pr-tb-col.type2 .dt-sc-tb-header::before{height:140px;width:140px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-title{height:111px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title::before{height:142px;width:142px;} .dt-sc-pr-tb-col.type2 .dt-sc-tb-title h5{font-size:18px;line-height:20px;} .dt-sc-pr-tb-col.type2 .dt-sc-price{height:97px;} .dt-sc-pr-tb-col.type2 .dt-sc-price::before{height:164px;width:164px;} .dt-sc-pr-tb-col.type2 .dt-sc-price h6{font-size:30px;} /* Sidenavigation Pricing Table */ .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-title h5{font-size:15px;line-height:16px;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-title h5 span, .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-price h6{font-size:26px;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-price{padding:15px 0 0;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-header::before{height:132px;top:13px;width:132px;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-header .dt-sc-tb-title::before{height:135px;top:33px;width:135px;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-tb-title{height:101px;} .side-navigation-content .dt-sc-pr-tb-col.type2 .dt-sc-price::before{height:149px;width:149px;} } /* Table of Content ================================================== 1.0 - Progress Bar 2.0 - Default Colors 3.0 - Responsive*/ /*-------------------------------------------------------------- 1.0 - Progress Bar --------------------------------------------------------------*/ .dt-sc-progress{margin:55px 0px 10px;clear:both;display:inline-block;width:100%;border-radius:3px;height:12px;padding:1px;border:1px solid;border-radius:20px;} .dt-sc-progress .dt-sc-bar{position:relative;} .dt-sc-bar-text{font-size:14px;font-weight:600;margin-bottom:5px;margin:-36px 0px 0px;} .dt-sc-progress .dt-sc-bar-text > span{float:right;display:inline-block;} @-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;} } @keyframes progress-bar-stripes { from{background-position:-20px 0;} to{background-position:0 0;} } .dt-sc-progress .dt-sc-bar{width:0%;height:100%;float:left;background-repeat:repeat-x;-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;border-radius:20px;} .dt-sc-progress .dt-sc-bar + .dt-sc-bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);} .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{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;} /* Progress Bar Type2 */ .dt-sc-progress.type2{height:26px;border:2px solid rgba(0, 0, 0, 0.05);border-radius:30px;padding:0px;} .dt-sc-progress.type2 .dt-sc-bar-text > span{margin:14px 0px 0px;border:5px solid #ffffff;width:60px;height:60px;font-size:16px;line-height:60px;text-align:center;border-radius:50%;color:#ffffff;position:relative;right:-2px;} .dt-sc-progress.type2 .dt-sc-bar-text{text-transform:uppercase;font-weight:bold;} .dt-sc-progress.type2 .dt-sc-bar{box-shadow:none;} .dt-sc-progress.type2.blue .dt-sc-bar-text > span{background:#4b9dc7;} .dt-sc-progress.type2.orange .dt-sc-bar-text > span{background:#e49b5c;} .dt-sc-progress.type2.green .dt-sc-bar-text > span{background:#91b962;} .dt-sc-progress.type2.yellow .dt-sc-bar-text > span{background:#eecf6f;} /* Progress Bar New Type */ .dt-sc-progress-wrapper{float:left;clear:both;width:100%;margin:15px 0px 0px;} .dt-sc-progress-wrapper .dt-sc-bar-title{float:left;width:27%;padding:0px 20px 0px 0px;font-size:14px;text-transform:uppercase;font-weight:bold;} .dt-sc-progress-wrapper .dt-sc-progress{float:left;width:73%;background:rgba(0, 0, 0, 0.1);border:none;clear:none;height:7px;margin:10px 0px 0px;padding:0px;} .dt-sc-progress-wrapper .dt-sc-bar-text{margin-top:-25px;} .dt-sc-progress-wrapper .dt-sc-bar-text span{position:relative;} .dt-sc-progress-wrapper .dt-sc-bar-text span:before{content:"";position:absolute;left:-19px;top:7px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #000000;} /*-------------------------------------------------------------- 2.0 - Default Colors --------------------------------------------------------------*/ .dt-sc-dark-bg .dt-sc-progress{background-color:#444444;} .dt-sc-progress{border-color:#000000;} .dt-sc-bar-text{color:#000000;} .dt-sc-dark-bg .dt-sc-bar-text{color:#ffffff;} /*-------------------------------------------------------------- 3.0 - Responsive --------------------------------------------------------------*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { .dt-sc-progress-wrapper .dt-sc-bar-title{font-size:12px;} } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { .dt-sc-progress-wrapper .dt-sc-bar-title{font-size:11px;padding:0 15px 0 0;width:30%;} .dt-sc-progress-wrapper .dt-sc-progress{width:70%;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .dt-sc-progress-wrapper .dt-sc-bar-title{font-size:10px;padding:0 10px 0 0;width:32%;} .dt-sc-progress-wrapper .dt-sc-progress{width:68%;} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { /** Progress Bars **/ .dt-sc-bar-text{margin:-25px 0 0;} .dt-sc-progress .dt-sc-bar-text > span{margin:10px 0 0;text-align:right;width:100%;} .dt-sc-progress-wrapper .dt-sc-bar-text > span{margin:0;width:auto;} .dt-sc-progress-wrapper .dt-sc-bar-title, .dt-sc-progress-wrapper .dt-sc-progress{width:100%;} .dt-sc-progress-wrapper .dt-sc-bar-title{padding:0 0 20px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { /** Progress Bars **/ .dt-sc-bar-text{font-size:10px;line-height:normal;position:relative;} .dt-sc-progress .dt-sc-bar-text > span{position:absolute;bottom:0;right:0;} .dt-sc-progress-wrapper .dt-sc-bar-title{font-size:10px;} } /* CSS Document */ /*-------------------------------------------------------------- Social --------------------------------------------------------------*/ .dt-sc-sociable{display:block;clear:both;line-height:0;margin:0 -3px;padding:0;} .dt-sc-sociable.center{text-align:center;} .dt-sc-sociable.right{float:right;text-align:right;} .dt-sc-sociable.left > li:first-child{margin-left:0;} .dt-sc-sociable.right > li:last-child{margin-right:0;} .dt-sc-sociable li{display:inline-block;margin:2px 3px;padding:0;position:relative;} .dt-sc-sociable li a{float:left;text-align:center;text-indent:-9999px;} .dt-sc-sociable li a > i{font-style:normal;font-size:inherit;font-weight:normal;} .dt-sc-sociable li a > i:before{display:inline-block;font-family:"FontAwesome";height:100%;position:absolute;left:0;top:0;text-indent:0;width:100%;z-index:1;} .dt-sc-sociable.small li a{font-size:16px;height:36px;line-height:36px;width:36px;} .dt-sc-sociable.small li a.zmdi{font-size:20px;} .dt-sc-sociable.medium li a{font-size:16px;height:45px;line-height:45px;width:45px;} .dt-sc-sociable.medium li a.zmdi{font-size:20px;} .aligncenter .dt-sc-sociable{text-align:center;width:100%;} .aligncenter .dt-sc-sociable li, .aligncenter .dt-sc-sociable li a{display:inline-block;float:none;} .alignright .dt-sc-sociable{float:right;text-align:right;} .dt-sc-sociable li a > .dt-icon-default:before, .dt-sc-sociable li a > .dt-icon-default:after, .dt-sc-sociable li a > .dt-icon-hover:before, .dt-sc-sociable li a > .dt-icon-hover:after, .dt-sc-sociable[data-default-shape="hexagon"] li a > .dt-icon-default > span:before, .dt-sc-sociable[data-default-shape="hexagon"] li a > .dt-icon-default > span:after, .dt-sc-sociable[data-hover-shape="hexagon"] li a > .dt-icon-hover > span:before, .dt-sc-sociable[data-hover-shape="hexagon"] li a > .dt-icon-hover > span:after, .dt-sc-sociable[data-default-shape="hexagon-alt"] li a > .dt-icon-default > span:before, .dt-sc-sociable[data-default-shape="hexagon-alt"] li a > .dt-icon-default > span:after, .dt-sc-sociable li a[data-hover-shape="hexagon-alt"] > .dt-icon-hover > span:before, .dt-sc-sociable[data-hover-shape="hexagon-alt"] li a > .dt-icon-hover > span:after{content:"";display:inline-block;height:100%;position:absolute;left:0;top:0;width:100%;} .dt-sc-sociable li a > .dt-icon-default:after, .dt-sc-sociable li a > .dt-icon-hover:after{border-style:solid;border-width:1px;border-color:rgba(0,0,0,0);} .dt-sc-sociable[data-default-shape="circle"] li a .dt-icon-default:before, .dt-sc-sociable[data-default-shape="circle"] li a .dt-icon-default:after, .dt-sc-sociable[data-hover-shape="circle"] li a .dt-icon-hover:before, .dt-sc-sociable[data-hover-shape="circle"] li a .dt-icon-hover:after{-webkit-border-radius:50%;border-radius:50%;} .dt-sc-sociable[data-default-border-radius="yes"] li a .dt-icon-default:before, .dt-sc-sociable[data-default-border-radius="yes"] li a .dt-icon-default:after, .dt-sc-sociable[data-hover-border-radius="yes"] li a .dt-icon-hover:before, .dt-sc-sociable[data-hover-border-radius="yes"] li a .dt-icon-hover:after{-webkit-border-radius:3px;border-radius:3px;} .dt-sc-sociable[data-default-shape="diamond-square"] li, .dt-sc-sociable[data-hover-shape="diamond-square"] li, .dt-sc-sociable[data-default-shape="hexagon-alt"] li, .dt-sc-sociable[data-hover-shape="hexagon-alt"] li{margin:10px;} .dt-sc-sociable[data-default-shape="diamond-narrow"] li, .dt-sc-sociable[data-hover-shape="diamond-narrow"] li{margin:15px 5px;} .dt-sc-sociable[data-default-shape="diamond-square"][data-hover-shape="diamond-narrow"] li{margin:15px 10px;} .dt-sc-sociable[data-default-shape="diamond-wide"] li, .dt-sc-sociable[data-hover-shape="diamond-wide"] li{margin:5px 15px;} .dt-sc-sociable[data-default-shape="diamond-square"][data-hover-shape="diamond-wide"] li{margin:10px 15px;} .dt-sc-sociable[data-default-shape="diamond-wide"][data-hover-shape="diamond-narrow"] li{margin:15px;} .dt-sc-sociable[data-default-shape="diamond-narrow"][data-hover-shape="diamond-square"] li, .dt-sc-sociable[data-default-shape="diamond-narrow"][data-hover-shape="diamond-wide"] li{margin:20px 15px;} .dt-sc-sociable[data-default-shape="diamond-square"] li a > .dt-icon-default:before, .dt-sc-sociable[data-default-shape="diamond-square"] li a > .dt-icon-default:after, .dt-sc-sociable[data-hover-shape="diamond-square"] li a > .dt-icon-hover:before, .dt-sc-sociable[data-hover-shape="diamond-square"] li a > .dt-icon-hover:after{-webkit-transform:rotate(-45deg) skewY(0deg);transform:rotate(-45deg) skewY(0deg);} .dt-sc-sociable[data-default-shape="diamond-narrow"] li a > .dt-icon-default:before, .dt-sc-sociable[data-default-shape="diamond-narrow"] li a > .dt-icon-default:after, .dt-sc-sociable[data-hover-shape="diamond-narrow"] li a > .dt-icon-hover:before, .dt-sc-sociable[data-hover-shape="diamond-narrow"] li a > .dt-icon-hover:after{margin:0 6%;overflow:hidden;padding-bottom:96%;width:88%;-webkit-transform:rotate(30deg) skewY(30deg);transform:rotate(30deg) skewY(30deg);} .dt-sc-sociable[data-default-shape="diamond-wide"] li a > .dt-icon-default:before, .dt-sc-sociable[data-default-shape="diamond-wide"] li a > .dt-icon-default:after, .dt-sc-sociable[data-hover-shape="diamond-wide"] li a > .dt-icon-hover:before, .dt-sc-sociable[data-hover-shape="diamond-wide"] li a > .dt-icon-hover:after{margin:0 6%;overflow:hidden;padding-bottom:92%;width:88%;-webkit-transform:rotate(-60deg) skewY(30deg);transform:rotate(-60deg) skewY(30deg);} .dt-sc-sociable[data-default-shape="hexagon"] li a, .dt-sc-sociable[data-hover-shape="hexagon"] li a, .dt-sc-sociable[data-default-shape="hexagon-alt"] li a, .dt-sc-sociable[data-hover-shape="hexagon-alt"] li a{position:relative;} .dt-sc-sociable[data-default-shape="hexagon"] li a > .dt-icon-default:before, .dt-sc-sociable[data-default-shape="hexagon"] li a > .dt-icon-default:after, .dt-sc-sociable[data-hover-shape="hexagon"] li a > .dt-icon-hover:before, .dt-sc-sociable[data-hover-shape="hexagon"] li a > .dt-icon-hover:after{border-top-width:0;border-bottom-width:0;height:20px;margin:auto;padding-bottom:0;bottom:0;left:0;right:0;top:0;width:auto;} .dt-sc-sociable[data-default-shape="hexagon-alt"] li a > .dt-icon-default:before, .dt-sc-sociable[data-default-shape="hexagon-alt"] li a > .dt-icon-default:after, .dt-sc-sociable[data-hover-shape="hexagon-alt"] li a > .dt-icon-hover:before, .dt-sc-sociable[data-hover-shape="hexagon-alt"] li a > .dt-icon-hover:after{border-left-width:0;border-right-width:0;height:auto;margin:auto;padding-bottom:0;bottom:0;left:0;right:0;top:0;width:20px;} .dt-sc-sociable[data-default-shape="hexagon"] li a > .dt-icon-default span:before, .dt-sc-sociable[data-default-shape="hexagon"] li a > .dt-icon-default span:after, .dt-sc-sociable[data-hover-shape="hexagon"] li a > .dt-icon-hover span:before, .dt-sc-sociable[data-hover-shape="hexagon"] li a > .dt-icon-hover span:after, .dt-sc-sociable[data-default-shape="hexagon-alt"] li a > .dt-icon-default span:before, .dt-sc-sociable[data-default-shape="hexagon-alt"] li a > .dt-icon-default span:after, .dt-sc-sociable[data-hover-shape="hexagon-alt"] li a > .dt-icon-hover span:before, .dt-sc-sociable[data-hover-shape="hexagon-alt"] li a > .dt-icon-hover span:after{border-style:solid;content:"";display:inline-block;margin:auto;position:absolute;left:0;top:0;} .dt-sc-sociable[data-default-shape="hexagon"] li a > .dt-icon-default span:before, .dt-sc-sociable[data-default-shape="hexagon"] li a > .dt-icon-default span:after, .dt-sc-sociable[data-hover-shape="hexagon"] li a > .dt-icon-hover span:before, .dt-sc-sociable[data-hover-shape="hexagon"] li a > .dt-icon-hover span:after{border-width:0 1px;height:20px;bottom:0;width:100%;z-index:0;} .dt-sc-sociable[data-default-shape="hexagon-alt"] li a > .dt-icon-default span:before, .dt-sc-sociable[data-default-shape="hexagon-alt"] li a > .dt-icon-default span:after, .dt-sc-sociable[data-hover-shape="hexagon-alt"] li a > .dt-icon-hover span:before, .dt-sc-sociable[data-hover-shape="hexagon-alt"] li a > .dt-icon-hover span:after{border-width:1px 0;height:100%;right:0;width:20px;} .dt-sc-sociable[data-default-shape="hexagon"] li a > .dt-icon-default span:before, .dt-sc-sociable[data-hover-shape="hexagon"] li a > .dt-icon-hover span:before, .dt-sc-sociable[data-default-shape="hexagon-alt"] li a > .dt-icon-default span:before, .dt-sc-sociable[data-hover-shape="hexagon-alt"] li a > .dt-icon-hover span:before{-webkit-transform:rotate(-60deg);transform:rotate(-60deg);} .dt-sc-sociable[data-default-shape="hexagon"] li a > .dt-icon-default span:after, .dt-sc-sociable[data-hover-shape="hexagon"] li a > .dt-icon-hover span:after, .dt-sc-sociable[data-default-shape="hexagon-alt"] li a > .dt-icon-default span:after, .dt-sc-sociable[data-hover-shape="hexagon-alt"] li a > .dt-icon-hover span:after{-webkit-transform:rotate(60deg);transform:rotate(60deg);} .dt-sc-sociable li a > .dt-icon-hover, .dt-sc-sociable li a:hover > .dt-icon-default, .dt-sc-sociable[data-default-style="bordered"] li a > .dt-icon-default:before, .dt-sc-sociable[data-hover-style="bordered"] li a > .dt-icon-hover:before{opacity:0;visibility:hidden;} .dt-sc-sociable li a:hover > .dt-icon-hover{opacity:1;visibility:visible;} .dt-sc-sociable li a, .dt-sc-sociable li a span, .dt-sc-sociable li a span:before, .dt-sc-sociable li a span:after{-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;} .dt-sc-sociable[data-default-style="filled"] li a:not(:hover) > i, .dt-sc-sociable[data-hover-style="filled"] li a:hover > i{color:#fff;} .dt-sc-sociable.square li a:hover, #footer .dt-sc-sociable.square li a:hover{color:#fff;} .dt-sc-sociable li.delicious a > i:before{content:"\f1a5";} .dt-sc-sociable li.deviantart a > i:before{content:"\f1bd";} .dt-sc-sociable li.digg a > i:before{content:"\f1a6";} .dt-sc-sociable li.flickr a > i:before{content:"\f16e";} .dt-sc-sociable li.comment a > i:before{content:"\f075";} .dt-sc-sociable li.lastfm a > i:before{content:"\f202";} .dt-sc-sociable li.linkedin a > i:before{content:"\f0e1";} .dt-sc-sociable li.envelope a > i:before{content:"\f0e0";} .dt-sc-sociable li.myspace a > i:before{content:"\f0c0";} .dt-sc-sociable li.picasa a > i:before{content:"\f284";font-family:'Material-Design-Iconic-Font';} .dt-sc-sociable li.pinterest a > i:before{content:"\f0d2";} .dt-sc-sociable li.reddit a > i:before{content:"\f1a1";} .dt-sc-sociable li.rss a > i:before{content:"\f09e";} .dt-sc-sociable li.skype a > i:before{content:"\f17e";} .dt-sc-sociable li.stumbleupon a > i:before{content:"\f1a4";} .dt-sc-sociable li.technorati a > i:before{content:"";} .dt-sc-sociable li.twitter a > i:before{content:"\f099";} .dt-sc-sociable li.viadeo a > i:before{content:"\f2a9";} .dt-sc-sociable li.vimeo a > i:before{content:"\f27d";} .dt-sc-sociable li.yahoo a > i:before{content:"\f19e";} .dt-sc-sociable li.youtube a > i:before{content:"\f167";} .dt-sc-sociable li.dribbble a > i:before{content:"\f17d";} .dt-sc-sociable li.google-plus a > i:before{content:"\f0d5";} .dt-sc-sociable li.tumblr a > i:before{content:"\f173";} .dt-sc-sociable li.dribbble a > i:before{content:"\f17d";} .dt-sc-sociable li.instagram a > i:before{content:"\f16d";} .dt-sc-sociable li.facebook a > i:before{content:"\f09a";} .dt-sc-sociable[data-default-shape="hexagon"] li a > .dt-icon-default span, .dt-sc-sociable[data-default-shape="hexagon"] li a > .dt-icon-default span, .dt-sc-sociable[data-hover-shape="hexagon"] li a > .dt-icon-hover span, .dt-sc-sociable[data-hover-shape="hexagon"] li a > .dt-icon-hover span, .dt-sc-sociable[data-default-shape="hexagon-alt"] li a > .dt-icon-default span, .dt-sc-sociable[data-default-shape="hexagon-alt"] li a > .dt-icon-default span, .dt-sc-sociable[data-hover-shape="hexagon-alt"] li a > .dt-icon-hover span, .dt-sc-sociable[data-hover-shape="hexagon-alt"] li a > .dt-icon-hover span{color:transparent;} .dt-sc-sociable.no-bottom-space li{margin-bottom:0;} .dt-sc-sociable.no-vertical-space li{margin-top:0;margin-bottom:0;} /*---------------------------------------------------------------------------------------- sociables ----------------------------------------------------------------------------------------*/ .dt-sc-sociables, .dt-sc-sociables.diamond-square-border li{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} /*-------------------------------------------------------------- 1.1 - Social --------------------------------------------------------------*/ .dt-sc-sociables{float:left;clear:both;margin:0px;padding:0px;line-height:0px;} .dt-sc-sociables li{float:left;display:inline;margin:0 5px 5px;padding:0;} .dt-sc-sociables li a{width:36px;height:36px;float:left;text-align:center;line-height:36px;font-size:16px;} .aligncenter .dt-sc-sociables{text-align:center;width:100%;} .aligncenter .dt-sc-sociables li, .aligncenter .dt-sc-sociables li a{float:none;display:inline-block;} .alignright .dt-sc-sociables{float:right;text-align:right;} .dt-sc-sociables.rounded-square li a{border-radius:5px;} .dt-sc-sociables.rounded li a{border-radius:50%;} .dt-sc-sociables.rounded-border li a{border:2px solid;border-radius:50%;width:40px;height:40px;} .dt-sc-dark-bg .dt-sc-sociables.rounded-border li a{border:2px solid;} .dt-sc-sociables.square-border li a{border:1px solid;} .dt-sc-dark-bg .dt-sc-sociables.square-border li a{border:1px solid;} .dt-sc-sociables.rounded-border-dashed li a{border:1px dashed;border-radius:50%;} .dt-sc-sociables.diamond-square-border li{text-align:center;border:1px solid;width:32px;height:32px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:3px;margin:0px 0px 20px 20px;} .dt-sc-sociables.diamond-square-border li a{margin:-5px 0px 0px -5px;width:40px;height:40px;line-height:40px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);float:left;} /*.dt-sc-sociables.diamond-square-border li:last-child{border-bottom:1px solid rgba(0, 0, 0, 0.2);}*/ .diamond-narrow-square-border li{position:relative;margin:0px 8px;} .diamond-narrow-square-border li a{width:40px;height:40px;position:relative;z-index:1;height:60px;line-height:60px;} .diamond-narrow-square-border li:before{content:"";position:absolute;left:-1px;right:0;margin:auto;top:12px;width:35px;height:35px;border:1px solid;z-index:1;transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg);-webkit-transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg);} /* IE9 Only */ .ie9 .diamond-narrow-square-border li::before{transform:rotate(45deg) skew(10deg, 10deg);-ms-transform:rotate(45deg) skew(10deg, 10deg);} .dt-sc-sociables.filled li a.fa-facebook, .dt-sc-sociables.square li a.fa-facebook:hover{background:#3162a2;} .dt-sc-sociables.filled li a.fa-twitter, .dt-sc-sociables.square li a.fa-twitter:hover{background:#2fb1eb;} .dt-sc-sociables.filled li a.fa-dribbble, .dt-sc-sociables.square li a.fa-dribbble:hover{background:#ff68c5;} .dt-sc-sociables.filled li a.fa-tumblr, .dt-sc-sociables.square li a.fa-tumblr:hover{background:#34465d;} .dt-sc-sociables.filled li a.fa-google-plus, .dt-sc-sociables.square li a.fa-google-plus:hover{background:#c54542;} .dt-sc-sociables.square li a:hover, #footer .dt-sc-sociables.square li a:hover{color:#fff;} .dt-sc-sociables.hexagon-with-border li, .dt-sc-sociables.hexagon-border li{position:relative;width:42px;height:25px;margin:14px 5px;border-left:solid 2px;border-right:solid 2px;} .dt-sc-sociables.hexagon-with-border li:before, .dt-sc-sociables.hexagon-with-border li:after, .dt-sc-sociables.hexagon-border li:before, .dt-sc-sociables.hexagon-border li:after{content:"";position:absolute;z-index:1;width:28px;height:28px;-webkit-transform:scaleY(0.5774) rotate(-45deg);-ms-transform:scaleY(0.5774) rotate(-45deg);transform:scaleY(0.5774) rotate(-45deg);background-color:inherit;left:5px;} .dt-sc-sociables.hexagon-with-border li:before, .dt-sc-sociables.hexagon-border li:before{top:-14.0660px;border-top:solid 2.5px;border-right:solid 2.5px;} .dt-sc-sociables.hexagon-with-border li:after, .dt-sc-sociables.hexagon-border li:after{bottom:-14.0660px;border-bottom:solid 2.5px;border-left:solid 2.5px;left:5px;} .dt-sc-sociables.hexagon-with-border li a, .dt-sc-sociables.hexagon-border li a{line-height:52px;position:relative;z-index:9;left:-1px;top:-13px;width:42px;height:52px;} /*-------------------------------------------------------------- 1.2 - Browser Css --------------------------------------------------------------*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .dt-sc-sociables.hexagon-with-border li:after, .dt-sc-sociables.hexagon-border li:after{bottom:-14.0660px;} ::i-block-chrome, .dt-sc-sociables.hexagon-with-border li:after, .dt-sc-sociables.hexagon-border li:after{bottom:-15.0660px;} } /*-------------------------------------------------------------- 1.3 - Default Colors --------------------------------------------------------------*/ .dt-sc-sociables.filled li a, .dt-sc-sociables.hexagon-with-border li a, .dt-sc-sociables.hexagon-border li a{color:#ffffff;} .dt-sc-sociables.diamond-square-border li a{color:rgba(0, 0, 0, 0.2);} .dt-sc-dark-bg .dt-sc-sociables.diamond-square-border li a{color:rgba(255, 255, 255, 0.2);} .dt-sc-sociables.hexagon-with-border li:hover, .dt-sc-sociables.hexagon-border li:hover{background:#ffffff;} .dt-sc-sociables.diamond-square-border li, .dt-sc-sociables.rounded-border li a, .dt-sc-sociables.square-border li a, .dt-sc-sociables.rounded-border-dashed li a{border-color:rgba(0, 0, 0, 0.2);} .dt-sc-dark-bg .dt-sc-sociables.diamond-square-border li, .dt-sc-dark-bg .dt-sc-sociables.rounded-border li a, .dt-sc-dark-bg .dt-sc-sociables.square-border li a{border-color:rgba(255, 255, 255, 0.2);} /* Table of Content ================================================== 1.0 - Transition 1.1 - Tabs 1.2 - Default Colors 1.3 - Responsive 1.4 - Skin Colors*/ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .dt-sc-tabs-horizontal-frame-container.type6 ul.dt-sc-tabs-horizontal-frame > li > a:before, .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a:after, .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li.current:after, .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li.current:before, .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li > a > span{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} /*-------------------------------------------------------------- 1.1 - Tabs --------------------------------------------------------------*/ .dt-sc-tabs-horizontal-container{float:left;width:100%;margin:0px 0px 20px;padding:0px;clear:both;} ul.dt-sc-tabs-horizontal-frame{float:left;margin:0px;padding:0px;width:100%;border-bottom:1px solid;} ul.dt-sc-tabs-horizontal-frame > li{float:left;display:inline;margin:0px -1px 0px 0px;padding:0px;} ul.dt-sc-tabs-horizontal-frame > li > a{border:1px solid transparent;float:left;margin:0px -1px -1px 0px;padding:10px 20px;font-size:18px;text-align:center;font-weight:600;border-radius:3px 3px 0px 0px;} ul.dt-sc-tabs-horizontal-frame > li > a.current{position:relative;z-index:1;} ul.dt-sc-tabs-horizontal-frame > li > a > span{float:left;line-height:inherit;margin:0 10px 0 0;position:relative;} .dt-sc-tabs-horizontal-frame-content{float:left;clear:both;width:100%;margin:0px;padding:30px 0px 0px;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame{border-bottom:0px;border-top:2px solid rgba(0, 0, 0, 0.1);} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li{margin:0px;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:20px;font-weight:normal;padding:10px 23px;border:2px solid transparent;margin:-2px -2px 0 -2px;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a.current{border-bottom-color:rgba(0, 0, 0, 0.1);border-left-color:rgba(0, 0, 0, 0.1);border-right-color:rgba(0, 0, 0, 0.1);border-top-color:#ffffff;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li:first-child > a.current{border-left-color:transparent;} .dt-sc-tabs-horizontal-frame-container.type2.alter ul.dt-sc-tabs-horizontal-frame{border-bottom:2px solid rgba(0, 0, 0, 0.1);border-top:0px;} .dt-sc-tabs-horizontal-frame-container.type2.alter ul.dt-sc-tabs-horizontal-frame > li > a{margin-bottom:-2px;} .dt-sc-tabs-horizontal-frame-container.type2.alter ul.dt-sc-tabs-horizontal-frame > li > a.current{border-top-color:rgba(0, 0, 0, 0.1);border-bottom-color:#ffffff;border-right-color:rgba(0, 0, 0, 0.1);border-left-color:rgba(0, 0, 0, 0.1);} .dt-sc-tabs-horizontal-frame-container.type2.alter .dt-sc-tabs-horizontal-frame-content{padding-top:50px;} .dt-sc-tabs-horizontal-frame-container.dt-sc-tabs-aligncenter ul.dt-sc-tabs-horizontal-frame{text-align:center;} .dt-sc-tabs-horizontal-frame-container.dt-sc-tabs-aligncenter ul.dt-sc-tabs-horizontal-frame > li, .dt-sc-tabs-horizontal-frame-container.dt-sc-tabs-aligncenter ul.dt-sc-tabs-horizontal-frame > li > a{float:none;display:inline-block;} .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame{text-align:center;border:none;} .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li{display:inline-block;text-align:center;margin:0px 0px 0px 0px;float:none;} .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:16px;font-weight:600;text-transform:uppercase;padding:14px 30px 12px;border:1px solid rgba(0, 0, 0, 0.1);border-bottom-width:2px;border-right-width:0;margin:0px;color:#000000;border-radius:0px;display:inline-block;} .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li:last-child > a{border-right:1px solid rgba(0, 0, 0, 0.1);} .dt-sc-tabs-horizontal-frame-container.type3 .dt-sc-tabs-horizontal-frame-content{padding-top:50px;} .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame{text-align:center;border-bottom:1px solid rgba(0, 0, 0, 0.1);margin-top:15px;} .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame > li{display:inline-block;text-align:center;margin:0px 0px 0px 0px;float:none;position:relative;} .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:16px;font-weight:600;text-transform:uppercase;padding:120px 30px 25px;border:0px;border-bottom:2px solid transparent;margin:0px 0px -8px;color:rgba(0, 0, 0, 0.4);border-radius:0px;display:inline-block;/*Remove*/ min-width:229px;} .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame > li > a > span{font-size:36px;color:rgba(0, 0, 0, 0.4);width:100%;top:0px;line-height:80px;position:absolute;left:0px;right:0px;margin:auto;} .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame > li > a > span:after{content:"";position:absolute;width:80px;height:80px;left:0px;top:0px;right:0px;margin:auto;background:rgba(0, 0, 0, 0.05);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:-1;border-radius:10px;} .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame > li > a.current > span{color:#ffffff;} .dt-sc-tabs-horizontal-frame-container.type4 .dt-sc-tabs-horizontal-frame-content{padding-top:50px;} .dt-sc-tabs-horizontal-frame-container.type5 ul.dt-sc-tabs-horizontal-frame{border:none;} .dt-sc-tabs-horizontal-frame-container.type5 ul.dt-sc-tabs-horizontal-frame > li{margin:0px 3px 0px 0px;} .dt-sc-tabs-horizontal-frame-container.type5 ul.dt-sc-tabs-horizontal-frame > li > a{border:none;background:rgba(0, 0, 0, 0.05);border-radius:0px;font-size:18px;font-weight:600;color:#000000;padding:14px 20px 13px;} .dt-sc-tabs-horizontal-frame-container.type5 ul.dt-sc-tabs-horizontal-frame > li > a.current{color:#ffffff;} .dt-sc-tabs-horizontal-frame-container.type5 .dt-sc-tabs-horizontal-frame-content{border:1px solid rgba(0, 0, 0, 0.05);padding:30px;margin:1px 0px 0px;box-sizing:border-box;} .dt-sc-tabs-horizontal-frame-container.type5.alter ul.dt-sc-tabs-horizontal-frame{background:#f3f3f3;text-align:center;} .dt-sc-tabs-horizontal-frame-container.type5.alter ul.dt-sc-tabs-horizontal-frame > li{text-transform:uppercase;} .dt-sc-tabs-horizontal-frame-container.type5.alter ul.dt-sc-tabs-horizontal-frame > li, .dt-sc-tabs-horizontal-frame-container.type5.alter ul.dt-sc-tabs-horizontal-frame > li > a{float:none;display:inline-block;margin:0;} .dt-sc-tabs-horizontal-frame-container.type5.alter ul.dt-sc-tabs-horizontal-frame > li > a{background:transparent;padding:20px 25px;font-size:16px;font-weight:normal;} .dt-sc-tabs-horizontal-frame-container.type5.alter .dt-sc-tabs-horizontal-frame-content{border:0;padding-left:0;padding-right:0;border-bottom:1px solid rgba(0,0,0,0.05);padding-bottom:10px;} .dt-sc-tabs-horizontal-frame-container.type6 ul.dt-sc-tabs-horizontal-frame{width:100%;float:left;padding:0px;margin:0px;display:table;table-layout:fixed;border:0px;} .dt-sc-tabs-horizontal-frame-container.type6 ul.dt-sc-tabs-horizontal-frame > li{display:table-cell;width:auto;padding:0px;text-align:center;position:relative;float:none;margin:0px 1px 0px 0px;} .dt-sc-tabs-horizontal-frame-container.type6 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:16px;font-weight:bold;text-transform:uppercase;padding:18px 20px;margin:0px 1px 0px 0px;color:#ffffff;border:0px;border-radius:0px;display:block;float:none;position:relative;} .dt-sc-tabs-horizontal-frame-container.type6 ul.dt-sc-tabs-horizontal-frame > li > a.current{background:rgba(0, 0, 0, 0.03);color:#000000;} .dt-sc-tabs-horizontal-frame-container.type6 ul.dt-sc-tabs-horizontal-frame > li > a:before{content:"";position:absolute;left:0px;right:0px;top:0px;width:0px;margin:auto;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff;opacity:0;} .dt-sc-tabs-horizontal-frame-container.type6 ul.dt-sc-tabs-horizontal-frame > li > a.current:before{opacity:1;} .dt-sc-tabs-horizontal-frame-container.type6 .dt-sc-tabs-horizontal-frame-content{padding:0px;background:rgba(0, 0, 0, 0.03);} .skin-highlight .dt-sc-tabs-horizontal-frame-container.type6 ul.dt-sc-tabs-horizontal-frame > li > a{background:rgba(0, 0, 0, 0.1);color:#ffffff;} .skin-highlight .dt-sc-tabs-horizontal-frame-container.type6 ul.dt-sc-tabs-horizontal-frame > li > a.current{background:#ffffff;color:#000000;} .skin-highlight .dt-sc-tabs-horizontal-frame-container.type6 .dt-sc-tabs-horizontal-frame-content{background:#ffffff;color:#000000;} .skin-highlight .dt-sc-tabs-horizontal-frame-container.type6 .dt-sc-tabs-horizontal-frame-content h3, .skin-highlight .dt-sc-tabs-horizontal-frame-container.type6 .dt-sc-tabs-horizontal-frame-content h4{color:#000000;} .dt-sc-faq .dt-sc-tabs-horizontal-frame-content .column, .dt-sc-faq .dt-sc-tabs-horizontal-frame-content .wpb_column{padding-left:75px;position:relative;} .dt-sc-faq .dt-sc-tabs-horizontal-frame-content .column:before, .dt-sc-faq .dt-sc-tabs-horizontal-frame-content .wpb_column:before{content:"\e6b2";position:absolute;left:15px;top:-5px;font-size:30px;font-family:'Stroke-Gap-Icons';} ul.dt-sc-tabs-horizontal{float:left;margin:0px;padding:0px;width:100%;border-bottom:1px solid rgba(0, 0, 0, 0.1);} ul.dt-sc-tabs-horizontal > li{float:left;display:inline;margin:0px;padding:0px;} ul.dt-sc-tabs-horizontal > li > a{border-bottom:1px solid transparent;float:left;margin:0px 0px -1px;padding:10px 20px 15px 20px;font-size:14px;text-align:center;font-weight:bold;text-transform:uppercase;border-radius:3px 3px 0px 0px;color:rgba(0, 0, 0, 0.4);} ul.dt-sc-tabs-horizontal > li > a.current{position:relative;z-index:1;} ul.dt-sc-tabs-horizontal > li > a > span{float:left;margin:0px 10px 0px 0px;position:relative;top:5px;} .dt-sc-tabs-horizontal-content{float:left;clear:both;width:100%;margin:0px;padding:20px 0px;} /*----*****---- << Vertical Tabs >> ----*****----*/ .dt-sc-tabs-vertical-frame-container{float:left;width:100%;margin:0px 0px 20px;padding:0px;clear:both;overflow:hidden;border-bottom:1px solid rgba(0, 0, 0, 0.1);border-left:1px solid rgba(0, 0, 0, 0.1);} ul.dt-sc-tabs-vertical-frame{float:left;width:35%;margin:0px -1px 1px 0px;padding:0px;} ul.dt-sc-tabs-vertical-frame > li{float:left;display:block;padding:0px;width:100%;position:relative;} ul.dt-sc-tabs-vertical-frame > li > a{border:1px solid;border-right:1px solid transparent;border-left-width:0;border-top-width:0;display:block;margin:0px 0px -1px 0px;padding:30px 14px 28px;font-weight:bold;font-size:14px;line-height:normal;text-transform:uppercase;} .dt-sc-one-half ul.dt-sc-tabs-vertical-frame > li > a, .vc_col-sm-6 ul.dt-sc-tabs-vertical-frame > li > a{padding:18px 14px;} ul.dt-sc-tabs-vertical-frame > li > a > span{float:left;margin:0 10px 0 0;position:relative;top:2px;} ul.dt-sc-tabs-vertical-frame > li > a > span.pe-icon{font-weight:bold;font-size:19px;top:1px;} ul.dt-sc-tabs-vertical-frame > li:first-child > a{border-top:1px solid rgba(0, 0, 0, 0.1);} ul.dt-sc-tabs-vertical-frame > li:last-child > a{border-bottom-width:0;} ul.dt-sc-tabs-vertical-frame > li > a.current{position:relative;z-index:1;} .dt-sc-tabs-vertical-frame-content{float:left;width:65%;width:-webkit-calc(65% + 1px);width:-moz-calc(65% + 1px);width:calc(65% + 1px);margin:0px;padding:20px 30px 20px;border:1px solid rgba(0, 0, 0, 0.1);border-bottom:0px;position:relative;} .dt-sc-tabs-vertical-frame-content h4{text-transform:none;} .dt-sc-tabs-vertical-container{float:left;width:100%;margin:0px 0px 20px;padding:0px;clear:both;overflow:hidden;} ul.dt-sc-tabs-vertical{width:32%;margin:0px -1px 1px 0px;padding:0px;float:left;padding:0px;} ul.dt-sc-tabs-vertical > li{float:left;display:block;margin:0px;padding:0px;width:100%;} ul.dt-sc-tabs-vertical > li > a{border-right:1px solid transparent;float:left;margin:0px;padding:10px 20px 15px 0px;font-size:14px;font-weight:bold;text-transform:uppercase;color:rgba(0, 0, 0, 0.4);width:100%;} ul.dt-sc-tabs-vertical > li > a.current{position:relative;z-index:1;} ul.dt-sc-tabs-vertical > li > a > span{float:left;margin:0px 10px 0px 0px;position:relative;top:4px;} .dt-sc-tabs-vertical-content{float:left;width:68%;margin:0px;padding:20px 30px 20px;position:relative;border-left:1px solid rgba(0, 0, 0, 0.1);} /* Type2 */ .dt-sc-tabs-vertical-frame-container.type2{border:0px;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame{background:rgba(0, 0, 0, 0.05);} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li > a{border:0px;font-size:16px;font-weight:600;text-transform:none;padding:15px 30px;position:relative;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li:first-child > a{padding-top:30px;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li:last-child > a{padding-bottom:30px;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li > a.current:before{content:"\f105";position:absolute;right:30px;top:14px;font-size:20px;font-family:FontAwesome;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li:first-child > a.current:before{top:29px;} .dt-sc-tabs-vertical-frame-container.type2 .dt-sc-tabs-vertical-frame-content{border:0px;padding:0px 0px 0px 30px;} /* Type3 */ .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame{width:25%;} .dt-sc-tabs-vertical-frame-container.type3 .dt-sc-tabs-vertical-frame-content{border:0px;padding:0px 0px 0px 40px;width:-webkit-calc(75% + 1px);width:-moz-calc(75% + 1px);width:calc(75% + 1px);} .dt-sc-tabs-vertical-frame-container.type3{border:0px;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li{border-bottom:1px solid rgba(0, 0, 0, 0.12);cursor:pointer;font-weight:600;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li.first{border-top:1px solid rgba(0, 0, 0, 0.12);} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li > a{border-width:0;float:left;width:100%;padding:14px 10px 14px 0;font-size:20px;margin:3px 0px 10px;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li:hover, .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li.current{color:#323931;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li:before{content:"";position:absolute;right:-6px;top:0px;bottom:0px;height:0px;margin:auto;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:0 solid;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li.current:before{border-left-width:6px;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li:after{content:"";width:0;height:100%;background-color:#000;position:absolute;right:0;top:0;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li.current:after{width:4px;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li > a > span{float:none;font-size:16px;font-weight:500;text-transform:capitalize;color:#949494;margin:0;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li > a > .dt-sc-tabs-vertical-frame-title{margin:2px 15px 20px 0;display:inline-block;float:left;font-size:20px;font-weight:bold;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li.current > a > span, .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li:hover > a > span, .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li > a > .dt-sc-tabs-vertical-frame-title{color:#323931;} /* Type4 */ .dt-sc-tabs-vertical-frame-container.type4{border:0px;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a{border-bottom:1px solid rgba(0, 0, 0, 0.1);padding:12px 30px 12px 0px;font-size:18px;font-weight:600;color:rgba(0, 0, 0, 0.4);margin:0px;text-transform:none;letter-spacing:0.5px;position:relative;overflow:hidden;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li:first-child > a{border-top:0px;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a.current{color:#000000;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a:before{content:"\f054";position:absolute;right:-50px;top:0px;width:40px;height:100%;font-size:18px;color:#ffffff;font-family:FontAwesome;line-height:54px;text-align:center;padding-right:7px;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a:after{content:"";position:absolute;right:-50px;top:0px;width:35px;height:100%;-webkit-transform:skewX(-30deg);transform:skewX(-30deg);-ms-transform:skewX(-30deg);z-index:-1;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a:before{-webkit-transition:all 0.37s linear;-moz-transition:all 0.37s linear;-o-transition:all 0.37s linear;-ms-transition:all 0.37s linear;transition:all 0.37s linear;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a.current:before{right:0px;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a.current:after{right:25px;} .dt-sc-tabs-vertical-frame-container.type4 .dt-sc-tabs-vertical-frame-content{border:0px;padding:0px 0px 0px 70px;} /* Framed Vertical Tabs (Default Type) yet Middle aligned */ .dt-sc-tabs-vertical-frame-container.rs_align_middle, .dt-sc-tabs-vertical-frame-container.rs_align_middle ul.dt-sc-tabs-vertical-frame{float:none;} .dt-sc-tabs-vertical-frame-container.rs_align_middle{display:table;border:none;} .dt-sc-tabs-vertical-frame-container.rs_align_middle ul.dt-sc-tabs-vertical-frame{display:table-cell;vertical-align:middle;} .dt-sc-tabs-vertical-frame-container.rs_align_middle ul.dt-sc-tabs-vertical-frame li > a{border-left:1px solid rgba(0, 0, 0, 0.1);margin:0 -1px 0 0;} .dt-sc-tabs-vertical-frame-container.rs_align_middle ul.dt-sc-tabs-vertical-frame li.last > a{border-bottom-width:1px;border-right:1px solid rgba(0, 0, 0, 0.1);} .dt-sc-tabs-vertical-frame-container.rs_align_middle .dt-sc-tabs-vertical-frame-content{border:1px solid rgba(0, 0, 0, 0.1);width:100%;} .dt-sc-tabs-vertical-frame-container.rs_align_middle ul.dt-sc-tabs-vertical-frame li.current.last > a{border-right-color:#fff;} .type7 ul.dt-sc-tabs-horizontal-frame{background:rgba(0, 0, 0, 0.05);border-bottom:0;padding:0 20px 0 150px;margin-bottom:30px;position:relative;} .type7 .dt-sc-tabs-horizontal-frame:before{color:#878c90;content:"Jump to:";font-size:28px;font-weight:400;left:40px;position:absolute;top:25px;} .type7 ul.dt-sc-tabs-horizontal-frame > li{padding:20px 0;position:relative;margin:0px 10px;} .type7 .dt-sc-tabs-horizontal-frame > li:after{border-right:1px solid #dcdad4;bottom:0;content:"";height:40px;margin:auto;position:absolute;right:-10px;top:0;} .type7 .dt-sc-tabs-horizontal-frame > li:last-child:after{content:none;} .type7 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:28px;border:0;padding-top:8px;padding-bottom:8px;} .type7 ul.dt-sc-tabs-horizontal-frame > li > a.current:before{border-top:5px solid;content:"";display:block;left:0;position:absolute;top:0;width:100%;} .type7 ul.dt-sc-tabs-horizontal-frame > li > a.current:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;content:"";left:0;margin:auto;position:absolute;right:0;top:5px;width:0;} .type7 ul.dt-sc-tabs-horizontal-frame > li > a.current{position:static;} .type8 ul.dt-sc-tabs-horizontal-frame{border-bottom:0;} .type8 ul.dt-sc-tabs-horizontal-frame > li{margin-right:1px;} .type8 ul.dt-sc-tabs-horizontal-frame > li > a{background:#fafafa;border:0;border-radius:0;color:#222222;font-size:16px;text-transform:capitalize;padding:11px 25px 13px;margin:0 0px 0 0;font-weight:normal;position:relative;} .type8 ul.dt-sc-tabs-horizontal-frame > li > a:before{border-top:2px solid #f2f2f2;content:"";left:0;position:absolute;top:-3px;width:100%;} .type8 ul.dt-sc-tabs-horizontal-frame > li > a.current:before, .type8 ul.dt-sc-tabs-horizontal-frame > li > a:hover:before{border-color:#000;} .type8 ul.dt-sc-tabs-horizontal-frame > li > a.current, .type8 ul.dt-sc-tabs-horizontal-frame > li > a:hover{color:#fff;} .type9 ul.dt-sc-tabs-horizontal-frame{text-align:center;border-bottom:0;} .type9 ul.dt-sc-tabs-horizontal-frame > li{display:inline-block;float:none;margin:0;} .type9 ul.dt-sc-tabs-horizontal-frame > li > a{border-radius:0;border:0;background:#eeefed;float:none;display:inline-block;text-transform:uppercase;padding:15px 20px;min-width:100px;margin:0;} .type9 ul.dt-sc-tabs-horizontal-frame > li > a > span{width:100%;margin-bottom:12px;margin-right:0;font-size:25px;} .type9 ul.dt-sc-tabs-horizontal-frame > li > a.current{background:#fff;} .type9 .dt-sc-tabs-horizontal-frame-content{background:#fff;padding:45px;} /*-------------------------------------------------------------- 1.2 - Default Colors --------------------------------------------------------------*/ ul.dt-sc-tabs-horizontal-frame > li > a{color:rgba(0, 0, 0, 0.4);} ul.dt-sc-tabs-vertical-frame > li > a{color:#191919;} ul.dt-sc-tabs-horizontal-frame > li > a.current{border-color:rgba(0, 0, 0, 0.1);} ul.dt-sc-tabs-vertical-frame > li > a{border-top-color:rgba(0, 0, 0, 0.1);} ul.dt-sc-tabs-horizontal-frame, ul.dt-sc-tabs-vertical-frame > li > a{border-bottom-color:rgba(0, 0, 0, 0.1);} ul.dt-sc-tabs-horizontal-frame > li > a.current{border-bottom-color:#ffffff;} ul.dt-sc-tabs-vertical-frame > li > a.current{border-right-color:#ffffff;} /*-------------------------------------------------------------- 1.3 - Responsive --------------------------------------------------------------*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { /** Shortcodes **/ .dt-sc-tabs-vertical-frame-content img{position:inherit !important;} /** Horizontal Tabs **/ ul.dt-sc-tabs-horizontal > li > a, ul.dt-sc-tabs-horizontal-frame > li > a{font-size:13px;} ul.dt-sc-tabs-horizontal > li > a{padding:10px 15px 15px;} ul.dt-sc-tabs-horizontal-frame > li > a{padding:10px 15px;} ul.dt-sc-tabs-horizontal > li > a > span{top:7px;} ul.dt-sc-tabs-vertical-frame > li > a{font-size:13px;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:15px;} .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:13px;} .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:14px;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a{padding:10px 18px;} .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li > a{padding:11px 20px;} .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame > li > a{min-width:25%;} .dt-sc-tabs-horizontal-frame-container.type6 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:14px;padding:18px 10px;} /** Vertical Tabs **/ .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li > a{padding:15px;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a{font-size:15px;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a:before{line-height:46px;padding-right:0;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a.current:after{right:27px;} .dt-sc-tabs-vertical-frame-container.type3 .dt-sc-tabs-vertical-frame-content, .dt-sc-tabs-vertical-frame-container.type4 .dt-sc-tabs-vertical-frame-content{padding-left:50px;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li > a.current:before{border-bottom-width:24px;border-top-width:24px;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li > a > span{font-size:14px;} } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { /** Horizontal Tabs **/ ul.dt-sc-tabs-horizontal > li > a, ul.dt-sc-tabs-horizontal-frame > li > a{font-size:12px;} ul.dt-sc-tabs-horizontal > li > a{padding:10px 15px 15px;} ul.dt-sc-tabs-horizontal-frame > li > a{padding:10px 15px;} ul.dt-sc-tabs-horizontal > li > a > span{top:7px;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:12px;padding:8px 10px;} .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:11px;padding:10px 20px;} .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:13px;min-width:25%;} .dt-sc-tabs-horizontal-frame-container.type6 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:11px;padding:18px 10px;} .dt-sc-tabs-vertical-frame-content img{position:inherit !important;} /** Vertical Tabs **/ ul.dt-sc-tabs-vertical > li > a{font-size:11px;padding:10px 10px 15px 0;} ul.dt-sc-tabs-vertical > li > a > span{margin:0 5px 0 0;top:7px;} ul.dt-sc-tabs-vertical-frame > li > a{font-size:10px;} .dt-sc-one-half ul.dt-sc-tabs-vertical-frame > li > a, .vc_col-sm-6 ul.dt-sc-tabs-vertical-frame > li > a{padding:14px 8px;} ul.dt-sc-tabs-vertical-frame > li > a > span{margin:0 5px 0 0;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li > a{font-size:12px;padding-left:20px;padding-right:20px;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li > a.current::before{right:20px;top:12px;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li:first-child > a.current::before{top:28px;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li > a > span{font-size:14px;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li > a.current:before{border-bottom-width:23px;border-top-width:23px;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame{width:36%;} .dt-sc-tabs-vertical-frame-container.type3 .dt-sc-tabs-vertical-frame-content{width:-webkit-calc(64% + 1px);width:-moz-calc(64% + 1px);width:calc(64% + 1px);} .dt-sc-tabs-vertical-frame-container.type3 .dt-sc-tabs-vertical-frame-content, .dt-sc-tabs-vertical-frame-container.type4 .dt-sc-tabs-vertical-frame-content{padding-left:40px;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a{font-size:12px;padding:12px 15px 12px 0;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a:before{font-size:14px;line-height:46px;padding-right:3px;right:-30px;width:30px;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a.current:after{right:6px;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .dt-sc-tabs-vertical-frame-content img{position:inherit !important;} .type7 ul.dt-sc-tabs-horizontal{padding-left:20px;} .type7 .dt-sc-tabs-horizontal:before{content:none;} .type7 ul.dt-sc-tabs-horizontal-frame{padding-left:0px;} .type7 ul.dt-sc-tabs-horizontal-frame:before, .type7 .dt-sc-tabs-horizontal-frame > li:after{display:none;} .type7 ul.dt-sc-tabs-horizontal-frame > li, .type7 ul.dt-sc-tabs-horizontal-frame > li > a{width:100%;} ul.dt-sc-tabs-horizontal li, ul.dt-sc-tabs-vertical li{position:relative;z-index:1;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame li, .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame li, .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame > li{text-align:center;width:100%;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a, .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li > a, .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame > li > a{display:inline-block;float:none;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame{border-top:none;padding:0 0 35px;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame li, .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li{border:none;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame li{overflow:hidden;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:14px;} .dt-sc-tabs-horizontal-frame-container.type2.alter ul.dt-sc-tabs-horizontal-frame > li > a{margin-top:0;margin-bottom:2px;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a.current:before, .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a.current:after{content:"";height:2px;position:absolute;top:0;width:100%;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;} .dt-sc-tabs-horizontal-frame-container.type2.alter ul.dt-sc-tabs-horizontal-frame > li > a.current::before, .dt-sc-tabs-horizontal-frame-container.type2.alter ul.dt-sc-tabs-horizontal-frame > li > a.current::after{bottom:-2px;top:auto;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a.current:before{left:-100%;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a.current:after{right:-100%;} .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li > a{border-right-width:1px;margin:0 0 -2px;width:80%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li > a > span{float:none;top:auto;} .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame{border:none;} .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame > li{margin:0 0 35px;} .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame > li > a{margin:0 0 -1px;min-width:60%;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame, .dt-sc-tabs-horizontal-frame-container.type2.alter ul.dt-sc-tabs-horizontal-frame, .dt-sc-tabs-horizontal-frame-container.type4 ul.dt-sc-tabs-horizontal-frame > li{border-bottom:1px solid rgba(0,0,0,0.08);} .dt-sc-tabs-horizontal-frame-container.type5 ul.dt-sc-tabs-horizontal-frame > li, .dt-sc-tabs-horizontal-frame-container.type5 ul.dt-sc-tabs-horizontal-frame > li > a{display:block;float:none;} .dt-sc-tabs-horizontal-frame-container.type6 ul.dt-sc-tabs-horizontal-frame{table-layout:inherit;} .dt-sc-tabs-horizontal-frame-container.type6 ul.dt-sc-tabs-horizontal-frame > li{display:block;} .dt-sc-tabs-vertical-frame-container.rs_align_middle .dt-sc-tabs-vertical-frame-content, .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame{min-height:auto !important;} .type9 ul.dt-sc-tabs-horizontal-frame > li, .type9 ul.dt-sc-tabs-horizontal-frame > li > a{box-sizing:border-box;width:100%;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li:first-child > a.current{border-left-color:rgba(0, 0, 0, 0.1);} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a.current:before, .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a.current:after{background-color:rgba(0, 0, 0, 0.1);} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li > a > span{font-size:14px;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /** Tabs **/ ul.dt-sc-tabs-horizontal > li > a, ul.dt-sc-tabs-horizontal-frame > li > a{font-size:11px;padding:10px 15px 15px;} ul.dt-sc-tabs-horizontal-frame > li > a{padding:10px 15px;} ul.dt-sc-tabs-horizontal > li > a > span{top:7px;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame, .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame, .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame{width:46%;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li > a{padding:15px;} .dt-sc-tabs-vertical-frame-container.type2 .dt-sc-tabs-vertical-frame-content, .dt-sc-tabs-vertical-frame-container.type3 .dt-sc-tabs-vertical-frame-content, .dt-sc-tabs-vertical-frame-container.type4 .dt-sc-tabs-vertical-frame-content{padding:0 0 0 20px;width:calc(54% + 1px);} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li > a, .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li > a, .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a{font-size:12px;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li > a.current:before{font-size:18px;right:15px;top:15px;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li:first-child > a.current:before{top:31px;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li > a.current:before{border-width:24px 0 24px 15px;} .dt-sc-tabs-vertical-frame-container.type3 .dt-sc-tabs-vertical-frame-content{padding:0 0 0 35px;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a{padding:12px 15px 12px 0;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a:before{line-height:46px;padding-right:3px;right:-30px;width:30px;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a.current:after{right:6px;} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { /** Tabs **/ ul.dt-sc-tabs-horizontal, ul.dt-sc-tabs-horizontal-frame{border:none;} ul.dt-sc-tabs-horizontal li, ul.dt-sc-tabs-horizontal-frame li{border-bottom:1px solid rgba(0,0,0,0.1);text-align:center;width:100%;} ul.dt-sc-tabs-horizontal > li > a, ul.dt-sc-tabs-horizontal-frame > li > a{display:inline-block;float:none;} ul.dt-sc-tabs-horizontal-frame li{margin-bottom:10px;} ul.dt-sc-tabs-horizontal-frame li:last-child{margin-bottom:0;} .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li{margin:0;} .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li > a{width:98%;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li{width:95%;} .dt-sc-tabs-horizontal-frame-container.type5 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:16px;} .dt-sc-tabs-horizontal-frame-container.type5 .dt-sc-tabs-horizontal-frame-content{padding:30px 30px 0;} .type7 ul.dt-sc-tabs-horizontal{padding-left:0px;} .type7 ul.dt-sc-tabs-horizontal > li{float:left;width:100%;} .type7 .dt-sc-tabs-horizontal:before, .type7 .dt-sc-tabs-horizontal > li:after{content:none;} ul.dt-sc-tabs-vertical-frame > li > a{font-size:13px;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame, .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame, .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame, .dt-sc-tabs-vertical-frame-container.type2 .dt-sc-tabs-vertical-frame-content, .dt-sc-tabs-vertical-frame-container.type3 .dt-sc-tabs-vertical-frame-content, .dt-sc-tabs-vertical-frame-container.type4 .dt-sc-tabs-vertical-frame-content{width:100%;} .dt-sc-tabs-vertical-frame-container.type2 .dt-sc-tabs-vertical-frame-content{padding:30px 0 0 0;} .dt-sc-tabs-vertical-frame-container.type3 .dt-sc-tabs-vertical-frame-content, .dt-sc-tabs-vertical-frame-container.type4 .dt-sc-tabs-vertical-frame-content{padding:50px 0 0 0;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { /** Tabs **/ ul.dt-sc-tabs-horizontal > li > a, ul.dt-sc-tabs-horizontal-frame > li > a{font-size:12px;} ul.dt-sc-tabs-horizontal > li > a{padding:10px 15px 15px;} ul.dt-sc-tabs-horizontal-frame > li > a{padding:10px 15px;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a, .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li > a{font-size:11px;} .dt-sc-tabs-horizontal-frame-container.type2 ul.dt-sc-tabs-horizontal-frame > li > a{padding:8px 10px;} .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li > a{padding:10px 20px;} .dt-sc-tabs-horizontal-frame-container.type3 ul.dt-sc-tabs-horizontal-frame > li > a > span{top:-1px;} .dt-sc-tabs-horizontal-frame-container.type6 .dt-sc-tabs-horizontal-frame-content .dt-sc-icon-box.type5.rounded-skin{padding-left:0;} .dt-sc-tabs-horizontal-frame-container.type6 .dt-sc-tabs-horizontal-frame-content .dt-sc-icon-box.type5.rounded-skin .icon-wrapper{margin:0 auto 20px;position:inherit;} ul.dt-sc-tabs-vertical > li > a{font-size:11px;padding:10px 10px 15px 0;} ul.dt-sc-tabs-vertical > li > a > span{margin:0 5px 0 0;top:5px;} ul.dt-sc-tabs-vertical-frame > li > a{font-size:10px;} .dt-sc-one-half ul.dt-sc-tabs-vertical-frame > li > a, .vc_col-sm-6 ul.dt-sc-tabs-vertical-frame > li > a{padding:14px 8px;} ul.dt-sc-tabs-vertical-frame > li > a > span{margin:0 5px 0 0;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li > a{font-size:12px;padding-left:20px;padding-right:20px;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li > a.current::before{right:20px;top:12px;} .dt-sc-tabs-vertical-frame-container.type2 ul.dt-sc-tabs-vertical-frame > li:first-child > a.current::before{top:28px;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame{width:97%;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li > a{font-size:11px;padding:15px 12px 14px;} .dt-sc-tabs-vertical-frame-container.type3 ul.dt-sc-tabs-vertical-frame > li > a.current::before{border-bottom-width:23px;border-top-width:23px;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a{font-size:12px;padding:12px 15px 12px 0;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a:before{font-size:14px;line-height:46px;padding-right:3px;right:-30px;width:30px;} .dt-sc-tabs-vertical-frame-container.type4 ul.dt-sc-tabs-vertical-frame > li > a.current:after{right:6px;} } /* Table of Content ================================================== 1.0 - Transition 1.1 - Team 1.2 - Default Color 1.3 - Responsive 1.4 - Skin Color*/ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .dt-sc-team.team_rounded_border.rounded:hover .dt-sc-team-thumb:before, .dt-sc-team.rounded.zoom-in-hover .dt-sc-team-thumb, .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social, .dt-sc-team .dt-sc-team-details, .dt-sc-team .dt-sc-team-details, .dt-sc-team, .dt-sc-team h4, .dt-sc-team .dt-sc-team-details h5, .dt-sc-team.rounded .dt-sc-team-thumb:after, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social li, .dt-sc-team.type2 .dt-sc-team-thumb .dt-sc-team-thumb-overlay{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} /*-------------------------------------------------------------- 1.1 - Team --------------------------------------------------------------*/ .dt-sc-team{float:left;clear:both;width:100%;margin:0px;padding:0px;position:relative;overflow:hidden;} .dt-sc-team .dt-sc-team-details{float:left;width:100%;padding:20px 10px;text-align:center;position:relative;} .dt-sc-team .dt-sc-team-details h4{margin-bottom:5px;} .dt-sc-team.hide-details-show-on-hover .dt-sc-team-details{position:absolute;left:0px;bottom:0px;width:100%;padding:30px 10px;text-align:center;} .dt-sc-team.hide-details-show-on-hover .dt-sc-team-details h4{font-weight:600;text-transform:uppercase;margin-bottom:10px;} .dt-sc-team.hide-details-show-on-hover .dt-sc-team-details{top:auto;height:auto;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;} .dt-sc-team.hide-details-show-on-hover:hover .dt-sc-team-details{-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .ie9 .dt-sc-team.hide-details-show-on-hover .dt-sc-team-details{opacity:0;} .ie9 .dt-sc-team.hide-details-show-on-hover:hover .dt-sc-team-details{opacity:1;} .dt-sc-team.hide-social-show-on-hover .dt-sc-team-details h5{margin-bottom:0px;} .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social{padding:20px;width:100%;position:absolute;opacity:0;top:-74px;left:0px;} .dt-sc-team.hide-social-show-on-hover:hover .dt-sc-team-social{opacity:1;} .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social.diamond-square-border{top:-70px;} .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social.rounded-border, .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social.square-border{top:-74px;} .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social.hexagon-border{top:-68px;padding-bottom:8px;padding-top:14px;} .dt-sc-team.hide-social-show-on-hover .dt-sc-team-details h4{color:#fff;} .dt-sc-team.hide-social-show-on-hover:hover .dt-sc-team-details h4, .dt-sc-team.hide-social-show-on-hover:hover .dt-sc-team-details h5{color:#000;} .dt-sc-team-social{float:left;clear:both;width:100%;margin:0px;padding:0px;text-align:center;} .dt-sc-team-social li{display:inline-block;margin:0px 5px;padding:0px;} .dt-sc-team-social li a{width:34px;height:34px;text-align:center;font-size:16px;line-height:34px;} .dt-sc-team-social.rounded-border li a{border:1px solid;border-radius:50%;} .dt-sc-team-social.square-border li a{border:1px solid;} .dt-sc-team-social.rounded-square li a{border-radius:5px;} .dt-sc-team-social.diamond-square-border li{text-align:center;width:30px;height:30px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:5px;margin:0px 10px;} .dt-sc-team-social.diamond-square-border li a{margin:-5px 0px 0px -5px;width:40px;height:40px;line-height:40px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} .dt-sc-team-social.hexagon-border{margin-bottom:-13px;} .dt-sc-team-social.hexagon-border li{margin:8px 5px;background:none;border:1px solid;border-top:none;border-bottom:none;width:42px;} .dt-sc-team-social.hexagon-border li:before, .dt-sc-team-social.hexagon-border li:after{border-color:#000;} .dt-sc-team.details-on-image .dt-sc-team-thumb > img{position:relative;} .dt-sc-team.details-on-image .dt-sc-team-details{position:absolute;bottom:0px;left:0px;} .dt-sc-team.details-on-image .dt-sc-team-details h4{text-transform:uppercase;} .dt-sc-team.rounded .dt-sc-team-thumb{position:relative;} .dt-sc-team.rounded .dt-sc-team-thumb:before{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;border:20px solid;border-radius:50%;} .dt-sc-team.rounded .dt-sc-team-thumb:after{content:"";position:absolute;left:20px;top:20px;border-radius:50%;width:87%;height:87%;width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);height:-webkit-calc(100% - 40px);height:-moz-calc(100% - 40px);height:calc(100% - 40px);} .dt-sc-team.rounded .dt-sc-team-thumb img{border-radius:50%;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-details, .dt-sc-team.rounded.hide-social-show-on-hover:hover .dt-sc-team-details{background:none;position:static;} .dt-sc-team .dt-sc-team-details h4{text-transform:uppercase;font-size:16px;letter-spacing:0.5px;} .dt-sc-team .dt-sc-team-details h5{text-transform:uppercase;font-size:12px;font-style:italic;} .dt-sc-team.rounded .dt-sc-team-details{position:initial;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social{top:28%;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social{background:none;} .dt-sc-team.rounded .dt-sc-team-details .dt-sc-team-social li a{border-radius:50%;} .dt-sc-team.rounded .dt-sc-team-details .dt-sc-team-social li a:hover{border-radius:50%;background:#fff;} .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-thumb{border:1px solid;} .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-details{padding:20px 10px 10px;} .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-details h5{position:absolute;left:0px;right:0px;margin:auto;bottom:30px;opacity:0;} .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social{padding:0px;width:100%;position:absolute;opacity:0;top:-45px;left:0px;} .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social li, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social.diamond-square-border li{background:#fff;border-color:#fff;} .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social li a, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social li a:hover{border:1px solid #fff;} .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social.rounded-border li{border-radius:50%;} .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social.rounded-square li{border-radius:5px;} .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social.rounded-square li a{border:1px solid #fff;background:#fff;} .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social.diamond-square-border li a, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social.hexagon-border li a{border:none;} .dt-sc-team.hide-social-role-show-on-hover:hover .dt-sc-team-social{opacity:1;} .dt-sc-team.hide-social-role-show-on-hover:hover .dt-sc-team-details h5{opacity:1;} .dt-sc-team.hide-social-role-show-on-hover:hover .dt-sc-team-details{padding:40px 10px 50px;} .dt-sc-team.hide-social-role-show-on-hover:hover .dt-sc-team-social{top:-15px;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social.square-border li a{border-radius:0;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social.rounded-square li a{border:1px solid;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social.diamond-square-border li{border-radius:5px;border-color:#fff;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social.diamond-square-border li a{border-radius:0;background:none;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social.hexagon-border li a{border-radius:0;background:none;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social.rounded-border, .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social.square-border, .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social.hexagon-border, .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social.diamond-square-border{top:28%;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-details .dt-sc-team-social.rounded-square li a{border-color:#fff;border-radius:5px;} .dt-sc-team.type2{float:left;clear:both;width:100%;border-left:1px solid;border-right:1px solid;} .dt-sc-team.type2 .dt-sc-team-thumb{border-right:1px solid;position:relative;} .dt-sc-team.type2 .dt-sc-team-thumb, .dt-sc-team.type2 .dt-sc-team-details{width:50%;float:none;background:none;display:table-cell;vertical-align:middle;} .dt-sc-team.type2 .dt-sc-team-details{text-align:left;padding:25px;position:relative;} .dt-sc-team.type2 .dt-sc-team-details h4{letter-spacing:1px;font-size:16px;text-transform:uppercase;margin-bottom:0px;} .dt-sc-team.type2 .dt-sc-team-details h5{font-weight:normal;font-size:13px;letter-spacing:0px;border-bottom:1px solid;display:inline-block;padding:0px 20px 15px 0px;} .dt-sc-team.type2 .dt-sc-team-details p{margin-top:10px;} .dt-sc-team.type2 .dt-sc-team-details:before{content:"";position:absolute;top:35px;left:-15px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid;z-index:1;} .dt-sc-team.type2 .dt-sc-team-thumb img{display:block;} .dt-sc-team.type2 .dt-sc-team-thumb .dt-sc-team-thumb-overlay{position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0;} .dt-sc-team.type2:hover .dt-sc-team-thumb .dt-sc-team-thumb-overlay{opacity:1;} .dt-sc-team.type2 .dt-sc-team-thumb .dt-sc-team-social{position:absolute;left:0px;right:0px;top:0px;bottom:0px;text-align:center;height:35px;margin:auto;} .dt-sc-team.type2 .dt-sc-team-social li a:hover, .dt-sc-team .dt-sc-team-social.diamond-square-border li a, .dt-sc-team-social.hexagon-border li a{color:#000000;} .dt-sc-team.type2 .dt-sc-team-social.rounded-square li a, .dt-sc-team-social.diamond-square-border li, .dt-sc-team .dt-sc-team-social.diamond-square-border li{background:none;border:1px solid;} .dt-sc-team-social.hexagon-border li{position:relative;width:42px;height:25px;margin:8px 5px;background:none;border:1px solid;border-top:none;border-bottom:none;} .dt-sc-team-social.hexagon-border li:before, .dt-sc-team-social.hexagon-border li:after{content:"";position:absolute;z-index:1;width:30px;height:30px;-webkit-transform:scaleY(0.5774) rotate(-45deg);-ms-transform:scaleY(0.5774) rotate(-45deg);transform:scaleY(0.5774) rotate(-45deg);background-color:inherit;left:5px;} .dt-sc-team-social.hexagon-border li:before{top:-15.0660px;border-top:solid 1.5px;border-right:solid 1.5px;} .dt-sc-team-social.hexagon-border li:after{bottom:-15.0660px;border-bottom:solid 1.5px;border-left:solid 1.5px;left:5px;} .dt-sc-team-social.hexagon-border li a{line-height:52px;position:relative;z-index:9;left:-1px;top:-13px;width:42px;height:52px;} .dt-sc-team.type2.alter .dt-sc-team-thumb{float:right;border-left:1px solid #fafaf6;border-right:0px;} .dt-sc-team.type2.alter .dt-sc-team-details:before{left:inherit;right:-15px;border-right:0px;border-left:15px solid #f1efea;} .dt-sc-team.type2.alter .dt-sc-team-details h4{text-align:right;} .dt-sc-team.type2.alter .dt-sc-team-details h5{float:right;padding-right:0;} .dt-sc-team.type2.alter .dt-sc-team-details p{display:inline-block;width:100%;text-align:right;} .dt-sc-team.team_rounded_border.rounded .dt-sc-team-thumb{width:200px;height:200px;margin:0 auto;} .dt-sc-team.team_rounded_border.rounded .dt-sc-team-thumb:before{z-index:1;border-color:rgba(255, 255, 255, 0.01);} .dt-sc-team.rounded.team_rounded_border .dt-sc-team-thumb:after{z-index:0;width:100%;height:100%;left:0;top:0;} .dt-sc-team.rounded.team_rounded_border.hide-social-show-on-hover .dt-sc-team-social{top:19%;z-index:2;} .dt-sc-team.rounded.team_rounded_border:hover .dt-sc-team-thumb:after{background:rgba(255, 255, 255, 0.9);} .dt-sc-team.team_rounded_border.rounded:hover .dt-sc-team-thumb:before{border:8px solid;} .dt-sc-team.rounded.team_rounded_border.hide-social-show-on-hover .dt-sc-team-social li a{color:#222222;} .dt-sc-team.rounded.team_rounded_border .dt-sc-team-details h4, .dt-sc-team.rounded.team_rounded_border .dt-sc-team-details h5{text-transform:capitalize;font-weight:normal;} .dt-sc-team.rounded.team_rounded_border .dt-sc-team-details h4{font-size:18px;margin-bottom:5px;} .dt-sc-team.rounded.team_rounded_border .dt-sc-team-details h5{margin-bottom:15px;font-size:14px;} .dt-sc-team.rounded.team_rounded_border .dt-sc-team-details p{font-size:16px;margin-bottom:15px;} .dt-sc-team.rounded.team_rounded_border .dt-sc-team-details p a{font-size:14px;} .dt-sc-team.rounded.team_rounded_border .dt-sc-team-details p a > i{margin-right:5px;} .dt-sc-team.rounded.zoom-in-hover{min-height:330px;padding-top:10px;} .dt-sc-team.rounded.zoom-in-hover .dt-sc-team-thumb:before{border:0;box-shadow:0 0 0 10px #f5f5f5;width:100%;height:100%;} .dt-sc-team.rounded.zoom-in-hover .dt-sc-team-thumb img{float:left;} .dt-sc-team.rounded.zoom-in-hover:hover .dt-sc-team-thumb{max-width:220px;} /*-------------------------------------------------------------- 1.2 - Default Colors --------------------------------------------------------------*/ .dt-sc-team-social.square-border li:hover a, .dt-sc-team.type2 .dt-sc-team-social li a, .dt-sc-team.type2 .dt-sc-team-social.diamond-square-border li,.dt-sc-team .dt-sc-team-social.diamond-square-border li:hover a, .dt-sc-team-social.hexagon-border li:hover a,.dt-sc-team.type2 .dt-sc-team-social.diamond-square-border li a, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social.rounded-square li:hover a{color:#fff;} .dt-sc-team.type2 .dt-sc-team-social.hexagon-border li:before, .dt-sc-team.type2 .dt-sc-team-social.hexagon-border li:after, .dt-sc-team.type2 .dt-sc-team-social li a, .dt-sc-team.type2 .dt-sc-team-social.rounded-square li a, .dt-sc-team.type2 .dt-sc-team-social.rounded-square li a:hover, .dt-sc-team.type2 .dt-sc-team-social.hexagon-border li, .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-details .dt-sc-team-social li a, .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social.hexagon-border li, .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social.hexagon-border li:before, .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social.hexagon-border li:after, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social li, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social.hexagon-border li, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social.hexagon-border li:before, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social.hexagon-border li:after, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social.diamond-square-border li:hover{border-color:#fff;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social.diamond-square-border li:hover, .dt-sc-team.type2 .dt-sc-team-social.rounded-border li a:hover, .dt-sc-team.type2 .dt-sc-team-social.rounded-square li a:hover, .dt-sc-team.type2 .dt-sc-team-social.square-border li a:hover, .dt-sc-team.type2 .dt-sc-team-social.diamond-square-border li:hover, .dt-sc-team.type2 .dt-sc-team-social.hexagon-border li:hover, .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social.hexagon-border li:hover{background:#fff;} .dt-sc-team.type2, .dt-sc-team.type2 .dt-sc-team-thumb{border-color:#fafaf6;} .dt-sc-team.type2 .dt-sc-team-details:before{border-right-color:#f1efea;} .dt-sc-team-social.rounded-border li a, .dt-sc-team-social.square-border li a{border-color:#000000;} .dt-sc-team.rounded .dt-sc-team-thumb:before{border-color:rgba(255, 255, 255, 0.4);} .dt-sc-team.type1 .dt-sc-team-details h5{color:#888888;} .dt-sc-team-social.rounded-border li a, .dt-sc-team-social.square-border li a{color:#000000;} .dt-sc-team-social.rounded-border li a:hover, .dt-sc-team-social.square-border li a:hover, .dt-sc-team-social.rounded-square li a, .dt-sc-team.details-on-image .dt-sc-team-details h4, .dt-sc-team.details-on-image .dt-sc-team-details h5, .dt-sc-team.hide-social-show-on-hover.details-on-image .dt-sc-team-details h5, .dt-sc-team.rounded .dt-sc-team-details .dt-sc-team-social li a, .dt-sc-team.hide-social-role-show-on-hover:hover .dt-sc-team-details h4, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social li:hover a{color:#ffffff;} .dt-sc-team.type2 .dt-sc-team-details p{color:#222222;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-details h5, .dt-sc-team.rounded.hide-social-show-on-hover:hover .dt-sc-team-details h5{color:rgba(0, 0, 0, 0.4);} .dt-sc-team.type2 .dt-sc-team-details h5{color:rgba(0, 0, 0, 0.4);} .dt-sc-team.hide-social-show-on-hover .dt-sc-team-details h5{color:rgba(0, 0, 0, 0.5);} .dt-sc-team.hide-social-role-show-on-hover:hover .dt-sc-team-details h5{color:rgba(255, 255, 255, 0.6);} .dt-sc-team.rounded .dt-sc-team-details h4, .dt-sc-team.rounded:hover .dt-sc-team-details h4{color:#1b1310;} .dt-sc-team-social.diamond-square-border li, .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-details, .dt-sc-team-social.hexagon-border li:hover{background:#ffffff;} .dt-sc-team .dt-sc-team-details{background:rgba(0, 0, 0, 0.05);} .dt-sc-team.details-on-image .dt-sc-team-details{background:rgba(0, 0, 0, 0.8);} .dt-sc-team.hide-details-show-on-hover .dt-sc-team-details, .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social{background:rgba(255, 255, 255, 0.9);} .dt-sc-team.type2{background:#f1efea;} .dt-sc-team.type2 .dt-sc-team-details h5{border-bottom-color:rgba(0, 0, 0, 0.1);} .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-thumb{border-color:#ffffff;} /*-------------------------------------------------------------- 1.3 - Responsive --------------------------------------------------------------*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { .dt-sc-team .dt-sc-team-details h4{font-size:20px;} .dt-sc-team .dt-sc-team-details h5{font-size:16px;} .dt-sc-team.details-on-image .dt-sc-team-details h4{font-size:18px;} /** Team **/ .vc_col-md-6 .dt-sc-team, .vc_col-md-12 .dt-sc-team{margin-top:30px;} .dt-sc-team .dt-sc-team-thumb img, .dt-sc-team.type2 .dt-sc-team-thumb, .dt-sc-team.type2 .dt-sc-team-details{width:100%;} .dt-sc-team.type2.alter .dt-sc-team-details::before{right:30px;transform:rotate(-90deg);} .dt-sc-team-social li{margin:0 3px;} .dt-sc-team-social li a{font-size:15px;height:30px;line-height:30px;width:30px;} .dt-sc-team-social.hexagon-border li{margin:8px 3px;} .dt-sc-team.type2 .dt-sc-team-details{padding:50px 25px;} .dt-sc-team.type2 .dt-sc-team-details:before{border-bottom-width:16px;top:-22px;left:30px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);} .dt-sc-team.type2 .dt-sc-team-details h4{font-size:15px;margin-bottom:5px;} .dt-sc-team.type2 .dt-sc-team-details h5{margin-bottom:10px;padding-bottom:10px;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social{top:35%;} .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social{top:-70px;} .dt-sc-team-social.diamond-square-border li{margin:0 7px;} .rs_min_height_team_col .wpb_column{min-height:355px !important;} .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social.rounded-border, .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social.square-border{top:-70px;} } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { .vc_custom_carousel .dt-sc-team.team_rounded_border.rounded .dt-sc-team-thumb{width:170px;height:170px;} .vc_custom_carousel .dt-sc-team.rounded.team_rounded_border.hide-social-show-on-hover .dt-sc-team-social{top:15%;} /** Team **/ .rs_col-sm-6 .dt-sc-team{margin-bottom:30px;} .rs_col-sm-6:last-child .dt-sc-team, .rs_col-sm-6:nth-last-child(2) .dt-sc-team{margin-bottom:0;} .dt-sc-team .dt-sc-team-thumb img, .dt-sc-team.type2 .dt-sc-team-thumb, .dt-sc-team.type2 .dt-sc-team-details{width:100%;display:block;} .dt-sc-team.type2 .dt-sc-team-details{padding:50px 25px;} .dt-sc-team.type2 .dt-sc-team-details:before{border-bottom-width:16px;top:-22px;left:30px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);} .dt-sc-team-social li{margin:0 2px 2px;} .dt-sc-team-social li a{font-size:15px;height:30px;line-height:30px;width:30px;} .rs_col-sm-6 .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social{top:-72px;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social{top:30%;} .rs_min_height_team_col .rs_col-sm-6.wpb_column{min-height:500px !important;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .rs_col_no_btm_space .dt-sc-team{margin-bottom:0;} .dt-sc-team.type2.alter .dt-sc-team-details::before{border-right:15px solid #f1efea;left:30px;right:auto;border-left:transparent;} /** Team **/ .dt-sc-team{margin:0 0 30px;} .dt-sc-team .dt-sc-team-thumb img, .dt-sc-team.type2 .dt-sc-team-thumb, .dt-sc-team.type2 .dt-sc-team-details{width:100%;} .dt-sc-team.type2 .dt-sc-team-details{padding:50px 25px;} .dt-sc-team.type2 .dt-sc-team-details:before{border-bottom-width:16px;top:-22px;left:30px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);} .rs_min_height_team_col .wpb_column{min-height:470px !important;} .rs_col_no_btm_space.dt-sc-team{margin-bottom:0;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /** Team **/ .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social{top:32%;} .rs_min_height_team_col .wpb_column{min-height:570px !important;} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .rs_min_height_team_col .wpb_column{min-height:440px !important;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { .rs_min_height_team_col .wpb_column{min-height:350px !important;} /** Team **/ .dt-sc-team-social li{margin:0 2px;} .dt-sc-team-social li a{font-size:15px;height:30px;line-height:30px;width:30px;} .dt-sc-team-social.hexagon-border li{margin:12px 2px;} .dt-sc-team.rounded.hide-social-show-on-hover .dt-sc-team-social{top:22%;} .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social{top:-70px;} .dt-sc-team-social.diamond-square-border li{margin:0 7px;} } /* Table of Content ================================================== 1.0 - Transition 1.1 - Testimonials 1.1 - Browser Css 1.3 - Default Color 1.4 - Responsive 1.5 - Skin Color*/ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .dt-sc-testimonial-images li a img, .dt-sc-testimonial.type4 .dt-sc-testimonial-author img, .dt-sc-testimonial.type5 .dt-sc-testimonial-quote, .dt-sc-testimonial.type5 .dt-sc-testimonial-author img, .dt-sc-testimonial.type4 .dt-sc-testimonial-author cite{-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;} /*-------------------------------------------------------------- 1.1 - Testimonials --------------------------------------------------------------*/ .dt-sc-testimonial-wrapper{float:left;clear:both;margin:0px;padding:0px;position:relative;width:100%;} .dt-sc-testimonial blockquote q p{display:inline;} .dt-sc-testimonial-wrapper .dt-sc-testimonial .dt-sc-testimonial-author cite{display:inline-block;font-size:16px;font-style:normal;margin:20px 0 0;} .dt-sc-testimonial-wrapper .dt-sc-testimonial .dt-sc-testimonial-author cite small{clear:both;display:block;font-size:14px;font-weight:normal;} .dt-sc-testimonial-wrapper .dt-sc-testimonial-bullets{float:left;width:100%;text-align:center;margin:40px 0px 0px;padding:0px;} .dt-sc-testimonial-wrapper .dt-sc-testimonial-bullets a{width:10px;height:10px;border:1px solid;text-indent:-9999px;border-radius:50%;display:inline-block;margin:5px;position:relative;} .dt-sc-testimonial-wrapper .dt-sc-testimonial-bullets a:before{display:none;content:"";position:absolute;border:4px solid;left:-4px;top:-4px;border-radius:50%;width:100%;height:100%;} .dt-sc-testimonial-wrapper .dt-sc-testimonial-bullets a.active:before{display:block;} .dt-sc-testimonial-wrapper .dt-sc-testimonial.type1 .dt-sc-testimonial-author cite{clear:both;display:inline-block;margin:0 0 35px;text-align:center;width:100%;} .dt-sc-testimonial-wrapper .dt-sc-testimonial.type1 .dt-sc-testimonial-author cite small{border-left:1px solid;display:inline-block;margin-left:10px;padding-left:10px;} .dt-sc-testimonial.type1{text-align:center;} .dt-sc-testimonial.type1 .dt-sc-testimonial-author{display:inline-block;margin:0 0 20px;text-align:center;width:100%;} .dt-sc-testimonial.type1 .dt-sc-testimonial-author span{display:inline-block;border:5px solid;border-radius:50%;line-height:0;} .dt-sc-testimonial.type1 .dt-sc-testimonial-author img{max-width:120px;border-radius:50%;} .dt-sc-testimonial.type1 blockquote{font-weight:600;font-size:16px;line-height:30px;font-style:italic;letter-spacing:0.5px;position:relative;padding:50px 0px 0px;} .dt-sc-testimonial.type1 blockquote:before{content:"\e02c";font-family:'simple-line-icons';font-size:30px;font-style:normal;font-weight:400;position:absolute;top:0px;left:0px;right:0px;margin:auto;} .dt-sc-testimonial.type1 .dt-sc-testimonial-author cite{clear:both;text-align:center;display:inline-block;width:100%;} .dt-sc-testimonial.type2{float:left;clear:both;width:100%;margin:0px;padding:0px;} .dt-sc-testimonial.type2 .dt-sc-testimonial-quote{display:inline-block;clear:both;margin:0px 0px 30px;padding:0px;width:100%;position:relative;} .dt-sc-testimonial.type2 blockquote{border:1px solid;padding:25px 25px 30px;margin:0px;display:inline-block;position:relative;line-height:26px;} .dt-sc-testimonial.type2 blockquote:before{content:"";position:absolute;left:33px;bottom:-11px;border-left:14px solid transparent;border-right:14px solid transparent;border-top:14px solid;} .dt-sc-testimonial.type2 .dt-sc-testimonial-quote:before{content:"";position:absolute;left:41px;bottom:-12px;width:2px;height:15px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} .dt-sc-testimonial.type2 .dt-sc-testimonial-quote:after{content:"";position:absolute;left:52px;bottom:-12px;width:2px;height:15px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .dt-sc-testimonial.type2 .dt-sc-testimonial-author span{border:1px solid;border-radius:50%;padding:6px;float:left;} .dt-sc-testimonial.type2 .dt-sc-testimonial-author img{max-width:88px;float:left;border-radius:50%;} .dt-sc-testimonial.type2 .dt-sc-testimonial-author cite{float:left;margin:30px 0px 0px 30px;} .dt-sc-testimonial.type2 .dt-sc-testimonial-author cite small{font-size:14px;display:block;clear:both;} .dt-sc-testimonial.type3{text-align:center;} .dt-sc-testimonial.type3 .dt-sc-testimonial-author{margin:0px 0px 20px;display:inline-block;width:100%;text-align:center;position:relative;} .dt-sc-testimonial.type3 .dt-sc-testimonial-author:before{content:"";position:absolute;width:75%;height:1px;left:0px;right:0px;margin:auto;top:45px;border-top:1px solid rgba(0, 0, 0, 0.1);} .dt-sc-testimonial.type3 .dt-sc-testimonial-author span{display:inline-block;border-radius:50%;line-height:0;position:relative;z-index:1;} .dt-sc-testimonial.type3 .dt-sc-testimonial-author img{max-width:90px;border-radius:50%;} .dt-sc-testimonial.type3 blockquote{font-weight:600;font-size:16px;line-height:30px;font-style:italic;letter-spacing:0.5px;position:relative;padding:0px;} .dt-sc-testimonial.type3 blockquote q{font-weight:400;font-style:normal;position:relative;display:inline-block;} .dt-sc-testimonial.type3 blockquote q:before{font-size:50px;left:-10px;top:20px;position:relative;} .dt-sc-testimonial.type3 blockquote q:after{font-size:50px;position:absolute;bottom:-7px;display:inline-block;margin-left:15px;} .dt-sc-testimonial.type3 .dt-sc-testimonial-author cite{clear:both;display:inline-block;font-size:16px;font-style:normal;font-weight:bold;margin:0 0 20px;text-align:center;width:100%;} .dt-sc-testimonial.type3 .dt-sc-testimonial-author cite small{clear:none;display:inline-block;} .dt-sc-dark-bg .dt-sc-testimonial.type3 .dt-sc-testimonial-author cite, .dt-sc-dark-bg .dt-sc-testimonial.type3 .dt-sc-testimonial-author cite small{color:#fff;} .dt-sc-dark-bg .dt-sc-testimonial.type3 .dt-sc-testimonial-author:before{border-color:#fff;} .dt-sc-testimonial-special-wrapper .dt-sc-testimonial-wrapper{padding-bottom:20px;} .dt-sc-testimonial-special-wrapper:before, .dt-sc-testimonial-special-wrapper:after{content:'';position:absolute;right:-25px;top:0px;bottom:0px;margin:auto;width:50px;height:50px;} .dt-sc-testimonial-special-wrapper:before{background-color:#fff;-webkit-border-radius:10px;border-radius:10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .dt-sc-testimonial-special-wrapper:after{content:"\201c";text-align:center;font-size:55px;line-height:82px;font-family:Georgia, "Times New Roman", Times, serif;} .dt-sc-testimonial-images{float:left;margin:0px;padding:0px;max-width:505px;} .dt-sc-testimonial-images li{display:inline;float:left;margin:0px;width:25%;padding:0px;line-height:0px;} .dt-sc-testimonial-images li a{line-height:0px;display:inline-block;padding:15px;width:100%;} .dt-sc-testimonial-images li a img{max-width:100%;border-radius:5px;} .dt-sc-testimonial-images li:nth-child(5){clear:both;} .dt-sc-testimonial-images li a{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;} .dt-sc-testimonial-images li div{width:100%;margin:0px;padding:0px;display:inline-block;} .dt-sc-testimonial-images li.selected div{margin:17px auto;display:block;width:85px;height:85px;overflow:hidden;border-radius:15px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:relative;border:3px solid;} .dt-sc-testimonial-images li.selected a{display:block;position:absolute;bottom:0;left:0;right:0;top:0;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} .dt-sc-testimonial-images li.selected img{max-width:none;position:absolute;left:50%;top:50%;width:125px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .dt-sc-testimonial.type4{display:inline-block;text-align:center;} .dt-sc-testimonial.type4 blockquote{font-size:18px;line-height:28px;padding-top:40px;color:#777777;} .dt-sc-testimonial.type4 .dt-sc-testimonial-quote{display:block;} .dt-sc-testimonial.type4 .dt-sc-testimonial-author{margin:25px 0 0 0;float:left;width:100%;text-align:center;} .dt-sc-testimonial.type4 .dt-sc-testimonial-author img{border-radius:50%;max-width:90px;} .dt-sc-testimonial.type4 .dt-sc-testimonial-author cite{display:block;font-size:18px;font-weight:600;margin:0px 0px 20px;} .dt-sc-testimonial.type4 .dt-sc-testimonial-author cite small{text-transform:uppercase;font-size:14px;clear:both;display:block;letter-spacing:1px;} .dt-sc-testimonial.type4 blockquote:before{content:"''";position:absolute;font-size:70px;font-style:italic;top:10px;left:0;right:0;letter-spacing:-4px;} .dt-sc-testimonial.type4 blockquote q:before, .dt-sc-testimonial.type4 blockquote q:after{content:none;} .dt-sc-testimonial.type5 .dt-sc-testimonial-quote{border-bottom:1px dashed;padding:0px 0px 60px;margin:0px;} .dt-sc-testimonial.type5 .dt-sc-testimonial-quote blockquote{font-size:16px;line-height:28px;} .dt-sc-testimonial.type5 .dt-sc-testimonial-author img{border-radius:50%;max-width:100px;float:left;margin:-50px 0 30px 0px;} .dt-sc-testimonial.type5 .dt-sc-testimonial-author cite{float:right;font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;margin:1px 0 0;padding:3px 15px;position:relative;text-align:right;text-transform:uppercase;} .dt-sc-testimonial.type5 .dt-sc-testimonial-author cite small{text-transform:none;font-size:13px;letter-spacing:normal;display:block;float:none;display:inline-block;margin-left:20px;position:relative;} .dt-sc-testimonial.type5 .dt-sc-testimonial-author cite small:before{position:absolute;content:"/";display:block;left:-10px;} .dt-sc-testimonial.type5.alignright{float:right;text-align:right;} .dt-sc-testimonial.type5.alignright .dt-sc-testimonial-author cite{float:none;display:inline-block;} .dt-sc-testimonial.type5.alignright .dt-sc-testimonial-author img{float:right;margin:0px 0px 0px 20px;} .dt-sc-testimonial.type5.alignright .dt-sc-testimonial-author cite:before{content:"\201C";left:-25px;right:inherit;} .dt-sc-testimonial.type5.aligncenter{text-align:center;} .dt-sc-testimonial.type5.aligncenter .dt-sc-testimonial-author cite{float:none;display:inline-block;width:100%;} .dt-sc-testimonial.type5.aligncenter .dt-sc-testimonial-author cite:before{content:"";} .dt-sc-testimonial.type5.aligncenter .dt-sc-testimonial-author img{float:none;margin:0px;} .vc_row-no-padding .dt-sc-testimonial.type5{max-width:500px;} .dt-sc-testimonial.type6{overflow:hidden;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author{float:right;width:40%;padding:112px 0px 114px 60px;position:relative;} .dt-sc-testimonial.type6 .dt-sc-testimonial-quote{display:inline-block;padding:90px 30px 90px 0;width:60%;} .dt-sc-testimonial.type6 .dt-sc-testimonial-quote blockquote{font-style:italic;font-size:16px;line-height:30px;} .dt-sc-testimonial.type6 .dt-sc-testimonial-quote blockquote q{padding-left:85px;display:inline-block;text-align:right;} .dt-sc-testimonial.type6 .dt-sc-testimonial-quote blockquote q:before{content:"";} .dt-sc-testimonial.type6 .dt-sc-testimonial-quote blockquote:before{content:'"';position:absolute;left:0px;top:15px;font-size:100px;} .vc_row[data-vc-stretch-content="true"] .dt-sc-testimonial.type6 .dt-sc-testimonial-quote blockquote{float:right;width:75%;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author img{max-width:100px;border:2px solid;border-radius:50%;float:left;margin:0px 20px 0px 0px;position:relative;z-index:1;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author cite{margin-top:25px;text-transform:uppercase;font-size:16px;font-weight:bold;position:relative;z-index:1;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author cite small{text-transform:none;font-size:14px;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author:before{content:"";position:absolute;left:65px;top:0px;width:330px;height:330px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:10px;} .dt-sc-testimonial.type6:after{content:"";position:absolute;top:0px;left:75%;width:9000px;height:100%;} .dt-sc-testimonial.type7{padding:60px 0 0;position:relative;text-align:center;} .dt-sc-testimonial.type7:before{content:"";position:absolute;width:63px;height:44px;left:0;right:0;top:0;margin:0 auto;-webkit-mask-image:url(//www.kadikoydogalgazprojesi.com/wp-content/plugins/designthemes-core-features/shortcodes/images/quote.png);mask-image:url(//www.kadikoydogalgazprojesi.com/wp-content/plugins/designthemes-core-features/shortcodes/images/quote.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left top;mask-position:left top;-webkit-mask-size:100% 100%;mask-size:100% 100%;} .dt-sc-testimonial.type7 .dt-sc-testimonial-image-holder{margin:25px 0 30px;display:block;text-align:center;} .dt-sc-testimonial.type7 .dt-sc-testimonial-image-holder img{max-width:90px;border-radius:50%;margin:0 auto;} .dt-sc-testimonial.type7 .dt-sc-testimonial-quote blockquote{margin:20px 0 0;} .dt-sc-testimonial.type7 .dt-sc-testimonial-quote blockquote q{font-style:italic;line-height:30px;quotes:none;font-size:18px;color:#777777;} .dt-sc-testimonial.type7 .dt-sc-testimonial-quote blockquote q:before, .dt-sc-testimonial.type6 .dt-sc-testimonial-quote blockquote q:after{content:"";} .dt-sc-testimonial.type7 .dt-sc-testimonial-author cite{margin:10px 0 0;position:relative;padding-top:30px;font-size:18px;font-weight:600;} .dt-sc-testimonial.type7 .dt-sc-testimonial-author cite small{display:inline-block;font-size:18px;font-weight:600;} .dt-sc-testimonial.type7 .dt-sc-testimonial-quote blockquote{margin:0px 0px 20px 0px;padding:0 15%;} .dt-sc-testimonial.type7 .dt-sc-testimonial-author cite:before{content:"";width:47px;height:2px;background-color:#777;position:absolute;left:0;right:0;top:0;margin:auto;} .dt-sc-testimonial.type8{clear:both;margin:0;float:left;width:100%;} .dt-sc-testimonial.type8 .dt-sc-testimonial-quote, .dt-sc-testimonial.type8 .dt-sc-testimonial-author{float:left;padding:0 10px;} .dt-sc-testimonial.type8 .dt-sc-testimonial-quote{text-align:left;width:69%;} .dt-sc-testimonial.type8 .dt-sc-testimonial-author{min-height:1px;position:relative;width:31%;} .dt-sc-testimonial.type8 .dt-sc-testimonial-quote blockquote{padding:40px 0px 40px 40px;} .dt-sc-testimonial.type8 .dt-sc-testimonial-quote blockquote q{font-size:18px;line-height:32px;font-style:italic;} .dt-sc-testimonial.type8 .dt-sc-testimonial-quote blockquote q:before, .dt-sc-testimonial.type8 .dt-sc-testimonial-quote blockquote q:after{position:absolute;font-size:70px;font-style:normal;} .dt-sc-testimonial.type8 .dt-sc-testimonial-quote blockquote q:before{left:15px;top:35px;} .dt-sc-testimonial.type8 .dt-sc-testimonial-quote blockquote q:after{bottom:0;} .dt-sc-testimonial.type8 .dt-sc-testimonial-author span{display:block;} .dt-sc-testimonial.type8 .dt-sc-testimonial-author span img{width:100%;} .dt-sc-testimonial.type8 .dt-sc-testimonial-author cite{position:absolute;bottom:10px;right:10px;background:#ffffff;text-transform:uppercase;font-size:16px;font-weight:bold;z-index:1;margin:0px;padding:10px 15px;letter-spacing:1px;} .dt-sc-testimonial.type8 .dt-sc-testimonial-author cite:before{border:10px solid rgba(255, 255, 255, 0.65);content:"";position:absolute;bottom:-10px;left:-10px;right:-10px;top:-10px;} .dt-sc-testimonial.type8 .dt-sc-testimonial-author cite small{text-transform:none;font-size:13px;color:rgba(0, 0, 0, 0.4);} .dt-sc-testimonial.type8.alignright .dt-sc-testimonial-quote{padding-right:30px;padding-left:0;} .dt-sc-testimonial.type8.alignright .dt-sc-testimonial-author{float:right;} .dt-sc-testimonial.type8.alignright .dt-sc-testimonial-author cite{left:10px;right:auto;} /*----*****---- << Special Testimonials >> ----*****----*/ .dt-sc-special-testimonial-container .vc_col-sm-6{padding:125px 0 115px 65px;} .dt-sc-special-testimonial-container .extend-bg-fullwidth-left.vc_col-sm-6{padding:80px 80px 80px 0;} ul.dt-sc-testimonial-special li{list-style:none;} .dt-sc-special-testimonial-container ul.dt-sc-testimonial-images li a img{transition:none;} .dt-sc-special-testimonial-details-holder{text-align:center;} .dt-sc-special-testimonial-details-holder .dt-sc-testimonial-description{font-size:20px;color:#666666;padding:0 100px;margin-bottom:20px;position:relative;font-weight:lighter;line-height:40px;} .dt-sc-special-testimonial-details-holder .dt-sc-testimonial-description:before{position:absolute;content:'\f1b2';display:block;left:0;right:0;margin:0 auto;font-size:120px;top:50%;transform:translateY(-50%);font-family:Material-Design-Iconic-Font;z-index:-1;opacity:0.2;} .dt-sc-special-testimonial-images-holder{padding-bottom:30px;position:relative;} .dt-sc-special-testimonial-images-holder .dt-sc-testimonial-image{text-align:center;} .dt-sc-special-testimonial-images-holder .dt-sc-testimonial-image img{border-radius:50%;float:none;display:inline-block;margin:20px 0 10px;width:180px;cursor:pointer;transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);} .dt-sc-special-testimonial-images-holder .dt-sc-testimonial-author cite{text-transform:capitalize;font-size:18px;font-weight:600;font-style:normal;line-height:20px;} .dt-sc-special-testimonial-images-holder .dt-sc-testimonial-author cite small{width:100%;float:none;display:inline-block;font-size:16px;text-transform:capitalize;color:#898989;font-weight:300;line-height:28px;letter-spacing:0.5px;} .dt-sc-special-testimonial-images-holder .dt-sc-testimonial-image.slick-current img{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);box-shadow:0px 0px 20px rgba(0,0,0,0.2);} .dt-sc-special-testimonial-images-holder .dt-sc-testimonial-image.slick-current .dt-sc-testimonial-author cite small{color:#2b2b2b;} .dt-sc-special-testimonial-images-holder button.slick-arrow{position:absolute;bottom:-20px;left:0;right:0;margin:0 auto;top:auto;transform:translateY(0);width:30px;height:30px;} .dt-sc-special-testimonial-images-holder.slick-slider .slick-list{padding:0 !important;} .dt-sc-special-testimonial-images-holder.slick-slider:before{content:"";display:block;position:absolute;bottom:-24px;width:2px;height:24px;background:#2b2b2b;left:0;right:0;margin:0 auto;} .dt-sc-special-testimonial-images-holder.slick-slider button.slick-prev{left:-60px;z-index:1;} .dt-sc-special-testimonial-images-holder.slick-slider button.slick-next{right:-60px;z-index:1;} .dt-sc-special-testimonial-images-holder.slick-slider button.slick-prev:before, .dt-sc-special-testimonial-images-holder.slick-slider button.slick-next:before{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} .dt-sc-special-testimonial-images-holder.slick-slider button.slick-prev:before{content:"";display:block;position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:0;height:0;border-top:8px solid transparent;border-right:13px solid;border-bottom:8px solid transparent;} .dt-sc-special-testimonial-images-holder.slick-slider button.slick-next:before{content:"";display:block;position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:0;height:0;border-top:8px solid transparent;border-left:13px solid;border-bottom:8px solid transparent;} /*-------------------------------------------------------------- 1.2 - Browser Css --------------------------------------------------------------*/ @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */ ::i-block-chrome, .dt-sc-testimonial.type1 blockquote{font-weight:500;} ::i-block-chrome, .dt-sc-testimonial.type6 .dt-sc-testimonial-author img{border:none;box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1);} } /*-------------------------------------------------------------- 1.3 - Default Colors --------------------------------------------------------------*/ .dt-sc-testimonial.type5 .dt-sc-testimonial-author cite small{color:rgba(0, 0, 0, 0.5);} .dt-sc-testimonial.type1 blockquote, .dt-sc-testimonial-wrapper .dt-sc-testimonial .dt-sc-testimonial-author cite, .dt-sc-testimonial-special-wrapper:after{color:#212121;} .dt-sc-dark-bg .dt-sc-testimonial.type6 .dt-sc-testimonial-author cite, .dt-sc-dark-bg .dt-sc-testimonial.type6 .dt-sc-testimonial-author cite small, .dt-sc-dark-bg .dt-sc-testimonial-wrapper .dt-sc-testimonial.type1 .dt-sc-testimonial-author cite, .dt-sc-dark-bg .dt-sc-testimonial-wrapper .dt-sc-testimonial.special-testimonial-carousel .dt-sc-testimonial-author cite, .dt-sc-dark-bg .dt-sc-testimonial-wrapper .dt-sc-testimonial.special-testimonial-carousel .dt-sc-testimonial-author cite small{color:#ffffff;} .dt-sc-testimonial-wrapper .dt-sc-testimonial .dt-sc-testimonial-author cite small{color:rgba(0, 0, 0, 0.55);} .dt-sc-testimonial.type4 .dt-sc-testimonial-author cite small{color:#838383;} .dt-sc-testimonial-special-wrapper:after{color:#ffffff;} .dt-sc-testimonial.type7 .dt-sc-testimonial-author cite, .dt-sc-testimonial-wrapper.type7 .dt-sc-testimonial .dt-sc-testimonial-author cite small{color:#777777;} .dt-sc-testimonial.type2 .dt-sc-testimonial-quote:before, .dt-sc-testimonial.type2 .dt-sc-testimonial-quote:after{background:rgba(0, 0, 0, 0.1);} .dt-sc-testimonial.type6:after, .dt-sc-testimonial.type6 .dt-sc-testimonial-author:before{background:#f7f7f7;} .dt-sc-testimonial-wrapper .dt-sc-testimonial-bullets a{border-color:#000000;} .dt-sc-testimonial.type1 .dt-sc-testimonial-author span, .dt-sc-testimonial.type5 .dt-sc-testimonial-quote{border-color:rgba(0, 0, 0, 0.06);} .dt-sc-testimonial.type5 .dt-sc-testimonial-author img{-webkit-box-shadow:0 0 0 5px rgba(0,0,0,0.06);box-shadow:0 0 0 5px rgba(0,0,0,0.06);} .dt-sc-dark-bg .dt-sc-testimonial.type6 .dt-sc-testimonial-author img{border-color:#ffffff;} .dt-sc-testimonial.type2 blockquote:before{border-top-color:#ffffff;} .dt-sc-testimonial.type2 blockquote, .dt-sc-testimonial.type2 .dt-sc-testimonial-author span, .dt-sc-testimonial.type6 .dt-sc-testimonial-author img{border-color:rgba(0, 0, 0, 0.1);} /*-------------------------------------------------------------- 1.4 - Responsive --------------------------------------------------------------*/ @media only screen and (min-width:1200px) and (max-width:1380px) { .dt-sc-testimonial.type6 .dt-sc-testimonial-quote{padding-top:60px;padding-bottom:50px;} } /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { .dt-sc-testimonial-images li.selected div{width:65px;height:65px;} .dt-sc-testimonial-images li{width:32%;min-height:114px;} .dt-sc-testimonial-images li:nth-child(5){clear:none;} /*----*****---- << Testimonial >> ----*****----*/ .dt-sc-testimonial.type6::after{left:60%;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author::before{content:none;} .dt-sc-testimonial.type8 .dt-sc-testimonial-quote blockquote{padding-top:0;} .dt-sc-testimonial.type8 .dt-sc-testimonial-author cite{right:10px;} .dt-sc-testimonial.type8 .dt-sc-testimonial-quote blockquote q:before{top:0;} .dt-sc-testimonial.type8.alignright .dt-sc-testimonial-author cite{left:10px;} .dt-sc-special-testimonial-container .vc_col-sm-6{padding:70px 0 70px 65px;} } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { .dt-sc-testimonial.type5 .dt-sc-testimonial-author cite{padding-right:5px;width:45%;} /*----*****---- << Testimonial >> ----*****----*/ .dt-sc-testimonial.type6::after{left:60%;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author{padding-left:35px;padding-right:35px;text-align:center;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author > span, .dt-sc-testimonial.type6 .dt-sc-testimonial-author cite{display:block;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author > span img{float:none;margin:auto;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author::before{content:none;} .dt-sc-testimonial.type7 .dt-sc-testimonial-quote blockquote{padding:0;} .dt-sc-testimonial.type8 .dt-sc-testimonial-author{display:block;float:none;margin:0 auto 30px;width:50%;} .dt-sc-testimonial.type8 .dt-sc-testimonial-quote{padding:0;width:100%;} .dt-sc-testimonial.type8 .dt-sc-testimonial-quote blockquote{padding-top:0;} .dt-sc-testimonial.type8 .dt-sc-testimonial-author cite{right:10px;} .dt-sc-testimonial.type8.alignright .dt-sc-testimonial-author cite{left:10px;} .dt-sc-testimonial-wrapper.carousel_items .dt-sc-testimonial.type8 .dt-sc-testimonial-author cite{bottom:10px;left:10px;text-align:center;} .dt-sc-testimonial.type8 .dt-sc-testimonial-quote blockquote q:before{top:0;} .dt-sc-testimonial-images li.selected div{width:65px;height:65px;} .dt-sc-testimonial-images li{width:32%;min-height:106px;} .dt-sc-testimonial-images li:nth-child(5){clear:none;} /** Insurance **/ .vc_row-no-padding .rs_col-sm-12 .dt-sc-testimonial.type5{max-width:inherit;} .dt-sc-special-testimonial-container .vc_col-sm-6{padding:60px 40px;} .dt-sc-special-testimonial-container .extend-bg-fullwidth-left.vc_col-sm-6{padding:60px 40px;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { .dt-sc-special-testimonial-container .vc_col-sm-6{padding:65px 35px;} .dt-sc-special-testimonial-container .extend-bg-fullwidth-left.vc_col-sm-6{padding:60px 40px;} .dt-sc-testimonial-images li{width:32%;min-height:112px;} .dt-sc-testimonial-images li:nth-child(5){clear:none;} .dt-sc-testimonial-images li.selected div{width:70px;height:70px;} .dt-sc-testimonial-special-wrapper::before, .dt-sc-testimonial-special-wrapper::after{bottom:-23px;left:0;right:0;top:auto;} /*----*****---- << Testimonial >> ----*****----*/ .dt-sc-testimonial.type5{float:left;margin:0 0 25px;text-align:center;width:100%;} .dt-sc-testimonial.type5 .dt-sc-testimonial-author span{display:block;} .dt-sc-testimonial.type5 .dt-sc-testimonial-author img{margin-left:auto;margin-right:auto;} .dt-sc-testimonial.type5 .dt-sc-testimonial-author img, .dt-sc-testimonial.type5 .dt-sc-testimonial-author cite{float:none;} .vc_row-no-padding .dt-sc-testimonial.type5{max-width:inherit;} .dt-sc-testimonial.type6{text-align:center;overflow:visible;} .dt-sc-testimonial.type6::after{content:none;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author{padding-left:20px;padding-right:20px;width:100%;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author img{float:none;margin:auto} .dt-sc-testimonial.type6 .dt-sc-testimonial-author > span, .dt-sc-testimonial.type6 .dt-sc-testimonial-author cite{display:block;} .dt-sc-testimonial.type6 .dt-sc-testimonial-quote{float:left;padding-right:0;width:100%;} .dt-sc-testimonial.type6 .dt-sc-testimonial-quote blockquote{padding-left:35px;} .dt-sc-testimonial.type6 .dt-sc-testimonial-quote blockquote:before{top:21px;} .dt-sc-testimonial-wrapper.type6 .dt-sc-testimonial.type6 .dt-sc-testimonial-quote blockquote::before{position:static;} .dt-sc-testimonial.type6 .dt-sc-testimonial-quote blockquote q{padding:0;text-align:center;} .vc_row[data-vc-stretch-content="true"] .dt-sc-testimonial.type6 .dt-sc-testimonial-quote blockquote{float:none;margin:auto;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author::before{height:200px;margin:auto;left:0;right:0;top:50%;width:200px;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author::after{content:"";height:100%;left:-100%;position:absolute;right:-100%;top:0;width:9999px;background-color:#f7f7f7;} .dt-sc-testimonial.type7 .dt-sc-testimonial-quote blockquote{padding:0;} .dt-sc-testimonial.type8 .dt-sc-testimonial-author, .dt-sc-testimonial.type8 .dt-sc-testimonial-quote{width:100%;} .dt-sc-testimonial.type8 .dt-sc-testimonial-author cite{right:10px;} .dt-sc-testimonial.type8.alignright .dt-sc-testimonial-author cite{left:10px;} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .dt-sc-special-testimonial-container .extend-bg-fullwidth-left.vc_col-sm-6{padding-left:20px;padding-right:20px;} .dt-sc-special-testimonial-container .vc_col-sm-6{padding-left:15px;padding-right:15px;} /*----*****---- << Testimonial >> ----*****----*/ .dt-sc-testimonial.type6 .dt-sc-testimonial-author::before{height:220px;width:220px;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author{text-align:center;} .dt-sc-testimonial.type6 .dt-sc-testimonial-author img{display:block;float:none;margin:0 auto;} .dt-sc-testimonial.type8 .dt-sc-testimonial-quote{padding:0;} } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { .dt-sc-testimonial-images li{width:49%;min-height:117px;} .dt-sc-testimonial-images{max-width:237px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { /*----*****---- << Hosting Special Testimonial >> ----*****----*/ .dt-sc-testimonial-images{max-width:140px;} .dt-sc-testimonial-images li{width:100%;} /*----*****---- << Testimonial >> ----*****----*/ .dt-sc-testimonial.type2 .dt-sc-testimonial-author, .dt-sc-testimonial.type5 .dt-sc-testimonial-author{text-align:center;} .dt-sc-testimonial.type2 .dt-sc-testimonial-author span, .dt-sc-testimonial.type2 .dt-sc-testimonial-author img{float:none;} .dt-sc-testimonial.type2 .dt-sc-testimonial-author span{display:inline-block;} .dt-sc-testimonial.type2 .dt-sc-testimonial-author img{display:block;} .dt-sc-testimonial.type2 .dt-sc-testimonial-author cite{margin:30px auto;width:100%;} .dt-sc-testimonial.type4{padding-top:140px;text-align:center;} .dt-sc-testimonial.type4 .dt-sc-testimonial-quote, .dt-sc-testimonial.type4 .dt-sc-testimonial-author{width:100%;} .dt-sc-testimonial.type4 .dt-sc-testimonial-author > span{display:inline-block;margin:auto;max-width:60%;position:absolute;left:0;right:0;top:0;} .dt-sc-testimonial.type4 .dt-sc-testimonial-author cite{display:block;position:static;text-align:center;} .dt-sc-testimonial.type4 .dt-sc-testimonial-author cite small{display:block;margin-left:0;} .dt-sc-testimonial.type5 .dt-sc-testimonial-author img{float:none;} .dt-sc-testimonial.type5 .dt-sc-testimonial-author cite:before{right:0;} .dt-sc-testimonial.type5 .dt-sc-testimonial-author cite{display:block;font-size:12px;float:none;} .dt-sc-testimonial.type6 .dt-sc-testimonial-quote{padding-right:0;} .dt-sc-testimonial.type6 .dt-sc-testimonial-quote blockquote:before{content:none;} .dt-sc-testimonial.type6 .dt-sc-testimonial-quote blockquote q{padding-left:0;text-align:center;} } /* Table of Content ================================================== 1.0 - Transition 1.1 - Timeline 1.2 - Browser Css 1.3 - Default Color 1.4 - Skin Color*/ /*-------------------------------------------------------------- 1.0 - Transition --------------------------------------------------------------*/ .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline .dt-sc-hr-timeline-thumb:before, .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-content h3, .dt-sc-timeline-section.type4 .dt-sc-timeline .dt-sc-timeline-content h2, .dt-sc-timeline-section.type4 .dt-sc-timeline-image-wrapper:before, .dt-sc-timeline-section.type4 .dt-sc-timeline-thumb-overlay{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;} /*-------------------------------------------------------------- 1.1 - Timeline --------------------------------------------------------------*/ /* Horizontal Timeline */ .dt-sc-hr-timeline-section.type1, .dt-sc-hr-timeline-wrapper{float:left;width:100%;clear:both;margin:0px;padding:0px;position:relative;} .dt-sc-hr-timeline-section.type1:before{content:"";position:absolute;left:0px;top:0px;bottom:0px;margin:auto;height:5px;width:100%;} .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline-wrapper:before, .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline-wrapper:after{content:"";position:absolute;top:0px;bottom:0px;margin:auto;height:5px;width:9000px;} .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline-wrapper:before{left:100%;} .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline-wrapper:after{right:100%;} .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline .dt-sc-hr-timeline-content{display:inline-block;padding:25px 20px 30px;border-radius:5px;text-align:center;width:50%;margin:0px 0px 35px;position:relative;} .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-content{float:right;margin:45px 0px 0px;} .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline .dt-sc-hr-timeline-content:before, .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline .dt-sc-hr-timeline-content:after{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);} .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline .dt-sc-hr-timeline-content:before{border:5px solid;height:26px;bottom:-13px;width:26px;-webkit-border-radius:50%;border-radius:50%;} .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline .dt-sc-hr-timeline-content:after{bottom:-43px;height:30px;width:5px;} .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-content:before{bottom:inherit;top:-13px;} .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-content:after{bottom:inherit;top:-42px;} /* Type 2 */ .dt-sc-hr-timeline-section.type2{float:left;width:100%;margin:0px;padding:0px;clear:both;position:relative;} .dt-sc-hr-timeline-section.type2:before{content:"";position:absolute;left:0px;right:0px;top:0px;bottom:0px;margin:auto;height:5px;width:78%;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-content{text-align:center;font-size:14px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-thumb{display:inline-block;text-align:center;padding:0px 0px 75px;position:relative;top:6px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-thumb{padding:93px 0px 0px;top:0px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-thumb img{border-radius:50%;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-content h3{font-size:15px;font-weight:bold;text-transform:uppercase;position:relative;margin:15px 0 25px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-content h3:before{content:"";position:absolute;left:0px;right:0px;bottom:-10px;margin:auto;height:1px;width:70px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-content p{margin-bottom:0px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-thumb:before{content:"";position:absolute;left:42%;left:-webkit-calc(50% - 13px);left:-moz-calc(50% - 13px);left:calc(50% - 13px);bottom:14px;width:26px;height:26px;border:1px solid;border-radius:50%;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-thumb:after{content:"";position:absolute;left:50%;left:-webkit-calc(50% - 2px);left:-moz-calc(50% - 2px);left:calc(50% - 2px);bottom:39px;width:5px;height:44px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-thumb:before{bottom:inherit;top:22px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-thumb:after{bottom:inherit;top:48px;} /* Vertical Timeline */ .dt-sc-timeline-section{float:left;width:100%;clear:both;margin:0px 0px 46px;padding:0px;position:relative;} .dt-sc-timeline-section:before{content:"";position:absolute;left:0px;right:0px;top:0px;margin:auto;height:100%;width:5px;} .dt-sc-timeline{display:inline-block;width:100%;} .dt-sc-timeline-section .dt-sc-timeline:first-child{margin-top:-19px;} .dt-sc-timeline-section .dt-sc-timeline:last-child{margin-bottom:-46px;} .dt-sc-timeline .column{margin:0px;width:50%;} .dt-sc-timeline.right > .column{float:right;} .dt-sc-timeline .dt-sc-timeline-content h2{font-size:16px;} .dt-sc-timeline .dt-sc-timeline-content h2 span{font-size:24px;} .dt-sc-timeline.left .dt-sc-timeline-content{text-align:right;padding:0px 120px 0px 0px;position:relative;} .dt-sc-timeline.right .dt-sc-timeline-content{padding:0px 0px 0px 120px;position:relative;} .dt-sc-timeline .dt-sc-timeline-content:before{content:"";position:absolute;top:0px;bottom:0;right:72px;margin:auto;width:26px;height:26px;border:5px solid;border-radius:50%;} .dt-sc-timeline .dt-sc-timeline-content:after{content:"";position:absolute;top:0px;bottom:0;right:3px;margin:auto;width:70px;height:5px;} .dt-sc-timeline.right .dt-sc-timeline-content:before{right:inherit;left:73px;} .dt-sc-timeline.right .dt-sc-timeline-content:after{right:inherit;left:2px;} /* Vertical Timeline Type2 */ .dt-sc-timeline-section.type2:before{width:3px;height:85%;} .dt-sc-timeline-section.type2 .dt-sc-timeline{margin-bottom:-60px;} .dt-sc-timeline-section.type2 .dt-sc-timeline.left .dt-sc-timeline-content, .dt-sc-timeline-section.type2 .dt-sc-timeline.right .dt-sc-timeline-content{text-align:center;padding:0px;} .dt-sc-timeline-section.type2 .dt-sc-timeline-image-wrapper{margin:17px auto;display:inline-block;overflow:hidden;position:relative;border:3px solid;position:relative;z-index:1;} .dt-sc-timeline-section.type2 .dt-sc-timeline-image-wrapper img{width:150px;float:left;} .dt-sc-timeline-section.type2 .dt-sc-timeline .dt-sc-timeline-content h2 span{font-size:30px;margin-bottom:10px;display:inline-block;} .dt-sc-timeline-section.type2 .dt-sc-timeline .dt-sc-timeline-content h2{font-size:16px;line-height:27px;margin-bottom:0px;width:62%;margin:0px 19%;} .dt-sc-timeline-section.type2 .dt-sc-timeline .dt-sc-timeline-content:before{border:0px;} .dt-sc-timeline-section.type2 .dt-sc-timeline .dt-sc-timeline-content:after{width:45%;height:1px;border-top:2px dotted;background:none;top:76px;bottom:inherit;} .dt-sc-timeline-section.type2 .dt-sc-timeline .dt-sc-timeline-content:after{right:1px;} .dt-sc-timeline-section.type2 .dt-sc-timeline.right .dt-sc-timeline-content::after{left:2px;right:auto;} .dt-sc-timeline-section.type2 .dt-sc-timeline.simple-content{margin-bottom:0px;} .dt-sc-timeline-section.type2 .dt-sc-timeline.simple-content .dt-sc-timeline-content h2{font-size:30px;font-style:italic;font-weight:bold;} .dt-sc-timeline-section.type2 .dt-sc-timeline.simple-content .dt-sc-timeline-content:after{width:70px;top:13px;} .dt-sc-timeline-section.type2 .dt-sc-timeline:last-child{margin-bottom:0;margin-left:-5px;margin-top:100px;} .dt-sc-timeline-section.type2 .dt-sc-timeline:last-child .column{width:100%;} .dt-sc-timeline-section.type2 .dt-sc-timeline.left:last-child .dt-sc-timeline-content{padding-right:0px;} .dt-sc-timeline-section.type2 .dt-sc-timeline:last-child .dt-sc-timeline-content:after{border-width:0;} .dt-sc-timeline-section.type2 .dt-sc-timeline:last-child .dt-sc-timeline-content h2{margin-top:10px;} .dt-sc-timeline-section.type2 .dt-sc-timeline:last-child .dt-sc-timeline-content h2 span{margin-bottom:15px;} .dt-sc-timeline-section.type2:after{content:"";position:absolute;left:0px;right:0px;top:-15px;margin:auto;border:3px solid;width:16px;height:16px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);} /* Vertical Timeline Type3 */ .dt-sc-timeline-section.type3{padding:30px 0px;} .dt-sc-timeline-section.type3:before{width:2px;height:100%;background:rgba(0, 0, 0, 0.1);} .dt-sc-timeline-section.type3 .dt-sc-timeline .dt-sc-timeline-content:before{right:0px;width:24px;height:24px;border:2px solid rgba(0, 0, 0, 0.1);z-index:1;right:-12px;top:40px;bottom:inherit;} .dt-sc-timeline-section.type3 .dt-sc-timeline .dt-sc-timeline-content:after{background:#ffffff;width:34px;height:34px;border-radius:50%;right:-18px;top:35px;bottom:inherit;} .dt-sc-timeline-section.type3 .dt-sc-timeline .dt-sc-timeline-content h2{position:relative;padding:10px 0px 0px;} .dt-sc-timeline-section.type3 .dt-sc-timeline .dt-sc-timeline-content h2:before{content:"";position:absolute;width:30px;height:2px;top:0px;right:0px;} .dt-sc-timeline-section.type3 .dt-sc-timeline .dt-sc-timeline-content h2 span{color:#000000;margin-bottom:5px;display:inline-block;} .dt-sc-timeline-section.type3 .dt-sc-timeline.right .dt-sc-timeline-content h2:before{left:0px;right:inherit;} .dt-sc-timeline-section.type3 .dt-sc-timeline.right .dt-sc-timeline-content:before{left:-12px;right:inherit;} .dt-sc-timeline-section.type3 .dt-sc-timeline.right .dt-sc-timeline-content:after{left:-18px;right:inherit;} .dt-sc-timeline-section.type3 .dt-sc-timeline .dt-sc-timeline-content{padding-top:30px;} .dt-sc-timeline-section.type3 .dt-sc-timeline.left .dt-sc-timeline-content{padding-right:105px;} .dt-sc-timeline-section.type3 .dt-sc-timeline.right .dt-sc-timeline-content{padding-left:105px;} /* Vertical Timeline Type4 */ .dt-sc-timeline-section.type4:before{background:#222222;} .dt-sc-timeline-section.type4 .dt-sc-timeline{padding-bottom:80px;} .dt-sc-timeline-section.type4 .dt-sc-timeline:last-child{padding-bottom:55px;} .dt-sc-timeline-section.type4 .dt-sc-timeline.left .dt-sc-timeline-content:before, .dt-sc-timeline-section.type4 .dt-sc-timeline.right .dt-sc-timeline-content:before, .dt-sc-timeline-section.type4 .dt-sc-timeline.left .dt-sc-timeline-content:after, .dt-sc-timeline-section.type4 .dt-sc-timeline.right .dt-sc-timeline-content:after{background:none;border:none;} .dt-sc-timeline-section.type4 .dt-sc-timeline:first-child{margin-top:15px;} .dt-sc-timeline-section.type4 .dt-sc-timeline.left .dt-sc-timeline-content{padding-right:80px;padding-top:15px;} .dt-sc-timeline-section.type4 .dt-sc-timeline.right .dt-sc-timeline-content{padding-left:80px;padding-top:15px;} .dt-sc-timeline-section.type4 .dt-sc-timeline .dt-sc-timeline-content h2{text-transform:uppercase;position:relative;margin-bottom:30px;} .dt-sc-timeline-section.type4 .dt-sc-timeline .dt-sc-timeline-content h2 span{font-size:16px;color:#222222;font-weight:600;} .dt-sc-timeline-section.type4 .dt-sc-timeline .dt-sc-timeline-content h2:before{content:"";position:absolute;width:70px;height:1px;right:0px;bottom:-10px;} .dt-sc-timeline-section.type4 .dt-sc-timeline.right .dt-sc-timeline-content h2:before{right:inherit;left:0px;} .dt-sc-timeline-section.type4 .dt-sc-timeline.right > .column{float:right;} .dt-sc-timeline-section.type4 .dt-sc-timeline-thumb-overlay{height:100%;opacity:0;filter:alpha(opacity=0);position:absolute;left:0;top:0;text-align:center;width:100%;border-radius:50%;} .dt-sc-timeline-section.type4 .dt-sc-timeline-thumb-overlay h5{color:#ffffff;font-weight:bold;line-height:28px;text-transform:uppercase;padding:37px 30px;font-size:18px;} .dt-sc-timeline-section.type4 .dt-sc-timeline:hover .dt-sc-timeline-thumb-overlay{opacity:1;filter:alpha(opacity=100);} .dt-sc-timeline-section.type4 .dt-sc-timeline-image-wrapper{position:absolute;margin-left:30px;max-width:136px;right:-166px;top:0px;} .dt-sc-timeline-section.type4 .dt-sc-timeline-image-wrapper img{border-radius:50%;box-shadow:0 0 0 3px #222222;} .dt-sc-timeline-section.type4 .dt-sc-timeline-image-wrapper:before{content:"";position:absolute;left:-48px;top:55px;width:25px;height:25px;border:1px solid #222222;background:#ffffff;border-radius:50%;} .dt-sc-timeline-section.type4 .dt-sc-timeline-image-wrapper:after{content:"";position:absolute;left:-30px;top:67px;width:30px;height:5px;background:#222222;z-index:-1;} .dt-sc-timeline-section.type4 .dt-sc-timeline.right .dt-sc-timeline-image-wrapper{right:inherit;left:-166px;margin-right:30px;margin-left:0px;} .dt-sc-timeline-section.type4 .dt-sc-timeline.right .dt-sc-timeline-image-wrapper:before{left:153px;} .dt-sc-timeline-section.type4 .dt-sc-timeline.right .dt-sc-timeline-image-wrapper:after{left:132px;} /* Vertical Timeline Type5 */ .dt-sc-timeline-section.type5{margin-bottom:0px;} .dt-sc-timeline-section.type5:before{background:rgba(0, 0, 0, 0.1);width:1px;} .dt-sc-timeline-section.type5 .dt-sc-timeline.left .dt-sc-timeline-content:before, .dt-sc-timeline-section.type5 .dt-sc-timeline.right .dt-sc-timeline-content:before, .dt-sc-timeline-section.type5 .dt-sc-timeline.left .dt-sc-timeline-content:after, .dt-sc-timeline-section.type5 .dt-sc-timeline.right .dt-sc-timeline-content:after{background:none;border:none;} .dt-sc-timeline-section.type5 .dt-sc-timeline:first-child, .dt-sc-timeline-section.type5 .dt-sc-timeline:last-child{margin:0px;} .dt-sc-timeline-section.type5 .dt-sc-timeline.left .dt-sc-timeline-content{padding-right:65px;} .dt-sc-timeline-section.type5 .dt-sc-timeline.right .dt-sc-timeline-content{padding-left:65px;} .dt-sc-timeline-section.type5 .dt-sc-timeline .dt-sc-timeline-content{position:relative;float:left;} .dt-sc-timeline-section.type5 .dt-sc-timeline .dt-sc-timeline-content .dt-sc-timeline-icon-wrapper{position:absolute;right:-38px;height:75px;width:75px;text-align:center;background:#ffffff;} .dt-sc-timeline-section.type5 .dt-sc-timeline .dt-sc-timeline-content .dt-sc-timeline-icon-wrapper span{font-size:40px;line-height:75px;color:#000;} .dt-sc-timeline-section.type5 .dt-sc-timeline .dt-sc-timeline-content h2{margin-top:20px;margin-bottom:15px;font-size:20px;} .dt-sc-timeline-section.type5 .dt-sc-timeline .dt-sc-timeline-content h2 span{color:#1b1310;font-size:20px;} .dt-sc-timeline-section.type5 .dt-sc-timeline.right .dt-sc-timeline-content .dt-sc-timeline-icon-wrapper{right:inherit;left:-38px;} .dt-sc-hr-timeline-section.type2.with_icon .dt-sc-hr-timeline-content{position:relative;padding-left:85px;text-align:left;} .dt-sc-hr-timeline-section.type2.with_icon .dt-sc-hr-timeline-content::before{border-left:5px solid #fff;content:"";display:inline-block;height:80%;left:33px;position:absolute;top:0;} .dt-sc-hr-timeline-section.type2.with_icon .dt-sc-hr-timeline-content h3{font-size:18px;text-transform:none;} .dt-sc-hr-timeline-section.type2.with_icon .dt-sc-hr-timeline-content span{background:#0eb2e7;border-radius:50%;box-shadow:0 0 0 7px #fff;color:#fff;font-size:25px;height:56px;left:7px;line-height:56px;position:absolute;text-align:center;top:7px;width:56px;} .dt-sc-hr-timeline-section.type2.with_icon .dt-sc-hr-timeline-content h4{font-size:50px;margin-top:35px;} /*-------------------------------------------------------------- 1.2 - Browser Css --------------------------------------------------------------*/ @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */ ::i-block-chrome, .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline .dt-sc-hr-timeline-content:after{bottom:-42px;} ::i-block-chrome, .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-content:after{bottom:inherit;top:-41px;} ::i-block-chrome, .dt-sc-timeline-section.type4 .dt-sc-timeline-thumb-overlay{left:0;top:0;} ::i-block-chrome, .dt-sc-timeline-section.type4 .dt-sc-timeline-image-wrapper{right:-160px;} } /*-------------------------------------------------------------- 1.3 - Default Colors --------------------------------------------------------------*/ .dt-sc-dark-bg .dt-sc-timeline .dt-sc-timeline-content h2 span{color:#ffffff;} .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline .dt-sc-hr-timeline-content, .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline .dt-sc-hr-timeline-content:before{background:#f5f5f5;} .dt-sc-timeline-section:before, .dt-sc-timeline .dt-sc-timeline-content:after{background:rgba(0, 0, 0, 0.05);} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-thumb:before{background:#ffffff;} .dt-sc-hr-timeline-section.type2:before, .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-thumb:after, .dt-sc-title.with-two-color-stripe:before{background:#222222;} .dt-sc-timeline .dt-sc-timeline-content:before{border-color:rgba(0, 0, 0, 0.05);} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-thumb:before{border-color:#222222;} /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { /** Timeline **/ .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-thumb{top:18px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-thumb{top:-10px;} .dt-sc-timeline-section.type5 .dt-sc-timeline .dt-sc-timeline-content h2{margin-bottom:10px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-content h3{margin-top:40px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-content{font-size:13px;} } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { /** Timeline **/ .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-thumb{top:18px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-thumb{top:-10px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-content p{font-size:12px;line-height:20px;} .dt-sc-timeline-section.type3 .dt-sc-timeline.left .dt-sc-timeline-content{padding-right:50px;} .dt-sc-timeline-section.type3 .dt-sc-timeline.right .dt-sc-timeline-content{padding-left:50px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-thumb img{width:106px;} .dt-sc-hr-timeline-section.type1:before, .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline-wrapper:before, .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline-wrapper:after{bottom:0px;} .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline .dt-sc-hr-timeline-content h3{font-size:21px;} .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline .dt-sc-hr-timeline-content{font-size:14px;} .dt-sc-timeline .dt-sc-timeline-content h2{line-height:30px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-content h3{margin-top:20px;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { /** Horizontal Timeline **/ .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline .dt-sc-hr-timeline-content, .dt-sc-timeline .column{width:100%;} .dt-sc-hr-timeline-section.type1 .column{margin-bottom:0;} .dt-sc-hr-timeline-section.type1 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-content{margin:42px 0 0;} .dt-sc-hr-timeline-section.type2::before{content:none;} .dt-sc-hr-timeline-section.type2 .column{margin-bottom:50px;} .dt-sc-hr-timeline-section.type2 .column:last-child{margin-bottom:20px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-content h3::after, .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-content p::after{content:"";height:5px;margin:0 auto;position:absolute;left:0;right:0;width:calc(100% - 40px);z-index:-1;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-content h3::after{top:-37px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-thumb{padding:95px 0 0;top:20px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-thumb:before{top:26px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-thumb:after{top:52px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-content h3::after{content:none;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-content p::after{bottom:50%;} /** Vertical Timeline **/ .dt-sc-timeline-section::before{right:auto;} .dt-sc-timeline-section::after{content:"";height:100%;right:0;margin:auto;position:absolute;right:0;top:0;width:5px;} .dt-sc-timeline-section .dt-sc-timeline:first-child{margin-top:-10px;} .dt-sc-timeline .dt-sc-timeline-content::after{right:0;width:25px;} .dt-sc-timeline.right .dt-sc-timeline-content::after{left:0;} .dt-sc-timeline .dt-sc-timeline-content::before{right:25px;} .dt-sc-timeline.left .dt-sc-timeline-content{padding:0 70px 0 0;} .dt-sc-timeline.right .dt-sc-timeline-content::before{left:25px;} .dt-sc-timeline.right .dt-sc-timeline-content{padding:0 0 0 70px;} .dt-sc-timeline-section.type2{border-width:0 3px;border-style:solid;} .dt-sc-timeline-section.type2::after{left:auto;right:-10px;} .dt-sc-timeline-section.type2::before{border-width:3px;border-style:solid;content:"";height:16px;left:-9px;margin:auto;position:absolute;top:-15px;transform:rotate(45deg);width:16px;} .dt-sc-timeline-section.type2 .dt-sc-timeline{margin-bottom:15px;} .dt-sc-timeline-section.type2 .dt-sc-timeline:last-child{margin-top:20px;} .dt-sc-timeline-section.type2 .dt-sc-timeline .dt-sc-timeline-content::before{width:100%;} .dt-sc-timeline-section.type2 .dt-sc-timeline:last-child .dt-sc-timeline-content::after{border-width:2px;width:100%;} .dt-sc-timeline-section.type3::after{width:2px;} .dt-sc-timeline-section.type5::after{width:1px;} .dt-sc-timeline-section.type3::after, .dt-sc-timeline-section.type4::after, .dt-sc-timeline-section.type5::after{z-index:-1;} .dt-sc-timeline-section.type3 .dt-sc-timeline.left .dt-sc-timeline-content{padding-left:20px;padding-right:40px;} .dt-sc-timeline-section.type3 .dt-sc-timeline.right .dt-sc-timeline-content{padding-left:40px;padding-right:20px;} .dt-sc-timeline-section.type4 .dt-sc-timeline{padding-bottom:40px;} .dt-sc-timeline-section.type4 .dt-sc-timeline.left .dt-sc-timeline-content{padding-left:20px;padding-right:30px;} .dt-sc-timeline-section.type4 .dt-sc-timeline.right .dt-sc-timeline-content{padding-left:30px;padding-right:20px;} .dt-sc-timeline-section.type4 .dt-sc-timeline.left .dt-sc-timeline-content, .dt-sc-timeline-section.type4 .dt-sc-timeline.right .dt-sc-timeline-content{padding-top:165px;} .dt-sc-timeline-section.type4 .dt-sc-timeline-image-wrapper{margin-left:0;margin-right:30px;right:0;} .dt-sc-timeline-section.type4 .dt-sc-timeline-image-wrapper::after{left:auto;right:-30px;} .dt-sc-timeline-section.type4 .dt-sc-timeline-image-wrapper::before{left:auto;right:-40px;} .dt-sc-timeline-section.type4 .dt-sc-timeline.right .dt-sc-timeline-image-wrapper{margin-left:30px;margin-right:0;left:0;right:auto;} .dt-sc-timeline-section.type4 .dt-sc-timeline.right .dt-sc-timeline-image-wrapper::before{left:-40px;right:auto;} .dt-sc-timeline-section.type4 .dt-sc-timeline.right .dt-sc-timeline-image-wrapper::after{left:-30px;right:auto;} .dt-sc-timeline-section.type5 .dt-sc-timeline .dt-sc-timeline-content .dt-sc-timeline-icon-wrapper{height:50px;right:-26px;width:50px;} .dt-sc-timeline-section.type5 .dt-sc-timeline.right .dt-sc-timeline-content .dt-sc-timeline-icon-wrapper{left:-26px;} .dt-sc-timeline-section.type5 .dt-sc-timeline .dt-sc-timeline-content .dt-sc-timeline-icon-wrapper span{font-size:36px;line-height:50px;} .dt-sc-timeline-section.type5 .dt-sc-timeline.left .dt-sc-timeline-content{padding-left:15px;padding-right:35px;} .dt-sc-timeline-section.type5 .dt-sc-timeline.right .dt-sc-timeline-content{padding-left:35px;padding-right:15px;} .dt-sc-timeline-section.type5 .dt-sc-timeline .dt-sc-timeline-content{margin:0 0 20px;} .dt-sc-timeline-section.type5 .dt-sc-timeline .dt-sc-timeline-content h2{margin-top:15px;} /** Colors **/ .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline-content h3::after, .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-content p::after{background-color:#222222;} .dt-sc-timeline-section::after{background-color:rgba(0, 0, 0, 0.05);} .dt-sc-timeline-section.type2::before{background-color:rgba(0,0,0,0);} .dt-sc-timeline-section.type4::after{background-color:#222222;} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { /** Timeline **/ .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-thumb{top:-4px;} .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-content p::after{bottom:calc(50% + 10px);} .dt-sc-timeline-section{display:block;float:none;margin-left:auto;margin-right:auto;width:95%;} .dt-sc-timeline-section.type5{width:90%;} .dt-sc-timeline-section.type5 .dt-sc-timeline .dt-sc-timeline-content h2{margin-top:10px;line-height:normal;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { /** Timeline **/ .dt-sc-hr-timeline-section.type2 .dt-sc-hr-timeline.bottom .dt-sc-hr-timeline-content p::after{bottom:50%;} .dt-sc-timeline-section.type2 .dt-sc-timeline-image-wrapper{height:75px;width:80px;} .dt-sc-timeline-section.type2 .dt-sc-timeline .dt-sc-timeline-content::after{top:57px;} .dt-sc-timeline-section.type5{width:100%;} } /* Table of Content ================================================== 1.0 - Title 1.1 - Default Colors 1.2 - Responsive*/ /*-------------------------------------------------------------- 1.0 - Title --------------------------------------------------------------*/ .dt-sc-title{position:relative;clear:both;float:left;} .aligncenter .dt-sc-title{text-align:center;width:100%;} .dt-sc-title.with-two-color-bg{margin-bottom:60px;} .dt-sc-title.with-two-color-bg:before{content:"";position:absolute;left:-20px;top:0px;width:100%;height:100%;-webkit-transform:skewX(-30deg);transform:skewX(-30deg);-ms-transform:skewX(-30deg);} .dt-sc-title.with-two-color-bg:after{content:"";height:100%;top:0;right:100%;position:absolute;-ms-transform:skewX(-30deg) translateX(-30px);-webkit-transform:skewX(-30deg) translateX(-30px);transform:skewX(-30deg) translateX(-30px);width:9000px;} .dt-sc-title.with-two-color-bg h2{padding:25px 30px 23px 10px;position:relative;z-index:1;margin:0px;left:10px;} .dt-sc-title.script-with-sub-title h2{font-weight:normal;margin-bottom:0px;letter-spacing:normal;} .dt-sc-title.script-with-sub-title.with-icon.aligncenter{float:left;width:100%;} .dt-sc-title.with-two-border h2{position:relative;display:inline-block;} .dt-sc-title.with-two-border h2:before, .dt-sc-title.with-two-border h2:after{content:"";position:absolute;top:50%;width:80px;height:2px;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);} .dt-sc-title.with-two-border h2:before{left:-100px;} .dt-sc-title.with-two-border h2:after{right:-99px;} .dt-sc-title.with-sub-title h2{margin-bottom:10px;} .dt-sc-title.with-sub-title h3{font-size:14px;letter-spacing:1px;} .dt-sc-title.with-two-color-stripe{position:relative;width:100%;margin:0px 0px 50px;} .dt-sc-title.with-two-color-stripe:before, .dt-sc-title.with-two-color-stripe:after{content:"";height:100%;position:absolute;top:0;width:9000px;} .dt-sc-title.with-two-color-stripe:before{right:100%;transform:skewX(-30deg) translateX(-30px);-webkit-transform:skewX(-30deg) translateX(-30px);-ms-transform:skewX(-30deg) translateX(-30px);} .dt-sc-title.with-two-color-stripe:after{left:100%;transform:skewX(-30deg) translateX(30px);-webkit-transform:skewX(-30deg) translateX(30px);-ms-transform:skewX(-30deg) translateX(30px);} .dt-sc-title.with-two-color-stripe h3{font-size:20px;margin:40px 0px -5px;letter-spacing:1px;float:left;} .dt-sc-title.with-two-color-stripe h2{font-size:34px;font-weight:900;letter-spacing:2px;float:left;clear:both;margin-bottom:0px;} .dt-sc-title.with-two-color-stripe h5{float:left;position:relative;padding:50px 0px 40px 100px;margin:-50px 0px 0px;font-size:14px;} .dt-sc-title.with-two-color-stripe h5:before{content:"";position:absolute;left:57px;height:100%;width:1px;top:-5px;-webkit-transform:skewX(-30deg);transform:skewX(-30deg);-ms-transform:skewX(-30deg);} .dt-sc-title.with-right-border-decor{float:left;clear:both;width:100%;margin:0;padding:0 0 20px 70px;} .dt-sc-title.with-right-border-decor:before{content:"";position:absolute;bottom:0;left:21px;top:35px;height:auto;width:1px;} .dt-sc-title.with-right-border-decor:after{content:"";position:absolute;left:15px;bottom:0;width:13px;height:13px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:2px;} .dt-sc-title.with-right-border-decor h2{margin:-7px 0 40px;line-height:40px;position:relative;} .dt-sc-title.with-right-border-decor p{font-size:14px;} .dt-sc-title.with-right-border-decor .dt-sc-button{margin-top:30px;clear:both;} .dt-sc-title.with-right-border-decor h2:before{content:"";position:absolute;left:-62px;top:10px;width:28px;height:28px;border:4px solid;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:3px;} .dt-sc-title.with-right-border-decor > h4:first-child{color:#cacaca;margin-bottom:10px;font-weight:300;font-size:20px;text-transform:uppercase;padding-bottom:20px;} .dt-sc-title.with-right-border-decor > h5:first-child{color:#cacaca;margin-bottom:5px;font-weight:400;font-size:18px;text-transform:uppercase;padding-bottom:10px;} .dt-sc-title.with-right-border-decor > h6:first-child{color:#cacaca;margin-bottom:0;font-weight:400;font-size:16px;text-transform:uppercase;padding-bottom:10px;} .aligncenter .dt-sc-title.with-right-border-decor > *:first-child:after, .dt-sc-title.with-right-border-decor.aligncenter > *:first-child:after{right:0;margin:0 auto;} .alignright .dt-sc-title.with-right-border-decor > *:first-child:after, .dt-sc-title.with-right-border-decor.alignright > *:first-child:after{left:auto;right:0;} .dt-sc-title.with-right-border-decor.alignright > *{text-align:right;float:right;} .dt-sc-title.with-right-border-decor.aligncenter > *{text-align:center;float:none;display:inline-block;} .dt-sc-title.with-boxed{width:100%;height:100%;text-align:center;text-transform:uppercase;} .dt-sc-title.with-boxed h2 span{font-size:48px;display:block;padding-bottom:20px;margin-bottom:0px;} .dt-sc-title.with-boxed h2{position:absolute;left:0px;right:0px;bottom:0px;top:0px;margin:auto;height:120px;} .dt-sc-photography-style:before{content:"";position:absolute;left:-20px;top:-20px;width:100%;height:100%;z-index:-1;} .dt-sc-photography-style.alter:before{left:inherit;right:-20px;bottom:-20px;top:inherit;} .dt-sc-triangle-title{float:left;clear:both;width:370px;height:500px;text-align:center;position:relative;} .dt-sc-triangle-title:before{content:"";position:absolute;left:0px;right:0px;margin:auto;top:100px;width:310px;height:310px;transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg);-webkit-transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg);-ms-transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg);} .dt-sc-triangle-title:after{content:"";position:absolute;left:0px;right:0px;margin:auto;top:111px;width:290px;height:290px;transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg);-webkit-transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg);-ms-transform:rotate3d(1, 1, 5, 47deg) skew(10deg, 10deg);} .dt-sc-triangle-title h2{margin:215px 0px 10px;position:relative;z-index:9;font-size:27px;} .dt-sc-triangle-title p{font-size:12px;line-height:24px;position:relative;z-index:9;} .dt-sc-triangle-title h2, .dt-sc-triangle-title p{color:#fff;} .dt-sc-ribbon-title{display:inline-block;text-align:center;font-size:30px;background:url(//www.kadikoydogalgazprojesi.com/wp-content/plugins/designthemes-core-features/shortcodes/images/ribbon.png) no-repeat;width:500px;height:106px;letter-spacing:1px;text-transform:uppercase;line-height:55px;} .dt-sc-title.two-colored-title{display:block;float:none;} .dt-sc-title.two-colored-title h2{font-size:56px;} .dt-sc-title.two-colored-title h3{text-transform:uppercase;} .dt-sc-dark-bg .dt-sc-title.two-colored-title h2, .dt-sc-dark-bg .dt-sc-title.two-colored-title h3, .dt-sc-dark-bg .dt-sc-title.two-colored-title h4, .dt-sc-dark-bg .dt-sc-title.two-colored-title h5, .dt-sc-dark-bg .dt-sc-title.two-colored-title h6{color:#fff;} .mz-title{overflow:hidden;float:left;width:100%;} .mz-title .mz-title-content{margin-bottom:30px;position:relative;clear:both;float:left;} .mz-title .mz-title-content:before{content:"";position:absolute;right:-16px;top:0px;width:100%;height:100%;-webkit-transform:skewX(30deg);transform:skewX(30deg);-ms-transform:skewX(30deg);} .mz-title .mz-title-content:after{content:"";height:100%;top:0px;left:114%;left:-webkit-calc(100% - -26px);left:-moz-calc(100% - -26px);left:calc(100% - -26px);position:absolute;-ms-transform:skewX(30deg);-webkit-transform:skewX(30deg);transform:skewX(30deg);width:9000px;background:#f3f3f3;} .dt-sc-title.mz-title .mz-title-content h2{padding:17px 10px 15px 20px;position:relative;z-index:1;margin:0px;left:0px;font-size:16px;text-transform:uppercase;} .dt-sc-title.mz-title .mz-title-content h2{color:#fff;} .dt-sc-title.split2-title{overflow:hidden;float:left;width:100%;} .dt-sc-title.split2-title .split2-title-content{margin-bottom:30px;position:relative;clear:both;float:left;} .dt-sc-title.split2-title .split2-title-content:after{background:url(//www.kadikoydogalgazprojesi.com/wp-content/plugins/designthemes-core-features/shortcodes/images/title-pattern.png) repeat;content:"";height:100%;top:0px;left:100%;position:absolute;width:9000px;} .dt-sc-title.split2-title .split2-title-content h2{background:#000;padding:12px 15px;position:relative;z-index:1;margin:0px;left:0px;font-size:16px;text-transform:uppercase;} .dt-sc-title.split2-title .split2-title-content *{color:#fff;} /*-------------------------------------------------------------- 1.1 - Default Colors --------------------------------------------------------------*/ .dt-sc-title.with-two-color-stripe h5{color:rgba(0, 0, 0, 0.3);} .dt-sc-dark-bg.skin-color .dt-sc-title.script-with-sub-title h2, .dt-sc-title.with-two-color-bg h2, .dt-sc-title.with-boxed h2, .dt-sc-title.with-boxed h2 a{color:#ffffff;} .dt-sc-title.with-boxed h2 a:hover{color:rgba(0, 0, 0, 0.2);} .dt-sc-title.with-two-color-stripe:after{background:rgba(0, 0, 0, 0.1);} .dt-sc-title.with-two-color-stripe h5:before{background:rgba(0, 0, 0, 0.2);} .dt-sc-title.with-two-color-stripe:after{background:#e6e6e8;} .dt-sc-title.with-two-border h2:before, .dt-sc-title.with-two-border h2:after{background:#000000;} .dt-sc-dark-bg .dt-sc-title.with-two-border h2:before, .dt-sc-dark-bg .dt-sc-title.with-two-border h2:after{background:#ffffff;} .dt-sc-title.with-two-color-bg:before, .dt-sc-title.with-two-color-bg h2{background:#000000;} .dt-sc-photography-style:before{background:#000000;} @media all and (min-width:0\0) and (min-resolution:.001dpcm) { .dt-sc-triangle-title::before, .dt-sc-triangle-title::after{transform:rotate(45deg) skew(10deg, 10deg);-ms-transform:rotate(45deg) skew(10deg, 10deg);} } /*-------------------------------------------------------------- 1.2 - Responsive --------------------------------------------------------------*/ @media only screen and (min-width:992px) and (max-width:1199px) { /** Headings - Titles **/ .dt-sc-title.with-two-color-stripe:before{transform:skewX(-30deg) translateX(-45px);-webkit-transform:skewX(-30deg) translateX(-45px);-ms-transform:skewX(-30deg) translateX(-45px);} .dt-sc-title.with-two-color-stripe:after{transform:skewX(-30deg) translateX(45px);-webkit-transform:skewX(-30deg) translateX(45px);-ms-transform:skewX(-30deg) translateX(45px);} .dt-sc-title.with-two-color-stripe h5{padding:50px 0px 40px 70px;} .dt-sc-title.with-two-color-stripe h5:before{left:50px;} .dt-sc-triangle-title{height:450px;width:100%;} .dt-sc-triangle-title:before{height:250px;top:100px;width:250px;} .dt-sc-triangle-title:after{height:230px;top:110px;width:230px;} .dt-sc-triangle-title h2{margin:175px 0 15px;font-size:20px;} .dt-sc-photography-style.vc_col-md-12{padding-bottom:0;} .dt-sc-title.with-two-color-stripe h1, .dt-sc-title.with-two-color-stripe h2, .dt-sc-title.with-two-color-stripe h3, .dt-sc-title.with-two-color-stripe h4, .dt-sc-title.with-two-color-stripe h5, .dt-sc-title.with-two-color-stripe h6{float:none;} .dt-sc-title.with-two-color-stripe{text-align:center;} .dt-sc-title.with-two-color-stripe h5{margin:0;padding-left:0;} .dt-sc-title.with-two-color-stripe h5{padding:50px 0px 40px 70px;padding-left:70px;} .dt-sc-title.with-two-color-stripe h5::before{height:1px;left:0;top:25px;width:100%;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;} } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { /** Headings - Titles **/ .dt-sc-title.with-two-color-bg::before{left:0;} .dt-sc-title.with-two-color-bg::after{-webkit-transform:skewX(-30deg) translateX(-10px);transform:skewX(-30deg) translateX(-10px);} .dt-sc-title.with-two-color-bg h2{left:35px;} .dt-sc-title.with-two-color-stripe{text-align:center;} .dt-sc-title.with-two-color-stripe:before{transform:skewX(-30deg) translateX(-45px);-webkit-transform:skewX(-30deg) translateX(-45px);-ms-transform:skewX(-30deg) translateX(-45px);} .dt-sc-title.with-two-color-stripe:after{transform:skewX(-30deg) translateX(45px);-webkit-transform:skewX(-30deg) translateX(45px);-ms-transform:skewX(-30deg) translateX(45px);} .dt-sc-title.with-two-color-stripe h1, .dt-sc-title.with-two-color-stripe h2, .dt-sc-title.with-two-color-stripe h3, .dt-sc-title.with-two-color-stripe h4, .dt-sc-title.with-two-color-stripe h5, .dt-sc-title.with-two-color-stripe h6{float:none;} .dt-sc-title.with-two-color-stripe h5{margin:0;padding-left:0;} .dt-sc-title.with-two-color-stripe h5::before{height:1px;left:0;top:25px;width:100%;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;} .dt-sc-triangle-title{height:390px;width:100%;} .dt-sc-triangle-title:before{height:195px;top:100px;width:195px;} .dt-sc-triangle-title:after{height:175px;top:110px;width:175px;} .dt-sc-triangle-title h2{font-size:18px;margin:157px 0 15px;} .dt-sc-triangle-title p{font-size:9px;line-height:20px;} .dt-sc-title.with-boxed h2{font-size:24px;} .dt-sc-photography-style.rs_col-sm-12{padding-bottom:0;} .dt-sc-photography-style.alter:before{right:-15px;bottom:-15px;} .dt-sc-photography-style:before{left:-15px;top:-15px;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { /** Headings - Titles **/ .dt-sc-title.with-two-color-bg{display:block;float:none;margin:0 15px;text-align:center;width:auto;} .dt-sc-title.with-two-color-bg:before{left:-7px;} .dt-sc-title.with-two-color-bg:after{-webkit-transform:skewX(-30deg) translateX(-15px);transform:skewX(-30deg) translateX(-15px);} .dt-sc-title.with-two-color-bg h2{padding:15px 10px 15px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;} .dt-sc-title.with-two-color-stripe{text-align:center;} .dt-sc-title.with-two-color-stripe:before{transform:skewX(-30deg) translateX(-45px);-webkit-transform:skewX(-30deg) translateX(-45px);-ms-transform:skewX(-30deg) translateX(-45px);} .dt-sc-title.with-two-color-stripe:after{transform:skewX(-30deg) translateX(45px);-webkit-transform:skewX(-30deg) translateX(45px);-ms-transform:skewX(-30deg) translateX(45px);} .dt-sc-title.with-two-color-stripe h1, .dt-sc-title.with-two-color-stripe h2, .dt-sc-title.with-two-color-stripe h3, .dt-sc-title.with-two-color-stripe h4, .dt-sc-title.with-two-color-stripe h5, .dt-sc-title.with-two-color-stripe h6{float:none;} .dt-sc-title.two-colored-title h2{font-size:45px;} .dt-sc-title.with-right-border-decor.aligncenter > *{line-height:normal;} .dt-sc-title.with-two-color-stripe h5{margin:0;padding-left:0;} .dt-sc-title.with-two-color-stripe h5::before{height:1px;left:0;top:25px;width:100%;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;} .dt-sc-title.with-boxed{display:block;float:none;margin:0 auto;width:calc(100% - 30px);} .icon-link-title .vc_column-inner{padding:0;} .dt-sc-title.with-two-border h2{font-size:22px;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} .dt-sc-title.with-two-border h2::before, .dt-sc-title.with-two-border h2::after{top:50%;width:calc(100% - 85%);} .dt-sc-title.with-two-border h2::before{left:100%;} .dt-sc-title.with-two-border h2::after{right:100%;} .dt-sc-triangle-title{width:100%;} .dt-sc-ribbon-title{background-size:100% auto;width:100%;} } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /** Headings - Titles **/ .dt-sc-ribbon-title{line-height:50px;} .dt-sc-triangle-title{height:510px;margin:0 0 35px;} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { /** Headings - Titles **/ .dt-sc-title.with-two-color-bg h2{font-size:22px;} .dt-sc-ribbon-title{font-size:20px;height:auto;line-height:32px;padding:0 0 30px;} } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { /** Headings - Titles **/ .dt-sc-title.with-two-border h2{font-size:20px;} .dt-sc-title.with-right-border-decor .dt-sc-button.large{font-size:15px;} .dt-sc-title.two-colored-title h2{font-size:35px;} .dt-sc-title.two-colored-title h3{font-size:25px;} .dt-sc-title.with-boxed h2{font-size:24px;height:100px;} .dt-sc-title.with-boxed h2 span{font-size:40px;} .dt-sc-triangle-title{height:450px;} .dt-sc-triangle-title:before{height:250px;top:100px;width:250px;} .dt-sc-triangle-title:after{height:230px;top:110px;width:230px;} .dt-sc-triangle-title h2{margin:170px 0 10px;font-size:23px;} } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { /** Headings - Titles **/ .dt-sc-title.with-two-color-bg{margin:0 -15px;} .dt-sc-title.with-two-color-bg h2{background:none;font-size:18px;left:auto;padding:15px 10px;} .dt-sc-title.with-two-color-stripe:before{transform:skewX(-30deg) translateX(-120px);-webkit-transform:skewX(-30deg) translateX(-120px);-ms-transform:skewX(-30deg) translateX(-120px);} .dt-sc-title.with-two-color-stripe:after{transform:skewX(-30deg) translateX(120px);-webkit-transform:skewX(-30deg) translateX(120px);-ms-transform:skewX(-30deg) translateX(120px);} .dt-sc-title.with-boxed h2{font-size:17px;height:80px;} .dt-sc-title.with-boxed h2 span{font-size:34px;} .dt-sc-photography-style:before{left:-15px;top:-15px;} .dt-sc-photography-style.alter:before{bottom:-15px;right:-15px;} .dt-sc-title.with-two-border h2{font-size:18px;padding:0 6px;} .dt-sc-title.with-two-border.with-sub-title h3{font-size:13px;} .dt-sc-ribbon-title{font-size:14px;line-height:24px;} .dt-sc-title.with-right-border-decor{padding:0 0 20px 40px;} .dt-sc-title.with-right-border-decor::before{left:11px;top:36px;} .dt-sc-title.with-right-border-decor::after{height:11px;left:6px;width:11px;} .dt-sc-title.with-right-border-decor h2{font-size:22px;} .dt-sc-title.with-right-border-decor h2::before{border-width:3px;height:20px;left:-42px;width:20px;} .dt-sc-title.with-right-border-decor .dt-sc-button.large{font-size:11px;padding:20px 30px 18px;} .dt-sc-triangle-title{height:390px;} .dt-sc-triangle-title:before{height:195px;top:100px;width:195px;} .dt-sc-triangle-title:after{height:175px;top:110px;width:175px;} .dt-sc-triangle-title h2{font-size:18px;margin:145px 0 0;} .dt-sc-triangle-title p{font-size:9px;} } /* Table of Content ================================================== 1.0 - Toggle & Accordion 1.1 - Default Color 1.2 - Responsive 1.3 - Skin Color*/ /*-------------------------------------------------------------- 1.0 - Toggle & Accordion --------------------------------------------------------------*/ h5.dt-sc-toggle-accordion, h5.dt-sc-toggle{position:relative;margin:0px 0px 10px;clear:both;font-size:18px;font-weight:600;} h5.dt-sc-toggle-accordion a, h5.dt-sc-toggle a{line-height:35px;padding:5px 0px 5px 50px;display:inline-block;width:100%;position:relative;} h5.dt-sc-toggle-accordion a:before, h5.dt-sc-toggle a:before{content:"";position:absolute;left:0px;top:0px;width:35px;height:100%;} h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle-accordion:after, h5.dt-sc-toggle:before, h5.dt-sc-toggle:after{content:"";position:absolute;top:0px;bottom:0px;margin:auto;} h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle:before{width:2px;height:16px;left:17px;} h5.dt-sc-toggle-accordion:after, h5.dt-sc-toggle:after{height:2px;width:16px;left:10px;} h5.dt-sc-toggle-accordion.active:before, h5.dt-sc-toggle.active:before{background:none;} .dt-sc-toggle-content{clear:both;padding:15px 0px 25px 50px;margin:0px;display:none;} h5.dt-sc-toggle-accordion span, h5.dt-sc-toggle span{margin-right:12px;font-size:17px;position:relative;top:2px;} .dt-sc-dark-bg h5.dt-sc-toggle-accordion.active:before, .dt-sc-dark-bg h5.dt-sc-toggle.active:before{background:none;} .type2 h5.dt-sc-toggle-accordion, .type2 h5.dt-sc-toggle{font-size:30px;} .type2 h5.dt-sc-toggle-accordion a:before, .type2 h5.dt-sc-toggle-accordion.active a:before, .type2 h5.dt-sc-toggle a:before, .type2 h5.dt-sc-toggle.active a:before{background:none;} .type2 h5.dt-sc-toggle-accordion:before, .type2 h5.dt-sc-toggle:before{width:3px;height:30px;left:14px;} .type2 h5.dt-sc-toggle-accordion:after, .type2 h5.dt-sc-toggle:after{height:3px;width:30px;left:0px;} .alignright h5.dt-sc-toggle-accordion a:before, .alignright h5.dt-sc-toggle a:before{left:inherit;right:0px;} .alignright h5.dt-sc-toggle-accordion:before, .alignright h5.dt-sc-toggle:before{right:17px;left:inherit;} .alignright h5.dt-sc-toggle-accordion:after, .alignright h5.dt-sc-toggle:after{right:10px;left:inherit;} .alignright h5.dt-sc-toggle-accordion a, .alignright h5.dt-sc-toggle a{padding:0px 50px 0px 0px;} .alignright .dt-sc-toggle-content{padding-right:30px;} .type2.alignright h5.dt-sc-toggle-accordion:before, .type2.alignright h5.dt-sc-toggle:before{right:14px;} .type2.alignright h5.dt-sc-toggle-accordion:after, .type2.alignright h5.dt-sc-toggle:after{right:0px;} .type2.alignright h5.dt-sc-toggle-accordion a, .type2.alignright h5.dt-sc-toggle a{padding:5px 50px 5px 0px;} .type2.alignright .dt-sc-toggle-content{padding-right:50px;} .dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .dt-sc-toggle-frame h5.dt-sc-toggle{border-bottom:1px solid;margin-bottom:0;} .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .dt-sc-toggle-frame h5.dt-sc-toggle a{padding:20px 0px 20px 80px;line-height:normal;} .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a:before, .dt-sc-toggle-frame h5.dt-sc-toggle a:before{content:"";position:absolute;left:0px;top:0px;width:60px;height:100%;border:none;} .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:after, .dt-sc-toggle-frame h5.dt-sc-toggle:before, .dt-sc-toggle-frame h5.dt-sc-toggle:after{content:"";position:absolute;top:0px;bottom:0px;margin:auto;} .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before, .dt-sc-toggle-frame h5.dt-sc-toggle:before{left:29px;width:2px;height:16px;} .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:after, .dt-sc-toggle-frame h5.dt-sc-toggle:after{left:22px;width:16px;height:2px;} .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active:before, .dt-sc-toggle-frame h5.dt-sc-toggle.active:before{background:none;} .dt-sc-toggle-frame .dt-sc-toggle-content{padding:15px 0px 25px 20px;margin:0px;border-bottom:1px solid;} .type2 .dt-sc-toggle-frame{border:1px solid rgba(0, 0, 0, 0.1);padding:20px;margin-bottom:10px;} .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle{font-size:16px;} .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:after, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle:after{width:26px;height:1px;right:20px;left:inherit;} .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle:before{display:none;} .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a:before, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a:before, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active:before, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle a:before, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle.active a:before, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle.active:before{background:none;} .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle a{padding:0px;color:#2f3542;} .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle.active a{padding:0px 0 15px;} .type2 .dt-sc-toggle-frame .dt-sc-toggle-content{padding:15px 0px 5px;border:0px;margin-bottom:0px;} .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle{border-bottom-width:0;} .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle.active{border-bottom-width:1px;} .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:after, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle:after{content:"\f107";font-family:fontawesome;font-size:20px;width:auto;height:100%;background:none;right:0;} .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active:after, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle.active:after{content:"\f106";} .type3 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle{border:1px solid rgba(0, 0, 0, 0.1);border-bottom:0px;font-size:18px;text-transform:capitalize;margin-bottom:-1px;} .type3 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle a{padding-left:20px;} .type3 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:after, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle:after, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle:before, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active:after, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle.active:after, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active:before, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle.active:before{background:none;} .type3 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a:before, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a:before, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active:before, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle a:before, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle.active a:before, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle.active:before{background:none;} .type3 .dt-sc-toggle-frame .dt-sc-toggle-content{border:1px solid rgba(0, 0, 0, 0.1);border-bottom:0px;margin-bottom:0px;padding:20px 20px 25px 25px;margin-top:1px;border-left-width:2px;} .dt-sc-toggle-frame-set.type3 .dt-sc-toggle-frame:last-child h5.dt-sc-toggle-accordion.active{border-bottom-color:rgba(0,0,0,0);} /*-------------------------------------------------------------- 1.1 - Default Colors --------------------------------------------------------------*/ .type3 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle.active a{color:#000000;} .dt-sc-toggle-frame-set.type3 .dt-sc-toggle-frame:last-child h5.dt-sc-toggle-accordion, .dt-sc-toggle-frame-set.type3 .dt-sc-toggle-frame:last-child .dt-sc-toggle-content{border-bottom:1px solid rgba(0, 0, 0, 0.1);} .dt-sc-toggle-frame-set.type3 .dt-sc-toggle-frame:last-child .dt-sc-toggle-content{border-bottom:1px solid rgba(0, 0, 0, 0.1);} .dt-sc-dark-bg h5.dt-sc-toggle-accordion a, .dt-sc-dark-bg h5.dt-sc-toggle a{color:#ffffff;} .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active:after, .dt-sc-dark-bg h5.dt-sc-toggle-accordion:after, .dt-sc-dark-bg h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle-accordion.active:after, h5.dt-sc-toggle.active:after, .dt-sc-dark-bg h5.dt-sc-toggle:after, .dt-sc-dark-bg h5.dt-sc-toggle:before, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion{background:#ffffff;} .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:after, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle:after{background:none;} h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle-accordion:after, h5.dt-sc-toggle:before, h5.dt-sc-toggle:after{background:rgba(0, 0, 0, 0.1);} h5.dt-sc-toggle-accordion a:before, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a:before, h5.dt-sc-toggle a:before, .dt-sc-toggle-frame h5.dt-sc-toggle a:before{background:rgba(0, 0, 0, 0.05);} .dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .dt-sc-toggle-frame h5.dt-sc-toggle{border-bottom-color:rgba(0, 0, 0, 0.1);} .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle{border-color:rgba(0, 0, 0, 0.1);} .dt-sc-toggle-frame .dt-sc-toggle-content{border-bottom-color:rgba(0, 0, 0, 0.1);} /*-------------------------------------------------------------- 1.2 - Responsive --------------------------------------------------------------*/ /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { /** Toggles **/ .type2 h5.dt-sc-toggle-accordion, .type2 h5.dt-sc-toggle{font-size:24px;} } /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { /** Toggles **/ .type2 > h5.dt-sc-toggle-accordion, .type2 > h5.dt-sc-toggle{font-size:24px;} .type2 h5.dt-sc-toggle-accordion::before, .type2 h5.dt-sc-toggle::before{height:25px;left:11px;} .type2.alignright h5.dt-sc-toggle-accordion::before, .type2.alignright h5.dt-sc-toggle::before{left:auto;right:11px;} .type2 h5.dt-sc-toggle-accordion::after, .type2 h5.dt-sc-toggle::after{width:25px;} .type2 > h5.dt-sc-toggle-accordion a, .type2 > h5.dt-sc-toggle a, .type2 > .dt-sc-toggle-content{padding-left:40px;} .type2.alignright > h5.dt-sc-toggle-accordion a, .type2.alignright > h5.dt-sc-toggle a, .type2.alignright > .dt-sc-toggle-content{padding-right:40px;} .type3 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle{font-size:14px;} } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { /** Toggles **/ .dt-sc-toggle-frame h5.dt-sc-toggle-accordion::before, .dt-sc-toggle-frame h5.dt-sc-toggle::before{left:20px;} .dt-sc-toggle-frame h5.dt-sc-toggle-accordion::after, .dt-sc-toggle-frame h5.dt-sc-toggle::after{left:13px;} .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .dt-sc-toggle-frame h5.dt-sc-toggle a{padding:12px 0 12px 50px;} .dt-sc-toggle-frame h5.dt-sc-toggle-accordion a::before, .dt-sc-toggle-frame h5.dt-sc-toggle a::before{width:40px;} .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle{font-size:15px;} .type2 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion::before, .type2 .dt-sc-toggle-frame h5.dt-sc-toggle::before{height:20px;right:25px;} .type2 h5.dt-sc-toggle-accordion, .type2 h5.dt-sc-toggle{font-size:16px;} .type2 h5.dt-sc-toggle-accordion::before, .type2 h5.dt-sc-toggle::before{height:20px;left:8px;} .type2.alignright h5.dt-sc-toggle-accordion::before, .type2.alignright h5.dt-sc-toggle::before{left:auto;right:8px;} .type2 h5.dt-sc-toggle-accordion::after, .type2 h5.dt-sc-toggle::after{width:20px;} .type2 > h5.dt-sc-toggle-accordion a, .type2 > h5.dt-sc-toggle a, .type2 > .dt-sc-toggle-content{padding-left:35px;} .type2.alignright > h5.dt-sc-toggle-accordion a, .type2.alignright > h5.dt-sc-toggle a, .type2.alignright > .dt-sc-toggle-content{padding-right:35px;} .type3 .dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .type3 .dt-sc-toggle-frame h5.dt-sc-toggle{font-size:14px;} } /* Table of Content ================================================== 1.0 - Tooltip*/ /*-------------------------------------------------------------- 1.0 - Tooltip --------------------------------------------------------------*/ .dt-sc-boxed-tooltip{background:#f6f6f6;color:#37251b;display:inline-block;margin:10px 0px 0px;padding:10px 20px;text-align:center;line-height:normal;} .dt-sc-boxed-tooltip:hover{background:#37251b;color:#ffffff;} #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{padding:8px 10px;color:#ffffff;font-size:12px;line-height:normal;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;width:0;opacity:0.85;} #tiptip_holder.tip_top #tiptip_arrow{border-top-color:#fff;border-top-color:#000000;} #tiptip_holder.tip_bottom #tiptip_arrow{border-bottom-color:#fff;border-bottom-color:#000000;} #tiptip_holder.tip_right #tiptip_arrow{border-right-color:#fff;border-right-color:#000000;} #tiptip_holder.tip_left #tiptip_arrow{border-left-color:#fff;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;} /* Table of Content ================================================== 1.0 - Twitter Feeds*/ /*-------------------------------------------------------------- 1.0 - Twitter Feeds --------------------------------------------------------------*/ /*----*****---- << Twitter Feeds >> ----*****----*/ .dt-sc-twitter-feeds{float:left;clear:both;width:100%;text-align:center;} .dt-sc-twitter-icon{margin:0px 0px 40px;position:relative;float:left;width:100%;clear:both;} .dt-sc-twitter-icon span{width:70px;height:70px;line-height:70px;font-size:46px;display:inline-block;border-radius:50%;position:relative;z-index:1;} .dt-sc-twitter-feeds .dt-sc-tweet{display:block;text-align:center;} .dt-sc-twitter-feeds .tweet-text{font-size:24px;line-height:40px;color:#000000;} .dt-sc-twitter-feeds .dt-sc-tweet .tweet-time{font-size:16px;clear:both;display:inline-block;width:100%;font-style:italic;margin:10px 0px 0px;} .dt-sc-twitter-icon:before{content:"";position:absolute;left:100%;right:0px;top:35px;width:9000px;height:1px;} .dt-sc-twitter-icon:after{content:"";position:absolute;right:100%;right:0px;top:35px;width:9000px;height:1px;} /* Table of Content ================================================== 1.0 - Video Manager 2.0 - Skin Colors*/ /*-------------------------------------------------------------- 1.0 - Video Manager --------------------------------------------------------------*/ .dt-sc-video-manager-wrapper .wpb_column{overflow:hidden;} .dt-sc-video-manager-right.wpb_column{height:505px;margin-bottom:18px;margin-top:18px;} .dt-sc-video-item{float:left;margin-bottom:18px;overflow:hidden;padding:0 95px 0 65px;position:relative;width:100%;box-sizing:border-box;} .dt-sc-video-item:last-child{margin-bottom:0;} .dt-sc-vitem-thumb{bottom:0;float:left;max-width:150px;position:absolute;left:65px;top:0;width:22%;z-index:9;} .dt-sc-vitem-thumb:before{border:2px solid #fff;bottom:0;content:"";left:0;position:absolute;right:0;top:0;} .dt-sc-vitem-detail{box-sizing:border-box;display:inline-block;padding:20px 15px 20px 210px;position:relative;transition:all 0.3s linear 0s;width:100%;} .dt-sc-vitem-detail h2{font-size:13px;font-family:'Lato', sans-serif;text-transform:uppercase;margin-bottom:0px;position:relative;} .dt-sc-vitem-detail h2:before{content:"\e624";font-family:'Pe-icon-7-stroke';font-size:13px;position:absolute;left:-42px;} .dt-sc-vitem-detail p{font-size:11px;margin-bottom:0;color:#443838;} .type2 .dt-sc-vitem-detail p{color:#777777;} .type2 .dt-sc-video-item:before{content:"";display:block;height:100%;left:0;opacity:0.95;position:absolute;top:0;width:100%;background:-moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);/* FF3.6-15 */ background:-webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);/* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );/* IE6-9*/} .type2 .dt-sc-video-item:hover .dt-sc-vitem-detail, .type2 .dt-sc-video-item.active .dt-sc-vitem-detail{background-color:transparent;} .dt-sc-video-item:hover h2, .dt-sc-video-item:hover p, .dt-sc-video-item:hover .dt-sc-vitem-detail:before, .dt-sc-video-item.active h2, .dt-sc-video-item.active p, .dt-sc-video-item.active .dt-sc-vitem-detail:before{color:#eeebe8;} .dt-sc-video-wrapper{float:left;position:relative;} .dt-sc-video-wrapper .video-overlay{position:absolute;left:0;top:0;width:100%;height:100%;display:block;background-color:rgba(0,0,0,0.75);text-align:center;} .type2 .dt-sc-video-wrapper .video-overlay{background:url(//www.kadikoydogalgazprojesi.com/wp-content/plugins/designthemes-core-features/shortcodes/css/images/video-img-overlay.png) repeat;} .dt-sc-video-wrapper .video-overlay-inner{bottom:0;display:block;height:100px;left:0;margin:auto;position:absolute;right:0;top:0;} .dt-sc-video-wrapper .video-overlay-inner a{width:70px;height:70px;display:inline-block;border-radius:40px;} .dt-sc-video-wrapper .video-overlay-inner a span{color:#fff;font-size:30px;line-height:70px;} .dt-sc-video-wrapper .video-overlay-inner h2{font-family:'Lato', sans-serif;margin-top:10px;margin-bottom:0px;} .dt-sc-video-wrapper .video-overlay-inner h2, .dt-sc-video-wrapper .video-overlay-inner p{color:rgba(255,255,255,0.5);} .type2 .dt-sc-video-wrapper .video-overlay-inner h2, .type2 .dt-sc-video-wrapper .video-overlay-inner p{color:rgba(255, 255, 255, 0.7);} .dt-sc-video-item:hover{cursor:pointer;}