FM Shell

FM Shell v3 | user: iis apppool\cms1 | host: TEST-IIS | ps: 5.1.14393.3053 | pid: 9336

cwd: C:\inetpub\wwwroot\aspnet_client
[..]

edit: C:\inetpub\wwwroot\vipulbhuva.com\css\style.css

/* ===================================== Import Scss ================================== */

.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: 3px solid #fff;
    top: 50%;
    margin-top: -25px;
    color: #fff;
    font-size: 32px;
}

.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;
}

.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);
  height: 370px;
  width: auto;
  margin: 0 auto;
  object-fit: cover;
  text-align: center;
  display: block;
}

.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: #198ce7;
  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: #666;
  background: #fff;
  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;
}

.about_banner_area {
  height: 190px;
  position: relative;
}

.about_banner_area_bg {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  background: url(../images/hero_area_bg_1.jpg) no-repeat scroll 0 0 / cover;
}

.about_banner_area:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(18, 26, 33, 0.9);
  z-index: 9;
}

.about_banner_area_table {
  display: table;
  height: 100%;
  width: 100%;
}

.about_banner_area_content h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 30px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.aboutus img {
  float: right;
  margin: 0px 0px 15px 20px;
  width: 350px;
}

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

.romana_section_padding {
  padding-bottom: 60px;
  padding-top: 12px;     padding-top: 60px;
}

.romana_section_title h2 {
  font-size: 30px;
  color: #222222;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
}

.romana_section_title h2:after {
  background:#0c7049;
  width: 50px;
  height: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -23px;
  border-radius: 3px;
}

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

.romana_header_top {
 background: #bfb61f;
  position: relative;background:linear-gradient(90deg, #2f2c2b 50%, #0c7049 50%);
}

.romana_header_top_left ul {
  margin: 0px;
  padding: 0px;
}

.romana_header_top_left li {
  display: inline-block;
  float: left;
  padding-bottom: 10px;
  padding-right: 48px;
  padding-top: 10px;
}

.romana_header_top_left a {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
}

.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: #fcb11d;
    width: 80px;
    height: 100%;
    font-size: 13px;
    line-height: 38px;
    border-radius: 0px;
    margin: 5px 0px;
    border-radius: 6px;
    color: white;
    font-weight: bold;
}

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

.romana_header_bottom {
  background-repeat: repeat;
  position: relative;
  z-index: 999; background: linear-gradient(121deg, #fff 31%, #e7e7e7  29%);
}

.romana_logo,
.header_bottom_right {
  padding: 5px 0px;
  font-size: 24px;
  font-weight: 600;
}

nav#navbar {
  text-align: right;
  padding: 0 0px 0 0;
  margin-right: -30px;
}

.romana_logo img {height: 110px;}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  nav#navbar        {width: 100%; right: 30px;}
}

nav#navbar ul.nav {
  margin: 0;
  list-style: none;
  float: none;
  display: inline-block;
  vertical-align: top;
}

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: #000000;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    padding: 0 15px;
    line-height: 20px;
    margin: 50px 0;
    display: inline-block;
    font-weight: bold;
}

nav#navbar ul.nav li a:hover {
  color: ##013673;
}

nav#navbar>ul.nav>li:after {
  position: absolute;
  background:#3f3f3f;
  width: 36px;
  height: 3px;
  left: 50%;
  bottom: 0;
  transition-duration: .4s;
  transform: scale(0, 1);
  margin-left: -18px;
}

nav#navbar ul.nav li:hover:after {
transform: scale(1);
}

.navbar-toggle {
  margin-bottom: 11px;
  margin-right: -6px;
  margin-top:46px; color: #0c7049;;
}

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: 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: #198ce7;}

@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;}
.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 #fef117; border-left: none; color: #fff;}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
.hero_slider .owl-nav .owl-prev {left: 0px;}
}

.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 #fef117;
  border-right: none;
  color: #fff;
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .hero_slider .owl-nav .owl-next {
    right: 0px;
  }
}

.hero_slider_bg {
  height: 510px;
}

.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;
}

hr {margin: 0px;}

.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;
}

.romana_hero_text h1:after {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  background: #f7a21e;
  border-radius: 2px;
  height: 5px;
  left: 50%;
  margin-left: -42.5px;
  top: -36px;
  width: 85px;
}

.romana_hero_text span {
  display: block;
  font-size: 65px;
  font-weight: 400;
  margin-top: 17px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .romana_hero_text span {
    font-size: 57px;
  }
}

.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;
}

.romana_hero_text .romana_slider_btn1 {
  background: #61bb46;
  border: 1px solid #61bb46;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.romana_hero_text .romana_slider_btn1:hover {
  background: #61bb46;
  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;
}

.romana_hero_text .romana_slider_btn2:hover {
  background: #137bcd;
  border: 1px solid transparent;
}

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

.romana_service_left_text {
  color: #888888;
  padding-right: 21px;
}

.romana_service_left_text h2 {
  margin-bottom: 70px;
}

.romana_service_icon {
  margin-bottom: 80px;
	/* margin-left: 50px; */
  text-align: center;
  border-radius: 10px;
}

.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: #198ce7;
}

.romana_service_btn {
  margin-top: 30px;
}

.romana_service_btn a {
  background-color: #61bb46;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.romana_service_btn a:hover {
  background: none;
  border: 1px solid #198ce7;
  color: #222222;
}

.fa-4x {
  font-size: 4em;
  color:#0c7049;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
  color: black;
  font-size: 21px;    font-weight: 500;
}

.media-body p {
  color: black;
  font-size: 15px;
}

.cal-sp1 {background: rgba(12, 112, 73, 0.6); display: table-cell; height: 230px !important; width: 230px !important; vertical-align: middle;
border-radius: 64%; border: 6px solid #ffffff;}

.cal-sp1 i {font-size: 82px; color: white;}
.gdlr-color-wrapper a:hover .cal-sp1 {background:rgba(255, 255, 255, 0.6); border: 6px solid #0c7049;}
.gdlr-color-wrapper a:hover i        {color: black; font-size: 90px;}

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

.romana_about_us_area {position: relative; margin-top: -14px; padding: 100px 0px 50px 0px; background-repeat: no-repeat; background-position: left center;background: rgba(194, 187, 187, 0.4);}
.romana_about_right_text    {margin-top:0px;}
.romana_about_right_text h2 {margin-bottom: 30px;}
.romana_about_right_text h2:after {left: 0px; margin: 1px;}
.romana_about_btn                 {margin-top: 34px;}
.romana_about_btn a       {border:1px solid #0c7049; color: #222222; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.romana_about_btn a:hover {background:#0c7049; border: 2px solid #013673; color: #fff;}

/* ==================================== 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;}

.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 #198ce7;
  color: #198ce7;
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
.romana_client_area .romana_client_crsl .owl-nav .owl-prev {left: -20px;}
}

.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 #5fbb46; color: #5fbb46;}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
.romana_client_area .romana_client_crsl .owl-nav .owl-next { right: 0px;}
}

.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 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: 100px !important;
  border:2px solid #000e46;
  BORDER-RADIUS: 50%;
}

.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;
}

.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: #d6d6d6;
  color: #8b8b8b;
  margin: 30px 0px 0px 0px;
}

.romana_footer_area .romana_footer_top {
  padding: 45px 0px;       background: #3f3f3f url(../images/ft-bg.png);
}

.romana_footer_area .romana_footer_top h2 {
  font-size: 16px;
     color: #ffffff;
  text-transform: capitalize;
  margin-bottom: 30px;
  font-weight: bold;
}

.romana_footer_left p {
      color: white;

}

.romana_footer_area .romana_footer_top .romana_important_link ul li {
  color: white;
}

.romana_footer_area .romana_footer_top .romana_important_link {
  float: left;
  margin-left: 30px;
}

.romana_footer_area .romana_footer_top .romana_important_link2 {
  margin-top: 46px;
}

.romana_footer_area .romana_footer_top ul li a {
      color: #ffffff;
  text-transform: capitalize;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.romana_footer_area .romana_footer_top ul li a:hover {
  color: #198ce7;
}

.romana_footer_area .romana_footer_top .romana_recent_projects {
  padding-left: 40px;
}

.romana_footer_area .romana_footer_top .romana_recent_projects img {
  margin-bottom: 10px;
  margin-right: 5px;
}

.romana_footer_area .romana_footer_top .romana_footer_social_link {
}

.romana_footer_area .romana_footer_top .romana_footer_social_link ul li {
  float: left;
  padding-right: 10px;
}

.romana_footer_area .romana_footer_top .romana_footer_social_link ul li a {
color: #fff;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    transition-duration: 0.4s;
    width: 40px;
    height: 40px;
        border:3px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    /* line-height: 28px; */
    font-size: 10px;
    color: #fff;
    background-color: #3f3f3f;
}

.romana_footer_area .romana_footer_top .romana_footer_social_link ul li .fa-2x {
  font-size: 2em;
  margin: 8px;
}

.romana_footer_area .romana_footer_top .romana_footer_social_link ul li a:hover {
  color: #fff900;
}

.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: #198ce7;
}

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

.romana_allPage_area {
  height: 150px;
}

.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: 50px;
  padding-bottom: 25px;
  color: #fff;
}

.romana_allPage_area:after {
  background:rgb(47, 44, 43);
  height: 120px;
}

.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: #198ce7;
}

.breadcrumb li+li::before {
  color: #b9b9b9;
  content: "/ ";
  padding: 0px;
}

/* ==============================================================================================
    ************** 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 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 a {
  font-size: 18px;
  color: #000;
  text-transform: capitalize;
  font-weight: 500;
}

aside .active {
  background: #198ce7;
}

aside .active a {
  color: #fff;
}

aside .romana_sidebar_bottom ul li {
  background: #198ce7;
}

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;
}

.aside_right {
  margin-left: 10px;
}

.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: 480px) and (max-width: 767px) {
  .romana_service_wrap2 {
    height: 980px;
  }
}

.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;
}

.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;
}

.romana_service_detail_text2 {
  margin-top: 22px;
}

.service_detail2 .romana_get_consult_area {
  margin-top: -25px;
}

/* ==============================================================================================
************** 404 Page ******************
================================================================================================= */

.romana_404_area {
  padding: 100px 0;
}

.romana_contact_page_area {
    padding: 50px 0px 0px;

}

.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: #198ce7;
  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: #198ce7;
  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 #198ce7;
  color: #222222;
}

/* ==============================================================================================
    ************** Contact Page ******************
================================================================================================= */

.romana_contact_left h2                 {text-transform: capitalize; margin-bottom: 35px; margin-left: 15px;}
.romana_contact_left .single_contact    {margin-bottom: 37px;}
.romana_contact_left .single_contact h3 {margin-bottom: 8px;}

#googleMap                     {height: 260px;}
.romana_contact_form2          {background: #2f2c2b; padding: 0px 25px; margin-bottom: 15px; border-radius: 17px;}
.romana_contact_form2 h2       {color: white; padding: 15px 0px;}
.romana_contact_form2 h2:after {display: none;}
label                          {color: white; font-weight: 500; font-size: 14px; margin: 0px;}

.romana_contact_form2 input,
.romana_contact_form2 textarea {
    width: 100%;
    border: none;
    background-color: #ffffff;
    margin-bottom: 0px;
    padding: 1px 20px;
    resize: none;
    color: black;
    border: 1px solid #d8d8d8;
}

.romana_contact_form2 .romana_submit_btn input {
  background: #61bb46;
  line-height: 30px;
  margin-bottom: 0px;
}

.romana_contact_form2 input::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1;
	/* Firefox */;
}

.romana_contact_form2 input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
  color: white;
}

.romana_contact_form2 input::-ms-input-placeholder {
	/* Microsoft Edge */
  color: white;
}

.romana_contact_form2 .btn-default {
  margin: 0px 0px 20px 0px;
}

/* ==============================================================================================
    ************** Quote Page ******************
================================================================================================= */

.romana_quote_left {
  padding-right: 31px;
}

.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 #198ce7;
  padding: 50px 98px;
  margin-top: 76px;
}

.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;
}

.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;
  }
}

.romana_quote_right .quote_submit input {
  background: #198ce7;
  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;
}

.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: 768px) and (max-width: 991px) {
  .category_select_section .select_option:after {
    right: 0px;
  }
}

.romana_single_faq {
  padding-left: 27px;
  margin-bottom: 40px;
}

.romana_single_faq h3 {
  color: #020202;
  font-size: 22px;
  margin-bottom: 10px;
  position: relative;
}

.romana_single_faq h3:after {
  background: #198ce7;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 4px solid #7fc6ff;
  left: -27px;
  top: 3px;
}

.romana_faq_contact h2 {
  text-transform: capitalize;
}

.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 #198ce7;
  color: #222222;
}

/* ==============================================================================================
    ************** Check-Out Page ******************
================================================================================================= */

.romana_check_list h2 {margin-bottom: 33px; font-size: 26px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.romana_check_list h2    {font-size: 18px;}
}

.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: #198ce7; 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;}
.romana_check_form h2                                              {font-size: 26px;margin-bottom: 33px;}
.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: #198ce7; 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: #198ce7;}
.romana_select_method       {margin-top: 55px; margin-bottom: -60px;}
.romana_select_method h2    {font-size: 26px;}
.romana_select_method ul    {margin-top: 8px;}
.romana_select_method ul li {float: left; margin-left: -17px; padding-right: 85px; position: relative; width: 50%;}

.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;}
.home                                  {background: #fff url(../images/etbg-wt-1.png)repeat;}
.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;}

.romana_cart_area .romana_single_cart .romana_inner_cart li .product {width: 14%;}
.romana_cart_area .romana_cart_head                       {background: #198ce7;}
.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;}

.romana_cart_area .icofont.icofont-minus {padding-right: 20px; font-size: 12px; color: #444444; cursor: pointer;}
.romana_cart_area .icofont.icofont-plus  {padding-left: 20px; font-size: 12px; color: #444444; cursor: pointer;}
.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;}

.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: #198ce7; width: 180px; font-size: 12px;}
.romana_cart_total .romana_cart_btn1:hover {background: none; border: 1px solid #198ce7; color: #198ce7;}
.romana_cart_total .romana_cart_btn2       {border: 1px solid #198ce7; color: #000;  width: 180px;  margin-left: 6px;}
.romana_cart_total .romana_cart_btn2:hover {background: #198ce7; border: 1px solid #198ce7; color: #fff;}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.romana_cart_total .romana_cart_btn2 {font-size: 11px; width: 160px;}
}

.romana_cart_total .romana_cart_total_right               {width: 270px;}
.romana_cart_total .romana_cart_total_right li            {color: #222222; font-size: 16px; text-transform: capitalize; text-align: center;}
.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: #198ce7;}
.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 #198ce7; font-weight: 500;}

/*# sourceMappingURL=style.css.map */

.romana_service_icon p {margin-top: 15px;}
#footser-end           {text-align: right; background-color: #eaeaea; color: #fff; padding: 10px;}
#footser-end p         {color: #000000; padding: 0px; margin: 0px; font-size: 14px; font-weight: 500;}
.btntoTop              {background-color:#3f3f3f; border:2px solid #fef117; border-radius: 2px; bottom: 30px; cursor: pointer; height: 44px; line-height: 36px; opacity: 1.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: fixed; right: 30px; text-align: center; -webkit-transition: opacity .4s ease 0s; transition: opacity .4s ease 0s; width: 44px; z-index: 999;background-color:#0c7049; border: 2px solid #fff;}

.btntoTop:before     {color: #fff; content: "ï"; display: inline-block; font: 20px FontAwesome; vertical-align: middle;}
.romna_footer_logo a {margin-top: -25px; display: block;}
.single_contact a    {color: black;}
nav#navbar ul.nav li ul.dropdown-menu li:last-child a {border-bottom: 0px;}
.media:first-child           {margin-top: 0; margin-bottom: 25px; margin-top:0; margin-bottom: 25px; border: 1px solid #d4d4d4; padding: 19px 33px; min-height: 383px;-webkit-box-shadow: 2px 2px 17px 2px rgba(150,150,150,1);
-moz-box-shadow: 2px 2px 17px 2px rgba(150,150,150,1);
box-shadow: 2px 2px 17px 2px rgba(150,150,150,1);     background: rgba(255, 255, 255, 0.6);    border-radius: 16px;}

.media-left, .media>.pull-left  {padding-right: 10px; display: block; width:100%;}
.bg-systematic                  {background-color: #f6f6f6; padding-bottom: 70px; padding-top: 70px;}
.gdlr-color-wrapper, .gdlr-parallax-wrapper  {overflow: hidden; background-position: center 0; background-repeat: repeat; position: relative;background:url(../images/heroslider3.jpg); background-attachment: fixed; background-size: 100%;}
.invest {font-size: 35px; line-height: initial; color: #fff; border-bottom: 1px solid #939597; margin-top: 43px; padding-bottom: 13px; margin-bottom: 0;}

.invest1  {font-size: 15px; color: #fff; font-weight: 700; padding-top: 10px; margin-bottom: 35px;}

.login {padding: 50px 0px;}
/*
.cal-sp1 {background-image: url(../images/icon4.png); background-origin: padding-box; background-size: 100%; background-repeat: no-repeat !important;   display: inline-block; height: 95px !important; width: 95px !important;}

.cal-sp2 {background-image: url(../images/icon1.png); background-origin: padding-box; background-size: 100%; background-repeat: no-repeat !important;
  display: inline-block; height: 95px !important; width: 95px !important;}

.cal-sp3 {background-image: url(../images/icon2.png); background-origin: padding-box; background-size: 100%; background-repeat: no-repeat !important; 
  display: inline-block; height: 95px !important; width: 95px !important;}

.cal-sp4 {background-image: url(../images/icon3.png); background-origin: padding-box; background-size: 100%; background-repeat: no-repeat !important;  display: inline-block; height: 95px !important; width: 95px !important;}

.cal-sp5 {background-image: url(../images/icon5.png); background-origin: padding-box; background-size: 100%; background-repeat: no-repeat !important;   display: inline-block; height: 95px !important; width: 95px !important;}

.cal-sp6 {background-image: url(../images/House.png); background-origin: padding-box; background-size: 100%; background-repeat: no-repeat !important;  display: inline-block;  height: 95px !important; width: 95px !important;}
*/

.mt15                   {margin-bottom: 15px;}
.romna_footer_logo      {margin: 26px 0px;}
.romna_footer_logo img  {border-radius: 7px;}
.widget_contact         {color: white;}
.widget_contact p       {margin: 0px; font-size: 15px;}
.widget_contact a       {color: white;}
.widget_contact i       {font-size: 20px; margin: 10px 3px 0px 0px; color: #ffffff;}
.gdlr-color-wrapper a .text { line-height: 17px; color:#fff; font-weight: 400; margin: 15px 0px; font-size: 20px;}
.gdlr-color-wrapper a       {margin: 10px 0px;}
.final_plan ul              {margin: 0px; padding: 0px;}
.final_plan ul li           {list-style-type: none;}
.final_plan ul li a         {text-align: center; display: block; background: #e7e4e4; padding: 8px 0px; border-radius: 3px; text-decoration: none; border-bottom: 1px solid #b5a8a8; width: 80%; font-weight: bold; color: #3f3f3f;}

.final_plan ul li a img     {display: block; text-align: center; margin: 0 auto;}
.para       {margin: 0px 0px 0px 0px;}
.para span  {font-size: 20px; font-weight:600; display: block; margin: 0px 0px 10px 0px; color: black;}
.final_plan {margin: 35px 0px 50px 0px;}
.para p     {display: none;}
#content1   {display: block;}
.final_plan ul li a.active    {background:#2f2c2b; color: white;}
.para iframe                  {width: 100%;}
.romana_contact_left h2:after {margin: 1px;}

.Captcha {float: left; width: 63% !important; font-size: 33px; padding: 1px 15px!important; border: none !important; background-image: url(../images/dot.png); background-repeat: repeat; text-align: center; color: black!important;}

.refreshbtn {background: #112267!important; color: #fff!important; font-size: 18px !important; padding: 11px !important; width: 27% !important; float: right; font-weight: 500;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.romana_section_title h2          {font-size: 27px;}
.romana_header_top_left li        {padding-right: 18px;} 
.hero_slider .owl-nav .owl-prev   {left: 0px;}    
.hero_slider .owl-nav .owl-next   {right: 0px;}  
.romana_client_area .romana_client_crsl .owl-nav .owl-prev {left: -23px;}    
.romana_client_area .romana_client_crsl .owl-nav .owl-next {right: 0px;} 
.romana_brand_area .brand_crsl     {padding-top: 70px; padding-bottom: 60px;}    
.romana_footer_area .romana_footer_top .romana_recent_projects     {margin-left: -40px;}  
.romana_footer_area .romana_footer_top .romana_recent_projects img {margin-bottom: 4px; margin-right: -1px;}    
.romana_service_wrap2  {height: 680px;} 
.romana_service_wrap2 .service_detail3_img {position: absolute; top: 180px; left: 0px;}   
.romana_quote_right  {padding: 50px 50px;}
.category_select_section .select_option:after {right: 86px;} 
.romana_check_list h2    {font-size: 24px;} 
.romana_select_method h2 {font-size: 24px;}  
.romana_cart_area .cart_span_width {width: 46px;} 
.romana_cart_area .icofont.icofont-minus {padding-right: 8px;}    
.romana_cart_area .icofont.icofont-plus {padding-left: 8px;} 
.romana_cart_area .romana_cart_table .romana_single_cart>i {right: 45px;}  
.romana_shop_detail .romana_cart_table {margin-top: -15px;}  
.romana_shop_detail .romana_cart_table .romana_single_cart .romana_inner_cart li .cart_span_width {width: 63px;} 
.romana_shop_detail .romana_cart_table .romana_single_cart .romana_inner_cart li  {line-height: 36px;  }    
}

@media only screen and (min-width: 768px) {
nav#navbar ul.nav li ul.dropdown-menu{width: 200px;background: #fff;border-top:2px solid #0c7049;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: 5px;font-size: 12px;border-bottom: 1px solid black;    color: black;}
nav#navbar ul.nav li ul.dropdown-menu li:last-child a  {border-bottom: 0px;}
nav#navbar ul.nav li ul.dropdown-menu li a:before {content: '\f101 ';font-family: "FontAwesome";margin-right: 0px;color: #288feb;display: none}
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) {
.romana_section_title h2   {font-size: 24px;}
.romana_check_form h2      {font-size: 24px;}    
.romana_header_top_left li {font-size: 11px; padding-right: 10px;}
.romana_header_top_left a  {font-size: 11px;}
.romana_header_top_right.text-right a {font-size: 12px; width: 180px;}    
nav#navbar ul.nav                     {float: left;} 
nav#navbar ul.nav li a                {font-size: 12px; line-height: 10px; margin: 28px 0 28px; padding: 0 8px;}    
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;}   
.hero_slider .owl-nav            {font-size: 20px;}    
.romana_client_area .romana_client_crsl .owl-nav .owl-prev {left: -20px;}
.romana_about_right_text             {font-size: 15px;}    
.hero_slider .owl-nav .owl-prev      {height: 42px; line-height: 42px; width: 27px;} 
.romana_service_icon h3              {font-size: 15px;}  
.hero_slider .owl-nav .owl-next  {height: 42px; line-height: 42px; width: 27px;}  
.romana_client_area .romana_client_crsl .owl-nav .owl-next {right: 0px;}    
aside h2{font-size: 18px}
.romana_client_area .romana_single_client_text{font-size: 15px}
aside ul li {padding-left: 20px}
.aside_left {margin-right: 0px}
.romana_brand_area .brand_crsl{padding: 50px}
.romana_footer_area .romana_footer_top .romana_important_link{margin-left: -2px}
.romana_service_wrap2{font-size: 15px;height: 560px}
.aside_right{margin-left: 0px}aside ul li a{font-size: 15px}
.romana_service_wrap2 .romana_wrap2_text{margin-top: 30px}
.romana_service_wrap2 .romana_serviceDetail_img_text .romana_serviceDetail_img2{font-size: 14px}
.romana_service_detail_text2{font-size: 15px}
.romana_contact_left h2{font-size: 20px}
.romana_contact_left .single_contact{font-size: 14px}
.romana_contact_form2 h2{font-size: 22px}
.romana_quote_right{padding: 50px 20px}
.romana_contact_left .single_contact h3{font-size: 16px}
.category_select_section select{width: 345px}
.romana_quote_right input{width: 100%}
.romana_single_faq h3{font-size: 18px}
.romana_check_form h2{font-size: 18px}
.romana_select_method h2{font-size: 18px}
.romana_cart_area .cart_span_width{width: 40px}
.romana_cart_area .icofont.icofont-minus{padding-right: 11px}
.romana_cart_area .icofont.icofont-plus{padding-left: 11px}
.romana_cart_area .romana_cart_table .romana_single_cart>i{top: 18px;right: 32px}
.romana_cart_total .romana_cart_btn1{font-size: 11px;width: 160px}
.romana_cart_total .romana_cart_total_right li{font-size: 15px}
.romana_shop_detail .romana_cart_table .romana_single_cart .romana_inner_cart li  {width: 33%;line-height: 38px}
.romana_shop_detail .romana_cart_table .romana_single_cart .romana_inner_cart li .cart_span_width {width: 49px}  
 nav#navbar ul.nav li a {margin: 54px 0 28px;}   
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
.romana_section_title h2  {font-size: 22px;}
.romana_section_title    {text-align: center;} 
.romana_section_title h2:after {left: 50%; margin-left: -25px;}   
.romana_header_top           {display: block;}    
.romana_logo,.header_bottom_right {margin-bottom: 6px; margin-top: 0px; position: relative; z-index: 999;}
.romana_history_left_content:after {background: none;}
 nav#navbar                        {position: absolute;width: 100%;padding-right: 0;background: #ffffff;z-index: 2;right: 0px;top: 75px;border: 10px solid #ffffff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);left: 0px;     top: 135px;}
nav#navbar ul.nav{display: block;text-align: left}
nav#navbar ul.nav li a{display: block;margin: 0;padding: 15px}
nav#navbar ul.nav li a:hover{color: #ffffff;background-color:#3f3f3f; }
nav#navbar ul.nav li{display: block;border: 1px solid #d2d2d2;margin: 4px 0}
nav#navbar ul.nav li ul{border: none}
nav#navbar ul.nav li ul li{border: 1px solid #d2d2d2}
nav#navbar>ul.nav>li:after{display: none}
nav#navbar ul.nav li ul.dropdown-menu{box-shadow: none;background: #f8fbfd;float: none;width: 100%;padding: 0;position: static}
nav#navbar ul.nav li ul.dropdown-menu li{border-left: 3px solid #3f3f3f;}
nav#navbar ul.nav li ul.dropdown-menu .menu-collumn{border: none !important}form.searchForm{width: 279px}
.hero_slider .owl-nav{font-size: 25px}
.hero_slider .owl-nav .owl-prev{left: 0px; border: 1px solid #f7a21e; height: 40px;line-height: 42px; width: 45px;}
.hero_slider .owl-nav .owl-next{right: 0px; border: 1px solid #f7a21e; height: 40px; line-height: 42px; width: 45px;}
.romana_hero_text{padding-top: 110px}
.romana_hero_text h1{font-size: 20px}
.romana_hero_text span{font-size: 30px}
.romana_hero_text .romana_slider_btn a{margin: 0}
.romana_hero_text .romana_slider_btn1{width: 126px;height: 42px;line-height: 42px}
.romana_hero_text .romana_slider_btn2{width: 126px;height: 42px;line-height: 42px}
.romana_service_left_text{font-size: 15px;padding-right: 0;text-align: center}
.romana_service_left_text h2:after{left: 50%;margin-left: -25px}
.romana_service_icon{margin-left: 0px;text-align: center}
.romana_service_icon h3{font-size: 15px}
.romana_service_btn{margin-bottom: 50px}
.romana_about_us_area{padding-top: 0px;padding-bottom: 80px}
.romana_about_right_text{font-size: 15px;margin-top: 80px;text-align: center}
.romana_about_right_text h2:after{left: 50%;margin-left: -25px}
.romana_client_area .romana_client_crsl .owl-nav{font-size: 20px}
.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: -7px;top: 22%}
.romana_client_area .romana_single_client_text{font-size: 14px}
.romana_brand_area .brand_crsl{padding: 60px 0px}
.romana_footer_area{padding-top: 40px}
.romana_footer_area .romana_footer_top .romana_important_link{margin-left: 0px;margin-top: 38px}
.romana_footer_area .romana_footer_top .romana_important_link ul{margin-top: -10px}
.romana_footer_area .romana_footer_top ul{margin-top: 76px}
.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-right: -2px;margin-bottom: 4px}
.romana_footer_area .romana_footer_top .romana_footer_social_link{margin-top: -63px}
aside h2{font-size: 22px;text-align: center}
.aside_left{margin-right: 0px}
.aside_right{margin-left: 0px}
.romana_service_wrap2{font-size: 15px;height: 1090px}
.romana_service_wrap2 .romana_wrap2_text{font-size: 15px;text-align: center;margin-top: 30px}
.romana_service_wrap2 .romana_serviceDetail_img_text .romana_serviceDetail_img2{margin-bottom: 40px;float: none}
.romana_service_wrap2 .romana_serviceDetail_img_text .romana_serviceDetail2_text{margin-left: 0px;padding-left: 0px;text-align: center;margin-top: 30px}
.romana_service_detail_text2 {font-size: 15px;text-align: center;margin-bottom: 20px}
.romana_contact_page_area    {padding-top: 70px}.romana_quote_left{padding-right: 0px}
.romana_quote_right          {padding: 50px 20px}.romana_quote_right input{width: 100%}
.romana_quote_right .quote_submit {width: 100%;margin-left: 0px;text-align: center;margin-top: 50px}
.category_select_section select   {width: 285px}
.category_select_section .select_option:after {right: 4px}
.romana_single_faq h3                         {font-size: 15px}
.romana_faq_contact h2                        {font-size: 18px;margin-bottom: -25px}
.romana_check_list                            {text-align: left;margin-top: -30px}
.romana_check_list h2                         {text-align: center;font-size: 20px}
.romana_check_form                            {margin-top: 60px}
.romana_check_form h2                         {font-size: 20px;margin-top: 30px}
.romana_select_method ul li                   {float: none;margin-left: 0;padding-right: 0;position: relative;text-align: left;width: 100%}
.romana_cart_area .cart_span_width            {width: 68px}
.romana_cart_area .romana_cart_table .romana_single_cart>i {right: 30px;top: 0}
.romana_cart_total .romana_cart_btn1        {width:200px}
.romana_cart_total .romana_cart_btn2        {margin-left: 0;width: 200px;margin-top: 30px}
.romana_cart_total .romana_cart_total_right    {margin-top: 60px;width: 100%}
.romana_cart_total .romana_cart_total_right li {text-align: left}
.romana_shop_detail .shop_detail_right         {margin-top: 35px;text-align: center}
.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}
.romana_shop_detail .cart_detail_social_icon ul{margin-top: 20px;text-align: center}
.romana_section_padding{padding-top: 35px; padding-bottom: 20px;}
.final_plan ul li a{width: 100%}
.romana_header_top_right.text-right a{margin: 5px 5px;line-height: 25px}
.romana_header_top_left{display: none}
.navbar-header{font-size: 38px;color: #61bb46}
.para{margin: 0px 0px 0px 0px;margin-top: 40px}
.romana_history_left_content:after{background: none}
#footser-end p{text-align: center}
.romana_about_img{margin-top: 20px}
.hero_slider_bg{height: 265px}
.romana_about_us_area{padding-top: 0px;padding-bottom: 30px}
.romana_about_img img{height: 240px}
.romana_logo img{margin: 10px 0px 0px 0px;margin: 10px 0px 0px 0px;max-width: unset;width: auto;}
nav#navbar ul.nav li a {color: #3f3f3f;}   
}

.final_plan ul li a i        {font-size: 45px; display: block;  color: #3f3f3f;}
.final_plan ul li a.active i {color: white;}
.about-us img                {float: right;  margin: 0px 0px 15px 20px;   width: 180px;}
iframe                       {margin-bottom: -43px;}
.calculator                  {color: #fff!important;}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.romana_header_bottom{background:linear-gradient(121deg, #fff 57%, #e7e7e7  29%)}
.about-us img {float: right; margin: 0px 0px 15px 20px; width:100%;}
}

name	size	mtime	actions
[D] system_web	-	2019-06-10 19:31	del ren
web.config	518	2019-06-11 17:18	edit get del ren