#loading_wrapper {
		 display:    none;
		 position:   fixed;
		 z-index:    10000000001;
		 top:        0;
		 left:       0;
		 height:     100%;
		 width:      100%;
		 background: rgba( 255, 255, 255, .8 )
								 /*url('<?=base_url()?>assets/img/loading.gif')*/
								 50% 50%
								 no-repeat;
 }

 /* When the body has the loading class, we turn
		the scrollbar off with overflow:hidden */
 body.loading {
		 /*overflow: hidden;*/
 }

 /* Anytime the body has the loading class, our
		modal element will be visible */
 body.loading #loading_wrapper {
		 display: block;
 }

.bluecolor { color:#60c5d3; }

 .spinner {
margin: auto;
width: 40px;
height: 40px;
position: absolute;
text-align: center;

-webkit-animation: sk-rotate 2.0s infinite linear;
animation: sk-rotate 2.0s infinite linear;
left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.dot1, .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #4268b2;
border-radius: 100%;

-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
top: auto;
bottom: 0;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
0%, 100% {
	transform: scale(0.0);
	-webkit-transform: scale(0.0);
} 50% {
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
}
}
/* NORMALIZE================================================================ */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;} audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} audio:not([controls]){display:none;height:0;} [hidden]{display:none;} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100% ;} html,button,input,select,textarea{font-family:sans-serif;} body{margin:0;} a:focus{outline:thin dotted;} a:active,a:hover{outline:0;} h1{font-size:2em;margin:0.67em 0;} h2{font-size:1.5em;margin:0.83em 0;} h3{font-size:1.17em;margin:1em 0;} h4{font-size:1em;margin:1.33em 0;} h5{font-size:.83em;margin:1.67em 0;} h6{font-size:.67em;margin:2.33em 0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:700;} blockquote{margin:1em 40px;} dfn{font-style:italic;} mark{background:#ff0;color:#000000;} p,pre{margin:1em 0;} code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;} 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:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} dl,menu,ol,ul{margin:1em 0;} dd{margin:0 0 0 40px;} menu,ol,ul{padding:0 0 0 20px;} nav ul,nav ol{list-style:none;list-style-image:none;} img{border:0;-ms-interpolation-mode:bicubic ;} svg:not(:root){overflow:hidden;} figure{margin:0;} form{margin:0;} fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;white-space:normal;*margin-left:-7px ;} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle ;} button,input{line-height:normal;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible ;} button[disabled],input[disabled]{cursor:default;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px ;} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align:top ;} table{border-collapse:collapse;border-spacing:0;}
/* CORE================================================================ */
html, body {min-height: 100%; padding: 0; margin: 0; width: 100%; }
html {font-size: 62.5%; background: #FFF; }
body {font-size: 16px; line-height: 1.5; color: white; font-family: 'Raleway', 'Lucida Grande', 'Gill Sans', Arial, Helvetica, Sans-serif; }
body > svg, .main_container > svg { display: none; }
.wrapper { /*max-width: 1000px;*/ margin: 0 auto; }
.page { background: #FFF;overflow: hidden; }
a:link, a:visited { color: #3d5997; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }
h1 { font-size: 56px; line-height: 1; margin: 0; }
h2 { font-size: 30px; font-weight: normal; }
h3 { font-size: 44px; margin: 0.25em 0; }
h4 { font-size: 24px; font-weight: bold; margin: 1.2em 0; color: #3dbfd9;}
.page_header { text-align: center; padding-top: 20px; }
section { padding: 3em; }
section header { border-top: 1px solid #3dbfd9; border-bottom: 1px solid #3dbfd9; clear: both; }
ol { list-style: none; margin: 2em 0; padding:0;  }
ol li { clear: both; margin: 1em 0; }
.icon_block { float: left; width: 16%; min-width: 100px; text-align: center; margin-top: 5px; }
.content_block { overflow: hidden; }
.circle { margin-top: 0.4em; display: inline-block; font-size: 30px; font-weight: bold; line-height: 55px; background: #3dbfd9; border-radius: 50%; width: 60px; height: 60px; }
.circle svg { margin: 15px; float: left; }
.bullets li { list-style: disc; margin-bottom: 0.74em; }
.bullets li ul { padding-left: 0; }
.bullets li li { list-style: none; margin: 0.5em 0; }
.small { font-size: 14px; }
.cta, .cta:link, .cta:visited { font-weight: bold; position: relative; float: right; border: 2px solid white; text-transform: uppercase; white-space: nowrap; color: #ffffff; border-radius: 8px; -webkit-border-radius: 8px; line-height: 2; font-size: 20px; padding: 0.3em 3.5em 0.3em 1em; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #ff0000; }
.cta:hover, .cta:active, .cta:focus {text-decoration: none; background: #333333; }
.cta svg { position: absolute; right: 1em; top: 20%; }
.writable { padding: 0; list-style: none; }
.writable li { color: #212326; border-radius: 8px; background: #e2f5f9; padding: 0.75em 1em; }
.writable .error { border: 2px solid red; }
.writable .success { border: 2px solid green; }
.footer { padding: 2em 0; position: relative; }
.footer .mainnav {margin-top: 0.5em; }
.footer a:link, .footer a:visited { color: white; }
.mainnav { color: #bcffff; font-size: 14px; font-size: 1.4rem; text-align: center; }
.mainnav ul { padding: 0; margin: 0 auto; }
.mainnav li { display: inline-block; float: none; position: relative; }
.mainnav a { text-transform: uppercase; margin-right: 0.8em; position: relative; }
.mainnav a:link, .mainnav a:visited { color: #bcffff; }
.mainnav a:hover, .mainnav a:active, .mainnav a:focus {color: #ffffff; }
.mainnav a:after {content: '/'; display: inline-block; padding-left: 1em; left: 0; top: 0; font-size: 12px; font-size: 1.2rem; color: #bcffff; }
.mainnav .first a {padding-left: 0; outline: none; }
.mainnav .first a:after {content: '/'; }
.footer .left { position: absolute; margin: 0; }
.colophon {clear: both; text-align: center; margin-top: 3em; font-size: 12px; }
.colophon svg { margin-bottom: -8px; }
.small svg { margin-bottom: -15px; }
.callout { color: #f00; }
#error_404 { padding: 2em; text-align: center; }

#checkout_table.table > thead > tr > th { border-bottom: 2px solid #333; }
#checkout_table.table > tbody > tr > td { vertical-align: middle;position: relative;padding-bottom:48px;min-width: 100px; }
/*#checkout_table.table > tbody > tr > td:after { content:'';position: absolute;left: 0;bottom: 0;right: 0;height: 40px;background: #f4f4f4; }*/
#checkout_table.table > tfoot > tr:first-child > td { padding-top: 40px; }
#checkout_table.table > tfoot > tr > td { vertical-align: top; }
.table-striped > tbody > tr:nth-of-type(even) { background: #f4f4f4; }
#checkout_table .qty { width: 70px; text-align: center;margin: 0 auto; }
#confirmbtn,
#proceedbtn, #checkout_table .popup { width: 100%;background:#3c5998;margin-top: 20px; }
#checkout_table .popup { font-size: 10px; }
#proceedbtn { margin-top: 20px; }
#checkout_table.table > tbody > tr > td.options_row { padding: 8px; }
.partName { color: #4268b2; }

h3.cool_heading { color: #8e93a0;font-size: 14px;margin-bottom: 20px; }
.stylish_textarea,
.stylish_input.form-control,
.stylish_input { display: block; width: 100%;margin: 0 0 20px;background: #eeeeee; color: #333;border: 0;padding: 8px 15px;font-size: 16px;-webkit-box-shadow: none;box-shadow: none; }
.stylish_radio_wrapper { background: #eeeeee; color: #959aa6;border: 0;padding: 8px 15px;font-size: 16px;}
.stylish_label { font-weight: normal;padding: 8px 0px; }
.stylish_input[disabled] { color: #ccc; }

header.page_header { background-color:#2d2e31;background-image:url('../img/header_bg.jpg');padding-bottom: 20px;background-repeat: repeat;background-size: auto 100%; }
#logo_img {height: 89px;}
#nav-container > ul > li > a { line-height: 89px;color: #FFF;padding: 0 15px; }
#nav-container > ul > li > a.active { color: #60c5d3; }
#nav-container > ul > li.partners_home > a {color: #9a9a9a;}
#nav-container > ul > li.partners_home.partners_selectable > a {color: #FFF;}

#top-most-menu { margin:0; }
ul#top-most-menu > li ,
ul#top-most-menu > li > a { color: #FFF; }
#top-most-header { padding: 4px 0;background:#2d2e31; }

#header-breadcrumb { background: #8e939f;padding: 4px 0; }
#breadcrumb-list { list-style-type: none;margin:0;padding:0; }
#breadcrumb-list .arrow,
#breadcrumb-list a { color:#FFF; }
#breadcrumb-list> li { float: left; margin-right: 10px;font-size: 12px; }

.grey_stylish_box { background: #eee;padding:8px; }

h2.cool_heading {margin-bottom: 40px;font-weight: 400;}
.cover_bg { background-repeat: no-repeat;background-size: cover;background-position: center center; }
.contain_bg { background-repeat: no-repeat;background-size: contain;background-position: center center; }
.square_div { padding-bottom: 100%;height: 0; }
#partners_home_technology_wrapper { padding: 8px;background: #FFF;border-radius: 15px;position: relative;}
#partners_home_technology_wrapper:after {content: '';position: absolute;border-radius: 15px;left: 8px;right: 8px;top: 8px;bottom: 8px;border: 3px solid #3b5899;}
#partners_home_technology_wrapper td:first-child { border-right:1px solid #d7d6d7; }
#partners_home_technology_wrapper td:last-child { border-left:1px solid #d7d6d7; }
.partners_technology {position:relative;padding: 8px;}
.partners_technology.active { /*outline: 5px solid #4268b2;*/ }
.partners_technology.active .num_orders_desc { text-decoration: underline; }
.partners_technology_name { position: absolute;top:0;left:0;color: #FFF; }

.partners_technology_name > h3 { font-weight: 300; margin: 20px; }
select.stylish_input { height: 40px; }
h4.cool_heading  { font-size: 30px;margin: 40px 0 20px;font-weight: 200; }
#choosepages {display: inline-block;}
.choosepage { color:#4268b2;padding: 4px 8px;display: inline-block;font-size: 18px;border-right:1px solid #333; }
.choosepage:last-child { border-right:0; }
.choosepage.is_active { color:#333;text-decoration: underline; }

section#main_inner { padding: 1em 0; }

.home-slide-wrapper { left: 0;right: 0;position: absolute;bottom: 40%; }
a.stylishbtn, a.stylishbtn:link,
a.homeslidebtn, a.homeslidebtn:link { margin-top:20px;color: #FFF;background: #3a5999;border-color: #3a5999; }
a.homeslidebtn:hover, a.homeslidebtn:link:hover { background: #5FC5D1;border-color: #5FC5D1; }
.homeslidedesc { line-height: 2.2; }
body .bx-wrapper {border:0;}
body.home #header-breadcrumb { display: none; }
#homeslidepager span.swiper-pagination-bullet { background: #3a3e45;border-radius: 0;display: block;height: 10px;}
#homeslidepager span.swiper-pagination-bullet.swiper-pagination-bullet-active { background:#3a5999; }
#homeslidepager span.swiper-pagination-bullet {width: 40px;float: left;margin-right: 20px;margin-left:0;font-size: 0;}
body.home .bx-wrapper .bx-pager { text-align: left; }
#homeslideshow_wrapper {position: relative;}
#homeslidepager {position: absolute;left:0;bottom:30%;right:0;}
.slider_image { position: absolute;top: 0;left: 0;bottom: 0;right: 0; }

.partners_home_options_choice strong {margin-right: 20px;}
.partners_home_options_title { font-size: 14px;color: #666; }
.partners_home_options_choice { font-size: 12px; }
.shopping_cart_button { display: block;position: relative; }
.view_quotation { font-size: 0;width:30px;height:50px;background-image:url('../img/pdf.png');background-size:auto;display: block;background-repeat: no-repeat;background-position: center top; }

#footer {padding-top:60px;}
.blue_bar { background: #4368b1;height: 20px; }
.grey_bar { background: #eee;margin-bottom:20px; }
.footer_message { padding: 4px; }
.account_link { padding: 8px 30px;display: block;border-radius: 5px;border: 1px solid #7d7d7d;margin-bottom: 20px; }
.account_link:hover { text-decoration: none; }
.account_link table { width:100%; }
.account_link table td:first-child { width:10%; }
.account_link table td:first-child > img { width:38px; }
.account_heading { color:#4268b2;margin-top:10px; }
.account_desc { color:#61c6d4;margin-bottom:10px; }

.product_information { transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.product_information_hidden { margin-top: 20px;max-height: 0;opacity: 0;overflow: hidden; }
a.product_information_expand_hide { position: absolute;left:8px;right:8px;bottom:8px;z-index: 1;color: #4268b2; }
a.product_information_expand_hide:hover {text-decoration: none;}
.product_information_expand_hide > div {display: none;}
.product_information_expand_hide > div.active { display: block; }

#our_partners_map_wrapper { margin-top: 30px; }

#grid_world { display: inline-block;position: relative; }
#grid_world > img {display: block;max-width:100%;}
.grid { position:absolute!important;background-image:url('../img/grid.png');width: 2.5%;background-size: contain;background-repeat: no-repeat;text-align: center;color: #FFF;line-height: 100%; }
.grid a,.grid a:hover,.grid a:focus {color:#FFF; text-decoration: none;}
.grid_label { opacity: 0;visibility: hidden;position: absolute;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;background: #FFF;color: #333;display: block;padding: 5px;line-height: 1;bottom: 120%;text-align: center;white-space: nowrap;border: 1px solid #333;border-radius: 10px;z-index:1; }
.grid:hover .grid_label { opacity: 1;visibility: visible; }
#our_partners_info_wrapper { margin-top: 40px;position: relative;z-index: 3; }
h1.special_style {color: #6B707C;font-weight: 300;margin-bottom:20px;}
#our_partners_info_wrapper h2.cool_heading { font-size: 20px; }
.grid .grid_title { font-size: 0.8em;position: absolute;left: 0;right: 0;top: 0;  bottom: 0;margin: auto;height: 0.8em;line-height: 0.8em;text-align: center; }
.partners_technology {cursor: pointer;}
.dropzone.dz-clickable .dz-message .grey_style,
.grey_style { color: #9da1aa; }
.btn.stylish_btn { color: #FFF;background: #3c5998;border-color: #3c5998; }
#signup_proceedbtn:hover,
#confirmbtn:hover,
#proceedbtn:hover,
#checkout_table .popup:hover,
.btn.stylish_btn:hover { background:#5fc5d3;border-color: #5fc5d3; }
.maxwidth100 { max-width:100%; }
#num_orders_inner_wrapper { padding: 8px;background: #FFF;border-radius: 15px;position: relative;margin:0 auto; }
#num_orders_inner_wrapper:after { content:'';position: absolute;border-radius: 15px;left: 8px;right: 8px;top: 8px;bottom: 8px;border: 3px solid #3b5899; }
#num_orders_inner_wrapper td { border:0; }
#num_orders_inner_wrapper table { margin-bottom: 0; }
#homepage_sections_wrapper { margin-top: 50px; }
.home_section_desc { margin-bottom:30px; }
.colorblue { color: #4469b2; }
.marginbottom {margin-bottom: 10px;}
#upload_form_wrapper .stylish_input {margin-bottom:10px;}

.rp_progressbar { position: relative; }
.rp_progressbar:after { content:'';display: block; clear: both; }
.rp_progressbar > .rp_progress_node_wrapper {float: left;width: 20%;padding: 4px 8px;text-align: center;}
.rp_progressbar .rp_progress_node {width:25px;height:25px;border-radius: 50%;line-height: 25px;background: #60c5d3;text-align: center;color: #FFF;margin: 0 auto;position: relative;z-index: 1;}
.rp_progressbar .rp_progress_node.rp_progress_node_active {background: #75b72c;}

.rp_progressbar .loading { position: absolute;left: 0;right: 0;top: 12px; }
.rp_progressbar .loading {width: 100%;height: 10px;border: solid 2px #60c5d3;overflow: hidden; }
.rp_progressbar .loading-bar {right: 0;position: absolute;width: 100%;height: 100%;background: #60c5d3;background-size: 25px 10px;}
.rp_progressbar .loading-mask { width: 0%;height: 100%;overflow: hidden;position: relative;animation: move 2s ease-out infinite;-webkit-animation: move 2s ease-out infinite;-moz-animation: move 2s ease-out infinite;}
.rp_progressbar .loading-bar2 {left: 0;position: absolute;width: 100%;height: 100%;background: #75b72c;background-size: 25px 10px;}
.rp_progressbar .loading-mask2 { width: 100%;height: 100%;overflow: hidden;position: relative;animation: move 2s ease-out;-webkit-animation: move 2s ease-out;-moz-animation: move 2s ease-out;}
.rp_progress_node_text { font-size: 12px;margin-bottom:0; }
h4.authentication_heading { font-size: 16px;font-weight: 500;color: #4268b2; }
@keyframes move{
	from{width: 0%;}
	to{width: 100%;}
}
@-webkit-keyframes move{
	from{width: 0%;}
	to{width: 100%;}
}

.myswitch { position: relative;display: inline-block;width: 25px;height: 17px;margin-bottom: 0; }

.myswitch input {display:none;}

.myslider {position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc;  -webkit-transition: .4s;  transition: .4s;}

.myslider:before {  position: absolute;  content: "";height: 12px;width: 12px; left: 0;  bottom: 2px;  background-color: white;  -webkit-transition: .4s;  transition: .4s;}

input:checked + .myslider {background-color: #2196F3;}

input:focus + .myslider {box-shadow: 0 0 1px #2196F3;}

input:checked + .myslider:before {-webkit-transform: translateX(12px);-ms-transform: translateX(12px);transform: translateX(12px);}

/* Rounded sliders */
.myslider.round {border-radius: 34px;}

.myslider.round:before {border-radius: 50%;}


.stylish_btn_qty_change {width: 16px;height: 16px;line-height: 14px;text-align: center;padding: 0;border-radius: 50%;background: none;border: 1px solid #333;color: #333;font-size: 12px;}


/* The Modal (background) */
.htmodal {display: none; /* Hidden by default */position: fixed; /* Stay in place */z-index: 10000000000; /* Sit on top */padding-top: 100px; /* Location of the box */  left: 0;right:0;top: 0;width: 100%; /* Full width */height: 100%; /* Full height */overflow: auto; /* Enable scroll if needed */background-color: rgb(0,0,0); /* Fallback color */background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}

/* Modal Content */
.htmodal-content {position: relative;  background-color: #fefefe;margin: auto;padding: 0;border: 1px solid #888;width: 80%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s}
.htmodal-content { max-width: 500px; }
.htmodal-body.bigbody,
#noticeModal .htmodal-body { padding:20px 35px; }
.htmodal-body > .cool_heading {margin-top:0;margin-bottom:15px;font-weight: 200;color: #1f4ba7;}
/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

.htmodal-body {padding: 2px 16px;}
.htmodal-close {position: absolute;width: 50px;height: 50px;left: 0;top: -70px;right: 0;margin: auto;border: 2px solid #FFF;text-align: center;line-height: 50px;border-radius: 50%;color: #FFF;cursor: pointer;font-size: 0;}
.htmodal-close:before, .htmodal-close:after {content:'';position: absolute;border-top: 2px solid #FFF;left: 10px;right: 10px;top:0;bottom:0;margin:auto;height: 2px;}
.htmodal-close:before {transform: rotate(45deg);}
.htmodal-close:after {transform: rotate(-45deg);}

.tinycontainer {max-width: 800px;margin: 0 auto;}
.smallerdetailtable { font-size: 13px; }
table.vertical_align_col_table > tbody > tr > td { vertical-align: middle; }
#nav-container > ul > li > a.partner_home_tab,
#nav-container > ul > li > a.partner_home_tab.active { color: #FFF;background: #60c5d3;padding: 8px 8px;border-radius: 5px; }
#price_change_cb { display: none; }
#price_change { cursor: pointer;margin: 0;width:100%; }
#price_change > i { float: right;line-height: 20px; }
#price_change.price_desc i,
#price_change.price_asc i,
#price_change > .fa-sort-asc,
#price_change > .fa-sort-desc { display: none; }
#price_change.price_desc i.fa-sort-desc { display: block; }
#price_change.price_asc i.fa-sort-asc { display: block; }
.modal_map {position: relative;display:block;}
.modal_map,
.modal_map > img { width:100%; }
.modal_pin { position: absolute;width: 2.5%; }
.modal_pin:hover > .modal_pin_information { display: block; }
.modal_pin_information { text-align:left;display: none;/*width: 150px;*/white-space: nowrap;padding: 4px;/*background: #ffffff38;*/background:#FFF;position: absolute;  left: 25px;border: 1px solid #ccc;border-radius: 10px;font-size: 12px;top: -10px;z-index: 1; }
.modal_pin_information > p { margin: 0 ;line-height: 1.2; }
.modal_main_content_wrapper { text-align: center; }
.modal_main_content_wrapper,
.modal_content_wrapper { position: relative; }
.modal_content_wrapper h2.cool_heading { margin-bottom: 10px;font-size: 24px;font-weight: 400;color: #777c87; }
.modal_legend_information { position: absolute;left:0;top:0; }
.modal_pin > .square_div { border-radius: 50%; }
.modal_pin > .square_div:before { content:'';border: 1px solid #333;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 50%; }
.legend_pin { width: 15px;height: 15px;border-radius: 50%; }
h4.legend_title { margin-left: 10px;font-size: 14px;font-weight: 300;text-align:left; }
.submitted_file { padding:4px 10px; background: #efefef; margin-right: 10px;cursor:pointer; }

.open_up_list { list-style-type: none;margin: 0;padding: 0; }
.open_up_list > li { padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #d6d9e1;cursor:pointer; }
.open_up_list > li.open_up .faq_content_wrapper { max-height:1000px; }
.faq_title, .faq_content { padding:8px 20px; }
.faq_content_wrapper { max-height: 0;overflow: hidden;-moz-transition: max-height .3s linear;-o-transition: max-height .3s linear;-webkit-transition: max-height .3s linear;transition: max-height .3s linear; }
.faq_content { color:#0c9bb6;background: #eefdff; }
.faq_content img {max-width:100%;}
.faq_title { color:#4268b3; }
.faq_icon { background: url('../img/faq_collapse.png') no-repeat center center;width: 20px;height: 20px;display: inline-block;margin-right: 20px;vertical-align: top; }
.faq_title_text { line-height: 20px;display: inline-block;vertical-align: top; }
.select_job_table .form-control { text-align: center; }

.dropzone.dz-started:after { content:'';margin: 16px;display: inline-block;text-align: center;color: #5fc5d3;background-image:url('../img/addmore.png');background-repeat: no-repeat;background-size: contain;background-position: center center; }
.upload_previewfile { max-width: 100%;-webkit-filter: none!important;filter: none!important;margin:0 auto; }
body .dropzone .dz-preview .dz-details .dz-filename span,
body .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.9); }
body .dropzone .dz-preview .dz-details,
body .dropzone .dz-preview .dz-details .dz-size { font-size: 12px; }
body .dropzone .dz-preview.dz-file-preview .dz-details { padding:4px 8px;position: relative; }
body .dropzone .dz-preview .dz-details .dz-size { margin-bottom:4px; }
body .dropzone .dz-preview.dz-file-preview .dz-image { background: #61c5d3;background: linear-gradient(to bottom, #60c5d3, #61c5d3);border-radius:8px;padding:10px; }
body .dropzone .dz-preview.dz-file-preview .dz-image,
.dropzone.dz-started:after { width: 180px;height: 180px; }
body .dropzone .dz-preview.dz-file-preview .dz-details { max-width:180px; }
body .dropzone .dz-preview .dz-progress { width: 120px;left:0;right:0;margin-left:auto;margin-right:auto;bottom: 58px; }
body .dropzone .dz-preview .dz-remove { font-size: 0;position: absolute;width:25px;height:25px;
  border: 1px solid #333;border-radius: 50%;right: -5px;top: -5px;z-index: 999;  background: #FFF; }
.single_current_product_remove:after,
.single_current_product_remove:before,
body .dropzone .dz-preview .dz-remove:after,
body .dropzone .dz-preview .dz-remove:before { content:'';display: block;position: absolute;width: 65%;opacity: 1;-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out;background: #333;height: 1px;bottom: 0;top: 0;margin:auto;left:0;right:0; }
.single_current_product_remove:before,
body .dropzone .dz-preview .dz-remove:before { transform-origin: center center;transform: rotate(45deg); }
.single_current_product_remove:after,
body .dropzone .dz-preview .dz-remove:after { transform-origin:center;transform: rotate(-45deg); }

.btn.delete_location_btn { width: 34px;height: 34px;border-radius: 50%; }
.dispute_node_wrapper { position: absolute;right: 10%;top: 0;  z-index: 2; }
.rp_progressbar .rp_progress_node.dispute_node{ background:#b72c3c; }

.form-control.qtydanger { border:1px solid #3c859a; }
.qtydanger-text-help { max-width: 124px;font-size: 10px;text-align: left;position: absolute;color: #3c859a;position: relative; }

#loginbtn { margin-top:10px;  }
.single_current_product { background: #61c5d3;background: linear-gradient(to bottom, #60c5d3, #61c5d3);padding:10px;position: relative;margin-bottom:20px; }
.single_current_product > img { max-width:100%;display: block;margin: 0 auto; }
.single_current_product_remove { font-size: 0;position: absolute;width: 20px;height: 20px;border: 1px solid #333;border-radius: 50%;right: -8px;top: -8px;z-index: 999;background: #FFF;cursor:pointer; }

#main_inner img { max-width: 100%; }
.horizontal_scrollable { overflow-x: auto;display: block; }
.danger_input { outline: #d82f2b auto 5px; }

.measurement_group label { cursor: pointer;border-radius: 4px;margin-left:-2px;margin-right:15px; }
.measurement_group label:last-child { margin-right:0; }
.measurement_group input[type="radio"] { display:none; margin:10px; }
.measurement_group input[type="radio"] + label { display:inline-block;background-color: #e7e7e7;border-color: #ddd;font-size: 16px;padding: 8px 15px;font-weight: normal; }
.measurement_group input[type="radio"]:checked + label { background-image: none;background-color:#d0d0d0; }
.danger_price { color:#da0e0e; }
@media  (min-width: 768px) {
	.mobile_only_slider { display: none; }
  #num_orders_container { margin-left: auto;margin-right:auto;text-align: center;margin-top: -50px;position: relative;z-index: 100; }
  #num_orders_container table {table-layout: fixed;}
  #grid_world { margin-left: -200px;margin-right:-100px; }
  h1.special_style { font-size: 60px;line-height: 70px;margin-bottom:40px; }
  /*.slider_image { background-position-y: -99px;background-repeat-y: repeat; }*/
  ul#top-most-menu > li:not(:last-child) > a { border-right: 1px solid #FFF;padding-right: 10px; }
  #num_orders_inner_wrapper { width: 50%; }
  /*#num_orders_inner_wrapper:after { left:0;right:0; }*/
	#mobile_menu_burger,
	#mobile_menu { display: none; }
	.shopping_cart_numbers { width: 20px;height: 20px;display: block;position: absolute;background: #60c5d3;border-radius: 50%;text-align: center;line-height: 20px;right: 0;bottom: 50%;font-size: 12px;}
	.cart_lbl { display: none; }
}

@media (max-width: 767px) {
	#mobile_menu_burger:focus { outline: 0; }
	#mobile_menu_burger { float: left;line-height: 50px;background: none;border: 0;color: #fff;font-size: 20px;position: absolute;left: 15px; }
  /*.home-slide-wrapper { position: absolute;left: 0;right: 0;top: 0;bottom: auto; }*/
	.account_link table td, .account_link table td:first-child { width:100%;display: block; }
	.account_link table td:first-child > img { margin-bottom: 15px; }
	.account_link { padding:15px; }
	#upload_form_wrapper { margin-top:30px; }
	.htmodal-content { max-width:100%;width:95%; }
	#logo_img { height: 55px; }
	header.page_header { padding:8px 0;position: fixed;left:0;right:0;top:0;z-index: 1000; }
	header.page_header .text-left { text-align: center; }
	#mobile_menu { -webkit-transition: all .6s;transition: all .6s;opacity:0;position: fixed;left: 0;top: 0;z-index: 1001;background-color: #ffffff;width: 86.8%;height: 100%;overflow-x: hidden;overflow-y: auto;display: inline-block;vertical-align: top;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);  -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;z-index:1; }
	#page_wrapper { position: relative;z-index: 2;-webkit-transition: -webkit-transform .4s;transition: transform .4s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;padding-top:72px; }
	body.show-menu-left { overflow:hidden; }
	body.show-menu-left #mobile_menu { opacity: 1; }
	body.show-menu-left #page_wrapper { -webkit-transform: translate3d(87%, 0, 0);-ms-transform: translate3d(87%, 0, 0);transform: translate3d(87%, 0, 0); }
	#mobile_menu ul { list-style-type: none;margin: 0;padding: 0;text-transform: capitalize; }
	#mobile_menu ul > li > a { display: block;padding: 1.1em 2em;color: #383838;font-weight: bold; }
	.mob_menu_listing_heading { border-bottom: 1px solid #333; }
	body.show-menu-left #page_wrapper:before { position: absolute;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;background: rgba(0,0,0,0.3);content: '';-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;  backface-visibility: hidden; }
	.shopping_cart_button > img { display: none; }
}