.common_slider_nav, .hero_slider .owl-nav .owl-prev, .hero_slider .owl-nav .owl-next {

  width: 41px;

  height: 50px;

  line-height: 50px;

  position: absolute;

  border: 1px solid #717171;

  top: 50%;

  margin-top: -25px; }

iframe

{

	width:100% !important;

}

.common_btn, .romana_header_top_right.text-right a, .romana_hero_text .romana_slider_btn1, .romana_hero_text .romana_slider_btn2, .romana_service_btn a, .romana_about_btn a, .romana_consult_btn, .romana_img_hover_content, .romana_quote_btn, .romana_blog_btn, .romana_contact_form input[type=submit], .romana_blog_area2 .romana_load_more_btn, .romana_single_team .romana_team_title h3, .romana_sidebar_three a, .romana_404_area .romana_404_right a, .romana_contact_form2 .romana_submit_btn input, .romana_quote_right .quote_submit input, .romana_check_form .romana_submit_btn input, .romana_cart_total .romana_cart_btn1, .romana_cart_total .romana_cart_btn2 {

  display: inline-block;

  width: 170px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  border-radius: 50px;

  text-transform: uppercase;

  font-weight: 600;

  color: #fff;

  font-size: 12px;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s; }



.common_bg, .hero_slider_bg, .romana_get_consult_area, .romana_request_area, .romana_allPage_area {

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  position: relative; }



.common_after, .romana_section_title h2:after, .hero_slider_bg:after, .romana_hero_text h1:after, .romana_get_consult_area:after, .romana_consult_left :after, .romana_allPage_area:after, .romana_history_left_content:after, .romana_videos_area .romana_video::before, .romana_videos_area .service-video-play a, .romana_project_detail_ul ul li :after, .romana_single_shop .romana_shop_img:after, .romana_single_faq h3:after, .tab_area ul.tabs li.current:before, .tab_area ul.tabs li.current:after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  left: 0;

  top: 0; }

.romana_projects_area .romana_section_title

{

text-align:center;	

}

.romana_projects_area p

{

	padding:8px;

}

.commonh3, .romana_serviceDetail_text3 h2, .romana_team_detail .romana_team_detail_content .team_detail_right h3, .romana_service_wrap2 .romana_wrap2_text h2, .romana_project_detail_ul ul li, .romana_sidebar_three h3, .romana_project_detail_right_text h3, .romana_contact_left .single_contact h3, .romana_single_faq h3 {

  color: #222222;

  font-size: 18px;

  font-weight: 700;

  text-transform: capitalize; }



.common_shadow, .romana_about_img img, .romana_service_wrap2 .romana_serviceDetail_img_text .romana_serviceDetail_img2 img, #googleMap {

  border: 10px solid #ffffff;

  box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.1); }



.common_shadow_btn, .common_shadow_hover:hover {

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



.common_input_after, .romana_quote_right .select_option:after, .category_select_section .select_option:after, .romana_check_form .select_option:after, .romana_check_form .select_option1:after, .romana_check_form .select_option2:after, .romana_check_form .select_option3:after {

  background: #418203;

  color: #fff;

  content: "\f0d7 ";

  cursor: pointer;

  font-family: FontAwesome;

  font-size: 17px;

  position: absolute;

  right: 0px;

  top: 0px;

  height: 45px;

  width: 50px;

  text-align: center;

  line-height: 45px;

  pointer-events: none; }



/* ------------------------------------------------

    1.***Base Css Start***

------------------------------------------------- */

* {

  margin: 0px;

  padding: 0px;

  list-style: none; }



a {

  text-decoration: none;

  outline: none; }



a:hover, a:focus, input, textarea {

  text-decoration: none;

  outline: none; }



h1, h2, h3, h4, h5, h6 {

  margin: 0px;

  padding: 0px; }



img {

  max-width: 100%; }



ol, ul {

  margin: 0px;

  padding: 0px; }



html,

body {

  height: 100%; }



body {

  font-family: 'Poppins', sans-serif;

  font-size: 16px;

  line-height: 30px;

  color: #292727;

    

  font-weight: 300; }



.fix:after,

.fix:before {

  content: "";

  display: table; }



.fix:after {

  clear: both; }



.floatleft {

  float: left; }



.floatright {

  float: right; }



/* input place holder color */

.romana_contact_form {

  /* textarea place holder color */ }

  .romana_contact_form ::-webkit-input-placeholder {

    /* WebKit browsers */

    color: #fff;

    opacity: 1; }

  .romana_contact_form :-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    color: #fff;

    opacity: 1; }

  .romana_contact_form ::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #fff;

    opacity: 1; }

  .romana_contact_form :-ms-input-placeholder {

    /* Internet Explorer 10+ */

    color: #fff;

    opacity: 1; }

  .romana_contact_form textarea::-webkit-input-placeholder {

    color: #fff !important; }

  .romana_contact_form textarea:-moz-placeholder {

    /* Firefox 18- */

    color: #fff !important; }

  .romana_contact_form textarea::-moz-placeholder {

    /* Firefox 19+ */

    color: #fff !important; }

  .romana_contact_form textarea:-ms-input-placeholder {

    color: #fff !important; }



.romana_contact_form2 {

  /* textarea place holder color */ }

  .romana_contact_form2 ::-webkit-input-placeholder {

    /* WebKit browsers */

    color: #222;

    opacity: 1; }

  .romana_contact_form2 :-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    color: #222;

    opacity: 1; }

  .romana_contact_form2 ::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #222;

    opacity: 1; }

  .romana_contact_form2 :-ms-input-placeholder {

    /* Internet Explorer 10+ */

    color: #222;

    opacity: 1; }

  .romana_contact_form2 textarea::-webkit-input-placeholder {

    color: #222 !important; }

  .romana_contact_form2 textarea:-moz-placeholder {

    /* Firefox 18- */

    color: #222 !important; }

  .romana_contact_form2 textarea::-moz-placeholder {

    /* Firefox 19+ */

    color: #222 !important; }

  .romana_contact_form2 textarea:-ms-input-placeholder {

    color: #fff !important; }



.romana_faq_contact {

  /* textarea place holder color */ }

  .romana_faq_contact ::-webkit-input-placeholder {

    /* WebKit browsers */

    color: #666666;

    opacity: 1; }

  .romana_faq_contact :-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    color: #666666;

    opacity: 1; }

  .romana_faq_contact ::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #666666;

    opacity: 1; }

  .romana_faq_contact :-ms-input-placeholder {

    /* Internet Explorer 10+ */

    color: #666666;

    opacity: 1; }

  .romana_faq_contact textarea::-webkit-input-placeholder {

    color: #666 !important; }

  .romana_faq_contact textarea:-moz-placeholder {

    /* Firefox 18- */

    color: #666 !important; }

  .romana_faq_contact textarea::-moz-placeholder {

    /* Firefox 19+ */

    color: #666 !important; }

  .romana_faq_contact textarea:-ms-input-placeholder {

    color: #fff !important; }



/* ==================================== Common Css =================================== */

.romana_section_padding {

  padding-top: 92px; }

  .romana_section_title h1 {

      color:#000;

  }

  .romana_section_title p {

      color:#333;

	  padding:8px;

  }



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

    .romana_section_padding {

      padding-top: 72px; } }



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

  .romana_section_title {

    text-align: center; } }

.romana_section_title h2 {

  font-size: 30px;

  color: #222222;

  text-transform: uppercase;

  font-weight: 700;

  position: relative;

  margin-top: 31px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_section_title h2 {

      font-size: 27px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_section_title h2 {

      font-size: 24px; } }

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

    .romana_section_title h2 {

      font-size: 22px; } }



.romana_section_title h2:after {

      background: #418203;

    width: 50px;

    height: 5px;

    left: 0;

    top: -23px;

    border-radius: 3px }

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

    .romana_section_title h2:after {

      left: 50%;

      margin-left: -25px; } }



/* ==================================== Header-Top Css ============================== */

.romana_header_top {

  background: #161616;

  position: relative; }

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

    .romana_header_top {

      display: none; } }



.romana_header_top_left ul {

  margin: 0px;

  padding: 0px; }

.romana_header_top_left li {

  display: inline-block;

  float: left;

  padding-bottom: 10px;

  padding-right: 25px;

  padding-top: 10px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_header_top_left li {

      padding-right: 18px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_header_top_left li {

      font-size: 11px;

      padding-right: 10px; } }

.romana_header_top_left a {

  color: #fff;

  font-size: 12px;

  font-weight: 300; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_header_top_left a {

      font-size: 11px; } }

.romana_header_top_left i {

  margin-right: 9px; }



.romana_header_top_right.text-right {

  margin-right: -15px; }



.romana_header_top_right.text-right a {

  background-color: #418203;

  width: 200px;

  height: 100%;

  font-size: 13px;

  line-height: 52px;

  border-radius: 0px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_header_top_right.text-right a {

      font-size: 12px;

      width: 180px; } }



/* ==================================== Header-Bottom Css ======================= */

.romana_header_bottom {

  background: transparent url("../../images/menu_bg.png");

  background-repeat: repeat;

  position: relative;

  z-index: 999; }



.romana_logo, .header_bottom_right {

  margin-top: 12px; }

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

    .romana_logo, .header_bottom_right {

      margin-bottom: 6px;

      margin-top: 12px; } }



nav#navbar {

  text-align: right;

  padding: 0 65px 0 0; }

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

    nav#navbar {

      position: absolute;

      width: 280px;

      padding-right: 0;

      background: #ffffff;

      z-index: 2;

      right: 15px;

      top: 75px;

      border: 10px solid #ffffff;

      box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } }

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

    nav#navbar {

      width: 320px; } }



nav#navbar ul.nav {

  margin: 0;

  list-style: none;

  float: none;

  display: inline-block;

  vertical-align: top; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    nav#navbar ul.nav {

      float: left; } }

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

    nav#navbar ul.nav {

      display: block;

      text-align: left; } }

  nav#navbar ul.nav li {

    display: inline-block;

    position: relative; }

    nav#navbar ul.nav li a {

      font-size: 13px;

      font-weight: 500;

      text-transform: uppercase;

      color: #222222;

      -webkit-transition-duration: 0.4s;

      transition-duration: 0.4s;

      padding: 0 15px;

      line-height: 20px;

      margin: 30px 0;

      display: inline-block; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        nav#navbar ul.nav li a {

          font-size: 12px;

          line-height: 10px;

          margin: 38px 0 31px;

          padding: 0 16px; } }

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

        nav#navbar ul.nav li a {

          display: block;

          margin: 0;

          padding: 15px; } }

      nav#navbar ul.nav li a:hover {

        color: #418203; }

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

          nav#navbar ul.nav li a:hover {

            color: #ffffff;

            background-color: #288feb; } }

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

      nav#navbar ul.nav li {

        display: block;

        border: 1px solid #d2d2d2;

        margin: 4px 0; } }

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

      nav#navbar ul.nav li ul {

        border: none; } }

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

      nav#navbar ul.nav li ul li {

        border: 1px solid #d2d2d2; } }



nav#navbar > ul.nav > li:after {

  position: absolute;

  content: "";

  background: #418203;

  width: 36px;

  height: 3px;

  left: 50%;

  bottom: 0;

  transition-duration: .4s;

  transform: scale(0, 1);

  margin-left: -18px; }

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

    nav#navbar > ul.nav > li:after {

      display: none; } }



nav#navbar ul.nav li:hover:after {

  transform: scale(1); }



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

  nav#navbar ul.nav li ul.dropdown-menu {

    box-shadow: none;

    background: #f8fbfd;

    float: none;

    width: 100%;

    padding: 0;

    position: static; } }



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

  nav#navbar ul.nav li ul.dropdown-menu li {

    border-left: 3px solid #288feb; } }



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

  nav#navbar ul.nav li ul.dropdown-menu .menu-collumn {

    border: none !important; } }



@media only screen and (min-width: 768px) {

  nav#navbar ul.nav li ul.dropdown-menu {

    width: 200px;

    background: #fff;

    border-top:3px solid #418203;

    position: absolute;

    z-index: 2;

    left: 0;

    top: 200%;

    opacity: 0;

    visibility: hidden;

    padding: 0;

    -webkit-transition: all 0.25s ease-out 0s;

    transition: all 0.25s ease-out 0s;

    display: block; }



  nav#navbar ul.nav li ul.dropdown-menu li {

    width: 100%; }



  nav#navbar ul.nav li ul.dropdown-menu li a {

    display: block;

    width: 100%;

    line-height: 45px;

    margin: 0;

    text-align: left;

    padding-left: 20px;

    font-size: 12px; }



  nav#navbar ul.nav li ul.dropdown-menu li a:before {

    content: '\f101 ';

    font-family: "FontAwesome";

    margin-right: 12px;

    color: #288feb; }



  nav#navbar ul.nav li ul.dropdown-menu.mega-menu {

    width: 600px;

    left: auto;

    right: 0;

    padding: 15px 0; }



  nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn {

    border-right: 1px solid #eaeaea;

    float: left;

    height: 100%;

    vertical-align: top;

    width: 33.3333%;

    border-bottom: none; }



  nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn:last-child {

    border-right: none; }



  nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn ul {

    margin-bottom: 25px; }



  nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn ul li {

    border: none !important; }



  nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn ul li a {

    line-height: 35px; }



  nav#navbar ul.nav li ul.dropdown-menu.mega-menu .menu-collumn ul:last-child {

    margin: 0; }



  nav#navbar ul.nav li:nth-last-child(1) ul.dropdown-menu,

  nav#navbar ul.nav li:nth-last-child(2) ul.dropdown-menu {

    left: auto;

    right: 0; }



  nav#navbar ul.nav li.open ul.dropdown-menu {

    top: 100%;

    opacity: 1;

    visibility: visible; }



  nav#navbar ul.nav li.open > a,

  nav#navbar ul.nav li.open > a:focus,

  nav#navbar ul.nav li.open > a:hover {

    background: transparent; }



  nav#navbar ul.nav li > a,

  nav#navbar ul.nav li > a:focus,

  nav#navbar ul.nav li > a:hover {

    background: transparent; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  nav#navbar ul.nav li:nth-last-child(1) ul.dropdown-menu,

  nav#navbar ul.nav li:nth-last-child(2) ul.dropdown-menu {

    left: auto;

    right: -137px !important; } }

.navbar-toggle {

  margin-bottom: 11px;

  margin-right: -6px;

  margin-top: 14px; }



ul.cartSearch {

  margin: 0;

  list-style: none;

  display: inline-block;

  position: absolute;

  right: 15px;

  top: 0; }

  ul.cartSearch li {

    display: inline; }

    ul.cartSearch li a {

      display: inline-block;

      font-size: 12px;

      line-height: 20px;

      vertical-align: top;

      margin: 25px -5px 25px 15px;

      -webkit-transition-duration: 0.4s;

      transition-duration: 0.4s;

      padding: 5px;

      color: #000000; }

      ul.cartSearch li a:hover {

        color: #288feb; }



@media only screen and (min-width: 0px) and (max-width: 991px) {

  ul.cartSearch {

    margin-right: 50px;

    top: 1px; } }

ul.cartSearch li.cart a {

  font-size: 15px; }

  ul.cartSearch li.cart a span {

    background: #288feb none repeat scroll 0 0;

    border-radius: 50%;

    color: #ffffff;

    font-size: 10px;

    font-weight: 700;

    height: 18px;

    left: 87%;

    line-height: 18px;

    position: absolute;

    text-align: center;

    top: 22px;

    width: 17px; }



form.searchForm {

  background-color: #ffffff;

  height: 50px;

  position: absolute;

  right: 15px;

  width: 100%;

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

  z-index: 2;

  overflow: hidden;

  bottom: -50px;

  width: 500px;

  opacity: 0;

  visibility: hidden;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s;

  transform: scale(1, 0); }

  @media only screen and (min-width: 0px) and (max-width: 991px) {

    form.searchForm {

      width: 400px; } }

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

    form.searchForm {

      width: 279px; } }

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

    form.searchForm {

      width: 400px; } }

  form.searchForm i {

    color: #222222;

    content: "\efb2";

    font-family: "IcoFont";

    font-size: 20px;

    left: 10px;

    line-height: 50px;

    position: absolute;

    cursor: pointer;

    padding-right: 10px;

    border-right: 1px solid #eee; }

    form.searchForm i:hover {

      color: #418203; }

    @media only screen and (min-width: 0px) and (max-width: 991px) {

      form.searchForm i {

        line-height: 53px; } }



form.searchForm.active {

  visibility: visible;

  opacity: 1;

  transform: scale(1); }



form.searchForm input {

  border: medium none;

  display: inline-block;

  float: left;

  height: 50px;

  width: 85%;

  padding-left: 55px;

  font-size: 17px; }

  @media only screen and (min-width: 0px) and (max-width: 991px) {

    form.searchForm input {

      font-size: 15px; } }



form.searchForm input + input {

  width: 15%;

  background: #288feb;

  font-family: "IcoFont";

  color: #ffffff;

  font-size: 18px;

  padding-left: 0; }



/* ==================================== Hero-Area Css ======================= */

.hero_slider .owl-nav {

  color: #7e7e7e;

  font-size: 30px;

  display: block; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .hero_slider .owl-nav {

      font-size: 20px; } }

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

    .hero_slider .owl-nav {

      font-size: 25px; } }

  .hero_slider .owl-nav .owl-prev {

    left: 0px;

    border-radius: 0 50px 50px 0;

    border-left: none;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s; }

    .hero_slider .owl-nav .owl-prev:hover {

      border: 1px solid #418203;

      border-left: none;

      color: #fff; }

    @media only screen and (min-width: 1200px) and (max-width: 1300px) {

      .hero_slider .owl-nav .owl-prev {

        left: 0px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .hero_slider .owl-nav .owl-prev {

        left: 0px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .hero_slider .owl-nav .owl-prev {

        height: 42px;

        line-height: 42px;

        width: 27px; } }

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

      .hero_slider .owl-nav .owl-prev {

        left: 0px;

        border: 1px solid #717171;

        height: 40px;

        line-height: 42px;

        width: 30px;

        border-left: 0px solid #fff; } }

  .hero_slider .owl-nav .owl-next {

    border-radius: 50px 0 0 50px;

    right: 0;

    border-right: none;

    text-align: center;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s; }

    .hero_slider .owl-nav .owl-next:hover {

      border: 1px solid #418203;

      border-right: none;

      color: #fff; }

    @media only screen and (min-width: 1200px) and (max-width: 1300px) {

      .hero_slider .owl-nav .owl-next {

        right: 0px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .hero_slider .owl-nav .owl-next {

        right: 0px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .hero_slider .owl-nav .owl-next {

        height: 42px;

        line-height: 42px;

        width: 27px; } }

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

      .hero_slider .owl-nav .owl-next {

        right: 0px;

        border: 1px solid #717171;

        height: 40px;

        line-height: 42px;

        width: 30px;

        border-right: 0px solid #fff; } }



.hero_slider_bg {

  height: 600px; }



.hero_slider_bg:after {

  background-image: url("../../images/slider_overlay.png"); }



.romana_hero_text {

  position: relative;

  z-index: 9;

  color: #b9b9b9;

  max-width: 830px;

  margin: 0 auto;

  padding-top: 193px;

  font-size: 16px; }

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

    .romana_hero_text {

      padding-top: 160px; } }

  .romana_hero_text h1 {

    color: #fff;

    font-size: 30px;

    font-weight: 300;

    position: relative;

    margin-bottom: 15px; }

    .romana_hero_text h1 .animated {

      animation-duration: 1s; }

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

      .romana_hero_text h1 {

        font-size: 20px; } }

  .romana_hero_text h1:after {

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s;

    background: #418203;

    border-radius: 2px;

    height: 5px;

    left: 50%;

    margin-left: -42.5px;

    top: -36px;

    width: 85px; }

  .romana_hero_text span {

    display: block;

    font-size: 70px;

    font-weight: 400;

    margin-top: 17px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_hero_text span {

        font-size: 57px; } }

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

      .romana_hero_text span {

        font-size: 40px; } }

  .romana_hero_text p.animated {

    animation-duration: 3s; }

  .romana_hero_text .romana_slider_btn {

    margin-top: 32px;

    animation-duration: 4s; }

  .romana_hero_text .romana_slider_btn a {

    margin: 0px 5px; }

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

      .romana_hero_text .romana_slider_btn a {

        margin: 0; } }

  .romana_hero_text .romana_slider_btn1 {

    background: rgba(65, 130, 3, 0.56);

    border: 1px solid #418203;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s; }

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

      .romana_hero_text .romana_slider_btn1 {

        width: 126px;

        height: 42px;

        line-height: 42px; } }

  .romana_hero_text .romana_slider_btn1:hover {

    background: rgb(70, 132, 7);

    border: 1px solid transparent; }

  .romana_hero_text .romana_slider_btn2 {

    background: none;

    border: 1px solid #fff;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s; }

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

      .romana_hero_text .romana_slider_btn2 {

        width: 126px;

        height: 42px;

        line-height: 42px; } }

  .romana_hero_text .romana_slider_btn2:hover {

    background: rgba(65, 130, 3, 0.56);

    border: 1px solid transparent; }



/* ==================================== Service-Area Css ======================= */

.romana_service_left_text {

  color:#292727;

  padding-right: 21px; }

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

    .romana_service_left_text {

      font-size: 15px;

      padding-right: 0;

      text-align: center; } }

  .romana_service_left_text h2 {

    margin-bottom: 24px; }

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

    .romana_service_left_text h2:after {

      left: 50%;

      margin-left: -25px; } }



.romana_service_icon {

  margin-bottom: 29px;

    margin-left: 0px;

    width: 50%;

    float: left;

    min-height: 142px; }

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

    .romana_service_icon {

      margin-left: 0px;

      text-align: center; } }

  .romana_service_icon h3 {

    color: #222222;

    font-size: 18px;

    font-weight: 500;

    margin-top: 28px;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s; }

    .romana_service_icon h3:hover {

      color: #418203; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_service_icon h3 {

        font-size: 15px; } }

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

      .romana_service_icon h3 {

        font-size: 15px; } }



.romana_service_btn {

  margin-top: 30px; }

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

    .romana_service_btn {

      margin-bottom: 50px; } }

  .romana_service_btn a {

    background-color: #418203;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s; }

  .romana_service_btn a:hover {

    background: none;

    border: 1px solid #418203;

    color: #222222; }



/* ==================================== About-Area Css ======================= */

.romana_about_us_area {

  position: relative;

  background: url("../../images/about_bg.jpg");

  margin-top: -14px;

  padding: 110px 0px;

  background-repeat: no-repeat;

  background-position: left center; }

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

    .romana_about_us_area {

      padding-top: 0px;

      padding-bottom: 80px; } }



.romana_about_right_text {

  margin-top: -59px; }

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

    .romana_about_right_text {

      font-size: 15px;

      margin-top: 80px;

      text-align: center; } }

  .romana_about_right_text h2 {

    margin-bottom: 30px; }

  .romana_about_right_text h2:after {

    left: 90%; }

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

      .romana_about_right_text h2:after {

        left: 50%;

        margin-left: -25px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_about_right_text {

      font-size: 15px; } }



.romana_about_btn {

  margin-top: 34px; }

  .romana_about_btn a {

    border: 1px solid #418203;

    color: #222222;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s; }

  .romana_about_btn a:hover {

    background: #418203;

    border: 1px solid #418203;

    color: #fff; }



/* ==================================== Get-Consult-Area Css ======================= */

.romana_get_consult_area {

  background: url("../../images/consult_bg.jpg");

  background-attachment:fixed;

  padding-top: 60px;

  padding-bottom: 55px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_get_consult_area {

      padding: 42px 0px; } }



.romana_get_consult_area:after {

  background: #418203;

  opacity: .9; }



.romana_consult_left {

  position: relative;

  z-index: 9; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_consult_left {

      margin-top: 20px; } }

  .romana_consult_left h3 {

    color: #fff;

    font-size: 30px;

    font-weight: 500;

    text-transform: capitalize;

    line-height: 40px;

    text-align: right; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .romana_consult_left h3 {

        font-size: 25px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_consult_left h3 {

        font-size: 18px;

        line-height: 23px;

        text-align: left; } }

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

      .romana_consult_left h3 {

        text-align: center; } }

  .romana_consult_left :after {

    background: #fff;

    height: 110px;

    left: 113%;

    width: 4px;

    top: -16px;

    border-radius: 2px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_consult_left :after {

        top: -40px; } }

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

      .romana_consult_left :after {

        display: none; } }



.romana_consult_middle {

  color: #fff;

  font-size: 26px;

  position: relative;

  z-index: 9;

  text-align: center;

  margin-top: 25px; }

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

    .romana_consult_middle {

      font-size: 22px; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_consult_middle {

      font-size: 22px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_consult_middle {

      font-size: 21px; } }



.romana_consult_btn {

  position: relative;

  z-index: 9;

  margin-top: 15px;

  background: #fff; }

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

    .romana_consult_btn {

      display: block;

      margin: 0 auto;

      margin-top: 40px; } }

  .romana_consult_btn a {

    color: #222222;

    line-height: 53px; }



/* ==================================== Projects-Area Css ======================= */

.romana_project_text {

  color: #888888;

  font-weight: 300; }

  .romana_project_text h2 {

    margin-bottom: 8px; }



.romana_project_left_img {

  margin-top: 53px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_project_left_img {

      margin-top: 45px; } }

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

    .romana_project_left_img {

      margin-top: 215px; } }



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .romana_middle_img {

    margin-top: 11px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .romana_middle_img {

    margin-top: 15px; } }



.romana_right_img {

  margin-top: -135px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_right_img {

      margin-top: -100px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_right_img {

      margin-top: -71px; } }



.romana_project_single_img {

  margin-bottom: 30px;

  position: relative;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s; }

  .romana_project_single_img img {

    width: 100%; }



.romana_img_hover {

  background: rgba(70, 132, 7, 0.74) none repeat scroll 0 0;

  height: 100%;

  left: 0;

  position: absolute;

  text-align: center;

  top: 0;

  transform: scale(0);

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s;

  width: 100%; }



.romana_project_single_img:hover .romana_img_hover {

  border: 10px solid #fff;

  transform: scale(1);

  box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.1); }



.romana_img_hover_content {

  border: 1px solid #fff;

  left: 50%;

  margin-left: -130px;

  margin-bottom: -25px;

  position: absolute;

  bottom: 0%;

  width: 260px;

  opacity: 0;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_img_hover_content {

      margin-left: -96px;

      width: 192px;

      height: 40px;

      line-height: 40px;

      font-size: 11px; } }

  .romana_img_hover_content a {

    color: #fff; }



.romana_project_single_img:hover .romana_img_hover_content {

  bottom: 50%;

  opacity: 1;

  transition-delay: .5s; }



/* ==================================== Get_Quote-Area Css ======================= */

.romana_get_quote_area {

  border-top: 3px solid #418203;

  margin-top: 130px; }

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

    .romana_get_quote_area {

      border-top: 0px solid #418203;

      margin-bottom: -30px; } }



.romana_get_quote {

  background: #418203;

  border-radius: 80px;

  margin-top: -163px;

  padding: 40px 0; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_get_quote {

      margin-top: -167px;

      padding: 33px 0; } }

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

    .romana_get_quote {

      padding: 20px 10px;

      border-radius: 50px;

      padding-bottom: 35px; } }



.romana_quote_text {

  margin-top: 10px;

  color: #fff;

  font-size: 20px;

  font-weight: 300; }

  .romana_quote_text span {

    font-weight: 600; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_quote_text {

      font-size: 16px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_quote_text {

      font-size: 17px; } }

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

    .romana_quote_text {

      text-align: center;

      font-size: 18px; } }



.romana_quote_btn {

  background: #fff; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_quote_btn {

      width: 148px;

      margin-top: 15px; } }

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

    .romana_quote_btn {

      display: block;

      margin: 0 auto; } }

  .romana_quote_btn a {

    color: #222222;

    line-height: 53px; }



/* ==================================== Blog-Area Css ======================= */

.romana_blog_area {

  padding-top: 67px; }



.romana_post_thumb {

  position: relative; }

  .romana_post_thumb img {

    width: 100%; }



.romana_post_date, .romana_history_left_single_date {

  background: #418203;

  border-radius: 0 26px 26px 0;

  height: 50px;

  position: absolute;

  top: 20px;

  width: 92px;

  display: inline-block;

  line-height: 50px;

  color: #fff;

  font-size: 18px;

  font-weight: 300;

  text-transform: capitalize !important;

  padding-left: 10px;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s; }

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

    .romana_post_date, .romana_history_left_single_date {

      left: 15px; } }

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

    .romana_post_date, .romana_history_left_single_date {

      left: 15px; } }

  .romana_post_date span, .romana_history_left_single_date span {

    font-weight: 700;

    font-size: 22px;

    text-transform: capitalize !important;

    margin-right: 10px; }



.romana_post_title h2 {

  color: #3a3a3a;

  font-size: 22px;

  font-weight: 500;

  margin-top: 26px;

  margin-bottom: 14px;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_post_title h2 {

      font-size: 20px; } }

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

    .romana_post_title h2 {

      font-size: 18px; } }

.romana_post_title h3 {

  font-size: 14px;

  font-weight: 300; }

  .romana_post_title h3 span {

    font-weight: 500; }



.romana_post_content {

  font-size: 15px;

  color: #777;

  margin-top: 15px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_post_content {

      font-size: 14px; } }



.romana_post_btn a {

  font-weight: 500;

  font-size: 14px;

  color: #222222;

  text-decoration: underline;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s; }



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

  .romana_single_post {

    text-align: center;

    margin-top: 30px; } }



.romana_single_post:hover .romana_post_title h2 {

  color: #418203; }



.romana_single_post:hover .romana_post_btn a {

  color: #418203; }



.romana_blog_text {

  text-align: right;

  margin-top: 90px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_blog_text {

      margin-top: 54px;

      font-size: 14px; } }

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

    .romana_blog_text {

      text-align: center; } }

  .romana_blog_text h2 {

    margin-bottom: 25px; }

  .romana_blog_text h2:after {

    left: 77%; }

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

      .romana_blog_text h2:after {

        left: 50%;

        margin-left: -25px; } }



.romana_blog_btn {

  border: 1px solid #418203;

  float: right;

  margin-top: 23px;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s; }

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

    .romana_blog_btn {

      display: block;

      margin: 0 auto;

      margin-top: 37px;

      float: none; } }

  .romana_blog_btn a {

    color: #222222; }



.romana_blog_btn:hover {

  background: #418203;

  border: 1px solid #418203;

  color: #fff; }



.romana_blog_btn:hover a {

  color: #fff; }



/* ==================================== Request-Area Css ======================= */

.romana_request_area {

  background: url("../../images/request_bg.jpg");

  margin-top: 92px;

  color: #fff; }

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

    .romana_request_area {

      margin-top: 60px; } }



.romana_contact_form {

  padding-bottom: 128px;

  padding-top: 133px; }

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

    .romana_contact_form {

      padding-top: 40px;

      padding-bottom: 50px; } }



.romana_request_text {

  padding-top: 132px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_request_text {

      padding-top: 90px; } }

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

    .romana_request_text {

      padding-top: 40px; } }

  .romana_request_text h2 {

    color: #fff;

    font-size: 30px;

    margin-bottom: 28px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .romana_request_text h2 {

        font-size: 25px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_request_text h2 {

        font-size: 20px; } }

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

      .romana_request_text h2 {

        font-size: 20px; } }

  .romana_request_text h2:after {

    background: #00; }



.romana_contact_form {

  position: relative; }

  .romana_contact_form input[type=text],

  .romana_contact_form select {

	  color:#000;

    background: #d1d5d8 none repeat scroll 0 0;

    border: 1px solid #d1d5d8;

    margin-left: 10px;

    width: 48%;

    margin-bottom: 15px;

    padding-left: 15px;

    height: 46px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .romana_contact_form input[type=text],

      .romana_contact_form select {

        width: 45%; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_contact_form input[type=text],

      .romana_contact_form select {

        width: 47%;

        font-size: 14px; } }

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

      .romana_contact_form input[type=text],

      .romana_contact_form select {

        width: 94%; } }

    .romana_contact_form input[type=text] option,

    .romana_contact_form select option {

      padding-left: 15px; }

  .romana_contact_form input[type=submit] {

    border: none;

    color: #222222;

    background: #fff;

    margin-left: 15px;

    margin-top: 6px;

    line-height: 53px; 

	}

	 .romana_contact_form input::-webkit-input-placeholder {

color: #666 !important;

}

 

input:-moz-placeholder { /* Firefox 18- */

color: #666 !important;

}

 

input::-moz-placeholder {  /* Firefox 19+ */

color: #666 !important;

}

 

input:-ms-input-placeholder {  

color: #666 !important;

}

  .romana_contact_form :after {

    background: #d1d5d8 none repeat scroll 0 0;

    color: #000;

    content: "\f0d7 ";

    cursor: pointer;

    font-family: FontAwesome;

    font-size: 14px;

    height: 10%;

    line-height: 45px;

    pointer-events: none;

    position: absolute;

    right: 3px;

    top: 195px;

    width: 6%; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .romana_contact_form :after {

        right: 32px;

        width: 5%; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_contact_form :after {

        right: 7px;

        width: 4%; } }

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

      .romana_contact_form :after {

        left: 90%;

        top: 225px; } }

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

    .romana_contact_form .romana_submit_btn {

      text-align: center;

      padding-top: 20px; } }



.form-messages.success {

  color: green; }



.form-messages.error {

  color: red; }



/* ==================================== Client-Area Css ======================= */

.romana_client_area {

  padding-bottom: 10px; }

  .romana_client_area .romana_section_title {

    text-align: center; }

    .romana_client_area .romana_section_title h2 {

      margin-bottom: 8px; }

    .romana_client_area .romana_section_title h2:after {

      left: 50%;

      margin-left: -25px; }

  .romana_client_area .romana_client_crsl {

    margin-top: 65px; }

    .romana_client_area .romana_client_crsl .owl-nav {

      color: #7e7e7e;

      font-size: 30px;

      display: block; }

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

        .romana_client_area .romana_client_crsl .owl-nav {

          font-size: 20px; } }

      .romana_client_area .romana_client_crsl .owl-nav .owl-prev {

        left: -110px;

        position: absolute;

        top: 40%;

        border: 1px solid #aeaeae;

        -webkit-transition-duration: 0.3s;

        transition-duration: 0.3s; }

        .romana_client_area .romana_client_crsl .owl-nav .owl-prev:hover {

          border: 1px solid #418203;

          color: #418203; }

        @media only screen and (min-width: 1200px) and (max-width: 1300px) {

          .romana_client_area .romana_client_crsl .owl-nav .owl-prev {

            left: -20px; } }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .romana_client_area .romana_client_crsl .owl-nav .owl-prev {

            left: -23px; } }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .romana_client_area .romana_client_crsl .owl-nav .owl-prev {

            left: -20px; } }

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

          .romana_client_area .romana_client_crsl .owl-nav .owl-prev {

            left: -11px;

            top: 22%; } }

      .romana_client_area .romana_client_crsl .owl-nav .owl-next {

        right: -76px;

        position: absolute;

        top: 40%;

        border: 1px solid #aeaeae;

        -webkit-transition-duration: 0.3s;

        transition-duration: 0.3s; }

        .romana_client_area .romana_client_crsl .owl-nav .owl-next:hover {

          border: 1px solid #418203;

          color: #418203; }

        @media only screen and (min-width: 1200px) and (max-width: 1300px) {

          .romana_client_area .romana_client_crsl .owl-nav .owl-next {

            right: 0px; } }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .romana_client_area .romana_client_crsl .owl-nav .owl-next {

            right: 0px; } }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .romana_client_area .romana_client_crsl .owl-nav .owl-next {

            right: 0px; } }

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

          .romana_client_area .romana_client_crsl .owl-nav .owl-next {

            right: -7px;

            top: 22%; } }

  .romana_client_area .romana_single_client_text {

    margin-bottom: 70px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_client_area .romana_single_client_text {

        font-size: 15px; } }

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

      .romana_client_area .romana_single_client_text {

        font-size: 14px; } }

    .romana_client_area .romana_single_client_text p {

      margin-left: 20px; }

    .romana_client_area .romana_single_client_text .romana_quote_icon {

      display: block;

      float: left; }

      .romana_client_area .romana_single_client_text .romana_quote_icon i {

        color: #e0e0e0; }

    .romana_client_area .romana_single_client_text .romana_client_img_title {

      margin-left: 20px; }

      .romana_client_area .romana_single_client_text .romana_client_img_title .romana_client_img {

        display: block;

        float: left;

        margin-right: 21px; }

        .romana_client_area .romana_single_client_text .romana_client_img_title .romana_client_img img {

          width: 45px !important;

          border: 2px solid #418203; }

      .romana_client_area .romana_single_client_text .romana_client_img_title .romana_client_title h3 {

        font-size: 16px;

        color: #222; }



/* ==================================== Brand-Area Css ======================= */

.romana_brand_area {

  background: #f7fbff; }

  .romana_brand_area .brand_crsl {

    padding-top: 100px;

    padding-bottom: 80px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .romana_brand_area .brand_crsl {

        padding-top: 70px;

        padding-bottom: 60px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_brand_area .brand_crsl {

        padding: 50px; } }

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

      .romana_brand_area .brand_crsl {

        padding: 60px 0px; } }

    .romana_brand_area .brand_crsl .single_brand img {

      display: inline-block !important;

      width: auto !important; }

    .romana_brand_area .brand_crsl .single_brand img {

      -webkit-transition-duration: 0.4s;

      transition-duration: 0.4s; }

    .romana_brand_area .brand_crsl .single_brand img:hover {

      box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.1); }



/* ==================================== Footer-Area Css ======================= */

.romana_footer_area {

  background: url(../../images/footerbg.jpg);

  background-attachment:fixed;

  background-size:cover;

  padding-top: 80px;

  color: #8b8b8b; }

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

    .romana_footer_area {

      padding-top: 40px; } }

  .romana_footer_area .romana_footer_top {

    padding-bottom: 35px; }

    .romana_footer_area .romana_footer_top h2 {

      font-size: 16px;

      color: #c9c9c9;

      text-transform: capitalize;

      margin-bottom: 30px; }

    .romana_footer_area .romana_footer_top .romana_important_link {

      float: left;

      margin-left: 30px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .romana_footer_area .romana_footer_top .romana_important_link {

          margin-left: -2px; } }

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

        .romana_footer_area .romana_footer_top .romana_important_link {

          margin-left: 0px;

          margin-top: 38px; } }

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

        .romana_footer_area .romana_footer_top .romana_important_link ul {

          margin-top: -10px; } }

    .romana_footer_area .romana_footer_top .romana_important_link2 {

      margin-top: 46px; }

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

      .romana_footer_area .romana_footer_top ul {

        margin-top: 76px; } }

    .romana_footer_area .romana_footer_top ul li a {

      color: #8b8b8b;

      text-transform: capitalize;

      -webkit-transition-duration: 0.4s;

      transition-duration: 0.4s; }

    .romana_footer_area .romana_footer_top ul li a:hover {

      color: #418203; }

    .romana_footer_area .romana_footer_top .romana_recent_projects {

      padding-left: 40px; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .romana_footer_area .romana_footer_top .romana_recent_projects {

          margin-left: -40px; } }

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

        .romana_footer_area .romana_footer_top .romana_recent_projects {

          padding-left: 0px;

          margin-top: 40px; } }

      .romana_footer_area .romana_footer_top .romana_recent_projects img {

        margin-bottom: 10px;

        margin-right: 5px; }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .romana_footer_area .romana_footer_top .romana_recent_projects img {

            margin-bottom: 4px;

            margin-right: -1px; } }

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

          .romana_footer_area .romana_footer_top .romana_recent_projects img {

            margin-right: -2px;

            margin-bottom: 4px; } }

    .romana_footer_area .romana_footer_top .romana_footer_social_link {

      padding-top: 11px; }

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

        .romana_footer_area .romana_footer_top .romana_footer_social_link {

          margin-top: -63px; } }

      .romana_footer_area .romana_footer_top .romana_footer_social_link ul li {

        float: left;

        padding-right: 20px; }

        .romana_footer_area .romana_footer_top .romana_footer_social_link ul li a {

          color: #fff;

          -webkit-transition-duration: 0.4s;

          transition-duration: 0.4s; }

        .romana_footer_area .romana_footer_top .romana_footer_social_link ul li a:hover {

          color: #418203; }

  .romana_footer_area .romana_footer_bottom_content {

    border-top: 1px solid #434343;

    color: #7e7e7e;

    font-size: 14px;

    padding: 20px 0px; }

    .romana_footer_area .romana_footer_bottom_content span {

      color: #656565; }

      .romana_footer_area .romana_footer_bottom_content span i {

        color: #418203; }



/* ==================================== All Page Common Css ======================= */

.romana_allPage_area {

  background: url("../../images/all_page_bg.jpg");

  background-attachment:fixed;

  height: 238px; }

  .romana_allPage_area .romana_allPage_text {

    color: #fff;

    position: relative;

    z-index: 9;

    text-align: center; }

    .romana_allPage_area .romana_allPage_text h1 {

      font-size: 28px;

      text-transform: uppercase;

      font-weight: 600;

      padding-top: 90px;

      padding-bottom: 25px; color: #fff}



.romana_allPage_area:after {

  background: rgba(0, 0, 0, 0.59);

  height: 242px; }



.breadcrumb {

  background-color: transparent;

  border-radius: 4px;

  margin-bottom: 0;

  margin-top: -14px;

  padding: 0; }

  .breadcrumb li a {

    color: #b9b9b9;

    text-transform: capitalize;

    font-size: 16px; }

  .breadcrumb li.active a {

    color: #418203; }

  .breadcrumb li + li::before {

    color: #b9b9b9;

    content: " ";

    padding: 0px; }



/* ==============================================================================================

    ************** About Page ******************

================================================================================================= */

/* ==================================== romana_WorksWith_area  Common Css ======================= */

.romana_worksWith_area {

  background: url("../../images/about2_bg.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  padding-bottom: 110px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_worksWith_area .romana_worksWith_text {

      text-align: justify;

      padding-right: 20px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_worksWith_area .romana_worksWith_text {

      text-align: justify;

      padding-right: 20px; } }

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

    .romana_worksWith_area .romana_worksWith_text {

      text-align: center;

      padding: 10px; } }

  .romana_worksWith_area .romana_worksWith_text h2 {

    font-size: 30px;

    color: #222222;

    font-weight: 700;

    margin-bottom: 24px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_worksWith_area .romana_worksWith_text h2 {

        font-size: 26px; } }

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

      .romana_worksWith_area .romana_worksWith_text h2 {

        font-size: 26px; } }

  .romana_worksWith_area .romana_worksWith_img {

    padding-left: 65px;

    padding-top: 18px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_worksWith_area .romana_worksWith_img {

        padding-left: 0px; } }

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

      .romana_worksWith_area .romana_worksWith_img {

        padding-left: 0px; } }



/* ==================================== romana_history_area  Common Css======================= */

.romana_history_left_content {

  margin-bottom: 96px;

  margin-top: -14px;

  padding-right: 15px;

  position: relative; }

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

    .romana_history_left_content {

      padding-right: 0px; } }



.romana_history_left_content:after {

  background: #418203;

  height: 930px;

  width: 5px;

  z-index: -1;

  left: 50%;

  margin-left: -2.5px; }



.romana_history_left_single_content {

  background: #e6f4ff;

  text-align: center;

  padding: 70px 65px 50px;

  margin-bottom: 70px;

  position: relative; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_history_left_single_content {

      padding: 95px 25px 50px; } }

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

    .romana_history_left_single_content {

      padding: 86px 18px 50px; } }

  .romana_history_left_single_content h3 {

    color: #000;

    font-size: 24px;

    text-transform: capitalize;

    margin-bottom: 20px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .romana_history_left_single_content h3 {

        font-size: 24px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_history_left_single_content h3 {

        font-size: 20px; } }

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

      .romana_history_left_single_content h3 {

        font-size: 20px; } }



.romana_history_left_single_date {

  left: 0;

  font-size: 24px;

  font-weight: 500;

  padding-left: 0px;

  line-height: 55px;

  width: 86px;

  height: 52px; }

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

    .romana_history_left_single_date {

      font-size: 19px;

      height: 45px;

      line-height: 48px;

      width: 78px; } }



.romana_history_right_content {

  padding-left: 15px;

  margin-top: -10px; }

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

    .romana_history_right_content {

      text-align: center;

      padding-left: 0px; } }

  .romana_history_right_content h3 {

    color: #222222;

    font-size: 30px;

    margin-bottom: 24px; }

  .romana_history_right_content .romana_history_right_content_img {

    margin-bottom: 70px;

    margin-top: 50px; }



/* ==================================== romana_video_area  Common Css======================= */

.romana_videos_area {

  padding-bottom: 100px; }

  .romana_videos_area .videos_title {

    margin-bottom: 67px; }

    .romana_videos_area .videos_title h2:after {

      left: 50%;

      margin-left: -25px; }

  .romana_videos_area .romana_video {

    height: 445px;

    position: relative;

    height: 532px;

    z-index: 1; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .romana_videos_area .romana_video {

        height: 440px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_videos_area .romana_video {

        height: 400px; } }

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

      .romana_videos_area .romana_video {

        height: 200px; } }

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

      .romana_videos_area .romana_video {

        height: 250px; } }

    .romana_videos_area .romana_video video {

      position: relative;

      width: 100%;

      height: 100%;

      z-index: -1; }

  .romana_videos_area .romana_video::before {

    background: rgba(0, 0, 0, 0.8);

    z-index: 3; }

  .romana_videos_area .playing.romana_video::before {

    visibility: hidden; }

  .romana_videos_area .service-video-play a {

    color: #fff;

    z-index: 2; }

  .romana_videos_area .service-video-play img {

    height: 532px;

    width: 100%; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .romana_videos_area .service-video-play img {

        height: 440px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_videos_area .service-video-play img {

        height: 400px; } }

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

      .romana_videos_area .service-video-play img {

        height: 200px; } }

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

      .romana_videos_area .service-video-play img {

        height: 250px; } }

  .romana_videos_area .service-video-play a.link-video-icon {

    color: #fff;

    display: inline-block;

    font-size: 38px;

    height: 40px;

    left: 50%;

    line-height: 40px;

    margin-left: -20px;

    position: absolute;

    top: 43%;

    width: 40px;

    z-index: 3; }

  .romana_videos_area .service-video-play a.link-pause {

    display: inline-block;

    font-size: 40px;

    height: 40px;

    left: 15px;

    position: absolute;

    width: 40px;

    z-index: 9999;

    bottom: 19px;

    top: auto; }

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

      .romana_videos_area .service-video-play a.link-pause {

        font-size: 26px; } }

  .romana_videos_area .link-video {

    bottom: 24px;

    color: #fff;

    cursor: pointer;

    left: 50px;

    position: absolute; }

  .romana_videos_area .playing .service-video-play a {

    visibility: hidden; }

  .romana_videos_area .link-video-icon {

    bottom: 17px;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    height: 35px;

    left: 15px;

    line-height: 35px;

    position: absolute;

    text-align: center;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s;

    width: 35px; }

  .romana_videos_area .link-pause {

    visibility: hidden; }

  .romana_videos_area .playing .service-video-play > a.link-pause {

    border-radius: 50%;

    color: #000000;

    visibility: visible;

    width: 35px;

    height: 37px; }

  .romana_videos_area .link-video-icon:hover i {

    color: #418203; }



/* ==============================================================================================

    ************** Blog Page ******************

================================================================================================= */

.romana_blog_area2 .romana_blog_title {

  padding-bottom: 60px; }

.romana_blog_area2 .romana_single_post {

  padding-bottom: 72px; }

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

    .romana_blog_area2 .romana_single_post {

      text-align: center;

      padding-bottom: 20px;

      margin-top: 0px; } }

.romana_blog_area2 .romana_load_more_btn {

  background: #418203;

  display: block;

  margin: 0 auto 80px;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s; }

  .romana_blog_area2 .romana_load_more_btn a {

    color: #fff; }

.romana_blog_area2 .romana_load_more_btn:hover {

  border: 1px solid #418203;

  background: none; }

.romana_blog_area2 .romana_load_more_btn:hover a {

  color: #222222; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .romana_blog_area2 .romana_post_title h2 {

    font-size: 18px; } }

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

  .romana_blog_area2 .romana_post_title h2 {

    font-size: 18px; } }



/* ==============================================================================================

    ************** Blog-Detail Page ******************

================================================================================================= */

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

  .romana_blog_detail_area {

    margin-top: 210px; } }

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

  .romana_blog_detail_area {

    margin-top: 210px; } }



.blog_detail_text {

  margin-top: 52px; }

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

    .blog_detail_text {

      text-align: center; } }

  .blog_detail_text p {

    margin-top: 22px; }

    .blog_detail_text p span {

      font-weight: 500;

      font-size: 17px; }



.tag_sidebar ul {

  margin-left: -9px; }

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

    .tag_sidebar ul {

      margin-left: 0px; } }

  .tag_sidebar ul li {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #cbcbcb;

    display: inline-block;

    float: left;

    height: 45px;

    line-height: 45px;

    margin-bottom: 20px;

    margin-left: 14px;

    padding: 0;

    text-align: center;

    width: 105px;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .tag_sidebar ul li {

        width: 122px;

        margin-left: 22px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .tag_sidebar ul li {

        width: 100px;

        margin-left: 13px; } }

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

      .tag_sidebar ul li {

        width: 90px;

        margin-left: 4px; } }

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

      .tag_sidebar ul li {

        width: 132px;

        margin-left: 12px; } }

    .tag_sidebar ul li a {

      color: #777;

      font-size: 14px;

      text-transform: capitalize;

      -webkit-transition-duration: 0.4s;

      transition-duration: 0.4s; }

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

        .tag_sidebar ul li a {

          font-size: 13px; } }

  .tag_sidebar ul li:hover {

    background: #418203;

    border: 1px solid #418203; }

  .tag_sidebar ul li:hover a {

    color: #fff; }



/* ==============================================================================================

    ************** Service Page ******************

================================================================================================= */

.romana_serviceImg_area {

  padding-top: 110px;

  padding-bottom: 30px; }

  .romana_serviceImg_area .romana_service_singleImg {

    position: relative;

    margin-bottom: 55px;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s; }

    .romana_serviceImg_area .romana_service_singleImg img {

      -webkit-transition-duration: 0.4s;

      transition-duration: 0.4s;

      border: 5px solid transparent;

      width: 100%; }

    .romana_serviceImg_area .romana_service_singleImg .romana_serviceImg_text {

      position: absolute;

      background: #418203;

      left: 5px;

      bottom: 5px;

      width: 320px;

      height: 50px;

      border-radius: 0px 26px 26px 0px;

      color: #fff;

      padding: 20px 25px;

      font-size: 14px;

      -webkit-transition-duration: 0.4s;

      transition-duration: 0.4s; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .romana_serviceImg_area .romana_service_singleImg .romana_serviceImg_text {

          width: 240px;

          font-size: 12px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .romana_serviceImg_area .romana_service_singleImg .romana_serviceImg_text {

          padding: 23px 25px;

          width: 200px; } }

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

        .romana_serviceImg_area .romana_service_singleImg .romana_serviceImg_text {

          font-size: 12px; } }

      .romana_serviceImg_area .romana_service_singleImg .romana_serviceImg_text a {

        color: #fff; }

        .romana_serviceImg_area .romana_service_singleImg .romana_serviceImg_text a h3 {

          font-size: 17px;

          margin-bottom: 9px;

          margin-top: -4px;

          text-transform: uppercase; }

          @media only screen and (min-width: 992px) and (max-width: 1199px) {

            .romana_serviceImg_area .romana_service_singleImg .romana_serviceImg_text a h3 {

              font-size: 15px; } }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            .romana_serviceImg_area .romana_service_singleImg .romana_serviceImg_text a h3 {

              font-size: 13px; } }

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

            .romana_serviceImg_area .romana_service_singleImg .romana_serviceImg_text a h3 {

              font-size: 16px; } }



.romana_service_singleImg:hover img {

  border: 5px solid #2c9bf2; }



.romana_service_singleImg:hover .romana_serviceImg_text {

  width: 85%;

  border-radius: 0px;

  left: 5px;

  bottom: 5px;

  padding-bottom: 115px;

  padding-top: 33px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_service_singleImg:hover .romana_serviceImg_text {

      padding-bottom: 100px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_service_singleImg:hover .romana_serviceImg_text {

      line-height: 23px;

      padding-bottom: 97px;

      padding-top: 23px;

      width: 96%; } }



.shop_hover {

  height: 100%;

  left: 0%;

  position: absolute;

  top: 0%;

  width: 100%;

  z-index: 999; }



/* ==============================================================================================

    ************** Service-Detail-1 Page ******************

================================================================================================= */

.romana_serviceImg_area {

  padding-top: 90px;

  padding-bottom: 40px; }

  .romana_serviceImg_area .romana_serviceImg_title h2 {

    margin-bottom: 48px; }

  .romana_serviceImg_area .romana_serviceImg_title h2:after {

    left: 50%;

    margin-left: -25px; }



.romana_serviceDetail_text {

  font-size: 16px;

  font-weight: 500; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_serviceDetail_text {

      font-size: 15px; } }

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

    .romana_serviceDetail_text {

      text-align: center;

      font-size: 14px; } }



.romana_service_singleImg2 {

  position: relative;

  padding-top: 10px;

  margin-bottom: 33px; }



.romana_serviceImg_text2 {

  position: absolute;

  background: #418203;

  width: 299px;

  height: 50px;

  text-align: center;

  color: #fff;

  bottom: 0;

  left: 0;

  border-radius: 0px 26px 26px 0px; }

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

    .romana_serviceImg_text2 {

      width: 245px; } }

  .romana_serviceImg_text2 h3 {

    font-size: 18px;

    line-height: 50px; }

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

      .romana_serviceImg_text2 h3 {

        font-size: 16px;

        line-height: 53px; } }



.romana_serviceDetail_text2 {

  margin-top: 22px; }

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

    .romana_serviceDetail_text2 {

      text-align: center; } }



.romana_serviceDetail_text3 {

  margin-bottom: 80px; }

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

    .romana_serviceDetail_text3 {

      text-align: center; } }

  .romana_serviceDetail_text3 h2 {

    font-size: 24px;

    margin-top: 47px;

    margin-bottom: 30px; }



.romana_serviceDetail_img {

  left: 0;

  position: absolute;

  top: -38px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_serviceDetail_img {

      display: none; } }

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

    .romana_serviceDetail_img {

      display: none; } }



/* ==============================================================================================

    ************** Team-Member Page ******************

================================================================================================= */

.romana_team_menber_area {

  padding-top: 102px;

  padding-bottom: 12px; }



.romana_single_team {

  background: #fff;

  box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.1);

  text-align: center;

  color: #777;

  font-weight: 500;

  font-size: 14px;

  position: relative;

  transition-duration: 0.4s;

  text-transform: capitalize;

  margin-bottom: 83px; }

  .romana_single_team .romana_team_img img {

    width: 100%; }

  .romana_single_team .romana_team_title {

    padding-bottom: 1px;

    padding-top: 30px;

    transition-duration: 0.4s;

    border-top: 3px solid transparent; }

    .romana_single_team .romana_team_title h3 {

      background: #418203;

      width: 240px;

      left: 50%;

      bottom: 50px; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .romana_single_team .romana_team_title h3 {

          width: 180px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .romana_single_team .romana_team_title h3 {

          width: 200px; } }

  .romana_single_team span {

    text-transform: uppercase; }



.romana_team_title:hover h3 {

  background: #fff;

  color: #418203;

  border: 1px solid #418203; }



.romana_team_title2 h3 {

  left: 50%;

  margin-left: -120px;

  position: absolute;

  top: 242px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_team_title2 h3 {

      margin-left: -90px;

      top: 191px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_team_title2 h3 {

      margin-left: -100px;

      top: 200px; } }

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

    .romana_team_title2 h3 {

      top: 270px; } }

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

    .romana_team_title2 h3 {

      top: 433px; } }



.romana_team_hover {

  background: transparent;

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  transform: scale(0);

  transition-duration: 0.4s;

  width: 100%; }



.romana_single_team:hover .romana_team_hover {

  border: 3px solid #418203;

  transform: scale(1); }



.romana_single_team:hover .romana_team_title {

  border-top: 3px solid #418203; }



/* ==============================================================================================

    ************** Team-Detail Page ******************

================================================================================================= */

.romana_team_detail {

  background: transparent url("../../images/team_detail_bg.jpg");

  background-repeat: no-repeat;

  background-position: right center; }

  .romana_team_detail .romana_team_detail_content {

    padding-bottom: 60px;

    padding-top: 100px; }

    .romana_team_detail .romana_team_detail_content .team_detail_right h3 {

      font-size: 20px;

      margin-bottom: 12px; }

    .romana_team_detail .romana_team_detail_content .team_detail_right h4 {

      font-size: 14px;

      color: #777;

      margin-bottom: 20px; }

    .romana_team_detail .romana_team_detail_content .team_detail_info p {

      line-height: 22px;

      color: #000; }

    .romana_team_detail .romana_team_detail_content .romana_team_detail_text {

      margin-top: 20px;

      padding-right: 56px;

      color: #555; }



/* ==============================================================================================

    ************** Testimonial Page ******************

================================================================================================= */

.romana_client_area2 {

  padding-top: 100px; }



/* ==============================================================================================

    ************** Service-Detail-2 Page ******************

================================================================================================= */

aside h2 {

  font-size: 24px;

  color: #000;

  text-transform: uppercase;

  font-weight: 700; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    aside h2 {

      font-size: 18px; } }

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

    aside h2 {

      font-size: 22px;

      text-align: center; } }

aside ul {

  background: #e8f5ff;

  margin-top: 40px;

  margin-bottom: 40px; }

  aside ul li {

    padding-left: 38px;

    padding-top: 12px;

    padding-bottom: 12px;

    border-bottom: 1px solid #fff; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      aside ul li {

        padding-left: 20px; } }

    aside ul li a {

      font-size: 18px;

      color: #000;

      text-transform: capitalize;

      font-weight: 500; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        aside ul li a {

          font-size: 15px; } }

aside .active {

  background: #418203; }

  aside .active a {

    color: #fff; }

aside .romana_sidebar_bottom ul li {

  background: #418203; }

  aside .romana_sidebar_bottom ul li a {

    color: #fff; }

  aside .romana_sidebar_bottom ul li span {

    float: right;

    margin-right: 30px; }



.aside_left {

  margin-right: 10px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .aside_left {

      margin-right: 0px; } }

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

    .aside_left {

      margin-right: 0px; } }



.aside_right {

  margin-left: 10px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .aside_right {

      margin-left: 0px; } }

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

    .aside_right {

      margin-left: 0px; } }



.romana_service_wrap2 {

  background: url("../../images/service_detail_bg.jpg");

  background-repeat: no-repeat;

  background-position: left bottom;

  background-size: cover;

  height: 540px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_service_wrap2 {

      height: 680px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_service_wrap2 {

      font-size: 15px;

      height: 560px; } }

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

    .romana_service_wrap2 {

      font-size: 15px;

      height: 1090px; } }

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

    .romana_service_wrap2 {

      height: 980px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_service_wrap2 .romana_wrap2_text {

      margin-top: 30px; } }

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

    .romana_service_wrap2 .romana_wrap2_text {

      font-size: 15px;

      text-align: center;

      margin-top: 30px; } }

  .romana_service_wrap2 .romana_wrap2_text h2 {

    font-size: 24px;

    margin-bottom: 15px; }

  .romana_service_wrap2 .romana_serviceDetail_img_text {

    margin-top: 40px; }

    .romana_service_wrap2 .romana_serviceDetail_img_text .romana_serviceDetail_img2 {

      float: left; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .romana_service_wrap2 .romana_serviceDetail_img_text .romana_serviceDetail_img2 {

          font-size: 14px; } }

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

        .romana_service_wrap2 .romana_serviceDetail_img_text .romana_serviceDetail_img2 {

          margin-bottom: 40px;

          float: none; } }

      .romana_service_wrap2 .romana_serviceDetail_img_text .romana_serviceDetail_img2 img {

        width: 100%; }

    .romana_service_wrap2 .romana_serviceDetail_img_text .romana_serviceDetail2_text {

      margin-left: 60px;

      padding-left: 296px; }

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

        .romana_service_wrap2 .romana_serviceDetail_img_text .romana_serviceDetail2_text {

          margin-left: 0px;

          padding-left: 0px;

          text-align: center;

          margin-top: 30px; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_service_wrap2 .service_detail3_img {

      position: absolute;

      top: 180px;

      left: 0px; } }



.romana_service_detail_text2 {

  margin-top: 22px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_service_detail_text2 {

      font-size: 15px; } }

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

    .romana_service_detail_text2 {

      font-size: 15px;

      text-align: center;

      margin-bottom: 20px; } }



.service_detail2 .romana_get_consult_area {

  margin-top: -25px; }



/* ==============================================================================================

    ************** Project-3 Page ******************

================================================================================================= */

.project_three_column {

  padding-top: 105px;

  padding-bottom: 60px; }



.romana_projects_sidebar_area {

  padding-top: 12px; }



/* ==============================================================================================

    ************** Project-4 Page ******************

================================================================================================= */

.project_four_column {

  padding-top: 105px;

  padding-bottom: 60px; }

  .project_four_column .romana_img_hover_content {

    width: 220px;

    margin-left: -110px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .project_four_column .romana_img_hover_content {

        width: 180px;

        margin-left: -90px; } }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .project_four_column .romana_img_hover_content {

        width: 180px;

        margin-left: -90px;

        font-size: 10px; } }



/* ==============================================================================================

    ************** Project-full Page ******************

================================================================================================= */

.project_full .romana_project_single_img {

  float: left;

  margin-bottom: 0px;

  position: relative;

  transition-duration: 0.4s;

  width: 25%; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .project_full .romana_project_single_img {

      width: 33.33%; } }

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

    .project_full .romana_project_single_img {

      width: 100%; } }

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

    .project_full .romana_project_single_img {

      width: 50%; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .project_full .romana_img_hover_content {

    width: 200px;

    margin-left: -100px; } }

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

  .project_full .romana_img_hover_content {

    width: 200px;

    margin-left: -100px; } }



/* ==============================================================================================

    ************** Project-Sidebar Page ******************

================================================================================================= */

.service_sidebar_padding {

  padding-bottom: 90px; }



/* ==============================================================================================

    ************** Project-Detail Page ******************

================================================================================================= */

.project_detail_padding {

  padding-bottom: 115px; }



.romana_project_detail_ul ul {

  margin-top: 60px;

  margin-bottom: 45px; }

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

    .romana_project_detail_ul ul {

      padding-left: 70px; } }

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

    .romana_project_detail_ul ul {

      padding-left: 0px; } }

  .romana_project_detail_ul ul li {

    display: inline-block;

    padding-right: 60px;

    padding-left: 19px;

    position: relative; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .romana_project_detail_ul ul li {

        padding-right: 25px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_project_detail_ul ul li {

        padding-right: 0px;

        padding-left: 9px; } }

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

      .romana_project_detail_ul ul li {

        margin-bottom: 15px; } }

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

      .romana_project_detail_ul ul li {

        padding-right: 0px;

        padding-left: 5px; } }

    .romana_project_detail_ul ul li span {

      font-weight: 300;

      display: block;

      color: #666;

      font-size: 16px; }

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

        .romana_project_detail_ul ul li span {

          font-size: 15px; } }

    .romana_project_detail_ul ul li :after {

      background: #418203;

      width: 3px;

      border-radius: 3px; }



.romana_sidebar_three {

  background: #e8f5ff none repeat scroll 0 0;

  padding: 50px 20px;

  text-align: center; }

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

    .romana_sidebar_three {

      margin-bottom: 40px; } }

  .romana_sidebar_three h3 {

    margin-bottom: 30px; }

  .romana_sidebar_three a {

    background: #418203;

    margin-top: 20px; }



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

  .romana_project_detail_right_text {

    text-align: center; } }

.romana_project_detail_right_text h3 {

  font-size: 24px;

  margin-bottom: 11px;

  margin-top: 44px; }



.pagination2 {

  text-align: center;

  padding-top: 20px;

  padding-bottom: 30px; }

  .pagination2 ul li {

    display: inline-block;

    color: #666;

    font-weight: 500;

    margin: 0px 2px;

    font-size: 14px; }

    .pagination2 ul li a {

      font-size: 18px;

      color: #000;

      font-weight: 500;

      border: 1px solid #cbcbcb;

      width: 27px;

      height: 27px;

      display: block;

      text-align: center;

      line-height: 27px;

      margin: 0px -3px; }

  .pagination2 .active a {

    color: #418203; }



/* ==============================================================================================

    ************** Shop Page ******************

================================================================================================= */

.romana_shop_area {

  padding-top: 105px;

  padding-bottom: 20px; }

  .romana_shop_area .romana_load_more_btn {

    margin-top: 35px; }



.romana_single_shop {

  margin-bottom: 60px; }

  .romana_single_shop h3 {

    font-size: 22px;

    color: #000;

    text-transform: capitalize;

    margin-top: 18px;

    margin-bottom: 10px; }

  .romana_single_shop h4 {

    font-size: 20px;

    color: #666;

    font-weight: 300; }

  .romana_single_shop .romana_shop_img {

    position: relative; }

    .romana_single_shop .romana_shop_img img {

      width: 100%; }

  .romana_single_shop .romana_shop_img:after {

    opacity: 0.4;

    width: 100%;

    background: #fff;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s;

    transform: scale(0); }



.romana_single_shop:hover .romana_shop_img:after {

  border: 10px solid #000000;

  transform: scale(1); }



/* ==============================================================================================

    ************** 404 Page ******************

================================================================================================= */

.romana_404_area {

  padding: 100px 0; }

  .romana_404_area .romana_404_left {

    text-align: center; }

  .romana_404_area .romana_404_right {

    text-align: center;

    font-size: 18px;

    text-transform: capitalize;

    margin-top: 20px; }

    .romana_404_area .romana_404_right h1 {

      font-size: 100px;

      color: #418203;

      font-weight: 700; }

    .romana_404_area .romana_404_right h2 {

      font-size: 30px;

      color: #222222;

      margin-bottom: 20px; }

    .romana_404_area .romana_404_right a {

      background: #418203;

      margin-top: 20px;

      -webkit-transition-duration: 0.4s;

      transition-duration: 0.4s; }

    .romana_404_area .romana_404_right a:hover {

      background: none;

      border: 1px solid #418203;

      color: #222222; }



/* ==============================================================================================

    ************** Contact Page ******************

================================================================================================= */

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

  .romana_contact_page_area {

    padding-top: 70px; } }



.romana_contact_left h2 {

  text-transform: capitalize;

  margin-bottom: 71px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_contact_left h2 {

      font-size: 20px; } }

.romana_contact_left .single_contact {

  margin-bottom: 37px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_contact_left .single_contact {

      font-size: 14px; } }

  .romana_contact_left .single_contact h3 {

    margin-bottom: 8px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_contact_left .single_contact h3 {

        font-size: 16px; } }



#googleMap {

  height: 260px; }



.romana_contact_form2 {

  margin-top: 85px; }

  .romana_contact_form2 h2 {

    margin-bottom: 55px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_contact_form2 h2 {

        font-size: 22px; } }

  .romana_contact_form2 input, .romana_contact_form2 textarea {

    width: 100%;

    border: none;

    background: #b4deff;

    margin-bottom: 20px;

    padding: 8px 20px;

    resize: none; }

  .romana_contact_form2 .romana_submit_btn input {

    background: #418203;

    line-height: 30px;

    margin-bottom: 0px; }



/* ==============================================================================================

    ************** Quote Page ******************

================================================================================================= */

.romana_quote_left {

  padding-right: 31px; }

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

    .romana_quote_left {

      padding-right: 0px; } }

  .romana_quote_left h2 {

    text-transform: capitalize;

    margin-bottom: 56px; }

  .romana_quote_left h3 {

    font-size: 18px;

    text-transform: capitalize;

    margin-bottom: 18px; }



.romana_quote_right {

  border: 3px solid #418203;

  padding: 50px 98px;

  margin-top: 76px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_quote_right {

      padding: 50px 50px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_quote_right {

      padding: 50px 20px; } }

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

    .romana_quote_right {

      padding: 50px 20px; } }

  .romana_quote_right label {

    font-size: 16px;

    color: #000;

    text-transform: capitalize;

    font-weight: 500;

    margin-bottom: 9px; }

  .romana_quote_right select {

    width: 100%;

    background: #b4deff;

    border: 1px solid #7fc6ff;

    margin-bottom: 15px;

    padding: 7px 16px; }

  .romana_quote_right .select_option {

    position: relative; }

  .romana_quote_right input {

    width: 50%;

    display: inline-block;

    border: 1px solid #7fc6ff;

    background: #b4deff;

    margin-top: -5px;

    padding: 7px 16px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_quote_right input {

        width: 100%; } }

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

      .romana_quote_right input {

        width: 100%; } }

  .romana_quote_right .quote_submit {

    display: inline-block;

    width: 40%;

    margin-left: 16px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_quote_right .quote_submit {

        width: 100%;

        margin-left: 0px;

        text-align: center;

        margin-top: 50px; } }

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

      .romana_quote_right .quote_submit {

        width: 100%;

        margin-left: 0px;

        text-align: center;

        margin-top: 50px; } }

    .romana_quote_right .quote_submit input {

      background: #418203;

      border: none;

      padding: 0px;

      font-size: 12px;

      font-weight: 500; }



.full_width {

  margin-bottom: 15px;

  width: 100% !important; }



.quote_submit > input:hover {

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



/* ==============================================================================================

    ************** Faq Page ******************

================================================================================================= */

.romana_quote_area .romana_load_more_btn {

  margin-bottom: 0px;

  margin-top: 32px; }



.category_select_section h2 {

  text-transform: capitalize; }

.category_select_section select {

  border: 1px solid #7fc6ff;

  width: 370px;

  height: 50px;

  padding-left: 15px; }

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

    .category_select_section select {

      width: 285px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .category_select_section select {

      width: 345px; } }

.category_select_section .select_option {

  position: relative;

  margin-top: 34px;

  margin-bottom: 57px; }

.category_select_section .select_option:after {

  right: 185px;

  height: 50px;

  line-height: 50px; }

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

    .category_select_section .select_option:after {

      right: 4px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .category_select_section .select_option:after {

      right: 0px; } }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .category_select_section .select_option:after {

      right: 86px; } }



.romana_single_faq {

  padding-left: 27px;

  margin-bottom: 40px; }

  .romana_single_faq h3 {

    color: #020202;

    font-size: 22px;

    margin-bottom: 10px;

    position: relative; }

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

      .romana_single_faq h3 {

        font-size: 15px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_single_faq h3 {

        font-size: 18px; } }

  .romana_single_faq h3:after {

    background: #418203;

    width: 15px;

    height: 15px;

    border-radius: 50%;

    border: 4px solid #7fc6ff;

    left: -27px;

    top: 3px; }



.romana_faq_contact h2 {

  text-transform: capitalize; }

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

    .romana_faq_contact h2 {

      font-size: 18px;

      margin-bottom: -25px; } }

.romana_faq_contact h2:after {

  left: 50%;

  margin-left: -25px; }

.romana_faq_contact input,

.romana_faq_contact textarea {

  background: none;

  border: 1px solid #b4deff; }

.romana_faq_contact input[type="submit"] {

  border: none; }

.romana_faq_contact input[type="submit"]:hover {

  background: none;

  border: 1px solid #418203;

  color: #222222; }



/* ==============================================================================================

    ************** Check-Out Page ******************

================================================================================================= */

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

  .romana_check_list {

    text-align: left;

    margin-top: -30px; } }

.romana_check_list h2 {

  margin-bottom: 33px;

  font-size: 26px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_check_list h2 {

      font-size: 24px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_check_list h2 {

      font-size: 18px; } }

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

    .romana_check_list h2 {

      text-align: center;

      font-size: 20px; } }

.romana_check_list ul {

  margin-top: -21px; }

  .romana_check_list ul li {

    border-bottom: 1px solid #b4deff;

    padding: 21px 0px;

    margin-left: 6px; }

  .romana_check_list ul span {

    display: block;

    float: right;

    margin: -26px 0;

    padding-right: 22px; }

  .romana_check_list ul h3 {

    background: #418203;

    font-size: 18px;

    font-weight: 700;

    margin-bottom: -20px;

    padding: 13px 0 13px 23px;

    color: #fff;

    margin-left: -5px; }

    .romana_check_list ul h3 span {

      margin-top: 0px; }

.romana_check_list li:last-child,

.romana_check_list li:first-child {

  border: none; }



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

  .romana_check_form {

    margin-top: 60px; } }

.romana_check_form h2 {

  font-size: 26px;

  margin-bottom: 33px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_check_form h2 {

      font-size: 24px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_check_form h2 {

      font-size: 18px; } }

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

    .romana_check_form h2 {

      font-size: 20px;

      margin-top: 30px; } }

.romana_check_form input,

.romana_check_form select {

  border: 1px solid #b4deff;

  margin-bottom: 20px;

  padding: 8px 20px;

  width: 101%; }

.romana_check_form select {

  color: #ADB3B5; }

.romana_check_form .select_option3,

.romana_check_form .select_option1,

.romana_check_form .select_option2 {

  display: inline;

  position: relative; }

.romana_check_form .select_option:after {

  height: 47px;

  line-height: 47px;

  right: 347px;

  top: 57px; }

.romana_check_form .select_option1:after {

  height: 47px;

  line-height: 47px;

  right: 0px;

  top: -10px;

  z-index: 9; }

.romana_check_form .select_option2:after {

  height: 47px;

  line-height: 47px;

  right: 0px;

  top: -10px;

  z-index: 2; }

.romana_check_form .select_option3:after {

  height: 47px;

  line-height: 47px;

  right: 0px;

  top: -10px;

  z-index: 2; }

.romana_check_form .full_width {

  width: 100%; }

.romana_check_form .romana_submit_btn {

  margin-top: 14px; }

  .romana_check_form .romana_submit_btn input {

    background: #418203;

    line-height: 33px;

    border: none;

    margin-top: 13px;

    margin-left: 15px; }

    .romana_check_form .romana_submit_btn input:hover {

      background: none;

      border: 1px solid #b4deff;

      color: #418203; }



.romana_select_method {

  margin-top: 55px;

  margin-bottom: -60px; }

  .romana_select_method h2 {

    font-size: 26px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .romana_select_method h2 {

        font-size: 24px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_select_method h2 {

        font-size: 18px; } }

  .romana_select_method ul {

    margin-top: 8px; }

    .romana_select_method ul li {

      float: left;

      margin-left: -17px;

      padding-right: 85px;

      position: relative;

      width: 50%; }

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

        .romana_select_method ul li {

          float: none;

          margin-left: 0;

          padding-right: 0;

          position: relative;

          text-align: left;

          width: 100%; } }

      .romana_select_method ul li input[type=radio] {

        position: absolute;

        visibility: hidden; }

      .romana_select_method ul li label {

        color: #222222;

        cursor: pointer;

        font-size: 16px;

        font-weight: 500;

        margin: 13px auto;

        padding: 11px 0px 0px 50px;

        position: relative;

        z-index: 9;

        text-transform: capitalize; }

        .romana_select_method ul li label span {

          display: block;

          color: #666;

          font-weight: 300; }

  .romana_select_method .paypal_img {

    margin-left: 50px;

    margin-top: 5px; }



.romana_select_method ul li .check {

  border: 1px solid #979797;

  border-radius: 100%;

  display: block;

  height: 18px;

  left: 20px;

  position: absolute;

  top: 30px;

  transition: border 0.25s linear 0s;

  width: 18px;

  z-index: 5; }



.romana_select_method ul li .check::before {

  border-radius: 100%;

  display: block;

  height: 10px;

  left: 3px;

  margin: auto;

  top: 3px;

  transition: background 0.25s linear 0s;

  width: 10px;

  position: absolute;

  content: ""; }



input[type=radio]:checked ~ .check {

  border: 1px solid #979797; }



input[type=radio]:checked ~ .check::before {

  background: #14adf4; }



/* ==============================================================================================

    ************** Cart Page ******************

================================================================================================= */

.romana_cart_area {

  padding-top: 103px;

  padding-bottom: 92px; }

  .romana_cart_area .romana_single_cart {

    position: relative; }

    .romana_cart_area .romana_single_cart .romana_inner_cart {

      list-style: outside none none;

      margin: 0;

      overflow: hidden;

      padding: 23px 0px;

      border-bottom: 1px solid #b4deff; }

      .romana_cart_area .romana_single_cart .romana_inner_cart li {

        display: inline-block;

        float: left;

        font-size: 18px;

        font-weight: 300;

        line-height: 45px;

        width: 17%;

        color: #222222;

        text-align: center; }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .romana_cart_area .romana_single_cart .romana_inner_cart li {

            font-size: 15px;

            line-height: 38px; } }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .romana_cart_area .romana_single_cart .romana_inner_cart li {

            font-size: 14px;

            line-height: 38px; } }

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

          .romana_cart_area .romana_single_cart .romana_inner_cart li {

            display: block;

            width: 60%;

            float: none;

            margin: 0 auto; } }

        .romana_cart_area .romana_single_cart .romana_inner_cart li .product {

          width: 14%; }

  .romana_cart_area .romana_cart_head {

    background: #418203; }

    .romana_cart_area .romana_cart_head .romana_inner_cart {

      overflow: hidden;

      padding: 0px;

      margin-top: 0px; }

      .romana_cart_area .romana_cart_head .romana_inner_cart li {

        color: #fff;

        font-weight: 500;

        text-transform: capitalize; }

  .romana_cart_area .romana_inner_cart2 .Description {

    margin-top: 20px; }

  .romana_cart_area .romana_inner_cart2 .cart_margin_top {

    margin-top: 30px; }

  .romana_cart_area .Description span {

    display: block;

    margin-top: -21px; }

  .romana_cart_area .duration.cart_margin_top {

    border: 1px solid #aeaeae;

    border-radius: 50px; }

  .romana_cart_area .cart_span_width {

    border-left: 1px solid #aeaeae;

    border-right: 1px solid #aeaeae;

    display: inline-block;

    text-align: center;

    width: 92px; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .romana_cart_area .cart_span_width {

        width: 46px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_cart_area .cart_span_width {

        width: 40px; } }

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

      .romana_cart_area .cart_span_width {

        width: 68px; } }

  .romana_cart_area .icofont.icofont-minus {

    padding-right: 20px;

    font-size: 12px;

    color: #444444;

    cursor: pointer; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .romana_cart_area .icofont.icofont-minus {

        padding-right: 8px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_cart_area .icofont.icofont-minus {

        padding-right: 11px; } }

  .romana_cart_area .icofont.icofont-plus {

    padding-left: 20px;

    font-size: 12px;

    color: #444444;

    cursor: pointer; }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .romana_cart_area .icofont.icofont-plus {

        padding-left: 8px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_cart_area .icofont.icofont-plus {

        padding-left: 11px; } }



.romana_cart_area .romana_cart_table .romana_single_cart > i {

  color: #444444;

  cursor: pointer;

  line-height: 30px;

  margin-top: 39px;

  position: absolute;

  right: 128px;

  top: 20px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_cart_area .romana_cart_table .romana_single_cart > i {

      right: 45px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .romana_cart_area .romana_cart_table .romana_single_cart > i {

      top: 18px;

      right: 32px; } }

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

    .romana_cart_area .romana_cart_table .romana_single_cart > i {

      right: 30px;

      top: 0; } }



.romana_cart_total {

  border-top: 1px solid #b4deff;

  margin-top: 4px;

  padding-top: 30px; }

  .romana_cart_total .romana_cart_btn {

    text-align: center; }

  .romana_cart_total .romana_cart_btn1 {

    background: #418203;

    width: 180px;

    font-size: 12px; }

    .romana_cart_total .romana_cart_btn1:hover {

      background: none;

      border: 1px solid #418203;

      color: #418203; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_cart_total .romana_cart_btn1 {

        font-size: 11px;

        width: 160px; } }

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

      .romana_cart_total .romana_cart_btn1 {

        width: 200px; } }

  .romana_cart_total .romana_cart_btn2 {

    border: 1px solid #418203;

    color: #000;

    width: 180px;

    margin-left: 6px; }

    .romana_cart_total .romana_cart_btn2:hover {

      background: #418203;

      border: 1px solid #418203;

      color: #fff; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .romana_cart_total .romana_cart_btn2 {

        font-size: 11px;

        width: 160px; } }

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

      .romana_cart_total .romana_cart_btn2 {

        margin-left: 0;

        width: 200px;

        margin-top: 30px; } }

  .romana_cart_total .romana_cart_total_right {

    width: 270px; }

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

      .romana_cart_total .romana_cart_total_right {

        margin-top: 60px;

        width: 100%; } }

    .romana_cart_total .romana_cart_total_right li {

      color: #222222;

      font-size: 16px;

      text-transform: capitalize;

      text-align: center; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .romana_cart_total .romana_cart_total_right li {

          font-size: 15px; } }

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

        .romana_cart_total .romana_cart_total_right li {

          text-align: left; } }

      .romana_cart_total .romana_cart_total_right li span {

        float: right;

        padding-left: 60px; }

        .romana_cart_total .romana_cart_total_right li span a {

          color: #418203; }

          .romana_cart_total .romana_cart_total_right li span a i {

            font-size: 13px;

            margin-right: 3px; }

    .romana_cart_total .romana_cart_total_right li:last-child {

      border-top: 2px solid #418203;

      font-weight: 500; }



/* ==============================================================================================

    ************** Shop-Detail Page ******************

================================================================================================= */

.romana_shop_detail {

  padding-bottom: 20px; }

  .romana_shop_detail img {

    width: 100%; }

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

    .romana_shop_detail .shop_detail_right {

      margin-top: 35px;

      text-align: center; } }

  .romana_shop_detail .shop_detail_right h3 {

    color: #000000;

    margin-bottom: 11px; }

  .romana_shop_detail .shop_detail_right h4 {

    font-size: 20px;

    font-weight: 300;

    color: #666;

    margin-bottom: 30px; }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {

    .romana_shop_detail .romana_cart_table {

      margin-top: -15px; } }

  .romana_shop_detail .romana_cart_table .romana_single_cart .romana_inner_cart {

    border-bottom: none;

    padding: 0px; }

    .romana_shop_detail .romana_cart_table .romana_single_cart .romana_inner_cart li {

      width: 25%; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .romana_shop_detail .romana_cart_table .romana_single_cart .romana_inner_cart li {

          width: 33%;

          line-height: 38px; } }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .romana_shop_detail .romana_cart_table .romana_single_cart .romana_inner_cart li {

          line-height: 36px; } }

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

        .romana_shop_detail .romana_cart_table .romana_single_cart .romana_inner_cart li {

          left: 50%;

          margin-left: -32.5%;

          position: absolute;

          text-align: center;

          width: 65%;

          line-height: 40px; } }

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

        .romana_shop_detail .romana_cart_table .romana_single_cart .romana_inner_cart li {

          margin-left: -22%;

          width: 44%; } }

      .romana_shop_detail .romana_cart_table .romana_single_cart .romana_inner_cart li .cart_span_width {

        width: 83px; }

        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .romana_shop_detail .romana_cart_table .romana_single_cart .romana_inner_cart li .cart_span_width {

            width: 63px; } }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .romana_shop_detail .romana_cart_table .romana_single_cart .romana_inner_cart li .cart_span_width {

            width: 49px; } }

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

    .romana_shop_detail .cart_detail_social_icon ul {

      margin-top: 20px;

      text-align: center; } }

  .romana_shop_detail .cart_detail_social_icon ul li {

    display: inline-block;

    padding: 0px 6px; }

    .romana_shop_detail .cart_detail_social_icon ul li a {

      color: #010101;

      font-size: 14px;

      -webkit-transition-duration: 0.5s;

      transition-duration: 0.5s; }

    .romana_shop_detail .cart_detail_social_icon ul li a:hover {

      color: #418203; }



.shop_detail_product {

  margin-bottom: 42px;

  padding-top: 60px; }

  .shop_detail_product h2 {

    font-size: 24px;

    color: #444; }

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

      .shop_detail_product h2 {

        text-align: center; } }



.tab_area {

  margin-top: 60px; }

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

    .tab_area {

      margin-top: 120px; } }

  .tab_area ul.tabs {

    list-style: outside none none;

    padding: 0;

    text-align: center;

    border: 1px solid #b4deff; }

    .tab_area ul.tabs li {

      background: transparent none repeat scroll 0 0;

      cursor: pointer;

      display: inline-block;

      font-size: 20px;

      font-weight: 500;

      padding: 10px 140px;

      text-transform: uppercase;

      font-size: 18px;

      color: #222222;

      text-transform: capitalize; }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .tab_area ul.tabs li {

          padding: 10px 106px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .tab_area ul.tabs li {

          padding: 10px 70px; } }

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

        .tab_area ul.tabs li {

          font-size: 14px;

          padding: 10px 10px 10px 8px; } }

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

        .tab_area ul.tabs li {

          padding: 10px 36px; } }

    .tab_area ul.tabs li.current {

      position: relative;

      -webkit-transition-duration: 0.3s;

      transition-duration: 0.3s; }

    .tab_area ul.tabs li.current:before {

      background: #418203;

      height: 2px;

      top: 49px;

      left: -3px; }

    .tab_area ul.tabs li.current:after {

      background: transparent;

      border-bottom: 6px solid #418203;

      width: 10px;

      border-top: 6px solid transparent;

      border-left: 6px solid transparent;

      border-right: 6px solid transparent;

      left: 50%;

      margin-left: -5px; }

  .tab_area .tab-content {

    border-bottom: 1px solid #b4deff;

    color: #444444;

    display: none;

    font-size: 16px;

    height: 152px;

    padding: 38px 13px 195px 30px;

    border-bottom: 1px solid #b4deff; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .tab_area .tab-content {

        height: 265px; } }

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

      .tab_area .tab-content {

        display: none;

        font-size: 14px;

        height: 500px;

        padding: 38px 15px 195px;

        text-align: justify; } }

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

      .tab_area .tab-content {

        height: 330px; } }

  .tab_area .tab-content.current {

    display: inherit; }



.gallery_two_mt15 {

  margin-top: 15px; }



.romana_right_img2 {

  margin-top: -33px; }



.romana_right_img.romana_right_img3 {

  margin-top: -85px; }



.gallery_two_mt27 {

  margin-top: -27px; }



.romana_img_hover_content a i {

  font-size: 20px; }



.romana_middle_img.gallery_two_mt27.gallery_two_mt30 {

  margin-top: -88px; }



.mb60 {

  padding-bottom: 60px; }



.romana_projects_area2 .romana_img_hover_content {

  margin-left: -100px;

  width: 200px; }



.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {

  color: #ffffff;

  padding-right: 6px;

  right: -6px;

  text-align: right;

  width: 100%; }



body.preloader_active {

  position: relative;

  overflow: hidden;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%; }



#preloader {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #F9F9FA;

  z-index: 99999999999; }



.preloader_spinner {

  background: transparent url("../../images/load.gif") no-repeat scroll center center;

  display: block;

  height: 120px;

  left: 50%;

  margin-left: -32px;

  margin-top: -32px;

  position: absolute;

  top: 50%;

  width: 142px;

  z-index: 2147483647; }



/*# custom css */

.scrollToTop{

	display: none;

	width: 60px;

	height: 60px;

	

	position: fixed;

	z-index: 999;

	right: 20px;

	bottom: 20px;

	

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

}

.scrollToTop:hover{

	text-decoration:none;

}

.top

{

	color:rgb(70, 132, 7);

	font-size:50px;

}