/*   



Theme Name: ABCLinksInc



Theme URI: http://staging-servers.com/ABCLinksInc

H

Description: Its New Theme Project



Author: Shailendra Mishra



Author URI: your-URI



Version: 1.0



*/
@charset "utf-8";

/* #DEFAULT CLASSES
================================================== */
body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td { margin:0; padding:0;}

/* =============================================================================
   Tables
   ========================================================================== */
table{border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0; outline:none;}

a, a:hover, a:visited{outline:none;}

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display: block; margin:0; padding:0;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; }

/* =============================================================================
   Typography
   ========================================================================== */

blockquote { margin: 1em 40px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Simple fluid media */
object, embed, video {max-width: 100%;}

.left{float:left;}
.right{float:right;}


/* =============================================================================
   Typography
   ========================================================================== */
p{margin:0 0 16px 0; padding:0;}

h1{font-size:35pt; font-family:RockwellStdRegular;}
h2{font-size:18pt;}
h3{font-size:16pt;}
h4{font-size:15pt;}
h5{font-size:13pt;}
h6{font-size:11pt; line-height:16px;}
h1,h2,h3,h4,h5,h6{margin:0 0 10px 0; padding:0; line-height:91%; font-weight:normal;}

sup,sub{font-size:10pt; line-height:14px;}

/* =============================================================================
   Links
   ========================================================================== */

a { color: #000;  text-decoration:none; }
a img{border: none;}
a:visited {  }
a:hover{text-decoration:underline;  }
a:focus { }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* =============================================================================
   Lists
   ========================================================================== */
ul,ol{margin-top:0;}
ul li, ol li{margin:0; padding:0 0 7px 0;}
ul li ul{margin-top:5px;}
ul ul li{margin-bottom:0px;}



/* #Clearing
================================================== */

/* Self Clearing Goodness */
.wrap:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}
.clr{ clear:both; height:0;}

/* BODY CLASS
================================================== */
body{font:normal 11pt/18px Arial, Helvetica, sans-serif; background:url(images/body.jpg) no-repeat center top; color:#000;}
body.inner{background:url(images/innerbanner.jpg) no-repeat center top;}

/* WRAP 
====================================*/
.wrap{width:1000px; margin:0 auto; *overflow:hidden;}



/* HEADER SECTION
================================================== */
header{height:220px; position:relative; font:normal 17pt/22px RockwellStdRegular; color:#FFF;}
header a{color:#FFF;}
.logo{margin-top:31px;}
.call{position:absolute; right:10px; bottom:20px;}


/* NAV BAR
================================================== */
nav{ background:url(images/nav-bg.png) repeat; height:48px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
nav ul, nav ul ul, nav ul ul ul{margin:0; padding:0; list-style:none;}
nav ul{margin-top:15px;}
nav ul li{margin:0; padding:0 18px; float:left; zoom:1; z-index:3000; position:relative; background:url(images/nav-sep.gif) no-repeat right 5px; color:#000; }
nav ul li a{display:block; color:#FFF;  font:normal 13pt/20px Tahoma, Geneva, sans-serif;}
nav ul li.last{margin-right:0; background:none;}
nav ul li a:hover, nav ul li.selected a{ text-decoration:none;}
nav ul ul{position:absolute; left:0; top:21px; z-index:99999999; display:none;}
nav ul li:hover ul{display:block;}
nav ul ul li{margin:0; padding:0; float:none; font-size:10.5pt; line-height:normal; background:none; border-bottom:1px solid #000;}
nav ul ul li a{width:180px; padding:8px; background:url(images/nav-bg.png) repeat;}
nav ul ul li a:hover, nav ul ul li.selected a{background:#812228; color:#FFF;}
nav li:hover ul li ul{position:absolute; left:196px; top:0; display:none;}
nav li:hover ul li:hover ul{display:block;}

/* BANNER CONTENT
================================================== */
.padd1{padding:30px 30px 40px; overflow:hidden; text-align:center; font:normal 18pt/26px RockwellStdRegular; color:#FFF;}
.padd1 h1{margin:0;}

/* TOP SECTION
================================================== */
.TopSection{margin-top:70px; padding:36px 0 0 0; background:url(images/shadow-bg.gif) no-repeat center top;}
.TopL{width:51.8%; font-family: Tahoma, Geneva, sans-serif;}
.TopL .products_info{margin:10px 0 0 0; padding:0; list-style:none; overflow:hidden; color:#7e7c7c; text-align:center;}
.TopL .products_info li{margin:0; padding:0 2%; width:45%; display:inline-block; vertical-align:top; font-family:Arial, Helvetica, sans-serif;}
.TopL .products_info li img{margin-bottom:5px;}
.hd2{font:normal 16pt/22px Tahoma, Geneva, sans-serif; margin-bottom:10px; color:#000;}
.TopR{width:41.5%; padding:19px 0 25px 4.3%; margin-top:80px; background:url(images/shadow1.gif) no-repeat left top;}
.video{width:100%; overflow:hidden; background:url(images/video-shadow.gif) no-repeat left bottom; padding-bottom:60px;}
.TopL h2{font:bold 16pt/22px Tahoma, Geneva, sans-serif; color:#2d69b2; letter-spacing:normal;}


/********** INNER *******/
.inner .TopSection{margin-top:38px; background:none; background:url(images/shadow1.gif) repeat-y 68% top;}
.inner .TopL{width:59%; padding-left:1.6%; font-family:Arial, Helvetica, sans-serif;}
.inner .TopL a{color:#fc6500; text-decoration:underline;}
.inner .TopL a:hover{text-decoration:none;}
.inner .TopL h1, .inner .TopL h2, .inner .TopL h3, .inner .TopL h4, .inner .TopL h5, .inner .TopL h6{ color:#0066cb;}
.inner .TopR{width:31%; margin-top:0; background:none; }
.inner .video{background:none; padding-bottom:17px;}
.inner .contactL{width:auto; background:#002b43; color:#FFF; border-radius:6px;  -moz-border-radius:6px;  -webkit-border-radius:6px; display:block; text-decoration:none;}
.alingL{float:right; margin-left:12px;}
.inner .padd1{text-align:left; padding-top:68px;}

/********** INNER sidebar links *******/
.serv_links{background:#eeeeee;  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border:1px solid #c6c6c6; padding:18px; overflow:hidden; margin-bottom:18px;}
.serv_links ul{margin:0; padding:0; list-style:none;}
.serv_links ul li{display:block; margin:0; padding:0; border-bottom:1px solid #b7b7b7;}
.serv_links ul li.last{border-bottom:0;}
.serv_links ul li a{display:block; font:normal 13pt/18px Tahoma, Geneva, sans-serif; color:#022b4c;  padding:10px 0; background:url(images/arrow.png) no-repeat right center;}


/* MIDDLE SECTION - CONTACT US TODAY
================================================== */
.contact{background:url(images/contact-bg.gif) repeat-y left top; overflow:hidden; color:#FFF; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.contactL{width:183px; text-align:center; padding:10px; font-family:RockwellStdRegular;}
.hd3{font:normal 26pt/32px RockwellStdRegular; display:block; padding-bottom:12px;}
.hd4{font:normal 17pt/22px RockwellStdRegular; display:block; padding-top:6px; border-top:1px solid #36586b;}

.contactR{padding:16px 0 0 14px; overflow:hidden; width:767px;}
.item{margin:0 6px 10px;}
.item input[type="text"], .item textarea, .item input[type="email"], .item input[type="tel"]{width:169px; padding:4px 5px; background:#FFF; border:none;}
.item label{display:block;}
.item textarea{height:55px; width:500px;}


#wpcf7-f141-p17-o1 input[type="text"], #wpcf7-f141-p17-o1 input[type="email"], #wpcf7-f141-p17-o1 input[type="tel"], #wpcf7-f141-p17-o1 textarea{border:1px solid #ccc; padding:4px;}
.item input[type="submit"]{background:url(images/submit.gif) no-repeat; width:158px; height:53px; border:none; cursor:pointer; margin-top:-2px;text-indent: 200px;}
#wpcf7-f141-p17-o1 input[type="submit"]{background:url(images/submit.gif) no-repeat; width:158px; height:53px; border:none; cursor:pointer; margin-top:24px;text-indent: 200px;}
/* GRID SECTION
================================================== */
.grid3{margin-top:46px;}
.grid3L{width:57%;}
.grid3R{width:37%; margin-right:3.2%;}

/* SPECIALS */
.specials{margin:0; padding:0; list-style:none; overflow:hidden; background:url(images/sep.png) repeat-y center top;}
.specials li{margin:0; padding:0 5%; width:40%; float:left; color:#7e7c7c;}
.specials li img{border:1px solid #adabab; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; display:block; margin-bottom:14px;}
.hd6{font-size:14pt; font-weight:bold; margin-bottom:10px; display:block;}
.org{color:#f16726;} .blue{color:#2d69b2;}

/* WE OFFER */
.hd5{font:normal 18pt/24px Tahoma, Geneva, sans-serif; display:block; margin-bottom:14px; color:#333;}
.we_offer{background:#356aa0; border:1px solid #174574; font-size:12pt; color:#FFF; padding:18px 18px 14px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.we_offer ul{list-style:none; margin:0; padding:0;}
.we_offer ul li{background:url(images/click-arrow.png) no-repeat left top; padding:0 0 0 25px; margin:0 0 8px;}


/* BRANDS
================================================== */
.brands{margin:50px 0 43px; overflow:hidden;}
.brands img{margin:0 6px;}


/* OTHTERS 
====================================*/
/* PADDING TOP */
.paddT5{padding-top:5px;}.paddT7{padding-top:7px;}.paddT10{padding-top:10px;}.paddT12{padding-top:12px;}.paddT15{padding-top:15px;}.paddT20{padding-top:20px;}.paddT25{padding-top:25px;}.paddT30{padding-top:30px;}

/* PADDING BOTTOM */
.paddB5{padding-bottom:5px;}.paddB7{padding-bottom:7px;}.paddB10{padding-bottom:10px;}.paddB12{padding-bottom:12px;}.paddB15{padding-bottom:15px;}.paddB20{padding-bottom:20px;}.paddB25{padding-bottom:25px;}.paddB30{padding-bottom:30px;}

/* MARGIN TOP */
.mrgT5{margin-top:5px;}.mrgT7{margin-top:7px;}.mrgT10{margin-top:10px;}.mrgT12{margin-top:12px;}.mrgT15{margin-top:15px;}.mrgT20{margin-top:20px;}.mrgT25{margin-top:25px;}.mrgT30{margin-top:30px;}

/* MARGIN BOTTOM */
.mrgB5{margin-bottom:5px;}.mrgB7{margin-bottom:7px;}.mrgB10{margin-bottom:10px;}.mrgB12{margin-bottom:12px;}.mrgB15{margin-bottom:15px;}.mrgB20{margin-bottom:20px;}.mrgB25{margin-bottom:25px;}.mrgB30{margin-bottom:30px;}

.padd1{padding:25px 20px 10px 0; overflow:hidden;}
.img_style{background:#FFF; padding:8px; border:1px solid #c1c0c0;}
.mrgL35{margin-left:35px;}

/* FOOTER SECTION
================================================== */
footer{background:#4e565a; padding:27px 0 18px; overflow:hidden;  color:#FFF;}
footer .hd5, footer a{color:#FFF;}
.ftrL{width:44%;}
.ftrR{width:50.4%;}
.map{margin-right:18px;}
.lineH24{line-height:24px;}
.ftr_nav{font-family:Tahoma, Geneva, sans-serif; margin-bottom:10px;}
.ftr_nav a{margin:0 2px; line-height:25px;}
.copyrights{border-top:1px solid #777d80; padding-top:18px;}
.footer_menu{list-style:none}
.footer_menu li{float:left;padding:0px 10px;}
ul li{border-right 1px solid #000;}
.wpcf7-validation-errors {margin-left: 209px !important;margin-top: 0px !important;border:none !important;}
.wpcf7-captchar {margin-top:5px !important;}
.wpcf7-mail-sent-ok {margin-left: 209px !important;margin-top: 0px !important;border:none !important;}

@media only screen and (max-width:999px){
.wrap{width:92%;}
#click-menu{top:158px!important;}	

img{max-width:100%; height:auto;}

/**** HOME + INNER TOP COVER ****/	
.top_outer{min-height:601px;}
.inner .top_outer{min-height:424px;}
	
/**** HEADER SECTION ****/	
header{height:auto; padding:15px 0; text-align:center; padding-bottom:20px;}
.logo{float:none; display:block; margin:0 auto 14px;}
.call{position:static;  float:none;}


/**** NAVIGATION SECTION ****/	
nav.clearfix{display:none;}

/**** TOP SECTION ****/
.TopSection, .inner .TopSection{margin-top:0;}
.inner .TopL{padding-left:0; float:left;}
.inner .TopR{float:right;}

/**** CONTACT ****/
.contact{background:#0c89bb;}
.contactL{width:auto; float:none; background:#002b43;} 
.contactR{width:auto;}

/**** iFRAME RESPONSIVE ****/
.iframe{position: relative;padding-bottom: 75%; height: 0;overflow: hidden;}
.iframe iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}

/**** GRID3 ****/
.grid3R{width:40.2%; margin-right:0;}
.grid3L{text-align:center;}
.specials{background:none;}
.specials li{width:auto; float:none; padding:0;}
.specials li img{margin:0 auto 14px; display:block; text-align:center;}

/**** VIDEO WRAPPER ****/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**** FOOTER ****/
.ftrR, .ftrL{width:auto; float:none;}
.ftrR{margin-bottom:25px; overflow:hidden;}
}

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

/**** TOP SECTION ****/	
.TopL{float:none; width:auto;}
.TopR{float:none; margin:40px auto 0; padding:0; width:60%;}
}


@media only screen and (max-width:767px){
/**** GRID3 ****/
.grid3L, .grid3R{width:auto; float:none;}
.grid3L{margin-bottom:25px; text-align:center;}
.specials li:first-child{margin-bottom:25px;}

/**** TOP SECTION ****/
.inner .TopSection{background:none;}
.inner .TopL, .inner .TopR{float:none; width:auto;}
.inner .TopL{margin-bottom:30px;}

.inner .TopL img{float:none!important; margin:10px auto!important; display:block!important; text-align:center!important;}

}


@media only screen and (max-width:599px){
.wrap{width:90%;}
h1{font-size:30pt; line-height:105%;}
	
/**** HEADER SECTION ****/	
.style1{display:block;}
	
/**** HEADER DATA NETWORK ****/	
.padd1{font-size:15pt; line-height:25px; padding:0;}

/**** TOP SECTION ****/	
.TopR{width:80%;}

/**** FORM ****/
.hd3{font-size:22pt; line-height:25pt;}
.item textarea{width:85%;}




/**** FOOTER ****/
.map{display:block; float:none;}

}
@media only screen and (max-width:479px){
h1{font-size:26pt;}

/**** RESPONSIVE MENU ****/
#click-menu{right:0!important;}
#click-menu .threeLines .line{height: 4px!important; margin-bottom: 4px!important;width: 77%!important;	}

	
/**** HEADER SECTION ****/
header{font-size:15pt; line-height:17pt;}		
.logo{width:220px;}	
.padd1{font-size:14pt; line-height:15pt;}

/**** TOP SECTION ****/		
.TopL .products_info li{width:auto; padding:0; display:block;}
.TopR{width:100%;}


/**** FORM  SECTION ****/	
#wpcf7-f141-p17-o1 input[type="text"], #wpcf7-f141-p17-o1 input[type="email"], #wpcf7-f141-p17-o1 input[type="tel"], #wpcf7-f141-p17-o1 textarea{width:80%;}
#wpcf7-f141-p17-o1 textarea{height:90px;}
.inner #wpcf7-f141-p17-o1 img{display:inline-block!important; margin:0!important; text-align:left!important;}

/**** FORM ****/
.hd3{font-size:17pt; line-height:22pt;}
.hd4{font-size:14pt; line-height:17pt;}
.item input[type="text"], .item textarea, .item input[type="email"], .item input[type="tel"]{width:90%;}
.item input[type="text"].wpcf7-captchar{width:180px;}

}