.d-flex {
  letter-spacing: 0.2rem !important;
}

.container {
  margin-top:7%;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial;
  font-weight:700;
}

.fancyTab, .fancyTab1 {
	text-align: center;
  /* padding:15px 0; */
  /* background-color: #ff585f;
	box-shadow: 0 0 0 1px #ddd; */
	top:;	
  transition: top .2s;
  border-radius: 10px;
}

.fancyTab.active, .fancyTab1.active {
  top:0;
  transition:top .2s;
}

.whiteBlock {
  display:none;
}

.fancyTab.active .whiteBlock, .fancyTab.active1 .whiteBlock {
  display:block;
  height:2px;
  bottom:-2px;
  background-color:;
  width:99%;
  position:absolute;
  z-index:1;
}

.fancyTab a, .fancyTab1 a {
	font-family: Arial;
	font-size:1.35em;
	font-weight:300;
  transition:.2s;
  color:#fff;
}

/*.fancyTab .hidden-xs {
  white-space:nowrap;
}*/

.hidden-xs {
  font-weight: bolder;
  vertical-align: middle;
}

.fancyTabs, .fancyTabs1 {
	border-bottom:0px solid #ddd;
  margin: 0 0 0;
  padding-bottom: 10px;
}

li.fancyTab a, li.fancyTab1 a {
  padding-top:;
  top:;
  padding-bottom:0;
}

li.fancyTab.active a, li.fancyTab1.active a {
  padding-top: inherit;
}

.fancyTab .fa, .fancyTab1 .fa {
  font-size: 40px;
	width:100%;
	padding: 15px 0 5px;
  color:#666;
}

.fancyTab.active .fa, .fancyTab1.active .fa {
  color: #cfb87c;
}

.fancyTab a:focus, .fancyTab1 a:focus {
	outline:none;
}

.fancyTabContent, .fancyTab1Content {
  border-color: transparent;
  box-shadow: 0 -2px 0 -1px #fff, 0 0 0 1px #ddd;
  padding: 30px 0px 0px;
  position:relative;
  background-color:#fff;
  border-radius: 10px;
}

.nav-tabs > li.fancyTab.active > a, 
.nav-tabs > li.fancyTab.active > a:focus,
.nav-tabs > li.fancyTab.active > a:hover,
.nav-tabs > li.fancyTab1.active > a, 
.nav-tabs > li.fancyTab1.active > a:focus,
.nav-tabs > li.fancyTab1.active > a:hover {
	border-width:0;
}

.nav-tabs > li.fancyTab:hover, .nav-tabs > li.fancyTab1:hover {
	background-color:;
	/* box-shadow: 0 0 0 1px #ddd; */
}

/* .nav-tabs > li.fancyTab.active:hover, .nav-tabs > li.fancyTab1.active:hover {
  background-color:;
  box-shadow: 1px 1px 0 1px #fff, 0 0px 0 1px #ddd, -1px 1px 0 0px #ddd inset;
} */

.nav-tabs > li.fancyTab:hover a, .nav-tabs > li.fancyTab1:hover a {
	border-color:transparent;
}

.nav.nav-tabs .fancyTab a[data-toggle="tab"], .nav.nav-tabs .fancyTab1 a[data-toggle="tab"] {
  background-color:transparent;
  border-bottom:0;
}

.nav-tabs > li.fancyTab:hover a, .nav-tabs > li.fancyTab1:hover a {
  border-right: 1px solid transparent;
}

.nav-tabs > li.fancyTab > a, .nav-tabs > li.fancyTab1 > a {
	margin-right:0;
	border-top:0;
  /* padding-bottom: 30px;
  margin-bottom: -30px; */
}

.nav-tabs > li.fancyTab, .nav-tabs > li.fancyTab1 {
	margin-right:0;
	margin-bottom:0;
}

.nav-tabs > li.fancyTab:last-child a, .nav-tabs > li.fancyTab1:last-child a {
  border-right: 1px solid transparent;
}

.nav-tabs > li.fancyTab.active:last-child, .nav-tabs > li.fancyTab1.active:last-child {
  border-right: 0px solid #ddd;
	box-shadow: 0px 2px 0 0px #fff, 0px 0px 0 1px #ddd;
}

.fancyTab:last-child, .fancyTab1:last-child {
  /* box-shadow: 0 0 0 1px #ddd; */
}

.tabs .nav-tabs li.fancyTab.active a, .tabs .nav-tabs li.fancyTab1.active a {
	box-shadow:none;
  top:0;
}


/* .fancyTab.active, .fancyTab1.active {
  background: #fff;
	box-shadow: ;
  padding-bottom:;
} */

.arrow-down {
	display:none;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 22px solid #ddd;
  position: absolute;
  top: -1px;
  left: calc(50% - 20px);
}

.arrow-down-inner {
  width: 0;
  height: 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 12px solid #fff;
  position: absolute;
  top: -22px;
  left: -18px;
}

.fancyTab.active .arrow-down, .fancyTab1.active .arrow-down {
  display: block;
}

.box {
  height: 510px;  
  display: flex;
  justify-content: center;
  font-size:13px;
 }
 
.frame {
  width: 420px;
  height: 510px;
  padding-top: 50px;
  padding-bottom: 80px;
}	

#myTabContent {
  display: none;
}


/* @media (max-width: 1200px) {  
  .fancyTab .fa {
  	font-size: 36px;
  }  
  .fancyTab .hidden-xs {
    font-size:22px;
	}	
}	
@media (max-width: 992px) {    
  .fancyTab .fa {
  	font-size: 33px;
  }    
  .fancyTab .hidden-xs {
  	font-size:18px;
    font-weight:normal;
  }	
}	 */
#Img_serv {display: block;}
#Img_serv1 {display: none;}

@media (max-width: 590px) {	   
  .fancyTab > a, .fancyTab1 > a {
    font-size:18px;
  }    
  .nav > li.fancyTab > a, .nav > li.fancyTab1 > a {    
    margin-bottom:inherit;
  }    
  .fancyTab .fa, .fancyTab1 .fa {
    font-size:30px;
  }    
  .nav-tabs > li.fancyTab > a, .nav-tabs > li.fancyTab1 > a {
    border-right:1px solid transparent;
    padding-bottom:0;
  }    
  .fancyTab.active .fa, .fancyTab1.active .fa {
    color: #333;
	}
  .frame {
    width: 100%;
    height:;    
	}	
  .box {
    height: 510px;  
   }
  .box div p {
    font-size:15px;
   }
   #Img_serv {display: none;}
   #Img_serv1 {display: block;}
}

 @media (max-width: 362px) {	
  .fancyTabContent, .fancyTab1Content {
    padding: 0px 0px 0px;
  }
  .box {
    height: 620px;  
   }
   .frame {
    height:;    
	}	
}

/*-------------- POPUP--------------*/
.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1em;
  color: #ffffff;
  font-size: 17px;
  font-weight: 500;
  background-color: #000000;
  border-radius: 5px;
  text-align: center;
  z-index: 1000;
  filter: Alpha(Opacity=70);
  opacity:0.7;
  transition: opacity 0.5s;
}

.popup.show {
  display: block;
  opacity: 0.9;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
}

ul li {
  list-style: none;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
}

.nav > li > a:hover {
  text-decoration: none;
  background-color: unset;
}

.btn-primary:hover {
  color: #fff;
  background-color: #773DBD;
  border-color: #773DBD;
}

.btn-primary {
  color: #fff;
  background-color: #773DBD;
  border-color: unset;
}

.btn-primary.focus,
.btn-primary:focus {
  color:#fff;
  background-color:#773DBD;
  /*! border-color:#122b40 */
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
  color:#fff;
  background-color:#773DBD;
  /*! border-color:#204d74 */
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
  color:#fff;
  background-color:#773DBD;
  /*! border-color:#122b40 */
}