/* ======================================================================================
	CONTACT STYLE
========================================================================================*/
.contactSection { /*margin-top: 100px;*/ padding-top: 0px; }
.contactSection .contact-info { 
	background-color: #2e2e2e; 
	background-repeat: no-repeat;
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.contactSection .contact-header { width: 90%; margin: 0 auto; margin-bottom:60px; }
.contactSection .contact-header h2:after { 
	width: 300px;
    content: " ";
	background-image:url(/Contents/images/generalUi/after_line.png);
	background-repeat: no-repeat;
	background-position: left;
    position: absolute;
    right: -11.5em;
    top: 0.2em;
    height:20px;
}
.contactSection .contact-header h2:before { 
	width: 300px;
    content: " ";
	background-image:url(/Contents/images/generalUi/before_line.png);
	background-repeat: no-repeat;
	background-position: left;
    position: absolute;
    left: -11.5em;
    top: 0.2em;
    height:20px;
}
.contactSection .contact-info .content { width: 75%; padding: 45px 0 45px 0; }
.contactSection .contact-info .content h5 { margin: 0px; margin-top: -4px; }
.contactSection .contact-info .content p { font-size: 1em; margin: 0px; margin-top: 10px; word-break: break-all; }
.contactSection .contact-info .content a {  word-break: break-all; }
.contactSection .contact-info .content a:hover { text-decoration: underline; }

.contactSection .contact-info .contact-icon {
    background-repeat: no-repeat; 
	background-position: center;
	width: 85%; height: 197px; 
	margin: 30px auto;
	-webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
	transition: 0.5s;
    background-size:contain;
    background-repeat:no-repeat;
}

.contactSection .contact-info .contact-adderss { background-image: url("/Contents/Uploads/web_content/generalUi/contact/address.png"); }
    .contactSection .contact-info .contact-adderss:hover { background-image: url("/Contents/Uploads/web_content/generalUi/contact/addressHover.png"); }

.contactSection .contact-info .contact-phone { background-image: url("/Contents/Uploads/web_content/generalUi/contact/phone.png"); }
    .contactSection .contact-info .contact-phone:hover { background-image: url("/Contents/Uploads/web_content/generalUi/contact/phoneHover.png"); }

.contactSection .contact-info .contact-globe { background-image: url("/Contents/Uploads/web_content/generalUi/contact/globe.png"); }
    .contactSection .contact-info .contact-globe:hover { background-image: url("/Contents/Uploads/web_content/generalUi/contact/globeHover.png");}

.contactSection .contact-info .contact-telegram { background-image: url("/Contents/Uploads/web_content/generalUi/contact/telegram.png"); }
    .contactSection .contact-info .contact-telegram:hover {background-image: url("/Contents/Uploads/web_content/generalUi/contact/telegramHover.png");}

.contactSection .contact-info .contact-instagram { background-image: url("/Contents/Uploads/web_content/generalUi/contact/instagram.png"); }
    .contactSection .contact-info .contact-instagram:hover { background-image: url("/Contents/Uploads/web_content/generalUi/contact/instagramHover.png"); }

.contactSection .contact-info .contact-linkedIn { background-image: url("/Contents/Uploads/web_content/generalUi/contact/linkedIn.png"); }
    .contactSection .contact-info .contact-linkedIn:hover { background-image: url("/Contents/Uploads/web_content/generalUi/contact/linkedInHover.png"); }

.col-info-1-6{
    float:left;
    width:16.666666666666664%;
}
.col-info-1-5{
    float:left;
    width:20%;
}
.col-info-1-4{
    float:left;
    width:25%;
}
.col-info-1-3{
    float:left;
    width:33.33333333333333%;
}

/* Large desktop */
@media (min-width: 1200px) {
    .col-info-1-6 { width: 16.666666666666664%; }
    .col-info-1-5 { width: 20%; }
    .col-info-1-4 { width: 25%; }
    .col-info-1-3 { width: 33.33333333333333%; }
	.contactSection .contact-info .col-info-1-6 .contact-icon { width: 85%; height: 197px; }
    .contactSection .contact-info .col-info-1-5 .contact-icon { width: 85%; height: 197px; }
    .contactSection .contact-info .col-info-1-4 .contact-icon { width: 85%; height: 197px; }
    .contactSection .contact-info .col-info-1-3 .contact-icon { width: 85%; height: 197px; }
}

@media (min-width: 979px) and (max-width: 1200px) {
    .col-info-1-6 { width: 16.666666666666664%; }
    .col-info-1-5 { width: 20%; }
    .col-info-1-4 { width: 25%; }
    .col-info-1-3 { width: 33.33333333333333%; }
    .contactSection .contact-info .col-info-1-6 .contact-icon { width: 100%; height: 150px; }
    .contactSection .contact-info .col-info-1-5 .contact-icon { width: 100%; height: 150px; }
    .contactSection .contact-info .col-info-1-4 .contact-icon { width: 100%; height: 150px; }
    .contactSection .contact-info .col-info-1-3 .contact-icon { width: 100%; height: 150px; }
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .col-info-1-6 { width: 16.666666666666664%; }
    .col-info-1-5 { width: 20%; }
    .col-info-1-4 { width: 25%; }
    .col-info-1-3 { width: 33.33333333333333%; }
    .contactSection .contact-info .col-info-1-6 .contact-icon { width: 95%; height: 130px; }
    .contactSection .contact-info .col-info-1-5 .contact-icon { width: 95%; height: 130px; }
    .contactSection .contact-info .col-info-1-4 .contact-icon { width: 95%; height: 130px; }
    .contactSection .contact-info .col-info-1-3 .contact-icon { width: 95%; height: 130px; }

	.contactSection .contact-header { width: 100%; margin: 0 auto; }
	.contactSection .contact-header h2:before { width: 0px; }
	.contactSection .contact-header h2:after { width: 0px; }
}
/* Landscape phone to portrait tablet */
@media  (min-width: 480px) and (max-width: 767px) {
    .col-info-1-6 { width: 100%; }
    .col-info-1-5 { width: 100%; }
    .col-info-1-4 { width: 100%; }
    .col-info-1-3 { width: 33.33333333333333%; }
    .contactSection .contact-info .col-info-1-6 .contact-icon { width: 85%; height: 197px; }
    .contactSection .contact-info .col-info-1-5 .contact-icon { width: 85%; height: 197px; }
    .contactSection .contact-info .col-info-1-4 .contact-icon { width: 85%; height: 197px; }
    .contactSection .contact-info .col-info-1-3 .contact-icon { width: 85%; height: 197px; }

    .contactSection .contact-header { width: 100%; margin: 0 auto; }
	.contactSection .contact-header h2:before { width: 0px; }
	.contactSection .contact-header h2:after { width: 0px; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    .col-info-1-6 { width: 100%; }
    .col-info-1-5 { width: 100%; }
    .col-info-1-4 { width: 100%; }
    .col-info-1-3 { width: 100%; }
    .contactSection .contact-info .col-info-1-6 .contact-icon { width: 85%; height: 197px; }
    .contactSection .contact-info .col-info-1-5 .contact-icon { width: 85%; height: 197px; }
    .contactSection .contact-info .col-info-1-4 .contact-icon { width: 85%; height: 197px; }
    .contactSection .contact-info .col-info-1-3 .contact-icon { width: 85%; height: 197px; }

    .contactSection .contact-header { width: 100%; margin: 0 auto; }
    .contactSection .contact-header h2:before { width: 0px; }
	.contactSection .contact-header h2:after { width: 0px; }
}