@charset "utf-8";

 

/*---------------default css--------------*/

* { margin:0; padding:0; }

body { font-size:18px; line-height:1.5; color:#555; font-family:Calibri, Geneva, sans-serif; }

img { border:0; }

a:focus, a, a:hover { text-decoration:none; outline:none; }

.clearfix:before, .clearfix:after { display:table; line-height:0; content:""; }

.clearfix:after { clear:both; }

h1, h2, h3, h4, h5, h6, from, imput, select, option { font-weight:normal; font-family:Calibri, Geneva, sans-serif; }

from, imput, select, option { font-weight:normal;  font-family:Calibri, Geneva, sans-serif; }

address { font-style:normal; }

.pdg { padding:25px 0; }

.rgt { float:right; }

.lft { float:left; }

.mrg-less { margin:0 !important;}

.b-footer {
    z-index: 999;
    position: relative;
    bottom: -50px;
}

/*---------------home page css--------------*/



.menu-section { background:#fff;  position:relative; box-shadow:5px 5px 5px 0 rgba(0,0,0,.2); }

.menu-section .logo { display:inline-block; width:120px; padding:5px 0; }

.menu-section .logo img { width:100%; }

.menu-section .menu ul { list-style:none; margin:0; padding:0; }

.menu-section .menu ul li { padding:11px 0 12px 40px;  font-size:20px; color:#316cb7; display:inline-block;}



.banner { background:#FFF url(../images/banner-bg.jpg) top center no-repeat; }

.banner .banner-title { color:#fff; text-align:center; padding:20px 20px 0; font-size:20px; }

.banner .banner-title span { text-shadow:1px 1px 2px #e29100; font-size:38px; padding:20px 0; border-radius:10px; text-transform:uppercase;  }

.banner .hfrm-control { margin:15px 15px; padding:0; }

.banner .hfrm-control .sub-logo { background:#fff; color:#316cb7; font-size:22px; padding:15px 0; display:block; text-align:center; border-radius:15px 15px 0 0;  text-transform:uppercase;  }

.banner .hfrm-control .sub-logo span { color:#66b510; font-weight:bold; }

.banner .hfrm-control .frm-box { background:#316cb7; padding:10px 20px; border-radius:0 0 15px 15px; }



.banner .fr-thanks {  padding:250px 50px 180px;}



.high-light ul { list-style:none; margin:0; }

.high-light .hd-2 { text-align:center; margin:0 0 15px 0; font-size:30px; padding:0; text-transform:uppercase; }

.high-light li { color:#555; padding-left:20px; line-height:1.7; background:url(../images/right-arrow-black.png) 2px 9px no-repeat; width:50%; float:left; }

.description-sec {  background:#efefef url(../images/description.jpg) center no-repeat fixed; padding:45px 0; color:#fff; }



.tel-cta { background:#316cb7; padding:15px 0; text-align:center; }

.tel-cta .text { color:#fff; font-size:24px; }

.tel-cta .text span { color:#eb9e01; font-size:40px; position:absolute; font-weight:bold; margin:-12px 0 0 10px;  }

.tel-cta .text2 { text-align:center; }

.tel-cta .text2 a, .tel-cta .text a { color:#eb9e01; }



.about-us { background:#373d3f url(../images/about-us-bg.jpg) center no-repeat fixed; padding:50px 0; text-align:center; }

.about-us .hd-3 { color:#fff; font-size:36px; text-align:center; margin:0 0 20px 0; text-shadow:1px 1px 2px #555;  }

.about-us .text  { padding:0 100px; color:#fff; font-size:20px; text-shadow:1px 1px 2px #555; }



.b-footer { background:#0e1727; padding:15px 0; }

.b-footer .social { list-style:none; float:right; margin:0; padding:0; }

.b-footer .social li { display:inline-block; }

.b-footer .social li a { background:#cdcdce; border-radius:100%; color:#000; display:inline-block; font-size:29px; height:50px; line-height:52px; margin:0 10px 5px 0; text-align:center; width:50px; }

.b-footer .copyright { text-align:center; color:#ccc; line-height:3; }





/*---------------form us page css--------------*/

.frm-control { border-radius:0; margin:3px 0; color:#222; width:100%; border:0px; padding:6px 8px; box-sizing:border-box; height:inherit; box-shadow:none; border-radius:5px; }

.txt-area { height:80px; }

.btn { background:linear-gradient(#bc6202, #ec9e00); border-radius:5px; border:0; padding:12px 13px; font-size:18px; font-weight:normal; color:#fff !important; margin:7px 0; box-shadow:1px 1px 3px 0 rgba(0,0,0,.2); text-transform:uppercase; }

.btn:hover { color:#fff; }





#control-panel { position: fixed; top:10%; left:-270px; width:270px; z-index: 100000; color: #444; overflow: visible;  }

#control-panel h3 { font-size: 13px; margin-bottom: 15px; color: #9ba1a3;  }    

#control-panel a { color: #444; padding: 2px;  }    

#control-panel a.active { background-color: #CCC;  }    

#control-panel a:hover { background-color: #CCC;  }    

#control-panel ul { margin-bottom: 10px;  }    

#control-panel .panel-container { float:left; width:270px;  }    

#control-panel .panel-switcher { position: absolute; top:156px; left:113px; height:38px; background:#ec9e00; text-align: center; font-size:22px; cursor: pointer; border-radius:5px 5px 0 0; transform: rotate(90deg); width:130%; }    

#control-panel .panel-header { width: 100%; height: 50px; text-align: center; font-size: 18px; line-height: 50px; background-color: #666b6d; color: rgba(0, 0, 0, 0.71); font-weight: 600; text-transform: uppercase; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.8); position: relative; z-index: 1000;  }  

#control-panel .panel-header:before { content: 'Quick Enquiry'; position: absolute; top: 0px; left: 0px; width: 100%; color: #505556; z-index: 0; text-shadow: 0 1px 1px rgba(255,255,255,0.2);  }    

#control-panel .panel-content { width: auto; background:#316cb7; padding:15px; border-top:0; border-bottom-right-radius: 5px;  }   

#panel-main-color-container,  #background-pattern-container,  #background-image-container { margin-bottom: 15px; color: #9ba1a3;  }    

#panel-main-color li,  #background-pattern li,  #background-image li { float: left; list-style: none;  }    

#panel-main-color li div, #background-pattern li div, #background-image li div { width: 23px; height: 23px; cursor: pointer; margin-right: 4px; margin-bottom: 9px; text-align: center; color: #FFF; line-height: 25px; border: 2px solid rgb(51, 51, 51); border-radius: 4px; box-shadow: 0 0 0 1px rgba(255,255,255,0.1);  }    

#reset-to-defaults { margin-top: 20px;  }      

#reset-to-defaults a { color: #9ba1a3; background-color: #353839; padding: 4px 25px; border-radius: 1px; box-shadow: 0 0 0 1px rgba(255,255,255,0.1); text-transform: uppercase;  }    

#reset-to-defaults a:hover { background-color: #DDD;  }  

#control-panel select { width: 100%; padding: 5px 3%; -webkit-appearance: none; border: 1px solid #666b6d; border-radius: 5px; color: #cccccc; margin-bottom: 10px; position: relative; outline: none;  }  





@media(max-width:980px) {

	.b-footer .copyright { line-height:1.5; }

	.b-footer .social { float:inherit; margin-top:10px; }

	.banner .hfrm-control { text-align:center; margin:43px 10px 15px; }

	.tel-cta .text span { position:inherit; margin:0; }

	.tel-cta .text { text-align:center; }

	.high-light ul li { width:100%;  }

	.about-us .text { padding:0; }

}



@media (min-width:979px) and (max-width:1024px) {

	.banner .banner-title { padding:345px 0px 0; }

	.banner .hfrm-control { text-align:center; margin:43px 0px 15px; }

	.high-light { padding:0 0 20px 0; }

	.high-light ul li {padding:0px 25px; font-size:18px; }

	.description-sec article { padding:0; }

	.sales-culture .imp-menu li { float:left; }

	.pricing .mai-box .popular { top:-4px;}

	.pricing .mai-box { margin:25px 0; min-height:440px; }

	.tel-cta .text span { position:inherit; margin:0; }

	.tel-cta .text { text-align:center; }

	.btn { font-size:21px; }



}

@media (min-width:768px) and (max-width:979px) {

	.menu-section .menu ul li { padding:12px 10px; }

	.banner .banner-title { padding:45px 0px 0; }

	.high-light { padding:0 0 20px 0; }

	.high-light ul li {padding:0px 25px; font-size:18px; }

	.description-sec article { padding:0; }

	.sales-culture .imp-menu li { float:left; }

	.pricing .mai-box .popular { top:-4px;}

	.pricing .mai-box { margin:25px 0; }

}

@media (min-width:640px) and (max-width:767px) {

	.menu-section .menu ul li { padding:12px 10px; }

	.banner .banner-title { padding:45px 0px 0; }

	.description-sec article { padding:0; }

	.sales-culture .imp-menu li { margin:5px 10px; float:left; }

	.pricing .mai-box { margin:45px 0; }

}

@media (min-width:480px) and (max-width:639px) {

	.menu-section .menu ul li { padding:12px 10px; }

	.banner .banner-title { padding:45px 0px 0; }

	.banner .banner-title span {font-size:26px; padding:20px 0;}

	.description-sec article { padding:0; }

	.sales-culture .imp-menu li { margin:5px 0; float:left; width:100%; text-align:left; }

	.pricing .mai-box { min-height:480px; margin:45px 0; }

}

@media (min-width:360px) and (max-width:479px) {

	.menu-section .logo { margin:0 31%;}

	.menu-section .menu ul li { padding:5px 18px; }

	.menu { float:inherit; }

	.banner .banner-title { padding:45px 0px 0; }

	.banner .banner-title span {font-size:26px; padding:20px 0;}

	.description-sec article { padding:0; }

	.sales-culture .imp-menu li { margin:5px 0; float:left; }

	.pricing .mai-box { margin:45px 0; }

	.btn { padding:7px 20px; }





}

@media (min-width:320px) and (max-width:359px) {

	.menu-section .logo { margin:0 29%;}

	.menu-section .menu ul li { padding:5px 8px; }

	.menu { float:inherit; }

	.banner .banner-title { padding:45px 0px 0; }

	.banner .banner-title span {font-size:26px; padding:20px 0;}

	.description-sec article { padding:0; }

	.sales-culture .imp-menu li { padding:15px 0px 15px 66px; margin:5px 0; float:left; }

	.pricing .mai-box { margin:45px 0; }

	.btn { padding:7px 17px; font-size:14px;}

}

.screen-reader-response{display:none !important; }

.login-popup {

    width: 425px;

    background: rgba(255, 255, 255, 0.7);

    padding: 10px 35px;

    margin: 70px 182px;

}

.login-popup ul li a {

    background: url(https://www.scottsinfo.com/wp-content/themes/pharma/assets/images/login-btn-icon.png) right center no-repeat;

    border: 0;

    padding: 7px 20px;

    margin-right: 15px;

    font-size: 20px;

    font-weight: normal;

    color: #fff;

    display: block;

}

.login-popup ul li {

    margin: 7px 0 15px;

    background: #316cb7;

    text-align: left;

	list-style: none;

}

.login-popup ul li:first-child {

    text-align: center;

    text-transform: uppercase;

    background: none;

    box-shadow: none;

    font-size: 27px;

    text-shadow: 1px 1px 2px #555;

    color: #316cb7;

}

.login-popup ul li a::before {

    content: "\f007";

    font-family: 'FontAwesome';

    padding-right: 10px;

}













@media(max-width:767px) {

	

	.container{max-width:84%;overflow-x:hidden}

	header .container{max-width:95%;}

	.banner .btn{text-transform: capitalize;    padding: 7px 5px;}

	.banner .hfrm-control .frm-box {padding: 10px 10px;}

	.description-sec{background-size: cover;}

	.about-us{background-size: cover;}

	footer{text-align: center;}

	.login-popup{width:100%;margin:0;padding: 10px 10px;}

	#control-panel { position:absolute !important; }

}