@charset "utf-8";
/*

Theme Name: SHACMAN

*/



@font-face {

    font-family: 'IstokWeb-Regular';

    src: url('fonts/istokweb-regular-webfont.eot');

    src: url('fonts/istokweb-regular-webfont.eot?#iefix') format('embedded-opentype'),

        url('fonts/istokweb-regular-webfont.woff') format('woff'),

        url('fonts/istokweb-regular-webfont.ttf') format('truetype'),

        url('fonts/istokweb-regular-webfont.svg#IstokWeb-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'IstokWeb-Bold';  

    src: url('fonts/istokweb-bold-webfont.eot');

    src: url('fonts/istokweb-bold-webfont.eot?#iefix') format('embedded-opentype'),

        url('fonts/istokweb-bold-webfont.woff') format('woff'),

        url('fonts/istokweb-bold-webfont.ttf') format('truetype'),

        url('fonts/istokweb-bold-webfont.svg#IstokWeb-Bold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: opensans-regular;   

    src: url('fonts/opensans-regular-webfont.eot');

    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),

        url('fonts/opensans-regular-webfont.woff') format('woff'),

        url('fonts/opensans-regular-webfont.ttf') format('truetype'),

        url('fonts/opensans-regular-webfont.svg#opensans-regular') format('svg');

    font-weight: normal;

    font-style: normal;

}

body{

    width:100%;

    margin:0;

    padding:0;

    font-family: 'IstokWeb-Regular';

    background-color:#f8f8f8;

    color:#212121;

}

.deserve-container{

    width:1200px;

    margin:0 auto;

}

.no-padding{

    padding:0 0;	

}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, ul{

    margin:0;	

}

a{

    _color:#727272;

    transition: all 0.5s ease-in-out 0s;

    -webkit-transition: all 0.5s ease-in-out 0s;

    text-decoration: none;   

}

a:hover,

a:focus{

    text-decoration: none;	

    color:#ee4b3a;

     outline: 0;

}

.contact-info ul, .social-link ul, .post-meta ul, .aboutus-content ul, .latest-blog .post-data > ul, .gallery-pagination > ul, .blog-data > ul{

    list-style: none outside none;

    padding-left: 0;

    margin-left: -5px;

    margin-bottom: 0;

}

.contact-info ul li, .social-link ul li, .post-meta ul li, .aboutus-content ul li, .latest-blog .post-data > ul li, .gallery-pagination > ul li, .blog-data  ul li{ 

    display: inline-block;

    padding-left: 5px;

    

    color: rgb(153, 153, 153);

}

img{

    max-width: 100%;

    vertical-align: middle;	

}

.dropdown:hover .dropdown-menu {

    display: block;

}

/**************************header *********************/

.menubar{	

    width:100%;

    border-bottom:1px solid #e6e6e6;

}

.menubarnav{	

    width:100%;

    

	background-color:#ffffff;

}

.contact-info{

    float: left;

} 	

.contact-info > ul > li{

    color:#727272;

    font-size:13px;	

    font-family: opensans-regular;

    margin-right:10px;

    padding-top: 10px;	

    padding-bottom: 10px;

}

.contact-info > ul > li > a > i{

    padding-right: 5px;

}

.contact-info > ul > li > a{

    font-size:13px;	

    font-family: opensans-regular;

}

.social-link > ul,

.social-link > ul > li{

    float:left;

    padding:0px;

}

.social-link > ul > li > a{

    color:#b1b1b1;

    font-size:15px;	

}

.social-link > ul > li > a:hover,

.social-link > ul > li > a:focus{

    color:#ee4b3a;	

}

.social-link > ul > li > a > i{

    border-left: 1px solid #e6e6e6;

    padding: 14px 14px 10px;

}

.social-link{

    float: right;

}

.social-link > ul {

    border-right: 1px solid #e6e6e6;

}

.toggle-menu {

    border: medium none;

}

.toggle-menu .icon-bar {

    background-color: #ee4b3a;

}

.header-menu ul{

    float: right;

    margin: 0;

    list-style: outside none none;

}

.header-menu ul li{

    padding-left: 0;

    padding-right: 0;

    position:relative;

    display: block;

    float: left;

    margin-left: 5px;

}

.header-menu ul li a{

    color:#0067AB;
	
	font-weight:bolder;

    font-family: opensans-regular;    

    text-transform:uppercase;

    padding-bottom: 27px;

    padding-top: 27px;	

    text-align:center;

    

    display: block;

    line-height: 20px;

}

.header-menu ul > li a:focus,

.header-menu ul > li a:hover,

.header-menu ul > li .active{

    background-color:#0067AB;

    color:#f8f8f8;

    border-bottom:2px solid #0067AB;	

}





.header-menu ul > .open > a, .header-menu ul > .open > a:hover, .header-menu ul > .open > a:focus {

    background-color:#0067AB;

    color:#f8f8f8;

    border-bottom:2px solid #0067AB;

}

.header-menu ul li ul {

    background-color:#f8f8f8;	

    border: 0;    

    padding: 0;

    margin: 0;

    border-radius: 0;	

    min-width: 0;   

    width: 220px;

    box-shadow:0 6px 12px rgba(0, 0, 0, 0.176);

    position:absolute;

    opacity:0;

    visibility:hidden;

    z-index:3;	

}

.header-menu ul li:hover ul {

    opacity:1;

    visibility:visible;

}

.header-menu ul li ul li{

    width: 100%;

    margin-left: 0;

}

.header-menu ul li:hover ul li ul {

    opacity: 0;

    visibility: hidden;

}

.header-menu ul li ul li:hover > ul {

    opacity: 1;

    visibility: visible;

    z-index: 1;

    top: 0;

    right: 100%;

}

.header-menu ul li ul > li > a {

    color:#0067AB;

    font-size: 15px;

    text-transform: capitalize;

   padding: 10px 5px;

    margin: 0;

    text-align: left;

    display:inline-block;

    width:100%;

    border: none;

}

.header-menu ul > li > ul > li > a:hover

{

    background-color:#0067AB;

    color:#f8f8f8;

    text-decoration: none;	

    border: none;

}

.site-logo{

    display: inline-block;

    margin-top: 25px;

    width: 100%;

}

.site-logo img{

    width:100%;	

	height:100%;

}

/**************************section *********************/



/*****************HOME PAGE START******************/

/** Slider Part Start ***/

.banner{

    border-bottom: 1px solid #084d54;	

}

.slider img{

    width:100%;

    max-width:100%;

    cursor:auto;

}

.slider_button {

    bottom: auto;   

    top: 43%;

    background-color: #656565;

    height:30px;

    width:30px;

    border-radius:50%;

    margin-left:10px;

    padding-top:1px;

    margin-right:10px;

}

.slider_button:hover {

    opacity: 0.5;

}

.slider_button i{

    font-size:27px;	

}

.caption-text h2{

    position: absolute;

    right: 6%;

    text-align: center;

    top: 30%;

    text-transform:capitalize;

    color: #084d54;

    border-bottom: 1px solid #aec4c6;

    font-size:34px;

    padding-bottom:5px;

}

/** Slider Part End ***/

/** Our Development Process Start ***/

.bottom-border{

    border-color: #e6e6e6;

    margin-bottom: 0;	

}

.color-text{

    color: #005595;	

}

.title{

    margin: 50px auto;		

}

.title h2:after,

.sidebar-widget h2:after {

    border-top: 1px solid rgb(220, 220, 220);

    content: " ";

    display: inline-block;

    left: 0;

    margin: 0;

    position: absolute;

    top: 13px;

    width: 100%;

    z-index: 0;

}

.title h2 > span,

.sidebar-widget h2 > span {

    background: none repeat scroll 0 0 #f8f8f8;  

    position: relative;

    z-index: 2;

    padding-right:10px;

    padding-left:10px;

}

.title h2,

.sidebar-widget h2{

    font-size: 26px;

    color: #0067AB;

    text-transform: capitalize;

    text-align:center;	

    position:relative;

}

.title p{

    text-align: center;

    color: #212121;	

    font-size: 14px;

    line-height: 2;

}

.round-image{

    float: left;

    margin-right: 20px;

    width: 94px;    

    border: 2px solid #FFF;	

    margin-left: -45px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    box-shadow: 0 1px 2px 0 rgb(234, 234, 234);

    transition: all 0.8s ease-in-out 0s;

    -webkit-transition: all 0.8s ease-in-out 0s;

}

.process{  

     float: left;

    width: calc(100% - 100px);

}

.devlopment-process .title{

    margin-bottom: 0;

}

.devlopment-wrap {

    margin-top: 40px;

}

.process-detail{

    background-color: #FFF;		

    margin-left: 45px;		

    padding-top: 30px;

    padding-bottom: 30px;

    margin-bottom: 30px;

    cursor: default;

    display:inline-block;

    transition: all 0.8s ease-in-out 0s;

    -webkit-transition: all 0.8s ease-in-out 0s;

    width:88%;

}

.process-detail:hover {

    transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

}

.process-detail:hover h2,

.process-detail:hover p{

    color: #fff;	

}

.process-detail:focus,

.process-detail:hover{

    background-color: #0067AB;	

    box-shadow:none;	

}

.process-detail:hover img, .process-detail:hover .round-image{

    box-shadow:none;

    background-color: #fff;

}





.process-detail img{   

    max-width: 100%;

    transition: all 0.8s ease-in-out 0s;

    -webkit-transition: all 0.8s ease-in-out 0s;

}

.process h2{

    color: #084d54;

    font-size: 18px;		

    margin-bottom: 10px;

}

.process p,

.information p

{

    color: #606060;

    font-size: 13px;

    line-height: 1.7;

    text-align: justify;

}

/** Our Development Process End**/



/** Latest BLOG POSTS Start **/ 

.blog-image img{

    width: 100%;

    max-width: 100%;

}

.blog-data {

    margin-bottom: 15px;

	text-align:center;

	

}

.blog-data > a{

    margin-top: 12px;	

    margin-bottom: 3px;

    color: #212121;

    font-size: 14px;

    text-transform: capitalize;

    display: inline-block;

}

.blog-data ul li{

    margin-top: 5px;

    color: #555555;

}	

.blog-data ul li a{

    color: #555555;

    font-size: 14px;

    text-transform: capitalize;

    display:inline-block;

}

.blog-data ul li a:hover,

.blog-data ul li a:focus,

.blog-data a:hover,

.blog-data a:focus{

    color: #ee4b3a;

}

.blog-data ul li i{

    padding-right: 5px;	

}

.screen-reader-text {

    display: none;

}

/** Latest BLOG POSTS End **/ 

/*****************HOME PAGE END******************/	





.gallery-pagination ul li a{

    background: none repeat scroll 0 0 rgb(238, 238, 238);

    border-radius: 50%;

    display: inline-block;  

    min-height: 30px;

    min-width: 30px;

    padding-top: 5px;

    text-align: center;

    transition: all 0.3s ease 0s;

}

.gallery-pagination ul li a:hover,

.gallery-pagination ul li .active{

    background-color:#084d54;

    color:#f8f8f8;		

}



/** Breadcrumb  Part Start  **/



.breadcumb-bg{

    background-color: #FFF;	

    width:100%;

    border-bottom:1px solid #e6e6e6;

}

.site-breadcumb {

    display: inline-block;

    margin: 20px 0px;

    width: 100%;

    vertical-align: middle;

}

.site-breadcumb h1{

    float: left;

    font-size: 28px;

    color:#084d54; 

    text-transform: capitalize;		

}

.site-breadcumb ol{

    float: right;

    margin: 5px 0 0;

    padding: 0;	

    background-color: transparent; 	

}

.site-breadcumb ol li {

    text-transform: capitalize;

}

.breadcrumb-menubar li a{

    font-size: 15px;

    color:#084d54;

    text-transform: capitalize;

}

.breadcrumb-menubar li a:hover,

.breadcrumb-menubar li a:focus{

    color:#ee4b3a;

}

.breadcrumb-menubar > li + li:before {

    color:#084d54;

    content: "/";

    font-size: 15px;

    padding: 0 5px;

}

.breadcrumb-menubar li.active{

    color:#084d54;

}

/** Breadcrumb  Part End  **/



/*****************BLOG PAGE START******************/

.page-template-left-sidebar .dblog{

    padding: 0 15px 0 45px;

}

.blog-detail{

    margin: 50px auto 30px;    

}

.dblog{

    margin: 50px auto 30px;	

    padding-right: 45px;

}

.page-template-full-width .deserve-container .dblog

{

    padding-right: 15px;

}

.post-data{

    padding: 20px 20px 20px 20px;

}

.blog-box{

    background-color: #fff;	

    border: 1px solid #e6e6e6;	

    margin-bottom: 15px;

	padding-bottom:5px;

    display: inline-block;

    width:100%;

}

.blog-box ul li{



    text-transform: capitalize;	

    font-size: 13px;	

}

.blog-media p{

    color:#727272;

}

.blog-title{

    font-size: 24px;

    color:#084d54; 



    display: table;

    font-family: 'IstokWeb-Bold';

    text-transform: capitalize;

}

.post-meta {

    margin: 10px 0 15px;

}



.blog-box p{

    font-size: 14px;

    color: #212121;	

    line-height: 1.6;

    text-align:justify;

    margin-bottom: 0px;

}

.read-more a{

    float: right;

    margin: 15px auto;

    color: #ee4b3a;	

    transition: all 0.5s ease-in-out 0s;

    font-weight: bold;

}

.read-more a:before{

    color: #ee4b3a;

    content: ">";   

    padding-right: 4px;	

}

.read-more a:hover {

    color:#084d54; 

}

.blog-pagination{

    text-align: right;	

}



.comment-list {

    display: inline-block;

    list-style: outside none none;

    padding: 0;

    width: 100%;

}

.comment-body {

    margin-bottom: 15px;

    position: relative;

}

.comment-author {

    display: inline-block;

    margin-bottom: 8px;

    position: relative;

}

.comment-author{

    padding-left: 60px;

}

.comment-author .says {

    display: none;

}

.comment-author .avatar {

    background: none repeat scroll 0 0 #ffffff;

    border: 1px solid rgba(0, 0, 0, 0.1);

    height: 40px;

    left: 0;

    padding: 3px;

    position: absolute;

    top: 28px;

    width: 40px;

}

.comment-list .children {

    list-style: outside none none;

    margin-bottom: 8px;

    padding-left: 20px;

}

.comment-metadata {

    display: inline-block;

    margin-bottom: 8px;

    padding-left: 5px;

    width: auto;

}

.comment-body a {

    color: #212121;

}

.comment-body .reply {

    position: absolute;

    right: 0;

    top: 0;

}

.comment-author .fn, .comment-body .reply a {

    color: #727272;

    font-weight: normal;

}

.comment-body a:hover {

    color: #ee4b3a;

}

.comment-metadata .reply a {  

    display: inline-block;

    float: right;

    text-align: right;

}

.comment-content {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: 1px solid #d7d7d7;

    border-radius: 0;

    color: #272727;

    display: inline-block;

    font-size: 13px;

    margin-bottom: 20px;

    padding: 10px;

    white-space: normal;

    width: 93%;

    margin-left: 58px;

}



.reply-box input {

    background: none repeat scroll 0 0 #fff;

    border: medium none;

    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);

    color: #272727;

    font-size: 13px;

    margin-top: 20px;

    padding: 10px 0 10px 10px;

    width: 100%;

}

.reply-box textarea {

    background: none repeat scroll 0 0 #fff;

    border: medium none #c6c6c6;

    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);

    color: #6a6a6a;

    font-size: 13px;

    margin-top: 20px;

    padding-left: 10px;

    padding-top: 10px;

    resize: vertical;

    width: 100%;

}

.send-btn {    

    float: left;  

    margin-top: 20px;	    

}

.sidebar-widget{

    margin-bottom: 40px;

    display: inline-block;

    width: 100%;	

}

.input-txt {

    background-color: rgb(255, 255, 255);

    border: 1px solid rgb(218, 218, 218);

    border-radius: 0;   

    font-weight: normal;

    padding: 7px 36px 7px 5px;

    position: relative;

    transition: all 0.5s ease-in-out 0s;

    width: 100%;

}

.input-btn {

    background-color: rgba(0, 0, 0, 0);

    border: medium none;

    color: rgb(158, 158, 158);

    font-size: 20px;

    margin: 5px 20px 0;

    position: absolute;

    right: 0;

    top: 0;

}

.sidebar-widget  h2{

    font-size: 16px;

    font-family: 'IstokWeb-Bold';	

    color: #000;

    margin: 0 0 20px;

}

.sidebar-widget  h2:after{

    top: 7px;

}

.media-title,

.sidebar-widget  .blog-post > a{

    display: block;

    font-size: 13px;   

    line-height: 18px;

    text-transform: uppercase;

    color:#084d54; 

    padding: 0 0 6px;

}

.sidebar-widget  .blog-post > a:hover{

    color: #ee4b3a;

}

.blog-media{

    float: left;

     text-transform: capitalize;

    margin: 10px 0 0;	

    width: 100%;

}

.sidebar-widget  .blog-img{

    padding-left:0;

}

.sidebar-widget  ul{

    padding-left: 0;

    list-style: none outside none;

}

.sidebar-widget  ul li{

    display: block;

    color:#727272;

    border-bottom: 1px solid #e6e6e6;	

    padding-top: 7px;

    padding-bottom: 7px;

}

.sidebar-widget .recent-comment ul li i,

.contact-info > ul > li > a > i{

    color: #b5b5b5;	

}

.contact-info > ul > li > i{

    color: #b5b5b5;	

    padding-right:5px;

}



.sidebar-widget .recent-comment ul  > li > a:before{

    content: "";

}

.sidebar-widget ul{

    margin-left: 0;

}

.recent-comment ul li a,

.sidebar-widget ul li a{

    color:#084d54;	

}

.recent-comment ul li a:hover,

.recent-comment ul li a:focus,

.sidebar-widget ul li a:hover,

.sidebar-widget ul li a:focus{

    color:#ee4b3a;	

}

.sidebar-widget ul li a:before{

    

    font-size: 12px;

}



.sidebar-widget > ul > li ul, .sidebar-widget ul  li .sub-menu{

    border-top: 1px solid #e6e6e6;

    margin-top: 7px;

    padding-left: 10px;

}

.sidebar-widget li ul li:last-child, .sidebar-widget ul li .sub-menu li:last-child {

    border-bottom: medium none;

    padding-bottom: 0;

}

input{

    width: 235px;

    color:#212121;

    padding: 8px 10px;

    border: 1px solid rgb(218, 218, 218);

   

}

/*****************BLOG PAGE END******************/

/**************************footer *********************/





.bottom-footer{

    border-top: 1px solid #3f848f;

}

.main_footer {

    float: left;

    height: auto;

    margin: 0;

    max-width: 100%;

    padding: 0;

    width: 100%;

    border-top: 2px solid #FFCC00;

    margin-top: 35px;

}

.top_footer {

    background-image: url(images/footer-bg1.png);	

    float: left;

    height: auto;

    margin: 0;

    max-width: 100%;

    padding: 0 0 15px;

    width: 100%;

}

.deserve-widget{

    margin-top: 60px;

}

.footer-widget {

    color: #c8c8c8;

    display: inline-block;

    font-size: 14px;

    margin-bottom: 15px;

    width: 100%;

}

.footer-widget h3 {

    color: #f4f4f4;

    font-size: 18px;   

    text-transform: capitalize;

    border-bottom: 1px solid #3f848f;

    padding-bottom: 15px;	

    font-family: 'IstokWeb-Bold';

    margin-bottom: 18px;

}

.footer-widget p{

    color: #d7d7d7;

    line-height: 1.6;

    margin-bottom: 15px;

     text-align: justify;

}

.textwidget {

    text-align: justify;

}



.social-icon a i{

    font-size: 2.6em;	

}

.footer-widget ul{

    padding-left: 0;

}

.footer-widget li a{

    color: #d7d7d7; 	

    font-size: 14px;

}

.footer-widget li a:hover,

.footer-widget li a:focus{

    color:#ee4b3a;

}

.footer-widget li{ 	  

    font-size: 14px;

    font-weight: normal;

    display: block;

    margin: 0 0 11px;    

}

.footer-widget input{

    width: 100%;

    color:#212121;

    border-radius: 3px;

    background-color: #e5e5e5;

    padding: 8px 10px;

    border: none;

    margin-bottom: 15px;

}

.search-form > label {

    width: 100%;

}

input[type="submit"] 

{

    background-color: #1c7b8a;

    border: 1px solid rgba(204, 204, 204, 0);

    border-radius: 2px;

    color: #d7d7d7;

    font-size: 15px;

    padding: 6px 12px;

    text-transform: uppercase;

    transition: all 0.8s ease-in-out 0s;

    width: auto;

}



.footer-widget input[type="submit"]:hover

{

    background-color: #fff;

    border: 1px solid rgb(204, 204, 204);

    color: #ee4b3a;

    text-decoration: none;

    transition: all 0.8s ease-in-out 0s;

}

.footer-widget ul li a:before {

    color: rgb(183, 183, 183);

    content: ">";

    list-style: none outside none;

    padding-right: 4px;

}

.footer-widget ul a:hover,

.sidebar-widget ul li a:hover {

    color:#ee4b3a;   

}

.footer-widget .social-icon ul li a:before {

    content: "";

}	

.social-icon ul li{

    display: inline-block;	

    padding-right: 0;	

}

.social-icon ul li a{

    line-height: 0;

    display: inline-block;

}

.subscribe,

.submit,

.send-btn{

    background-color: #1c7b8a;

    padding: 6px 12px;

    border-radius: 2px;

    color: #d7d7d7; 

    font-size: 15px;

    transition: all 0.8s ease-in-out 0s;	

    border: 1px solid rgba(204, 204, 204,0);

    text-transform: uppercase;

}

.submit:hover,

.subscribe:hover,

.subscribe:focus ,

.send-btn:hover,

.send-btn:focus {

    background-color: #FFF;

    transition: all 0.8s ease-in-out 0s;

    -webkit-transition: all 0.5s ease-in-out 0s;

    color:#ee4b3a;

    text-decoration: none;

    border: 1px solid rgb(204, 204, 204);

}

.logo-footer{

    border-bottom: 1px solid #3f848f;

    padding-bottom: 10px;

    max-width: 100%;

    margin-bottom: 18px;

    margin-top: -13px;

}

.logo-footer img{	

    max-width: 100%;

	padding:10px 0px 0px 0px;

}

.bottom-footer{

    padding-top: 17px;	

    width: 100%;

    display: inline-block;

}

.bottom-footer p{

    color: #d7d7d7;

    float: left;

    text-transform: capitalize;

}

.terms{

    float: right;

}

.terms ul{		

    list-style: none outside none;	

    padding: 0;

}

.terms ul li{

    padding-left: 0;

    padding-right: 0;	

    display: inline-block;

}

.terms ul li a:hover,

.terms ul li a:focus{

    color:#ee4b3a;

}

.terms ul li a{

    color: #d7d7d7;	

}

.terms ul li:after {

    color: rgb(183, 183, 183);

    content: "|";

    list-style: none outside none;   

    padding: 0 0 0 7px;

}

.terms ul li:last-child:after{

    content: "";

}





.footer-widget-two input {

    background-color:none;

    border: medium none;

    border-radius: 3px;

    color: #212121;

    margin-bottom: 25px;

    padding: 8px 10px;

    width: 235px;

}



#recentcomments .recentcomments a:hover

{

    color: #ee4b3a;

}





.comment-respond .comment-reply-title {

    color: #0067AB;

    font-size: 26px;

    position: relative;

    text-align: center;

    text-transform: uppercase;

}

/*.comment-form {

    margin-top: 25px;

}*/

.comment-form .comment-notes{

    display: none;

}

.comment-form label {

    display: none;

}

.comment-form .comment-form-author, .comment-form .comment-form-email , .comment-form .comment-form-url{

    float: left;

    width: 33.3333%;

}

.comment-form .comment-form-author input, .comment-form .comment-form-email input, .comment-form .comment-form-url input {

    background: none repeat scroll 0 0 #ffffff;

    border: medium none;

    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);

    color: #272727;

    font-size: 13px;

    margin: 0px;

    padding: 10px;

    width: 100%;

}

.comment-form textArea{

    background: none repeat scroll 0 0 #ffffff;

    border: medium none #c6c6c6;

    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);

    color: #6a6a6a;

    font-size: 13px;  

    padding-left: 10px;

    padding-top: 10px;

    resize: vertical;

    width: 100%;

}

.comment-form p {

    margin-bottom: 20px;

}

.comment-form-email {

    padding: 0 10px;

}

.form-allowed-tags {

    display: none;

}



.reply-box .form-submit  input[type="submit"] 

{

    background-color: #1c7b8a;

    border: 1px solid rgba(204, 204, 204, 0);

    border-radius: 2px;

    color: #d7d7d7;

    font-size: 15px;

    padding: 6px 12px;

    text-transform: uppercase;

    transition: all 0.8s ease-in-out 0s;

    width: auto;    

}

.reply-box .form-submit  input[type="submit"]:hover

{

    background-color: #fff;

    border: 1px solid rgb(204, 204, 204);

    color: #ee4b3a;

    text-decoration: none;

    transition: all 0.8s ease-in-out 0s;

}

.sticky .entry-date{display:none}

.bypostauthor > article .fn:before{margin:0 -2px 0 2px}





.sidebar-widget .search-field {

    background-color: rgb(255, 255, 255);

    border: 1px solid rgb(218, 218, 218);

    border-radius: 0;

    font-weight: normal;

    position: relative;

    transition: all 0.5s ease-in-out 0s;

    width: 100%;

}

.sidebar-widget .search-form > label {

    width: 100%;

}

.sidebar-widget .screen-reader-text {

    display: none;

}

.sidebar-widget 	.search-submit {

    display: none;

}





/**********************************/



.main-sidebar #calendar_wrap {

    clear: both;

}

.main-sidebar table {

    width: 100%;

}

.main-sidebar select {

    width: 100%;

    padding: 5px;

}



.main-sidebar h1 {

    border-bottom: 1px solid #000000;

    color: #212121;

    float: left;

    margin: 0 0 -1px;

    padding-right: 30px;

    width: auto;

    padding-bottom: 13px;

}

.main-sidebar .rsswidget  {

    color: #000;

}



.main-sidebar p {

    text-align: justify;    

}

.main-sidebar .rssSummary {

    text-align: justify;

}

.main-sidebar ul li a {

    color: #393939;

}

.main-sidebar .sidebar-title {

    float: left;

    width: 100%;

    margin-bottom: 10px;

}



.main-sidebar img {

    max-width: 100%;

    height: auto;

}

.main-sidebar .tagcloud a {

    border: 1px solid #000;

    color: #000;

 /*   font-size: 100% !important; */

}

#recentcomments li a:before{

    content:"";

}







.gallery {

    margin-bottom: 20px;

}

.gallery-item {

    float: left;

    margin: 0 4px 4px 0;

    overflow: hidden;

    position: relative;

}

.gallery-columns-1 .gallery-item {

    max-width: 100%;



}

.gallery-columns-2 .gallery-item {

    max-width: 48%;

    max-width: -webkit-calc(50% - 4px);

    max-width: calc(50% - 4px);

}

.gallery-columns-3 .gallery-item {

    max-width: 32%;

    max-width: -webkit-calc(33.3% - 4px);

    max-width: calc(33.3% - 4px);

}

.gallery-columns-4 .gallery-item {

    max-width: 23%;

    max-width: -webkit-calc(25% - 4px);

    max-width: calc(25% - 4px);

}

.gallery-columns-5 .gallery-item {

    max-width: 19%;

    max-width: -webkit-calc(20% - 4px);

    max-width: calc(20% - 4px);

}

.gallery-columns-6 .gallery-item {

    max-width: 15%;

    max-width: -webkit-calc(16.7% - 4px);

    max-width: calc(16.7% - 4px);

}

.gallery-columns-7 .gallery-item {

    max-width: 13%;

    max-width: -webkit-calc(14.28% - 4px);

    max-width: calc(14.28% - 4px);

}

.gallery-columns-8 .gallery-item {

    max-width: 11%;

    max-width: -webkit-calc(12.5% - 4px);

    max-width: calc(12.5% - 4px);

}

.gallery-columns-9 .gallery-item {

    max-width: 9%;

    max-width: -webkit-calc(11.1% - 4px);

    max-width: calc(11.1% - 4px);



}

.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {

    margin-right: 0;

}

.gallery-caption {

    background-color: rgba(0, 0, 0, 0.7);

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    color: #fff;

    font-size: 12px;

    line-height: 1.5;

    margin: 0;

    max-height: 50%;

    opacity: 0;

    padding: 6px 8px;

    position: absolute;

    bottom: 0;

    left: 0;

    text-align: left;

    width: 100%;

}

.gallery-caption:before {

    content: "";

    height: 100%;

    min-height: 49px;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}

.gallery-item:hover .gallery-caption {

    opacity: 1;

}

.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {

    display: none;

}

.gallery img {

    margin: 0px;

    height:auto;

}













.tagcloud 

{

    text-align: left;

}

.tagcloud a {

    border-radius: 8px;

    display: inline-block;

    margin-bottom: 10px;

    margin-right: 6px;

    padding: 5px 8px;

    text-decoration: none;

    transition: all 0.17s ease-in-out 0s;

}

.tagcloud a:hover {

    border: 1px solid #ee4b3a;

}



.footer-menu ul li {

    padding: 0px;

}

.footer-menu .children{

    padding-left: 10px;

    margin-top: 10px;

}

.footer-menu .children li {

    border-bottom: none;

    margin-bottom: 10px;

}

.footer-menu .children li:last-child, .footer-menu .sub-menu li:last-child {

    margin-bottom: 0;

}

.footer-widget ul .sub-menu {

    padding-left: 10px;

    margin-top: 10px;

}



.footer-menu .sub-menu li {

    border-bottom: none;

    margin-bottom: 10px;

}

.footer-menu img {

    max-width: 100%;

    height: auto;

}

.footer-menu #calendar_wrap {

    clear: both;

}

.footer-menu table {

    width: 100%;

}

.footer-menu select {

    width: 100%;

    padding: 5px;

    color:black;

}

.footer-menu .tagcloud a {

    border: 1px solid #f4f4f4;

    color: #f4f4f4;

 /*   font-size: 100% !important; */

}

.footer-menu .tagcloud a:hover {

    border: 1px solid #ee4b3a;

}

.footer-menu a

{

    color:white;

}

.blog-img {

    float: left;

    margin-right: 20px;

    width: 80px;

}

.blog-post {

    float: left;

    width: calc(100% - 100px);

}

.footer-widget .blog-post .date-lp {

    margin-bottom: 0;

}





.deserve-poweredby

{

    color:#ffffff;

    text-transform: capitalize;

}

.deserve-poweredby a

{

    color:#ffffff;

}

.single-page-title

{

  color: #084d54;

    display: table;

    font-family: 'IstokWeb-Bold';

    font-size: 24px;

    text-transform: capitalize;

}

.blog-box .post-meta a {

    display: inline-block;

}



/*******************************/

.wp-caption {

    background: #ee4b3a;

    margin-bottom: 14px;

    max-width: 100%;

    padding: 5px;

    text-align: center;

    clear: both;

}

.wp-caption-text {

    color: rgb(255, 255, 255);

    font-size: 12px ;

    font-weight: bold;

    margin: 0 auto ;

    padding: 8px 0;

    text-align: center;

}

.wp-caption-text a

{

    color:white;

}



.post-data h1,h2,h3

{

    margin-bottom: 10px;



}

.post-data h4,h5,h6

{

    margin-bottom: 10px;

    margin-top: 10px;

}

.post-data table {

    width:100%;

}



.post-data th,td {

    padding: 5px;

}



.post-data li ul

{



    padding: 0 0 0 40px;



}

.deserve_potfolio {

    margin-top: 35px;

}

.latest-blog .title {

    margin-bottom: 0;

}







.footer-menu .sidebar-widget

{



    color: rgb(200, 200, 200);

    font-size: 14px;

    margin-bottom: 25px;



}

.footer-menu .sidebar-widget h2

{

    border-bottom: 1px solid #3f848f;

    color: #f4f4f4;

    font-family: 'IstokWeb-Bold';

    font-size: 18px;

    margin-bottom: 18px;

    padding-bottom: 28px;

    text-transform: uppercase;

    text-align: left;





}

.footer-menu .sidebar-widget h2:after

{

    border-top: 0 none;

}

.footer-menu .sidebar-widget h2 span

{

    background:none;

}



.footer-menu .sidebar-widget  ul li

{

    display: block;

    font-size: 14px;

    font-weight: normal;

    margin: 0 0 11px;

    border: none;

    color:white;

    border-bottom: 0 none;



}

.footer-menu .sidebar-widget .recentcomments a{ 

    color:#d7d7d7;}



.footer-menu .rsswidget {

    color: white;

}



.custom-header-img {

    width: 100%;

    text-align: center;

}

.custom-header-img img {

    height: auto;

    max-width: 100%;

}



.four-zero-four

{

    background-color: white;

    border: medium none;

    border-radius: 3px;

    color: #212121;

    margin-bottom: 25px;

    padding: 8px 10px;

    width: 100%;

}



.link_pagination .screen-reader-text {

    display: none;

}

.prev-next-pagination {

    margin-bottom: 30px;

}

.deserve-nav {

    display: inline-block;

    width: 100%;

}

.deserve-nav-next{

    float:right;

}

.deserve-nav-previous{

    float:left;	

}

.link_pagination .pagination{

    margin: 0;

}

.next{

    display: none;

}

.prev{

    display: none;

}





.sidebar-widget .deserve-social .social-icon ul li a:before{

    content: "";  

}

embed, iframe, object, video {

    max-width: 100%;

}



.alignright {

    display: inline;

    float: right;

  /*  margin-left: 1.5em !important; */

}

.alignleft {

    display: inline;

    float: left;

    margin: 1em 2em 1em 0;

}

.aligncenter {

    clear: both;

    display: block;

    margin: 0 auto;

}

.nav > .current_page_item > a

{

    background-color:#0067AB;

    color:#f8f8f8;

    border-bottom:2px solid #0067AB;	

}

.nav > .current-menu-item > a

{

    background-color:#0067AB;

    color:#f8f8f8;

    border-bottom:2px solid #0067AB ;	

}

.nav > .current-post-parent > a

{

    background-color:#0067AB;

    color:#f8f8f8;

    border-bottom:2px solid #0067AB ;	

}

.gallery-pagination ul li span

{

    background: none repeat scroll 0 0 rgb(238, 238, 238);

    border-radius: 50%;

    display: inline-block;

    min-height: 30px;

    min-width: 30px;

    padding-top: 5px;

    text-align: center;

    transition: all 0.3s ease 0s;

    font-size: 14px;



}

.page-numbers.current {

    background-color: #0067AB;

    color: #f8f8f8;

}

.sidebar-widget .deserve-widget-author {

    display: inline-block;

    padding-top: 0;

    width: 100%;

    border: medium none;

}

.sidebar-widget .deserve-widget-author .logo-footer {

    margin: 0 0 13px;

    border-bottom: 1px solid #e6e6e6;

}

.sidebar-widget .deserve-social .social-icon > ul {

    border: medium none;

    margin: 0;

    padding: 0;

}

.sidebar-widget .deserve-social .social-icon li {

    padding: 0;

    border: medium none;

}

/* media css */



@media (max-width:1200px) {

    .deserve-container{

        width:100%;



    }

}



@media (max-width:767px) {

    /*****************HOME PAGE START******************/

    .site-logo > a{

        float: left;	

    }

    .site-logo{

        float: none;

        margin: 20px auto 13px;

    }

    .header-menu ul{

        float: left;

        width:100%;

    }

    .header-menu ul li ul,

    .header-menu ul li ul li ul{

        opacity: 1;

        visibility: visible;

    }

    .header-menu ul li{

        margin-top: 5px;	

        float: none;

        margin-left: 0;

    }

    .header-menu ul li a{

        padding-bottom: 10px;

        padding-top:10px;

        margin-left: 0;

        border-bottom: 2px solid #3f848f;

        text-align: left;	

    }

    .header-menu ul li ul {

        box-shadow: none;

        display: list-item;

        float: none;

        margin-left: 15px;

        position: relative;

        text-align: left;

        width:96%;

    }

    .header-menu ul li ul li:hover ul{

        right:0;

    }

    .header-menu ul li:hover ul li ul {

        opacity: 1;

        visibility: visible;

    }

    .site-breadcumb h1{

        float: none;

        margin-bottom: 12px;

        text-align: center;

    }

    .site-breadcumb ol {

        float: none;

        text-align: center;

    }

    .nav_coll{

        border-top: 1px solid rgb(220, 220, 220);	

        overflow-x: hidden;

    }

    /*****************HOME PAGE END******************/



    /*****************CONTACT US PAGE START******************/

    .contact-form .form-control{

        width: 100%;	

    }

    /*****************CONTACT US PAGE END******************/

    .comments-article li > ul li{

        margin-left: 15px;

    }

    .deserve-nav-previous{

        margin-bottom: 10px;

    }

    .comment-metadata{

        display: block;

        padding-left: 60px;

    }

    .comment-content{

        width: 100%;

        margin-left: 0px;

    }

    .comment-author .avatar{

        top: 5px;

    }

    .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {

        float: none;

        width: 100%;

    }

    .comment-form-email {

        padding: 0;

    }

    .dblog{

        padding-right: 15px;

    }

    .page-template-left-sidebar .dblog{

    	 padding-left: 15px;

    }

    .sidebar-widget .blog-media img {

    width: 100%;

    }  

    .caption-text h2{

    	font-size:26px;

    	right: 10%;

    } 



}



@media (max-width:567px) {

    /*****************HOME PAGE START******************/	

    .contact-info{

        float: none;

        text-align: center;	

    }

    .contact-info > ul {

        margin: 10px 0;

    }

    .contact-info > ul > li{

        margin: 0;

        padding: 5px 0;

        width: 100%;

    }

    .social-link {

        text-align: center;

        float: none;

    }

    .social-link > ul{	

        display: inline-block;

        margin: 0;

        border-top: 1px solid rgb(230, 230, 230);	

        float:none;

        vertical-align: middle;

    }

    .social-link > ul > li{

        padding-left: 0;	

    }

    .caption-text h2{

        display: none;

    }

    .bottom-footer{

        text-align: center;

        width: 100%;	

    }

    .bottom-footer p{

        float: none;	

    }

    .terms{

        float: none;

    }

    .terms ul{	

        margin-top: 10px;	

    }

    .title h2:after{

        border: none medium;	

    }

    /*****************HOME PAGE END******************/

}

@media (min-width:981px)and (max-width:1024px){

    .header-menu ul li ul{

        right: 0;

    }

}

@media (min-width:768px)and (max-width:980px) {



    /*****************HOME PAGE START******************/

    .responsive-menubar{

        text-align: center;

    }

    .site-logo{

        display: inline-block;

        float: none;	

        margin-bottom: 15px;

    }

    .site-logo img{

        margin: 0 auto;

    }

    .header-menu{

        display: inline-block;

        margin-bottom: -5px;	

    }

    .comment-metadata{

        display: block;

        padding-left: 60px;

    }

    .comment-author .avatar{

        top: 5px;

    }

    .comment-content {

    margin-left: 0;

    width: 100%;

}

    .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {

        float: none;

        width: 100%;

    }

    .comment-form-email {

        padding: 0;

    }

    .header-menu ul li ul{

        right: 0;

    }

    .caption-text h2{

    	font-size:26px;

    }

    /*****************HOME PAGE END******************/



}

@media (max-width:380px){

    .process-detail{

        width: 83%;

    }

    .slider_button{

    	top:35%;

    }

}

@media (max-width:360px){

    .site-breadcumb{

        text-align: center;	

    }

    .site-breadcumb h1{

        float: none;	

    }

    .site-breadcumb ol{

        float: none;	

    }

    .process {

        margin-left: -15px;

    }    

}

/*-----language bar begin------*/

#site-language {

float:right;

}

#site-language01 {

float:right;

margin-right:20px;

}

#lang_sel {height:32px; position:relative; font-family: verdana, arial, sans-serif; display: inline-block; z-index:10000; margin:6px 0px -6px 0px;}

/* hack to correct IE5.5 faulty box model */

* html #lang_sel {width:12em; w\idth:12em;}

/* remove all the bullets, borders and padding from the default list styling */

#lang_sel ul, #lang_sel li {padding:0 !important; margin:0 !important; list-style-type:none !important;}

#lang_sel li:before{content:'' !important;}

#lang_sel ul ul {width:230px;z-index: 99999999999;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

#lang_sel li {float:left;width:230px;position:relative;}

/* style the links for the top level */

#lang_sel a, #lang_sel a:visited {display:block;font-size:11px;text-decoration:none !important; color:#444444; border:1px solid #cdcdcd; background:#fff; padding-left:10px; line-height:24px;}

/* a hack so that IE5.5 faulty box model is corrected */

* html #lang_sel a, * html #lang_sel a:visited {width:149px; w\idth:138px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */

#lang_sel ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:230px;border-top:1px solid #cdcdcd;}

/* another hack for IE5.5 */

* html #lang_sel ul ul {top:18px;t\op:19px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */

#lang_sel table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */

#lang_sel ul ul a, #lang_sel ul ul a:visited {background:#F4F4F4; color:#444444; height:auto; line-height:1em; padding:5px 10px;border-width:0 1px 1px 1px;}

#lang_sel ul ul li.zhouji{background:#ffffff; color:#444444; height:30px; border-width:0 1px 1px 1px; width:100%;border-bottom:1px solid #cdcdcd;  margin:15px 0px; font-size:2px; text-align:center;}

/* yet another hack for IE5.5 */

* html #lang_sel ul ul a, * html #lang_sel ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */

#lang_sel a:hover, #lang_sel ul ul a:hover{color:#000; background:#eee;}

#lang_sel :hover > a, #lang_sel ul ul :hover > a {color:#000; background:#eee;}

#lang_sel a.lang_sel_sel{

    z-index:99999;

    color:#444;

}

#lang_sel a.lang_sel_sel:hover{

    text-decoration: none;

    color:white;

}

/* make the second level visible when hover on first level list OR link */

#lang_sel ul li:hover ul,

#lang_sel ul a:hover ul{visibility:visible; }

#lang_sel img.iclflag{width:18px;height:12px;position: relative; top: 1px; margin-top:-3px;}

#lang_sel_footer {

  margin: 0;

  padding: 7px;

  text-align: center;

  font: 11px Verdana, sans-serif;

  min-height: 15px;

  clear: both;

  border: 1px solid #cdcdcd;

}

#lang_sel_footer ul {

  list-style: none;

  margin:0;

  padding:0;

}

#lang_sel_footer ul li img {

  position: relative;

  top: 1px;

  width: 18px;

  height: 12px;

  }

#lang_sel_footer ul li {

  display:inline;

  margin:0 1px 0 0;

  padding:0;

  white-space: nowrap;

  line-height: 25px;

}

#lang_sel_footer ul li a, #lang_sel_footer ul li a:visited {

  text-decoration: none;

  padding: 5px 10px;

}

#lang_sel_footer ul li a:hover, #lang_sel_footer ul li a:active {}

#wpml_credit_footer { width: 100%; margin: 10px 0; padding: 0; text-align: center; font-size: 11px; }

#lang_sel_list {height:32px; position:relative; z-index:99;  font-family: verdana, arial, sans-serif; margin:12px 0px -15px 0px; float:right;}

#lang_sel_list.lang_sel_list_vertical{width:149px;}

/* hack to correct IE5.5 faulty box model */

* html #lang_sel_list {width:12em; w\idth:12em;}

/* remove all the bullets, borders and padding from the default list styling */

#lang_sel_list ul, #lang_sel_list li {padding:0 !important; margin:0 !important; list-style-type:none !important;}

#lang_sel_list li:before{content:'' !important;}

#lang_sel_list ul.lang_sel_list_vertical {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

#lang_sel_list li {float:left;position:relative;}

#lang_sel_list.lang_sel_list_vertical li {width:149px;}

/* style the links for the top level */

#lang_sel_list a, #lang_sel_list a:visited {display:block;font-size:11px;text-decoration:none !important; color:#444444; background:#fff;  line-height:18px;padding-left:5px;}

#lang_sel_list.lang_sel_list_vertical a, #lang_sel_list.lang_sel_list_vertical a:visited{border: 1px solid #cdcdcd; border-top-width: 0; padding-left:10px;}

/* a hack so that IE5.5 faulty box model is corrected */

* html #lang_sel_list a, * html #lang_sel_list a:visited {width:149px; w\idth:138px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */

#lang_sel_list.lang_sel_list_vertical ul {/*visibility:hidden;position:absolute;*/height:0;top:19px;left:0; border-top:1px solid #cdcdcd;}

/* another hack for IE5.5 */

* html #lang_sel_list ul {top:18px;t\op:19px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */

#lang_sel_list table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */

#lang_sel_list ul a, #lang_sel_list_list ul a:visited {color:red; height:auto; line-height:1em;}

#lang_sel_list.lang_sel_list_vertical ul a, #lang_sel_list_list ul a:visited {padding:3px 10px;}

/* yet another hack for IE5.5 */

* html #lang_sel_list ul a, * html #lang_sel_list ul a:visited {width:150px;w\idth:128px;}

#lang_sel_list a.lang_sel_sel{

    color:#727272;

	background-color:#f8f8f8;

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;

}

.icl_lang_sel_current {

margin-top:10px;

}

#lang_sel .icl_lang_sel_currentzhouji {

margin-top:10px;

font-weight:bolder;

font-size:14px;

color:red;

}

#lang_sel_list a.lang_sel_other{

    color:#727272;

	background-color:#f8f8f8;

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;
	
	font-size:13px;

}

#lang_sel_list a.lang_sel_sel:hover{

    text-decoration: none;

    color:white;

}

/* make the second level visible when hover on first level list OR link */

#lang_sel_list ul li:hover ul,

#lang_sel_list ul a:hover ul{visibility:visible; }

#lang_sel_list img.iclflag{width:18px;height:12px;position: relative; top: 1px; margin-top:-3px;}

#lang_sel.icl_rtl{

    text-align:right;

    direction: rtl;

}

#lang_sel.icl_rtl .lang_sel_sel{

    padding-right:14px;

}

#lang_sel ul ul {width: 691px;left:-460px;border-left: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd;height: 130px;background:#F4F4F4;}

#lang_sel ul ul a, #lang_sel ul ul a:visited {border-width: 0 0 0 0;line-height:22px;color:#3a91bd}

/*-----language bar end------*/

/*--Contact form for product page page beginning--*/

.wpcf7-form .fleftlx {

	float: right;

	padding-right: 15px;

}

.wpcf7-form .mright20lx {

	float:left;

}

.wpcf7-form .mright40lx {

	float: left;

	margin-right: 40px;

}



/*--Contact form--*/

.must {

	color: red;

	font-size: 10px;

	width: 10px;

}

.wpcf7 input, .wpcf7 textarea {

	padding: 10px;

	color: #8e8e8e;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 20px;

	border: solid 1px #9f9f9f;

	box-shadow: inset 2px 2px 8px #bababa;

	-webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.wpcf7 .wpcf7-list-item {

	padding-left: 0;

	margin-left: 0;

	margin-right: 25px;

}

.wpcf7 .wpcf7-list-item input {

	border: none;

	padding-left: 0;

	margin-left: 0;

	}



.wpcf7 select {

	outline: none;

	font-size: 16px;

    font-family: Arial, Helvetica, sans-serif;

}



.wpcf7 input:hover, .wpcf7 input:focus, .wpcf7 input:active, .wpcf7 textarea:hover, .wpcf7 textarea:focus, .wpcf7 textarea:active {

	background: #ebf7f5;

	outline: none;

}



.wpcf7 input.wpcf7-submit {

	-webkit-transition: 0;

	-moz-transition: 0;

	-o-transition: 0;

	transition: 0;

	border: none;

	position: relative;

	color: #fff;

	text-shadow: 1px -2px 0px black;

	text-transform: uppercase;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	font-size: 14px;

	padding-top: 11px;

	padding-bottom: 10px;

	padding-left: 35px;

	padding-right: 35px;

	/* Gradient background */	background-color: #E70012;

	background: -webkit-gradient(linear, left top, left bottom, from(#005BAB), to(#000000));

	background: -moz-linear-gradient(top, #005BAB, #000000);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#005BAB', endColorstr='#000000');

 -ms-filter: &quot;

progid:DXImageTransform.Microsoft.gradient(startColorstr=#005BAB, endColorstr=#000000)&quot;;

	/* Drop Shadow */	

	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);

	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);

	box-shadow: 0 2px 5px rgba(0,0,0,0.3);

}

/* On hover */



.wpcf7 input.wpcf7-submit:hover {

	cursor: pointer;

	text-decoration: none;

	background-color: #000000;

	background: -webkit-gradient(linear, left top, left bottom, from(#005BAC), to(#6d2f80));

	background: -moz-linear-gradient(top, #005BAC, #6d2f80);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#005BAC', endColorstr='#6d2f80');

 -ms-filter: &quot;

progid:DXImageTransform.Microsoft.gradient(startColorstr=#005BAC, endColorstr=#6d2f80)&quot;;

}

/* On click */

.wpcf7 input.wpcf7-submit:active {

	top: 1px;

	color: #d8c6e2;

	background-color: #000000;

	background: -webkit-gradient(linear, left top, left bottom, from(#005BAC), to(#005BAC));

		background: -moz-linear-gradient(top, #005BAC, #005BAC);

 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#005BAC', endColorstr='#005BAC');

 -ms-filter: &quot;

progid:DXImageTransform.Microsoft.gradient(startColorstr=#005BAC, endColorstr=#005BAC)&quot;;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}



/* CF7 Messages */

.wpcf7 .wpcf7-validation-errors {



	border: none;

	background-color: #f4ae46;

	margin: 0;

	padding: 20px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;



}



.wpcf7 .wpcf7-mail-sent-ok {

	border: none;

	background-color: #7ad33f;

	margin: 0;

	padding: 20px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;



}



.wpcf7 .wpcf7-mail-sent-ng {

	border: none;

	background-color: #cf2d38;

	margin: 0;

	padding: 20px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	color: white;

}

.wpcf7 span.wpcf7-not-valid-tip {

	border: none;

	background-color: #cf2d38;

	padding: 10px;

    padding-left: 15px;

	padding-right: 15px;

	border-radius: 10px;

	width: 180px;

	color: white;

    /* Drop shadow */    

	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);

    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);

    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);

}

.wpcf7-form .fleft {

	float:left;

}

.wpcf7-form .mright20 {

     	float: left;

        margin-right:100px;

}

.wpcf7-form .mright40 {

	float: left;

	margin-right: 40px;

}

.wpcf7-form .clear {

	clear: both;

}

.wpcf7-form {



}

.wpcf7 {

	border: #EEEEEE solid 2px;

}



/*--Contact form for product page page end--*/



/* Contact Fomr Style Beginning */

.shacmancontactform {width:100%;}

.shacmancontactform .contactformtitle {padding:6px 0px 6px 15px; font-size:20px;}

.shacmancontactform .contactformtitle01 {padding:20px 0px 15px 45px; font-size:20px;}

.shacmancontactform .cfnei{font-size:14px; padding:10px 0px; margin:0 auto 0 auto; width:100%; }

.shacmancontactform .cfnei-product{font-size:14px; padding:10px 0px; margin:0 auto 0 auto; width:91.5%; }

.shacmancontactform .cfnei .formneiyi{font-size:14px; padding:10px 0px 10px 10px; width:725px;background:#ffffff;}

.shacmancontactform .cfnei .formneiyi01{font-size:14px; padding:10px 0px 10px 10px; width:210px;background:#ffffff;}

.shacmancontactform .cfnei .formneiyi02{font-size:14px; padding:10px 0px 10px 10px; width:210px; margin-left:44px;background:#ffffff;}

.shacmancontactform .cfnei .formneier{font-size:14px; padding:12px 0px 12px 10px; width:725px; height:70px;background:#ffffff;}

.shacmancontactform .yanzheng01{margin:0px 0px 0px 19px;}

#yanzhengma {width:180px;background:#ffffff;}

#yanzhengpic {background:red; wdth:100px; margin-right:0px; vertical-align: middle;}

#gallery-1 .wp-caption-text {font-family:Arial;}

.shacmancontactform .yanzheng01-contactpage{margin:0px 0px 0px 25px;}

#yanzhengma-contactpage {width:180px;background:#ffffff;}

#yanzhengpic-contactpage {background:red; wdth:100px; margin-right:200px; vertical-align: middle;}

.shacmancontactform .cfnei-contactpage{font-size:14px; padding:10px 0px; margin:0 auto 0 auto; width:95.2%;}

.shacmancontactform .cfnei .formneiyi01-contactpage{font-size:14px; padding:10px 0px 10px 10px; width:168px;background:#ffffff;}

.shacmancontactform .cfnei .formneiyi02-contactpage{font-size:14px; padding:10px 0px 10px 10px; width:190px; margin-left:25px;background:#ffffff;}

.shacmancontactform .cfnei .formneiyi03-contactpage{font-size:14px; padding:10px 0px 10px 10px; width:166px; margin-left:25px;background:#ffffff;}

.shacmancontactform .cfnei .formneiyi-contactpage{font-size:14px; padding:10px 0px 10px 10px; width:582px;background:#ffffff;}

.shacmancontactform .cfnei .formneier-contactpage{font-size:14px; padding:12px 0px 12px 10px; width:582px; height:70px;background:#ffffff;}

/* Contact Form Style End */



/* .contact us page */



.contacttotal {

	width:100%;	 

	font-size: 14px; 

	font-weight: normal; 

	line-height: 20px; 	 

	font-family: Tahoma, Geneva, sans-serif; 

	background: #CB2001;	

	}



.contacttotal .contactleft {

	width:56%;

	float:left;

	margin-bottom:15px;

	}



.contacttotal .contactright {

	width: 42%; 

	float: right; 

	display: inline; 

	margin-top: 0px; 

	position: relative; 

	float:left; 

    margin-left:15px;

	margin-bottom:15px;

	}

.contacttotal .contactright H3{

	background:none repeat scroll 0 0 #F2F2F2;

	border-left:8px solid #1D73BE;

	padding-left:28px;

	color:black;

	font-size:18px;

	width:100%;

	float:left;

	padding-bottom:15px;

	padding-top:15px;

	font-weight:500; 

	}

.contacttotal .contactright a {

	_color: #FF0000; 

	text-decoration: none;

	}

.contacttotal .contactright a:hover {

	border-bottom: 1px dotted #FFF;

	}

.contacttotal .contactright ul.contactinfo {

	margin: 20px 0 0 0; 

	padding: 0; 

	list-style: none;

	}



.contacttotal .contactright ul.contactinfo li {

	height: 60px; 

	padding-left: 50px;

	}



.contacttotal .contactright ul.contactinfo li.phone {



	background: url(images/icons/zuoji.jpg) no-repeat;   

	font-size:15px;    

	font-weight: normal; 	

	font-family: Tahoma, Geneva, sans-serif; 	

	vertical-align: middle;	

	line-height:40px;}



.contacttotal .contactright ul.contactinfo li.phone p{

	text-indent:5.5em;}





.contacttotal .contactright ul.contactinfo li.email {



	background: url(images/icons/email.jpg) no-repeat;

	font-size:15px;    

	font-weight: normal; 	

	font-family: Tahoma, Geneva, sans-serif;     

	vertical-align: middle;	

	line-height:40px;	

	}



.contacttotal .contactright ul.contactinfo li.email p{



	text-indent:3.5em;

	margin:0px 0px;

	padding:0px 0px;



	}





.contacttotal .contactright ul.contactinfo li.cellphone {

	

	background: url(images/icons/cellphone.jpg) no-repeat;

	font-size:15px;    

	font-weight: normal; 	

	font-family: Tahoma, Geneva, sans-serif;     

	 vertical-align: middle;	

	 line-height:40px;

}



.contacttotal .contactright ul.contactinfo li.cellphone p{

	text-indent:5.7em;

	}





.contacttotal .contactright ul.contactinfo li.location {



	background: url(images/icons/location.jpg) no-repeat;

	font-size:15px;    

	font-weight: normal; 	

	font-family: Tahoma, Geneva, sans-serif; 

	}



.contacttotal .contactright div.twitter {



	width: 295px; 

	height: 125px; 

	background: url(images/dibulogo.gif) no-repeat; 

	margin-top: 24px; 

	position: absolute;



	}



.contacttotal .contactright div.twitter a {



	color: #003955; 

	text-decoration: none;

	}







.contacttotal .contactright div.twitter a:hover {

	border-bottom: 1px dotted #003955;

	}



.contacttotal .contactright div.twitter p {



	width: 165px; 

	margin: 0; 

	color: #003955; 

	position: absolute; 

	top: 14px; 

	left: 19px;



	}



.contacttotal .contactright div.twitter p span {



	font-size: 83%;



	}



.contact-title{



font-size:15px;

font-weight:bolder;}



.contact-title-second{



font-size:15px;

font-weight:bolder;

padding-top:20px;}



.contact-common{



font-size:14px;

font-weight:400;}



.contact-sp{

font-size:14px;

color:#FF0000;

font-weight:700;

padding-top:5px;}

.contactright .contact-sp a{

color:#FF0000:!important;

font-weight:700;

padding-top:5px;
}



.contact-commonadd{

font-size:14px;

font-weight:400;

margin-top:8px;

font-weight:bold;

}



.contact-add{

font-size:8px;

font-weight:600;

padding-top:45px;

}

.page-banner .col-md-6 {

	float:left;

	}

.page-banner .col-md-6-bread {

	float:right;

	}

.page-banner .breadcrumbs {

	



	}

.page-banner .breadcrumbs li{

	font-size:20px;

	}

.page-banner .breadcrumbs li a{

	font-size:20px;

	font-weight:normal;

	}

/* ------------------- Product list ---------------------- */

.pro {width:100%;  background-color:#FFF; padding:10px 10px 0px 10px; text-align:center; }

.car{ width:25%; text-align:center; height:auto; float:left; padding:10px 10px 10px 10px; display:inline; background-color:#FFF;}

.car img{border: 1px solid #F7F7F7; margin-bottom:5px; height:auto;}

.car a{ WIDTH: 100%;  FONT-WEIGHT: bold; font-size:13px; text-align:center; color:red;}

.pictext{

 WIDTH: 100%;   FONT-WEIGHT: bold; font-size:14px; text-align:center;  margin-top:5px; _height:50px; min-height:51px;

}

.pictext a{

 color:#666666;

 font-weight:normal;
 
 height:50px;

}

/* ------------------- Related Product ---------------------- */

.relatedproduct {

   background-color:#fff;

   padding:-40px 0px;

   

	}

.relatedproduct .bawmrp {

	width:104%;

	margin-top:0px;

	padding-top:0px;

	}



.relatedproduct .bawmrp ul {

	margin-left:0px;

    padding:0px 15px;

	}



.relatedproduct .bawmrp h3{



    background: none repeat scroll 0 0 #F2F2F2; border-left: 4px solid #0067AB;

    margin-top:0px;

    margin-bottom:20px;

    padding:8px 0px 8px 28px;

    color: #4b453f;

    width:100%;

    font-size: 19px;

    line-height: 30px;

    font-weight: 600;

    width:96.3%;

    font-weight:normal;

    float:left;

    font-family: opensans-regular;



}

.relatedproduct .bawmrp .pictext {

	WIDTH: 100%;

	HEIGHT: auto;

	font-size: 15px;

	text-align: center;

	text-decoration: none;

	margin-top:5px;

	margin-bottom:10px;

	font-weight:normal;

	color:#000;

}

/* Table */



.datalist { font-family: Arial; border-collapse: collapse; font-size: 12px; border:1px solid #EEEEEE;width:100%; margin-top:-10px;}



.datalist caption { padding-bottom: 5px; font-weight: bold; text-align: left; }



.datalist th { border-right: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE; background-color: #e5ecf4;font-weight: bold;  padding-bottom: 4px; padding-left: 15px; text-align: left; margin-right:-1px;}



.datalist th p{ font-weight:bold;}



.datalist td { border-right: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE; text-align: left; padding-bottom: 4px; padding-left: 15px; vertical-align:middle; text-align:center;}

/* Contact Form */

.comments-article {

	background-color:#fff;

	margin:0px 0px 20px 0px;

	}

/* Tags */

.post-tags {

	margin:10px 0px -40px 0px}

.post-tags a {



	background: #eee;



	padding: 3px 10px;



	border: solid 1px #ddd;



	color: #999;

    

    font-size: 14px;



	margin: 0 3px 0 0;



	display: inline;



	text-decoration: none;





}







/* Product Gallery */

#bwg_standart_thumbnails_0{margin:-5px -20px -30px -20px; padding:0px -100px;}

#bwg_container1_0 {

	width:100%;

	}

.bwg_standart_thumb_img_0 {

	width:180px;

	height:180px;

	margin-bottom:0px;

	

	}

/* Menu Style */

#menu-item-135 .sub-menu {

 width:300px;

}

#menu-item-135 ul.sub-menu ul li {

 width:300px;

}



