/*-----------------------------------------------------------------------------------

    Template Name: Jaap html Template
    Author: BootExperts
    Author URI: https://bootexperts.com
    Version: 1.0
    website: https://bootexperts.com
    Description: This theme made for any kind of portfolio site.

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
    
    Base or Reset or common css are in reset.css file

    1.  Header CSS
    2.  start Feature CSS
    3.  start Experties CSS
    4.  start Creative Team CSS
    5.  start Our Services CSS
    6.  start Our Work CSS
    7.  Start Our Clients CSS
    8.  Start Blog CSS
    9.  Start Footer CSS
    10. start project-page slider CSS
    11. Start project-page project-info CSS
    12. Start project-page portfolio section CSS

    

-----------------------------------------------------------------------------------*/


/* --------------------------------------------------------
1.         Start home & portfolio-details Header CSS
-----------------------------------------------------------*/
 input, input:before, input:after {
      -webkit-user-select: initial;
      -khtml-user-select: initial;
      -moz-user-select: initial;
      -ms-user-select: initial;
      user-select: initial;
     }  
.jaap .header_inner {
  z-index: 9999;
}
.header_logo {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.jaap .header_logo {
  margin-bottom: -96px;
  opacity: 0;
  visibility: hidden;
  z-index: -99;
}
.jaap .mainu_menu {
  background: rgba(0, 0, 0, 0.4);
}
.min-height-0{
  min-height: 0px;
}
a, .uk-link{
    color: #fff;
}
a:hover, a:focus{
    color: #ffd400;
}
html, body {
  height: 100%;
}
.main_slider_area, .main_slide_owl, .portfolio_slide_owl{ 
    height: 100%;
}
.main_slider_area .owl-stage-outer, .main_slider_area .owl-stage, .main_slider_area .owl-item{
    height: 100%;
}
.main_slider_area .single_slide_bg{
    height: 100%;
    position: relative;
    background-size: cover;
}
.main_slider_area .single_slide_bg:after{
    background: black none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
}
.slider_caption{
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
    z-index: 2;
    left: 0;
    top: 50%;
    transform: translateY(-50%); 
}
.slider_caption h2{
  color: #ffd400;
  font-family: "Roboto Slab",serif;
  font-size: 50px;
  font-weight: 400;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.slider_caption h1{
  color: #fff;
  font-family: "Roboto Slab",serif;
  font-size: 110px;
  font-weight: 700;
  line-height: 75px;
  margin-bottom: 25px;
  text-transform: uppercase;
}
.slider_caption h3{
  color: #fff;
  font-family: "Roboto Slab",serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.main_slider_area .go_down {
    border-radius: 50%;
    display: block;
    height: 90px;
    margin: 28px auto 0;
    width: 90px;  
}
.main_slider_area .go_down:hover{
  background-color: #000;
}

.mainu_menu {
  width: 100%;
  transition: background .5s ease;
}
#main-nav {
  position: absolute;
  top: -2px;
  z-index: 999;
  left: 0;
  text-align: center;
}
#main-nav li a{
    background: transparent;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
#main-nav li a:hover{
    color: #ffd400;
}
#main-nav li.current a{
  color: #ffd400;
}
#main-nav .nav.navbar-nav {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#main-nav .nav.navbar-nav:before {
    background-color: #f2bb0c;
    content: "";
    height: 1px;
    position: absolute;
    right: 50%;
    top: 50%;
    width: 10000px;
    margin-right: 495px;
}
#main-nav .nav.navbar-nav:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 10000px;
    height: 1px; 
     background-color: #f2bb0c;
    margin-left: 495px; 
}
#main-nav .uk-active .nav.navbar-nav:before, #main-nav .uk-active .nav.navbar-nav:after{
  display: none;
}
#main-nav .nav.navbar-nav li{
  float: none;
  display: inline-block;
}
.uk-active{ 
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
.uk-active .main_menu::before {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  height: 50px;
  left: 100%;
  position: absolute;
  top: 0;
  width: 10000px;
}
.uk-active .main_menu::after {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  height: 50px;
  right: 100%;
  position: absolute;
  top: 0;
  width: 10000px;
}
.uk-sticky-placeholder{
    width: 100%;
}



/* --------------------------------------------------------
            End home & portfolio-details Header CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
2.                     start Feature CSS
-----------------------------------------------------------*/

.feature {
  text-align: center;
}
.feature .section_title span {
  font-weight: 700;
  color: #ffd400;
}
.feature .section_title > p {
  font-size: 35px;
  color: #0c0b09;
  text-transform: uppercase;
  font-family: 'Roboto Slab', serif;
} 
.single_feature i  {      
   /* background: #ffd400 none repeat scroll 0 0;
    border:3px solid #ffd400; */
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 40px;
    margin-bottom: 28px;
    padding:0px;  
    text-align: center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
	display:inline-block; 
	    border: 3px solid #fff; 	 
}
.single_feature  img {border-radius: 75px;}   
.single_feature .hvr-cntr {  
    color: #fff;
    cursor: pointer;
    font-size: 40px;
    margin-bottom: 28px;
    padding:0px;  
    text-align: center; 
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
	display:inline-block;  
	}
.single_feature i:hover {  
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.single_feature > p {
    margin: 11px 0;
}
.single_feature .hvr-cntr { 
    position: absolute;
    top: 0px;
    left: 50%; 
    margin-left: -73px;  
    text-align: center;
	border-radius:50%; 
    background: #fff;  
	    border: 3px solid #fff; 
} 
.single_feature .hvr-cntr p {
    padding: 0px !important;
    margin: 53px 0px 0px;
    width: 100%;
    font-size: 16px;
}  

.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
	transform: rotateY(180deg);

	
}

.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
  
  -o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
}

.full-flip:hover .flipper,  
.full-flip.hover .flipper {     
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	} 
.flipper {
    width: 146px;
    left: 50%;
    margin-left: -73px;
    border-radius: 50%;
    height: 146px; 
}
.flip-cntr { 
    height: 140px;
   /* background: rgba(242,187, 12,0.8);*/ 
   background:#fff;  
    border-radius: 72px;
    left: 50%;
    display: inline-block;
    width: 140px;
    margin-left: 0px;
} 
.full-flip{ 
    width: 140px;  
    margin: 0 auto;
} 
.year-cntr {margin-top: 10px;} 
.year-cntr  .has-down-state {
	background-color: transparent !important;
    color: #000 !important;
    border-right: 2px solid #f2bb0c;
    border-left: 2px solid #f2bb0c;  
} 
.block-div {
	margin-bottom:0px !important;
    margin-top: 10px !important; 
}
/* --------------------------------------------------------
                      End Feature CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
3.                      start Experties CSS
-----------------------------------------------------------*/

.experties {
  margin: 0 auto;
  width: 62%;
}
.experties .section_title > h2 {
  text-align: center;
  font-weight: 700;
}
.experties .progress{
    overflow: visible;
}
.experties .progress-bar {
  background-color: #ffd400;
  position: relative;
}
.experties .progress-bar > span {
    border: 1px solid #131e2a;
    color: #131e2a;
    padding: 5px 12px;
    position: absolute;
    right: -4%;
    top: -206%;
}
.experties .progress-bar > span::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #131e2a;
  bottom: -7px;
  content: "";
  height: 0;
  left: 18px;
  position: absolute;
  width: 0;
}
.experties .progress-bar > span::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #fff;
  bottom: -5px;
  content: "";
  height: 0;
  left: 18px;
  position: absolute;
  width: 0;
}
.experties .single_experties > p {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}


/* --------------------------------------------------------
                      end Experties CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
4.                      start Creative Team CSS
-----------------------------------------------------------*/

.creative_team_area .creative_team_bg {
    background: rgba(0, 0, 0, 0) url(images/creative-team-bg.jpg) no-repeat center center / cover;
    text-align: CENTER;
    padding: 53px 0px; 
}
.creative_team_area .creative_team_bg > h1 {
     color: #ffd400;
    padding: 80px 0;
    text-align: center;
    font-weight: 700; 
}
.creative_team .single_creative_team {
  position: relative;
}
.creative_team .team_member_info {
  bottom: 4%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 100%;
}
.creative_team .team_member_social > ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.creative_team .team_member_social li {
  display: inline-block;
}
.creative_team .team_member_text > h4 {
  font-weight: 700;
}
.creative_team .team_member_text > p {
  color: #fff;
  font-weight: 700;
  margin: 8px 0;
  text-transform: uppercase;
}
.team_member_social i {
  font-size: 18px;
}
.creative_team .team_member_social li{
    margin-left: 14px;
}
.creative_team .team_member_social a {
  border: 1px solid #fff;
  border-radius: 50%;
  display: block;
  height: 45px;
  line-height: 45px;
  width: 45px;
  background: #000; 
}
.creative_team .team_member_social li:hover a{
    background: #000;
    color: #ffd400;
    border: 1px solid #fff;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
}
.creative_team_area .creative_team_bottom {
    background: rgba(0, 0, 0, 0) url("images/creative-team-bottom.png") no-repeat center center / cover;
    text-align: center;
}
.creative_team_area .creative_team_bottom > p {
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  margin: 0 auto;
  text-align: center;
  width: 76%;
}


/* --------------------------------------------------------
                      end Creative Team CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
5.                      start Our Services CSS
-----------------------------------------------------------*/


.services_caro .owl-carousel .owl-stage-outer {  
  margin-top:76px; 
  overflow: hidden;
  position: relative;
  z-index: 999;
  padding-top: 20px;
}
.our_services_bottom .item {
  text-align: center;
}
.our_services_bottom .services_caro {
  position: relative;
}
.services_caro .item img {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
    text-align: center;
    width: auto;
    margin: 0 auto;
}
.services_caro .item:hover img {
  -webkit-filter: none;
  -o-filter: none;
  filter: none;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.services_caro i {
    background: #000;
    border-radius: 50%;
    color: #ffffff;
    font-size: 35px;
    font-weight: 700; 
    height: 65px;
    line-height: 65px;
    text-align: center; 
    width: 65px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-top:0px;  
}  
.services_caro i:hover {
  color: #fff;
  background: #ffd400;
}
.services_caro_area {
  padding-bottom: 90px;
}
.services_caro .owl-prev {
  left: calc(50% - 100px);
  position: absolute;
  top:-76px; 
}
.services_caro .owl-next {
    position: absolute;
    right: calc(50% - 100px); 
    top:-76px;
}
.our_services_top .section_title > h1 {
margin-bottom: 48px;
    font-weight: 700; 
}
li {font-family: 'Open Sans', sans-serif;}  
.our_services_top .section_content > p ,
.fixed-para{ 
  color: #131e2a;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
  width: 86%;
  float: none;  
}
.our_services_bottom .item_details > h4 {
    font-weight: 700;
    margin: 44px 0 19px;
}
.our_services_bottom .item_details > p{
    margin: 0;
}
.carousel_reloader > a {
  background: #f4f4f4 none repeat scroll 0 0;
  border-radius: 50%;
  display: block;
  height: 64px;
  line-height: 64px;
  margin: 0 auto;
  text-align: center;
  width: 64px;
}
.carousel_reloader > a:hover{
  background: #ffd400 none repeat scroll 0 0;
}



/* --------------------------------------------------------
                      End Our Services CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
6.                      start Our Work CSS
-----------------------------------------------------------*/

.our_work_trigger ul{
    text-align: center;
}
.our_work_trigger ul li{
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 43px;
    height: 43px;
    color: #0a0a0a;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
	position:relative;
	z-index:2;
}
.our_work_trigger ul li:hover, .our_work_trigger ul li.active{
    cursor: pointer;
    color: #ffd400;
}
.our_work_trigger ul li > span {
  margin: 0 11px;
  color: #0a0a0a;
}
.work_all_item {
}
.single_our_work{
  cursor: pointer;
  margin-top: 30px; 
}
.sing_work_photo{
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.sing_work_photo figure img {
  min-height: 315px;
  max-height: 315px;
}
.sing_work_photo figure {
  position: relative;
  margin: 0;
}
.sing_work_photo figure .fig_border {
  border: 1px solid #b5b5b5;
  content: "";
  height: 77%;
  left: 0;
  margin: 5%;
  position: absolute;
  top: 0;
  width: 90.3%;
}
.sing_work_photo.small figure .fig_border {
  border: 1px solid #b5b5b5;
  box-sizing: border-box;
  content: "";
  height: 77%;
  left: 0;
  margin: 10%;
  position: absolute;
  top: 0;
  width: 80.3%;
}
.sing_work_photo:hover figure .fig_border{
  border: 1px solid #ffd400;
}

.sing_work_caption{
    background: rgba( 35, 24, 13, 0.5 );
    border-radius: 50%;
    height: 200px;
    left: calc(50% - 100px);
    line-height: 200px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50% - 100px);
    width: 200px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.sing_work_photo:hover .sing_work_caption{
    background: rgba(255, 212, 0, 1) none repeat scroll 0 0;
}
.sing_work_border {
border: 1px solid rgba(181, 181, 181, 0.5);
    content: "";
    height: calc(100% - 30px);
    left: 15px;
    position: absolute;
    top: 15px;
    width: calc(100% - 30px); 
}
.sing_work_border a,.sing_work_border div {display:none;} 
.sing_work_photo:hover .sing_work_border{
  border: 1px solid #ffd400;
}
.sing_work_photo .search {
  background: rgba(255, 212, 0, 1) none repeat scroll 0 0;
  border-radius: 50%;
  bottom: calc(12% - 20px);
  font-size: 18px;
  height: 38px;
  line-height: 35px;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 38px;
  z-index: 9;
}
.sing_work_photo:hover .sing_work_border .search{
  opacity: 1;
  right: calc(9% - 17px);
}
.sing_work_photo.small:hover .sing_work_border .search {
  bottom: calc(21% - 17px);
  opacity: 1;
  right: calc(18% - 17px);
}
.sing_work_photo .search:hover {
  color: #111;
}

.work_all_item .mix {
  display: none;
}
.sing_work_caption > p {
  color: rgba(181, 181, 181, 0.9);
  font-family: "Roboto Slab",serif;
  font-size: 25px;
  text-transform: uppercase;
}
.sing_work_photo:hover .sing_work_caption > p{
  color: #fff;
}
.sing_work_photo:hover .sing_work_caption > p > a{
  color: #fff;
}
.Rx-width-50 {
  -webkit-animation-name: Rx-width-50;
  -o-animation-name: Rx-width-50;
  animation-name: Rx-width-50;
  animation-fill-mode: forwards;
}

.Rx-width-75 {
  -webkit-animation-name: Rx-width-75;
  -o-animation-name: Rx-width-75;
  animation-name: Rx-width-75;
  animation-fill-mode: forwards;
}

.Rx-width-65 {
  /*-webkit-animation-name: Rx-width-65;
  animation-name: Rx-width-65;*/  
  -webkit-animation-name: Rx-width-65;
  -o-animation-name: Rx-width-65;
  animation-name: Rx-width-65;
  animation-fill-mode: forwards;
}

.Rx-width-60 {
  -webkit-animation-name: Rx-width-60;
  -o-animation-name: Rx-width-60;
  animation-name: Rx-width-60;
  animation-fill-mode: forwards;
}

/* --------------------------------------------------------
                      End Our Work CSS
-----------------------------------------------------------*/

/* --------------------------------------------------------
7.                      Start Our Clients CSS
-----------------------------------------------------------*/

.our_clients .section_content a {
  border: 2px solid #eaeced;
  display: block;
  text-align: center;
}
.our_clients .section_content a:hover{
  background: #f4f4f4;
}


/* --------------------------------------------------------
                      End Our Clients CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
8.                      Start Blog CSS
-----------------------------------------------------------*/


.single-blog{
    position: relative;
}
.blog-img{

}
.blog-img:before {
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
}
.single-blog:hover .blog-img:before{
    opacity: 0.4;
}

.blog-text{
    border: 5px solid rgba(255, 255, 255, 0.4);
    height: 80%;
    left: 10%;
    opacity: 0;
    padding: 14% 6%;
    position: absolute;
    text-align: center;
    top: 10%;
    width: 80%;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	display:none !important;
}
.single-blog:hover .blog-text{
    opacity:1;
}
.blog-text h2{
    color: #f7f8f9;
    font-size: 25px;
    font-weight: 600;
}
.blog-text p{
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 5px;
  color: #fff;
}
.blog_post .section_title {
  margin-bottom: 50px;
}
.blog_cat > div {
  display: inline-block;
}
.post_cat {
  line-height: 13px;
}
.post_date {
  line-height: 17px;
}
.post_date > p {
  margin: 0;
}
.post_date > p::after {
  content: "|";
}
.blog_cat p, .post_cat a{
  font-size: 11px;
}
.blog_cat i {
  margin-right: 5px;
}


/* --------------------------------------------------------
                      End Blog CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
9.                     Start Footer CSS
-----------------------------------------------------------*/

.footer_area {
    background: #000; 
    text-align: center;
    background-attachment: fixed;
}
.footer_area .section_title > h1 {
  color: #fff; 
  font-size: 65px;
  font-weight: 700;
  line-height: 51px;
}
.footer_area .section_title > p {
  color: #fff;
  font-weight: 700;
  margin: 28px 225px 0;
}
.footer_area .form-control {
  background-color: transparent;
  border-radius: 0;
  border: 1px solid #6f6f6f;
}
.footer_contact .section_title > h4 {
  color: #fff;
}
.footer_contact .form-group {
  font-family: "Open Sans",sans-serif; 
  text-align: left;
}
.form-group {
    margin-bottom:0px !important; 
}
.footer_contact .submit_button {
  text-align: center;
  margin-bottom: 0;
}
.left_input input ,.right_input input { 
  color: #fff !important;  
  height: 65px;
  line-height: 65px;
  padding: 7px 20px;
  text-indent: 10px;
  width: 100%;
}
#main-shrflim-form .left_input input,#main-shrflim-form .right_input input  { 
color: #000000;border-color: #000;} 
textarea#message {   
  height:255px; 
  padding: 20px; 
}
textarea.form-control {height:255px !important;padding: 20px !important; }    
.footer_contact .right_input textarea.form-control, .footer_contact .left_input input.form-control{
  font-weight: 700;
  color:#fff !important; 
}
.footer_contact .right_input::-webkit-input-placeholder, .footer_contact .left_input::-webkit-input-placeholder{ /* WebKit browsers */
    color: #fff;
    text-transform: uppercase;
}
.footer_contact .right_input::-moz-placeholder, .footer_contact .left_input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #fff;
    opacity:  1;
    text-transform: uppercase;
} 
.address_area li, .hotline_area li {
  color:#ffd400; 
  font-family: "Open Sans",sans-serif;
  font-weight: 300;
  margin: 7px 0;
  text-transform: uppercase;
}
.social_icons ul, .footer_menu ul, .address_area ul, .hotline_area ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.social_icons ul li, .footer_menu ul li{
    display: inline-block;
}
.social_icons ul li a, .footer_menu ul li a{
    text-decoration: none;
}
.social_icons a {
  border-radius: 50%;
  display: block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 35px;
  background: #fff;
  margin: 0 11px;
}
.social_icons a i{
    color: #0e2617;
    -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.social_icons a:hover i{
    color: #ffd400;
}
.social_icons > ul {
  display: inline-block;
  position: relative;
}
.social_icons > ul::before {
  background-color: #000;
  content: "";
  height: 1px;
  position: absolute;
  right: calc(50% + 160px);
  top: 50%;
  width: 10000px;
}
.social_icons > ul::after {
  background-color: #000;
  content: "";
  height: 1px;
  position: absolute;
  left: calc(50% + 160px);
  top: 50%;
  width: 10000px;
}
.footer_menu a {
  font-family: "Open Sans",sans-serif;
  font-weight: 700;
  margin: 0 17px;
  text-transform: uppercase;
}
.footer_menu ul li.active a{
  color: #ffd400;
}
.contact_area{
  position: relative;
  overflow: hidden;
}
.contact_area::after {
  background: #666e6b none repeat scroll 0 0;
  content: "";
  height: 150%;
  left: calc(50% - 3px);
  position: absolute;
  top: -24%;
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
  width: 3px;
}
.address_area {
  text-align: right;
  margin-right: 30px;
}

.hotline_area{
    text-align: left;
    margin-left: 30px;
}
.footer_copyright > p, .footer_copyright a {
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
.footer_copyright a:hover{
  color: #ffd400;
}


/* --------------------------------------------------------
                     End Footer CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
10.             start project-page slider CSS
-----------------------------------------------------------*/

/*.portfolio_slide, div#header_full_width_slider, div#header_full_width_slider .carousel-inner, div#header_full_width_slider .carousel-inner .item, div#header_full_width_slider .single_slider {
  height: 100%;
}*/
body#project-page .main_slider_area {
  height: auto;
}
div#header_full_width_slider .single_slider{
  background-position: center center;
  background-size: cover;
  -webkit-transition: all 10s ease 0s;
  -o-transition: all 10s ease 0s;
  transition: all 10s ease 0s;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
div#header_full_width_slider .single_slider .container{
  position: relative;
}
.portfolio_slide .slider_ctrl.left {
  bottom: calc( 0% + 120px );
  left: calc(50% - 45px);
  position: absolute;
  /*z-index: 999;*/
}
.portfolio_slide .slider_ctrl i{
  color: #fff;
  font-size: 42px;
  line-height: 26px;
}
.portfolio_slide .slider_ctrl.right {
  bottom: calc( 0% + 120px );
  position: absolute;
  right: calc(50% - 45px);
  /*z-index: 999;*/
}
.portfolio_slide .carousel-indicators li {
  width: 10px;
  height: 10px;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: 1.5px solid #fff;
  border-radius: 0px;
  bottom: 0;
  margin: 3px;
  position: absolute;
  
}
.portfolio_slide .carousel-indicators {
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
} 
 
.portfolio_slide:hover .carousel-indicators {
  opacity: 1;
}
.portfolio_slide .carousel-indicators li:nth-child(1){
  bottom: calc( 0% + 103px );
  left: calc(50% - 15px);
}
.portfolio_slide .carousel-indicators li:nth-child(2){
  bottom: calc(0% + 103px);
  left: calc(50% - 0px);
}
.portfolio_slide .carousel-indicators li:nth-child(3){
  bottom: calc(0% + 88px);
  left: calc(50% - 15px);
}
.portfolio_slide .carousel-indicators li:nth-child(4){
  bottom: calc( 0% + 88px );
  left: calc(50% - 0px);
}
.portfolio_slide .carousel-caption {
  top: calc(50% - 115px / 2);
}
.portfolio_slide .carousel-caption > h1 {
  font-size: 45px;
  line-height: 55px;
  color: #fff;
}
body#project-page #main-nav .nav.navbar-nav::before{
  right: 79%;
}
body#project-page #main-nav .nav.navbar-nav::after{
  left: 79%;
}


/* --------------------------------------------------------
                 End project-page slider CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
11.              Start project-page project-info CSS
-----------------------------------------------------------*/

.project_info_details > h4 {
  color: #545353;
  font-family: "Open Sans",sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.project_info_details > p {
  border-top: 1px solid #d5d5d5;
  color: #545353;
  font-size: 14px;
  margin-bottom: 100px;
  margin-top: 17px;
  padding-top: 21px;
}
.project_info ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.project_info .table > thead > tr > th, .project_info .table > tbody > tr > th, .project_info .table > tfoot > tr > th, .project_info .table > thead > tr > td, .project_info .table > tbody > tr > td, .project_info .table > tfoot > tr > td{
  border: none;
  padding-left: 0px;
  color: #545353;
  font-size: 14px;
  font-family: "Open Sans",sans-serif;
}
.project_info .table > tbody > tr > td >a{
  color: #ffd400;
}
.project_info .table > tbody > tr > td >a:hover{
  text-decoration: underline;
}
.portfolio_social li {
  display: inline-block;
}
.portfolio_social span{
  font-size: 18px;
  font-weight: 700;
  font-family: "Open Sans",sans-serif;
  color: #000000;
  float: left;
}
.portfolio_social a i{
  color: #000000;
  font-size: 18px;
  line-height: 29px;
  margin-left: 22px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.portfolio_social a i:hover{
  color: #ffd400;
}
.portfolio_social {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  padding: 8px 0;
}



/* --------------------------------------------------------
                 End project-page project-info CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
12.          Start project-page portfolio section CSS
-----------------------------------------------------------*/
.portfolio_section {
  border-top: 1px solid #e5e5e5;
  margin-top: 70px;
  padding-top: 70px;
}
.single_portfolio h5 {
  color: #545353;
  font-family: "Open Sans",sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  margin-top: 23px;
  text-transform: none;
}
.single_portfolio > p{
  margin: 0;
  line-height: 15px;
}
.single_portfolio > p > a {
  color: #545353;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.single_portfolio:hover p a{
  color: #ffd400;
}

/* --------------------------------------------------------
            End project-page portfolio section CSS
-----------------------------------------------------------*/
/* --------------------------------------------------------
            BGM correction
-----------------------------------------------------------*/
.main-logo {  margin-top: 15px;}   
.big-logo {width: 450px !important;height: auto !important;margin: 0 auto; }   
.block-div { margin-top: 30px; margin-bottom: 30px;} 
.btn-cntnr {}
.btn-cntnr a {height:50px;} 
.btn-cntnr a .button-outline-copy {font-size:30px;font-weight: bold;}  
.btn-cntnr a:hover ,.btn-cntnr a:focus {text-decoration:none;} 
.btn-cntnr a + a {margin-left: 50px;} 
.btn-cntnr a .button-outline-copy:after, .btn-cntnr a .button-outline-copy:before ,
.btn-cntnr a  .button-outline-bottom:after,  .btn-cntnr a  .button-outline-bottom:before  {height:2px;} 
.btn-cntnr a  .button-outline:before { border-left:0px solid #f2bb0c !important; border-right:0px solid #f2bb0c !important;} 
.btn-cntnr a .button-outline-copy {padding-top: 10px;}  
.button-outline:before {border-left: 0px solid #f2bb0c;border-right:0px solid #f2bb0c;}  
.go-top {
    position: fixed;
    z-index: 1000;
    right: -13px;
    top: 50%;
    width: 62px;
    height: 347px;
    background: rgba(0,0,0,0.5);
    margin-top: -164px;
    background: transparent;
    padding: 5px;
    -webkit-transition: .6s background;
    transition: .6s background;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    display: inline-block; 
}  
.go-top img {width: 62px; height: 338px;}
.go-top:hover {
    background: rgba(0,0,0,0.5);
} 
.share-section .fb {
	position: relative;
    display: inline-block;
    margin-left: 19px;
	}  
.share-section .fb .fb-img {
    width: 42px;
    height: 39px;
    display: inline-block;
    background: url(images/bgm-sprite.png);
    background-position: -154px -88px;
}  
.share-section .count {
    position: absolute;
    top: 15px;
    left: 100%;
    width: auto;
    background: url(images/bgm-sprite.png);
    font-size: 12px;
    font-family: arial;
    border-right: 2px solid #ffffff;
    padding: 0px 5px 0px 8PX;
    background-position: -195px -98px;
    color: #000000;
    height: 15px;
    font-weight: bold;
    color: black;   
}       
.center-cntr {text-align:center;} 
.full-width {
	display: inline-block;
    width:100%; 
    text-align: center; 
}  
/*.associate-cntr {width:995px;} */ 
.radio-cntr {width:995px;}  
.zero-float {display:inline-block;float:none;} 
.spnsr-img {    max-width: 85%; margin: 15px 0px; background: #fff;}   
.pos-relve {
	position: relative;
    height: 335px; 
    cursor: pointer;
    overflow: hidden;
    max-width: 289px;
    margin: 0 auto;
    width: 96%; 
}    
.str-img { 
    width: 100%;
    height: 335px;
    display: inline-block;
    transition: 1s;
    background-size: 100%;  
}       
.vote-icon { 
	position: absolute;
    right: 5px;
    bottom: 10px; 
	transition:1s;    
}
.selected-icon {
    position: absolute;
    left: 0px;
    bottom: 0px;
    transition: .7s;
} 
.selected-txt {
	position: absolute;
    bottom:0px;       
    left: 300px;
}  
.multiply { 
    background-blend-mode: multiply;
	background-color:rgba(242,187,12,.5) !important;   
} 
.shrt-actr-submt-btn { 
	position: absolute;
    top: 1095px;
    left: 389px;
    border: none;
    background: none;
    color: transparent;
    width: 296px;
    height: 50px;
} 
.bar-main-container {
    margin: 9px auto 0px;
    height: 30px;
    font-family: sans-serif;
    font-weight: normal;
    font-size: 0.8em;
    color: #000;
    text-align: center;
    width: 288px;
    border: 1px solid #000;
    max-width: 96%;
} 

.bar-main-container .wrap { padding:0px;position: relative; }  

.bar-main-container .bar-percentage {  
     width: 45px;
    height: 16px;
    display: inline-block;  
}

.bar-main-container .bar-container {
   float: right;
    height: 27px;
    background:transparent; 
    width: 100%;
    margin: 0px;
    overflow: hidden; 
}

.bar-main-container .bar {
  float: left;
    background: #f2bb0c;
    height: 100%;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; 
} 
.vote_info{
    background:#F8F8F8;
    border: 5px solid #f2bb0c;
    font-size: 12px;
    height: 30px;
    letter-spacing: 1px;
    line-height: 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -80px;
    left:-30px;
    display:none;
    padding:0 20px;
    
}
.vote_info:after{
    content:'';
    position:absolute;
    bottom:-10px; 
    width:10px;
    height:10px;
    border-bottom:5px solid #f2bb0c;
    border-right:5px solid #f2bb0c;
    background:#f8f8f8;
    left:50%;
    margin-left:-10px;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
.pos-set-cntr:hover .vote_info{
    display:block;
}
@-moz-document url-prefix() { 
 .bar-main-container .bar {  
     margin-left: 1px; 
 }
}  
.bar-main-container {position:relative;}
.bar-main-container span.vote-cntr {  
    position: absolute;
    top: 4px;
    left: 0px;
    font-family: 'Conv_KEEPCALM-MEDIUM_0',Sans-Serif;
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;}    
.progress-bar  {
	background-color:#f2bb0c; 
	}  
	.btn.btn-warning {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ffffff;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 50px;
    text-transform: uppercase;
    color: #fff;  
}  
.footer_area .form-control, .footer_area input {
    border: 1px solid #ffffff;
    color: #ffffff !important;
    font-weight: bold !important;  
} 
::-webkit-input-placeholder {color:#fff !important;}  

:-moz-placeholder { /* Firefox 18- */ color:#fff !important; }

::-moz-placeholder {  /* Firefox 19+ */color:#fff !important;}

:-ms-input-placeholder {   color:#fff !important; }   
.creative_team .team_member_text > h4 {
    font-weight: 700;
    margin-bottom: 20px;
} 
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}   
.bar-main-container .progress-bar {width:100%;}  
.margin-bottom-30 {margin-bottom:30px;} 
.fixed-header{position: FIXED;top: 0px;left: 0px;} 
.black-button {
	color: #ffffff;
    background: #000000;
    border: 2px solid #000000;
	margin-top:30px;
}
.black-button:hover {
	color: #000000 !important; 
    background:#ffffff !important;
    border: 2px solid #000000 !important;	
}
.padding-top-40 {padding-top:40px;}
#main-shrflim-form input,#main-shrflim-form textarea,#main-shrflim-form input{}
 .section_title.nice_title > h1 {  font-weight: 700;margin-bottom: 48px; margin-top:-11px;display:inline-block;  line-height: 59px;padding-bottom: 25px;}    
 .margin-top-25 {margin-top:25px !important;} 
 ul,li {color:#000000;} 
#main-shrflim-form .right_input ::-webkit-input-placeholder, #main-shrflim-form .left_input ::-webkit-input-placeholder{ /* WebKit browsers */
    color: #fff;
    text-transform: uppercase;
}
#main-shrflim-form .right_input ::-moz-placeholder, #main-shrflim-form .left_input ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    opacity:  1;
    text-transform: uppercase; 
} 
#main-shrflim-form ::-webkit-input-placeholder {color:#000000 !important;} 
#main-shrflim-form  :-moz-placeholder { /* Firefox 18- */ color:#000000 !important; }
#main-shrflim-form ::-moz-placeholder {  /* Firefox 19+ */color:#000000 !important;}
#main-shrflim-form  :-ms-input-placeholder {   color:#000000 !important; }   
.inline-block {display:inline-block;} 
.max-100 {max-width:100% !important; white-space: normal;} 
.black-btn {background: #000000  !important;border-color: #000000 !important;color: #ffffff !important;}
.margin-bottom-10 {margin-bottom:10px !important;}  
.bgm-logo-ppl-choice-cntr {text-align:center;}    
.bgm-logo-ppl-choice {} 
.go-to-bwd-lnk {text-align: right;}
.go-to-bwd-lnk a {margin-top: 25px;display: inherit;} 
.go-to-bwd-lnk a img {}  
.header-section {margin-top: 35px;}
.header-section .container {max-width: 1115px;} 
.share-section .twit {
    background: url(images/socl-icon-ppl-chice.png);  
    width: 40px;
    height: 39px; 
    display: inline-block;
} 
.share-section .gplus {
    background: url(images/socl-icon-ppl-chice.png) -67px 0px;
    width: 41px;
    height: 39px;  
    margin-left: 22px;
    display: inline-block;
} 
.share-section .fb {
    position: relative;
    display: inline-block;
    margin-left: 19px;
} 
.share-section .fb .fb-img {
    background: url(images/socl-icon-ppl-chice.png) -138px 0px;
    width: 41px;
    height: 38px;
    display: inline-block;
    margin-left: 2px; 
}
.shr-cntr {height:39px;} 
.share-section .count {
	position: absolute;
    color: #ffffff;
    background: url(images/socl-icon-ppl-chice.png) no-repeat -177px -9px;
    width: 36px;
    height: 17px;
    display: inline-block;
    top: 9px;
    margin-left: 0px;
    font-family: 'Conv_KEEPCALM-MEDIUM_0',Sans-Serif;
    font-size: 10px;
    padding-top: 2px;
    left: 100%; 
} 
.share-section {text-align: center;width: 226px; margin: 0 auto;	}  
#shrt-flm p,#ppl-descriptions p ,.ppl-descriptions p {  float: none;}    
#ppl-descriptions p.brown{ color:#411103}  
#ppl-descriptions a ,.ppl-descriptions a  { display: inline-block;}
.margin-top-30 {margin-top:30px;}   
.margin-top-22 {margin-top:22px !important;}     
.margin-bottom-30 {margin-bottom:30px;}   
.owl-stage-outer p {width:100% !important;}
.owl-stage-outer p ,
.owl-stage-outer h3 {margin-top:13px !important;}   
.detail-cnt {
    width: 96%;
    margin: 0 auto;
    text-align: CENTER;
    font-size: 20px;
    margin-top: 10px;
    color: #000;
    text-transform: uppercase;
    height:79px; 	  
}
.detail-cnt-rw-one {height:57px;}   
.personality-name {} 
.padding-top-15 {padding-top:15px;}
.shrflm-lst { list-style-type: none;}  
.blog-img img {max-width: 100%;height: auto;width: 100%;}   
.padding-top-75 {padding-top:75px;} 
.btn-effect {border: none;background: none;color: #000;font-size: 17px !important;font-weight: 600;}
.margin-auto {float:none;margin:0 auto;}
.height-46 {height:46px;} 
.height-46 .small-padding {padding-top:8px;}
.detail-cnt .fixed-para {font-size: 15px;text-transform: capitalize;margin-top:5px;}  
.font-size-18 {font-size:18px !important;}   
.pos-relve .str-img {  
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
} 
.pos-relve:hover .str-img {      
  transform: scale(1.2); 
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand'); /* IE6 and 7 */   
}  
.str-parent {border:1px solid #000 !important;display:inline-block;width:100%;overflow:hidden;}
.margin-top-23 {margin-top:23px;}  
.hvr-efct-btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    word-wrap: break-word;
    text-align: center;
}  
input[type="submit"]:hover {color:#f2bb0c;}   
.has-down-state {
    background: #000;
    overflow: visible; 
    border: 0px solid #f2bb0c;   
} 
.button-outline-copy:after, .button-outline-copy:before,
.button-outline-bottom:after, .button-outline-bottom:before   {height:0px;}   
  a:hover ,a:focus{text-decoration:none !important;} 
.main-home-img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    height: auto !important;
    width: auto !important; 
}

	.padding-top-25 {padding-top:25px;} 
	.top-para {max-width: 1070px;margin: 0 auto;text-align: center;}  
	.shrt-flim-constest {margin: 30px auto 24px;display: inherit;}   
	.prdtn-list-img {width: auto;margin-bottom: 30px;max-width: 100%;} 
	.prdtn-lst-tl {text-align: center;font-size: 30px;margin-bottom: 30px;}  
	.share-section {margin-bottom:30px;}  
	h4 {color: #f2bb0c;font-size: 30px;font-family: arial;font-weight: BOLD;}  
	.font-size-18 li { 
    margin-bottom: 15px;
    padding-left: 35px;

    font-size: 40px;
    background: url(images/list-icon.png) no-repeat 1px 22px;
    font-family: 'Roboto Slab', serif;
	} 
	#shrt-flm .font-size-18 li {      
	margin-bottom: 15px !important;
    padding-left: 22px !important;
    font-size: 18px !important;   
    background: url(images/list-icon.png) no-repeat 0px 5px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
	}
	.shrflm-lst li:last-child {margin-bottom:0px;} 
	.shrflm-lst {margin-left: 10px; margin-top:0px;margin-bottom:30px;}    
	.entry-frm-ttl {display: inherit;text-align: CENTER;margin-bottom: 50px;color: #000 !important;}
	.entry-frm {} 
	.shrtflim-frm-cntr {max-width: 925px;margin: 0 auto;float: none;} 
	.shrtflim-frm-cntr .lable-text {color: #000;text-align: right;font-size: 20px; padding-top: 11px;font-weight: BOLD;}  
	.shrtflim-frm-cntr .form-group {margin-bottom:30px !important;display: inline-block;}  
	.shrtflim-frm-cntr .form-group .form-control {font-size: 19px;border: 1px solid #000;padding: 25px 10px;}
	.vdeo-hint {font-size: 15px !important;padding: 0px;margin: 5px 0px 0px;width: 100%;}   
	.width-100 {width:100%;} 
	.black-btn {font-size: 23px !important;padding:16px !important;} 
	.prdctn-list {text-align: center;}
	.button-outline-copy:after,#shrt-flim-cntr .button-outline-copy:before {top:0px;}
	.has-down-state {background: #000;}  
	.has-down-state input {color: #fff;}
	.button-outline-bottom:after,#shrt-flim-cntr .button-outline-bottom:before {bottom:0px;}  
	.pos-relve {
    position: relative;
    height: 286px;
    cursor: pointer;
    overflow: hidden;
    max-width: 289px;
    margin: 0 auto;
    width: 96%;
    border-bottom: 1px solid #000;
}
.button-outline-copy:after,#shrt-flim-cntr .button-outline-copy:before {top:0px;}
	.has-down-state {background: #000;}  
	.has-down-state input {color: #fff;}
	.button-outline-bottom:after,#shrt-flim-cntr .button-outline-bottom:before {bottom:0px;} 
.padding-0px {padding:0px !important;} 	
.co-spncr-mx-wdth { max-width:880px;} 
.pwerd-by-max-width {max-width:950px;}  
.vnue-cntr {max-height:156px;} 
#feature .feature{ max-width: 850px;  margin: 0 auto;}  
.vnue-hdr {margin-bottom:18px !important;} 
.team_member_img {text-align:center;} 
.wall-of-fame-cntr { max-width: 1200px;margin: 0 auto;}  
.wall-of-fame-cntr > div {}
.wall-of-fame-cntr > div .row {margin:0px 0px 7px;}  
.yellow-h3 { font-size: 25px;color: #ffd400;  line-height: 28px; }  

.social {  
    position: fixed;
    top: 50%;
    z-index: 99;
    margin-top: -150px;
    width: 64px; 
}
.social ul { 
  padding: 0px;
  -webkit-transform: translate(-270px, 0);
  -moz-transform: translate(-270px, 0);
  -ms-transform: translate(-270px, 0);
  -o-transform: translate(-270px, 0);
  transform: translate(-270px, 0);
}
.social ul li { 
  display: block; 
  background: rgba(0, 0, 0, 1); 
  width:319px; 
  text-align: right;
 -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  border: 1px solid #000;  
      margin: 10px 0px; 
}
.social ul li:hover {
  -webkit-transform: translate(110px, 0);
  -moz-transform: translate(110px, 0);
  -ms-transform: translate(110px, 0);
  -o-transform: translate(110px, 0);
  transform: translate(110px, 0);
  background: rgba(255,255, 255,1);   
    border: 1px solid #000;
}
.social ul li a {
    padding: 10px;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    height: 56px;
    vertical-align: top;
}
.social ul li a span {  
    vertical-align: top;
    margin-top: 5px;
    display: inherit;
	font-family: 'Roboto Slab', serif; 
}
.social ul li:hover a {
  color: #000;
  text-decoration:none;
}
.social ul li:hover i {
    color: #ffd400;
    background: rgba(0, 0, 0, 1);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}  
.social ul li i { 
  margin-left: 10px;
  color: #000; 
  padding: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 35px;
  height: 35px;   
  font-size: 20px; 
   background: #ffd400; 
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.social .fa-facebook {position:relative;}  
.social .fa-facebook-f:before,.social  .fa-facebook:before { 
    position: absolute;
    left: 11px;
    top: 9px;
}
a.tooltips {  
  position: relative;
  display: inline;
}
a.tooltips span.count { 
	padding: 1px 12px 17px;
    position: absolute;
    width: auto;
    color: #FFFFFF;
    background: #000000;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 6px;
    left: 325px !important; 
}
a.tooltips span.count .num {
	display: inline-block;
    margin: 0px;
    padding: 1px 10px;  
}
a.tooltips span.count:after { 
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;  
  margin-top: -8px;
  width: 0; height: 0;
  border-right: 8px solid #000000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
a:hover.tooltips span.count { 
  visibility: visible;
  z-index: 999;
}
a:hover.tooltips span.count .num { 
	
}   
#testimonial h3 {font-size:13px !important;font-weight:bold;}   
.margin-top-10 {margin-top:10px !important;} 
.margin-top-15 {margin-top:15px !important;}
.margin-top-20 {margin-top:20px !important;}   
.section_title {display:inline-block !important;width:100% !important;}
.show-only-mobile {display:none !important;}
.show-only-desktop {display:block !important;}



@media only screen and (min-width:1601px) {  
textarea.form-control {
    height:230px !important; 
}
}       
@media only screen and (min-width:1300px) and (max-width:1500px) { 
	.main-home-img {max-height:400px !important;}      
 }
  @media only screen and (min-width:1200px) and (max-width:1299px) { 
	.main-home-img {max-height:360px !important;}          
 }
   @media only screen and (min-width:1000px) and (max-width:1199px) { 
	.main-home-img {max-height:400px !important;}     
	#Peoples-choice > div {max-width: 970px !important;}    
	.pos-relve { height: 230px !important;}
    #Peoples-choice {padding-top: 65px !important;}	
	.two-lines { height:100px;}	    
	
 }
 @media only screen and (min-width: 995px) and (max-width: 1030px) {
.pos-relve {height: 230px; }   
}   
 @media only screen and (min-width:768px) and (max-width:999px) { 
	#feature .feature {max-width:100%;} 
	/*.associate-cntr,.radio-cntr { width: 100%;}  */
	.radio-cntr { width: 100%;} 	
	 #main-nav li a  {font-size:12px !important;}    
	#Peoples-choice {padding-top:62px !important;}
	.pos-relve { height:	336px !important;}  
	
	#simbu-cntr .detail-cnt ,#karthi-cntr .detail-cnt{ height:57px !important;}     
	.mobile-center {text-align:center !important;} 
	.ppl-chs-ind-pg .selected-icon {width:100% !important;max-width:100% !important;}   
	.ppl-chs-ind-pg .actor-selected  .selected-txt  {width:auto !important;max-width:100% !important;} 
	.ppl-chs-ind-pg .voted-contr {width:auto !important;}
	
 }  
 #feature .feature { max-width:100% !important; }       
 @-ms-viewport{
  width: device-width;
}  
#contact .fa-facebook {
    font-size: 22px;
    padding-top: 8px;
    padding-left: 0px;
}
#contact .fa-twitter {
    font-size: 22px;
    padding-top: 8px;
    padding-left: 0px;
}
#contact .fa-youtube {
    font-size: 22px;
    padding-top: 6px;
    padding-left: 0px;
} 
.rel-cntr {position:relative;} 
.valid_nam_enqr ,.valid_nam_entr ,.valid_mail_entr,.valid_mail_enqr,.valid_phn_enqr,.valid_phn_entr {  
	position: absolute;
    left: 0px;
    color: #ff0000;
    top: 100%; 
	display:none;
}   
#submit-disable-frm {
	display: none; 
    opacity: 1 !important;
    font-size: 16px;
    padding: 5px;
    height: 50px; 
    width: 235px;
}    
.button-outline-copy.small-padding {
    padding-left:15px !important; padding-right:15px !important; 
}
.associate-cntr {width:300px !important;}  
.padding-top-15  {padding-top:20px;} 
.padding-top-10  {padding-top:10px;}  
.our_work_trigger  a,.our_work_trigger a:hover {color:#000; }  
.ppl-chs-ind-pg  .voted-contr {width:auto !important;}