/* 
Theme Name: Seen Store Developed By EyadAhmad.com & Responsive Child Theme 
Theme URI: http://themeid.com/responsive-theme/ 
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, W3C Markup Validated and currently translated into 40 languages. Cross-Browser compatible and yes even the IE7. No paid memberships or clubs to get a FREE/Responsive Support you need. http://themeid.com/support/

Template: responsive
Version: 1.0.0
Author: ThemeID & EyadAhmad.com
Author URI: http://eyadahmad.com
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, flexible-width, rtl-language-support

License: GNU General Public License
License URI: license.txt 

Responsive WordPress Theme, Copyright (C) 2003-2012 Emil Uzelac 

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/* =Import Styles
-------------------------------------------------------------- */
@import url('../responsive/style.css');


	
/* =Start From Here
-------------------------------------------------------------- */
@font-face {
    font-family: Geess;
    src: url('http://seendesign.net/font/atrissisansbook.ttf')  format('truetype') ;
    font-weight:normal;

}

@font-face {
    font-family: Geessmedium;
    src: url('http://eyadahmad.com/gessuniquebold-webfont.ttf') format('truetype'),
         url('http://seendesign.net/font/atrissisansbold.svg#Atrissi-sans-bold') format('svg');
	

}
body {
    line-height: 1;
    font-family: Geess;
}
body {
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    background: #efefef;
    color: #555;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-smoothing: antialiased;
    line-height: 1.5em;
    text-rendering: optimizeLegibility;
    font-family: Geess;
}
b,
strong {
    font-weight: bold; 
    font-family: 'Geeza Pro';
}
.post-meta .vcard {
    display:none;
}
.post-meta .byline {
    display: none;
}
.post-meta {
  direction:ltr;
  float:right;
}
ul {
  list-style-type:disc;
  margin:0;
  padding:12px 0 0;
}
/* =Menu Design
-------------------------------------------------------------- */
.sub-menu { display:none;}
.aboutus {
    background-image: url(http://seendesign.net/wp-content/uploads/2013/05/5btn1.png);
    background-repeat: no-repeat;
}

.aboutus a {
    position: relative;
    right: 10px;
    top: 6px;
    font-family: Geessmedium;
}

.myblog {
    background-image: url(http://seendesign.net/wp-content/uploads/2013/05/4btn1.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.myblog a {
    right: 8px;
    top: 15px;
    font-family: Geessmedium;
}

.ourproducts {
    background-image: url(http://seendesign.net/wp-content/uploads/2013/05/3btn1.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.ourproducts a {
    position: relative;
    right: -24px;
    top: 5px;
    font-family: Geessmedium;
}

.findus {
    background-image: url(http://seendesign.net/wp-content/uploads/2013/05/2btn1.png);
    background-repeat: no-repeat;
    background-position: 100%;
    left: 44px;
    position: relative;
}

.findus a {
    position: relative;
    right: -10px;
    top: 8px;
    font-family: Geessmedium;
}

.pay {
    background-image: url(http://seendesign.net/wp-content/uploads/2013/05/1btn1.png);
    background-position: 100% 0;
    background-repeat: no-repeat no-repeat;
    left: 52px;
    position: relative;
}

.pay a {
    position: relative;
    right: 2px;
    bottom: 4px;
    font-family: Geessmedium;
}
/* =Product
-------------------------------------------------------------- */
#prod-img {
border: 1px solid #E3E3E3;
    bottom: 30px;
    float: left;
    height: 355px;
    position: relative;
    right: 265px;
    width: 350px;
}
.prod-thumb {
bottom: 353px;
    float: none;
    height: 0;
    left: 100px;
    position: relative;
    width: 90px;
    z-index: 1;
}
.prod-thumb img {
    border: 1px solid #E3E3E3;
    margin: 2px;
    padding-bottom: 0;
    width: 90px;
}
#mp_product_list {
    float: none;
    text-align: center;
    width: 100%;
}

.mp_product {
    background-color: #FFFFFF;
}

.mp_product_name {
    font-family: Geess;
    font-weight: 400;
    clear: both;
    color: #333333;
    font-size: 11px;
    text-align: center;
}

.mp_product_name a {
    font-family: Geess;
    font-weight: 400;
    clear: both;
    color: #333333;
    font-size: 11px;
    text-align: center;
}

.mp_product_content {
    text-align: center;
    width: 290px;
}

.mp_product_meta {
    height: 28px;
}

#mp_product_list .product {
    border: 1px solid #E5E5E5;
    clear: both;
    display: inline-block;
    float: none;
    margin: 5px;
    min-height: 322px;
    min-width: 270px;
    vertical-align: top;
}

#mp_product_list .mp_product_price {
    margin-top: 10px;
    font-size: 1em;
    font-weight: normal;
    bottom: 0;
    color: #333;
    padding-top: 0;
    position: relative;
    top: 0;
    font-family: Geess;
    display:none;
}

.mp_product_price {
    top: 0px;
    color: #F02C7C;
    font-size: 1.3em;
    font-weight: normal;
    margin-top: 9px;
    padding-top: 70px;
    position: absolute;
    bottom: 10px;
    font-family: Geessmedium;
    width: 70px;
    display: none; 
}

#mp_shipping_form {
    border: 0px solid #000;
}

#mp_country {
    width: 50%;
}

.mp_button_addcart, .mp_button_buynow,  #mp_shipping_submit, #mp_payment_confirm, #mp_payment_submit {
    background-color: #000;
    border: 1px solid #E1E1E1;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    font-family: Geess;
    font-weight: 400;
    position: relative;
    text-decoration: none;
    top: 0px;
    float: none;
    color: #fff;
    right: 54px;
}

.mp_cart_col_updatecart input[type=submit] {
    background-color: #000;
    border: 1px solid #E1E1E1;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    font-family: Geess;
    font-weight: 400;
    position: relative;
    text-decoration: none;
    top: 0px;
    float: none;
    color: #fff;
    right: 0px;
}

.mp_button_addcart:hover, .mp_button_buynow:hover, .mp_cart_col_updatecart input[type=submit]:hover, #mp_shipping_submit:hover, #mp_payment_confirm:hover, #mp_payment_submit:hover {
    background-color: #000;
    border: 1px solid #E1E1E1;
    background-image: none;
    font-family: Geess;
    font-weight: 400;
    position: relative;
    text-decoration: none;
    top: 3px;
    float: left;
    color: #000;
    left: 20px;
}

.mp_button_addcart a {
    color: #fff;
    background-color: #000;
}

.mp_button_addcart a:hover {
    color: #fff;
    background-color: #000;
}

#mp_product_list .mp_button_addcart {
    visibility: hidden;
}

.mp_buy_form {
    float: none;
    height: 68px;
    position: relative;
    text-align: right;
    top: 3em;
    width: 40%;
display: none;
}

#mp_product_list .mp_buy_form {
    display: none;
    float: none;
}

.mp_product_image_list {
    float: right;
    left: 48px;
    margin: 0;
    max-height: 250px;
    max-width: 191px;
    position: relative;
}

img.mp_product_image_list {
    display: inline-block;
    height: 250px;
    margin: auto;
    vertical-align: bottom;
    width: 184px;
}

#product_image {
    max-height: 392px;
    max-width: 300px;
    display:none;
visibility: hidden;
}

.mp_product_image_single {
    min-height: auto;
    min-width: 300px;
visibility: hidden;
    
}

.mp_product_image_link {
    height: 392px;
    width: 300px;
}

.mp_product_categories {
    visibility: hidden;
}

.mp_product_variations {
    width: 200px;
    display: block;
    float: none;
}

.mp_link_buynow {
    visibility: hidden;
}

.mp_quantity_field select, input[type="text"], input[type="email"] {
    -webkit-box-shadow: #FFFFFF 0 1px 0px, rgba(0, 0, 0, 0.199219) 0 1px 1px inset;
    background-color: #FFFFFF;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-color: #AAAAAA #AAAAAA #CCCCCC;
    border-style: solid;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-width: 1px;
    box-shadow: #FFFFFF 0 1px 0px, rgba(0, 0, 0, 0.199219) 0 1px 1px inset;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 6px 8px;
    vertical-align: middle;
    width: 50%;
    text-align: center;
    font-size: 1em;
}

#loginform input[type="text"], input[type="password"], input[type="email"] {
    -webkit-box-shadow: #FFFFFF 0 1px 0px, rgba(0, 0, 0, 0.199219) 0 1px 1px inset;
    background-color: #FFFFFF;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-color: #AAAAAA #AAAAAA #CCCCCC;
    border-style: solid;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-width: 1px;
    box-shadow: #FFFFFF 0 1px 0px, rgba(0, 0, 0, 0.199219) 0 1px 1px inset;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 6px 8px;
    vertical-align: middle;
    width: 150%;
    text-align: center;
    font-size: 1em;
}

#loginform {
    width: auto;
}

.mp_quantity {
    font-family: Geessmedium;
    font-size: 0.8em;
}

.mp_cart_col_thumb {
    max-width: 75px;
    max-height: 75px;
}

.mp_cart_contents, img.attachment-thumbnail {
    display: block;
    margin: 15px auto;
}

table.mp_cart_contents {
    text-align: center;
}

table.mp_cart_login td, table.mp_cart_contents td {
    vertical-align: middle;
    border: 1px solid #DDDDDD;
}

table.mp_cart_shipping td {
    vertical-align: middle;
    border: 0px solid #DDDDDD;
}

.mp_cart_payment_methods label {
    display: inline-block;
    font-weight: normal;
    padding: 3px 6px 8px;
    text-align: right;
    width: 112px;
}

div.mp_checkout_error {
    background: #ffdddd url('modern-images/error.png') no-repeat 5px 12px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ffafaf;
    margin: 10px 0px;
    padding: 10px 10px 10px 30px;
    width:43%;
}

i, em, dfn, cite {
  font-size:0.7em;
  font-style:normal;
}

#dashboard_right_now .versions .b, #post-status-display, #post-visibility-display, #adminmenu .wp-submenu li.current, #adminmenu .wp-submenu li.current a, #adminmenu .wp-submenu li.current a:hover, .media-item .percent, .plugins .name, #pass-strength-result.strong, #pass-strength-result.short, #ed_reply_toolbar #ed_reply_strong, .item-controls .item-order a, .feature-filter .feature-name {
    font-weight: normal;
}
#respond {
  background-color:#FFFFFF;
  background-image:none;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-style:solid;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  border-width:0;
  clear:both;
  margin-top:15px;
  padding:10px 20px 50px;
}

/* =Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: 400;
    line-height: 1.0em;
    word-wrap: break-word;
}

h1 {
  font-family: Geessmedium;
  font-size:24px;
  margin-bottom:0.5em;
  margin-top:0;
  padding-bottom:0.3em;
  color:#000;
}

h2 {
    font-size: 2.250em; /* = 36px */
    margin-bottom: .75em;
    margin-top: .75em;
}

h3 {
    font-size: 1.875em; /* = 30px */
    margin-bottom: .857em;
    margin-top: .857em;
    color:#333;
}

h4 {
    font-size: 1.500em; /* = 24px */
    margin-bottom: 1em;
    margin-top: 1em;
}

h5 {
    font-size: 1.125em; /* = 18px */
    margin-bottom: 1.125em;
    margin-top: 1.125em;
}

h6 {
    font-size: 1.000em; /* = 16px */
    margin-bottom: 1.285em;
    margin-top: 1.285em;
}
#container {
    margin: 0 auto;
    max-width: 960px;
    padding: 0px 25px;
}

#wrapper {

    clear: both;
    margin: 20px auto 20px auto;
    padding: 0 20px 20px 20px;
    position: relative;
}

.front-page #wrapper {
    background-color: transparent;
    border: none;
    margin: 20px auto 20px auto;
    padding: 0;
}

#header {
        margin: 0;
}

#footer {
    clear: both;
    margin: 0 auto;
    max-width: 960px;
    padding: 0 25px 0 25px;
}

.powered {
  float:left;
  font-size:10px;
  text-align:left;
}

#footer-wrapper {
    margin: 0;
    padding: 0;
}
p, hr, dl, pre, form, table, address, blockquote {
  margin:0.2em 0;
}
.product .post-entry p {
  line-height:normal;
  margin-top:0;
  position:relative;
  top:35px;
  width:47%;
}
.post-entry h3 {
	font-size:1em;
	font-family:Geessmedium;
}
ul,
ol {
    margin: 0 1.5em 1.5em 0;
    padding-left: 2.0em;
    font-family:'Geeza pro';
}
.comment-body {
  background-color:#E5E5E5;
  background-position:initial initial;
  background-repeat:initial initial;
  clear:both;
  padding:10px;
}
/* =Header
-------------------------------------------------------------- */
#logo {
    float: left;
    margin: 0;
    z-index:2;
}


.site-name {
    display: block;
    font-size: 2.063em; /* = 33px */
    line-height: 1.0em;
    padding-top: 20px;
}

.site-name a {
    color: #333;
    font-weight: 700;
}

.site-description {
    color: #afafaf;
    display: block;
    font-size: 0.875em; /* = 14px */
    margin: 10px 0;
}

/* =Content
-------------------------------------------------------------- */
#content {
    margin-top: 40px;
    margin-bottom: 20px;
    }


#content-full {
    margin-top: 40px;
    margin-bottom: 20px;
}

#content-full .post-entry p {
 line-height:normal;
  margin-top:0;
  position:relative;
  top:35px;
  width:100%;
}
#content-blog .post-entry p {
 line-height:normal;
  margin-top:0;
  position:relative;
  top:35px;
  width:100%;
}

#content-blog {
    margin-top: 40px;
    margin-bottom: 20px;
}

#content-images {
    margin-bottom: 20px;
}

#content-search {
    margin-bottom: 20px;
    margin-top: 20px;
}

#content-archive {
    margin-top: 40px;
    margin-bottom: 20px;
}

#content-sitemap {
    margin-bottom: 20px;
}

#content-sitemap a {
    font-size: 12px;
}

#content .sticky {
    clear: both;
}

#content .sticky p {}
/* =Header Menu (Primary)
-------------------------------------------------------------- */
.menu {
    background-color: #fff;
    background-image: none;
    clear:both;
    text-align:center;
}

.menu, 
.menu ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-image: none;
}

.menu li {
    border:0;
  display:block;
  float:right;
  height:86px;
  margin:0;
  padding:0;
  position:relative;
  width:167px;
  z-index:5;
 
}

.menu li:hover {
    white-space: normal;
    z-index: 10000;
    
    background-color:transparent;

}

.menu li li {
    float: none;
 
}

.menu ul {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 10;
   
}

.menu li:hover > ul {
    top: 100%;
    visibility: visible;
    background-image: none;
}

.menu li li:hover > ul {
    left: 100%;
    top: 0;
}

.menu:after, 
.menu ul:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    background-image: none;
}

.menu, 
.menu ul {
    min-height: 0;
}

.menu ul,
.menu ul ul {
    margin: 0;
    padding: 0;
}

.menu ul li a:hover, 
.menu li li a:hover {
    background-image: none;
    text-decoration: none;
}

.menu ul {
    margin-top: 1px;
    min-width: 15em;
    width: auto;
}

.menu a {
    border-left: 0px solid #664141;
    color: #322a2b;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: normal;
    height: 65px;
    line-height: 75px;
    margin: 0;
    padding: 0 0.9em;
    position: relative;
    text-decoration: none;
    font-family: Geessmedium;
    
}

.menu a:hover {
    background-image: none;
    background: none;
}

ul.menu > li:hover {
    
    color: #fff;
}

.menu .current_page_item a,
.menu .current-menu-item a {
    background-color:none;
}

.front-page .menu .current_page_item a {
    background: none;
    background-color: transparent;
    background-image: none;
    filter: none;
}

.menu li li {
    background: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    color: #444;
    filter: none;
    margin: -1px 0 1px 0;
    width: auto;
}

.menu li li a {
    background: transparent !important;
    border: none;
    color: #444;
    font-size: 12px;
    font-weight: 400;
    height: auto;
    height: 20px;
    line-height: 20px;
    padding: 5px 10px;
    text-shadow: none;
    white-space: nowrap;
}

.menu li li a:hover {
    background:  none !important;
    background-image: none;
    border: none;
    color: #444;
    filter: none;
}

.menu li li:hover {
    background: transparent; 
    background-image: none;
    filter: none;
}

.menu ul > li + li {
    border-top: 0;
}

.menu li li:hover > ul {
    left: 100%;
    top: 0;
}

.menu > li:first-child > a {
    border-left: none;
}

.menu a#responsive_menu_button {
    display: none;
}

.main-nav #responsive_current_menu_item {
    display: none;
}
.menu .current_page_item a, .menu .current-menu-item a {
  background-color:transparent;
}

/* =Primary Main Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .menu ul {
    background: url(images/ie7-fix.gif) repeat;
}

.ie7 .menu li li a  {
    min-width: 100%;
}

/* =Responsive Menu
    TinyNav + SelectBox
-------------------------------------------------------------- */


.sb-holder {
    background-color: #3d3d3d;
    display: none;
    height: 30px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 999;
}

.sb-holder:focus .sb-selector {}

.sb-selector {
    display: block;
    height: 30px;
    left: 0;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 100%;
}

.sb-selector:link,
.sb-selector:visited,
.sb-selector:hover {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    outline: none;
    text-decoration: none;
    text-shadow: 0 -1px 0 #000;
}

.sb-toggle {
    background: url(images/select-icons.png) 0 6px no-repeat;
    display: block;
    height: 30px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

.sb-toggle-open {
    background: url(images/select-icons.png) 0 -45px no-repeat;
}

.sb-holder-disabled {
    background-color: #3c3c3c;
    border: 1px solid #515151;
}

.sb-holder-disabled .sb-holder {}

.sb-holder-disabled .sb-toggle {}

.sb-options {
    background-color: #fff;
    list-style: none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 1;
    overflow-y: auto;
}

.sb-options li {
    padding: 0;
}

.sb-options a {
    border-bottom: 1px solid #e5e5e5;
    display: block;
    font-size: 11px;
    outline: none;
    padding: 4px;
    text-indent: 4px;
}

.sb-options a:link,
.sb-options a:visited {
    color: #444;
    text-decoration: none;
}

.sb-options a:hover,
.sb-options a:focus,
.sb-options a.sb-focus {
    background-color: #f5f5f5;
    color: #444;
}

.sb-options li.last a {
    border-bottom: none;
}

.sb-options .sb-disabled {
    border-bottom: dotted 1px #515151;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}

.sb-options .sb-group {
    border-bottom: dotted 1px #515151;
    color: #ebb52d;
    display: block;
    font-weight: 700;
    padding: 7px 0 7px 3px;
}

.sb-options .sb-sub {
    padding-left: 17px;
}


/* =Media Print
-------------------------------------------------------------- */
@media print {

	h1 {
		page-break-before:always;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		page-break-after:avoid;
	}

	ul,
	ol,
	dl {
		page-break-before:avoid;
	}
}

/* =Media Print
-------------------------------------------------------------- */
@media print {

	h1 {
		page-break-before:always;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		page-break-after:avoid;
	}

	ul,
	ol,
	dl {
		page-break-before:avoid;
	}
}



.Selector img {
border: 1px solid #333;
}
.Selector.Active img {
border: 1px solid #333;
}

/* =Responsive Design
    Media Queries
    If you're working on a Child Theme, make sure that all
    media queries are included in your style.css
-------------------------------------------------------------- */
@media only screen 
and (max-device-width :768px) and (orientation : portrait) {
body {}

	.grid,
	.grid-right {
		float:none;
	}

	.page-template-content-sidebar-page-php .col-60,
	.page-template-content-sidebar-page-php .col-140,
	.page-template-content-sidebar-page-php .col-220,
	.page-template-content-sidebar-page-php .col-300,
	.page-template-content-sidebar-page-php .col-380,
	.page-template-content-sidebar-page-php .col-460,
	.page-template-content-sidebar-page-php .col-540,
	.page-template-content-sidebar-page-php .col-620,
	.page-template-content-sidebar-page-php .col-700,
	.page-template-content-sidebar-page-php .col-780,
	.page-template-content-sidebar-page-php .col-860,
	.page-template-content-sidebar-half-page-php .col-60,
	.page-template-content-sidebar-half-page-php .col-140,
	.page-template-content-sidebar-half-page-php .col-220,
	.page-template-content-sidebar-half-page-php .col-300,
	.page-template-content-sidebar-half-page-php .col-380,
	.page-template-content-sidebar-half-page-php .col-460,
	.page-template-content-sidebar-half-page-php .col-540,
	.page-template-content-sidebar-half-page-php .col-620,
	.page-template-content-sidebar-half-page-php .col-700,
	.page-template-content-sidebar-half-page-php .col-780,
	.page-template-content-sidebar-half-page-php .col-860 {
	   float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin:20px 0 0 0;
	}
.menu li {
    border: 0;
    display: inline-block;
    float: none;
    height: 86px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 120px;
    z-index: 5;
}

.menu a {
    border-left: 0px solid #664141;
    color: #664141;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 400;
    height: 65px;
    line-height: 75px;
    margin: 0;
    padding: 0 0.9em;
    position: relative;
    text-decoration: none;
    font-family: 'Geeza pro';
}

.aboutus {
    background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn51.png);
    background-repeat: no-repeat;
}

.aboutus a {
    position: relative;
    right: 5px;
    top: -4px;
    font-family: 'Geeza pro';
    font-weight: bold;
    font-size: 14px;
    color: #322a2b;
}

.myblog {
    background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn41.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    bottom: 25px;
    position: relative;
}

.myblog a {
    right: 8px;
    top: 22px;
    font-family: 'Geeza pro';
    font-weight: bold;
    font-size: 14px;
    color: #322a2b;
}

.ourproducts {
    background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn3.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    bottom: 10px;
    position: relative;
    font-family: Geessmedium;
}

.ourproducts a {
    position: relative;
    right: -20px;
    top: 1px;
    font-family: 'Geeza pro';
    font-weight: bold;
    font-size: 14px;
    color: #322a2b;
}

.findus {
    background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn21.png);
    background-repeat: no-repeat;
    background-position: 100%;
    left: 44px;
    bottom: 13px;
    position: relative;
}

.findus a {
    position: relative;
    right: -10px;
    top: 9px;
    font-family: 'Geeza pro';
    font-weight: bold;
    font-size: 14px;
    color: #322a2b;
}

.pay {
    background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn11.png);
    background-position: 100% 0;
    background-repeat: no-repeat no-repeat;
    left: 56px;
    position: relative;
    top: 5px;
}

.pay a {
    position: relative;
    right: 0px;
    bottom: 13px;
    font-family: 'Geeza pro';
    font-weight: bold;
    font-size: 13px;
    color: #322a2b;
}
  
}

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

	body {}

	.grid,
	.grid-right {
		float:none;
	}

	.page-template-content-sidebar-page-php .col-60,
	.page-template-content-sidebar-page-php .col-140,
	.page-template-content-sidebar-page-php .col-220,
	.page-template-content-sidebar-page-php .col-300,
	.page-template-content-sidebar-page-php .col-380,
	.page-template-content-sidebar-page-php .col-460,
	.page-template-content-sidebar-page-php .col-540,
	.page-template-content-sidebar-page-php .col-620,
	.page-template-content-sidebar-page-php .col-700,
	.page-template-content-sidebar-page-php .col-780,
	.page-template-content-sidebar-page-php .col-860,
	.page-template-content-sidebar-half-page-php .col-60,
	.page-template-content-sidebar-half-page-php .col-140,
	.page-template-content-sidebar-half-page-php .col-220,
	.page-template-content-sidebar-half-page-php .col-300,
	.page-template-content-sidebar-half-page-php .col-380,
	.page-template-content-sidebar-half-page-php .col-460,
	.page-template-content-sidebar-half-page-php .col-540,
	.page-template-content-sidebar-half-page-php .col-620,
	.page-template-content-sidebar-half-page-php .col-700,
	.page-template-content-sidebar-half-page-php .col-780,
	.page-template-content-sidebar-half-page-php .col-860 {
	   float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin:20px 0 0 0;
	}
.menu li {
  border:0;
  display:inline-block;
  float:none;
  height:86px;
  margin:0;
  padding:0;
  position:relative;
  width:120px;
  z-index:5;
}
.menu a {
	border-left: 0px solid #664141;
	color: #664141;
	cursor: pointer;
	display: block;
	font-size: 10px;
	font-weight: 400; 
	height: 65px;
	line-height: 75px;
	margin: 0;
	padding: 0 0.9em;
	position: relative;
	text-decoration: none;
	font-family: Geessmedium;
}
.aboutus { 

background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn51.png);
background-repeat: no-repeat;


}

.aboutus a { 
position:relative;
  right:5px;
top:-4px;
font-family:Geessmedium;

}

.myblog { 

background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn41.png);
background-repeat: no-repeat;
background-position:50% 100%;
bottom:25px;
  position:relative;


}

.myblog a { 
  right:8px;
  top:22px;
font-family:Geessmedium;

}


.ourproducts { 

background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn3.png);
background-repeat: no-repeat;
background-position:100% 50%;
bottom:10px;
  position:relative;
font-family: Geessmedium;
}

.ourproducts a { 
position:relative;
  right:-20px;
  top:1px;
font-family:Geessmedium;

}

.findus { 

background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn21.png);
background-repeat: no-repeat;
background-position:100% ;
left:44px;
bottom:13px;
  
  position:relative;
}

.findus a { 
position:relative;
  right:-10px;
  top:9px;
font-family:Geessmedium;

}

.pay { 

background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn11.png);
background-position:100% 0;
  background-repeat:no-repeat no-repeat;
  left:56px;
  position:relative;
top:5px;

}
.pay a { 
position:relative;
  right:0px;
bottom:13px;
font-family:Geessmedium;

 
}
.product .post-entry p {
  line-height:normal;
  margin-top:0;
  position:relative;
  top:35px;
  width:36%;
}

a {
  color:#F3487D;
  font-weight:400;
  text-decoration:none;
}
h1 a {
  color:#F3487D;
  font-weight:400;
  text-decoration:none;
}
}
@media screen and (max-device-width: 980px) {

	body {}

	.grid,
	.grid-right {
		float:none;
	}

	.page-template-content-sidebar-page-php .col-60,
	.page-template-content-sidebar-page-php .col-140,
	.page-template-content-sidebar-page-php .col-220,
	.page-template-content-sidebar-page-php .col-300,
	.page-template-content-sidebar-page-php .col-380,
	.page-template-content-sidebar-page-php .col-460,
	.page-template-content-sidebar-page-php .col-540,
	.page-template-content-sidebar-page-php .col-620,
	.page-template-content-sidebar-page-php .col-700,
	.page-template-content-sidebar-page-php .col-780,
	.page-template-content-sidebar-page-php .col-860,
	.page-template-content-sidebar-half-page-php .col-60,
	.page-template-content-sidebar-half-page-php .col-140,
	.page-template-content-sidebar-half-page-php .col-220,
	.page-template-content-sidebar-half-page-php .col-300,
	.page-template-content-sidebar-half-page-php .col-380,
	.page-template-content-sidebar-half-page-php .col-460,
	.page-template-content-sidebar-half-page-php .col-540,
	.page-template-content-sidebar-half-page-php .col-620,
	.page-template-content-sidebar-half-page-php .col-700,
	.page-template-content-sidebar-half-page-php .col-780,
	.page-template-content-sidebar-half-page-php .col-860 {
	   float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin:20px 0 0 0;
	}
.menu li {
  border:0;
  display:inline-block;
  float:none;
  height:86px;
  margin:0;
  padding:0;
  position:relative;
  width:120px;
  z-index:5;
}
.menu a {
	border-left: 0px solid #664141;
	color: #664141;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: bold; 
	height: 65px;
	line-height: 75px;
	margin: 0;
	padding: 0 0.9em;
	position: relative;
	text-decoration: none;
	font-family: Geessmedium;
}
.aboutus { 

background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn51.png);
background-repeat: no-repeat;


}

.aboutus a { 
position:relative;
  right:5px;
top:-4px;
font-family:Geessmedium;

}

.myblog { 

background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn41.png);
background-repeat: no-repeat;
background-position:50% 100%;
bottom:25px;
  position:relative;


}

.myblog a { 
  right:8px;
  top:22px;
font-family:Geessmedium;

}


.ourproducts { 

background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn3.png);
background-repeat: no-repeat;
background-position:100% 50%;
bottom:10px;
  position:relative;
font-family: Geessmedium;
}

.ourproducts a { 
position:relative;
  right:-20px;
  top:1px;
font-family:Geessmedium;

}

.findus { 

background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn21.png);
background-repeat: no-repeat;
background-position:100% ;
left:44px;
bottom:13px;
  
  position:relative;
}

.findus a { 
position:relative;
  right:-10px;
  top:9px;
font-family:Geessmedium;

}

.pay { 

background-image: url(http://seendesign.net/wp-content/uploads/2013/05/smallbtn11.png);
background-position:100% 0;
  background-repeat:no-repeat no-repeat;
  left:56px;
  position:relative;
top:5px;

}
.pay a { 
position:relative;
  right:0px;
bottom:13px;
font-family:Geessmedium;

 
}
.product .post-entry p {
  line-height:normal;
  margin-top:0;
  position:relative;
  top:35px;
  width:37%;
}
a {
  color:#F3487D;
  font-weight:400;
  text-decoration:none;
}
h1 a {
  color:#F3487D;
  font-weight:400;
  text-decoration:none;
}
}
@media screen and (max-width: 650px) {

	body {}

	#logo {
		float:none;
		text-align:center;
	}

	.grid,
	.grid-right {
		float:none;
	}

	.page-template-content-sidebar-page-php .col-60,
	.page-template-content-sidebar-page-php .col-140,
	.page-template-content-sidebar-page-php .col-220,
	.page-template-content-sidebar-page-php .col-300,
	.page-template-content-sidebar-page-php .col-380,
	.page-template-content-sidebar-page-php .col-460,
	.page-template-content-sidebar-page-php .col-540,
	.page-template-content-sidebar-page-php .col-620,
	.page-template-content-sidebar-page-php .col-700,
	.page-template-content-sidebar-page-php .col-780,
	.page-template-content-sidebar-page-php .col-860,
	.page-template-content-sidebar-half-page-php .col-60,
	.page-template-content-sidebar-half-page-php .col-140,
	.page-template-content-sidebar-half-page-php .col-220,
	.page-template-content-sidebar-half-page-php .col-300,
	.page-template-content-sidebar-half-page-php .col-380,
	.page-template-content-sidebar-half-page-php .col-460,
	.page-template-content-sidebar-half-page-php .col-540,
	.page-template-content-sidebar-half-page-php .col-620,
	.page-template-content-sidebar-half-page-php .col-700,
	.page-template-content-sidebar-half-page-php .col-780,
	.page-template-content-sidebar-half-page-php .col-860 {
		float: none; 
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.top-widget {
		float: none;
		text-align: center;
		clear: right;
	}

	.js .menu,
	.sub-header-menu {
		display: none;
	}

	.top-menu,
	.footer-menu li {
		float:none;
		text-align:center;
	}

	#footer {
		text-align:center;
	}

	#footer .social-icons {
		text-align: center;
	}
.ngg-galleryoverview {
  bottom:0;
  clear:both;
  display:block !important;
  float:left;
  left:5px;
  margin-top:0;
  overflow:hidden;
  padding:0;
  position:relative;
  width:85%;
}
}

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

	body {}

	#logo {
		float: none;
		position: relative;
		text-align: center;
	}

	.grid,
	.grid-right {
		float: none;
	}

	.page-template-content-sidebar-page-php .col-60,
	.page-template-content-sidebar-page-php .col-140,
	.page-template-content-sidebar-page-php .col-220,
	.page-template-content-sidebar-page-php .col-300,
	.page-template-content-sidebar-page-php .col-380,
	.page-template-content-sidebar-page-php .col-460,
	.page-template-content-sidebar-page-php .col-540,
	.page-template-content-sidebar-page-php .col-620,
	.page-template-content-sidebar-page-php .col-700,
	.page-template-content-sidebar-page-php .col-780,
	.page-template-content-sidebar-page-php .col-860,
	.page-template-content-sidebar-half-page-php .col-60,
	.page-template-content-sidebar-half-page-php .col-140,
	.page-template-content-sidebar-half-page-php .col-220,
	.page-template-content-sidebar-half-page-php .col-300,
	.page-template-content-sidebar-half-page-php .col-380,
	.page-template-content-sidebar-half-page-php .col-460,
	.page-template-content-sidebar-half-page-php .col-540,
	.page-template-content-sidebar-half-page-php .col-620,
	.page-template-content-sidebar-half-page-php .col-700,
	.page-template-content-sidebar-half-page-php .col-780,
	.page-template-content-sidebar-half-page-php .col-860 {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.featured-title {
		font-size: 40px;
		padding: 40px 20px 0 20px
	}

	.menu ul,
	.menu li,
	.top-menu,
	.footer-menu li,
	.sub-header-menu li {
		float: none;
		text-align: center;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
}

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

	#featured p {
		font-size: 12px;
		line-height: 1.2em;
	}

	.featured-title {
		font-size: 35px;
	}

	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button {
		font-size: 14px;
		padding: 7px 17px;
	}
}

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

	#featured p {
		font-size: 11px;
		line-height: 1.1em;
	}

	.featured-title {
		font-size: 20px;
	}

	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}
}

@media screen and (max-width: 650px) {
    .js .main-nav {
        position: relative;
         height: 30px;
        clear: both;
        margin: 0 auto;
       background: #fff url(http://eyadahmad.com/woo/wp-content/uploads/2013/05/bg-select.png) no-repeat right;
color:#333;
font-weight: 400; 
        
   
    }

 
    .js .main-nav .menu {
        display: none;
        position: absolute;
        width: 100%;
        top: 30px;
        z-index: 1000;
        text-align:right;
        background-color:#fafafa;

    }
 
    .js .main-nav .menu ul {
        margin-top: 1px;
        background-color:#ed83cb;

text-align: right; 

    }
 
    .js .main-nav .menu li {
      width:auto;
        height:auto;
	border: 0;
	display: block;
	text-align: right; 
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;


    }
 
    .js .main-nav .menu li a {
        color: #444;
        font-size: 13px;
        font-weight: 400;
        height: 45px;
        padding: 0 15px;
        border: none;
        border-bottom: 0px solid #f5f5f5;
        text-shadow: none;
       text-align: right; 

    }
 
    .js .main-nav .menu li.current_page_item,
    .js .menu .current_page_item a,
    .js .menu .current-menu-item a {
        background-color: #f5f5f5;
    }
 
    .js .main-nav .menu li li:hover {
        background: none!important;
    }
 
    .js .main-nav .menu li li a {
        position: relative;
        padding: 0 10px 0 30px;
    }
 
    .js .main-nav .menu li li li a {
        position: relative;
        padding: 0 10px 0 40px;
    }
 
    .js .main-nav .menu li a:hover,
    .js .main-nav .menu li li a:hover {
        background-image: none;
        filter: none;
        background-color: #f5f5f5!important;
    }
 
    .js .main-nav .menu li li a::before {
        content: '\2013';
        position: absolute;
        top: 0;
        left: 20px;
    }
 
    .js .main-nav .menu li li li a::before {
        content: '\2013';
        position: absolute;
        top: 0;
        left: 20px;
    }
 
    .js .main-nav .menu li li li a::after {
        content: '\2013';
        position: absolute;
        top: 0;
        left: 30px;
    }
 
    .js .main-nav .menu li ul {
        position: static;
        visibility: visible;
        background-color: #fff;
    }
 
    .js .main-nav #responsive_current_menu_item {
        position: absolute;
        display: block;
        top: 5px;
        left: 15px;
        color: #333;
        font-weight: 400;
    }
 
    .js .main-nav a#responsive_menu_button {
        position: absolute;
        display: block;
        top: 0;
        left: 100%;
        height: 30px;
        width: 23px;
        margin-left: -30px;
        background: url('images/select-icons.png') 0 5px no-repeat;
    }
 
    .js .main-nav a#responsive_menu_button.responsive-toggle-open {
        background: url('images/select-icons.png') 0 -46px no-repeat;
    }

.aboutus { 

background-image: none;
 	position: relative;

 right:0;
  top:0;
left:0;

}

.aboutus a { 
cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 700;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0 0.9em;
	position: relative;
	text-decoration: none;
right:0;
  top:0;
}

.myblog { 
 	position: relative;

 right:0;
  top:0;
left:0;

background-image: none;

}

.myblog a { 
 cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 700;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0 0.9em;
	position: relative;
	text-decoration: none;
right:0;
  top:0;
}


.ourproducts { 
 	position: relative;

 right:0;
  top:0;
left:0;

background-image: none;
}

.ourproducts a { 
cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 700;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0 0.9em;
	position: relative;
	text-decoration: none;
right:0;
  top:0;
}

.findus { 

background-image: none;
 	position: relative;

 right:0;
  top:0;
left:0;

}

.findus a { 
cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 700;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0 0.9em;
	position: relative;
	text-decoration: none;
 right:0;
  top:0;
}

.pay { 

background-image: none;
 	position: relative;
width:auto;

 right:0;
  top:0;
left:0;

}
.pay a { 
width:auto;
cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 700;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0 0.9em;
	position: relative;
	text-decoration: none;

  right:0;
bottom:0;
 
}

}

/*The last 29 days of the month are the hardest."- Nikola Tesla*/