/*



Theme Name: MCA



Author: Developing Team



Description: Responsive Wordpress Theme



Version: 1.0



*/



/* =WordPress Core

    -------------------------------------------------------------- */

    .alignnone {

        margin: 5px 20px 20px 0;

    }

    

    .aligncenter,

    div.aligncenter {

        display: block;

        margin: 5px auto 5px auto;a

    }

    

    .alignright {

        float:right;

        margin: 5px 0 20px 20px;

    }

    

    .alignleft {

        float: left;

        margin: 5px 20px 20px 0;

border: 3px solid rgba(255, 102, 161, 0.72);

    }

    

    a img.alignright {

        float: right;

        margin: 5px 0 20px 20px;

    }

    

    a img.alignnone {

        margin: 5px 20px 20px 0;

    }

    

    a img.alignleft {

        float: left;

        margin: 5px 20px 20px 0;

border: 3px solid rgba(255, 102, 161, 0.72);

    }

    

    a img.aligncenter {

        display: block;

        margin-left: auto;

        margin-right: auto

    }

    

    .wp-caption {

        background: #fff;

        border: 1px solid #f0f0f0;

        max-width: 96%; /* Image does not overflow the content area */

        padding: 5px 3px 10px;

        text-align: center;

    }

    

    .wp-caption.alignnone {

        margin: 5px 20px 20px 0;

    }

    

    .wp-caption.alignleft {

        margin: 5px 20px 20px 0;

    }

    

    .wp-caption.alignright {

        margin: 5px 0 20px 20px;

    }

    

    .wp-caption img {

        border: 0 none;

        height: auto;

        margin: 0;

        max-width: 98.5%;

        padding: 0;

        width: auto;

    }

    

    .wp-caption p.wp-caption-text {

        font-size: 11px;

        line-height: 17px;

        margin: 0;

        padding: 0 4px 5px;

    }

	

	

	

	

.mainmenu .sub-menu {list-style: outside none none;  min-width: 250px;  padding: 0;  position: absolute;  z-index: 1000;  display:none;}

.mainmenu li:hover .sub-menu{ display:block; }

.mainmenu .sub-menu li{}

.mainmenu .sub-menu li a { background: none repeat scroll 0 0 #0768b1;  display: block;  padding: 10px 15px;  text-align: left;  text-decoration: none;  transition: all 1s ease-in-out 0s; color:#fff !important;}

.mainmenu .sub-menu li a:hover { background:#f47838 !important; border-left:5px solid #000; padding-left:25px;}

/**/

.no-margin{ margin:0;}

.no-padding{ padding:0;}

body{ background:#edeeee;}

header {}

header .header-top{ padding:20px 0;}

header .header-top .top-search input[type="text"] { /*background: rgba(0, 0, 0, 0) url("img/others/go.png") no-repeat scroll 100% 0;*/ background-color: #EDEEEE; padding-right: 50px; border:1px solid #58595b; color:#58595b;}

header .header-top .top-call h5 { color: #0768b1; font-family: "Open Sans";  font-size: 29px;  font-weight: 500; padding-top: 20px;}

header .mainmenu{ border-bottom:5px solid #0768b1;}

header .mainmenu .navbar-nav li a{ color:#58595b; font-size:15px; font-family:'Open Sans'; text-transform:uppercase; padding:15px 32px; }

header .mainmenu .navbar-nav li a:hover{ background:#0768b1; color:#fff; text-shadow:none;}

header .mainmenu .navbar-nav .current-menu-item a { background:#0768b1; color:#fff; text-shadow:none;}

header .header-bottom .carousel-content-panel { bottom: 20%;  position: absolute;  right: 5%;  text-align: right;  width: 410px;}

header .header-bottom .carousel-content-panel h3{ color:#fff; font-family: "Open Sans";  font-size: 25px;  font-weight: 600; margin:0; background:#0768b1; display:inline-block; padding:15px; margin-bottom:20px;}

header .header-bottom .carousel-content-panel h4{ background:url(img/others/banner-overlay.png) repeat; color:#fff; font-family: "Open Sans";  font-size: 16px;  font-weight: 500; margin:0; display:inline-block; line-height:1.6; padding:15px;}

header .header-bottom { background: rgba(0, 0, 0, 0) url("img/others/shadow.png") no-repeat scroll center bottom / 100% auto;  padding-bottom: 45px; position: relative;}



header .header-bottom .carousel-nav-prev{ background:url(img/others/banner-nav-1.png) no-repeat; width:24px; height:34px; display:inline-block; text-indent:-9999px; position:absolute; top:50%; left:0;}

header .header-bottom .carousel-nav-next{ background:url(img/others/banner-nav-2.png) no-repeat; width:24px; height:34px; display:inline-block; text-indent:-9999px; position:absolute; top:50%; right:0;}



/* holder */

.holder{}

.holder .service-holder { background: #0768b1 none repeat scroll 0 0;  margin-top: -45px; padding:20px 0;}

.holder .service-holder h3{ color:#fff; margin:0; font-family: "Open Sans";  font-size: 24px;  font-weight: 600;}

.holder .service-holder p{ color:#fff; font-size:15px; font-family: "Open Sans"; padding-top:10px;}

.holder .icon-holder{ text-align:center; padding:20px 0;}

.holder .icon-holder h4{ color:#58595b; font-size:16px; font-family: "Open Sans"; line-height:1.3;}

.holder .icon-holder p{ color:#58595b; font-size:13px;  font-family: "Open Sans"; line-height:1.6;}

.holder .icon-holder .space { min-height: 57px;}

.holder .icon-holder .icon { padding: 15px 0;}

.holder .icon-holder .icon a{ color:#f47838; font-size:14px; font-family: "Open Sans"; text-transform:uppercase;}

.holder .product-holder{ background:#cfd0d1; padding:20px 0;}

.holder .product-holder h3{ color:#0768b1; margin:0; font-family: "Open Sans";  font-size: 24px;  font-weight: 600;}

.holder .product-holder h6{ color:#0768b1; font-size:15px; font-family: "Open Sans";}

.holder .product-holder .img-thumb{ padding-top:20px; position:relative;}

.holder .product-holder .img-thumb .thumb-content { background: rgba(0, 0, 0, 0) url("img/others/box-overlay.png") repeat scroll 0 0;  position: absolute;  width: 100%;  bottom: 0;}

.holder .product-holder .img-thumb .thumb-content h4{ color:#fff; font-size:18px; font-family: "Open Sans"; text-transform:uppercase; font-weight:500;}

.holder .client-holder { padding: 30px 0;  text-align: center;}

.holder .client-holder h3{ color:#58595b; margin:0; font-family: "Open Sans";  font-size: 24px;  font-weight: 600;}

.holder .client-holder h6{ color:#58595b; font-family: "Open Sans"; font-size:15px;}

/**/

footer{}

footer .footer-top{ background:#58595b; padding:20px 0;}

footer .footer-top h4{ color:#fff; font-size:18px; font-family: "Open Sans"; text-transform:uppercase; border-bottom:2px solid #f47838; display:inline-block; padding-bottom:10px; font-weight:600;}

footer .footer-top h4 i{ color:#f47838;}

footer .footer-top ul li{ padding:10px 0; border-bottom: 1px solid #fff; color: #fff;}

footer .footer-top ul li a{ color:#fff; font-family: "Open Sans"; font-size:14px; text-decoration:none;}

footer .footer-top ul li.last { background: rgba(0, 0, 0, 0) url("img/others/in.png") no-repeat scroll 25px 3px;}

footer .footer-bottom{ background:#231f20; padding:10px 0; border-top:3px solid #0768b1;}

footer .footer-bottom p{ color:#525952; font-size:14px; font-family: "Open Sans"; margin:0;}

footer .footer-bottom a{ color:#525952; font-size:14px; font-family: "Open Sans"; margin:0;}

.footer-top ul li a i{ padding:0 5px; font-size:25px;}






/* inner pages */

.holder .about-side-bar{}

.holder .about-side-bar h4{color:#58585a; font-size:16px; font-family: "Open Sans"; font-weight:600; text-transform:uppercase; border-bottom:2px solid #f47838; padding-bottom:10px;}

.holder .about-side-bar h4 i{ color:#f47838;}

.holder .about-side-bar ul li{ padding:5px 0; border-bottom:1px solid #818285;}

.holder .about-side-bar ul li a{ color:#58585a; font-size:14px; font-family: "Open Sans"; text-decoration:none;}

.holder .about-side-bar ul li a:hover{ color:#f47838;}

.holder .about-side-bar ul .current-menu-item a{ color:#f47838;}

.holder .about-content h2{ color:#1469b3; font-size:30px; font-family: "Open Sans"; text-transform:capitalize; font-weight:600; margin-top: 1%;}

.holder .about-content p{ color:#58585a; font-size:14px; font-family: "Open Sans"; line-height:2; text-align: justify;}



.inner-banner .shadow { background: rgba(0, 0, 0, 0) url("img/others/shadow.png") no-repeat scroll center bottom;  padding-bottom: 37px;  background-size: 100%;}

.about-content {   padding-bottom: 50px;}

.about-content h4 { color: #F47838;}

.about-content ul li {color: #58585a;font-size: 14px;font-family: "Open Sans";line-height: 1.8;}

.rollborder { border: 2px solid rgb(88, 88, 90); width: 100%; padding: 2%;}

.rollborder h3 {color: #59595c; margin: auto;}

.navbar-right {margin-right: 36px;}

.inner-banner {    margin-top: -3.85%;}

a.btn-color {color: #F47838;font-size: 14px;font-family: "Open Sans";}

input.search-box1 {background-color: #0768B1; color: #fff;}

.about-content a { color: #F47838;}
.holder-content {padding: 2%;}
.rollborder h4 {color: #F47838;}
.inner-content{padding-bottom: 35px;}
.inner-content p {text-align: justify;color: #58585A;font-size: 14px;font-family: "Open Sans";line-height: 2;}
.search { width: 245px;  position: relative; }
.btn {height: 34px; position: absolute; right: 0; top: 0px; border-radius:4px; }
input.form-control.input-sm { height: 35px;}
.linkbutton {color: #F47838;}
.inner-content h4 {color: #F47838;}
.inner-content ul {color: #58585A; font-size: 14px; font-family: "Open Sans"; line-height: 2;}






/**/

@media (max-width: 1280px){

	header .header-top .top-call h5 { font-size: 25px;}

	header .mainmenu .navbar-nav li a { padding: 15px 32px;}

	.holder .service-holder { margin-top: -25px;}

	.holder .icon-holder h4 { font-size: 16px;}

	.client-list .list-inline > li { padding: 10px;}

}

@media (max-width: 1024px){
.col-sm-3 {padding-left: 10px !important;}

	header .header-top .top-call h5 { font-size: 18px;}

	header .mainmenu .navbar-nav li a { font-size: 13px; padding: 15px 13px;}

	.holder .service-holder { margin-top: -25px;  padding: 20px 0;}

	.holder .icon-holder h4 { font-size: 13px;}
	header .mainmenu .navbar-nav li a {padding: 15px 24px !important;}
	.search {width: 155px !important;}
	header .header-bottom {padding-bottom: 37px;}
	
}



@media (max-width: 768px) {
.col-sm-9 {width: 72%;}
.holder .about-side-bar ul li a {font-size: 12px;}

	.logo { /*display: inline;*/  text-align: center;}

	.top-search { padding: 0px 0px;}

	.holder .service-holder { margin-top: -25px;}

	header .header-bottom { padding-bottom: 29px;}

	.holder .product-holder h6 { line-height: 1.5;}
	header .mainmenu .navbar-nav li a {padding: 15px 10px !important;}
	.inner-banner .shadow {padding-bottom: 28px;}

}

@media (max-width: 640px) {
.top-search {padding: 10px;width: 28%; margin: 0px auto;}
.logo {display: inline;}
header .mainmenu .navbar-nav li a {padding: 15px 26px !important;}
.inner-banner .shadow {padding-bottom: 24px;}
header .header-bottom .carousel-content-panel {display: none;}
header .header-top .top-call h5 {width: 30%; margin: 0px auto;}
header .header-bottom {padding-bottom: 22px;}
}


@media (max-width: 568px) {
header .header-top .top-call h5 {  text-align: center;  width: 30%;}
}


@media (max-width: 480px) {
.inner-banner .shadow {padding-bottom: 18px;}
.top-search {width: 41%;}
header .header-top .top-call h5 {width: 36%;margin: 0px auto;}
header .header-bottom {padding-bottom: 18px;}
}

@media (max-width: 360px) {
.inner-banner .shadow {padding-bottom: 13px;}
header .header-top .top-call h5 {width: 47%; margin: 0px auto;}
.top-search {width: 52%;}
header .header-bottom {padding-bottom: 13px;}
}

@media (max-width: 320px) {
.inner-banner .shadow {padding-bottom: 10px;}
header .header-top .top-call h5 {width: 53%; margin: 0px auto;}
header .header-bottom {padding-bottom: 10px;}
}
