@charset "utf-8";
/* CSS Document */
/*Table of Content

-body
-.topbar
    -.social_top

-header
    -.header_top
        -.company_info
    -.navbar-sticky
        -.attr-nav
        -.navbar-menu

-.rev_slider_wrapper

-#about
    -.about_box
        -.effect
    -.priorty
        -.about_post

-#features
    -.work-filter
    -.gallery
    -.zerogrid
        -.work-item
            -.item-container
                -.image
                -.overlay


-#facts
    -.number-counters
        -.counters-item

-#wedo
    -.slider_wrapper
        -.do-slider
            -.item
                -.content_wrap

-#reviews
    -#review-slider
        -.client_name

-#parallax
-.parallax

-#news
    -#news-slider
        -.news_box
            -.comment

-.page_header
    -.page_nav

-.about_feature
    -.icon

-#history
    -.history_wrap

-#counter

-#ourstudio
    -.studio
        -.block_left
        -.block_right

-#director
    -.director-slider

-.error

-#blog
    -.blog_item
        -.blog_share
        -.blog_newest
        -.blog-reply
    -.findus
    -.pager_nav
        -.pagination
    -.sidebar
        -.widget
        -.widget_search
        -.category
        -.tags

-#contact
    -.contact_address
        -.address
-#map_canvas

-#faq
    -.faq_content
        -.items
            -.sub_items

-#pricing
    -.price_table
        -.plan
            -.price

-#projects
    -#service-slider

-#service

-#shop
    -.shopping_box
        -.shop_content
            -.price_product
    -.shop_info
        -.quote
        -.tag_cate
        -.share
    -.shop_tab
        -.tabs
        -.tab_container
            -.tab_content
                -.commentlist
                    -.avator
                    -.comment-content
                -.rating
                -.review-form
    -.related_pro
    -.cart_table
        -.table-responsive
            -.product-name
    -.apply_coupon
        -.coupon
    -.totals
        -.total_form
            -.select

-#testinomila_page
    -.js-grid-masonry
    -.cbp
        -.cbp-item
            -.cbp-caption-defaultWrap
                -.testinomial_wrap
                    -.testinomial_text
                        -.testinomial_pic
                            -.color
                            -.post_img

-footer
-.footer_panel
-.copyright


*/

/* Fonts 
@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto-black-webfont.woff2') format('woff2'),
         url('../fonts/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/
.animated{ opacity:1 !important;}
.animate{ opacity:0;}

/*EmailSubscribe*/


/*General Styling*/

body{
    padding:0;
    margin:0;
    color:#0f0f0f;
    overflow-x: hidden;
    font-family: 'Oxygen', sans-serif;

}
body,html{
    height:100%;
    width:100%;
    font-size:100%;
    position: relative;
}
/*Share Common Font Family*/
h2, h3,h4,
nav.navbar.bootsnav ul.nav > li > a, nav.bootsnav .megamenu-content .title,
header ul.company_info li > strong, .number-counters .counters-item strong,
#review-slider .client_name, .parallax h1, #parallax a, .widget ul.badge_list li strong, .single_post a, .shopping_box .shop_content .price_product,
.shop_info .price_product, .shop_tab .tabs li, .cart_table .table-responsive  thead  tr > th, .items > li > a, #pricing .price_table .price p{
font-family: 'Oxygen', sans-serif;
}
h1, .btn-dark, .btn-light,  .content_wrap .news_box a.readmore, .btn-common, .blog-reply .reply, #error .error h1{
     font-family: 'Oxygen', sans-serif;
}

ol, ul{
    margin:0;
    padding:0;
    list-style:none;
}
::-webkit-input-placeholder, .form-control::-webkit-input-placeholder{
   color:#545454;
}
:-moz-placeholder, .form-control:-moz-placeholder{ /* Firefox 18- */
   color:#545454;
}
::-moz-placeholder, .form-control::-moz-placeholder{  /* Firefox 19+ */
   color:#545454;
}
:-ms-input-placeholder, .form-control:-ms-input-placeholder{
   color:#545454;
}
textarea::-webkit-input-placeholder {
   color:#545454;
    opacity:1;
}
textarea:-moz-placeholder {
   color:#545454;
    opacity:1;
}
textarea::-moz-placeholder {
   color:#545454;
    opacity:1;
}
textarea:-ms-input-placeholder {
   color:#545454;
    opacity:1;
}
textarea{
    resize:none;
    box-shadow:0 0;
}
label {
    font-weight:normal;
    margin:0;
}

.form-control{
    box-shadow:0 0;
}
.form-control:focus, textarea:focus{
  border-color: #002e5b;
  box-shadow: 0 0;
}
a{
    color: inherit;
}
a, a:hover, a:focus{
    outline:none;
    text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
    margin:0;
}
h1{
    font-size:48px;
}

h2{
    font-size:32px;
}

h3{
    font-size:24px;
}
h4{
    font-size:18px;
}
p{
    font-size:16px;
    font-family: 'Oxygen', sans-serif; 
    line-height:1.60;
    
}

.padding-about{
padding-top:20px;
padding-bottom:80px;
}
.happy{
   padding-bottom:20px;
}
.padding{
    padding-bottom:30px;
    padding-top:30px;
}
.testmonial{
 padding-top: 30px;
 padding-bottom: 30px;
}
.padding-top{
    padding-top:90px;
}
.padding-top2{
    padding-top: 300px;
}
.padding-top3{
	padding-top:80px;
	}
.padding-top4{
	padding: 40px 40px 40px 40px;	
}
.padding-smr{
    padding-top: 600px;
}
.padding-gallery{
    padding: 50px;
    padding-left: 50px;
}
.padding-bottom{
    padding-bottom:90px;
}
.padding-bottom-half{
    padding-bottom:45px;
}
.heading_space {
  margin-bottom: 45px;
}
.half_space{
    margin-bottom:25px;
}
.heading_top{
    margin-top:25px;
}
.margin_tophalf{
    margin-top:45px;
}
.margin10{
    margin-top:15px;
}
.margin_top{
    margin-top:90px;
}
.space_50{
    margin-bottom:45px;
}
.blue_dark{
    background:#002040;
}
.blue_light{
    background:#002e5b;
}
.bg_grey{
    background-color:#ebeff2;
}
.color{
    color:#ffb600;
}
.bg_blue{
    background-color:#0798bc;
}
.border-radius{
    border-radius:5px;
}
.heading{
    border-bottom:1px solid #dadada;
    display:inline-block;
}
.heading .divider-left, .heading .divider-center{
    height:4px;
    width:70px;
    background:#0c4da2;
    display: block;
}
.heading .divider-left {
  margin: 10px 0 -2px;
}
.heading .divider-center{
    margin:10px auto -2px;
}

/* Button */
.btn-dark, .btn-light{
    border:1px solid transparent;
}
.btn-dark, .btn-light, #parallax a{
    color:#fff;
}

.btn-dark, .btn-light, #parallax a, .btn-common{
    padding:10px 30px;
    display: inline-block;
    font-size:13px;
    text-transform:uppercase;
    position:relative;
    z-index:1;
    overflow:hidden;
}
.btn-common{
    color:#0f0f0f;
    border:1px solid #0f0f0f;
}
.btn-dark{
    background:#002e5b;
}
.btn-light{
    background:#0c4da2;
}





/*Diagonal Hover Style*/
.btn-diagonal{
  color: #68506b;
  transition:all ease .5s;
  position:relative;
  overflow:hidden;
  z-index:1;
}
.btn-diagonal:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: #2e1d31 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  z-index: -1;
  transition:all ease .5s;
}
.btn-diagonal:hover {
  color: #d3ccd4;
  border:1px solid transparent;
}
.btn-diagonal:hover::after {
  border-width: 190px 190px 0 0;
}
.btn-diagonal:active {
  background: #4d3151;
}


/*Button Hover*/
.button-hover, .button-yellow, .button-black,
#do-slider .owl-prev, #do-slider .owl-next,
#news-slider .owl-prev, #news-slider .owl-next,
#director-slider .owl-prev , #director-slider .owl-next{
    -webkit-transition: border-color 0.4s, color 0.4s;
    -ms-transition: border-color 0.4s, color 0.4s;
    -o-transition: border-color 0.4s, color 0.4s;
    -moz-transition: border-color 0.4s, color 0.4s;
    transition: border-color 0.4s, color 0.4s;
    z-index:1;
}
.button-yellow:before{
    background: #ffb600;
}
.button-yellow:hover, .button-yellow:focus{
    color: #fff;
    border-color:#ffb600;
}
.button-black:before{
    background:#000;
}
.button-black:hover, .button-black:focus{
    color: #fff;
    border-color:#000;
}
.button-hover:before,
#do-slider .owl-prev:before, #do-slider .owl-next:before,
#news-slider .owl-prev:before, #news-slider .owl-next:before,
#director-slider .owl-prev:before, #director-slider .owl-next:before{
    background: #002e5b;
}

.button-hover:before, .button-yellow:before, .button-black:before,
#do-slider .owl-prev:before, #do-slider .owl-next:before,
#news-slider .owl-prev:before, #news-slider .owl-next:before,
#director-slider .owl-prev:before, #director-slider .owl-next:before{
    content: '';
    position: absolute;
    border-radius:4px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -moz-transform: scale3d(0.7, 1, 1);
    -ms-transform: scale3d(0.7, 1, 1);
    -o-transform: scale3d(0.7, 1, 1);
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -transition: transform 0.4s, opacity 0.4s;
    -ms-transition: transform 0.4s, opacity 0.4s;
    -o-transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}
.button-hover, .button-hover:before, .button-yellow, .button-yellow:before, .button-black:before, .button-black,
#do-slider .owl-prev, #do-slider .owl-prev:before, #do-slider .owl-next, #do-slider .owl-next:before,
#news-slider .owl-prev, #news-slider .owl-prev:before,  #news-slider .owl-next,  #news-slider .owl-next:before,
#director-slider .owl-prev, #director-slider .owl-prev:before, #director-slider .owl-next, #director-slider .owl-next:before{
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button-hover:hover, .button-hover:focus,
#do-slider .owl-prev:hover, #do-slider .owl-next:hover, #do-slider .owl-prev:focus, #do-slider .owl-next:focus,
#news-slider .owl-prev:hover, #news-slider .owl-next:hover, #news-slider .owl-prev:focus, #news-slider .owl-next:focus,
#director-slider .owl-prev:hover, #director-slider .owl-prev:focus, #director-slider .owl-next:hover, #director-slider .owl-next:focus{
    color: #fff;
    border-color:#002e5b;
}
.button-hover:hover::before,  .button-hover:focus::before, .button-yellow:hover::before, .button-yellow:focus::before,
.button-black:hover::before, .button-black:focus::before,
#do-slider .owl-prev:hover::before, #do-slider .owl-next:hover:before, #do-slider .owl-prev:focus::before, #do-slider .owl-next:focus:before,
#news-slider .owl-prev:hover::before, #news-slider .owl-next:hover::before, #news-slider .owl-prev:focus::before, #news-slider .owl-next:focus::before,
#director-slider .owl-prev:hover::before, #director-slider .owl-prev:focus::before,
#director-slider .owl-next:hover::before, #director-slider .owl-next:focus::before{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}




/* ---------- WIDGET ---------- */
aside.sidebar{
    padding:15px;
}
ul.links{}
ul.links li {
  display: inline-block;
  width: 49%;

}
ul.links li a {
  color: #ffffff;
  font-size: 14px;
  margin-bottom:15px;
  margin-left: 15px;
  display:block;
}
ul.links li a > i {
  display: inline-table;
  margin-right: 5px;
  vertical-align: middle;
  width: 10px;
  margin-left: -15px;
}
ul.links li a:hover, ul.links li a:focus{
    color:#0c4da2;
}
ul.social_icon{
}
ul.social_icon li{
    display:inline-block;
}



ul.social_icon li a {
  color: #0f0f0f;
  display: block;
  font-size:18px;
  height:40px;
  line-height: 42px;
  text-align: center;
  width:40px;
  border-radius:4px;
  position:relative;
  z-index:1;
    box-shadow: inset 0 0 0 1px #7c7c7c;
}

ul.social_icon li a.facebook:after{
  background:#3b5998 ;
}
ul.social_icon li a.twitter:after{
  background:#00aced;
}
ul.social_icon li a.linkedin:after{
  background:#0077B5;
}
ul.social_icon li a.instagram:after{
  background:#517fa4;
}
ul.social_icon li a.google:after{
  background:#d34836;
}
ul.social_icon li a:after{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background:#f7c51e;
  transition:.4s;
  border-radius:4px;
  opacity: 0;
  transform: scale(1.3);
  color:#fff;
  z-index:-1;
}

ul.social_icon li a:hover:after {
  transform: scale(1);
  opacity: 1;
}
ul.social_icon li a:hover {
  color:#fff;
}

.widget p.address > i {
  display: inline-block;
  font-size: 20px;
  margin-right: 5px;
  vertical-align: bottom;
}
.widget ul.badge_list{ padding:20px 15px;}
.widget ul.badge_list li{ margin-left:30px; margin-bottom:25px;}
.widget ul.badge_list li:last-child{
    margin-bottom:0;
}
.widget ul.badge_list li > .badge {
  background: #0c4da2;
  border-radius: 50%;
  font-size: 18px;
  font-weight: normal;
  height: 30px;
  line-height: normal;
  padding:2px;
  width: 30px;
  margin:0 5px -10px -30px;
}
.widget ul.badge_list li strong {
  display: block;
  line-height:normal;
  margin-left: 5px;
}
.widget .tags > li{
    display:inline-block;
}
.widget .tags > li a {
  border: 1px solid #797979;
  color: #343434;
  display: block;
  font-size: 13px;
  margin-bottom: 2px;
  padding: 5px 9px;
  background:#fff;
}
.widget .tags > li a:hover, .widget .tags > li a:focus{
    background:#ffb600;
    border-color:#ffb600;
    color: #fff;
}
ul.comment{}
ul.comment li{
    display:inline-block;
    margin-left:15px;
}
ul.comment li:first-child{
    margin-left:0;
}
ul.comment li a{
    color:#555555;
    font-size:12px;
    display:block;
}
ul.comment li a > i{
    font-size:16px;
}
.widget_search{
    background:#d8dadb;
    padding:5px;
    width:100%;
}
.widget_search .form-control{
    height:42px;
}
.widget_search .input-group-addon {
  background: #ffb600;
  border: medium none;
  border-radius: 0;
  color: #fff;
  font-size: 24px;
  margin: 5px;
  padding: 0 5px;
  cursor: pointer;
}
.category > li{
    margin-bottom:20px;
}
.category > li:last-child{
    margin-bottom:0;
}
.category > li a{
    display:block;
}
.category > li a:before{
    background:#ffb600;
    content:'';
    display:inline-table;
    height:2px;
    width:5px;
    margin-right:5px;
    vertical-align:middle;
}
.category > li a:hover, .category > li a:focus, .single_post a:hover,.single_post a:focus{
    color:#ffb600;
}
.single_post{
    overflow:hidden;
}
.single_post p{
    margin-bottom:0;
}
.single_post > img {
  display: table-cell;
  float: left;
  margin-right: 10px;
  vertical-align: middle;
}


.scrollToTop{
  width:32px;
  height:32px;
  border-radius:4px;
  text-align:center;
  font-weight: bold;
  line-height:26px;
  font-size:25px;
  color: #fff;
  position:fixed;
  z-index:1000;
  bottom:16px;
  right:40px;
  display:none;
  background:#0c4da2;
}
.scrollToTop:hover, .scrollToTop:focus{
    background:#0c4da2;
    color: #fff;
}


.scrollToTop, .category > li a, .widget .tags > li a,
.attr-nav > ul > li > a,
nav.navbar.bootsnav ul.nav > li > a:before, nav.navbar ul.nav li.dropdown.on > a:before,
.tparrows, #director-slider .post,
.content_wrap .image > img,
.items > li > a:hover,  .items > li > a.expanded,
 ul.tabs li, .shop_tab .tabs li,
.overlay, .overlay .overlay-inner, .overlay .overlay-inner a,
#pricing .price_table, #pricing .price_table .plan, #pricing .price_table .price,
.about_box:hover, .about_box img,
ul.social_icon li a,
.work-filter li a:before,
input[type="submit"]{
  -moz-transition:all .3s ease;
  -ms-transition:all .3s ease;
  -o-transition:all .3s ease;
 -webkit-transition:all .3s ease;
}



/* ----------- TOPBAR ------------*/
.topbar{
    color:#fff;
}
.topbar p{ font-size:14px; margin:5px 0;}
.topbar ul.social_top{
    text-align:right;
    display:block;
}
.topbar ul.social_top li{
    display:inline-block;
}
.topbar ul.social_top li:first-child a{
    /*border-left:1px solid #ffffff;*/
}
.topbar ul.social_top li a{
    display:block;
    font-size:16px;
    line-height:20px;
    padding:5px;
    width:30px;
    height:28px;
    text-align:center;
    /*border-right:1px solid #ffffff;*/
}
.topbar ul.social_top li a:hover, .topbar ul.social_top li a:focus{
    color:#0c4da2;
    background:#ffffff;
    border-color:#ffffff;
}


/* ------------ HEADER ------------- */
header{
  background:#05599e
}
header ul.company_info {
  float: right;
}
header ul.company_info li{
    display:inline-block;
    font-size:14px;
    color:#fff;
    line-height:23px;
    margin: 26px 30px;
}
header ul.company_info li:last-child{
    margin-right:0;
}
header ul.company_info li > i {
  display: inline;
  float: left;
  font-size: 25px;
  line-height: 46px;
  margin-left: -30px;
  margin-right: 0;
  vertical-align: middle;
  width: 30px;
}
header ul.company_info li > strong{
    display:table;
}


/*Navigation*/
nav.navbar.bootsnav{
  background-color: #ffffff;
  z-index:999;
   border: none;
    box-shadow:0 3px 3px -3px rgba(0,0,0,.35);

}
nav.navbar.bootsnav ul.nav > li {
    margin:0 15px;
}
nav.navbar.bootsnav ul.nav > li > a{
  color: #002040;
  font-size: 14px;
  font-weight: bolder;
  padding:20px 0;
  text-transform:uppercase;
  position:relative;
  border-top:none;
}
nav.navbar.bootsnav .navbar-nav > li > a {
  border:none !important;
}
nav.navbar.bootsnav ul.nav > li > a:before,
nav.navbar ul.nav li.dropdown.on > a:before{
    content:'';
    height:4px;
    width:0;
    background:#002e5b;
    position:absolute;
    top:0;
    left: 50%;
   right: 50%;

}
nav.navbar.bootsnav ul.nav > li > a:hover::before, nav.navbar.bootsnav ul.nav > li.active > a:before,
nav.navbar ul.nav li.dropdown.on > a:before{
    width:100%;
    left:0;
    right:0;

}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
    border-top-color:#002e5b;
}
nav.bootsnav .megamenu-content .title{
    font-size:16px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
  color: #0f0f0f;
  font-size: 12px;
}
nav.navbar.bootsnav .navbar-brand {
  display: inline-block;
  float: left !important;
  height: auto;
  margin-left: 0;
  padding: 4px  0;
  width: 134px;
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:hover, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:focus,
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:focus{
  color:#002E5B;
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a,
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{
  color: #0f0f0f;
  border-bottom-color:rgba(15,15,15,.35);
}

nav.navbar.bootsnav.menu-center .attr-nav {
  right: 15px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.attr-nav > ul > li > a {
  color: #002040;
  display: block;
  padding:0 !important;
  height:28px;
  width:28px;
  border-radius:50%;
  font-size:15px;
  line-height:28px;
  text-align:center;
}
.attr-nav > ul > li > a:hover, .attr-nav > ul > li > a:focus{
  color: #0c4da2;
  background:#fff;
}
nav.navbar.bootsnav.no-full .navbar-collapse.in {
  min-height:280px !important;
}

/*REvolution Slider*/



p.banner_title{
    font-size:18px !important;
}
#rev_slider a{
    display:inline-block;
    margin:5px;
    font-size:15px;
}
/*arrows Slider*/
.tparrows{
  background:#0c4da2 !important;
  -webkit-border-radius:100%;
  border-radius:4px;
  transform:none;
  position:absolute;
  right:0;
}
.tparrows::before {
  color: #fff;
  display: block;
  font-family:'FontAwesome';
  font-size: 25px;
  line-height: 40px;
  text-align: center;
}
.tparrows.tp-leftarrow:before {
  content: "\f104";
}
.tparrows.tp-rightarrow:before {
  content: "\f105";
}
.tp-leftarrow, .tp-rightarrow{
    margin:5px;
}
.tparrows.tp-leftarrow:hover, .tparrows.tp-rightarrow:hover,
.tparrows.tp-leftarrow:focus, .tparrows.tp-rightarrow:focus{
    background:#002e5b !important;
}
.tparrows:hover::before, .tparrows:focus::before{
    color: #fff;
}


/* ----- ABout US ----- */
#about{}
#about .about_box{
    color:#fff;
    overflow:hidden;
    position:relative;
    top:-10px;
    z-index:100;
   cursor:pointer;
}
.about_box:before {
  background: rgba(255, 255, 255, 0.2);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);
  -moz-transition: transform 0.7s ease 0.1s;
  -ms-transition: transform 0.7s ease 0.1s;
  -o-transition: transform 0.7s ease 0.1s;
  -webkit-transition: transform 0.7s ease 0.1s;
  transition: transform 0.7s ease 0.1s;
  width: 100%;
  z-index:101;
}
.about_box:hover::before {
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);
}
.about_box.active{
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}
.about_box:hover img{
    transform: scale(1.1);
}
#about .about_box img.detail{
    position:relative;
    width:100%;
}
#about .about_box .effect{
    position:absolute;
    width:100%;
    top:50%;
    padding:15px;
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
#about .about_box .effect > img{
    max-width:100px;
    margin-bottom:15px;
}
#about .priorty .about-post,
.contact_address .address{
  margin-top:15px;
  overflow: hidden;
}
#about .priorty .about-post a,
.contact_address .address .icon{
  background:#eaeaea;
  display: inline-block;
  float: left;
  height: 60px;
  width: 64px;
  text-align: center;
  font-size:35px;
}
#about .priorty .about-post a > img{
  display: inline-block;
}
#about .priorty .about-post h4, #about .priorty .about-post p{
    color: #0f0f0f;
}
#about .priorty .about-post h4, .contact_address .address h4{
  margin:10px 0 0 80px;
}
#about .priorty .about-post p, .contact_address .address p{
  display: block;
  margin: 0 0 0 80px;
}


/* ----- Feature Work ----- */
#features{
    background:url(../images/parallax1.html) no-repeat;
    background-size:cover;
    color:#fff;
    background-color:#002e5b;
}


.work-filter{}
.work-filter li{
    display:inline-block;
    margin:0 10px;
}
.work-filter li a{
    font-size:18px;
   position: relative;
   padding:5px 0;
   display:block;
    color:#fff;
}
.work-filter li a:before{
    content:'';
    height:1px;
    width:0;
    background:#ffb600;
    position:absolute;
    bottom:0;
    left: 50%;
   right: 50%;
}
.work-filter li a:hover::before, .work-filter li a.active:before{
    width:100%;
    left:0;
    right:0;

}
.work-filter li a:hover, .work-filter li a.active,
#projects .work-filter li a:hover, #projects .work-filter li a.active{
  color:#ffb600;
}

/* ---------------------- Featured Property ---------------------- */
#feature_property{}
#feature_property .feature_item{
    border:1px solid #e5e5e5;
}
.feature_item{
    background:#fff;
}
.feature_item .price{
    display:inline-block;
    z-index:1;
    position:absolute;
    padding:5px 15px;
    bottom:0;
    right:0;
    color:#fff;
    font-size:15px;
    background:#1f3f81;
}
.property_item .price.lighter .tag, .property_item .price.lighter{ background:#ffd119; color:#212121;}

 .feature_item .btn-more, #agents .agent_item .btn-more{
    margin-top:15px;
}
.feature_list > li{
    color:#676767;
    font-size:15px;
    margin-bottom:10px;
}
.feature_list > li::before {
  background: #1F3F81;
  content: "";
  display: inline-block;
  height: 8px;
  margin-right: 5px;
  vertical-align: middle;
  width: 8px;
}
.feature3 .property_meta span > i {
  display: inline;
  font-size:19px;
  margin-right: 2px;
  vertical-align: middle;
}
.feature_main{
    position:relative;
    height:100%;
    width:100%;
}
.feature_main .bottom{
    background:#1f1f1f;
}
.feature_main .bottom span, .feature_main .bottom h4 {
  color: #fff;
  display: table-cell;
  padding: 10px;
}
.feature_main .bottom span{
    background:#FFD119;
    color:#191919;
    font-size:14px;
}
.feature_main .bottom h4{
}
#feature_property .property_meta > span{
    text-align:left;
}
/* ---------------------- Featured Property ends ---------------------- */
.image{
    -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.image :hover img{

    -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/* ----- Fun Facts ----- */
#facts{}
.number-counters{}
.number-counters .counters-item{
    margin-bottom:70px;
    text-align:center;
}
.number-counters .counters-item i{
    color:#0c4da2;
    display: block;
    font-size:50px;
    margin-bottom:10px;
}
.number-counters .counters-item strong {
  font-size: 48px;
  line-height: 48px;
}
.number-counters .counters-item p{
    font-size:18px;
}
#facts .fact-image{
    width:100%;
}


/* ----- What WE Do ----- */
#wedo{}
.slider_wrapper{
    margin-left:-15px;
    margin-right:-15px;
}
#do-slider .content_wrap .image{ margin-bottom:20px;}
#do-slider .item,
#news-slider .item, #director-slider .item{
    padding:0 15px;
}
#news-slider .item:hover h4 > a, #do-slider .item:hover h3 > a{
    color:#0c4da2;
}
#do-slider .owl-prev, #do-slider .owl-next,
#news-slider .owl-prev, #news-slider .owl-next,
#director-slider .owl-prev, #director-slider .owl-next{
  background:#fff;
  border: 1px solid #b1bec7;
  border-radius: 5px;
  color:#555555;
  font-size: 20px;
  height: 36px;
  line-height: 36px;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-align: center;
  top: -88px;
  width: 36px;
  overflow:hidden;
  z-index:1;
}
#do-slider .owl-prev, #news-slider .owl-prev, #director-slider .owl-prev{
    right:60px;
}
#do-slider .owl-next, #news-slider .owl-next,
#director-slider .owl-next{
    right:15px;
}
.content_wrap{ padding-bottom:1px;}
.content_wrap .image{
    margin-bottom:20px;
    position:relative;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
}
.content_wrap:hover .image > img{
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    transition: all .5s  ease .2s;
}
.content_wrap .image > img,  .image > img{
    width:100%;
    
}
.content_wrap h3{
    margin-bottom:10px;
}


/* ----- Customers Review  ----- */
#review-slider{ position:relative;}
#review-slider:before{
    content:url(../images/quoteLeft.png);
    left:0;
}
#review-slider:after{
    content:url(../images/quoteRight.png);
    right:0;
}
#review-slider:before, #review-slider:after{
    position:absolute;
    display:inline-block;
    top:50%;
    margin-top:30px;
}
#review-slider .client_name{
    font-size:18px;
    color:#0c4da2;
}
#review-slider p{
    margin:0 10%;
}
#review-slider img.client_pic{
    border:3px solid #d4dfe8;
    margin:25px 0;
}

#review-slider .owl-page{
}
#review-slider .owl-page span{
    position:relative;
    background:#7f7f7f;
    opacity:1;
    border-radius:4px;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
}
#review-slider .owl-page span:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    left: 0;
    border-radius:4px;
    background: #0c4da2;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
}
#review-slider .owl-page.active span:after,
#review-slider .owl-page span:hover::after{
    opacity: 1;
    visibility: visible;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}


/* ----- Paralax  ----- */
#parallax{
    background:url(../images/parallax2.png) no-repeat;
    padding:30px 0px 60px 0px;
    color:#fff;
}
#features , #parallax{
    background-size:cover;
    width:100%;
    background-attachment:fixed;
}
#parallax h1{
    font-size:105px;
    color:#0c4da2;
}
#parallax a{
    border:1px solid #fff;
}
#parallax a:hover, #parallax a:focus{
    border:1px solid transparent;
}

/* ----- News -----*/
#news{}
.content_wrap .news_box{
  background: #fff;
  margin: -50px auto 0;
  padding: 20px 15px;
  padding-bottom:0;
  position: relative;
  width: 92%;
  z-index: 1;
}
.content_wrap .news_box .commment li{
    display:inline-block;
    margin:10px 0 10px 10px;
}
.content_wrap .news_box .commment li:first-child{
    margin-left:0;
}
.content_wrap .news_box .commment li a{
    display:block;
    color:#454545;
    font-size:14px;
}
.content_wrap .news_box .commment li a > i{
    margin-right:5px;
    font-size:16px;
}
.content_wrap .news_box a.readmore{
    font-size:13px;
    color:#6c6c6c;
    text-decoration:underline;
    text-transform:uppercase;
}
.content_wrap .news_box a.readmore:hover, .content_wrap .news_box a.readmore:focus,
.content_wrap .news_box .commment li a:hover, .content_wrap .news_box .commment li a:focus{
    color:#002e5b;
}




/* --------------- About Us --------------- */

.page_header{
    background:url(../images/about-galaxy-construction.jpg) no-repeat;
    width:100%;
}
.page_smr{
    background:url(../images/SMR-Iconia.html) no-repeat;
}
.page-smr-harmony{
    background:url(../images/SMR-Harmony.html) no-repeat;
}
.page-smr-Fountainhead{
    background:url(../images/SMR-Fountainhead.gif) no-repeat;
}
.page-smr-meenakshi{
    background:url(../images/meenakshi-viewmore.html) no-repeat;
}

.page-smr-estella{
   background:url(../images/SMR-Estella.html) no-repeat;
}
.page-smr-endeavour{
   background:url(../images/Endeavour-viewmore.html) no-repeat;
}
.page-smr-capitol{
   background:url(../images/smr-metro-mall.gif) no-repeat;
}
.page_header .page-content{
    position:relative;
}
.page-content2{
    color: #0c4da2;
    position:relative;
}
.page_header .page-content h1{
    font-size:42px;
}
.page_header .page-content .page_nav {
  background: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  bottom: 0;
  padding: 18px 40px 10px;
  display:inline-block;
  margin-top:80px;
  color:#7f7f7f;
  font-size:14px;
}
.page_header .page-content .page_nav a{
    display:inline-block;
    margin:0 10px;
    color:#0b0b0b;
}
.page_header .page-content .page_nav span i{
    margin-right:5px;
}
.aboutus .about_feature{
    overflow:hidden;
}
.aboutus .about_feature span {
  display: inline-block;
  float: left;
  height: 80px;
  width: 70px;
}
.aboutus .about_feature span > img{
  display: block;
}
.aboutus .about_feature h3, .aboutus .about_feature p{
    margin:0 0 0 100px;
}
.aboutus .about_feature h3{
    margin-bottom:5px;
}

/* Commpany History  */
#history{}
#history .history_wrap{
    overflow:hidden;
}
#history .history_wrap h3{
    margin-bottom:10px;
}
#history .history_wrap h3 > span{
    color:#0c4da2;
}
#history .history_wrap .col-md-7{
    padding-left:0;
}

/*  Fun Facts (Counters) */
#counter{
    /*background:url(../images/smr-counter.gif) no-repeat;*/
    background-attachment:fixed;
    background-position:center center;
    background-size:cover;
    width:100%;
    color:#0c4da2;
}
#counter .number-counters .counters-item {
  margin-bottom: 0;
}
#counter .number-counters .counters-item i{
  display: block;
}
#ourstudio{}
.studio{
    background:#fff;
}
.studio a.btn-dark{
    display:table;
}
.studio .block_left{
    display: block;
    height:100%;
    margin:26px 0;
}
.studio .block_right{
    height:100%;
    display:block;
}
.studio .block_right img{
    width:100%;
}
#ourstudio .col-1-5{
    padding-left:15px;
    padding-right:15px;
}
#director-slider .post,
.content_wrap .post{
    background:rgba(0,46,81,.75);
    color:#fff;
    font-size:14px;
    padding:5px 15px;
    position:absolute;
    right:0;
    bottom:0;
    border-bottom-right-radius:4px;
    opacity:0;
}
#director-slider .item:hover .post,
.content_wrap:hover .post{
    opacity:1;
}
#director-slider ul.social_icon li a{
    /*color:#2d2d2d;*/
}



/* --------------------- Services --------------------- */
.services{}
.services ul.tabs {}
.services ul.tabs li{
    display:block;
    background:#0c4da2;
    color:#fff;
    font-size:14px;
    padding:15px;
    cursor:pointer;
    position: relative;
    border-bottom:#fff solid 1px;
}
.services ul.tabs li:last-child{
    border-bottom:none;
}
.services ul.tabs li:before{
    content:'\f105';
    font-family:'FontAwesome';
    display:inline-table;
    vertical-align:middle;
    margin-right:8px;
}
.services ul.tabs li.active{
    background:#fff;
    color:#002e5b;
}
.services  ul.tabs li:hover, .services ul.tabs li:focus{
    background:#002E5B;
    color:#fff;
}
.services ul.tabs,.services .tab_container{
     display:block;
}
.services .services_content{}
.services_content .items > li > a,
.faq_content .items > li > a{
  background:#fff;
  color: #0f0f0f;
  display: block;
  margin-bottom: 10px;
  padding:15px 10px 15px 55px;
  position:relative;
  border:1px solid #d1d1d1;
}
.services_content .items > li > a:hover, .services_content .items > li > a.expanded,
.faq_content .items > li > a:hover, .faq_content .items > li > a.expanded{
    background:#002e5b;
    color:#fff;
}
.services_content .items > li > a:after,
.faq_content .items > li > a:after{
  background: #fff;
  content: "\f105";
  display: inline-block;
  font-family: 'Oxygen', sans-serif;
  font-size: 20px;
  height: 100%;
  left: 0;
  line-height: 30px;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 0;
  width:40px;
  border-right:1px solid #d1d1d1;
}
.services_content .items > li > a.expanded:after, .services_content .items > li > a:hover::after,
.faq_content .items > li > a.expanded:after, .faq_content .items > li > a:hover::after{
    background: #0c4da2;
}

.services_content .sub-items,
.faq_content .sub-items {
  display: none;
  /*padding:20px 15px;*/
  border:1px solid #d1d1d1;
  border-top:none;
  margin-bottom:10px;
}
.services_content .sub-items p, .faq_content .sub-items p{ margin:0; }
.services .tab_container{
    padding:0;
}
/* if accordion mode */
.services .tab_drawer_heading.d_active{ position: relative;}
.services .tab_drawer_heading{
  background-color: #dcdcdc;
  padding:20px 15px;
  margin-bottom: 10px;
  display: none;
  position:relative;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.services .tab_drawer_heading:after,
faq_content .tab_drawer_heading:after{
  content: "\f107";
  display: inline-block;
  right:20px;
  position:absolute;
  font-family:'FontAwesome';
}

.services_content .items > li > a.expanded,
.faq_content .items > li > a.expanded{
  margin-bottom:0;
}
.services_content .items > li > a.expanded:after, .faq_content .items > li > a.expanded:after
.services .tab_drawer_heading.d_active:after, .faq_content .tab_drawer_heading.d_active:after{
  content: "\f106";
}


/*SERVICE SLIDER*/
.service-slider .item img{
    display:block;
    width:100%;
}
.service-slider .owl-prev, .service-slider .owl-next{
  background: rgba(255, 182, 0, 0.8) !important;
  border-radius:4px !important;
  bottom: 0;
  font-size: 20px !important;
  height: 42px;
  line-height: 38px;
  opacity: 1 !important;
  position: absolute;
  width: 42px;
}
.service-slider .owl-prev{
    right:46px;
}
.service-slider .owl-next{
    right:0;
}

.panel_list ul.service_feature li{
    display:block;
    margin-bottom:10px;
    margin-left:25px;
}
.panel_list ul.service_feature li > i {
  color: #ffb600;
  font-size: 18px;
  margin-left: -25px;
  margin-right: 5px;
  vertical-align: bottom;
  width: 20px;
}



/* --------------- PROJECT --------------- */
#projects .work-filter li a{
    color:#646464;
}



/* --------------- BLOG ---------------  */
#blog .blog_item, #blog .blog_share{
    border-bottom:1px solid #cccccc;
}
#blog .blog_item:last-child{
    border-bottom:none;
}
#blog .blog_share{
    padding:5px 0;
}
.blog_share ul{
    display:inline-block;
}
.blog_share ul li a{
    font-size:12px;
}
#blog .blog_newest{
    border:1px solid #cccccc;
    padding:5px;
}
#blog .blog_newest .post_img{
    height:65px;
    width:65px;
    display: table-cell;
    vertical-align:middle;
}
#blog .blog_newest .link{
    font-size:14px;
    display: block;
}
#blog .blog_newest .post_title {
  display: inline-block;
  font-weight: bold;
  line-height: 18px;
  margin-top: 5px;
}
#blog .blog_newest .post_title:hover{
    color:#FFB600;
}
#blog .blog_newest .text{
    display: table-cell;
    padding:0 10px;

}

.pager_nav .pagination{
    margin:0;
}
.pager_nav .pagination > li > a, .pager_nav .pagination > li > span {
  color: #0f0f0f;
  border:none;
}
.pager_nav .pagination > li > a:focus, .pager_nav .pagination > li > a:hover, .pager_nav .pagination > li > span:focus, .pager_nav .pagination > li > span:hover {
  background-color: transparent;
  color:#ffb600;
}
.blog-reply {
    padding-bottom:25px;
  position: relative;
  border-bottom:1px solid #d1d1d1;
}
.blog-reply h4, .blog-reply .reply{
    text-transform:uppercase;
}
.blog-reply span{
    font-size:12px;
    color:#767676;
}
.blog-reply .reply{
    color:#ffb600;
    font-size:13px;
}
.media-left, .media > .pull-left {
  padding-right: 10px;
}
/*Form Used on many pages*/
form.findus{}
form.findus > .row{
    margin-left:-5px;
    margin-right:-5px;
}
form.findus  .col-md-4, form.findus  .col-md-12, form.findus  .col-md-6{
    padding-left:5px;
    padding-right:5px;
}
form.findus .form-control{
  height: 48px;
  width: 100%;
}
form.findus .form-group{
    width:100%;

}
form.findus .form-control, form.findus textarea{
    padding: 12px 15px;
    margin-bottom:10px;
    font-size:14px;
    border:1px solid #d1d1d1;
}
form.findus textarea{
    width:100%;
    min-height:210px;
}



/* ------------------ SHOP ------------------ */
#shop .shopping_box {
  box-shadow: 0 0 2px #d1d1d1;
  min-height: 386px;
}
.shopping_box .shop_content{
    padding:15px;
}
.shopping_box .shop_content .price_product, .shop_info .price_product, .cart_table .price_product{
    color:#ffb600;
}
.shopping_box .image{
    position:relative;
    overflow:hidden;
}
.shopping_box .overlay{
    background:rgba(0,46,91,.85);
}
.shopping_box:hover a.btn-cart{
  animation-duration: 0.6s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-name:bounceIn;
  animation-timing-function: ease;
  position:absolute;
  bottom:15px;
  display: table;
  left:50%;
  right:50%;
  margin-left:-73px;
  width:146px;
}
.shopping_box:hover a.title_link{
    color:#ffb600;
}

#shop .shop_info{}
.quote .quote {
  border: 1px solid #d1d1d1;
  margin-right: 10px;
  max-width: 50px;
  padding:8px 10px;
  text-align: center;
  vertical-align: top;
}
.quote .quote, .quote a{
    display: inline-block;
}
.shop_info .share{
    border-bottom:1px solid #d1d1d1;
    border-top:1px solid #d1d1d1;
    padding:15px 0;
}
.shop_info .share p{
    margin:0;
}
.shop_info .share ul{}
.shop_info .share ul li, .blog_share ul li{
    display:inline-block;
}
.shop_info .share ul > li a , .blog_share ul li a{
  display: block;
  padding: 2px 5px;
  color:#616161;
}
.shop_info .tag_cate{
    font-size:14px;
    color:#616161;
}
.shop_info .tag_cate > a{
    color:#0f0f0f;
}
.shop_tab {
  border: 1px solid #d1d1d1;
}
.shop_tab .tabs {
  background: #f9f9f9;
  width: 100%;
}
.shop_tab .tabs li {
  border-bottom: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  margin:0;
  margin-bottom: -1px;
  margin-right:-4px;
  padding: 20px;
}
.shop_tab .tabs li.active, .shop_tab .tabs li:hover, .shop_tab .tabs li:focus{
    color:#ffb600;
    background:#fff;
}
.shop_tab .tab_content {
  border-top: 1px solid #d1d1d1;
  padding: 20px;
  width: 100%;
}
.tab_content ol.commentlist li {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative;
}
.tab_content ol.commentlist li .avator {
  display: inline-block;
  float: left;
  margin-bottom: 55px;
  margin-right:15px;
  width: 50px;
}
.tab_content ol.commentlist li .avator > img {
  display: block;
}
.tab_content ol.commentlist li .comment-content {
  color: #4c4c4c;
}
.tab_content ol.commentlist li .comment-content .stars {
  position: absolute;
  right: 0;
  top: 0;
}
.tab_content ol.commentlist li .comment-content time, .tab_content ol.commentlist li .comment-content strong {
  display: inline-block;
  margin-bottom: 10px;
}
.tab_content ol.commentlist li .comment-content time {
  font-size: 14px;
}
.tab_content .review-form{
}
.tab_content .review-form label {
  font-weight: bold;
  margin-bottom: 5px;
}
.tab_content .review-form textarea.form-control {
  min-height: 150px;
}
.tab_content .review-form input.form-control{
    height:40px;
}
.tab_content .review-form .form-control{
    margin-bottom:15px;
}

.product-info .tab_content p:last-child {
  margin-bottom: 0;
}
.cart_table table{
    margin-bottom:0;
}
.cart_table .table-responsive  thead {
    background:#f9f9f9;
}
.cart_table .table-responsive  thead  tr > th{
    padding:15px 20px;
    border-bottom-width: 1px;
}
.cart_table .table-responsive tbody tr > td{
  vertical-align: middle;
  padding:20px;
}
.cart_table .product-name{
  display: inline-block;
  vertical-align: middle;
}
.cart_table .btn-close{
    display:inline-block;
    color:#ff5b5b;
    font-size:20px;
}
.apply_coupon{
    border: 1px solid #d1d1d1;
    border-top:none;
    padding:20px;
}
.apply_coupon .coupon{
}
.apply_coupon .coupon > form input[type="submit"]:hover, .apply_coupon .coupon > form input[type="submit"]:focus{
    background:#FDB501;
    border-color:#FDB501;
}
.apply_coupon .coupon > form input {
  border: 1px solid #d1d1d1;
  padding:6px 12px;
  vertical-align: top;
  height:40px;
}
.apply_coupon .coupon > form .form-group > input{
    width:100%;
}

.apply_coupon .coupon a {
  display: inline-table;
}
.totals{
    padding:15px;
}
.total_form input{
    height:40px;
}
.total_form input[type="submit"]:hover, .total_form input[type="submit"]:focus,
.tab_content .review-form input[type="submit"]:hover, input[type="submit"]:focus,
form.findus input[type="submit"]:hover, form.findus input[type="submit"]:focus{
    background:#002E5B;
}
.totals, .total_form .select{
    border: 1px solid #d1d1d1;
}
.total_form .select {
    border: 1px solid #ccc;
    overflow: hidden;
    height: 40px;
    width:100%;
    position: relative;
    display: block;
}
.total_form select{
    height: 40px;
    padding: 5px;
    border: 0;
    width:100%;
     color:#545454;
   -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.total_form .select:after {
    content:"\f0d7";
    font-family: 'Oxygen', sans-serif;
    color:#949494;
     font-size:16px;
    padding:9px 8px;
     padding-right:0;
    position: absolute; right: 0; top: 0;
    background:transparent;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
}

.totals .table-responsive tr > td {
  border: none;
  color:#737373;
  padding:17px 10px;
}
.totals .table-responsive tr > td.yellow{
    color:#ffb600;
}




/* --------------- PAGES (DropDown) --------------- */

/* ------- 404 ------ */
#error{}
#error .error{
    position:relative;
}
#error .error h1{
    position:relative;
    color:#ebebeb;
    font-size:150px;
}
#error .error h2 {
  font-family: 'Oxygen', sans-serif;
  font-size: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* ----------------- Pricing Tables ------------------- */
#pricing{}
#pricing .price_table{
    border:1px solid #c8c8c8;
}
#pricing .price_table .plan{
    background:#ffb600;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    padding:15px 20px;
    color:#fff;
}
#pricing .price_table.active .plan{
    background:#002e5b;
}

#pricing .price_table .price p{
    font-size:75px;
    color:#ffb600
}
#pricing .price_table.active .price p{
    color:#002e5b
}
#pricing .price_table .price span.month{
    font-size:12px;
}
#pricing .price_table .price span.dollor{
    font-size:32px;
}
#pricing .price_table ul{
    margin-top:20px;
}
#pricing .price_table ul li{
    display:block;
    line-height:41px;
    border-bottom:1px solid #c8c8c8;
}
#pricing .price_table a{
    margin:20px 0;
}
#pricing .price_table.active a.button-hover, #pricing .price_table:hover a.button-hover{
    background:#002E5B;
}
#pricing .price_table.active a.button-hover::before, #pricing .price_table:hover a.button-hover::before{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}



/* --------------- TESTINOMIALS --------------- */
.testinomial_wrap{}
.testinomial_wrap .testinomial_text{
    color:#fff;
    padding:20px;
    position:relative;
}
.testinomial_wrap .testinomial_text::after {
  border-right: 30px solid transparent;
  border-top: 25px solid #002040;
  bottom: -25px;
  content: "";
  height: 0;
  left: 20px;
  position: absolute;
  width: 0;
}
.testinomial_wrap .testinomial_text > .quote{
    display:inline-block;
    width:auto;
    margin-bottom:15px;
}
.testinomial_wrap .testinomial_pic {
  display: inline-block;
  margin-top: 30px;
  width: 100%;
}
.testinomial_wrap .testinomial_pic > img{
    width:60px;
    float:left;
    margin-right:10px;
    display:inline-block;

}
.testinomial_wrap .testinomial_pic span{
    display:block;

}
.testinomial_wrap .testinomial_pic span.color{
    margin-top:9px;
}
.testinomial_wrap .testinomial_pic span.post_img{
    color:#646464;
    font-size:14px;
}




/* --------------- CONTACT US --------------- */
#contact{}
#contact .contact_img{}
#contact .contact_img > img{
    display:block;
    width:100%;
}
#contact .contact_img .caption-number{
    background:rgba(12, 77, 162, 1);
   padding:15px;
}
#contact .contact_img .caption_link, #contact .contact_img .caption-number {
  display: block;
  font-size: 18px;
  text-align: center;
  color:#fff;
}
.contact_address .address .icon{
  line-height: 60px;
}
#map_canvas{
    height:400px;
    width:100%;
}
#contact .contact_address{
}
.contact_address .address p > a:hover, .contact_address .address p > a:focus{
    color:#0c4da2;

}

/* --------------- FOOTER ---------------*/
footer{
    background:#121416;
    color:#fff;
}
footer p{
    color:#ffffff;
}
footer .footer_panel h3{
    display:block;
}
footer .footer_panel .footer_logo {
  display: inline-block;
}
footer .footer_panel ul.social_icon li a{
    color:#fff;
}
footer .footer_panel p.address, .services p.address{
  margin-left:25px;
  margin-bottom:15px;
}
footer .footer_panel p.address a:hover{
    color:#0c4da2;
}
footer .footer_panel p.address > i, .services p.address > i{
  display: inline-block;
  font-size:19px;
  margin-left: -30px;
  vertical-align: middle;
  width:25px;
}
.copyright{
    background:#0a0a0b;
    width:100%;
    padding:24px 0;
    color:#fff;
}
.copyright p{
    margin:0;
    font-size:14px;
}
.copyright p > a:hover{
   color:#0c4da2;
}





@media screen and (max-width:1024px){
   nav.navbar li.dropdown ul.dropdown-menu{
        border-top: solid 5px;
    }
    nav.navbar-center .navbar-brand{
        margin: 0 !important;
    }
  #history .history_wrap .col-md-7 {
    padding-left: 15px;
  }

}
@media screen and (max-width:992px){
  h2 {font-size: 26px;}
  h3 {font-size:20px;}
  h4 {font-size: 16px;}
  p{ font-size:14px;}
/*-- HEADER-- */
.navbar-brand {
  display: none;
}
header ul.company_info {
  float: none;
}
nav.navbar.bootsnav.menu-center .attr-nav{
    display:none !important;
}
nav.navbar.bootsnav .navbar-brand {
    display:inline-block !important;
}
nav.navbar.bootsnav .navbar-toggle{
  display: inline-block;
  float: right;
  background-color: transparent !important;
  margin: 0;
  height:20px;
  line-height:20px;
  margin-top:20px;
  top:50%;
}
nav.navbar.bootsnav .navbar-header{
  padding-left:15px;
  padding-right:15px;
}
nav.navbar.bootsnav ul.nav > li > a {
    padding:10px 0;
}
nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:focus{
    color:#002E5B;
}
nav.navbar.bootsnav ul.nav > li > a:hover::before, nav.navbar.bootsnav ul.nav > li.active > a::before, nav.navbar ul.nav li.dropdown.on > a::before {
  width:0;
}

#about .about_box .effect > img {
  margin-bottom: 10px;
  max-width: 60px;
}
.number-counters .counters-item strong {
  font-size: 36px;
}
.number-counters .counters-item p {
  font-size: 14px;
}

#counter .number-counters .counters-item {
  margin-bottom: 30px;
}

#features , #parallax, #counter{
    background-position:center center !important;
}

.single_post{
    font-size:12px;
}
 .copyright p{
  font-size:11px;
}

}
@media screen and (min-width:640px) and (max-width:992px){
    .gallery.zerogrid .col-1-4{
      width: 50%;
    }

}

@media screen and (max-width:767px){

.topbar, header ul.company_info{
  display: none;
}
#about .about_box {
  top: 0;
  margin-left: -15px;
  margin-right: -15px;
}
#about .about_box:nth-child(3){
    margin-bottom:50px;
}
.about_box.active {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
   transform: translateY(0);
}
#about .priorty{
    margin-bottom:20px;
}
/* Feature Work */
.work-filter li a {
  font-size: 14px;
}
/* Fun Facts */
.number-counters .counters-item {
  text-align: center;
}
.number-counters .counters-item.last{
    margin-bottom:0;
}
.number-counters .counters-item i{
    display:block;
}
/* Paralax */
#parallax h1 {
  font-size: 55px;
  margin-bottom: 10px;
}
.page_header .page-content .page_nav {
  font-size: 12px;
 }
#history .history_wrap h3 {
  margin-top: 10px;
}
.services ul.tabs{
    display:none;
}
.services .tab_drawer_heading{
     display:block;
}

.blog_item .image > img {
  margin-bottom: 20px;
}
aside.sidebar {
  margin-top: 50px;
}

}


@media screen and (max-width:480px){
.page_header .page-content .page_nav {
  width: 100%;
}
.shop_tab .tabs li{
    padding:15px;
}
.tab_content ol.commentlist li .comment-content .stars {
  bottom: 10px;
  top: auto;
}
.scrollToTop{
    right:15px;
}
.copyright .col-md-12.text-center{
    text-align:left;
}


}
.border
{
    border: 2px solid #a1a1a1;
    padding: 10px 40px;
    width: 80%x;
    border-color:gainsboro;
}

/*Feature Projects*/

.feature_item {
    background: #ffffff;
}
.image{
    position: relative;
}
.feature_item .price {
    display: inline-block;
    z-index: 1;
    position: absolute;
    padding: 5px 15px;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 15px;
    background: #1f3f81;
}
.default_clr {
    background: #1F3F81;
}
.proerty_content {
    position: relative;
    color: #000000;
}
.proerty_content .proerty_text {
    padding: 25px 20px;
}
.proerty_content .property_meta, .proerty_content .favroute, #deals .deal_media .dealer {
    border-top: 1px solid #e5e5e5;
}
.proerty_content .property_meta {
    background: #f5f5f5;
}
.feature3 .property_meta, .proerty_content .property_meta {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.proerty_content .property_meta span {
    border-right: 1px solid #e5e5e5;
}
.proerty_content .property_meta span, .feature3 .property_meta span {
    display: table-cell;
    font-size: 12px;
    line-height: 38px;
    text-align: center;
}
.property_meta span > i, .white_cap .bottom_text p > i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px !important;
}


/*Subscribe*/
    .section-subscribe {
        width: 40%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: auto;
    }
    .section-subscribe .width{
        width: 80%;
    }
    .section-subscribe input[type=text] {
        background-color: #8a8989;
        background-color: rgba(0, 0, 0, 0.2);
        border: 0;
        width: -moz-calc(100% - 40px);
        width: -o-calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
    }
    .section-subscribe input[type=text]::-webkit-input-placeholder {
        color: #fff;
    }
    .section-subscribe input[type=text]::-moz-input-placeholder {
        color: #fff;
    }
    .section-subscribe input[type=text]:-ms-input-placeholder {
        color: #fff;
    }
    .section-subscribe .subscribe-input.text-input {
        color: black;
        height: 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }
    .section-subscribe .social-icons {
        margin: 20px 0 0px;
        overflow: hidden;
        text-align: center;
    }
    .section-subscribe .social-icons .social-media-icon {
        float: none;
        background-color: black;
        background-color: rgba(0, 0, 0, 0.5);
        background-position: 0 0;
        border: 0;
    }

    .subscribe-button {
        background-color:#0c4da2;
        width: 40px;
        height: 40px;
        border: 0;
        color: #fff;
    }

    .section-subscribe input[type=text] {
        background-color: #f4f4f4;
        border: 0;
    }
    .section-subscribe input[type=text]::-webkit-input-placeholder {
        color: #bbb;
    }
    .section-subscribe input[type=text]::-moz-input-placeholder {
        color: #bbb;
    }
    .section-subscribe input[type=text]:-ms-input-placeholder {
        color: #bbb;
    }
    .section-subscribe .subscribe-button.icon-envelope-alt {
        background-color: #279fbb;
    }


    .section-color-bg .subscribe-button, .section-color-red .subscribe-button, .section-color-orange .subscribe-button, .section-color-green .subscribe-button, .section-color-blue .subscribe-button,
    .section-color-dark-blue .subscribe-button, .section-color-gray .subscribe-button, .section-color-clouds .subscribe-button, .section-color-purple .subscribe-button, .section-px .subscribe-button,
    .section-image .subscribe-button {
        background-color: black !important;
        background-color: rgba(0, 0, 0, 0.6) !important;
    }

/********************rakesh Coding***************************/
.content-box.content-style4 h4 i{
background-color: #4a61aa;
}

.myimage {float:right; margin:5px;}

/*Gallery*/
.parentimage {
    margin: 10px 5px 10px 5px;
    width: 200px;
    height: 200px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.parentimage2{
    margin: 10px 5px 10px 5px;
    width: 200px;
    height: 200px;
}
.parentimage:hover {
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}

/*Icons*/
.amenities {
    background:url(../images/hyderabad/icons/project-banner3.jpg) no-repeat center center fixed;
    position:relative;
    background-size:cover;
    width:100%;
    height:100%;

}
.amenities-hc{
    background:url(../images/hyderabad/icons/project-hc-banner.jpg) no-repeat center center fixed;
    position:relative;
    background-size:cover;
    width:100%;
    height:100%;

}
.amenities-en{
    background:url(../images/hyderabad/icons/project-en-banner.jpg) no-repeat center center fixed;
    position:relative;
    background-size:cover;
    width:100%;
    height:100%;

}
.amenities-es{
    background:url(../images/hyderabad/icons/project-es-banner.jpg) no-repeat center center fixed;
    position:relative;
    background-size:cover;
    width:100%;
    height:100%;

}
.amenities-body {
    background: rgba(0,0,0,0.50);
    padding: 40px 0px;
}
.content-box .content-box-text .read-more {
        display: block;
    }
.content-box.content-style4 .content-box-text {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: rotateY(-180deg);
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        -moz-transform: rotateY(-180deg);
        -moz-transform-style: preserve-3d;
        -moz-backface-visibility: hidden;
        -moz-transition: all .4s ease-in-out;
        -o-transform: rotateY(-180deg);
        -o-transform-style: preserve-3d;
        -o-backface-visibility: hidden;
        -o-transition: all .4s ease-in-out;
        -ms-transform: rotateY(-180deg);
        -ms-transform-style: preserve-3d;
        -ms-backface-visibility: hidden;
        -ms-transition: all .4s ease-in-out;
        transform: rotateY(-180deg);
        transform-style: preserve-3d;
        backface-visibility: hidden;
        transition: all .4s ease-in-out;
    }
.content-box.content-style4:hover .content-box-text {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        -moz-transform: rotateX(0deg) rotateY(0deg);
        -o-transform: rotateX(0deg) rotateY(0deg);
        -ms-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg);
    }
.content-box.content-style4 .content-box-text {
        opacity: 0\9;
        display: none\9;
    }
    .content-box-text{
        padding-top:10px;
    }
 .content-box.content-style4:hover .content-box-text {
        opacity: 1\9;
        display: block\9;
    }
.content-box.style5 .content-box-text {
        margin-left: 80px;
        margin-top: 5px;
    }
    .content-box.style5 .content-box-text .read-more {
        text-align: left;
    }
    .content-box.style5 .content-box-text .read-more i {
        float: none;
    }

    .content-box.style5.small .content-box-text {
        margin-left: 60px;
        font-size: 13px;
    }

    .right-text .content-box.small .content-box-text {
        margin-left: 0;
        margin-right: 60px;
    }

    .right-text .content-box .content-box-text {
        margin-left: 0;
        margin-right: 80px;
    }
 ul.icon-content-list-container li.icon-content-single .content-box-text {
        margin-top: -14px;
    }

    ul.icon-content-list-container li.icon-content-single .small .content-box-text {
        margin-top: -7px;
        font-size: 13px;
    }
  .content-box.content-style4 {
        position: relative;
        text-align: center;
        height: 105px;
        width: 100%;
    }
    .content-box.content-style4 h4 {
        text-align: center;
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        -moz-transform: rotateX(0deg) rotateY(0deg);
        -moz-transform-style: preserve-3d;
        -moz-backface-visibility: hidden;
        -moz-transition: all .4s ease-in-out;
        -o-transform: rotateX(0deg) rotateY(0deg);
        -o-transform-style: preserve-3d;
        -o-backface-visibility: hidden;
        -o-transition: all .4s ease-in-out;
        -ms-transform: rotateX(0deg) rotateY(0deg);
        -ms-transform-style: preserve-3d;
        -ms-backface-visibility: hidden;
        -ms-transition: all .4s ease-in-out;
        transform: rotateX(0deg) rotateY(0deg);
        transform-style: preserve-3d;
        backface-visibility: hidden;
        transition: all .4s ease-in-out;
    }
.content-box.content-style4 h4 i {
        background-color: #279fbb;
        color: #fff;
        float: none;
        margin: 0 10px 0 0;
        border-radius: 50%;
        text-align: center;
        display: block;
        margin: 5px auto 15px auto;
    }
    .content-box.content-style4 .content-box-text {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: rotateY(-180deg);
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        -moz-transform: rotateY(-180deg);
        -moz-transform-style: preserve-3d;
        -moz-backface-visibility: hidden;
        -moz-transition: all .4s ease-in-out;
        -o-transform: rotateY(-180deg);
        -o-transform-style: preserve-3d;
        -o-backface-visibility: hidden;
        -o-transition: all .4s ease-in-out;
        -ms-transform: rotateY(-180deg);
        -ms-transform-style: preserve-3d;
        -ms-backface-visibility: hidden;
        -ms-transition: all .4s ease-in-out;
        transform: rotateY(-180deg);
        transform-style: preserve-3d;
        backface-visibility: hidden;
        transition: all .4s ease-in-out;
    }
    .content-box.content-style4:hover .h4-body-title {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    .content-box.content-style4:hover .content-box-text {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        -moz-transform: rotateX(0deg) rotateY(0deg);
        -o-transform: rotateX(0deg) rotateY(0deg);
        -ms-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg);
    }
    .content-box.content-style4 .btn {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .content-box.content-style4 .h4-body-title {
        opacity: 1\9;
        display: block\9;
    }
    .content-box.content-style4 .content-box-text {
        opacity: 0\9;
        display: none\9;
    }
    .content-box-text{
        padding-top:10px;
    }
    .content-box.content-style4:hover .h4-body-title {
        opacity: 0\9;
        display: none\9;
    }
    .content-box.content-style4:hover .content-box-text {
        opacity: 1\9;
        display: block\9;
    }
    .content-box.content-style4.small h4 {
        margin: 0;
    }
    .content-box.content-style4.small h4 i {
        font-size: 22px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        background-position: -10px;
    }

    .content-box.content-style4.medium h4 {
        margin: 0;
    }
    .content-box.content-style4.medium h4 i {
        font-size: 30px;
        width: 60px;
        height: 60px;
        line-height: 68px;
    }
.content-box.content-style4.medium h5 {
  margin: 0;
}

.content-box h5 {
  margin: 0 0 20px 0;
  text-transform: uppercase;
  font-size: 16px;
}
.content-box.content-style4 h5 {
  text-align: center;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -moz-transition: all .4s ease-in-out;
  -o-transform: rotateX(0deg) rotateY(0deg);
  -o-transform-style: preserve-3d;
  -o-backface-visibility: hidden;
  -o-transition: all .4s ease-in-out;
  -ms-transform: rotateX(0deg) rotateY(0deg);
  -ms-transform-style: preserve-3d;
  -ms-backface-visibility: hidden;
  -ms-transition: all .4s ease-in-out;
  transform: rotateX(0deg) rotateY(0deg);
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transition: all .4s ease-in-out;
}

.content-box.content-style4:hover .h5-body-title {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.content-box.content-style4.medium h5 i{
  font-size:45px;
  width: 60px;
  height: 60px;
  line-height: 80px;
}

.content-box.content-style4 h5 i {
  color: #fff;
  float: none;
  margin: 0 10px 0 0;
  border-radius: 50%;
  text-align: center;
  display: block;
  margin: 5px auto 15px auto;
}
.h5-body-title {
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
}

/****************************
    List icons
    ****************************/
    .icons-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .icons-list li {
        margin-bottom: 15px;
        padding-left: 30px;
        margin-right: 0;
    }

    .icons-list li:last-child {
        margin-bottom: 0;
    }

    .icons-list li:before {
        content: "";
        font-family: 'Oxygen', sans-serif;
        display: inline-block;
        width: 18px;
        height: 18px;
        float: left;
        font-size: 15px;
        margin-left: -30px;
        line-height: 24px;
    }

    .icons-list.colored-list li:before {
        color: #279fbb;
    }

    .icons-list.check-1 li:before {
        content: "\f046";
    }

    .icons-list.check-2 li:before {
        content: "\f00c";
    }

    .icons-list.hand li:before {
        content: "\f0a4";
    }

    .icons-list.remove li:before {
        content: "\f00d";
    }

    .icons-list.file li:before {
        content: "\f016";
    }

    .icons-list.arrow li:before {
        content: "\f061";
    }

    .icons-list.asterisk li:before {
        content: "\f069";
    }

    .icons-list.circle-blank li:before {
        content: "\f10c";
    }

    .icons-list.circle li:before {
        content: "\f111";
    }

    .icons-list.pencil li:before {
        content: "\f040";
    }
.h2-section-title {
        text-align: center;
        font-size: 32px;
        font-weight: 400;
        line-height: 35px;
        margin-bottom: 10px;
    }
.i-section-title {
        background: transparent;
        height: 20px;
        text-align: center;
        margin: 0 auto 30px auto;
        border-bottom: 1px solid #F0F0F0;
        width: 50%;
    }
    .i-section-title i, .i-section-title i.fa {
        background: #fff;
        width: 40px;
        font-size: 32px;
        padding-top: 10px;
        border-radius: 50%;
        height: 40px;
        color: #D8D8D8;
        padding: 0 20px;
        line-height: 40px;
        display: inline;
    }
 .title-block .h3-body-title {
        float: left;
        margin: 30px 20px 20px 0px;
    }
    .title-block .title-seperator {
        background: url("../images/divider-stripe5.html");
        height: 5px;
        overflow: hidden;
        margin-top: 8px;
        overflow: hidden;
    }
.img-fluid{
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.button2 {
    font-weight: bolder;
    padding: 10px 70px;
    background-color: #0c4da2;
    color: white;
    border: 2px solid #0c4da2;
}

.button2:hover {
    background-color: #fff;
    color: black;
}
.button3 {
    font-weight: bolder;
    padding: 10px 90px;
    background-color: #0c4da2;
    color: white;
    border: 2px solid #0c4da2;
}

.button3:hover {
    background-color: #fff;
    color: black;
}
.button4{
	font-weight: bolder;
	padding: 5px 60px;
	background-color: #fff;
	color: #0B4CA1;
}
.current-status{
    color: #0c4da2;
    border-top: 2px solid;
    border-bottom: 2px solid;
}
.project{
    text-align: center;
    padding-top: 25px;
    font-size: 20px;
}

/*Current Status*/
.img-responsive1{
	width: 100%;
}

/*accordion*/
.accordion {
        width: 100%;
        position: relative;
    }

    .accordion .accordion-row {
        padding: 0px 0 0px 40px;
        position: relative;
        margin: 0 0 10px 0;
    }

    .accordion li {
        margin: 0 0 10px 0;
    }

    .accordion .title {
        vertical-align: top;
        color: #4b4b4b;
        padding: 0 0 0px 0;
        cursor: pointer;
        line-height: 25px;
        opacity: 0.8;
        -webkit-transition: opacity 200ms;
        -moz-transition: opacity 200ms;
        -o-transition: opacity 200ms;
        transition: opacity 200ms;
    }
    .accordion .title h4 {
        margin: 0;
        font-size: 14px;
        line-height: 25px;
        color: #4b4b4b;
        -webkit-transition: opacity 200ms;
        -moz-transition: opacity 200ms;
        -o-transition: opacity 200ms;
        transition: opacity 200ms;
    }

    .accordion .desc {
        color: #666666;
        padding: 5px 0 5px 0;
        display: none;
        overflow: hidden;
        width: 100%;
    }

    .accordion .active {
        opacity: 1;
    }
    .accordion .active h4 {
        color: #279fbb;
    }

    .accordion .title:hover {
        opacity: 1;
    }
    .accordion .title:hover h4 {
        color: #279fbb;
    }

    .accordion .accordion-row {
        background-color: whitesmoke;
    }

    .accordion .open-icon {
        position: absolute;
        right: 15px !important;
        top: 10px;
        left: auto !important;
        overflow: hidden;
        border: 0;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    .accordion .title {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    .accordion .open-icon {
        background: no-repeat -26px -165px url("../images/sprites.png");
        width: 25px;
        height: 25px;
        cursor: pointer;
    }


    .accordion .close-icon {
        background: no-repeat -26px -215px url("../images/sprites.png");
        width: 25px;
        height: 25px;
        top: 10px;
    }


    .accordion .accordion-row {
        padding: 10px 50px 10px 15px;
        position: relative;
        margin: 0 0 10px 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

.table.table thead tr{
	background-color: #4a61aa;
}
/*Contact Us*/
.mrs-contact-form {
  margin: auto;
  position: relative;
  width: 100%;
}
#mrs-form label.error {
  color: #fc5152;
}
#mrs-form label.valid i {
  color: #2ccdae;
}
#mrs-form label.error a {
  display: block;
}
.contact-alert-message {
  width: 100%;
  overflow: hidden;
}
#mail_success,
#mail_fail {
  display: none;
}
.contact-alert-message {
  padding: 35px 0 25px;
  text-align: center;
}
#mail_fail i {
  color: #ff0000;
  -o-animation: flash 3s ease 0s backwards;
  -ms-animation: flash 3s ease 0s backwards;
  -moz-animation: flash 3s ease 0s backwards;
  -webkit-animation: flash 3s ease 0s backwards;
  animation: flash 3s ease 0s backwards;
}
#mail_success i {
  color: #2eb267;
  -o-animation: flash 3s ease 0s backwards;
  -ms-animation: flash 3s ease 0s backwards;
  -moz-animation: flash 3s ease 0s backwards;
  -webkit-animation: flash 3s ease 0s backwards;
  animation: flash 3s ease 0s backwards;
}
.single-cform-item.active_item::before {
  -webkit-animation-name: fullWidth;
  animation-name: fullWidth;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
.single-cform-item label {
  cursor: pointer;
  display: block;
  font-weight: 300;
  letter-spacing: 2px;
}
.single-cform-item input,
.single-cform-item textarea {
  background-color: transparent;
  font-size: 15px;
  line-height: 1.3;
  padding: 10px 10px 10px 0;
  border-top: 0px solid;
  border-left: 0px solid;
  border-right: 0px solid;
  border-bottom: 1px solid #e2e2e2;
  text-align: left;
  width: 100%;
}
.single-cform-item {
  margin-bottom: 40px;
  position: relative;
}
.single-cform-item::before {
  background-color: #333;
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  width: 0%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.4s width ;
  -moz-transition: 0.4s width ;
  transition: 0.4s width ;
}
.single-cform-item textarea {
  box-sizing: border-box;
  min-height: 38px;
  overflow-x: hidden;
  line-height: 1.5;
}
.images{
    padding: 30px 0 0 0;
}
.projects{
    background-color: #d8d8d869;
    color: #0e4194;
}
ul.link {}

ul.link li {
    display: inline-block;
    width: 49%;
}

ul.link li a {
    color: #0e4194;
    font-size: 14px;
    font-weight: bolder;
    margin-bottom: 15px;
    margin-left: 15px;
    display: block;
}

ul.link li a>i {
    display: inline-table;
    margin-right: 5px;
    vertical-align: middle;
    width: 10px;
    margin-left: -15px;
}

ul.link li a:hover,
ul.link li a:focus {
    color: #0c4da2;
}
.credai{
  padding: 12px 0 10px 0;
}
#slider-button{
position: absolute;
top: 68%;
left: 20%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-color: #385591;
color: white;
font-size: 16px;
padding: 12px 24px;
border: none;
cursor: pointer;
border-radius: 5px;
text-align: center;
!important}

