body{ font-family: 'Open Sans';}
.logo {width:121px; float:left; height:55px; margin-left:3%;}
.call {width:300px; float: right; height:55px; margin-right:3%; line-height:55px; color:#FFF; font-size:14px; font-weight:normal;}
h1{ float:left; margin:10px 0px; padding:0px; }
h1 a {font-size:112%; font-weight:bold; text-decoration:none; color:#292929; line-height:75px; text-decoration:none; }
h1 a:hover{text-decoration:none; }
/*header{background-color:#7bc5fe; padding:0px 0px; border-top: 1px solid #333; }*/

.header{padding:7px 0px; border-top:1px solid #d8d8d8; }
.header-content{font-size: 20px; line-height: 27px; padding-top: 130px; color:#000000;}
.out-quotes{background-color:#b2292e; padding-bottom:30px; }
.out-quotes h2{ font-size:40px; text-align:center; padding:10px 0px; font-weight: normal; color:#000000;}
.about-us-bg{background-position:right; background-repeat:no-repeat; }
.about-us-bg p{ font-size:16px; text-align: center; line-height:30px; color:#101010;}


.footer{ background-color:#212121; color:#FFF; }

.foooter-icons ul{ margin:0px; padding:0px;}
.foooter-icons ul li {
    display: inline-block;
    padding: 15px 0px 0px 0px;
    text-align: center; list-style:none;
}
.foooter-icons ul li a {
    display: block;

}

.foooter-icons ul li a:hover {

    opacity: 0.5;
}

.footer-content{ font-size:16px; line-height:30px; line-height:70px;}
.footer-content a{ color:#999; text-decoration:none;}

.about-us-bg-page{border-top:1px solid #d8d8d8;}
.about-us-bg-page p{ font-size:16px; text-align:center; padding:30px 0px; line-height:30px; margin:0px; color:#101010;}
.about-us-bg-page h2{font-size:36px; text-align:center; padding-top:40px; line-height:50px;}
.about-us-bg-page ul{ margin:0px; padding:0px;}
.about-us-bg-page ul li{ font-size:18px; text-align:center; padding:5px 0px; margin:0px; color:#101010;}

.contact-us-bg-page{border-top: 1px solid #d8d8d8; }
.contact-us-bg-page p{ font-size:16px; text-align:center; padding:10px 0px; line-height:30px; margin:0px; color:#101010;}
.contact-us-bg-page h2{font-size:36px; text-align: left; padding-top:30px; line-height:30px;}
.products-border{margin:7px 0px;}




.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none;}
.sf-menu li {position: relative;}
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99;}
.sf-menu > li {float: left; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block;}
.sf-menu a {display: block; position: relative; font-size:100%; color:#303030; font-weight:600;}
.sf-menu ul ul {top: 0;left: 100%;}
/*** DEMO SKIN ***/
.sf-menu {float: left;}
.sf-menu ul {box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width:200px; /* allow long menu items to determine submenu width */}
.sf-menu a:hover {color:#fff; text-decoration:none;}
.sf-menu li { background-image:url(../images/menu-border.png); background-position:right; background-repeat:no-repeat;  border-right:1px solid #e6e6e6; /* no need for Supersubs plugin */ padding:5px 9px;}

.sf-menu li:nth-last-child(1) { background-image: none; border-right:none;}
.sf-menu ul li { background: #f1f1f1; padding:8px 15px; border-bottom:1px solid #fff; }
.sf-menu ul li a{ font-size:12px;}
.sf-menu ul li a:hover{ color:#fff;}
.sf-menu ul ul li { background: #f1f1f1;}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #00aeef;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right:1.2em;
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right:0px;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(125,125,125,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(0,0,0,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

.margin-top{margin-top:55px;
float: right;
position: absolute;
right: 15px;}


.every-book{ font-size:30px; text-align: center;}

.top-menu{ float:right; margin-right:8px;}
.top-menu ul { margin:0px; padding:0px;}
.top-menu ul li {border-right: 1px solid #f1f1f1;
padding: 4px 5px;
white-space: nowrap;
float: left;
position: relative;
list-style: none;}


.products-scan{ width:100%; float:left; margin:30px 0; padding:15px; border-bottom:1px solid #CCC; background-color:#FFF;}
.products-scan h2{ margin-bottom:30px; padding-top:0px;}
.products-scan h3{margin-bottom:10px;
text-align: left;
font-weight: bold;}
.products-img{ width:40%; border:1px solid #CCC; float:left;}
.products-img img{ width:100%; height:auto;}
.products-specification p{font-size: 18px; padding:3px; text-align:left;}
.products-specification{ float:left; width:60%; padding-left:2%;}
.products-specification ul{margin: 0px; width: 100%; display: inline-block;}
.products-specification ul li{padding:3px; margin:0px; border-bottom:1px solid #CCC; list-style: none;
text-align: left;}
.products-specification ul li:nth-child(odd) { width:35%; float:left;}
.products-specification ul li:nth-child(even) { width:65%; float:left; }
.products-dis{width: 100%; float: left; margin-top: 25px;}
.header-font{font-size:22px; margin-top:40px;}

.buttons{ width:100%; float:left; margin-top:30px;}
.button{ border-radius:0px; font-weight:bold;}

.product-spe li{ width:100% !important; float:left;}

.products-specification1 ul li:nth-child(odd) { width:50%; float:left;}
.products-specification1 ul li:nth-child(even) { width:50%; float:left; }

.note {
          position:relative;
          width:100%;
          padding:1em 1.5em;
          margin:2em auto;
          color:#fff;
          background:#496600;
          overflow:hidden;
      }

      .note:before {
          content:"";
          position:absolute;
          top:0;
          right:0;
          border-width:0 16px 16px 0; /* This trick side-steps a webkit bug */
          border-style:solid;
          border-color:#fff #fff #658E15 #658E15; /* A bit more verbose to work with .rounded too */
          background:#658E15; /* For when also applying a border-radius */
          display:block; width:0; /* Only for Firefox 3.0 damage limitation */
          /* Optional: shadow */
          -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
          -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
          box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
      }

      .note.red {background:#C93213;}
      .note.red:before {border-color:#fff #fff #97010A #97010A; background:#97010A;}

      .note.blue {background:#0F5D6E;}
      .note.blue:before {border-color:#fff #fff transparent transparent; background:transparent;}

      .note.taupe {background:#595721;}
      .note.taupe:before {border-color:#fff #fff #BDBB8B #BDBB8B; background:#BDBB8B;}

      /* ROUNDED CORNERS VERSION
       * All modern browsers can produce this effect with a single pseudo-element.
       * However, they all have bugs (mainly to do with border-radius) that make this a bit tricky.
       * As far as I can tell, this is the only cross-browser method for the moment.
       * Can't use this method for the simple effect because Opera 11 will only show backgrounds
       * through transparent borders if there is a border-radius applied.
       */

      .note.rounded {
          -webkit-border-radius:5px 0 5px 5px;
          -moz-border-radius:5px 0 5px 5px;
          border-radius:5px 0 5px 5px;
      }

      .note.rounded:before {
          border-width:8px; /* Triggers a 1px 'step' along the diagonal in Safari 5 (and Chrome 10) */
          border-color:#fff #fff transparent transparent; /* Avoids the 1px 'step' in webkit. Background colour shows through */
          -webkit-border-bottom-left-radius:5px;
          -moz-border-radius:0 0 0 5px;
          border-radius:0 0 0 5px;
      }

      .note p {margin:0;}
      .note p + p {margin:1.5em 0 0;}
	  


#footer-wrapper .row {margin-bottom:0px !important;}
#footer-wrapper.footer-dark {background-color: #25272e;}
#footer-wrapper {padding-top: 70px; position: relative; background-image: url('../images/footer-bkg.png'); background-repeat: no-repeat; background-size: cover;}
.footer-dark .footer-widget-container{ padding-left:5%;}
.footer-dark .footer-widget-container .widget .title h3 {color: #fff;}
.widget{ list-style:none;}
.widget .title h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;}

.widget ul > li {
    background-image: url('../images/arrow.png');
    background-repeat: no-repeat;
    background-position:0 5px;
    list-style: none;
    padding-left: 15px;
}

.widget ul li, ol li {
    padding-bottom: 5px;
}

.widget ul{ margin:0px; padding:0px;}

.widget ul > li a {color: #bcc0c4;
}
.ssba.ssba-wrap a {
    margin-right: 5px;
}
.ssba img {
    width: 30px !important;
    padding: px;
    border: 0;
    box-shadow: none !important;
    display: inline !important;
    vertical-align: middle;
}

.services{ background: #fff; border-top: 1px solid #d8d8d8;}
.services p{ font-size:16px; text-align: left; line-height:24px; color:#fff;}
.services h3{font-size:36px; text-align:center; line-height:50px;}
	  
.services h4{font-size:36px; text-align:center; padding-top:40px; line-height:50px; text-align:left;}

.services ul > li {
    background-image: url('../images/right-sign.png') ;
    background-repeat: no-repeat;
    background-position: 0 7px;
    list-style: none;
    padding-left: 15px; line-height: 26px;
}  
/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 20px) and (max-width: 768px) {
    .testimonial .testimonial-content:after{
        content: "";
    }
	
.sf-menu ul ul {
	top: 0;
	left:0;
}
	
h1 a {
    font-size: 72%;
    font-weight: bold;
    line-height:40px;
    text-decoration: none;}	
	
.header-content { padding-top: 20px;}
.every-book{ font-size:30px; line-height:40px;}
.about-us-bg p { line-height: 26px;}
.footer-content {font-size: 13px; line-height: 28px; text-align:center; float:none !important; text-align:center;}
.footer-content a { color: #999; text-decoration: none; text-align: center; width: 100%; float: left;}
.about-us-bg-page h2 { font-size: 24px; text-align: center; padding-top:20px; line-height: 36px;}
.about-us-bg-page p { font-size: 16px; text-align: left; padding: 8px 0px; line-height: 30px;  margin: 0px; color: #101010;}
.about-us-bg-page ul li { text-align: left;}
.title{ float:none; text-align:center;}
.title a {
    font-size: 72%;
    font-weight: bold;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

.foooter-icons ul {text-align: center;}

	.products-img{ width:100%;}
	.products-img img{ width:100%; height:auto;}
	.products-specification{ float:left; width:99%; padding-left:0%;}
	.products-specification ul li:nth-child(odd) { width:100%;}
	.products-specification ul li:nth-child(even) { width:100%; }
	.products-dis{width: 100%; float: left; margin: 25px 0px;}
.top-menu {
    float: none;
    margin: 0px auto;
    display: block;
    text-align: center;
}

.sf-arrows .sf-with-ul::after {
    right: -15px;

}
	
}



.slider-padding{ padding:0px;}
.about-img img { margin:50px 0px; border:5px solid #efefef;}
.login-part{ background:#FFF; padding:15px; text-align:center; margin-top:3px; -webkit-box-shadow: 1px 1px 12px 2px rgba(50, 50, 50, 0.52);
-moz-box-shadow:    1px 1px 12px 2px rgba(50, 50, 50, 0.52);
box-shadow:         1px 1px 12px 2px rgba(50, 50, 50, 0.52); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a9e4f7+0,0fb4e7+100;Ble+3D+%235 */
background: rgb(169,228,247); /* Old browsers */
background: -moz-linear-gradient(left, rgba(169,228,247,1) 0%, rgba(15,180,231,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(169,228,247,1) 0%,rgba(15,180,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(169,228,247,1) 0%,rgba(15,180,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=1 );  /* IE6-9 */ min-height: 385px;}

.login-part img{ position: absolute; bottom:0px; width: 80%;}
.login-part h2{ font-weight:600; color:#FFF;} 



.mt-news ul {
    background-position: -1000px center;
    background-repeat: no-repeat;
    width: 1100px;
}
.mt-news li {
    background: rgba(0, 0, 0, 0) url("../images/bullet3.png") no-repeat scroll left 11px;
    float: left;
    padding-left: 5px;
}
.mt-news li a {
    color: #039;
}
.modern-ticker {
    font-size: 16px;
    height:67px;
    line-height: 30px;
    margin-left:2%;
    margin-top: 13px;
    overflow: hidden;
    padding: 2px 5px 2px 2px;
    position: relative;
    width: 98%;
}
.modern-ticker a {
    cursor: pointer;
    text-decoration: none;
}
.modern-ticker ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.modern-ticker ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    list-style: outside none none;
}
.mt-news {
    margin-left: 25px;
    width: 96% !important;
}
.mt-controls {
    background-position: -1000px center;
    background-repeat: no-repeat;
    height: 100%;
    margin-left: 2px;
    width: 96%;
}
.mt-controls {
    display: block;
}
.mt-prev {
    background: rgba(0, 0, 0, 0) url("../images/prev-icon.png") no-repeat scroll left top;
    height: 25px;
    left: 0;
    position: absolute;
    top:20px;
    width: 16px; cursor:pointer;
}
.mt-next {
    background: rgba(0, 0, 0, 0) url("../images/next-icon.png") no-repeat scroll left top;
    height: 25px;
    position: absolute;
    right: 0;
    top:20px;
    width: 16px; cursor:pointer;
}



.login-button{ float:left; width:100%;}
.login-button ul{ margin:0px; padding:0px; list-style:none; }
.login-button ul li { display: block; transition-duration: 0.5s; width:100%; background-color: #337ab7;  padding:7px; border-radius:5px;}
.login-button ul li:hover{ background-color: #005974;}
.login-button ul li a { color:#FFF; font-size: 16px; font-weight: 600;}
.login-button li a:hover {cursor: pointer;}
.login-button ul li ul { opacity: 0; position: absolute; transition: all 0.5s ease; display: none; margin-top:7px; padding:0px;}
.login-button ul li ul li{ margin:1px 0px 0px 0px; width:100%; min-width:220px;}
.login-button ul li ul li a{ font-size:14px;}
.login-button ul li:hover > ul,
.login-button ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.login-button ul li ul li {
  width: 100%;
}

.renawal{ width:100%; float:left; margin-top:71px;}
.renawal img{ position:relative; margin-top:5px;}