/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Tshirt Design
Version:	1.1
Last change:	15/10/2015   
Primary use:	Tshirt Design
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
1. EFFECTS
2. GENERAL
3. HEADER

-------------------------------------------------------------------*/
/*
EFFECTS
*/
.t-transtion, .t-banner_text div > a, .t-feature .col-lg-3 {
  transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out; }

.t-transtion_fast {
  transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out; }

/*
COLORS
*/
a:hover {
  color: #26c4e2; }

/*
GENERAL
*/
ul {
  margin: auto; }

li {
  list-style: none; }

a:hover {
  text-decoration: none; }

body {
  font-family: "Poppins"; }

p {
  font-size: 16px; }

.t-bg, .t-feature {
  background: #f0f0f0; }

/*
HEADER */
.t-header {
  padding: 10px 0; }
  .t-header nav ul {
    padding: 0;
    float: right; }
    .t-header nav ul li {
      display: inline-block;
      padding-top: 15px;
      margin: 0 20px; }
    .t-header nav ul li a {
      color: #000000;
      font-size: 18px;
      font-weight: 500; }
    .t-header nav ul li a:hover {
      color: #26c4e2; }
    .t-header nav ul li:last-child {
      margin-right: 0; }
      .t-header nav ul li:last-child a {
        background: #26c4e2 none repeat scroll 0 0;
        color: #fff;
        padding: 9px 30px;
		border-radius:30px; }
    .t-header nav ul li:last-child a.hr_btn:hover { background:hsl(345, 3%, 29%) none repeat scroll 0 0; }  
    .t-header nav ul li:last-child a.hr_btn { transision:all 0.5s ease-out 0s; -webkit-transision:all 0.5s ease-out 0s; }  	
.t-header img {
  max-height: 56px; }

/* BANNER */
.t-banner {
  background: url("../images/banner_bg.jpg") no-repeat;
  background-size: cover;
  padding: 120px 0; }

.t-banner_text {
  text-align: center; }
  .t-banner_text h1 {
    color: #4f4c4c;
    font-size: 56px;
    font-weight: 700;
    padding-bottom: 75px;
    background: url("../images/t_icon.png") no-repeat;
    background-position: center 70px; }
.t-banner_text p {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 40px;
}
  .t-banner_text div > a {
    color: #ffffff;
    display: inline-block;
    max-width: 300px;
    width: 100%;
    height: 50px;
    background: #4B4748;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #4B4748;
    line-height: 50px;
    font-size: 22px;
    font-weight: 500;
    margin: 15px; }
  .t-banner_text div > a.buy_now {
    background: #FFFFFF;
    color: #4f4c4c;
    border-color: #FFFFFF; }
  .t-banner_text span {
    font-size: 16px;
    display: block;
    margin-top: 50px; }
  .t-banner_text span a:hover {
    color: #FFFFFF; }

.t-banner_text div > a:hover {
  background: #26c4e2 none repeat scroll 0 0;
  border-color: #26c4e2; }

/* CONTAINER */
.t-features > div.t-feature_single {
  float: left;
  margin: 30px 0;
  text-align: center;
  width: 25%;
  min-height: 160px; }

.t-feature_single > span {
  color: #58585a;
  display: block;
  font-weight: 500;
  font-size: 15px;
  margin-top: 20px;
  text-transform: uppercase; }

.t-any_product.t-create_own {
  padding-bottom: 50px; }

.t-features > div.t-feature_single.col-lg-6 {
  width: 80%;
  padding: 50px 20px; }

.t-any_product {
  padding: 50px 0; }
  .t-any_product h2 {
    font-size: 40px;
    font-weight: 500;
    color: #26c4e2;
    text-transform: uppercase;
    margin: auto;
    background: url("../images/border_color.png") no-repeat;
    background-position: 100% center; }
  .t-any_product p {
    font-weight: 500;
    line-height: 22px;
    padding-top: 20px; }

.t-feature h2 {
  font-size: 40px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  margin: auto;
  padding: 100px 0 120px;
  text-align: center;
  background: url("../images/t_icon.png") no-repeat;
  background-position: center 160px; }
.t-feature .col-lg-3 {
  padding: 35px 15px;
  position: relative;
  text-align: center;
}
.t-feature .col-lg-3 span {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding-top: 15px;
  text-transform: uppercase;
}
.t-feature .col-lg-3:nth-child(2n+2) span {
/*  color: #26c4e2; */}
.t-feature .col-lg-3:hover {
  cursor: pointer; 
}
.t-feature .col-lg-3:hover .feaborder
 { 
	 width:94%;
 }
.feaborder i {
  font-size: 46px;
  color: #26c4e2;
} 
.feaborder { 
  border: 0 none;
  bottom: 0; 
  left: 0;
  margin: auto; 
  right: 0;
  top: 0; 
}
.t-img_text {
  padding: 90px 0 60px; }
  .t-img_text div.col-lg-5 {
    background: url("../images/border_right.png") no-repeat;
    background-position: 85% bottom; }
  .t-img_text h2 {
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase; }
  .t-img_text p {
    margin-top: 60px;
    font-weight: 500;
    max-width: 300px;
    line-height: 22px; }

.t-bg .t-img_text div.col-lg-5, .t-feature .t-img_text div.col-lg-5 {
  background-position: 15% bottom; }
.t-bg .t-img_text p, .t-feature .t-img_text p {
  float: right; }
.t-bg .t-img_text li, .t-feature .t-img_text li {
  font-size: 15px;
  font-weight: 500;
  padding: 5px 0; }

/* SOCIAL SHARE */
.t-list_content > div{margin-bottom: 50px;}
.t-social_share {
  padding-bottom: 0; }
  .t-social_share .t-list_content {
    margin-bottom: 80px; }
    .t-social_share .t-list_content h4 {
      line-height: 30px;
      color: #26c4e2;
      font-size: 24px;
      font-weight: 500;
      margin: auto auto 25px; }
    .t-social_share .t-list_content ul {
      padding-left: 0; }
    .t-social_share .t-list_content ul li {
      display: block;
      margin-left: auto;
      text-align: left;
      font-weight: 500;
      padding: 5px 0;
      position: relative;
      padding-left: 15px; }
    .t-social_share .t-list_content ul li:before {
      content: "\f105";
      display: inline-block;
      color: #26c4e2;
      position: absolute;
      left: 0;
      top: 3px;
      font-family: "fontawesome";
      font-size: 16px;
      margin-right: 5px; }
  .t-social_share h2 {
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase;
    margin: auto;
    padding: 100px 0 120px;
    text-align: center;
    background: transparent url("../images/t_icon.png") no-repeat scroll center 160px; }
  .t-social_share ul {
    padding: 0;
    text-align: center; }
    .t-social_share ul li {
      display: inline-block;
      margin: 0 50px; }
    .t-social_share ul a {
      display: inline-block; }

/*FOOTER*/
footer ul {
  padding: 15px 0;
  float: right; }
  footer ul li {
    display: inline-block;
    margin: 0 12px; }
  footer ul li a {
    color: #FFF;
    font-weight: 300;
    display: inline-block; }
footer .t-bg, footer .t-feature {
  padding: 55px 0; }
footer span {
  color: #5b5b5b;
  font-weight: 300;
  font-size: 18px; }
.design_part > div{/* vertical-align:middle; display:table-cell;*/}
.design_part {
/*  display: table;
  height: 432px; 
  */
}
.t-dbg {
  background: #1c1c1c; }
  .t-dbg p {
    font-weight: 300;
    font-size: 13px;
    margin: auto;
    padding: 15px 0;
    text-align: left;
    color: #ffffff; }
#easy_setup  .t-any_product{
  height: 425px;
  display: table;
}
.design_part .t-any_product
{
  height: 432px;
  display: table;
}
.hand_drow .t-any_product{ height:345px; display:table;}
#easy_setup .t-any_product > div,.design_part .t-any_product > div, .hand_drow .t-any_product> div{
  display: table-cell;
  vertical-align: middle;
  float: none;
}
/* CSS By developer starts here */
.work-col-right img {
  float: left;
  margin: 30px 28px;
  margin-bottom: 0;
}
.work-col-right img:first-child {
  margin-left: 0;
}
.t-feature .col-lg-3:hover img {
  filter: grayscale(100%);
}

.hand_drow {
  display: table;
  width: 100%;
}
#easy_setup .t-any_product h2, .design_part .t-any_product h2{ background-position:100%;}
#easy_setup {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: hsl(0, 0%, 100%);
  background-image: url("../images/easy_setup.jpg");
  background-origin: padding-box;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  background-size: auto auto;
} 
.easy_setup{
  background-image: url("../images/parallax.png"), url("../images/dt_bg.jpg");
  background-repeat: no-repeat,repeat;
  background-position: right top, left top; 
}
.easy_setup .nopadding{
  visibility: hidden;
}
.work-bg{
  background-image: url("../images/work-col-left.png"), url("../images/dt_bg.jpg");
  background-repeat: no-repeat,repeat;
  background-position: right top, left top; 
}
.work-bg .nopadding{
  visibility: hidden;
}
.hand_drow{
  background-image: url("../images/hd_left.png"), url("../images/dt_bg.jpg");
  background-repeat: no-repeat,repeat;
  background-position: right top, left top; 
}
.hand_drow .nopadding{
  visibility: hidden;
}
.complete_control{
  background-image: url("../images/cc_right.png"), url("../images/dt_bg.jpg");
  background-repeat: no-repeat,repeat;
  background-position: right top, left top; 
}
.complete_control .nopadding{
  visibility: hidden;
}
.work-bg::after {
  clear: both;
  content: "";
  display: block;
}
.design_part{
  background-image: url("../images/design_part.png"), url("../images/dt_bg.jpg");
  background-repeat: no-repeat,repeat;
  background-position: right top, left top;
}  
.design_part .nopadding{
  visibility: hidden;
}  
.floatright > img{ float:right;}
.nopadding{ padding:0px;}
.t-feature {
  background: #352f2f none repeat scroll 0 0;
}
.t-feature .col-lg-3:hover span{color: #26c4e2;}
.complete_control .t-any_product {
  display: table;
  width: 100%;
  height:482px;
}
.complete_control .t-any_product > div {
  display: table-cell;
  vertical-align: middle;
  float:none;
} 
.mi_content li {
  float: left;
}
.mi_content.wrap{ width:1140px; margin:auto; float:none; display:block;}
.multi_images{ background-image: url("../images/mi_bg.jpg"); }
.multi_images ul li{ height:366px;display:table; }
.multi_images ul li div{display:table-cell; vertical-align:middle;}
.mi_middle{ position:relative;}
/* CSS By developer ends here */
@media (min-width: 1024px){
  header {left: 0; position: absolute; right: 0;}
}
@media (max-width: 1024px) {
  .t-any_product h2 {
    background-position: 90% center; }

  .t-bg .t-img_text div.col-lg-5, .t-feature .t-img_text div.col-lg-5 {
    background-position: 5% center; }

  .t-img_text div.col-lg-5 {
    background-position: 95% center; } }
@media (max-width: 989px) {
  .work-bg,.design_part,.work-bg,.hand_drow,.complete_control {
    background-image: url("../images/dt_bg.jpg");
    background-position:bottom;
    background-repeat:repeat;
  } 
  .work-bg .nopadding,.design_part .nopadding,.work-bg .nopadding,.hand_drow .nopadding,.complete_control .nopadding{visibility: visible; margin-bottom: 50px; display: block !important;} 
  .t-img_text div.col-lg-5, .t-any_product h2 {
    background: none; }

  .t-social_share ul li {
    margin: 0 20px; }

  .t-banner_text h1 {
    margin-top: 0;
    font-size: 36px; }
  .t-banner_text p {
    font-size: 14px; }
 

  .t-banner_text h1 {
    background-position: center 50px; }

  .t-header nav ul li {
    margin: 0 8px; } }
@media (max-width: 767px) { 
.work-col-right img {
  display: block;
  float: none;
  margin: 30px auto;
}
.dp_leftbox{
  padding-left: 0;
}
.hr_text {
  padding-left: 0;
}	
#easy_setup .t-any_product > div,.design_part .t-any_product > div, .hand_drow .t-any_product> div, .complete_control .t-any_product> div{
  display: block;
  vertical-align:auto;
}	
#easy_setup .t-any_product, .design_part .t-any_product, .hand_drow .t-any_product{ height:auto;}
  .t-features > div.t-feature_single {
    width: 50%; }

  .t-social_share ul li {
    margin: 20px auto; }

  footer {
    text-align: center; }

  footer ul {
    width: 100%;
    text-align: center;
    margin-top: 25px; }

  footer ul li {
    margin: 0 5px; }
    footer ul li a {
      font-size: 16px; }

  .t-header {
    text-align: center; }
    .t-header img {
      margin: auto; }

  .t-banner_text br {
    display: none; }

  .t-banner_text div > a {
    margin-left: 0;
    margin-right: 0; }

  .t-banner_text h1 {
    background-position: center 90px; }
.title_btn {
  margin: auto;
  width: 100% !important;
  display: block;
  text-align: center;
}	
.title_btn h2 {  background: hsl(190, 76%, 52%) none repeat scroll 0 0;  border-radius: 40px;  color: hsl(0, 0%, 100%);  padding: 20px 13px;}
.design_part .t-any_product, #easy_setup .t-any_product{ display:block;}
.work-bg .t-any_product {
  padding-bottom: 0;
}
#easy_setup img, .design_part img{
  display: block;
  margin: auto;
}
.work-col-right img:first-child{margin: auto;}
.t-any_product h2{font-size: 32px;}1
.t-any_product p br{display: none;}
}
@media (max-width: 530px) {
.t-dbg p.t-copyright{ text-align:center;}
footer ul {  margin-top: 0px; padding-top: 0;}
.t-feature h2{ padding:57px 0 120px;}
}
@media (max-width: 399px) {
.t-banner{ padding:40px 0px;}
.hr_btn {  display: inline-block;  margin-bottom: 10px;}
.t-banner_text span {  margin-top: 26px;}
.t-header nav ul li {  margin: 0;  width: 100%;}
.t-header nav ul li:last-child a {  padding: 10px 62px;  font-size: 24px;}
}
/*# sourceMappingURL=landing.css.map */