/*
Theme Name: Independent Pharmacy Distributor
Theme URI:
Description:
Version:0.2
Author:Fredjil S. Santerva
Author URI:
*/
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

@font-face {
    font-family: 'futura_bk_btbook';
    src: url('fonts/futura/futura_book_bt-webfont.eot');
    src: url('fonts/futura/futura_book_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura/futura_book_bt-webfont.woff2') format('woff2'),
         url('fonts/futura/futura_book_bt-webfont.woff') format('woff'),
         url('fonts/futura/futura_book_bt-webfont.ttf') format('truetype'),
         url('fonts/futura/futura_book_bt-webfont.svg#futura_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126License: none (public domain)*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul {list-style: none;}
ol {display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
strong{font-weight:bold!important;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* search page
---------------------------------------------------------- */
.search_results div.page, .search_results div.post {padding:20px; margin-bottom:8px; background:#FFFFE1; border-bottom:2px solid #CCC;}
.search_results h2 a {text-decoration:none;}
.search_results div.entry-meta {font-style:italic;line-height: 29px;}
.search_results a:hover {text-decoration:none;}
/* resources page
---------------------------------------------------------- */
.resources { width: 100%; height: auto; text-align: left!important; margin: 20px auto; }
.resources a { color: #5a57a0!important; text-decoration: none!important; display: block!important; font-weight: 700!important; }
.resources a:hover { color: #5a57a0; text-decoration: none; padding-left: 10px; }
.resources ul,.resources li { list-style-type: none; list-style: none; margin: 0; padding: 0; }
.resources ul li { list-style-image: none!important; margin-bottom: 8px!important; background: #FAFDFE; border: 1px solid #ACD7D6; border-bottom: 2px solid #95CCCB; padding: 12px !important; }
.resources ul li span { font-size: 11px; color: #666; letter-spacing: 1px; }
.resources ul li:before {content: ""!important;}
/* IE hack
---------------------------------------------------------- */
.lt-ie8 .dang-ie { width: 100%; height: 100%; position: fixed; background-color: #00abdd; }
.message { text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0; }
.inner-message { position: relative; top: -20%; left: 0; right: 0; text-align: center; margin: auto; }
.inner-message img { position: relative; left: 3em; }
.inner-message a.download { display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff; }
.terms { color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0; }
.terms a { color: #fff; font-weight: bold; }
.lt-ie8 .protect-me {display: none;}
/* dropdown
---------------------------------------------------------- */
.dropdown ul li {position: relative;} /* CANDY - CORN */
.dropdown ul ul {display: none;margin: 0;padding: 0;position: absolute;top: 100%; left: 0;z-index: 999; } /* CANDY - CORN */
.dropdown ul ul ul {left: 100%;top: 0;} /* CANDY - CORN */
.dropdown ul ul li{display: block;width: 100%;} /* CANDY - CORN */
.dropdown ul ul li a {background: #fff;width: 200px;margin: auto;height: auto;display: block;padding: 10px 0;text-indent: 15px;border-bottom: 1px solid #ccc;} /* CANDY - CORN */
.dropdown ul li:hover > ul { display: block;visibility: visible;} /* CANDY - CORN */
.nav-toggle-button{ display: none; cursor: pointer; text-align: right; color: #fff; } /* CANDY - CORN */
.nav-toggle-button .fa{ display: block; } /* CANDY - CORN */
nav.page-nav span{position: absolute;right: 0; top: 0;display: none;padding: 5px;cursor: pointer;z-index: 9; color: #fff; } /* CANDY - CORN */
/* others
---------------------------------------------------------- */
*, *:before, *:after { box-sizing: border-box; }
p, ul li { word-wrap: break-word; }
a { transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; text-decoration: none; font-weight: 400; color: #c70000; }
img { max-width: 100%; height: auto; }
iframe { width: 100%; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
ul { margin: 0; padding: 0; }
input[type="submit"] { cursor: pointer; }
html, body { font-family: 'Oswald', sans-serif; color: #545454; font-size: 14px; font-weight: 400; }
/* proweaver requirements
---------------------------------------------------------- */
.comp { color: #c70000; font-weight: 400; }
.comingsoon { color: red; font-weight: 700; font-style: italic; }
/* wrappers and dimentions
---------------------------------------------------------- */
.wrapper { width: 1000px; margin: 0 auto; }
body { background: #1a1a1a url(images/bg.png) center top repeat-x; margin-top: 17px; }
/* hide toggle bar on desktop view
---------------------------------------------------------- */
.nav-toggle-button { display: none; }
/* main content area
---------------------------------------------------------- */
.main-content { min-height: 300px; }
.main-content h1 { color: #c70000; font-family: 'Oswald', sans-serif; margin-bottom: 2%; font-weight: 400; font-size: 18px; padding-top: 20px; }
.main-content p { line-height: 200%; margin: 0 0 2%; text-align: justify; }
.main-content ul { list-style: none; margin: 0 0 3%; padding: 0; }
.main-content ul li:before { content: url(images/bullet.png); top: 1px; left: 0; position: absolute; }
.main-content ul li { line-height: 200%; margin: 0 0 1%; padding: 0 0 0 25px; position: relative; }
.main-content a:hover { color: #ff8204; }
	.form-contact {width:50%; float:right;}
	.contact-text-left {width:50%; float:left;}
.main-content ul li li:before { display:none; }
/*
----------------------------------------------------------
----------------------------------------------------------
----------------------customize--------------------------
----------------------------------------------------------
---------------------------------------------------------- */


header .wrapper { height: 105px; position: relative; background: #fff; border-radius: 5px 5px 0 0; }

.logo { left: 0; position: absolute;top:-20px; }

.header-contacts { position: absolute; top: 18px; right: 18px; color: #454545; font-size: 15px; line-height: 15px; font-family: 'futura_bk_btbook'; }
.header-contacts:before { content: url(images/telephone.png); top: -6px; left: -17px; position: absolute; }
.header-contacts span { color: #ec0505; }


#mid .wrapper {  background: #fff; padding: 24px 0 0; text-align: center; }
#mid .box { display: inline-block; vertical-align: top; width: 318px; height: auto; margin: 0 5px; text-align: left; }
#mid .box span.btn { position: absolute; bottom: 0; left: 0; display: block; width: 315px; height: 55px; background: url(images/mid-btn.png) center top no-repeat; text-align: left; color: #fff; padding-left: 19px; font-weight: 400; font-family: 'futura_bk_btbook'; font-size: 24px; line-height: 55px; }
.imagevad {text-align: center;margin-top: 30px;}

.main-nav { background: url(images/main-nav.png) center top no-repeat; position: absolute; bottom: 0; right: 0; width: 650px; height: 52px; }
.main-nav ul { padding: 0 0 0 30px; }
.main-nav ul li { display: inline; float: left; position: relative; }
.main-nav ul li:after { content: url(images/spacer.png); top: 10px; right: -1px; position: absolute; }
.main-nav ul li a { margin: 10px 0; display: block; color: #fff; font-size: 13px; line-height: 31px; height: 31px; width: auto; font-family: 'Oswald', sans-serif; padding: 0 11px; font-weight: 400; text-align: center; }
.main-nav ul li:hover a, .main-nav ul li.current_page_item a { background: #000; }
.main-nav ul li:nth-child(4) a { height: 42px; line-height: 20px; margin: 6px 0; text-align: left; }
.main-nav ul li:nth-child(6) a { height: 42px; line-height: 20px; margin: 6px 0; text-align: left;}

#main .wrapper { background: #fff; overflow: hidden; padding-top: 13px; padding-bottom: 23px; }
.f-left{float: left;}

.cover { position: relative; width: 318px; height: 270px; margin-bottom: 20px; }


.services { width: 318px; margin-top: 17px; }
.services label { color: #c70000; font-weight: 400; line-height: 13px; font-family: 'Oswald', sans-serif; display: block; padding: 2% 0; display: none; }
.services span { color: #545454; font-weight: 400; line-height: 13px; font-family: 'Oswald', sans-serif; display: block; padding: 2% 0; display: none; }
.services .text { display: none; width: 298px; height: 33px; color: #000; font-family: 'Oswald'; line-height: 33px; padding-left: 10px; border: none; border: solid 1px #373737; border-radius: 4px; }
.services .submit { display: block; width: 146px; height: 32px; background: #c70000 url(images/red-btn.png) 118px 8px no-repeat; border: none; border-radius: 4px; font-family: 'Oswald', sans-serif; color: #fff; font-size: 13px; padding-left: 14px; text-align: left; margin: 17px 0 4px; }
.services .submit:hover { background: #1f1f1f url(images/gray-btn.png) 118px 8px no-repeat }
.services ul li { display: block; color: #2e2e2e; margin-bottom: 1%; }
.services ul li:before { content: ""; }
.services ul li { padding-left: 0; }

.services ul li a { display: inline-block; color: #545454; font-weight: 400; line-height: 13px; font-family: 'Oswald', sans-serif; }
.services ul li span { display: inline-block; }

.copyright { position: absolute; top: 16px; left: 10px; color: #fff; font-size: 13px; line-height: 13px; font-family: 'futura_bk_btbook'; }
.copyright a { color: #fff;font-family: "futura_bk_btbook";font-size: 13px; }

.footer-para { position: absolute; top: 66px; left: 10px; color: #fff; font-size: 13px; line-height: 18px; font-family: 'futura_bk_btbook'; width: 534px; }

.privacy { position: absolute; top: 42px; left: 10px; color: #fff; font-size: 13px; line-height: 13px; font-family: 'futura_bk_btbook'; }
.privacy a {color: #fff;font-family: "futura_bk_btbook";font-size: 13px;}

.footer-contacts { position: absolute; top: 0; right: 0; color: #fff; font-size: 13px; line-height: 13px; font-family: 'futura_bk_btbook'; width: 515px; }
.footer-contacts ul { text-align: center; }
.footer-contacts ul li { color: #fff; font-size: 13px; font-family: 'futura_bk_btbook'; display: inline-block; vertical-align: top; width: 49%; height: 112px; text-align: left; line-height: 160%; padding: 28px 0 0 50px; position: relative; }
.footer-contacts ul li a { color: #fff; font-size: 13px; font-family: 'futura_bk_btbook'; font-weight: 300; }
.footer-contacts ul li:nth-child(1):before { content: url(images/address.png); top: 28px; left: 0; position: absolute; }
.footer-contacts ul li:nth-child(2):before { content: url(images/phone.png); top: 28px; left: 14px; position: absolute; }

.launch_cell {border-bottom: 1px solid #c1c1c1;font-size: 11px;line-height: 17px;padding: 11px 0;}
.launch_celllast {padding: 15px 0;}


.list2 ul li:before { content: url(images/gray-dot.png) !important; top: 0; left: 0; position: absolute; }
.list2 ul li:hover:before { content: url(images/red-dot.png) !important; top: 0; left: 0; position: absolute; }
.list2 ul li { padding-left: 20px !important; }
.list2 ul li:hover a { color: #1f1f1f !important; text-decoration: underline; }

#center {  width: 100%; }

.btn-tab {background: #c70000 url("images/red-btn.png") no-repeat scroll 149px 7px;border-radius: 4px;color: #fff;display: block;font-weight: 400;height: 32px;padding-left: 14px;width: 180px;line-height: 32px;}
.btn-tab:hover { background: #1f1f1f url("images/gray-btn.png") no-repeat scroll 149px 7px; color: #fff !important; }


#bottom .wrapper { background: #fff; height: 78px; position: relative; }
#bottom .para {color: #2f2f2f;font-family: "Open Sans",sans-serif;font-size: 13px;left: 10px;line-height: 120%;position: absolute;top: 15px;}
#bottom .para span { color: #2f2f2f; font-size: 8px; line-height: 8px; font-family: 'futura_bk_btbook'; }
#bottom .cc { position: absolute; top: 10px; right: 10px; }
#bottom  .VAWD {margin: 0 auto;display: block;position: absolute; left: 0; right: 0; bottom: 12px;}
#bottom .btm_left{}
#bottom .btm_tab{background: #c70000 url("images/red-btn.png") no-repeat scroll 149px 7px;  border-radius: 4px;  color: #fff;  display: inline-block;  font-weight: 400;  height: 32px;  padding-left: 14px;  width: 180px;  line-height: 32px;margin: 3px;}
#bottom .btm_tab:hover{background: #1f1f1f url("images/gray-btn.png") no-repeat scroll 149px 7px;  color: #fff !important;}
footer .wrapper { background: #c70000; height: 112px; position: relative; border-radius: 6px; }
footer {margin-top: -5px;}

.inner-navigation ul {height: 27px;margin-bottom: 18px;}
.inner-navigation li::before {content: "" !important;}
.inner-navigation li {display: inline-block;padding-left: 0 !important;}
.inner-navigation ul li a {border-right: 1px solid #555;color: #555;font-weight: 300;height: 0 !important;line-height: 12px;padding: 0 10px !important;}
.inner-navigation ul li:last-child a {border: medium none;}
.inner-navigation ul li:hover a { text-decoration: underline; color: #555 !important; }
/*
----------------------------------------------------------
----------------------------------------------------------
----------------------customize---------------------------
----------------------------------------------------------
---------------------------------------------------------- */





/* media queries and responsive view
---------------------------------------------------------- */
@media only screen and (max-width: 1024px){
	footer{margin-bottom: 60px;}
}

@media only screen and (max-width: 1000px){
header .wrapper {border-radius: 0;height: auto;position: relative;text-align: center;}
.wrapper {margin: 0 auto;max-width: 100%;width: 100%;}
.logo {left: 0;margin: 2% auto;position: relative;top: 0;padding: 3%; width: 329px; height: 128px; background: url(images/mobile-logo.png) center top no-repeat; display: block; }
.logo img { display: none; }
.header-contacts {line-height: normal;margin: 0 auto;position: relative;right: 0;top: 0;padding: 2%;}
.main-nav {background: #c70000 none repeat scroll 0 0;bottom: 0;height: auto;position: relative;right: 0;width: 100%;}
.main-nav ul { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-gap: 3px; -webkit-column-gap: 3px; -moz-column-gap: 3px; padding: 3px; }
.main-nav ul li {display: inline-block;float: none;width: 100%; margin-bottom: 3px; vertical-align: top;}
.main-nav ul li a { border: dashed 1px #fff; padding: 0 !important; margin: 0!important; line-height: 40px !important; height: 40px !important; }
.main-nav ul li:nth-child(4) a , .main-nav ul li:nth-child(6) a { line-height: 18px !important; }
#main .wrapper { padding-top: 1%; }
.main-content p { text-align: left !important; }
footer {margin-top: 0; margin-bottom: 50px;}
footer .wrapper { height: auto; border-radius: 0; text-align: center; }
.copyright {color: #fff;left: 0;line-height: normal;position: relative;top: 0; padding: 10px; }
.privacy {left: 0;line-height: normal;position: relative;top: 0; padding: 10px; }
.footer-para {left: 0;line-height: 18px;position: relative;top: 0;width: 100%; padding: 10px; }
.footer-contacts {line-height: normal;position: relative;right: 0;top: 0;width: 100%;}
.footer-contacts ul li:nth-child(1)::before, .footer-contacts ul li:nth-child(2)::before { content: "" !important; }
.footer-contacts ul li {display: block;height: auto;line-height: normal;padding: 1%;text-align: center;width: 100%;}
.main-nav ul li:nth-child(4) a { text-align: center; }
.main-nav ul li:nth-child(6) a { text-align: center;}
.main-nav ul li:after { content: "" !important; }
}

@media only screen and (max-width: 735px){
	#bottom .VAWD{margin: 35px auto 10px;position: relative;}
  #bottom .btm_left {position: relative;right: 0;margin: 0 auto 10px;text-align: center;top: 0;  float: none;left:0;}
  .inner-navigation ul{height: auto;}
}

@media only screen and (max-width: 640px){
	.imagevad {
    text-align: center;
    }
    .entry-content img {float: unset;margin: 10px 0;height: auto;}
    body{font-size:16px;}
    .entry-content img {float: right;margin: 0 0 10px 10px}

}


@media only screen and (max-width: 480px){
.main-nav ul { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; column-gap: 0px; -webkit-column-gap: 0px; -moz-column-gap: 0px; }
.nav-toggle-button { display: block; width: 26px; float: right; }
.main-nav nav { display: none; }
.wrapme {padding: 5px; overflow: hidden; }

}
@media only screen and (max-width: 350px){
	.btn-tab {
    margin-left: 12px;
}
	.services a p {
    margin-left: 25px !important;
	}

.main-content ul li::before {
    padding-left: 10px;
}
.box ul li{
	padding-left: 27px;
}
.list2 ul li a {
    padding-left: 12px;
}

}


@media only screen and (max-width: 989px){
#mid .box:nth-child(3) { margin-top: 2%; }

}



@media only screen and (max-width: 735px){
#bottom .wrapper { overflow: hidden; height: auto; padding: 2%; }
#bottom .para {color: #2f2f2f;left: 0;line-height: normal;padding: 1%;position: relative;text-align: center;top: 0;}
#bottom .cc {position: relative;right: 0;top: 0; text-align: center; display: block; margin: 0 auto; text-align: center; }


}


@media only screen and (max-width: 658px){
#mid .box { margin-left: 0; margin-right: 0;margin-bottom: 12px; }
.logo{width:100%!important;margin:0 auto;display:block;text-align:center;}

}

@media only screen and (max-width: 500px){
	.form-contact,.contact-text-left {width:100%; float:none;}

}
#form1 label {
    color: rgb(199, 0, 0) !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 400 !important;
    line-height: 13px !important;
}
.customer-login-style{
    font-family: "Trebuchet Ms","sans-serif";
    font-weight: 300;
    font-size: 1em;
    padding: 4px;
    border: 1px solid rgb(206, 206, 206);
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    outline: medium none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#form1 input[type="text"]:focus,#form1 input[type="password"]:focus{
    margin-right: 0px;
    box-shadow: 0 0 3px #B9ECFD;
    border: 1px solid #B9ECFD;
}
#form1 input[type="submit"]{
    display: block;
    width: 125px;
    /* background: rgb(115, 198, 116) none repeat scroll 0% 0%; */
    padding: 5px 0px !important;
    color: rgb(255, 255, 255);
    /* box-shadow: 0px 0px 3px rgb(0, 125, 189); */
    text-align: center;
    margin: 3px;
    border: 0px none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease 0s;
    cursor: pointer;
    font-family: 'Arimo', sans-serif;
    font-size: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	background: #c40000 url(images/red-btn.png) 265px 11px no-repeat;
}
#form1 input[type="submit"]:hover{
    /* box-shadow: 0 0 3px #0e460f; */
	background: #1f1f1f url(images/gray-btn.png) 265px 11px no-repeat;
}

#customer-login h1{
    color: #c70000;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 20px;
}

#post-138 h1.entry-title{
    display:none;
}

#customer-login{
    /* background: rgb(242, 245, 247) none repeat scroll 0% 0%; */
    /* padding: 40px; */
    /* border-radius: 5px; */
    width: 30%;
   /*  margin-left: 310px;
   margin-top: 20px;
   margin-bottom: 20px; */
}


/* 404 */

.customize-support2{background:none !important;}

#custom-main{background: url(images/404-bg.png) center center;width:100%;height:940px;}

.custom-header{text-align: center;margin: -20px 0px;}

.custom-content{text-align: center;margin: 120px 0px;}

#searchform .field{width: 554px; background: #fff; border-radius: 5px;height: 50px; font: normal 35px/100% tahoma; color: #a8ada8;padding: 0 10px 0 40px; border: 1px solid #a8ada8;max-width: 100% !important;margin: 20px 0 10px;}

.container-404{font-family:open sans;color:#fff;text-align:center;line-height: 13px;}

.container-404 h1{font-size:45px !important; margin-top:-40px;}

.container-404 p{font-size: 18px; margin-top:25px;}

#searchsubmit{background: url(images/404-btn.png) no-repeat;border: 0;color: #d8b2ff;font-size: 22px;width: 206px;height: 54px;padding-right: 50px;margin: 40px 0;}
.custom-header img { height: 160px;}

/*** COMMENTS STYLE ***/
#comments, #comments-title{padding-top:15px;}

ol.commentlist {border:1px dashed #CCC; width:auto; max-width:100%; margin:0;}
ol.commentlist li {background: url(images/com_line.jpg) no-repeat left bottom; padding-bottom:25px; margin-bottom:10px; padding-top:15px; margin-left:25px; }
ol.commentlist ul {border-top:1px dashed #CCC; width:100%; margin-top:15px; list-style:none;}
ol.commentlist ul li {border-bottom:1px dashed #CCC;}

.post {border: 2px solid #cfcfcf; border-radius: 8px; padding: 20px 10px; margin: 0 0 15px;}

.comment p {padding:15px 0; line-height:20px;}
.comment-form label { vertical-align:top; width:25%; display:inline-block; }
.comment-form input { padding:4px; width:69%; max-width:100%; }
.comment-form input[type="submit"] { width:25%; }
.comment-form-comment textarea { width:70%; max-width:100%; resize:vertical; }
#respond {width:auto; max-width:100%; border:1px solid #CCC; background:#FFFFE1; padding:15px 20px 0 20px; margin-top:25px;}
.form-submit input {background:#c70000; border:none; color:#fff; font-weight:bold; padding:7px 12px; cursor:pointer;}

.welcome-title {
    margin-bottom: 10px;
}

/** SEO Revision **/

.welcome-title span {font-size: 24px;}

.required{color:red;}