@font-face {
    font-family: 'RobotoCondensedLight';
    src: url('../fonts/RobotoCondensedLight.eot');
    src: url('../fonts/RobotoCondensedLight.eot') format('embedded-opentype'),
         url('../fonts/RobotoCondensedLight.woff2') format('woff2'),
         url('../fonts/RobotoCondensedLight.woff') format('woff'),
         url('../fonts/RobotoCondensedLight.ttf') format('truetype'),
         url('../fonts/RobotoCondensedLight.svg#RobotoCondensedLight') format('svg');
}

 @font-face{
	font-family:'FontAwesome';
	src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');
	src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
		url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
		url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),
		url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
		url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
		font-weight:normal;font-style:normal
	}
 
/*==================================
=            Typography            =
==================================*/
body{background-color: #fff;font-size: 16px;color: #424242; font-family: 'RobotoCondensedLight';}
	
::selection {background-color:#4f9fd8;color: #fff;}
::-moz-selection{background-color:#4f9fd8; color: #fff;}	
ul, ol{margin: 0;padding: 0;}
li{list-style: none;}
ul.list-inline{margin-left: 0;}
p{font-size: 16px;color: #424242;}
a{color: #424242;-webkit-transition: background .3s, color .3s;transition: background .3s, color .3s;}
a:hover{outline: none;text-decoration: none;color: #000;}
a:focus{outline: none;outline-offset: 0; text-decoration:none;}
.btn{border-radius: 0; cursor:pointer;}
.btn:hover, .btn:focus{outline: none;}
/*-----  End of Typography  ------*/



/*==================================
=            shortcodes            =
==================================*/
/* - padding */
.p-0 {padding: 0;} .p-15{padding:15px;}
.pl-0 {padding-left:0;} .pl-5 {padding-left:5px;} .pl-10 {padding-left:10px;} .pl-20 {padding-left:20px;}
.pr-0 {padding-right:0;} .pr-5 {padding-right:5px;} .pr-10 {padding-right:10px;} .pr-20 {padding-right:20px;}
.pt-0 {padding-top:0;} .pt-5 {padding-top:5px;} .pt-10 {padding-top:10px;} .pt-20 {padding-top:20px;} .pt-30 {padding-top:30px;}
.pb-0 {padding-bottom:0;} .pb-5 {padding-bottom:5px;} .pb-10 {padding-bottom:10px;} .pb-20 {padding-bottom:20px;}

/* - margin */
.m-0 {margin:0;}
.ml-0 {margin-left:0;} .ml-5 {margin-left:5px;} .ml-10 {margin-left:10px;} .ml-20 {margin-left:20px;}
.mr-0 {margin-right:0;} .mr-5 {margin-right:5px;} .mr-10 {margin-right:10px;} .mr-20 {margin-right:20px;}
.mt-0 {margin-top:0;} .mt-5 {margin-top:5px;} .mt-10 {margin-top:10px;} .mt-20 {margin-top:20px;} .mt-30 {margin-top:30px;}
.mb-0{margin-bottom:0;} .mb-5{margin-bottom:5px;} .mb-10{margin-bottom:10px;} .mb-20{margin-bottom:20px;} .mb-30{margin-bottom:30px;}
h1.main-hd{color:#fff;}
.taj{text-align:justify;} .tar{text-align:right;} .tal{text-align:left;}
.db{display:block;}
.fw{width:100%; float:left;}
/*-----  End of shortcodes  ------*/

/*============================
=            menu            =
============================*/
/*--------header section Strat------*/
.head-section .navbar-brand{margin-top:10px;}
.head-section { border-bottom: 1px solid #eee }
.head-section .navbar {
    margin-bottom: 0;
}
.navbar-default { border: none }
.navbar-brand {
    color: #bcc0cd;
    font-size: 30px;
    font-weight: 100;
    line-height: 30px;
    margin-top: 30px;
    padding: 0;
}
.navbar-brand span { color: #48cfad }
.head-section .navbar-collapse  ul.navbar-nav {
    float: right;
    margin-right: 0;
    z-index: 199;
}
.head-section .navbar-default { }
.head-section .nav li a,
.head-section .nav li.active ul.dropdown-menu li a {
    color: #424242;
    font-size: 14px;
    font-weight: 300;
    background: none;
}
ul.dropdown-menu { border: none }
.head-section .nav li a:hover,
.head-section .nav li a:focus,
.head-section .nav li.active a,
.head-section .nav li.active a:hover,
.head-section .nav li a.dropdown-toggle:hover,
.head-section .nav li a.dropdown-toggle:focus,
.head-section .nav li.active ul.dropdown-menu li a:hover,
.head-section .nav li.active ul.dropdown-menu li.active a {
    color: #fff;
    background-color:#4f9fd8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.head-section .navbar-default .navbar-nav > .open > a,
.head-section .navbar-default .navbar-nav > .open > a:hover,
.head-section .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #0165A4
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.head-section .navbar { padding-top: 15px; padding-bottom: 15px; }
.navbar-header {width: 100%;}
.navbar-header .navbar-brand {max-width: 215px;width: 100%;}
.head-section .navbar-nav > li {
    padding-bottom: 25px;
    padding-top: 30px;
}
.head-section ul.navbar-nav li:last-child() { margin-left: 10px !important }
.head-section  .navbar-nav > li > a {
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 0px;
    
    margin-left: 2px;
    line-height: 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.dropdown-menu li a:hover { color: #fff !important }
.head-section .navbar-default .navbar-nav > .open > a .caret,
.navbar-default .nav li.dropdown > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
}
.dropdown-menu { box-shadow: none }
.head-section .nav li .dropdown-menu {
    margin-top: -5px;
    padding: 0;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.head-section .nav li .dropdown-menu li a {
    line-height: 30px;
    padding: 3px 12px;
    border-bottom: 1px solid #F3E8E8;
}

/*-----  End of menu  ------*/


/*================================
=          Home            =
================================*/

#home .carousel-control{background:none;}


/*-----  End of home  ------*/

/*================================
=            features            =
================================*/

#features{padding: 120px 0 40px 0; margin-top:0px;}
#features .header-content .title{
	font-size: 40px;
	color: #000;
}
#features  .white-text{color:#fff; font-size:24px;  width: 70%; margin: 0px auto 50px auto; text-align:center;}
#features .header-content .info{
	font-size: 16px;
	color: #363636;
}
.feature-item .content{
	padding: 15px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.feature-item .content .icon{
	font-size: 80px;
	color: #fff;
	margin-bottom: 30px;
	line-height: 100%;
}
.feature-item .content .title{
	font-size: 20px;
	color: #fff;
	margin-bottom: 5px;	
}
.feature-item .content:hover{ 
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.feature-item .content:hover .icon,
.feature-item .content:hover .title,
.feature-item .content:hover .info{color:#4f9fd8;}

/*-----  End of features  ------*/



/*=================================
=            expertise            =
=================================*/
#expertise h1{color:#fff;}
#expertise{background: url(../images/04.jpg);-webkit-background-size: cover;background-size: cover;background-attachment: fixed;}
.team-section {margin-top: 0px;}
.team-section:hover {animation-name:wobble; -webkit-animation-name:wobble; animation-duration: 1.2s;-webkit-animation-duration: 1.2s;animation-timing-function: ease-out;-webkit-animation-timing-function: ease-out;visibility: visible !important;}
.team-image {background-color:#EC663C; opacity:0.68; padding-top:15px; padding-bottom:15px;}
.team-img {display: block;width: auto;height: auto;margin-top: 0px;margin-right: auto; margin-left: auto;  }
.team-des {background-color: white;}
.team-name {margin-top: 0px;margin-bottom: 0px;padding: 25px 5px 10px;color: #888;text-align: center;}
.team-name-des {padding-top: 0px;padding-bottom: 25px;text-align: center;}
.team-social {background-color: #ddd;}
.social-section {display: inline-block;width: 100%;margin-right: auto;margin-left: auto; text-align:center; }
.social {display:inline-block; padding: 7px 5px;text-align: center;}


/*-----  End of expertise  ------*/



/*===================================
=            achievments            =
===================================*/
#tf-works{
	padding: 80px 0;
	
}
/* ------------------------------------	*/
/*  		 5. Portfolio Page			*/
/* -----------------------------------	*/

#portfolio{padding:40px 0 80px 0;}
ul.portfolio-filters{
	border-top:1px solid #a3a3a3;
}
ul.portfolio-filters li{
border:1px solid #a3a3a3;
color:#a3a3a3;
display:inline-block;
font-family:pt sans;
margin:30px 3px 0px 3px;
padding:5px 15px;
cursor:pointer;
letter-spacing:2px;
}
ul.portfolio-filters li.active, ul.portfolio-filters li:hover{
background:#a3a3a3;
color:#fff;
}
#portfolio_list{
  justify-content: center;
}
#portfolio_list .pitem{
position: relative!important;;
margin-top:30px;
left: unset!important;
top:unset!important;

}
#portfolio_list .portfolio_item{
position:relative;
overflow:hidden;
}
#portfolio_list .portfolio_item:hover img{
/*transform*/
-webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
     -o-transform:scale(1.1);
        transform:scale(1.1);
}
#portfolio_list .pitem  img{
width:100%;
/*transition*/
-webkit-transition:all 200ms linear 0s;
   -moz-transition:all 200ms linear 0s;
     -o-transition:all 200ms linear 0s;
        transition:all 200ms linear 0s;
}
.portfolio_item .portfolio-detail{
display:none
}
.portfolio_item:hover .portfolio-detail{
display:block
}
.portfolio-overlay {
  background: none repeat scroll 0 0 #EC663C;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}
.portfolio-detail a{
background:url("../images/plus.png") no-repeat scroll center center;
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:99;
}
/*-----  End of achievments  ------*/



/*==================================
=            count-down            =
==================================*/

#count-down{background: url(../images/01.jpg) no-repeat;-webkit-background-size: cover;background-size: cover;background-attachment: fixed;}
#count-down blockquote {border-left: none;margin: 0;}
#count-down .commant {float: left;background: rgba(54, 74, 86, 0.3);}
#count-down .commant .claint {width:100%;height:auto; max-width:300px; margin:0 auto;  position: relative;}
#count-down .commant .claint img{ max-width:100%;}
#count-down .commant .quote {background: #ffffff;width: 64px;position: absolute;top: 7%;right: -33px;height: 64px;border-radius: 50%;text-align: center;}
#count-down .commant .info {padding: 50px 60px 0px 60px;}
.commant .quote i {font-size: 30px;color: #EC663C;line-height: 65px;}
#count-down .commant .info p {font-size: 16px;color: #ffffff;font-weight:normal;font-style: italic;text-align: justify;padding-bottom: 32px;}
#count-down .commant .info h4 {font-size: 22px; line-height: 26px; color:#fff; }
#count-down .commant .info h5 {font-size: 16px; color:#fff; }
#count-down .carousel-control{background:none;}

/*-----  End of count-down  ------*/



/*=============================
=            teams            =
=============================*/
.thumbnail {position: relative;  padding: 0;border: 0;border-radius: 0;}
.thumbnail > img {margin-left: auto;margin-right: auto; display: block;
  max-width: 100%;
  height: auto;
  padding: 10px;
  border: 1px solid #eee;}
 .thumbnail .visit {
  position: absolute;
  opacity: 0;
  width: 100%;
  text-align: center;
  top: 80px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.thumbnail:hover .visit {
  opacity: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.thumbnail .visit a {
  color: #FFF;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 20px;
}
.thumbnail .caption {
  padding: 10px;
  color: #333333;
}
.thumbnail .caption .rating {
  margin-bottom: 10px;
}
.thumbnail .caption .rating i {
  color: #F7C41F;
  font-size: 18px;
}
/*-----  End of teams  ------*/



/*===================================
=            latest-blog            =
===================================*/

/*-----  End of latest-blog  ------*/



/*=======================================
=            client-feedback            =
=======================================*/
#client-feedback{background: url(../images/02.jpg); -webkit-background-size: cover;background-size: cover;background-attachment: fixed;}
/*-----  End of client-feedback  ------*/



/*===================================
=            our-clients            =
===================================*/

/*-----  End of our-clients  ------*/



/*========================================
=            latest-list-page            =
========================================*/

/*-----  End of latest-blog-page  ------*/



/*====================================
=            blog-details            =
====================================*/

/*-----  End of comments section  ------*/

/*-----  End of blog-details  ------*/


/*===============================
=            join-us            =
===============================*/

#join-us{background: url(../images/03.jpg);-webkit-background-size: cover;background-size: cover;background-attachment: fixed;}

/*-----  End of join-us  ------*/



/*===============================
=            contact            =
===============================*/

/*-----  End of contact  ------*/



/*==============================
=            footer            =
==============================*/

/* Foot */
.foot {
	border-top: 3px solid;
	padding: 15px 0px;
	background: #333333;
	color: #aaa;
}
.foot .foot-item {
	margin: 15px auto;
	max-width: 500px;
}
@media (max-width: 991px) {
	.foot .foot-item {
		margin-bottom: 35px;
	}
}
.foot .foot-item h5 {
	color: #ccc;
	font-size: 13px;
	line-height: 0px;
	margin-bottom: 20px;
}
.foot .foot-item p {
	margin: 0px;
}
.foot .foot-item a {
	color: #bbb;
}
.foot .foot-item a:hover {
	color: #ccc;
}
.foot .foot-item .brand-bg {
	margin: 10px 0px 20px 0px;
}
.foot .foot-item .subscribe-box {
	margin-top: 20px;
}
.foot .foot-item .subscribe-box .input-group {
	max-width: 250px;
	margin-top: 20px;
}
.foot .foot-item ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	padding: 5px 0px;
}
.foot .foot-item ul li:last-child {
	border-bottom: 0px;
}
.foot .foot-item ul li :before {
	line-height: 30px;
	font-family: FontAwesome;
	content: "\f105";
	font-size: 13px;
	margin-right: 7px;
	font-weight: normal;
	color: #ccc;
}
.foot .foot-item .foot-recent-img a img {
	max-width: 75px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 10px;
}
.foot .foot-item .foot-recent-img a img.img-thumbnail {
	padding: 1px;
	border-radius: 2px;
}
.foot .foot-item .address h6 {
	color: #ccc;
	font-size: 13px;
}	
.foot .foot-item .address h6 i {
	font-size: 14px;
}
.foot .foot-item .address p i {
	font-size: 14px;
	margin-right: 8px;
	color: #ccc;
}
.foot .foot-item .address p.add {
	margin-left: 20px;
}
.foot .foot-item .address p.tel {
	line-height: 35px;
}
.foot .foot-item a:hover{opacity:0.7;}
/* Footer */
footer {
	padding: 15px 10px 4px;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	font-size: 12px;
	background: #333333;
	color: #ccc;
}
footer a {
	color: #ccc;
}
footer a:hover {
	color: #aaa;
}
@media (max-width: 767px) {
	footer .pull-left,
	footer .pull-right {
		float: none !important;
		text-align: center;
	}
}

.circle-3 {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 100%;
}
.brand-bg a.facebook i {
  background: #EC663C;
}
.brand-bg a i {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  margin-right: 5px;
  color: #fff;
  font-size: 14px;
  -webkit-transition: background 2s ease;
  -moz-transition: background 2s ease;
  -o-transition: background 2s ease;
  -ms-transition: background 2s ease;
  transition: background 2s ease;
}
.brand-bg a.twitter i {
  background: #EC663C;
}
.brand-bg a.google-plus i {
  background: #EC663C;
}
.brand-bg a.linkedin i {
  background: #EC663C;
}
.brand-bg a.pinterest i {
  background: #EC663C;
}
/*-----  End of footer  ------*/




/*----- Inner page ------*/
.about-home{margin-bottom:30px;}
.latest_design{background: url(../images/03.jpg);-webkit-background-size: cover;background-size: cover;background-attachment: fixed;}
.latest_design h2{color:#fff;}

.demo-1 {
  position: relative;
  width:100%;
  height:250px;
  overflow: hidden;
  background-color: #000;
  max-width: 350px;
  margin:0 auto;
}
.demo-1 h2 {
  font-size: 25px;
  line-height: 24px;
  margin: 0;
  color: #EC663C;
  padding: 14px 25px 0px 25px;
  left: 0px;
  top: 41px;
  position: relative;

}

.demo-1 p {
  font-size: 14px;
  line-height: 1.7em;
  margin: 0;
  font-weight: 400;
    color: #fff;
  padding: 14px 25px 0px 25px;
  left: 0px;
  top: 41px;
  position: relative;
}

.effect img {

  position: absolute;
  margin: 0;
  right: 0;
  top: 0;
  cursor: pointer;
  -webkit-transition: top .4s ease-in-out,right .4s ease-in-out;
  -moz-transition: top .4s ease-in-out,right .4s ease-in-out;
  -o-transition: top .4s ease-in-out,right .4s ease-in-out;
  transition: top .4s ease-in-out,right .4s ease-in-out;
}
.effect img.top:hover {
  top: -230px;
  right: -330px;
  padding-bottom: 200px;
  padding-left: 300px;
}
ul.demo-1.effect li {
  list-style: none !important;
}

@media (max-width:767px) {
.gallery-info .latest{width:50%; float:left; text-align:center;}
}
@media (max-width:639px) {
	
	.gallery-info .latest{width:100%; float:left;}
}





#section-team {background: #ECF0F3;}

#section-team .team-item {
  background: #fff;
  text-align: center;
}
#section-team  .team-item img {
  width: 100%;
}
#section-team .team-item:hover img {
  opacity: .6;
}
#section-team .team-item h2 {
  color: #334852;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 300;
}

#section-team .team-item h4 {
  color: #57bddb;
  text-transform: uppercase;
  font-weight: 300;
}
#section-team .social-profile {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#section-team .social-profile a {
  color: #a3a3a3;
  margin: 0 2px;
  font-size: 18px;
}
#section-team .team-item p {
padding:0 10px;
}
#section-team .social-profile a i {
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
#section-team .social-profile a:hover {
  opacity: .8;
}















#features{background: url(../images/banner.jpg);-webkit-background-size: cover;background-size: cover;background-attachment: fixed;
}


#features h2{color:#fff; margin:50px 0 50px;}
#features .right-border{border-right:1px solid #fff;}
.clear{clear:both;}
.brows-btn{width:260px; display: inline-block;}
.brows-btn a{width:260px; height:auto; float:left; background:none; border:1px solid #fff; color:#fff; padding:10px 0; border-radius:0px;}
.brows-btn a:hover, .brows-btn a:focus{text-decoration:none;}
.left-category {width:100px; float:left; margin-right: 10px;padding-top: 5px; font-size:16px; }
.category-dropdown{width:77%; float:left; border-bottom:1px solid #4f9fd8 !important;}
hr{border:1px solid #a3a3a3; margin:0;}
.category-dropdown .btn-primary{background:none !important; border-color: #C1C1C1 !important; color:#EC663C; border:none; border-bottom: 1px solid #C1C1C1;}
.category-dropdown .btn-primary .filter-option{color:#262626;}
.btn-group.open .dropdown-toggle{box-shadow:none;}
.category-dropdown .btn-primary:focus, .category-dropdown .btn-primary:hover{border-color: #C1C1C1 !important;}
.btn-primary.focus, .btn-primary:focus{border-color: none !important;}
.category-dropdown .open>.dropdown-toggle.btn-primary {color: #262626;}
.category-dropdown .open>.dropdown-toggle.btn-primary:hover, .category-dropdown .open>.dropdown-toggle.btn-primary:focus{background:#EC663C; border-color: #C1C1C1 !important;}
.go-btn{width:100%; max-width:130px; height:auto; float:left; background:#EC663C; color:#fff; padding:10px 0; border-radius:0px; text-align:center;margin-top:20px;  margin-bottom:27px; }
.go-btn:hover, .go-btn:focus{text-decoration:none; opacity:0.7; color:#fff;}
.category-dropdown .dropdown-menu li a:hover{color:#262626 !important;}

#portfolio .item {
  width:100%;
  position: relative;
  background: #fff;
  border-radius: 4px;
  max-width:500px;
  display: inline-block;
  border: solid 0.35em #fff;
  cursor: default;
}
#portfolio .item header {
  position: relative;
  height: 3em;
  line-height: 3em;
}
#portfolio .item header h2 {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.65em;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0.75em;
  height: inherit;
  line-height: inherit;
  margin-top:0;
}
#portfolio .item header .category {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.65em;
  font-weight: 400;
  display: block;
  position: absolute;
  top: 0;
  right: 0.75em;
  height: inherit;
  line-height: inherit;
  color: #a0a0a0;
}
#portfolio {background:#e8e8e8;}
.page-landing #pricing {
    background: #fff;
  text-align: center;
  padding-bottom:30px;
}
p.major {
  font-size: 18px;
  font-weight:normal;
 
}
ul.actions {
  cursor: default;
    margin-bottom: 20px;
}
ul.actions>li {
  display: inline-block;
  padding: 0 0 0 1em;
}
ul.actions>li:first-child {
  padding: 0 !important;
}
.button.big {
  font-size:16px;
  min-width: 12em;
  padding:10px 0;
}
.button.alt {
  background: none;
  box-shadow: inset 0 0 0 1px #dadada;
  color: #555 !important;
}
.payment-methods {
  display: inline-block;
  width: 34em;
  margin-top: 1em;
  cursor: default;
}
.payment-methods h3 {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.65em;
  font-weight: 400;
  color: #a0a0a0;
  position: relative;
  margin: 0 0 1.75em 0;
}
.payment-methods h3+ul {
  margin: -0.75em 0 0 0;
}
.payment-methods ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0.75em 1em;
}
.button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-transition: background-color 0.15s ease-in-out;
  -webkit-transition: background-color 0.15s ease-in-out;
  -ms-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  cursor: default;
  background:#4f9fd8;
  border-radius: 0px;
  border: 0;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border: 0;
 
}
.button:hover {
  background:#4f9fd8;
  color: #fff !important;
}

 #footer {
  background-color: #111;
  background-image: url("../images/bg.svg"),url("../images/banner.jpg");
  background-attachment: scroll, fixed;
  background-size: 25em, cover;
  background-position: top center, bottom center;
  padding: 6em 0;
  color: #fff;
  text-align:center;
}
#footer .menu {
  margin-bottom: 1.5em;
  border-bottom: 1px solid #fff;
  padding-bottom: 30px;
}
ul.menu>li {
  display: inline-block;
  padding: 0 0 0 1.5em;
}
ul.menu>li:first-child {
  padding: 0;
}
ul.menu>li a{color:#fff;}
ul.menu>li a:hover{color:#EC663C;}
.copyright p{color:#fff;}
.copyright a{color:#fff;}
.copyright a:hover{color:#EC663C;}






.login-section{padding-top:70px; background: url(../images/banner.jpg);-webkit-background-size: cover;background-size: cover;background-attachment: fixed;}

.login-footer{background:#E8E8E8; background-image:none !important; background-color:#E8E8E8 !important;}
.login-footer ul.menu>li a{color:#888;}
.login-footer ul.menu>li a:hover{color:#EC663C;}
.login-footer .menu{border-bottom:1px solid #888 !important;}
.login-footer .copyright p {color: #888;}
.login-footer .copyright a {color: #888;}
.login-footer .copyright a:hover{color:#EC663C;}
.login-section .form-control{background:inherit;}
.login-section label{color:#888 !important;}
.login-section .btn-primary{background:#4f9fd8; border:1px solid #4f9fd8; font-size:16px; font-family: 'RobotoCondensedLight';}
.login-section .btn-signin:hover, .login-section .btn-signin:active, .login-section .btn-signin:focus{background:rgba(79,159,216,0.4); border-color:rgba(79,159,216,0.4);}
.login-section .form-signin input{color:#fff;}
.login-section .forgot-password:hover{color:#EC663C;}
.card h1{color:#fff; margin:10px 0;}

.category-dropdown .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:250px;}
/*** help ***/
#help{background:#e8e8e8; padding:50px 0;}
.min_height_help{min-height:200px;}
#help h3, #help h2{margin-top:0;}


.contact_us{font-size:15px; padding-bottom:30px; width:100%; float:left;}
.contact_us a{color:#fff;}
.contact_us a:hover{color:#4f9fd8;}
.contact_us .input{width:100%; height:45px; border:1px solid #fff; background:transparent; padding:5px 10px; margin-bottom:20px;}
.contact_us .input:focus, .contact_us .textarea:focus { background:#000; opacity:0.5;}
.contact_us .textarea{width:100%; height:100px; border:1px solid #fff; background:transparent; padding:5px 10px; margin-bottom:20px;}

/***** main detail page *****/
.border-bottom{border-bottom:1px solid #a3a3a3;}
.new_btn1{background:#a3a3a3; padding:8px 20px; color:#fff;}
.new_btn1:hover{background:#4f9fd8; color:#fff;}
.main_detail{padding:120px 0 60px 0;}
.main_detail .demo_img{height:350px; border:1px solid #ccc; background:#f8f8f8; margin:20px 0 10px; padding:15px;}
.main_detail .demo_img .demo_img1{height:315px; overflow:hidden;}
.main_detail .preview_detail{width:100%; float:left; padding:15px 0;}
.main_detail .preview_detail p{margin-bottom:0;}
.main_detail .preview_detail ul li{float:left; padding:0 5px;}
.main_detail .preview_detail ul li .fa{font-size:24px;}
.main_detail .preview_detail ul li .fa:hover{color:#4f9fd8;}

.main_detail .tabbable-panel .nav-tabs {border-bottom:1px solid #a3a3a3;}
.main_detail .tabbable-panel .nav-tabs > li a{background:#a3a3a3; color:#fff; margin-right:5px; border-radius:0;}
.main_detail .tabbable-panel .nav-tabs > li.active a, .tabbable-panel .nav-tabs > li a:hover {background:#4f9fd8; color:#fff;}

.main_detail .tabbable-panel .quick_preview{border-bottom:1px solid #999999; width:100%; float:left; padding:0 0 30px 0;}
.main_detail .tabbable-panel .quick_preview h3{margin-bottom:20px;}
.main_detail .tabbable-panel .quick_preview img{border:1px solid #999;}

.main_detail .tabbable-panel .source_creadit{border-bottom:1px solid #999999; width:100%; float:left; padding:0 0 30px 0;}
.main_detail .tabbable-panel .source_creadit h3{margin-bottom:10px;}
.main_detail .tabbable-panel .source_creadit ul{padding-left:20px;}
.main_detail .tabbable-panel .source_creadit ul li{float:none; list-style-type:square;}
.main_detail .tabbable-panel .source_creadit ul li b{padding-right:5px;}

.main_detail .tabbable-panel .update{border-bottom:1px solid #999999; width:100%; float:left; padding:0 0 30px 0;}
.main_detail .tabbable-panel .update h3{margin-bottom:20px;}

.main_detail .tabbable-panel .q_a{border-bottom:1px solid #999999; width:100%; float:left; padding:0 0 30px 0;}
.main_detail .tabbable-panel .q_a h3{margin-bottom:20px;}
.main_detail .tabbable-panel .q_a .textarea{width:100%; border:1px solid #999999; padding:10px; margin-bottom:15px;}

.pitem .item{height:300px; overflow:hidden}

.main_detail .right-box{background:#f8f8f8; border:1px solid #ccc; padding:15px; margin-top:20px; width:100%; float:left;}
.main_detail .right-box .new_btn1{width:100%; float:left; text-align:center; margin-bottom:15px;}
.main_detail .right-box a:last-child{margin-bottom:0;}
.main_detail .right-box > span{font-size:24px;}
.main_detail .right-box .function td{padding:5px;}
.main_detail .right-box .function td:first-child{font-weight:bold;}

.preview_detail .comment{background:#f8f8f8; border:1px solid #ccc; padding:15px; margin-top:20px; width:100%; float:left;}
.preview_detail .comment h4 img{width:40px; height:40px; margin-right:15px;}
.preview_detail .comment h4 span{font-size:14px;}
.preview_detail .q_a .input{width:100%; border:1px solid #999999; padding:10px; margin-bottom:15px;}

.preview_detail .source_avlb{width:100%; float:left; border-bottom:1px solid #999999; padding-bottom:15px;}
.preview_detail .source_avlb h3{margin-top:0; margin-bottom:15px;}
.preview_detail .source_avlb .new_btn1{margin-right:5px;}
.preview_detail .source_avlb .features_table{border:1px solid #999; width:100%; padding:20px; float:left;}
.preview_detail .source_avlb .features_table td:first-child{font-weight:bold; padding:5px;}
.preview_detail .new_btn1, .contact_us .new_btn1{background:#4f9fd8;}
.contact_us .new_btn1:hover{color:#fff;}
.new_btn1:focus{color:#fff;}
.navbar-default{/*background:#512C82;*/}
.item header .category{display:none !important;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px;}

.category-dropdown.smc{position:relative;}
.category-dropdown.feature{position:relative;}



.thumbContent{display:none;}
.actions .button.big{padding:0;}

@media (min-width:1200px) {
.thumbContent{width:400px; top: 0px; left: 0px; display:none; position: absolute; z-index:1500 !important; box-shadow: 0 10px 20px rgba(35,50,56,0.3);max-width: 400px; border-radius: 0 3px 3px 3px; overflow:visible;}
.view-product{max-height:400px; overflow:hidden; float: left; width: 100%;}
#portfolio .pitem:hover .thumbContent{display:block;}
.thumbContent .template-data {position: relative;height:auto;padding: 0;background: #fff;border-radius: 0 0 3px 3px;overflow: hidden; width: 100%;height: auto;float: left;}
.thumbnail-preview{width:100%; height:auto; float:left;}
.thumbContent .small-prev-data {position: relative;}
.thumbContent b{position: absolute;top: 20px;left: 20px;display: block;color: #fff;border-radius: 3px;width: 32px;height: 32px;overflow: hidden; float: left;}
.thumbContent .thumbnail-info {display: block;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;font-size: 12px;line-height: 14px;color: #243238;padding: 20px 60px 50px 20px;z-index: 61;}
.thumbContent .template-small-title{display: block;font-size: 13px;font-weight: 700;color: #2196f3;padding-bottom: 2px;overflow: hidden;text-overflow: ellipsis;}
.thumbContent .template-number {display:inline-block;color: #d84315;}
.thumbContent .icon-heart-empty {font-size: 20px;position: absolute;top: 20px;right: 20px;left: auto;margin-right: 0;cursor: pointer;transition: all .3s; width: 20px;padding-left: 0;z-index: 61;overflow: visible;height: 22px;}
.tm-icon.icon-heart-empty:before {content: "\f08a";font-family: 'FontAwesome'; -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -ms-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease;
    color: #90a4ae;}
.tm-icon.icon-heart-empty:hover:before {color: #2196f3; content: "\f004";}
.review-count {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    z-index: 62;
    padding: 0 20px;
    bottom: 20px;
}
.rating-stars-block .stars {color: #fff;width: 96px;height: 16px;content: '';float: left;margin: 0 7px 0 0;}
.rating-stars-block .stars li{list-style:none; display:inline-block; color:#ffab00; font-size:15px;}
.price-block {display: inline-block;position: absolute;right: 20px;bottom: 20px;float: right;vertical-align: middle;top: auto;left: auto;}
.template-price {display: inline-block;vertical-align: middle;font-size: 16px;line-height: 1;height: auto; padding: 0;color: #243238;background: transparent;font-weight: bold;}
.discount-price {
    display:inline-block;
    font-size: 11px;
    color: #90a4ae;
    font-weight: 400;
    line-height: 1;
    vertical-align: bottom;
    margin-right: 10px;
}

.discount .discount-price {display: inline-block;}
.line-through {text-decoration: line-through!important;  font-size: 12px;}

.thumbContent .list-view-btn {
    position: relative;
    padding-top: 0;
    display: block;
    width: 100%;
    overflow: hidden;
    border: 0;
    border-radius: 0 0 3px 3px;
    text-align: center;
    padding: 15px 0;
}
.thumbContent .thumbnail-description {overflow: hidden;color: #90a4ae; padding: 0;font-size: 11px;line-height: 16px;margin-bottom:10px;}
.thumbContent .list-view-btn .one-btn-wrap:first-child {margin-right: 10px;}
.thumbContent .list-view-btn .one-btn-wrap {display: inline-block;height: 40px;width: 175px;padding: 0;}
.button {height: 40px;line-height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 400!important;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none!important;
    transition: background .5s ease;
    text-align: center;
    border: 0;
    outline: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    cursor: pointer;
}
.button.btn-main {width:100%;background:#4f9fd8;}
.button.btn-important { background: #f4511e;width:100%;}
.feature-item2 {
    display: inline-block;
    color: #90a4ae;
    border: 1px solid #90a4ae;
    border-radius: 3px;
    background-color: transparent;
    padding: 2px 10px;
    margin-right: 6px;
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 10px;
}
.thumb-features {padding: 0 0 10px;}
.feature-item2:hover {color: #2196f3; border-color: #2196f3;text-decoration: none;cursor: pointer;}	

}