@-moz-document url-prefix() {
  .home-contact-form-right-section{
      padding: 48px 25px !important;
  }
}
@-moz-document url-prefix() {
    @media only screen 
  and (min-device-width: 1125px) 
  and (max-device-width: 1296px)
    {
        .home-contact-form-right-section {
            padding: 39px 20px !important;
        }
    } 
    @media only screen 
  and (min-device-width: 1524px) 
  and (max-device-width: 1679px)
    {
        .home-contact-form-right-section {
            padding: 39px 25px !important;
        }
    }
}
@font-face { 
   font-family: Montserrat-Medium;
   src: url(https://www.kupendrareddy.com/wp-content/themes/charityfoundation/languages/Montserrat-Medium.otf);
}
@font-face {
   font-family: Montserrat-Light;
   src: url(https://www.kupendrareddy.com/wp-content/themes/charityfoundation/languages/Montserrat-Light.otf);
}
@font-face {
   font-family: Pristina;
   src: url(https://www.kupendrareddy.com/kannada/wp-content/themes/charityfoundation/languages/PRISTINA.TTF);
}
@font-face {
   font-family: Arvo;
   src: url(https://www.kupendrareddy.com/kannada/wp-content/themes/charityfoundation/languages/Arvo-BoldItalic.ttf);
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #998675 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #998675 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #998675 !important;
}  
:-moz-placeholder { /* Firefox 18- */
  color: #998675 !important;
}
#nd_options_navigation_2_container > div{
    z-index: 999;
}
.home #nd_options_navigation_2_container > div{
    background: inherit !important;
}
#nd_options_page_header_img_layout_4, #nd_options_navigation_2_container > div{
    background-image: none !important;
    background: #38302c !important;   
}
#nd_options_post_header_img_layout_4{
    background-image: none !important;
    background: #38302c !important;   
    max-height:120px;
}
#nd_options_post_header_img_layout_4 .nd_options_bg_greydark_alpha_2{
    background-color: initial;
    max-height: 120px;
}
#nd_options_search_header_img_layout_4 , #nd_options_search_header_img_layout_4 .nd_options_bg_greydark_alpha_2{
    background-image: none !important;
    background: #38302c !important;
}
#nd_options_search_header_img_layout_4 #nd_options_search_header_image_space_bottom{
    height: 0;
}
.sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
}
.sticky .nd_options_grid_12{
    padding: 0;
}
.sticky .nd_options_display_none_all_responsive img{
    top:25px !important;
}
.nd_options_display_none_all_responsive .nd_options_vertical_align_middle{  	
    float: right;
}
p{
  	font-size:16px;
  	text-align: justify !important;
  	padding-bottom: 10px;
}
a:hover, a, a:visited, a:focus {
  	text-decoration: none !important;
}
#nd_options_navigation_2_container a .nd_options_position_absolute{
    margin-left: 50px;
}
#nd_options_navigation_2_container .nd_options_navigation_2{
    margin-right: 50px;
}
#nd_options_container_search_icon_navigation{
  	float: left;
    padding-right: 30px;
}
#nd_options_container_search_icon_navigation img{    
    width: 50px;
    padding-top: 2px;
}
.head-menu-icon .menu-image-title{
  	display:none;
}
.head-menu-icon{
    background: none !important;
    border: none !important;
}
.mobile-menu-res{
  	display:none !important;
}
.menu-item a.menu-image-title-above.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-above .menu-image-hover-wrapper{
	display: inline-block;
    padding-top: 0;
    width: 45px;
    height: auto;
}
.nd_options_navigation_2 div > ul > li:after{
    content: " " !important;    
    margin: 0 !important;
}
#menu-kp-1 li{
    padding: 6px 25px;
    border-radius: 8px;
    background-color: #ffffff85;
    border: 1px solid #C6B198;
}
#menu-kp-1 li a{
    color: #000;
    font-size: 16px;
    font-family: Montserrat-Light !important; 
}
.monts-font-light-cls , .monts-font-light-cls p , .monts-font-light-cls span{
   font-family: Montserrat-Light !important; 
}
.monts-font-medium-cls, .monts-font-medium-cls p , .monts-font-medium-cls span{
   font-family: Montserrat-Medium !important;
}
.header-model-section #myModal{
    padding-right: 0 !important;
    z-index: 9999;
}
.header-model-section .modal-dialog,.header-model-section .modal-content{
    height: 100%;
}
.header-model-section .modal-content{
  	background-image: linear-gradient(90deg,#33669A,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#33669A,#3587A8,#32B6B6);
    color: #fff;
    border-radius: 0;
}
.header-model-section .modal-dialog {
    width: 100%;
    margin: 0;
    border-radius: 0;
}
.header-model-section .modal-header{
  	border:none;
}
.header-model-section .modal-body{
  	color:#fff;
  	text-align:center;
    padding: 0;
    padding-bottom: 35px;
}
.close-icon-cls{
    width: 28px;
    opacity: 1 !important;
}
.header-model-section li{
  	list-style: none;
}
.header-model-section li a{
    padding: 22px 15px;
    display: block;
}
.header-model-section li:hover{
  	background-color: #0000002e;
}
.header-model-section .menu-image-title{
  	color: #fff;
  	font-size: 16px;
    font-family: Montserrat-Light;
    text-transform: uppercase;
  	vertical-align: middle;
    padding-left: 5px;
}
.header-model-section #menu-header{
  	padding: 0;
    margin: 0;
}
.header-model-section #menu-header a:hover{
    text-decoration: none;
}

/*----------------- Search --------------------------------*/
.body-overflow{
    overflow:hidden;   
}	
.nd_options_navigation_search_content{
    padding-right: 0px !important;
    transform: scale(0);
    webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.nd_options_navigation_search_content.in{
        opacity: 1;
    overflow: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);   
}
.nd_options_navigation_close_search_content{
    background-image: linear-gradient(90deg,#FF646D,#FF916F,#FFA270);
    background-image: -webkit-linear-gradient(0deg,#FF646D,#FF916F,#FFA270);
}    
.nd_options_navigation_close_search_content .close{
    position: relative;
    left: -15px;
    top: 15px;
}
.nd_options_navigation_search_content_form input[type="search"]{
    border-radius: 50px !important;
    color: #736357 !important;
    font-family: Montserrat-Light !important;
    padding: 15px 25px !important;
    font-size: 14px !important;
    border: none !important;
    height: auto !important;
    line-height: 25px !important;
    background-color: #fff;
    width: 50%;
    margin-left: 47px;
}
.nd_options_navigation_search_content_form input[type="submit"]{
    background: url(https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/05/filter-search-icon.png);
    background-repeat: no-repeat;
    background-size: 33px;
    color: #ff9c6f;
    position: relative;
    left: -80px;
    top: -1px;
    padding: 0;
    font-size: 0;
    width: 50px;
    height: auto;
    border-radius: 0;
}
/*----------------- Home --------------------------------*/
.heading1{
  	color:#534741 !important;
  	font-size:26px !important;
    letter-spacing: 1px;
    font-family: Montserrat-Light !important;
    text-align: center;
}
.home-focus-are-heading{
    margin-top: 40px;
    padding-bottom: 40px;
}
.news-letter-section{
    text-align:center;
}
.news-letter-section .vc_column-inner{
    padding-top: 10px !important;
    padding-bottom: 10px !important;   
}

.news-leter-section1,.news-leter-section2{
    display: inline-block;        
    margin: 0;
    vertical-align: middle;
}
.news-leter-section2 .wpb_wrapper p{
    padding: 0
}
.home-newsletter-text{
    color: #ffffff !important;
    font-size: 26px;
    text-transform: uppercase;
    font-family: Montserrat-light !important;
	line-height:40px;
  	margin-top:0px;
  	letter-spacing: 1px;
}
div.wpforms-container-full .wpforms-form label.wpforms-error{
    position: absolute;
}
#wpforms-form-1584 #wpforms-1584-field_1-container, #wpforms-form-2569 #wpforms-2569-field_1-container{
    padding-left: 20px;
}
#wpforms-1584 .wpforms-submit-container .wpforms-submit{
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-image: url(https://www.kupendrareddy.com/wp-content/uploads/2019/04/arrow-button.png);
    background-position: center center;
    border: 0;
    position: absolute;
    left: 108px;
    top: -54px;
}
#wpforms-2569 .wpforms-submit-container .wpforms-submit{
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-image: url(https://www.kupendrareddy.com/wp-content/uploads/2019/04/arrow-button.png);
    background-position: center center;
    border: 0;
    position: absolute;
    left: 106px;
    top: -54px;
}
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container{
    width: 100%;
}
.home-italic-text-section{
    background-color:#e6e6e6;
    padding: 35px 0;
}
.home-main-focus-section{
    padding-left:100px;   
    padding-right:100px;
    padding-bottom:50px;
    text-align: center;
}
.lakes-line, .uplanning-line, .infra-line, .lakes-filled, .uplanning-filled, 
.waste-line, .infra-filled, .waste-filled
{ display: inline-block; background: url('https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/06/focus-area.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.lakes-line { background-position: -0px -0px; width: 189px; height: 210px; }
.lakes-line:hover { background-position: -0px -628px; width: 187px; height: 208px; }
.infra-line { background-position: -0px -420px; width: 187px; height: 208px; }
.infra-line:hover { background-position: -0px -1252px; width: 185px; height: 206px; }
.waste-line { background-position: -0px -1044px; width: 187px; height: 208px; }
.waste-line:hover { background-position: -0px -1458px; width: 185px; height: 206px; }
.uplanning-line { background-position: -0px -210px; width: 189px; height: 210px; }
.uplanning-line:hover { background-position: -0px -836px; width: 187px; height: 208px; }

.home-contact-form-section{
    padding-right: 215px !important;
    padding-left: 215px !important
}
.home-contact-form-in-section{
  	padding-left: 50px !important;
}
.home-contact-form-in-section .vc_column-inner{
    padding: 0;
}
.home-contact-form-in-section input[type="text"], .home-contact-form-in-section input[type="email"], .home-contact-form-in-section textarea{
    width:550px !important;   
}
.home-contact-form-section input,.home-contact-form-section textarea{
	width: 100%;
    font-size: 14px;
    border-radius: 50px !important;
    color: #998675 !important;
	border-color: #C7B299 !important;
    background-color: #fff !important;
    padding: 10px 20px !important;
}
.home-contact-form-section  .submit-btn-contact7 .ajax-loader{
    display:none;    
}
.home-contact-form-section  .submit-btn-contact7{
    background-image: linear-gradient(90deg,#33669A,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#33669A,#3587A8,#32B6B6);   
    display:inline-block;
    border-radius:50px;
}
.home-contact-form-section .submit-btn-cls{
    background-image:inherit;
    color: #fff !important;
    width: 235px;
    padding: 16px !important;
    font-size: 20px;
	border: none;
	font-family: Montserrat-Light !important;
}
.home-contact-form-section .submit-btn-cls:hover{
    background-color: rgba(0, 0, 0, 0.15) !important;
    background-image: none;
}
.home-contact-form-section .reset-btn-contact7{
    background-image: linear-gradient(90deg,#FF646D,#FF916F,#FFA270);
    background-image: -webkit-linear-gradient(0deg,#FF646D,#FF916F,#FFA270);
    display:inline-block;
    border-radius:50px;
    margin-left: 20px;
}
.home-contact-form-section .reset-btn-cls{
    background-image:inherit;
    color: #fff !important;
    width: 235px;
    padding: 16px !important;
    font-size: 20px;
	border: none;
    font-family: Montserrat-Light !important;
}
.home-contact-form-section .reset-btn-cls:hover{
    background-color: rgba(0, 0, 0, 0.15) !important;
    background-image: none;
}
.blue-btn-gradient{
    background-image: linear-gradient(90deg,#33669A,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#33669A,#3587A8,#32B6B6);
}
.red-btn-gradient{
    background-image: linear-gradient(90deg,#FF646D,#FF916F,#FFA270);
    background-image: -webkit-linear-gradient(0deg,#FF646D,#FF916F,#FFA270);
}
.home-contact-form-right-section{
	border-radius: 50px;
    background-color: #38302c;
    padding: 41px 25px;	
    margin-top:10px;
}
.home-contact-form-right-section p{
	text-align: left !important;
    color: #fff !important;
    font-size: 16px;	
	font-family: Montserrat-light !important;
}
#wpforms-1584-field_1::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff !important;
}
#wpforms-1584-field_1::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
}
#wpforms-1584-field_1::-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
}
#wpforms-1584-field_1::-moz-placeholder { /* Firefox 18- */
  color: #fff !important;
}
#wpforms-2569-field_1::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff !important;
}
#wpforms-2569-field_1::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
}
#wpforms-2569-field_1::-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
}
#wpforms-2569-field_1::-moz-placeholder { /* Firefox 18- */
  color: #fff !important;
}

/* --------------------- News letter success message popup -------------------*/
.wpforms-confirmation-container-full .modal{
    padding-right: 0 !important;
    display: block;
}
.wpforms-confirmation-container-full .modal-dialog,.wpforms-confirmation-container-full .modal-content{
    height: 100%;
}
.wpforms-confirmation-container-full .modal-content{
  	background-image: linear-gradient(90deg,#33669A,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#33669A,#3587A8,#32B6B6);
    color: #fff;
    border-radius: 0;
}

.wpforms-confirmation-container-full .modal{
    transform: scale(0);
    webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.wpforms-confirmation-container-full .modal.in{
    opacity: 1;
    overflow: hidden;
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.wpforms-confirmation-container-full .modal-dialog {
    width: 100%;
    margin: 0;
    border-radius: 0;
}
.wpforms-confirmation-container-full .modal-header{
  	border:none;
}
.wpforms-confirmation-container-full .modal-body{
  	color:#fff;
    padding: 0;
    padding-bottom: 35px;
    position: absolute;
    top: 30%;
    left: 25%;
    right: 25%;
}
.newsltr-success-img{
    padding-bottom: 25px;
}
/*-------------- -----------------*/

#wpforms-1584-field_1, #wpforms-2569-field_1{
    border-radius: 25px;
	border: 2px solid #fff !important;
	background-color: #38302c;   
    color: #fff;
    border: 0;
    height: 50px;
    padding-left: 15px;
    font-size: 14px;
    font-family: Montserrat-Light !important;
}
.wpforms-confirmation-container-full{
    background-image: linear-gradient(90deg,#33669A,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#33669A,#3587A8,#32B6B6);
    color: #fff !important;
    border: none;
    margin-bottom: 10px !important;
}
.wpforms-confirmation-container-full p{
    color:#fff;
    font-family: Montserrat-Light !important;
    text-align: center !important;
    font-size: 28px;
    line-height: 40px;
}
.single-post .heateor_sss_horizontal_sharing .heateorSssSharing{
    background-image: none;
    margin: 0 5px;
}
.single-post .heateor_sss_sharing_container{
    position: relative;
    float: right;   
    padding-left: 135px;
}
.single-post .heateor_sss_sharing_container .heateor_sss_sharing_title{
    display:none;
}
/*.single-post-text-section-1, .single-post-img-section-2, .single-post-text-section-3, .single-post-gallery-section, .gallery-heading, .process-heading{
    padding-left: 135px !important;
    padding-right: 135px !important;
}*/
.single-post .status-publish{
    padding-left: 135px !important;
    padding-right: 135px !important;
}
.single-post .blog-page-news-letter{
    margin-left: -150px !important;
    margin-right: -150px !important;
}
.singe-blog-4-img-cls img{
  	border-radius: 50px;
    height: 320px;
    object-fit: cover;
}
.home-blue-grd-btn{
    border-radius: 35px; 
    padding: 2px;
}
.home-two-btn-section{
    padding: 20px 140px;  
}
.home-red-grd-btn{
    border-radius: 35px; 
    padding: 2px;
}
.home-blue-grd-btn button{
    background-image: none !important;
    border-radius: 30px !important;  
    padding: 15px 54px !important;
    font-size: 18px !important;
}
.home-red-grd-btn button{
    background-image: none !important;
    border-radius: 30px !important;
    padding: 15px 54px !important;
    font-size: 18px !important;
}
.home-red-grd-btn button:hover ,.home-blue-grd-btn button:hover{
    border-color: #fff !important;
    background-color: #fff !important;
}
.home-page-more-text{
    color: #534741 !important;
    font-size: 32px;
    line-height: 50px;
    font-family: Montserrat-Light !important; 
    padding-top: 8px;
}
.explore-text-section, .explore-btn{
    display:inline-block;
}
.home-explore-section p{
    text-align: center;
    font-size: 28px;
    color: #fff !important;
    line-height: 40px;
    padding-top: 10px;
    font-family: Montserrat-Light !important;
}
.home-explore-section{
    text-align: center;
}   
.explore-btn {
    background-image: linear-gradient(90deg,#33669A,#3587A8,#32B6B6) !important;
    background-image: -webkit-linear-gradient(0deg,#33669A,#3587A8,#32B6B6) !important;
    border-radius: 30px !important;
    margin-left:25px;
    margin-bottom:50px;
}
.explore-btn a{
    background-color: inherit !important;
    border: none !important;
    color: #fff !important;
    border-radius: 30px !important;
    padding: 15px 80px !important;
    font-size: 18px !important;
    font-family: Montserrat-Light !important;
}
.explore-btn a:hover{
    background-color: rgba(0, 0, 0, 0.15) !important;
    background-image: none;
}
.case-study-section h2 { 
    width:100%; 
    text-align:center; 
    border-bottom: 1px solid #C7B299; 
    line-height:0.1em; 
    margin:10px 0 20px; 
} 
.case-study-section h2 span { 
    background:#fff; 
    padding:0 15px; 
}
.home-blog-section{
  	padding-right: 120px;
    padding-left: 120px; 
    padding-bottom: 35px;
}
.home-blog-section .post-content-div{ 
    position: relative;
    width: 100% !important;
    margin: 15% 0px 0 0px !important;
    padding: 0 20px !important;
}
.home-blog-section .bdp_blog_template.news {
    width: 33.33%;
    display: inline-block;
    margin-bottom: 0;
    height: 320px;
}
.home-blog-section .blog_template .bd-post-image a{
    position: absolute;
    height: 320px;
    width: 340px;
    overflow: hidden;
    border-radius: 50px
}
.home-blog-section .blog_template .bd-post-image a::before{ 
    content: '';
    position: absolute;
    border-radius: 50px;
    top: 0;
    right: 0;
    bottom: 0px;
    left: 0;
    background-image: linear-gradient(90deg,#40558B,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#40558B,#3587A8,#32B6B6);
    mix-blend-mode: multiply;
}
.home-blog-section .bdp_blog_template.news .bd-post-content ,.home-blog-section .bd-post-footer ,.home-blog-section .bd_date_cover,.home-blog-section .bd-category-link,.home-blog-section .bd-metadatabox a,.home-blog-section .page-numbers{
    display: none !important;
}
.home-blog-section .bd-metadatabox .comments-link{
    display:block !important;
    color: #fff !important;
    font-style: normal;
    font-family: Montserrat-Light !important;
    font-size: 14px !important;
    padding: 0;
}
.home-blog-section .bdp_blog_template.news .bd-blog-header h2.title {
    background: transparent;
    margin: 0;
    padding: 0;
    line-height: 1;
}
.home-blog-section .bdp_blog_template.news .bd-blog-header h2.title a {
    font-size: 20px;
    color: #fff !important;
    font-family: Montserrat-Light !important; 
    text-transform: uppercase;
}
.home-blog-section .bdp_blog_template.news .bd-post-image img{
    height: 320px;   
    object-fit: cover;
    transition: all 0.3s ease-in-out;
    border-radius: 50px;
    top: 0;
    right: 0;
    bottom: 0px;
    left: 0;
    background-image: linear-gradient(90deg,#40558B,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#40558B,#3587A8,#32B6B6);
    mix-blend-mode: multiply;
}
.home-blog-section .bdp_blog_template.news .bd-post-image a:hover>img{
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    overflow: hidden;
    webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    content: '';
    position: absolute;
    border-radius: 50px;
    top: 0;
    right: 0;
    bottom: 0px;
    left: 0;
    background-image: linear-gradient(90deg,#40558B,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#40558B,#3587A8,#32B6B6);
    mix-blend-mode: multiply;
}
.home-blog-section .bdp_blog_template.news .bd-post-image{
    width: 100%;
}
.home-blog-section .fa-tags:before{
    display:none;
}
.home-blog-section .post_cat_tag .bd-tags a{
    background-color: #fff;
    padding: 5px 15px;
    border-radius: 25px;
    color: #534741 !important;
    font-family: Montserrat-Light !important;
  	display: inline-block !important;
    margin-bottom: 15px;
    font-size: 11px;
}
.home-blog-section .bdp_blog_template .bd-tags .bd-icon-tags{
    display: none;
}
.home-blog-section .bdp_blog_template.news .post-content-div .post_cat_tag > span{
    padding: 20px 0 0 0;
    margin-bottom: 0;
}
.home-blog-section .bdp_blog_template.news .bd-blog-header .bd-metadatabox{
    position: absolute;
    top: 100%;
    width: inherit;
    display: none;
}
#nd_options_footer_1{
    display:none;
}
.nd_options_customizer_forms span.wpcf7-not-valid-tip, .nd_options_customizer_forms .wpcf7-response-output.wpcf7-validation-errors{
    background-color: inherit;
    color: #f00;
}
.nd_options_customizer_forms .wpcf7-response-output.wpcf7-mail-sent-ok{
    background-color: inherit;
    color: #33689b;
}
.about-page-info-section{
  	padding:50px !important;
}
.about-page-info-section .dkr-ent-page-img{
    overflow: hidden;
    border-radius: 50px;
}
.dkr-ent-page-img img{
  	border-radius: 50px;
  	max-height: 420px;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.dkr-ent-page-img img:hover{
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    overflow: hidden;
    webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}
.dkr-entr-info-box-txt{
  	color:#988575 !important;
  	text-align:right;
  	font-family: Montserrat-Medium !important;
}
.dkr-page-text-section1{
    padding-left: 50px;  
    padding-right: 50px;
}
.politician-last-section{
    padding-top: 22px;
}
.politician-last-section .home-newsletter-text{
    padding-top: 8px;
}
.social-media-section-heading .heading1{
    text-align:left;
}
.social-media-section-heading{
    padding-left: 270px;
    padding-right: 270px;
}
.social-media-section{
    padding-left: 270px;
    padding-right: 270px;
    margin-bottom: 45px;
}
.social-media-section .twitter-section , .social-media-section-heading .social-sub-heading{
    padding: 0 20px;
}
.social-media-section .twitter-section .vc_column-inner{
    height: 420px;
    overflow: auto;
}
.social-media-section .twitter-section .vc_column-inner{
    padding-top: 0 !important;
}
.social-media-section .twitter-section .fts-bold a, .social-media-section .twitter-section .fts-twitter-text a{
    color: #534741 !important;
    letter-spacing: 1px;
    font-family: Montserrat-Light !important;
}
.social-media-section .twitter-section .fts-twitter-text a{
    color: #998675;
    font-family: Montserrat-Medium !important;
}
.fts-powered-by-text-popup a.fts-powered-by-text{
    display: none !important;  
}
.heateor_sss_horizontal_sharing .heateorSssSharing{
    background-color: inherit;
    margin: 0 5px;
}
.heateorSssTwitterSvg{
    background: url(https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/05/sm-css-sprite.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    background-position: -5px -0px;
    width: 51px;
    height: 50px;
}
.heateorSssTwitterSvg:hover{
    background-position: -5px -275px;
}
.heateorSssFacebookSvg{
    background: url(https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/05/sm-css-sprite.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    background-position: -5px -495px; 
    width: 50px; 
    height: 50px;
}
.heateorSssFacebookSvg:hover{
    background-position: -5px -550px;
}    
.heateorSssWhatsappSvg{
    background: url(https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/05/sm-css-sprite.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    background-position: -5px -110px; 
    width: 51px; 
    height: 50px;
}
.heateorSssWhatsappSvg:hover{
     background-position: -5px -605px;
}
.heateorSssLinkedinSvg{
    background: url(https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/05/sm-css-sprite.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    background-position: -5px -55px; 
    width: 51px; 
    height: 50px;
}
.heateorSssLinkedinSvg:hover{
    background-position: -5px -330px;
}
.heateorSssEmailSvg{
    background: url(https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/05/sm-css-sprite.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    background-position: -5px -165px; 
    width: 51px; 
    height: 50px;
}
.heateorSssEmailSvg:hover{
    background-position: -5px -385px;
}
.heateorSssCopyLinkSvg{
    background: url(https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/05/sm-css-sprite.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    background-position: -5px -220px; 
    width: 51px; 
    height: 50px;
}
.heateorSssCopyLinkSvg:hover{
    background-position: -5px -440px;
}
#ff-stream-1 .ff-btn , #ff-stream-1 .ff-btn:hover{
    background-color: #38302c !important;    
}
#ff-stream-1 .ff-filter:hover, #ff-stream-1 .ff-filter.ff-filter--active, #ff-stream-1 .ff-moderation-button, #ff-stream-1 .ff-loadmore-wrapper .ff-btn, #ff-stream-1 .ff-square:nth-child(1) {
    background-color: #38302c !important;
    font-family: Montserrat-Light !important;
}
.home-socia-feed .vc_column-inner{
    padding: 0px !important;
    margin-top: -15px;
}
.home-socia-feed .wpb_text_column{
    margin-bottom:0px;
}
#shortcode-1 p{
    margin: 0;
    padding: 0;
}
.politicion-page-explore-btn{
    margin-bottom: 25px;
}
/*-------------------------- Blog mansory layout --------------------------*/
.mansory-cls{
    width:362px !important;
}
/* ------------------------------- Contact Page ---------------*/
.contact-us-page-left-section{
    padding: 70px 35px 35px 35px;
}
.contact-page-form-section{
	padding-left:190px !important;
	padding-right:190px !important;
}
.contact-page-form-section .home-contact-form-section{
  	padding: 0px !important;    
}
.contact-us-page-left-section p{
  	color:#5D5D5D !important;  	
    font-size: 16px;
    padding-bottom: 15px;
    text-align: left !important;
}
.contact-us-page-form-sec input, .contact-us-page-form-sec textarea{
    width: 90%;   
}
.contact-us-page-form-sec .submit-btn-cls, .contact-us-page-form-sec .reset-btn-cls{
    width: 205px;
}
.contact-us-page-form-sec .vc_column-inner{
    padding-top: 50px;
    padding-bottom: 40px;
    padding-left: 55px;
    padding-right: 0px;
}
.contact-us-page-lastsc{
    padding-top: 20px !important;
    padding-right: 130px !important;
    padding-bottom: 20px !important;
    padding-left: 130px !important
}
.contact-us-page-lastsc p{
	color:#5D5D5D !important;
    font-size: 16px;  
}
.contact-us-page-form-sec .vc_column-inner{
  	border-left:2px solid #C6B198;
}
.contact-us-page-form-sec h2{
  	margin-bottom: 15px;
  	width: 90%;
}
#contact-us-google-map .wpb_wrapper{
  	padding:0px;
}
.vc_separator .vc_sep_holder .vc_sep_line{
  	top:0px;
}

/*--------------------------- About Page--------------------------------*/
.about-page-section-1, .about-page-section-2{
   	padding-left: 130px;
    padding-right: 130px;
}
.about-page-section-1 p{
	color: #998675 !important;
  	margin-top: 20px;
  	font-family: Montserrat-Medium !important;
  	text-align: justify;
}
.about-page-3-images-cls{
	margin-bottom:0px;
}
.about-page-section-2 .wpb_singleimage_heading{
  	color: #fff !important;
    font-family: Montserrat-Medium !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 99;
    margin-top: 0;
    font-size: 24px;
}   
.about-page-section-2 .wpb_text_column{
    margin-bottom:0px;
}
.about-page-3-images-cls .vc_single_image-wrapper{
    border-radius: 50px;
    overflow: hidden;
}
.about-page-3-images-cls .vc_single_image-wrapper::before{  	
    content: '';
    position: absolute;
    border-radius: 50px;
    top: 9px;
    right: 15px;
    bottom: 0;
    left: 15px;
    background-image: linear-gradient(90deg,#40558B,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#40558B,#3587A8,#32B6B6);   
    mix-blend-mode: multiply;
      transition: all 0.3s ease-in-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.about-page-3-images-cls .vc_single_image-wrapper:hover>img{
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    overflow: hidden;
    webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    content: '';
    border-radius: 50px;
    top: 9px;
    right: 15px;
    bottom: 0px;
    left: 15px;
    background-image: linear-gradient(90deg,#40558B,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#40558B,#3587A8,#32B6B6);
    mix-blend-mode: multiply;
}
.about-page-3-images-cls .vc_single_image-wrapper img{
  	border-radius: 50px;
    width: max-content;
    height: 275px;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
    top: 0;
    right: 0;
    bottom: 0px;
    left: 0;
    background-image: linear-gradient(90deg,#40558B,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#40558B,#3587A8,#32B6B6);
    mix-blend-mode: multiply;
}
.nd_options_navigation_search_content_form input[type="search"]{
    font-family: Montserrat-Medium !important;
    font-size: 26px;
}
#nd_options_page_header_img_layout_4 .nd_options_bg_greydark_alpha_2 .nd_options_padding_15{
    display: none;
}
#nd_options_page_header_img_layout_4 .nd_options_bg_greydark_alpha_2 #nd_options_page_header_image_space_bottom{
    height: 10px;
}
/* -----------------------------------------  Gallery Page  --------------------------------------------------*/
.gallery-main-section .aigpl-gallery-album-wrp .aigpl-img-wrp::after,.aigpl-gallery-album-wrp .aigpl-img-wrp{
  	border: none !important;
}
.gallery-main-section .aigpl-album-design-1 .aigpl-img-count{
  	display:none;
}
.gallery-main-section .aigpl-cnt-wrp .aigpl-img{ 
  	border-radius: 50px !important;
}
#aigpl-gallery-2{
    padding: 50px 120px 15px 120px;
}
#aigpl-gallery-2 .aigpl-img{
    border-radius: 50px !important;
}
.gallery-main-section .aigpl-img-wrp{
  	padding:0px;
}
.gallery-main-section .aigpl-gallery-album-wrp .aigpl-img-wrp .aigpl-img-link::before{  	
    content: '';
    position: absolute;
    border-radius: 50px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(90deg,#40558B,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#40558B,#3587A8,#32B6B6);    
    mix-blend-mode: multiply;
    opacity: .7;
}
.aigpl-breadcrumb-wrp{
  	display:none;
}
.gallery-img-section{
    margin-bottom:0px;
}
.gallery-main-section{
    padding-left: 130px;
    padding-right: 130px;
    padding-bottom:30px;
}
.gallery-main-section .wpb_text_column{
    margin-bottom:0px;
}
.gallery-main-section .wpb_singleimage_heading{
  	color: #fff !important;
    font-family: Montserrat-Medium !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 99;
    margin-top: 0;
    font-size: 24px;
}  
.gallery-img-section .vc_single_image-wrapper::before{  	
    content: '';
    position: absolute;
    border-radius: 50px;
    top: 10px;
    right: 15px;
    bottom: 0;
    left: 15px;
    background-image: linear-gradient(90deg,#40558B,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#40558B,#3587A8,#32B6B6);    
    mix-blend-mode: multiply;
}
.gallery-img-section .vc_single_image-wrapper img{
  	border-radius: 50px;
    width: max-content;
    height: 320px;
    object-fit: cover;
}
/* -----------------------------------------  Focus Page  --------------------------------------------------*/
.focus-page-info-text-section{
    padding-left: 130px;
    padding-right: 130px;
}
.focus-page-tab-text-section{
    padding-left: 160px;
    padding-right: 160px;
}
.focus-tab-sample-img-section{
    padding: 15px 150px 15px 150px;
}
.focus-page-before-after-section{
    padding-left: 140px;
    padding-right: 140px;
}
.focus-page-tab-section .vc_column-inner{
    padding:0px;
}
.focus-page-tab-text-section h2{
    margin-bottom:45px;
}
.focus-page-tab-section .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a::after{
    content: " " !important;
    position: absolute !important;
    left: 33% !important;
    top: 78% !important;
    opacity: 1 !important;
    margin: 0 auto !important;
    bottom: -9px !important;
    border: 40px solid transparent !important;
    border-bottom-color: #E6E6E6 !important;
    width: auto !important;
}
.focus-page-tab-section .vc_tta-tab p, .focus-page-tab-section .row, .focus-page-tab-section .vc_tta-container{
    margin:0 !important;    
}
.focus-page-tab-section .vc_tta-tab a , .focus-page-tab-section .vc_tta-panels{
    border: none !important;
}
.focus-page-tab-section .vc_tta-tab a {
    padding: 35px 42px 40px 42px !important;
}
.focus-page-tab-section .vc_tta-tab .vc_tta-title-text span{
    display:none;
}
.focus-page-tab-section .vc_tta-panel-body{
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    border: none !important;
    padding-top: 35px !important;
}
.focus-page-tab-section .vc_tta-panels-container{ 
    background-color: #E6E6E6;
}
.focus-page-tab-section .vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab>a:focus, .focus-page-tab-section .vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab>a:hover{
    background-color: transparent !important;    
}
.focus-tab-sample-img-section p{
    color: #998675 !important;
    font-family: Montserrat-Medium !important;
}
.vc_tta.vc_tta-spacing-35 .vc_tta-tab{
    margin: 15px 0 !important;    
}

#focus_tab0{
    background:url('https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/06/focus-area.png');
    background-position: -0px -0px; width: 189px; height: 210px;
}
.vc_active #focus_tab0, #focus_tab0:hover{
    background:url('https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/06/focus-area.png');
    background-position: -0px -628px; width: 187px; height: 208px;
}
#focus_tab1{
    background:url('https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/06/focus-area.png');
    background-position: -0px -420px; width: 187px; height: 208px;
}
.vc_active #focus_tab1, #focus_tab1:hover{
    background:url('https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/06/focus-area.png');
    background-position: -0px -1252px; width: 187px; height: 206px;
}
#focus_tab2{
    background:url('https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/06/focus-area.png');
    background-position: -0px -1044px; width: 187px; height: 208px;
}
.vc_active #focus_tab2, #focus_tab2:hover{
    background:url('https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/06/focus-area.png');
    background-position: -0px -1458px; width: 187px; height: 206px;
}
#focus_tab3{
    background:url('https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/06/focus-area.png');
    background-position: -0px -210px; width: 189px; height: 210px;
}
.vc_active #focus_tab3, #focus_tab3:hover{
    background:url('https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/06/focus-area.png');
    background-position: -0px -836px; width: 189px; height: 209px;
}
.focus-tab-back-img-section{
    min-height: 420px;
}

.focus-tab-sample-img-section .focus-page-tab-sample-img{
    border-radius: 50px;
    overflow:hidden;
    padding: 0 15px;
}
.focus-tab-sample-img-section .focus-page-tab-sample-img .wpb_wrapper{
    border-radius: 50px;
    overflow:hidden;
}
.focus-tab-sample-img-section .focus-page-tab-sample-img .wpb_wrapper p{
    padding:0px;
}
.focus-page-script-css .wpb_raw_html{
    margin:0px;
}
.focus-page-script-css .vc_col-sm-12{
    min-height: 0;
}
.focus-page-tab-sample-img img , .focus-popup-img{
    object-fit: cover;
    border-radius: 50px;
    width: 100%;
    height: 320px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.focus-page-tab-sample-img img:hover ,.focus-popup-img:hover{
 -webkit-transform: scale(1.08);
    transform: scale(1.08);
    overflow: hidden;
    webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}
.focus-page-text p{
    color: #998675 !important;
    margin-top: 20px;
    font-family: Montserrat-Medium !important;
    text-align: justify;
}
.focus-page-before-after-section{
    background-color: #988575;
    padding-top: 50px;
    padding-bottom: 50px;
}
.focus-page-before-after-section .focus-page-before-after-image{
    margin:0;
}
.focus-page-before-after-section .focus-page-before-after-image img{
    border-radius: 50px;
    width:100%;
    height: 365px;
    object-fit: cover;
    padding: 15px 25px;
}
/* -----------focus page image model -------*/
.focus-page-img-model{
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.focus-page-img-model .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 820px;
    max-height: 520px;
    object-fit: cover;
}

/* Caption of Modal Image */
.focus-page-img-model .caption-text {
    margin: auto;
    display: block;
    max-width: 820px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    height: auto;
    font-family: Montserrat-Medium !important;
}

/* Add Animation */
.focus-page-img-model .modal-content{  
      transform: scale(0);
    webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.focus-page-img-model .modal-content.in{  
    opacity: 1;
    overflow: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.focus-page-img-model .close {
  position: absolute;
  top: 15px;
  right: 15px;
}
/* -------------------------------------- Media Page ---------------------------------------*/
.media-page-tab-section{
    padding-top: 12px;
}
.media-page-tab-section .vc_column-inner{
    padding:0px;
}
.media-page-tab-section .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels, .media-page-tab-section .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::after, .media-page-tab-section .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::before{ 
    border: none !important;
}
.media-page-tab-section .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels{
    background-color: #fff !important;      
}
.media-page-tab-section .vc_tta-style-classic{
    border: 1px solid #c7b299;
    border-left: none;
    border-right: none;
}
.media-page-tab-section .vc_tta-tab a{
    border: none !important;
    background-color: #fff !important;
    color: #534741 !important; 
    font-family: Montserrat-Light !important;
    border-radius: 0 !important;
    font-size: 20px;
    padding: 25px 40px !important;
}
.media-page-tab-section .vc_tta-tabs-list .vc_active a{
    background-image: linear-gradient(90deg,#FF646D,#FF916F,#FFA270);
    background-image: -webkit-linear-gradient(0deg,#FF646D,#FF916F,#FFA270);
    color:#fff !important;
} 
.media-page-tab-section .vc_tta.vc_tta-spacing-1 .vc_tta-tab{
    margin-top: 0 !important;
}
.media-page-tab-section .vc_tta-tabs-container{
    border-right: 1px solid #c7b299;
    margin-bottom: 0 !important;
}
.media-page-tab-section .media-interview-img img{
    border-radius: 50px;
    padding: 25px;
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.media-page-tab-section .vc_tta-panel-body{
    padding: 0px !important;
}
.media-page-tab-section .vc_tta-container{
    margin-bottom: 0 !important;
}
.media-page-video-section{
    padding: 35px 35px 0 35px;   
}
.media-page-video-section2{
    padding: 0px 35px 35px 35px;   
}
.media-page-video-section .media-single-video , .media-page-video-section2 .media-single-video{
    margin-bottom: 0;
    padding: 15px 10px;
}
.news-text-section{
    color: #998675 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px;
}
.news-head{
    color: #534741 !important;
    font-family: Montserrat-Light !important;
    margin-bottom: 35px;
    line-height: 35px;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.news-head a{
    color: #534741 !important;
    font-family: Montserrat-Light !important;
    margin-bottom: 35px;
    line-height: 35px;
    font-size: 18px;
    font-weight: 600;
}
.media-page-tab-section .vc_tta-panel-body .vc_row{
    margin:0px;
}
.media-print-section{
    padding-left: 50px;
    padding-right: 50px;
    padding-top:30px;
    border-bottom: 1px solid #c7b299;
}
.media-print-read-more-section{
    margin-bottom: 50px;
}
/* ------------------------------------- footer -------------------------------------*/
.footer-section{
    background-image: linear-gradient(90deg,#33669A,#3587A8,#32B6B6) !important;
    background-image: -webkit-linear-gradient(0deg,#33669A,#3587A8,#32B6B6) !important;
    text-align: center;
    padding: 4% 80px !important;
    margin: 0 !important;
}
.footer-section .footer-sub-sec-1 li{
    list-style: none;
    text-align: left;
}
.footer-section .footer-sub-sec-1 a{
    font-size:14px;
    color:#fff;
    padding: 0 5px;
    margin: 7px 0;
    height: 30px;
    font-family: Montserrat-Light !important;
    display: block;
    text-transform: uppercase;
    text-align: left;
}
.footer-section .footer-sub-sec-2 img{
    padding: 10px 5px;
}
.footer-sub-sec-1{
    display:inline-block;
    padding-left: 20px !important;
    padding-right: 20px !important;    
}
.footer-sub-sec-2{
    display:inline-block;    
    padding: 5% 0;
}
/* ------------------------------------ CSS Sprite --------------------- */
 
.homepage-03, .homepage-03b, .homepage-04, .homepage-04c, .homepage-05-b, .homepage-05{ 
    display: inline-block; 
    background: url('https://www.kupendrareddy.com/kannada/wp-content/uploads/2019/05/SM-ICONS2.png') no-repeat; 
    overflow: hidden; 
    text-indent: -9999px; 
    text-align: left;
    margin: 0 8px;
}
.homepage-03b:hover { 
    background-position: -10px -0px; 
    width: 65px; height: 65px; 
}
.homepage-03b { 
    background-position: -85px -0px; 
    width: 65px; height: 65px; 
}
.homepage-04c:hover { 
    background-position: -85px -75px; 
    width: 65px; height: 65px; 
}
.homepage-04c { 
    background-position: -10px -77px; 
    width: 65px; height: 65px; 
}
.homepage-05-b { 
    background-position: -85px -153px; 
    width: 65px; height: 65px; 
}
.homepage-05-b:hover { 
    background-position: -10px -154px; 
    width: 65px; height: 65px; 
}
/* ------------------------------------ CSS Sprite --------------------- */

.color-5 {
	background: #cd4436;
}
.cl-effect-5 a {
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
}

.cl-effect-5 a:hover,
.cl-effect-5 a:focus {
	outline: none;
}

/* Effect 1: Brackets */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

/* Effect 2: 3D rolling links, idea from https://hakim.se/thoughts/rolling-links */
.cl-effect-2 a {
	line-height: 44px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 0 14px;
	background: #2195de;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.csstransforms3d .cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0965a0;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}

.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
	background: #28a2ee;	
}

/* Effect 3: bottom line slides/fades in */
.cl-effect-3 a {
	padding: 8px 0;
}

.cl-effect-3 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(0,0,0,0.1);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Effect 4: bottom border enlarge */
.cl-effect-4 a {
	padding: 0 0 10px;
}

.cl-effect-4 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
	height: 5px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Effect 5: same word slide in */
.cl-effect-5 a {
	overflow: hidden;
	padding: 0 4px;
	height: 1em;
}

.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	width: 100%;
}

.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* Effect 5: same word slide in and border bottom */
.cl-effect-6 a {
	margin: 0 10px;
	padding: 10px 20px;
}

.cl-effect-6 a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	transition: top 0.3s;
}

.cl-effect-6 a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

.cl-effect-6 a:hover::before {
	top: 100%;
	opacity: 1;
}

.cl-effect-6 a:hover::after {
	height: 100%;
} 

/* Effect 7: second border slides up */
.cl-effect-7 a {
	padding: 12px 10px 10px;
	color: #566473;
	text-shadow: none;
	font-weight: 700;
}

.cl-effect-7 a::before,
.cl-effect-7 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #566473;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
}

.cl-effect-7 a::after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
	top: 0%;
	opacity: 1;
}

/* Effect 8: border slight translate */
.cl-effect-8 a {
	padding: 10px 20px;
}

.cl-effect-8 a::before,
.cl-effect-8 a::after  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #354856;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-8 a::after  {
	border-color: #fff;
	opacity: 0;
	-webkit-transform: translateY(-7px) translateX(6px);
	-moz-transform: translateY(-7px) translateX(6px);
	transform: translateY(-7px) translateX(6px);
}

.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(5px) translateX(-5px);
	-moz-transform: translateY(5px) translateX(-5px);
	transform: translateY(5px) translateX(-5px);
}

.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after  {
	opacity: 1;
	-webkit-transform: translateY(0px) translateX(0px);
	-moz-transform: translateY(0px) translateX(0px);
	transform: translateY(0px) translateX(0px);
}

/* Effect 9: second text and borders */
.cl-effect-9 a {
	margin: 0 20px;
	padding: 18px 20px;
}

.cl-effect-9 a::before,
.cl-effect-9 a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0.2;
	-webkit-transition: opacity 0.3s, height 0.3s;
	-moz-transition: opacity 0.3s, height 0.3s;
	transition: opacity 0.3s, height 0.3s;
}

.cl-effect-9 a::after {
	top: 100%;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-9 a span:first-child {
	z-index: 2;
	display: block;
	font-weight: 300;
}

.cl-effect-9 a span:last-child {
	z-index: 1;
	display: block;
	padding: 8px 0 0 0;
	color: rgba(0,0,0,0.4);
	text-shadow: none;
	text-transform: none;
	font-style: italic;
	font-size: 0.75em;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.cl-effect-9 a:hover::before,
.cl-effect-9 a:focus::before {
	height: 6px;
}

.cl-effect-9 a:hover::before,
.cl-effect-9 a:hover::after,
.cl-effect-9 a:focus::before,
.cl-effect-9 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.cl-effect-9 a:hover span:last-child,
.cl-effect-9 a:focus span:last-child {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}

/* Effect 10: reveal, push out */
.cl-effect-10  {
	position: relative;
	z-index: 1;
}

.cl-effect-10 a {
	overflow: hidden;
	margin: 0 15px;
}

.cl-effect-10 a span {
	display: block;
	padding: 10px 20px;
	background: #0f7c67;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-10 a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #0f7c67;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
}

.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}

/* Effect 11: text fill based on Lea Verou's animation https://dabblet.com/gist/6046779 */
.cl-effect-11 a {
	padding: 10px 0;
	border-top: 2px solid #0972b4;
	color: #0972b4;
	text-shadow: none;
} 

.cl-effect-11 a::before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 10px 0;
	max-width: 0;
	border-bottom: 2px solid #fff;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
}

.cl-effect-11 a:hover::before,
.cl-effect-11 a:focus::before {
	max-width: 100%;
}

/* Effect 12: circle */
.cl-effect-12 a::before,
.cl-effect-12 a::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	border: 2px solid rgba(0,0,0,0.1);
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

.cl-effect-12 a::after {
	width: 90px;
	height: 90px;
	border-width: 6px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}

/* Effect 13: three circles */
.cl-effect-13 a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-13 a::before {
	position: absolute;
	top: 100%;
	left: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
	color: #fff;
	text-shadow: 10px 0 #fff, -10px 0 #fff;
}

.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
	color: #ba7700;
}

/* Effect 14: border switch */
.cl-effect-14 a {
	padding: 0 20px;
	height: 45px;
	line-height: 45px;
}

.cl-effect-14 a::before,
.cl-effect-14 a::after {
	position: absolute;
	width: 45px;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0.2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	pointer-events: none;
}

.cl-effect-14 a::before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
}

.cl-effect-14 a::after {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::before,
.cl-effect-14 a:focus::after {
	opacity: 1;
}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:focus::before {
	left: 50%;
	-webkit-transform: rotate(0deg) translateX(-50%);
	-moz-transform: rotate(0deg) translateX(-50%);
	transform: rotate(0deg) translateX(-50%);
}

.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::after {
	right: 50%;
	-webkit-transform: rotate(0deg) translateX(50%);
	-moz-transform: rotate(0deg) translateX(50%);
	transform: rotate(0deg) translateX(50%);
}

/* Effect 15: scale down, reveal */
.cl-effect-15 a {
	color: rgba(0,0,0,0.2);
	font-weight: 700;
	text-shadow: none;
}

.cl-effect-15 a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}

/* Effect 16: fall down */
.cl-effect-16 a {
	color: #6f8686;
	text-shadow: 0 0 1px rgba(111,134,134,0.3);
}

.cl-effect-16 a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}

/* Effect 17: move up fade out, push border */
.cl-effect-17 a {
	color: #10649b;
	text-shadow: none;
	padding: 10px 0;
}

.cl-effect-17 a::before {
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Effect 18: cross */
.cl-effect-18 {
	position: relative;
	z-index: 1;
}

.cl-effect-18 a {
	padding: 0 5px;
	color: #b4770d;
	font-weight: 700;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-18 a::before,
.cl-effect-18 a::after {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	height: 2px;
	margin-top: -1px;
	background: #b4770d;
	content: '';
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-18 a::before {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
}

.cl-effect-18 a::after {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px);
}

.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
	color: #fff;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
	opacity: 0.7;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Effect 19: 3D side */
.cl-effect-19 a {
	line-height: 2em;
	margin: 15px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	width: 200px;
}

.cl-effect-19 a span {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0 14px;
	background: #e35041;
	-webkit-transition: -webkit-transform 0.4s, background 0.4s;
	-moz-transition: -moz-transform 0.4s, background 0.4s;
	transition: transform 0.4s, background 0.4s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -100px;
	-moz-transform-origin: 50% 50% -100px;
	transform-origin: 50% 50% -100px;
}

.csstransforms3d .cl-effect-19 a span::before {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #b53a2d;
	content: attr(data-hover);
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	transition: background 0.4s;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	transform-origin: 0 50%;
	pointer-events: none;
}

.cl-effect-19 a:hover span,
.cl-effect-19 a:focus span {
	background: #b53a2d;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}

.csstransforms3d .cl-effect-19 a:hover span::before,
.csstransforms3d .cl-effect-19 a:focus span::before {
	background: #ef5e50;	
}

/* Effect 20: 3D side */
.cl-effect-20 a {
	line-height: 2em;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
}

.cl-effect-20 a span {
	position: relative;
	display: inline-block;
	padding: 3px 15px 0;
	background: #587285;
	box-shadow: inset 0 3px #2f4351;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
	transition: background 0.6s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.cl-effect-20 a span::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #2f4351;
	content: attr(data-hover);
	-webkit-transform: rotateX(270deg);
	-moz-transform: rotateX(270deg);
	transform: rotateX(270deg);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	pointer-events: none;
}

.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
	background: #2f4351;
}

.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
	-webkit-transform: rotateX(10deg);	
	-moz-transform: rotateX(10deg);
	transform: rotateX(10deg);
}

/* Effect 21: borders slight translate */
.cl-effect-21 a {
	padding: 10px;
	color: #237546;
	font-weight: 700;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-21 a::before,
.cl-effect-21 a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
	color: #fff;
}

.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* =================================== page loading wffwce =========================================*/

#la-buttons button{
    display: none;
}
/* Effect 1: YouTube loading */
.la-anim-1 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 5px;
	background-image: linear-gradient(90deg,#33669A,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#33669A,#3587A8,#32B6B6);
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	pointer-events: none;
}

.la-anim-1::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100%;
    background-image: linear-gradient(90deg,#33669A,#3587A8,#32B6B6);
    background-image: -webkit-linear-gradient(0deg,#33669A,#3587A8,#32B6B6);
	box-shadow: 0 0 15px #3587A8, 0 0 5px #32B6B6;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.2s, box-shadow 2s 4s;
	transition: opacity 0.2s, box-shadow 2s 4s;
	-webkit-transform: rotate(2deg) translateY(-2px);
	transform: rotate(2deg) translateY(-2px);
}

.la-anim-1.la-animate {
	z-index: 9999;
	opacity: 1;
	-webkit-transition: -webkit-transform 5s ease-in, opacity 1s 5s;
	transition: transform 5s ease-in, opacity 1s 5s;
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 520px)
{
    .nd_options_navigation_2_sidebar_content{
        background-image: linear-gradient(90deg,#33669A,#3587A8,#32B6B6) !important;
        background-image: -webkit-linear-gradient(0deg,#33669A,#3587A8,#32B6B6) !important;     
        text-align: center;
    }
    .home #nd_options_navigation_2_container > div, #nd_options_page_header_img_layout_4, #nd_options_navigation_2_container > div{
        background-image: none !important;
        background: #38302c !important;
        padding-top: 30px;
    }
    #nd_options_page_header_img_layout_4 .nd_options_bg_greydark_alpha_2{
        height: 75px;
    }
    #rev_slider_2_1, .home-news-letter-part{
        margin-top: 80px !important;
    }
    .nd_options_display_block_responsive .nd_options_display_inline_block img{
        float: none;
        padding-right: 20px;
    }
    .nd_options_display_block_responsive .nd_options_section{
        float: none;
        width: auto;
        display: inline-block;   
    }
    .single-post #nd_options_navigation_2_container .nd_options_position_relative {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .home-contact-form-in-section input[type="text"], .home-contact-form-in-section input[type="email"], .home-contact-form-in-section textarea{
        width: 100% !important;
    }
    .nd_options_z_index_999{
        z-index: 9999;
    }
  	.sticky{
        height: 105px;
    }
  	.mobile-menu-res{
  		display:inline-block !important;
	}
  	.nd_options_navigation_2_sidebar div li > a{
      	font-size: 18px !important;
      	text-transform: uppercase;
  	}
  	.head-menu-icon{
      	display:none !important;
  	}
  	.nd_options_display_block_responsive .nd_options_height_10{
      	height: 0px;
  	}    	
	#wpforms-1584 .wpforms-submit-container .wpforms-submit, #wpforms-2569 .wpforms-submit-container .wpforms-submit{
        left: 77%;
    	top: -54px;
    }  	
  	.home-contact-form-right-section{
      	padding: 15px 15px;
  	}
  	.home-blog-section .bdp_blog_template.news{
      	width: 100%;
      	margin-top: 20px;
      	padding: 0;
      	margin-left: 0px;
  	}
  	.home-blog-section .blog_template .bd-post-image a {
        position: absolute;
        height: 340px;
        width: 330px;
    }
  	.home-blog-section .bdp_blog_template.news .bd-blog-header h2.title a {
    	font-size: 18px;
  	}  	
  	.home-blue-grd-btn{
      	margin-top: 20px;
  	}
  	.home-explore-section p{
    	padding: 15px;  	
    	text-align: center !important;
  	}  
  	.home-explore-section .wpb_wrapper, .home-two-btn-section {
      	text-align:center;
  	}  	  	
  	.home-contact-form-section{
      	padding-right: 20px !important;
       	padding-left: 20px !important;
  	}
  	.home-contact-form-in-section{
  		padding-left: 0px !important;
        padding-top: 20px;
	}
	.home-two-btn-section {
        padding: 20px 35px;
    }
  	.home-contact-form-in-section .home-contact-form-section, .footer-sub-sec-1, .home-blog-section, #wpforms-form-1584 #wpforms-1584-field_1-container , #wpforms-form-2529 #wpforms-2529-field_1-container{
      	padding-right: 0px !important;
    	padding-left: 0px !important;
  	}  	
  	.home-contact-form-section .submit-btn-cls, .home-contact-form-section .reset-btn-cls{
      	width: 100%;
      	margin:0;
  	}
  	.news-letter-section{
  	    padding: 15px !important;
  	}
  	.home-main-focus-section {
        padding-left: 35px;
        padding-right: 35px;
        text-align: center;
  	}
  	.blog-model-section .model-img{
      	float: none !important;
      	text-align: center;
    	margin-left: auto;
    	margin-right: auto;
    	width: 80px;
  	}  	
  	.explore-btn{
  	    margin: 0 0 70px 0;
  	}
  	#ff-stream-1 .ff-filter-holder .ff-filter, #ff-stream-1 .ff-filter-holder:before, #ff-stream-1 .selectric, #ff-stream-1 .ff-filter-holder .selectric-ff-filters-select .selectric-items, #ff-stream-1 .ff-loadmore-wrapper .ff-btn:hover{
  	    background-color: rgb(56, 48, 44) !important;
  	}
  	.blog-model-section .head-text{
      	float: none;
      	text-align: center;
  	}
  	.about-heading-cls{
      	text-align: center !important;
  	}
  	.contact-page-form-section{
  		padding-left:20px !important;
  		padding-right:20px !important;
  		padding-bottom: 40px !important;
      	text-align:center;
	}
  	.home-contact-form-right-section p{
  	    text-align: center !important;
  	}
  	.contact-us-page-left-section {
        padding-top: 60px;
        padding-bottom: 0;
        padding: 70px 10px 0px 10px;
    }
    .contact-us-page-lastsc {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
  	.contact-us-page-form-sec .vc_column-inner {
    	border-left: none;    	
	}
  	.contact-us-page-form-sec .vc_column-inner{
      	padding: 15px 0 !important;
  	}
  	.contact-us-page-form-sec .submit-btn-cls, .contact-us-page-form-sec .reset-btn-cls{
  	    width: 250px;
        margin: 0;
  	}
  	.contact-us-page-form-sec .reset-btn-contact7{
  	    margin-left:0px;
  	    margin-top:15px;
  	}
  	.contact-us-page-form-sec .ajax-loader{
  	    display:none !important;    
  	}
  	.single-post .status-publish {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
  	.single-post .blog-page-news-letter{
  	    margin-left: -15px !important;
        margin-right: -15px !important;
  	}
  	.single-post .rt-reading-time{
  	    margin: 35px 0px 0px 5px !important;
        top: -90px !important;
  	}
  	.single-blog-news-latter-section .home-newsletter-text{
  	    padding-left: 0 !important;
        padding-bottom: 0 !important;
  	}
  	.single-blog-dot-border-section{
      	border-left: none !important;
    	border-style: none !important;
      	padding-left: 0px !important;
        padding-top: 35px;
	}  
	.single-blog-process-img-sec{
	    padding-right: 0 !important;
	}
	.single-post .heateor_sss_sharing_container{
	    padding-left: 0px !important;
        padding-right: 0px !important;
        float: none !important;
        top: 85px !important;
        margin-bottom: 20px !important;
	}
	.single-post .single-post-tag a{
	    margin:5px !important;
	}
	.single-post-tag {
	    position: relative !important;
        top: 27px !important;
        padding-left: 0px !important;
    }
	.single-post .heateor_sss_horizontal_sharing .heateorSssSharing{
	    margin: 5px !important;
	}
	.single-post-text-section-3-main{
	   height: 1000px !important;
	}
	.single-blog-recent-add-heading{
	    padding-left: 30px !important;
        padding-right: 30px !important;
	}
	.recent-add-blog-section .heateor_sss_sharing_container{
	    top: 0px !important;    
	}
	.recent-blog-box-backgound .blog-single-box-content{
	    top: 20% !important;
	}
	.recent-blog-box-backgound .case-study-blog-img:before{
	    bottom: 0px !important;
	}
	.recent-blog-box-backgound .blog-total-comment{
	    top: 88% !important;
	}
  	.cd-timeline-img{
      	display: none;
  	}
  	.about-page-info-section {
    	padding: 20px 10px !important;
	}
  	.single-blog-news-latter-section div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container {
    	width: 100% !important;
	}
  	.blog-box-backgound .blog-single-box-content{
      	top: 27% !important;
  	}
  	.blog-model-section{
  	    padding: 0 !important;
  	}
  	#filtermodel.in{
  	    overflow: auto !important;
  	}
  	.filter-btn-sections {
        padding: 10px !important;
  	}
  	.filter-model-section .modal-body {
        padding: 20px !important;
    }
    .filter-model-section .modal-content{
        border: none;
    }
  	.gallery-main-section {
    	padding: 0px 20px;
	}
	.gallery-main-section .vc_column_container{
	    margin-bottom: 20px;
	}
	#aigpl-gallery-2 {
        padding: 50px 20px 15px 20px !important;
    }
  	.about-page-section-1, .about-page-section-2 {
    	padding-left: 10px;
    	padding-right: 10px;
	}
  	.about-page-section-2 .vc_column-inner{
      	margin-bottom: 30px;
  	}
  	.focus-page-info-text-section {
        padding-left: 20px;
        padding-right: 20px;
  	}
  	.focus-page-tab-text-section, .focus-tab-sample-img-section, .focus-page-before-after-section {
        padding-left: 35px;
        padding-right: 35px;
        margin: 0;
    }
    .focus-page-tab-section .vc_tta.vc_tta-tabs .vc_tta-tabs-container{
        display: block !important;    
    }
    .focus-page-tab-section .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a::after{
        display:none !important;
    }
    .focus-page-tab-section .vc_tta-tab a {
        padding: 5px 42px !important;
    }
    .footer-section{
        padding: 4% 30px !important;
    }
    #menu-footer{
        padding-left: 0;   
    }
    .focus-page-tab-section .vc_tta-panel-heading{
        display: none;
    }
    .dkr-page-text-section1 {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 0px !important;
    }
    .post-filter-section {
        padding-left: 25px !important; 
        padding-right: 25px !important;
    }
    .single-post-text-section-1, .single-post-img-section-2, .single-post-text-section-3, .single-post-gallery-section, .gallery-heading, .process-heading{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .media-page-tab-section .vc_tta-panels-container .vc_active .vc_tta-panel-title a{
        background-image: linear-gradient(90deg,#FF646D,#FF916F,#FFA270) !important;
        background-image: -webkit-linear-gradient(0deg,#FF646D,#FF916F,#FFA270) !important;
        color: #fff !important;
    }
    .media-page-tab-section .vc_tta-panels-container .vc_tta-panel-heading{
        border: none !important;    
    }
    .media-print-section{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
    }
    .media-page-video-section {
        padding: 5px 5px 0 5px;
    }
    .media-page-video-section2{
        padding: 0px 5px 5px 5px;
    }
    .media-page-tab-section .vc_tta-panels-container .vc_tta-panel-heading a{
        border: none !important;
        background-color: #fff !important;
        color: #534741 !important;
        font-family: Montserrat-Light !important;
        border-radius: 0 !important;
        font-size: 20px;
        padding: 25px 40px !important;
    }
    .mansory-cls{
        width:315px !important;
    }
    #custom-post-section {
        padding-top: 10px !important;
    }
    .wpforms-confirmation-container-full .modal-body{
        top: 10%;
        left: 15%;
        right: 15%;
    }
    .social-media-section{
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 30px;
    }
    .social-media-section-heading{
        display:none;
    }
    .social-media-section .twitter-section, .social-media-section-heading .social-sub-heading {
        padding: 20px;
    }
    .search-results .footer-section{
        position: initial;
        top: 100%;
        width: 100%;        
        background-color: inherit;
    }
    .search-results .nd_options_position_relative, .search-results .nd_options_bg_greydark_alpha_2 .nd_options_clearfix{
        background: #38302c !important;
    }
    .search-results .footer-sub-sec-1{
        padding-top: 20px;
    }
    .search-results .nd_options_height_40 , .search-results .nd_options_container{
        background-color: #fff;
        margin:0px;
        width: 100%;
    }
    .home-blog-section .blog_template .bd-post-image a::before{
        bottom: 20px;
    }
    .submit-btn-contact7 , .reset-btn-contact7{
        margin-left: 50px !important;
        margin-bottom: 25px;   
    }
    .contact-us-page-form-sec .submit-btn-contact7 , .contact-us-page-form-sec .reset-btn-contact7{
        margin-left: 0px !important;
    }
    .media-page-tab-section {
        padding-top: 0px;
    }
}
@media only screen 
  and (min-device-width: 410px) 
  and (max-device-width: 420px)
{
    .home-blog-section .bdp_blog_template.news{
        margin-left: 22px;
        width: 87%;
    }
    .home-blog-section .blog_template .bd-post-image a{
        width: 340px;
    }
    .mansory-cls{
        width:355px !important;
    }
}
@media only screen 
  and (min-device-width: 640px) 
  and (max-device-width: 720px)
{
  	.home-explore-section, .home-two-btn-section{
      	text-align: center;
  	}  
  	.home-contact-form-in-section{
     	padding-left: 0px !important;
  	}
}
@media only screen 
  and (min-device-width: 521px) 
  and (max-device-width: 820px)
{
  	.nd_options_navigation_2_sidebar_content{
        background-image: linear-gradient(90deg,#33669A,#3587A8,#32B6B6) !important;
        background-image: -webkit-linear-gradient(0deg,#33669A,#3587A8,#32B6B6) !important;     
        text-align: center;
    }
    .home #nd_options_navigation_2_container > div, #nd_options_page_header_img_layout_4, #nd_options_navigation_2_container > div{
        background-image: none !important;
        background: #38302c !important;
        padding-top: 30px;
        height: 105px;
    }
    #nd_options_page_header_img_layout_4 .nd_options_bg_greydark_alpha_2{
        height: 75px;
    }
    #rev_slider_2_1, .home-news-letter-part{
        margin-top: 80px !important;
    }
    .nd_options_display_block_responsive .nd_options_display_inline_block img{
        float: none;
        padding-right: 20px;
    }
    .nd_options_display_block_responsive .nd_options_section{
        float: none;
        width: auto;
        display: inline-block;   
    }
  	.nd_options_z_index_999{
        z-index: 9999;
    }
  	.sticky{
        height: 105px;
    }
  	.mobile-menu-res{
  		display:inline-block !important;
	}
  	.nd_options_navigation_2_sidebar div li > a{
      	font-size: 18px !important;
      	text-transform: uppercase;
  	}
  	.head-menu-icon{
      	display:none !important;
  	}
  	.nd_options_display_block_responsive .nd_options_height_10{
      	height: 0px;
  	}    	
  	div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container{
		width: 100%;      
  	}
  	#wpforms-1584 .wpforms-submit-container .wpforms-submit, #wpforms-2529 .wpforms-submit-container .wpforms-submit{
      	left: 67%;
    	top: -54px;
  	}
  	.news-letter-section .vc_column-inner{
  	    padding-top: 30px !important;
        padding-bottom: 0px !important;
  	}
  	.news-letter-section {
        padding-right: 50px !important;
        padding-left: 50px !important;
        padding-bottom: 15px;
    }
    .home-main-focus-section .vc_col-sm-3{
        width: 40%;
        text-align: center; 
    }
    .home-main-focus-section {
        padding-left: 130px;
        padding-right: 25px;
        text-align: center; 
    }
  	.home-contact-form-section{
  	    padding-right: 75px !important;
        padding-left: 75px !important;
  	}
  	.home-contact-form-in-section input[type="text"], .home-contact-form-in-section input[type="email"], .home-contact-form-in-section textarea {
        width: 335px !important;
    }
  	.home-contact-form-right-section{
      	padding: 27px 20px;
      	width: 40%;
  	}
  	.home-contact-form-in-section{
  	    padding-left: 35px !important;
  	    width: 60%;
  	}
  	.home-contact-form-section .submit-btn-cls, .home-contact-form-section .reset-btn-cls{
      	width: 155px;
    	font-size: 15px;
  	}  	
  	.home-red-grd-btn button, .home-blue-grd-btn button{
      	padding: 20px 18px !important;
        font-size: 14px !important;
  	}
  	.home-page-more-text{
      	 padding-bottom: 20px;
  	}
  	.home-explore-section p{
      	 padding-bottom: 40px;
  	}
  	.home-blog-section .bdp_blog_template.news{
  	    width: 50%;
  	    margin-bottom: 15px;
  	}
  	.home-blog-section .blog_template .bd-post-image a{
  	    width: 300px;
  	}
  	.home-two-btn-section {
        padding: 20px 50px;
    }
  	.home-blog-section {
        padding-right: 50px;
        padding-left: 50px;
    }
  	.home-blog-section .bdp_blog_template.news .bd-blog-header h2.title a{
      	 font-size: 16px;
  	}
  	.blog-model-section .model-img{
      	float: none !important;    
    	margin-left: auto;
    	margin-right: auto;    	
  	}  	
  	.blog-model-section .head-text{
      	float: none !important;
      	text-align: center;
  	}
  	.blog-box-backgound .blog-single-box-content{
  	    top: 26% !important;
  	}
  	#custom-post-section {
        padding-top: 15px !important;
  	}
  	.filter-model-section .modal-body {
        padding: 80px !important;
    }
  	.contact-page-form-section {
    	padding-left: 25px !important;
    	padding-right: 25px !important;
	}  	
	.contact-us-page-form-sec .vc_column-inner{
	    padding-left: 35px;
        padding-right: 20px;
	}
	.contact-us-page-lastsc{
	   padding-left: 60px !important;
	   padding-right: 60px !important;
	}
	.gallery-main-section {
        padding-left: 60px;
        padding-right: 60px;
	}
	#aigpl-gallery-2 {
        padding: 50px 40px 15px 40px !important;
    }
    .single-post-tag{
        top: 227px !important;    
    }
    .single-post .status-publish{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .single-post .blog-page-news-letter{
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
  	.singe-blog-4-img-cls img{
      	height: 170px;
  	}
    .sinlge-post-section {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
    .single-post .rt-reading-time{
        margin: 5px 0px 0px 0px !important;
        top: -72px !important;
    }   
    .single-post .post p strong, .single-post strong{
        font-size: 14px !important;
    }
    .single-post .heateor_sss_sharing_container{
        top: 55px !important;    
        float: none !important;
        padding-left: 0 !important;
        margin: 15px 0;
    }
    .recent-blog-box-backgound .case-study-blog-img:before{
        bottom: 0px !important;
    }
    .recent-blog-box-backgound .blog-total-comment{
        top: 87% !important;
    }
    .recent-add-blog-section .heateor_sss_sharing_container{
	    top: 0px !important;    
	}
  	.cd-timeline-img {
      	left: -6% !important;
  	}
  	div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container{
      	width: 160px !important;   
  	}
  	.blog-box-backgound .blog-total-comment{
      	 left: 40%;
  	}
  	.about-page-section-2 .wpb_singleimage_heading , .gallery-main-section .aigpl-album-design-1 .aigpl-img-title{
  	    font-size: 16px;
  	}
  	.about-page-section-1, .about-page-section-2 {
        padding-left: 80px; 
        padding-right: 80px;
    }
    .about-page-3-images-cls .vc_single_image-wrapper img{
        height: 200px;
    }
    .focus-page-tab-section .vc_tta-tab a {
        padding: 5px 42px !important;
    }
  	.focus-page-tab-section .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a::after{
        display:none !important;
    }
    .focus-page-tab-sample-img img{
        height: 180px;
    }
    .focus-page-before-after-section .focus-page-before-after-image img{
        height: 260px;
    }
    .footer-section{
        padding: 4% 30px !important;
    }
    .search-results .footer-section{
        position: initial;
        top: 100%;
        width: 100%;        
        background-color: inherit;
    }
    .search-results .nd_options_position_relative, .search-results .nd_options_bg_greydark_alpha_2 .nd_options_clearfix{
        background: #38302c !important;
    }
    .search-results .footer-sub-sec-1{
        padding-top: 20px;
    }
    .search-results .nd_options_height_40 , .search-results .nd_options_container{
        background-color: #fff;
        margin:0px;
        width: 100%;
    }
    .footer-sub-sec-2{
        padding: 0;
        top: -30px;
    }
    #menu-footer{
        padding-left: 0;
    }
    .mansory-cls{
        width:330px !important;
    }
    .media-print-section {
        padding-left: 35px;
        padding-right: 35px;
        padding-top: 15px;
    }
    .media-page-video-section {
        padding: 15px 15px 0 15px;
    }
    .media-page-video-section2 {
        padding: 0 15px 15px 15px;
    }
    .social-media-section , .social-media-section-heading{
        padding-left: 60px;
        padding-right: 60px;
    }
    .blog-model-section{
        padding: 0 !important;
    }
    .focus-responsive-box-home{
        position: absolute;
        top: 215%;
        left: 13%;   
    }
    .media-page-tab-section {
        padding-top: 0px;
    }
}
@media only screen 
  and (min-device-width: 821px) 
  and (max-device-width: 1124px)
{
    .nd_options_navigation_2_sidebar_content{
        background-image: linear-gradient(90deg,#33669A,#3587A8,#32B6B6) !important;
        background-image: -webkit-linear-gradient(0deg,#33669A,#3587A8,#32B6B6) !important;     
        text-align: center;
    }
    .home #nd_options_navigation_2_container > div, #nd_options_page_header_img_layout_4, #nd_options_navigation_2_container > div{
        background-image: none !important;
        background: #38302c !important;
        padding-top: 30px;
        height: 105px;
    }
    #nd_options_page_header_img_layout_4 .nd_options_bg_greydark_alpha_2{
        height: 75px;
    }
    #rev_slider_2_1, .home-news-letter-part{
        margin-top: 80px !important;
    }
    .nd_options_display_block_responsive .nd_options_display_inline_block img{
        float: none;
        padding-right: 20px;
    }
    .nd_options_display_block_responsive .nd_options_section{
        float: none;
        width: auto;
        display: inline-block;   
    }
    .home-contact-form-in-section input[type="text"], .home-contact-form-in-section input[type="email"], .home-contact-form-in-section textarea {
        width: 100% !important;
    }
    .nd_options_z_index_999{
        z-index: 9999;
    }
    .single-post .blog-page-news-letter {
        margin-left: -50px !important;
        margin-right: -50px !important;
    }
    .sticky{
        height: 120px;
    }        
  	.mobile-menu-res{
  		display:inline-block !important;
	}
  	.nd_options_navigation_2_sidebar div li > a{
      	font-size: 18px !important;
      	text-transform: uppercase;
  	}
  	.head-menu-icon{
      	display:none !important;
  	}
  	.blog-model-section .head-text{
      	padding: 7px;
  	}
  	.nd_options_display_block_responsive .nd_options_height_10{
      	height: 0px;
  	}
  	.home-blog-section .bdp_blog_template.news{
  	    width: 33.33%;
  	}
    .bdp_blog_template .bd-blog-header h2, .bdp_blog_template .bd-blog-header h2 a{
        font-size: 28px;
    }
    .blog-model-section{
        padding: 0 !important;
    }
    .home-main-focus-section {
        padding-left: 80px;
        padding-right: 80px;
    }
  	.home-contact-form-right-section{
    	padding: 27px 10px;
  	}
  	.home-blog-section {
        padding-right: 75px;
        padding-left: 75px;
    }
    .home-blog-section .blog_template .bd-post-image a{
        width: 260px;
    }
    .home-blog-section .post-content-div{
        margin: 18% 0px 0 0px !important;
    }
    .home-contact-form-in-section {
        padding-left: 30px !important;
    }
  	.home-contact-form-section {
        padding-right: 135px !important;
        padding-left: 135px !important;
        padding-bottom: 50px !important;
    }
    .home-contact-form-section .submit-btn-cls{
        width: 190px;
    }
    .contact-us-page-form-sec .submit-btn-cls, .contact-us-page-form-sec .reset-btn-cls{
        width: 175px !important;
    }
    .home-contact-form-section .reset-btn-cls{
        width: 200px;
    }
  	.home-red-grd-btn button, .home-blue-grd-btn button{
      	padding: 15px 25px !important
  	}
  	.home-explore-section p{
      	padding-bottom: 35px;
  	}
  	.home-two-btn-section {
        padding: 20px 80px;
    }
    .home-explore-section{
        padding-left: 35px;
        padding-right: 35px;   
    }
  	.single-blog-news-latter-section div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container{
	   	width: 100% !important;
  	}
  	.singe-blog-4-img-cls img{
  	    height: 240px !important;
  	}
  	.sinlge-post-section {
        padding-left: 105px !important;
        padding-right: 105px !important;
    }
    .single-post .status-publish{
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
    .single-post .post p strong, .single-post strong{
        font-size: 18px !important;
    }
  	.blog-box-backgound .blog-single-box-content{
      	top: 50%;
  	}
  	.recent-blog-box-backgound .blog-single-box-content{
        padding-right: 20px !important;
        width: 90% !important;
        top: 20% !important;
    }
    .recent-blog-box-backgound .blog-total-comment{
        top: 86% !important;
        left: 29% !important;
    }
    .recent-blog-box-backgound .case-study-blog-img img {
        min-height: 660px !important;
    }
  	.blog-box-backgound .case-study-blog-img img {
        min-height: 770px !important;
    }
    .blog-box-backgound .blog-total-comment{
        left: 29% !important;
    }
    .filter-model-section .modal-body {
        padding: 40px 200px !important;
    }
  	.cd-timeline-img {
      	left: -5% !important;
  	}
  	.contact-page-form-section {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
    .contact-us-page-lastsc{
        padding-left: 90px !important;
        padding-right: 90px !important;
    }
    .contact-us-page-form-sec .vc_column-inner{
        padding-left: 55px;
        padding-right: 15px;
    }
    .focus-page-tab-section .vc_tta-tab a {
        padding: 15px !important;
    } 
    .footer-section{
        padding: 4% 30px !important;
    }
    .footer-sub-sec-2{
        padding: 1% 0 !important;
    }
    .mansory-cls{
        width:280px !important;
    }
    .social-media-section, .social-media-section-heading {
        padding-left: 110px;
        padding-right: 110px;
    }
    .media-page-tab-section {
        padding-top: 0px;
    }
}
@media only screen 
  and (min-device-width: 1125px) 
  and (max-device-width: 1296px)
{
    .home-newsletter-text{
        font-size: 22px;
    }
  	.focus-page-tab-section .vc_tta-tab a {
        padding: 15px 32px !important;
    }
    .home-contact-form-section {
        padding-right: 190px !important;
        padding-left: 190px !important;
    }
    .contact-us-page-form-sec .vc_column-inner{
        padding-left: 65px;
        padding-right: 5px;
    }
    .contact-us-page-form-sec .submit-btn-cls, .contact-us-page-form-sec .reset-btn-cls {
        width: 187px;
    }
    .home-main-focus-section {
        padding-left: 110px;
        padding-right: 110px;
    }
    .home-blog-section .bdp_blog_template.news{
        width: 33.33%;
    }
    .home-blog-section .blog_template .bd-post-image a{
        width: 315px;
    }
    .cd-timeline-img {
      	left: -4% !important;
  	}
  	.footer-sub-sec-2{
  	    padding: 1% 0;
  	}
}
@media only screen 
  and (min-device-width: 1424px) 
  and (max-device-width: 1523px)
{
    .filter-model-section .input-group-addon{
        left: -7% !important;
    } 	
    .home-blog-section .blog_template .bd-post-image a {
        position: absolute;
        height: 320px;
        width: 360px;
    }
    .home-blog-section .bdp_blog_template.news{
        width: 33.33%;
    }
    .footer-sub-sec-2{
  	    padding: 3% 0;
  	}
  	.gallery-img-section .vc_single_image-wrapper img{
  	    height: 360px;
  	}
}
@media only screen 
  and (min-device-width: 1524px) 
  and (max-device-width: 1679px)
{
    .filter-model-section .input-group-addon{
        left: -7% !important;
    } 	
    .home-blog-section .blog_template .bd-post-image a {
        position: absolute;
        height: 320px;
        width: 425px;
    }
    .home-main-focus-section{
        padding-left: 210px;
        padding-right: 210px;
    }
    .home-contact-form-section {
        padding-right: 345px !important;
        padding-left: 345px !important;
    }
    .contact-page-form-section {
        padding-left: 290px !important;
        padding-right: 290px !important;
    }
    .cd-timeline-img {
      	left: -2.9% !important;
  	}
  	.home-blog-section .post-content-div{
        margin: 20% 0px 0 0px !important;
    }
    .footer-sub-sec-2{
  	    padding: 3% 0;
  	}
  	.gallery-img-section .vc_single_image-wrapper img{
  	    height: 400px;
  	}
}
@media only screen 
  and (min-device-width: 1680px) 
  and (max-device-width: 1848px)
{
    .filter-model-section .input-group-addon{
        left: -7% !important;
    }
    .home-main-focus-section{
        padding-left: 180px;
        padding-right: 180px;
    }
    .home-contact-form-section {
        padding-right: 345px !important;
        padding-left: 345px !important;
    }
    .contact-page-form-section {
        padding-left: 290px !important;
        padding-right: 290px !important;
    }
    .home-blog-section .blog_template .bd-post-image a {
        position: absolute;
        height: 320px;
        width: 440px;
    }
    .cd-timeline-img {
      	left: -2.6% !important;
  	}
  	.home-blog-section .post-content-div{
        margin: 19% 0px 0 0px !important;
    }
    .home-blog-section .bdp_blog_template.news{
        width: 33.33%;
    }
    .footer-sub-sec-2{
  	    padding: 3% 0;
  	}
  	.gallery-img-section .vc_single_image-wrapper img{
  	    height: 420px;
  	}
}
@media only screen 
  and (min-device-width: 1849px) 
  and (max-device-width: 2047px)
{
  	.filter-model-section .input-group-addon{
        left: -5% !important;
    }
    .home-main-focus-section{
        padding-left: 180px;
        padding-right: 180px;
    }
    .home-contact-form-section {
        padding-right: 345px !important;
        padding-left: 345px !important;
    }
    .contact-page-form-section {
        padding-left: 290px !important;
        padding-right: 290px !important;
    }
    .home-blog-section .blog_template .bd-post-image a {
        position: absolute;
        height: 320px;
        width: 520px;
    }
    .cd-timeline-img {
      	left: -2.4% !important;
  	}
  	.home-blog-section .post-content-div{
        margin: 19% 0px 0 0px !important;
    }
    .home-blog-section .bdp_blog_template.news{
        width: 33.33%;
    }
    .footer-sub-sec-2{
  	    padding: 2% 0;
  	}
  	.gallery-img-section .vc_single_image-wrapper img{
  	    height: 500px;
  	}
}
@media only screen 
  and (min-device-width: 2048px) 
  and (max-device-width: 2247px)
{
  	.filter-model-section .input-group-addon{
        left: -5% !important;
    }
    .home-main-focus-section{
        padding-left: 200px;
        padding-right: 200px;
    }
    .home-contact-form-section {
        padding-right: 345px !important;
        padding-left: 345px !important;
    }
    .contact-page-form-section {
        padding-left: 290px !important;
        padding-right: 290px !important;
    }
    .home-blog-section .blog_template .bd-post-image a {
        position: absolute;
        height: 320px;
        width: 570px;
    }
    .home-blog-section .post-content-div{
        margin: 18% 0px 0 0px !important;
    }
    .cd-timeline-img {
      	left: -2.2% !important;
  	}
  	.home-blog-section .bdp_blog_template.news{
        width: 33.33%;
    }
    .footer-sub-sec-2{
  	    padding: 2% 0;
  	}
  	.gallery-img-section .vc_single_image-wrapper img{
  	    height: 540px;
  	}
}
@media only screen 
  and (min-device-width: 2248px) 
  and (max-device-width: 2448px)
{
  	.filter-model-section .input-group-addon{
        left: -4% !important;
    }
    .home-main-focus-section{
        padding-left: 220px;
        padding-right: 220px;
    }
    .home-contact-form-section {
        padding-right: 345px !important;
        padding-left: 345px !important;
    }
    .contact-page-form-section {
        padding-left: 290px !important;
        padding-right: 290px !important;
    }
    .home-blog-section .blog_template .bd-post-image a {
        position: absolute;
        height: 320px;
        width: 640px;
    }
    .home-blog-section .post-content-div{
        margin: 15% 0px 0 0px !important;
    }
    .cd-timeline-img {
      	left: -2% !important;
  	}
  	.home-blog-section .bdp_blog_template.news{
        width: 33.33%;
    }
    .footer-sub-sec-2{
  	    padding: 2% 0;
  	}
  	.gallery-img-section .vc_single_image-wrapper img{
  	    height: 580px;
  	}
}
@media only screen 
  and (min-device-width: 2449px) 
  and (max-device-width: 2548px)
{
  	.filter-model-section .input-group-addon{
        left: -3% !important;
    }
    .home-main-focus-section{
        padding-left: 220px;
        padding-right: 220px;
    }
    .home-contact-form-section {
        padding-right: 345px !important;
        padding-left: 345px !important;
    }
    .contact-page-form-section {
        padding-left: 290px !important;
        padding-right: 290px !important;
    }
    .home-blog-section .blog_template .bd-post-image a {
        position: absolute;
        height: 320px;
        width: 705px;
    }
    .home-blog-section .post-content-div{
        margin: 12% 0px 0 0px !important;
    }
    .cd-timeline-img {
      	left: -1.8% !important;
  	}
  	.home-blog-section .bdp_blog_template.news{
        width: 33.33%;
    }
    .footer-sub-sec-2{
  	    padding: 2% 0;
  	}
  	.gallery-img-section .vc_single_image-wrapper img{
  	    height: 620px;
  	}
}
@media only screen 
  and (min-device-width: 2549px) 
{
  	.filter-model-section .input-group-addon{
        left: -3% !important;
    }
    .home-main-focus-section{
        padding-left: 240px;
        padding-right: 240px;
    }
    .home-contact-form-section {
        padding-right: 345px !important;
        padding-left: 345px !important;
    }
    .contact-page-form-section {
        padding-left: 290px !important;
        padding-right: 290px !important;
    }
    .home-blog-section .blog_template .bd-post-image a {
        position: absolute;
        height: 320px;
        width: 740px;
    }
    .home-blog-section .post-content-div{
        margin: 12% 0px 0 0px !important;
    }
    .cd-timeline-img {
      	left: -1.8% !important;
  	}
  	.home-blog-section .bdp_blog_template.news{
        width: 33.33%;
    }
    .footer-sub-sec-2{
  	    padding: 2% 0;
  	}
  	.gallery-img-section .vc_single_image-wrapper img{
  	    height: 650px;
  	}
}