2187
/***************************************************************************************
Template Name:  Actify - Responsive HTML5,CSS3,Bootstrap 3 Template
Version: 1.1
Author: rajtheme
Description: Actify is a clean, and multi-purpose Bootstrap(3) Template. It is suitable for your business, corporate and creative agency or a portfolio projects and many more.
Template URI: http://bholacomputer.com/rajtheme-rajib-actify.com/theme-actify-rajibwubbholatown/actify/
*****************************************************************************************/

/*******************Import Google Fonts*******************/
@import url(http://fonts.googleapis.com/css?family=Dosis);
@import url(http://fonts.googleapis.com/css?family=Arimo);
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900,100,200,300);


/****************************************general css******************************/
.txtCntAlign{ text-align:center !important;}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/****************************************general css end******************************/


/*******************************Typography & Element****************************/

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}

.btn {
  font-weight: 400;
}
.btn-a-blue{
    background-color: blue;
}
.btn-a-red{
    background-color: red;
}
.btn-a-orange{
    background-color: orange;
}
.btn-a-sea{
    background-color:#c0c0c0;
}
.btn-a-yellow{
    background-color: teal;
}
.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
.btn-primary:focus{
    background-color: #FF7361;
    color: #FFF;
    outline: none;
}

iframe{
    border: none;
}
img{
    max-width: 100%;
}

/*******************************Typography & Element end****************************/



/***********************************page title below header********************************************/
#title{
    background-color: #222;
    color: #fff;
    border-bottom: 4px solid #eee;
    border-bottom: 4px solid #eee;
    padding: 100px 0px 8px 0px;
    position: relative;
}
#title h1{
    color: #fff;
}
/*************************page title below header end******************************************************/


/***************************************main content*********************************/
.main-content section{
    padding: 35px 0px;
    overflow: hidden;
}
/**************************************main content end******************************/

/*******************roof*******************/
.roof{
    padding: 8px 0px;
}
.roof a{
    color: #fff;
}
.roof a:hover{
    color: #FF7361;
}
.roof .roof-nav li{
    display: inline;
    margin-right: 15px;
}

/*******************roof end*******************/






/**********************************slider*********************************************/


/***************************fraction slider*********************/

.fraction-slider .main-content{
    padding-top: 88px;
}
/*******************fraction slider end*******************/

/*******************sequence slider*******************/
.sequence-slider-2 .main-content{
    padding-top: 88px;
}
.sequence-slider-1 .main-content{
    padding-top: 88px;
}
.sequence-slider-3 .main-content{
    padding-top: 88px;
}
/*******************sequence slider end*******************/

/***********************************slider end*******************************/

/******************************************************page specific**************************************************************************/

/***********************************about us page******************************************/
.about-us .feature-box i{
    color: #FF7361;
}
.about-us .about-us-content{
    margin-bottom: 20px;
}
.about-us .about-us-list li{
    padding:5px 0px;
}
.about-us .about-us-list li i{
    margin-right: 5px;
}
.about-us blockquote{
    margin-bottom: 0px;
}
.about-us .feature-box p{
    margin: 0px;
}
.about-us .feature-box h3{
    margin-top: 6px;
}
.about-us .feature-box .icon-md{
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 40px;
}
.about-us .feature-box:hover .icon-md{
    background-color: #FF7361;
    color: #fff;
    border:none;
    border-radius: 5px;
}
.about-us .feature-box-info:hover{
    cursor: pointer;
}
.about-us .feature-box-info:hover h3{
    color: #FF7361;
}
/*******************new way to success**********************/
.about-us .feature-box-icon{
    float: left;
}
.about-us .feature-box-info{
    overflow: hidden;
}
.section-header{
    margin-bottom: 40px;
}
.section-header h2{
    margin-top: 0px;
}
.player .controls{
    padding: 14px!important;
}
/*******************new way to success end*******************/

/*******************mission*******************/
.number-rounded{
    float: left;
    clear: both;
    background-color: #FF7361;
    width: 58px;
    height: 58px;
    border: 4px solid #EBEBEB;
    border-radius: 50%;
    color: #FFF;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    margin-right: 20px
}
.title-header{
    margin-bottom: 16px
}
/*******************mission end*******************/

/*******************about us end*******************/


/*************************************************services page****************************************/
.services-list .media{
    margin-bottom: 20px;
}
.services-list .media:hover{
    cursor: pointer;
}
.services-list .media:hover .icon-md{
    border-radius: 10%;
}
.service1 .alignnone img{
    padding: 6px;
    background-color: #E5E5E5;
    border: 1px solid #CECECE;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 372px;
    height: 218px;
}
.why-chose-us-list ul{
    list-style-type: none;
}
.why-chose-us-list ul li{
    margin-bottom: 10px;
}
.why-chose-us-list ul li i{
    margin-right: 10px;
    color: #FF7361;
}
.why-chose-us ul li:hover{
    cursor: pointer;
}
.why-chose-us h3{
    margin-top: 32px;
}
.feature-box i{
    float: left;
    margin-right: 20px;
    color: #FF7361;
}
.feature-box p{
    margin-bottom: 50px;
}
/*********************************service page 2**********************************/

.services2 .feature-content .feature-box i{
    font-size: 20px;
    position: relative;
    top: 8px;
}
.services2 .our-skill{
    background-color: #FCFCFC;
    border-top: 1px solid #EEE;
}
.services2 .our-skill .skills .col-md-3 .creativity{
    background-color: #fff;
    background-color: #FFF;
    padding: 5px 10px;
    text-align: center;
}
.services2  .progress, .progress .bar{
    height: 5px;
    border-radius: 0;
    line-height: 30px;
    margin-bottom: 0px;
    margin-top: 10px;
}
.skills .tile-progress:hover{
    cursor: pointer;
}
/*********************services slider**********************/
.services .carousel-inner{
    height: 242px;
}
.services2 .main-content #main-slider{
    padding-top: 0px;
    border-bottom: none;
}
.services2 .main-content #main-slider:hover a{
    opacity: 1;
    background: rgba(0, 0, 0, 0.75)!important;

}
/*********************services slider  end**********************/

/********************************************service page 2 end*******************************************************/

/*************************************************services page end****************************************/


/*****************************************Team member*************************************/
.team-member figure.alignnone img{
    width: 333px;
    height: 300px;
}
.team-member hgroup {
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 10px;
}
.team-member hgroup h4{
    position: relative;
    left: 4px;
}
.team-member .social-links a{
    background-color: #FF7361;
    color: #FFF;
    border-radius: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 43px;
    text-align: center;
}
.team-member .social-links a:hover{
    background-color: #E5E5E5;
    color: #ff7361;
}
.team-member h2{
    margin-top: 4px;
}
/*****************************************Team member end*************************************/


/*************************************************term page*************************************************/

.terms .main-content section {
    padding: 35px 22px;
    overflow: visible;
}
.terms .term-list ol li{
    margin-bottom: 20px;
}
.terms .term-list ol li h4{
    text-transform: uppercase;
}

/***************************term page end***************************/

/************************contact pages*****************************/

/***************************contact option 1************************/

.contact-option-1 #contactform{
    background-color: #F2F2F2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    padding: 27px 30px 30px;
}
.contact-option-1 #contactform h3{
    margin-top: 0px;
}
.contact-option-1 label {
    font-weight: bold;
    margin-bottom: 3px;
    display: block;
}
.contact-option-1 input[type="text"]{
    border: 1px solid #E1E1E1;
    -webkit-box-shadow: 0 1px #FFF, inset 0 1px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
    box-shadow: 0 1px #FFF, inset 0 1px 4px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 22px;
    padding: 8px 12px;
    -webkit-appearance: none;
}
.contact-option-1 .input-block-level{
    box-sizing: border-box;
    min-height: 40px !important;
    width: 100%;
}
.contact-option-1 input[type="email"]:hover{
    border-color: #CCC;
    text-decoration: none;
}
.contact-option-1 input[type="email"]{
    border: 1px solid #E1E1E1;
    -webkit-box-shadow: 0 1px #FFF, inset 0 1px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
    box-shadow: 0 1px #FFF, inset 0 1px 4px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 22px;
    padding: 8px 12px;
    -webkit-appearance: none;
}
.contact-option-1 textarea {
    height: 100px;
    max-width: 100%;
    width: 452px;
    border: 1px solid #E1E1E1;
    -webkit-box-shadow: 0 1px #FFF, inset 0 1px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
    box-shadow: 0 1px #FFF, inset 0 1px 4px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 22px;
    padding: 8px 12px;
    -webkit-appearance: none;
}
.contact-option-1 #contactform .buttons-box {
    font-size: 11px;
    line-height: 1.5;
    padding: 10px 0 0;
    text-align: right;
}
span.required{
    color: #FF7361;
}
.contact-option-1 button#submit{
    color: #FFF;
    padding: 7px 24px;
}
.contact-option-1 hr{
    background: rgba(0, 0, 0, 0) url(../images/divider.png) no-repeat center 0;
    border: 0;
    margin: 22px 0 22px 0;
    height: 6px;
}
.contact-option-1 .social-icons li{
    display: inline;
}
.icon-ok{
    color: #FF7361;
}
/********************************************contact option one end***************************************/

/********************************************contact option two********************************************/
.contact-option-2 .who li{
    margin-bottom: 6px;
}
.contact-option-2 .who li i {
    color: #FF7361;
    position: relative;
    top: 2px;
    margin-right: 7px;
    font-size: 18px;
}
.contact-option-2 .who li a{
    color: #585F69;
}
.contact-option-2 .who li a:hover{
    color: #FF7361;
}
.contact-option-2 section.contact-us{
    padding-top: 0px;
}
/********************************************contact option two end********************************************/

/********************************************contact option three********************************************/

.contact-option-3 .our_address .icon-md{
    font-size: 25px;
    height: 50px;
    width: 50px;
    line-height: 51px;
    margin-bottom: 15px;
}
.contact-option-3 .comment_box_form input[type="text"] {
    border: 1px solid #707070;
    height: 35px;
    margin-bottom: 20px;
    font-size: 13px;
    width: 247px;
    padding-left: 10px;
}
.contact-option-3 textarea{
    padding: 10px;
    width: 100%;
    height: 180px;
    margin-bottom: 25px;
    border: 1px solid #707070;
}
.contact-option-3 input.send{
    float: right;
    padding: 5px 15px;
    background-color: #FF7361;
    border: none;
    color: #FFF;
    text-transform: uppercase;
}
.contact-option-3 .contact_information .contact_info_title h4{
    margin-bottom: 0px;
}
.contact-option-3 .contact_information .contact_info_title p{
    margin-bottom: 30px;
}
.btn-primary{
    font-size: 16px;
}
/********************************************contact option three end********************************************/

/***********************************contact pages end**********************************/

/**************************categories blog**************************/
.category-page .main-content #main-slider{
    border-bottom: none;
    padding-top: 0px;
}
.category-page .main-content #main-slider .carousel{
    height: 380px;
}
.category-page .main-content #main-slider .arrow-controller{
    visibility: hidden;
}
.category-page .main-content #main-slider:hover .arrow-controller{
    visibility: visible;
}
.category-page .video-post-heading{
    margin-top: -5px;
}
#blog .carousel-inner div{
    border-radius: 5px 5px 0px 0px;
}
#blog .carousel-indicators{
    bottom: 0px;
}
/**************************categories blog end**********************************/

/************************************blog aside******************************/

#blog aside .search button{
background: #FF7361;
border: none;
padding: 7px 20px;
}
#blog aside .widget-categories ul li a:hover{
    color: #222;
    padding-left: 5px;
}
#blog aside .latest-posts-list li{
    margin-bottom: 20px;
}
 #blog aside .latest-posts-list li .thumbnail{
     margin-bottom: 5px;
     border: 5px solid #ddd;
     padding: 0px;
     border-radius: 0px;
}
.blog-heading{
    background-color: #FF7361;
}
.blog-heading h3{
    color: #fff;
    padding: 3px 0px 0px 10px;
}
.blog-heading .entry-meta span{
    color: #fff;
}
.blog-heading .entry-meta span a{
    color: #fff;
}
.blog-heading .entry-meta span i{
    color: #fff;
    margin-right: 3px;
}
aside .latest-posts-list {
    padding: 0;
    list-style-type: none;
}
aside .tabs .tab-content{
    padding: 30px 20px;
}
/************************************blog aside end******************************/

/*****************************comments*******************************************/
#comments-list img{
    width: 80px;
    background-color: #E5E5E5;
    border: 1px solid #CECECE;
}
#comment-form h3{
    margin-bottom: 7px;
}
#blog .author img{
    width: 100px;
    border-radius: 50%;
    background-color: #E5E5E5;
    border: 1px solid #CECECE;

}
.author .media-body{
    margin-top: 16px;
}
/********************************comments end****************************************************/

/************************categories blog end************************/

/**************************typography************************/
.typography .description-type{
    overflow: hidden;
}
.list li{
    list-style-type: none;
}
.list ul, ol{
    padding: 0;
}
/**************************typography end************************/

/*************************Testimonial******************************/

.testimonial img {
    max-width: 80px;
    margin-top: 20px;
    margin-right: 15px;
}
.testimonial .testimonial-text {
    background: #FF7361;
    padding: 10px;
    color: #FFF;
}
.testimonial .client-info {
    margin-top: 27px;
}
.testimonial .testimonial-arrow {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 7%;
    bottom: 90px;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #FF7361 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.testimonial .round-image img {
    border-radius: 100%;
}
.client-info h4,h5{
    margin: 0px;
}
.testimonial-style-2 .item img{
    margin: 0px;
    border: 4px solid #EBEBEB;
}
.testimonial-style-2 .item .testimonials{
    padding: 0px;
    position: relative;
    top: 16px;
}
.testimonial-style-2 .item .testimonials p{
    padding: 0px;
}
.testimonial-style-2 .item  .col-md-2{
    padding: 0px;
}
.testimonial .navigation .controller{
    position: absolute;
    top: 48px;
    right: 20px;
}
.pagination-testimonai .carousel-indicators .active {
    background-color: #FF7361;
}
.pagination-testimonai .carousel-indicators li {
    border: 1px solid #FF7361;
}
.pagination-testimonai .carousel-indicators{
    position: absolute;
    top: 0px;
    right: 0;
    left: 96%;
}
/***********************Testimonial end*********************/

/********************************gallery page***************************/
.galleries .thumbnails{
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0px;
}
.galleries .thumbnails .thumbnail{
    border: none;
}
.galleries ul{
    list-style-type: none;
}
.galleries .thumbnails img{
    height: 195px;
    border-radius: 4px;
}
.galleries .pagination-centered{
    text-align: center;
}
.overlay-zoom{
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    z-index: 90;
}
 .overlay-zoom .zoom-icon {
    background-image: url("../images/overlay-icon.png");
    background-color: #000;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
    z-index: 100;
    filter: alpha(opacity = 0);
    top: 0;
    -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;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
     border-radius: 4px;
}
.zoomer:hover .overlay-zoom .zoom-icon {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.4;
    filter: alpha(opacity = 50);
}
.galleries .pagination-custom .active a{
    background-color: #FF7361;
    border: none;
}
.galleries .pagination-custom a:hover{
    background-color: #FF7361;
    color: #fff;
}
/********************************gallery page end***************************/

/********************************icons page***************************/
.icons .icnos-full-img{
    width: 1200px;
}
/********************************icons page end***************************/

/*tell your video story in home page*/
.main-home-page .tell-your-story{
	border-top:none;
}
/*tell your video story in home page end*/

/*********************************home version 1************************************/

.why-chose-us ul li{
    line-height: 18px;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    padding-left: 30px;
}
.why-chose-us ul li:before{
    color: #FFF ;
    background-color: #FF7361;
    -webkit-border-radius: 75px;
    border-radius: 75px;
    text-align: center;
    font-size: 9px;
    display: inline-block;
    height: 18px;
    width: 18px;
    float: left;
    margin-right: 0;
    margin-left: -30px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    content: '\f046';
    text-decoration: inherit;
}
section.hire-us{
    background:url("../images/hire-us.jpg");
    padding: 80px 0;
    color: #FFF;
}
section.hire-us h2{
    color: #fff;
    margin-top: 0px;
}
section.hire-us a{
   visibility: hidden;
}
section.hire-us:hover a{
    visibility: visible;
}
section.hire-us .btn-lg{
    background-color: #FF7361;
    color: #FFF;
    border-radius: 0;
    position: relative;
    top: 50px;
    padding: 13px 30px;
}
section.hire-us:hover .btn-lg{
    position: relative;
    top: 70px;
}
.welcome{
    background-color: #FCFCFC;
    border-top: 1px solid #EEE;
}
.home-version-1 .features .col-md-4:hover h3{
    color: #FF7361;
}
.tabs h6{
    margin-top: 0px;
    margin-bottom: 4px;
}
.tabs h6 a{
    font-size: 18px;
}
/*********************************home version 1 end**********************/

/**************************home version 2**********************************/
.home-version-2 .features .featured-item .icon-box .icon i{
    float: left;
    height: 40px;
    width: 40px;
    font-size: 30px;
    line-height: 42px;
}
.home-version-2 .features .col-md-4:hover h4{
    color: #FF7361;
    cursor: pointer;
}

.home-version-2 .features .featured-item .icon-box .icon-box-body h4{
    position: relative;
    top: 10px;
    margin-bottom: 35px;
}
.home-version-2 .features .featured-item .icon-box .icon-box-body p{
    font-family: 'Arimo', sans-serif;
}
.home-version-2 .purchase{
    padding-top: 0px;
    background-color: #FCFCFC;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}
.home-version-2 .purchase .purchase-button{
    position: relative;
    top: 30px;
}
.home-version-2 .purchase .purchase-button .btn-a{
    padding: 14px 31px 13px;
    font-size: 20px;
}
.home-version-2 .purchase-content h2{
    font-size: 40px;
}
.home-version-2 .latest-blog-post ul{
    padding: 0px;
}
.home-version-2 .latest-blog-post ul.meta li{
    display: inline;
    margin-right: 10px;
}
.home-version-2 .latest-blog-post ul.meta li a{
    color: #666;
}
.home-version-2 .latest-blog-post ul.meta li a:hover{
    color: #FF7361;
}
.home-version-2 .accordion-carousel{
    background-color: #FCFCFC;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}

/**************************home version 2 end********************************/

/**************************home version 3 end********************************/
.home-version-3 .we-do{
    background-color: #FCFCFC;
    border-top: 1px solid #EEE;
}
.home-version-3 .features .col-md-3{
    text-align: center;
}
.home-version-3 .features i{
    font-size: 40px;
}
.home-version-3 .features .col-md-3:hover i{
    color: #FF7361;
}
.home-version-3 .features .col-md-3:hover h3{
    color: #FF7361;
}
.home-version-3 .features .col-md-3 h3{
    text-transform: uppercase;
}
.home-version-3 .services .service-1 i{
    float: left;
    margin-right: 10px;
    margin-top: 7px;
    font-size: 15px;
}
.home-version-3 .services .service-1:hover i{
    color: #FF7361;
}
.home-version-3 .services .service-1:hover h3{
    color: #FF7361;
}
.home-version-3 .ccr-pricing-table{
    margin: 0px;
}
/**************************home version 3 end********************************/


/**************************home version 4 end********************************/
.home-version-4 .welcome{
    background: #fff;
}
.home-version-4 .services{
    background-color: #FCFCFC;
    border-top: 1px solid #EEE;
}
.home-version-4 .services i{
    font-size: 35px;
}
.service-box:hover i{
    color: #FF7361;
}
.home-version-4 #main-slider .carousel .item{
    height: 350px;
}
.home-version-4 .welcome h1{
    margin-top: 0px;
}
.home-version-4 .tell-your-story{
    border-top: none;
}
.home-version-4 .tell-your-story p{
    margin-bottom: 10px
}
/**************************home version 4 end********************************/


/******************************************Home version 5***********************************/
.home-version-5 .tell-your-story{
    padding-top: 0px;
    padding-bottom: 0;
    border-bottom: none;
}
.home-version-5 .features .col-md-4{
    text-align: center;
}
.home-version-5 .features .col-md-4 i{
    font-size: 40px;
}
.home-version-5 .features h3{
    text-transform: uppercase;
}
.home-version-5 .features .col-md-4:hover i{
    color: #FF7361;
}
.home-version-5 .features .col-md-4:hover h3{
    color: #FF7361;
}
.home-version-5 h3.capability{
    margin-top: 0;
}
.home-version-5 .who-we-content{
    margin-top: 5px;
}
.home-version-5 .who-we-content ul li {
    display: inline;
    margin-right: 10px;
}
.home-version-5 .who-we-content ul li i{
    font-size: 18px;
}
.home-version-5 .who-we-content ul{
    margin-top: 27px;
    padding: 0;
}
.home-version-5 .we-provide ul{
    padding: 0;
    list-style-type: none;
    margin-bottom: 20px;
}
.home-version-5 .we-provide ul li{
    padding: 4px 0 25px 50px;
}
.home-version-5 .we-provide .btn{
    position: relative;
    right: 15px;
    padding: 10px 20px;
}
.home-version-5 .we-provide ul li:before{
    position: absolute;
    left: 0;
    display: block;
    content: "\f0da";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #FF7361;
    margin-right: 10px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 1px solid #FF7361;
    width: 28px;
    height: 28px;
    border: 1px solid #FF7361;
    border-radius: 2px;
    text-align: center;
    line-height: 26px;
    content: "\f00c";
}
.home-version-5 #testimonials{
    border: none;
}
.home-version-5 .who-we{
    background-color: #FCFCFC;
    border-top: 1px solid #EEE;
}
.home-version-5 .tell-your-story{
    border-top: none;
}
/******************************************Home version 5 end********************************/


/***************************specialities******************************/
#specialities{
    border-bottom: 1px solid #eee;
}
#specialities .media i{
    position: relative;
    left: 40px;
    font-size: 25px;
    transition: all 0.5s;
}
#specialities .media:hover i{
    color: #FF7361;
}
#specialities .media:hover h3{
    color: #FF7361;
}
#specialities .media h3{
    margin-left: 48px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#specialities .media p{
    margin-top: 15px;
    line-height: 20px;
}
#specialities .media p span{
    color:#FF7361 ;
}
#specialities .media:hover{
    cursor: pointer;
}
#specialities .media:hover i {

}

/***************************specialities end******************************/

/****************************services***********************************/
#services{
    background: #fcfcfc;
}
#services span{
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    display: inline-block;
}
#services .service-box:hover span{
    color: #FF7361;
    -moz-transform: scale(1.1) rotate(360deg);
    -webkit-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    transform: scale(1.1) rotate(360deg);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.service-list-top{
    overflow: hidden;
    margin-bottom: 20px;
}
.service-header{
    margin-bottom: 50px;
}
.service-box{
    text-align: center;
    margin-bottom: 30px;
}
.service-box span{
    font-size: 50px;
}
.service-box:hover{
    cursor: pointer;
}
.service-box:hover{

}
.service-box:hover span{
    color: #FF7361;
     transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.service-box:hover h3{
    color: #FF7361;
}
/****************************services end***********************************/


/******************************************recent work************************************/
#recent-works {
background-color:#2f2f2f;
}
#recent-works h2{
    color: #fff;
}
.recent-top-image{
    margin-bottom: 20px;
}
.og-grid li{
    margin: 0px 16px 0px 16px!important;
}

/******************************************recent work end************************************/

/*****************************************************full screen video*****************************/
.full-width-box {
    padding: 120px 0;
    position: relative;
}
.full-width-box > .bg {
    background-repeat: no-repeat;
    background-position: center top;
    background-color: inherit;
    bottom: 0;
    left:0px;
    overflow: hidden;
    position: absolute;
    right:0px;
    text-align: center;
    top: 0;
    z-index: -1;
}
.full-width-box.full-width-video-box video, .full-width-box.full-width-video-box .bg img {
    vertical-align: top;
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: inherit;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
}
.full-width-box > .bg .overlay {
    background: #000;
    height: 100%;
    opacity: .2;
    filter: alpha(opacity=20);
    width: 100%;
}
.tell-your-story h2{
    color: #fff;
}
.tell-your-story p{
    color: #fff;
}
.tell-your-story .section-header{
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.tell-your-story{
    border-bottom: 1px solid #EEE;
    border-top: 1px solid #EEE;
}
.tell-your-story a{
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    color: #fff;
    box-shadow: 0 0 #ff7361 inset;
    -webkit-transition: all 0.8s ease-in-out 0s !important;
    -moz-transition: all 0.8 ease-in-out 0s !important;
    -ms-transition: all 0.8 ease-in-out 0s !important;
    -o-transition: all 0.8 ease-in-out 0s !important;
    transition: all 0.8s ease-in-out 0s !important;
}
.tell-your-story a:hover{
    color: #fff;
    text-decoration: none;
    background: transparent;
    box-shadow: 1200px 0 #ff7361 inset;
    border-color: #ff7361;
}
/*****************************************************full screen video end*****************************/

/*****************************************************our clients*****************************/
.main-home-page section.our-clients{
    background-color: #FCFCFC;
}
/*****************************************************our clients end*****************************/

/*******************************************features******************************************/
.featured-header{
    margin-bottom: 50px;
}
#feature{
    overflow: hidden;
}
.feature-box .top{
    margin-bottom: 40px;
}
.features h3:hover{
    cursor: pointer;
}
.features p:hover{
    cursor: pointer;
}

/************************form page******************************/
.form-page .alert{
    margin-top: 25px;
    margin-bottom: 0px;
}
.form-page .panel{
    box-shadow: 0 1px 10px rgba(0,0,0,0.09);
}
.page-login .box-content{
    color: #222;
}
button{
    color: #fff;
    border: none;
    outline: none;
    border-radius: 0px;
    padding: 8px 15px;
    border-radius: 4px;
    font-size: 15px;
}
.form-inline button{
    font-size: 13px;
}
.btn-primary{
    border: none;
}
.disabled-form{
    box-shadow: 0 1px 10px rgba(0,0,0,0.09);
    padding: 15px;
}
.disabled-form .panel-title{
    margin-bottom: 15px;
}
/************************form page end**************************/


/************************accardion-and-tabs*************************/
.accordion-style-1 .panel-heading a:after{
    content: "\f107";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    float: right;
    font-size: 20px;
    font-weight: bold;
}
.accordion-style-1 .panel-heading a.collapsed:after{
    content: "\f105";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}
.accordion-style-2 .panel-heading a:after{
    content: "\f068";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    float: right;
    font-size: 20px;
    font-weight: bold;
}
.accordion-style-2 .panel-heading a.collapsed:after{
    content:"\f067";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}
/************************accardion-and-tabs end**************************/

/*************************button page***************************/

.button-page section.buttons-box3{
    padding-bottom: 154px;;
}
.button-page section.buttons-box3 .dropdown-menu{
    min-width: 110px;
}
.btn-a{
    background-color: #FF7361;
    border: none;
    padding: 7px 24px;
}
.btn-a:hover{
    background-color: #F64D37;
}
.btn-a-blue{
    background-color: blue;
}
.btn-a-blue:hover{
    background-color: rgb(28, 28, 241);
}
.btn-a-red{
    background-color: red;
}
.btn-a-red:hover{
    background-color: rgb(240, 40, 40);
}
.btn-a-orange{
    background-color: orange;
}
.btn-a-orange:hover{
    background-color: rgb(248, 165, 13);
}
.btn-a-silver{
    background-color: #c0c0c0;
}
.btn-a-silver:hover{
    background-color: #BDB3B3;
}
.btn-a-green{
    background-color: green;
}
.btn-a-green:hover{
    background-color: rgb(15, 112, 15);
}
.btn-a-teal{
    background-color: teal;
}
.btn-a-teal:hover{
    background-color: rgb(29, 161, 162);
}
.btn-a-gray{
    background-color: #222;
}
.btn-block{
    border: none;
}
.btn-a-black{
    background-color: #222;
}
.btn-a-black:hover{
    background-color: #252c34;
}
.buttons-box3{
    padding-bottom: 136px!important;
}

/*************************button page end***********************/

/***************************content box*****************************/
.solid-pink{
    background-color: #EE8D77;
}
.content-box .alert{
    padding: 5px;
}
.title-heading{
    border-color: #e75c3c;
    margin: 0px;
    padding: 5px 10px;
    color: #fff;
    font-size: 25px;
}
.title-solid-color{
    background-color: #e75c3c;
}
.box-content{
    padding: 10px 10px;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
}
.solid-dark{
    background-color: #423F3F;
}
.title-solid-dark{
    background-color: #222;
}
.solid-fade-green{
    background-color: #2ecc71;
}
.title-solid-fade-green{
    background-color: #27ae60;
}
.title-solid-clouds{
    background-color: #bdc3c7;
}
.solid-clouds .box-content{
    background-color: #ecf0f1;
    color: #000;
}
.title-solid-paste{
    background-color: #1abc9c;
}
.solid-paste{
    background-color: #7ECCBC;
}
.solid-sky-blue{
    background-color: #3498db;
}
.title-solid-sky-blue{
    background-color: #2980b9;
}
.title-solid-dark-blue{
    background-color: #2c3e50;
}
.solid-dark-blue{
    background-color: #34495e;
}
.solid-orange{
    background-color: #f39c12;
}
.title-solid-orange{
    background-color: #F27B13;
}
.solid-green{
    background-color: green;
    color: #fff;
    padding: 10px;
}
.solid-gray{
    background-color: #222;
    color: #fff;
    padding: 10px;
}
.orange{
    background-color: #f39c12;
    color: #fff;
    padding: 10px;
}
.yellowgreen{
    background-color: yellowgreen;
    color: #fff;
    padding: 10px;
}
.icons-box{
    font-size: 15px;
}
.icons-box i{
    font-size: 30px;
    font-weight: normal;
}
.icons-box p{
    margin: 4px 0px;
}
.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    border: 1px solid #fff;
    background-color: #f9f9f9;
}
.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}
.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
.bs-glyphicons li {
    width: 12.5%;
    font-size: 12px;
    list-style: none;
}
.bs-glyphicons li:hover {
    color: #fff;
    background-color: #FF7361;
}
/***************************content box end*****************************/

/**************************************chose us and tabs***********************************/
#chose-us{
    background-color: #FCFCFC;
    border-bottom:1px solid #eee;
    border-top: 1px solid #EEE;
}
.tabs .nav-tabs {
    border-bottom: none;
}
.tabs .nav-tabs > li {
    margin-bottom: 0;
}
.tabs .nav-tabs > li.active > a {
    color: #DC2A0B;
}
.tabs .nav-tabs > li > a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
}
.tabs .nav-tabs > li.active > a:before {
    background: #FFF;
}
.tabs .nav-tabs > li.active > a {
    color: #DC2A0B;
    border-left-color: #DCDCDC;
    border-right-color: #DCDCDC;
    background: #FFF;
}
.tabs .nav-tabs > li.active > a {
    color: #DC2A0B;
    border-left-color: #DCDCDC;
    border-right-color: #DCDCDC;
    background: #FFF;
}
.tabs .nav-tabs > li > a {
    background: #F7F7F7;
    margin-right: 2px;
    border-left: 1px solid #F7F7F7;
    border-right: 1px solid #F7F7F7;
    border-bottom: none !important;
    border-radius: 0;
    padding: 12px 20px;
    color: #6D6D6D;
    position: relative;
}
.tabs .nav-tabs > li > a i {
    margin-right: 4px;
}
.tabs .tab-content {
    padding: 30px 28px;
    border: 1px solid #DCDCDC;
    background: #FFF;
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);
}
.tab-content>.active {
    display: block;
}
.alignleft img {
    float: left;
    margin: 0 20px 10px 0;
}
.alignleft img, .alignright img, .alignnone img, .aligncenter img {
    padding: 6px;
    background-color: #E5E5E5;
    border: 1px solid #CECECE;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 195px;
    height: 150px;
}

/*******************progress bar*******************/
.progress-bar {
    background-image: -webkit-linear-gradient(top, #FF7361 0%, #AB2109 100%);
    background-image: linear-gradient(to bottom, #FF7361 0%, #FF7361 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc2a0b', endColorstr='#ffab2109', GradientType=0);
}
.progress-bar {
    line-height: 29px;
    height: 36px;
    overflow: hidden;
    position: relative;
    text-align: right;
    padding: 0 20px;
    background-repeat: repeat-x;
}
.progress-bar span{
    float: left;
}
/*******************progress bar end*******************/
.capability{
    margin-bottom: 19px;
    margin-top: 29px;
}
/**************************************chose us end and tabs end***********************************/

/*******************************************testimonials******************************************/
.testimonials h5{
    line-height: 21px;
    font-weight: normal;
    font-size: 12px;
}
#testimonials{
    background-color: #FCFCFC;
    border-top: 1px solid #EEE;
}
#testimonials img{
    height: 130px;
    width: 139px;
    margin: 0 auto;
    margin-bottom: 20px;
}
#testimonials a.right{
    position: absolute;
    top: 90px;
    right: 0;
}
#testimonials a.left{
    position: absolute;
    top: 90px;
    left: 0;
}

#testimonials .carousel-indicators{
    top: 220px;
}
#testimonials .carousel-indicators li{
    border: 1px solid #FF7361;
}
#testimonials .carousel-indicators .active{
    background-color: #FF7361;
}
#testimonials .pull-right a{
    background: #222;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#testimonials .pull-right a:hover{
    background: #eee;
}

#testimonials .pull-right a span{
    line-height: 46px;
    position: relative;
    left: 18px;
    font-size: 15px;
    font-weight: normal;
}
#testimonials:hover .pull-right{
    visibility: visible;
}
#testimonials .pull-right{
    visibility: hidden;
}
.testimonials p{
    padding: 0px 45px;
    text-align: center;
}
.testimonials small{
    font-weight: bold;
}
.tabs {
    position: relative;
    margin: 30px auto;
}

.tabs input {
    position: absolute;
    z-index: 1000;
    width: 120px;
    height: 40px;
    left: 0px;
    top: 0px;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    cursor: pointer;
}
.tabs input#tab-2{
    left: 120px;
}
.tabs input#tab-3{
    left: 240px;
}
.tabs input#tab-4{
    left: 360px;
}

.tabs label {
    background: #5ba4a4;
    background: -moz-linear-gradient(top, #5ba4a4 0%, #4e8c8a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba4a4), color-stop(100%,#4e8c8a));
    background: -webkit-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);
    background: -o-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);
    background: -ms-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);
    background: linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    position: relative;
    padding: 0 20px;
    float: left;
    display: block;
    width: 80px;
    color: #385c5b;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}

.tabs label:after {
    content: '';
    background: #fff;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
}

.tabs input:hover + label {
    background: #5ba4a4;
}

.tabs label:first-of-type {
    z-index: 4;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}

.tab-label-2 {
    z-index: 3;
}

.tab-label-3 {
    z-index: 2;
}

.tab-label-4 {
    z-index: 1;
}

.tabs input:checked + label {
    background: #fff;
    z-index: 6;
}

.clear-shadow {
    clear: both;
}

.content {
    background: #fff;
    position: relative;
    width: 100%;
    height: 370px;
    z-index: 5;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 0 3px 3px 3px;
}

.content div {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 40px;
    z-index: 1;
    opacity: 0;

    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    -ms-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}
.content div h2,
.content div h3{
    color: #398080;
}
.content div p {
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    text-align: left;
    margin: 0;
    color: #777;
    padding-left: 15px;
    font-family: Cambria, Georgia, serif;
    border-left: 8px solid rgba(63,148,148, 0.1);
}
/*******************************************testimonials end******************************************/

/***********************************partners*********************************/
.partners img{
    opacity: 0.5;
}
.partners .col-md-4{
    padding: 0px;
    margin-bottom: 15px;
}
.partners .make{
    background: #F7F7F7;
    border: 1px solid #F7F7F7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: table-cell;
    line-height: 0;
    opacity: .6;
    filter: alpha(opacity=60);
    padding: 3px 11px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: background .2s linear, border .2s linear, opacity .2s linear;
    transition: background .2s linear, border .2s linear, opacity .2s linear;
}
.partners a.make:hover {
    background: #F2F2F2;
    border: 1px solid #CCC;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: background .2s linear, border .2s linear, opacity .2s linear;
    transition: background .2s linear, border .2s linear, opacity .2s linear;
}

/***********************************partners end******************************/

/*************************blog post**************************/
.blog-post ul{
    list-style-type: none;
    padding: 0;
}
.blog-post ul li{
    overflow: hidden;
    padding: 20px 0px;
    border-bottom: 1px solid #EEE;
}
.blog-post ul li img{
    border-radius: 50%;
}
.blog-post ul li:last-child{
    border-bottom: 0px;
}
.blog-post ul li img{
    margin-right: 17px;
    float: left;
    width: 80px;
}
.blog-description a{
    color:#666;
}
.latest-posts .meta{
    margin-top: 16px;
    margin-bottom: 3px;
    color: #7F7F7F;
    font-size: 10px;
}
.latest-posts .blog-description a:hover{
    text-decoration: underline;
}
/*************************blog post end**************************/

/******************** client logos ********************/
#clients {
    display: block;
    margin-bottom: 15px;
}

#clients .clients-wrap {
    display: block;
    width: 1167px;
    margin: 0 auto;
    overflow: hidden;
}

#clients .clients-wrap ul {
    display: block;
    list-style: none;
    position: relative;
    width: 1330px!important;
    padding: 0px;
}

#clients .clients-wrap ul li {
    display: block;
    float: left;
    position: relative;
    width: 144px;
    height:144px;
    line-height: 143px;
    text-align: center;
    background-color: #FAFAFA;
    margin-right: 2px;
}
#clients .clients-wrap ul li img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    opacity: 0.65;
}
#clients .clients-wrap ul li img:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1.0;
}
.clients-header h3{
    margin: 0px;
}

/*******************clients* end*****************************/

/*************************************404 page***************************************/
.error {
    margin: 0;
    font-size: 200px;
    line-height: 200px;
    font-weight: bold;
}
.error {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9), 0 1px 0 rgba(255, 255, 255, 0.7);
}
.error > span {
    display: inline-block;
    position: relative;
}
.error > span:before {
    content: "";
    position: absolute;
    top: 70%;
    left: -30px;
    right: -30px;
    height: 80px;
    background: url(../images/shadow.png) no-repeat;
    background-size: 100% 100%;
}
.error-404 .message {
    padding: 5px 391px;
}
/*************************************404 page end**************** *******************/


/*************************************Login/Registration**************** *******************/
#login-registration .registration-button {
    position: relative;
    top: 12px;
}
/*************************************Login/Registration**************** *******************/


/*************************************Faq page***********************************/
.faqs-section .contact-address h3{
    margin-top: 32px;
}
.faqs-section .contact-address ul li{
    padding-bottom: 10px;
}
.faqs-section .contact-address ul li i{
    margin-right: 5px;
}

/*************************************Faq page end**************** *******************/


/***************************************portfolio*********************************************/

.portfolio-items,
.portfolio-filter {
  list-style: none;
  padding: 0;
  margin:20px 0px;
}
.portfolio-filter > li {
  display: inline-block;
  margin:5px;
}
.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.portfolio-items.col-2 > li {
  width: 50%;
}
.portfolio-items.col-3 > li {
  width: 33%;
}
.portfolio-items.col-4 > li {
  width: 25%;
}
.portfolio-items.col-5 > li {
  width: 20%;
}
.portfolio-items.col-6 > li {
  width: 16%;
}


.portfolio-item {
  padding: 0;
  margin: 0;
}
.portfolio-item .item-inner {
  background: #fff;
  padding: 0px 0px 0;
  margin: 0 15px 15px 0;
  position: relative;
  
}
.portfolio-item .item-inner h3{
    text-align: center; padding:13px 0px;
    background-color: #CEA541;
	color: #FFF;
	margin-top: 0px;
}
.portfolio-item img {
  width: 100%;
}
.portfolio-full-width img{
    height: 310px;
}
.portfolio-item:hover .item-inner{
    border: none;
}
.portfolio-item h5 {
 
  margin: 0;
  padding: 0px 0;
  font-weight: 700;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*.portfolio-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  opacity: 0;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
  padding: 8px 13px;
  border-radius: 5px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.portfolio-item:hover .overlay {
  opacity: 1;
}
.portfolio-item:hover .overlay i{
    font-size: 20px;
}

.portfolio-item .overlay .btn{
    background-color:#FDC71F;;
    border:2px solid #fff;
}
.portfolio-item .overlay .zoom-in{
    margin-bottom: -572px;
}
.portfolio-item .overlay:hover .zoom-in{
    margin-bottom: 0px;
}
.portfolio-item .overlay .details{
    margin-bottom: -182px;
}
.portfolio-item .overlay:hover .details{
    margin-bottom: 0px;
}
/******************* Start: Recommended Isotope styles *******************/

/********************** 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;
}
/******************* End: Recommended Isotope styles *******************/
/******************* disable CSS transitions for containers with infinite scrolling*******************/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.portfolio-full-width .portfolio-item .item-inner{
    margin: 0 0px 0px 0;
}
.pagination-custom li a{
    border-radius: 5px;  background: #03487d;padding: 7px 15px;
    font-size: 15px;
}
.pagination-custom .active .btn{
    background-color: #FF7361;
    border: none;color:#fff;
}
.pagination-custom .btn:hover{
    background-color: #FF7361;
    color: #fff;
    border-color: #FF7361;
}

.pagination-custom .btn:focus{ color: #fff;
    border-color: #FF7361;}

/*******************portfolio item 2*******************/
.portfolio-item-2 .main-content #main-slider{
    padding-top: 35px;
    padding-bottom: 35px;
}
.portfolio-item-2 #main-slider .carousel .item{
    border: 6px solid #EBEBEB;
}
.portfolio-item-2 #main-slider .arrow-controller{
    visibility: hidden;
}
.carousel-indicators li {
    background-color: #fff;
}
.carousel-indicators .active {
    background-color: #FF7361;
    width: 14px;
    height: 14px;
}
.portfolio-item-2 #main-slider:hover .arrow-controller{
    visibility: visible;
}
.portfolio-item-2  .project-head-title h2{
    margin-top: 0px;
}
.portfolio-item-2 .project-information{
    padding: 0px;
}
.portfolio-item-2 .project-information li{
    display: inline;
    margin-right: 10px;
}
.portfolio-item-2 .project-information li i{
    margin-right: 2px;
}
.portfolio-item-2 .portfolio-expand-content{
    padding: 0px;
}
.btn-live{
    background-color: #FF7361;
}
.btn-live i{
    margin-right: 8px;
    position: relative;
    top: 1px;
}
.portfolio-item-2 .main-content #portfolio .container >.col-md-6{
    padding-left: 0px;
}
/*******************portfolio item 2 end*******************/

/*******************portfolio item 1*******************/
#portfolio-item-1 {
    text-align: center;
}
/*******************portfolio item 1*******************/
#portfolio-item-1 .project-head-title .project-information{
    padding: 0px;
}
#portfolio-item-1 .project-head-title .project-information li{
    display: inline;
}
#portfolio-item-1 .project-head-title .project-information li {
    margin-right: 6px;
}
#portfolio-item-1 .project-head-title .project-information li i{
    margin-right: 4px;
}
#portfolio-item-1  .project-detail-text{
    margin-bottom: 20px;
}
#portfolio-item-1 .list-skills li{
    list-style-type: none;
}
#portfolio-item-1 .portfolio-expand li.client-name h4{
    margin-bottom: 0px;
    margin-top: 20px;
}
#portfolio-item-1 .portfolio-expand li h4.client-testimonial{
    margin-top: 21px;
    margin-bottom: 0px;
}
#portfolio-item-1 .portfolio-expand{
    padding: 0px;
}
#portfolio-item-1 .portfolio-expand li blockquote{
    padding: 6px;
}
/*******************portfolio item 1 end*******************/

/***************************************portfolio end*********************************************/


/***************************************pricing*********************************************/


#pricing-table .plan {
  border-radius: 4px;
  list-style: none;
  margin: 0 0 20px;
  background: #222;
  text-align: center;
  padding: 30px 0;
}
#pricing-table .plan li {
  padding: 5px 0;
  color: #fff;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
#pricing-table .plan li.plan-name {
  font-size: 24px;
  line-height: 24px;
  color: #fff;
}
#pricing-table .plan li.plan-name h3 {
  margin: 0;
}
#pricing-table .plan li.plan-price {
  margin-bottom: 10px;
}
#pricing-table .plan li.plan-price > div {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 10px;
  font-size: 24px;
  border-radius: 100%;
  width: 70px;
  height: 70px;
}
#pricing-table .plan li.plan-price > div sup {
  font-size: 10px;
  line-height: 10px;
}
#pricing-table .plan li.plan-price > div > small {
  display: block;
  font-size: 11px;
}
#pricing-table .plan li.plan-action {
  margin-top: 10px;
  border-top: 0;
}
#pricing-table .plan.featured {
  background-color: #ff7361;
}
#title h1 {
  margin: 0;
  font-size: 36px;
  font-weight: 300;
  text-transform: uppercase;
}
.center {
  text-align: center;
}
div#pricing-table .plan-name h3{
    color: #fff;
}
/***************************************pricing end*********************************************/


/************************************************************career******************************************/
.career .main-content section{
    padding-top: 0px;
    position: relative;
}
.career #title{
    border: none;
}
.career .company-picture h1{
    position: absolute;
    top: -20px;
    left: 0;
    text-align: center;
    color: #FFF;
    right: 0;
    background: rgba(255, 255, 255, 0.3);
    padding: 142px 12px;
    font-weight: bold;
    font-size: 60px;
}
.career .company-picture h1 span{
    color: #ff7361;
}

/************************************************************career end******************************************/

/************************************************************under-construction******************************************/
.under-construction {
    background: url(../images/coming-soon/backgrounds/1.jpg)no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.under-construction p{
    color: #C2BDBD;
}
.under-construction h2{
    color: #C2BDBD;
}
.under-construction .section-header{
    margin-bottom: 20px;
}

.under-construction .logo{
    text-align: center;
}
.under-construction .logo img{
    position: relative;
    top: -11px;
}
.under-construction hr{
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-top: none;
}
.under-construction .logo a{
    text-align: center;
    font-family: 'Dosis', sans-serif;
    font-size: 60px;
    line-height: 50px;
    color: #454545;
    text-transform: uppercase;
    font-weight: 700;
}
.under-construction .logo span{
    color: #FF7361;
}
.under-construction .main-content section{
    padding-top:180px;
}
.under-construction .phone{
    float: right;
    color: #C2BDBD;
}
.under-construction .phone span{
    position: relative;
    left: 16px;

}
.under-construction .phone strong{

}
.under-construction .col-md-4{
    padding: 0px;
}
/************************************************************under-construction end******************************************/


/************************************************************meet the team******************************************/
 .meet-the-main ul li{
    margin-bottom: 20px;
}
.meet-the-main ul li .alignnone img{
    width: 295px;
    height: 250px;
}
 .meet-the-main .social .asocial{
    opacity: 1.5;
}
.team-head{
    text-align: center;
    cursor: pointer;
}
.team-head h4{
    margin-bottom: 0px;
}
.team-head .social {
    overflow: hidden;
    position: absolute;
    top: 6px;
    opacity: 0;
}
.team-head:hover .social{
    opacity: 1.5;
    background: rgba(255, 255, 255, 0.3);
    padding: 119px 131px;
}
#meet-the-team .designation {
  margin-top: 5px;
  display: block;
  font-size: 13px;
}
.codexcoder_box h2{
    font-size: 25px;
}
.img-thumbnail {
  border: 0;
}
.services2 .progress,
.progress .bar{
    background: #000;
}
.progress,
.progress .bar {
  background: #f5f5f5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 30px;
  line-height: 30px;
}

.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
}
ul.breadcrumb {
  margin: 20px 0 0;
  background: transparent;
}
ul.breadcrumb > li {
  text-shadow: none;
}
ul.breadcrumb > li > a,
ul.breadcrumb > li .divider {
  color: #666;
}
ul.breadcrumb > li.active {
  color:#006B97;
}
ul.tag-cloud {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.tag-cloud li {
  display: inline-block;
  margin: 0 0 2px 0;
}
.tags a{
    padding: 4px 5px;
    font-size: 15px;
}
.btn-social {
  border: 0;
  color: #fff;
  border-radius: 100%;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  padding: 0;
}
.btn-social.btn-facebook {
  background: #4f7dd4;
}
.btn-social.btn-facebook:hover {
  background: #789bde;
}
.btn-social.btn-twitter {
  background: #5bceff;
}
.btn-social.btn-twitter:hover {
  background: #8eddff;
}
.btn-social.btn-linkedin {
  background: #21a6d8;
}
.btn-social.btn-linkedin:hover {
  background: #49b9e3;
}
.btn-social.btn-google-plus {
  background: #dc422b;
}
.btn-social.btn-google-plus:hover {
  background: #e36957;
}
.btn-social:hover {
  color: #fff;
}



/*******************************bottom*************************************/
#bottom {
  color: #777;
}
#bottom a.twitter-account{
    color: #777;
}
#news-container{
    height: 122px!important;
}
#news-container a{
    color:#777;
}
#bottom #news-container ul li{
    margin-bottom: 10px!important;
}
#bottom h3 {
  margin-top: 0;
  margin-bottom: 15px;
}
#bottom .media-heading {
  display: block;
  font-weight: 400;
}
#bottom .thumbnail{
    border:none;
}
.gallery a {
    float: left;
}
.gallery a img {
    transition: all 0.25s;
    width: 131px;
    height: 85px;
}
.gallery a img:hover {
    transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    z-index: 3;
    box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.4);
}

/*********************find us on footer*************************/
.social .asocial{
    -webkit-border-radius: 100px;
    -moz-border-radius:100px;
    border-radius: 100px;
    color: #FFF;
    display: block;
    height: 36px;
    float: left;
    line-height: 40px;
    margin: 0 10px 0 0;
    opacity: .35;
    filter: alpha(opacity=35);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    text-align: center;
    width: 36px;
}
.color.icon-facebook {
    background: #3B5998;
}
.color-hover.icon-facebook:hover {
    background: #3B5998;
}
.color.icon-twitter {
    background: #00BDEC;
}
.color-hover.icon-twitter:hover {
    background: #00BDEC;
}
.color.icon-google-plus {
    background: #D94A39;
}
.color-hover.icon-google-plus:hover {
    background: #D94A39;
}
.color.icon-linkedin {
    background: #1B92BD;
}
.color-hover.icon-linkedin:hover {
    background: #1B92BD;
}

.social .asocial:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

/*********************find us on footer end*********************/

/**********************************bottom end***********************************/


/*****************************bottom**********************************/

#bottom{
    background-color: #151215;
    padding: 50px 0px;
}

#bottom h3{
    font-size: 28px;
    font-weight: normal;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 20px;
}
#bottom .contact a{
    color: #fff;
}
#bottom .thumbnails{
    padding: 0px;
}
#bottom .thumbnail{
    display: inline-block!important;
    background-color: transparent;
    padding: 0px;
}

#bottom .thumbnails li{
    display:inline;
}
#bottom .thumbnails li a img{
    width: 106px;
    height: 83px;
    margin-bottom: 2px;
    border-radius: 4px;
}
#bottom .thumbnails li:hover img{
    opacity: 0.5;
}
#bottom a:hover{
    color: #fff;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
}
#bottom a.twitter-account{
}
.contacts-info-list{
    list-style-type: none;
    padding: 0px;
}
.contacts-info-list li{
    margin-bottom: 15px;
}
.contacts-info-list i{
    margin-right: 5px;
    float: left;
    color: #FFF;
    margin-top: 3px;
    font-size: 14px;
}
.contacts-info-list p{
    margin-left: 20px;
}
.contacts-info-list p a{
    margin-left: 2px;
}
#tweet{
    margin-top: 20px;
}
#tweet li{
    list-style-type: none;
    margin-left: 20px;
    margin-bottom: 10px;
}
#tweet i{
    margin-top: 5px;
    float: left;
}
.social{
}
#bottom .gallery{
    overflow: hidden;
}

/*******************************bottom end***************************/



/******************************footer-version-5********************************/
#tweet li a{
    color: #777;
}
.contacts-info-list li a{
    color: #777;
}
/*******************************footer-version-5******************************/



/*******************responsive issue fixed*******************/
/*.navbar-toggle{
    background-color:#444;
    padding: 16px 20px;
    margin-right: 83px;
    margin-top: 23px;
}
header .nav li:hover>ul{
    display: block;
}*/
@media (max-width: 980px){
    /*title*/
    #title .row{
        margin:0px;
    }
    /*title end*/

    /*testimonial*/
    #testimonials .carousel-indicators {
        top:252px;
     }
    /*testimonial end*/

    /*tab content*/
    .tabs .tab-content{
        padding: 15px 28px 49px;
    }
    .tabs .nav-tabs > li > a{
        padding: 12px 10px;
    }
    /*tab content*/

    /*team member*/
    .team-list figure{
            text-align: center;
    }
    .team-list .social{
        display: none;
    }
    /*team member end*/

    /*gallery*/
    .galleries .thumbnails img{
        height: auto;
    }
    /*gallery end*/

    /*404*/
    .error-404 .message{
        padding: 0px;
    }
    /*404 end*/

    /*testimonial*/
    .testimonial .round-image{
        margin-top: 120px;
    }
    .testimonial img{
        margin-top: 20px;
    }
    .testimonial .testimonial-arrow{
        top: 116px;
    }
    .testimonial-style-2 .item img{
        margin: 0 auto;
    }
    .testimonial-style-2 h3{
        text-align: center;
    }
    /*testimonial end*/

     /*revolution slider*/
    .rev_slider ul li .slider-heading h3{
         font-size: 22px;
         padding: 5px 21px;
     }
    .rev_slider ul li .slider-sologan h4{
        font-size: 19px;
        padding: 6px 12px;
    }
    .rev_slider ul li .slider-para p{
        font-size: 14px;
    }
    .rev_slider ul li .slider-button{
        margin-top: 12px;
    }
    .tp-rightarrow.default{
        width: 43px!important;
        height: 50px!important;
        margin-top: -121px!important;
        background: url(../slider/revolution/assets/large_right.png) no-Repeat 9px 11px rgba(255, 255, 255, 0.32)!important;
    }
    .tp-rightarrow.default:hover{
        background: url(../slider/revolution/assets/large_right.png) no-Repeat 9px 11px rgba(255, 255, 255, 0.6)!important;
    }
    .tp-leftarrow.default{
        width: 43px!important;
        height: 50px!important;
        margin-top: -121px!important;
        background: url(../slider/revolution/assets/large_left.png) no-Repeat 3px 11px rgba(255, 255, 255, 0.32)!important;

    }
    .tp-leftarrow.default:hover{
        background: url(../slider/revolution/assets/large_left.png) no-Repeat 3px 11px rgba(255, 255, 255, 0.6)!important;
    }
     /*revolution slider end*/

    /*slider*/
    .main-content .camera-slider {
        padding-top: 88px;
    }
    /*slider end*/
    /*bottom*/
    #bottom{
        padding:50px 20px;
    }
    #bottom .row>div{
        margin-bottom: 20px;
    }
    #bottom h3{
        margin-bottom: 10px;
    }
    #bottom #news-container ul li{
        margin-bottom: 0px!important;
        overflow: hidden;
    }
    #footer .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    /*footer version 1*/
    .newsletter input{
        float: left;
    }
    /*footer version 1 end*/
    #footer .social-links-txt{
        display: none;
    }
    #footer{
        padding: 8px 10px!important;
    }
    #footer .social {
        float: right;
        position: relative;
        top: -15px;
    }
    #footer p{
        position: relative;
        top: 17px;
    }
    #footer .social {
        position: relative;
        top: -9px;
    }
    /*bottom*/

    /*footer version 1*/
    .footer-version-1 footer .copyright{
        display:none;
    }
    .footer-version-1 footer #gototop{
        top:7px;
    }
    .footer-version-1 footer ul{
        position: relative;
        top: -11px;
    }
    /*footer version 1 end*/

    /*footer version 2*/
    .footer-version-2 footer .col-md-4{
        display: none;
    }
    .footer-version-2 footer .col-md-8{
        text-align: center;
    }
    /*footer version 2 end*/

    /*footer version 4*/
    .footer-version-4 footer .col-md-3{
        display: none;
    }
    .footer-version-4 footer .col-md-9{
        text-align: center;
    }
    /*footer version 4 end*/

    /*footer version 5*/
    .footer-version-5 footer .col-md-6, .col-md-2{
    }
    .footer-version-5 #footer .social{
        top: 0px;
        right: 300px;
    }
    /*footer version 5 end*/
}
@media (max-width: 767px){
	
	.portfolio-items.col-3 > li { width:50%;margin:5px 0px;}
    /*navbar*/
  /*  .navbar-inverse .navbar-nav{
        margin-top: 0px;
    }
    header div.navbar-collapse{
        background-color: #171717;
    }
    .navbar-collapse{
        padding-right: 15px!important;
        padding-left: 33px!important;
    }
    .navbar-inverse .navbar-nav > li > a{
        color: #fff;
        padding: 0px;
    }
    .navbar-inverse .dropdown{
        padding:15px 10px;
    }
    .navbar-inverse li.dropdown >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: 50px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #FFF
    }
    .navbar-inverse .navbar-nav > li {
        border-bottom: 1px solid #252525;
    }
	.navbar-inverse .navbar-nav .dropdown-menu li:last-child{
		border-bottom:none;
	}
    .navbar-inverse .navbar-nav > li:last-child{
        border-bottom: none;
    }
	.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
			padding-left:8px;
			color:#ff7361!important;
	}
	.navbar-inverse .navbar-nav .dropdown-menu > li a:hover {
			color:#ff7361!important;
	}
    .dropdown:hover .dropdown-menu{
        -webkit-animation: 0ms;
        -moz-animation:  0ms;
        -ms-animation:  0ms;
        -o-animation:  0ms;
        animation:  0ms;
    }
	.navbar-inverse .navbar-nav .dropdown-menu{
		background-color: #171717;
	}
	.dropdown .dropdown-menu{
		border: none!important;
	}
	.navbar-inverse .navbar-nav .dropdown-menu li{
		border-bottom: 1px solid #252525;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
		color:#fff;
	}
	.navbar-inverse .navbar-nav .dropdown-menu > li > a{
		padding:8px 8px;
	}
	.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a{
		padding-left:8px;
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		-o-transition: all 0s;
		-ms-transition: all 0s;
	}*/
	.dropdown-submenu>a:after{
		content:"";
	}
	header .nav >li:hover>ul{
    opacity:0;
	overflow:hidden;
	}
	header .nav li.open:hover>ul{
		opacity:100;
	}
	
    /*navbar end*/

    /*pricing table*/
    .ccr-price-value{
        left:40%!important;
    }
    /*pricing table end*/

    /*testimonial arrow*/
    .testimonial .testimonial-arrow{
        top: 116px;
    }
    /*testimonial arrow*/

    /*revolution slider*/
    .fullwidthbanner-container{
        padding-top: 40px!important;
    }
    .rev_slider ul li .slider-heading h3{
        font-size: 19px;
        padding: 4px 6px;
    }
    .rev_slider ul li .slider-sologan h4{
        font-size: 17px;
        padding: 4px 7px;
    }
    .rev_slider ul li .slider-para p{
        font-size: 14px;
    }
    .rev_slider ul li .slider-button{
        margin-top: 22px!important;
    }
    .tp-caption.slider-heading{
        margin-top: -10px!important;
    }
    .rev_slider ul li .tp-caption .slider-image-3{
        position: relative;
        top: 45px;
    }
    .rev_slider ul li .slider-button a{
        font-size: 11px;
        padding: 7px 15px!important;
    }
    .tp-rightarrow.default{
        width: 43px!important;
        height: 50px!important;
        margin-top: -160px!important;
        background: url(../slider/revolution/assets/large_right.png) no-Repeat 9px 11px rgba(255, 255, 255, 0.32)!important;
    }
    .tp-rightarrow.default:hover{
        background: url(../slider/revolution/assets/large_right.png) no-Repeat 9px 11px rgba(255, 255, 255, 0.6)!important;
    }
    .tp-leftarrow.default{
        width: 43px!important;
        height: 50px!important;
        margin-top: -160px!important;
        background: url(../slider/revolution/assets/large_left.png) no-Repeat 3px 11px rgba(255, 255, 255, 0.32)!important;

    }
    .tp-leftarrow.default:hover{
        background: url(../slider/revolution/assets/large_left.png) no-Repeat 3px 11px rgba(255, 255, 255, 0.6)!important;
    }
    /*revolution slider end*/
		
	/*Header version 1
	.header-version-1 .container>.navbar-header, .container>.navbar-collapse{
		margin:0px;
	}*/
	.header-version-1 .roof-right{
		display:none;
	}
	.header-version-1 .roof .pull-left{
		float:none!important;
		text-align: center;
	}
	/*Header version 1 end*/
	
		/*Header version 3
	.header-version-3 .container>.navbar-header, .container>.navbar-collapse{
		margin:0px;
	}*/
	.header-version-3 .roof-right{
		display:none;
	}
	.header-version-3 .roof .pull-left{
		float:none!important;
		text-align: center;
	}
	/*Header version 3 end*/
	
	
	/*Header version 4
	.header-version-4 .container>.navbar-header, .container>.navbar-collapse{
		margin:0px;
	}*/
	.header-version-4 .roof-right{
		display:none;
	}
	.header-version-4 .roof .pull-left{
		float:none!important;
		text-align: center;
	}
	/*Header version 4 end*/
	
	/*Header version 5
	.header-version-5 .container>.navbar-header, .container>.navbar-collapse{
		margin:0px;
	}*/
	/*Header version 5 end*/
	
 	/*title*/
	#title {
		text-align:center;
		font-size: 12px;
	}
	#title h1{
		font-size: 30px;
	}
	#title .pull-right{
		float: none!important
	}
	.breadcrumb{
		padding:0px;
		margin: 0!important;
	}
	/*title end*/
}

@media (max-width: 500px){
.portfolio-item .item-inner {
margin:0px;
}
	
	.portfolio-items.col-3 > li { width:100%; margin:5px 0px;}
		
    /*portfolio item*/
    .portfolio-items .portfolio-item .overlay .preview {
        padding: 4px 7px;
    }
    .portfolio-items .portfolio-item h5{
        padding: 6px 0px;
    }
    .portfolio-filter .btn{
        padding: 5px 6px;
    }
    /*portfolio item end*/

    /*testimonial*/
    #testimonials .carousel-indicators{
        top:296px;
    }
    /*testimonial end*/

    /*home version 5 video*/
     .home-version-5 iframe{
         width: 420px;
     }
    /*home version 5 video end*/

    /*footer version main*/
    #footer p{
        display: none;
    }
    #footer .social{
        top: 0px;
        right: 72px;
    }
    /*footer version main end*/

    /*footer version 5*/
    .footer-version-5 #footer .social{
        top: 0px;
        right: 100px;
    }
    /*footer version 5 end*/

    /*rebolution sldier*/
    .fullwidthbanner-container{
        padding-top: 62px!important;
    }
    .rev_slider ul li .slider-heading h3{
        font-size:14px;
    }
    .rev_slider ul li .slider-sologan h4{
        font-size: 13px!important;
    }
    .rev_slider ul li .slider-para p{
        font-size: 9px;
        line-height: 11px;
        margin-top: 12px;
    }
    .rev_slider ul li .tp-caption .slider-image-3 {
        position: relative;
        top: 2px;
        left: 32px;
    }
    .tp-leftarrow.default{
        display: none;
    }
    .tp-rightarrow.default{
        display: none;
    }
    .tp-bullets.simplebullets.round .bullet{
        height: 14px!important;
        width: 14px!important;
    }
    /*rebolution sldier end*/
}

@media (max-width: 420px){
    /*testimonial*/
    #testimonials .carousel-indicators{
        top:332px;
    }
    /*testimonial end*/

    /*pricing table*/
    .ccr-price-value{
        left:32%!important;
    }
    /*pricing table end*/

    /*home version 5 video*/
    .home-version-5, .about-us iframe{
        width: 320px;
    }
    /*home version 5 video end*/

    /*testimonial arrow*/
    .testimonial .testimonial-arrow{
        top: 176px;
    }
    /*testimonial arrow*/

    /*footer version 1*/
    .footer-version-1 footer ul{
        display: none;
    }
    .footer-version-1 footer .col-md-2{
        text-align: center;
    }
    .footer-version-1 footer #gototop{
        padding:8px;
        top:0px;
    }

    /*footer version 1 end*/

    /*footer version 5*/
    .footer-version-5 #footer .social{
        top: 0px;
        right: 50px;
    }
    /*footer version 5 end*/

    /*revolution sldier*/
    .fullwidthbanner-container{
        padding-top: 62px!important;
    }
    .rev_slider ul li .slider-heading h3{
        font-size:14px;
        margin: 0px;
    }
    .rev_slider ul li .slider-sologan h4{
        font-size: 13px!important;
        margin: 0px;
    }
    .rev_slider ul li .slider-para p{
        font-size: 9px;
        line-height: 11px;
        margin:0px;
    }
    .rev_slider ul li .tp-caption .slider-image-3 {
        position: relative;
        top: 2px;
        left: 32px;
    }
    .rev_slider ul li .slider-button a{
        font-size: 9px;
        padding: 3px 6px!important;
    }
    .tp-leftarrow.default{
        display: none;
    }
    .tp-rightarrow.default{
        display: none;
    }
    .tp-bullets.simplebullets.round .bullet{
        height: 14px!important;
        width: 14px!important;
    }
    /*rebolution sldier end*/
	
		
	/* navigation button issue*/
	/*.navbar-toggle{
		padding: 11px 10px;
		margin-right: 36px;
	}
	/* navigation button issue end*/

}
@media (max-width: 340px){
    /*testimonial*/
    #testimonials .carousel-indicators{
        top:357px;
    }
    /*testimonial end*/

    /*home version 5 video*/
    .home-version-5 iframe{
        width: 260px;
    }
    /*home version 5 video end*/

    /*testimonial arrow*/
    .testimonial .testimonial-arrow{
        top: 216px;
    }
    /*testimonial arrow*/

    /*footer version main*/
    #footer .social{
        top: 0px;
        right: 20px;
    }
    /*footer version main end*/
}
@media (max-width: 290px){
    /*testimonial*/
    #testimonials .carousel-indicators{
        top:357px;
    }
    /*testimonial end*/

    /*testimonial arrow*/
    .testimonial .testimonial-arrow{
        top: 250px;
    }
    /*testimonial arrow*/
}
/*******************responsive issue fixed end*******************/