
/* #BASIC--------------*/

*{margin:0; padding:0;}

* {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box
}
a {
	transition:all .4s ease;
	-moz-transition:all .4s ease;
	-webkit-transition:all .4s ease;
	-o-transition:all .4s ease;
	-ms-transition:all .4s ease;
	color:#6b6b6b;
	}
	

img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}
	
img{border:none;}
li {list-style:none outside;}
h1{ font-size:34px;font-weight:900;}
h2 {font-size:30px; font-weight:300; text-transform:uppercase; }
h3{font-weight:400; font-size:20px;}
label{font-size:13px; color:#6b6b6b; }
h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom:20px; 
    margin-top: 0;
}
.title{ position:relative; margin-bottom:10px; margin-bottom:30px;}
.title h2 span{font-weight:700;}
input, label{ font-family: 'Open Sans', sans-serif; font-weight:400;}

#fixed{position:relative; z-index:1000;}
figure{margin-bottom:20px;}

a:focus, a, object, embed {outline: none;}

a:focus, a:hover {text-decoration: none;color: #0d4c86;}
:focus, :active {-moz-outline-style: none; outline:0 none !important;}
::-moz-focus-inner {border:0;}
ul, ol {margin: 0; padding: 0;}
ul, ol, li {list-style: none;}
p {margin: 0;}

.logo a{ font-weight:800; font-size:26px; display:block; color:#2c3e4f; margin-top:16px; text-transform:uppercase; }
.logo a span{ display:inline-block; color:#cb3f35;}

img{ max-width:100%; height:auto;}

.padd_Right0{padding-right:0;}
.padd_Left0{padding-left:0;}
.padd_Both{padding-left:0; padding-right:0;}

.padd_top50{padding-top:50px;}
.padd_btm50{padding-bottom:50px;}
.padd_both50{padding-top:50px; padding-bottom:50px;}
.padd_both40{padding-top:40px; padding-bottom:40px;}
.alignleft{float:left;}
.alignright{float:right;}



.menu_responsive{    
	color: #fff;
    display: none;
    font-size: 21px;
    font-weight: bold;
    line-height: 28px;
    margin-top: 5px;
    padding: 10px 0 10px 15px;
    text-transform: uppercase;
}
.readbtn{ width:122px; height:45px; text-align:center; background:#e54d42; line-height:45px; display:inline-block; color:#fff;
margin-top:20px;
}
.readbtn:hover, .readbtn:focus{background:#cb3f35; color:#fff; }


body {font-size:14px; line-height:22px; ont-family: 'Open Sans', sans-serif; color:#555555;  }
input{border:none;}
:focus{ outline:none;}
::placeholder{ color:#73b8ff;}

/*header part*/
header{background:url(../images/header_bg.jpg) no-repeat left top; width:100%; background-size:cover;}

.top_bar{min-height:40px; font-size:13px; background:#2c3e4f; color:#8aa6c1; }
.top_bar a{color:#8aa6c1;}
.top_bar .left{}
.top_bar .left ul li{display:inline-block; line-height:40px;  padding: 0 12px; }

.top_bar .left ul li:first-child{padding-left:0;}

.top_bar .left ul li span{ font-size:16px; margin-right:10px;}


.top_bar .right{float:right; line-height:40px; width: 44%;}
.top_bar .right ul{float:left;}
.top_bar .right ul li span{margin-right:10px;}
.top_bar .right .social_media{font-size:18px;}
.social_meida a { margin-left:5px; display:inline-block; width:25px; height:25px;}
.social_meida a span{ display:block; height:100%; text-align:center; line-height:25px; color:#fff;}
.social_meida a:hover span.fa-facebook{background:#537bbd;}
.social_meida a:hover span.fa-twitter{background:#78cdf0;}
.social_meida a:hover span.fa-google-plus{background:#f5564b;}



.middle{padding:14px 0;}

.middle_right{margin-top:20px;}
.middle_right  .search{float:left; border:1px solid #d9d9d9; padding:4px;}
.middle_right  .search .fa-search{color:#8b8b8b; position:relative; left:-6px;}
.middle_right .search input[type="submit"]{ left: 18px; background:transparent; position: relative;text-indent: -9999px; width: 30px;}

/*header part end*/

/*nav part start*/

/*mega menu*/
.dropdown-menu{border:none; box-shadow:none; background-color:#e54d42; padding:0; border-radius:0 !important;}
.dropdown-menu > li > a{color:#fff; padding:6px 20px;}
.dropdown-menu  > li { border-bottom: 1px solid #f5564b;}
.navbar{min-height:50px !important;}
.navbar-default .navbar-toggle .icon-bar {background-color: #ddd;}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #cb3f35 ;
}
.navbar-default .navbar-toggle:hover{border-color:#cb3f35 ;}
.navbar-nav > li > a{ font-size:14px; line-height:50px;   padding: 0 13px !important;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:transparent;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin-left:-15px; margin-right:-15px;}
.navbar{background:transparent !important; margin-bottom:0; border:none; border-radius: 0;}
.navbar-inverse{background-color:transparent !important; border-color:transparent !important;}

.navbar-default .navbar-nav > li > a{border-bottom:transparent;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#5e5e5e;

border-bottom:1px solid #e54d42;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background-color:#f5564b; color:#fff;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent !important;
	border-bottom:1px solid #e54d42;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{ background-color: transparent !important;
    border-color: #6aca00 !important; color:inherit !important;}
	


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-menu{left:0; right:inherit;}
.nav li:hover > .dropdown-menu{display:block;}
/*mega menu*/

/*nav part end*/

/*banner*/
.tp-bannertimer{height:1px !important; background:#4f5265 !important;}
.tp-caption.modern_big_redbg {background-color:rgba(44, 62, 79, 0.8); text-transform:uppercase;
 padding:0 20px; font-weight:800; min-height:67px; line-height:67px; font-size:30px; width:453px;}
.tp-caption.modern_m_bluebg {background-color:rgba(229, 77, 66, 0.5); padding:0 20px; font-weight:800; width:453px; min-height:57px; line-height:67px; font-size:30px; text-transform:uppercase;}
.modern_m_bluebg_text{color:#fff; text-align:right;}
.modern_m_bluebg_text a{display:inline-block; background:#e54d42; color:#fff; width:123px; height:46px; line-height:46px;
text-align:center;}
.modern_m_bluebg_text a:hover{background:#c13e35; color:#fff;}
.tp-rightarrow.default{ background:url(../images/right_arrow.png) no-repeat left top; height:52px; width:52px; display:inline-block; right:30px !important}
.tp-leftarrow.default{ background:url(../images/left_arrow.png) no-repeat left top; height:52px; width:52px; display:inline-block; left:30px !important;}

/*banner*/




/*testimonials*/
.carousel-control.left, .carousel-control.right{background-image:none;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{
top:230px !important;}
.carousel-control .icon-prev, .carousel-control .fa-long-arrow-left{ left:530px; position: absolute; top:220px;  }
.carousel-control .icon-next, .carousel-control .fa-long-arrow-right{position: absolute; top:220px;
right: 530px;}
.carousel-control span{display:inline-block; background:#e54d42;
border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; width:35px; height:35px; color:#fff; box-shadow:none;
line-height:35px;}
.carousel-inner .thumbnail{border:none;}

/*welcome*/
.welcome{}
.welcome_holder{ text-align:center; padding-bottom:70px;}
.welcome .title h2{text-align:center;}
.service_block{ text-align:center;}
.service_block  h3{font-size:18px; font-weight:bold; color:#555555;}


/*help*/
.help {background:url(../images/help_bg.jpg) no-repeat center top; height:408px;}
.help_holder{}
.help_holder .title{margin-bottom:20px;}
.help_support{font-size:18px; line-height:27px; }
.help_block{border:2px solid #e54d42; text-align:center; padding:20px; background:none;}


/*awarness*/
.awarness{}
.awarness_holder{}
.awarness_holder h3{font-size:22px; font-weight:bold;}

/*project*/
.project{ background:#2c3e4f;}
.project h2{color:#fff;}
.project_img_holder{position:relative;}
.project_img_holder  figure{border:5px solid #fff;}
.project_img_holder .price{position:absolute; width:144px; height:53px; line-height:53px; background:#e54d42; text-align:center;
color:#fff; right:5px; bottom:5px;}
.project_list figure{margin-bottom:30px;}
.project_list h3{font-weight:bold; color:#fff;}
.project_list p{color:#708fac;}


/*testimonials*/
.testimonials{ padding-top:50px; padding-bottom:80px;}
.testimonial_thumb figure{border:3px solid #e1e1e1; display:inline-block; margin-bottom:10px;}
.testimonial_thumb p{font-weight:bold; text-align:center;}
.testimonial_text{width:75%;}
.testimonial_text span.fa-quote-left{margin-right:20px; font-size:20px;}

/*footer start*/

footer{width:100%; background:#313a3f url(../images/footer_bg.png) no-repeat center bottom; padding:30px 0; position:relative; 
color:#8c969b; font-size:13px;}
.footer_img{background:url(../images/footer_bg.png) no-repeat center top; background-size:cover;
position:absolute; top:-197px; left:0; width:100%; height:197px;}
footer a{color:#8c969b;}
footer h3{color:#fff; padding-bottom:10px;  
border-bottom:1px solid #3d4950;
font-weight:300; font-size:22px; font-weight:normal;}

footer ul li a:hover{text-decoration:underline; color:#fff;}


.help_col{}
.help_col li{line-height:18px;}
.help_col li a{display:block;}
.help_col li a:hover{text-decoration:none; padding-left:5px; }



.footer_col .address li span{ margin-right:10px; }


.footer_column li{margin-bottom:10px;}
.address li{ margin-bottom:3px;}

.footer_social_media a{display:inline-block; margin-right:6px;}

.design a span{color:#ff5500;}
.design a span:hover{text-decoration:underline;}

.footer_last .container{ border-top:1px  solid #3d4950; padding-top:20px; font-size:13px; margin-top:56px; text-align:center;}

.footer_social_media{margin-top:15px;}
.affiliated{margin-top:20px;}
.affiliated a{display:inline-block; margin-right:10px;}
.footer_social_media p.connect_, .affiliated p.connect_{text-transform:uppercase; font-size:14px; margin-bottom:10px;}
.footer_social_media .fa{color:#fff; text-align:center; height:30px; width:30px; line-height:30px; font-size:14px; margin-right:5px;}
.footer_social_media a:hover{text-decoration:none;}
.footer_social_media .fa-facebook{background:#3b5998;}
.footer_social_media .fa-twitter{background:#28a9e0;}
.footer_social_media .fa-google-plus{background:#da4835;}
.footer_social_media .fa-linkedin{background:#007fb2;}


/* #Medai Queries for responsiveness---- */
@media(max-width: 1200px){ 

}


@media(max-width: 992px){ 



}

@media screen and (max-width: 768px) {


}


@media screen and (max-width: 767px) {
h2{font-size:20px;}
.pull-right{float:none !important;}
.pull-left{float:none !important;}
.top_bar .right{ float:none; width:100%; line-height:normal; margin-bottom:10px;}

.menu_responsive{ display:inline-block;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;}
.dropdown-menu{min-width:100%;}


.padd_both50{padding-top:20px; padding-bottom:20px;}
.help{background:none; height:auto;}
.project_img_holder figure img{width:100%;}
.tp-caption{display:none;}
.navbar-nav .open .dropdown-menu{ background-color:#e54d42;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
	color:#b5c3ff;
}
.project_list{margin-bottom:20px;}
.carousel-control .icon-prev, .carousel-control .fa-long-arrow-left{left:100%; top:100%;}
.carousel-control .icon-next, .carousel-control .fa-long-arrow-right{ right:100%; top:100%;}
.help_block {margin-top:20px;}
.logo a{line-height:29px; font-size:24px;}
}

@media (max-width:600px){

}

@media(max-width: 500px){
}
@media(max-width: 480px){
.carousel-control .icon-next, .carousel-control .fa-long-arrow-right{right:170px;}
.carousel-control .icon-prev, .carousel-control .fa-long-arrow-left{left:170px;}

}
@media(max-width: 450px){

}


@media (max-width: 425px){

}

@media(max-width: 360px){


}
@media(max-width: 320px){
.carousel-control .icon-next, .carousel-control .fa-long-arrow-right{right:100px;}
.carousel-control .icon-prev, .carousel-control .fa-long-arrow-left{left:100px;}
}



