.blueBg1 {
    background-color: #b3b3b3;
}

.news-search{
    float: left !important;
    width: 70%;
    margin: 20px 0 40px 0 !important;
}

.header-beneath-banner{
    margin-top:30px;
}

.close{
    outline: none;
}
#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
}

.sn-word{
    display: inline-block;
    margin-left: 5px;
    position: absolute;
    top: -8px;
    text-transform: capitalize;
}
.slide-text-div-h1{
        background-color: rgb(22, 101, 194);
        min-height: 39px;
    }
    .slide-text-div-h2{
        margin-bottom: 4px;
        display: table;
        background-color: rgb(215, 25, 32);
        min-height: 39px;
    }
    .slide-text-h1{
        font-size: 19px;
        padding: 6px 7px;
        line-height: 23px;
    }
    .slide-text-h2{
        font-size: 14px !important;
        padding: 0px 7px;
        line-height: 0px;
        padding-bottom: 8px;
    }

    
                .row-one {
  background: #f7f7f7;
  background-image: -ms-linear-gradient(top,#f6f6f6 0,#f1f1f1 100%);
  background-image: -moz-linear-gradient(top,#f6f6f6 0,#f1f1f1 100%);
  background-image: -o-linear-gradient(top,#f6f6f6 0,#f1f1f1 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f6f6f6),color-stop(1,#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f6f6f6 0,#f1f1f1 100%);
  background-image: linear-gradient(to bottom,#f6f6f6 0,#f1f1f1 100%);
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
}
.page {
  max-width: 1003px;
  width: 100%;
  margin: 0 auto;
}
.subcription {
  padding: 13px 0 16px;
  overflow: hidden;
}
.yui3-g-r {
/*  letter-spacing: -0.31em;
  letter-spacing: normal;
  word-spacing: -0.43em;*/
}
.yui3-u-2-5 {
  width: 50%;
}
.subcription .left {
  padding-left: 8px;
}
.Fleft {
  Float: left!important;
}

.subcription .left small {
  display: block;
  /*background-position: -400px 0;*/
  width: 70px;
  height: 70px;
}
.join-us {
  margin-top: 8px;
  margin-left: 20px;
}
.Fright {
  Float: right!important;
}
.join-us span {
  display: block;
  font-size: 2.6em;
  color: #454f5d;
  line-height: 1;
}
/** {
  text-align: left;
}*/
.join-us a {
  font-size: 16px;
  color: #454f5d;
  display: block;
  padding: 5px 0 0 0;
}
/*a {
  color: #424d5a;
}
a {
  outline: none!important;
}*/

.subcription .right {
    /*width: 55%;*/
    margin-top: 0;
}
.Fleft {
  Float: left!important;
}
.subcription .right form {
  overflow: hidden;
  width: 100%;
}

.newslettertext{
    float: right;
}

.subsc-return{
    margin: auto;
  color: red;
  font-size: 19px;
  text-transform: capitalize;
  /* position: absolute; */
  /* width: auto; */
  text-align: center;
}

.newslettersubmit {
    height: 40px;
    width:48%;
    background-color: #444F5C;
    border: none;
    border-radius: 0px;
    font-size: 19px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: inherit;
/*          background-image: url(<?php echo Yii::app()->request->baseUrl; ?>/images/submit.png);
  background-repeat: no-repeat;*/
}

.subcription .right input[type="text"] {
  border: 1px solid #dfdfdf;
  width: 100%;
  padding: 9px 23px;
  line-height: 20px;
  color: #6d6d6d;
  font-size: 1.3em;
  font-style: italic;
}
.all, .subcription .right input[type="text"], .order-status, .available-item li span, .product-summary h2, .sort-item li, .select-item .size-select, .view-pages, .pagination li {
  font-family: CalibriRegular;
}
.subcription .right input[type="submit"] {
  width: 131px;
  height: 41px;
  cursor: pointer;
}
.subcription .right input[type="submit"] {
  /*background-position: 0 -542px;*/
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
input[type="submit"] {
  cursor: pointer;
}
.subscribe {
  background: #f2f3f5;
  border-top: 1px solid #ecedf0;
  border-bottom: 1px solid #ecedf0;
}

.blueBg2
{
	background-color: #bababa;
}

.blueBg3
{
    padding-bottom: 12px;
    background-color: #c9c9c9;
}

.btn-mores{
    margin: auto !important;
    width: 57px;
}
.padding20-button{
    padding: 20px 0;
}

.leftMargin8
{
	margin-left: 8px;
}

.rightMargin8
{
	margin-right: 8px;
}

.padding20

{

	padding: 20px;

}



.topMargin20

{

	margin-top: 20px;

}



.downMargin20

{

	margin-bottom: 20px;

}



.whiteText

{

	color: #ffffff;

}



.redText

{

	color: #e92d2c;

}



.height300

{

	height: 300px;

}



.margin0

{

	margin: 0px;	

}



.padding0

{

	padding: 0px;

}



.bg1 {
    height: 390px;
    background-image: url('../images/img_004.jpg');

    background-repeat: no-repeat;

    background-position: right center;

    

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



.uppercase { text-transform: uppercase; }



.downBorder

{

	border-bottom: solid 1px white;

	

}



.map {

    height: 500px;

}



#products img

{

	margin-top: 30px;

}



#products h3

{

	margin-bottom: 12px;

}









.product-details-nav {

  margin-top: 30px !important;

  margin-left: 0 !important;

}

.product-detail-info {

  background: #fff;

  border-top: 1px;

  border-left: 1px;

  border-right: 1px;

  border-bottom: 1px;

  border-color: #ddd;

  border-style: solid;

  padding: 20px 30px;

}

.product-detail-info p,

.product-detail-info ul {

  font-size: 0.9em;

}

.product-detail-info table {

  width: 100%;

}

.product-detail-info table td {

  font-size: 0.9em;

  width: 50%;

  line-height: 28px;

  border-bottom: 1px solid #E7E7E7;

}

.product-detail-info table td:first-child {

  font-weight: 600;

}

.product-detail-info table tr:last-child td {

  border-bottom: 0;

}

.nav-tabs > li > a {

  font-size: 1.1em;

  /*padding: 10px 15px;*/

  color: #535b60;

}

.nav-tabs > .active > a,

.nav-tabs > .active > a:hover,

.nav-tabs > .active > a:focus {

  font-weight: 600;

  background-color: #ffffff;

  border: 1px solid #ddd;

  border-top: 3px solid #4f8db3;

  border-bottom-color: transparent;

  cursor: default;

}





.greenText

{

	color: #60a301;

}



.upImg2

{

	height: 220px;

	background-color: #1664c4;

	margin-top: 5px;

	background-image: url('../images/up_01.jpg');

	background-size: cover;

}



.upImg3

{

	height: 220px;

	background-color: #1664c4;

	margin-top: 5px;

	background-image: url('../images/up_02.jpg');

	background-size: cover;

}



.upImg4
{
    height: 261px;
    background-color: #1664c4;
    margin-top: 0px;
    background-image: url('../images/up_04.jpg');
    background-size: cover;
}



.upImg5

{

	height: 220px;

	background-color: #1664c4;

	margin-top: 0px;

	background-image: url('../images/up_05.jpg');

	background-size: cover;

}



.upImg6

{

	height: 220px;

	background-color: #1664c4;

	margin-top: 0px;

	background-image: url('../images/up_06.jpg');

	background-size: cover;

}



.upImg7

{

	height: 220px;

	background-color: #1664c4;

	margin-top: 0px;

	background-image: url('../images/up_07.jpg');

	background-size: cover;

}



.upImg8

{

	height: 220px;

	background-color: #1664c4;

	margin-top: 0px;

	background-image: url('../images/up_08.jpg');

	background-size: cover;

}



.upImg9

{

	height: 220px;

	background-color: #1664c4;

	margin-top: 0px;

	background-image: url('../images/up_09.jpg');

	background-size: cover;

}





.upImg10

{

	height: 220px;

	background-color: #1664c4;

	margin-top: 0px;

	background-image: url('../images/up_10.jpg');

	background-size: cover;

}



.upImg11

{

	height: 220px;

	background-color: #1664c4;

	margin-top: 0px;

	background-image: url('../images/up_11.jpg');

	background-size: cover;

}





.hiegh200

{

	height: 270px;

}



.pricing-plan ul

{

	height: 100px;

}



.bar_1

{

	background-color: #ececec;

	min-height: 33px;

}



.CenterIt

{

	text-align: center;

}



/* Social Links

---------------------------------- */

.social-links {

	padding: 0;

	list-style: none;

	margin: 15px 0;

}

.social-links li {

	margin: 10px 25px 10px 0;

	display: inline-block;

	font-size: 36px;

}

.social-links li a {

	color: #333333;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.social-links li.twitter a:hover {

	color: #55acee;

}

.social-links li.skype a:hover {

	color: #00aff0;

}

.social-links li.linkedin a:hover {

	color: #0976b4;

}

.social-links li.googleplus a:hover {

	color: #dd4b39;

}

.social-links li.youtube a:hover {

	color: #b31217;

}

.social-links li.flickr a:hover {

	color: #ff0084;

}

.social-links li.facebook a:hover {

	color: #3b5998;

}

.social-links li.pinterest a:hover {

	color: #cb2027;

}



.list-icons

{

	display: block;

	list-style: none;

	/*height: 120px;*/

	padding: 20px 0px 0px 0px;

}



.bigWidth

{

	width: 1194px !important;

}











.containertop

{

	width: 90% !important;

}



.header_bottom-box, .menu_box, .header_top-box, .sellers_grid{

	padding:3px 0px 0px 15px;

}

.header_top{
	background:#f5f4f5;
	background-image: url('../images/upbg_01.jpg');
        background-size: 6px;
        height: 33px;
}



.header_bottom

{
background-color: #0867b2;
	/*background-image: url('../images/upbg_02.jpg');*/

}



.header-top-left{

	width:54.5%;

	float:left;

	margin-top:5px;

}

.box{

	float:left;

	width:20.5%;

	margin-right:10.6%;

}

.box1{

	float:left;

	width:20.5%;

}

.cssmenu ul{

	float:right;

	padding:0;

	margin:0;

	list-style:none;

}

.cssmenu ul li {

	display: inline-block;

}

.cssmenu ul li a {

	color:#000;

	display: block;

	margin:10px;

	font-size: 0.8125em;

}

.cssmenu li> a:hover {

	color: #ACEAFA;

	text-decoration:none;

}

/* PREFIXED CSS */

/*.dropdown,

.dropdown div,

.dropdown li,

.dropdown div::after,

.dropdown .carat,

.dropdown .carat:after,

.dropdown .selected::after,

.dropdown:after{

	-webkit-transition: all 150ms ease-in-out;

	-moz-transition: all 150ms ease-in-out;

	-ms-transition: all 150ms ease-in-out;

	transition: all 150ms ease-in-out;

}

.dropdown .selected::after,

.dropdown.scrollable div::after{

	-webkit-pointer-events: none;

	-moz-pointer-events: none;

	-ms-pointer-events: none;

	pointer-events: none;

}



 WRAPPER 

.dropdown{

	position: relative;

	width:80px;

	cursor: pointer;

	font-weight: 200;

	background: none;

	padding: 8px 15px 5px;

	color: #fff;

	-webkit-user-select: none;

	-moz-user-select: none;

	user-select: none;

}

.dropdown.open{

	z-index: 2;

}

.dropdown:hover,

.dropdown.focus{

	--background:#F7F7F7;--

}

 CARAT 

.dropdown .carat,

.dropdown .carat:after{

	position: absolute;

	right:-1px;

	top: 50%;

	margin-top:0px;

	border: 4px solid transparent;

	border-top: 4px solid #c1c1c1;

	z-index: 1;

	-webkit-transform-origin: 50% 20%;

	-moz-transform-origin: 50% 20%;

	-ms-transform-origin: 50% 20%;

	transform-origin: 50% 20%;

}

.dropdown:hover .carat:after{

	border-top-color: #f4f4f4;

}

.dropdown.focus .carat{

	border-top-color: #f8f8f8;

}

.dropdown.focus .carat:after{

	border-top-color: #0180d1;

}

.dropdown.open .carat{

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	transform: rotate(180deg);

}

 OLD SELECT (HIDDEN) 

.dropdown .old{

	position: absolute;

	left: 0;

	top: 0;

	height: 0;

	width: 0;

	overflow: hidden;

}

.dropdown select{

	position: absolute;

	left: 0px;

	top: 0px;

}

.dropdown.touch select{

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

}

 SELECTED FEEDBACK ITEM  

.dropdown .selected,

.dropdown li{

	display: block;

	font-size:11px;

	overflow: hidden;

	white-space: nowrap;

	text-transform: uppercase;

	font-weight:400;

}

.dropdown .selected::after{

	content: '';

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;

	width: 60px;

}

 DROP DOWN WRAPPER 

.dropdown div{

	position: absolute;

	height: 0;

	left: 13px;

	right: 0;

	top: 35px;

	background: #fb4d01;

	overflow: hidden;

	opacity: 0;

	color: #fff;

	width: 90px;

}

.dropdown:hover div{

	background:#4CB1CA;

}

 Height is adjusted by JS on open 

.dropdown.open div{

	opacity: 1;

	z-index: 2;

}

 FADE OVERLAY FOR SCROLLING LISTS 

.dropdown.scrollable div::after{

	content: '';

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	height: 50px;

}

.dropdown.scrollable.bottom div::after{

	opacity: 0;

}

 DROP DOWN LIST 

.dropdown ul{

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	list-style: none;

	overflow: hidden;

	padding:0;

	background:#fd926d;

}

.dropdown.scrollable.open ul{

	overflow-y: auto;

}

 DROP DOWN LIST ITEMS 

.dropdown li{

	list-style: none;

	padding:8px;

	border-bottom: 1px solid #ee4a02;

}

.dropdown li:last-child {

    border-bottom: 0;

}

 .focus class is also added on hover 

.dropdown li.focus{

	background:#dd6b44;

	position: relative;

	z-index: 3;

	color: #fff;

}

.dropdown li.active{

	background:#ee4a02;

	color: #fff;

}*/



.search{

	float: right;

	width:70%;


}

.search input[type="text"] {

	padding:15px;

	outline: none;

	color:#B6B2AE;

	background:#fff;

	border:1px solid #f8d5d1;

	width:85%;

	line-height: 1.5em;

	font: 500 13px/13px 'Raleway', sans-serif;

	-webkit-appearance: none;

}

.search input[type="submit"] {

	background: url('../images/search.png') no-repeat 24px 10px #e05b5b;

	padding: 12.5px 38px;

	border: none;

	cursor: pointer;

	position: absolute;

	outline: none;

}

.search input[type="submit"]:hover{

	background: url('../images/search.png') no-repeat 24px 10px #1bccf7;

}



.header_bottom_right{

	width:40%;

	float:right;

	margin-top: 15px;

}

.header_bottom_left{

	/*width:40%;*/

	float:left;

}

* {
        margin: 0;
        padding: 0;
        font-family: 'Oswald', sans-serif;
}

body {
        background: url(../images/texture_green_cup.jpg);
}

img {
        display: block;
        max-width: 100%;
        height: auto;
}

.content {
        width: 80%;
        margin: 50px auto;
        padding: 20px;
}
.content h1 {
        font-weight: 400;
        text-transform: uppercase;
        margin: 0;
        color: #fff;
}
.content h2 {
        font-weight: 400;
        text-transform: uppercase;
        color: #333;
        margin: 0 0 20px;
}
.content p {
        font-size: 1em;
        font-weight: 300;
        line-height: 1.5em;
        margin: 0 0 20px;
}
.content p:last-child {
        margin: 0;
}
.content a.button {
        display: inline-block;
        padding: 10px 20px;
        background: #ff0;
        color: #000;
        text-decoration: none;
}
.content a.button:hover {
        background: #000;
        color: #ff0;
}
.content.title {
        position: relative;
        background: #333;
}
.content.title h1 span.demo {
        display: inline-block;
        font-size: .5em;
        padding: 10px;
        background: #fff;
        color: #333;
        vertical-align: top;
}
.content.title .back-to-article {
        position: absolute;
        bottom: -20px;
        left: 20px;
}
.content.title .back-to-article a {
        padding: 10px 20px;
        background: #f60;
        color: #fff;
        text-decoration: none;
}
.content.title .back-to-article a:hover {
        background: #f90;
}
.content.title .back-to-article a i {
        margin-left: 5px;
}
.content.white {
        background: #fff;
        box-shadow: 0 0 10px #999;
}
.content.black {
        background: #000;
}
.content.black p {
        color: #999;
}
.content.black p a {
        color: #08c;
}


.dropdown-menu {
        min-width: 200px;
}
.dropdown-menu.columns-2 {
        min-width: 400px;
}
.dropdown-menu.columns-3 {
        min-width: 600px;
}
.dropdown-menu li a {
        padding: 5px 3px;
        font-weight: 300;
}
.multi-column-dropdown {
        list-style: none;
}
.multi-column-dropdown li a {
        display: block;
        clear: both;
        line-height: 1.428571429;
        color: #333;
        white-space: normal;
}
.multi-column-dropdown li a:hover {
        text-decoration: none;
        color: #262626;
        background-color: #f5f5f5;
}

@media (max-width: 767px) {
        .dropdown-menu.multi-column {
                min-width: 240px !important;
                overflow-x: hidden;
        }
}

@media (max-width: 480px) {
        .content {
                width: 90%;
                margin: 50px auto;
                padding: 10px;
        }
}







.clip {
	 border: 0;
	 clip: rect(0 0 0 0);
	 height: 1px;
	 margin: -1px;
	 overflow: hidden;
	 padding: 0;
	 position: absolute;
	 width: 1px;
}
 .svg--source {
	 display: none;
}
 .svg--icon {
	 width: 100%;
	 /*max-width: 5rem;*/
	 max-width: 47px;
	 height: 100%;
	 /*max-height: 5rem;*/
	 max-height: 47px;
	 display: block;
	 margin: 0 auto;
	 fill: currentColor;
}
 .wrapper {
	 width: 100%;
	 height: auto;
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 justify-content: end;
	 padding: 1rem;
}
 .share {
	 /*width: 5rem;*/
	 /*height: 5rem;*/
	 width: 47px;
	 height: 47px;
	 float: left;
	 margin: 0.5rem 1rem 0.5rem 0;
	 color: #353c4a;
	 border: 0.125rem solid #f3f3f3;
	 box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.15);
	 border-radius: 50%;
	 transition: 250ms;
}
 .share:last-child {
	 margin-right: 0;
}
 .share:focus {
	 outline-color: inherit;
}
 .whatsapp:hover, .whatsapp:focus {
	 color: #0eed00;
	 box-shadow: 0 0 24px 0 #0eed00;
}
 .telegram:hover, .telegram:focus {
	 color: #4183c4;
	 box-shadow: 0 0 24px 0 #4183c4;
}
 .instagram:hover, .instagram:focus {
	 color: #833AB4;
	 box-shadow: 0 0 24px 0 #833AB4;
}
 .youtube:hover, .youtube:focus {
	 color: #cd201f;
	 box-shadow: 0 0 24px 0 #cd201f;
}
 .facebook:hover, .facebook:focus {
	 color: #3b5998;
	 box-shadow: 0 0 24px 0 #3b5998;
}
 .googlemap:hover, .googlemap:focus {
	 color: #dd4b39;
	 box-shadow: 0 0 24px 0 #dd4b39;
}