/*
	Author: Junaid Chaudary.
	Author URI: http://www.pixelartinc.com/junaid
*/



/****************************************************************************
CSS RESET
****************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }



/****************************************************************************
FONTS
****************************************************************************/

@font-face {
    font-family: 'PatuaOneRegular';
    src: url('fonts/PatuaOne-Regular-webfont.eot');
    src: url('fonts/PatuaOne-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PatuaOne-Regular-webfont.woff') format('woff'),
         url('fonts/PatuaOne-Regular-webfont.ttf') format('truetype'),
         url('fonts/PatuaOne-Regular-webfont.svg#PatuaOneRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'shantiregular';
    src: url('fonts/shanti-regular-webfont.eot');
    src: url('fonts/shanti-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/shanti-regular-webfont.woff') format('woff'),
         url('fonts/shanti-regular-webfont.ttf') format('truetype'),
         url('fonts/shanti-regular-webfont.svg#shantiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




/****************************************************************************
BASIC STYLES
****************************************************************************/

body { background: #fff; color: #000; font: 14px Arial, Helvetica, sans-serif; }

/*a { color: #00e; text-decoration: none; }
a:visited { color: #551a8b; }
a:hover { color: #06e; text-decoration: underline; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }*/

h1, h2, h3, h4, h5, h6 { font: bold 14px Arial, Helvetica, sans-serif; color: #000; }
h1 { font: 24px 'PatuaOneRegular', sans-serif, Times, serif; color: #5f5f5f; }
h1 a { color: #000; }
h2 { font-size: 24px; }
h2 a { color: #000; }
h3 { font: 18px 'PatuaOneRegular', sans-serif, Times, serif !important; }
h3 a { color: #000; }
h4 { font: 16px 'shantiregular', sans-serif, Times, serif; color: #404244; }
h4 a { color: #000; }
h5 { font: 14px 'shantiregular', sans-serif, Times, serif; color: #696969; }
h5 a { color: #000; }
h6 { font-size: 10px; }
h6 a { color: #000; }

ul {}
ul li []
ul li a {}
ol {}
ol li {}
ol li a {}




a { font: 14px 'shantiregular', sans-serif, Times, serif; }

p { font: 14px 'shantiregular', sans-serif, Times, serif; }
p strong { font-weight: bold; }
p em { font-style: italic; }

blockquote { font: 21px 'PatuaOneRegular', sans-serif, Times, serif; color: #fff;  background: url(images/quote-bg.png) repeat; padding: 15px; position: relative; margin-bottom: 20px;  }
blockquote p { font: 21px 'PatuaOneRegular', sans-serif, Times, serif; color: #fff; background:url(images/quote-left-arrow.png) no-repeat; padding: 0px 60px; }
blockquote span { background:url(images/quote-left-arrow.png) no-repeat; width: 40px; height: 30px; display:  inline-block; position: absolute; top: 15px; right: 15px; }

::-moz-selection { background: #f9ca3c; color: #fff; text-shadow: none; }
::selection { background: #f9ca3c; color: #fff; text-shadow: none; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


.buy-btn {  font: 18px 'PatuaOneRegular', sans-serif, Times, serif; color: #af5d1b;  text-shadow: 0 2px 1px #ffe38f; background: url(images/btn-top-shadow.png) repeat-x top #f2c22f; padding: 10px 30px; border: 1px solid #805319; border-radius: 5px; 
	   transition: background 0.5s linear;
      -moz-transition: background 0.5s linear;    /* FF3.7+ */
      -o-transition: background 0.5s 1inear;      /* Opera 10.5 */
      -webkit-transition: background 0.5s linear; /* Saf3.2+, Chrome */
       
}
.buy-btn:hover { background: url(images/btn-top-shadow.png) repeat-x top #ffcf3c; }
.buy-btn:active { background: #ebb42f; }
.like { font: 14px 'PatuaOneRegular', sans-serif, Times, serif; color: #3b4044; background: url(images/hrt-icon.png) no-repeat left; padding-left: 18px; margin: 0px 20px 10px 0px; 
	  transition: background 0.5s linear;
      -moz-transition: background 0.5s linear;    /* FF3.7+ */
      -o-transition: background 0.5s 1inear;      /* Opera 10.5 */
      -webkit-transition: background 0.5s linear; /* Saf3.2+, Chrome */
		}
.like:hover {  background: url(images/hrt-hover-icon.png) no-repeat left; }
.eye  {  font: 14px 'PatuaOneRegular', sans-serif, Times, serif; color: #3b4044; background: url(images/eye-icon.png) no-repeat left; padding-left: 20px; margin: 0px 0px 10px 0px; }
.comment{ font: 14px 'PatuaOneRegular', sans-serif, Times, serif; color: #3b4044; background: url(images/comment-icon.png) no-repeat left; padding-left: 20px; }

.res-show { display: none; }


/****************************************************************************
			HOME
****************************************************************************/
.header-wrapper { background: url(images/header-bg.png) repeat; z-index: 99999; position: relative; }
.header-wrapper .header { width:100%; background: url(images/header-bg2.png) repeat; }
.header-wrapper .top-border { width: 100%; background: url(images/header-top-border.png) repeat; height: 3px; display: block; }
.header-wrapper .bottom-border { width: 100%; background: url(images/header-bottom-border.png) repeat; height: 5px; display: block; margin-top: -10px; }
.header-wrapper .logo { margin: 15px 0px 10px 20px; }

nav > ul > li { position: relative; display: inline-block; min-width: 92px; height: 66px; text-align: center; line-height: 66px; margin-top: -3px; }
nav > ul > li:hover { /* background: url(images/navigation-hover.png) no-repeat bottom */;  /*border-bottom: 6px solid #f4cc51;*/ }
nav > ul > li.active { background: url(images/Active-menu-bg.png) repeat; }
nav > ul > li.active > a { color: #393939; text-shadow: none; }
nav > ul > li > a { font: 18px 'PatuaOneRegular', sans-serif, Times, serif; color: #fff; text-shadow: 0px 2px rgba(0,0,0,.1); }


.responsive-nav { display: none; background:  #495661; height: 45px; line-height: 45px;  width: 100%; }
.responsive-nav > ul > li {  position:relative; background:url(images/respponsive-nav.png) 96% center no-repeat; cursor: pointer;}
.responsive-nav > ul > li > a { display: block; }
.responsive-nav li ul {  background:  url(images/header-bg.png) repeat; display: none; position:absolute; top:45px; width:100%; }
.responsive-nav li ul li:hover { background: #999; }
.responsive-nav li a {  font: 18px 'PatuaOneRegular', sans-serif, Times, serif; line-height: 45px; color: #fff; text-shadow: 0px 2px rgba(0,0,0,.1); padding-left: 20px; }
.responsive-nav li ul li a { display: block; }

.submenu { display: none; position: absolute; top: 65px; left: 0px; text-align: left; width: 163px; }
.submenu  span { background: url(images/drop-down-effect.png) no-repeat left; width: 163px; height: 13px; display: block; position: absolute; top: 0px; z-index: 9999; }
.submenu li a { font: 14px 'shantiregular', sans-serif, Times, serif; color: #fff; text-shadow: 0px 2px rgba(0,0,0,.1); background: url(images/header-bg.png) repeat; padding: 11px 15px; border-bottom: 1px dotted #23282c; display: block;  }
.submenu li a.last { border-bottom: none; }
.submenu li a:hover { background: #343d45; color: #f2c22f; }

.search form { width: 190px; background: url(images/searchbar-bg.png) repeat; margin-top: 15px; float: right; border-top: 1px solid #000; border-bottom: 1px solid #5e6164; border-right: 1px solid #000; border-left: 1px solid #5e6164; border-radius: 5px; height: 30px;  }
.search form input[type="text"] { display: inline-block; width: 143px !important;  background: none; border: none; margin-bottom: 0px;  color: #fff; }
.search form input[type="submit"] { width: 30px !important;  background: url(images/search-btn.png) no-repeat center center; border: none; height:29px;} 
.search form input[type="submit"]:hover { background: url(images/search-btn-hover.png) no-repeat center center; }

.heading { width: 100%; background: url(images/heading-bg.png) repeat; text-align: center; margin-bottom: 25px; }
.headingcr { width: 100%; background: repeat; text-align: center; margin-bottom: 35px; }
.heading  h1 { font: 24px 'PatuaOneRegular', sans-serif, Times, serif; color: #5f5f5f;   }
.heading  h1 span { background: #fff; padding: 1px 15px; margin-left:-17px; }
.heading  h1 a { font: 24px 'PatuaOneRegular', sans-serif, Times, serif; color: #5f5f5f; background: #fff; padding: 0px 15px; margin-left:-17px;  }
/****************************************************************************
			Sliders
****************************************************************************/

#mySliderTabs {  width: 100%; margin-top: -123px;   position: relative; height: 560px; }

.slider-wrapper { width: 100%; position: relative; background:url(images/footer-wrapper-bg.png) repeat;  margin-top:-65px; padding-top:121px; padding-bottom:110px; } 
.slider-wrapper .prev { width:45px; height:45px; background:url(images/rightPanelArrow.png) no-repeat; display:block; position:absolute; top:50%; left:50%; margin-left:-470px; z-index:999; }
.slider-wrapper .next { width:45px; height:45px; background:url(images/leftPanelArrow.png) no-repeat; display:block; position:absolute; top:50%; right:50%; margin-right:-470px; z-index:999;  }
.slider-wrapper .effect { background:url(images/slider-bottom-effect.gif) no-repeat; width:213px; height:13px; display:block; position:absolute; left:50%; margin-left:-107px; bottom:0px;  }

.slider-wrapper .slider { width: 940px; margin: 0 auto; }
.slider-wrapper .slide figure { width:430px !important; height:280px; float:left; margin-left:50px; margin-right:20px; }
.slider-wrapper .slide figure img { width:auto; height:auto; } 
.slider-wrapper .slide article { width:375px; float:right; height:280px; margin-right:50px; }
.slider-wrapper .slide article h1 { font: 36px 'PatuaOneRegular', sans-serif, Times, serif; color: #ffd452; margin-bottom:35px; }
.slider-wrapper .slide article h3 { font: 18px 'shantiregular', sans-serif, Times, serif; color:#fff;  margin-bottom:35px; }
.slider-wrapper .slide article p { font: 14px 'shantiregular', sans-serif, Times, serif; color:#2b2c2d; margin-bottom:35px; }
.slider-wrapper .slide article .social-nav { text-align:left; }


.slide-social-icon { width: 45px; height: 45px; display: inline-block; }
.be-icon { background:url(images/be-icon.png) no-repeat; }
.tw-icon { background:url(images/twitter-icon.png) no-repeat; }
.yt-icon { background:url(images/youtube-icon.png) no-repeat; }
.db-icon { background:url(images/db-icon.png) no-repeat; }
.in-icon { background:url(images/in-icon.png) no-repeat; }


/****************************************************************************
			Conrainer Headers
****************************************************************************/
.container-header-wrapper { width:100%; background: url(images/container-header-bg.png) repeat-x;padding: 18px 0px 2px 0px; margin-bottom: 25px; }
.container-header-wrapper h1 {  font: 23px 'shantiregular', sans-serif, Times, serif; color: #fff;  text-shadow: 0px 2px rgba(0,0,0,.1); }
.container-header-wrapper h1 span { color: #ffd452; }

.select-coloumn > ul { position: relative; background:url(images/selectbox-bg.png) no-repeat; width: 180px ; height: 23px; text-align: left; padding: 2px 0px 0px  10px; cursor: pointer; float: right; }
.select-coloumn ul li a {  font: 16px 'shantiregular', sans-serif, Times, serif; color: #fff; }
.select-coloumn ul li ul { display: none; position: absolute; left: 5px; top: 26px;  text-align: left; width: 180px; z-index: 999; }
.select-coloumn ul li ul li a { font: 14px 'shantiregular', sans-serif, Times, serif; color: #fff; text-shadow: 0px 2px rgba(0,0,0,.1); background:  #465159; padding: 11px 15px; border-bottom: 1px dotted #23282c; display: block; }
.select-coloumn ul li ul li a:hover { background: #343d45; color: #f2c22f; }
/****************************************************************************
            Recent Work
****************************************************************************/
.content { padding: 25px 0px 35px 0px; border-bottom: 8px solid #343d45; }
.ourteam-page { padding-bottom: 100px; }

.recent-work {  margin-bottom: 35px; }

.work-detail  figure { margin-bottom: 1px; overflow: hidden;  width: 100%;   position: relative; }
.work-detail  figure:hover img { -webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
 }
.work-detail  figure img {   width: 100%; 
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
 }
.text { background: url(images/header-bottom-border.png) repeat-x bottom #e4e4e4; width: 100%; text-align: center; padding: 13px 0px 7px 0px;
       transition: background 0.5s linear;
      -moz-transition: background 0.5s linear;    /* FF3.7+ */
      -o-transition: background 0.5s 1inear;      /* Opera 10.5 */
      -webkit-transition: background 0.5s linear; /* Saf3.2+, Chrome */
       }
.text h4 { text-shadow: 0 2px 1px #d5d5d5; }
.recent-work:hover .text { background: url(images/header-bottom-border.png) repeat-x bottom #bdbdbd; }

.work-overlay  { display: none; position: absolute; top: 0px; left: 0px;  width: 100%; height: 100%; background: url(images/work-overly-bg.png) repeat ; text-align: center; line-height: 170px;}
.work-overlay .zoom { display: inline-block;  width: 45px; height: 45px; background: url(images/zoom-icon-hover.png) no-repeat;  }
.work-overlay .zoom:hover { background: url(images/zoom-icon.png) no-repeat; }
.work-overlay .info { display: inline-block;  width: 45px; height: 45px; background: url(images/info-icon-hover.png) no-repeat;  }
.work-overlay .info:hover {  background: url(images/info-icon.png) no-repeat;  }
.getitnow { text-align: center; background: url(images/center-line-bg.png) repeat; padding: 28px 0px; margin-bottom: 40px;  }
.getitnow h3 {  font: 21px 'PatuaOneRegular', sans-serif, Times, serif; color: #fff;  text-shadow: 0 2px 1px #000;  }
.getitnow .buy-btn { margin:0px 15px 0px 42px;  }

/****************************************************************************
            Latest Blog
****************************************************************************/

.left-h{ margin-right: 605px; }

.post-meta  { margin-bottom: 5px; }
.post-meta .date { font: 13px 'PatuaOneRegular', sans-serif, Times, serif; color: #484848; }

.latest-blog { height: 210px; }
.latest-blog figure { width: 100%; height: 83px;  margin-bottom: 1px; display: block; }
.latest-blog figure img { width: 100%; height: 100%; }
.latest-blog .text { text-align: left; padding: 10px 10px 7px 10px; width: 200px; min-height: 100px; }
.latest-blog .text h4 { text-shadow: 0 1px 1px #fff; }
.latest-blog .text p { font: 13px 'shantiregular', sans-serif, Times, serif; color: #696969; text-shadow: 0 1px 1px #fff; margin: 0px !important;  }
.latest-blog .text a { font: 13px 'shantiregular', sans-serif, Times, serif; color: #338fd7; text-shadow: 0 1px 1px #fff; }
.latest-blog .text a:hover { color:#89c6ff; }

#accordion .title { background: url(images/tab-title-bg.png) repeat-x bottom #e4e4e4;   padding: 10px 0px; margin: 13px 0px 10px 0px; cursor: pointer; }
#accordion .title h3 { font: 17px 'PatuaOneRegular', sans-serif, Times, serif; color: #404244; background: url(images/plus.png) no-repeat left; margin-left: 10px; padding-left: 30px; }
#accordion div p {  color: #404244;  text-shadow: 0 2px 1px #fff; margin-bottom: 20px; }
#accordion div p a { color: #539ad7; }
#accordion div p a:hover { color: #89c6ff; } 
#accordion .ui-accordion-header-active.title { background: url(images/tab-title-bg.png) repeat-x bottom #48525b; outline: none !important; border-radius: 0px; }
#accordion .ui-accordion-header-active h3 { background: url(images/minus.png) no-repeat left; color: #f9ca3c; text-shadow: 0 1px 1px #000; }

/****************************************************************************
            Footer Top
****************************************************************************/
.footer-top-wrapper { width: 100%; padding: 22px 0px; background: url(images/footer-wrapper-bg.png) repeat; position: relative; }
.footer-top-wrapper .shadow-top { width: 100%; height: 18px; display: block; background: url(images/footer-shadow.png) repeat-x; position: absolute; top: 3px; left: 0px; }
.footer-top-wrapper .shadow-bottom {  width: 100%; height: 18px; display: block; background: url(images/footer-shadow-bo.png) repeat-x; position: absolute; bottom: 3px; left: 0px; }

.widget h3 { color: #f2c22f;  text-shadow: 0 1px 1px #000; margin-bottom: 25px; }
.widget .flicker a { border: 1px solid #000; height: 60px; width: 60px; display: inline-block; margin-bottom: 5px;}
.widget .flicker a img { width: 100%; height: 100%; }

.widget .tweets { text-shadow: 0 1px 1px #000; margin-bottom: 25px; }
.widget .tweets a { color: #f2c22f;  }
.widget .tweets p { color: #f2f2f2; display: inline; }
.widget .tweets span { font: 14px 'shantiregular', sans-serif, Times, serif; color: #b6b6b6; display: block; }

.widget .in-touch input[type="text"] { background: #343d45; border: none; font: 16px 'shantiregular', sans-serif, Times, serif; color: #b6b6b6;  text-shadow: 0 1px 1px #000; height: 28px; box-shadow: -2px 2px 0px rgba(126,146,161,0.7); }
.widget .in-touch p { font: 13px 'shantiregular', sans-serif, Times, serif; color: #b6b6b6; }

.widget .contact-us p { margin-bottom: 30px; color: #f2f2f2; }
.widget .contact-us li { font: 14px 'shantiregular', sans-serif, Times, serif; color: #f2f2f2;  }
.widget .contact-us li a { color: #42a9e3; }
.widget .contact-us li a:hover { color: #89c6ff; }
/****************************************************************************
            Footer
****************************************************************************/
footer { width: 100%;  background: url(images/footer-bg.png) repeat; padding: 9px 0px; }
footer .copy-right { margin-top: 5px; }
footer .copy-right p { color: #949494; margin: 0px; }
footer .copy-right p a { color: #f2c22f; }

.social-nav { text-align: right; margin-top: 3px; }
.social-nav a { margin:0px 3px; }
.social-nav .ep { background: url(images/elipse.png) no-repeat; width: 17px; height: 17px; display: inline-block; }
.social-nav .tw { background: url(images/twitter.png) no-repeat; width: 22px; height: 18px; display: inline-block; }
.social-nav .fb { background: url(images/facebook.png) no-repeat; width: 10px; height: 19px; display: inline-block; }
.social-nav .yt { background: url(images/youtube.png) no-repeat; width: 22px; height: 17px; display: inline-block; }
.social-nav .in { background: url(images/linkdin.png) no-repeat; width: 19px; height: 19px; display: inline-block; }
.social-nav .db { background: url(images/db.png) no-repeat; width: 19px; height: 19px; display: inline-block; }

.social-icon a { width: 45px; height: 45px; display: inline-block; }
.social-icon a.be-b { background:url(images/be-icon.png) no-repeat; }
.social-icon a.tw-b { background:url(images/twitter-icon.png) no-repeat; }
.social-icon a.yt-b { background:url(images/youtube-icon.png) no-repeat; }

/****************************************************************************
            Our Team
****************************************************************************/

.about { margin-bottom: 35px; }
.about figure { width: 300px; float:left; border: 6px solid #68747d; height: 190px; }
.about figure img { width: 100%; height: 100%; border: 1px solid #8e8f8f; }
.about article { width: 300px; float:right; }

.vacancies ul li a { display:block; font: 14px 'shantiregular', sans-serif, Times, serif; color: #7e7e7e; background:url(images/dot-black.png) no-repeat left; padding-left:15px; margin-bottom: 10px; }
.vacancies ul li a span { color: #b9b9b9; }
.vacancies ul li a:hover span { color: #42a9e3; }
.vacancies ul li a:hover { background:url(images/dot-blue.png) no-repeat left; color: #42a9e3; }

.team  {position:relative;   }
.team figure { width: 221px; height: 220px; margin-bottom: 10px; overflow: hidden;  }
.team figure:hover img { -webkit-transform: scale(1.05);
		-o-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
}
.team figure img { width: 100%; height: 100%;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
}

.team-overlay { display:none; width: 221px; height: 220px; line-height:255px; text-align: center; background:url(images/team-overlay-bg.png) repeat; position: absolute; top: 0px; left:0px; z-index:999; }

.team article h3 { font: 17px 'shantiregular', sans-serif, Times, serif; color: #393939;  }
.team article h4 { font: 14px 'shantiregular', sans-serif, Times, serif; color: #7e7e7e; margin-bottom: 30px; }
.team article a:hover { color: #89c6ff; } 

/****************************************************************************
            Portfolio
****************************************************************************/
.select-coloumn { text-align:right; }

.my-selector { margin-bottom: 35px; }
.my-selector a { padding: 8px 13px;  font: 16px 'shantiregular', sans-serif, Times, serif; color: #404244; background:#fff; border-radius:5px; 
	 transition: background 0.5s linear;
      -moz-transition: background 0.5s linear;    /* FF3.7+ */
      -o-transition: background 0.5s 1inear;      /* Opera 10.5 */
      -webkit-transition: background 0.5s linear; /* Saf3.2+, Chrome */
      
 }
.my-selector a.selected { background: #42a9e3; color: #fff; }
#project-eliment .work-overlay  {/*  width: 300px; height: 188px; */ line-height: 183px; }

.four-columns #project-eliment .work-overlay  { width: 100%; height: 138px; line-height: 190px; }

.port-pagination li { display: inline-block; }
.port-pagination li a { height: 25px; width: 25px; line-height: 25px; text-align: center;  background: #e4e4e4; display: block; color: #404244;  text-shadow: 0px 2px rgba(0,0,0,.1);}
.port-pagination li a:hover { background:url(images/pagination-bg.png) no-repeat; color: #fed141; }

.port-page { text-align: right; line-height: 25px; }
.port-page p { color: #69747c; }
.port-page p a { color: #69747c; }
.port-page p a:hover { color: #42a9e3; }

/****************************************************************************
            Blog
****************************************************************************/
.blog-main .port-pagination { float: left; }
.footer-top-wrapper .widget { margin-bottom: 35px; }


.post { margin-bottom: 35px; }
.post figure {  border: 6px solid #69767f; } 
.post figure img { /* width:  100%; height: 100% */; } 
.post .post-meta { background:url(images/Post-postmeta-pic.png) repeat-x; height: 35px; line-height: 35px; padding: 0px 10px;  }
.post .post-meta li { line-height: 35px; background:url(images/sprate-line.png) no-repeat right; display: inline-block; margin-right: 10px;}
.post .post-meta a { color: #fff;  text-shadow: 0 1px 1px #000; padding-left: 22px;   margin-right:10px; }
.post .post-meta a.author { background: url(images/psot-author.png) no-repeat left; }
.post .post-meta a.date { background:url(images/calender.png) no-repeat left; }
.post .post-meta a.tag { background:url(images/meta-tag.png) no-repeat left; }
.post .post-meta a.cmnt { background:url(images/cmnt.png) no-repeat left; }
.post .post-meta .p-cmnt { background: none; float:right; }
.post article > p { font: 14px 'shantiregular', sans-serif, Times, serif; color: #404244; line-height: 20px; margin-bottom: 20px; }
.post article p a { display:block; }
.post article p a:hover { color: #89c6ff; }

.archive select { background: #68757f; width: 190px; font: 16px 'shantiregular', sans-serif, Times, serif; color: #fff; }

.tags > a {background:#6d7a84; position: relative; font: 14px 'shantiregular', sans-serif, Times, serif; margin:0px 26px 10px 0px; color: #fff; padding: 4px 8px; border-top-left-radius:3px; border-bottom-left-radius: 3px; display: inline-block; }
.tags a span { background:url(images/tags-arrow.png) no-repeat left; height: 26px; width: 16px; display: inline-block; position: absolute; right:-16px; top: 0px;   }

/****************************************************************************
					Blog_Post
****************************************************************************/

.blog-comment { padding-bottom:23px;  margin-bottom:22px;  }
.blog-comment ul li { margin-bottom:20px; width:605px; }
.blog-comment ul li figure { width:55px; height:50px; border-radius:50%; float:left; }
.blog-comment ul li .post-comment { width:535px; float:right; }

.ab-author  { margin-bottom:5px; }
.ab-author  a {  font: 300 14px 'Open Sans', sans-serif, Times, serif;  }
.ab-author .ath {  background:url(images/authore.png) no-repeat left;  color:#42a9e3; padding-left:15px; display:inline-block; margin-right:15px; }
.dat {  background:url(images/date-icon.png) no-repeat left; color:#b7b7b7; padding-left:15px;  }
.ab-author .reply { color:#42a9e3; float:right; }
.ab-author .reply:hover { color: #89c6ff; }

.post-comment article { background: #f6f6f6; padding:10px; border: 1px solid #e4e4e4; }
.post-comment article p { margin-bottom:0px;  }
.post-comment article span { background:url(images/comment-p.png) no-repeat; height:9px; width:9px; display:block;  margin-left:-19px; }

.blog-comment .replay  { margin-left:50px; }
.blog-comment .replay li { margin-bottom:20px; width:555px; }
.blog-comment .replay li figure { width:55px; height:50px; border-radius:50%; float:left; }
.blog-comment .replay li .post-comment { width:488px; float:right; }

.comment-form form .cmt-form { padding: 15px; background:url(images/quote-bg.png) repeat; margin-bottom: 20px; }
.comment-form form  .last { margin-right: 0px !important; }
.comment-form form input[ type="text" ] { width:248px; margin-right:60px; height:20px;  border-radius:0px;  background:url(images/text-bg.png) repeat; outline-color: #e74d2e !important; border: none;   font: 17px 'PatuaOneRegular', sans-serif, Times, serif; color: #fff !important; } 
.comment-form form input[ type="text" ]:hover { border-color:#e74d2e; }
.comment-form form textarea { width:575px; height:145px; resize:none; border-radius:0px; background:url(images/text-area.png) no-repeat; border-color:#8a8a8a ; border:1px solid #8a8a8a; font: 17px 'PatuaOneRegular', sans-serif, Times, serif; color: #fff !important; }


/****************************************************************************
					Contact
****************************************************************************/
/* .blog-main .post figure { width: 98%; } */

.cntact-info { margin-bottom: 20px; }
.cntact-info h6 { font: 17px 'shantiregular', sans-serif, Times, serif; color: #7e7e7e; background:url(images/bullet.png) no-repeat left; padding-left: 20px;  margin-bottom: 5px;  }
.cntact-info ul {  padding-left: 20px; margin-bottom: 20px;}
.cntact-info ul li {  font: 14px 'shantiregular', sans-serif, Times, serif; color: #393939; margin-bottom: 3px; }
.cntact-info ul li a:hover { color: #89c6ff; }

.w-social { margin-top: 10px;  padding-left: 20px; }
.w-social a { display: inline-block; margin-right:5px; }

.w-social a.w-rss { background:url(images/w-rss.png) no-repeat; width: 17px; height: 17px; }
.w-social a.w-rss:hover { background:url(images/w-rss-hover.png) no-repeat; }
.w-social a.w-tw { background:url(images/w-tw.png) no-repeat; width: 22px; height: 18px; }
.w-social a.w-tw:hover { background:url(images/w-tw-hover.png) no-repeat; }
.w-social a.w-fb { background:url(images/w-fb.png) no-repeat; width: 10px; height: 19px; }
.w-social a.w-fb:hover { background:url(images/w-fb-hover.png) no-repeat; }
.w-social a.w-tb { background:url(images/w-tb.png) no-repeat; width: 22px; height: 17px; }
.w-social a.w-tb:hover { background:url(images/w-tb-hover.png) no-repeat; }
.w-social a.w-in { background:url(images/w-in.png) no-repeat; width: 19px; height: 19px; }
.w-social a.w-in:hover { background:url(images/w-in-hover.png) no-repeat; }
.w-social a.w-db { background:url(images/w-db.png) no-repeat; width: 19px; height: 19px; }
.w-social a.w-db:hover { background:url(images/w-db-hover.png) no-repeat; }


/****************************************************************************
					Isotops ON Portfolio page 
****************************************************************************/
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/****************************************************************************
					Select box
****************************************************************************/


/* Dropdown control */
.selectBox-dropdown {
	float:right;
	min-width: 130px;
	width: 190px !important;
	position: relative;
	/* border: solid 1px #dddcdc; */
	line-height: 1.5;
	text-decoration: none;
	text-align: left;
	color: #000;
	outline: none;
	vertical-align: middle;
	/* background: #FFF; */
	/* border-radius: 4px; */
	display: inline-block;
	cursor: pointer;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
	border-color: #dddcdc;
}

.selectBox-dropdown.selectBox-menuShowing {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
	padding: 2px 16px !important;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	color:#fff;
	background:url(images/selectbox-bg.png) no-repeat;
	border: none !important;
}

.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 100%;
	background:url(images/dropdown-arrow.png) 50% center no-repeat;
	margin-top:-1px;
}


/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	min-height: 1em;
	border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */
	background: url(images/searchbar-bg.png) no-repeats;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: auto;
	border-radius: 5px;
}


/* Inline control */
.selectBox-inline {
	min-width: 150px;
	outline: none;
	border: solid 1px #BBB;
	background: #FFF;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
}

.selectBox-inline:focus {
	border-color: #666;
}


/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}

.selectBox-options LI A {
	line-height: 1.5;
	padding: 0 .5em;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
	color: #5f6c77;
}

.selectBox-options LI.selectBox-hover A {
	background-color: #5f6c77;
	color: #fff;s
}

.selectBox-options LI.selectBox-disabled A {
	color: #888;
	background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
	background-color: #C8DEF4;
}

.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #EEE;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}


/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}
/****************************************************************************
					CUSTOM
****************************************************************************/

.home { margin-bottom: 35px; }
.home figure { width: 300px; float:left; border: 6px solid #68747d; height: 190px; }
.home figure img { width: 100%; height: 100%; border: 1px solid #8e8f8f; }
.home article { width: 300px; float:right; }
.article-long { float:left; }

.spmhidip
{ 
	display:none;
   width:10px;
   height:3px;
}
.short_explanation {
	color:#fff;
	padding:5px;
}

.squarehotbox a { width: 221px; height: 220px; display: inline-block; }
.squarehotbox a.blankbox { background:url(images/blank.png) no-repeat; }