/* html{ background: #000} */
html,body{ width: 100%; height: 100%; -webkit-font-smoothing: antialiased}
body{ font-size: 1em; line-height: 1.5em; font-family: 'Optima-Regular'; font-style: normal; font-weight: normal; margin: 0 auto; background: #000}
/* .mask{ width: 100%; height: 100%; background: #000; opacity: .6; z-index: 1; position: absolute; left: 0; display: none} */

#content{ width: 100%; height: 100%}

input{ outline: none; border: none}
button{ outline: none; cursor: pointer; border: none}
textarea{ outline: none; border: none; resize: none}

img{ width: 100%; height: auto; -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;}

h1{ font-family: 'ContaxSans55'; font-size: 26px; line-height: 30px; letter-spacing: 3px}
h2{ font-family: 'Optima-Regular'; font-size: 19px}
h3{ font-family: 'ContaxSans55'; font-size: 15px}
h4{ font-family: 'ContaxSans55'; font-size: 14px}
h5{ font-family: 'Didot'; font-size: 11px; font-weight: bold}
h6{ font-family: 'ContaxSans55'; font-size: 12px}

.f-left{ float: left}
.f-right{ float: right}

.col-l{ float: left}
.col-r{ float: right}

a{ color: #4D4D6F}
a:visited{ color: #4D4D6F}
a:hover{ color: #000}

.background-light-gray{ background: #F5F5F5}
.btn-gray{ background: #ababab; color: #FFF}
.btn-gray:hover{ background: #000}
.btn-black{ background: #000; color: #FFF}
.btn-block:hover{ background: #808081}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.div_12_of_12_no_margin{
	width: 100%
}

.div_10_of_12 {
  	width: 83.06%
}

.div_8_of_12_no_margin{
	width: 66.66%
}

.div_6_of_12_no_margin{
	width: 50%
}

.div_7_of_12_no_margin{
	width: 58.33%
}

.div_5_of_12 {
	width: 46.936%;
	float: left
}
.div_5_of_12_no_margin{
	width: 41.66%
}

.div_4_of_12_no_margin{
	width: 33.33%

}
.div_3_of_12{
	width: 26.532%;
	float: left
}

.div_2-5_of_12 {
	width: 26.532%;
	float: left
}
.div_7-5_of_10_no_margin{
	width: 75%
}


.div_6_of_10_no_margin{
	width: 60%
}
.div_5_of_10_no_margin{
	width: 50%
}
.div_4_of_10_no_margin{
	width: 40%
}
.div_2-3_of_10_no_margin{
	width: 23%
}
.div_5_of_10_eat_margin{ 
	width: 50.8%
}
.div_3_of_10_eat_margin{ 
	width: 30.48%
}

.div_5_of_8 {
  	width: 49.2%
}


.margin3-2{ margin: 3.2% auto; height: 40px}
.margin5-2{ margin: 5.2% auto 3.2% auto}

.fix-the-margin{ padding-left: 40px}


/* Header */
#outer{ width: 100%; height: 100%; margin: 0 auto; text-align: center}
#header{ background: #FFF}
.menu-nav{ width: 83.06%; max-width: 1440px; margin:0 auto}
.menu-nav2{ width: 83.06%; margin:0 auto; display: none}
a.logo{ display: block}
.nav-menu{ width: 100%; margin: 0 auto; text-align: center}

.nav-menu2 li.menu-item-55{ margin-right: 0}
.nav-menu li, .nav-menu2 li{ display: inline-block; margin: 2% 1.6% 0 1.6%}
.nav-menu li.current-menu-item a, .nav-menu2 li.current-menu-item a{ color: #444444}
.nav-menu li a, .nav-menu2 li a{ font-size: 20px; color: #999999}
.nav-menu li a:hover, .nav-menu2 li a:hover{ color: #444444}

.ssn { float: right}
.ssn li{ float: left; margin-left: 10px}
.ssn li:first-child{ margin-left: 0}
.ssn li a{ width:32px; height: 32px; display: block; cursor: pointer}


.ssn2 {  width: 100%}
.ssn2 li{ float: left; margin-left: 10px}
.ssn2 li:first-child{ margin-left: 0}
.ssn2 li a{ width:32px; height: 32px; display: block; cursor: pointer}

.ssn li.small-08 a,.ssn2 li.small-08 a{ background: url('../images/small-08.png') center center no-repeat}
.ssn li.small-09 a,.ssn2 li.small-09 a{ background: url('../images/small-09.png') center center no-repeat}
.ssn li.small-10 a,.ssn2 li.small-10 a{ background: url('../images/small-10.png') center center no-repeat}
.ssn li.small-11 a,.ssn2 li.small-11 a{ background: url('../images/small-11-2.png') center center no-repeat}
.ssn li.small-12 a,.ssn2 li.small-12 a{ background: url('../images/small-12.png') center center no-repeat}
.ssn li.small-13 a,.ssn2 li.small-13 a{ background: url('../images/small-13.png') center center no-repeat}

.ssn li.small-08 a:hover,.ssn2 li.small-08 a:hover{ background: url('../images/small-hover-08.png') center center no-repeat}
.ssn li.small-09 a:hover,.ssn2 li.small-09 a:hover{ background: url('../images/small-hover-09.png') center center no-repeat}
.ssn li.small-10 a:hover,.ssn2 li.small-10 a:hover{ background: url('../images/small-hover-10.png') center center no-repeat}
.ssn li.small-11 a:hover,.ssn2 li.small-11 a:hover{ background: url('../images/small-hover-11-2.png') center center no-repeat}
.ssn li.small-12 a:hover,.ssn2 li.small-12 a:hover{ background: url('../images/small-hover-12.png') center center no-repeat}
.ssn li.small-13 a:hover,.ssn2 li.small-13 a:hover{ background: url('../images/small-hover-13.png') center center no-repeat}


.ssn li a.disable, .ssn2 li a.disable{ cursor: default}

/* popup */
#popup { display: none}

.popup-showcase .popup{ width: 100%; height: 100%; position: fixed; visibility: hidden; opacity: 0; left:0; top:0 ; opacity: 0; z-index: 9}
.popup-showcase .popup .popup-bg{ background: #000; opacity: .7; position: absolute; width:100%; height: 100%; cursor: pointer; z-index: 1}
.popup-showcase .popup .popup-wrapper{ 
width: 80%;
max-width: 1240px;
height: 85%;
opacity: 1;
z-index: 2;
margin: auto;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
background: #000;
overflow: auto;
 }
.popup-showcase .popup .popup-wrapper .popup-start{ width: 100%; height: 100%}
.popup-showcase .popup .popup-wrapper .popup-slider{ position: relative; width: 100%; overflow: hidden}
.popup-showcase .popup .popup-wrapper .popup-slider .slider{ position: absolute; width: 100%; height: 100%}
.popup-showcase .popup .popup-wrapper .popup-slider .slider .slider-cont{ position: absolute; width: 100%; height: 100%; background: #000}
.popup-showcase .popup .popup-wrapper .popup-slider .slider .slider-cont li{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; display: none; z-index: 1}
.popup-showcase .popup .popup-wrapper .popup-slider .slider .slider-cont li:first-child{ display: block}
.popup-showcase .popup .popup-wrapper .popup-slider .slider .slider-cont li.active{ z-index: 2}
.popup-showcase .popup .popup-wrapper .popup-slider .slider .slider-cont img{ display: block; position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; margin: auto; width: auto; height: 100%}
.popup-showcase .popup .popup-wrapper .popup-slider .slider .slider-cont img.active{ display: block}

.popup-showcase .popup .popup-wrapper .popup-slider .slider .slider-control{ z-index: 2; position: absolute; bottom: 10px; left: 0; right: 0}
.popup-showcase .popup .popup-wrapper .popup-slider .slider .slider-control li{ width: 10px; height: 11px; display: inline-block; margin: 0 5px; cursor: pointer; background: url('../images/slider-cont.png') center center no-repeat }
.popup-showcase .popup .popup-wrapper .popup-slider .slider .slider-control li.active{ background: url('../images/slider-cont-active.png') center center no-repeat}
 
 
.about .popup{ width: 100%; height: 100%; position: fixed; visibility: hidden; opacity: 0; left:0; top:0 ; opacity: 0; z-index: 9}
.about .popup .popup-bg{ background: #000; opacity: .7; position: absolute; width:100%; height: 100%; cursor: pointer; z-index: 1}
.about .popup .popup-wrapper{ 
padding: 55px; 
width: 80%;
max-width: 1200px;
height: 85%;
opacity: 1;
z-index: 2;
margin: auto;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
background: #FFF;
overflow: scroll;
 }
.about .popup .popup-wrapper .popup-about-content{ width: 100%; height: 100%; overflow: auto }
.about .popup .popup-wrapper .popup-about-content .about-top{ text-align: justify; margin-bottom: 25px}
.about .popup .popup-wrapper .popup-about-content .our-services{ color: #444444; margin: 0 0 25px 20%}
.about .popup .popup-wrapper .popup-about-content .our-team{ margin: 0 0 25px 20%}
.about .popup .popup-wrapper .popup-about-content .get-touch{ margin: 0 0 25px 20% }
.about .popup .popup-wrapper .popup-about-content .about-left{ width: 48%; float: left; text-align: justify}
.about .popup .popup-wrapper .popup-about-content .about-right{ width: 48%; float: right; text-align: justify}
.about .popup h3{ color: #000}
.about .popup .popup-about-title{ color: #444444; padding: 0 0 40px 0}
.about span{ font-family: 'Optima-Bold'; font-weight:bold} 
.about .get-touch a{ font-family: 'Optima-Regular'}

.terms .popup{ width: 100%; height: 100%; position: fixed; visibility: hidden; opacity: 0; left:0; top:0 ; opacity: 0; z-index: 9}
.terms .popup .popup-bg{ background: #000; opacity: .7; position: absolute; width:100%; height: 100%; cursor: pointer; z-index: 1}
.terms .popup .popup-wrapper{ 
padding: 35px; 
width: 77%;
max-width: 1200px;
height: 75%;
opacity: 1;
z-index: 2;
margin: auto;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
background: #FFF;
overflow: scroll;
 }
.terms .popup .popup-wrapper .popup-terms-content{ width: 100%; height: 100%; overflow: auto }
.terms .popup .popup-terms-title{ color: #444444; padding: 0 0 25px 0}
.terms .popup .popup-wrapper h3{ font-weight: bold}
.terms .popup .popup-wrapper span{ color:#999999}
/* Page */

#main-content{ width: 100%; height: 100%; max-width: 1440px; margin: auto}
.site-main{ min-height: 600px; background: #FFF }

.feature{ width: 100%; height: 100%; margin-bottom: 3.2%}
.feature .feature-slider{ width: 100%; position: relative; top: 0; overflow: hidden; max-height: 800px}
.feature .slider{ width: 100%; height: 100%; position: absolute}
.feature .slider-cont{ position: absolute; width: 100%; height: 100%}
.feature .slider-cont li{ position: absolute; width: 100%; height: 100%; display: none; z-index: 1}
.feature .slider-cont li:first-child{ display: block}
.feature .slider-cont li.active{ z-index: 2}
.feature .slider-cont li a{ position: absolute; width: 100%; height: 100%; left:0; top: 0}
.feature .slider-cont img{ position: absolute; display: block; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; bottom: -100%; top: -100%; left: -100%; right: -100%; margin: auto}
.feature .slider-cont img:hover{ opacity: 0.7}
.feature .slider-cont img.active{ display: block}

.feature .slider-control{ z-index: 2; position: absolute; bottom: 10px; left: 0; right: 0}
.feature .slider-control li{ width: 10px; height: 11px; display: inline-block; margin: 0 5px; cursor: pointer; background: url('../images/slider-cont.png') center center no-repeat }
.feature .slider-control li.active{ background: url('../images/slider-cont-active.png') center center no-repeat}
.feature .feature-title { padding: 3.2% 0 1.6% 0; width: 100%; margin: 0 auto; text-align: center; text-transform: uppercase; font-size: 36px; line-height: 44px}
.feature .feature-content{ text-align: center; width: 60%; margin: 0 auto 40px auto; letter-spacing: 1.6px}
.feature .showcase-logo a{ display: block; margin: 20px auto 10px auto; width: 22px; height: 22px}
.feature .showcase-tag { text-transform: uppercase}
/*
.feature .showcase-tag h5{ color: #000}
.feature .showcase-tag h6{ color: #4D4D4F}
*/
.feature .showcase-tag h5, .showcase-tag a { display: inline-block}

.showcase-special{ margin: 0 auto}
.showcase-special .showcase-image{ position: absolute; height: 100%; overflow: hidden}
.showcase-special .showcase-image img{ position: absolute; right: -100%; left: -100% ; top: -100% ; bottom: -100%; margin: auto; width: auto; height: 100%}

.case{ margin-bottom: 25px; margin-top: 25px}
.archive .case{ margin-top: 0}
.case .showcase-image img, .case .showcase-image2 img{  -webkit-transition: all 0.2s linear;
       -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
         -o-transition: all .2s linear;
            transition: all .2s linear; cursor: -webkit-zoom-in; cursor: -moz-zoom-in}
.showcase-image img:hover, .showcase-image2 img:hover{ opacity: 0.7}
.feature .slider-cont img:hover{ opacity: 0.9}
.showcase-container { position: relative; width: 100%; height: 100%; background: #E9E9EB; }
.showcase-details{ float: right; background: #E9E9EB; position: relative;  min-height: 500px }
.details-content{ padding: 35px 55px}
.details-content .showcase-tag{ padding: 25px 0 0 0; text-align: left; text-transform: uppercase}
.showcase-tag a{ font-size: 12px; font-family: 'ContaxSans55'; text-decoration: underline; margin: 0 2px; }
.details-top{}
.normalcase-logo{ width: 22px; height: 22px; float:left; margin-right: 10px}
.logo-title{ float:left; font-size: 16px; text-transform: uppercase; color: #999999}
.normalcase-title{ padding: 25px 0 20px 0;  text-align: left; text-transform: uppercase}
.normalcase-content{ text-align: left; line-height: 26px; letter-spacing: 1.6px; min-height: 155px}

.showcase-image{ position: absolute; height: 100%; overflow: hidden}
.showcase-image img{ position: absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto; width: auto; height: 100%}

.normalcase-logo2{ }
.showcase-details2{ float:left; background: #E9E9EB; position: relative; min-height: 500px}
.showcase-image2{ position: absolute; height: 100%; overflow: hidden; right: 0}
.showcase-image2 img{ position: absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto; width: auto; height: 100%}

.loadmore { width: 100%; background: #E9E9EB; display: none}
.popup .loadmore{ display: block}
.loadmore-content{ width: 121px; padding: 25px 0; margin: 0 auto}
.loadmore a{ float: left; width: 22px; height: 22px}
.loadmore h3{ float: left}


.showcase-filter{ width: 100%; height: 100%; background: #000}
.showcase-filter .filter-wrapper{ padding: 20px 8.47%}
/* .showcase-filter .filter-wrapper ul{ float: right} */
.showcase-filter .filter-wrapper ul li{ display: inline-block; margin: 0 15px}
.showcase-filter .filter-wrapper ul li a{ display: block}
.showcase-filter .filter-wrapper ul li h2{ color: #FFF}
.showcase-filter .filter-wrapper ul li a:hover h2{ color: #999999}

.tax-showcase-tag .showcase-filter{ display: none}

.inspirate{ margin-bottom: 25px; cursor: pointer; float: left}
.inspiration-container{ width: 100%; height: 100%; position: relative}
.inspiration-normal{ height: 100%; overflow: hidden}
.inspiration-image { height: 100%; z-index: 1; position: relative}
.inspirate .inspiration-image img{  -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
            position: absolute; top: 0px; left: 0; right: 0; margin: auto
}
.inspirate:hover .inspiration-image{ opacity: 0.7}
.inspiration-hover{ position: absolute; bottom: 0; width: 100%; height:0; z-index: 2; background: #000; color: #FFF; opacity: .8; -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;}
.inspiration-hover .inspiration-content{ padding: 35px; text-align: left}
.inspiration-hover .inspiration-content h1{ font-size:26px; text-transform: uppercase}
.inspiration-hover .inspiration-content .inspiration-desc{ font-size: 14px}

/* Single */

.single{ width: 100%; height: 100%}
/* .single #outer{ width: 83.06%; max-width: 1440px; height: 90%; position: absolute; left: 0; right: 0;  bottom: 0; margin: auto; opacity: 1; z-index: 2; overflow: scroll} */
.single #main{ background: #fff}

.single .popup-wrapper .popup-slider { position: relative; overflow: hidden; width: 100% ; max-height: 800px}
.single .popup-wrapper .popup-slider .slider{ position: absolute; width: 100%; height: 100%}
.single .popup-wrapper .popup-slider .slider .slider-cont{ position: absolute; width: 100%; height: 100%} 
.single .popup-wrapper .popup-slider .slider .slider-cont li{ position: absolute; left:0; top:0; width: 100%; height: 100%; display: none} 
/* .single .menu-nav, .single .menu-nav2, .single footer{ display: none} */
.single .popup-wrapper .popup-slider .slider .slider-cont li.active{ display: block}
.single .slider-cont img{ display: block; z-index: 1; position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; margin: auto }
.single .slider-cont img.active{ z-index: 2}

.single .popup-wrapper .popup-slider .slider .slider-control{ z-index: 2; position: absolute; bottom: 10px; left: 0; right: 0}
.single .popup-wrapper .popup-slider .slider .slider-control li{ width: 10px; height: 11px; display: inline-block; margin: 0 5px; cursor: pointer; background: url('../images/slider-cont.png') center center no-repeat }
.single .popup-wrapper .popup-slider .slider .slider-control li.active{ background: url('../images/slider-cont-active.png') center center no-repeat}

.popup-slider{ position: relative; width: 100%}
.popup-close{ position: absolute; top: 0; right: -1px; z-index: 3; cursor: pointer}
.popup-close a{ display: block; width: 17px; height: 17px; padding: 10px 10px; background: #000}

.single .popup-close{ display: none}
.single .about .popup-close, .single .terms .popup-close{ display: block}

.single-detail{ width: 100%; background: #FFF}
.single-detail-container{ padding: 40px 5.56% 60px 5.56%; text-align: left}
.single-detail-container .single-title{ padding: 25px 0 ; font-size: 30px}
.single-detail-container .single-content{ letter-spacing: 1.6px}
.single-detail-container .showcase-tag{ padding-top: 25px}
.single-detail-container  .col-r-container{ margin:	0 0 0 50px; position: relative}
.single-detail-container  h3{ font-family: 'Optima-Regular'; text-transform: uppercase; line-height: 17px; color:#999999; padding-bottom: 10px}
.single-detail-container  .single-ssn{ margin:	25px 0 20px 42px }
.single-detail-container  .single-ssn li{ float: left; margin-right: 10px}
.single-detail-container  .single-ssn li.like{ margin-right: 0; position: relative; bottom: 2px}
.single-detail-container  .single-ssn li a{ display: block; width: 22px; height: 22px; cursor: pointer}
.single-detail-container  .single-ssn li a.disable{ cursor: default}
.single-detail-container  .single-ssn li.smallicon-fb2 a{ background: url('../images/smallicon-fb2.png') center center no-repeat}
.single-detail-container  .single-ssn li.smallicon-try-new a{ background: url('../images/smallicon-try_new.png') center center no-repeat !important; height: 22px !important;
width: 22px !important}
.single-detail-container  .single-ssn li.smallicon-try-new a.PIN_1418294860445_pin_it_button_en_20_gray{ background: url('../images/smallicon-try_new.png') center center no-repeat !important}
.single-detail-container  .single-ssn li.smallicon-try-new a span{ display: none !important}
/* .single-detail-container  .single-ssn li.smallicon-ig2 a{ background: url('../images/smallicon-ig2.png') center center no-repeat} */
.single-detail-container  .single-ssn li.smallicon-twitter2 a{ background: url('../images/smallicon-twitter2.png') center center no-repeat}
.single-detail-container  .single-ssn li.smallicon-try-new2 a{ background: url('../images/smallicon-try_new2.png') center center no-repeat}

.single-detail-container  .single-ssn li.smallicon-fb2 a:hover{ background: url('../images/smallicon-fb2-hover.png') center center no-repeat}
.single-detail-container  .single-ssn li.smallicon-try-new a:hover{ background: url('../images/smallicon-try_new-hover.png') center center no-repeat !important}
/* .single-detail-container  .single-ssn li.smallicon-ig2 a:hover{ background: url('../images/smallicon-ig2-hover.png') center center no-repeat} */
.single-detail-container  .single-ssn li.smallicon-twitter2 a:hover{ background: url('../images/smallicon-twitter2-hover.png') center center no-repeat}
.single-detail-container  .single-ssn li.smallicon-try-new2 a:hover{ background: url('../images/smallicon-try_new2-hover.png') center center no-repeat}

.single-detail-container .col-r-container .single-credit li span{ font-family: 'Optima-Bold'; margin-right: 3px}

.alsolike{  width: 100%; background: #E9E9EB;}
.alsolike .alsolike-content{   width: 100%; text-align: center; padding: 15px 0}
.alsolike .alsolike-content h3{ text-transform: uppercase; float: none; font-family: 'Optima-Regular'}

.related{ width: 100%; background: #E9E9EB}
.related .related-wrapper{ width: 33.33%; float: left}
.related .related-wrapper a{ display: block}
.related .related-title{  width: 100%; height: 100%;  text-align: center; padding: 15px 0; background: #E9E9EB; margin-top: -7px; min-height: 38px; display: block}
.related .related-title h3{ text-transform: uppercase; font-size: 13px; line-height: 16px; font-family: 'Optima-Regular'}
.related .related-image { background: #656565}
.related .related-image img{ -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;}
.related .related-image:hover img{opacity: 0.6}

.single-end{ width: 100%; padding: 10px 0 15px 0; background: #000;}
.single-end a{ display: block; width: 22px; height: 22px; margin: 10px auto}
.single-end h6{ color: #FFF}
.single .single-end { border-bottom: 1px solid #FFF}

/* Contact */
#wpgmza_map{ height: 600px; float: left}
#wpgmza_map a{ display: none !important}
.contact-details{ background: #E9E9EB; height: 600px; overflow: hidden; float: right}
.contact-details .logo-title{ color: #444444}
.contact-details .normalcase-title{ padding-top: 9%; padding-bottom: 25px}

.contact-details li{ text-align: left; margin-top: 15px}
.contact-details li:first-child{ margin-top: 0}
.contact-details li .contact-s-title{ font-family: 'Optima-Bold'; }
.contact-details li .contact-s-content{  line-height: 1.0em}
.contact-details a{ color: #000}
.contact-details a:visited{ color: #000}
.contact-details a:hover{ color: #4D4D6F}

.link-to-google{ margin-top: 52px; text-align: left; text-decoration: underline; font-size: 14px}

.contact-form{ margin-top: 40px; padding: 70px 0 90px 0}
.contact-form h1{ font-size: 32px; padding-bottom: 25px; text-transform: uppercase}
.wpcf7{ padding: 20px 20px 0 20px!important; margin: auto !important; max-width: 860px}
.wpcf7 p{ width: 100%; text-align: left; margin-top: 50px}
.wpcf7 p:first-child{ margin-top: 0px}
.wpcf7 span{ display: block}
.wpcf7 span input,.wpcf7 textarea { width: 97%}
.wpcf7 input{ height: 20px; }
.wpcf7 input[type=submit]{ font-family: 'Optima-Bold'; background: #808081; color: #FFF; width: 49.5%; height: 45px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; border-radius: 0}
.wpcf7 input[type=submit]:hover{ background: #000}
.wpcf7 button{ padding: 10px 15px; font-size: 16px; height: 45px; font-family:'Optima-Bold'; width: 49.5%; margin-right: 1%}
.wpcf7 input,.wpcf7 textarea { padding: 10px 15px; font-size: 16px; font-family: 'Optima-Regular'}
.wpcf7 label{ font-family: 'Optima-Bold'; padding: 10px 0; display: block}
.wpcf7-response-output{ display: none}

/* Footer */
#wpadminbar{ display: none}
.gmnoprint{ display: none}
.gm-style-cc{ display: none}
#footer{ width: 100%; height: 100%; background: #000}
.footer-content{ padding: 35px 8.466%; color: #FFF; text-align: left}
.footer-content .footer-about{ width: 41.2%; margin: 25px 2.6% 45px 0; float: left}
.footer-content .footer-about .footer-about-desc{ width: 100%}
.footer-content .footer-contact{ width: 26.72%; margin: 25px 0 45px 0; float: left}
.footer-content .footer-contact a{ color: #FFF}
.footer-content .footer-contact a:hover{ color: #999999}
.footer-content .footer-contact .footer-ssn { margin: 15px 0}
.footer-content .footer-contact .footer-ssn li{ display: inline-block; margin-right: 8px}
.footer-content .footer-contact .footer-ssn li a{ display: block; cursor: pointer; width: 22px; height: 22px}
.footer-content .footer-contact .footer-ssn li a.disable{ cursor: default}

.footer-content .footer-contact2{ width: 100%; margin: 25px 0 45px 0; display: none}
.footer-content .footer-contact2 a{ color: #FFF}
.footer-content .footer-contact2 a:hover{ color: #999999}
.footer-content .footer-contact2 .footer-ssn { margin: 15px 0}
.footer-content .footer-contact2 .footer-ssn li{ display: inline-block; margin-right: 10px}
.footer-content .footer-contact2 .footer-ssn li a{ display: block; cursor: pointer; width: 22px; height: 22px}
.footer-content .footer-contact2 .footer-ssn li a.disable{ cursor: default}

.footer-content .footer-ssn li.small-fb a{ background: url('../images/smallicon-fb.png') center center no-repeat}
.footer-content .footer-ssn li.small-try2 a{ background: url('../images/smallicon-try2.png') center center no-repeat}
.footer-content .footer-ssn li.small-ig a{ background: url('../images/smallicon-ig.png') center center no-repeat}
.footer-content .footer-ssn li.small-twitter a{ background: url('../images/smallicon-twitter.png') center center no-repeat}
.footer-content .footer-ssn li.small-try a{ background: url('../images/smallicon-try.png') center center no-repeat}
.footer-content .footer-ssn li.small-vi a{ background: url('../images/smallicon-vi.png') center center no-repeat}
.footer-content .footer-ssn li.small-utube a{ background: url('../images/smallicon-utube.png') center center no-repeat}

.footer-content .footer-ssn li.small-fb a:hover{ background: url('../images/smallicon-fb-hover.png') center center no-repeat}
.footer-content .footer-ssn li.small-try2 a:hover{ background: url('../images/smallicon-try2-hover.png') center center no-repeat}
.footer-content .footer-ssn li.small-ig a:hover{ background: url('../images/smallicon-ig-hover.png') center center no-repeat}
/*
.footer-content .footer-ssn li.small-twitter a:hover{ background: url('../images/smallicon-twitter-hover.png') center center no-repeat}
*/
.footer-content .footer-ssn li.small-try a:hover{ background: url('../images/smallicon-try-hover.png') center center no-repeat}
.footer-content .footer-ssn li.small-vi a:hover{ background: url('../images/smallicon-vi-hover.png') center center no-repeat}
.footer-content .footer-ssn li.small-utube a:hover{ background: url('../images/smallicon-utube-hover.png') center center no-repeat}

.footer-content .newsletter{ width: 27.88%; margin: 25px 0 45px 0; float: right}
.footer-content .newsletter form{ position: relative; overflow: hidden}
.footer-content .newsletter input{ border: none; line-height: 20px; text-align: left; color: #999999; font-family: 'Optima-Regular'; font-size: 16px }
.footer-content .newsletter input.email{ width:100%; margin-bottom: 15px; border-bottom: 1px #999999 solid; background: #000; outline: none; z-index: 2}
.footer-content .newsletter .button-primary{ position: absolute; right: 0; bottom: 18px; background: url('../images/subsribe.png') center center no-repeat; width: 20px; height: 20px; cursor: pointer; z-index: 3}
.footer-content .newsletter .button-primary:hover{ background: url('../images/subsribe-hover.png') center center no-repeat}
.footer-content .lastthing{ width: 100%; float: left; font-size: 12px}
.footer-content .lastthing div, .footer-content .lastthing a{ float: left; margin-right: 10px}
.footer-content .lastthing a{ cursor: pointer; color: #FFF}
.footer-content .lastthing a:hover{ color: #999999}
.footer-content .lastthing span{ font-family: 'Optima-Bold'}
.footer-content .lastthing .credit a{ float: none}
.footer-content h4{ color: #999999; padding-bottom: 5px; letter-spacing: 1px}
.footer-content p{ font-size: 16px}

.subscribed{ display: none}
.page-template-page-templatespage-subscribe-php h3{ padding: 25px 0 0 0}
.page-template-page-templatespage-subscribe-php p{ padding: 25px 0}

/* responsive */

@media screen and (max-width: 1140px){
	h1{ font-size: 30px; line-height: 36px; letter-spacing: 0}
	.ssn2{ width: auto; float: right; margin: 3.2% 0 0 0}
	.ssn2 li{ float: none; display: inline-block}
	.menu-nav{ display: none}
	.menu-nav2{ display: block}
	.menu-nav2 .div_4_of_12_no_margin { margin: 3.2% 0 0 0}
	.nav-menu2{ display: inline-block; text-align: right; width: 100%; height: 100%}
	.nav-menu2 li{ margin: 1% 1.6% 0 1.6%}
	.showcase-normal .showcase-image img, .showcase-normal .showcase-image2 img{ height: 100%; width: auto}
	
	.normalcase-content{ min-height: 125px}
}

@media screen and (max-width: 1024px){
	/*
.div_6_of_12_no_margin{
	width: 50%;
	}
*/
	/*
.showcase-special .showcase-image{ width: 100%}
	
	.footer-content .footer-about, .footer-content .newsletter{ float: none; width: 70%}
	.footer-content .footer-about .footer-about-desc{ width: 100%}
	.footer-content .footer-contact{ display: none}
	.footer-content .footer-contact2{ display: block}
	.footer-content .footer-contact2 .footer-ssn{ display: inline-block}
	.fb_iframe_widget span{ margin: 0 0 7px 20px}
*/	
	.site-main{ min-height: 400px}
	.ssn{ width: 100%}
	.subscribe{ font-size: 17px}
	h1{ font-size: 24px; line-height: 29px}
	.logo-title{ font-size: 14px}

	.div_100{ width: 100%}
	.menu-nav{ display: block; padding-top: 5%}
	.menu-nav2{ display: none}
	.menu-width100{ width: 100%}
	.margin3-2{ height: auto}
	.margin0{ margin: 0}
	.margin-8-6-10{ margin: 8.6% auto 10px auto}
	.margin25{ margin: 25px 0}
	.f-none{ float: none}
	
	a.logo{ width: 50%; margin: auto}
	.nav-menu li{ margin: 0 2%}
	.ssn li{ float: none; display: inline-block}
	
	.feature .feature-content{ width: 74.6%}
	.feature .showcase-tag{ width: 74.6%; margin: 0 auto; text-align: center}
	
	.showcase-special .showcase-image, .showcase-image, .showcase-image2{ position: relative}
	.showcase-special .showcase-image img{ height: auto; width: 100%; position: relative; right: inherit; left: inherit; top: inherit; bottom: inherit; margin: auto;}
	.showcase-normal .showcase-image img, .showcase-normal .showcase-image2 img{  position: relative; width: 100%; height: auto; right: inherit; left: inherit; top: inherit; bottom: inherit; margin: auto;/*  width: 100%; height: 100% */}
	.showcase-image a, .showcase-image2 a{ display: block; width: 100%; height: 100%}

	.showcase-details, .showcase-details2{ margin: -7px 0 0 0; min-height: inherit}
	
	.normalcase-title{ padding:25px 0 20px 0}
	.normalcase-content{ min-height: 0}

	.footer-content .newsletter form{ max-width: 250px; width: 100%}
	/* .footer-content .newsletter input.email{ max-width: 250px} */
	.footer-content .footer-contact{ display: none}
	.footer-content .footer-contact2{ display: inline-block; margin: 25px 0}
	.footer-content .footer-contact2 .footer-ssn{ float: left}
	.footer-content .footer-about, .footer-content .newsletter{ width: 100%}
	.footer-content .footer-about{ margin: 25px 1.6% 25px 0}
	.footer-content .newsletter{ margin: 25px 0}
	.fb_iframe_widget{ float: right; margin-top: 15px}
	.copy{ width: 100%}
	.allright{ width:100%}
	
	.width100{ width: 100%; height: auto; float: none}
	.new-width100{ width: 100%}
	.fix-the-margin{ padding: 0}
	
	.about .popup .popup-about-title{ padding: 0 0 20px 0}
	.about .popup .popup-wrapper .popup-about-content .our-services{ width: 25%; float: left; margin: 25px auto 0 auto; }
	.about .popup .popup-wrapper .popup-about-content .our-team{ width: 43%; float: left; margin: 25px auto 0 5%}
	.about .popup .popup-wrapper .popup-about-content .get-touch{ width: 25% ; float: right; margin: 25px auto 0 auto}

	.single-detail-container  .single-ssn{ margin: 0 0 20px 0}
	.single-detail-container .col-r-container{ margin: 25px 0 0 0}
	
	.contact-details .normalcase-title{ padding-top: 75px}
	.contact-details .normalcase-title br{ display: none}
	
	#wpgmza_map{ height: 400px}
	 
}

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

	.about .popup .popup-wrapper{ padding: 35px}
	.about .popup .popup-about-title{ font-size: 14px}
	.about .popup .popup-wrapper .popup-about-content{ font-size: 13px}
	.related .related-title h3{ font-size: 12px}
	.wpcf7 span input, .wpcf7 textarea{ width: 96%}
}

@media screen and (max-width: 640px){
	
	.menu-nav{ width: 100%}
	.margin15{ margin: 10px 0 15px 0}
	.nav-menu li a, .nav-menu2 li a{ font-size: 17px}
	.ssn li a{ width: 25px; height: 25px}
	.ssn li.small-08 a{ background: url('../images/small-iphone-08.png') center center no-repeat}
	.ssn li.small-09 a{ background: url('../images/small-iphone-09.png') center center no-repeat}
	.ssn li.small-10 a{ background: url('../images/small-iphone-10.png') center center no-repeat}
	.ssn li.small-11 a{ background: url('../images/small-iphone-11-2.png') center center no-repeat}
	.ssn li.small-12 a{ background: url('../images/small-iphone-12.png') center center no-repeat}
	.ssn li.small-13 a{ background: url('../images/small-iphone-13.png') center center no-repeat}
	
	.ssn li.small-08 a:hover { background: url('../images/small-iphone-hover-08.png') center center no-repeat}
	.ssn li.small-09 a:hover{ background: url('../images/small-iphone-hover-09.png') center center no-repeat}
	.ssn li.small-10 a:hover{ background: url('../images/small-iphone-hover-10.png') center center no-repeat}
	.ssn li.small-11 a:hover{ background: url('../images/small-iphone-hover-11-2.png') center center no-repeat}
	.ssn li.small-12 a:hover{ background: url('../images/small-iphone-hover-12.png') center center no-repeat}
	.ssn li.small-13 a:hover{ background: url('../images/small-iphone-hover-13.png') center center no-repeat}
	.menu-nav li a img, .menu-nav2 li a img{ width: 25px; height: 25px}
	.feature .feature-title{ font-size: 28px; line-height: 28px; padding: 6.4% 0 3.2%}
	.feature-content, .normalcase-content{ font-size: 14px}
	.feature .feature-content{ margin: 0 auto 30px auto; letter-spacing: 1px}
	.details-content{ padding: 35px}
	.related .related-title{ display: none}
	
	.about .popup .popup-wrapper .popup-about-content .about-left{ width: 100%; float: none; margin-bottom: 20px}
	.about .popup .popup-wrapper .popup-about-content .about-right{ width: 100%; float: none}
	.about .popup .popup-wrapper .popup-about-content .our-services{ width: 100%; float: none}
	.about .popup .popup-wrapper .popup-about-content .our-services ul li{ float: left; margin-right: 5px}
	.about .popup .popup-wrapper .popup-about-content .our-team{ width: 100%; float: none; margin: 25px auto}
	.about .popup .popup-wrapper .popup-about-content .our-team ul li{ float: left}
	.about .popup .popup-wrapper .popup-about-content .get-touch{ width: 100%; float: none}
	
	
	.single-detail-container{ padding: 25px 5.56% 25px 5.56%}
	/* .single-detail-container h3{ padding-bottom: 15px} */
	.single-detail-container .single-title{ font-size: 23px; padding: 15px 0 20px 0}
	.single-detail-container .single-ssn{ margin: 0 0 20px 0}
	.single .loadmore .loadmore-content{ padding: 10px 0}
	.footer-content{ padding: 3.2% 8.466%}
	.footer-content .newsletter{ margin: 15px 0 30px 0}
	.footer-content .footer-about{ margin: 25px 1.6% 20px 0}
	.footer-content .footer-about .footer-about-desc{ width: 100%}
	.footer-content p{ font-size:14px}
	.footer-content h4{ padding: 0}
	.footer-content .lastthing div, .footer-content .lastthing a, .footer-content .lastthing span{ font-size: 11px}
	.footer-content .footer-contact2 { margin: 10px 0 25px 0}
	.footer-content .footer-contact2 .footer-ssn{ margin: 10px 0}
	.fb_iframe_widget{ margin-top: 7px}
	.single-end{ padding: 5px 0}
	.single-end a{ height: 15px}
	.single-credit{ font-size: 14px}
	
	.showcase-filter .filter-wrapper{ padding: 10px 8.47%}
	.showcase-filter .filter-wrapper ul li{ margin: 0 10px}
	.showcase-filter .filter-wrapper ul li h2{ font-size: 16px}
	.terms .popup .popup-wrapper .popup-terms-content{ font-size: 14px}
}
@media screen and (max-width: 580px){

	.wpcf7 span input, .wpcf7 textarea{ width: 94.5%}
	.contact-form .enquiery{ max-width: 300px; margin: auto}
	/* #wpgmza_map{ height: 500px} */
	.contact-details{ height: 500px}
	.contact-details .normalcase-title{ padding-top: 24px}
	.contact-form{ padding: 50px 0 70px 0}

}

@media screen and (max-width: 540px){
	h1{ font-size: 23px; line-height: 26px}
	.inspiration-hover .inspiration-content{ padding: 25px}
	.inspiration-hover .inspiration-content h1{ font-size: 23px; line-height: 26px}
	.nav-menu li{ margin: 0 1%}
	.about .popup .popup-wrapper{ padding: 20px}
	.feature .feature-title{ font-size: 23px; line-height: 26px}
	.feature .feature-content{ margin: 0 auto 25px auto; width: 77.6%}
	.details-content{ padding: 20px 25px}
	.normalcase-title{ padding: 20px 0; font-size: 18px}
	.showcase-tag a{ font-size: 11px}
	.single-detail-container .single-ssn li{ margin-right: 8px}
	.single .alsolike .alsolike-content{ padding: 10px 0}
	.footer-content .lastthing div, .footer-content .lastthing a, .footer-content .lastthing span{ font-size: 10px}
	.showcase-filter .filter-wrapper ul li h2{ font-size: 15px}
}
@media screen and (max-width: 480px){
	#wpgmza_map{ height: 300px}
	.link-to-google{ margin-top: 28px}
}
@media screen and (max-width: 450px){
	.wpcf7 span input, .wpcf7 textarea{ width: 92.5%}

}
@media screen and (max-width: 400px){
	.contact-details li{ line-height: 1.4em; margin-top: 15px}
}