/*
Theme Name: RT Architectural Design Services
Author: F<>RM DIGITAL
Author URI: http://www.form-digital.com
Version: 1.0
*/

/*
===========================================================
	Layout Elements
===========================================================
*/

* { margin: 0; padding: 0; }
*:focus {
    outline: 0 !important;
}
a {
	outline: none !important;
	border: none;
	text-decoration: none;
    transition: all 0.1s ease-in 0.1s;
    color: #fff;
}
a:hover {
	text-decoration: none !important;
	color: #92b7dc;
}
body, html {
  height: 100%;
  color: #343434;
}
.animated { 
	visibility: visible !important; 
}
.screen {    
    /* Web browsers that does not support RGBa */
    background: rgba(0, 0, 0, 0.7);
    /* IE9/FF/chrome/safari supported */
    background: rgba(0, 0, 0, 0.7);
    /* IE 8 suppoerted */
    /* Here some time problem for Hover than you can use background color/image */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)";
    
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

/*
===========================================================
	Hero Section
===========================================================
*/

.hero {
    color: #fff;
    height: 100%;
    overflow-x: hidden;
    position: relative;
    background-image: url("./assets/img/constants/hero-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero_wrap {
	text-align: center;
	display: table;
    height: 100%;
    width: 100%;
}
.hero_inner {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
.hero_content {
	position: relative;
	z-index: 99;
	text-align: left;
}
.hero_content .hero_img img {
    height: 100px;
    width: auto;
}
.hero_lead {
    padding-right: 15%;
}
.hero_lead .excerpt {
    font-size: 21px;
    font-weight: 300;
}
.hero_lead p {
    font-size: 16px;
    font-weight: 300;
}
.hero_split h4 {
    color: #92b7dc;
    font-family: "Varela Round",sans-serif;
    font-size: 21px;
    margin: 0 0 20px;
}
.hero_split ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.hero_split ul li {
	margin-bottom: 10px;
	padding-left: 25px;
	font-size: 16px;
	font-weight: 300;
	background-image: url("./assets/img/constants/list-item.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    float: none;
    width: 100%;
}
ul.contact {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul.contact li {
    display: inline-block;
    float: left;
}
ul.contact li a {
	font-family: 'Varela Round', sans-serif;
	font-size: 16px;
}
.icon {
	width: auto;
	height: 25px;
}
ul.social {
    display: block;
    list-style: outside none none;
    margin: 20px 0 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
ul.social li {
	display: inline-block;
	float: left;
	margin: 0 15px 0 0;
}
ul.contact li.middle {
    margin: 0 25px;
    padding: 0 35px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.more_section {
    bottom: 35px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 600ms ease-in-out 0s;
    cursor: pointer;
    z-index: 999;
    
    opacity: .65; /* standard: ff gt 1.5, opera, safari */
	-ms-filter: “alpha(opacity=65)”; /* ie 8 */
	filter: alpha(opacity=65); /* ie lt 7 */
	-khtml-opacity: .65; /* safari 1.x */
	-moz-opacity: .65; /* ff lt 1.5, netscape */
}
.more_section:hover {
	opacity: 1; /* standard: ff gt 1.5, opera, safari */
	-ms-filter: “alpha(opacity=100)”; /* ie 8 */
	filter: alpha(opacity=100); /* ie lt 7 */
	-khtml-opacity: 1; /* safari 1.x */
	-moz-opacity: 1; /* ff lt 1.5, netscape */
}
.more_section p {
	margin: 0 0 25px;
	text-transform: uppercase;
	color: #fff;
	font-size: 13px;
	letter-spacing: 2px;
}
.more_section > img {
    height: 30px;
    width: auto;
}
.margin_bottom {
	margin-bottom: 35px;
}

/*
===========================================================
	Footer Section
===========================================================
*/

.footer {
	text-align: center;
}
.footer .logo {
    height: 100px;
    width: auto;
}
.footer, .footer a {
	color: #9e9d9b;
}
.footer_content {
	margin: 35px 0 0;
}
.icon {
	width: auto;
	height: 25px;
}
/*
ul.social {
    list-style: outside none none;
    padding: 0;
    text-align: center;
}
ul.social li {
	display: inline-block;
	float: none;
	margin: 0 5px;
}
*/
.footer h3 {
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 35px;
    text-transform: uppercase;
    color: #565656;
}
.footer span {
    color: #565656;
}
.address p {
    line-height: 24px;
}
.footer hr {
    margin: 45px 0;
}

/*
===========================================================
	Google Map Section
===========================================================
*/

.google_map {
    margin: 0;
}
.gmap3 {
    height: 500px;
    margin: 0 auto;
}

/*
===========================================================
	Back To Top Section
===========================================================
*/

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url("./assets/img/constants/cd-top-arrow.svg") no-repeat center 50%;
  
  
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

/* Custom Min Width ----------- */
@media (max-width: 1450px) {

}

/* Custom Min Width ----------- */
@media (max-width: 1200px) {

}

/* Custom Min Width ----------- */
@media (max-width: 1100px) {

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.hero_lead .excerpt { font-size: 19px; }
.hero_content .hero_img img { height: 85px; }
.hero_lead { padding-right: 10%; }
.margin_bottom { margin-bottom: 20px; }
.hero_split h4 { margin-bottom: 10px; font-size: 16px; }
.hero_split ul li { margin-bottom: 5px; font-size: 15px; }
}

/* Custom Min Width ----------- */
@media (max-width: 1024px) {
div { transition: none !important; }
.hero_lead p { font-weight: 400; }
.hero_split ul li { font-weight: 400; }
.hero_lead .excerpt { font-weight: 400; }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

}

/* Custom Min Width ----------- */
@media (max-width: 1000px) {
.gmap3 { height: 400px; }
.container { padding-left: 30px !important; padding-right: 30px !important; }
}

/* Custom Min Width ----------- */
@media (max-width: 900px) {
.menu_content h3 { font-size: 19px; }
}

/* Custom Min Width ----------- */
@media (max-width: 850px) {

}

/* Custom Min Width ----------- */
@media (min-width: 768px) {

}

/* Custom Min Width ----------- */
@media (max-width: 767px) {
.hero { padding: 25px 0; }
.content_area { padding: 65px 0; }
.container { padding-left: 15px !important; padding-right: 15px !important; }
.hero_content .hero_img img { height: 65px; }
.hero_lead { padding-right: 0; }
.hero_lead .excerpt { font-size: 16px; }
.hero_lead p { font-size: 14px; }
.margin_bottom { margin-bottom: 25px; }
.hero_split h4 { font-size: 16px; margin: 0 0 10px; }
ul.contact li { display: block; float: none; width: 100%; }
ul.contact li.middle { border-left: medium none; border-right: medium none; margin: 5px 0; padding: 0; }
.margin_top_break { margin-top: 15px; }
}


/* Custom Min Width ----------- */
@media (max-width: 480px) {

}