@charset "UTF-8";
/*
Theme Name: Theratio
Theme URI: http://templates.thememodern.com/theratio/index.html
Author: ThemeModern
Author URI: http://thememodern.com
Description: Theratio is a WordPress theme for Interior Design & Architecture Company. Theratio is easy to use, it provides everything you need to create great looking website. With Theratio you can impress your customer by it’s professional design and the interactivity. Theratio built with latest website technology to ensure your website is looks nice on desktop and mobile. Get Theratio now!
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theratio
Domain Path: /languages/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
  



/* #Contact form
================================================== */

#ajax-form label {
  display: block;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height:30px;
  margin-bottom: 0;
}
.error {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  line-height:30px;
  letter-spacing:1px;
  display: none;
  text-align:center;
}
#ajaxsuccess {
  color:#4BD48B;
  border: 1px solid #4BD48B;
  font-family: 'Raleway', sans-serif;
  line-height:60px;
  height:60px;
  display: none;
  padding-left:10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
/*new-css-start*/

.heading{
  font-size:53px;
  font-weight: 500;
  color: #000;
  margin-bottom: 20px;
}

.theame-btn{
  display: inline-block;
  background-color: #162447;
  color: #fff;
  border: 1px solid #9aa2af;
  border-radius: 0px;
  font-size: 18px;
  font-weight: 600;
  min-width: 150px;
  text-align: center;
  color: #fff;
  padding: 10px 15px;
}
.theame-btn:hover{
  color:#fff;
  background-color:#0c1426;
}
.space{
  padding-top: 50px;
  padding-bottom: 50px;
}
.banner-section{
 background-image: linear-gradient(#0e3153, #427eb1, #0e3152);
 width: 100%;
 /*height: 500px;*/
 padding-top: 150px;
 position: relative;
}
.banner-section-left img{
  width: 500px;
}
.banner-section-right h3{
  font-size:54px;
  color: #650a33;
  margin-bottom: 10px;
  margin-top:50px;
}
.banner-section-right h4{
  font-size:54px;
}
.banner-section-right p{
  margin-bottom: 25px;
  font-size: 17px;
  font-weight: 500;
}
.theame-btn:hover{

}
.client-section ul li{
  display: inline-block;
}
.client-section ul li img{
  width: 70%;
  object-fit: cover;
  margin:auto;
  filter: grayscale(100%);
}
.client-section ul{
  margin-bottom:0px;
}
.development-section{
  background-color: #efefef;
  position: relative;
}
.service-section{
  background-color: #efefef;
  position:relative;
}
.service-section:after{
  position: absolute;
  content: '';
  right: 0;
  bottom: 0;
  background-image: url(images/service.png);
  background-size: contain;
  width: 493px;
  height: 794px;
  background-repeat: no-repeat;
}
.development-section:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 70%;
  background-color: #0d3051;
  top: 0;
  left: 0;
  z-index:9;
}
.development-section .container{
  position:relative;
  z-index:99;
}

.development-section ul li{
  list-style-type: none;
}
.development-section ul li:nth-child(1){
  margin-top: 90px;
}
.development-section ul li:nth-child(2){
  margin-top:90px;
}
.development-section-img img{
  width: 100%;
  height:650px;
  object-fit:cover;
}
.development-section-img h6{
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 50px;
}
.development-section-img h3{
  font-size: 64px;
  font-weight: 500;
  margin-bottom: 100px;
  line-height: 74px;
  margin-top:30px;
}
.cst-header{
  transition:0.2s;
}
.cst-header.cst-header-bg{
  background-color:#0e3153;
}
.service-section .heading{
  margin-bottom:35px;
}
.service-section-inner{
  margin-bottom: 30px;
}
.service-section-inner h4{
  font-size: 30px;
  color: #21234f;
  font-weight: 500;
  text-transform: uppercase;
}
.service-section-inner p{
  font-weight: 500;
  font-size: 16px;
}
.service-section-inner a{
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: #21234f;
}
.service-section-img{
  position: relative;
}
.service-section-img img{
  position: absolute;
  top: 0;
  right: 0;
}
.cst-header .navbar.custom-navabr {
  background-color: transparent!important;
  padding-top:25px;
}
.cst-header .custom-navabr ul li{
  list-style-type: none;
  display: inline-block;
}
.cst-header .custom-navabr ul li .nav-link{
  font-weight: 600;
  color: #fff;
  padding:5px 10px;
  line-height:16px;
}
.cst-header .custom-navabr ul li .nav-link:not(.h-search):hover{
  background-color:#650a33;;
}
.cst-header .custom-navabr .navbar-brand-desktop{
  display:inline-block;
}
.cst-header .top-bar{
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translate(-50%);
  top: 0;
  z-index:99;
}
.cst-header .top-bar span a{
  color:#fff;
}
.cst-header .top-bar span a:hover{
  color:#650a33;
}
.fa-phone{
  transform: rotate(90deg);
}
.cst-header .custom-navabr .navbar-brand-desktop img{
  width: 130px;
  margin-top: -25px;
}
.cst-header .custom-navabr .nav-item.active .nav-link{
  background-color:#650a33;
}
.cst-header .custom-navabr .menu-left{
  display: flex;
  justify-content: space-between;
  width: calc(50% - 65px);
  padding-right: 45px;
}
.cst-header .custom-navabr .menu-right{
  display: flex;
  justify-content: space-between;
  width: calc(50% - 65px);
  padding-left: 45px;
}

.review-section{
  background-image: url(images/review-bg.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.review-section .container{
  position:relative;
}
.review-section-slider{
  position:static;
}
.review-section .owl-prev{
  left:-90px!important;
}
.review-section .owl-next{
  right:-90px!important;
}
.review-section .owl-nav button{
  background-color:transparent!important;
}
.review-section .owl-nav button i{
  color:#3d72a2!important;
}
.review-section .owl-nav button i:hover{
  color:#fff!important;
}
.review-section .owl-nav button i:before{
  font-size:60px;
}
.review-section-inner{
  display: flex;
  align-items: center;
  background-color:#3d72a2;
}
.review-section .review-section-img{
  width: 50%;
}
.review-section .review-section-img img{
  width: 100%;
  height:495px;
  object-fit: cover;
}
.review-section .review-section-content{
  width: 50%;
  background-color: #3d72a2;
  padding: 10px 25px;
  position:relative;
  padding-right: 70px;
}
.review-section .review-section-content:after{
  content: '';
  position: absolute;
  width: 100%;
  height: calc(100% + 50px);
  left: -30px;
  top: -25px;
  border: 5px solid #fff;
}
.review-section .review-section-content h4{
  font-size: 30px;
  margin-bottom: 25px;
}
.review-section .review-section-content p{
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 15px;
  font-style: italic;
}
.review-section .review-section-content h6{
  font-size: 18px;
}
.section-content{
  margin-top:2.1em;
}
.project figcaption {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 3.2em 3.6em;
}
.project figure {
    position: relative;
    margin:0px;
}
.project {
    padding: 0;
    overflow: hidden;
}
.project-zoom:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2.625em;
    height: 2.625em;
    background: url(images/zoom.png) 0 0 no-repeat;
    background-size: cover;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.project-title {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    font-weight: normal;
    font-size:32px;
    line-height: 1.45;
    letter-spacing: 0.07em;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.project-category {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 0 -0.8em;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.8em;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.project-zoom {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9em;
    height: 9em;
    margin: -4.5em;
    border-radius: 50%;
    background-color: rgba(197,164,126,0.84);
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}
.project figure img {
    display: block;
    width: 100%;
    -webkit-transition: all 8s linear;
    -o-transition: all 8s linear;
    transition: all 8s linear;
}
.project figure:hover .project-title {
    top: 30px;
    opacity: 0;
}
.project figure:hover .project-category {
    opacity: 0;
    letter-spacing: 2em;
}
.project figure:hover .project-zoom {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.project figure:hover img {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}
.projects-carousel .owl-prev {
    left: 0.8em!important;
    padding-left: 35px!important;
    background: url(images/prev.png) left 50% no-repeat!important;
    background-size: 1.3em 1em!important;
}
.projects-carousel .owl-next {
    left: auto!important;
    right: 0.8em!important;
    padding-right: 35px!important;
    background: url(images/next.png) right 50% no-repeat!important;
    background-size: 1.3em 1em!important;
}
.projects-carousel .owl-prev, .projects-carousel .owl-next {
    position: absolute!important;
    top: 50%!important;
    font-size: 1em!important;
    letter-spacing: 0.32em!important;
    text-transform: uppercase!important;
    color: #fff!important;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    -webkit-transition: all 0.3s!important;
    -o-transition: all 0.3s!important;
    transition: all 0.3s!important;
    opacity: 0.7!important;
    width: 150px!important;
}
.projects-carousel .owl-prev:hover, .projects-carousel .owl-next:hover {
    opacity: 1;
}
.projects-carousel figure:after {
    opacity: 0.4;
}

.projects-carousel figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #111;
    opacity: 0.7;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.projects-carousel figure:hover:after {
    opacity: 0;
}
.widget-footer span{
  font-size:16px;
  color:#fff!important;
  font-weight:600;
  line-height:22px;
}
.custom-footer.widget-footer .footer-list-item{
  display:flex;
}
.banner-section-right{
  margin-bottom:35px;
}
.custom-footer{}
/*new-css-end*/