/*
Theme Name: ecommercephotographysolutions
Description: An HTML5 version.
Version: 1.0
Tags: html5, naked, clean, basic
*/
@import "css/reset.css";
@import "css/layout.css";

*{ margin: 0; padding: 0; box-sizing: border-box; background-repeat: no-repeat; }
a { text-decoration: none;}
b { font-weight: 700;}
strong {font-weight: bold;}
em { font-style: italic;}
img { height: auto; max-width: 100%;}
img[src=""] { display: none;}
iframe { margin: 0;  padding: 0;  width: 100%;}
p, li{font-family:DINNextW01; font-size: 15px; line-height: 1.2em;color: #605E5E}
.rowss{float: left; width: 100%;}
.mobile { display: none;}
.mobile_menu { display: none;}
.main { float: left; width: 100%;}
.wrap {float: left; margin: 21px 0 40px;  width: 100%;}
.wrap_inn_padding {background-color: #fff; float: left;  padding: 0 19px 10px;  width: 100%;}
.container { margin: 0 auto; width: 980px;}
.container2 { margin: 0 auto; width: 952px;}
h1,h2,h3,h4,h5,h6 {font-family: DINNextW01;}
h2,h3,h4,h5,h6 {color: #14C9C9;}
h1 { font-size: 37px;color: #605E5E;}
h2 { font-size: 22px;}
h3 { font-size: 29px;}
h4 { font-size: 18px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}
.home h4,.details h3 { color: #000;}
.headerArea_bg {background-color: #2f2e2e; height: 111px;}
.logo {float: left;margin-top: 13px; width: 254px;}
.logo a {display: inline-block;}
.logo .logo1 {color: #14c9c9; float: left; font-family: ReklameScriptW00,cursive; font-size: 48px; padding: 14px 11px 0 0; text-align: right; width: 92px;}
.logo2 {color: #14c9c9; float: left; font-family: DINNextW01; font-size: 23px; line-height: 1.22em; width: 162px;}
.menu_area {
  float: left;
  padding-top: 50px;
  width: 74%;
}
.menu_area .menu { font-size: 0;}
.menu_area ul li { display: inline-block; list-style: outside none none;  padding: 19px 0;}
.menu_area li a { color: #14c9c9;  font-family: DINNextW01;  font-size: 16px;  line-height: 1.4em;  padding: 20px 21px;}
.menu_area li a:hover { background-color: #14c9c9;  color: #fff;}
.menu_area .current-menu-item { background-color: #14c9c9;}
.menu_area .current-menu-item a { color: #fff;}

/*Top*/
.slider_Section {margin-bottom: 20px; margin-top: 5px;}
.slid_th img {width: 100%;}
.slid_th  .slid_tit_cap h4 {color: #fff; font-size: 18px; text-transform: capitalize;}
.slid_th .slid_tit_cap p {color: #fff;margin-top: 5px;}
.slid_tit_cap {background-color: rgba(0, 0, 0, 0.5); bottom: 0px; padding: 10px 12px; display: none; position: absolute; width: 100%;}
.slid_th:hover .slid_tit_cap { display: block;}
.banner_area {float: left; overflow: hidden; width: 100%;}
.overcover {float: left; height: 355px; overflow: hidden; position: relative; width: 100%;}
.banimg_box {background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; height: 355px;  overflow: hidden; position: relative; 
transform-style: preserve-3d;
-ms-transform-style: preserve-3d; 
-webkit-transform-style: preserve-3d; 
-moz-transform-style: preserve-3d;  
-o-transform-style: preserve-3d; 
 transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
width: 33.33%;}

.banimg_box a > img {
 float: left; height: 355px; left: 50%; max-width: initial;  position: relative;
-ms-transform: translateX(-50%);  
-webkit-transform: translateX(-50%);  
-moz-transform: translateX(-50%);  
-o-transform: translateX(-50%);  
transform: translateX(-50%); 

 transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s; 

width: auto;
}

.lft_banttl {background-color: rgba(255, 255, 255, 0.8); bottom: 0; display: none;  float: left;  height: 50px;  position: absolute;  width: 100%;}
.lft_banttl h3 { color: #000000;  font-family: dinnextw01;  font-size: 16px;  font-weight: bold;  line-height: 2em;  padding: 10px 0 10px 20px;  text-align: left;}
.overcover .banimg_box:hover .lft_banttl { display: block;}
.bodySectionB h2 {line-height: 2em;}
.bodySectionC { text-align: center;  font-size: 0;}
.postsBox { background-color: rgba(96, 94, 94, 0.55);  display: inline-block;  height: 323px;  margin-bottom: 16px;  padding: 12px;  position: relative;  width: 308px;  vertical-align: top;  text-align: left;}
.postsBox:nth-child(3n-1) {  margin: 0 9px 16px;}
.postsBox h3 { color: #fff;  line-height: 1.21em;}
.postsBox:first-child h3 { width: 200px;}
.postsBox:nth-child(2) h3 { width: 163px;}
.postsBox h4 { line-height: 1.5em;  margin-bottom: 10px;}
.postsBox p { color: #fff;}
.more a { background-color: rgba(20, 201, 201, 1);  border: 1px solid rgba(96, 94, 94, 1);  color: #fff;  display: inline-block;  font-family: dinnextw01;  font-size: 15px;  height: 40px;  line-height: 40px;  text-align: center;  transition: all 0.5s ease 0s;  width: 89px;}
.more a:hover { background-color: #ccc; color:#605e5e;}
.postsBox .more {bottom: 14px; position: absolute; right: 14px;}
.bodySectionD_bg {background-color: #14c9c9;}
.bodySectionD_title {padding-top: 18px; text-align: center;}
.bodySectionD_title h1 {color: #fff; display: inline-block;font-size: 37px; line-height: 1.19em; margin: 0 auto;width: 100%;}
.tripal { padding: 0 30px;  text-align: center;}
.wcpp_boxx { display: inline-block;  padding-bottom: 58px;  text-align: left;  vertical-align: top;  width: 292px;}
.wcpp_boxx:nth-child(3n-1) {margin: 0 1%;}
.counter { margin-top: 41px;  text-align: center;}
.counter-center {background-color: #fff; border-radius: 100%;color: #14c9c9;display: inline-block;font-size: 43px;height: 80px;text-align: center;width: 80px;}
.counter  .counter-center > p {color: #14c9c9;display: block;font-size: 43px;line-height: 85px;}
.wcpp_boxx h2 {color: #fff; float: left; font-weight: bold; line-height: 1.23em; margin: 20px 0; text-align: center; width: 100%;}
.wcpp_boxx p { color: #ffffff;  font-size: 17px; line-height: 1.18em;}
.parallax-window { float: left;  height: 650px;  width: 100%;}
.page-id-29 .parallax-window { height: 1000px;}
/*Inner page*/
.inner_page pre {color: #605e5e;}
.inner_page li {background-image: url("images/bullet.png"); background-position: left center; background-size: 7px auto; padding: 0 0 0 16px;}
#bgcolor {float: left; line-height: 1.6em; width: 100%;}
.contactUsSectionB_bg {background-color: #14c9c9;margin-bottom: 20px; padding: 38px 0;}
.contactUsSectionB_Content {padding-bottom: 30px;}
.contactUsSectionB_Content h1 {color: #fff;margin-bottom: 45px;}
.contactUsSectionB_Content p {color: #fff; font-size: 21px; line-height: 1.19em;}
.c_us {float: left; width: 284px;}
.c_us_input input, .c_us_input textarea ,.sub input{  border: 1px solid rgba(160, 160, 159, 1);  color: #a0a09f;  float: left;  font-family: dinnextw01;  font-size: 15px; line-height: 1.4em; margin: 0 0 5px;  padding: 5px;  width: 100%;}
.c_us_input textarea { height: 130px; resize: none;}
.sub {float: right; width: 50px;}
.sub input { background-color: rgba(160, 160, 159, 1); border: medium none; color: #fff; cursor: pointer;}
.page-id-37 div.wpcf7-mail-sent-ok { border: medium none; color: green;  float: left;  font-family: dinnextw01;  width: 100%;}
.page-id-37 div.wpcf7-validation-errors {display: none !important;}
.page-id-37 span.wpcf7-not-valid-tip { color: #8b0000;  display: inline-block;  font-family: dinnextw01;  font-size: 14px;  line-height: 1.14em;}
.contact_us_Section2_bg p { color: #fff;}
.contact_us_Section2_bg h2 { letter-spacing: 8.1px;}
.contact_us_Section2_bg p > span em { font-family: times new roman;  font-size: 40px;  letter-spacing: 3.45px;  line-height: 1.23em;}
.contactUsSectionA_padding { margin-top: 16px;  padding: 0 13px;}
.contactUsSectionA_padding.rowss > h1 { line-height: 1.19em;}
.loop-parallax { position: relative;}
.plxabsalutcontent { position: absolute;  text-align: center;  top: 50%;  width: 100%;}
.plxabsalutcontent h2 { color: #fff;  font-family: georgia;  font-size: 33px;  line-height: 1em;}
.plxabsalutcontent p { color: #fff;  font-size: 18px;  line-height: 3em;}
#swipebox-overlay { background-color: rgba(0, 0, 0, 0.8) !important;}
.parallax-windowk { background: transparent none repeat scroll 0 0;  float: left;  height: 650px;  width: 100%;}
/*page ID Start*/
.page-id-35 .paddingg {padding: 0 8px;}
.page-id-35 .paddingg h1 {margin: -8px 0 0;padding: 0 135px 0 0;}
.page-id-35 .inner_page p {font-size: 17px;}
.page-id-29 .parallax-slider { margin-top: 250px;}
/*page ID End*/
/*Footer Section*/
.footerArea_bg {background-color: #2f2e2e;}
.footerArea {padding-bottom: 64px;padding-top: 53px; text-align: center;}
.footer_content {color: #ffffff;display: inline-block;font-family: DINNextW01;font-size: 15px;}
.footer_content.ftr_L {float: left;}
.footer_content.ftr_R {float: right;}

@font-face {
	font-family: 'DINNextW01';
	src: url('fonts/DINNextW01-Light.eot');
	src: url('fonts/DINNextW01-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/DINNextW01-Light.woff') format('woff'),
		url('DINNextW01-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'ReklameScriptW00';
	src: url('fonts/ReklameScriptW00-Medium.eot');
	src: url('fonts/ReklameScriptW00-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/ReklameScriptW00-Medium.woff') format('woff'),
		url('fonts/ReklameScriptW00-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
  font-family: 'TimesNewRomanPSMT';
  src: url('fonts/TimesNewRomanPSMT.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}