/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #222; }

html {
    font-size: 1em;
    line-height: 1.4; 
	}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
*/
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none; }

::selection {
    background: #b3d4fc;
    text-shadow: none; }

/*
 * A better looking default horizontal rule
*/
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
    vertical-align: middle; }

/*
 * Remove default fieldset styles.
*/
fieldset {
    border: 0;
    margin: 0;
    padding: 0; }

/*
 * Allow only vertical resizing of textareas.
*/
textarea {
    resize: vertical; }

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
    font-family: Source Sans Pro, sans-serif;
    font-size: 14px;
    font-weight: 400; 
    margin: 0;}

h1, h2, h3, h4, h5, h6 {
    font-family: Raleway, sans-serif;
    margin-top: 0;
    color: #ffbc3a; }

h2 {
    font-size: 28px; }

h4 {
    font-size: 18px; }

p {
    margin-top: 0; }

a {
    color: #ffbc3a;
    text-decoration: none; }

label {
    display: block;
    font-family: Raleway, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #9e9d98;
}

input,
textarea,
select {
    font-family: Source Sans Pro, sans-serif;
    margin: 0;
    border: 0; }

header .member .location .selectyes .arrow{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #ffbc3a;
    float: right;
    height: 0;
    margin-left: 3px;
    margin-top: 7px;
    width: 0;}
select {
    padding: 5px 0 5px 15px;
    background: url(images/icon-dropdown.png) no-repeat white;
    background-position: 94% 50%;
    -webkit-appearance: none; }

textarea {
    resize: none;
    height: 80px; }

button {
    border: 0; }

.radio {
    margin-bottom: 20px; }
.radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 18px;
    margin-right: 10px;
    font-family: Raleway, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #c4c2bc; }
.radio input[type=radio] {
    position: absolute;
    left: -9999px; }
.radio label:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 14px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: white;
    border: 1px solid #d0cdc8;
    border-radius: 8px; }
.radio input[type=radio]:checked + label:before {
    content: '\2022';
    color: #ffbc3a;
    font-size: 30px;
    text-align: center;
    line-height: 9px;
    border: 1px solid #ffbc3a; }

.container-990 {
    max-width: 990px;
	width: 100%;
	/*min-width: 612px;*/
    margin: 0 auto;
    position: relative; }

.icon-arrow-orange-right {
    display: block;
    background: url(images/icon-arrow-orange-right.png) no-repeat;
    width: 4px;
    height: 6px; }

.icon-arrow-orange-left {
    display: block;
    background: url(images/icon-arrow-orange-left.png) no-repeat;
    width: 4px;
    height: 6px; }

.icon-arrow-white-down {
    display: block;
    background: url(images/icon-arrow-white-down.png) no-repeat;
    width: 7px;
    height: 5px; }

.icon-calculator {
    display: block;
    background: url(images/icon-calculator.png) no-repeat;
    width: 15px;
    height: 15px; }

.btn-findoutmore {
    display: block;
    background: url(images/btn-findoutmore.png) no-repeat;
    width: 130px;
    height: 30px; }

.btn-placeorder {
    display: block;
    background: url(images/btn-placeyourorder.png) no-repeat;
    width: 143px;
    height: 30px; }

.btn-viewproducts {
    display: block;
    background: url(images/btn-viewproducts.png) no-repeat;
    width: 143px;
    height: 30px; }

.btn-home {
    display: block;
    background: url(images/buttons/btn-home.png) no-repeat;
    width: 65px;
    height: 30px; }

.btn-submit {
    display: block;
    background: url(images/buttons/btn-submit.png) no-repeat;
    width: 98px;
    height: 30px; }

.btn-continuesearching {
    display: block;
    background: url(images/buttons/btn-continuesearch.png) no-repeat;
    width: 179px;
    height: 31px; }

.btn-contact {
    display: block;
    background: url(images/buttons/btn-contact.png) no-repeat;
    width: 75px;
    height: 28px; }

.btn-startrenting {
    display: block;
    background: url(images/buttons/btn-startrenting.png) no-repeat;
    width: 138px;
    height: 30px; }

.btn-calculate {
    display: block;
    background: url(images/buttons/btn-calculate.png) no-repeat;
    width: 65px;
    height: 25px; }

.btn-save {
    display: block;
    background: url(images/buttons/btn-save.png) no-repeat;
    width: 59px;
    height: 28px; }

.btn-attach {
    display: block;
    background: url(images/buttons/btn-attach.png) no-repeat;
    width: 69px;
    height: 24px; }

.btn-paynow {
    display: block;
    background: url(images/buttons/btn-paynow.png) no-repeat;
    width: 59px;
    height: 25px; }

.btn-continueshopping {
    display: block;
    background: url(images/buttons/btn-continueshopping.png) no-repeat;
    width: 164px;
    height: 29px; }

.btn-login {
    display: block;
    background: url(images/buttons/btn-login.png) no-repeat;
    width: 98px;
    height: 28px; }

.btn-next {
    display: block;
    background: url(images/buttons/btn-next.png) no-repeat;
    width: 98px;
    height: 29px; }

.btn-back {
    display: block;
    background: url(images/buttons/btn-back.png) no-repeat;
    width: 89px;
    height: 28px; }

.btn-contactus {
    display: block;
    background: url(images/buttons/btn-contactus.png) no-repeat;
    width: 81px;
    height: 30px; }

.btn-submitorder {
    display: block;
    background: url(images/buttons/btn-submitorder.png) no-repeat;
    width: 129px;
    height: 29px; }

.btn-saveandkeepshopping {
    display: block;
    background: url(images/buttons/btn-saveandkeepshopping.png) no-repeat;
    width: 193px;
    height: 29px; }

.btn-continuesearch {
    display: block;
    background: url(images/buttons/btn-continuesearch.png) no-repeat;
    width: 179px;
    height: 31px; }

.btn-securepayment {
    display: block;
    background: url(images/buttons/btn-securepayment.png) no-repeat;
    width: 155px;
    height: 28px; }

.btn-paywithpaypal {
    display: block;
    background: url(images/buttons/btn-paywithpaypal.png) no-repeat;
    width: 155px;
    height: 28px; }

.btn-yesillrentobuy {
    display: block;
    background: url(images/buttons/btn-yesillrentobuy.png) no-repeat;
    width: 154px;
    height: 52px; }

.btn-requestequipment {
    display: block;
    background: url(images/buttons/btn-requestequipment.png) no-repeat;
    width: 174px;
    height: 52px; }

.btn-nothanks {
    display: block;
    background: url(images/buttons/btn-nothanks.png) no-repeat;
    width: 194px;
    height: 52px; }

.btn-addtoorder {
    display: block;
    background: url(images/buttons/btn-addtoorder.png) no-repeat;
    width: 154px;
    height: 49px; }

.btn-shorttermrent-checkout {
    display: block;
    background: url(images/buttons/btn-shorttermrent-checkout.png) no-repeat;
    width: 159px;
    height: 50px; }

.btn-renttobuy {
    display: block;
    background: url(images/buttons/btn-renttobuy.png) no-repeat;
    width: 192px;
    height: 50px; }

.btn-shorttermrent {
    display: block;
    background: url(images/buttons/btn-shorttermrent.png) no-repeat;
    width: 108px;
    height: 31px; }

.btn-renttobuy-small {
    display: block;
    background: url(images/buttons/btn-renttobuy-small.png) no-repeat;
    width: 108px;
    height: 31px; }

.btn-close {
    display: block;
    background: url(images/buttons/btn-close.png) no-repeat;
    width: 13px;
    height: 13px; }

.cta-back {
    display: block;
    font-size: 16px;
    margin-bottom: 16px; }

.cta-back:before {
    content: url(images/icon-arrow-orange-left.png);
    padding-right: 6px; }

.cta-edit {
    display: block;
    font-size: 11px;
    color: #ffbc3a; }

.cta-edit:before {
    content: url(images/icon-edit.png);
    padding-right: 4px; }

.cta-remove {
    display: block;
    font-size: 10px;
    color: #e90727 !important; }

.cta-remove:before {
    content: url(images/buttons/btn-remove.png);
    padding-right: 4px; }

.cta-collapse,
.cta-expand {
    color: #ffbc3a;
    font-size: 14px; }

.sect-20,
.sect-30,
.sect-40,
.sect-50,
.sect-60,
.sect-70 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: -3px; }

.sect-20 {
    width: 19%; }

.sect-30 {
    width: 29%; }

.sect-40 {
    width: 38%; }

.sect-50 {
    width: 48%; }

.sect-60 {
    width: 58%; }

.sect-70 {
    width: 68%; }

.ml-2 {
    margin-left: 2%; }

.ml-3 {
    margin-left: 3%; }

.ml-4 {
    margin-left: 4%; }

.ml-5 {
    margin-left: 5%; }

.ml-6 {
    margin-left: 6%; }

.ml-10 {
    margin-left: 10%; }

.ml-14 {
    margin-left: 14%; }

header {
    width: 100%; }
header .logo {
    background: url(images/logo.png) no-repeat;
    width: 174px;
    height: 101px;
    margin-top: -20px;
    padding: 0 0 20px 0; }
header nav{text-align: right;width: 100%;position:absolute;right:0;bottom:0}header nav ul{margin:0;padding:0; display:inline-block;}header nav li{display:inline-block;margin-right:30px;padding-bottom:14px}header nav li.last{margin:0}header nav li a{font-family:Raleway,sans-serif;font-size:16px;font-weight:400;color:#9e9d98}header nav li.last{margin-right:0}header nav li.selected{}header nav li.selected>a{font-family:Raleway,sans-serif;font-size:16px;font-weight:600;color:#ffbc3a}header nav li.selected:before{content:" ";border-top:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;bottom:-8px;left:auto;margin-left:20px;position:absolute;z-index:2}header nav .nav-products{}header nav .nav-products .sub{position:absolute;top:36px;left:0;display:none;width:98%; text-align:left;border:2px solid #fdcb64;background-color:#fff;padding:20px 0 10px 15px;margin:0;z-index:10000}header nav .nav-products .sub li{width:33.33%;margin-bottom:10px;padding-bottom:0}header nav .nav-products .sub a{font-family:Raleway,sans-serif;font-size:13.5px;font-weight:400; color:#888;}header nav .nav-products .sub a:hover{color:#ffbc3a}header nav .nav-products .sub .arrow-up{position:absolute;top:-8px;left:14%;margin-left:-8px;width:0;height:0;border-left:8px solid rgba(255,255,255,0);border-right:8px solid rgba(255,255,255,0);border-bottom:8px solid #ffbc3a}header nav .nav-products:hover .sub{display:block}header .info{position:relative;float:right}
header nav .nav-products > a#nav-about ~ .sub{width: 45%; left:auto; right:0;}
header nav .nav-products > a#nav-solution ~ .sub{width: 82%; left:auto; right:0;}
header nav .nav-products > a#nav-solution ~ .sub li{width: 46%;}
header nav .nav-products .sub .drop_down_bottom{ display:none;}

header nav .nav-products > a#navRentals ~ ul.sub > li{ width:100%;}/**/
header nav .nav-products .sub .subMegaMenu{display: inline-block;    vertical-align: top;    width: 49%;}/**/
header nav .nav-products .sub .subMegaMenu:nth-child(2){width: 48%; margin-left: 2%;}
header nav .nav-products .sub .subMegaMenu ul li{width:43%; white-space:nowrap; margin-right: 3px;}
header nav .nav-products .sub .subMegaMenu h2{ margin:0 0 10px; }

header nav .nav-products > a{ position:relative;}
header nav .nav-products:hover::before {    border-bottom: 8px solid #ffbc3a;    border-left: 8px solid transparent;    border-right: 8px solid transparent;    bottom:0;    content: ""; margin-left:17px;     position: absolute; left: auto;}
header nav li a#nav-about ~ ul.sub {
    left: -200px;
}  
header .info {
    position: relative;
    float: right; }
header .info .line {
    display: inline-block;
    color: #cccecd;
    font-size: 12px;
    margin: 0 12px; }
header .info a {
    font-size: 12px; }
header .member {
    display: inline-block;
    padding-top: 16px;
    vertical-align: top;
    width: auto;
}
header .member .location {
    float: left;
    display: inline-block; 
    position:relative;}
header .member .location .flag {
    display: inline-block;
    width: 16px;
    height: 11px;
    margin-right: 4px; }
header .member .location .au {
    background: url(images/au.png) no-repeat; }
header .member .location p {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    color: #9e9d98;
    margin: 0;
    padding: 0; }
header .member .location p .country {
    font-weight: 600; }
header .member .location a {
    margin-left: 6px; }
header .info .cta-no, header .info .cta-yes{
    color: #FFBC3A;
    display: inline-block;
    font-size: 13px;
    height:30px;
}
header .member .location .yes {
    position: relative;
    padding-right: 12px; }
header .member .location .yes:after {
    position: absolute;
    top: -2px;
    right: 0;
    content: url(images/icon-header-dropdown-down.png); }
header .member .location .selectyes {
    display:none;
    font-size: 12px;
    font-weight: 300;
    color: #9e9d98;
    margin: 0;
    padding: 3px 0 0 0;
    height:30px;
}
header .member .location .country-select h5 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 4px; }
header .member .location .country-select ul,
header .member .location .country-select li {
    list-style: none;
    margin: 0;
    padding: 0; }
header .member .location .country-select a {
    margin-left: 0;
    color: #9e9d98; }
header .member .location .country-select .arrow-up {
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffbc3a; }
/***popover css style here**/
#myModalRegister{
    width:383px!important;
    left:35%;
    right:35%;
    background:transparent!important;
}
.modal-content{
    position:relative!important;
    background-color:#fff!important;
    border:1px solid #999!important;
    border:0!important;
    border-radius:3px!important;
    -webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5)!important;
    box-shadow:0 5px 15px rgba(0, 0, 0, 0.5)!important;
    background-clip:padding-box!important;
    outline:0!important;
}
#myModalRegister  .registerLink a,#myModalForgot  .registerLink a{
    font-size: 14px;
    font-weight:bold;
    margin-left: 0px;
}
.modal-header h3{
    color:#000000;
}

#myModalRegister{
    width:383px!important;
    left:35%;
    right:35%;
    background:transparent!important;
}
button.close{
    font-size:16px!important;
    color:#ffbb45;
    opacity:1;
}
#myModalRegister .modal-content,#myModalForgot .modal-content{
    border:0!important;
    border-radius:0!important;
}

#myModalRegister  .registerLink, #myModalForgot .registerLink{
    text-align:right;
    color:#676767;
    border-top:1px solid #e0e0e0;
    padding:30px 0 15px 0;
    margin-top:15px;
    font-size: 14px;
}

.modal-header h3{
    color:#000000;
}
#myModalRegister  .modal-header,#myModalForgot .modal-header{
    padding:10px 20px;
}
#myModalRegister  .modal-body ,#myModalForgot .modal-body{
    margin:15px 30px 30px 30px;
}
input.error_nothing{
    background-color: #FFF7C9;
    border: 2px solid #FF1310!important;
    color: #FF0000;
}
input.error_nothing[type="text"],header .signin .login input.error_nothing {
    background-color: #FFF7C9;
    border: 2px solid #FF1310;
    color: #FF0000;
    width:291px;
}
input.error_nothing[type="password"] {
    background-color: #FFF7C9;
    border: 2px solid #FF1310;
    color: #FF0000;
    width:291px;
}

textarea.error_nothing {
    background-color: #FFF7C9;
    border: 2px solid #FF1310;
    color: #FF0000;
}
input:focus, textarea:focus,.focus  {
    border: 1px solid #ffbb31 !important;
    box-shadow: 1px 1px 8px rgba(255, 187, 49, 0.49);
}
input[type="checkbox"]:focus,.checker.focus   {
    border: 0px!important;
    box-shadow: 0px 0px 0px rgba(255, 187, 49, 0.49);
}
header .signin {
    position: relative;
    display: inline-block;
    margin-right: 20px; }
header .signin .copyor {
    margin: 0 2px;
    font-size: 13px;
    color: #9e9d98; }
header .signin .icon {
    display: inline-block;
    background: url(images/icon-lock.png) no-repeat;
    width: 7px;
    height: 10px;
    margin-right: 4px; }
header .signin .msg,
header .signin .error-msg {
    position: relative;
    padding-right: 12px;
    font-size: 13px;
    color: #9e9d98; }
header .signin .msg span,
header .signin .error-msg span {
    display: inline-block;
    font-weight: 600;
    height: 25px;
}
header .signin .msg:after {
    content: url("images/icon-header-dropdown-down.png");
    position: absolute;
    right: 0;
    top: 7px;
}
.login {
    padding:0 0 30px 0;

    /* stroke */
    background-color: #fff;
    /* layer fill content */
}
header .signin .login .error {
    background: url("images/error.gif") no-repeat scroll 9px 6px #FFF7C9;
    border: 1px solid #FF1310;
    color: #FF0000;
    font-size: 13px;
    margin-bottom: 6px;
    padding: 4px 24px 8px;
}
.login input {
    display: block;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    width: 293px;
    height: 30px;

    padding: 5px 14px; }
.login label {
    font-size: 13px;
    font-weight: 600;
    color: #9e9d98;
    display:block;
    margin-top:15px;}
.login button {
    display: inline-block;
    float:right;
    background: url(images/btn-loginlock.png) no-repeat;
    width: 95px;
    height: 28px; }
.login .formBottom{
    margin-top:15px;
}
.login button.btn-submit1{
    background:url("images/btn-submit.png") no-repeat scroll 0 0 transparent;
}
.login a {
    display: inline-block;
    text-align: right;
    margin-top: 6px; }
.login .arrow-up {
    position: absolute;
    top: -8px;
    left: 68px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffbc3a; }
header .signin .user-menu {
    background-color: #FFFFFF;
    border: 2px solid #FFBC3A;
    padding: 12px 20px;
    position: absolute;
    right: 20px;
    top: 26px;
    width: 120px;
    z-index: 1000;
}
header .signin .user-menu ul,
header .signin .user-menu li {
    list-style: none;
    margin: 0;
    padding: 0; }
header .signin .user-menu li {
    margin-bottom: 6px; }
header .signin .user-menu li:last-child {
    margin-bottom: 0; }
header .signin .user-menu a {
    font-family: Raleway, sans-serif;
    font-size: 12px;
    font-weight: 500;
    margin-left: 0;
    color: #ffbc3a; }
header .signin .user-menu .arrow-up {
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffbc3a; }
header .callus {
    display: inline-block;
    -webkit-border-radius: 0 0 28px 28px;
    -moz-border-radius: 0 0 28px 28px;
    -ms-border-radius: 0 0 28px 28px;
    -o-border-radius: 0 0 28px 28px;
    border-radius: 0 0 28px 28px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #ffbc3a;
    padding: 0px 16px ;
    font-size: 15px;
    height:60px;	}
header .callus .icon {
    display: inline-block;
    background: url(images/icon-callus.png) no-repeat;
    width: 31px;
    height: 31px;
    padding-right: 4px; 
    top:-18px;
    position: relative;}
header .callus .quickQuoteIcon {
    display: inline-block;
    background: url(images/quick-quote-icon.png) no-repeat;
    width: 31px;
    height: 31px;
    padding-right: 4px; }
header .callus a{
    text-decoration:none;
    color:#fff;
    font-size: 14px;
    position: relative;
    top:-15px;
    margin:0;
}
header .callus p {
    display: inline-block;
    font-size: 14px;
    color: white;
    line-height: 1.3em; 
    position: relative;
    margin:0;
    top:-15px;}
header .callus p a{
    top:0px;
}
header .callus .phone {
    font-size: 16px;
    font-weight: 600; }
header .callus .seperator{
    border-left: 1px solid #FFAF2E;
    border-right: 1px solid #FFC946;
    margin:0 15px;
    display:inline-block;
    padding:30px 0;
    position: relative;
}


footer {
    width: 100%; }
footer .outlets {
    background: white;
    padding: 30px 0 40px 0; }
footer .outlets h3 {
    font-size: 23px;
    font-weight: 600;
    color: #ffbc3a;
    margin-bottom: 14px; }
footer .outlets h4 {
    font-size: 13px;
    font-weight: 700;
    color: #6a6863;
    text-transform: uppercase; }
footer .outlets ul {
    list-style: none;
    margin: 0;
    padding: 0; }
footer .outlets li {
    display: inline-block;
    width: 150px;
    font-size: 13px;
    color: #b5b4af;
    margin: 0 12px 0 0;
    padding: 0; }
footer .outlets li.last {
    margin: 0; }
footer .outlets .icon {
    display: inline-block;
    width: 16px;
    margin-right: 2px; }
footer .outlets .letter {
    background: url(images/icon-mail.png) no-repeat;
    height: 10px; }
footer .outlets .phone {
    background: url(images/icon-phone.png) no-repeat;
    height: 10px; }
footer .outlets .map {
    background: url(images/icon-viewmap.png) no-repeat;
    height: 13px; }

footer .outlets p {
    display: inline-block;
    font-size: 11px;
    margin: 0 0 6px;
    vertical-align: top;
    width: 126px;
}
footer .outlets a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    vertical-align: top; }
footer .outlets .icon-arrow-orange-right {
    display: inline-block; }
footer .connect {
    background: #ffbc3a;
    padding: 24px 0; }
footer .connect h4 {
    font-family: Source Sans Pro, sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin:0 0 21px 0;
    color: white; }
.copyright{
    margin-top: 0px;}
#subscribe-form div{
    display: inline-block;
}
footer .connect .signup,
footer .connect .social,
footer .connect .copyright {
    display: inline-block;
    height: 94px;
    vertical-align: top;
    margin-right: -3px; }
footer .connect .signup {
    padding: 0 28px 0 0;
    border-right: 1px #ffc946 solid; }
footer .connect .signup input {
    display: inline-block;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    -ms-border-radius: 19px;
    -o-border-radius: 19px;
    border-radius: 19px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fafafa;
    -moz-box-shadow: 0 -1px 0 rgba(1, 1, 1, 0.13);
    -webkit-box-shadow: 0 -1px 0 rgba(1, 1, 1, 0.13);
    box-shadow: 0 -1px 0 rgba(1, 1, 1, 0.13);
    width: 325px;
    height: 24px;
    margin-right: 14px;
    padding: 7px 20px;
    vertical-align: top; }
footer .connect .signup input:focus{
    outline: 0;
    border:0!important;
}
footer .connect .signup .cta-signup {
    display: inline-block;
    background: url(images/btn-signup.png) no-repeat;
    width: 92px;
    height: 40px;
    vertical-align: top; 
    cursor:pointer;}
.popover,.signup .popover{ width: 277px; position: absolute; left:0px; bottom:0px; background: url(images/popover-top-con.png) no-repeat 0 0; padding:0;padding-top: 15px;border:0;box-shadow:0 0px 0px rgba(0, 0, 0, 0);}
.signup .popover{top:-24px}
.popover .mid { background: url(images/popover-mid-bg.png) repeat-y 0 0; padding: 3px 33px 10px 33px;}
.popover .mid h2 { font-size: 15px; color: #6e6e70; font-family: Source Sans Pro, sans-serif; padding-bottom: 12px;}
.popover .mid p { font-size: 14px; color: #8e8e91; line-height:20px;}
.popover .bot { background: url(images/popover-bot-con.png) no-repeat 0 0; height: 23px;}
footer .connect .signup .thankyou-msg,
footer .connect .signup .error-msg {
    margin-top: -15px;        
    font-size: 24px; }
footer .connect .signup .thankyou-msg {
    color: white; }
footer .connect .signup .error-msg {
    color: red; }
footer .connect .social {
    padding: 0 29px;
    border-left: 1px #ffaf2e solid;
    border-right: 1px #ffc946 solid;
}
footer .connect .social .icon-twitter,
footer .connect .social .icon-facebook,
footer .connect .social .icon-googleplus {
    display: inline-block;
    width: 45px;
    height: 45px; }
footer .connect .social .icon-twitter {
    background: url(images/icon-twitter.png) no-repeat;
    margin-right: 10px; }
footer .connect .social .icon-googleplus {
    background: url(images/icon_googleplus.png) no-repeat; }
footer .connect .social .icon-facebook {
    background: url(images/icon-facebook.png) no-repeat;
    margin-right: 10px; }
footer .connect .social .icon-linkedin {
    background: url("/images/linkedin-icon.jpg") no-repeat;
    margin-right: 10px;
    height: 45px;
    width: 45px;
    display: inline-block;
}
.footer_mobile .icon-linkedin{background:url("/images/linkedin-icon.jpg") no-repeat; margin-right: 10px; height:45px; width:45px;display: inline-block;}
@media only screen and (max-width:800px){
    .ProductsupportBox{ width:95%; margin:0px auto; }
    footer .connect .signup{ width:36%;}
    footer .connect .social{ width:31% !important;}
    }
footer .connect .copyright {
    padding: 0 0 0 40px;
    border-left: 1px #ffaf2e solid; }
footer .connect .copyright p,
footer .connect .copyright a {
    display: block;
    font-size: 11px;
    color: white;
    margin: 0;
    padding: 0; }
footer .connect .copyright a{
    opacity:.7;
}
footer .connect .copyright p{
    margin: 0 0 10px 0;}

.bg-grey {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZjVmNWY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
    background-image: -moz-linear-gradient(bottom, #ededed 0%, whitesmoke 35.5%, #f0f0f0 100%);
    background-image: -o-linear-gradient(bottom, #ededed 0%, whitesmoke 35.5%, #f0f0f0 100%);
    background-image: -webkit-linear-gradient(bottom, #ededed 0%, whitesmoke 35.5%, #f0f0f0 100%);
    background-image: linear-gradient(bottom, #ededed 0%, whitesmoke 35.5%, #f0f0f0 100%); }

.bg-white {
    border: 1px solid #eae6e1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    padding: 40px 50px 50px 50px;
    width: 890px; }

.no-border-top {
    border-top: 0px; }

.content {
    position: relative;
    padding: 60px 0; }

.main {
    background-color: #ffbb39; }
.main .search {
    display: inline-block;
    padding: 40px 0; }
.main .search form {
    width: 730px; }
.main .search input {
    width: 640px; }

.breadcrumbs {
    padding: 10px 0; }
.breadcrumbs ul,
.breadcrumbs li {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #9e9d98; }
.breadcrumbs a {
    font-family: Raleway, sans-serif;
    font-size: 13px;
    color: #9e9d98;
    margin-right: 10px; }
.breadcrumbs li {
    display: inline-block;
    margin-right: 10px; }
.breadcrumbs li.selected a {
    font-weight: 600;
    color: #ffbc3a; }
.breadcrumbs li:after {
    content: url(images/icon-arrow-grey-right.png); }
.breadcrumbs li:last-child:after {
    content: none; }
.suggestion:before {
    border-bottom: 9px solid rgba(0, 0, 0, 0.1);
    border-left: 9px solid rgba(255,255,255,0);
    border-right: 9px solid rgba(255,255,255,0);
    content: " ";
    left: 6%;
    margin-left: -9px;
    position: absolute;
    top: -9px;
    z-index: 2;
}

.suggestion:after {
    border-bottom: 8px solid #FFFFFF;
    border-left: 8px solid rgba(255,255,255,0);
    border-right: 8px solid rgba(255,255,255,0);
    content: " ";
    left: 6%;
    margin-left: -8px;
    position: absolute;
    top: -8px;
    z-index: 2;
}

.suggestion {
    background-color: #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    left: 49px;
    padding: 6px;
    position: absolute;
    top: 89px;
    width: 368px;
    z-index: 1000;
}
.suggestion h5 {
    background: #f8f8f8;
    color: #3f3f3d;
    width: 92%;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 4%;
    margin-bottom: 10px; }
.suggestion p {
    font-size: 12px;
    text-align: center;
    padding-bottom: 10px; }
.suggestion .quicklink,
.suggestion .supportlink {
    width: 340px;
    margin: 0 auto 4px auto; }
.suggestion .quicklink p,
.suggestion .supportlink p {
    margin: 0;
    padding: 0;
    text-align: left; }
.suggestion .quicklink .name,
.suggestion .supportlink .name {
    font-weight: 600;
    color: #ffbc3a; }
.suggestion .quicklink .desc,
.suggestion .supportlink .desc {
    color: #9e9d98; }
.suggestion .quicklink {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5; }
.suggestion .quicklink .image,
.suggestion .quicklink .info {
    display: block;
    vertical-align: top; }
.suggestion .quicklink .image {
    float:left;
    height: 38px;
    margin-right: 6px; }
.suggestion .quicklink .name {
    font-size: 14px; }
.suggestion .quicklink .desc {
    font-size: 11px; }
.suggestion .quicklink.last {
    border-bottom: 0; }
.suggestion .supportlink {
    padding: 2px 0px; }
.suggestion .supportlink .name {
    font-size: 12px; }
.suggestion .supportlink .desc {
    font-size: 10px; }
.suggestion .bottomText{
    font-size:11px;
    color:#9e9d98;
    text-align:left;
    padding-left:15px;
}
.suggestion .supportlink.last {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px; }
.search {
    position: relative;
    padding-bottom: 40px; }
.search input {
    display: block;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
    border-radius: 28px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: url(images/icon_search.png) no-repeat white;
    background-position: 20px 15px;
    -moz-box-shadow: 0 -1px 0 rgba(1, 1, 1, 0.13);
    -webkit-box-shadow: 0 -1px 0 rgba(1, 1, 1, 0.13);
    box-shadow: 0 -1px 0 rgba(1, 1, 1, 0.13);
    width: 733px;
    height: 37px;
    padding: 8px 20px 8px 66px;
    font-size: 16px;
    font-color: #9e9d98;
    margin: 0 auto; }

.search .suggestion {
    position: absolute;
    top: 48px;
    left: 150px;
    width: 368px;
    background-color: #fff;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 6px;
    z-index: 1000; }
.search .suggestion h5 {
    background: #f8f8f8;
    color: #3f3f3d;
    width: 92%;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 4%;
    margin-bottom: 10px; }
.search .suggestion p {
    font-size: 12px;
    text-align: center;
    padding-bottom: 10px; }
.search .suggestion .quicklink,
.search .suggestion .supportlink {
    width: 340px;
    margin: 0 auto 4px auto; }
.search .suggestion .quicklink p,
.search .suggestion .supportlink p {
    margin: 0;
    padding: 0;
    text-align: left; }
.search .suggestion .quicklink .name,
.search .suggestion .supportlink .name {
    font-weight: 600;
    color: #ffbc3a; }
.search .suggestion .quicklink .desc,
.search .suggestion .supportlink .desc {
    color: #9e9d98; }
.search .suggestion .quicklink {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5; }
.search .suggestion .quicklink .image,
.search .suggestion .quicklink .info {
    display: inline-block;
    vertical-align: top; }
.search .suggestion .quicklink .image {
    height: 38px;
    margin-right: 6px; }
.search .suggestion .quicklink .name {
    font-size: 14px; }
.search .suggestion .quicklink .desc {
    font-size: 11px; }
.search .suggestion .quicklink.last {
    border-bottom: 0; }
.search .suggestion .supportlink {
    padding: 2px 0px; }
.search .suggestion .supportlink .name {
    font-size: 12px; }
.search .suggestion .supportlink .desc {
    font-size: 10px; }
.search .suggestion .supportlink.last {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px; }
.search .suggestion:after {
    content: " ";
    border-bottom: 8px solid white;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -7px;
    left: 10%;
    margin-left: -8px;
    position: absolute;
    z-index: 2; }
.search .suggestion:before {
    content: " ";
    border-bottom: 9px solid rgba(0, 0, 0, 0.1);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    top: -8px;
    left: 10%;
    margin-left: -9px;
    position: absolute;
    z-index: 2; }

.chat-dialog {
    position: absolute;
    width: 280px;
    bottom: 1140px;
    right: 14px;
    font-size: 11px;
    line-height: 12px;
    color: #9e9d98;
    z-index: 1000;
    background-color: #fff;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); }
.chat-dialog .cta-close {
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 11px;
    z-index: 1000;
    color: white; }
.chat-dialog .agent {
    width: 264px;
    padding: 8px;
    background: #3f6cab; }
.chat-dialog .agent p {
    color: white;
    margin: 0; }
.chat-dialog .agent .profile-img,
.chat-dialog .agent .info {
    display: inline-block;
    vertical-align: middle; }
.chat-dialog .agent .info {
    margin: 0; }
.chat-dialog .agent .profile-img {
    margin-right: 6px; }
.chat-dialog .agent .name {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 2px; }
.chat-dialog .agent .job {
    font-size: 11px; }
.chat-dialog .dialog {
    position: relative;
    width: 264px;
    margin: 0 auto;
    padding: 20px 0;
    border-bottom: 1px solid #dedcd6; }
.chat-dialog .dialog .profile-img,
.chat-dialog .dialog .info {
    display: inline-block;
    vertical-align: middle; }
.chat-dialog .dialog .profile-img {
    margin-right: 6px; }
.chat-dialog .dialog .info {
    width: 200px;
    margin: 0; }
.chat-dialog .dialog .timestamp {
    position: absolute;
    bottom: -6px;
    right: 0;
    background: white;
    width: 100px;
    font-size: 10px;
    font-style: italic;
    text-align: right; }
.chat-dialog .dialog.last {
    margin-bottom: 90px; }
.chat-dialog .entry {
    width: 264px;
    padding: 6px 8px;
    background: #3f6cab; }
.chat-dialog .entry input {
    width: 234px;
    border: 0;
    margin-bottom: 0; }

.chat-dialog:after {
    content: " ";
    border-top: 8px solid #3f6cab;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: -7px;
    right: 10%;
    margin-left: -8px;
    position: absolute;
    z-index: 2; }

.chat-dialog:before {
    content: " ";
    border-top: 9px solid rgba(0, 0, 0, 0.1);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    bottom: -8px;
    right: 10%;
    margin-left: -9px;
    position: absolute;
    z-index: 2; }

.chat-icon {
    position: absolute;
    top: 30px;
    right: 10px;
    z-index: 1000; }
.chat-icon a {
    display: block;
    width: 87px;
    height: 87px; }
.chat-icon a.off {
    background: url(../img/icon-chatoff.png) no-repeat; }
.chat-icon a.on {
    background: url(../img/icon-chaton.png) no-repeat; }

.allquotes {
    margin-bottom: -20px; }

.hirequote,
.pcquote {
    display: inline-block;
    position: relative;
    background: url(../img/bg-quote.png) no-repeat;
    width: 484px;
    height: 265px;
    vertical-align: top;
    margin-bottom: 50px; }
.hirequote .icon-arrow-orange-right,
.pcquote .icon-arrow-orange-right {
    display: inline-block; }
.hirequote h2,
.pcquote h2 {
    width: 240px;
    font-family: Source Sans Pro, sans-serif;
    font-size: 25px;
    font-weight: 300;
    color: #6a6863;
    letter-spacing: -1px;
    margin-bottom: 6px; }
.hirequote .info,
.pcquote .info {
    position: absolute; }

.hirequote {
    margin-right: 18px; }
.hirequote h2 {
    width: 270px; }
.hirequote .server {
    position: absolute;
    top: 30px;
    left: 30px;
    background: url(../img/home/rental.png) no-repeat;
    width: 108px;
    height: 224px; }
.hirequote .info {
    top: 50px;
    right: 50px; }

.pcquote .pc {
    position: absolute;
    top: 20px;
    right: 0px;
    background: url(../img/home/portable.png) no-repeat;
    width: 199px;
    height: 244px; }
.pcquote .info {
    bottom: 60px;
    left: 40px; }

.item {
    display: inline-block;
    background-color: #fff;
    border:1px solid #ffffff;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    width: 231px;
    height: 211px;
    padding-top: 20px;
    margin-right: 15px;
    margin-bottom: 20px;
    vertical-align: top;
    cursor: pointer; }
.item .image,
.item p {
    text-align: center; }
.item p {
    color: #979590;
    margin-top: 0; }
.item .getquote,
.item .moreinfo {
    display: none; }

.item.last {
    margin-right: 0; }

.item:hover {
    background: url(../img/product_hover.png) no-repeat;
    position: relative; border:1px solid black;}
.item:hover .getquote {
    display: block;
    position: absolute;
    top: 10px;
    right: 4px;
    font-size: 12px;
    font-weight: 600;
    margin-right: 20px;
    margin-top: 4px;
    z-index: 1000; }
.item:hover .icon-arrow-orange-right {
    display: inline-block;
    margin-left: 4px; }
.item:hover .moreinfo {
    display: block;
    width: 150px;
    font-size: 13px;
    color: #ffbc3a;
    margin: 0 auto;
    line-height: 13px;
    margin-top: -10px; }
.item:hover .image {
    opacity: 0.5;
    z-index: 10; }
.item:hover .name {
    display: none; }

.info-left .info,
.info-left .image,
.info-right .info,
.info-right .image,
.it-factor .info,
.it-factor .image,
.steps .info,
.steps .image {
    display: inline-block;
    vertical-align: top; }
.info-left .info,
.info-right .info,
.it-factor .info,
.steps .info {
    width: 468px; }
.info-left h2,
.info-left h4,
.info-right h2,
.info-right h4,
.it-factor h2,
.it-factor h4,
.steps h2,
.steps h4 {
    font-family: Source Sans Pro, sans-serif;
    color: #ffbc3a;
    font-weight: 300; }
.info-left h2,
.info-right h2,
.it-factor h2,
.steps h2 {
    margin-bottom: 0px; }
.info-left h4,
.info-right h4,
.it-factor h4,
.steps h4 {
    margin-bottom: 20px; }
.info-left p,
.info-right p,
.it-factor p,
.steps p {
    color: #9e9d98;
    margin: 0; }

.info-left .image {
    margin-left: 30px; }

.info-right .image {
    margin-right: 48px; }
.info-right h2 {
    margin-bottom: 20px; }

.it-factor,
.steps {
    text-align: center; }
.it-factor p,
.steps p {
    color: #797670;
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 20px; }
.it-factor .btn-placeorder,
.it-factor .btn-viewproducts,
.steps .btn-placeorder,
.steps .btn-viewproducts {
    margin: 0 auto;
    margin-bottom: 20px; }
.it-factor ul,
.it-factor li,
.steps ul,
.steps li {
    list-style: none;
    margin: 0;
    padding: 0; }
.it-factor li,
.steps li {
    display: inline-block;
    width: 190px;
    margin-right: 30px; }
.it-factor li:last-child,
.steps li:last-child {
    margin-right: 0; }
.it-factor .feedbacks,
.steps .feedbacks {
    margin-bottom: 10px; }
.it-factor .feedbacks .name,
.steps .feedbacks .name {
    font-size: 12px;
    font-weight: 600;
    color: #797670;
    margin-bottom: 0; }
.it-factor .feedbacks .company,
.steps .feedbacks .company {
    font-size: 12px; }
.it-factor .feedbacks .feedback,
.steps .feedbacks .feedback {
    position: relative;
    border: 1px solid #e9e7e1;
    background-color: #fff;
    font-size: 12px;
    color: #9e9d98;
    font-style: italic;
    margin-bottom: 18px;
    padding: 10px 14px; }
.it-factor .feedbacks .feedback:before,
.it-factor .feedbacks .feedback:after,
.steps .feedbacks .feedback:before,
.steps .feedbacks .feedback:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
.it-factor .feedbacks .feedback:before,
.steps .feedbacks .feedback:before {
    border-color: rgba(233, 231, 225, 0);
    border-top-color: #e9e7e1;
    border-width: 7px;
    left: 50%;
    margin-left: -7px; }
.it-factor .feedbacks .feedback:after,
.steps .feedbacks .feedback:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 5px;
    left: 50%;
    margin-left: -5px; }

.contact .about-hire {
    border-bottom: 1px solid #eae7e2;
    padding-bottom: 40px;
    margin-bottom: 40px; }
.contact .about-hire .image,
.contact .about-hire .info {
    display: inline-block; }
.contact .about-hire .image {
    margin-left: 70px; }
.contact .about-hire .info {
    width: 480px; }
.contact .part1,
.contact .part2,
.contact .side-contact {
    display: inline-block;
    vertical-align: top; }
.contact .part1,
.contact .part2 {
    padding: 30px 40px; }
.contact .part1 {
    width: 370px; }
.contact .part1 h5 {
    color: #272623;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase; }
.contact .part2 h5 {
    font-family: Source Sans Pro, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #797670;
    margin-bottom: 4px; }
.contact .part2 p {
    width: 360px;
    color: #9e9d98;
    margin-bottom: 20px; }
.contact .side-contact {
    margin-left: 100px; }
.contact .side-contact ul,
.contact .side-contact li {
    list-style: none;
    margin: 0;
    padding: 0; }
.contact .side-contact h6 {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #272623;
    margin-bottom: 0; }
.contact .side-contact p {
    font-size: 13px;
    color: #9e9d98; }

.hi-form textarea {
    margin-bottom: 40px; }
.hi-form p {
    font-size: 13px;
    color: #797670;
    margin-bottom: 20px; }
.hi-form .error-msg {
    color: red;
    font-size: 12px;
    margin-top: -10px;
    margin-bottom: 10px; }
.hi-form .verification h5 {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #272623;
    margin-bottom: 10px; }
.hi-form .verification p {
    font-family: Raleway, sans-serif;
    font-size: 11px;
    font-weight: 600; }
.hi-form .verification .equation {
    font-size: 21px;
    font-weight: 700;
    color: black; }
.hi-form .verification .first-number {
    margin-right: 4px; }
.hi-form .verification .second-number {
    margin: 0 4px 0 4px; }
.hi-form .verification input[name^="verification-number"] {
    display: inline-block;
    width: 30px;
    margin-left: 10px; }

.password-assistance h2 {
    font-family: Source Sans Pro, sans-serif;
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 12px; }
.password-assistance .part1,
.password-assistance .part2,
.password-assistance .part3,
.password-assistance .part4,
.password-assistance .side-email {
    display: inline-block;
    vertical-align: top; }
.password-assistance .part1,
.password-assistance .part2,
.password-assistance .part3,
.password-assistance .part4 {
    width: 470px; }
.password-assistance .part1 p,
.password-assistance .part2 p,
.password-assistance .part3 p,
.password-assistance .part4 p {
    font-size: 14px;
    color: #9e9d98; }
.password-assistance .part1 input,
.password-assistance .part2 input,
.password-assistance .part3 input,
.password-assistance .part4 input {
    width: 250px; }
.password-assistance .part1 h5,
.password-assistance .part2 h5,
.password-assistance .part3 h5,
.password-assistance .part4 h5 {
    font-size: 13px;
    font-weight: 600;
    color: #797670;
    margin-bottom: 4px;
    text-transform: uppercase; }
.password-assistance .part3 form {
    padding-bottom: 30px;
    border-bottom: 1px solid #eae7e2; }
.password-assistance .part3 .tips {
    padding-top: 30px; }
.password-assistance .part3 .tips h5 {
    margin-bottom: 10px; }
.password-assistance .part3 .tips ul {
    margin: 0 0 0 16px;
    padding: 0; }
.password-assistance .part3 .tips li {
    font-size: 13px;
    font-style: italic;
    color: #9e9d98;
    margin-bottom: 6px; }
.password-assistance .verification {
    width: 240px;
    border: 1px solid #e9e7e1;
    /* stroke */
    padding: 20px;
    margin-bottom: 20px; }
.password-assistance .verification p {
    font-size: 11px; }
.password-assistance .verification input[name^="verification-number"] {
    margin-bottom: 0; }
.password-assistance .side-email {
    width: 280px;
    border: 1px solid #e9e7e1;
    /* stroke */
    padding: 30px;
    margin-top: -40px;
    margin-left: 70px; }
.password-assistance .side-email h3 {
    font-family: Source Sans Pro, sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px; }
.password-assistance .side-email p {
    color: #9e9d98; }


/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
*/
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px; }

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
    display: none !important;
    visibility: hidden; }
header .member .location .country-select {
    position: absolute;
    top: 26px;
    right: -60px;
    width: 96px;
    border: 2px solid #ffbc3a;
    /* stroke */
    background-color: #fff;
    /* layer fill content */
    padding: 12px 20px 0 20px;
    z-index: 1000; }
header .member .location .country-select h5 {
    font-size: 12px;
    font-weight: 600;
    margin:0; }
header .member .location .country-select ul,
header .member .location .country-select li {
    list-style: none;
    margin: 0;
    padding:3px  0; }
header .member .location .country-select a {
    margin-left: 0;
    color: #9e9d98; }
header .member .location .country-select .arrow-up {
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid rgba(255,255,255,0);
    border-right: 8px solid rgba(255,255,255,0);
    border-bottom: 8px solid #ffbc3a; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
*/
.invisible {
    visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }

.clearfix:after {
    clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
    *zoom: 1; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */ }
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */ }
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important; }

    a,
    a:visited {
        text-decoration: underline; }

    a[href]:after {
        content: " (" attr(href) ")"; }

    abbr[title]:after {
        content: " (" attr(title) ")"; }

    /*
     * Don't show links for images, or javascript/internal links
    */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""; }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid; }

    thead {
        display: table-header-group;
        /* h5bp.com/t */ }

    tr,
    img {
        page-break-inside: avoid; }

    img {
        max-width: 100% !important; }

    @page {
        margin: 0.5cm; }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3; }

    h2,
    h3 {
        page-break-after: avoid; } }
/* Blog Listing Css Start */
.blog_left_pannel{
    float:left;
    width:740px;
}
.blog_left_pannel .blog_listing{
    background:#fff;
    margin-bottom:20px;
}
.blog_left_pannel .blog_listing .blog_header{
    padding:21px 26px 17px 20px;
}
.blog_left_pannel .blog_listing .blog_header .left_header{
    float:left;
    width:500px;;
}
.blog_left_pannel .blog_listing .blog_header .left_header h2{
    color:#000;
    font-size:24px;
    font-family:Source Sans Pro,sans-serif;
    margin-bottom:10px;
    line-height:normal;	
    font-weight: 300;
}
.blog_left_pannel .blog_listing .blog_header .left_header  .submit_by{
    color:#666666;
    font-size:14px;
    font-family:Source Sans Pro,sans-serif;
    margin-bottom:0;
    line-height:normal;	
}
.blog_left_pannel .blog_listing .blog_header .left_header  .submit_by .author_name{
    color:#e69800;
}
.blog_left_pannel .blog_listing .blog_header .right_header{
    float:right;
}
.blog_left_pannel .blog_listing .blog_header .right_header   .submit_date{
    background:url('images/clock.gif') no-repeat top left;
    height:21px;
    line-height:21px; 
    padding-left:30px;
    display:inline-block;
    margin-top:10px;
}
.blog_left_pannel .blog_listing  .blog_desp{
    border-top:1px solid #f5f5f5;
    border-bottom:1px solid #f5f5f5;
    padding:27px 26px 27px 20px;
    color:#666;
}
.blog_left_pannel .blog_listing  .blog_desp ul {
    list-style:none;
    padding:0;
    margin:0;
}
.blog_left_pannel .blog_listing  .blog_desp ul  li{
    padding: 0 0 10px 20px;
    background:url("images/orange-arrow.png") no-repeat scroll left 5px transparent;
}
.blog_left_pannel .blog_listing  .blog_desp img{
    float:left;
    margin:0 20px 20px 0;
}
.blog_left_pannel  .commentsContainer{
    padding:20px 0;
}
.blog_listing_bottom .left_bottom{
    float:left;
}
.blog_listing_bottom .right_bottom{
    float:right;
}
.blog_listing_bottom  .facebook, .blog_listing_bottom   .twitter, .blog_listing_bottom   .gplus, .blog_listing_bottom  .inshare{
    margin-left:10px;
    display:inline-block;
}
.blog_listing_bottom .number{
    padding-left:5px;
}
.blog_listing_bottom   .share{
    color:#9e9d98;
}
.blog_left_pannel .blog_listing  .blog_listing_bottom{
    padding:23px 26px 23px 20px;
}
.blog_left_pannel  .commentsContainer .commentsListing{

    padding:20px 0;

}

.blog_left_pannel  .commentsContainer .commentedBy, .blog_left_pannel  .commentsContainer .children .replydBy{
    margin-bottom:5px;
}
.blog_left_pannel  .commentsContainer .autherName{
    color:#e9a842;
    font-size:16px;
}
.blog_left_pannel  .commentsContainer .commentTime{
    color:#999;
    font-size:14px;
}
.blog_left_pannel  .commentsContainer .commentsDetails{
    color:#666;
    font-size:14px;
}
.blog_left_pannel  .commentsContainer  .replyIcon{
    float:left;
    width:40px;
    padding:20px 10px;
}
.blog_left_pannel  .commentsContainer .children .commentsListing{
    float:left;
    width:652px;
    border:1px solid #e1e1e1;
    background:#fafafa;
    padding:13px 13px 0 13px;
    margin-bottom:20px;
}
.blog_right_pannel{
    float:left;
    width:230px;
    margin-left:20px;
    color:#666666;
    font-size:13px;
}
.blog_right_pannel .blog_search{
    width:230px;
    margin-bottom:35px;
}
.blog_right_pannel .blog_search input{
    width:210px;
    border:1px solid #dedede;
    height:42px;
    color:#9e9d98;
    padding-left:18px;
}
.blog_right_pannel  h3{
    color:#000;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:normal;
    padding-bottom:20px;
    margin:0 0 20px 0;
    border-bottom:1px solid #c7c7c7;
}
.blog_left_pannel  h3{
    color:#000;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:normal;
    padding-bottom:20px;
    margin:0;
    /*    border-bottom:1px solid #c7c7c7;*/
}
.blog_left_pannel .postComments legend{
    display:none;
}
.blog_left_pannel .postComments .formElements{
    display:inline-block;
    width:100%;
    margin-bottom:10px;
}
.blog_left_pannel .postComments .formElements input{
    float:left;
    width:200px;
    height:30px;
    margin-right:14px;
    text-align:left;
    font-size:15px;
    color:#9e9d98;
}
.blog_left_pannel .postComments .formElements input.noMargin{
    margin-right:0px;
}
.blog_left_pannel .postComments .formElements textarea{
    width:704px;
    text-align:left;
    font-size:15px;
    color:#9e9d98;
}
.blog_left_pannel .postComments .formButton{
    text-align:right;
    padding-right:5px;
}
.blog_left_pannel .postComments .formButton input{
    background:#ffbc3a;
    color:#fff;
    height:40px;
    padding:0 20px;
    cursor: pointer;
}
/*.blog_left_pannel .postComments  h3{
    border-bottom:0;
}*/
.blog_right_pannel  .link_listing{
    padding-bottom:25px;
}
.blog_right_pannel  .link_listing  ul{
    margin:0;
    padding:0;
}
.blog_right_pannel  .link_listing  ul li{
    background:url('images/orange-arrow.png') no-repeat left 5px;
    padding:0 0  15px 20px;

}
.link_listing a {
    color: #666666;
}
ol, ul {
    list-style: none outside none;
}
input:focus, textarea:focus,.focus  {
    border: 1px solid #ffbb31 !important;
    box-shadow: 1px 1px 8px rgba(255, 187, 49, 0.49);
}
.product-right {  width: 700px; overflow: hidden;  height:70px; float:left;  background:#fff; padding:0 20px 0 20px;}
.product-thumb {}
.product-thumb a.left{  font-weight: bold;height: 41px; float: left;  background: url(images/pre_left.png) no-repeat left center; padding-top:24px; padding-left:20px; color:#000; margin-top:2px;}
.product-thumb a.right{ width: 20px;font-weight: bold; height: 41px;  float: left; background: url(images/next_arrow.png) no-repeat  right center;padding-top:24px; color:#000;margin-top:6px;}
.product-right .product-thumb ul { float: left; width: 660px; padding-left: 0px;}
.product-right .product-thumb ul li { padding:5px 9px 5px 9px;  float: left;  text-align:center; }
.product-right .product-thumb ul li.last {  float: right;   }
.product-right .product-thumb ul li.nextpostslink { float: right; }
.product-right .product-thumb ul li a{  padding:5px 9px 5px 9px;   float: left; text-align:center;font-size:18px; color:#000000;}
.product-right .product-thumb ul li a:hover{ padding:5px 9px 5px 9px;   float: left;  text-align:center; font-size:18px; background:#ffbc3a; color:#FFF;}
.product-right .product-thumb ul li a.current{ padding:5px 9px 5px 9px;   float: left;  text-align:center; font-size:18px; background:#ffbc3a; color:#FFF;}
.product-right .product-thumb ul li:first-child {margin-left: 0px;}
h2 a{color:#000000;}
h2 a:hover,.link_listing a:hover{color:#E69800;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
.error_nothing{
    font-size: 12px;
    color: red;}

.blog_left_pannel .postComments .formElements input {
    color: #9E9D98;
    float: left;
    font-size: 15px;
    height: 30px;
    margin-right: 14px;
    text-align: left;
    width: 200px;
}
.formElements input[type="text"], .formElements input[type="email"], .formElements input[type="tel"], .formElements input[type="password"], .formElements select, .formElements textarea {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDD;
    display: block;
    padding: 6px 15px;
    width: 330px;
}
.search input:focus{
    outline: 0;
    border:0px!important;
    -moz-box-shadow: 0 -1px 0 rgba(1, 1, 1, 0.13);
    -webkit-box-shadow: 0 -1px 0 rgba(1, 1, 1, 0.13);
    box-shadow: 0 -1px 0 rgba(1, 1, 1, 0.13);
}










/*################################################################################*/
/* 																Include Footer 																	  */
/*################################################################################*/


@media(min-width: 641px) {
	footer {
		display: block !important;
	}
	
	.footer_mobile {
		display: none !important;
	}
}

@media(max-width: 640px) and (min-width: 199px) {
	footer {
		display: none !important;
	}
	
	.footer_mobile {
		display: block !important;
	}
}



/*################################################################################*/
/* 																Rubber Layout 																	  */
/*################################################################################*/

@media(max-width: 989px){

	body {
		width: 100% !important;
	}

	/* Search */
	
	.main .search,
	.main .search form input {
		width: 80% !important;
		margin-left: 2%;
	}
	
	.main .search form {
		width: auto !important;
	}
	
	/* Breadcrumbs */
	
	.breadcrumbs ul {
		padding-left: 1%;
	}
	
	
	/* Left Panel */
	
	.blog_left_pannel {
		width: 68% !important;
		padding-left: 2%;
	}
	
	.blog_left_pannel .blog_listing .blog_header .left_header {
		width: auto;
	}
	
	
	/* Right Panel */
	
	.blog_right_pannel {
		width: 25% !important;
	}
	
	.blog_right_pannel .blog_search {
		width: 100% !important;
	}
	
	.blog_right_pannel .blog_search input {
		padding-left: 5% !important;
		width: 95%;
	}
	
	
	/* Pager */
	
	.blog_left_pannel .product-right {
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
	}
	
	.blog_left_pannel .product-right .product-thumb ul {
		width: 90%;
	}
	
	
	/* Comments */
	
	.blog_left_pannel .postComments .formElements input {
		margin: 0 !important;
		padding: 6px 3% !important;
		width: 25.59% !important;
		margin-right: 2% !important;
		
	}
	
	.blog_left_pannel .postComments .formElements input[name=url] {
		margin-right: 0 !important;
	}
	
	.blog_left_pannel .postComments .formElements textarea {
		width: 94% !important;
		padding: 6px 3% !important;
	}
	
	.blog_left_pannel .postComments .formButton {
		padding-right: 0 !important;
		
	}
	
	.blog_left_pannel .postComments .formButton input#submit {
		margin-right: 0 !important;
	}
	
	.blog_left_pannel .postComments .formButton input {
		margin-right: 1.1%;
	}
	
	
	/* Footer */
	footer .connect {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

}

@media(max-width: 700px) {
	.product-right .product-thumb ul li {
		  padding: 5px 6px 5px 6px !important;
	}
}



/* Footer */

@media(max-width: 989px) {
	
	.signup {
		width: 39%;
		/*margin: 0 !important;*/
		padding: 0 !important;
		padding-right: 1% !important;
	}
	
	.social {
		width: 27% !important;
		/*margin: 0 !important;*/
		padding-right: 10px !important;
		padding-left: 20px !important;
	}

	.copyright {
		width: 25% !important;
		/*margin: 0 !important;*/
		padding-left: 10px !important;
	}

	.signup input {
		/*width: 51% !important;*/
		width: 45% !important;
		margin: 0 !important;
		padding-left: 4%px !important;
		padding-right: 4% !important;
		float: left !important;
	}
	
	.signup button{
		width: 38% !important;
		margin: 0 !important;
		padding: 0 !important;
		float: right !important;
	}
}


/*##################################################################################*/
/*																			Mobile 																				   */
/*##################################################################################*/
/*####################################################################*/
/*													 Mobile Header															  */
/*####################################################################*/

.main-container {
	/*margin-top: 20px !important;*/
}

.header_mobile {
	width: 100%;
	height: auto;
	/*display: none;*/
}

.header_phones_block {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.header_phones {
	font-size: 14px;
	color: #ffbc3a;
	height: auto;
}

.phones_title,
.phones_title a,
.phones_title a:active {
	margin-top: -20px;
	font-size: 14px;
	color: #ffbc3a;
	vertical-align: middle;
	text-decoration: none;
}

.qq_mobi,
.phone_mobi {
	width: 35px;
	height: 35px;
}

.qq_mobi {
	background-image: url(images/qq_mobi.jpg);
}

.phone_mobi {
	background-image: url(images/phone_mobi.jpg);
}

.separator_mobile {
	width: 1px;
	height: 20px;
	background-color: #d8d8d8;
	display: inline-block;
	font-size: 0px;
	margin: 0 20px;
}

.logo_mobile {
	float: left;
	width: 33%;
	margin-left: 4%;
}

.logo_mobile img {
	width: 100%;
}





.location_and_menu {
	float: right;
	width: 45%;
	margin-right: 4%;
	margin-top: 10px;
}

.location_mobile {
	float: left;
	margin-right: 2%;
	margin-top: 10px;;
}

.location_mobile .selectyes {
	max-width: 100px;
}

.location_mobile .flag {
	display: inline-block;
	width: 16px;
	height: 11px;
	margin-right: 4px;
	vertical-align: middle;
	padding-bottom: 2px;
	background: url(images/au.png) no-repeat;
}

.location_mobile .country {
	/*color: #9e9d98;*/
	color: #ffbc3a;
 }

.location_mobile .arrow {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #ffbc3a;
	float: right;
	height: 0;
	margin-left: 3px;
	margin-top: 7px;
	width: 0;
}

.location_mobile .country_select {
	position: absolute;
	width: 150px;
	right: 50px;
	border: 2px solid #ffbc3a;
	background-color: #fff;
	padding: 6px 10px 0 10px;
	z-index:10000;
}

.location_mobile .country_select ul {
	padding-left: 0 !important;
	margin-top: 0px !important;
}

.location_mobile .country_select  h5 {
	font-size: 15px;
	padding-bottom: 5px;
	margin-bottom: 0px !important;
}

.location_mobile .country_select ul li {
	color: #9e9d98 !important;
	text-decoration: none;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.location_mobile .country_select ul li a {
	color: #9e9d98 !important;
}

.menu_button_mobile {
	float: right;
	width: 40px;
	height: 40px;
	background: url(images/menu_button_mobi.jpg) no-repeat;
}


/*####################################################################*/
/*													 Mobile Header															  */
/*####################################################################*/
@media(max-width: 640px) and (min-width: 200px) {

	.blog_left_pannel {
		width: 92% !important;
		padding-left: 4%;
		padding-right: 4%;
	}

	.blog_listing .blog_header .left_header {
		width: 100% !important;
	}
	
	.blog_left_pannel .blog_listing .blog_header .right_header {
		float: left;
	}
	
	.blog_right_pannel {
		width: 90% !important;
		margin-top: 30px !important;
		padding-left: 5%;
		padding-right: 5%;
		margin-left: 0;
	}
	
	.blog_right_pannel .blog_search {
		/*padding-left: 3% !important;*/
		width: 100% !important;
	}
	
	.blog_listing_bottom {
		text-align: center !important;
	}
	
	.blog_listing_bottom .right_bottom {
		margin-top: 20px !important;
	}
	
	.blog_listing_bottom  div {
		float: none !important;
	}
	
	.blog_right_pannel .link_listing ul li {
		width: 80% !important;
	}
	
	.blog_left_pannel .product-right .product-thumb ul {
		width: 85% !important;
	}
	
	.blog_left_pannel .product-right .product-thumb ul li {
		padding: 0 !important;
	}
	
	.product-right .product-thumb ul li a {
		font-size: 17px !important;
	}
	
	.product-thumb a.right {
		margin-top: 2px !important;
	}
	
	.blog_right_pannel h3 {
		width: 90% !important;
	}
	
	.blog_left_pannel .postComments .formElements input {
		width: 94% !important;
		margin-right: 0 !important;
		  margin-bottom: 10px !important;
	}
	
	.blog_listing .blog_desp {
		text-align: justify;
	}
	
	.suggestion {
		width: 65%;
	}
	
}
	
@media(max-width: 352px)  {

	.product-right .product-thumb ul li a {
		font-size: 12px !important;
	}
	
	
}
	
	
	
	
	
	
	
/*####################################################################*/
/*													 Mobile Header															  */
/*####################################################################*/
.header_mobile,
.footer_mobile {
	display: none !important;
}

.footer_top_mobi {
	background-color: white;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer_top_mobi h3 {
	font-size: 23px;
	padding-left: 5%;
}

.footer_top_mobi .outlet {
	padding: 0 !important;
	margin: 0 !important;
	/*margin-left: 7% !important;*/
	margin-left: 4% !important;
}

.footer_top_mobi .contact {
	padding: 0 2%;
	width: 44%;
	display: inline-block;
}

.footer_top_mobi .contact  h4 {
	color: #6a6863;
	font-size: 12px;
	font-weight: bold;
}

.footer_top_mobi .contact p {
	color: #b5b4af;
	font-size: 11px;
	display: inline-block;
	width: 80%;
	font-weight: 400;
}

.footer_top_mobi .contact .letter {
	background: url(images/icon-mail.png) no-repeat;
	height: 10px;
}

.footer_top_mobi .contact .phone {
	background: url(images/icon-phone.png) no-repeat;
	height: 10px;
}

.footer_top_mobi .contact .map  {
	background: url(images/icon-viewmap.png) no-repeat;
	height: 13px;
}

.footer_top_mobi .contact .icon {
	display: inline-block;
	width: 16px;
	margin-right: 2px;
	vertical-align: top;
}









.footer_bottom_mobi {
	background-color: #ffbc3a;
	width: 100%;
	padding: 20px 0px;
	text-align: center;
}

.footer_bottom_mobi .icons_bottom {
	width: 100%;
}

.footer_bottom_mobi .icon-twitter {
	background: url(images/icon-twitter.png) no-repeat;
	margin-right: 10px;
}

.footer_bottom_mobi .icon-facebook {
	background: url(images/icon-facebook.png) no-repeat;
	margin-right: 10px;
}

.footer_bottom_mobi .icon-googleplus {
	background: url(images/icon_googleplus.png) no-repeat;
	margin-right: 10px;
}

.footer_bottom_mobi .icon_bottom {
	display: inline-block;
	width: 45px;
	height: 45px;
}

.footer_bottom_mobi .copyright {
	margin-top: 10px;
	width: 90% !important;
}

.footer_bottom_mobi .copyright p {
	color: #946914;
	font-size: 12px;
}

.footer_bottom_mobi .copyright a {
	color: white;
	display: inline-block;
	font-size: 12px;
	padding: 0 5px;
}

@media(min-width: 641px) {
	header, footer {
		display: block !important;
	}
	.header_mobile,
	.footer_mobile {
		display: none !important;
	}
}

@media(max-width: 640px) and (min-width: 199px) {
	header, footer {
		display: none !important;
	}
	.header_mobile,
	.footer_mobile {
		display: block !important;
	}
        .main-container {
		margin-top: 4% !important;
	}
}
.navbar-default {
	width: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	float: right;
	background: none;
	border: none;
}

.navbar-header {
	border-radius: 20px;
}

.navbar-header button {
	background: url(images/menu_button_mobi.jpg) no-repeat;
	width: 40px !important;
	height: 40px !important;
	border:none;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 20px;
	background-color: white !important;
}

.navbar-collapse {
	position: absolute !important;
	width: 88% !important;
	padding-left: 5% !important;
	padding-right: 5% !important;
	z-index: 10000 !important;
	background-color: white;
	right: 0 !important;
	border: 3px solid #ffbc3a !important;
	display: none;
	/*height: auto !important;*/
}

.navbar-collapse a {
	/*color: #9e9d98;*/
	color: #818181;
	/*font-weight: bold;*/
	display: block;
	width:100%;
}

.navbar-collapse a:hover {
	color: #E2AF4C;
}

.dropdown-menu {
	display: none;
}

.navbar-default .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.navbar-default li {
	padding: 10px 0;
}

.navbar-default .selected>a {
	font-weight: 600 !important;
	color: #ffbc3a !important;
}

.navbar-default {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.navbar-nav {
	padding-left: 0 !important;
}

.dropdown-menu {
	padding-left: 10px !important;
}

@media(max-width: 990px) {
	
	body{
		padding: 0 !important;
	}
	
	.container-990 {
		width: 100% !important;
		max-width: 990px;
		min-width: 200px !important;
	}
	
	.bg-white {
		width: 100% !important;
	}
	
	header .callus {
		float: right;
	}
	
	header nav {
		width: 75%;
		padding-right: 0;
		text-align: right;
	}
	
	header nav .nav-products .sub {
		width: 400px;
		text-align: left;
		padding-left: 13px !important;
	}
	
	header nav .nav-products .sub li {
		width: 47% !important;
	}
	
	header nav li a {
		font-size: 15px;
	}
	
	footer .outlets li {
		width: 30% !important;
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
	
	.flexslider a {
		color: white !important;
	}
	
	.flexslider .flex-control-nav {
		width: 100% !important;
		position: relative;
		left: 0;
		margin: 0 !important;
		text-align: center;
	}
	
	.flexslider .flex-viewport {
		/*text-align: center;*/
		padding-top: 30px !important;
	}
	
	.flexslider .copy  h1 {
		padding-bottom: 15px !important;
	}
	
	.flexslider .copy  h3 {
		font-size: 14px !important;
	}
	
	.main-slider {
		padding-bottom: 20px;
	}
	
	.slides {
		width: 100%;
		margin: 0 auto;
	}
	
	.slides h1 {
		font-size: 20px;
		line-height: 1;
	}
	
	.slide1-text,
	.slide2-text,
	.slide3-text,
	.slide4-text {
		margin-top: 20px !important;
	}
	
	.slides .copy {
		margin: 0;
		padding: 0;
		width: 58%;
	}
	
	.slides	.image{
		margin: 0;
		padding: 0;
		width: 40%;
	}
	
	.slides .image img {
		width: 100%;
	}
	
	.hirequote,
	.pcquote {
		width: 45% !important;
		height: 220px;
	}
	
	.hirequote .server {
		width: 25% !important;
		height: 70%;
		background-size: contain !important;
		position: relative;
		left: 0;
		top:0;
		margin-left: 30px;
		margin-top: 30px;
		float: left;
	}
	
	.hirequote .info {
		/*position: relative;*/
		float: left;
		width: 65%;
		height: 50%;
		bottom: 25%;
		right: 0;
	}
	
	.hirequote h2 {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		font-size: 20px !important;
	}
	
	.hirequote a {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.pcquote .pc {
		width: 40% !important;
		background-size: contain !important;
	}
	
	.pcquote .info {
		bottom: 25%;
		height: 50%;
		left:20px;
	}
	
	.pcquote h2 {
		font-size: 20px !important;
		width: 55% !important; 
		
	}
	
	.pcquote a {
		position:absolute;
		bottom:0;
	}
	
	.rent-to-buy .message {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		text-align: justify;
	}
	

	
}
@media(max-width: 810px){
	header nav li {
		margin-right: 3% !important;
	}
}
@media(min-width: 677px) and (max-width: 830px){
	header nav li {
		margin-right: 2% !important;
	}
}
@media(max-width: 676px) {
	header nav li {
		margin-right: 1% !important;
	}
}
