/* ===================================== 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 #77c5d0;
    top: 50%;
    margin-top: -25px;
    color: #77c5d0;
    font-size: 32px;
}

p {
    margin-top: 0;
    margin-bottom: 0.2rem;
    color: black;
}

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

textarea::-webkit-input-placeholder {
  color:#222!important;
}

.popUp textarea:-moz-placeholder {
	/* Firefox 18- */
 color:#222!important;
}

.popUp textarea::-moz-placeholder {
	/* Firefox 19+ */
   color:#222!important;
}

.popUp textarea:-ms-input-placeholder {
 color:#222!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;
}


.captcha  {    margin: -15px 0px -15px 0px;}

.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:auto;
  padding-top: 12px;    padding-top: 50px;
}



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




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


.about ul {margin-left:40px;}

.about ul li {
    list-style: disc;
    font-size: 16px;
    line-height: 27px;
    color: #000; 
}
.about strong {
    font-weight: bold;
}
/* ==================================== Header-Top Css ============================== */

.romana_header_top         {background: #bfb61f; position: relative; background: linear-gradient(90deg, #e5097f 50%, #393185 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; float:right}
.romana_header_top_right.text-right a {background-color:#77c5d0; width:80px; height: 100%; font-size: 13px; line-height: 38px; border-radius: 0px;
margin: 1px 0px; border-radius: 6px; color: white; font-weight: bold;}

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

.romana_header_bottom {background-repeat: repeat; position: relative; z-index: 999; background: #ffffff; background: linear-gradient(121deg, #fff 31%, #e5e5e5 29%);}
.romana_logo,
.header_bottom_right {padding: 5px 0px; font-size: 24px; font-weight: 600;}
.romana_logo img     {height:100px;    border-radius: 5px;}
nav#navbar           {text-align: right; padding: 0 0px 0 0; margin-right: -30px;}

@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: 44px 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: 30px; color: #f7941d;}
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);
}



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



.romana_about_right_text p {line-height: normal;}


.widget_contact p {color: white;}



@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   {width: 400px;}    
}

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:3px solid #3ab54a; 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: 3px solid #3ab54a;
  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;    font-size: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: rgb(40 40 40 / 50%);
    padding: 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; 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:#77c5d0;}

.media-heading {margin-top: 0; margin-bottom: 5px; color: black;font-size: 21px; font-weight: 500;}
.media-body p  {    color: black;
    font-size: 15px;
    line-height: 26px;}
.cal-sp1       {background:#77c5d0; display: table-cell; height: 95px !important; width: 95px !important; vertical-align: middle; border-radius: 50%; border:6px solid #393185;}
.cal-sp1 i     {font-size: 52px; color: white;}
.gdlr-color-wrapper a:hover .cal-sp1 {background: #77c5d0; border: 6px solid #77c5d0;}
.gdlr-color-wrapper a:hover i        {color: white;}


#iframeMap {
    margin-bottom: -40px;
}
.login     {padding: 50px 0px;}
/* ==================================== 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;}
.romana_about_right_text          {margin-top:0px;}
.romana_about_right_text h2       {margin-bottom: 10px;}
.romana_about_right_text h2:after {left: 0px; margin: 1px;}
.romana_about_btn                 {margin-top: 34px;}
.romana_about_btn a       {border:1px solid #3f3f3f; color: #222222; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.romana_about_btn a:hover {background:#77c5d0; border:2px solid #77c5d0; color: #fff;}

/* ==================================== Client-Area Css ======================= */
.romana_client_area {padding-bottom: 0px;}
.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;}
.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_client_crsl .owl-nav .owl-prev {left: -20px;}    
}

.romana_client_area .romana_single_client_text   {margin-bottom: 70px;}
.romana_client_area .romana_single_client_text p {margin-left: 20px;    font-weight: 400;}
.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%;    height: 100px;}

.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;line-height: 20px;}
.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 #77c5d0; border-radius: 50%; display: inline-block; text-align: center; 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: #77c5d0;}
.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(78 42 131); 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;}
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;}
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;}
form.searchForm {width: 400px;}    
}
.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;}


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


.romana_contact_left h2 {text-transform: capitalize; margin-bottom: 71px;}

.romana_contact_left .single_contact { margin-bottom: 37px;}

.romana_contact_left .single_contact h3 { margin-bottom: 8px;}


#googleMap { height: 260px;}


.romana_contact_form2 h2 {  margin-top:0px;}

.romana_contact_form2 h2:after {  display: none;}
.romana_contact_left  {margin-top: 50px;}
.romana_contact_form2 input,
.romana_contact_form2 textarea {width: 100%; border:none; background-color: #ffffff; margin-bottom: 5px; padding:8px 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;
    border: 2px solid white;
    color: white;
}


/* ==============================================================================================
    ************** 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: #77c5d0; border: 2px solid #5b362d;}

.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;    overflow: visible;}
.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;}
.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;}
/*
.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;    height: 120px;}
.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 {font-size: 17px; line-height: 17px; color:#3f3f3f; font-weight: 400;    margin: 15px 0px;}
.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:#e5097f; 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;}

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

.romana_contact_form2 > form {background:#77c5d0 none repeat scroll 0 0; padding: 10px 20px; border-radius: 12px; color: white; margin-bottom:30px;}
label                        {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 500; font-size: 16px;}
.form-group                  {margin-bottom: 5px;}

.calculator                  {background: url(../images/project_bg.jpg); position: relative; background-repeat: no-repeat; background-size: cover;
background-attachment: fixed; padding-bottom: 70px; padding-top: 70px;     z-index: 99999; }
.calculator::before   {position: absolute; content: ""; top:0px; left: 0px; width: 100%; height:100%; background: rgba(83, 83, 83, 0.69);    z-index: -99999;}
.calculator h2        {color: #fff;}
.calculator .text     {color: #fff!important;}

a.navbar-brand img {
height: 105px;
}

.navbar  {padding: 0px; background: white;    background: linear-gradient(121deg, #fff 31%, #e5e5e5 29%);}

.navbar-dark .navbar-nav .nav-link {
    color: rgb(0 0 0 / 100%);font-weight: 400;
}
.nav-link:hover {
    color: rgb(57 49 133);
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(57 49 133);
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


.container {    max-width: 88%;
    width: 98%;}

.para iframe {
    width: 100%;
}


/***********************************************calculator css goes here*************************************************/
.final_plan ul {
    margin: 0px;
    padding: 0px;
}
.final_plan ul {
    margin: 0px;
    padding: 0px;
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.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: 100%;
    font-weight: bold;
    color: #000000;
}

.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: 100%;
    font-weight: bold;
    color: #000000;
    height: 102px;
    border-right: 1px solid #b5a8a8;
    font-size: 12px;
    line-height: 20px;
}

.final_plan ul li a i {
    font-size: 45px;
    display: block;
    color: #000000;
}



.final_plan ul li {
    list-style-type: none;
    list-style-type: none;
    flex-basis: 100%;
    align-self: flex-start;
}






@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: 180px;background: #fff;border-top:2px solid #77c5d0;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: 11px;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}
nav#navbar ul.nav li:nth-last-child(2) ul.dropdown-menu {right: -182px; top: -5px;}
.dropdown-submenu .dropdown-menu {display: none!important;}
.dropdown-submenu:hover .dropdown-menu {display:block!important;}    
}


@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: 80px;}    
nav#navbar ul.nav                     {float: left;} 
nav#navbar ul.nav li a                {font-size: 12px; line-height: 10px; margin: 50px 0 28px;; padding: 0 8px;}
.pad-top-botm                         {margin: 5px;}     
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}  
    
}

@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: 124px;}
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: 15px;padding-bottom: 20px}
.final_plan ul li a{width: 100%}
.romana_header_top_right.text-right a{margin: 5px 5px;line-height:32px}
.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;}  
.romana_header_bottom    {background: linear-gradient(121deg, #fff 49%, #e5e5e5 29%);}    
    
}



.popUp.open {
    right: 0;
    z-index: 999999;
}
.popUp {
    position: fixed;
    max-width: 333px;
    height: 450px;
    background:#e67817;
    border: 4px solid #a1a0a0;
    right: -525px;
    padding: 19px 10px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;  
    transition: all 1s ease;
    z-index: 999999;
    width: 450px;
    color: #fff;
}


.bottom-icons li a i {background-color:#77c5d0; border-radius: 50%; color: #fff; font-size: 16px;
    height: 38px;
    text-align: center;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    width: 38px;
    border: 3px solid #fff;
    line-height: 33px;}


 .bottom-icons            {display: inline-block;}
 .bottom-icons  li        {display: inline-block;}
 .bottom-icons  li a      {background: transparent!important; width: auto!important; height: auto!important; margin: 4px 3px!important;}

.bottom-icons li a i:hover {background: #fff; border: 3px solid #77c5d0; transform: rotate(360deg); color: #77c5d0!important;}

.popUp .close {
  color: #fff;
  right: 8px;
  top: 0px;
  position: absolute;
  font-size: 16px;
  cursor: pointer; opacity: 1.5
}

.event {margin:20px 0px 0px 0px;}

#plus {position: fixed; color: #fff; font-size: 14px; margin-left: 0px; -webkit-transition: all 1.25s ease; -moz-transition: all 1.25s ease; -o-transition: all 1.25s ease; transition: all 1.25s ease; cursor: pointer; text-align: left; letter-spacing: 1px; z-index: 9999; display: block; transform: rotate(90deg); background:#e67817; padding: 7px 31px; border-radius: 0px 49px 0px 49px; font-weight: 800; top:240px; text-transform: uppercase; right: -77px;}


.popUp.open                    {right:0;z-index: 999999;}
form input                     {margin-bottom: 8px;}
.about-us a                    {padding: 8px 10px; width: 215px; float: left; display: block; background: #77c5d0; color: white;  text-align: center;  text-decoration: none; border-radius: 5px;}
.about iframe                {margin-bottom: 20px;}
.romana_header_bottom.fixed  {min-height: 0; position: fixed; top: 0; width: 100%; z-index: 1041;box-shadow: 7px 0px 7px #aaa;}

@media (min-width: 992px){
.navbar .nav-item:hover .dropdown-menu {
    display: block;
}
}

@media only screen and (max-width: 480px) {
.romana_header_bottom   {background: linear-gradient(121deg, #fff 65%, #e5e5e5 29%);}
.about-us img           {float: none; width: 180px;  margin: 17px auto;}  
.popUp                  {width: 315px;}   
.romana_footer_area {
     padding-top:0px; 
}     
    
}

@media only screen and (max-width: 1024px){
iframe {
    height: 1051px;
}
    
.final_plan ul li a {
      height: 100px;
    font-size: 13px;
      line-height: 17px;
}    
    
    
}


@media only screen and (max-width: 767px){
iframe#newretirement {
    height: 1454px;
}
.final_plan ul li a {
    width: 100%;
}
    
.final_plan ul {
    display: block;
    font-size: 16px;
}
    
 .navbar {background: white;}
    
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.55);
    border-color: rgb(0 0 0 / 100%);
}

}

.about-us p {    line-height: 20px;
    margin: 15px 0px;}