@charset "utf-8";

/*==================================*/

/* Theme Name: Pepper Dreams */
/* Author Name: Team Infogird */
/* Author URI: http://www.infogird.com */
/* Date: 28,03,2017 */

/*==================================*/


/*	_RESET
-----------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time{ margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-style: normal;}
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }


/*	_Fonts
-----------------------------------------------*/
@font-face {
    font-family: 'OpenSansSemiboldRegular';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#OpenSansSemiboldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	

}


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



/*	_Body
-----------------------------------------------*/
Body{ padding:0; margin:0; font-family:'OpenSansRegular'; font-size:14px; color:#4a4a4a; text-align:left; background-color:#fff; }
.clr{ clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; }
.cursor{ cursor:pointer;}

.img-border{ border:1px #CCC solid; padding:5px;}

/*	_BG Colors
--------------------------*/
.GreenBgColor{ background-color:#2b5587; }
.LightGreenBgColor{ background-color:#ffffff; }
.BlackBgColor{ background-color:#2b5587; }
.WhiteBgColor{ background-color:#fff; }
.slider-outer{ height:200px; height:}
/*	_Text Colors
--------------------------*/
.GreenTextColor{ color:#275788; }
.BlackTextColor{ color:#4a4a4a; }
.WhiteTextColor{ color:#fff; }

.underline{ text-decoration:underline;}
/*	_Borders
--------------------------*/
.BorderTop{ border-top:1px solid #525252; }
.BorderBottom{ border-bottom:8px solid #606062; }
.BorderBottom-productpage{ border-bottom:1px solid #E4E4E4; }
.fullbordfer{ border:1px solid #E4E4E4; padding:5px;}


#dropdownheading{ font-size:16px; font-family:'OpenSansRegular'; font-weight:bold; color:#fff; line-height:30px; padding-left:10px; background-color:#999; text-align:left; margin-top:0px; width:100%; margin-top:5px; float:left;}

/*	Heading
--------------------------*/
h3#heading-leftside{ font-size:16px; font-family:'OpenSansRegular'; font-weight:bold; color:#fff; line-height:30px; padding-left:10px; background-color:#636262;  border-top-left-radius: 7px;  border-top-right-radius: 7px;}

h3#heading-products{ font-size:16px; font-family:'OpenSansRegular'; font-weight:bold; color:#fff; line-height:30px; padding-left:10px; background-color:#999; text-align:center; margin-top:0px; width:100%;}
/*	leftside Contnt div
--------------------------*/
#leftside-content{ font-size:14px; font-family:'OpenSansRegular'; color:#000; line-height:20px; padding:10px; background-color:#E6E6E6;}
.margintop-minus{ margin-top:-10px;}

/*	_Font Size
--------------------------*/
.FontSize12{ font-size:12px; }
.FontSize13{ font-size:13px; }
.FontSize16{ font-size:16px; }
.FontSize40{ font-size:40px; }
.capital-text{ text-transform:uppercase;}

/*	_Margins
--------------------------*/
.m-0{margin:0px !important;}
.m-t-5{ margin-top:5px;}
.m-t-10{ margin-top:10px;}
.m-t-15{ margin-top:15px;}
.m-t-20{ margin-top:20px;}
.m-t-25{ margin-top:25px;}
.m-t-30{ margin-top:30px;}
.m-t-35{ margin-top:35px;}
.m-t-40{ margin-top:40px;}
.m-t-45{ margin-top:45px;}
.m-t-50{ margin-top:50px;}




/*	_Margins
--------------------------*/
.m-left-0{margin:0px !important;}
.m-left-5{ margin-left:5px;}
.m-left-10{ margin-left:10px;}
.m-left-15{ margin-left:15px;}
.m-left-20{ margin-left:20px;}
.m-left-25{ margin-left:25px;}
.m-left-30{ margin-left:30px;}
.m-left-35{ margin-left:35px;}
.m-left-40{ margin-left:40px;}
.m-left-45{ margin-left:45px;}
.m-left-50{ margin-left:50px;}



.m-b-5{ margin-bottom:5px;}
.m-b-10{ margin-bottom:10px;}
.m-b-15{ margin-bottom:15px;}
.m-b-20{ margin-bottom:20px;}
.m-b-25{ margin-bottom:25px;}
.m-b-30{ margin-bottom:30px;}
.m-b-35{ margin-bottom:35px;}
.m-b-40{ margin-bottom:40px;}
.m-b-45{ margin-bottom:45px;}
.m-b-50{ margin-bottom:50px;}

/*	_Paddings
--------------------------*/
.p-0{padding:0px !important;}
.p-t-5{ padding-top:5px;}
.p-t-10{ padding-top:10px;}
.p-t-15{ padding-top:15px;}
.p-t-20{ padding-top:20px;}
.p-t-25{ padding-top:25px;}
.p-t-30{ padding-top:30px;}
.p-t-35{ padding-top:35px;}
.p-t-40{ padding-top:40px;}
.p-t-45{ padding-top:45px;}
.p-t-50{ padding-top:50px;}

.p-b-5{ padding-bottom:5px;}
.p-b-10{ padding-bottom:10px;}
.p-b-15{ padding-bottom:15px;}
.p-b-20{ padding-bottom:20px;}
.p-b-25{ padding-bottom:25px;}
.p-b-30{ padding-bottom:30px;}
.p-b-35{ padding-bottom:35px;}
.p-b-40{ padding-bottom:40px;}
.p-b-45{ padding-bottom:45px;}
.p-b-50{ padding-bottom:50px;}




.p-r-5{ padding-right:5px;}
.m-r-10{ padding-right:10px;}
.m-r-15{ padding-right:15px;}
.m-r-20{ padding-right:20px;}
.m-r-25{ padding-right:25px;}
.m-r-30{ padding-right:30px;}
.m-r-35{ padding-right:35px;}
.m-r-40{ padding-right:40px;}
.m-r-45{ padding-right:45px;}
.m-r-50{ padding-right:50px;}

/*	Bold font
--------------------------*/
.bold-font{ font-weight:bold;}

.border-all{ border:1px #CCC solid; }
/*	_Wrapper Div
--------------------------*/
#Wrapper{ width:100%; height:auto; float:left; }


/*	_Main Menu
--------------------------*/
.CustomMenuWrapper{ float: right; width: auto; }
.navbar-nav > li > a { text-transform:uppercase; }



/*	_Footer
--------------------------*/
.FooterLink{ width:100%; height:auto; float:left; }
.FooterLink ul{ padding:0; margin:0; list-style-type:none; }
.FooterLink li{ padding:0; margin:5px 0 0 0; list-style:none; }
.FooterLink li a{ font-size:13px; color:#fff; text-decoration:none; }
.FooterLink li a:hover{ color:#717171; text-decoration:none; }

/*Social Icons*/
.FacebookIcon a{ width:30px; height:30px; line-height:35px !important; float:left; font-size:16px; text-align:center; color:#fff; background-color:#3b5998; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin:0 5px 0 0; }
.FacebookIcon a i{ margin:7px 0 0 0;}
.FacebookIcon a:hover{ color:#a8a8a8; background-color:#525252; }
.FacebookIcon a:focus{ color:#a8a8a8; background-color:#525252; }

.TwitterIcon a{ width:30px; height:30px; line-height:35px !important; float:left; font-size:16px; text-align:center; color:#fff; background-color:#55acee; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin:0 5px 0 0; }
.TwitterIcon a i{ margin:7px 0 0 0;}
.TwitterIcon a:hover{ color:#a8a8a8; background-color:#525252; }
.TwitterIcon a:focus{ color:#a8a8a8; background-color:#525252; }

.GooglePlusIcon a{ width:30px; height:30px; line-height:35px !important; float:left; font-size:16px; text-align:center; color:#fff; background-color:#dd4b39; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin:0 5px 0 0; }
.GooglePlusIcon a i{ margin:7px 0 0 0;}
.GooglePlusIcon a:hover{ color:#a8a8a8; background-color:#525252; }
.GooglePlusIcon a:focus{ color:#a8a8a8; background-color:#525252; }

.LinkedinIcon a{ width:30px; height:30px; line-height:35px !important; float:left; font-size:16px; text-align:center; color:#fff; background-color:#0976b4; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin:0 5px 0 0; }
.LinkedinIcon a i{ margin:7px 0 0 0;}
.LinkedinIcon a:hover{ color:#a8a8a8; background-color:#525252; }
.LinkedinIcon a:focus{ color:#a8a8a8; background-color:#525252; }


/*	_Image Overlay
--------------------------*/
.overlayOuter { position: relative; width: 100%; }

.image { display: block; width: 100%; height: auto; }

.overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color:rgba(0,0,0, 0.6); overflow: hidden; width: 100%; height: 0; transition: .5s ease; }

.overlayOuter:hover .overlay { height: 100%; }

.text { width:100%; height:auto; color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.text h1{ width:100%; height:auto; padding:0; margin:0; float:left; font-size:28px; text-align:center; color:#fff;}
.text p{ width:100%; height:auto; padding:0; margin:10px 0 10px 0; float:left; font-size:14px; text-align:center; color:#fff;}
.text button{ padding-left:20px; padding-right:20px;}








.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block; list-style:none;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}


@media screen and (max-width: 700px) {

/*	_Main Menu
--------------------------*/
.nav > li > a { text-indent: 10px; }
.CustomMenuWrapper{ float: right; width: 100%; }

}