/* Theme Name: Twenty Fourteen - vThe Citizen Co-Operative Society Ltd. Theme URI: http://wordpress.org/themes/twentyfourteen Author: the WordPress team Author URI: http://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: twentyfourteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 5.0 - Navigation * 6.0 - Content * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Content Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Multisite * 11.0 - Media Queries * 12.0 - Print * ----------------------------------------------------------------------------- */ /** * 1.0 Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html * along with Nicolas Gallagher and Jonathan Neal * http://necolas.github.com/normalize.css/ and Blueprint * http://www.blueprintcss.org/ * * ----------------------------------------------------------------------------- */ 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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; vertical-align: baseline;} audio, canvas, video{display: inline-block; max-width: 100%;} html{overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:100%;} /******************************* * BODY * ----------------------------------------------------------------------------- */ body, button, input, select, textarea{color:#545454; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:normal; line-height:25px;} /******************************* * LINKS * ----------------------------------------------------------------------------- */ a{text-decoration: none;} a:focus{outline: thin dotted;} a:hover, a:active{outline: 0;} a:active, a:hover{} /******************************* * HEADINGS * ----------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6{clear:both; font-weight:700; margin:0px 0px 0px;} h1{font-size: 26px; line-height: 1.3846153846;} h2{font-size: 24px; line-height: 1;} h3{font-size: 22px; line-height: 1.0909090909;} h4{font-size: 20px; line-height: 1.2;} h5{font-size: 18px; line-height: 1.3333333333;} h6{font-size: 16px; line-height: 1.5;} /******************************* * ATTRIBUTES * ----------------------------------------------------------------------------- */ address{font-style: italic; margin-bottom: 24px;} abbr[title]{border-bottom: 1px dotted #2b2b2b; cursor: help;} b, strong{font-weight: 700;} cite, dfn, em, i{font-style: italic;} mark, ins{background: #fff9c0; text-decoration: none;} p{margin-bottom: 24px;} code, kbd, tt, var, samp, pre{font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6;} pre{border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;} blockquote, q{-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ""; content: none;} blockquote{color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin-bottom: 24px;} blockquote cite, blockquote small{color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5;} blockquote em, blockquote i, blockquote cite{font-style: normal;} blockquote strong, blockquote b{font-weight: 400;} small{font-size: smaller;} big{font-size: 125%;} sup, sub{font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;} sup{bottom: 1ex;} sub{top: .5ex;} dl{margin-bottom: 24px;} dt{font-weight: bold;} dd{margin-bottom: 24px;} ul, ol{list-style: none; margin: 0 0 24px 20px;} ul{list-style: disc;} ol{list-style: decimal;} li > ul, li > ol{margin: 0 0 0 20px;} img{-ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;} figure{margin: 0;} fieldset{border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0;} legend{white-space: normal;} button, input, select, textarea{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;} button, input{line-height: normal;} input, textarea{background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */} button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button; cursor: pointer;} button[disabled], input[disabled]{cursor: default;} input[type="checkbox"], input[type="radio"]{padding: 0;} input[type="search"]{-webkit-appearance: textfield;} input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner{border: 0; padding: 0;} textarea{overflow: auto; vertical-align: top;} table, th, td{border: 1px solid rgba(0, 0, 0, 0.1);} table{border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%;} caption, th, td{font-weight: normal; text-align: center;} th{border-width: 0 1px 1px 0; font-weight: bold;} td{border-width: 0 1px 1px 0;} del{color: #767676;} hr{background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px;} table tr:nth-child(2n) { background-color: #f1f1f1; } table .heading{ background:#053afa; color:#fff; font-weight:700;font-family: 'Lora', serif; text-align:center; text-transform:uppercase; font-size:20px;} /******************************* * ALIGNMENT * ----------------------------------------------------------------------------- */ .alignleft{float: left;} .alignright{float: right;} .aligncenter{display: block; margin-left: auto; margin-right: auto;} /******************************* Support a widely-adopted but non-standard selector for text selection styles * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898. */ ::selection{background:#535353; color:#fff; text-shadow: none;} ::-moz-selection{background:#535353; color:#fff; text-shadow: none;} /******************************* * 11.0 Media Queries * ----------------------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See http://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport{width: device-width;} @viewport{width: device-width;} /******************************* Input fields */ input, textarea{border:1px solid #e0e0e0; border-radius:0px; color:#2a2a2a; padding: 8px 10px 7px; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} textarea{width: 100%; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} input:focus, textarea:focus{border:1px solid #ff6c00; outline:0; color:#ff6c00;} input.submit{background:#f00; display:block;border-radius:10px; color: #fff; font-weight:bold; padding: 10px;-webkit-box-shadow: 0px 6px 0px 0px rgba(158, 0, 0, 1); -moz-box-shadow: 0px 6px 0px 0px rgba(158, 0, 0, 1); box-shadow: 0px 6px 0px 0px rgba(158, 0, 0, 1); border:1px solid #f00; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease;} input.submit:hover{background:#053afa; color: #fff; border:1px solid #053afa; position:relative; top:3px; -webkit-box-shadow: 0px 3px 0px 0px rgba(15, 39, 125, 1); -moz-box-shadow: 0px 3px 0px 0px rgba(15, 39, 125, 1); box-shadow: 0px 3px 0px 0px rgba(15, 39, 125, 1);} /******************************* * NEW CSS * ----------------------------------------------------------------------------- */ body{background:#FFF; margin:0px auto; padding:0px; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} #main-page{background:#FFF; margin:0px auto 0px; padding:0px 0px 0px 0px; position:relative; z-index:1;} /*** HEADER **/ #topbar{background:#0f277d; width:100%; min-height:31px; margin:0px auto; padding:0px;} #topbar .top-main{ text-transform:uppercase;width:100%; max-width:1200px; margin:0px auto; line-height:21px; display:block; padding:0px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#bbbbbb; text-align:right;} #topbar .top-main span{font-family: 'Lora', serif; font-size:15px; font-weight:700; color:#fff; text-transform:uppercase;} #topbar .top-main a{color:#bbbbbb; } #topbar .top-main a:hover{color:#fff;} #topbar .top-main .infotop{ float:right; margin:4px 29px 0 0; text-transform: lowercase;} #topbar .top-main .infotop .lefttop{ margin:0 16px 0 0; padding:0px; float: left;} #topbar .top-main .infotop .righttop{ margin:0px; padding:0px; float: left;} #topbar .topnav{ float:right; margin-top: 10px;} #topbar .topnav ul { text-align:center; list-style:none; margin:0px; padding:0px;} #topbar .topnav ul li { list-style:none; margin:5px 8px 0; padding:0px; display:inline-block; float:none; color:#0f277d;font-family:'PT Sans', sans-serif; font-size:13px;} #topbar .topnav ul li a{ color:#0f277d;font-family:'PT Sans', sans-serif; font-size:13px;} #topbar .topnav ul li a:hover{ color:#fd0f0f;font-family:'PT Sans', sans-serif; font-size:13px;} .topnav{ float:right; background:#fff;-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; width:283px; min-height:32px;} header{margin:0px auto; padding:0px; width:100%; height:auto; min-height: 478px; padding: 0; position: relative;} #page-inner header { min-height:inherit;} #content .button{ padding:0px; margin:15px 0 0; width:200px; text-align:center; text-transform:uppercase; } #content .button > a { background:#f00; display:block;border-radius:10px; color: #fff; font-weight:bold; padding: 10px;-webkit-box-shadow: 0px 6px 0px 0px rgba(158, 0, 0, 1); -moz-box-shadow: 0px 6px 0px 0px rgba(158, 0, 0, 1); box-shadow: 0px 6px 0px 0px rgba(158, 0, 0, 1); border:1px solid #f00;} #content .button > a:hover { background:#053afa; color: #fff; border:1px solid #053afa; position:relative; top:3px; -webkit-box-shadow: 0px 3px 0px 0px rgba(15, 39, 125, 1); -moz-box-shadow: 0px 3px 0px 0px rgba(15, 39, 125, 1); box-shadow: 0px 3px 0px 0px rgba(15, 39, 125, 1);} /*.header-main{margin:-37px auto 0; padding:0px; width:100%; height:auto; position:absolute; z-index:-1; background:#053afa; min-height:521px;}*/ .header-main{margin:-37px auto 0; padding:0px; width:100%; height:auto; position:absolute; z-index:-1; background:#0065b3; min-height:521px;} .header-main img{margin:0px auto; padding:0px; width:100%;} #rev_slider_1_1_wrapper{z-index:0 !important;} marquee {bottom: 22px; position: absolute; font-family: 'Lora', serif; font-size:30px; font-weight:700; text-align:center; text-transform:uppercase; color:#fff;bottom: 38px;} .headerright { float: right;width: 22%;} .lady{ float:left;} .phone {font-family: 'Open Sans', sans-serif;font-size:16px; color: #000; font-weight:700; text-align: right;text-transform: uppercase; margin:7px 0 0 0; } /*** LOGO **/ #logo-bg{/*background:#FFF; */margin:0px auto; padding:0px 0px; width:100%; min-height:62px; z-index: 3;} #logo-bg .logo-main{width:100%; max-width:1200px; background:url(images/topbg.png) bottom 50px no-repeat; margin:0px auto; display:block; padding:0px;} .site-title{ float:left; line-height:78px; margin:-17px 0 0 0; width: 60%;} .logo{ float:left; } .cname{font-family: 'Lora', serif; font-size:26px; color:#053afa; text-transform:uppercase; line-height:37px; margin: 35px 0 0 12px; float: left; font-weight:bold;} .cname a{color:#053afa;} .cname a:hover{color:#000;} .slogan{font-family: 'PT Sans', sans-serif; font-size:19px; color: #000; text-transform: lowercase; font-weight: normal;} .slogan span{ text-transform:uppercase;} .slogan a{color:#053afa;} .slogan a:hover{color:#053afa;} /*** SEARCHBOX **/ #searchform{ width:184px; height:36px;} #searchform #s{ width:145px; height:36px; float:left; background:#fd0e0e; border:0px; margin:0px;font-family: 'Lora', serif; font-size:15px; color:#fff;} #searchbutton{ background:url(images/search.png) top center no-repeat; height:36px; width:39px; float:left; border:0px;} #search-container{width:auto; height:40px; float:right; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px;} .search-box{width:auto; height:auto; margin:0px auto 0px; padding:0px;} form.search-form{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:right;} .screen-reader-text { display:none; } .search-box input { outline: none; } .search-box input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; } .search-box input::-webkit-search-decoration, input::-webkit-search-cancel-button {display:none;} .search-box input[type=search] {float:left; margin:0px 0px 0px 0px; padding:7px; width:26px; height:26px; border:none; font-family: 'Open Sans', sans-serif; font-size:14px; color:transparent; font-weight:normal; background:rgba(255, 255, 255, 0) url(images/search.png) center center no-repeat; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s;} .search-box input[type=search]:hover{background:rgba(255, 255, 255, 1) url(images/search-rl.png) center center no-repeat;} .search-box input[type=search]:focus{width:100px; padding-left:12px; color:#353535; background-color:rgba(255, 255, 255, 0.3); background-position:center right; cursor:auto;} .search-box input:-moz-placeholder{color:transparent;} .search-box input::-webkit-input-placeholder{color:transparent;} .search-box input[type=submit] {display:none;/*float:right; background:url(images/search.png) center left no-repeat; width:31px; height:31px; border:none; box-shadow:rgba(0, 0, 0, 0.0) 0 0 0px, #fff 0 0 0px inset; font-size:0px; padding:0px; margin:0px 8px 0px 0px; cursor:pointer;*/} #search-box input[type=submit]:hover{} /***** NAVIGATION *****/ .icon { float: left; margin: 17px 23px;} .menu-toggle, .skip-link{display:none;} nav{position:relative; width: 100%; margin:0 auto; height:70px; float: left; padding:0px; background:#0f277d;} .menu-responsive-menu-container{width:100%; margin:0px auto; padding:0px;} .nav-menu{ height:78px; margin:16px auto 0; padding:0px;} /*------------------------------ Nav main li css ------------------------------*/ nav ul{float:left; list-style:none; padding:0px 0px; margin:0px 0 0 0; display:inline-block;} nav ul li{display:block; padding:0px 18px 0px 18px; margin:0px 0px 0px 1px; position:relative; float:left;} .ie7 nav ul li{margin:-1px 0px 0px;} /*------------------------------ Nav main li a css ------------------------------*/ nav ul li a{display:block; padding:5px 0 4px; font-size:15px; font-family: 'PT Sans', sans-serif; color:#ffffff; font-weight:400; text-transform:uppercase; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} nav ul li:hover, nav ul li.current_page_item, nav ul li.current_page_ancestor{margin:0px 0px 0px 1px; background:#fd0f0f;} nav ul li:hover a, nav ul li.current_page_item a, nav ul li.current_page_ancestor a{color:#fff; text-decoration:none; padding:0px 0px 0px 0px;} /*------------------------------ SubNav li css ------------------------------*/ nav ul li > ul{position:absolute; top:100%; left:0px; width:236px; height:auto; display:none; padding:0px; border:1px solid #f5f5f5; border-top:5px solid #ff6c00; list-style:none; z-index:1;} nav ul li > ul li:nth-child(1){broder:none;} nav ul li > ul li{border-bottom:none; position:relative; margin:0px; padding:9px 9%; background:#fff; border-top:1px solid #f5f5f5; width:82%; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} /*------------------------------ SubNav li a css ------------------------------*/ nav ul li ul li a{display:block; font-size:15px; margin:0px; padding:9px 0px; color:#353535; display:block; font-family:'Open Sans', sans-serif; font-weight:300; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} nav ul li ul li:hover, nav ul li ul li.current_page_item, nav ul li ul li.current_page_ancestor{margin:0px; padding:0px 9%; background-color:#ff6c00; color:#fff; background-image:none;} nav ul li ul li:hover a, nav ul li ul li.current_page_item a, nav ul li ul li.current_page_ancestor a{color:#353535; text-decoration:none; padding: 0px 9%;} /*------------------------------ SubChildNav li css ------------------------------*/ nav ul li > ul li ul{position:absolute; top:0; width:250px; height:auto; display:none; margin:0px; padding:0px; border:1px solid #f5f5f5; border-top:0px solid #ff6c00; list-style:none; z-index:1;} nav ul li > ul li ul li:nth-child(1){broder:none;} nav ul li > ul li ul li{border-bottom:none; position:relative; margin:0px; padding:9px 9%; background:#fff; border-top:1px solid #f5f5f5; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} nav ul li ul li ul li:hover, nav ul li ul li ul li.current_page_item, nav ul li ul li ul li.current_page_ancestor{margin:0px; padding:0px 0px; background-color:#ff6c00; color:#fff; background-image:none;} /*------------------------------ SubChildNav li a css ------------------------------*/ nav ul li ul li ul li a{display:block; font-size:15px; margin:0px; padding:9px 0px; color:#353535; display:block; font-family:'Open Sans', sans-serif; font-weight:300; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} nav ul li ul li ul li:hover a, nav ul li ul li ul li.current_page_item a, nav ul li ul li ul li.current_page_ancestor a{color:#fff; text-decoration:none; padding:0px 0px;} /*------------------------------ SubNav default css ------------------------------*/ nav ul li:hover ul, nav ul li ul li:hover ul{display:block;} nav ul li ul{top:100%; left:0px; display:none; position:absolute;} nav ul li ul ul{top:-6px; left:200px; width:236px; display:none; position:absolute;} nav ul li ul ul ul{top:-6px; left:200px; width:236px; display:none; position:absolute;} .ie7 nav ul li ul ul{top:1px;} nav > ul > li > ul > li > a:hover > ul {top:0; left:200px;display: block; position:absolute;} /* Only Chrome & Safari Browser CSS */ @media screen and (-webkit-min-device-pixel-ratio:0) { nav ul li > a{padding:25px 0px 26px 0px;} nav ul li ul li > a, nav ul li ul li ul li > a{padding:9px 9%;} nav ul li:hover > a, nav ul li.current_page_item > a, nav ul li.current_page_ancestor > a{padding:33px 0px 20px 0px;} nav ul li ul li:hover > a, nav ul li ul li.current_page_item > a, nav ul li ul li.current_page_ancestor > a{padding:9px 9%;} nav ul li ul li ul li:hover > a, nav ul li ul li ul li.current_page_item > a, nav ul li ul li ul li.current_page_ancestor > a{padding:9px 9%;} } /* Only IE Browser CSS */ @media screen and (min-width:0) { /* IE9 and IE10 rule sets go here */ /*nav ul li > a{padding:3px 10px 6px;}*/ nav ul li ul li > a, nav ul li ul li ul li > a{padding:9px 9%;} nav ul li ul li ul { display: none; left: 236px; position: absolute; top: 0; } /*nav ul li:hover > a, nav ul li.current_page_item > a, nav ul li.current_page_ancestor > a{padding:3px 10px 6px;}*/ nav ul li ul li:hover > a, nav ul li ul li.current_page_item > a, nav ul li ul li.current_page_ancestor > a{padding:9px 9%;} nav ul li ul li ul li:hover > a, nav ul li ul li ul li.current_page_item > a, nav ul li ul li ul li.current_page_ancestor > a{padding:9px 9%;} nav ul li ul li ul {top:0; left:200px; display:none !important; position:absolute;} nav ul li ul li:hover ul {top:0; left:200px; display:block !important; position:absolute;} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { } /*** RIGHT SIDEBAR **/ .man{ position:absolute;top: -447px; left: -50px; display:none;} #middle{ margin:0 auto; max-width:1200px;} #right-sidebar{ background:url(images/servicebg.jpg) top center no-repeat; position:relative;margin:-20px 0 0 0; float: left; padding:0px 0px 0px 0px; width:100%; min-height:443px; } #right-sidebar aside h1{font-weight:600; font-family:'ITC Avant Garde Pro Bk', Arial, Helvetica, sans-serif; font-size:39px; text-align:center; text-transform:uppercase; padding:0px 15px 0px 15px; margin:0px auto 36px; color:#fff; line-height:74px; background-color:rgba(15, 39, 125, 0.8); display:table; position:relative;} #right-sidebar aside .title{top: 43%; width:94%; font-family:'Open Sans', sans-serif; font-size:20px; font-weight:700; text-align:center; text-transform:uppercase; position:absolute; margin:0px; color:#fff; line-height:25px; display:table; z-index: 1} #right-sidebar aside .title a{ display:block; color:#fff;background-color:rgba(15, 39, 125, 0.8); padding: 12px 0;} #right-sidebar aside .title a:hover{ display:block; color:#ccc; background-color:rgba(253, 15, 15, 0.8); } #right-sidebar span.orange{color:#ff6c00; text-transform:uppercase;} #right-sidebar span.black{color:#444444;} .arrow { margin: 33px 0 0 0; position: relative; z-index:1; text-align: center;} #what h2{ color: hsl(0, 0%, 100%); font-family: 'Lora', serif; text-transform:uppercase;line-height: 1; margin: 50px 0 0 0; z-index: 2; font-size:46px; font-weight:400;text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); text-align:center;} #what{ width: 100%; float:left; background: url(images/whatbg.jpg) top center no-repeat; min-height:148px;} #whatmiddle{ max-width:1200px; margin:0 auto;position: relative;} #right-sidebar aside{margin:7% 10px 0; padding:0px; float: left; width:23%; position:relative;} #right-sidebar aside h2{font-weight:400; font-family:'PT Serif', serif; font-size:19px; text-align:center; text-transform:uppercase; padding:0px 0px 0px 0px; margin:0px auto 0px; color:#fff; line-height:52px; background-color:#717171; display:table; width:100%;} #right-sidebar aside .services-img{min-height:183px; height:inherit;} #right-sidebar aside img{margin:0px; padding:0px; } #right-sidebar aside .services-img a{font-weight:400; font-family:'Open Sans', sans-serif; font-size:90px; text-align:center; background-color:rgba(0, 0, 0, 0.5); padding:83px 0px 0px; position:relative; z-index:1; color:#FFF; min-height:100px; width:100%; display:grid; opacity:0;} #right-sidebar aside a:hover{opacity:1;} #right-sidebar aside .img { float: left; padding: 0; position: relative;} .thumbnail { border-radius: 50%; height: 260px; width: 260px;} .thumbnail:hover img{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);} #right-sidebar aside .img img{ border-radius:50%;-webkit-box-shadow: -1px 5px 6px 0px rgba(0, 0, 0, 0.43); -moz-box-shadow: -1px 5px 6px 0px rgba(0, 0, 0, 0.43); box-shadow: -1px 5px 6px 0px rgba(0, 0, 0, 0.43);} /*** BOXES **/ #boxes{margin:69px auto 0px; padding:0px; width:100%;} #boxes-sidebar{margin:0px auto; padding:0px;} #boxes-sidebar aside{margin:0px; padding:0px; float:left; width:25%; text-align:center;} #boxes-sidebar aside .box-img:nth-child(1){margin:0px;} /***** BOXES ANIMATION *****/ .info span.more-button a, .info span.plus a{position:absolute; height:100%; display:table; width:100%; font-size:50px; color:#FFF;} .container{position:relative; cursor:pointer; width:100%; min-height:317px; height:auto; margin:0px 0px 0px 0px; padding:0px; display:inline-block; background:#000;} .container img.img-responsive{display:block; width:100%; height:auto; position:absolute; left:0; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ -webkit-transition:all 0.4s linear 0s; -moz-transition:all 0.4s linear 0s; -o-transition:all 0.4s linear 0s; transition:all 0.4s linear 0s;} .container:hover img.img-responsive{-webkit-transition:all .4s linear; transition:all .4s linear; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */} .container .overlay{opacity:1; position:absolute; display:inline-table; top:0; bottom:0; left:0; right:0; height:100%; width:100%; float:left; cursor:default; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out;} .container:hover .overlay{opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; float:left; cursor:default; overflow:hidden; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out;} .container .overlay .info h1{font-weight:600; font-family:'ITC Avant Garde Pro Bk', Arial, Helvetica, sans-serif; font-size:24px; text-transform:uppercase; padding:0px 0px 9px 0px; margin:0px 0px 0px 0px; color:#FFF; line-height:44px; display:block;} .container .overlay .info span.more-button{margin:0px; padding:0px; left:30%; width:130px; float:left; position:relative;} .container .overlay .info span.more-button a{font-family:'Open Sans', sans-serif; font-size:15px; text-transform:uppercase; background:rgba(0, 0, 0, 0.4); border:1px solid #FFF; padding:5px 12px; color:#FFF; display:inline-table;} .container .overlay-hover{opacity:0; position:absolute; display:inline-table; top:0; bottom:0; left:0; right:0; height:100%; width:100%; overflow:hidden; float:left; cursor:default; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out;} .container:hover .overlay-hover{opacity:1; position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; float:left; cursor:default; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out;} .container:hover .overlay-hover .info h1{font-weight:600; font-family:'ITC Avant Garde Pro Bk', Arial, Helvetica, sans-serif; font-size:24px; text-transform:uppercase; padding:0px 0px 9px 0px; margin:0px 0px 0px 0px; color:#FFF; line-height:44px; display:block;} .container:hover .overlay-hover .info h1 span.thick-line{margin:0px auto; padding:0px; width:68px; height:5px; background:#ff6c00; display:block;} .container:hover .overlay-hover .info p{font-family:'PT Serif', serif; font-size:15px; line-height:24px; width:90%; display:inline-block;} .info{color: white; font-size:20px; position:absolute; top:42%; left:50%; width:100%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);} /*** CONTENT **/ #page{width:100%; margin:0px auto; padding:0px; height:auto;} #page-inner{width:100%; margin:0px auto; padding:0px; border-top:0px solid #ff6c00;} #main{width:100%; max-width:1200px; margin:0px auto; padding:0px 0px;} #main-content, #primary{float:left; width:100%; margin:0px; padding:0px;} .entry-content{width:100%; margin:0px auto 0px; padding:0px 0px; float:left;} .entry-header{width:100%; margin:0px auto; padding:0px;} .entry-header-blog{width:100%; height:auto; margin:0px auto; padding:0px;} #post-1 .entry-header{width:100%; height:auto; margin:0px auto; padding:0px;} .clear{clear:both;} #content{margin:50px auto 0px; padding:0px 0px 0px; text-align:justify; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height:27px;} #content span.orange{color:#ff6c00;} #content span.bold{font-weight:bold;} #content span.black{color:#444444; font-family:'PT Serif', serif; font-size:16px;} /*#content strong{color:#2d2d2d; font-family:'Open Sans', sans-serif; font-size:14px; font-weight:700;}*/ #content header{background:none;} #content a{color:#2d2d2d;} #content a:hover{color:#fd0f0f;} #content p{margin:15px 0px 0px 0px; line-height:25px; font-size:14px;} #content p:nth-child(1){margin:0px;} #content span.contact{background:#f0f0f0 url(images/phone-icon.png) left top no-repeat; margin:25px 0px 0px; padding:20px 50px 20px 133px; color:#757575; font-family:'PT Serif', serif; font-style:italic; line-height:27px; font-size:16px; display:inline-block; width:38%;} #content .leftimg{float:left; margin:5px 43px 0px 0px; padding:0px;} .home #content .rightimg{float:right; margin: 0px 0 17px 43px; padding:0px;} #content .rightimg{float:right; margin: -87px 0 17px 43px; padding:0px;} #content .leftimg1{float:left; margin:5px 17px 17px 0px; padding:0px; border:4px solid #fff;} .rightimg{ float:right; margin:-50px 0 0 0; } .more{font-family:'Open Sans', sans-serif; font-size:16px; color:#fd0f0f; margin: 20px 0;} #content .more a{font-family:'Open Sans', sans-serif; font-size:16px; color:#fd0f0f; text-decoration:underline;} #content .more a:hover{font-family:'Open Sans', sans-serif; font-size:16px; color:#000;} #content .featuremiddle .more{font-family:'Open Sans', sans-serif; font-size:16px; color:#fd0f0f; margin: 20px 0;} #content .featuremiddle .more a{font-family:'Open Sans', sans-serif; font-size:16px; color:#fd0f0f; text-decoration:underline;} #content .featuremiddle .more a:hover{font-family:'Open Sans', sans-serif; font-size:16px; color:#000;} #content h2{font-family: 'Lora', serif; font-weight:700; font-size:25px; color:#053afa; margin:30px 0px 20px 0px; padding:0px 0px 0px 0px; text-align:left; text-transform:uppercase; line-height:27px; text-align:left;} #content .newscheme{ background:#f00; font-style:italic; text-align: center; padding:10px 0; color:#fff; border:1px dashed #fff;} #content .newscheme h2{color:#fff; text-align:center;} #content h2 span{font-size:20px; color:#000; display:block; font-weight:normal;} #content h2.comments-title{font-size:23px; padding:0px; color:#ff6c00;} #content h3{font-family: 'Lora', serif; font-weight:700; font-size:25px; color:#fd0f0f; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; text-transform:uppercase; line-height:27px; text-align:left; font-weight:600;} #content h4{font-family:'Open Sans', sans-serif; font-size:20px; color:#2d2d2d; margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:27px; font-weight:600; text-align:left;} #content h5{font-family:'Open Sans', sans-serif; font-size:20px; color:#ff6c00; margin:0px 0px 7px 0px; padding:0px 0px 0px 0px; line-height:27px; font-weight:600; text-align:left;} #content h6{font-family:'Open Sans', sans-serif; font-size:18px; color:#2d2d2d; margin:0px 0px 7px 0px; padding:0px 0px 0px 0px; line-height:27px; font-weight:400; text-align:left;} .rightimg{float:right; margin:7px 0px 0px 27px; padding:0px;} .infop{font-family: 'Lora', serif; font-weight:700; font-size:20px; color:#fd0f0f; margin: 25px 0 5px 0;} .infop a{ color:#000;} .tel{ color:#000;} .branches{} .branches .timage img{ padding:10px; border:1px dotted #0f277d; background:#fff;} .branches .bname { background:#f5f5f5;border-bottom: 0px solid #0f277d; padding: 10px 20px;} .branches .bname {background:#fff;border-bottom: 0px solid #0f277d; padding: 10px 20px; font-weight:bold; text-transform:uppercase;} .branches .bcode {background:#f5f5f5; border-bottom: 0px solid #0f277d; padding: 10px 20px;} .branches .bmanager {background:#fff;border-bottom: 0px solid #0f277d; padding: 10px 20px;} .branches .badd {background:#f5f5f5; border-bottom: 0px solid #0f277d; padding: 10px 20px;} .branches .bmail {background:#fff; border-bottom: 0px solid #0f277d; padding: 10px 20px;} .branches .bmob {background:#f5f5f5; border-bottom: 0px solid #0f277d; padding: 10px 20px;} .branches .btel {background:#fff; border-bottom: 0px solid #0f277d; padding: 10px 20px;} .branches .bestd {background:#f5f5f5; border-bottom: 0px solid #0f277d; padding: 10px 20px;} #content ul{margin:0px 0px 17px; padding:0px; list-style:none;} #content ul li{margin:0px; padding:6px 18px 6px 34px; border-top:1px solid #d4dcde; background: url(images/bullet.png) left 10px no-repeat;} #content ul li:nth-child(1){border-top:none;} #content ul.about-pics{margin:30px auto 0px; padding:0px; list-style:none; width:100%; display:inline-block;} #content ul.about-pics li{margin:12px; padding:15px; border:1px solid #d4dcde; list-style:none; float:left;} #content ul.about-pics li h3{text-align:center; padding:12px 0px 0px; font-size:23px; font-weight:800;} #content ul.about-pics li br{display:none;} #content .financial ul{margin:0px 0px 17px; padding:0px; list-style:none;} #content .financial ul li{margin:0px; padding:6px 18px 6px 34px; border-top:1px solid #d4dcde; background: url(../../../pdf.png) left 10px no-repeat;} #content .financial ul li:nth-child(1){border-top:none;} #content .financial ul li a{ font-size:17px; color:#fd0f0f;} #content .financial ul li a:hover{ font-size:17px; color:#0f277d;} #content ul.rooms-gallery{margin:0px 0px 17px; padding:0px; list-style:none; display:inline-block;} #content ul.rooms-gallery li{margin:0px; padding:15px 1%; list-style:none; float:left; width:23%; border:none;} #content ul.rooms-gallery li img{float:left; margin:0px 0px 0px 0px; padding:0px; width:100%; border:4px solid #3b301d; -webkit-box-shadow: inset 0px 18px 0px 0px rgba(73, 56, 5, 0.75); -moz-box-shadow: inset 0px 18px 0px 0px rgba(73, 56, 5, 0.75); box-shadow: inset 0px 18px 0px 0px rgba(73, 56, 5, 0.75);} #content ul.rooms-gallery li:nth-child(1){border-top:none;} .entry-content-home{width:100%; margin:0px 0px 0px 0px; padding:0px 0px; float:left;} #content .entry-content-home h1{ font-weight:600; background: url(images/h1bg.jpg) top left no-repeat;color:#102374; font-size:26px; margin:0px auto 25px; padding:0 0 0 49px; font-family: 'Lora', serif; display:block; line-height:32px; text-transform:uppercase;} #content .entry-content h1{background: url(images/h1bg.jpg) top left no-repeat;color:#102374; font-size:28px; margin:0px auto 25px; padding:0 0 0 57px; font-family: 'Lora', serif; display:block; line-height:64px; text-transform:uppercase; font-weight:700;} #content .entry-content-home h1 span{font-family: 'Lora', serif; display:block; font-size:28px; color:#053afa;} #content .entry-content-home h1 a{color:#2d2d2d;} #content .entry-content-home h1 a:hover{color:#ff6c00;} #content h1 .entry-content a{color:#2d2d2d;} #content h1 .entry-content a:hover{color:#ff6c00;} .devider{ height:3px; border-bottom:2px dotted #fd0f0f;} #content .entry-header h1{color:#2d2d2d; font-size:29px; font-weight:300; margin:0px auto 25px; padding:0px 0px 0px 0px; font-family:'ITC Avant Garde Pro Bk', Arial, Helvetica, sans-serif; display:block; line-height:30px; text-transform:uppercase;} #content h1 .entry-header a{color:#2d2d2d;} #content h1 .entry-header a:hover{color:#ff6c00;} #contactpage .leftc{ float:left; margin-right:20px;} #contactpage .rightc{ float: right; margin-left:20px;} #content #contactpage .rightc .rightimg{ margin:0px; float:right;} #content #contactpage h2{ margin:0px 0 20px;} #content .page-header h1{color:#2d2d2d; font-size:29px; font-weight:300; margin:0px auto 25px; padding:0px 0px 0px 0px; font-family:'ITC Avant Garde Pro Bk', Arial, Helvetica, sans-serif; display:block; line-height:30px; text-transform:uppercase;} #content h1 .page-header a{color:#2d2d2d;} #content h1 .page-header a:hover{color:#ff6c00;} #content .archive-header h1{color:#2d2d2d; font-size:29px; font-weight:300; margin:0px auto 25px; padding:0px 0px 0px 0px; font-family:'ITC Avant Garde Pro Bk', Arial, Helvetica, sans-serif; display:block; line-height:30px; text-transform:uppercase;} #content h1 .archive-header a{color:#2d2d2d;} #content h1 .archive-header a:hover{color:#ff6c00;} /***** INNER PAGES *****/ #content ul.features{background:#f8f8f8; border:1px solid #d4dcde; padding:0px 0px; margin:30px auto 0px;} #content ul.features li{margin:0px; padding:7px 2%; border-top:1px solid #d4dcde; list-style:url(images/bullet2.png) inside circle; text-align:left;} #content ul.features li:nth-child(1){border:none;} #content ul.features-dec{background:#f8f8f8; border:1px solid #d4dcde; padding:0px 0px; margin:30px auto 0px;} #content ul.features-dec li{margin:0px; padding:7px 2%; border-top:1px solid #d4dcde; list-style:inside decimal; text-align:left;} #content ul.features-dec li:nth-child(1){border:none;} .left{margin:25px 0px 0px 0px; padding:0px; float:left; width:60%;} .right{margin:25px 0px 0px 0px; padding:0px; float:right; width:38%;} /***** INDOOR PAGE *****/ #indoor-propara-table{margin:30px auto 0px; padding:0px;} #indoor-propara-table ul{border:1px solid #d4dcde; border-left:none; padding:0px; margin:0px; float:left; width:16.8%; list-style:none;} #indoor-propara-table ul:nth-child(1){border-left:1px solid #d4dcde; background:#f8f8f8; font-weight:bold; font-family:'Open Sans', sans-serif; color:#5b5b5b;} #indoor-propara-table ul:nth-child(1), #indoor-propara-table ul:nth-child(2){width:16%;} #indoor-propara-table ul li{margin:0px; padding:7px 7%; border-top:1px solid #d4dcde; list-style:none;} #indoor-propara-table ul li:nth-child(1){border:none; background:#f8f8f8; font-weight:bold; font-family:'Open Sans', sans-serif; color:#5b5b5b;} #indoor-opepara-table{margin:30px auto 0px; padding:0px;} #indoor-opepara-table ul{border:1px solid #d4dcde; border-left:none; padding:0px; margin:0px; float:left; width:16.8%; list-style:none;} #indoor-opepara-table ul:nth-child(1), #indoor-opepara-table ul:nth-child(2){width:16%;} #indoor-opepara-table ul:nth-child(1){border-left:1px solid #d4dcde; background:#f8f8f8; font-weight:bold; font-family:'Open Sans', sans-serif; color:#5b5b5b;} #indoor-opepara-table ul li{margin:0px; padding:7px 7%; border-top:1px solid #d4dcde; list-style:none;} #indoor-opepara-table ul li:nth-child(1){border:none; background:#f8f8f8; font-weight:bold; font-family:'Open Sans', sans-serif; color:#5b5b5b;} #indoor-opepara-table ul li.double-rows{height:69px;} #indoor-opepara-video-table{margin:30px auto 0px; padding:0px;} #indoor-opepara-video-table ul{border:1px solid #d4dcde; border-left:none; padding:0px; margin:0px; list-style:none; width:100%; display:table;} #indoor-opepara-video-table ul:nth-child(1){border-left:1px solid #d4dcde;} #indoor-opepara-video-table ul li{margin:0px; padding:7px 1%; border-left:1px solid #d4dcde; list-style:none; width:81.6%; float:left; border-top:none;} #indoor-opepara-video-table ul li:nth-child(1){border:none; width:14%; padding:7px 1%; background:#f8f8f8; font-weight:bold; font-family:'Open Sans', sans-serif; color:#5b5b5b;} /***** OUTDOOR PAGE *****/ #product-table{margin:15px auto 0px; padding:0px;} #product-table ul{border:1px solid #d4dcde; border-left:none; padding:0px; margin:0px; float:left; width:19.9%; list-style:none;} #product-table ul:nth-child(1){border:1px solid #d4dcde;} #product-table ul li strong{font-weight:700; font-family:'Open Sans', sans-serif; color:#5b5b5b;} #product-table ul li{margin:0px; padding:7px 7%; border-top:1px solid #d4dcde; list-style:none; text-align:left;} #product-table ul li.h-bg{background:#f8f8f8;} #product-table ul li h3{font-size:18px; color:#2d2d2d; margin:0px; padding:0px; font-weight:600;} #product-table ul li h3 strong{font-size:18px; font-weight:600; font-family:'Open Sans', sans-serif; color:#ff6c00;} #product-table ul li h4.subh4{margin:15px 0px 0px 0px; color:#ff6c00; font-size:15px; font-weight:700; text-transform:uppercase; margin:0px; padding:0px;} #config-table{margin:30px auto 0px; padding:0px;} #config-table ul{border:1px solid #d4dcde; border-left:none; padding:0px; margin:0px; float:left; width:100%; list-style:none;} #config-table ul:nth-child(1){border-left:1px solid #d4dcde;} #config-table ul li{margin:0px; padding:7px 1.5%; border-top:1px solid #d4dcde; list-style:none;} #config-table ul li:nth-child(1){border:none;} /***** testimonials PAGE *****/ #testimonialsproduct-table{margin:30px auto 0px; padding:0px;} #testimonialsproduct-table ul{border:1px solid #d4dcde; padding:0px; margin:0px; list-style:none; width:33.2%; display:table; float:left; border-left:none;} #testimonialsproduct-table ul:nth-child(1){border:1px solid #d4dcde;} #testimonialsproduct-table ul li strong{font-weight:700; font-family:'Open Sans', sans-serif; color:#5b5b5b;} #testimonialsproduct-table ul li{border-top:1px solid #d4dcde; list-style:none; margin:0px; padding:7px 3%; border-left:none;} #testimonialsproduct-table ul li.h-bg{background:#f8f8f8;} #testimonialsproduct-table ul li h3{font-size:18px; color:#2d2d2d; margin:0px; padding:0px; font-weight:600;} #testimonialsproduct-table ul li h3 strong{font-size:18px; font-weight:600; font-family:'Open Sans', sans-serif; color:#ff6c00;} #testimonialsproduct-table ul li h4.subh4{margin:15px 0px 0px 0px; color:#ff6c00; font-size:15px; font-weight:700; text-transform:uppercase; margin:0px; padding:0px;} /***** DIGITAL SIDEBAR *****/ #feature-bg{width:100%; background:url(images/featurebg.jpg) top center no-repeat; min-height:473px; margin:50px auto 0px; padding:0px;} #feature-sidebar{width:100%; margin:0px auto 0px; padding:0px; background:url(images/feature-networking-pic.html) right top no-repeat; min-height:388px; height:auto; display:block; position:relative;} #feature-sidebar aside{max-width:1200px; margin:0px; float:left; padding: 50px 0; text-align:left; font-size:19px; color:#4c4c4c; line-height:30px; font-family: 'Lora', serif;display:table;} #feature-sidebar aside h1{color:#fd0f0f; font-size:28px; font-weight:700; text-transform:uppercase; margin:0px; padding:0px 0px 20px; display:block; width:100%; max-width:1200px; text-align:left;} #feature-sidebar aside p{margin:0px; padding:0px;} #feature-sidebar aside:nth-child(1){ width:45%;} #feature-sidebar aside:nth-child(2){ width:55%;} #feature-sidebar aside #feature-text{margin:0px; padding:0px; width:55%; float:left;} #feature-sidebar aside #feature-text a{color:#686868; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:400; background:#FFF; display:inline-block; padding:0px 0px 0px 15px; margin:20px 0px 0px;} #feature-sidebar aside #feature-text a span{padding:9px 0px 0px 0px; display:inline-table; text-transform:uppercase;} #feature-sidebar aside #feature-text a span.plus{background:#ff6c00; font-size:36px; width:48px; height:40px; float:right; color:#FFF; text-align:center; margin:0px 0px 0px 15px; padding:8px 0px 0px 0px;} #feature-sidebar aside #feature-text a:hover{background:#ff6c00; color:#FFF;} #feature-sidebar aside #feature-text a:hover span.plus{background:#2a2a2a;} .featuremiddle{ max-width:1200px; margin:0 auto;} .banner {text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); background:url(images/bannerbg.jpg) top center no-repeat; width:452px; height:323px;-webkit-box-shadow: -2px 4px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: -2px 4px 5px 0px rgba(0, 0, 0, 0.75); text-align:center; box-shadow: -2px 4px 5px 0px rgba(0, 0, 0, 0.75); border:1px solid #fff;} .amount{text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);font-family: 'Lora', serif; font-size:36px; color:#ffffff; margin:24px 0 0; text-transform:uppercase; line-height:44px;} .amount span{ color:#fff609;} .akshay{text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);font-family:'Open Sans', sans-serif; font-size:60px; font-weight:700; color:#fff609; text-transform:uppercase; } .deposite{text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);font-family: 'Lora', serif; font-size:30px; color:#ffffff; text-transform:uppercase; margin: 30px 0 0; line-height: 55px; } .highlights{text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; margin: 0 auto;width:253px; height:54px; background:#fd0f0f;font-family: 'Lora', serif; font-size:30px; color:#ffffff; text-transform:uppercase; -webkit-box-shadow: inset 4px 4px 23px 4px rgba(50, 50, 50, 0.75);-moz-box-shadow: inset 4px 4px 23px 4px rgba(50, 50, 50, 0.75);box-shadow: inset 4px 4px 23px 4px rgba(50, 50, 50, 0.75); border:1px solid #fff;} .featuremiddle ul{ margin:0px; padding:0px; list-style:none;} .featuremiddle ul li{ background:url(images/bullet.png) left 13px no-repeat; margin:0px; padding:0 0 0 34px; list-style:none; line-height:45px;} .highlights a{ display:block;padding: 11px 0; color:#fff;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; } .highlights a:hover{ background:#3441a9;} .loadmore{ text-align:center;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; margin: 18px auto;width:253px; background:#3441a9;font-family: 'Lora', serif; font-size:20px; color:#ffffff; text-transform:uppercase; -webkit-box-shadow: inset 4px 4px 23px 4px rgba(50, 50, 50, 0.75);-moz-box-shadow: inset 4px 4px 23px 4px rgba(50, 50, 50, 0.75);box-shadow: inset 4px 4px 23px 4px rgba(50, 50, 50, 0.75); border:1px solid #fff;} .loadmore a{ display:block;padding: 11px 0; color:#fff;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; } .loadmore a:hover{ background:#fd0f0f;} /*** SEARCHBOX **/ #orange-bar ul li #search-container-box{width:auto; height:47px; float:left; margin:20px 0px 0px 70px; padding:0px 0px 0px 0px; position:relative;} span.screen-reader-text{display:none;} .search-box-full{width:auto; height:auto; margin:0px auto 0px; padding:0px;} #search-container-box .search-box-full form.search-form{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; background-color:#FFF; width:268px; height:47px;} .search-box-full input[type=search] {float:left; margin:0px 0px 0px 0px; padding:13px 0px 12px 24px; border:none; background-color:transparent; font-family: 'Open Sans', sans-serif; font-size:14px; color:#6a6a6a;} .search-box-full input[type=search]:hover{color:#2a2a2a;} .search-box-full input[type=search]:focus{color:#2a2a2a; border-color:none;} .search-box-full input[type=submit]{background-color:transparent; background-image:url(images/search.png); background-position:center center; background-repeat:no-repeat; width:47px; height:47px; font-size:0px; float:right; border:none;} #search-box-full input[type=submit]:hover{background-image:url(images/search-rl.png);} /***** testimonials SIDEBAR *****/ #testimonials-bg{ display:none;margin:0px auto 0px; padding:30px 0px 0px 0px; width:100%; min-height:270px; background:#fff url(images/teambg.png) bottom left no-repeat; } #testimonials-sidebar{ margin:0 auto; max-width:1200px;} #testimonials-sidebar aside{ background:#f8f8f8;max-width:540px; min-height:287px; margin:20px 10px 0px 10px; padding:15px; text-align:left; font-size:13px; font-family:'Open Sans', sans-serif;;display:table; float:left; color:#000;} #testimonials-sidebar h1{ text-align:center;font-weight:700;font-family: 'Lora', serif; font-size:26px; text-align:center; text-transform:uppercase; padding:20px 0px 0px 0px; margin:0px auto 0px; color:#102374; line-height:52px; display:table; position:relative;} #testimonials-sidebar h1::before{ content:url(images/headinglogo.png); position:absolute;left: 38%; top: -80px;} #testimonials-sidebar aside:nth-child(2){margin:20px 10px 0px 0px; } #testimonials-sidebar aside:nth-child(2) .testimonialimg{ float:left; margin:0 20px 0 0px;} #testimonials-sidebar aside:nth-child(2) .testimonialdesc{ text-align:justify; margin:0px 0 20px 0; padding:0px;} #testimonials-sidebar aside:nth-child(2) .author{ font-weight:700; text-align:right; text-transform:uppercase;} #testimonials-sidebar aside:nth-child(3){margin:20px 0px 0px 10px; } #testimonials-sidebar aside:nth-child(3) .testimonialimg{ float:right; margin:0 0px 0 20px;} #testimonials-sidebar aside:nth-child(3) .testimonialdesc{ text-align:justify; margin:0px 0 20px 0; padding:0px;} #testimonials-sidebar aside:nth-child(3) .author{ font-weight:700; text-align:left; text-transform:uppercase;} #testimonials-sidebar aside h1{color:#FFF; font-size:40px; font-family:'ITC Avant Garde Pro Bk', Arial, Helvetica, sans-serif; font-weight:300; text-transform:uppercase; margin:0px; padding:0px 0px 20px; display:block; width:100%; max-width:1200px; text-align:left;} #testimonials-sidebar aside p{margin:0px; padding:0px;} #testimonials-sidebar aside #testimonials-text{margin:0px; padding:0px; width:51%; float:right;} #testimonials-sidebar aside #testimonials-text a{color:#686868; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:400; background:#FFF; display:inline-block; padding:0px 0px 0px 15px; margin:20px 0px 0px;} #testimonials-sidebar aside #testimonials-text a span{padding:9px 0px 0px 0px; display:inline-table; text-transform:uppercase;} #testimonials-sidebar aside #testimonials-text a span.plus{background:#ff6c00; font-size:36px; width:48px; height:40px; float:right; color:#FFF; text-align:center; margin:0px 0px 0px 15px; padding:8px 0px 0px 0px;} #testimonials-sidebar aside #testimonials-text a:hover{background:#ff6c00; color:#FFF;} #testimonials-sidebar aside #testimonials-text a:hover span.plus{background:#2a2a2a;} /*** ABOUT BOXES SIDEBAR **/ #team-sidebar{margin:0px auto 0px; padding:30px 0 60px; width:100%;/* min-height:504px;*/ background:#fd0f0f url(images/teambg.png) bottom left no-repeat; } #team-sidebar .team{ max-width:1200px; margin:0 auto;} #team-sidebar aside:nth-child(1){margin:0px;} #team-sidebar aside{margin:15px 10px 0; padding:0px; float:left; width:210px; border:0px solid #bdbdbd; height:288px; background:#f8f8f8;} #team-sidebar h1{ text-align:center;font-weight:700;font-family: 'Lora', serif; font-size:26px; text-align:center; text-transform:uppercase; padding:20px 0px 0px 0px; margin:0px auto 0px; color:#fff; line-height:52px; display:table; position:relative;} #team-sidebar h1::before{ content:url(images/headinglogo.png); position:absolute;left: 27%; top: -80px;} #team-sidebar aside h1{ text-align:center;font-weight:700;font-family: 'Lora', serif; font-size:26px; text-align:center; text-transform:uppercase; padding:20px 0px 0px 0px; margin:0px auto 0px; color:#fff; line-height:52px; display:table;} #team-sidebar aside img{margin:0px; padding:0px;} #team-sidebar aside p{margin:0px; padding:0px 25px 25px; text-align:center;} #team-sidebar aside .services-img a{font-weight:400; font-family:'Open Sans', sans-serif; font-size:90px; text-align:center; background-color:rgba(0, 0, 0, 0.5); padding:83px 0px 0px; position:relative; z-index:1; color:#FFF; min-height:100px; width:100%; display:grid; opacity:0;} #team-sidebar aside a:hover{opacity:1;} #team-sidebar .member{ float:left; margin:0px; padding:0px; text-align:center; text-transform:uppercase;} #team-sidebar .timage{ float:left; margin:0px; padding:0px;} #team-sidebar .tname{margin:0px; background:#c5c5c5;font-family: 'Lora', serif; font-size:18px; color:#000; padding:2px 0px; line-height:32px; float:left; width:100%;} #team-sidebar .tpost{ margin:0px; padding:0px; background:#053bfa;font-family: 'Lora', serif; font-size:16px; color:#fff; padding:5px 0; float:left; width:100%;} #team{margin:0px auto 0px; padding:30px 0 60px; width:100%;/* min-height:504px;*/ } #team .team{ float:left;} /*#team aside:nth-child(1){margin:0px;}*/ #team aside{margin:15px 10px 0; padding:0px; float:left; width:210px; border:0px solid #bdbdbd; height:288px; background:#f8f8f8;} #team-sidebar h1{ text-align:center;font-weight:700;font-family: 'Lora', serif; font-size:26px; text-align:center; text-transform:uppercase; padding:20px 0px 0px 0px; margin:0px auto 0px; color:#fff; line-height:52px; display:table; position:relative;} #team h1::before{ content:url(images/headinglogo.png); position:absolute;left: 27%; top: -80px;} #team aside h1{ text-align:center;font-weight:700;font-family: 'Lora', serif; font-size:26px; text-align:center; text-transform:uppercase; padding:20px 0px 0px 0px; margin:0px auto 0px; color:#fff; line-height:52px; display:table;} #team aside img{margin:0px; padding:0px;} #team aside p{margin:0px; padding:0px 25px 25px; text-align:center;} #teamaside .services-img a{font-weight:400; font-family:'Open Sans', sans-serif; font-size:90px; text-align:center; background-color:rgba(0, 0, 0, 0.5); padding:83px 0px 0px; position:relative; z-index:1; color:#FFF; min-height:100px; width:100%; display:grid; opacity:0;} #team aside a:hover{opacity:1;} #team.member{ float:left; margin:0px; padding:0px; text-align:center; text-transform:uppercase;} #team.timage{ float:left; margin:0px; padding:0px;} #team.tname{margin:0px; background:#c5c5c5;font-family: 'Lora', serif; font-size:18px; color:#000; padding:2px 0px; line-height:32px; float:left; width:100%;} #team.tpost{ margin:0px; padding:0px; background:#053bfa;font-family: 'Lora', serif; font-size:16px; color:#fff; padding:5px 0; float:left; width:100%;} #content .directors ul{ float:left; margin:0px; padding:0px; list-style:none;} #content .directors li { text-align:center; float:left; margin:0px; padding:0px; list-style:none;width: 47%; margin:5px; padding: 10px; background:#f3f3f3; border:1px dotted #f00;} #content .directors .member{ float:left; margin:0px; padding:0px; text-align:center; text-transform:uppercase;} #content .directors .timage{ margin:10px; padding:0px;} #content .directors .timage img { border: 1px solid hsl(0, 0%, 100%); padding: 5px;} #content .directors .name{margin:0px; background:#ff0000;font-family: 'Lora', serif; font-size:18px; color:#fff; padding:2px 0px; line-height:32px; float:left; width:100%; text-transform:uppercase;} #content .directors .email{margin:0px; background:#fff;font-family: 'Lora', serif; font-size:18px; color:#000; padding:2px 0px; line-height:32px; float:left; width:100%; text-transform:uppercase;} #content .directors .email a{ text-transform:lowercase;} #content .directors .post{ margin:0px; padding:0px; background:#053bfa;font-family: 'Lora', serif; font-size:16px; color:#fff; padding:5px 0; float:left; width:100%; text-transform:uppercase;} #content .directors .desg{ margin:0px; padding:0px; background:#053bfa;font-family: 'Lora', serif; font-size:16px; color:#fff; padding:5px 0; float:left; width:100%; text-transform:uppercase;} #content .directors .email a{ color:#000;} #content .directors .email a:hover{ color:#ff0000;} #content .directors li:nth-child(1) {border:1px dotted #f00;} #content .branches .member{ float:left; margin:0px; padding:0px; text-align:center; text-transform:uppercase;} #content .branches .timage{ margin:10px; padding:0px;text-align: center} #content .branches .timag > img { border: 1px solid hsl(0, 0%, 100%); padding: 5px;} #content .branches .name{margin:0px; background:#ff0000;font-family: 'Lora', serif; font-size:18px; color:#fff; padding:2px 0px; line-height:32px; float:left; width:100%; text-transform:uppercase;} #content .branches .email{margin:0px; background:#fff;font-family: 'Lora', serif; font-size:18px; color:#000; padding:2px 0px; line-height:32px; float:left; width:100%; text-transform:uppercase;} #content .branches .post{ margin:0px; padding:0px; background:#053bfa;font-family: 'Lora', serif; font-size:16px; color:#fff; padding:5px 0; float:left; width:100%; text-transform:uppercase;} #content .branches .desg{ margin:0px; padding:0px; background:#053bfa;font-family: 'Lora', serif; font-size:16px; color:#fff; padding:5px 0; float:left; width:100%; text-transform:uppercase;} #content .branches .email a{ color:#000;} #content .branches .email a:hover{ color:#ff0000;} #content .branches ul{ float:left; margin:0px; padding:0px; list-style:none;} #content .branches li { text-align: left; float:left; margin:0px; padding:0px; list-style:none;width: 47%; margin:5px; padding: 10px; background:#f3f3f3; border:0px dotted #f00; min-height:692px;} #apprication{ width:100%; text-align:center;} #apprication img { padding:10px; border:1px dashed #ccc; margin:10px 10px;} #content .branches li:nth-child(1) {border:0px dotted #f00;} /***** FOOTER SIDEBAR *****/ footer{margin:0px auto 0px; padding:0px 0px 0px; width:100%; background:#fff; position: relative; z-index:0; left:0; right:0; bottom:0; font-family:'Open Sans', sans-serif; font-size:14px; color:#000;} #supplementary{margin:0px auto; padding:0px 0px; width:100%;} #footer-sidebar{margin:0px auto; padding:58px 0px; width:100%; max-width:1200px; min-height:150px; height:auto !important; display:block; color:#000; font-family:'Open Sans', sans-serif; font-size:14px; line-height:35px;} #footer-sidebar aside{left:0px !important; top:0px !important; position:relative !important; width:22%; min-height:150px; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #footer-sidebar aside:nth-child(1){margin:0px; padding:0px; width:23%; margin:0 10px 0 0;} #footer-sidebar aside:nth-child(2){width:23%; line-height:22px; margin:0 10px 0 10px;} #footer-sidebar aside:nth-child(3){width:45%; line-height:22px; margin:0 10px 0 10px;} #footer-sidebar aside img{position:relative; z-index:1;} #footer-sidebar aside h1{ background:url(images/line.png) bottom left repeat-x;font-size:22px; color:#ff0000; font-family: 'Lora', serif; font-weight:700; padding:0px 0px 13px 0px; margin:0px 0px 20px 0px; text-transform:uppercase; line-height:24px; text-align:left;} #footer-sidebar aside .add{ font-size:14px; color:#000;font-family:'Open Sans', sans-serif; line-height:27px; font-weight:normal; } #footer-sidebar aside h2{font-size:15px; color:#000;font-family:'Open Sans', sans-serif; font-weight:700; line-height:27px; margin:5px 0 5px 0; text-transform:uppercase;} #footer-sidebar aside a{color:#000; text-decoration:none;} #footer-sidebar aside a:hover{color:#f00;} #footer-sidebar aside ul{padding:0px 0px; list-style:none; margin:0px; font-family:'Open Sans', sans-serif; font-size:14px; line-height:19px;} #footer-sidebar aside ul li:nth-child(1){background:none;} #footer-sidebar aside ul li{padding:0px; margin:0 0 0 15px; list-style:url(images/bullet3.png) ; line-height:34px;} #footer-sidebar aside ul.left{width:46%; float:left;} #footer-sidebar aside ul.right{width:46%; margin:0px 0px 0px 8%; float:right;} .footer-logo{margin:0px 0px 0px 0px; padding:0px; float:left; color:#FFF; font-size:30px; font-family:'ITC Avant Garde Pro XLt', Arial, Helvetica, sans-serif; width:100%; font-weight:200;} .footer-logo span.orange{color:#ff6c00; font-weight:bold; font-family:'ITC Avant Garde Pro Md', Arial, Helvetica, sans-serif;} .footer-logo span.dark{font-weight:300; font-family:'ITC Avant Garde Pro Bk', Arial, Helvetica, sans-serif;} span.ph{font-size:15px; display:block; line-height:20px;} span.ph strong{font-size:23px; font-weight:200; font-family:'ITC Avant Garde Pro Bk', Arial, Helvetica, sans-serif;} span.mail{font-size:15px;} span.mail a{color:#909090; border-bottom:1px solid #909090;} span.mail a:hover{color:#FFF; border-bottom:1px solid #FFF;} .social { float: left; width: 200px; text-align: left; margin: 8px 0 0;} #footer-sidebar aside .social a{ color:#fff;} #footer-sidebar aside .social a:hover{ color:#000;} .fa { padding: 7px 0 2px; font-size: 20px !important; width: 35px; height:25px; border-radius:50%; text-align: center; text-decoration: none; margin: 5px 2px; color:#fff; } .fa-facebook { background: #ff0000; color: white; } .fa-facebook:hover { background: #1023741; color: white; } .fa-twitter { background: #ff0000; color: white; } .fa-twitter:hover { background: #1023741; color: white; } .fa-google { background: #ff0000; color: white; } .fa-google:hover { background: #1023741; color: white; } .fa-linkedin { background: #ff0000; color: white; } .fa-youtube { background: #ff0000; color: white; } .fa-youtube:hover { background: #1023741; color: white; } /***** SOCIAL ICONS *****/ .copyright-icon{color:#909090; float:left; font-size:46px; font-family:'ITC Avant Garde Pro Bk', Arial, Helvetica, sans-serif; font-weight:600; border:0px solid #909090; padding:14px 9px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; margin:0px 12px 0px 0px;} #footer-sidebar aside .icons{margin:15px 0px 15px 0px; padding:0px; float:left; height:42px;} #footer-sidebar aside .icons a{width:40px; height:42px; margin:0px 0px 7px 8px; padding:0px 0px 0px 0px; text-decoration:none; display:block; float:left; background:#2a2a2a url(images/social-icons.png) left top no-repeat;} #footer-sidebar aside .icons a:hover{background-color:#545454;} #footer-sidebar aside .icons a.fb{background-position:left top; margin:0px;} #footer-sidebar aside .icons a.tw{background-position:-50px top;} #footer-sidebar aside .icons a.in{background-position:-100px top;} #footer-sidebar aside .icons a.p{background-position:-150px top;} /***** FOOTER *****/ #footer-links{text-align: center; margin:0px; padding:0px; color:#fff; width:100%; height:auto; background:#102374;} .site-info{width:100%; max-width:1200px; margin:0px auto; padding:0px 0px 0px; line-height:23px;} .site-info #footermenu{width:63%; float:left; font-family:'PT Sans', sans-serif; font-size:15px; text-transform:uppercase; padding:18px 0px 15px 0px; margin:0px auto;} .site-info #footermenu strong{ text-transform:uppercase;} .site-info #footermenu a{color:#ffff;} .site-info #footermenu a:hover{color:#ccc;} .site-info #copyright{width:100%; margin:0px auto; padding:20px 0; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:none;} .site-info #copyright strong{ text-transform:uppercase;} .site-info #copyright a{color:#fff;} .site-info #copyright a:hover{color:#ccc;} .site-info #address{text-align:right; margin:0px 0px 0px 0px; padding:22px 70px 15px 0px; float:right; background:url(images/map-icon.png) right 15px no-repeat; width:30%; font-family:'Open Sans', sans-serif; font-size:15px; line-height:23px;} /******************************* * 6.14 Comments * ----------------------------------------------------------------------------- */ .comments-area{margin: 48px auto; padding: 0 0px;} .comment-reply-title, .comments-title{font: 900 16px/1.5 Lato, sans-serif; margin: 0; text-transform: uppercase;} .comment-list{margin:0px; padding:0px; list-style:none;} .comment-list footer{margin:0px 0px 0px; padding:25px 3% 25px 3%; background:#f5f5f5; display:inline-block; font-family:'Open Sans', sans-serif; font-size:17px; line-height:30px; color:#646464; list-style:none; border:1px dashed #b0b0b0; width:94%; position:relative;} time{font-size:15px; font-family:'PT Serif', serif; text-transform:none;} .comment-author{font-size: 14px; line-height: 1.7142857142;} .comment-list .reply, .comment-metadata{font-size: 12px; line-height: 2; text-transform: uppercase;} .comment-list .reply{margin-top: 24px;} .comment-author .fn{font-weight:700; font-size:14px; text-transform:uppercase;} .comment-author a{color: #2b2b2b;} .comment-list .trackback a, .comment-list .pingback a, .comment-metadata a{color: #767676;} .comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover{color: #41a62a;} .comment-list article, .comment-list .pingback, .comment-list .trackback{border-top: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 24px; padding-top:0px;} .comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child{border-top: 0;} .comment-author{position: relative;} .comment-author .avatar{border: 1px solid rgba(0, 0, 0, 0.1); height: 18px; padding: 2px; position: absolute; top: 0; left: 0; width: 18px;} .bypostauthor > article .fn:before{content: "\f408"; margin: 0 2px 0 -2px; position: relative; top: -1px;} .says{display: none;} .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata{padding-left: 30px;} .comment-edit-link, .post-edit-link{margin-left:10px;} span.edit-link{background:url(images/edit.png) left 4px no-repeat; padding:3px 0px 3px 15px; font-family:'PT Serif', serif; font-size:15px;} .comment-list .reply{background:url(images/reply.png) left 5px no-repeat; padding:3px 0px 3px 25px;} time.entry-date{background:url(images/calendar-icon.png) left 4px no-repeat; padding:3px 15px 3px 26px; font-family:'PT Serif', serif; font-size:15px;} span.byline{background:url(images/admin-icon.png) left 4px no-repeat; padding:3px 15px 3px 26px; font-family:'PT Serif', serif; font-size:15px;} span.comments-link{background:url(images/comments-icon.png) left 4px no-repeat; padding:3px 15px 3px 26px; font-family:'PT Serif', serif; font-size:15px;} .entry-meta{margin:0px 0px 12px; padding:0px;} .entry-meta > span{border-right:1px solid #b8a56c; margin:0px 6px;} .entry-meta > span.edit-link{border-right:none;} .comment-edit-link:before{} .comment-reply-link:before, .comment-reply-login:before{margin-right:2px;} .comment-content{-webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; word-wrap: break-word; margin:24px 0px 0px 0px; padding:25px 3%; background:#ececec; border:1px dashed #b0b0b0; width:94%;} #comments .comment-content > p{font-size:17px; font-family:'PT Serif', serif;} .comment-content ul, .comment-content ol{margin: 0 0 24px 22px;} .comment-content li > ul, .comment-content li > ol{margin-bottom: 0;} .comment-content > :last-child{margin-bottom: 0;} .comment-list .children{list-style: none; margin-left: 15px;} .comment-respond{margin-bottom: 24px; padding: 0;} .comment .comment-respond{margin-top: 24px;} .comment-respond h3{margin-top: 0; margin-bottom: 24px;} .comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code{color: #767676;} .comment-notes, .comment-awaiting-moderation, .logged-in-as{font-size: 14px; line-height: 1.7142857142;} .no-comments{font-size: 16px; font-weight: 900; line-height: 1.5; margin-top: 24px; text-transform: uppercase;} .comment-form label{display: block;} .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]{width: 100%;} .form-allowed-tags, .form-allowed-tags code{font-size: 12px; line-height: 1.5;} .required{color: #c0392b;} .comment-reply-title small a{color: #2b2b2b; float: right; height: 24px; overflow: hidden; width: 24px;} .comment-reply-title small a:hover{color: #41a62a;} .comment-reply-title small a:before{content: "\f405"; font-size: 32px;} .comment-navigation{font-size: 12px; line-height: 2; margin-bottom: 48px; text-transform: uppercase;} .comment-navigation .nav-next, .comment-navigation .nav-previous{display: inline-block;} .comment-navigation .nav-previous a{margin-right: 10px;} #comment-nav-above{margin-top: 36px; margin-bottom: 0;} article.post{margin:25px 0px 0px; padding:25px 3% 25px 3%; background:#f5f5f5; display:inline-block; font-family:'Open Sans', sans-serif; font-size:17px; line-height:30px; color:#646464; list-style:none; border:1px dashed #b0b0b0; width:94%;} #content nav.navigation{background:none; height:55px; float:right; width:100%; text-align:right;} #content nav.navigation:after{content:normal; position:absolute; bottom:0; width:0; height:0; border-bottom:none; border-left:none;} #content nav.navigation .nav-links{margin:-13px 0px 0px;} #content nav.navigation .nav-links a{background:#2d2d2d; border:#2d2d2d 1px solid; font-family:Tahoma, Geneva, sans-serif; font-size:13px; text-transform:capitalize; color:#fff; padding:7px 15px; margin:0px 1%; font-weight:300; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} #content nav.navigation .nav-links a:hover{background:#0f277d; border:#0f277d 1px solid; color:#fff;} #content nav.navigation .nav-links a span.meta-nav{margin:0px 7px 0px 0px; color:#fd0f0f; font-family:'PT Serif', serif;} #content nav.navigation .nav-links a:hover span.meta-nav{color:#fff;} /******************************* * 8.0 Footer * ----------------------------------------------------------------------------- */ #supplementary{padding: 0 0px;} #vfbp-form-1{margin:0px 0px 0px; padding:25px 3% 25px 3%; background:#f5f5f5; display:inline-block; font-family:'Open Sans', sans-serif; font-size:17px; line-height:30px; color:#646464; list-style:none; border:1px dashed #b0b0b0; width:100%;} .vfbp-form label{font-weight:400; color:#2d2d2d;} .vfbp-form .btn-primary{background:#2d2d2d; border:1px dashed #2d2d2d;} .vfbp-form .btn-primary:hover{background:#ff6c00; border:1px dashed #ff6c00;} .vfbp-form .btn-primary{background:#ff6c00; border:1px dashed #ff6c00;} ul.country-list li{list-style:none !important;} .vfbp-form .vfb-required-asterisk{color:#ff6c00 !important; font-family:'PT Serif', serif; font-size:20px;} #wprmenu_menu.wprmenu_levels ul li a{font-weight:700; text-transform:uppercase;} #wprmenu_menu ul li a:hover{background:#ff6c00 !important;} @media screen and (min-width:1440px) and (max-width:1440px) { } @media screen and (min-width:1366px) and (max-width:1366px) { } @media screen and (min-width:1360px) and (max-width:1360px) { } @media screen and (min-width:1024px) and (max-width:1279px) { .site-title { float: left; line-height: 78px; margin: -17px 0 0; width: 73%;} .headerright { float: right; width: 27%;} nav ul li { padding: 0 16px;} nav ul li > a { padding: 3px 0 6px;} header {min-height: 307px;} .header-main { min-height: 364px;} #content { padding: 0 15px;} #team-sidebar aside {display: inline-block;float: none;} #team-sidebar .team { text-align: center;} #footer-sidebar iframe { width: 100%;} #right-sidebar aside .img img { border-radius: 50%; box-shadow: -1px 5px 6px 0 hsla(0, 0%, 0%, 0.43); width: 97%;} #right-sidebar aside .title { top: 43%; width: 98%;} #middle { margin: 38px auto 0;} .thumbnail { height: 239px; width: 239px;} .featuremiddle ul li { background: hsla(0, 0%, 0%, 0) url("images/bullet.png") no-repeat scroll left 7px; line-height: 37px;} #footer-sidebar aside:nth-child(1) { margin: 0 10px 0 13px;} #content .branches li {width: 46%;} header {padding: 30px 0 0;} .lady { float: left; margin: 4px 0 0;} } @media screen and (min-width:1280px) and (max-width:1280px) { } @media screen and (min-width:1200px) and (max-width:1200px) { } @media screen and (min-width:320px) and (max-width:980px) { } @media screen and (min-width:568px) and (max-width:980px) { } @media screen and (min-width:640px) and (max-width:980px) { } @media screen and (min-width:667px) and (max-width:667px) { } @media screen and (min-width:768px) and (max-width:980px) { } @media screen and (min-width:800px) and (max-width:840px) { #footer-sidebar .map iframe{ width:100% !important;} } @media screen and (min-width:900px) and (max-width:900px) { } @media screen and (min-width:980px) and (max-width:980px) { } @media screen and (min-width:0px) and (max-width:768px) { #footer-sidebar .map iframe{ width:100% !important;} #product-table ul{width:100%; margin:30px 0px 0px 0px; border-left:1px solid #d4dcde;} #testimonialsproduct-table ul{width:100%; margin:30px 0px 0px 0px; border-left:1px solid #d4dcde;} #config-table ul li{padding:7px 7%; text-align:left;} #content ul.features-dec li{padding:7px 7%;} #content ul.features li{padding:7px 7%;} .tp-caption.largebgblack2, .largebgblack2{font-size:25px !important; text-align:center !important; padding:9px 20px !important;} .site-title { width: 100%;} .site-navigation{ display:none;} .site-title { width: 65%;} .header-main { position: relative;} .header-main {margin: 0px auto 0; min-height: 300px;} header {min-height: 300px;} .headerright { float: right; width: 35%;} .cname { font-size: 17px;} #middle {text-align: center;} #right-sidebar aside {display: inline-block; float: none; width: 36%;} #right-sidebar{background:#d2d2d2 url(images/servicebg.jpg) top center no-repeat; position:relative;margin:-20px 0 0 0; float: left; padding:0px 0px 25px 0px; width:100%; min-height: auto; } #content { padding: 0 20px;} #team-sidebar .team { text-align: center;} #team-sidebar aside { display: inline-block; float: none;} #feature-sidebar aside:nth-child(1) { float: none; margin: 0 auto; width: 45%;} #feature-sidebar aside:nth-child(2) { float: none; margin: 24px auto 0; width: 95%;} #footer-sidebar aside:nth-child(1) { margin: 0 10px 0 14px;} #content .branches li { float: left; width: 44%;} #content .branches li { min-height: 805px;} #apprication > img { width: 100%; } #apprication img { margin: 0; padding: 0;} } @media screen and (min-width:0px) and (max-width:568px) { #logo-bg { float:left;} #topbar{float: left; margin: 0; min-height: inherit; padding: 0; width: 100%;} .cname { font-size: 20px;font-weight: bold; line-height: 37px; margin: 0 0 0 12px; text-align: center; text-transform: uppercase; width: 97%;} header {min-height: 138px;} .header-main { margin: 0 auto; min-height: 221px;} #topbar { min-height: 120px;} .topnav { border-top-left-radius: 10px; border-top-right-radius: 10px; width:100%;} #topbar .top-main .infotop { margin: 16px 29px 0 0;} .cname { font-size: 19px;} #topbar .top-main { line-height: 25px; padding: 0;} .site-title { float: left; line-height: 78px; width: 100%; margin: -18px 0 0; z-index:9;} #what h2 {font-size: 28px;} .logo {float: left; text-align: center; width: 100%; z-index:999;} .header-main {margin: 0 auto;} .phone { margin: 19px 0 0;} /*.headerright { float: left; width: 100%;}*/ .headerright { float: none; margin: 0 auto; width: 56%;} #main-page {float: left;} #right-sidebar aside {width: 43%; margin: 5% 10px 0 4%} #right-sidebar aside .title {font-size: 14px;margin: 0; position: absolute; text-align: center; text-transform: uppercase; top: 26%; width: 88%; z-index: 1; width: 100%} #right-sidebar aside .img img {width: 100%;} #middle .textwidget { height: 180px; width: 182px;border-radius:50%;-webkit-box-shadow: -1px 5px 6px 0px rgba(0, 0, 0, 0.43); -moz-box-shadow: -1px 5px 6px 0px rgba(0, 0, 0, 0.43); box-shadow: -1px 5px 6px 0px rgba(0, 0, 0, 0.43);} .thumbnail { border-radius: 50%;height: 180px; width: 182px; overflow: hidden; position: relative;} #right-sidebar aside .title {top: 35%;} #middle { text-align: center;} #content .entry-content-home h1 span { font-size: 18px; text-align: left;} .entry-content-home {float: left; margin: 0; padding: 0 9px; width: 96%;} .home #content .rightimg { float: none; margin: 0 auto 17px; padding: 0;display: flex;} #feature-bg { margin: 0 auto;} #feature-sidebar aside:nth-child(1) { float: none; margin: 0 auto; width: 45%;} #feature-sidebar aside:nth-child(1) { width: inherit;} #feature-sidebar aside:nth-child(2) { float: none; margin: 0 auto; width: 94%; padding:0px;} #team-sidebar {text-align: center;} #team-sidebar aside {display: inline-block;float: none;} #footer-sidebar{ text-align:center;} #footer-sidebar aside {width: 48%; display:inline-table; float:none;} #footer-sidebar aside:nth-child(1), #footer-sidebar aside:nth-child(2) { width:40%;} #footer-sidebar aside:nth-child(3) { width:80%;} #footer-sidebar aside:nth-child(3) { width: 92%;} #content .branches li { float: left; width: 92%;} .search { float: left;margin: 0 0 0 14px;} #contactpage img { width: 100%;} .headerright { width: 59%;} #main-page { width:100%;} #apprication > img { width: 100%; } #topbar .top-main .infotop .lefttop { text-align: center; width: 100%; margin:0px; } #topbar .top-main .infotop .righttop { text-align: center; width:100%; } #topbar .top-main .infotop { margin: 16px 0 0; width: 100%; } #topbar { padding: 12px 0 0;min-height: 134px;} #page-inner{border-top:1px solid #faf9f9;} } @media screen and (min-width:0px) and (max-width:460px) { .headerright { width: 62%;} } @media screen and (min-width:0px) and (max-width:380px) { #topbar .top-main .infotop { margin: 4px 0 0;} #topbar .top-main .infotop .lefttop { float: left; margin: 0; padding: 0; text-align: center; width: 100%;} #topbar .top-main .infotop .righttop {float: left; margin: 0; padding: 0; text-align: center; width: 100%;} #topbar .topnav { float: left; margin-top: 0; width: 100%;} #topbar .top-main .infotop {float: left;} .cname {font-size: 19px; margin: 0;} .headerright { float: none; margin: 0 auto; width: 58%;} .headerright { width: 59%;} #right-sidebar aside .title a {padding: 5px 0;} #right-sidebar aside .title { top: 39%;} #right-sidebar aside { margin: 13% 10px 0 4%; width: 35%;} .banner {max-width: 452px} .home #content .rightimg { height: auto; width: 90%;} .banner { max-width: 452px; width: 95%;} .entry-content-home {float: none; margin: 0 auto; padding: 0; width: 92%;} .amount { font-size: 25px; line-height: 38px;} #feature-sidebar aside:nth-child(1) { width: 90%;} .akshay { font-size: 48px;} #footer-sidebar aside:nth-child(1), #footer-sidebar aside:nth-child(2) { width: 85%;} #footer-sidebar aside ul li{ text-align: left;} #supplementary { float: left; width:100%;} .headerright { width: 70%;} .cname { font-size: 21px; margin: 0;} #right-sidebar aside .title { top: 39%;} .thumbnail { border-radius: 50%; height: 146px; width: 146px;} #middle .textwidget { height: 146px; width: 146px;border-radius:50%;-webkit-box-shadow: -1px 5px 6px 0px rgba(0, 0, 0, 0.43); -moz-box-shadow: -1px 5px 6px 0px rgba(0, 0, 0, 0.43);} #right-sidebar aside { margin: 13% 10px 0 4%; width: 43%;} .headerright { width: 75%; } .header-main { min-height: 150px; } .header-main img { margin: 0 auto 54px;} marquee {font-size: 22px;} .highlights a{ display:block;padding: 16px 0; } } @media screen and (min-width:0px) and (max-width:360px) { .headerright { width: 78%;} .phone { float: right;margin: 19px 0 0;} #right-sidebar aside .title { width: 100%;} .featuremiddle ul li { background: hsla(0, 0%, 0%, 0) url("images/bullet.png") no-repeat scroll left 7px; font-size: 15px; line-height: 31px; list-style: outside none none; margin: 0; padding: 0 0 0 31px; } header { min-height: 187px;} .header-main { min-height: 187px;} .search { float: left; margin: 0 0 0 14px; width: 54%; } .headerright { width: 95%;float: left; margin: 0 0 0 17px; } #page-inner { border-top: 1px solid #ccc;} .header-main { margin: 0 auto; min-height: 174px; } marquee {font-size: 22px;} .header-main img { margin: 0 auto 35px;} } @media screen and (min-width:0px) and (max-width:320px) { #topbar{height:auto;} #topbar .top-main{text-align:center; line-height:25px; padding:0px 0px;} #logo-bg{height:auto;} #logo-bg .logo-main{width:90%;} .site-title{width:100%; height:auto;} .site-title img{width:100%;} #search-container{margin-top:0px;} .search-box input[type="search"]:focus{width:270px;} #right-sidebar{width:80%;} #right-sidebar aside h1{font-size:30px;} #right-sidebar aside{width:100%; margin:20px 0px 0px 0px;} #boxes-sidebar{width:80%;} #boxes-sidebar aside{width:100%;} .container{min-height:256px;} #content{width:80%;} #content .leftimg{width:100%; margin:5px 0px 43px 0px;} #content .entry-content-home h1{text-align:left;} #content span.contact{padding-left:15px; padding-right:15px; width:88%;} #feature-sidebar aside{font-size:15px; line-height:24px; width:80%;} #feature-sidebar aside #feature-text{width:100%;} #feature-sidebar aside h1{font-size:30px;} .site-title img { width: auto;} .headerright { width:100%;} .lady { float: left; width: 26%;} .search {float: left;margin: 0 0 0 14px;width: 69%;} #content p { text-align: left;} .infop { text-align: left;} #content {width: 90%; padding: 0 15px;} #content h2 {font-size: 20px;} #content h3 { font-size: 21px;} .infop { font-size: 14px;} #logo-bg .logo-main { width: 100%; } #right-sidebar aside .title { width: 100%;} .thumbnail { height: 250px; width: 250px; margin: 0 auto;} #middle .textwidget { height: 250px; width: 250px;border-radius:50%;-webkit-box-shadow: -1px 5px 6px 0px rgba(0, 0, 0, 0.43); -moz-box-shadow: -1px 5px 6px 0px rgba(0, 0, 0, 0.43); margin: 0 auto;} #right-sidebar aside .title { top: 43%; } #right-sidebar aside .title a { font-size: 18px; padding: 14px 0; } #right-sidebar { width: 100%; } .headerright { width: 93%; } #content .entry-content h1 { font-size: 23px;} table .heading {font-size: 12px;} #content h2 { font-size: 16px;} #footer-sidebar {padding: 8px 0;} #page-inner { border-top: 1px solid #ccc;} .header-main img { margin: 0 auto 30px;} .header-main { margin: 0 auto; min-height: 155px; } header { min-height: 155px; } } .{ font-family:'Open Sans', sans-serif; font-family:'PT Serif', serif; font-family:'PT Sans', sans-serif; font-family:'PT Sans Narrow', sans-serif; font-family:'Open Sans Condensed', sans-serif; font-family:'Ubuntu', sans-serif; font-family:'Titillium Web', sans-serif; font-family:'Josefin Sans', sans-serif; font-family:'ITC Avant Garde Pro Md', Arial, Helvetica, sans-serif; font-family:'ITC Avant Garde Pro Bk', Arial, Helvetica, sans-serif; font-family:'ITC Avant Garde Pro XLt', Arial, Helvetica, sans-serif; } @font-face { font-family: 'ITC Avant Garde Pro Md'; src: url('fonts/ITCAvantGardePro-MdObl.eot'); src: url('fonts/ITCAvantGardePro-MdObld41d.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-MdObl.woff') format('woff'), url('fonts/ITCAvantGardePro-MdObl.ttf') format('truetype'), url('fonts/ITCAvantGardePro-MdObl.svg#ITCAvantGardePro-MdObl') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'ITC Avant Garde Pro Bk'; src: url('fonts/ITCAvantGardePro-Bk.eot'); src: url('fonts/ITCAvantGardePro-Bkd41d.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-Bk.woff') format('woff'), url('fonts/ITCAvantGardePro-Bk.ttf') format('truetype'), url('fonts/ITCAvantGardePro-Bk.svg#ITCAvantGardePro-Bk') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'ITC Avant Garde Pro XLt'; src: url('fonts/ITCAvantGardePro-XLt.eot'); src: url('fonts/ITCAvantGardePro-XLtd41d.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-XLt.woff') format('woff'), url('fonts/ITCAvantGardePro-XLt.ttf') format('truetype'), url('fonts/ITCAvantGardePro-XLt.svg#ITCAvantGardePro-XLt') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'ITC Avant Garde Pro Md'; src: url('fonts/ITCAvantGardePro-BoldObl.eot'); src: url('fonts/ITCAvantGardePro-BoldObld41d.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-BoldObl.woff') format('woff'), url('fonts/ITCAvantGardePro-BoldObl.ttf') format('truetype'), url('fonts/ITCAvantGardePro-BoldObl.svg#ITCAvantGardePro-BoldObl') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'ITC Avant Garde Pro Bk'; src: url('fonts/ITCAvantGardePro-DemiObl.eot'); src: url('fonts/ITCAvantGardePro-DemiObld41d.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-DemiObl.woff') format('woff'), url('fonts/ITCAvantGardePro-DemiObl.ttf') format('truetype'), url('fonts/ITCAvantGardePro-DemiObl.svg#ITCAvantGardePro-DemiObl') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'ITC Avant Garde Pro XLt'; src: url('fonts/ITCAvantGardePro-XLtObl.eot'); src: url('fonts/ITCAvantGardePro-XLtObld41d.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-XLtObl.woff') format('woff'), url('fonts/ITCAvantGardePro-XLtObl.ttf') format('truetype'), url('fonts/ITCAvantGardePro-XLtObl.svg#ITCAvantGardePro-XLtObl') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'ITC Avant Garde Pro Bk'; src: url('fonts/ITCAvantGardePro-BkObl.eot'); src: url('fonts/ITCAvantGardePro-BkObld41d.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-BkObl.woff') format('woff'), url('fonts/ITCAvantGardePro-BkObl.ttf') format('truetype'), url('fonts/ITCAvantGardePro-BkObl.svg#ITCAvantGardePro-BkObl') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'ITC Avant Garde Pro Md'; src: url('fonts/ITCAvantGardePro-Md.eot'); src: url('fonts/ITCAvantGardePro-Mdd41d.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-Md.woff') format('woff'), url('fonts/ITCAvantGardePro-Md.ttf') format('truetype'), url('fonts/ITCAvantGardePro-Md.svg#ITCAvantGardePro-Md') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'ITC Avant Garde Pro Bk'; src: url('fonts/ITCAvantGardePro-Demi.eot'); src: url('fonts/ITCAvantGardePro-Demid41d.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-Demi.woff') format('woff'), url('fonts/ITCAvantGardePro-Demi.ttf') format('truetype'), url('fonts/ITCAvantGardePro-Demi.svg#ITCAvantGardePro-Demi') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'ITC Avant Garde Pro Md'; src: url('fonts/ITCAvantGardePro-Bold.eot'); src: url('fonts/ITCAvantGardePro-Boldd41d.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-Bold.woff') format('woff'), url('fonts/ITCAvantGardePro-Bold.ttf') format('truetype'), url('fonts/ITCAvantGardePro-Bold.svg#ITCAvantGardePro-Bold') format('svg'); font-weight: bold; font-style: normal; }