/*

Theme Name: 	Universal Coatings Twenty Twelve Child

Template: 		twentytwelve

Version:      	1.0.0

Theme URI:    	http://localhost/Universal Coatings/

Description:  	Twentytwelve Child Theme for Universal Coatings

Author:       	GILLAN E SOLUTIONS

*/

@import url("../twentytwelve/style.css"); 

/* =Theme customization starts here 

-------- */



/*

-------------------------------------------------------------- 

BROWSER SPECIFICATION STYLES

-------------------------------------------------------------- 

*/ 



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

}

body {

	background:#f1f1f1;

	font-family: 'MyriadPro-Regular';

	font-size:15px;

	color:#000101;

	line-height:20px;

}

p {

	margin-bottom: 15px;

}

a {

	text-decoration:none;

	color:#ad312f;

}

a:hover {

	text-decoration:underline;

}

h1 {

  font-family: 'MyriadPro-Black';

	font-size: 30px;

	color: #a51414;

	text-transform: uppercase;

	margin-bottom: 20px;

}

h2 {

	font-family: 'MyriadPro-Bold';

	font-size: 22px;

	color: #000000;

	margin-bottom: 18px;

}

h3 {

	font-family: 'MyriadPro-Regular';

	font-size: 20px;

	color: #1f1f1f ;

	font-weight:normal;

	line-height:normal;

	margin-bottom: 12px;

}

h3 span {

	font-size: 14px;

	color: #656565;

}

h3 a {

	color: #1f1f1f;

}

h4 {

	font-family: 'MyriadPro-Regular';

	font-size: 16px;

	color: #000;

	margin-bottom: 10px;

}

/*

-------------------------------------------------------------- 

GLOBAL STYLES

-------------------------------------------------------------- 

*/ 

.left {

	float: left;	

} 

.right {

	float: right;	

}

.alignleft {

	float: left;

	border:2px solid #fff;

	margin: 0px 15px 13px 0px;	

}

.alignright {

	float: right;

	border:2px solid #fff;

	margin: 0px 0px 13px 15px;	

}

.aligncenter {

	width:100%;

	text-align:center;

	margin-bottom:15px;

}

.background-none {

	background: none !important;

}

.border0 {

	border:0px !important;

}

.margin-right0 {

	margin-right:0px !important; 

}

.margin-bottom0 {

	margin-bottom:0px !important;

}

hr {

	float:left;

	width:100%;

	background: #dedede;

	height:1px;

	border:0px;

	margin:10px 0 15px 0;

}

.bule-btn {

	background: #0082c8;

	font-family: 'MyriadPro-Bold';

	height: 20px;

	line-height: 20px;

	font-size: 14px;

	color: #e5e5e5;

	padding: 0px 17px;

}

.bule-btn:hover {

	color: #000;

}

.view-gallery {

	background: url(images/gallery-icon.gif) no-repeat center bottom;

	width: 100%;

	font-family: 'MyriadPro-Bold';

	font-size: 14px;

	font-style: italic;

	color: #0082c8;

	text-align: center;

	padding: 4px 0px 22px 0px;

}

.view-gallery a {

	color: #0082c8;

}

.content-img {

	border: 1px solid #dddddd;

	padding: 3px;

}

/*

-------------------------------------------------------------- 

HEADER STYLES

-------------------------------------------------------------- 

*/

.top-header-area {

	background:#1f1f1f;

	min-height:43px;

}

.top-header ul {

	float:right;

	list-style:none;

}

.top-header ul li {

	float:right;

	background: url(images/bg-top-seprtr.gif) repeat-y top left;

	font-size:16px;

	color:#fcfcfc;

	padding:13px 18px;

}

.top-header ul li span {

  font-family: 'MyriadPro-Black';

	font-size:18px;

}

.top-header ul li a {

  	font-family: 'MyriadPro-Black';

	color:#c21010;

	text-transform:uppercase;

}

.top-header ul li a:hover {

	color:#fff;

	text-decoration:none;

}

.header-area {

	background: url(images/bg-header.gif) repeat;

	min-height: 130px;

}

.logo {

	margin:15px 0 0 23px;

}

/*

-------------------------------------------------------------- 

MAIN NAV STYLES

-------------------------------------------------------------- 

*/

.main-nav {

	float:right;

	margin:38px 21px 0 0;

}

.search-div {

	float:right;

}

.search-btn {

	float:left;

	background: url(images/bg-search-btn.gif) no-repeat !important;

	width:68px !important;

	height:50px !important;

	border:0px !important;

	cursor:pointer;

	border-top-right-radius:25px !important;

	border-bottom-right-radius:25px !important;

	outline:none !important;

}

#search-field-div {

	float:right;

	position:relative;

	background-color: #f5f5f5;

	-webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.5);

	-moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.75);

	box-shadow: 0 0px 1px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.75);

	z-index:1000;

	 transition-duration: 3s, 5s;

	padding:10px;

	margin-right:15px;

	margin-top: -15px;

}

.search-field {

	float:right;

	background: #fff;

	width:220px;

	height:30px !important;

	line-height:24px;

	font-family: 'MyriadPro-Regular';

	font-size:14px;

	color:#8e8e8e;

	border:1px solid #dadada;

	outline:none;

	padding:5px 5px 5px 8px;

	margin:0px !important;

}

.submit-btn {

	float: right;

	background: #ededed;

	height: 32px !important;

	color: #000;

	border: 1px solid #dadada;

	outline: none !important;

	padding:0 15px;

	margin-left:-1px;

}

/*

-------------------------------------------------------------- 

BANNER STYLES

-------------------------------------------------------------- 

*/

/*! http://responsiveslides.com v1.53 by @viljamis*/

.rslides {

	position : relative;

	list-style : none;

	overflow : hidden;

	width : 100%;

	padding : 0;

	margin : 0;

	z-index : -1;

	max-height : 568px;

	height : 100%;

	margin : 0 auto;

}

.rslides li {

	-webkit-backface-visibility : hidden;

	position : absolute;

	display : none;

	width : 100%;

	left : 0;

	top : 0;

}

.rslides li:first-child {

	position : relative;

	display : block;

	float : left;

}

.rslides img {

	display : block;

	height : auto;

	float : left;

	width : 100%;

	border : 0;

}

/*----------BANNER----------*/

#banner {

	position : relative;

	width : 100%;

	overflow : hidden;

	z-index : 0;
	
	min-height: 495px;

}

/*BANNER CIRCLE*/

.circleContainer {

	position: absolute;

	width: 55%;

	z-index: 1;

	left: 312px;

	top: 122px;

	text-align:center;

}

.circleBg {

	width : 100%;

}

.circleText {

	max-width:555px;

	font-family: 'MyriadPro-Regular';

	font-size: 18px;

	color: #ffffff;

}

.circleText h2 {

  	font-family: 'MyriadPro-Black';

	font-size : 41px;

	color : #fff;

	line-height:normal;

	text-transform: uppercase;

	text-shadow: 0px 1px 6px rgba(34, 30, 31, 1);

	margin-bottom: 11px;

}

.red-btn {

	display:inline-block;

	background: #a71515 url(images/bg-red-btn.gif) repeat-x top;

	font-family: 'MyriadPro-Regular';

	color:#ffffff;

	text-transform:uppercase;

	font-size: 15px;

	font-weight: bold;

	border-radius:5px;

	padding:11px 33px;

	margin-top:40px;

}

.red-btn:hover {

	color:#000;

	text-decoration:none;

}

.circleText p {

	text-shadow: 0px 1px 6px rgba(34, 30, 31, 1);

	margin-bottom: 0px;

}

.advanced-slider .layer.black {

	position: absolute;

	width: 55%;
	background:none;

	z-index: 1;

	left: 312px !important;

	top: 122px !important;

	text-align:center;
	
	opacity: 1;
}
.advanced-slider .layer.black h2 {

  	font-family: 'MyriadPro-Black';

	font-size : 41px;

	color : #fff;

	line-height:normal;

	text-transform: uppercase;

	text-shadow: 0px 1px 6px rgba(34, 30, 31, 1);

	margin-bottom: 11px;
}


.inner-banner {

	background: url(images/inner-banner.jpg) no-repeat top center;

}

.main-heading {
	display: inline-block;
	background: #b61c1c;
	height: 117px;
	padding: 55px 16px 0px 17px;

}

.main-heading h1 {
	display:inline-block;
	min-width: 277px;
	background: url(images/bg-heading.png) no-repeat bottom left;
	font-family: 'Yellowtail';
	font-size:48px;
	color:#fff;
	line-height:normal;
	text-align: center;
	text-transform:none;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
}

/*

-------------------------------------------------------------- 

TAB STYLES

-------------------------------------------------------------- 

*/

.tab-area {

	background:#fff;

	text-align:center;

	padding:44px 0 48px 0;

}

.tab-area h1 {

	margin-bottom:53px;

}

.tab-area h1 span {

  font-family: 'BradleyHandITC';

	font-size:21px;

	color:#000000;

	text-transform:none;

}

.services-tab {

	min-height:247px;

  	font-family: 'MyriadPro-LightIt';

	font-size:14px;

	text-align:center;

	border-right:1px solid #dedede;

	padding:17px 40px 0 40px;

}

.services-tab img {

	box-shadow:none;

	margin-bottom:25px;

}

.services-tab h2 {

	font-family: 'MyriadPro-Bold';

	font-size:18px;

	color:#000101;

	line-height:18px;

	margin-bottom:8px;

}

.services-tab h2 a {

	color:#000101;

}

.projects-area {

	background: url(images/bg-projects-area.gif) no-repeat top center;

	min-height:580px;

}

.projects-text-area {

	float:left;

	color:#fff;

	padding:130px 90px 0 123px;	

}

.projects-heading {

	float:left;

	margin-right:60px;

}

.projects-heading h1 {

  	font-family: 'Yellowtail';

	font-size:174px;

	color:#fff;

	font-weight:normal;

	line-height:141px;

	text-transform:none;

	margin-bottom:10px;

}

.projects-text {

	float:right;

	max-width:380px;

	padding-top:90px;

}

.view-all-btn {

	display: inline-block;

	background: url(images/bg-view-btn.gif) repeat-x;

	font-family: 'MyriadPro-Black';

	font-size:15px;

	color:#282828;

	text-transform:uppercase;

	border-radius:4px;

	padding:12px 20px;

	margin-top:15px;

}

.testimonials-div {

	background: url(images/bg-map.png) no-repeat bottom center;

	min-height:492px;

	z-index:10;

}

.testimonials-heading {

	max-width:115px;

	height:40px;

	background: url(images/bg-testimonial-heading.png) no-repeat;

	text-align:center;

	padding:85px 15px 0 15px;

	margin:-64px auto 102px auto;

}

.testimonials-heading h1 {

	font-family: 'MyriadPro-Regular';

	font-size:15px;

	color:#ffffff;

	font-weight:normal;

	margin-bottom:0px;

}

.testimonials-heading h1 a {

	color:#ffffff;

}

.testimonials-text-div {

	font-family: 'MyriadPro-Regular';

	font-size:27px;

	color:#000000;

	line-height:normal;

	text-align:center;

	border:1px solid #c0c0c0;

	border-radius:17px;

	padding:24px 52px;

	margin: 0 33px;

}

.testimonials-text-div span {

	font-size:29px;

	color:#a51414;

}

.testimonials-text-div p {

	margin-bottom:0px;

}
.testimonials-text-div blockquote {

	border: 0px;

	-moz-box-shadow:none;

	-webkit-box-shadow:none;

	box-shadow:none;
	padding: 0px;
	margin:0px;
}

blockquote {

	min-height: 88px;

	text-align: justify;

	border-left: 15px solid #1f1f1f;

	border-right: 2px solid #1f1f1f;

	-moz-box-shadow: 2px 0px 7px #ccc;

	-webkit-box-shadow: 2px 0px 7px #ccc;

	box-shadow: 2px 0px 7px #ccc;

	padding: 15px 20px 15px 45px;

	margin: 0 0 20px;

}

.date {

	display: block;

	color: #000;

	margin: 0px 0px 5px 0px;

}

.name {

	display: block;

	font-size: 17px;

	color: #a51414;

	text-align: right;

	margin: 0px 0px 0px 0px;

}

/*

-------------------------------------------------------------- 

CONTENT STYLES

-------------------------------------------------------------- 

*/

.content-div {

	background:#fff;
	float:left;
	width: 96.6%;
	min-height:400px;
	padding:35px 20px;

}

.content-div ul {

	list-style:none;

	margin-bottom:15px;

}

.content-div ul li {

	display:block;

	background: url(images/grey-bullet.png) no-repeat 0px 8px;

	padding:0 0 8px 15px;

}

.content-div ol {

	margin:0 0 15px 20px;

}

.content-div ol li {

	padding-bottom:8px;

}

.projects-tab {

	text-align:center;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);

	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);

	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);

	border-radius:5px;

	padding:10px;

	margin-bottom:20px;

}

.projects-tab img {

	margin-bottom:15px;

}

.projects-tab h2 a {

	font-family: 'MyriadPro-Bold';

	font-size: 18px;

	font-weight:normal;

	color: #000101;

	margin-bottom: 8px;

}
.tab-row{
	float:left;
	width:100%;
}
.tab-row img {
	float: left;
	margin-right: 10px;
}

.tab-row+hr:last-child{
	display:none;
}

/*

-------------------------------------------------------------- 

LEFT SECTION STYLES

-------------------------------------------------------------- 

*/

.left-section {

	margin-bottom:20px;

}

/*

-------------------------------------------------------------- 

RIGHT SECTION STYLES

-------------------------------------------------------------- 

*/

.right-section {

}

.right-tab {

	background: #f1f1f1;

	margin-bottom:20px;

}

.right-tab h1 {

	background: #1f1f1f;

	font-size: 24px;

	color: #fff;

	text-transform:none;

	padding: 15px 10px;

	margin-bottom:0px;

}

.right-text-div { 

	padding: 10px;

}

.right-text-div ul {

	list-style:none;

	margin-bottom:0px;

}

.right-text-div ul li {

	background: url(images/red-bullet.png) no-repeat 0px 12px;

	border-bottom: 1px solid #636262;

	padding:0px;

}

.right-text-div ul li a {

	display: block;

	color: #000101;

	padding: 10px 0 10px 25px;

}

.right-text-div ul li a:hover {

	background:#636262 url(images/white-bullet.png) no-repeat 0px 12px;

	color: #fff;

	text-decoration:none;

}

/*

-------------------------------------------------------------- 

FOOTER STYLES

-------------------------------------------------------------- 

*/

.footer-area {

	background: #1f1f1f url(images/bg-footer.gif) repeat-x top;

	min-height:150px;

}

footer {

	padding-top: 28px;

}

.footer-logo {

	margin:0 0 0 12px;

}
.newsletter-div {
	margin-top:17px;
}

.newsletter-div h1 {

	font-family: 'MyriadPro-Regular';

	font-size:15px;

	color:#fff;

	font-weight:normal;

	margin-bottom:15px;

}

.field01 {

	float:left;

	background:#292929;

	width:250px !important;

	font-family: 'MyriadPro-Regular';

	color:#919191 !important;

	border:1px solid #363636;

	border-radius:4px;

	padding:8px 10px 7px 10px !important;

	margin-right:4px;

}

.newsletter-email {

	float:left;

	background:#292929;

	width:250px !important;

	font-family: 'MyriadPro-Regular';

	color:#919191 !important;

	border:1px solid #363636;

	border-radius:4px;

	padding:8px 10px 7px 10px !important;

	margin-right:4px;

}

.newsletter-submit {

	float:left;

	background: url(images/bg-subscribe-btn.gif) repeat-x;

	font-family: 'MyriadPro-Black';

	font-size:14px;

	color:#282828;

	text-transform:uppercase;

	border-radius:4px;

	border:0px;

	padding:6px 40px;

}

.social-div {

	margin-top:31px;

}

.social-div a {

	float:right;

	margin-right: 11px;

}

.copyright {

	background:#f1f1f1 url(images/bg-copyright.gif) repeat-x top;

	min-height:37px;



	font-size: 14px;

	color: #303030;

	text-align: center;

	padding-top:22px;

}

.copyright ul {

	list-style:none;

}

.copyright ul li {

	display:inline-block;

	padding:0 6px;

}

.copyright ul li a {

	color:#303030;

}

/*

-------------------------------------------------------------- 

CONTACT US STYLES

-------------------------------------------------------------- 

*/

.wpcf7-form input {

	height: 35px !important;

	font-size: 14px;

	border:1px solid #dedede;

	border-radius:5px;

	padding: 0px 0px 0px 10px !important;

	margin-bottom: 20px !important;

}

.wpcf7-form textarea {

	font-size: 14px;

	height: 130px !important;

	border:1px solid #dedede;

	border-radius:5px;

	padding: 5px 5px 5px 10px !important;

	margin-bottom: 20px !important;

}

.wpcf7-form input[type="submit"] {

	background: #292929;

	font-size: 16px;

	height: 30px;

	line-height: 30px;

	color: #FFFFFF;

	cursor: pointer;

	border: 0px;

	border-radius:5px;

	padding: 0px 30px !important;
	
    transition: all 0.4s ease 0s;

}
.wpcf7-form input[type="submit"]:hover {
	background: #b61c1c;
}


@media (min-width: 768px) and (max-width: 979px) {

header {

	height: auto;

}

.main-nav {

	float: left;

	width: 100%;

}

.contact-btn {

	display: none;

}

.inner-banner {

	height: auto;

}

.inner-banner img {

	height: auto;

}

}

@media (max-width: 1024px) {



.container {

	width: auto;

}
#banner {
	min-height: 425px;
}

.projects-text-area {

	padding: 130px 60px 0 60px;

}

.projects-heading h1 {

	font-size: 120px;

	line-height: 100px;

}

.field01 {

	width: 225px !important;

}
 .newsletter-email {
	width: 220px !important;
} 



}

@media only screen and (max-width: 768px) {



.navbar-inner {

	float: none;

}

.navbar .nav > li:first-child a {

	border-top-left-radius: 0px;

	border-bottom-left-radius: 0px;

}

.navbar .nav > li.current-menu-item a {

	background: #b61c1c url(images/mobile_link_arrow.png) no-repeat right center;

}

.search-div {

	background: url(images/bg-nav.gif) repeat-x;

	width: 93%;

	border: 1px solid #db6464;

	margin: 0px 15px 15px 15px;

}

.search-btn {

	float: right;

	border-top-right-radius: 0px;

	border-bottom-right-radius: 0px;

}

.circleContainer {

	left: 120px;

	top: 50px;

}

#banner {
	min-height: 318px;
}
.advanced-slider .layer.black {
	left: 202px !important;
	top: 40px !important;
}
.advanced-slider .layer.black h2 {
	font-size: 31px;
}
.red-btn {
	margin-top:30px;

}

.projects-text-area {

	padding: 130px 30px 0 30px;

}

.projects-heading {

	margin-right: 35px;

}

.projects-text {

	max-width: 313px;

	padding-top: 62px;

}

.social-div a {

	margin-right: 8px;

}

.subscribe-btn {

	margin-bottom: 15px;

}
.testimonials-text-div {
	font-size:23px
}
.socialmedia-buttons img {
	margin-right:3px !important;
}
.newsletter-email {
	width: 170px !important;
} 
.newsletter-submit {
	padding: 6px 17px;
} 
 .scrollable {
	margin: -10px 0 0 29px;
} 
.ps-prev.browse {
	left: 0px;
} 






}

@media (max-width: 767px) {



.logo {

	margin: 34px 15px 0 15px;

	text-align: center;

}

.main-nav {

	float: none;

	margin: 35px 15px 15px 15px;

}

.circleContainer {

	left: 0px;

	top: 20px;

}

.circleText h2 {

	font-size: 35px;

}
.advanced-slider .layer.black {
	left: 160px !important;
	top: 20px !important;
}
.advanced-slider .layer.black h2 {
	font-size: 20px;
}

.red-btn {

	font-size: 14px;

	border-radius:5px;

	padding:9px 25px;

	margin-top:20px;

}

#banner {
	min-height: inherit;
}

.tab-area {

	padding: 44px 15px 48px 15px;

}

.services-tab {

	border-right:0px;

	border-bottom: 1px solid #dedede;

	margin-bottom:15px;

}

.projects-text-area {

	padding: 50px 30px 0 30px;

}

.projects-text {

	float: left;

	max-width: inherit;

}

.testimonials-text-div {

	font-size: 23px;

	padding: 24px 26px;

}

.testimonials-text-div span {

	font-size: 23px;

}

footer {

	padding:45px 15px 0 15px;

}

.footer-logo {

	text-align: center;

	margin: 0 0 15px 0;

}

.social-div {

	float: right;

	margin-bottom:15px;
	margin-top:-4px;

}




}

@media (max-width: 480px) {






h2 {

	font-size: 20px;

}

h3 {

	font-size: 18px;

}

.top-header ul {

	float: none;

}

.top-header ul li {

	float: none;

	background: none;

	border-bottom:1px solid #333333;

}

.search-div {

	width: 89%;

}
.advanced-slider .layer.black {
	left: 20px !important;
	top: 20px !important;
	width:95%;
}

.circleText {

	font-size: 15px;

}

.circleText h2 {

	font-size: 22px;

}

.projects-heading h1 {

	font-size: 74px;

	line-height: 70px;

}

.projects-text {

	padding-top: 40px;

}

.testimonials-text-div {

	font-size: 18px;

	padding: 24px 20px;

	margin: 0 15px;

}

.testimonials-text-div span {

	font-size: 18px;

}

.copyright {

	background:none;

}

.social-div {
	float: left;
	margin-top:10px;
}
.socialmedia-buttons img {
	margin-right: 10px !important;
} 
.testimonials-heading {
	margin: -64px auto 65px auto;
}


.pscarousel.deactivated {
	width: 422px;
}
div#scrollable648153 {
	width: 376px;
}
.slideshow-wrapper.centered .pager {
	width: 366px !important;
} 

.newsletter-submit {
	margin-bottom:10px !important; 
}



}

@media (max-width:320px) {




.advanced-slider .layer.black {
	display:none;
}

.circleContainer {

	display:none;

}

.main-heading {

	height: 119px;

	padding: 53px 20px 0px 20px;

}



}



div.wpcf7-validation-errors {

	border: none !important;

}

.post_content {

	border:0px;

}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {

	box-shadow:none;

}