html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; text-align: left } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } ins { text-decoration: none } del { text-decoration: line-through } table { border-collapse: collapse; border-spacing: 0 } a { text-decoration: none; } body { font: 400 14px 'Open Sans', sans-serif; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .left { float: left } .right { float: right } .wrapper { width: auto; margin: 0 auto 0; padding: 120px 0 0; position: relative; z-index: 2; background: #FFF; } .home .wrapper { padding: 0; } .wrapper.nohome { padding: 150px 0 0 } .boxed { max-width: 1170px; position: relative; margin: 0 auto; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .boxed .container { padding: 0 15px; } .boxed .dealpar .container { padding: 0 15px 40px; } .boxed .coleftinn { margin-right: 15px; } .boxed .topimg { margin: 0 0 0 5px; } .boxed .latest.owl-carousel .owl-nav .owl-prev { left: -15px; } .boxed .latest.owl-carousel .owl-nav .owl-next { right: -15px; } .boxed .inav { position: fixed; top: 0; left: 0; right: 0; width: 100%; max-width: 1170px; margin: 0 auto; z-index: 1000 } .boxed .nav { max-width: 1000px; margin: 0 auto } .boxed .slideshow { margin: 0 auto; max-width: 1170px } .boxed .molis { margin: 0; } .boxed .top-foot { padding: 0 15px; } .boxed .sctitle { margin: 20px 15px; } .boxed .dealfoot { padding: 10px 15px; } .boxed .inco { padding: 0 15px; } .container { padding: 0; max-width: 1170px; margin: 0 auto } .logo { padding: 0; position: relative; width: auto; display: inline-block; height: 80px } .logo-img { padding: 15px 10px } .logo img { height: auto; max-height: 50px; display: block; margin: 0 } .favicon { display: none } .ca { position: absolute; right: 0; top: 24px; width: auto; height: 36px; z-index: 300; border-radius: 30px; text-align: right; } .ca .dv { width: 36px; height: 36px; margin: 0 1px 0 0; display: inline-block; border-radius: 0; line-height: 36px; font-size: 20px; text-align: center; transform: rotate(-45deg); } .ca .dv a { color: transparent; } .ca .dv.info { display: none; } .ca .dv.fmenu { display: none; } .ca .fa { width: 36px; height: 36px; margin: 0 1px 0 0; display: inline-block; border-radius: 0; line-height: 36px; font-size: 20px; text-align: center; transform: rotate(45deg); } .ca.square .dv { transform: rotate(0deg); } .ca.square .fa { transform: rotate(0deg); } .ca.circle .dv { transform: rotate(0deg); border-radius: 30px; } .ca.circle .fa { transform: rotate(0deg); } .ca .dv:hover { z-index: 100; } .men { width: 100%; float: right; height: 80px } .men .toplist { height: 80px; line-height: 80px; margin: 0; padding: 0; } .search_form { width: 100%; margin: 0; padding: 0; height: 40px; position: relative } .search_form fieldset { width: 100%; height: 40px } .search_form input { width: 80%; height: 18px; border: none; padding: 0 8px; margin: 0; font: 400 13px 'Open Sans', sans-serif; vertical-align: middle } .search_form select { width: 100%; height: 18px; border: none; padding: 0 8px; margin: 0; font: 400 13px 'Open Sans', sans-serif; vertical-align: middle } .search_form option { padding: 4px 8px } .search_form button { width: 100%; height: 18px; cursor: pointer; border: none; vertical-align: middle } .befbread { position: relative; background-size: 100%; } .breadcrumbs { padding: 50px 30px; font: 400 12px/1.5 Roboto, 'Open Sans', sans-serif; text-align: center; position: relative; z-index: 5; } .befbread .breadlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .breadcrumbs .fa { padding: 0 10px } .breadcrumbs a { font-weight: 700; } .inav { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000 } .customize-support .inav { top: 32px } .topin { height: 40px; font: 400 12px/40px 'Open Sans', sans-serif; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease } .topin a { color: white; } .fade .topin { -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease } .topin .fa-fax { margin: 0 4px 0 8px; } .topin .fa-envelope { margin: 0 4px 0 20px; } .topin .iright { float: right; font: 400 12px/40px 'Open Sans', sans-serif; } .iright .iworks { padding: 3px 12px; border-radius: 15px; } .iright .itimers { padding: 3px 12px; border-radius: 15px; } .dealnav { width: auto; min-height: 60px; margin: 0 auto; position: relative; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease } .fade .dealnav { -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease } .navinn { width: 100%; position: relative; display: flex; } .nav { max-width: 1200px; margin: 0 auto } .nav .dd { height: 80px } .nav .dd li { float: left; display: block; margin: 0; position: relative; text-align: center; font-size: 16px; line-height: 80px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease } .nav .dd li.full-image { position: static; } .nav .dd li:hover { -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease } .nav .dd li a { text-decoration: none; font-weight: 700; display: block; margin: 0; padding: 0 16px; font: 800 14px/80px 'Open Sans Condensed', 'Open Sans', sans-serif; text-transform: uppercase; transform: all .15s ease .1s; position: relative } .nav .dd li a:hover { text-decoration: none } .nav .dd li ul { position: absolute; top: 160px; left: 0; padding: 0; z-index: -1; display: block; transform: rotateX(90deg); transition: all .15s ease-in-out .1s; } .nav .dd li.full-image ul { position: absolute; top: 160px; left: 0px; right: 0px; padding: 8px 8px 0; z-index: -1; display: block; transform: rotateX(90deg); transition: all .15s ease-in-out .1s; clear: both; } .nav .dd li:hover ul.sub-menu { display: block; top: 80px; transform: rotateX(0deg); transition: all .15s ease-in-out .1s; } .nav .dd li ul li { float: none; position: relative; font-size: 12px; line-height: 30px; /*min-width: 180px;*/ text-align: left; margin: 0; padding: 0; } .nav .dd li.full-image ul li { float: left; position: relative; border: none; font-size: 11px; line-height: 20px; width: 16.66%; text-align: left; margin: 0; padding: 0; } .nav .dd li.full-image ul li img { display: block; width: 100%; height: auto; position: relative; background: white; } .nav .dd li.full-image ul li img:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; } .nav .dd li:hover ul li ul.sub-menu { display: block; top: 0px; height: auto; } .nav .dd li.full-image ul li:hover { background: none; } .nav .dd li.full-image ul li ul, .nav .dd li.full-image ul li:hover ul { display: none !important; } .nav .dd li ul li a:after { display: none; } .nav .dd li ul li span { position: absolute; top: -14px; right: -30px } .nav .dd li ul li:last-child { border-bottom: 0 } .nav .dd li ul li a { display: block; margin: 0 ! important; font: 700 14px/40px 'Open Sans Condensed', 'Open Sans', sans-serif; white-space: nowrap; padding: 0 15px } .nav .dd li.full-image ul li a { display: block; margin: 0 !important; font: 700 12px/40px 'Open Sans Condensed', 'Open Sans', sans-serif; white-space: nowrap; padding: 4px 4px 0px 4px; } .nav .dd li ul li ul { position: absolute; display: block ! important; opacity: 0; left: 0; top: 0 } .nav .dd li ul li ul li {} .nav .dd li ul li:hover ul { display: block ! important; left: 100%; opacity: 1; } .nav .dd li ul li ul li ul, .nav .dd li ul li:hover ul li ul { position: absolute; display: block ! important; opacity: 0; left: 0; top: 0 } .nav .dd li ul li ul li:hover ul { display: block ! important; opacity: 1; top: 0 ! important; left: 100%; } .nav a.dd_hover:hover { text-decoration: none!important } .nav .submenu a:hover { text-decoration: underline } .nav .dd li.parent a { margin: 0 8px; padding-right: 14px } .nav .dd li.parent a.dd_hover { margin: 0 8px; padding-right: 14px; padding-bottom: 10px } .mob { display: none } #topsl { position: relative; min-height: 300px; } .eventtop { text-align: center; height: 30px; margin-top: -30px; overflow: hidden; } .comev { display: inline-block; margin: 0 auto; padding: 0 15px; line-height: 40px; position: relative; font-weight: bold; } .comev:before { content: ''; position: absolute; left: -14px; top: 0; width: 0; height: 0; border-right: 0 solid transparent; border-left: 14px solid transparent; clear: both } .comev:after { content: ''; position: absolute; right: -14px; top: 0; width: 0; height: 0; border-left: 0 solid transparent; border-right: 14px solid transparent; clear: both } .eventlay { height: 140px; position: absolute; bottom: 0; width: 100%; z-index: 10; } .eveinn { position: relative; padding: 0; margin: 0; font: 400 13px/1.2 'Open Sans', sans-serif; } .eveinn .td { float: left; width: 50%; margin: 20px 0; display: flex; } .eveinn .td .ddt { display: inline-block; width: auto; text-align: center; padding: 0 20px 10px 0; margin-right: 20px; border-right: 1px solid #8c0; } .td h4 { font: bold 66px/1.0 'Roboto', Montserrat; letter-spacing: -2px; } .eveinn .td .ddl { padding: 0 50px 0 0; } .td h2 { font: 300 30px/1.0 Montserrat; letter-spacing: -1px; padding: 4px 0 10px; } .boxed .td h2 { font: 300 25px/1.0 Montserrat; } #clockz { float: right; width: 50%; text-align: right; height: 140px; } .single #clockz { height: auto; } #clockz .hariini { line-height: 150px; font-size: 30px; padding: 0 30px; } #clockz .tmrz { font: 400 40px/70px Roboto, 'Open Sans', sans-serif; text-align: center; display: inline-block; } #clockz .cout { display: inline-block; position: relative; } #clockz .coutext { font-size: 11px; position: absolute; bottom: 14px; display: block; text-align: center; width: 100%; } #clockz .tmrz .circ { width: 80px; height: 80px; float: left; display: block; margin: 24px 0; border-radius: 100px; text-align: center; } #clockz .tmrz .circ.secring { position: relative; } #clockz .tmrz .circ.secring .rotate { width: 80px; height: 80px; display: block; margin: 0; border-radius: 100px; text-align: center; position: absolute; top: -6px; left: -6px; z-index: 10; -webkit-animation: detik 4s infinite; animation: detik 4s infinite; } @-webkit-keyframes detik { 0%, 25% { transform: rotate(90deg); } 26%, 50% { transform: rotate(180deg); } 51%, 75% { transform: rotate(270deg); } 76%, 100% { transform: rotate(360deg); } } @keyframes detik { 0%, 25% { transform: rotate(90deg); } 26%, 50% { transform: rotate(180deg); } 51%, 75% { transform: rotate(270deg); } 76%, 100% { transform: rotate(360deg); } } h3.toptitle { position: absolute; top: -50px; left: 15px; font: 700 30px 'Open Sans Condensed', 'Open Sans', sans-serif } .dealpar { position: relative; padding: 0; margin: 0; overflow: hidden } .dealpar:before { border-top: 60px solid #0d990d; } .dealpar .container { padding: 0 } .bloginfo { position: relative; z-index: 20; } .bloginn { padding: 200px 0 120px; text-align: center; max-width: 800px; margin: 0 auto; } .bloginn h3 { font: 700 50px/1.2 'Roboto', sans-serif; padding-bottom: 15px; position: relative; } .bloginn h3:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 80px; height: 1px; margin-left: -40px; } .bloginn p { padding: 15px 0; } .dealay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 3; } .relat { position: relative; z-index: 10 } .dag { width: 80%; float: right } .ledag { margin: 0 0 30px 40px } .ledag .blog-content { padding: 0 0 20px; } .agco { margin: 0; } .hov { position: relative; } .hov img { max-width: 100%; height: auto; display: block; } .agbio { padding: 15px; font-family: Roboto, 'Open Sans', Arial; } .bebio { line-height: 1.6; } .bio { font-size: 13px; line-height: 1.3; font-style: italic; margin: 10px 0; } .bio .fa { width: 20px; } .ragen { width: 20%; float: left; height: auto; padding: 60px 0; } .foage { margin: 0 10px 0 0; padding: 0; } .prom { position: relative; font: bold 40px/1.2 'Montserrat'; margin: 50px 0 20px; padding: 20px 0; letter-spacing: -1px; } .adds { position: relative; font: bold 40px/1.2 'Montserrat'; margin: 0 0 20px; padding: 20px 0; letter-spacing: -1px; } .des { font: italic 22px Philosopher } .dehalf { width: 50%; float: left; } .hocall { font: 400 14px/20px 'Open Sans'; display: flex; margin: 0 0 20px; } .hocall .da { position: relative; font-size: 25px; line-height: 40px; text-align: center; display: inline; margin: 0 20px 0 0; width: 40px; height: 40px; border-radius: 4px 4px 0 0; } .hocall .da .fa { width: 40px; height: 40px; line-height: 40px; text-align: center; } .hocall .da:after { content: ''; width: 0; height: 0; position: absolute; left: 0; bottom: -10px; clear: both; border-left: 20px solid transparent; border-right: 20px solid transparent; } .owl-carousel .owl-item { overflow: hidden; padding: 0; } .owl-carousel .owl-item img { display: block; width: 100%; height: auto; } .latest { padding: 30px 0; } .single .latest { padding: 0 0 30px; } .latest .stat { position: absolute; z-index: 10; height: 24px; width: 150px; font: bold 11px/24px 'Open Sans'; text-transform: uppercase; text-align: center; transform: rotate(-40deg); margin-top: 12px; margin-left: -48px; } .latest.owl-carousel .owl-nav { display: block; } .latest.owl-carousel .owl-nav .owl-prev { position: absolute; top: 50%; margin-top: -20px; left: -50px; width: 35px; padding: 0; height: 35px; line-height: 35px; text-align: center; border-radius: 30px 0 0 30px; } .latest.owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; margin-top: -20px; right: -50px; width: 35px; padding: 0; height: 35px; line-height: 35px; text-align: center; border-radius: 0 30px 30px 0; } .islide { margin: 0; position: relative; overflow: hidden; } .islide .topslide1 { position: absolute; top: 0; bottom: 50%; right: 50%; left: 0; z-index: 2; transform: scale(0); transition: all .3s ease .1s; } .islide .topslide2 { position: absolute; top: 0; bottom: 50%; right: 0; left: 50%; z-index: 2; transform: scale(0); transition: all .3s ease .1s; } .islide .topslide3 { position: absolute; top: 50%; bottom: 0; right: 50%; left: 0; z-index: 2; transform: scale(0); transition: all .3s ease .1s; } .islide .topslide4 { position: absolute; top: 50%; bottom: 0; right: 0; left: 50%; z-index: 2; transform: scale(0); transition: all .3s ease .1s; } .islide .topslide5 { position: absolute; top: 50%; right: 0; left: 0; z-index: 4; transform: scale(0); transition: all .3s ease .5s; text-align: center; opacity: 0; font-size: 13px; margin-top: -12px; } .item:hover .islide .topslide1, .item:hover .islide .topslide2, .item:hover .islide .topslide3, .item:hover .islide .topslide4 { position: absolute; background: rgba(0, 0, 0, 0.7); z-index: 2; transform: scale(1.0); transition: all .5s ease .1s; } .item:hover .islide .topslide5 { position: absolute; top: 50%; right: 0; left: 0; z-index: 4; transform: scale(1.5); transition: all .5s ease .5s; opacity: 1; font-size: 13px; } .topslide5 .fa { width: 24px; height: 24px; text-align: center; line-height: 24px; border-radius: 24px; font-size: 13px; } .islide:hover .topslide5 .fa { width: 24px; height: 24px; text-align: center; line-height: 24px; border-radius: 24px; font-size: 13px; } .detitle { margin: 0; padding: 10px 0; z-index: 5; font-size: 13px; font-family: Roboto, Helvetica, Arial, sans-serif; position: relative; } .detitle h3 { font: bold 14px/24px 'Open Sans Condensed'; text-align: center; margin: -25px 15px 10px; } .detitle h3 span { display: inline-block; padding: 0 12px; line-height: 24px; border-radius: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .decar { padding: 8px; } .decar .rty { float: right; } .deald { border-top: 1px solid #555; padding: 5px 0 0; margin: 0 8px } .deald .rty { float: right; } .leri .islide { width: 50%; float: left; } .leri .item { background: #d33; } .leri .detitle { margin: 0 0 0 50%; position: relative; } .leri .detitle h3 { margin: 0 15px 10px; } .parallax { /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .parallax.off { /* Create the parallax scrolling effect */ background-attachment: scroll; } .nocall { pointer-events: none; cursor: default; } /* Contact */ #mapembed iframe { width: 100% !important; } .deal-contact { padding: 50px 0; } .deal-contact h2 { font-size: 30px; text-align: center; } .inco { position: relative; } .condeleft { width: 60%; float: left; } .dealloc { font: 300 35px/1.3 'Open Sans', Arial; } .conderight { width: 33.333%; float: left; font-size: 14px; } .address { padding: 10px 0 30px; font-size: 14px; font-family: Roboto, 'Open Sans', Arial; } .cfleft .fa-map-o { font-size: 80px; width: 120px; } .kleft table { width: 100%; } .kleft td { vertical-align: top; padding: 0 0 10px; } .cfr { text-align: center; } .cfr .fa { margin: 0 30px 0 0 } /* Agent */ .secagent { padding: 30px 0; } .atti { position: relative; } .sctitle { font: bold 30px/1.5 'Montserrat'; letter-spacing: -1px; margin: 0 0 20px 0; } .molis { margin: 0 -5px; } .delist { width: 33%; float: left } .listimg { margin: 0 5px 10px; position: relative; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .listimg .imglist { padding: 0; position: relative; } .listimg .imglist .listlay { position: absolute; z-index: 5; top: 10px; right: 10px; left: 10px; bottom: 100%; transition: all .3s ease .5s } .listimg:hover .imglist .listlay { position: absolute; z-index: 5; right: 0; top: 0; left: 0; bottom: 0; transition: all .3s ease .1s } .listimg img { width: 100%; height: auto; display: block } .listimg .imglist .detlay { position: absolute; z-index: 6; top: 0; right: 10px; left: 10px; opacity: 0; text-align: center; transition: all .3s ease .1s } .listimg:hover .imglist .detlay { position: absolute; z-index: 6; top: 45%; right: 10px; left: 10px; opacity: 1; transition: all .3s ease .5s } .listimg .imglist .detlay a { font-weight: bold; padding: 5px 8px; } .listimg .modets { z-index: 20; padding: 10px; font: 400 13px/1.2 Roboto, 'Open Sans', sans-serif } .modets h4 { font: bold 14px/1.4 Roboto, 'Open Sans', sans-serif; padding: 0 0 5px; } .start { line-height: 1.4; } .listimg .stat { position: absolute; z-index: 10; height: 24px; width: 150px; font: bold 11px/24px 'Open Sans'; text-transform: uppercase; text-align: center; transform: rotate(-40deg); margin-top: 12px; margin-left: -48px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } /* End Agent Section */ .weetestimo { position: relative; padding: 30px; margin: 0; overflow: hidden } .testi { width: 100%; height: 300px; margin: 0 auto; position: relative; overflow: hidden } .psay { text-align: center; padding: 0; max-width: 700px; margin: 0 auto } .psay .spans { font: italic 25px Philosopher; text-align: center; margin: 20px 0 0 } .psay img { width: 100px; height: 100px; border-radius: 70px; margin: 40px auto } .psay .star { margin: 30px 0 0 } .pagination { padding: 15px 0; font: bold 14px/40px Roboto, 'Open Sans', sans-serif; clear: both; position: relative; display: inline-block; margin: 0 auto } .molis .pagination { padding: 15px 5px; } .pagination a, .pagination .disabled { text-decoration: none; padding: 8px 15px; margin: 0 1px 3px 0 } .pagination a:hover, .pagination a.active { margin: 0 1px 3px 0 } .singmod { padding: 30px 0; } .top-box { padding: 0 -8px; } .top-box .box-left { width: 50%; float: left; position: relative; } .top-box .box-left .left-inn { margin: 6px 10px 6px -2px; padding: 0; position: relative; overflow: hidden; } .top-box .box-left .left-inn .item { background: #333; } .left-inn .stats { position: absolute; top: 12px; left: -58px; padding: 6px 12px; z-index: 50; display: inline-block; font: bold 14px 'Open Sans Condensed'; text-transform: uppercase; width: 150px; text-align: center; transform: rotate(-40deg); } .smtop.owl-theme .owl-nav [class*="owl-"] { width: 24px; height: 24px; text-align: center; line-height: 24px; margin: 5px 2px 8px; padding: 0; border-radius: 0; } .top-box .box-right { width: 50%; float: right; position: relative; } .top-box .box-right .right-inn { margin: 8px 0 8px 30px; font: 400 14px 'Open Sans'; } .top-box .box-right .right-inn table { width: 100%; } .top-box .box-right .right-inn table td { margin: 0; padding: 8px 0; } .top-box .box-right .right-inn table td.tops { margin: 0; padding: 8px 0 16px; } .top-box .box-right .right-inn table td .tc { padding: 4px 15px; font-weight: bold; text-transform: uppercase; border-radius: 15px; } .top-box .box-right .right-inn table td .pc { padding: 4px 15px; font-weight: bold; text-transform: uppercase; border-radius: 15px; } .top-box .box-right .right-inn table td.pr { font-weight: bold; } .top-box .box-right .right-inn table td.pr.rg { text-align: right; font-weight: 400; } .top-box .box-right .right-inn table td.pr.rg span { background: #189f49; color: #fff; height: 24px; padding: 0 8px; font-size: 12px; text-align: center; line-height: 24px; border-radius: 20px; display: inline-block; } .top-box .box-right .right-inn table td.pr.rg span a { color: #fff; } .deweb { display: inline-block; float: left; } .demob { display: none; } .formin .deweb, .formin .demob { float: none ! important; } .top-box .box-right .right-inn h4 { font: bold 30px/1.2 Montserrat, Roboto, 'PT Sans', sans-serif; margin: 20px 0 15px 0; } .top-box .box-right .right-inn .lcar { padding-top: 4px; } .top-box .box-right .right-inn .lcar a.vm { padding: 0 14px; display: inline-block; text-transform: uppercase; font-weight: bold; height: 30px; line-height: 30px; border-radius: 30px; } .top-box .box-right .right-inn .lcar span { padding: 0 14px; display: inline-block; text-transform: uppercase; font-weight: bold; height: 30px; line-height: 30px; border-radius: 30px; } .top-box .box-right .right-inn .lcar .sos { padding: 0; display: inline-block; height: 34px; line-height: 34px; width: 34px; text-align: center; float: right; margin: 0 0 0 3px; font-size: 20px; overflow: hidden; border-radius: 30px; } .lcar .sos { padding: 0; display: inline-block; height: 34px; line-height: 34px; width: 34px; text-align: center; float: right; margin: 0 0 0 3px; font-size: 20px; overflow: hidden; border-radius: 30px; } .top-box .box-right .right-inn .lcar .sos a { padding: 0; display: block; width: 34px; } .lcar .sos a { padding: 0; display: block; width: 34px; } .owl-theme.smtop .owl-nav { margin: 0; position: absolute; bottom: 0; left: 8px; z-index: 40; } .owl-theme.smtop .owl-dots { margin: 0; position: absolute; bottom: 4px; right: 8px; z-index: 30; } .owl-theme.cover .owl-nav { display: none; } .deal-form { font: 400 14px 'Open Sans'; } .deal-form input { display: block; padding: 0; line-height: 22px; border: 0; width: 100%; font: 400 14px 'Open Sans'; } .deal-form textarea { display: block; padding: 0; line-height: 22px; border: 0; width: 100%; font: 400 14px 'Open Sans'; } .deal-form input[type="submit"] { display: block; padding: 0; line-height: 42px; border: 0; text-transform: uppercase; font-weight: bold; } .deal-form { position: relative } .deal-form .fa { position: absolute; top: 0; right: 0; width: 38px; height: 38px; z-index: 10; text-align: center; line-height: 38px; font-size: 20px; } .info-bot { font: 400 12px 'Open Sans'; margin: 10px 0; } /* Single Model Specs */ #mod-content { background: #ffffff; } .specs-left { width: 65%; float: left; padding: 30px 0; } .feat { margin: 0 10px 30px 0; background: #ffffff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); position: relative; } .ltop { margin: 0; padding: 0 20px 20px; border-radius: 0 0 3px 3px; background: #fff; } .ltop h3 { font: 300 30px/50px 'Open Sans'; height: 50px; padding-bottom: 10px; border-bottom: 1px solid #ddd; padding: 0 20px; margin: 0 -20px 20px; } .ltop ul li { width: 32%; float: left; line-height: 36px; margin: 0 1.3% 0 0; display: inline; font: 400 14px/36px 'Open Sans' } .ltop ul li .fa { margin: 0 10px 0 0; } .desc { margin: 0 10px 30px 0; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); position: relative; } .dess { margin: 0; padding: 0 20px 20px; border-radius: 3px; } .dess p { font: 400 14px/1.7 'Open Sans'; margin: 0 0 20px; } .dess h3 { font: 300 30px/50px 'Open Sans'; height: 50px; padding-bottom: 10px; border-bottom: 1px solid #ddd; padding: 0 20px; margin: 0 -20px 20px; } .dess img, .dess .attachment img { max-width: 100%; height: auto } .dess .alignnone, .dess img.alignnone { clear: both; display: block; margin-bottom: 15px } .dess .alignleft, .dess img.alignleft { display: inline; float: left; margin-right: 15px; margin-top: 4px } .dess .alignright, .dess img.alignright { display: inline; float: right; margin-left: 15px; margin-top: 4px } .dess .aligncenter, .dess img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto } .dess img.alignleft, .dess img.alignright, .dess img.aligncenter { margin-bottom: 15px } .dess .yvid { width: 100%; height: 450px; } .specs-right { width: 35%; float: right; padding: 30px 0; } .topimg { margin: 0 0 0 30px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); } .in-thumb { position: relative; } .moname { font: bold 14px 'Open Sans Condensed'; height: 26px; line-height: 26px; padding: 0 6px; position: absolute; right: 15px; top: 0px; z-index: 10; display: inline; text-transform: uppercase; } .thumbsing img { width: 100%; height: auto; display: block; } .motype { font: bold 14px 'Open Sans Condensed'; height: 26px; line-height: 26px; padding: 0 6px; position: absolute; left: 15px; bottom: 15px; z-index: 10; display: inline; text-transform: uppercase; } .com-specs { padding: 20px 20px 70px; } .com-specs table { width: 100%; } .com-specs table td { font: 400 14px/36px 'Open Sans'; border-bottom: 1px solid #ddd; } .mod-form { padding: 20px; position: relative; } .mod-form .hov { width: 100%; margin: 0 20px 0 0; float: left; } .mod-form .bio { font-family: 'Open Sans', Arial; font-style: normal; } .mod-form .agbio { clear: both; padding: 15px 0px; margin: 0 0 0 0px; } .inbio { background: red; } .formcon { position: absolute; left: 0; bottom: 25px; right: 0; height: 50px; text-align: center; z-index: 10; } .formin { position: relative; height: 50px; } @-webkit-keyframes ring { 0% { transform: scale(0); opacity: 0.2; } 26% { transform: scale(1.3); opacity: 0.5; } 51% { transform: scale(0); opacity: 0.1; } 76% { transform: scale(1.6); opacity: 0.2; } 100% { transform: scale(0); opacity: 0.1; } } @keyframes ring { 0% { transform: scale(0); opacity: 0.2; } 26% { transform: scale(1.3); opacity: 0.5; } 51% { transform: scale(0); opacity: 0.1; } 76% { transform: scale(1.6); opacity: 0.2; } 100% { transform: scale(0); opacity: 0.1; } } @-webkit-keyframes rings { 0% { transform: scale(0); opacity: 0.3; } 26% { transform: scale(1.3); opacity: 0.1; } 51% { transform: scale(0); opacity: 0.5; } 76% { transform: scale(1.4); opacity: 0.3; } 100% { transform: scale(0); opacity: 0.3; } } @keyframes rings { 0% { transform: scale(0); opacity: 0.3; } 26% { transform: scale(1.3); opacity: 0.1; } 51% { transform: scale(0); opacity: 0.5; } 76% { transform: scale(1.4); opacity: 0.3; } 100% { transform: scale(0); opacity: 0.3; } } @-webkit-keyframes ringo { 0% { transform: scale(1.4); opacity: 0; } 33% { transform: scale(0.8); opacity: 0.1; } 60% { transform: scale(0); opacity: 0.3; } 76% { transform: scale(1.4); opacity: 0.1; } 100% { transform: scale(0); opacity: 0.3; } } @keyframes ringo { 0% { transform: scale(1.4); opacity: 0; } 33% { transform: scale(0.8); opacity: 0.1; } 60% { transform: scale(0); opacity: 0.3; } 76% { transform: scale(1.4); opacity: 0.1; } 100% { transform: scale(0); opacity: 0.3; } } .formcon .fa { position: absolute; top: 5px; height: 40px; line-height: 40px; width: 40px; border-radius: 40px; margin-left: -20px; font-size: 25px; transition: all .5s ease .1s; z-index: 20; } .formcon .ring { position: absolute; top: -10px; left: 50%; height: 70px; line-height: 70px; width: 70px; border-radius: 40px; margin-left: -35px; background: #fff; z-index: 15; -webkit-animation: ring 5s ease-in-out infinite; animation: ring 5s ease-in-out infinite; } .formcon .rings { position: absolute; top: -10px; left: 50%; height: 70px; line-height: 70px; width: 70px; border-radius: 40px; margin-left: -35px; background: #308a4c; z-index: 15; -webkit-animation: rings 3s ease-in-out infinite; animation: rings 3s ease-in-out infinite; } .formcon .ringo { position: absolute; top: -10px; left: 50%; height: 70px; line-height: 70px; width: 70px; border-radius: 40px; margin-left: -35px; background: #ccc; z-index: 15; -webkit-animation: ringo 8s ease-in-out infinite; animation: ringo 8s ease-in-out infinite; } .form-lay { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); } .form-code { position: relative; z-index: 2 } .form-code h3 { font: bold 30px/2.0 'PT Sans', sans-serif; text-align: center; } /* Arc Test */ .bigarc { font: bold 30px/45px 'PT Sans'; text-align: center; padding: 30px 0 20px; text-transform: uppercase; position: relative; } .bigarc:after { content: ''; position: absolute; right: 50%; bottom: 0; margin-right: -50px; width: 100px; height: 3px; clear: both } .dealtts { padding: 50px 0; text-align: center; } .ttsth img { border-radius: 80px; margin: 15px 0; width: 100px; height: 100px; } .idtest { font-size: 20px; font-weight: 300; } .wgt { font-size: 13px; } .wgt strong { font-weight: bold; } .star { padding: 8px 0; } /* Single */ .dealco { background: #fdfdfd; padding: 50px 0; } .coleft { width: 70%; float: left; } .coleftinn { margin-right: 40px; } .blog-content { position: relative; margin: 0; padding: 40px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); font: 400 14px/1.7 'Open Sans', sans-serif } .single .blog-content { background: #ffffff; } .coleftinn .blog-content { background: #ffffff; } .blog-content.gall { padding: 0; border: 0 } .blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5 { font-family: 'Open Sans', sans-serif; margin: 5px 0; font-weight: 300; line-height: 1.3; } .blog-content h1 { font-size: 24px; } .blog-content h2 { font-size: 22px } .blog-content h3 { font-size: 20px } .blog-content h4 { font-size: 18px } .blog-content h5 { font-size: 16px } .sideal { margin: -40px -40px 0; } .blog-content p { margin: 0 0 20px; font: 400 14px/1.7 'Open Sans', sans-serif; } .blog-content table td { vertical-align: top } .blog-content ol { list-style: decimal; padding-left: 35px; margin: 15px 0 } .blog-content ul { list-style: disc; padding-left: 35px; margin: 15px 0 } .blog-content li { font: 400 14px/1.7 'Open Sans', sans-serif; margin: 3px 0 } .blog-content blockquote { padding: 0 0 0 45px; margin: 20px 0; border-left: 2px solid #ddd; } .blog-content blockquote p { font: italic 15px/1.5 Droid Serif; } .dealvent { padding: 20px; margin: 0 0 30px; } .evtime { padding: 0 0 20px; } .detm { position: relative; font: bold 30px/40px Montserrat; } .detc { position: absolute; display: inline-block; font: bold 13px/20px 'Open Sans'; width: 36px; height: 20px; padding: 0 4px; text-align: center; border-radius: 10px; } .dealvent #clockz { font: bold 18px/40px 'Open Sans Condensed' } .blog-content .dealimg img { width: 100%; height: auto; margin: 0 0 10px; } .blog-content .dealtime { display: inline-block; height: 40px; padding: 0; float: right; } .blog-content h2.sptitle { font-size: 35px; padding: 0; margin: 10px 0; } .spmeta { padding: 10px 0; margin: 0 0 25px; font: 300 13px 'Open Sans'; line-height: 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .spmeta a, .spmeta span { margin: 0 8px 0 3px; } .spmeta .fa { font-size: 14px; } .spsos .fa { color: #fff; } .spsos { display: inline-block; height: 40px; padding: 0; float: right; } .spsos .fa { padding: 0; display: inline-block; height: 30px; line-height: 30px; width: 30px; text-align: center; float: right; margin: 0 0 0 3px; font-size: 17px; } .spsos .fa-facebook { background: #0c4266; } .spsos .fa-twitter { background: #3392c2; } .spsos .fa-whatsapp { background: #20b35b; } .spsos .fa-google-plus { background: #fb431c; } .blog-content .drp { border-top: 3px solid #090; padding: 30px 0 0; margin: 0 0 30px; position: relative; } .blog-content .srp { position: absolute; top: -19px; left: 20px; display: inline-block; height: 30px; border: 3px solid #090; border-radius: 20px; z-index: 10; padding: 0 15px; font: bold 16px/30px 'Open Sans Condensed'; } .blog-content .relpost { margin: 0 -10px; } .blog-content .post-rel { position: relative; width: 33.33%; float: left; display: inline-block; } .blog-content .primg { margin: 0 10px 10px; } .blog-content .pr-meta span { font: 400 12px 'Open Sans'; } .blog-content .pr-meta h3 { font: bold 14px/1.3 Roboto, 'Open Sans', Arial; } .blog-content .relth { position: relative; margin: 0 0 15px; } .blog-content .relth img { display: block; } .blog-content .relthlay { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4; background: rgba(0, 0, 0, 0.7); } .blog-content .post-rel:hover .relthlay { opacity: 1; } .blog-content .relth .fa { position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; z-index: 6; border-radius: 20px; line-height: 34px; text-align: center; width: 34px; height: 34px; transform: scale(0); } .blog-content .post-rel:hover .relthlay { opacity: 1; } .blog-content .post-rel:hover .relth .fa { transform: scale(1); transition: all .5s ease .1s; } .post-footer { padding: 15px 25px; margin: 30px 0 60px; } .post-footer a { display: inline-block; position: relative; padding: 0; height: 22px; line-height: 22px; margin: 0 0 0 5px; padding: 0 8px 0 5px; font-size: 13px; } .post-navigation { padding: 15px 0; position: relative } .post-navigation a { display: block; font: bold 16px 'Open Sans Condensed', 'Open Sans', sans-serif; text-decoration: none; line-height: 1.4 } .post-navigation a:hover { text-decoration: none } .post-navigation a em { display: block; font: italic 11px 'Open Sans', sans-serif } .post-navigation a:hover span { text-decoration: underline } .post-prev { width: 250px; min-height: 40px; padding-left: 30px; float: left; text-align: left; background: url(images/post_prev.png) 0 50% no-repeat } .post-next { width: 250px; min-height: 40px; padding-right: 30px; float: right; text-align: right; background: url(images/post_next.png) 100% 50% no-repeat } .blog-content .post-img img { margin: 0 0 15px; height: auto; display: block; width: 100% } .blog-content .edi-img img { float: left; width: 300px; margin: 0 20px 20px 0 } .blog-content h6 { position: relative; left: -30px } .blog-content img, .blog-content .attachment img { max-width: 100%; height: auto } .blog-content .alignnone, .blog-content img.alignnone { clear: both; display: block; margin-bottom: 15px } .blog-content .alignleft, .blog-content img.alignleft { display: inline; float: left; margin-right: 15px; margin-top: 4px } .blog-content .alignright, .blog-content img.alignright { display: inline; float: right; margin-left: 15px; margin-top: 4px } .blog-content .aligncenter, .blog-content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto } .blog-content img.alignleft, .blog-content img.alignright, .blog-content img.aligncenter { margin-bottom: 15px } .blog-content .wp-caption { line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center } .blog-content .wp-caption img { margin: 5px 5px 0 } .blog-content .wp-caption p.wp-caption-text { font-size: 14px; margin: 5px } .blog-content .wp-smiley { margin: 0 } .blog-content .gallery { margin: 0 auto 18px ! important } .blog-content .gallery .gallery-item { float: left; margin: 0!important; text-align: center } .blog-content .gallery.gallery-columns-1 .gallery-item { width: 100%!important } .blog-content .gallery.gallery-columns-2 .gallery-item { width: 50%!important } .blog-content .gallery.gallery-columns-3 .gallery-item { width: 33.333%!important } .blog-content .gallery.gallery-columns-4 .gallery-item { width: 25%!important } .blog-content .gallery.gallery-columns-6 .gallery-item { width: 16.16777%!important } .blog-content .gallery.gallery-columns-8 .gallery-item { width: 12.5%!important } .blog-content .gallery .gallery-item img { width: 100%; height: auto; display: block; border: none!important; margin-bottom: 0 } .blog-content .gallery .gallery-caption { font-size: 14px; margin: 0 0 14px } .blog-content .gallery dl { margin: 0 } .blog-content .gallery br+br { display: none } .blog-content .attachment img { display: block; margin: 0 auto } .blog-content iframe { width: 100%; height: 300px } .blog-content iframe.akframe { width: 100%; background: #333; display: block; height: 400px } .blog-content h1.vvid { font: 800 30px/1.1 'Montserrat'; padding: 0; margin: 0 } .comments h3 { font-size: 18px; font-weight: 400; padding: 15px 0; border-bottom: 1px solid #ddd } #comments { margin-bottom: 30px } .dclist { padding: 60px 0 0; } .comment { padding: 25px 0; border-bottom: 1px dotted #ddd } .comment td { vertical-align: top } .comment-meta { position: relative; min-height: 70px; font-size: 12px; margin-right: 30px; width: 120px } .avatar { display: block; margin-right: 10px; box-shadow: 0 0 1px #ddd; background: #f7f7f7; border-radius: 5px; padding: 8px; width: 80px; height: 80px; border-radius: 50px; } .comment-author a, .comment-author span { text-decoration: none; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-style: normal } .comment-author a:hover { text-decoration: underline } .comment-reply-link { text-decoration: none; font-style: italic } .comment_list { margin: 0 0 40px } .comment-reply-link:hover { text-decoration: underline } .comment-text p { font: 400 14px/1.5 'Open Sans', sans-serif; margin-bottom: 10px } .inncom { background: #f3f3f3; } #author, #email, #url { background: #f3f3f3; } .children { margin-left: 0 } .children .children { margin-left: 0 } .children .comment { padding-left: 0 } #respond p, .nopassword { margin: 10px 0; font: 400 14px 'Open Sans', sans-serif } #respond p a { text-decoration: none } #respond p a:hover { text-decoration: underline } #commentform { position: relative; margin: 10px 0; padding-top: 155px } #respond .comment_message { margin: 10px 0 25px } #respond .commform-author, #respond .commform-email, #respond .commform-url { float: none; width: 100%; margin-bottom: 15px } #respond .commform-author p, #respond .commform-email p, #respond .commform-url p { font: bold 12px 'Open Sans', sans-serif; margin-bottom: 5px } #respond .commform-author p span, #respond .commform-email p span, #respond .commform-url p span { font: italic 12px 'Open Sans', sans-serif } #respond .commform-textarea { position: absolute; top: 0; left: 0; width: 100%; background: #f3f3f3 } #respond .commform-textarea>div { border-radius: 4px; padding: 10px; background: #f3f3f3 } #respond p.form-submit { margin-bottom: 0 } #respond p.form-submit #submit { float: none } #comment { width: 100%; height: 120px; padding: 0; margin: 0; border: none; overflow: auto; background: #f3f3f3 } .commform-author div { padding: 10px } .commform-email div { padding: 10px } .commform-url p { margin-left: 15px!important } .commform-url div { padding: 10px } #author, #email, #url { width: 100%; margin: 0; padding: 0; border: none; font: 400 14px 'Open Sans', sans-serif } #submit { float: left; border: none; cursor: pointer; padding: 5px 15px; border-radius: 3px; -webkit-border-radius: 3px; font: bold 15px/26px 'Roboto', 'Open Sans', sans-serif } p#cancel-comment-reply { float: right; line-height: 28px; margin: 0 } .post-password-form input { font-family: 'Open Sans', sans-serif } .relsec { margin: 60px 0 20px; padding: 0; text-align: center; } .relsec h4 { margin: -18px 0 0; text-align: center; font: bold 16px/34px 'Open Sans Condensed'; } .relsec h4 span { height: 34px; padding: 0 15px; display: inline-block; border-radius: 30px; } #loop { padding: 0 40px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); background: #ffffff; } .scheloop { position: relative; min-height: 100px; margin-bottom: 15px; } .loth { margin: 0 -40px 15px; } .loth img { width: 100%; height: auto; } .timecal { position: absolute; top: 50%; left: 0; right: 0; margin-top: -30px; text-align: center; z-index: 20; } .calendars { display: block; border-radius: 4px; margin: 0 auto; padding: 30px 30px 20px; } .calendars.wth { display: inline-block; } .calendars h2 { font: 300 25px/2.0 'Open Sans'; } .wag { font: 13px/1.8 Roboto, 'Open Sans', Arial; padding: 0 10px; display: inline-block; } .timecal .fa { position: absolute; top: 50%; margin: -75px 0 0 -20px; z-index: 30; left: 50%; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 30px; font-size: 18px; } .mexc { margin: 0 0 80px; padding: 15px 0 0; } .mexc h2 { font: 300 35px/1.3 'Open Sans', sans-serif; padding: 0; margin: 10px 0; } .mexc .pub { font: 400 13px 'Open Sans' } .mexc .dealexc p { margin: 0 0 20px; font: 400 14px/1.7 'Open Sans', sans-serif; } .coright { width: 30%; float: right; } .wievent { margin: 0 0 20px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .dtev { width: 70px; height: auto; margin: 0 20px 20px 0; float: left; border-radius: 6px; overflow: hidden; } .daev { height: 20px; width: 50px; text-align: center; padding: 6px 10px; font-weight: bold; text-transform: uppercase; } .dmev { height: 20px; width: 50px; text-align: center; padding: 4px 10px; } .widget .wievent p { padding: 0 0 15px; } #sidebar { width: 100%; margin: 0 } #sidebar .search-post fieldset { position: relative; width: auto; padding: 0 20px; font: bold 14px 'Open Sans', sans-serif; height: 40px } #sidebar .search-post input { height: 40px; width: 100%; padding: 0; margin: 0; border: none } #sidebar .search-post button { display: block ! important; position: absolute; height: 40px; width: 40px; top: 0; right: 0; border: 0; line-height: 40px; font-size: 20px; text-align: center; z-index: 100 } .widget { margin-bottom: 15px; clear: both; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); } .widget-small { width: 130px } .widget h3, .widget-small h3 { font: bold 16px/40px 'Open Sans Condensed', 'Open Sans', sans-serif; height: 40px; padding: 0 20px; margin: -20px -20px 20px; position: relative; text-transform: uppercase; z-index: 10 } .widget .imgbar { width: 96px; height: 72px; float: left; margin: 0 20px 0 0 } .widget .imgbar { position: relative } .widget .imgbar img { width: 100%; height: auto } .widget a, .widget-small a { text-decoration: none; font: 400 14px/1.3 'Open Sans', sans-serif; } .widget a:hover, .widget-small a:hover { text-decoration: underline } .widget p { font: 400 14px/1.5 'Open Sans', sans-serif; padding: 15px 0 0; } .textwidget { font: 400 14px/1.5 'Open Sans', sans-serif; padding: 0; } .widget p a, .textwidget a { text-decoration: underline } .widget p a:hover, .textwidget a:hover { text-decoration: none } .widget .rssSummary { font: italic 14px 'Open Sans', sans-serif } .widget ul, .widget-small ol { margin: 15px 0 } .widget.widget_rss li, .widget.widget_meta li, .widget.widget_nav_menu li, .widget.widget_recent_entries li, .widget.widget_pages li, .widget.widget_archive li, .widget.widget_categories li { font: 400 14px 'Open Sans', sans-serif; padding: 10px 0; border-bottom: 1px solid #ddd } .widget.widget_rss li a, .widget.widget_meta li a, .widget.widget_nav_menu li a, .widget.widget_recent_entries li a, .widget.widget_pages li a, .widget.widget_archive li a, .widget.widget_categories li a { font: 400 14px 'Open Sans', sans-serif } .widget li, .widget-small li { font: 400 14px 'Open Sans', sans-serif; line-height: 20px; padding: 8px 0; border-bottom: 1px solid #ddd; } .widget ul li ul, .widget ul li ol, .widget-small ul li ul, .widget-small ul li ol { margin: 15px 20px -1px } .widget li ul li:first-child, .widget-small li ul li:first-child { border-top: 1px solid #ddd; margin-top: -6px; } .widget li ul li:last-child, .widget-small li ul li:last-child { border-bottom: 0; margin-bottom: -11px; } .widget .menu-item-has-children { padding-bottom: 0 } .widget .recentcomments span, .widget .recentcomments a { font: 400 14px 'Open Sans', sans-serif } .widget .vibar { width: 100%; height: 200px; display: block; margin: 0 } .widget .calendar_wrap { padding: 15px 0 0; } .widget .calendar_wrap table { width: 100%; font: bold 16px 'Open Sans Condensed', sans-serif } .widget .calendar_wrap table caption { margin-bottom: 10px } .widget .calendar_wrap th { margin: 0 -1px -1px 0; text-align: center; padding: 5px 0; } .widget .calendar_wrap td { margin: 0 -1px -1px 0; text-align: center; padding: 6px 0 } .widget .calendar_wrap td a { font: bold 16px 'Open Sans Condensed', sans-serif; } .widget .tagcloud { padding: 0 } .widget .tagcloud a { margin: 0 2px 6px 0; padding: 3px 8px; font: 400 14px/20px 'Open Sans', sans-serif ! important; display: inline-block; text-transform: lowercase; border-radius: 2px; } .widget label { padding: 15px 0; display: block; font: 400 14px 'Open Sans', sans-serif; } .widget select { margin: 0 0 15px; width: 90%; border: none; overflow: hidden; font: 400 14px 'Open Sans', sans-serif; padding: 3px 8px; } .widget select option { padding: 3px 8px } .widget .recentcomments .comment-author-link, .widget .recentcomments .comment-author-link a { font-weight: bold; } /* Widget iDealer */ .wimodel { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #eee; } .wimodleft { width: 120px; height: auto; float: left; margin: 0 20px 0 0; overflow: hidden; } .wimodleft.rim { float: right; margin: 0 0 0 20px; } .wimodleft img { display: block; width: 100%; height: auto; } .sub-menu img { display: none; } .modsco .nammo { font: bold 16px/1.4 'Open Sans Condensed', Roboto; } .mstat { font-size: 10px; text-transform: uppercase; padding: 0 7px; display: inline-block; line-height: 16px; height: 16px; } .mtypes { font-size: 10px; text-transform: uppercase; padding: 0 7px; display: inline-block; line-height: 16px; height: 16px; } .metas { margin: 4px 0 0 0; } .mprice { padding: 6px 0 0; font-size: 13px; } .mprice em { font-size: 13px; } .mprice span { font: bold 16px/1.4 'Open Sans Condensed', Roboto; } .seeall { display: inline-block; height: 36px; line-height: 36px; padding: 0 10px; font-weight: bold; float: right; } .widget_populer .wimodel:last-child, .widget_randoms .wimodel:last-child { margin: 0; } /* wid slide */ .widslide { margin: 0; } .dealfoot { padding: 40px 0; margin: 0; } .widget_slidemod.widget h3 { padding: 0 20px; } .widget_slidemod .owl-carousel { z-index: 12; } .widget_slidemod .owl-carousel.owl-theme .owl-nav { margin-top: 10px; position: absolute; top: -67px; z-index: 1000; right: 0; } .widget_slidemod .owl-carousel .item { position: relative; } .widget_slidemod .owl-carousel .item .ssstat { position: absolute; top: 12px; left: -58px; padding: 0 12px; z-index: 50; display: inline-block; font: bold 11px/24px 'Open Sans'; text-transform: uppercase; height: 24px; width: 150px; text-align: center; transform: rotate(-40deg); } .widget_slidemod .bsslide { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); } .widget_slidemod .bstitle { padding: 50px 10px 10px; display: flex; } .widget_slidemod .bstitle .fa { width: 25px; height: 25px; text-align: center; font-size: 13px; line-height: 25px; border-radius: 15px; margin: 0 8px 0 0; } .widget_slidemod .bstitle a { font: bold 18px/25px 'Roboto'; } .widget_slidemod .afitem { position: relative; } .widget_slidemod .bsprice { padding: 10px; font-family: Roboto; } .widget_slidemod .bpstype { float: right; } /* wid slide */ .home .dealfoot { margin: 0 } .top-foot {} .footlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 3; } .tf-inn { padding: 30px 0; position: relative; z-index: 10; } .fosos { width: 50%; float: left; } .fosos .fa { width: 40px; height: 40px; text-align: center; line-height: 40px; display: inline-block; margin: 0 2px 0 0; border-radius: 20px; font-size: 20px; } .stcon { padding: 10px 0; font: bold 16px/20px Montserrat; } .fosearch { width: 50%; float: right; padding: 40px 0 20px 0; text-align: right; } .fosearch .search-post { height: 38px; width: 400px; border-radius: 30px; overflow: hidden; position: relative; float: right; } .fosearch .divin { float: left; width: 250px; } .fosearch .divsel { float: left; width: 120px; } .fosearch input { height: 20px; padding: 9px; border: 0; width: 90%; } .fosearch select { width: 120px; padding: 9px; border: 0; font: bold 14px 'Open Sans'; } .fosearch button { position: absolute; top: 0px; right: 0px; z-index: 10; border: 0; width: 48px; height: 40px; text-align: center; line-height: 30px; font-size: 20px; display: block ! important; } .foot-bar { width: 25%; float: left } .foot-inn { margin: 0 15px } .foot-inn .widget { margin-bottom: 20px; clear: both; padding: 0; border: 0; box-shadow: 0 0 0 #fff; } .foot-inn .widget-small { width: 130px } .foot-inn .widget h3, .foot-inn .widget-small h3 { margin: 0; font: bold 18px/50px 'Open Sans Condensed', 'Open Sans', sans-serif; height: 50px; padding: 0; position: relative; text-transform: uppercase; z-index: 10 } .foot-inn .widget h3 div, .foot-inn .widget-small h3 div { float: left; height: 36px; line-height: 36px; display: inline } .foot-inn .search-post fieldset { position: relative; width: auto; padding: 0 20px; font: bold 14px 'Open Sans', sans-serif; height: 40px } .foot-inn .search-post input { height: 40px; width: 100%; padding: 0; margin: 0; border: none } .foot-inn .search-post button { display: block ! important; position: absolute; height: 40px; width: 40px; top: 0; right: 0; border: 0; line-height: 40px; font-size: 20px; text-align: center; z-index: 100 } .foot-inn .widget a, .foot-inn .widget-small a { text-decoration: none; font: 400 14px 'Open Sans', sans-serif } .foot-inn .widget a:hover, .foot-inn .widget-small a:hover { text-decoration: underline } .foot-inn .widget p, .foot-inn .textwidget { font: 400 14px/1.5 'Open Sans', sans-serif; padding: 0 0 15px 0; } .foot-inn .widget p a, .foot-inn .textwidget a { text-decoration: underline } .foot-inn .widget p a:hover, .foot-inn .textwidget a:hover { text-decoration: none } .foot-inn .widget ul, .foot-inn .widget-small ol { margin: 0 0 15px 0px } .foot-inn .widget li, .foot-inn .widget-small li { font: 400 14px 'Open Sans', sans-serif; line-height: 20px; padding: 8px 0 8px 15px; position: relative } .foot-inn .widget li:before, .foot-inn .widget-small li:before { content: "\f105"; font-family: "FontAwesome"; position: absolute; left: 0; top: 8px } .foot-inn .widget.widget_rss li, .foot-inn .widget.widget_meta li, .foot-inn .widget.widget_nav_menu li, .foot-inn .widget.widget_recent_entries li, .foot-inn .widget.widget_pages li, .foot-inn .widget.widget_archive li, .foot-inn .widget.widget_categories li { font: 400 14px 'Open Sans', sans-serif; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); padding: 5px 0 5px 15px } .foot-inn .widget.widget_rss li a, .foot-inn .widget.widget_meta li a, .foot-inn .widget.widget_nav_menu li a, .foot-inn .widget.widget_recent_entries li a, .foot-inn .widget.widget_pages li a, .foot-inn .widget.widget_archive li a, .foot-inn .widget.widget_categories li a { font: 400 14px 'Open Sans', sans-serif } .foot-inn .widget li, .foot-inn .widget-small li { border-bottom: 1px solid #555; } .foot-inn .widget ul li ul, .foot-inn .widget ul li ol, .foot-inn .widget-small ul li ul, .foot-inn .widget-small ul li ol { margin: 15px 20px } .foot-inn .widget .menu-item-has-children { padding-bottom: 0 } .foot-inn .widget .recentcomments span, .foot-inn .widget .recentcomments a { font: 400 14px 'Open Sans', sans-serif } .foot-inn .widget li.recentcomments:before, .foot-inn .widget-small li.recentcomments:before { top: 5px } .foot-inn .widget .calendar_wrap { padding: 15px 0 0 } .foot-inn .widget .calendar_wrap table caption { margin-bottom: 10px } .foot-inn .widget .calendar_wrap th { margin: 0 -1px -1px 0; text-align: center; padding: 5px 0 } .foot-inn .widget .calendar_wrap td { margin: 0 -1px -1px 0; text-align: center; padding: 6px 0 } .foot-inn .widget .tagcloud { padding: 0; } .foot-inn .widget label { padding: 15px 20px; display: block; } .foot-inn .widget select option { padding: 3px 8px } /* Widget iDealer */ .foot-inn .wimodel { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .foot-inn .wimodleft { width: 120px; height: auto; float: left; margin: 0 20px 0 0; overflow: hidden; } .foot-inn .wimodleft.rim { float: right; margin: 0 0 0 20px; } .foot-inn .wimodleft img { display: block; width: 100%; height: auto; } .foot-inn .modsco .nammo { font: bold 16px/1.4 'Open Sans Condensed'; } .foot-inn .mstat { font-size: 10px; text-transform: uppercase; padding: 0 7px; display: inline-block; line-height: 16px; height: 16px; } .foot-inn .mtypes { font-size: 10px; text-transform: uppercase; padding: 0 7px; display: inline-block; line-height: 16px; height: 16px; } .foot-inn .mprice { padding: 8px 0 0; } .foot-inn .mprice span { font: bold 16px/1.4 'Open Sans Condensed'; } .foot-inn .seeall { display: inline-block; height: 36px; line-height: 36px; padding: 0 10px; font-weight: bold; float: right; } .foot-inn .widget_populer .wimodel:last-child, .foot-inn .widget_randoms .wimodel:last-child { margin: 0; } .foot-inn .widslide { margin: 0; } .foot-inn .widget_slidemod { position: relative; } .foot-inn .widget_slidemod.widget h3 { padding: 0 10px; } .foot-inn .widget_slidemod .owl-carousel { z-index: 12; } .foot-inn .widget_slidemod .owl-carousel.owl-theme .owl-nav { margin-top: 10px; position: absolute; top: -50px; z-index: 1000; right: 0; } .foot-inn .widget_slidemod .owl-carousel .item { position: relative; } .foot-inn .widget_slidemod .owl-carousel .item .ssstat { position: absolute; top: 20px; left: -45px; padding: 6px 12px; z-index: 50; display: inline-block; font: bold 16px 'Open Sans Condensed'; width: 150px; text-align: center; transform: rotate(-40deg); } .foot-inn .widget_slidemod .bsslide { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); } .foot-inn .widget_slidemod .bstitle { padding: 50px 10px 10px; display: flex; } .foot-inn .widget_slidemod .bstitle .fa { width: 25px; height: 25px; text-align: center; font-size: 13px; line-height: 25px; border-radius: 15px; margin: 0 8px 0 0; } .foot-inn .widget_slidemod .bstitle a { font: bold 14px/25px 'Roboto'; } .foot-inn .widget_slidemod .afitem { position: relative; } .foot-inn .widget_slidemod .bsprice { padding: 10px; font-family: Roboto; } .foot-inn .widget_slidemod .bpstype { display: none; } .foot-inn .wievent { margin: 0 0 20px 0; } .footer { margin: 0; padding: 30px; font-family: Roboto, 'Open Sans', Arial; } .footer a { text-decoration: none; font-weight: 700; } .footer a:hover { text-decoration: underline } .copyright { text-align: center; font: 400 14px 'Open Sans', sans-serif } .credits { float: right } .opens { position: fixed; z-index: 10000; top: 250px; left: 0; height: 30px; line-height: 30px; padding: 0 10px 0 10px; border-radius: 0 20px 20px 0 } .closes { position: fixed; z-index: 10000; top: 250px; left: 65px; display: none; height: 30px; line-height: 30px; padding: 0 10px 0 10px; border-radius: 0 20px 20px 0 } .layout { position: fixed; z-index: 1000; top: 250px; left: -75px; width: 50px; height: 30px; font: bold 14px/30px Montserrat; padding: 0 7px 0 8px; overflow: hidden; text-align: left; cursor: pointer } .mmenu { position: fixed; z-index: 1000; top: 250px; left: -75px; width: 50px; height: 30px; font: bold 14px/30px Montserrat; padding: 0 7px 0 8px; overflow: hidden; text-align: left; cursor: pointer; display: none } #return-to-top { position: fixed; z-index: 10000; bottom: 20px; right: 20px; width: 35px; height: 35px; text-align: center; line-height: 35px; display: block; text-decoration: none; display: none; border-radius: 5px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease } #return-to-top i { margin: 0; width: 35px; height: 35px; line-height: 30px; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 20px; border-radius: 30px; } .callus { position: relative; } .callus:after { content: ''; position: absolute; right: 0; top: 0; width: 0; height: 0; border-right: 0 solid transparent; border-left: 500px solid transparent; clear: both; } .tagen { min-height: 200px; position: relative; z-index: 100; } .tafo { width: 200px; position: absolute; bottom: -30px; right: 0; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); } .tafo img { width: 100%; height: auto; } .twocon { margin: 0 8px 15px; padding: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .twocon .fa { font-size: 38px; width: 38px; height: 38px; line-height: 38px; float: left; margin: 0 20px 0 0; } .tabio { padding: 15px; } .tbio { position: absolute; right: 100%; top: 100px; padding: 0; z-index: 10; margin-right: -10px; width: 220px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); opacity: 0; transform: scale(0.7); transition: all .5s ease .1s; } .inbio { padding: 20px 25px; position: relative; } .inbio:after { content: ''; position: absolute; right: -25px; top: 0; width: 0; height: 0; border-left: 0 solid transparent; border-right: 25px solid transparent; clear: both; } .callus:hover .tbio { opacity: 1; transform: scale(1); transition: all .5s ease .1s; } .afteralay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .home-two .latest { z-index: 10; margin-top: -120px; } .ag-two { margin: 0 260px 20px 0; position: relative; } .ag-two h2 { font: bold 35px/1.3 Roboto; padding: 25px 0; } .agout { margin: 0 -8px; } .bcon { width: 33.33%; float: left; } .addt { position: relative; z-index: 10; } .hoven { width: 40%; float: left; min-height: 700px; } .evblock { padding: 30px; } .evblock .com { display: inline-block; padding: 0 10px; line-height: 24px; font-weight: bold; font-size: 12px; margin: 0 0 10px; border-radius: 15px; } .evblock h4 { font: 700 40px/1.1 Roboto; text-transform: uppercase; padding: 0 0 10px; } .twoim { margin: 0 -30px; } .twoim img { width: 100%; height: auto; } .evblock h2 { font-size: 20px; font-family: Roboto; line-height: 1.2; margin: 30px 0 10px; } .ablock { padding: 0; width: 60%; float: right; } .ablock.bfull { width: 100%; float: none; } .abefore { padding: 0; } .abefore h3 { font-size: 40px; font-weight: 700; font-family: Roboto; margin: 0 0 15px; } .evtimer #clockz { float: none; width: 100%; text-align: center; } .wa__button{ border-bottom: none !important; } .wa__btn_w_img:hover{ text-decoration: none; } .wa__button, .wa__btn_popup, .wa__button *, .wa__btn_popup *, .wa__btn_popup :before, .wa__button :before, .wa__button :after, .wa__btn_popup :after, .wa__popup_chat_box, .wa__popup_chat_box *, .wa__popup_chat_box :before, .wa__popup_chat_box :after{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } /* VVV--button--VVV */ .wa__button{ position: relative; width: 300px; min-height: 64px; display: block; font-family: Arial,Helvetica,sans-serif; text-decoration: none; color: #fff; box-shadow: 0px 4px 8px 1px rgba(32,32,37,0.09); -webkit-box-shadow: 0px 4px 8px 1px rgba(32,32,37,0.09); -moz-box-shadow: 0px 4px 8px 1px rgba(32,32,37,0.09); } .wa__btn_txt{ display: inline-block; font-size: 12px; line-height: 1.33em; } .wa__btn_w_icon .wa__btn_txt{ padding: 16px 20px 15px 71px; } .wa__button_text_only .wa__btn_txt, .wa__r_button.wa__btn_w_img.wa__button_text_only .wa__btn_txt, .wa__sq_button.wa__btn_w_img.wa__button_text_only .wa__btn_txt{ padding-top: 25px; padding-bottom: 24px; } .wa__btn_w_icon .wa__btn_txt .wa__btn_title{ font-weight: 600; padding-left: 2px; font-size: 14px; } .wa__cs_info{ margin-bottom: 2px } .wa__btn_status{ color: #F5A623; font-size: 9px; padding: 2px 0 0; font-weight: 700; } .wa__cs_info .wa__cs_name, .wa__cs_info .wa__cs_status{ display: inline-block; } .wa__cs_info .wa__cs_name{ font-weight: 400; font-size: 12px; line-height: 1.36em; } .wa__stt_online .wa__cs_info .wa__cs_name{ color: #d5f0d9 } .wa__stt_offline .wa__cs_info .wa__cs_name{ color: #76787d; } .wa__cs_info .wa__cs_status{ width: 36px; height: 14px; margin-left: 3px; padding: 1px; font-size: 9px; line-height: 1.34em; border-radius: 5px; color: rgba(255,255,255,0.98); position: relative; top: -1px; left: 0px; text-align: center; } .wa__stt_online .wa__cs_info .wa__cs_status{ background: #62c971; } .wa__stt_offline .wa__cs_info .wa__cs_status{ background: #b9bbbe; } .wa__stt_online{ background: #2DB742; cursor: pointer; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; backface-visibility: hidden; will-change: transform; } .wa__stt_online .wa__btn_txt{ position: relative; z-index: 4; } .wa__r_button.wa__stt_online:before{ border-radius: 50vh; } .wa__sq_button.wa__stt_online:before{ border-radius: 5px; } .wa__stt_online:before{ content: ''; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; background: rgba(0,0,0,0.2); position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; opacity: 0; will-change: opacity; } .wa__button.wa__stt_online:focus, .wa__button.wa__stt_online:active, .wa__button.wa__stt_online:hover{ box-shadow: 0px 4px 8px 1px rgba(32,32,37,0.19); transform: translate(0,-3px); -webkit-transform: translate(0,-3px); -moz-transform: translate(0,-3px); -ms-transform: translate(0,-3px); } .wa__button.wa__stt_online:focus:before, .wa__button.wa__stt_online:active:before, .wa__button.wa__stt_online:hover:before{ opacity: 1; } .wa__stt_online.wa__btn_w_icon .wa__btn_icon img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; } .wa__stt_offline{ background: #EBEDF0; color: #595B60; box-shadow: none; cursor: initial; } .wa__stt_offline.wa__btn_w_icon .wa__btn_txt { padding: 8px 20px 6px 71px; } .wa__stt_offline.wa__r_button.wa__btn_w_img .wa__btn_txt{ padding: 8px 20px 8px 100px } .wa__stt_offline.wa__sq_button.wa__btn_w_img .wa__btn_txt { padding: 8px 20px 8px 70px; } .wa__btn_w_icon .wa__btn_icon{ position: absolute; top: 50%; left: 16px; transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); } .wa__btn_w_icon .wa__btn_icon img{ width: 41px; height: 69px; } .wa__btn_w_img{ position: relative; width: 300px; margin: 20px 0 20px; } .wa__btn_w_img .wa__cs_img{ position: absolute; top: 50%; left: 0px; text-align: center; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); } .wa__btn_w_img .wa__cs_img_wrap{ width: 79px; height: 79px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 3px solid #ffffff; position: relative; overflow: hidden; } .wa__btn_w_img .wa__cs_img img{ max-width: 100%; height: auto; transition: 0.2s ease transform; -webkit-transition: 0.2s ease transform; -moz-transition: 0.2s ease transform; } .wa__btn_w_img .wa__cs_img:after{ content: ''; background: #ffffff url('../img/whatsapp_logo_green.svg') center center no-repeat; background-size: 21px; display: block; width: 27px; height: 27px; position: absolute; top: 20px; right: -14px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-shadow: 0px 4px 6px 0px rgba(39,38,38,0.3); -webkit-box-shadow: 0px 4px 6px 0px rgba(39,38,38,0.3); -moz-box-shadow: 0px 4px 6px 0px rgba(39,38,38,0.3); } .wa__stt_offline.wa__btn_w_img .wa__cs_img:after{ content: ''; background: #ffffff url('../img/whatsapp_logo_gray.svg') center center no-repeat; background-size: 21px; display: block; width: 27px; height: 27px; position: absolute; top: 20px; right: -14px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-shadow: 0px 4px 6px 0px rgba(39,38,38,0.3); -webkit-box-shadow: 0px 4px 6px 0px rgba(39,38,38,0.3); -moz-box-shadow: 0px 4px 6px 0px rgba(39,38,38,0.3); } .wa__btn_w_img .wa__btn_txt{ padding:14px 20px 12px 103px; } .wa__r_button{ border-radius: 50vh; } .wa__sq_button{ border-radius: 5px; } .wa__sq_button.wa__btn_w_img{ width: 270px; margin-left: 30px; } .wa__r_button.wa__btn_w_img .wa__cs_img{ left: -5px; } .wa__sq_button.wa__btn_w_img .wa__cs_img{ left: -35px; } .wa__sq_button.wa__btn_w_img .wa__btn_txt{ padding: 10px 20px 10px 70px; display: table-cell; vertical-align: middle; height: 66px; } .wa__btn_txt .wa__btn_title{ font-weight: 600; } .wa__r_button.wa__btn_w_img .wa__btn_txt{ padding: 8px 20px 8px 100px; display: table-cell; vertical-align: middle; height: 66px; } .wa__r_button.wa__btn_w_img .wa__cs_info .wa__cs_status{ margin-left: 3px; } /* ^^^--button--^^^ */ /* VVV--popup--VVV */ .wa__popup_chat_box{ font-family: Arial,Helvetica,sans-serif; width: 351px; border-radius: 5px 5px 8px 8px; -webkit-border-radius: 5px 5px 8px 8px; -moz-border-radius: 5px 5px 8px 8px; position: fixed; overflow: hidden; box-shadow: 0px 10px 10px 4px rgba(0,0,0,0.04); -webkit-box-shadow: 0px 10px 10px 4px rgba(0,0,0,0.04); -moz-box-shadow: 0px 10px 10px 4px rgba(0,0,0,0.04); bottom: 132px; right: 10px; z-index: 998; opacity: 0; visibility: hidden; -ms-transform: translate(0,50px); transform: translate(0,50px); -webkit-transform: translate(0,50px); -moz-transform: translate(0,50px); transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; will-change: transform,visibility,opacity; max-width: calc(100% - 50px); } .wa__popup_chat_box:hover, .wa__popup_chat_box:focus, .wa__popup_chat_box:active{ box-shadow: 0px 10px 10px 4px rgba(32,32,37,0.23); -webkit-box-shadow: 0px 10px 10px 4px rgba(32,32,37,0.23); -moz-box-shadow: 0px 10px 10px 4px rgba(32,32,37,0.23); } .wa__popup_chat_box.wa__active{ -ms-transform: translate(0,0); transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); visibility: visible; opacity: 1; } .wa__popup_chat_box .wa__popup_heading{ position: relative; padding: 15px 43px 17px 74px; color: #d9ebc6; background: #2db742; } .wa__popup_chat_box .wa__popup_heading_sm{ padding: 12px 15px 17px 74px; } .wa__popup_chat_box .wa__popup_heading:before{ content: ''; background: url('wa.png') center top no-repeat; background-size: 33px; display: block; width: 55px; height: 33px; position: absolute; top: 20px; left: 12px; } .wa__popup_chat_box .wa__popup_heading_sm:before{ top: 19px; left: 11px; } .wa__popup_chat_box .wa__popup_heading .wa__popup_title{ padding-top: 2px; padding-bottom: 3; color: #ffffff; font-size: 18px; line-height: 24px; } .wa__popup_chat_box .wa__popup_heading .wa__popup_intro{ padding-top: 4px; font-size: 12px; line-height: 20px; } .wa__popup_chat_box .wa__popup_heading_sm .wa__popup_intro{ padding-top: 0px; } .wa__popup_chat_box .wa__popup_heading .wa__popup_intro a{ display: inline-block; color: #ffffff; text-decoration: none; } .wa__popup_chat_box .wa__popup_heading .wa__popup_intro a:hover, .wa__popup_chat_box .wa__popup_heading .wa__popup_intro a:focus, .wa__popup_chat_box .wa__popup_heading .wa__popup_intro a:active{ text-decoration: underline; } .wa__popup_chat_box .wa__popup_notice{ font-size: 11px; color: #a5abb7; font-weight: 500; padding: 0 3px; } .wa__popup_chat_box .wa__popup_content{ background: #ffffff; padding: 13px 20px 21px 19px; text-align: center; } .wa__popup_chat_box .wa__popup_content_left{ text-align: left; } .wa__popup_chat_box .wa__popup_avatar{ position: absolute; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; left: 12px; top: 12px; } .wa__popup_chat_box .wa__popup_avatar.nta-default-avt{ border-radius: unset; -webkit-border-radius: unset; -moz-border-radius: unset; } .wa__popup_chat_box .wa__stt{ padding: 13px 40px 12px 74px; position: relative; text-decoration: none; display: table; width: 100%; border-left: 2px solid #2db742; background: #f5f7f9; border-radius: 2px 4px 2px 4px; -webkit-border-radius: 2px 4px 2px 4px; -moz-border-radius: 2px 4px 2px 4px; } .wa__popup_chat_box .wa__stt:after{ content: ''; background: url('wa.png') 0 0 no-repeat; position: absolute; right: 14px; top: 26px; width: 20px; height: 20px; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; } .wa__popup_chat_box .wa__stt.wa__stt_offline:after{ background-image: url('../img/whatsapp_logo_gray_sm.svg'); } .wa__popup_chat_box .wa__stt.wa__stt_online{ transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; } .wa__popup_chat_box .wa__stt.wa__stt_online:hover, .wa__popup_chat_box .wa__stt.wa__stt_online:active, .wa__popup_chat_box .wa__stt.wa__stt_online:focus{ background: #ffffff; box-shadow: 0px 7px 15px 1px rgba(55,62,70,0.07); -webkit-box-shadow: 0px 7px 15px 1px rgba(55,62,70,0.07); -moz-box-shadow: 0px 7px 15px 1px rgba(55,62,70,0.07); } .wa__popup_content_list .wa__popup_content_item{ margin: 14px 0 0; transform: translate(0,20px); -webkit-transform: translate(0,20px); -moz-transform: translate(0,20px); will-change: opacity,transform; opacity: 0; } .wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item{ transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition-delay: 2.1s; -webkit-transition-delay: 2.1s; -moz-transition-delay: 2.1s; } .wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(1){ transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; } .wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(2){ transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; } .wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(3){ transition-delay: 0.7s; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; } .wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(4){ transition-delay: 0.9s; -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; } .wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(5){ transition-delay: 1.1s; -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; } .wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(6){ transition-delay: 1.3s; -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; } .wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(7){ transition-delay: 1.5s; -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; } .wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(8){ transition-delay: 1.7s; -webkit-transition-delay: 1.7s; -moz-transition-delay: 1.7s; } .wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(9){ transition-delay: 1.9s; -webkit-transition-delay: 1.9s; -moz-transition-delay: 1.9s; } .wa__popup_chat_box.wa__lauch .wa__popup_content_list .wa__popup_content_item{ opacity: 1; transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); } .wa__popup_content_list .wa__popup_content_item .wa__member_name{ font-size: 14px; color: #363c47; line-height: 1.188em !important; } .wa__popup_content_list .wa__popup_content_item .wa__member_duty{ font-size: 11px; color: #989b9f; padding: 2px 0 0; line-height: 1.125em !important; } .wa__popup_content_list .wa__popup_content_item .wa__member_status{ color: #F5A623; font-size: 10px; padding: 5px 0 0; line-height: 1.125em !important; } .wa__popup_content_list .wa__popup_content_item .wa__popup_txt{ display: table-cell; vertical-align: middle; min-height: 48px; height: 48px; } .wa__popup_content_list .wa__popup_content_item .wa__stt_offline{ border-left-color: #c0c5ca; } .wa__popup_avt_list{ font-size: 0; margin: 7px 0 24px; } .wa__popup_avt_list .wa__popup_avt_item{ display: inline-block; position: relative; width: 46px; } .wa__popup_avt_list .wa__popup_avt_img{ width: 60px; height: 60px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: relative; overflow: hidden; border: 2px solid #ffffff; left: -7px; } .wa__popup_call_btn{ background: #2db742; color: #ffffff; text-decoration: none; display: inline-block; width: 275px; max-width: 100%; font-size: 16px; padding: 14px 10px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; margin: 25px 0 15px; box-shadow: 0px 8px 17px 2px rgba(13,15,18,0.2); -webkit-box-shadow: 0px 8px 17px 2px rgba(13,15,18,0.2); -moz-box-shadow: 0px 8px 17px 2px rgba(13,15,18,0.2); } .wa__popup_call_btn.wa__popup_call_btn_lg:before{ content: ''; display: inline-block; width: 20px; height: 20px; position: relative; background: url('../img/whatsapp_logo_green_sm.svg') 0 0 no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; vertical-align: top; top: 0px; margin-right: -19px; left: -31px; transition: 0.2s ease background-image; -webkit-transition: 0.2s ease background-image; -moz-transition: 0.2s ease background-image; } .wa__popup_call_btn.wa__popup_call_btn_lg:hover:before, .wa__popup_call_btn.wa__popup_call_btn_lg:focus:before, .wa__popup_call_btn.wa__popup_call_btn_lg:active:before{ background-image: url('wa.png') } .wa__popup_chat_box_gray{ border-radius: 2px 2px 8px 8px; } .wa__popup_chat_box_gray .wa__popup_heading_gray{ background: #f8f8f8; border-top: 3px solid #2db742; color: #868c9a; font-weight: 500; } .wa__popup_chat_box_gray .wa__popup_heading_gray .wa__popup_title{ color: #595b60; } .wa__popup_chat_box_gray .wa__popup_heading_gray:before{ content: ''; background: url(../img/whatsapp_logo_green.svg) center top no-repeat; background-size: 33px; display: block; width: 55px; height: 33px; position: absolute; top: 20px; left: 12px; } .wa__popup_chat_box_gray .wa__popup_heading_gray .wa__popup_intro a{ color: #595b60; } .wa__popup_chat_box_ct{ width: 384px; text-align: center; } .wa__popup_chat_box_ct .wa__popup_heading_ct{ text-align: center; padding: 18px 0 18px; } .wa__popup_chat_box_ct .wa__popup_heading_ct:before { content: ''; background: url(../img/whatsapp_logo.svg) center top no-repeat; background-size: 30px; display: block; width: 30px; height: 31px; position: absolute; top: 15px; left: 72px; } .wa__popup_chat_box_ct .wa__popup_heading_ct .wa__popup_title{ padding-left: 22px; padding-bottom: 14px; } .wa__popup_chat_box_ct .wa__popup_heading_ct .wa__popup_intro{ margin-top: -5px; line-height: 12px; } .wa__popup_chat_box_ct .wa__popup_ct_avt_list:after{ content: ''; clear: both; display: block; } .wa__popup_chat_box_ct .wa__popup_ct_content{ background: #ffffff; padding: 0 0 14px; } .wa__popup_chat_box_ct .wa__popup_ct_content .wa__popup_notice{ padding-top: 18px; padding-bottom: 15px; } .wa__popup_chat_box_ct .wa__popup_ct_content_item{ width: 33%; float: left; font-size: 10px; } .wa__popup_chat_box_ct .wa__popup_ct_content_item a{ text-decoration: none; color: #989b9f; } .wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__popup_ct_txt{ padding-top: 8px; } .wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__member_name{ color: #363c47; font-size: 13px; } .wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__member_duty{ color: #989b9f; padding: 3px 0 0; } .wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__member_stt_online{ color: #2db742; font-size: 9px; line-height: 12px; display: inline-block; padding: 3px 0 0 16px; background: url('wa.png') 0 3px no-repeat; background-size: 12px auto; -webkit-background-size: 12px auto; -moz-background-size: 12px auto; } .wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__member_stt_offline{ color: #f5a623; font-size: 9px; line-height: 12px; padding: 2px 0 0; } .wa__popup_chat_box_ct .wa__popup_ct_avatar img{ border-radius: 50% } .wa__popup_chat_box_ct .wa__popup_ct_call_btn{ width: 97px; font-size: 11px; padding: 9px 10px 11px; margin: 15px 0 15px; } /* ^^^--popup--^^^ */ /* VVV--popup button--VVV */ .wa__btn_popup{ position: fixed; right: 10px; bottom: 70px; cursor: pointer; font-family: Arial,Helvetica,sans-serif; z-index: 999; } .wa__btn_popup .wa__btn_popup_icon{ width: 56px; height: 56px; background: #2db742; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.14); -webkit-box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.14); -moz-box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.14); } .wa__btn_popup .wa__btn_popup_icon:before{ content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; background: transparent url('wa.png') center center no-repeat; background-size: 30px auto; -webkit-background-size: 30px auto; -moz-background-size: 30px auto; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; } .wa__btn_popup .wa__btn_popup_icon:after{ content: ''; opacity: 0; position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; background: transparent url('tx.png') center center no-repeat; background-size: 14px auto; -webkit-background-size: 14px auto; -moz-background-size: 14px auto; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transform: scale(0) rotate(-360deg); transform: scale(0) rotate(-360deg); -webkit-transform: scale(0) rotate(-360deg); -moz-transform: scale(0) rotate(-360deg); } .wa__btn_popup.wa__active .wa__btn_popup_icon:before{ opacity: 0; -ms-transform: scale(0) rotate(360deg); transform: scale(0) rotate(360deg); -webkit-transform: scale(0) rotate(360deg); -moz-transform: scale(0) rotate(360deg); } .wa__btn_popup.wa__active .wa__btn_popup_icon:after{ opacity: 1; -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); } .wa__btn_popup .wa__btn_popup_txt{ position: absolute; width: 176px; right: 100%; background-color: #f5f7f9; font-size: 12px; color: #43474e; top: 15px; /* top: 50%; transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); */ padding: 7px 0 7px 12px; margin-right: 7px; letter-spacing: -0.03em; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; } .wa__btn_popup.wa__active .wa__btn_popup_txt{ -ms-transform: translate(0,15px); transform: translate(0,15px); -webkit-transform: translate(0,15px); -moz-transform: translate(0,15px); opacity: 0; visibility: hidden; } /* ^^^--popup button--^^^ */ @media screen and (max-width:1100px) { .ca .dv.sss { display: none; } .ca .dv.info { display: inline-block; } .boxed .container, .container { padding: 0 15px; } .dealpar .container { padding: 0 15px 40px; } .coleftinn { margin-right: 15px; } .topimg { margin: 0 0 0 5px; } .latest.owl-carousel .owl-nav .owl-prev { left: -15px; } .latest.owl-carousel .owl-nav .owl-next { right: -15px; } .inav { position: fixed; top: 0; left: 0; right: 0; width: 100%; max-width: 1170px; margin: 0 auto; z-index: 1000 } .nav { max-width: 1100px; margin: 0 auto } .slideshow { margin: 0 auto; max-width: 1100px } .molis { margin: 0; } .top-foot { padding: 0 15px; } .sctitle { margin: 0 0 15px 0; } .dealfoot { padding: 10px 15px; } .inco { padding: 0 15px; } #clockz { width: 40%; } .eveinn .td { width: 60%; } #clockz .tmrz .circ, #clockz .tmrz .circ.secring .rotate { width: 80px; height: 80px; } .dess .yvid { height: 350px; } } @media screen and (max-width:1024px) { #clockz { width: 40%; } .eveinn .td { width: 60%; } .td h2 { font: bold 25px/1.0 Montserrat; } .relat { /*display: flex;*/ } .coright { width: 35%; } .coleft { width: 65%; } .nav .dd li.full-image ul li { width: 12.5%; font-size: 11px; } .foot-bar { width: 50%; } } @media screen and (max-width:980px) { .wrapper { padding: 80px 0 0; } .topin { display: none; } .inav, .boxed .inav { position: fixed } .fixed .inav, .boxed .fixed .inav { position: fixed } .ca .dv.sss { display: inline-block; } .ca .dv.fmenu { display: inline-block; } .ca .dv.info { display: none; } .fixed .mob { display: block; width: 100%; position: fixed; top: 80px; right: 0; z-index: 1000 } .nofixed .mob { position: absolute; z-index: 1000; display: block; width: 100%; top: 80px; left: 0; right: 0; } .mobi .accordion li { display: block; margin: 0; text-align: left; font: bold 14px 'Open Sans Condensed', 'Open Sans', sans-serif; text-transform: uppercase; position: relative; } .mobi .accordion li.full-image ul li img { display: none; } .mobi .accordion li:last-child { border: 0 } .mobi .accordion li a { text-decoration: none; font-weight: 700; display: block; line-height: 46px; margin: 0 24px 0 14px } .mobi .accordion li a:hover { text-decoration: none } .sub-menu:after { display: none } .mobi .accordion li.menu-item-has-children:after { content: ''; position: absolute; right: 10px; top: 21px; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; clear: both } .mobi .accordion li ul {} .mobi .accordion li ul li a { margin: 0 44px 0 14px } .mobi .accordion li ul li ul { border-top: 1px solid #ddd; } .mobi .accordion li ul li ul li a { margin: 0 44px 0 14px } .nocall { pointer-events: auto; cursor: pointer; } .men { width: 200px; float: none; height: 80px; position: absolute; top: 0; right: 15px; } .men .toplist { display: none; } .ragen { width: 30%; } .dag { width: 70%; } .ledag { margin: 0 0 0 10px; } .eventlay { position: relative; } .eventtop { position: absolute; left: 0; right: 0; top: 0; } .eveinn .td { width: 55%; height: 95px; overflow: hidden; } #clockz { width: 45%; } .listimg { margin: 0 8px 16px; } .delist { width: 33%; } .top-foot { padding: 0; } .dealfoot { padding: 10px 0; } .foot-bar { width: 33.33%; } .dealfoot .pack-one { margin: 0 -8px; } .foot-inn { margin: 0 8px; } .ltop ul li { width: 48%; } .dess .yvid { height: 300px; } .callus:after { border-left: 220px solid transparent; } .ag-two h2 { font: bold 28px/1.2 Roboto; } .bcon { width: 50%; float: left; } .evtimer #clockz { display: none; } .hoven { min-height: auto; } .molis { margin: 0 -8px; } .latest { padding: 15px 0 5px; } .secagent { padding: 15px 0; } .dealco { padding: 15px 0 0; } .deweb { /* display: none;*/ } .demob { display: inline-block; float: left; } .navinn { display: block; } .dealnav .container { padding: 0; } .logo { display: block; } } @media screen and (max-width:800px) { .eveinn .td { width: 100%; } .eventlay { height: auto; } #clockz { display: none; } .prom { font: bold 25px/1.2 'Montserrat'; margin: 30px 0 20px; } .adds { font: bold 25px/1.2 'Montserrat'; } .boxed .sctitle, .sctitle { font: bold 25px/1.2 'Montserrat'; } .top-box .box-left { width: 100%; float: none; } .top-box .box-right { width: 100%; float: none; } .top-box .box-left .left-inn { margin: 6px 0px; } .top-box .box-right .right-inn { margin: 8px 0; } .specs-left { width: 100%; float: none; } .singmod { padding: 15px 0; } .feat, .desc { margin: 0 0 15px 0; } .specs-left { padding: 15px 0 0; } .specs-right { width: 100%; float: none; padding: 0 0 30px 0; } .hov { text-align: center; margin: 0 auto; } .hov img { text-align: center; margin: 0 auto; } .dess .yvid { height: 400px; } #loop { padding: 0 30px; } .loth { margin: 0 -30px 15px; } .dealco { padding: 15px 0; } .coleft, .coright { width: 100%; float: none; } .boxed .coleftinn, .coleftinn { margin-right: 0; } .condeleft { width: 100%; float: none; margin: 0 0 60px; } .dealcf7 { margin-right: 0; padding-right: 0; border-right: 0; } .conderight { width: 100%; float: none; } .cfleft .fa-map-o { font-size: 50px; width: 80px; } .boxed .topimg, .topimg { margin: 0; } .foot-bar { width: 100%; } .tafo { width: 150px; } .ag-two { margin: 0 185px 20px 0; } .twocon { padding: 15px 20px; } .bloginn h3 { font: 700 45px/1.2 'Roboto', sans-serif; } .foot-inn .widget_slidemod.widget h3 { padding: 0; } .foot-inn .widget_slidemod .owl-carousel .item .ssstat { top: 12px; left: -58px; padding: 0 12px; font: bold 12px/24px 'Open Sans'; } .widget_slidemod .bpstype { float: none; display: block; line-height: 1.6; } #sidebar { width: auto; margin: 0 -15px; } .widget { margin-bottom: 0; padding: 15px; } } @media screen and (max-width:768px) { .delist { width: 33.33%; float: left; } /*.ragen { width: 50%; }*/ } @media screen and (max-width:640px) { .nofixed .mob { top: 60px; } .fixed .mob { top: 60px; } .wrapper { padding: 60px 0 0; } .ltop ul li { width: 48%; } .logo-img { padding: 10px 10px; } .logo { height: 60px; } .logo img { max-height: 50px; } .mob { top: 60px; } .relat { display: block; } .men { height: 60px; } .ca { top: 12px; } .latest { padding: 20px 0 10px; } .blog-content { padding: 30px; } .sideal { margin: -30px -30px 0; } .spsos .fa { height: 30px; line-height: 30px; width: 30px; font-size: 20px; border-radius: 2px; } .eventlay { position: relative; background: rgba(0, 0, 0, 1); } .dag { width: 100%; } .boxed .ledag { margin: 0 20px; } .dehalf { width: 50%; float: left; } .ragen { margin: 0 auto; float: none; width: 100%; } .fosearch .search-post { height: 38px; width: 330px; } .dess .yvid { height: 300px; } .blog-content .post-rel { width: 100%; } .blog-content .relth { width: 33.33%; float: left; margin: 0 20px 20px 0; } .bcon { width: 100%; float: left; } .tafo { width: 215px; top: 30px; } .ag-two { margin: 0 230px 20px 0; } .ag-two h2 { padding: 25px 20px 15px 0; } .tbio { position: relative; right: 0; top: auto; opacity: 1; transform: scale(1); width: auto; margin: 0; } .tbio .inbio { padding: 20px 0; } .tbio .inbio:after { display: none; } .evblock { padding: 20px 15px; } .twoim { margin: 0 -15px; } .dealpar .container.addt { padding: 0 0 40px; } .ablock, .hoven { width: 100%; float: none; } .abefore .blog-content { padding: 20px 15px; } .bloginn { padding: 100px 0 80px; max-width: 500px; } .bloginn h3 { font: 700 35px/1.2 'Roboto', sans-serif; } .abefore h3 { font-size: 35px; } .ragen { padding: 40px 0 0; } .widget_slidemod .bstitle a { font: bold 12px/25px 'Roboto'; } .widget_slidemod .bsprice { font-size: 12px; } .foot-inn .widget_slidemod .bstitle a { font: bold 12px/25px 'Roboto'; } .foot-inn .widget_slidemod .bsprice { font-size: 12px; } } @media screen and (max-width:600px) { .relat { display: block; } .tf-inn { padding: 20px 0; } .fosos { width: 100%; float: none; text-align: center; } .fosearch { width: 100%; float: right; padding: 20px 0 0 0; } .fosearch .search-post { height: 38px; width: 100%; } .fosearch .divin { width: 70%; } .fosearch .divsel { float: left; width: 26%; } .hm { display: none; } .mexc h2 { font-size: 30px; } .breadcrumbs { padding: 30px 10px; } } @media screen and (max-width:520px) { .eveinn .td .ddt { border: 0 !important; } .eveinn .td { display: block; height: auto; } .td h4 { font: bold 20px/1.0 Montserrat; letter-spacing: 0; display: inline; } .eveinn .td .ddt { border: 0; font: bold 20px/1.0 Montserrat; } .comev { display: none; } .dehalf { width: 100%; float: none; } .delist { width: 50%; } #topsl { min-height: 100px; } .foot-bar { width: 100%; } .dess .yvid { height: 250px; } .spsos { height: 30px; float: none; display: block; padding: 0; } .blog-content blockquote { padding: 0 0 0 25px; } .spsos .fa { float: left; } .latest.owl-carousel .owl-nav .owl-prev, .latest.owl-carousel .owl-nav .owl-next { display: none; } .ag-two h2 { padding: 15px 20px 15px 0; font: bold 22px/1.2 Roboto; } .tafo { width: 160px; top: 18px; } .ag-two { margin: 0 170px 20px 0; } .twocon { padding: 10px 15px; margin: 0 8px 8px; font-size: 13px; } .tbio .inbio { font-size: 13px; } } @media screen and (max-width:480px) { .home .wrapper { padding: 0; } .boxed .dealnav .container, .dealnav .container { padding: 0; } .navinn { display: block; } .spmeta { line-height: 18px; } .spsos { padding: 8px 0 0; } .idtest { font-size: 16px; } .dealtts { padding: 30px 0; } .calendars { padding: 10px 15px; } .calendars h2 { font-size: 18px; } .timecal .fa { margin: -55px 0 0 -15px; width: 30px; height: 30px; line-height: 30px; font-size: 14px; } .wag { font-size: 12px; padding: 0 7px; } .mod-form { padding: 0; } .ragen { width: auto; float: none; padding: 20px 0 0; } .foage { margin: 0; } /*.hov { width: 220px; margin: 0 10px 0 0; float: left; } .agbio { padding: 40px 15px; margin-left: 0px; text-align: center; }*/ .mod-form .agbio { padding: 20px; margin: 0 0 0 0px; text-align: center; } .prom { margin: 10px 0 20px; } .mobi .accordion li a { line-height: 40px; } .ca .dv.sss { display: none; } .logo { display: block; } .men { position: absolute; top: 0; right: 15px; width: 40px; } .ca .dv, .ca .dv:hover { background: none; } .ca .fa { font-size: 28px; } .eventtop { margin-top: -20px; } .comev { padding: 0 7px; line-height: 30px; font-size: 11px; } .eveinn .td .ddt { display: block; text-align: center; padding: 0 0 10px; margin: 0; } .eveinn .td .ddl { text-align: center; } .td h2 { font: bold 20px/1.0 Montserrat; } .ltop h3 { font: 300 20px/50px 'Open Sans'; } .dess h3 { font: 300 20px/50px 'Open Sans'; } .boxed .slideshow, .slideshow { padding: 60px auto 0; } .boxed .ledag, .ledag { margin: 0; } .molis { margin: 0 -5px; } .boxed .sctitle, .sctitle { margin: 10px 0; } .listimg { margin: 0 5px 10px; } .ltop ul li { width: 98%; } .molis .pagination { padding: 0 5px; } .pagination a, .pagination .disabled { padding: 4px 10px; } .pagination { font: bold 12px/30px 'Open Sans', sans-serif; font-size: 12px; } .pagination span { display: none; } .timecal { font-size: 12px; } .boxed .top-foot, .top-foot { padding: 0; } .fosearch .divin { width: 70%; } .boxed .dealfoot, .dealfoot { padding: 10px 0; } .top-box .box-right .right-inn .lcar a.vm, .top-box .box-right .right-inn .lcar span { padding: 0 8px; height: 30px; line-height: 30px; } .top-box .box-right .right-inn .lcar .sos { height: 34px; line-height: 34px; width: 34px; font-size: 20px; } .top-box .box-right .right-inn h4 { font: bold 30px/1.2 Montserrat, Roboto, 'PT Sans', sans-serif; } .blog-content table td.tdl { display: none; } .footer { padding: 30px 15px; } .eveinn .td .ddl { padding: 0; } .dess .yvid { height: 220px; } .listimg .modets { height: 100px; } .twocon .fa { font-size: 34px; width: 34px; height: 34px; line-height: 37px; margin: 0 15px 0 0; } .mexc { margin: 0 0 40px; padding: 0; } } @media screen and (max-width:360px) { .dess .yvid { height: 160px; } .decar { padding: 0 8px 8px; } .decar .rty, .deald .rty { float: none; display: block; line-height: 1.6; } .detitle h3 { font: bold 13px/24px 'Open Sans Condensed'; } .detitle h3 span { padding: 0 8px; } .bloginn h3 { font: 700 22px/1.2 'Roboto', sans-serif; } .abefore h3 { font-size: 22px; } .leri .detitle h3 { margin: 0; position: absolute; bottom: 0; width: 100%; right: 100%; } .boxed .ledag, .ledag { margin: 0; } /* .hov { width: 160px; } .agbio { padding: 30px 15px; margin-left: 0px; }*/ .start .mli { display: none; } .start .typ { display: block; } .start .typ em { display: none; } .mod-form .hov { width: 165px; margin: 0; } .mod-form .agbio { padding: 20px 10px; margin: 0 0 0 0px; } .bio.nm { display: none; } .bio.mhd .fa { display: none; } .bio .fa { width: 15px; } .bio { margin: 8px 0; } .td h4, .eveinn .td .ddt { font: bold 16px/1.0 Montserrat; } .td h2 { font: bold 16px/1.0 Montserrat; } .eveinn .td .ddl { font-size: 12px; } #loop { padding: 0 15px; } .blog-content { padding: 15px; } .sideal { margin: -15px -15px 0; } .blog-content h2.sptitle { font-size: 25px; } .blog-content .relth { margin: 0 15px 20px 0; } .loth { margin: 0 -15px 15px; } .mexc h2 { font-size: 25px; } .widget { padding: 20px 15px 15px; } .wimodel { margin: 0 0 15px; padding: 0 0 15px; } .widget h3, .widget-small h3 { padding: 0 15px; margin: -20px -15px 20px; } .fosearch .divin { width: 60%; } .cfleft .fa-map-o { font-size: 20px; width: 30px; } .top-box .box-right .right-inn h4 { font: bold 22px/1.2 Montserrat, Roboto, 'PT Sans', sans-serif; } .callus { position: relative; border-top: 6px solid #d33; } .callus:after { border-left: 100px solid transparent; } .tafo { position: relative; width: auto; top: 0; } .ag-two { margin: 0 0 10px 0; } .twocon { font-size: 13px; width: 40px; height: 40px; padding: 0; text-align: center; line-height: 40px; margin: 0 auto; } .twocon .fa { font-size: 24px; margin: 0 auto; line-height: 40px; float: none; } .twocon .cc { display: none; } .tbio .inbio { font-size: 12px; } .bcon { width: 16.6%; height:40px; margin: 0 0 10px; } .tafo img { width: 50%; float: left; } .tabio { padding: 15px 0; width: 50%; margin: 0 0 0 50%; } .bebio { padding: 0 10px; } .tbio { right: auto; left: 0; padding: 0 10px; } .tagen { margin: 0 0 15px; } .widget_slidemod .bsprice { font-size: 13px; } .seeall { height: 30px; line-height: 30px; padding: 0px 8px; font-size: 12px; } }