/*

Theme Name: OntarioGasket
Theme URI: http://ontariogasket.ca/
Version: 4.1.1
Description: DevelopGroup - Group of Development & Designing
Author: Hafiz Aamir Ali  info@developgroup.pk
Author URI: http://www.developgroup.pk
*/

 

 

/* =WordPress Core

-------------------------------------------------------------- */

@font-face {
font-family: 'Bebas Neue Regular';
src: url('img/BebasNeue.otf');
src: local('☺'), url('img/BebasNeue.otf');
}


.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone { margin: 5px 20px 20px 0;}
.wp-caption.alignleft { margin: 5px 20px 20px 0;}
.wp-caption.alignright { margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.dg_circle{border: solid 5px green; border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.dg_circle:hover{border:solid 5px #ed7632;border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.dg_career_txt{text-align:justify;}

.industry_tele{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/telec.png"); width:225px; height:359px;display:block; font-size:0px;}
.industry_tele:hover{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/telecH.png"); width:225px; height:359px;}

.industry_aero{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/aero.png"); width:225px; height:359px;display:block; font-size:0px;}
.industry_aero:hover{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/aeroH.png"); width:225px; height:359px;}

.industry_med{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/med.png"); width:225px; height:359px;display:block; font-size:0px;}
.industry_med:hover{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/medH.png"); width:225px; height:359px;}

.industry_com{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/com.png"); width:225px; height:359px;display:block; font-size:0px;}
.industry_com:hover{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/comH.png"); width:225px; height:359px;}

.industry_customg{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/cust.png"); width:225px; height:359px;display:block; font-size:0px;}
.industry_customg:hover{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/custH.png"); width:225px; height:359px;}

.industry_csrd{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/csrd.png"); width:225px; height:359px;display:block; font-size:0px;}
.industry_csrd:hover{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/csrdH.png"); width:225px; height:359px;}

.industry_rapid{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/rapid.png"); width:225px; height:359px;display:block; font-size:0px;}
.industry_rapid:hover{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/rapidH.png"); width:225px; height:359px;}

.industry_Mat{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/Mat.png"); width:225px; height:359px;display:block; font-size:0px;}
.industry_Mat:hover{background-image: url("http://www.prolaserhairremoval.com/OntarioGasket/wp-content/uploads/2015/03/matH.png"); width:225px; height:359px;}





#text-section{
    position: relative;
    height: auto;
}

#text-section a{
	text-decoration: none;
}

#text-section span#image{
    position: relative;
    margin: 0 auto;
    width: 200px;
    height: 200px;
    display: block;
}

#text-section span#image span#layer{
    background-color: #FFFFFF;
    position: absolute;
    top: -8px;
    left: -8px;
    width: 216px;
    height: 142px;
    z-index: 2;
}

/* #text-section span#image span#border{
    position: absolute;
    top: -8px;
    left: -8px;
    width: 216px;
    height: 216px;
    border-radius: 100%;
    border: 8px solid #839F4A;
    z-index: 1;
} */
#text-section span#image span#border {
    border-color: #fff #fff #839f4a #839f4a;
    border-radius: 100%;
    border-style: solid;
    border-width: 8px;
    height: 216px;
    left: -8px;
    position: absolute;
    top: -8px;
    transform: rotate(-45deg);
    transition-duration: 0.5s;
    transition-property: transform, border-color;
    width: 216px;
    z-index: 1;
}

#text-section span#image img{
    position: absolute;
    top: 0;
    left: 0;       
    z-index: 3;         
}

#text-section p{
    text-align: justify;
    color: #7D7D7D;
}

#text-section h2#title{
	padding-top: 15px;
    text-align: center;
    font-family: 'Bebas Neue Regular'; letter-spacing: 0.5px;
    color: #7D7D7D;
    font-size:22px;
}

#text-section p#button{
    text-align: center;
}

#text-section p#button label{
    background-color: #839F4A;
    padding: 3px 5px;
    color: #FFFFFF;
	cursor: pointer;
}

#text-section:hover span#image span#layer{
    top: 75px;
}

/* #text-section:hover span#image span#border{
    border: 8px solid #ed7632;
} */
#text-section:hover span#image span#border {
    border-color: #fff #fff #ed7632 #ed7632;
    border-style: solid;
    border-width: 8px;
    transform: rotate(135deg);
}

#text-section:hover h2#title, #text-section:hover p{
    color: #ed7632;                
}

#text-section:hover p#button label{
    background-color: #ed7632;
}

.more_specific{border-radius:06px; -moz-border-radius:06px; -webkit-border-radius:06px; padding:10px; background:#f5f5f5; border-bottom: solid 1px #676767;}
.more_specific_email{border-radius:06px; -moz-border-radius:06px; -webkit-border-radius:06px; padding:10px; background:#f5f5f5; border-bottom: solid 1px #676767;}