/* Theme Name: Optima Print */
@font-face {
    font-family: 'romyregular';
    src: url('fonts/romy-webfont.eot');
    src: url('fonts/romy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/romy-webfont.woff') format('woff'),
         url('fonts/romy-webfont.ttf') format('truetype'),
         url('fonts/romy-webfont.svg#romyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*******reset-styles-starts********/
html { background: url(img/outer-bg.png) repeat-x 0 0 #290ba6; width: 100%;}
body { background: url(img/inner-bg.png) no-repeat right 0; border-top: 7px solid #481272; width: 100%;}
body,div,span,strong,ul,li,h1,h2,h3,h4,h5,h6,a,input,label,p {padding: 0;	margin: 0;}
a {	color: #fff; text-decoration: none;outline: none; transition:  all 0.5s ease 0s;	-webkit-transition:  all 0.5s ease 0s;	-moz-transition:  all 0.5s ease 0s;}
a:hover {color: #fff;}
ul {list-style: none;outline: none;}
img,input,iframe,textarea,input {border: none;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.clearfix:after {clear: both;content: '';display: block;}
header,section,footer {display: block;}
/********reset-styles-ends********/
body { font: 16px/18px 'open_sansregular'; color: #fff;}
.main-container { width: 1400px; margin: 0 auto; background: url(img/outer-bg.png) repeat-x 0 0 #290ba6;}
.container { width: 100%; background: url(img/inner-bg.png) no-repeat 0 0; border-top: 7px solid #481272;}
header { width: 1050px; margin: 0 auto;}
.header {  padding: 0 0 25px;}
.logo { float: left; width: 232px; height: 92px; padding: 30px 0 0 15px;}
.logo a { display: block;}
.header-right { width: 300px; float: right;}
.get-quote-head { width: 200px; float: left; margin:50px 0 0 150px;}
.search-outer { background: url(img/search-outer.png) no-repeat 0 0; width: 291px; height: 42px; margin: -7px -20px 0 0; float: right;}
.search { width: 241px; padding: 7px 0 0; margin: 0 0 0 24px;}
.search input[type="text"] { width: 194px; padding: 0 10px; background: #fff; height: 24px; font: 14px/24px Arial, Helvetica, sans-serif; color: #a6a6a6; font-style: italic; float: left;
border-radius: 6px 0 0 6px;}
#search { width: 27px; height: 24px; background: url(img/search-bg.png) repeat-x 0 0; float: left; border-radius: 0 6px 6px 0; overflow: hidden;}
.search input[type="submit"] { width: 27px; background: url(img/search-icon.png) no-repeat center; height: 24px;}
.header-contact { padding: 10px 0 0;}
.header-contact label { font: 36px/40px 'romyregular'; color: #fff; text-align: center; display: block;}
.header-contact a {font-size: 40px; line-height:44px; font-family: 'open_sansbold'; text-align: center; display: inline-block;}
.header-contact div { text-align: center; display: block;}
/***********menu**********/
#menu { background: url(img/menubg.jpg) repeat-x 0 0;}
#menu li { background: url(img/menu-spacer.png) no-repeat right center; padding: 0 2px 0 0; float: left; position: relative;}
#menu li a { padding: 0 10px; display: block; font: 14px/40px 'open_sansbold';}
#menu li a:hover,#menu li.current-menu-item > a,#menu li.current_page_parent > a,#menu li.current_page_ancestor > a { background: #290ba6;}
#menu li img { vertical-align: middle; line-height: 40px;}
/*****Dropdown-menu*******/
#menu ul { position: absolute; top: 39px; left: 0; display: none;  background: #290ba6; padding: 5px 0; z-index: 10000; width: 200px;}
#menu ul li { padding: 1px 12px 0 0; float: none; border-bottom: 1px dashed #dadada; margin: 0 0 0 12px; background: none;}
#menu ul li a { font-size: 13px; line-height: 15px; border-right: none; border-left: none; display: block; padding: 7px 0;}
#menu ul li a:hover { color: #9186be;}
#menu ul li:last-of-type { border-bottom: none;}
/**********section********/
section { padding: 10px 0; width: 1050px; margin: 0 auto;}
.wrapper { width: 748px; float: left;}
.banner { width: 100%; height: 290px; margin: 0 0 12px; position: relative; z-index: 2; overflow: hidden;}
.inner-banner { height: auto; width: 100%;}
.inner-banner img { width: 100%; height: 100%;}
a.readmore { width: 115px; height: 37px; line-height: 37px; font-size: 15px; display: block; background: url(img/readmore.jpg) repeat-x 0 0; 
box-shadow: 1px 1px 2px 0 #000; text-align: center; font-family: 'open_sansbold'; position: absolute; bottom: 31px; right: 17px;}
/**********aside********/
aside { width: 290px; padding: 0 0 0 12px; float: right;}
.aside-content-outer { width: 280px; padding: 5px; background: #fff; height: 203px; margin: 0 0 10px; overflow: hidden; position: relative;}
.aside-content { height: 205px;}
.aside-content-outer a { width: 136px; height: 37px; line-height: 37px; color: #000; text-align: center; font-size: 14px; background: url(img/view-packages.jpg) no-repeat 0 bottom; display: block; font-family: 'open_sansbold';
position: absolute; left: 14px; bottom: 15px;}
.aside-content-outer a:hover { background-position: 0 top; color: #fff;}
.startup { background: url(img/startup-package.jpg) no-repeat center;}
.webdesign { background: url(img/webdesign.jpg) no-repeat center;}
.brouchure { background: url(img/brouchure.jpg) no-repeat center;}
.sinage { background: url(img/signage.jpg) no-repeat center;}
.no-offer { height: 126px;}
/**********aside********/
.add-cat {}
.add-cat ul li { float: left; width: 140px; height: 140px; padding: 0 12px 0 0;}
.add-cat ul li a { display: block; width: 130px; height: 125px; padding: 0 0 5px; background-repeat: repeat; background-position: 0 0; border: 5px solid #fff;}
.add-cat li .img-outer { height: 95px; padding: 5px 10px; text-align: center; vertical-align: middle; line-height: 95px;}
.add-cat li .img-outer img { max-width: 100%; max-height: 90px; vertical-align: middle; line-height: 95px; transition:  all 0.5s ease 0s;	-webkit-transition:  all 0.5s ease 0s;	-moz-transition:  all 0.5s ease 0s;}
.add-cat li a:hover img { transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); -webkit-transform: scale(0.9);}
.add-cat li span { display: block; text-align: center; padding: 0 8px; font-size: 18px; line-height: 20px; color: #fff;}
#printing { background-image: url(img/cat-1.jpg);}
#stationary { background-image: url(img/cat-2.jpg);}
#signs { background-image: url(img/cat-3.jpg);}
#large-format { background-image: url(img/cat-4.jpg);}
#design { background-image: url(img/cat-5.jpg);}
.content { padding:0;}
.quick-menu { width: 210px; padding: 0 14px 0 0; float: left;}
.quick-menu h3 { font-size: 24px; line-height: 28px; padding: 6px 0 10px 13px; font-family: 'open_sansbold';}
.quick-menu ul { padding: 0 0 0 13px;}
.quick-menu ul li a { background: url(img/aside-li.png) no-repeat 0 7px; padding: 0 0 0 21px; display: block;}
.quick-menu ul a span { display: block; border-bottom: 1px solid #7661c6; font-size: 14px; line-height: 30px; color: #fff; display: block;
transition:  all 0.5s ease 0s;	-webkit-transition:  all 0.5s ease 0s;	-moz-transition:  all 0.5s ease 0s;}
.quick-menu ul li a:hover {text-indent: 15px;}
.center-conter { background: url(img/content-bg.png) repeat 0 0; width: 465px; float: right; padding: 22px 25px 10px 25px;}
.center-conter h3 { line-height: 20px; font-size:18px; padding: 0 0 0 0; margin: 20px 0 15px; font-weight: normal; font-family: 'open_sansbold';}
.center-conter h4 { line-height: 16px; font-size:14px; padding: 0 0 0 0; margin: 20px 0 15px; font-weight: normal; font-family: 'open_sansbold';}
.center-conter h2 { line-height: 26px; font-size:24px; padding: 0 0 0 0; margin: 20px 0 15px; font-weight: normal;}
.center-conter h1 { font-size: 38px; line-height: 39px; padding: 0 0 8px 0; border-bottom: 1px solid #7661c6; margin: 0 0 25px; font-weight: normal;}
.center-conter p { padding: 0 0 0 0; font-size: 13px; line-height: 15px; margin:15px 0 15px 0;}
.center-conter a.readmore{ margin-bottom:10px; background:none; box-shadow:none;color:#F7B70F; position:static;}
.center-conter a:hover{ color:#fff;}
/***********footer*****/
footer { padding: 25px 0 0;}
.footer { width: 1000px; margin: 0 auto; background: url(img/footer-bg.png) no-repeat 0 25px; padding: 0 25px;}
.footer-inner { padding: 0 12px; border-bottom: 3px solid #fff;}
.contact { width: 290px; padding: 0 18px 0 0; float: left;}
.contact  h4 { color: #9186be; font-size: 22px; padding: 0 0 6px; font-family: 'open_sansbold';}
.contact p { color: #9186be; font-size: 14px; line-height: 16px; width: 80%; padding: 0 0 10px;}
.contact .field { padding: 0 0 5px;}
.contact label { width: 50px; float: left; color: #9186be; font-size: 16px; line-height: 18px;}
.contact a { float: left; display: inline-block; font-size: 16px; line-height: 18px; color: #fff;}
.contact-icon { padding:  0 0 0 40px;}
.testy-outer { width: 318px; padding: 0 18px 10px; float: left; text-align: center;}
.testimonials { background: url(img/content-bg.png) repeat 0 0; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; position: relative;
padding: 15px;}
.testimonials img { float: left; padding: 0 10px 0 0;}
.testimonials p { font-size: 13px; line-height: 15px;}
.testy-pointer { width: 34px; height: 14px; position: absolute; bottom: -14px; right: 12px; background: url(img/testy-over.png) no-repeat 0 0; display: block;}
.testy-outer img.testy { margin: 0 auto;}
.testy-person { padding: 8px 50px 0 0; text-align: right;}
.testy-person span { display: inline-block; font-family: 'open_sansbold_italic'; font-size: 14px; line-height: 16px;}
.testy-person strong { display: inline-block; font-size: 14px; line-height: 16px; font-family: 'open_sansbold';}
.testy-person strong:before { content: '-'; line-height: 16px; padding: 0 2px; display: inline-block;}
.social { width: 270px; float: right;}
.social a { background: url(img/social-icons.png) no-repeat 0 0; float: left; height: 72px;}
.social a:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05);}
.social a.facebook { width: 68px; background-position: 0 0; display: block;}
.social a.tweet { width: 63px; background-position: -68px 0;}
.social a.googleplus { width: 63px; background-position: -131px 0;}

.social a.linkedin { width: 68px; background-position: right 0;}

.black-chamber { background: url(img/black.png) no-repeat 0 20px; padding: 20px 0 0 100px; height: 144px; font-size: 18px; line-height: 18px;}
.copy-right { font-size: 12px; line-height: 65px; text-align: center;}
/************inner*********/
.innerpage-banner { height: 180px;}
.getaquote { width: 222px; height: 58px; display: block; background: url(img/get-a-quote.png) no-repeat 0 0; color: #fff; margin: 0 0 15px; text-align: center;}
.getaquote:hover { color: #290ba6;}
.getaquote span { font: 30px/58px 'open_sansregular';}
.getaquote strong { font: 30px/58px 'open_sansbold';}
.center-conter img.aside-img{ float: left; padding: 0 12px 10px 0; max-width: 100%;}
.center-conter img{ text-align: center;}

/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption {
	color: #767676;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
}

div.wp-caption .wp-caption-text {
	padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
input[type="submit"]{background: url("img/readmore.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 31px;
    box-shadow: 1px 1px 2px 0 #000;
    display: block;
    font-family: 'open_sansbold';
    font-size: 15px;
    height: 37px;
    line-height: 37px;
    text-align: center;
cursor:pointer;
color:#fff;
    width: 115px; }
.content input[type="text"],input[type="tel"],input[type="email"]{height:25px;margin-top: 7px;}
span.iq-testimonial-quote{font-size: 13px;
    line-height: 15px;
    padding: 10px 0;}

.iq-testimonial-wrap{margin-bottom:0px !important;padding-bottom:0px !important; overflow: visible !important;}
.iq-testimonial-body{
    background: #8263CA;
    border-radius: 12px;
    padding: 15px;
    position: relative;}
.content textarea{
   margin-top: 7px;
   height: 120px;
    width: 260px;
}
.center-conter .testy-person strong:before{content:"" !important;}
.iq-testimonial-wrap .testy-pointer{background:url("img/testy-over1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;}
.home-content{padding:12px 0 0;}
.center-conter ul {
margin:15px 0 15px 25px;
}
.center-conter ul li {
list-style:inside circle;
font-size:13px;
}
.gform_wrapper .gfield_required { color:#eabe13 !important;}
.gform_wrapper .top_label .gfield_label { font-size:16px; margin:10px 0 0 0 !important;}
.gform_wrapper h2.gsection_title { font-size:24px !important;color:#eabe13 !important;}
.gform_wrapper .gform_footer input.button {padding: 1px 10px 1px 10px !important; width:inherit !important;}
.widget-area .woocommerce { margin:0 0 25px 0; border: 1px solid #fff; padding:15px 15px 25px 15px;}
.quick-menu .widget-area .woocommerce ul li a { background-position:0 2px;}
.widget-area .woocommerce h4 { margin:0 0 10px 0;}
.wrapper #add_payment_method #payment, .wrapper .woocommerce-checkout #payment {background-color:#871b92;} 
.wrapper #add_payment_method #payment ul.payment_methods li,.wrapper  .woocommerce-checkout #payment ul.payment_methods li { list-style:none;}