@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700&display=swap');
*{margin: 0px; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
body{margin:0px; font-family:Oswald, sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: Oswald,sans-serif; font-weight: 500; line-height: 1.3em; margin:15px 0; text-transform: uppercase;}
h1{font-size:45px; color: #4682b4;}
h2{font-size:35px; color: #4682b4;}
h3{font-size:30px;}
h4{font-size: 17px; letter-spacing: .08em;}
p{font-family: 'Merriweather Sans'; font-weight: 400; font-size: 14px; line-height: 1.9em; color: #000; text-align: justify;}
.more_btn{margin:10px 0px 20px; float: right; display: block; background: #4682b4; color: #fff; padding: 11px; width: 150px; text-align: center;
}

.wrapper{width: 1222px; margin: 0px auto; }
.clear{clear: both;}
img{max-width: 100%;}
a{text-decoration: none; color: #000;}
.bg_grey{background: #efefef;}
.menu_hide{display: none;}
.lft{width: 50%; float: left; padding-right:15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.rgt{width: 50%; float: left; padding-left:15px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
main,.breadcrump{margin-top: 147px;}
.top_header{padding:0px 0px 10px;}
.top_header ul{padding-bottom: 7px; list-style: none; border-bottom:1px solid #e8e8e8;}
.top_header ul li{display: inline-block; padding-right: 15px; font-family: 'Merriweather Sans'; font-size: 15px;
    border-right: 1px solid #e8e8e8; margin-bottom: 7px;}
.top_header li i{color:#4682b4;}
.top_header li.more_btn{margin:0px;padding: 9px; }
.top_header li.more_btn a{color: #fff; display: block;}
.top_header.fixnone{display: none;}
header.fixnone{box-shadow: 1px 3px 11px rgba(0,0,0,.5); -webkit-box-shadow: 1px 3px 11px rgba(0,0,0,.5); -moz-box-shadow: 1px 3px 11px rgba(0,0,0,.5);}
section{padding: 40px 0px;}
header{padding: 20px 0px 0px; position: fixed; z-index: 9999; width: 100%; top: 0; left: 0;  background: #fff; }
.logo{width:40%; float: left; padding-left:12px;}
.menu{width:60%; float: left;}
.menu ul {list-style: none; text-align: right;}
.menu ul li{position: relative; display:inline-block; font-family:Oswald, sans-serif;  font-weight: 500; letter-spacing: .16em; line-height: 63px; text-transform: uppercase;}
.menu ul li a{color: #4682b4; padding:0px 20px; }
.menu ul li:first-child a{padding-left: 0}
.menu ul li:last-child a{padding-right: 0}
.menu ul li:hover ul{display: block;}
ul.sub_menu{    -webkit-transition: top .15s ease-out;
    -moz-transition: top .15s ease-out;
    transition: top .15s ease-out; display: none;position: absolute;top: 50px; left: 23px; width: 190px; z-index: 999; background: #121212; padding-top: 15px;     padding-bottom: 15px;}
ul.sub_menu li{line-height: 33px; padding: 0px 15px; text-transform: capitalize; font-size: 13px;display: block;
    text-align: left;}
ul.sub_menu li a{color: #fff; padding: 0;}
/* Breadcrump Start*/
.breadcrump{padding: 40px 0px; text-align: center; background: #1c1c1c}
.breadcrump h2{color: #fff; font-size: 50px;}
.breadcrump ul li{display: inline-block; list-style: none; padding: 0px 10px; position: relative;} 
.breadcrump ul li:before{content: "/"; position: absolute; left: 100%; color: #fff;}
.breadcrump ul li:last-child:before{display: none;}
.breadcrump ul li a,.breadcrump ul li.active{color: #fff;}
/* Breadcrump End */

/* Our team Start*/
.our-team{padding: 30px 0px;}
.our-team .list_carousel.responsive{position: relative;}
.our-team h2{text-align: center;}
.our-team .team {width: 33.33%; float: left; padding: 10px;}
.our-team .team .team_photo{width: 100%;}
.our-team .team .team_ctn{width: 100%; padding:15px;}
.our-team .team .team_ctn h3{margin-top: 0;}
/*.our-team hr{background: #fff; border: 0px; margin: 20px 0px;}*/
.team_social{padding-top:20px;}
.team_social ul li{ display: inline-block;}
.team_social ul li a{color: #000;  width: 40px;  height: 40px;  border: 1px solid #000;  line-height: 40px;  text-align: center;
    display: block;}
.team_arrow{position: absolute; top: 50%; margin-top: -46px;}
.team_arrow .next1{}
.team_arrow .prev1{}
.about-us .lft,.about-us .rgt{margin-bottom:50px;}
.about-us .lft h2,.about-us .rgt h2{margin-top: 0;}

/* Our team End*/

/* Call to Action Start*/
.callaction{background: #4682b4; padding:30px 0px; }
.ctn_lft{width:77%; float: left; text-align: right; padding-right: 3%;}
.ctn_lft h3,.ctn_lft h4{text-transform: capitalize; color: #fff;     font-family: 'Merriweather Sans';}
.ctn_lft h3{    font-size: 25px;}
.ctn_lft h4{font-size: 14px;}
.ctn_rgt{width: 20%; float: left;     text-align: center;}
.ctn_rgt a i{font-size: 60px; line-height: 95px; color: #fff;}
/* Call to Action End*/


/* Portfolio Start*/
.portfolio .port_list ul{text-align: center;}
.portfolio .port_list ul li{display: inline-block; }
.portfolio .port_list ul button{padding: 10px 15px; color: #fff; background: #4682b4; letter-spacing: 1px;    border: 0;
    font-size: 16px; cursor: pointer;}
.portfolio .port_list ul button:hover,.portfolio .port_list ul a.active{background: #1c1c1c;}
.portfolio .port_list ul button.button.is-checked{background: #000;}
.port_item .list{width: 33.33%; float: left; padding:0px 15px; margin-bottom: 30px;}
.port_item{padding-top: 40px;}
.port_item .list .img:hover .overlay{display: block;}
.port_item .list .img{position: relative; transition: 2s.}
.port_item .list .img .overlay{ display:none;position: absolute; top:0; left:0; height:98%; width:100%; z-index: 99; background: rgba(0,0,0,0.4);}
.port_item .list_ctn{background: #fff; padding: 15px;text-align: center; margin-top: -10px; box-shadow: 0px 3px 7px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,0.4); -moz-box-shadow: 0px 3px 7px rgba(0,0,0,0.4)}
.port_item .list_ctn h2{margin:0; font-size:30px;}
/* Portfolio End*/

/* Virtual Start*/
.virtual,.twilight{background: #efefef; padding: 30px 0px;}
.virtual h2,.twilight h2,.twilight p{text-align: center;}
.virtual_list ul li{float: left; width: 50%; padding: 0px 30px; list-style: none;}
.virtual_list ul li h4{margin-bottom: 8px;}
.twilight ul li p{text-align: justify;}
.twilight .virtual_list{padding: 40px 0px;}
.twilight .virtual_list ul li i{font-size: 32px; border: 1px solid #4682b4; padding: 10px; border-radius: 100%;  background: #4682b4;
    color: #fff; width: 60px; height: 60px; line-height: 40px; text-align: center;}
    .twilight .virtual_list ul li {margin-bottom: 30px;}
.twilight .virtual_list ul li h5{font-size: 18px;}
.before_after{margin-bottom: 10px;}
.twentytwenty-container{margin-bottom: 30px;}
.touching{padding: 40px 0px;}
.touching h2,.touching h4{text-align: center;}
.touching .col-3 h4{text-align: left;}
.touching .col-3{width: 33.33%; float: left;}
.touching ul li{list-style: none; border-bottom: 1px dotted #000; padding: 7px 5px; margin-right: 17px; font-family: 'Merriweather Sans';
    font-size: 14px; text-align: justify; line-height:20px;}
 .virtual_staging p{padding-bottom: 10px;}
 .virtual_staging h2{margin-top: 0; text-align: center;}
 .virtual_staging h4{ text-align: center;}
 .virtual_staging{padding: 15px 0px;}
 .virtual_staging .before_after{margin-bottom: 0; margin-top: 20px;}
 .virtual_staging hr{border: 2px solid #4682b4;}
 .virtual_staging .price{float: right; padding-top: 20px; padding-right: 10px; font-size: 12px; font-weight: 700;}
/* Virtual End*/
/* Homepage Start*/
.photoshop{padding: 30px 0px;}
.banner_bg{background: url(../images/banner_bg.jpg) left top no-repeat; background-size:cover; min-height: 500px;}
.slider{padding: 0;}
.slider .banner_bg{position: relative;}
.slider li{height: 270px; margin-top:130px; margin-right: 70px;}
.slider .banner_ctn{background: rgb(0, 0, 0,0.6); width: 30%; height: 100%; padding: 25px; float: right;}
.slider .banner_ctn h2,.slider .banner_ctn p{color: #fff; text-align: left;}
.slider .banner_ctn h2{font-size: 40px; margin-top: 0; }
.slider .arrow{text-align:right;}
.slider .arrow i{color: #fff; font-size: 45px; padding-right: 15px; margin-top: 45px;}
.banner_ctn h3{color: #fff; font-size: 20px;}
.slider .banner_ctn p{font-size: 16px; line-height:25px;}
.process h2{text-align: center; margin-bottom: 40px;}
.process_list ul{list-style: none;}
.process_list li {width: 24%; float: left; margin-left: 1.3%; padding: 15px; border-radius: 4px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  text-align: center;
    box-shadow: 1px 1px 7px rgba(0,0,0,0.4); -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 7px rgba(0,0,0,0.4);}
    .process_list li:first-child{margin-left: 0}
.process_list li i{font-size: 50px; border: 2px solid #e4e6df; width: 100px; height: 100px; line-height: 100px; border-radius: 100%; background: #4682b4; color: #fff;}
.photoshop a.more_btn{float: inherit;}
}
.process_list li h3{}
.process_list li p{}
.touch_image{padding:40px 0px 0px;}
.maginfy .twentytwenty-container{margin-bottom: 0;}
.ctn_magnify{display: table; width: 100%; height: 300px; text-align: center;}
.ctn_magnify h2{display: table-cell; vertical-align: middle; width: 100%; height: 100%;     font-size: 44px;}
.lft.maginfy,.rgt.magbg{background:#efefef;}
/* Homepage End*/
/* Priceing Table Start*/
.pricetable{padding:0px 0px 40px; width: 800px; margin: 0px auto;}
.pricetable ul li{list-style:none; float: left; width: 33.33%; text-align: center; }
.pricetable h2{text-align: center; margin-bottom:30px;}
.pricetable ul li h3{background:#ff663a; margin: 0; font-size: 26px;padding: 10px 0px; color: #fff; border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px;}
.pricetable ul li h4{margin: 0; padding: 10px; line-height: 65px; background: #efefef; font-size: 27px;}
.pricetable ul li a{display: block; background: #ff663a; padding: 6px 0px; color: #fff;border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px;
    font-size: 17px;}
.pricetable ul li:nth-child(2){position: relative; box-shadow: 0px 1px 27px 2px rgba(0,0,0,.4); -webkit-box-shadow: 0px 1px 27px 2px rgba(0,0,0,.4); -moz-box-shadow: 0px 1px 27px 2px rgba(0,0,0,.4);}
.pricetable ul li:nth-child(2) h3{padding-top: 20px;margin-top: -10px; background: #2c4c86;}
.pricetable ul li:nth-child(2) a{    border-radius: 0; padding-bottom: 15px; background: #2c4c86;}
/* Priceing Table End*/
/* Contact Us Start*/
.form_section{width: 60%; float: left;}
.form_section .form-group{margin-bottom: 15px; float: left; width: 50%; padding-right: 15px;}
.form_section .form-group label{display: block;}
.form_section .form-group input,.form_section .form-group select{width: 100%; border: 1px solid #ccc; padding: 10px 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.form_section .form-group.full{width: 100%; float: none;}
.form_section .form-group.full textarea{width: 100%; min-height: 150px; border: 1px solid #ccc; padding: 10px 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.form_section .form-group.full input[type=submit]{background: #1c1c1c; color: #fff; font-size: 17px; cursor: pointer;}

.contact_details{width: 38%; padding:2%; float: left;}
.map{padding: 30px 0px;     background: #efefef;}
.map .map_list{width: 33.33%; float: left; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.map .map_list h4{text-align: center;}
.map .map_list iframe{border: 2px solid #4682b4 !important;}
/* Contact Us Start*/
.footer_bg{background: #191919; padding:41px 30px;}
.footer_bg .footer_list{width: 25%; float:left; padding:0px 15px;}
.footer_bg h4,.footer_bg p{color: #fff}
.footer_bg p{font-size: 13px;}
.footer_bg h4{color:#b8ff6b;}
.footer_bg hr{margin: 5px 0px;}
.footer_bg a,.footer_bg a:hover{color: #fff;}
.footer_bg .social li{    display: inline-block;}
.footer_bg li a{color: #fff;  width: 40px;  height: 40px;  border: 1px solid #fff;  line-height: 40px;  text-align: center;
    display: block;}
    .copyright{background: #000; padding:10px 0px;}
    .copyright p{color: #fff; text-align: center; }