
/* 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,
.dt-sc-contact-info.type8 h6:before,
.dt-sc-contact-info.type8 h6:after,
.dt-sc-contact-info.type3 h6:before,
.dt-sc-contact-info.type3 h6:after,
.dt-sc-contact-info.type3:before
{
            transition: all .3s linear; 
       -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
         -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

/*--------------------------------------------------------------
	2.0 - Contact
	--------------------------------------------------------------*/
.dt-sc-contact-info
{
    clear: both;
    float: left;
    line-height: 30px;
    margin: 0;
    padding: 0;
    padding-left: 50px; 
    position: relative;
    width: 100%;
}
.dt-sc-contact-info span
{
    float: left;
    font-size: 30px;
    left: 0;
    margin: 3px 10px 0 0;
    position: absolute;
    text-align: center;
    top: 0; 
    width: 30px;
}
.dt-sc-contact-info p
{
    margin: 0;
}
.dt-sc-contact-info .icon-pointer
{
    margin-bottom: 10px;
}

.dt-sc-contact-info.type2
{
    border: 1px solid;
    padding: 0 0 10px 100px;
}
.dt-sc-contact-info.type2 h6
{
    font-size: 13px;
    font-weight: bold; 
    letter-spacing: .6px;
    margin: 10px 0;
    text-transform: uppercase;
}
.dt-sc-contact-info.type2 span
{
    float: left;
    font-size: 30px;
    height: 100%;
    left: 0;
    line-height: 100px; 
    position: absolute;
    top: -3px;
    width: 80px;
}

.dt-sc-contact-info.type3
{
    background-color: #131212; 
    padding: 60px 20px 50px;
    position: relative;
    text-align: center;
}
.dt-sc-contact-info.type3 h6
{
    font-size: 32px;
    line-height: 32px;
    padding-bottom: 20px; 
    text-transform: capitalize;
}
.dt-sc-contact-info.type3 h6:before
{
    height: 2px; 
    width: 50px;
}
.dt-sc-contact-info.type3 h6:after
{
    height: 2px; 
    width: 0;
}
.dt-sc-contact-info.type3 h6:before,
.dt-sc-contact-info.type3 h6:after
{
    bottom: 0; 
    content: '';
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
}
.dt-sc-contact-info.type3 h6:before
{
    background-color: #505050;
}
.dt-sc-contact-info.type3:hover h6:before
{
    width: 0;
}
.dt-sc-contact-info.type3:hover h6:after
{
    width: 50px;
}

.dt-sc-contact-info.type3 h4
{
    font-size: 16px;
    line-height: normal;
    text-transform: capitalize;
}
.dt-sc-contact-info.type3 p
{
    font-size: 13px;
    letter-spacing: 1.5px; 
    line-height: 26px;
    margin-bottom: 30px;
    width: 100%;
}

.dt-sc-contact-info.type3 h6,
.dt-sc-contact-info.type3 p
{
    font-weight: normal; 
    position: relative;
    z-index: 1;
}
.dt-sc-contact-info.type3 span
{
    bottom: -30px;
    font-size: 32px;
    left: 0;
    line-height: 60px;
    margin: auto;
    position: absolute;
    right: 0;
    top: auto;
    z-index: 1;
}
.dt-sc-contact-info.type3:before
{
    border-style: dashed;
    border-width: 2px;
    bottom: 20px;
    content: '';
    height: auto;
    left: 20px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 20px;
    width: auto;
}

.dt-sc-contact-info.type3.alignleft
{
    text-align: left;
}
.dt-sc-contact-info.type3.alignleft h6:before,
.dt-sc-contact-info.type3.alignleft h6:after
{
    left: 0;
    right: auto;
}

.dt-sc-contact-info.type3.alignright
{
    text-align: right;
}
.dt-sc-contact-info.type3.alignright h6:before,
.dt-sc-contact-info.type3.alignright h6:after
{
    left: auto;
    right: 0;
}

.dt-sc-contact-info.type4{text-align:center;padding:30px 20px;box-sizing:border-box;position:relative; border-radius: 3px; }
.dt-sc-contact-info.type4:hover, .dt-sc-contact-info.type4:hover * { color: #fff; }
.dt-sc-contact-info.type4 * { z-index: 1; }
.dt-sc-contact-info.type4 span{position:absolute;z-index:9;width:auto;float:none;margin:0px;height:50px;width:50px;line-height:50px;font-size:24px;margin:0px auto;top:-25px;left:0;right:0;-webkit-box-shadow:0px 0px 0px 5px #fff;-moz-box-shadow:0px 0px 0px 5px #fff;box-shadow:0px 0px 0px 5px #fff;transform:none;-moz-transform:none;-webkit-transform:none;-ms-transform:none;font-size:25px;  border-radius: 3px;}
.dt-sc-contact-info.type4:hover span{color:#fff;}

.dt-sc-contact-info.type4 a { font-size: 15px; }

.dt-sc-contact-info.type4:before { position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0; right: 0; left: 0; margin: 0 auto; background: #f8f8f9; z-index: -1; border-radius: 5px; }

.dt-sc-contact-info.type4:after { position: absolute; content: ""; display: block; height: 0; width: 100%; bottom: 0; right: 0; left: 0; margin: 0 auto; z-index: -1; opacity: 0; border-radius: 3px; }
.dt-sc-contact-info.type4:hover:after { height: 100%; opacity: 1; }

.dt-sc-contact-info.type4 h6{font-size: 18px; text-transform: capitalize; margin: 20px 0px 15px; position: relative; padding-bottom: 20px; line-height: normal; }   
.dt-sc-contact-info.type4 h6:after { position: absolute; content: ""; display: block; width: 35px; height: 3px; bottom: -2px; right: 0; left: 0; margin: 0 auto; }
.dt-sc-contact-info.type4:hover h6:after { background: #fff; }

.dt-sc-contact-info.type4 span:after { position: absolute; content: ""; display: block; height: 0; width: 100%; bottom: 0; left: 0; z-index: -1; border-radius: 3px; }
.dt-sc-contact-info.type4:hover span:after { height: 100%; }

.dt-sc-contact-info-wrapper
{
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.dt-sc-contact-info-wrapper .wpb_column
{
    display: inline-block; 
    float: none;
}


.dt-sc-contact-info.type5
{
    padding: 40px 20px; 
    text-align: center;
}
.dt-sc-contact-info.type5 .dt-sc-contact-icon span
{
    float: none;
    font-size: 60px;
    line-height: 72px;
    margin: 0; 
    position: relative;
    width: auto;
    z-index: 9;
}
.dt-sc-contact-info.type5 h6
{
    font-size: 16px;
    font-weight: 600; 
    margin: 30px 0 0;
    text-transform: uppercase;
}

.dt-sc-contact-info.type5 .dt-sc-contact-icon
{
    border-left: solid 3px;
    border-right: solid 3px;
    display: inline-block; 
    height: 75.06px;
    margin: 43.30px 0;
    position: relative;
    text-align: center;
    width: 131px;
}
.dt-sc-contact-info.type5 .dt-sc-contact-icon:before,
.dt-sc-contact-info.type5 .dt-sc-contact-icon:after
{
    background-color: inherit;
    content: '';
    height: 91.92px;
    left: 17.0381px; 
    position: absolute;
            transform: scaleY(.5774) rotate(-45deg);
    width: 91.92px;
    z-index: 1;
        -ms-transform: scaleY(.5774) rotate(-45deg);
    -webkit-transform: scaleY(.5774) rotate(-45deg);
}
.dt-sc-contact-info.type5 .dt-sc-contact-icon:before
{
    border-right: solid 4.2426px; 
    border-top: solid 4.2426px;
    top: -45.9619px;
}
.dt-sc-contact-info.type5 .dt-sc-contact-icon:after
{
    border-bottom: solid 4.2426px;
    border-left: solid 4.2426px; 
    bottom: -45.9619px;
}

.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(../../images/hexagon-shape-pattern.png) repeat;
}


.dt-sc-contact-details-on-map
{
    clear: both;
    float: left;
    margin: 0;
    padding: 0; 
    position: relative;
    width: 100%;
}
.dt-sc-contact-details-on-map .map
{
    clear: both; 
    float: left;
    margin: 0;
    padding: 0;

    widows: 100%;
}
.dt-sc-contact-details-on-map img
{
    display: block;  
    height: auto;
    max-width: 100%;
}

.dt-sc-contact-details-on-map .map-switch-icon
{
    border-radius: 50%;
    font-size: 32px;
    height: 80px;
    left: 0;
    line-height: 80px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -40px;
    width: 80px;
    z-index: 9;
}
.dt-sc-contact-details-on-map .dt-sc-map-overlay
{
    float: none;
    height: 100%;
    left: 0;
    margin: 0 auto !important;
    max-width: 1200px;
    padding: 140px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}
.dt-sc-contact-details-on-map .dt-sc-map-overlay h3
{
    font-weight: normal;
}


.dt-sc-contact-info.type6
{
    padding: 30px 20px;
    position: relative; 
    text-align: center;
}
.dt-sc-contact-info.type6 span
{
    float: none;
    font-size: 36px;
    margin: 0; 
    position: relative;
    width: auto;
    z-index: 9;
}
.dt-sc-contact-info.type6 h6
{
    font-size: 18px;
    margin: 20px 0 13px; 
    text-transform: uppercase;
}
.dt-sc-contact-info.type6:before
{
    content: '';
    height: 100%;
    left: -15px;
    position: absolute;
    top: -15px;
    width: 100%;
    z-index: -1;
}


.dt-sc-contact-info.type7
{
    padding: 0 0 10px 100px;
    position: relative;
}
.dt-sc-contact-info.type7 h6
{
    font-size: 13px;
    font-weight: bold; 
    letter-spacing: .6px;
    margin: 10px 0;
    text-transform: uppercase;
}
.dt-sc-contact-info.type7 span
{
    color: #fff; 
    float: left;
    font-size: 30px;
    height: 100%;
    left: 0;
    line-height: 65px;
    position: absolute;
    top: 15px;
    width: 65px;
}
.dt-sc-contact-info.type7 span:after
{
    border-radius: 10px;
    content: '';
    height: 65px;
    left: 0;
    position: absolute;
    top: 0;
            transform: rotate(45deg);
    width: 65px;
    z-index: -1; 
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.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;
}
.dt-sc-contact-info.type8
{
    margin: 90px 0 0;
}
#footer .dt-sc-contact-info.type8
{
    margin: 0;
    padding: 10px 0;
}
.dt-sc-contact-info.type8
{
    color: #505050; 
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 32px;
}
.dt-sc-contact-info.type8 span
{
    background: #000;
    border-radius: 50%;
            box-shadow: 0 0 0 5px #fff;
    color: #fff;
    font-size: 32px;
    height: 84px;
    left: 0;
    line-height: 84px;
    margin: auto;
    position: absolute;
    right: 0;
    top: -100px;
    width: 84px;
       -moz-box-shadow: 0 0 0 5px #fff;
    -webkit-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.no-icon
{
    margin: 0;
}
.dt-sc-contact-info.type8 h6
{
    color: #505050;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 36px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
    text-transform: capitalize;
    width: 100%;
}
.dt-sc-contact-info.type8 h6:before
{
    background-color: #505050;
}
.dt-sc-contact-info.type8 h6:before,
.dt-sc-contact-info.type8 h6:after
{
    content: '';
    display: block;
    left: 0;
    margin: 0 auto; 
    position: absolute;
    right: 0;
}
.dt-sc-contact-info.type8 h6:before
{
    bottom: 0; 
    height: 2px;
    width: 50px;
}
.dt-sc-contact-info.type8 h6:after
{
    bottom: 0; 
    height: 2px;
    width: 0;
}
.dt-sc-contact-info.type8:hover h6:before
{
    width: 0;
}
.dt-sc-contact-info.type8:hover h6:after
{
    width: 50px;
}




/*--------------------------------------------------------------
	3.0 - Browser Fix
	--------------------------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    /* Safari */
    ::i-block-chrome,
    .dt-sc-contact-info.type3:before
    {
        height: 95%; 
        width: 92%;
    }
}




/*--------------------------------------------------------------
	4.0 - Default Colors
	--------------------------------------------------------------*/
.dt-sc-dark-bg .dt-sc-contact-info.type8
{
    border-color: #fff;
}
.dt-sc-dark-bg .dt-sc-contact-info.type8 p a:hover
{
    color: rgba(255, 255, 255, .5);
}

.dt-sc-contact-info.type2 h6
{
    color: rgba(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: #fff;
}

.dt-sc-contact-info.type6 a:hover
{
    color: rgba(0, 0, 0, .6);
}

.dt-sc-contact-info.type3 p a:hover
{
    color: #000;
}

.dt-sc-contact-info.type5 h6 a
{
    color: #222;
}

.dt-sc-dark-bg .dt-sc-contact-info.type8 a:hover
{
    color: rgba(255, 255, 255, .2);
}


.dt-sc-contact-info.type2
{
    border-color: #000;
}

.dt-sc-contact-info.type3:before
{
    border-color: rgba(255, 255, 255, .4);
}


.dt-sc-contact-info.type5:hover .dt-sc-contact-icon
{
    background: #fff;
}

.dt-sc-contact-info.type2 span,
.dt-sc-contact-info.type6:before
{
    background: #000;
}


/* 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;
    }


    /** Contact Info **/
    .dt-sc-contact-info.type6,
    .dt-sc-contact-info.type6 p,
    .dt-sc-contact-info.type6 a,
    .dt-sc-contact-info.type2
    {
        font-size: 12px;
    }

    .dt-sc-contact-info.type3,
    .dt-sc-contact-info.type3 p,
    .dt-sc-contact-info.type3 a,
    .dt-sc-contact-info.type7,
    .dt-sc-contact-info.type7 p,
    .dt-sc-contact-info.type7 a
    {
        font-size: 11px;
    }

    .dt-sc-contact-info.type4
    { 
        margin: 0 auto 60px;
    }

    .dt-sc-contact-info.type7
    {
        padding-left: 85px;
    }
}

/*----*****---- << 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;
    }

    .dt-sc-contact-info.type4
    { 
        padding: 30px 10px;
        margin: 0 auto 60px;
    }

    .wpb_column:not(.rs_col-sm-6) .dt-sc-contact-info.type3 h6
    {
        font-size: 30px;
    }
    .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: 14px;
    }

    .dt-sc-contact-info.type5 .dt-sc-contact-icon
    {
        height: 55.06px;
        margin: 33.3px 0; 
        width: 102px;
    }
    .dt-sc-contact-info.type5 .dt-sc-contact-icon::before,
    .dt-sc-contact-info.type5 .dt-sc-contact-icon::after
    {
        height: 71.92px;
        left: 12.038px; 
        width: 71.92px;
    }
    .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;
    }

    .dt-sc-contact-info.type8,
    .dt-sc-contact-info.type8 p,
    .dt-sc-contact-info.type8 a
    {
        font-size: 13px;
    }

    /** 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;
    }
}


/* 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: 90px;
    }
}



/* 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;
        margin: 0 auto; 
        right: 0;
    }
}
