/*
Theme Name: ScottBurkeElectrical

*/

@charset "utf-8";
/* CSS Document */

body, p, div, ul, li, span, header, section, aside, article{ margin:0; padding:0;}
body{ font-size:13px; color:#41454d; float:left; width:100%; font-family: 'Open Sans', sans-serif; line-height: 24px;}

/*---heading----*/

h1{ color: #fff; font-size: 28px; font-weight: normal; line-height: 40px;}
h2{ color: #3e4095; font-size: 20px; font-weight: bold; line-height: 22px; position:relative;  margin-bottom: 27px;}

h2:before {background: none repeat scroll 0 0 #66b0cf; bottom: -16px; content: ""; height: 5px; position: absolute; width: 18%; z-index: 1;}
h2:after { background: none repeat scroll 0 0 #ffd821; bottom: -16px;  content: ""; height: 5px; left: 0; position: absolute; width: 40%;}



h3{ color:#fff; font-size:20px; font-weight: normal; line-height: 22px; text-transform:uppercase;}
h4{ color:#1a1d24; font-size:17px; font-weight: normal; line-height: 22px;}

.head h5 { border-bottom: 1px solid #fff; border-top: 1px solid #fff; font-size: 18px; font-weight: normal;  margin: 2px auto; padding: 5px 0;   width: 53%;}

/*---container----*/
.container{ width:100%; max-width:1205px; margin:0 auto;}

.row{ float:left; width:100%;}
.col-1{ float:left; width:10%;}
.col-2{ float:left; width:20%;}
.col-3{ float:left; width:30%;}
.col-4{ float:left; width:40%;}
.col-5{ float:left; width:50%;}
.col-6{ float:left; width:60%;}
.col-7{ float:left; width:70%;}
.col-8{ float:left; width:80%;}
.col-9{ float:left; width:90%;}








/*---small class----*/
.f-left{ float:left;}
.f-right{ float: right;}

.talign-l{ text-align:left;}
.talign-r{ text-align: right;}
.talign-c{ text-align: center;}
.talign-j{ text-align:justify;}

ul{ list-style:none;}
.border-bottom{ border-bottom:1px solid #f4e3b5;}

.border-perple{ border:1px solid #9195d1;}
a{ text-decoration:none;}

/*---margin----*/
.m-center{ margin:0 auto}
.heading-margin{ margin:0 5%;}

.l-margin{ margin-left:15px;}

/*---padding----*/

.c-padding1{ padding:40px 0;}
.c-padding2{ padding:0 0 20px 0;}
.c-padding{ padding:8px 0;}
.c-padding2{ padding:12px 0;}

.padding-b{ padding-bottom:10px;}


.p-padding{ padding:10px;}


/*---section----*/


header.header { border-top-color:#ffcc33; border-top-width:10px; border-top-style:solid; /*border-top: 10px solid;*/}

.f-product{background:#ededed;}
footer.grey{ background:#2d2d2d;}
footer.black{background:#121212;}

.c-heading {background:  #71b6d2;}
.c-heading:before { background: #f5ce4c; content: ""; float: left;  height: 87px;  width: 29px;}
nav li {display: inline; padding: 0 10px;}
.form{ background:#ffcc33; float: right; width: 85%;}
.product{ background:#7abad4;  margin-top: 6px;}
.product-bg{ background:url(images/product-bg.png) no-repeat; height:265px; width:100%;}
.img-container{ height: 229px; margin: 4.2%; width: 93%; position:relative;  -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; overflow:hidden;}
.img-container img{ width:100%; height:100%;}

.border-perple li:hover .overlay { bottom: 0; -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out;}

.overlay{ background:rgba(0,0,0,.7);  position:absolute; bottom: -239px; right:0; padding:10%;  color: #fff; -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out;}

.overlay img{ width:auto; height:auto;}

.overlay a{ color:#fff;}
.overlay a:hover{ color:#f5ce4c;}

.trade-mark ul {margin: 10px auto 15px; width: 1142px;}
.trade-mark li {float: left; /*padding: 0 9px;*/ padding:0 5px;}



.border-perple li {float: left; padding-right: 1%; width: 32%;}


.y-color{color:#ffcc33; line-height: 23px;}
.copyright{ color:#fff;}


.top-footer li {float: left; color:#fff;}

.top-footer {padding: 20px 0;}


.top-footer ul {float: left; margin-left: 1%; width: 99%;}
li.footer-about { width: 32%; color:#94948f;}
li.footer-contact { width: 24%;}
li.footer-categories {width: 20%;}
li.footer-fb { width: 22%; }
.footer-about a { color: #dadada;float: left; text-align: right; width: 90%;}
.footer-about a:hover { color: #fff;}
.footer-contact li {float: left;  width: 100%;  padding: 5px 0;  position: relative;}
.footer-contact a{ color:#94948f;  padding-left: 5px;}
.footer-contact a:hover{ color:#fff;}

.footer-categories li {float: left;  width: 100%;  padding: 5px 0; position:relative;}

.footer-categories li a:before { color: #d9d9d9; content: ""; background:url(images/footer-arrow.png) no-repeat; background-position:left center; left: -18px;  position: absolute; height:8px; width:6px;  top:11px;}

.footer-categories a{ color:#94948f;  padding-left: 5px;}
.footer-categories a:hover{ color:#fff;}

.footer-contact span {
    left: -19px;
    position: absolute;
    top: 9px;
}


.banner img {
    width: 100%;
}

form {
    margin-left: 10%;
    text-align: left;
   width: 100%;
}
form.search-form {
    margin-left: 0;
    text-align: left;
    width: 100%;
}


label{   float: left; margin-bottom: 10px; width: 100%;}
input {border: 1px solid #9195d1; /*color: #6f7d9e;*/ font-size: 12px; height: 20px; padding: 2%; width: 96%;}

textarea {border: 1px solid #9195d1; /*color: #6f7d9e;*/ font-size: 12px; height: 100px; padding: 2%; width: 96%;}

input[type="submit"] { background:#66b0cf; border: medium none; border-radius: 3px; color: #fff; float: right; height: auto; padding: 7px 12px;
    width: auto;}

nav a {color: #41454d;}
nav a:hover {color: #ffcc33;}
.social-icon li { float: left; padding: 0 2px;}
em { float: left;}
.phone { color: #ffcc33; float: right; font-size: 26px; font-weight: bold;  line-height: 27px;}
.social-icon {padding: 12px 8px 12px 0;}
.logo { padding: 12px 0;}
.choose{ padding-top:5px;}


.top-sIcon {float: left; text-align: right; width: 50%;}

.top-sIcon > ul { float: right;}


#nav-wrap {
    margin-top: 0px;
}
/* menu icon */
#menu-icon {
    display: none; /* hide menu icon initially */
}

#nav-wrap {
    margin-top: 0px;
}
/* menu icon */
#menu-icon {
    display: none; /* hide menu icon initially */
}
.menu_bar_wrap{ width:100%;  position:relative; z-index:5;}
.banner {
    margin-bottom: 50px;
}

footer a { color: #7a7a7a;}
footer a:hover{ color:#fff;}

.fb_iframe_widget{ background:#fff;}

.captinput{ bottom: 3px;float: right; position: relative; width: 65%;}
.captcode {
    bottom: 2px;
    float: left;
    height: 30px;
    position: relative;
}

.inner_content {
    background: none repeat scroll 0 0 #ededed;
}

.main_col {
    float: left;
    width: 98%; margin-left:1%;
}
figure {margin: 0;}

.wp-caption-text > span {color: #d9a60d; font-size: 18px;}
/*.form2{background:#999999 !important;float:right; width:85%;}*/
.form2 {
    /*background: none repeat scroll 0 0 #999999 !important;*/
	background:#66b0cf;
    float: right;
    width: 85%;
}
.form2 .border-bottom{border-bottom: 1px solid #438dac;}
.form3{background:#ffcc33 !important;float:right; width:85%;}
.amazingslider-box-1 a {
    display: none;
}

.main_col .form{ width:100%;} 
.main_col .form2{ width:100%;} 

.col-3-contact.r-left.contact3 { float: right;}

.col-3-contact { float: left; width: 32%;}

.row.form2.l-left.talign-c.c-padding2 { float: left; margin: 0 0 0 6%;}


/*8 aug 2014*/


.product-left {
    float: left;
    width: 47%;
	overflow: hidden;
}
.product-left img {
  height: 75%;
    width: 100%;
    margin: 10% 0;
}
.product-right {
    float: right;
    width: 50%;
}


.product-right > h5 { border-bottom: 1px dashed #dedede; color: #f5ce4c; /*font-size:20px;*/ font-size:18px; /*line-height: 35px; margin: 0 0 11px;*/ line-height: 22px; margin: 8px 0 11px; padding: 5px 0 8px;}

.product-right > a {border-top: 1px dashed #ccc;  color: #3e839f; float: left; margin-top: 18px; padding-top: 7px; text-align: right;   text-transform: uppercase; width: 100%; padding-bottom:20px;}
.product-right > a:hover { color:#3e4095;}


.product-right > p { color: #787878;  float: left;  font-size: 15px; line-height: 25px; text-align: left;}
.product-left > a {float: left; height: 229px; width: 100%;}

.back-to-top {
	/*background:url(images/up-arrow.png) no-repeat;
	
    background: #62a7c3;
    border-radius: 52px;
    bottom: 2em;
    color: #000000;
    display: none;
    font-size: 12px;
    padding: 3em 1em;
    position: fixed;
    right: 13px;
    text-decoration: none;
    color: #fff;
	text-indent:-99999;*/
	
	 background: url("images/up-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 2em;
    color: #000000;
    display: none;
    position: fixed;
    right: 13px;
    text-indent: -999px;
    width: 44px;
    height:38px;
	overflow: hidden;
	background-size:27px 37px; 
	
	
}

.form3 .wpcf7-form-control-wrap.captcha-652 {
    float: left;
    width:68%;
    margin-left: 4px;
}
.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-652 {
    float: left;
    height: 27px;
    margin-top: 1px;
	margin-bottom:0;
}


/*11-sep-2014*/
.entry-thumbnail {float: left; margin-right: 16px;}
p { margin-bottom: 7px; text-align: justify;}
.row-left {float: left; width: 27%;}

.row-mid {float: left;  font-size: 17px; font-weight: bold; padding-top: 45px; text-align: center; width: 57%;}

.row-rights {float: right;  width: 13%;}
.img-mid-section {background: none repeat scroll 0 0 #fff; border: 4px double #c8c8c8; margin: 16px 0; padding: 2%; width: 95%;}
.main_col a {color: #66b0cf;}
.pfd-section > p:before {color: #58a2c1; content: "► "; font-size: 10px; font-weight: bold;}

.pfd-section > p:last-child:before { content: "";}
#wonderplugincarousel-1 .amazingcarousel-prev{top: 50px !important;}
#wonderplugincarousel-1 .amazingcarousel-next{top: 50px !important;}
.carousel-slider {margin-top: 16px;}
.carousel-slider:before {background: none repeat scroll 0 0 #ffcc33; content: ""; height: 210px; left: 0; position: absolute; width: 100%;}
#wonderplugincarousel-1 .amazingcarousel-nav{ display:none;}
.innercarousel-slider {float: left; margin-top: 5px; width: 100%;}
.entry-thumbnail img { width: 100%;}

.main_col iframe {
    float: left;
    padding: 20px;
}

/*Testimonail CSS*/

 blockquote {
   /* border-radius: 37px 0;
	-moz-border-radius: 37px 0;
	-webkit-border-radius: 37px 0;
    box-shadow: 2px 2px 2px 2px #ccc; 
	-moz-box-shadow: 2px 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px 2px #ccc;*/
    color: #454545;
    float: right;
    margin: 0;
    padding: 5% 1% 1% 0;
    width: 67%;
}
.author {
    color: #484848;
    float: right;
    font-size: 18px;
    font-weight: bold;
    padding-top: 5px;
    width: 100%;
	text-shadow: 2px 1px 0 #fff;
	-webkit-text-shadow: 2px 1px 0 #fff;
	-moz-text-shadow: 2px 1px 0 #fff;
}
.company {
    color: #7e7e7e;
    font-style: italic;
}
blockquote p {
    font-family: Open Sans;
    font-size: 14px;
    line-height: 21px;
	font-style:italic;
}

#wonderplugincarousel-1 .amazingcarousel-image{ height: 158px;}
#wonderplugincarousel-1 .amazingcarousel-image img{ height:100%;}

/*testimonial*/


form img {
    height: auto !important;
    width: auto !important;
}

/*23rd sept 2014*/

.choose ul li:before {
    background: none repeat scroll 0 0 darkblue;
    border-radius: 40px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 5px;
}
.choose > li {
    float: left;
    padding-left: 14px;
    position: relative;
    width: 100%;
}


.form .wpcf7-form-control-wrap.captcha-652 {
    float: left;
    margin-left: 7px;
    width: 71% !important;
}

.form .wpcf7-captchar {
    width: 100%;
}
#wonderplugincarousel-1 .amazingcarousel-title{ line-height:15px !important; width:100% !important;}
span.wpcf7-form-control-wrap{ width:100%;}

/* 21-oct-2014 */
.row-mid1 {
    float: left;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    width: 31%;
      padding-left: 40px;
}

.row-mid1 .wp-image-304 {
    padding-bottom: 10px;
    padding-right: 10px;
     padding-left: 10px;
    padding-top: 0 !important;
    width: 80%;
   
}

.row-rights1 {
    float: right;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    width: 31%;
    margin-right:154px;
    
    }

.row-rights1 .wp-image-304 {
    padding: 10px;
    width: 80%;
}

.row-left1 {
    float: left;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    width: 31%;
    margin-left:154px;
    
}

.wp-image-302 {
    height: 300px;
}
.wp-image-301 {
    height:150px;
}
.wp-image-300 {
    height: 79px;
}

.pdf2{width:45%; border:1px solid #ccc;  margin-top:30px; background:#fff; padding:5px;}
.pdf2 img{padding:0px}

.testimonials-widget-testimonial.list, .testimonials-widget-testimonial.single {
    box-shadow: 0 2px 2px 2px #ccc;
    display: block;
}
.testimonials-widget .attachment-thumbnail.wp-post-image{  height: 100%;
    padding: 40px 20px 20px;
    width: 100%;}
.testimonials-widget-testimonial cite, .testimonials-widget-testimonial div.credit{width:80%; margin-bottom:10px;}

.testimonials-widget-testimonial .image{padding-top:30px; padding-left:20px;}


/* == WordPress WYSIWYG Editor Styles == */

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

Lots of good stuff there, but no predefined styles for some of the Gallery items, such as .gallery dl and .size-thumbnail, as seen near the end of the list. Also, if you are using reset styles for margins and padding, you can strip out quite a few rules from this default set.

    Quick Tip: an easy way to ensure that everything is looking great is to simply create a test post in which you include each of the WYSIWYG items. Then include this set of default styles and fine-tune as desired.

As with most everything else WordPress-related, for more information on these default WordPress styles, check out the Codex. The default selectors above basically define CSS styles for images, captions, galleries, blockquotes, and smilies &ndash: in other words, all of the items that you can include using WordPress’ built-in WYSIWYG Editor.
[ ^ ] WordPress CSS – Miscellaneous Styles

After styling the essentials, you may also want to keep an eye out for these miscellaneous WordPress classes:

/* == WordPress CSS - Miscellaneous Styles == */

/* category links */
 li.categories {}  
 li.cat-item {}
 li.cat-item-{id} {}
 li.current-cat {}
 li.current-cat-parent {}
 ul.children {}

/* blogroll links */
.linkcat {}
.blogroll {}

/* read-more links */
.more-link {}

/* == WordPress CSS - Default WordPress Widgets == */

.widget {}

/* links widget */
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}

/* meta widget */
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}

/* pages widget */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

/* recent-posts widget */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}

/* archives widget */
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {} 
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}

/* tag-cloud widget */
.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}

/* calendar widget */
.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}

/* category widget */
.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {} 
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}

/* recent-comments widget */
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}

/* search widget */
#searchform {}
.widget_search {}
.screen-reader-text {}

/* text widget */
.textwidget {}
.widget_text {}
.textwidget p {}

.amazingcarousel-next {
    margin-top: 20px !important;
}
.amazingcarousel-prev {
    margin-top: 20px !important;
}




a img{outline: medium none; border:0; text-decoration:none;}

a{ outline:0;}

 


span.percent { color: #fff; font-size: 40px;}



/*Media Query*/

@media screen and (min-width: 0px) and (max-width: 480px)
{
	.img-container { margin: 12px 0 0 9px;}
}


@media screen and (min-width: 200px) and (max-width: 400px)
{
	.alignright, img.alignright{ margin-left: 0 !important;}
	.main_col img{ width:100% !important;}
	.main_col img{ padding:0 !important;}
	blockquote{width:92%; !important;}
	.testimonials-widget-testimonial .image{padding:30px; height:auto; width:auto;}
	.row-rights1 {width:100%;}
	.row-mid1{width:100%; padding-left:0px !important;}
	.row-left1{width:100%;}
	
	
	.ls-wp-container.ls-container.ls-v5{ height:200px !important; width: 100% !important;}
.ls-inner{ height:200px !important; width: 100% !important;}
.ls-lt-container.ls-overflow-hidden{ height:200px !important; width: 100% !important;}
.ls-curtiles{ height:200px !important; width: 100% !important;}
img.ls-bg.ls-preloaded{ height:200px !important; width: 100% !important;}

.ls-slide.ls-active{ height:200px !important; width: 100% !important;}


.ls-curtiles img{ height:200px !important; width: 100% !important;}
.ls-slide.ls-active > img.ls-bg.ls-preloaded{ left:0 !important; top:0 !important; margin-left:0 !important; margin-top:0 !important;}
.ls-l.ls-preloaded{ padding-top:50px !important;}
.ls-slide.ls-active h1.ls-l span.heading{font-size: 12px !important;
    margin-top: 8px !important;
    padding-top: 30px !important;
    float: left; }
.ls-slide h1.ls-l span.heading-1{ font-size:11px !important; padding-top:30px !important; margin-top:30px !important; line-height:18px !important;  margin-left:-50px !important;  float: left !important;}

span.percent{ font-size:20px !important;}

.ls-v5 .ls-nav-next{}
.ls-v5 .ls-nav-prev{ }
	

}

@media screen and (min-width: 200px) and (max-width: 600px)
{
blockquote{width:92%; !important;}
.row-rights1 {width:100%;margin-right:0px;}
	.row-mid1{width:100%; padding-left:0px !important; }
	.row-left1{width:100%;margin-left:0px;}
	.testimonials-widget-testimonial .image{padding:30px; height:auto; width:auto;}
.container { max-width: 83%; width: 90%;}
	.logo > img {height: auto; width: auto;}
	
.logo {padding: 25px 0 12px; text-align: center;}
	
	.col-1{ width:100%;} .col-2{ width:100%;} .col-3{ width:100%;} .col-4{ width:100%;} .col-5{ width:100%;} .col-6{ width:100%;} .col-7{ width:100%;} .col-8{ width:100%;} .col-9{ width:100%;}
	.border-perple li{ padding-right: 0; width: 92%;}
	
.trade-mark ul { float: none; margin: 0 auto; text-align: center;  width: 100%;}
	.trade-mark li { padding: 0; text-align: center;  width: 100%;}
.form .col-9 { width: 90%;}

.c-heading:before { height: 110px; width: 10px;}

.home-content img {width: 100%;}


li.footer-about {  width: 100%;}
li.footer-contact {  width: 100%;}
li.footer-categories {  width: 100%;}
li.footer-fb {  width: 100%;}

.phone {color: #ffcc33; float: none; font-size: 30px; margin: 0 auto; text-align: center;  width: 223px; }



.nevigation { margin-bottom: 15px; text-align: left;}
#nav-wrap {position: relative;}

.menu_bar_wrap{ background:#484848;}
#menu-icon { color: #fff;  height: 37px; background: url(images/menu-icon.png) no-repeat 10px center #71b6d2; margin: 2% 0 0; width:100%;
 text-indent: 40px; padding-top:5px;  cursor: pointer;  display: block; /* show menu icon */ font-weight: bold;  border-bottom: 1px solid #878787;  line-height: 29px;}
nav ul li{width:100%; margin-top:0; border-bottom: 1px solid #c4c493; float: left;}
nav_bar ul li:hover{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
nav ul li a { color: #41454d;  float: left;  font-size: 14px; padding: 11px 0px; text-decoration: none; text-transform: uppercase; width:100%;
	text-indent:10px;}
nav ul li a:hover{width:100%; color:#d4a108;}


nav{display:none;width:100%; background:#ffffce; float:left; overflow: hidden;}

.nevigation { text-align: left;}

.overlay{ padding: 3% 4%;   bottom: -266px;}
.overlay p {font-size: 10px; line-height: 14px;}

.top-sIcon {text-align: center; width: 100%;   margin: 7px 0 14px;}

.top-sIcon > ul {float: none; margin: 0 auto; width: 162px;}
h1{ line-height:32px;}
.l-margin {margin-left: 0;}
.footer-contact ul { margin-left: 14px;}
.footer-categories ul {margin-left: 18px;}
h1 {font-size: 25px;}
.f-product {
    background: none repeat scroll 0 0 #ededed;
}
 
input[type="submit"] {
    background: none repeat scroll 0 0 #66b0cf;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    float: right;
    height: auto;
    padding: 7px 12px;
    position: relative;
    /*right: 48px;*/
    width: auto;
}




input {
    border: 1px solid #9195d1;
   /* color: #6f7d9e;*/
    font-size: 12px;
    height: 20px;
    padding: 2%;
    width: 96%;
}

textarea {
    border: 1px solid #9195d1;
    /*color: #6f7d9e;*/
    font-size: 12px;
    padding: 2%;
    width: 96%;
}

.wpcf7-form-control.wpcf7-captchac.captcode {  width: 50px;}

.captinput { bottom: 3px;
    float: left !important;
    left: 5px;
    position: relative;
    width: 68% !important;
}

.form { background: none repeat scroll 0 0 #ffcc33; float: right; width: 100% !important;}
.form2 { float: right; width: 100% !important;  margin:15px 0 !important;}

.form3 {  float: right; width: 100% !important;margin-top: 46px; }
.form3 .col-9.talign-c.heading-margin { width: 90%;}

.form3 .wpcf7-form-control-wrap.captcha-652{ width: 62%;}

.fb_iframe_widget iframe {width: 263px !important; height: 327px !important;}

.fb_iframe_widget { display: inline-block;  height: 328px; position: relative;  width: 100% !important;}
.fb_iframe_widget{width: 263px !important;}
form {width: 80% !important;}
div.wpcf7 img.ajax-loader{ width:auto;}
.top-footer ul{  margin-left: 0;}
.main_col{ margin-left:0; width: 100%;}
.col-3-contact {float: left; width: 100%;}
.form2 > .col-9 {width: 90%;}



.product-left > a{ height:auto;}
.product-left {width: 100%;}
.product-right {float: left; width: 100%;}

.product-bg {
    background: url("images/product-bg.png") no-repeat rgba(0, 0, 0, 0);
    padding-bottom: 5px;
    width: 100%;
	background-size:100% 100%;
	height:auto;
}
.img-container {
    height: auto;
    /*margin: 4.2%;*/
	margin: 11px 0 0 9px;
    overflow: inherit;
    position: relative;
    transition: all 1s ease-in-out 0s;
    width: 93%;
}
.product-right > p {font-size: 14px; line-height: 22px;}

.product-right > h5 {font-size: 18px;}
.product-right > a{ width:99%;}
.img-container img{ width:99%;}

/*11-sep-2014*/
.img-mid-section img {width: 75%; height:auto;}
.row-rights {float: left; text-align: center; width: 100%;}
.row-mid {font-size: 15px; padding: 45px 0;text-align: center;width: 100%;}
.row-left {text-align: center; width: 100%;}
.img-mid-section{padding: 26px 2%}



/*testimoaial*/
blockquote{ padding: 39px 5% 1%;}
.testimonials-widget-testimonial cite, .testimonials-widget-testimonial div.credit{margin-right: 41px;}

.product-left img {
    height: auto;
    margin: 0;
    width: 100%;
}

.main_col img { height: auto; width: 100%; /*width: auto;*/}
.home-vedio iframe{ width:100% !important; height: 143px;}
.fb-like-box.fb_iframe_widget > span { width: 100% !important;}
.main_col img.alignright.wp-image-335.size-medium{ padding:0 !important}
.main_col img.alignright.wp-image-335.size-medium{ padding:0 !important; width:auto;}

/* Modification 22-10-2014 */
/*.img-container{margin: 14px 0 0 12px;}*/
.border-perple li{ width:95%;}
.alignright.wp-image-335.size-medium {
    width: 100% !important;
}

.form img { width: auto !important;}

.form .wpcf7-form-control-wrap.captcha-652{  width: 60% !important;}
blockquote{text-align: center; width: 94% !important;}

.ls-wp-container.ls-container.ls-v5{ height:280px !important; width: 100% !important;}
.ls-inner{ height:280px !important; width: 100% !important;}
.ls-lt-container.ls-overflow-hidden{ height:280px !important; width: 100% !important;}
.ls-curtiles{ height:280px !important; width: 100% !important;}
img.ls-bg.ls-preloaded{ height:280px !important; width: 100% !important;}

.ls-slide.ls-active{ height:280px !important; width: 100% !important;}


.ls-curtiles img{ height:280px !important; width: 100% !important;}
.ls-slide.ls-active > img.ls-bg.ls-preloaded{ left:0 !important; top:0 !important; margin-left:0 !important; margin-top:0 !important;}
.ls-l.ls-preloaded{ padding-top:50px !important;}
.ls-slide.ls-active h1.ls-l span.heading{font-size: 15px !important;
    margin-top: 8px !important;
    padding-top: 30px !important;
    float: left; }
.ls-slide h1.ls-l span.heading-1{ font-size:13px !important; padding-top:30px !important; margin-top:40px !important; line-height:18px !important;  margin-left:-30px !important;  float: left !important;}

span.percent{ font-size:25px !important;}

.ls-v5 .ls-nav-next{}
.ls-v5 .ls-nav-prev{ }


/*.ls-l.ls-preloaded{}*/
}

@media screen and (min-width: 601px) and (max-width: 767px)
{
blockquote{width:64% !important;}
	.testimonials-widget-testimonial .image{padding:30px; height:auto; width:auto;}
	.container{ max-width:87%; width:90%;}
	.logo > img {height: auto; width: auto;}
	
.logo {padding: 25px 0 12px; text-align: center;}
	
	.col-1{ width:100%;} .col-2{ width:100%;} .col-3{ width:100%;} .col-4{ width:100%;} .col-5{ width:100%;} .col-6{ width:100%;} .col-7{ width:100%;} .col-8{ width:100%;} .col-9{ width:100%;}
	



li.footer-about {  width: 50%; height: 280px;}
li.footer-contact {  width: 37%; height: 280px;}
li.footer-categories {  width:50%; height:auto;}
li.footer-fb {  width: 49%; height: auto;}

.phone {color: #ffcc33; float: none; font-size: 30px; margin: 0 auto; text-align: center;  width: 223px; }



.nevigation { margin-bottom: 15px; text-align: left;}
#nav-wrap {position: relative;}

.menu_bar_wrap{ background:#484848;}
#menu-icon { color: #fff;  height: 37px; background: url(images/menu-icon.png) no-repeat 10px center #71b6d2; margin: 2% 0 0; width:100%;
 text-indent: 40px; padding-top:5px;  cursor: pointer;  display: block; /* show menu icon */ font-weight: bold;  border-bottom: 1px solid #878787;  line-height: 29px;}
nav ul li{width:100%; margin-top:0; border-bottom: 1px solid #c4c493; float: left;}
nav_bar ul li:hover{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
nav ul li a { color: #41454d;  float: left;  font-size: 14px; padding: 11px 0px; text-decoration: none; text-transform: uppercase; width:100%;
	text-indent:10px;}
nav ul li a:hover{width:100%; color:#d4a108;}


nav{display:none;width:100%; background:#ffffce; float:left; overflow: hidden;}

.nevigation { text-align: left;}

.overlay{ padding: 12% 10%;   bottom: -266px;}

.top-sIcon {text-align: center; width: 100%;   margin: 7px 0 14px;}

.top-sIcon > ul {float: none; margin: 0 auto; width: 162px;}
h1{ line-height:32px;}
.l-margin {margin-left: 0;}
.footer-contact ul { margin-left: 14px;}

.footer-categories ul {margin-left: 18px;}
	
	
.trade-mark ul { margin: 10px auto 15px; width: 100%;}
	
	
.footer-about .col-8 { width: 87%;}
.border-perple li{ padding-right: 0;  width: 48%;}
.trade-mark li {  height: 138px; padding: 0; text-align: center; width: 50%;}
.form .col-9 { width: 90%;}

.c-heading:before { height: 110px; width: 10px;}

.home-content .col-2 {width: 39%;} .home-content .col-6{ width:60%;}
.home-content .col-2 img{ width:100%;}


.form3 .col-9.talign-c.heading-margin {
    width: 90%;
}

.form3 { width: 100%;}


form { width: 80% !important;}

.fb_iframe_widget iframe {width: 263px !important; height: 327px !important;}

.fb_iframe_widget { display: inline-block;  height: 328px; position: relative;  width: 100% !important;}
.fb_iframe_widget{width: 263px !important;}
.main_col{ margin-left:0; width: 100%;}
.col-3-contact {float: left; width: 100%;}
.form2 > .col-9 {width: 90%;} 
.row.form2.l-left.talign-c.c-padding2 {margin: 15px 0;}


.product-left > a{ height:auto;}
.product-left {width: 100%;}
.product-right {float: left; width: 100%;}

.product-bg {
    background: url("images/product-bg.png") no-repeat rgba(0, 0, 0, 0);
    padding-bottom: 5px;
    width: 100%;
	background-size:100% 100%;
	height:auto;
}
.img-container {
    height: auto;
    margin: 4.2%;
    overflow: inherit;
    position: relative;
    transition: all 1s ease-in-out 0s;
    width: 93%;
}
.product-right > p {font-size: 14px; line-height: 22px;}

.product-right > h5 {font-size: 18px;}
.product-right > a{ width:99%;}
.img-container img{ width:99%;}


/*11-sep-2014*/
.img-mid-section img {width: 75%; height:auto;}
.row-rights {float: left; text-align: center; width: 100%;}
.row-mid {font-size: 15px; padding: 45px 0;text-align: center;width: 100%;}
.row-left {text-align: center; width: 100%;}
.img-mid-section{padding: 26px 2%}


.product-left img {height: 150px; margin: 0; width: 100%;}


.main_col img { height: auto; /*width: 100%;*/ width: auto; padding:0 !important;}

.home-vedio iframe{ width:100% !important;}

.fb-like-box.fb_iframe_widget > span {
    width: 100% !important;
}

.trade-mark li{ height: 150px;}

.main_col img.alignright.wp-image-335.size-medium{ padding:0 !important}
.main_col img.alignright.wp-image-335.size-medium{ padding:0 !important; width:auto !important;}

/*Modification on 22-10-2014*/
/*.pdf2{ width:100%;}*/
	.main_col img{ width:100%;}
	.row-mid1{ width:auto;}
	.row-left1{ width:auto;}
	.row-rights1{ width:auto;}
	


.form img { width: auto !important;  height: 33px !important;}

.form .wpcf7-form-control-wrap.captcha-652{  width: 73% !important;}
blockquote{text-align: center; width: 94% !important;}





.ls-wp-container.ls-container.ls-v5{ height:350px !important; width: 100% !important;}
.ls-inner{ height:350px !important; width: 100% !important;}
.ls-lt-container.ls-overflow-hidden{ height:350px !important; width: 100% !important;}
.ls-curtiles{ height:350px !important; width: 100% !important;}
img.ls-bg.ls-preloaded{ height:350px !important; width: 100% !important;}

.ls-slide.ls-active{ height:350px !important; width: 100% !important;}


.ls-curtiles img{ height:350px !important; width: 100% !important;} 
.ls-slide.ls-active > img.ls-bg.ls-preloaded{ left:0 !important; top:0 !important; margin-left:0 !important; margin-top:0 !important;}
.ls-l.ls-preloaded{ padding-top:50px !important;}
.ls-slide.ls-active h1.ls-l span.heading{font-size: 18px !important;
    margin-top: 8px !important;
    padding-top: 30px !important;
    float: left; }
.ls-slide h1.ls-l span.heading-1{ font-size:15px !important; padding-top:35px !important; margin-top:45px !important; line-height:25px !important;  margin-left:-30px !important;  float: left !important;}

span.percent{ font-size:28px !important;}

.ls-v5 .ls-nav-next{}
.ls-v5 .ls-nav-prev{ }

}

@media screen and (min-width: 736px) and (max-width: 767px)
{
	.form3 .wpcf7-form-control-wrap.captcha-652{ width: 80%;}
	input.wpcf7-captchar{ width: 100%;}
}


@media screen and (min-width: 768px) and (max-width: 1024px)
{
.wp-image-302 {
    height: 160px !important;
}
.wp-image-300 {
    height: 60px !important;
}
.wp-image-301 {
    height: 150px !important;
}

.pdf2 {width:65% !important;}
	.top-sIcon{ width:auto;}
	.logo > img { width: 100%;}
	.container{max-width:95%; width:95%;}
	.col-5.social-icon { width: 58%; padding:12px 8px 0px 0;}	
	nav li { display: inline;  padding:  0 13px;}
nav a { color: #41454d; font-size: 12px;}
.c-heading:before{ width: 14px;}
.c-content .col-2 {float: left; width: 35%;}
.c-content img {  width: 100%;}
img { width: 100%;}
.trade-mark ul {margin: 10px auto 15px; text-align: center; width: 96%;}
header.header {border-top: 7px solid #ffcc33; padding: 10px 0;}
.product-bg{height: 238px; background-size:100% 100%;}
.img-container{ height: 89%; margin: 4%; width: 93%;}	
.footer-contact ul { width: 80%; word-wrap: break-word;}
.form { background:#ffcc33; float: right; width: 100%;}
img.captcode { width: auto;} 
.captinput { width: 50% !important;}
div.wpcf7 img.ajax-loader{ width:auto;}

.f-product {
    background: none repeat scroll 0 0 #ededed;
}

img.captcode {
    width: 60px !important;
    height: 25px !important;
}
.form2 {
    margin: 0 15px 0 0;
    width: 100%;
}

.fb_iframe_widget { display: inline-block;  height: 328px; position: relative;  width: 100% !important;}
.fb_iframe_widget{width: 263px !important;}
 
 
 .form3{ width: 100%;} 
 h3{font-size: 15px;}
 
 
li.footer-about { width: 26%;}
li.footer-contact {width: 21%;}
li.footer-categories {width: 17%;}
.fb_iframe_widget span{ width: 200px !important;}
.product ul {
    width: 99%;
}
.img-container > img{ width: 98%;}
.overlay {    font-size: 12px; line-height: 15px;}


.head h5 {
    font-size: 15px;
    width: 96%;
}
.fb_iframe_widget iframe { height: 317px !important;  position: absolute;  width: 263px !important;}



.product-right > h5 {
    font-size: 15px;
    line-height: 22px;
    margin: 0 0 4px;
    padding: 5px 0;
}

.product-right > p {
    font-size: 11px;
    line-height: 19px;
}


.product-right > a {
    font-size: 11px;
    width: 99%;
}
 
 /*11-sep-2014*/
 .row-mid{ font-size: 15px; padding-top: 15px;}
 #wonderplugincarousel-1 .amazingcarousel-prev{margin-left: -23px !important;}
 #wonderplugincarousel-1 .amazingcarousel-next{margin-right: -23px !important;}
 
 
 .img-mid-section img {width: 100%; height:auto;}
 
 
/*testimoaial*/
blockquote{ padding: 46px 5% 0;  width: 43%;}
.testimonials-widget-testimonial cite, .testimonials-widget-testimonial div.credit{margin-right: 41px;}
 
  
.product-left img { height: 63%;  margin: 10% 0; width: 100%;}

.main_col img { height: auto; width: auto; padding:2px;}
.wpcf7-form-control-wrap.captcha-652{width: 53% !important;} 

.form .wpcf7-form-control-wrap.captcha-652{width: 50% !important;} 

.home-vedio iframe{ width:100% !important;}
.trade-mark li{ height: 150px;}
.home-vedio iframe{ width:100% !important; height: 121px;}
.main_col img.alignright.wp-image-335.size-medium{ padding:0 !important; width:auto !important;}

.contact3 .row {
    width: 100%;
    word-wrap: break-word;
}

blockquote.row {
    width: 90%;
    word-wrap: break-word;
}



.ls-wp-container.ls-container.ls-v5{ height:200px !important; width: 100% !important;}
.ls-inner{ height:200px !important; width: 100% !important;}
.ls-lt-container.ls-overflow-hidden{ height:200px !important; width: 100% !important;}
.ls-curtiles{ height:200px !important; width: 100% !important;}
/*img.ls-bg.ls-preloaded{ height:200px !important; width: 100% !important;}*/

.ls-slide.ls-active{ height:200px !important; width: 100% !important;}


/*.ls-curtiles img{ height:200px !important; width: 100% !important;} 
.ls-slide.ls-active > img.ls-bg.ls-preloaded{ left:0 !important; top:0 !important; margin-left:0 !important; margin-top:0 !important;}
.ls-l.ls-preloaded{ padding-top:50px !important;}
.ls-slide.ls-active h1.ls-l span.heading{font-size: 18px !important;
    margin-top: 8px !important;
    padding-top: 30px !important;
    float: left; }
.ls-slide h1.ls-l span.heading-1{ font-size:15px !important; padding-top:35px !important; margin-top:45px !important; line-height:25px !important;  margin-left:-30px !important;  float: left !important;}

span.percent{ font-size:28px !important;}

.ls-v5 .ls-nav-next{}
.ls-v5 .ls-nav-prev{ }*/

}

/*::-webkit-input-placeholder {
    color: #FF0000;
    opacity: 1 !important;
}

:-moz-placeholder { 
    color: #FF0000;
}

::-moz-placeholder {  
    color: #FF0000;
}

:-ms-input-placeholder {  
   color: #FF0000;
}
*/