@charset "utf-8";
/*
Theme Name: Coding Brains Theme
Theme URI: http://www.codingbrains.com
Author: Ranjeet Verma
Author URI: http://www.codingbrains.com
Description: Our 2016 Coding Brains Theme theme is clean, blog-focused, and designed for clarity. Our simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.codingbrains.com
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

*/
body{
	    font-family: sans-serif;
	}
	.top_bar{background:#006cf3;height:25px;line-height:25px;}
.top_header_left{float:left;}
.top_header_left a{text-decoration:none;color:#fff;font-size:12px;}
.top_header_right{float:right;}	
.top_header_right a{text-decoration:none;color:#fff;font-size:12px;}
.logo_wrap{clear:both;    border-bottom: 1px solid rgba(204, 204, 204, 0.27); background: #fff none repeat scroll 0 0;
    z-index: 9999999;}
.logo_wrap_animation{position:fixed;top:0px;width:100%;}
.custom-logo-link{float:left;}
.custom-logo-link img{}

.call_ico a span{float:right;    
    }
.navbar-default {
    /*
    border-color: #FFF;
    border: 0px solid rgba(239, 239, 239, 0.95);
	border-radius:0px;
*/
    /* background-color: rgba(247, 170, 27, 0.98); */
    border-color: #FFF;
    border: 0px solid rgba(239, 239, 239, 0.95);
    border-radius: 0px;
    /*background: linear-gradient(to bottom,#fff, rgb(0, 108, 243));*/
	background-color: #fff;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    position: relative;
    clear:both;
	 

    /* right: 0px; */
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #006CF3;
}

.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
	    line-height: 35px;
		
    color: #000 ;
}
.navbar-default .navbar-nav > li > a {
    color: #000;
}
.call_ico{float:right;
    margin-top: 25px;}
.call_ico_animation {
    margin-top: 5px;
}
.custom-logo-link-animation{    width: 55%;
    height: auto;}
.call_ico a i{ float:left;   font-size: 33px;
    color: #006cf3;margin-right:14px;}
.navbar {
     min-height: 0px; 
	 margin-bottom: 0px; 
	     border-bottom: 1px solid rgba(204, 204, 204, 0.27);
/* box-shadow: 1px -1px 1px 0px rgba(0, 0, 0, 0.12);*/
   
}

.products_home{text-align:center;cursor:pointer;margin-bottom:30px;}
.products_home img{width:100%;transition:all 1s;height: auto;}
.product_title{
    line-height: 30px;
    background: rgba(247, 170, 27, 0.99);
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    transition: all 1s;
    line-height: 40px;
	}
	.product_title a{color:#fff;text-decoration:none;}
.products_home:hover .product_title{background: #006CF3;color:#fff !important;}
.products_home:hover .product_title a{color:#fff;}

.products_home:hover.products_home img{    opacity: .7;}
.jumbotron{text-align:center;    background-color: rgba(206, 219, 232, 0.13);
    margin-top: 20px;}
.jumbotron h1{font-size:22px;}
.jumbotron p{font-size:16px;}
.metaslider{max-width:100% !important;}
.navbar-collapse {padding-left:0px;}


/*----------------slider-------------------*/
.flex-direction-nav{    width: 100% !important;
    position: absolute !important;
   
    top: 47% !important;
}
.flex-prev{
	position:absolute !important;
	}
.flex-next{
	position: absolute !important;
    right: 7px !important;
	}
.header_img{ position: absolute;
    height: 96px;
    opacity: .1;}

.metaslider .slides img{}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #006CF3;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #FFFFFF;
}


/******************************************8**********************************/
@media (max-width: 991px) { 
.nav > li > a {

    padding: 10px 14px;
}
.menu-footer-menu-container ul li a {
    margin-right: 8px !important;
    color: #fff;
    font-size: 12px !important;
}

.front_contact_blog {
    font-size: 26px !important;
    width: 100%;
    float: right;
    background: #006CF3;
    height: 59px;
    padding-left: 2px !important;
    line-height: 59px;
    font-weight: bold;
    transition: all 1s;
    color: #F7AA1B;
    cursor: pointer;
}

.front_contact_blog span {
    width: 30px;
    transition: all 1s;
    margin-left: 15px;
    height: 59px;
    background: #F7AA1B;
    display: block;
    float: right;
    position: absolute;
    right: 0px;
    top: 0px;
}
}
@media (max-width: 767px) { 
.products_home {

    width: 71%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.custom-logo-link{width:60%;}
.custom-logo-link img{width:100%;}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    position: relative;
    clear: both;
    /* right: 0px; */
    background: white;
	    padding-left: 10px;
}
.tatoo_size{width:90% !important;height:auto !important;}
.front_content1{padding-top:20px;}

.front_contact_blog {

}


}

@media (max-width: 462px) { 
.custom-logo-link{width:45%;}
.custom-logo-link img{width:100%;}

}


/**************************************single.php*******************************/
.single_php_product h2{
margin-bottom:30px;
    float: left;
	    clear: both;	
	}
.single_php_product p{
	    text-align: justify;
    font-size: 17px;
}	
.single_recent_pro img{width:100%;height:auto;}
.single_recent_pro{margin:15px 0px;}
.single_recent_pro:first-child{margin-top:54px;}
.single_meta_box{margin-top:30px;}
.single_meta_box a{color:#006CF3;}
.single_meta_box h4{float:left;margin-right:20px !important;margin:0px;}
.single_meta_box h4 ul{    margin: 0px;
    padding: 0px;
    list-style: none;}
.single_meta_box h5{float:left;margin-right:20px !important;margin:0px;    color: #F7AB1F;
    font-size: 16px;}
.single_meta_box span{float:left;margin-right:20px !important;}
.single_meta_box small{float:left;margin-right:20px !important;color: #F7AB1F;
    font-size: 16px;}	
.comment-form-comment label{display:none;}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {    background: #006CF3;
    border: none;
    color: #fff;
    padding: 4px 15px;
    border-radius: 4px;}
/**************************************single.php*******************************/
/**************************************faq*******************************/
.faq_heading_yellow{    color: #F7AA1B;}
.faq_heading{    color: #000;font-size:23px;}
.faq_ul{padding:0px;}
.faq_ul li{margin-left:40px;}
.faq_ul p{margin-left:40px;}
.front_contact_blog {   font-size: 33px;
    float: right;
    background: #006CF3;
    padding-left:24px;
    line-height: 59px;
    font-weight: bold;
    transition:all 1s;
	color: #F7AA1B;cursor:pointer;}
	.front_contact_blog span{     width: 40px;
	transition:all 1s;
    margin-left: 15px;
    height: 59px;
    background: #F7AA1B;
    display: block;
    float: right;}
	.front_contact_blog:hover{background:#F7AA1B;color:#006CF3; }
	.front_contact_blog:hover span{background:#006CF3;color:#F7AA1B; }
	.front_recent_post img{width:200px;max-height:200px;float:left;}
	.new-contact-blog.front_contact_blog{
	    background: transparent;
	    font-size: initial;
	    padding: 0;
	    line-height: auto;
	    font-weight: initial;
	    color: initial;
	}
	.new-contact-blog.front_contact_blog>a{
        font-size: 33px;
        float: right;
        background: #006CF3;
        padding: 0 24px;
        line-height: 59px;
        font-weight: bold;
        transition: all 1s;
        color: #F7AA1B;
        cursor: pointer;
        display: inline-block;
        text-decoration: none;
        margin-bottom: 20px;
	}
	.new-contact-blog.front_contact_blog>a:hover{
	    background: #F7AA1B;
        color: #006CF3;
	}
/**************************************faq*******************************/
/**************************************custom tatoo*******************************/
.custom_tatoo p{text-align:justify;}
.wpcf7-form input{line-height:30px;width:70%;border:1px solid rgba(0, 108, 243, 0.14);border-radius:5px;padding-left:10px;font-weight:lighter;}
.wpcf7-form select{line-height:30px;width:70%;border:1px solid rgba(0, 108, 243, 0.14);border-radius:5px;padding-left:10px;font-weight:lighter;}
.wpcf7-form textarea{width:70%;border:1px solid rgba(0, 108, 243, 0.14);border-radius:5px;padding-left:10px;}
.custumtatoo_submit input{line-height:25px;width:150px;border-radius:5px;font-weight:lighter;}
/**************************************custom tatoo*******************************/
.footer{background:#006CF3;margin-top:20px;}
.menu-footer-menu-container{float:left;}
.menu-footer-menu-container ul{list-style:none;margin-bottom:0px;padding:0px;    margin-top: 36px;}
.menu-footer-menu-container ul li{margin-right:5px;display:inline-block;}
.menu-footer-menu-container ul li a{margin-right:20px;color:#fff;}
/*.menu-footer-menu-container ul li a{margin-left:0px;}*/
.footer_widget{float:right;}
#cool-social li{display:block;height:80px !important;    padding-top: 30px;}

#gallery-1 .gallery-item {

    width: auto !important;
}