/*COLORBOX*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*COLORBOX ENDS*/
 

/*
00. DEFAULT
*/
body {
	font-family:'Raleway';
	font-size:14px;
	font-weight:400;
	color:#606060;
	line-height:1.5;
	
}
h1,h2,h3,h4,h5,h6 {
	font-family:'Raleway';
	line-height:1.2;
}
iframe {
	width:100%;
	border-width:0px;
}
img {
	height:auto;
	max-width:100% !important;
}
input {
	max-width:100%;
}
a {
	color:#290855;
	outline:none;
}
a:hover {
	color:#290855;
	text-decoration:none;
}
/* CUSTOM LAYOUT */
.wa-col-md-1, .wa-col-md-2,.wa-col-md-3,.wa-col-md-4, 
.wa-col-md-5, .wa-col-md-6,.wa-col-md-7,.wa-col-md-8, 
.wa-col-md-9, .wa-col-md-10,.wa-col-md-11,.wa-col-md-12, 
{
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.full_100 {
	width:100%;
}
.one_two , .one_three , .one_four {
	float:left;
}
.one_two {
	width:50%;
}
.one_three {
	width: 33.3333%;
}
.one_four {
	width:25%;
}
.section_block {
	margin-top:-50px;
	padding-top:50px;
	margin-bottom:20px;
}
.m-float-right {
	float:left;
}
.m-float-left {
	float:right;
}
/* CUSTOM  LAYOUT ENDS */
/* PAGE TITLE */
.page-title-container {
	background-color:#f6f6f6;
	padding:5px 0px 25px;
	margin-bottom:25px;
}
.page-title-container h2 {
	font-size:38px;
	color:#505050;
	font-weight:900;
	margin-bottom:0px;
}
.page-title-container .page-title-teaser {
	font-size:14px;
	color:#bcbcbc;
	font-weight:600;
	margin-bottom:25px;
}
.mb_0 {
	margin-bottom:0px;
}
/* PAGE TITLE ENDS */

/* PAGE TITLE SMALL */
.page-title-small-padding {
	margin-top:25px;
}
.page-title-small {
  font-size:16px;
  color:#290855;
  text-align: center;
  margin-bottom:40px;
  margin-top:30px;
}

.page-title-dark { 
  color:#290855; 
}


.page-title-small span {
  display: inline-block;
  position: relative;  
  font-weight:800;
  font-size:16px;
}
.page-title-small span:before,
.page-title-small span:after {
  content: "";
  position: absolute;
  height: 9px;
  border-bottom: 1px solid #290855;
  top: 0;
  width: 40px;
}
.page-title-small span:before {
  right: 100%;
  margin-right: 15px;
}
.page-title-small span:after {
  left: 100%;
  margin-left: 15px;
}
/* PAGE TITLE SMALL ENDS */
/* */
.line_bb {
	border-bottom:1px dashed #e6e6e6;
}
.line_br {
	border-right:1px dashed #e6e6e6;
}
.bg {
	background-position:center;
	background-repeat:no-repeat;
}
.bg_transparent {
	background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%; 
}
/* */
/*
00. DEFAULT ENDS
*/

/*
01. HOME 
*/

#id_home {
    background-size: 100% 100%;
}

.home_front {
	margin-top:224px;
	margin-bottom:135px;
     height:200px;
}
.home_front h3 {
	font-size:48px;
	color:#A868E2;
	font-weight:800;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	margin-bottom:0px;
	margin-top:0px;
   
}
.home_front .ul_home_skill {
	list-style:none outside none;
	margin:0;
	padding:0;
	width:100%;
}
.home_front .ul_home_skill .cycle-slide {
	width:100%;
}
.home_front h2 {
	font-size:72px;
	font-weight:700;
	color:#ffffff;
	margin-bottom:40px;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	margin-top:2px;
}
.home_front .start_now {
	color:#ffffff;
	font-size:18px;
	border-radius:3px;
	padding:10px 30px;
	border:1px solid #ffffff;
	font-weight:700;
	display:inline-block;
	transition:0.4s;
}
.home_front .start_now:hover {
	background-color:#290855;
	color:#fff;
	text-decoration:none;
	border:1px solid #290855;
	transition:0.4s;
	
}
/*
01. HOME ENDS
*/

/* 
02. ABOUT 
*/
.about .about_profile {
    background-color: #c1c1c1;
    text-align: center;
}
.about .about_profile img{
	padding:0 auto;
}
.about .about_profile h3 {
	font-size:20px;
	color:#ffffff;
	font-weight:700;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	margin-bottom:5px;
}
.about .about_profile .about_profile_info {
	padding:5px 10px 20px;
	border-top:1px solid #FFFFFF;
}
.about .about_profile .about_profile_info span{
	color:#101010;
	font-size:14px;
	font-weight:300;
}
.about .about_profile .about_profile_info .line_white {
	width:67px;
	border-bottom:1px solid #ffffff;
	margin:10px auto 0px;
	padding:0 auto;
}
.about .about_slogan h3 {
	color:#404040;
	font-size:30px;
	font-weight:700;
	margin-top:30px;
}
.about .about_slogan h3 span{
	color:#290855;
}
.about .about_slogan h4 {
	color:#a0a0a0;
	font-size:18px;
	font-weight:300;
	margin-bottom:40px;
} 
.about .about_desc {
	padding-bottom:22px;
	margin-bottom:22px;
}
.about .div_profile  h4{
	font-size:16px;
	color:#290855;
	font-weight:700;
	margin-top:20px;
	margin-bottom:20px;
}
/* SERVICE */
.div_service {
	cursor:pointer; 
}
.div_service_container {
	display:inline-block;
}
.div_service .si_l {
	position:relative;
	height:70px;
	width:70px;
	margin:0 auto;
	float:left; 
	text-align:center;
	display:block;
	border-radius:3px;
	transition:0.4s;
}
.div_service .si_l  .si_lb{
	border-radius:3px;
	border:1px solid #ffffff;
	width:66px;
	margin:2px;
	padding:10px;
}
.div_service:hover .si_l {
	background-color:#290855;
	transition:0.4s;
}
.div_service .si_l img{
	margin-top:0px;
}
.div_service .si_r {
	margin-left:85px;
}
.div_service .si_r h4 {
	font-size:18px;
	font-weight:700;
	margin-bottom:8px;
	margin-top:0px;
	transition:0.4s;
}
.div_service:hover .si_r h4 {
	color:#290855;
	transition:0.4s;
}
/* 
02. ABOUT ENDS
*/
 
/* 
04. RESUME 
*/
.ul_questions {
	list-style:none outside none;
	margin:0;
	padding:0;
	background: url("../images/resume/vertical_line.png") repeat-y scroll 53px top transparent;
}
.ul_questions>li {
	margin:0;
}
.ul_questions>li .answer_container {
	width:100px;
	background-color:#290855;
	border-radius:3px;
	color:#ffffff;
	text-align:center;
}
.ul_questions>li .answer_container .answer_year {
	background-color:#290855;
	border-radius:3px;
	margin:3px;
	padding:10px;
	border:1px solid #ffffff;
}
.ul_questions>li .answer_desc {
	margin-left:115px;
	margin-bottom:30px;
}
.ul_questions>li .answer_desc .answer_title {
	margin-bottom:13px;
}
.ul_questions>li .answer_desc .answer_title .answer_t1{
	font-size:24px;
	color:#505050;
	font-weight:700;
	line-height:1.2;
	margin-bottom:8px;
}
.answer_t1 small {
    font-size:12px;
    font-style:italic;
}
.ul_questions>li .answer_desc .answer_title  .answer_t2{
	font-size:16px;
	color:#9f9f9f;
	line-height:1.2;
	margin-bottom:5px;
}
.ul_questions>li .answer_desc .answer_title  .answer_t3{
	font-size:16px;
	color:#9f9f9f;
	line-height:1.2;
}
.ul_questions>li .answer_desc p {
	font-size:14px;
}
/* BAR */
.div_skill_container {
	padding-bottom:60px;
}
.ul_skill {
	list-style:none outside none;
	margin:0;
	padding:0;
}

.ul_skill li .bar_container {
	/*
    background-color: #EBEBEB;
    border-radius: 0px 4px 4px 0px;
    height: 20px;
    margin: 12px 0px 25px;
	*/
	margin-bottom:20px;
    width: 100%;
	position:relative;
}
.ul_skill li:last-child .bar_container {
	margin-bottom:0px;
}
.ul_skill li .bar {
    background-color: #290855;
    border-radius: 0px 4px 4px 0px;
    height: 45px;
    line-height: 45px;
    text-align: left;
	color:#ffffff;
	padding-left:10px;
	font-size:16px;
	font-weight:700;
}
.ul_skill li .bar .bar_padding {
	font-weight:400;
}

/* skill box*/
.h4_skill {
	font-size:24px;
	color:#505050;
	font-weight:700;
	margin-bottom:30px;
	margin-top:0px;
}
.ul_skill_box {
	list-style:none outside none;
	margin:0;
	padding:0;
}
.ul_skill_box li {
	margin-bottom:10px;
}
.ul_skill_box li .skill_rating .skill_rating_title {
	 
	float:left;
	font-size:16px;
	color:#505050;
	font-weight:700;
}
.ul_skill_box li .skill_rating .skill_rating_star {
	margin-left:145px;
	padding-top:3px;
}
.ul_skill_box li .skill_rating .skill_rating_star b {	
	display:block;
	width:17px;
	height:17px;
	background-color:#290855;
	border-radius:3px;
	margin-right:3px;
	float:left;
}
.ul_skill_box li .skill_rating .skill_rating_star .star_off {
	background-color:#dbdbdb;
}
a.downloadLink {
	background-color: #ffffff;
    color: #290855;
    text-decoration: none;
	border:2px solid #290855;
	font-size:15px;
	font-weight:700;
	border-radius: 5px;
	display: inline-block;
    padding: 10px 30px;
	transition:0.4s;
}
a.downloadLink:hover {
	background-color:#290855;
    color:#FFFFFF;
	border:2px solid #290855;
	transition:0.4s;
}

a.downloadLink-dark {
	background-color:#290855;
    color:#FFFFFF;
	border:2px solid #290855;
	transition:0.4s;
}

a.downloadLink-dark:hover {
	background-color: #ffffff;
    color: #290855;
	border:2px solid #290855;
	transition:0.4s;
}

/* BAR ENDS */
/* 
04. RESUME ENDS
*/

/*
05. PRICING TABLE
*/
.ul_pricing{
    list-style: none outside none !important;
    padding:0;
	margin:0 0 60px;
}
.ul_pricing>li {
	text-align:center;
	width:100%;
	padding:10px;
}
.ul_pricing .price {
	background-color:#b6b6b6;
	color:#303030;
	border-radius:5px 5px 0px 0px;
	padding:20px 0;
}
.ul_pricing .price .price_sign {
	font-size:20px;
	position:relative;
	top:-13px;
	margin-right:5px;
}
.ul_pricing .price  .price_amount {
	font-size:48px;
	font-weight:700;	
}
.ul_pricing .plan {
	background-color:#9f9f9f;
	color:#ffffff;
	font-size:18px;
	font-weight:700;
}
.ul_pricing .row_1 {
	color:#797878;
	background-color:#e6e6e6;
	font-size:14px;
}
.ul_pricing .row_2 {
	color:#797878;
	background-color:#f0f0f0;
	font-size:14px;
}
.ul_pricing .row_buy_now {
	background-color:#b6b6b6;
	border-radius:0px 0px 5px 5px;
}
.ul_pricing .row_buy_now  a{
	color:#808080;
	background-color:#ffffff;
	padding:8px 20px;
	border-radius:3px;
	margin:20px;
	display:inline-block;
	font-weight:700;
	box-shadow:0px 1px 1px rgba(0,0,0,0.4);
	transition:0.4s;
}
.ul_pricing .row_buy_now  a:hover {
	text-decoration:none;
	background-color:#404040;
	color:#ffffff;
	transition:0.4s;
}

/* ul_pricing selected */
.ul_pricing.selected {
	position:relative;
	top:-30px;
}
.ul_pricing.selected .price {
	background-color:#290855;
}
.ul_pricing.selected .plan {
	background-color:#2575A3;
	display:block;
	position:relative;
	padding:15px 0;
}
.ul_pricing.selected .row_buy_now {
	background-color:#290855;
}
.ul_pricing.selected .row_buy_now a{
	background-color:#ffffff;
	color:#290855;
}
.ul_pricing.selected .row_buy_now  a:hover {
	text-decoration:none;
	background-color:#404040;
	color:#ffffff;
	transition:0.4s;
}
.ul_pricing.selected  .popular{
	position:absolute;
	top:-13px;
	display:block;
	border-radius:3px;
	background-color:#ffffff;
	color:#290855;
	padding:3px auto;
	font-size:13px;
	width:155px;
	left:0;
	right:0;
	margin:0 auto;
	font-weight:500;
	height:25px;
	line-height:25px;
	box-shadow:0px 1px 1px rgba(0,0,0,0.2);
}
.ul_pricing.selected  .row_1,.ul_pricing.selected  .row_2{
	padding:14px 0;
}
/*
05. PRICING TABLE ENDS
*/

/* 
06. PORTFOLIO 
*/
.ul_portfolio_category {
    list-style: none outside none !important;
    padding: 0;
	margin:45px 0 0 0;
	
}
.ul_portfolio_category li {
    display: inline-block;
	margin-bottom:2px;
}
.ul_portfolio_category li a {
	border-radius:3px;
	background-color: #f9f9f9;
    color: #9f9f9f;
    display: block;
    font-size: 13px;
    padding: 5px 15px;
    text-decoration: none;
	cursor:pointer;
	transition:0.4s;
}
.ul_portfolio_category li a:hover, .ul_portfolio_category li a.active {
    background-color: #290855;
    color: #FFFFFF;
	transition:0.4s;
}
#ul_portfolio {
	list-style:none outside none;
	margin:0 0 40px 0;
	padding:0;
}
#ul_portfolio .mix{
	opacity: 0;
	display: none;
}
#ul_portfolio>li {
	margin:0;
	padding:0;
	float:left;
	
} 
#ul_portfolio>li img{
	width:100%;
}
a#load_more_portfolio {
	background-color: #290855;
    color: #FFFFFF;
    text-decoration: none;
	border:1px solid #290855;
	font-size:18px;
	font-weight:700;
	border-radius: 5px;
	display: inline-block;
    margin-top: 60px;
    padding: 15px 35px;
	transition:0.4s;
}
a#load_more_portfolio:hover {
	background-color:#404040;
    color:#FFFFFF;
	border:1px solid #404040;
	transition:0.4s;
}


.grid {
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 20%;
	margin: 0;
	
	text-align: left;
	position: relative;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #290855;
	color: #202020;
	text-align:center;
	font-weight:300;
}

.grid figcaption h3 {
	margin-top: 0px;
	margin-bottom:5px;
	color: #fff;
	font-size:18px;
	font-weight:700;
}

.grid figcaption span:before {
}

.grid figcaption a {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #ed4e6e;
	color: #fff;
}
/* Caption Style 2 */
.cs-style-2 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-2 figure:hover img,
.cs-style-2 figure.cs-hover img {
	-webkit-transform: translateY(-90px);
	-moz-transform: translateY(-90px);
	-ms-transform: translateY(-90px);
	transform: translateY(-90px);
}
.grid figure a span{
	-webkit-transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	transition: background-color 0.4s;
}
.grid figure a:hover  span.img_bg{
	display:block;
	background-color:rgba(0, 0, 0, 0.7);
	width:100%;
	height:100%;
	content:"";
	position:absolute;
	top:0%;
	left:0%;
	z-index:98;
	-webkit-transform: translateY(-90px);
	-moz-transform: translateY(-90px);
	-ms-transform: translateY(-90px);
	transform: translateY(-90px);
}
.grid figure a:hover span.plus_icon{
	display:block;
	width:90%;
	height:90%;
	border:4px solid #ffffff;
	content:"";
	position:absolute;
	top:5%;
	left:5%;
	z-index:99;
	-webkit-transform: translateY(-90px);
	-moz-transform: translateY(-90px);
	-ms-transform: translateY(-90px);
	transform: translateY(-90px);
	background: url("../images/portfolio/plus_icon.png") no-repeat scroll center center transparent;
}
.grid figure a.pp_video:hover span.plus_icon{
	background: url("../images/portfolio/video_icon.png") no-repeat scroll center center transparent;
}
.cs-style-2 figcaption {
	height: 90px;
	width: 100%;
	top: auto;
	bottom: 0;
}

.cs-style-2 figcaption a {
	position: absolute;
	right: 20px;
	top: 30px;
}
/* 
06. PORTFOLIO ENDS
*/

/*
07. skills
*/
#id_skills {
	position:relative;
}
#id_skills .prev_block {
	height: 100%;
    position: absolute;
    top: 0;
    width: auto;
    z-index:800;
	left:0;
	display:block;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}

#id_skills:hover .prev_block { 
	opacity: 1;
	transition:0.4s;
}
#id_skills .prev {
	display: block;
	height: 45px;
    width: 45px;
	background-color:#202020;
	cursor:pointer;
	 position: absolute;
    top: 45%;
	border-radius:3px;
	left:15px;
	transition:0.4s;
	
}
#id_skills .prev:hover {
	background-color:#290855;
	transition:0.4s;
}
#id_skills .prev .left_arrow {
	background: url("../images/blog/left_arrow.png") no-repeat scroll center center transparent;
    display: block;
	height: 20px;
    width: 8px;
	position:relative;
	top:13px;
	left:17px;
}
#id_skills .next_block {
	height: 100%;
    position: absolute;
    top: 0%;
    width: auto;
    z-index:800;
	right:0;
	display:block;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}
#id_skills:hover .next_block {
	opacity:1;
	transition:0.4s;
}
#id_skills .next {
	display: block;
	height: 45px;
    width: 45px;
	background-color:#202020;
	cursor:pointer;
	right:15px;
	position:absolute;
	top: 45%;
	border-radius:3px;
	transition:0.4s;
}
#id_skills .next:hover {
	background-color:#290855;
	transition:0.4s;
}
#id_skills .next .right_arrow {
	background: url("../images/blog/right_arrow.png") no-repeat scroll center center transparent;
    display: block;
	height: 20px;
    width: 8px;
	position:relative;
	top:13px;
	left:19px;
}

.ul_skills {
	list-style:none outside none;
	margin:0 0 60px;
	padding:0;
	width:100%;
	color:#ffffff;
}
.ul_skills .cycle-slide {
	width:100%;
	padding:0 60px;
}
.ul_skills  p {
	font-size:20px;
	margin-bottom:35px;
}
.ul_skills h4 {
	font-size:20px;
	font-weight:700;
	margin-top:15px;
	margin-bottom:5px;
}
.ul_skills a {
	font-size:16px;
}
.ul_skills a:hover {
	text-decoration:none;
}
.ul_client {
	padding-bottom:90px;
	line-height:110px;
}
.ul_client .tooltip .tooltip-inner {
	padding:5px 10px;
	border-radius:3px;
}
.ul_client .tooltip.top {
    top: -5px !important;
    
}
/*
07. skills ENDS
*/

/*
08. OUR TEAM
*/
.team-title-container {
	margin-bottom:40px;
}
.team-title-container .h3_team {
	font-weight:700;
	font-size:30px;
	color:#404040;
	margin-bottom:35px;
	margin-top:30px;
}
.div_team {
	display:block;
	overflow:hidden;
	position:relative;
	max-width:270px;
}
.div_team .team_feature  .team_feature_desc{
	border-top:1px solid #ffffff;
	background-color:#efefef;
	padding:20px 0 30px;
}
.div_team .team_feature  h4{
	font-size:20px;
	font-weight:700;
	color:#303030;
	margin-top:5px;
	margin-bottom:5px;
}
.div_team .team_feature  span{
	font-size:14px;
	color:#767676;
	font-weight:light;
}
.div_team .team_desc{
	background-color:#290855;
	color:#ffffff;
	position:absolute;
	top:100%;
	height:0;
	display:block; 
	transition: all 0.4s ease-in-out 0.01s;
	height: 100%;
	opacity:0;
}
.div_team:hover  .team_desc{
	top:0;
	height:100%;
	opacity:1;
}
.div_team:hover  .team_desc .team_detail {
	padding:0 15px;
}
.div_team:hover  .team_desc .team_detail h4 {
	font-size:20px;
	font-weight:700;
	text-shadow:0px 1px 1px rgba(0,0,0,0.4);
	color:#ffffff;
	margin-top:30px;
	margin-bottom:5px;
}
.div_team:hover  .team_desc .team_detail span.position {
	font-size:14px;
	font-weight:300;
	color:#101010;
}
.div_team:hover  .team_desc .team_detail .line_white {
	width:67px;
	border-bottom:1px solid #ffffff;
	margin:10px auto 20px;
	padding:0 auto;
}
.div_team:hover  .team_desc .team_detail  h5 {
	font-size:14px;
	font-weight:700;
	color:#303030;
}
.div_team:hover  .team_desc .team_detail .ul_team_skill {
	list-style: none outside none !important;
	padding:0;
	margin:0;
	font-size:300;
}
.div_team:hover  .team_desc .team_detail .ul_team_skill li:before {
	content:"+";
	width:10px;
	float:left;
}
.ul_team_social {
	list-style: none outside none !important;
	padding:0;
	margin:0;
}
.ul_team_social li {
	float:left;
	margin-right:3px;
}
/*
08. OUR TEAM ENDS
*/

/* 
09. CONTACT
*/
.p_address {
	margin-bottom:25px;
}
.ul_address{
	list-style: none outside none !important;
	padding-left:0px;
}
.ul_address li {
	line-height:1.5;
}
.ul_address .tlabel {
	float:left;
	width:70px;
	font-weight:bold;
}
.ul_address .span {
	margin-left:80px;
	
}
.my_form {
	font-size:14px;
}
.my_form  label {
	width:100%;
}
.my_form  label.error {
	margin-bottom:10px;
	position:relative;
	top:-10px;
	font-weight:300;
	font-size:13px;
	color:#290855;
}
.my_form .t_label {
	margin-bottom:10px;
	font-size:14px;
}
.my_form input[type="text"],.my_form input[type="email"] {
	height:37px;
	line-height:37px;
	padding:0 10px;
}
.my_form input[type="text"]:focus,.my_form input[type="email"]:focus , .my_form textarea:focus{
	border-color:#290855;
}
.my_form textarea {
	height:170px;
	padding:0 10px;
	line-height:37px;
}
.my_form input[type="text"],.my_form input[type="email"],.my_form textarea{
	width:100%;
	border:1px solid #d1d1d1;
	margin-bottom:20px;
	color:#505050;
	font-size:14px;
}
.my_form input[type="submit"] {
	background-color: #404040;
    border: 1px solid #404040;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    padding: 12px 20px;
    text-decoration: none;
	text-transform:uppercase;
    transition: all 0.4s ease 0s;
}

.my_form input[type="submit"]:hover {
	background-color: #290855;
    border: 1px solid #290855;
    color: #202020;
    transition: all 0.4s ease 0s;
}
/* 
09. CONTACT ENDS
*/

/* 
10.FOOTER 
*/
#id_footer {
	background-color:#290855;
}
.col-md-6 {
    width:auto;
    float:none;
}

#footer {
    text-align: center;
}

#footer .copyright {
	line-height:1.2;
	font-size:13px;
	color:#ffffff;
	font-weight:300;
	padding-top:25px;
	margin-bottom:25px;
}
#footer .copyright a{
	color:#202020;
}
#footer .ul_social .tooltip .tooltip-inner {
	padding:5px 10px;
	border-radius:3px;
}
#footer .ul_social .tooltip.top {
    top: -20px !important;
    
}
.ul_social {
    list-style: none outside none !important;
	padding-left:0px;
	float:right;
	margin-bottom:0px;
}
.ul_social li {
	float:left;
}
.ul_social li:last-child {
	margin-right:0px;
}

.ul_social li a {
	display: table-cell;
    height: 46px;
    text-align: center;
    vertical-align: middle;
	width:46px;
	padding-top:20px;
}
.ul_social li a i{
	margin:auto;
}
.a_social_facebook {

}
.social_facebook {
    background: url("../images/social/facebook_icon.png") no-repeat scroll center bottom transparent;
    display: block;
    height: 16px;
    width: 16px;
}

.a_social_twitter {

}
.social_twitter {
    background: url("../images/social/twitter_icon.png") no-repeat scroll center bottom transparent;
    display: block;
    height: 16px;
    width: 16px;
}

.a_social_youtube {

}
.social_youtube {
    background: url("../images/social/youtube_icon.png") no-repeat scroll center bottom transparent;
    display: block;
    height: 16px;
    width: 16px;
}
.a_social_vimeo {

}
.social_vimeo {
    background: url("../images/social/vimeo_icon.png") no-repeat scroll center bottom transparent;
    display: block;
    height: 16px;
    width: 16px;
}

.a_social_skype {
	
}
.social_skype {
    background: url("../images/social/skype_icon.png") no-repeat scroll center bottom transparent;
    display: block;
    height: 16px;
    width: 16px;
}
.a_social_rss {

}
.social_rss {
    background: url("../images/social/rss_icon.png") no-repeat scroll center bottom transparent;
    display: block;
    height: 16px;
    width: 16px;
}
.a_social_dribbble {
	
}
.social_dribble {
    background: url("../images/social/dribble_icon.png") no-repeat scroll center bottom transparent;
    display: block;
    height: 16px;
    width: 16px;
}
.a_social_gmail {
	
}
.social_gmail {
    background: url("../images/social/gmail_icon.png") no-repeat scroll center bottom transparent;
    display: block;
    height: 16px;
    width: 16px;
}
/* 
10.FOOTER ENDS
*/

/*
11. HEADER MENU
*/

#id_menu {
	z-index:9999;
	background-color:#ffffff;
	width:100%;
	border-bottom:1px solid #ebebeb;
	border-top:2px solid #ebebeb;
}
#id_menu img.logo {
	margin-top:10px;
	margin-bottom:10px;
}
#id_menu .nav>li>a {
	color:#707070;
	font-size:13px;
	padding-bottom:5px;
	padding-right:0px;
	padding-left:0px;
	margin-right:25px;
	outline:none;
	font-weight:600;
	margin-bottom:10px;
	text-transform:uppercase;
}
#id_menu .nav>li:last-child>a {
	margin-right:0px;
}
#id_menu .nav>li>a:hover , #id_menu .nav>li.current>a {
	border-bottom:3px solid #290855;
	color:#290855;
	transition:0.2s;
}
#id_menu .dropdown-submenu{
    position:relative;
}

#id_menu .dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

#id_menu .dropdown-submenu:hover > .dropdown-menu{
    display:block;
}

#id_menu .dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}

#id_menu .dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}

#id_menu .dropdown-submenu .pull-left{
    float:none;
}

#id_menu .dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
#id_menu .nav li a:hover, #id_menu .nav li.open>a {
	color:#290855;
	background-color:#ffffff;
}
#id_menu .nav>li.open{
	border-bottom:2px solid #290855;
}
#id_menu .nav_ul_menu {
	float:right;
}
#id_menu .navbar {
	min-height:auto;
	margin-bottom:0px;
}
#id_menu .navbar-default {
	background-color:transparent;
	border-color:transparent;
}

/*!
 * Yamm!3
 * Yet another megamenu for Bootstrap 3
 * 
 * http://geedmo.github.com/yamm3
 */

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}
/*
11. HEADER MENU ENDS
*/

/*
12. BLOG
*/
#content>article {
	margin-bottom:30px;
}
/*

/*
12. BLOG ENDS
*/ 


/*
12. BLOG
*/
#id_blog .content_container {
	margin-top:60px;
}
#content>article  .post_quotes {
	padding:20px;
	border-radius:5px;
}
#content>article  .post_quotes:before {
	background: url("../images/blog/quote.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 34px;
    width: 29px;
	float:left;
}
#content>article  .post_quotes  {
	background-color:#290855;
	color:#ffffff;
	font-size:24px;
	font-weight:700;
	border-width:0px;
	
}
#content>article  .post_quotes  .bqquote{
	margin-left:40px;
	display:block;
}
#content>article  .post_quotes  .bqend{
	margin-left:40px;
	display:block;
	font-size:14px;
	color:#303030;
	font-weight:500;
	margin-top:10px;
}
#content>article {
	margin-bottom:60px;
}
#content>article .entry-header .entry-title a{
	font-size:24px;
	color:#333333;
	font-weight:700;
	transition:all 0.4s;
}
#content>article .entry-header .entry-title a:hover{
	color:#290855;
}
#content>article .entry-content {
	margin-bottom:25px;
}
#content>article .entry-content .p-entry-content-first {
	margin-bottom:20px;
}
#content footer  .entry-meta {

	display:inline-block;
	width:100%;
}

#content footer  .entry-meta:before {
	background-color:#eeeeee;
	content:" ";
	width:100%;
	top:1px;
	display:block;
	height:1px;
	position:relative;
}
#content footer  .entry-meta:after {
	background-color:#eeeeee;
	content:" ";
	width:100%;
	bottom:2px;
	display:block;
	height:1px;
	position:relative;
}

#content footer  .entry-meta-single {
	margin-bottom:15px;	
	display:block;
	margin-top:-10px;
}
#content footer  .entry-meta-single:before , #content footer  .entry-meta-single:after {
	height:0px;
}
#content footer  .entry-meta a{
	font-size:13px;
	color:#9f9f9f;
	font-weight:300;
}
#content footer .entry-meta>span {
	margin-right:10px;
	line-height:42px;
}

#content footer .entry-meta span.entry-date .icon-time {
	background: url("../images/blog/icon_clock.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	width:13px;
	height:13px;
	display:inline-block;
	content:"";
	position:relative;
	top:1px;
	margin-right:2px;
}
#content footer .entry-meta span.author .icon-author {
	background: url("../images/blog/author.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	width:13px;
	height:13px;
	display:inline-block;
	content:"";
	position:relative;
	top:1px;
	margin-right:2px;
}
#content footer .entry-meta span.cat-links .icon-cat-links{
	background: url("../images/blog/category.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	width:13px;
	height:13px;
	display:inline-block;
	content:"";
	position:relative;
	top:1px;
	margin-right:2px;
}
#content footer .entry-meta .read_more {
	color:#8f8f8f;
	border:1px solid #eeeeee;
	padding:10px 15px;
	transition:0.4s;	
}
#content footer .entry-meta .read_more:hover {
	text-decoration:none;
	background-color:#290855;
	color:#ffffff;
	transition:0.4s;
}
#content .post_tags {
	padding-top:10px;
}
#content .post_tags .icon-tags {
	background: url("../images/blog/tag.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	width:13px;
	height:12px;
	display:inline-block;
	content:"";
	
}
#content .post_tags a {
	font-size:12px;
	color:#9f9f9f;
	background-color:#fafafa;
	padding:7px 10px;	
	border-radius:2px;
	transition:0.4s;
	display:inline-block;
}
#content .post_tags a:hover{
	color:#ffffff;
	background-color:#290855;
	text-decoration:none;
	transition:0.4s;
}

#content .post_pagination a {
	font-size:12px;
	font-weight:300;
	color:#9f9f9f;
	padding:7px 10px;
	background-color:#ffffff;
	border:1px solid #eeeeee;
	margin-right:3px;
	border-radius:5px;
}
#content .post_pagination a:hover, #content .post_pagination a.current {
	background-color:#290855;
	color:#ffffff;
	text-decoration:none;
}

/* FEATURE GALLERY */
.post_feature .blog_slider_post .prev_block {
	height: 100%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 800;
	left:0;
	display:block;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}

.post_feature .blog_slider_post:hover .prev_block { 
	opacity: 1;
	transition:0.4s;
}
.post_feature .blog_slider_post .prev {
	display: block;
	height: 45px;
    width: 45px;
	background-color:#202020;
	cursor:pointer;
	 position: absolute;
    top: 45%;
	border-radius:3px;
	left:15px;
	transition:0.4s;
	
}
.post_feature .blog_slider_post .prev:hover {
	background-color:#290855;
	transition:0.4s;
}
.post_feature .blog_slider_post .prev .left_arrow {
	background: url("../images/blog/left_arrow.png") no-repeat scroll center center transparent;
    display: block;
	height: 20px;
    width: 8px;
	position:relative;
	top:13px;
	left:17px;
}
.post_feature .blog_slider_post .next_block {
	height: 100%;
    position: absolute;
    top: 0%;
    width: 50%;
    z-index: 800;
	right:0;
	display:block;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}
.post_feature .blog_slider_post:hover .next_block {
	opacity:1;
	transition:0.4s;
}
.post_feature .blog_slider_post .next {
	display: block;
	height: 45px;
    width: 45px;
	background-color:#202020;
	cursor:pointer;
	right:15px;
	position:absolute;
	top: 45%;
	border-radius:3px;
	transition:0.4s;
}
.post_feature .blog_slider_post .next:hover {
	background-color:#290855;
	transition:0.4s;
}
.post_feature .blog_slider_post .next .right_arrow {
	background: url("../images/blog/right_arrow.png") no-repeat scroll center center transparent;
    display: block;
	height: 20px;
    width: 8px;
	position:relative;
	top:13px;
	left:19px;
}

/*

/*
12. BLOG ENDS
*/ 

/*
13. SINGLE BLOG
*/

/*
13. SINGLE BLOG ENDS
*/

/*
14. SINGLE BLOG COMMENTS
*/
#comments .comments-title , #comments  .comment-reply-title{
	font-size:16px;
	font-weight:700;
	color:#290855;
	margin-bottom:30px;
}
.comment-list {
	list-style:none outside none;
	margin:0 0 60px;
	padding:0;
	
}
.comment-list ol, .comment-list ul {
	list-style:none outside none;
	margin:0;
	padding:0;
}
.comment-list>li>.children{
	margin-left:70px;
}
.comment-list>li article .comment-meta {
	margin-bottom:10px;
}
.comment-list>li article .comment-meta  .comment-author a {
	color:#606060;
}
.comment-list>li article .comment-meta  .comment-author a:hover {
	color:#290855;
}
.comment-list>li article .comment-meta  .comment-author  .fn a {
	font-weight:700;
}
.comment-list>li article .comment-meta img {
	float:left;
	margin-right:15px;
}
.comment-list>li article .comment-meta .fn {
	display:inline-block;
}
.comment-list>li  article .comment-meta .time:before{
    white-space:pre;
	content:"\A ";
}
.comment-list>li article .comment-meta .time {
	font-size:12px;
	font-weight:300;
	color:#9f9f9f;
}
.comment-list>li>.children>li>.children{
	margin-left:80px;
}
.comment-list li .comment-body {
	margin-bottom:25px;
}
.comment-list>li article .comment-content {
	margin-left:70px;
	border-left:1px solid #ebebeb;
	padding-left:10px;
}
.comment-list>li article .comment-content p{
	font-size:14px;
}
/*
14. SINGLE BLOG COMMENTS ENDS
*/

/*
15. WIDGET
*/
.sidebar-widget {
	margin-bottom:70px;
}
.sidebar-widget .sidebar-header h4{
	font-weight:bold;
	font-size:16px;
	color:#290855;
	margin-top:0px;
	margin-bottom:30px;
}
.sidebar-widget .sidebar-content ul {
	list-style:none outside none;
	margin:0;
	padding:0;
}

/* WIDGET CATEGORY */
.sidebar-widget .sidebar-content ul.ul_cat {
	position:relative;
	top:-10px;
}
.sidebar-widget .sidebar-content ul.ul_cat li {
	border-bottom:1px solid #f4f4f4;
	line-height:40px;
	margin-top:0;
}
.sidebar-widget .sidebar-content ul.ul_cat li a {
	color:#999999;
	font-size:13px;
}
.sidebar-widget .sidebar-content ul.ul_cat li a:hover {
	color:#290855;
	text-decoration:none;
	
}
.sidebar-widget .sidebar-content ul.ul_cat li a:hover:before {
	content:'+';
	color:#290855;
	font-size:20px;
	margin-right:5px;
	position:relative;
	top:3px;
	line-height:33px;
}
/* WIDGET CATEGORY ENDS */

/* WIDGET POPULAR POST*/
.sidebar-widget .sidebar-content ul.ul_popular_post{
}
.sidebar-widget .sidebar-content ul.ul_popular_post  li {
	padding:10px;
}
.sidebar-widget .sidebar-content ul.ul_popular_post  li:nth-child(odd){
	background-color:#f6f6f6;
}
.sidebar-widget .sidebar-content ul.ul_popular_post  li:nth-child(even){
	background-color:#fcfcfc;
}
.sidebar-widget .sidebar-content ul.ul_popular_post  li:after {
	clear:both;
	content:"";
	display:table;
}
.sidebar-widget .sidebar-content ul.ul_popular_post  li>a{
	float:left;
	display:block;
	margin:0 10px 0 0;
}
.sidebar-widget .sidebar-content ul.ul_popular_post  li>a {
	text-align: center;
	display: inline-block;
	background: #ed4e6e;
	color: #fff;
	width:70px;
	height:70px;
	position:relative;
}
.sidebar-widget .sidebar-content ul.ul_popular_post  li>a span{
	-webkit-transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	transition: background-color 0.4s;
}
.sidebar-widget .sidebar-content ul.ul_popular_post  li>a:hover  span.img_bg{
	display:block;
	background-color:rgba(0, 0, 0, 0.7);
	width:70px;
	height:70px;
	content:"";
	position:absolute;
	top:0%;
	left:0%;
	z-index:98;
}
.sidebar-widget .sidebar-content ul.ul_popular_post  li>a:hover span.plus_icon{
	display:block;
	width:80%;
	height:80%;
	border:2px solid #ffffff;
	content:"";
	position:absolute;
	top:10%;
	left:10%;
	z-index:99;
	
	background: url("../images/blog/plus_icon.png") no-repeat scroll center center transparent;
}
.sidebar-widget .sidebar-content ul.ul_popular_post  li>h5{
	margin-top:0px;
	padding:0px;
	margin-bottom:5px;
}
.sidebar-widget .sidebar-content ul.ul_popular_post  li>h5 a{
	font-size:13px;
	color:#707070;
}
.sidebar-widget .sidebar-content ul.ul_popular_post  li>h5 a:hover{
	color:#290855;
}
.sidebar-widget .sidebar-content ul.ul_popular_post .post_date {
	color:#9f9f9f;
	font-size:12px;
}
	


/* WIDGET TAG */
.sidebar-widget .sidebar-content ul.ul_tags {
	list-style:none outside none;
	margin:0;
	padding:0;
}
	
.sidebar-widget .sidebar-content ul.ul_tags  li {
	float:left;
	line-height:1.5;
	margin-right:4px;
	margin-bottom:4px;
}

.sidebar-widget .sidebar-content ul.ul_tags  li  a{
	font-size:12px;
	color:#9f9f9f;
	background-color:#fafafa;
	padding:5px 10px;
	display:inline-block;
	transition:0.4s;
	border-radius:2px;
}
.sidebar-widget .sidebar-content ul.ul_tags  li  a:hover{
	color:#ffffff;
	background-color:#290855;
	text-decoration:none;
	transition:0.4s;
}
/* WIDGET TWITTER */
.sidebar-widget .ul_twitter {
	list-style:none outside none;
	margin:0;
	padding:0;
	width:100%;
}
.sidebar-widget .ul_twitter  li{
	margin-bottom:20px;
}
.sidebar-widget .ul_twitter .twitter_header {	
	clear:both;
}
.sidebar-widget .ul_twitter .twitter_header  a {
	text-decoration:none;
	
}
.sidebar-widget .ul_twitter .twitter_header  a img{
	float:left;
	margin-right:10px;
	height:40px;
}

.sidebar-widget .ul_twitter .twitter_header .twitter_screen_name{
	font-size:14px;
	color:#290855;
	display:inline-block;
}
.sidebar-widget .ul_twitter li .twitter_time:before {
	white-space:pre;
	content:"\A ";
}
.sidebar-widget .ul_twitter .twitter_header  .twitter_time{
	font-size:12px;
	color:#9f9f9f;
}
.sidebar-widget .ul_twitter .twitter_content {
	font-size:13px;
	color:#606060;
	padding:15px;
	background-color:#fafafa;
	border-bottom:1px solid #ededed;
	margin-top:5px;
	border-radius:3px;
}

.sidebar-widget .ul_twitter .twitter_content a{
	color:#290855;
}

/*
15. WIDGET ENDS
*/


/*RESPONSIVE*/

/* RESPONSIVE */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* portfolio */
	.grid {
		padding: 10px 10px 100px 10px;
	}
	.grid li {
		width: 33.33%;
		min-width: 100px;
	}
	
	/* menu */
	#id_menu .navbar-default .navbar-collapse, #id_menu .navbar-default .navbar-form {
		border-color: #E7E7E7;
	}
	#id_menu .navbar-header {
		width:100%;
	}
	#id_menu .navbar-toggle {
		display:block;
		float:right;
	}
	#id_menu .navbar-collapse {
		border-top: 1px solid rgba(0, 0, 0, 0);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
		max-height: 450px;
		overflow-x: visible;
		padding-left: 15px;
		padding-right: 15px;
	}
	#id_menu .navbar-collapse.collapse{
		display:none !important;
	}
	#id_menu .nav > li {
		display:block;
		position:relative;
		float:none;
	}
	#id_menu .navbar-collapse.in {
		overflow-y:auto;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .wa-col-md-1, .wa-col-md-2, .wa-col-md-3, .wa-col-md-4, .wa-col-md-5, .wa-col-md-6, .wa-col-md-7, .wa-col-md-8, .wa-col-md-9, .wa-col-md-10, 
  .wa-col-md-11, .wa-col-md-12 {
    float: left;
  }
  .wa-col-md-12 {
    width: 100%;
  }
  .wa-col-md-11 {
      width: 50%;
  }
  .wa-col-md-10 {
     width: 50%;
  }
  .wa-col-md-9 {
     width: 50%;
  }
  .wa-col-md-8 {
      width: 50%;
  }
  .wa-col-md-7 {
      width: 50%;
  }
  .wa-col-md-6 {
     width: 50%;
  }
  .wa-col-md-5 {
      width: 50%;
  }
  .wa-col-md-4 {
     width: 50%;
  }
  .wa-col-md-3 {
      width: 50%;
  }
  .wa-col-md-2 {
    width: 50%;
  }
  .wa-col-md-1 {
     width: 50%;
  }
  
  /* portfolio */
	.grid {
		padding: 10px 10px 100px 10px;
	}
	.grid li {
		width: 50%;
		min-width: 100px;
	}
	

}
@media screen and (max-width: 480px) {
	/* portfolio */
	.grid {
		padding: 10px 10px 100px 10px;
	}
	.grid li {
		width: 100%;
		min-width: 100px;
	}
	
	/* skill */
	.ul_skill_box li .skill_rating .skill_rating_star {
		clear: both;
		padding-top: 3px;
		width: 100%;
		margin-left:0px;
	}

    .home_front h2
    {
        font-size: 40px;
    }

    .home_front h3
    {
        font-size: 40px;
    }

    .downloadLink {
        margin-top:5px;
    }
}
/* RESPONSIVE */

/*
RESPONSIVE 
*/
@media only screen and (max-width:  991px) {
	/* menu for single page */
	#id_menu.single_page_menu {
		position:fixed;
	}
	#id_menu .nav_ul_menu {
		float:none;
	}
	#id_menu .nav_ul_menu .nav{
	}
	#id_menu .nav > li > a:hover, #id_menu .nav > li.current > a {
		border-bottom: 0px solid #290855;
		color: #290855;
	}
	#id_menu .navbar-toggle:focus , #id_menu .navbar-toggle:hover {
		background-color:#290855;
		border-color:#290855;
		
	}
	#id_menu .navbar-default .navbar-toggle:hover .icon-bar,
	#id_menu .navbar-default .navbar-toggle:focus .icon-bar{
		background-color:#ffffff;
	}
	.m-float-right {
		float:right;
		clear:both;
	}
	.m-float-left {
		float:left;
		clear:both;
	}
	/* client */
	.ul_client .col-md-2 {
		text-align:center;
	}
	/* about profile */
	.div_profile {
		margin-bottom:30px;
	}
	/* team */
	.about_profile, .div_team {
		width:270px;
		padding:0 auto;
		margin:0 auto 30px;
		display:block;
		overflow:hidden;
	}
	/* skill */
	.ul_skill {
		margin-bottom:60px;
	}
	
	/* post */
	#content {
		margin-bottom:60px;
	}
	#content footer .entry-meta span.cat-links , #content footer .entry-meta span.byline{
		display:none;
	}
	
	/* footer */

    

	#footer .copyright {
		text-align:center;
	}
	.ul_social {
		float:none;
		text-align:center;
	}
	.ul_social li {
		float:none;
		display:inline-block;
	}

    .ul_questions > li .answer_container {
        width: 60px;
    }

    .ul_questions > li .answer_desc {
        margin-left: 70px;
    }

    .ul_skills p { 
        font-size: 15px;
    }

    .about_slogan h3 {
        font-size: 20px !important;
    }

    a.downloadLink {
        font-size: 14px;
    }

    .bg_transparent {
        height: 400px;
    }

    .home_front {
	    margin-top:80px;
    }

    .ul_questions {
        background: url("../images/resume/vertical_line.png") repeat-y scroll 29px top transparent;
    }

    .page-title-container h2 {
        font-size: 24px;
    }
}

/*
RESPONSIVE ENDS
*/


#logo {
    font-size: 32px;
}



/* ==========================================================================
   Portfolio Gallery
   ========================================================================== */

.portfolio {
    padding-top: 50px;
    padding-bottom: 50px;
}

.portfolio .item {
    display: block;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.25);
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.portfolio .item figure {
    display: block;
    position: relative;
    text-align: center;
    background-color: rgba(179, 6, 202, 0.8);
    color: #fff;
}

.portfolio .item figure img {
    display: block;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.portfolio .item figure i {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #fff;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -60px;
    z-index: 11;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.portfolio .item .caption {
    display: block;
    position: relative;
    padding: 15px 20px 20px;
    background: #FFF;
    /*border: 1px solid #ddd;
    border-top: none;*/
    position: relative;
}

.portfolio .item .caption:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    margin-left: 20px;
    width: 8px;
    height: 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    z-index: 100;
}

.portfolio .item .caption h2 {
    font-size: 17px;
    padding: 0;
    margin: 0 0 5px;
    line-height: 30px;
    font-weight: 600;
    text-align: left;
    font-family: 'Raleway', sans-serif;
    color: #555;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.portfolio .item .caption h3 {
    font-size: 13px;
    color: #9f9f9f;
    display: block;
    margin: 0;
    padding: 0;
}

/*** Add Hover Effects ***/

.portfolio .item:hover {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 1px 3px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 1px 3px 0px rgba(50, 50, 50, 0.5);
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
    
.portfolio .item:hover figure i {
    margin-top: -20px;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.portfolio .item:hover figure img {
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    
    opacity: 0.3;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.portfolio .item:hover .caption h2 {
    color: #7613C4;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.add-top {
    padding-top: 40px;
}

@media (min-width: 420px) and (max-width: 777px) {
.portfolio .col-sm-4 {
	width: 50%;
	float: left;
}
}

@media (max-width: 419px) {
.portfolio .col-sm-4 {
	width: 100%;
	float: none;
}
}

a:hover {
    padding-right: 2px;
    padding-left: 2px;
    color: white;
    background: rgb(153, 42, 190);
    -o-transition: color .2s ease-out, background 1s ease-in;
    -ms-transition: color .2s ease-out, background 1s ease-in;
    -moz-transition: color .2s ease-out, background 1s ease-in;
    -webkit-transition: color .2s ease-out, background 1s ease-in;
    /* ...and now override with proper CSS property */
    transition: color .2s ease-out, background 1s ease-in;
}