@font-face { font-family: 'fontawesome'; src: url('../assets/Fonts/fontawesome/fontawesome-webfont.eot?v=4.6.1'); src: url('../assets/Fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../assets/Fonts/fontawesome/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../assets/Fonts/fontawesome/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../assets/Fonts/fontawesome/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../assets/Fonts/fontawesome/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'iransans'; src: url('../assets/Fonts/iransans/IRANSansWeb(FaNum).eot'); src: url('../assets/Fonts/iransans/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), url('../assets/Fonts/iransans/IRANSansWeb(FaNum).woff') format('woff'),url('../assets/Fonts/iransans/IRANSansWeb(FaNum).woff2') format('woff2'), url('../assets/Fonts/iransans/IRANSansWeb(FaNum).ttf') format('truetype'); } @font-face { font-family: 'iransansbold'; src: url('../assets/Fonts/iransans/IRANSansWeb(FaNum)_Bold.eot'); src: url('../assets/Fonts/iransans/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), url('../assets/Fonts/iransans/IRANSansWeb(FaNum)_Bold.woff') format('woff'),url('../assets/Fonts/iransans/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), url('../assets/Fonts/iransans/IRANSansWeb(FaNum)_Bold.ttf') format('truetype'); } @font-face { font-family: 'iransanslight'; src: url('../assets/Fonts/iransans/IRANSansWeb(FaNum)_Light.eot'); src: url('../assets/Fonts/iransans/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), url('../assets/Fonts/iransans/IRANSansWeb(FaNum)_Light.woff') format('woff'),url('../assets/Fonts/iransans/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), url('../assets/Fonts/iransans/IRANSansWeb(FaNum)_Light.ttf') format('truetype'); } @font-face { font-family: 'yekan'; src: url('../assets/Fonts/Yekan/Yekan.eot'); src: url('../assets/Fonts/Yekan/Yekan.eot?#iefix') format('embedded-opentype'), url('../assets/Fonts/Yekan/Yekan.woff') format('woff'), url('../assets/Fonts/Yekan/Yekan.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*------------------------------------------------------------ */ html, body { max-width: 100%; overflow-x: hidden; } body { direction: rtl; padding: 0; margin: 0; font-family: iransans; font-size: 14px; position: relative; color: #000; } body.modal-open{padding:0!important;} body.compensate-for-scrollbar{margin:0;} .container-fluid { width: 100%; max-width: 1920px; margin: auto; overflow: hidden; padding: 0; } .container { width: 100%; max-width: 1600px; margin: 0 auto; } *:focus, *:visited, *:active { outline: none; text-decoration: none; } a { color: #000; text-decoration: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } a:hover, a:focus { text-decoration: none; outline: none; color: #00bfa5; } ul, ol { padding: 0; } .no-padding { padding: 0; } .clearfix { clear: both; } /*------------------------------ SideNav */ .sideNav { position: fixed; left: 20px; top: 0; bottom: 0; margin: auto; height: 360px; padding: 66px 0; z-index: 1000; } .sideNav:before, .sideNav:after { content: ''; width: 2px; height: 46px; background-color: rgba(10,64,62,0.5); position: absolute; top: 0; right: 0; left: 0; margin: auto; } .sideNav:after { top: auto; bottom: 0; } .sideNav a { display: block; width: 67px; height: 67px; background-color: rgba(214,214,214,0.9); border-radius: 15px; margin-bottom: 15px; text-align: center; line-height: 67px; } .sideNav a:nth-of-type(1) { background-image: url('../../images/my-icons.png'); background-position: 12px -474px; } .sideNav a:nth-of-type(2) { background-image: url('../../images/my-icons.png'); background-position: 12px -474px; } .sideNav a:nth-of-type(3) { background-image: url('../../images/my-icons.png'); background-position: 12px -474px; } /*-----------------------------------------------------------------header*/ header { position: fixed; top: 35px; right: 0; left: 0; margin: 0 auto; z-index: 5; transition: all 0.8s ease; } header:before { content: ''; position: fixed; top: 35px; right: 0; left: 0; margin: 0 auto; display: block; width: 100%; height: 59px; background-color: rgba(255,255,255,0.2); z-index: -1; transition: all 0.8s ease; } header.fixate { top: 0; } header.fixate:before { background-color: #444; top: 0; } header .container { max-width: 1200px; } /*-----------------------------------------------------------------menu*/ #menu-div { float: right; } #menu-div .container { padding: 0; } #menu-div nav { } #menu-div nav #bs-navbar { padding: 0; } #menu-div nav .navbar-nav { background-color: #444; float: none; padding: 0; /*margin-top: 30px;*/ transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; } #menu-div nav .navbar-nav > li { float: none; display: table-cell; width: auto; position: relative; } #menu-div nav .navbar-nav > li > a { color: #fff; padding: 20px 20px 19px; font-size: 14px; /*border: 1px solid transparent;*/ transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } /*#menu-div nav .navbar-nav > li:first-child a { padding-right: 0; }*/ /*#menu-div nav .navbar-nav > li:last-child a { padding-left: 0; }*/ #menu-div nav .navbar-nav > li:last-child::after { display: none; } #menu-div nav .navbar-nav > li:hover a, #menu-div nav .navbar-nav > li:focus a, #menu-div nav .navbar-nav > li.active a { background-color: #ffbc00; color: #444; } #menu-div nav .navbar-nav .dropdown-menu { width: 100%; margin-top: -1px; margin-left: -1px; background-color: #79d1c0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } #menu-div nav .navbar-nav .dropdown-menu li a { text-align: right; color: #000; background-color: transparent; border-color: transparent; } #menu-div nav .navbar-nav .dropdown-menu li a:hover { background-color: #ffbc00; color: #000; transition: all 0.4s ease; } #menu-div nav .navbar-nav .dropdown-submenu { position: relative; } #menu-div nav .navbar-nav .dropdown-submenu > .dropdown-menu { top: 0; right: 100%; margin-top: -6px; margin-right: -1px; background-color: #79d1c0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } #menu-div nav .navbar-nav .dropdown-submenu:hover > .dropdown-menu { display: block !important; } #menu-div nav .navbar-nav .dropdown-submenu.pull-left { float: none; } #menu-div nav .navbar-nav .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent; border-color: transparent; } #menu-div .nav > li > a:hover, #menu-div .nav > li > a:focus { background-color: transparent; outline: none; } nav .navbar-header { /*height: 66px;*/ } nav .navbar-header .navbar-toggle { background-color: #333; margin-left: 15px; } nav .navbar-header .navbar-toggle .icon-bar { width: 34px; height: 4px; background-color: #fff; } #top-social { float: right; } #top-social ul { list-style: none; margin: 0; display: table; padding: 0 160px 0 10px; background-color: #444; } #top-social ul li { position: relative; display: table-cell; height: 59px; transition: all ease 0.3s; } #top-social ul li a { display: block; width: 33px; height: 33px; margin-left: 3px; margin-top: 13px; transform: translateY(0); transition: all ease 0.2s; } #top-social ul li a:hover { transform: translateY(-2px); } #top-social ul li:nth-child(1) a { background: url(../Images/my-icons.png) -362px 0; } #top-social ul li:nth-child(2) a { background: url(../Images/my-icons.png) -326px 0; } #top-social ul li:nth-child(3) a { background: url(../Images/my-icons.png) -290px 0; } #top-social ul li:nth-child(4) a { background: url(../Images/my-icons.png) -254px 0; } #top-social ul li:nth-child(5) a { background: url(../Images/my-icons.png) -218px 0; } #top-social ul li:nth-child(6) a { background: url(../Images/my-icons.png) -182px 0; } /*-----------------------------------------------------------------logo*/ .logo-div { float: left; } .logo-div a img { display: none; } /*-----------------------------------------------------------------Search*/ /*.search-box { width: 300px; padding: 10px; text-align: center; display: none; position: absolute; top: 0; left: 115px; z-index: 20; } .search-box input[type=text] { width: 100%; border-radius: 4px; outline: 0; border: 1px solid #ffae4b; padding: 5px; text-align: right; direction: rtl; }*/ /*-----------------------------------------------------------------Banner*/ #banner { position: relative; height: 100vh; transition: all ease 1s 3s; } #banner .banner-loop { transition: all ease 3s 3.2s; transform: translateY(-30px) } #banner.has-effect { height: 80vh; } #banner.has-effect .banner-loop { transform: translateY(0px); } #banner.no-effect { height: unset; } #banner.no-effect .banner-loop { transition: all ease 0.0001s; transform: translateY(0px); } #banner .banner-caption { position: absolute; bottom: 0; right: 0; left: 0; margin: 0 auto 80px; z-index: 1; } #banner .banner-caption h1 { text-align: center; } #banner .banner-caption h1 span { display: block; margin-bottom: 15px; } #banner .banner-caption h1 span:nth-child(1) { color: #00bfa5; font-size: 70px; font-weight: bold; } #banner .banner-caption h1 span:nth-child(2) { color: #fff; font-size: 33px; } #banner .banner-caption h1 span:nth-child(3) { color: #ffbc00; font-size: 25px; font-family: iransanslight; } #banner .chevron-top { display: block; width: 50px; height: 50px; border-radius: 50%; background-color: #ffbc00; color: #fff; position: absolute; bottom: 30px; right: 0; left: 0; margin: auto; text-align: center; z-index: 1; cursor: pointer; animation-iteration-count: infinite; animation-name: my-bounce; animation-duration: 2s; } #banner .chevron-top i { line-height: 50px; font-size: 18px; } #banner .chevron-top:hover { color: #00bfa5; } @keyframes my-bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } /*-------------------------------------------------------------- Theme Section */ #theme-sec { background-color: #f6f6f6; padding: 95px 0; position: relative; z-index: 1; } #theme-sec .container { max-width: 1350px; } #theme-sec .theme-loop { text-align: center; } #theme-sec .theme-loop .owl-item { text-align: center; padding: 10px 0 } #theme-sec .theme-loop .owl-item .item { max-width: 400px; margin: 0 auto; box-shadow: 2px 0 7px rgba(0,0,0,0.2); transition: all 0.3s; } #theme-sec .theme-loop .owl-item .item:hover, #theme-sec .theme-loop .owl-item .item:focus { box-shadow: 2px 2px 7px rgba(0,0,0,0.4); } #theme-sec .theme-loop .owl-item .item img { height: auto; margin: 0 auto; } #theme-sec .item .img-wrap { } #theme-sec .item .info-wrap { border-top: 1px solid #e8eaea; background-color: #fff; padding: 15px; position: relative; z-index: 1; } #theme-sec .item .info-wrap h2 { float: right; color: #000; font-size: 16px; margin: 10px 0; position: relative; padding-right: 65px; } #theme-sec .item .info-wrap h2:before { content: ''; display: block; width: 39px; height: 17px; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; background: url('../Images/my-icons.png')0 0; } #theme-sec .item .info-wrap h2:after { content: ''; display: block; width: 2px; height: 17px; background-color: #f6f6f6; position: absolute; top: 0; bottom: 0; right: 50px; margin: auto; } #theme-sec .item .info-wrap .like { float: left; margin: 10px 0; cursor: pointer;visibility:hidden } #theme-sec .item .info-wrap .like i { font-size: 20px; color: #97aab3; } #theme-sec .item .info-wrap .price {display:none; float: right; } #theme-sec .item .info-wrap .price span { font-weight: bold; font-size: 16px; } #theme-sec .item .info-wrap .rating { float: left; color: #ffab00; display:none} #theme-sec .item .info-wrap .features {display:none; text-align: left; color: #90a4ae; font-size: 12px; min-height:28px; margin-bottom: 15px; } #theme-sec .item .info-wrap .features span { padding: 3px 8px; border: 1px solid; border-radius: 5px; margin-right: 8px; float:left; } #theme-sec .item .info-wrap .btn-wrap a { width: 175px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; color: #fff; border: 1px solid transparent; } #theme-sec .item .info-wrap .btn-wrap a:nth-of-type(1) { float: right; background-color: #444; position: relative; } #theme-sec .item .info-wrap .btn-wrap a:nth-of-type(1)::before { content: ''; display: block; width: 22px; height: 21px; background: url('../Images/my-icons.png')0 -23px; position: absolute; right: 8px; top: 0; bottom: 0; margin: auto; transition: all 0.3s ease; } #theme-sec .item .info-wrap .btn-wrap a:nth-of-type(1):hover { background-color: #fff; color: #444; border: 1px solid #444; } #theme-sec .item .info-wrap .btn-wrap a:nth-of-type(1):hover::before { filter: brightness(10%); } #theme-sec .item .info-wrap .btn-wrap a:nth-of-type(2) { float: left; background-color: #ffbc00; } #theme-sec .item .info-wrap .btn-wrap a:nth-of-type(2):hover { background-color: #fff; color: #ffbc00; border: 1px solid #ffbc00; text-shadow: 1px 0 2px rgba(0,0,0,0.2); } #theme-sec .theme-more { text-align: center; margin-top: 40px; } #theme-sec .theme-more a { position: relative; overflow: hidden; color: #fff; background-color: #00c853; padding: 10px 15px; border-radius: 5px; border: 1px solid transparent; transition: all 0.75s ease 0s; } #theme-sec .theme-more a:before { content: ""; border: 2px solid #fff; opacity: 0; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: 1; transform: translateX(-50%) translateY(-50%) rotate(-30deg); transition: all 0.75s ease 0s; } #theme-sec .theme-more a:hover{color:#ffd664;} #theme-sec .theme-more a:hover::before, #theme-sec .theme-more a:focus::before { height: 300% !important; opacity: 1; } /*-------------------------------------------------------------- Vitrin-sec */ #vitrin-sec { } #vitrin-sec .vitrin-gif { position: relative; direction: ltr; padding: 0; } #vitrin-sec .vitrin-gif img { height: 100%; width: auto; } #vitrin-sec .vitrin-text { position: relative; padding: 68px 50px; color: #fff; min-height: 650px; } #vitrin-sec .vitrin-text p { margin-bottom: 30px; } #vitrin-sec .vitrin-text:before { content: ''; display: block; position: absolute; top: 0; right: 0; left: -999px; bottom: 0; background-color: #00bfa5; z-index: -1; } #vitrin-sec .vitrin-text p:nth-child(1) { font-size: 35px; } #vitrin-sec .vitrin-text p:nth-child(1) span { color: #ffbc00; } #vitrin-sec .vitrin-text p:nth-child(2) { font-size: 20px; line-height: 1.7; } #vitrin-sec .vitrin-text p:nth-child(3) { font-size: 18px; font-family: iransanslight; line-height: 38px; } #vitrin-sec .vitrin-text a { position: relative; overflow: hidden; background-color: #fff; border: 1px solid transparent; color: #1db996; font-size: 18px; width:142px; height:52px; text-align:center; line-height:52px; border-radius: 5px; margin-right: 65px;transition: all 0.75s ease 0s; } #vitrin-sec .vitrin-text a:before { content: ""; border: 2px solid #00bfa5; opacity: 0; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: 1; transform: translateX(-50%) translateY(-50%) rotate(-30deg); transition: all 0.75s ease 0s; } #vitrin-sec .vitrin-text a:hover{color:#ffd664;} #vitrin-sec .vitrin-text a:hover::before, #vitrin-sec .vitrin-text a:focus::before { height: 255% !important; opacity: 1; } /*-------------------------------------------------------------- Why-parsianYar*/ #why-sec { color: #444; position: relative; } #why-sec .chevron-bottom { display: block; width: 50px; height: 50px; border-radius: 50%; background-color: #00b0ff; color: #fff; position: absolute; bottom: -25px; right: 0; left: 0; margin: auto; text-align: center; z-index: 1; cursor: pointer; } #why-sec .chevron-bottom:hover, #why-sec .chevron-bottom:focus { color: #282a37; } #why-sec .chevron-bottom i { line-height: 50px; font-size: 18px; } #why-sec .parallax-div { min-height: 650px; position: relative; padding: 0; } #why-sec .parallax-div .parallax-div-inner { position: absolute; left: 0; top: 0; right: -999px; height: 100%; background: url('../UserImage/why-parsian-parallax.jpg') right bottom fixed; background-size: contain; transition: all 1.3s ease; } #why-sec .parallax-div .parallax-div-inner.myclass { height: 115%; } #why-sec .text-div { padding: 50px 50px 30px; } #why-sec .text-div h2 { font-size: 48px; font-family: iransansbold; margin: 20px 0; } #why-sec .text-div p { font-size: 15px; line-height: 2.1; } #why-sec .text-div p strong { display: block; font-size: 18px; } #why-sec .text-div p:nth-of-type(2) { margin-top: 40px; } #why-sec .text-div .tel-number { float: left; font-size: 48px; direction: ltr; } #why-sec .text-div .tel-number { color: #ffbc00; } #why-sec .text-div .tel-number span { color: #cbcbcb; } #why-sec .text-div a { position: relative; overflow: hidden; z-index: 1; background-color: #00c853; border: 1px solid transparent; color: #fff; font-size: 18px; width:142px; height:52px; text-align:center; line-height:52px; border-radius: 5px; margin-right: 65px; margin-top: 15px; transition: all 0.75s ease 0s; } #why-sec .text-div a:before { content: ""; border: 2px solid #fff; opacity: 0; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: 1; transform: translateX(-50%) translateY(-50%) rotate(-30deg); transition: all 0.75s ease 0s; } #why-sec .text-div a:hover{color:#ffd664;} #why-sec .text-div a:hover::before, #why-sec .text-div a:focus::before { height: 255% !important; opacity: 1; } /*-------------------------------------------------------------- Properties */ #properties { background-color: #282a37; padding: 170px 0 100px } #properties .container { max-width: 1240px; padding: 0 15px; } #properties h2 { color: #fff; font-size: 30px; position: relative; padding-bottom: 15px; } #properties h2:before { content: ''; display: block; width: 70px; height: 2px; background-color: #ffbc00; position: absolute; right: 0; bottom: 0; } #properties p { color: #878b96; font-size: 18px; } #properties .property-wrap { margin-top: 50px; text-align: center; display: table; margin: 50px auto 0; } #properties .property-wrap .item { position: relative; border: 1px solid #fff; height: 234px; width: 237px; display: inline-block; } #properties .property-wrap .item .item-info { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #282a37; transition: all 0.3s ease; } #properties .property-wrap .item .item-info:before { content: ''; display: block; width: 106px; height: 71px; position: absolute; top: 38px; right: 0; left: 0; margin: auto; } #properties .property-wrap .item:nth-child(1) .item-info:before { background: url('../Images/my-icons.png') -55px 0; } #properties .property-wrap .item:nth-child(2) .item-info:before { background: url('../Images/my-icons.png') -55px -89px; } #properties .property-wrap .item:nth-child(3) .item-info:before { background: url('../Images/my-icons.png') -55px -181px; } #properties .property-wrap .item:nth-child(4) .item-info:before { background: url('../Images/my-icons.png') -55px -270px; } #properties .property-wrap .item:nth-child(5) .item-info:before { background: url('../Images/my-icons.png') -55px -363px; } #properties .property-wrap .item .item-info .item-info-txt { position: absolute; text-align: center; top: 135px; left: 0; right: 0; margin: auto; } #properties .property-wrap .item .item-info .item-info-txt h3 { margin: 0; margin-bottom: 15px; color: #fff; font-size: 14px;line-height:20px; min-height:40px; } #properties .property-wrap .item .item-info .item-info-txt a { font-size: 14px; color: #ffbc00; width: 100px; position: relative; } #properties .property-wrap .item .item-info .item-info-txt a:after { content: ''; display: block; width: 12px; height: 7px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background: url('../Images/my-icons.png')0 -55px; transition: all 0.3s ease; } #properties .property-wrap .item:hover .item-info { background-color: rgba(40,42,55,0.9); } #properties .property-wrap .item:hover .item-info .item-info-txt a:after { left: -5px; } /*-------------------------------------------------------------- Web design Section */ #web-sec { color: #444; } #web-sec .container { max-width: 1600px; } #web-sec .web-text { padding: 130px 145px 0 30px; position: relative; min-height: 650px; } #web-sec .web-text h2 { margin: 0 0 50px; font-size: 46px; font-weight: bold; } #web-sec .web-text h2 span { margin: 10px 0 0; display: block; font-size: 28px; font-weight: normal; } #web-sec .web-text p { font-size: 14px; line-height: 30px; } #web-sec .web-text a {overflow: hidden; background-color: #00c853; color: #fff; border: 1px solid transparent; font-size: 18px; padding: 15px 25px; border-radius: 5px; position: absolute; left: 30px; bottom: 55px; transition: all 0.75s ease 0s; } #web-sec .web-text a:before { content: ""; border: 2px solid #fff; opacity: 0; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: 1; transform: translateX(-50%) translateY(-50%) rotate(-30deg); transition: all 0.75s ease 0s; } #web-sec .web-text a:hover{color:#ffd664;} #web-sec .web-text a:hover::before, #web-sec .web-text a:focus::before { height: 255% !important; opacity: 1; } #web-sec .web-map:before { content: ''; display: block; position: absolute; top: 0; right: 0; left: -999px; bottom: -999px; background-color: #00b0ff; z-index: -1; } #web-sec .web-map img { height: 100%; width: auto; position: relative; right: 0; } #web-sec .web-map .web-map-inner { padding: 115px 0; } #web-sec .web-map .web-map-inner span { display: block; width: 634px; height: 634px; border: 1px solid #fff; opacity: 0; transform: scale(0.12); border-radius: 50%; position: absolute; top: -15px; right: -15px; bottom: 0; margin: auto; animation-iteration-count: infinite; animation-duration: 4s; animation-name: ripple-out; animation-timing-function: ease-in; } #web-sec .web-map .web-map-inner span:nth-of-type(1) { animation-delay: 0; } #web-sec .web-map .web-map-inner span:nth-of-type(2) { animation-delay: 1s; } #web-sec .web-map .web-map-inner span:nth-of-type(3) { animation-delay: 2s; } #web-sec .web-map .web-map-inner span:nth-of-type(4) { animation-delay: 3s; } @keyframes ripple-out { 0% { opacity: 1; } 100% { transform: scale(1); opacity: 0.1; } } /*-------------------------------------------------------------- footer */ footer { background-color: #444; } footer .container { max-width: 1170px; } footer .footer-top { padding: 15px 0; clear: both; } footer .footer-top .container { padding: 0 20px; } footer .footer-top .footer-logo { float: right; } footer .footer-top .footer-logo a img { transition: all 0.3s ease; } footer .footer-top .footer-logo a:hover img { filter: brightness(150%); } footer .footer-top .footer-social { float: left; direction: ltr; padding-top: 25px; } footer .footer-top .footer-social p { margin: 0; color: #a3a3a3; } footer .footer-top .footer-social p a { width: 33px; height: 33px; /*margin-left: 3px;*/ display: inline-block; vertical-align: bottom; transition: all 0.3s ease; } footer .footer-top .footer-social p a:hover { filter: brightness(150%); } footer .footer-top .footer-social p a:nth-of-type(6) { background: url(../Images/my-icons.png) -362px 0; } footer .footer-top .footer-social p a:nth-of-type(5) { background: url(../Images/my-icons.png) -326px 0; } footer .footer-top .footer-social p a:nth-of-type(4) { background: url(../Images/my-icons.png) -290px 0; } footer .footer-top .footer-social p a:nth-of-type(3) { background: url(../Images/my-icons.png) -254px 0; } footer .footer-top .footer-social p a:nth-of-type(2) { background: url(../Images/my-icons.png) -218px 0; } footer .footer-top .footer-social p a:nth-of-type(1) { background: url(../Images/my-icons.png) -182px 0; } footer .footer-links { } footer .footer-links .container { border: solid #646464; border-width: 1px 0 1px 0; padding: 35px 15px; } footer .footer-links h3 { font-size: 18px; color: #fff; margin: 0 0 20px; } footer .footer-links ul { list-style: none; } footer .footer-links ul li { position: relative; display: inline-block; transition: all ease 0.3s; } footer .footer-links ul li:before { content: ''; width: 4px; height: 4px; border-radius: 50%; visibility: hidden; background-color: #fff; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; } footer .footer-links ul li a { line-height: 2.5; color: #a3a39d; font-family: iransanslight; } footer .footer-links ul li:hover, footer .footer-links ul li:focus { padding-right: 15px; } footer .footer-links ul li:hover a, footer .footer-links ul li:focus a{color:#ffbc00;} footer .footer-links ul li:hover::before, footer .footer-links ul li:focus::before { visibility: visible; } footer .footer-links .link-col { } footer .footer-links .link-col:nth-of-type(1) { width: 40%; float: right; } footer .footer-links .link-col:nth-of-type(1) ul li { width: 49%; } footer .footer-links .link-col:nth-of-type(2) { width: 60%; float: left; } footer .footer-links .link-col:nth-of-type(2) ul li { width: 32%; } footer .copyright-div { text-align: center; padding: 15px; } footer .copyright-div p { margin: 0; font-size: 12px; color: #a3a3a3; } /*----------------------------------------------------------------- back to top*/ .back-top { position: fixed; bottom: 60px; right: 20px; z-index: 1000; display: none; } .back-top a { width: 30px; height: 30px; border-radius: 50%; display: block; background: #00bfa5; color:#ffbc00; text-align: center; opacity: 0.8; } .back-top a:hover, .back-top a:focus { opacity: 1; } .back-top a i { color: #ffbc00;line-height: 27px; position: absolute; top: 0; right: 0; left: 0; margin: auto; cursor: pointer; } /*----------------------------------------------------------------- inner page*/ #InnerPage .InnerBannerDiv { position: relative; } #InnerPage .InnerBannerDiv img { width: 100%; height: auto; display: block; } #InnerPage .ContentDiv { line-height: 1.8; background-color: #f7f7f7; padding: 15px 0 100px; margin-top:59px; } #InnerPage .ContentDiv .container { max-width: 1260px; } #InnerPage .main-content-wrapper h1{font-size:28px;color:#00bfa5;margin-bottom:30px; font-weight:bold; line-height:35px;} #InnerPage header{top:0;} #InnerPage header:before{top:0;} #InnerPage header:before{background-color: #444;} /*--------------Section sitemap---------------------*/ .breadcrumb>li{font-size:13px;} /*============================================================================================================= Media Queries*/ @media (max-width: 1599px) { #why-sec .parallax-div .parallax-div-inner { background-size: cover; } #why-sec .parallax-div { min-height: 720px; } #web-sec .web-text h2 { font-size: 40px; } #vitrin-sec .vitrin-text p:nth-child(1) { font-size: 25px; line-height: 1.8; } #vitrin-sec .vitrin-text p:nth-child(2) { line-height: 38px; font-family: iransanslight; font-size: 18px; } #vitrin-sec .vitrin-text p:nth-child(3) { font-size: 18px; } } @media (max-width: 1400px) { #web-sec .web-text { padding: 100px 30px; } #web-sec .web-text h2 { font-size: 35px; } #web-sec .web-text h2 span { font-size: 25px; } } @media (max-width: 1300px) { #why-sec .text-div { padding: 30px; } #why-sec .text-div h2 { font-size: 30px; margin-top: 0; } #why-sec .text-div p strong { font-size: 14px; } #why-sec .text-div .tel-number { font-size: 35px; } #why-sec .text-div a { margin-right: 0; } } @media (max-width: 1200px) { #top-social ul{padding-right:15px;} #theme-sec { padding: 30px 0; } #vitrin-sec .vitrin-gif { width: 100%; text-align: center; } #vitrin-sec .vitrin-text { width: 100%; min-height: unset; } } @media (max-width: 1165px) { #menu-div nav .navbar-nav > li > a { padding: 20px 15px 19px; } .logo-div a img { width: 230px; height: auto; } } @media (max-width: 991px) { .logo-div a img { width: initial; height: initial; margin-top: 0; } #top-social ul { margin-right: 50px; padding: 0 10px; } #banner .banner-caption { margin-bottom: 60px; } #banner .banner-caption h1 span:nth-child(1) { font-size: 40px; } #banner .banner-caption h1 span:nth-child(2) { font-size: 20px; } #banner .banner-caption h1 span:nth-child(3) { font-size: 20px; } #banner .chevron-top { bottom: 10px; } #menu-div { float: none; } #menu-div nav { position: absolute; right: 0; left: 0; } #menu-div nav .navbar-header { position: absolute; height: 59px; top: 0; right: 0; z-index:10; } #menu-div nav .navbar-nav { text-align: center; margin: 58px auto 0; height: calc(100vh - 59px); overflow: scroll; background-color: #4a4a4a; } #menu-div nav .navbar-nav li { display: block; } #menu-div nav .navbar-nav .dropdown-menu { margin-left: 0; padding: 0; width: 100%; } #menu-div nav .navbar-nav .dropdown-submenu > .dropdown-menu { margin-right: 0; /*border-top: 1px solid #fff;*/ /*border-bottom: 1px solid #fff;*/ } #menu-div nav .navbar-nav .dropdown-menu li a { text-align: center; } .caret2 { border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; margin-top: 4px; } nav .navbar-header .navbar-toggle { margin: 0 auto; border-radius: 0; background-color: transparent; padding: 19px 15px; } nav .navbar-header .navbar-toggle .icon-bar { position: relative; transition: all 500ms ease; top: 0; } nav .navbar-header .navbar-toggle.active .icon-bar:nth-of-type(2) { transform: rotate(45deg); top: 10px; } nav .navbar-header .navbar-toggle.active .icon-bar:nth-of-type(3) { background-color: transparent; } nav .navbar-header .navbar-toggle.active .icon-bar:nth-of-type(4) { transform: rotate(-45deg); top: -6px; } #theme-sec { padding: 95px 0; } #why-sec .parallax-div .parallax-div-inner.myclass { height: 100%; } #why-sec .parallax-div { min-height: 350px; } #web-sec .web-text { min-height: 500px; } footer .footer-links .link-col:nth-of-type(1) { width: 50%; } footer .footer-links .link-col:nth-of-type(1) ul li { width: 49%; } footer .footer-links .link-col:nth-of-type(2) { width: 50%; } footer .footer-links .link-col:nth-of-type(2) ul li { width: 49%; } .back-top { visibility: hidden; } } @media (max-width: 960px) { #vitrin-sec .vitrin-gif img { width: 100%; height: auto; } } @media (max-width: 767px) { #banner .chevron-top { width: 30px; height: 30px; } #banner .chevron-top i { line-height: 30px; font-size: 13px; } #theme-sec { padding: 30px 0; } #vitrin-sec .vitrin-text { padding: 40px 15px; } #vitrin-sec .vitrin-text a { display:block; margin:0 auto; } #vitrin-sec .vitrin-text p { text-align: justify; } #vitrin-sec .vitrin-text p:nth-child(1) { font-size: 18px; } #vitrin-sec .vitrin-text p:nth-child(2), #vitrin-sec .vitrin-text p:nth-child(3) { font-size: 15px; line-height: 30px; } #why-sec .text-div { padding: 50px 30px 30px; text-align: justify; } #why-sec .text-div a { display:block; margin:0 auto; } #properties { padding: 30px 0; } #properties h2 { font-size: 16px; } #properties p { font-size: 14px; text-align: justify; } #web-sec .web-text h2 { font-size: 20px; } #web-sec .web-text h2 span { font-size: 15px; } #web-sec .web-text p { text-align: justify; } #web-sec .web-map .web-map-inner { padding: 0; } #web-sec .web-map .web-map-inner img { height: 100%; width: auto; right: -100px; } #web-sec .web-map .web-map-inner span { right: -120px; z-index: -1; } #web-sec .web-text a{position:relative; width:142px; height:52px; text-align:center; line-height:52px; padding:0; left:auto; bottom:auto; display:block; margin:0 auto;} #web-sec .web-text{padding:50px 30px;} #why-sec .parallax-div{display:none;} footer .footer-links .link-col:nth-of-type(1) { width: 50%; } footer .footer-links .link-col:nth-of-type(1) ul li { width: 100%; } footer .footer-links .link-col:nth-of-type(2) { width: 50%; } footer .footer-links .link-col:nth-of-type(2) ul li { width: 100%; } } @media (max-width: 550px) { header { top: 0; } header:before { top: 0; } #banner .banner-caption { margin-bottom: 40px; } #banner .banner-caption h1 span { margin-bottom: 5px; } #banner .banner-caption h1 span:nth-child(1) { font-size: 20px; } #banner .banner-caption h1 span:nth-child(2) { font-size: 15px; } #banner .banner-caption h1 span:nth-child(3) { font-size: 10px; } #why-sec .text-div h2 { font-size: 35px; } #why-sec .text-div p strong { margin-bottom: 30px; font-size: 15px; } #why-sec .text-div .tel-number { font-size: 35px; } } @media (max-width: 500px) { footer .footer-top .footer-logo { float: none; clear: both; } footer .footer-top .footer-logo { text-align: center; } footer .footer-top .footer-social { float: none; clear: both; } footer .footer-top .footer-social p { text-align: center; } footer .footer-top .footer-social p span{display:block;} footer .footer-links ul li a { font-size: 13px; } footer .footer-links .link-col ul { margin-bottom: 30px; } footer .footer-links .link-col:nth-of-type(1) { width: 100%; } footer .footer-links .link-col:nth-of-type(1) ul li { width: 49%; } footer .footer-links .link-col:nth-of-type(2) { width: 100%; } footer .footer-links .link-col:nth-of-type(2) ul li { width: 49%; } #InnerPage .main-content-wrapper h1{font-size:23px;} } @media (max-width: 430px) { nav .navbar-header .navbar-toggle { padding: 19px 5px; } #top-social ul { margin-right: 30px; padding: 0 5px; } .logo-div { position: absolute; left: 10px; top: 10px; } .logo-div { transform: scale(0.5); transform-origin: left top; } /*.logo-div a img{transform:scale(0.5); transform-origin:left top;}*/ #theme-sec .item .info-wrap .btn-wrap a { width: 125px; } #theme-sec .item .info-wrap .btn-wrap a:nth-of-type(1)::before { display: none; } #theme-sec .theme-more { margin-top: 15px; } } @media (max-width: 400px) { footer .footer-links .link-col:nth-of-type(1) ul li { width: 100%; } footer .footer-links .link-col:nth-of-type(2) ul li { width: 100%; } }