@charset "UTF-8"; /* Template Name: Book Of Wisdom Template URI: http://www.os-templates.com/ Description: Designed and Built by OS Templates. This modern template is adaptable, lightweight and fully customisable. The template is easy to use, enabling you to create your site within minutes. Version: 1.0 Author: OS-Templates.com Author URI: http://www.os-templates.com/ Licence: Single Site Licence URI: http://www.os-templates.com/template-terms File: Layout CSS */ /* TOC - Table Of Contents 1 => Default Fonts 2 => Row Styling 3 => Generalise 4 => Topbar 5 => Header 6 => Page Intro 7 => Main Container 8 => Link Block 9 => Footer 10 => Copyright */ html{overflow-y:scroll;} body{margin:0; padding:0; font-size:13px; text-align:left;} /* Default Fonts ---------------------------------------------------------------------------------------------------------------------------------------*/ strong, .bold{} /* Row Styling ---------------------------------------------------------------------------------------------------------------------------------------*/ .row0{border-bottom:2px solid;} .row1, .row1 a{} .row2{border-top:3px solid;} .row3{} .row5{border-top:1px solid;} .row6{border-top:1px solid;} /* Generalise ---------------------------------------------------------------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6{margin:0 0 30px 0; padding:0; font-weight:normal; line-height:normal;} h1{font-size:32px;} h2{font-size:22px;} h3{font-size:18px;} h4{font-size:16px;} h5{font-size:14px;} h6{font-size:12px; text-transform:uppercase; font-weight:bold;} address{margin:10px 0; font-style:normal;} #topbar, #header, #topnav, #pageintro, #intro, .container, .linkblock, #p-footer, #copyright{} .cc.circle{display:inline-block; width:48px; height:48px; margin:0; padding:15px 0 0 0; font-size:18px; line-height:18px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .date-icon{display:table; position:relative; float:left; margin-right:10px; padding:21px 2px 2px 2px; width:59px; height:63px; text-align:center;} .date-icon, .date-icon em{-moz-border-radius:12%; -webkit-border-radius:12%; border-radius:12%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .date-icon strong, .date-icon em{font-weight:normal; font-style:normal;} .date-icon strong{display:block; position:absolute; top:0; left:0; width:100%; text-transform:uppercase;} .date-icon em{display:table-cell; vertical-align:middle; font-size:22px;} /* Topbar ---------------------------------------------------------------------------------------------------------------------------------------*/ #topbar{position:relative;} #topbar form input, #topbar form button{float:left; height:40px; border:none;} #topbar form input{width:auto;} #topbar form button[type="submit"]{width:40px; margin-left:1px; padding:0;} #topbar form button span{margin:0; padding:0; font-size:20px; line-height:20px;} #topbar .social li{float:left; margin-right:1px;} #topbar [class^="socico-"], #topbar [class*=" socico-"]{font-size:1.6em; width:40px; height:40px;} #slidepanel{display:none; position:relative; width:100%; padding:20px 0; overflow:hidden;} #openpanel{display:block; position:absolute; top:100%; left:50%; margin-left:-29px; width:58px; height:24px; overflow:hidden;} #openpanel a{display:block; width:58px; height:58px; margin-top:-34px; padding:34px 0 0 21px; font-size:16px; line-height:16px; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* Header ---------------------------------------------------------------------------------------------------------------------------------------*/ #header{padding:30px 0 35px;} #header .fl_left{margin-top:-3px;} #header .fl_left h1, #header .fl_left p{margin:0; font-weight:normal; text-transform:none;} #header .fl_left h1{font-size:32px; font-variant:small-caps;} #header .fl_left p{font-size:16px; text-transform:capitalize;} #header .fl_right{padding-top:2px;} #header .fl_right ul.meta{margin-bottom:17px;} #header .fl_right ul.meta li{margin-left:20px;} #header .fl_right ul.meta li:first-child{margin-left:0;} #header .fl_right ul.meta li span{margin-right:8px;} /* Page Intro ---------------------------------------------------------------------------------------------------------------------------------------*/ #pageintro{padding:30px 0;} /* Main Container => Content + Sidebar ---------------------------------------------------------------------------------------------------------------------------------------*/ .container{clear:both; font-size:1em; line-height:1.6em;} .container section{margin-bottom:50px;} .container section:last-child, .container section.last, .container section.nospace{margin-bottom:0;} .emphasise, .container .emphasise{font-size:2.8em; line-height:1.4em;} .font-xsmall, .container .font-xsmall{font-size:.8em;} .font-small, .container .font-small{font-size:1em;} .font-medium, .container .font-medium{font-size:1.2em;} .font-large, .container .font-large{font-size:1.4em;} .font-xl, .container .xl-large{font-size:4em; line-height:1.2em;} .font-xxl, .container .xxl-large{font-size:6em; font-weight:normal; line-height:1.2em;} /* Sidebar */ .sidebar aside{} .sidebar aside .sbtitle{margin:0 0 30px 0; padding:0; font-size:22px; font-family:"Times New Roman", Times, serif;} .sidebar aside .sbtitle span{margin:0 10px 0 0; padding:0;} .sidebar aside .latest-comments li{margin:20px 0 0 0; padding:0 0 20px 0; line-height:normal; border-bottom:1px solid;} .sidebar aside .latest-comments li:first-child{margin-top:0;} .sidebar aside .latest-comments li img{float:left; margin-right:10px;} .sidebar aside .latest-comments li p{margin:0; padding:0;} /* Link Block ---------------------------------------------------------------------------------------------------------------------------------------*/ .linkblock{padding:80px 0;} .linkblock .title{margin:0 0 50px 0; padding:0 0 10px 0; text-transform:uppercase; text-align:center; border-bottom:1px solid;} .linkblock ul{margin:0; padding:0; list-style:none;} .linkblock ul li{margin:0 0 8px 0;} /* Footer ---------------------------------------------------------------------------------------------------------------------------------------*/ #p-footer{padding-top:10px; color: #fff} #p-footer form input{float:left; width:64%; height:30px; border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #p-footer form input[type="submit"]{width:35%; margin-left:1px; padding:0 5px; text-transform:uppercase; font-weight:bold;} /* Copyright ---------------------------------------------------------------------------------------------------------------------------------------*/ #copyright{padding:20px 0 15px 0; } #topnav li a{color: #f9f9f9; font-size: 15px; font-weight: 600; text-decoration: none;} #topnav ul ul, #topnav li li{border-color:#333333;} #topnav li li a, #topnav li.active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6);} #topnav li a.drop:before{border-top-color:#686868;} #topnav li:hover a.drop:before, #topnav li.active a.drop:before{border-top-color:#FFFFFF;} /* Top navigation for smaller resolutions */ #topnav form select{color:inherit; background:#EDEDED; border-color:#E1E1E1;} /* Sidebar Navigation */ .sidebar aside nav a{color:#666666; background-color:inherit; border-bottom-color:#E1E0DF;} /* Pagination */ .pagination a{border-color:#DFDFDF;} /*----------------------------------------------------------------------------------------*/ /*-------------------------------Colour Coding for elements.css---------------------------*/ /*----------------------------------------------------------------------------------------*/ /* Call To Action - Best used as a full width banner */ .calltoaction{color:#000000; background-color:#EFEFEF;} /* Lists - For ul + ol */ .list.block li > ul, .list.block li > ol{border-color:#E1E0DF;} .list.underline li{border-bottom-color:#E1E0DF;} .list.tagcloud li a, .list.posttags li a{color:#686868; background-color:#F1F1F1;} .list.posttags li a:before{border-right-color:#F1F1F1;} /* Dividers */ hr{background-color:#E1E0DF;} .divider1, .divider2, .divider3{border-top-color:#E1E0DF;} /* Blockquotes / Quotes ---------------------------------------------------------------------------------------------------------------------------------------*/ blockquote, q{color:inherit; background-color:#F1F1F1; border-color:#E1E0DF;} .testimonial blockquote{color:inherit; background-color:inherit;} /* Alert Messages */ .alert-msg{color:inherit;} /* Pricing Tables */ .pricingtable-wrapper, .pricingtable-wrapper .pricingtable .pricingtable-list ul li{border-color:#E1E0DF;} .pricingtable-wrapper .pricingtable .pricingtable-title, .pricingtable-wrapper .pricingtable .pricingtable-price{color:inherit; background-color:#F1F1F1;} /* Jquery Tabs */ .tab-wrapper .tab-nav li a{border-color:#E1E0DF;} .tab-wrapper .tab-nav li.ui-tabs-active a{border-bottom-color:#FFFFFF;} .tab-wrapper .tab-container{border-color:#E1E0DF;} /* Jquery Accordion + Jquery Toggle */ .accordion-wrapper .accordion-title, .accordion-wrapper .accordion-title.active, .toggle-wrapper .toggle-title, .toggle-wrapper .toggle-title.active, .accordion-wrapper .accordion-title span, .accordion-wrapper .accordion-title.active span, .toggle-wrapper .toggle-title span, .toggle-wrapper .toggle-title.active span, .accordion-wrapper .accordion-content, .toggle-wrapper .toggle-content{border-color:#E1E0DF;} /* Forms */ form input, form select, form textarea{color:inherit; background-color:#fb9494; border-color:#E1E0DF;} form input[type="submit"], form input[type="reset"]{color:inherit; background-color:inherit;} /* Tables */ table, table td, .table, .table .t-cell{border-color:#C0BEBB;} table thead th, .table .t-header .t-cell{color:#686868; background-color:#E1E0DF; border-color:#E1E0DF;} table tr, .table .t-row{color:inherit; background-color:inherit;} table tr:hover, .table .t-row:hover{ } .table.calendar .t-cell{border-color:;} .table.calendar .t-header .t-cell{color:; background-color:;} .table.calendar .t-body .t-cell:hover, .table.calendar .t-body .t-cell:empty{background-color:#F1F1F1;} .table.calendar .t-row:hover{color:inherit; background:inherit;} /* Social Icons */ .social a, .social.coloured a:hover{color:#FFFFFF; background-color:#666666;} .social a:hover, .social.coloured a{color:#FFFFFF;} /* Skillset */ .skillset span{color:inherit; background-color:#F1F1F1;} /*----------------------------------------------------------------------------------------*/ /*-------------------------------Colour Coding for pages.css------------------------------*/ /*----------------------------------------------------------------------------------------*/ /* Blog Overview */ #blog-posts #blog-overview .blog-post-excerpt{border-color:#E1E0DF;} /* Blog Post Single */ #blog-post .post-author-bio, #blog-post .post-content-wrapper .post-content .blog-post-meta, #blog-post .blog-post-related ul.related li img, #blog-post #comment-list .comment-wrapper .comment-meta .comment-author .comment-date .comment-reply, #blog-post #comment-list .comment-wrapper .comment-meta .comment-avatar img, #blog-post #comment-list .comment-wrapper .comment-content{border-color:#E1E0DF;} /* Portfolio Overview */ #portfolio ul li article{border-color:#E1E0DF;} /* About Us */ figure.team-member figcaption .team-description{border-color:#E1E0DF;} /*----------------------------------------------------------------------------------------*/ /*-------------------------------Colour Coding for layout.css------------------------------*/ /*----------------------------------------------------------------------------------------*/ html.boxed body{color:#919191; background-color:#000000;} .boxholder{border-color:#E1E0DF;} /* Row Styling */ .row0, .row0 a{color:#FFFFFF;} .row1, .row1 a{color:#686868; background-color:#FFFFFF;} .row2{ color: #686868; background-color: #7d0202; border-color: #7d0202;} .row3, .row3 a{color:#FFFFFF;} .row4{color:#686868; background-color:#FFFFFF;} .row5{border-color:#FFFFFF;} .row6{border-color:#FFFFFF;} /* Generalise */ h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{border-color:#E1E0DF;} /* Main Container => Content + Sidebar */ .sidebar aside .sbtitle span{color:#E1E0DF; background-color:inherit;} .sidebar aside .latest-comments li{border-color:#E1E0DF;} .col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px} .col-xs-12{float:left} .col-xs-12{width:15%; margin-left: 10px} .view { height: auto; float: left; vertical-align: middle; overflow: hidden; position: relative; text-align: center; padding: 20px 0; cursor: default; border: solid 1px #e04d4d; width: 100%; } .view .mask, .view .content { width: 100%; height: auto; position: absolute; overflow: hidden; top: 0; left: 0; padding: 12px 0; } .view .mask h2 { margin: 0; } .view img { display: block; position: relative; } .view h3 { text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px !important; } .view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 14px; padding: 20px 11px 1px; background: rgba(0, 0, 0, 0.8); margin: 10px 0 0 0; font-family: 'Open Sans', sans-serif; font-weight: 600; } .view p { position: relative; color: #fff; padding: 10px 10px 10px; text-align: center; } .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: none; color: #fff; text-transform: uppercase; border: solid 1px #fff; border-radius: 5px; } /*secod effect of hover box*/ a.info1 { display: inline-block; text-decoration: none; padding: 7px 14px; background: none; color: #000; text-transform: uppercase; border: solid 1px #68d0f3; border-radius: 5px; } .box_hover h3 { font-size: 17px; text-transform: uppercase; padding-bottom: 10px; border-bottom: solid 1px #ccc; transition: 0.5s; } .img_bx { width: 86px; height: 85px; background: url(../../images/it-services-contact-us-icon1.png) no-repeat; margin: 0 auto; transition: 0.5s; border: solid 1px #086394; border-radius: 300px; } .img_bx-ad1 { width: 180px; height: 100px; background: url(../../images/it-services-contact-us-icon1.png) no-repeat; margin: 0 auto; transition: 0.5s; } .img_bx1 { background: url(../../images/career-advisor-icon.png) no-repeat; } .img_bx2 { background: url(../../images/education-advisor-icon.png) no-repeat; } .img_bx3 { background: url(../../images/food-and-beverage-icon.png) no-repeat; } .img_bx4 { background: url(../../images/hotel-and-resorts-icon.png) no-repeat; } .img_bx5 { background: url(../../images/packerand-movers-icon.png) no-repeat; } .img_bx6 { background: url(../../images/recruitment-icon-contact-us.png) no-repeat; } .img_bx-ad { background: url(../images/place-your-ad-contact2me.png) no-repeat; } .box_hover p { margin: 20px 0; } .box_hover:hover a.info1 { background: #086394; color: #fff; transition: 0.5s; } .box_hover:hover .img_bx { background: #086394 url(../../images/icon_1_hover.png)no-repeat; transition: 0.5s; } .box_hover:hover .img_bx1 { background: #086394 url(../../images/icon_2_hover.png)no-repeat; transition: 0.5s; } .box_hover:hover .img_bx2 { background: #086394 url(../../images/icon_3_hover.png)no-repeat; transition: 0.5s; } .box_hover:hover .img_bx3 { background: #086394 url(../../images/icon_4_hover.png)no-repeat; transition: 0.5s; } .box_hover:hover .img_bx4 { background: #086394 url(../../images/icon_5_hover.png)no-repeat; transition: 0.5s; } .box_hover:hover .img_bx5 { background: #086394 url(../../images/icon_6_hover.png)no-repeat; transition: 0.5s; } /******************************/ .view-fifth .img_box, .view-fifth .img_box1, .view-fifth .img_box2, .view-fifth .img_box3, .view-fifth .img_box4, .view-fifth h3 { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .view-fifth .mask { background-color: #086394; -webkit-transform: translateY(300px); -moz-transform: translateY(300px); -o-transform: translateY(300px); -ms-transform: translateY(300px); transform: translateY(300px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.3s ease-in-out; } .view-fifth h2 { background: none; color: #fff; font-family: 'Open Sans', sans-serif; } .view-fifth p { font-family: 'Open Sans', sans-serif; filter: alpha(opacity=0); opacity: 0; color: #fff; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } .view-fifth:hover .mask { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .view-fifth:hover .img_bx, .view-fifth:hover .img_bx1, .view-fifth:hover .img_bx2, .view-fifth:hover .img_bx3, .view-fifth:hover .img_bx4, .view-fifth:hover h3 { -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -o-transform: translateY(-300px); -ms-transform: translateY(-300px); transform: translateY(-300px); } .view-fifth .mask img { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); margin-top: 10px; } .view-fifth:hover p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .mask{ min-height: 400px !important; cursor: pointer;} h1 span:after, h2 span:after, h3 span:after, h4 span:after, h5 span:after, h6 span:after{background-color:#7D0202;} #intro .cc.circle{color:#B9282C; background-color:#FFFFFF;} #intro a:hover .cc.circle{color:#FFFFFF; background-color:#B9282C;} #p-footer .cc.circle{background-color:#7D0202;} .date-icon{color:#FFFFFF; background-color:#7D0202;} .date-icon em{color:inherit; background-color:#B9282C;} /* Link Block */ .linkblock .title{border-color:#B9282C;} /*----------------------------------------------------------------------------------------*/ /*-------------------------------Colour Coding for navigation.css-------------------------*/ /*----------------------------------------------------------------------------------------*/ /* Top Navigation */ #topnav li.active a, #topnav a:hover, #topnav li:hover > a, #topnav ul li li:hover > a, #topnav ul li.active ul .active > a{color:#FFFFFF; background-color:#7D0202;} #topnav li.active a, #topnav li:hover a{border-top-color:#700B0A;} /* Page Breadcrumb */ .breadcrumb li:last-child a{color:#B9282C;} /* Sidebar Navigation */ .container .sidebar aside nav a:hover, .container .sidebar aside nav .active > a{color:#B9282C; background-color:inherit;} /* Scroll To Top */ #scrolltotop{color:#FFFFFF; background-color:#B9282C;} /*----------------------------------------------------------------------------------------*/ /*-------------------------------Colour Coding for elements.css---------------------------*/ /*----------------------------------------------------------------------------------------*/ /* To completely override all the pre-defined button colours uncomment the following */ /*.button.blue, .button.green, .button.grey, .button.maroon, .button.orange, .button.purple, .button.red, .button.yellow, .button.black, .button.white{ color:#FFFFFF; background-color:#B9282C;} .button.blue:hover, .button.green:hover, .button.grey:hover, .button.maroon:hover, .button.orange:hover, .button.purple:hover, .button.red:hover, .button.yellow:hover, .button.black:hover, .button.white:hover{ color:#FFFFFF; background-color:#7D0202;}*/ /* Lists - For ul + ol */ .list.tagcloud li a:hover, .list.posttags li a:hover{color:#FFFFFF; background-color:#B9282C;} .list.posttags li a:hover:before{border-right-color:#B9282C;} /* Call To Action - Best used as a full width banner */ .calltoaction.opt1, .calltoaction.opt2, .calltoaction.opt3{border-color:#B9282C;} /* Jquery Tabs */ .tab-wrapper .tab-nav li.ui-tabs-active a{border-top-color:#B9282C;} /* Jquery Accordion + Jquery Toggle */ .accordion-title:hover, .toggle-title:hover, .accordion-wrapper .accordion-title.active, .toggle-wrapper .toggle-title.active{color:#FFFFFF; background-color:#B9282C;} /*----------------------------------------------------------------------------------------*/ /*-------------------------------Colour Coding for pages.css------------------------------*/ /*----------------------------------------------------------------------------------------*/ /* Site Wide Shared Classes */ .blog-post-title a:hover{color:#B9282C; background-color:inherit;} /* Homepage */ #intro ul{border-color:#B9282C;} /* Gallery */ #gallery section figure ul li a:hover:after{color:#B9282C;} /*----------------------------------------------------------------------------------------*/ /*-------------------------------Colour Coding for layout.css------------------------------*/ /*----------------------------------------------------------------------------------------*/ .row0{background-color:#7D0202; border-color:#B9282C;} .row0 a{background-color:#B9282C;} .row1, .row1 a{} .row2{} .row3{background-color:#700B0A;} .row4{border-color:#7D0202;} .row5, .row5 a{color:#E1E0DF; background-color:#7D0202;} .row6, #copyright a{color:#E1E0DF; background-color:#656462;} /* Topbar */ #topbar form input{background-color:#B9282C;} #topbar form button[type="submit"]{color:inherit; background-color:#D95558;} /* Footer */ #p-footer form input{background-color:#7D0202;} #p-footer form input[type="submit"]{color:inherit; background-color:#D95558;} /* Copyright */ address, article, aside, figcaption, figure, footer, header, nav, section{display:block; margin:0; padding:0;} /* General Classes ---------------------------------------------------------------------------------------------------------------------------------------*/ .justify{text-align:justify;} .bold{font-weight:bold;} .center{text-align:center;} .right, .read-more{text-align:right;} .uppercase{text-transform:uppercase;} .normal{font-style:normal;} .hidden{display:none;} .nospace{margin:0; padding:0;} .block{display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .iblock{display:inline-block;} .clear{display:block; clear:both;} .clear:after{display:block; visibility:hidden; height:0; clear:both; font-size:0; content:"";} a, :focus, :active{text-decoration:none; outline:none;} .fl_left{float:left;} .fl_right{float:right;} img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;} .imgl{float:left; margin:0 15px 10px 0; clear:left;} .imgr{float:right; margin:0 0 10px 15px; clear:right;} nav ul, nav ol{margin:0; padding:0; list-style:none;} .boxholder{padding:4px; border:1px solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* Grid Layout - Based on 1140px & uses 48px gutter => 12*51 + 11*48 = 1140px ---------------------------------------------------------------------------------------------------------------------------------------*/ [class^="col-"], [class*=" col-"]{position:relative; display:inline; float:left; list-style:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} [class^="col-"]:first-child, [class*=" col-"]:first-child, [class^="col-"].nogutter, [class*=" col-"].nogutter{} .first{margin-left:0; clear:left;} .full_width{display:block; width:100%; clear:both; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} body .wrapper{display:block; width:100%; margin:0; padding:0; word-wrap:break-word;} html.boxed .wrapper{max-width:90%; margin:0 auto;} /* Half */ .col-1-2{width:47.89473684210526%;} .col-1-2.nogutter{width:50%;} /* Third */ .col-1-3{width:30.52631578947368%;} .col-2-3{width:65.26315789473685%;} .col-1-3.nogutter{width:33.33333333333333%;} .col-2-3.nogutter{width:66.66666666666666%;} /* Quarter */ .col-1-4{width:21.8421052631579%;} .col-2-4{width:47.89473684210526%;} .col-3-4{width:73.94736842105263%;} .col-1-4.nogutter{width:25%;} .col-2-4.nogutter{width:50%;} .col-3-4.nogutter{width:75%;} /* Fifth */ .col-1-5{width:16.63157894736842%;} .col-2-5{width:37.47368421052632%;} .col-3-5{width:58.31578947368421%;} .col-4-5{width:79.15789473684211%;} .col-1-5.nogutter{width:20%;} .col-2-5.nogutter{width:40%;} .col-3-5.nogutter{width:60%;} .col-4-5.nogutter{width:80%;} /* Sixth */ .col-1-6{width:13.1578947368421%;} .col-2-6{width:30.52631578947368%;} .col-3-6{width:47.89473684210526%;} .col-4-6{width:65.26315789473685%;} .col-5-6{width:82.63157894736842%;} .col-1-6.nogutter{width:16.66666666666666%;} .col-2-6.nogutter{width:33.33333333333333%;} .col-3-6.nogutter{width:50%;} .col-4-6.nogutter{width:66.66666666666666%;} .col-5-6.nogutter{width:83.33333333333334%;} /* General Sizing / Spacing ---------------------------------------------------------------------------------------------------------------------------------------*/ /* Push Elements Down */ .push5{margin-bottom:5px;} .push10{margin-bottom:10px;} .push15{margin-bottom:15px;} .push20{margin-bottom:20px; color:#fffbd5} .push25{margin-bottom:25px;} .push30{margin-bottom:30px;} .push35{margin-bottom:35px;} .push40{margin-bottom:40px;} .push45{margin-bottom:45px;} .push50{margin-bottom:50px;} .push55{margin-bottom:55px;} .push60{margin-bottom:60px;} .push65{margin-bottom:65px;} .push70{margin-bottom:70px;} .push75{margin-bottom:75px;} .push80{margin-bottom:80px;} .push85{margin-bottom:85px;} .push90{margin-bottom:90px;} .push95{margin-bottom:95px;} .push100{margin-bottom:100px;} /* Pad Elements Out */ .pad5{padding:5px;} .pad10{padding:10px;} .pad15{padding:15px;} .pad20{padding:20px;} .pad25{padding:25px;} .pad30{padding:30px;} .pad35{padding:35px;} .pad40{padding:40px;} .pad45{padding:45px;} .pad50{padding:50px;} .pad55{padding:55px;} .pad60{padding:60px;} .pad65{padding:65px;} .pad70{padding:70px;} .pad75{padding:75px;} .pad80{padding:80px;} .pad85{padding:85px;} .pad90{padding:90px;} .pad95{padding:95px;} .pad100{padding:100px;} /* Give Elements Width */ [class^="w-"], [class*=" w-"]{width:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .w-5{width:5%;} .w-10{width:10%;} .w-15{width:15%;} .w-20{width:20%;} .w-25{width:25%;} .w-30{width:30%;} .w-35{width:35%;} .w-40{width:40%;} .w-45{width:45%;} .w-50{width:50%;} .w-55{width:55%;} .w-60{width:60%;} .w-65{width:65%;} .w-70{width:70%;} .w-75{width:75%;} .w-80{width:80%;} .w-85{width:85%;} .w-90{width:90%;} .w-95{width:95%;} .w-100{width:100%;} /* Base Colours ---------------------------------------------------------------------------------------------------------------------------------------*/ .blue{color:#56AED4;} .black{color:#000000;} .green{color:#84B533;} .grey{color:#A8A8A8;} .dkgrey{color:#333333;} .maroon{color:#800000;} .orange{color:#FDA46A;} .purple{color:#795984;} .red{color:#B9282C;} .yellow{color:#FFC600;} .white{color:#FFFFFF;} .bg_blue{color:#FFFFFF; background-color:#56AED4;} .bg_black{color:#FFFFFF; background-color:#000000;} .bg_green{color:#FFFFFF; background-color:#84B533;} .bg_grey{color:#FFFFFF; background-color:#A8A8A8;} .bg_dkgrey{color:#FFFFFF; background-color:#333333;} .bg_maroon{color:#FFFFFF; background-color:#800000;} .bg_orange{color:#FFFFFF; background-color:#FDA46A;} .bg_purple{color:#FFFFFF; background-color:#795984;} .bg_red{color:#FFFFFF; background-color:#B9282C;} .bg_yellow{color:#FFFFFF; background-color:#FFC600;} .bg_white{color:#666666; background-color:#FFFFFF;} /* Call To Action - Best used as a full width banner ---------------------------------------------------------------------------------------------------------------------------------------*/ .calltoaction{display:block; padding:30px; text-transform:uppercase; font-size:1em;} .container .calltoaction h1{margin:0 0 12px 0; padding:0; font-size:2em; text-transform:uppercase;} .calltoaction p{margin:0; padding:0; line-height:1.4em; text-transform:none;} .calltoaction .button{display:block; text-align:center; line-height:1.4em;} .calltoaction.opt1, .calltoaction.opt2, .calltoaction.opt3{border:solid;} .calltoaction.opt1{border-width:0 0 0 5px;} .calltoaction.opt2{border-width:0 5px 0 0;} .calltoaction.opt3{border-width:0 5px;} /* Underlined Headlines ---------------------------------------------------------------------------------------------------------------------------------------*/ h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{display:block; position:relative; padding-bottom:5px; border-bottom:1px solid;} h1 span:before, h2 span:before, h3 span:before, h4 span:before, h5 span:before, h6 span:before{} h1 span:after, h2 span:after, h3 span:after, h4 span:after, h5 span:after, h6 span:after{display:block; position:absolute; bottom:-2px; left:0; width:40px; height:3px; content:"";} /* In use with Font Awesome we must override */ h1 span[class^="icon-"], h2 span[class^="icon-"], h3 span[class^="icon-"], h4 span[class^="icon-"], h5 span[class^="icon-"], h6 span[class^="icon-"]{padding-bottom:0; border-bottom:none;} h1 span[class^="icon-"]:before, h2 span[class^="icon-"]:before, h3 span[class^="icon-"]:before, h4 span[class^="icon-"]:before, h5 span[class^="icon-"]:before, h6 span[class^="icon-"]:before{} h1 span[class^="icon-"]:after, h2 span[class^="icon-"]:after, h3 span[class^="icon-"]:after, h4 span[class^="icon-"]:after, h5 span[class^="icon-"]:after, h6 span[class^="icon-"]:after{display:none;} /* Lists - ul + ol ---------------------------------------------------------------------------------------------------------------------------------------*/ ul.nospace, ol.nospace{list-style:none;} .nospace.inline li{display:inline-block;} .nospace.spacing li{margin-bottom:25px;} .nospace.spacing li:last-child{margin-bottom:0;} .list{margin:10px 0; padding:0; list-style-position:inside;} .list.indent{margin-left:20px;} .list li{margin:6px 0 0 0; padding:0;} .list li:first-child{margin-top:0;} .list li > ul, .list li > ol{margin:8px 0 8px 30px;} .list.archives.blue a{color:#56AED4;} .list.archives.green a{color:#84B533;} .list.archives.grey a{color:#A8A8A8;} .list.archives.dkgrey a{color:#333333;} .list.archives.orange a{color:#FDA46A;} .list.archives.purple a{color:#795984;} .list.archives.red a{color:#B9282C;} .list.archives.yellow a{color:#FFC600;} .list.disc{list-style-type:disc;} .list.roman{list-style-type:upper-roman;} .list.alpha{list-style-type:upper-alpha;} .list.decimal{list-style-type:decimal;} .list.doughnut{list-style-type:circle;} .list.none, .list.block, .list.tick, .list.arrow, .list.tagcloud, .list.underline{list-style-type:none;} .list.block li > ul, .list.block li > ol{padding:0 0 0 10px; list-style:none; border:solid; border-width:0 0 0 1px;} .list.tick li, .list.tick li .list.tick li, .list.arrow li, .list.arrow li .list.arrow li{position:relative; padding-left:22px;} .list.tick li:before, .list.arrow li:before, .list.tick li:after, .list.arrow li:after{position:absolute; top:0; font-family:"FontAwesome"; font-size:13px;} .list.tick li:before, .list.arrow li:before{left:0;} .list.tick li:before, .list.tick li .list.tick li:before{content:"\f00c";} .list.arrow li:before, .list.arrow li .list.arrow li:before{content:"\f061";} /* Override, otherwise all nested li elements have the tick or arrow */ .list.tick li ul, .list.arrow li ul{margin:inherit; padding:inherit;} .list.tick li li, .list.arrow li li{position:relative; padding-left:0;} .list.tick li li:before, .list.arrow li li:before{content:"";} .list.underline li{margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid;} .list.underline li:last-child{margin-bottom:0;} .list.tagcloud li{display:inline-block; margin:0 5px 5px 0;} .list.tagcloud li a{display:block; padding:4px 10px; text-transform:capitalize;} .list.tagcloud.rnd5 a{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .list.tagcloud.rnd8 a{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} .list.tagcloud.rnd10 a{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} .list.tagcloud.rnd12 a{-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;} .list.posttags{margin:0; padding:0 0 0 12px; list-style:none;} .list.posttags li{display:inline-block; position:relative; margin:0 15px 5px 0; text-transform:capitalize;} .list.posttags li:last-child{margin-right:0;} .list.posttags li a{display:block; position:relative; padding:5px 12px; font-size:11px; line-height:normal;} .list.posttags li a:before{position:absolute; top:0; left:-12px; bottom:0; content:""; border-style:solid; border-width:12px 12px 12px 0; border-color:transparent;} .list.posttags li a:after{position:absolute; top:10px; left:0; width:4px; height:4px; content:""; background:#FFFFFF; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:-1px -1px 2px #000; -webkit-box-shadow:-1px -1px 2px #000; box-shadow:-1px -1px 2px #000;} .list.posttags.rnd5 li a{-moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;} .list.posttags.rnd8 li a{-moz-border-radius:0 8px 8px 0; -webkit-border-radius:0 8px 8px 0; border-radius:0 8px 8px 0;} .list.posttags.rnd10 li a{-moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; border-radius:0 10px 10px 0;} .list.posttags.rnd12 li a{-moz-border-radius:0 12px 12px 0; -webkit-border-radius:0 12px 12px 0; border-radius:0 12px 12px 0;} /* Dividers ---------------------------------------------------------------------------------------------------------------------------------------*/ hr, .divider1, .divider2, .divider3{display:block; width:100%; height:20px; margin:30px 0; padding:0; border-top:1px; clear:both;} .divider1{border-top-style:solid;} .divider2{border-top-style:dotted;} .divider3{border-top-style:dashed;} hr{height:1px; margin:25px 0; border:none;} /* Dropcaps ---------------------------------------------------------------------------------------------------------------------------------------*/ .dropcap{display:block; float:left; clear:left; margin:0 10px 0 0; padding:10px 15px; font-size:28px; line-height:1.2em; font-weight:bold; text-align:center; border:1px solid #E5E4E3;} /* Blockquotes / Quotes ---------------------------------------------------------------------------------------------------------------------------------------*/ blockquote, q{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} blockquote:before, q:before, blockquote:after, q:after{quotes:none;} blockquote, blockquote:before, blockquote:after{border:solid;} blockquote{display:block; width:auto; margin:15px 0; padding:15px; border-width:0 0 0 5px; font-size:1em; line-height:1.2em; text-transform:none; font-style:normal;} /* Buttons ---------------------------------------------------------------------------------------------------------------------------------------*/ .button{display:inline-block; font-weight:normal; line-height:normal;} .button.small{font-size:.9em; padding:5px 15px;} .button.medium{font-size:1.1em; padding:8px 15px;} .button.large{font-size:1.4em; padding:10px 22px;} .button.black{color:#FFFFFF; background-color:#000000;} .button.black:hover{color:#FFFFFF; background-color:#232323;} .button.blue{color:#FFFFFF; background-color:#56AED4;} .button.blue:hover{color:#FFFFFF; background-color:#1C546C;} .button.green{color:#FFFFFF; background-color:#84B533;} .button.green:hover{color:#FFFFFF; background-color:#98BA55;} .button.grey{color:#FFFFFF; background-color:#A8A8A8;} .button.grey:hover{color:#FFFFFF; background-color:#C9C9C9;} .button.maroon{color:#FFFFFF; background-color:#800000;} .button.maroon:hover{color:#FFFFFF; background-color:#400000;} .button.orange{color:#FFFFFF; background-color:#FDA46A;} .button.orange:hover{color:#FFFFFF; background-color:#A66000;} .button.purple{color:#FFFFFF; background-color:#795984;} .button.purple:hover{color:#FFFFFF; background-color:#48344E;} .button.red{color:#FFFFFF; background-color:#B9282C;} .button.red:hover{color:#FFFFFF; background-color:#7A1B1D;} .button.white{color:#666666; background-color:#FFFFFF; border:1px solid #E0E0E0;} .button.white:hover{color:#666666; background-color:#EFEFEF;} .button.yellow{color:#FFFFFF; background-color:#FFC600;} .button.yellow:hover{color:#FFFFFF; background-color:#D2A402;} /* Alert Messages ---------------------------------------------------------------------------------------------------------------------------------------*/ .alert-msg{display:block; position:relative; margin:15px 0; padding:15px 20px; border:1px solid #F00000;} .alert-msg a{background-color:transparent;} .alert-msg.info{background-color:#FFFFFF; border-color:#E0E0E0;} .alert-msg.warning{background-color:#FEE794; border-color:#FDC703;} .alert-msg.success{background-color:#C2E4CD; border-color:#76C38F;} .alert-msg.error{background-color:#F3CBCC; border-color:#B9282C;} .alert-msg .close{position:absolute; top:15px; right:15px; font-weight:bold; font-size:1.4em;} /* Same colour as the border - unless to light */ .alert-msg.info .close{color:#A8A8A8;} .alert-msg.warning .close{color:#FDC703;} .alert-msg.success .close{color:#76C38F;} .alert-msg.error .close{color:#B9282C;} /* Jquery Accordion + Jquery Toggle ---------------------------------------------------------------------------------------------------------------------------------------*/ .accordion-wrapper, .toggle-wrapper{display:block; position:relative; width:100%; margin-top:15px;} .accordion-wrapper:first-child, .toggle-wrapper:first-child{margin-top:0;} .accordion-wrapper .accordion-title, .accordion-wrapper .accordion-title.active, .toggle-wrapper .toggle-title, .toggle-wrapper .toggle-title.active{display:block; position:relative; padding:0 0 0 34px; border:1px solid;} .accordion-wrapper .accordion-title span, .accordion-wrapper .accordion-title.active span, .toggle-wrapper .toggle-title span, .toggle-wrapper .toggle-title.active span{display:block; padding:8px 15px; border:solid; border-width:0 0 0 1px;} .accordion-wrapper .accordion-title:before, .toggle-wrapper .toggle-title:before, .accordion-wrapper .accordion-title.active:before, .toggle-wrapper .toggle-title.active:before{position:absolute; top:9px; left:9px; font-family:"FontAwesome"; font-size:20px;} .accordion-wrapper .accordion-title:before, .toggle-wrapper .toggle-title:before{content:"\f067";} .accordion-wrapper .accordion-title.active:before, .toggle-wrapper .toggle-title.active:before{content:"\f068";} .accordion-wrapper .accordion-content, .toggle-wrapper .toggle-content{display:none; padding:15px 20px; border:solid; border-width:0 1px 1px 1px;} aside .accordion-wrapper .accordion-content, aside .toggle-wrapper .toggle-content{padding:15px 15px 0 15px;} /* Jquery Tabs ---------------------------------------------------------------------------------------------------------------------------------------*/ .tab-wrapper{display:block; width:100%;} .tab-wrapper .tab-nav{position:relative; margin:0; padding:0; list-style:none;} .tab-wrapper .tab-nav li{display:inline-block; float:left; margin:0 -1px -1px 0;} .tab-wrapper .tab-nav li a{display:block; padding:10px 20px; border:1px solid;} .tab-wrapper .tab-nav li a:hover, .tab-wrapper .tab-nav li.ui-tabs-active a{color:inherit;} .tab-wrapper .tab-nav li.ui-tabs-active a{cursor:default;} .tab-wrapper .tab-container{display:block; padding:20px 25px 15px 25px; border:1px solid;} .tab-wrapper .tab-container .tab-content{} .tab-wrapper .tab-container .tab-content :first-child{margin-top:0;} /* Pricing Tables ---------------------------------------------------------------------------------------------------------------------------------------*/ .pricingtable-wrapper{text-align:center; line-height:normal; border:1px solid;} .pricingtable-wrapper .pricingtable{display:block;} .pricingtable-wrapper .pricingtable .pricingtable-title{} .container .pricingtable-title h2{margin:0; padding:20px 5px; text-transform:capitalize;} .pricingtable-wrapper .pricingtable .pricingtable-list{} .pricingtable-wrapper .pricingtable .pricingtable-list ul{margin:0; padding:0 25px; list-style:none;} .pricingtable-wrapper .pricingtable .pricingtable-list ul li{padding:10px 5px; border:solid; border-width:1px 0 0 0;} .pricingtable-wrapper .pricingtable .pricingtable-list ul li:first-child{border:none;} .pricingtable-wrapper .pricingtable .pricingtable-price{padding:15px 5px; font-size:2.5em;} .pricingtable-wrapper .pricingtable .pricingtable-price sup{font-size:.3em;} .pricingtable-wrapper .pricingtable .pricingtable-price span{display:block; margin:-5px 0 0 0; font-size:.3em;} .pricingtable-wrapper .pricingtable .pricingtable-signup{padding:20px 10px;} .pricingtable-wrapper .pricingtable .pricingtable-signup a{} /* Skillset ---------------------------------------------------------------------------------------------------------------------------------------*/ .skillset{margin:0 0 inherit 0; padding:0; list-style:none;} .skillset li, .skillset div{margin:8px 0 0 0;} .skillset li:first-child, .skillset div:first-child{margin-top:0;} .skillset strong{display:block; margin:0 0 2px 0;} .skillset span{display:block; margin:0; padding:3px;} .skillset em{display:block; min-height:10px; padding:2px 5px; font-weight:normal; font-style:normal; line-height:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .skillset em{color:#FFFFFF; background-color:#333333;} .skillset .bg_blue{color:#FFFFFF; background-color:#56AED4;} .skillset .bg_dkblue{color:#FFFFFF; background-color:#34495E;} .skillset .bg_green{color:#FFFFFF; background-color:#84B533;} .skillset .bg_grey{color:#FFFFFF; background-color:#A8A8A8;} .skillset .bg_dkgrey{color:#FFFFFF; background-color:#333333;} .skillset .bg_maroon{color:#FFFFFF; background-color:#800000;} .skillset .bg_orange{color:#FFFFFF; background-color:#FDA46A;} .skillset .bg_purple{color:#FFFFFF; background-color:#795984;} .skillset .bg_red{color:#FFFFFF; background-color:#B9282C;} .skillset .bg_yellow{color:#FFFFFF; background-color:#FFC600;} /* Forms ---------------------------------------------------------------------------------------------------------------------------------------*/ form, fieldset, legend, label{margin:0; padding:0; border:none;} form{display:block; width:100%;} form div, form p{margin:0; padding:0;} legend{display:none;} label{display:block;} label input{margin-top:5px;} input[type="radio"] + label, input[type="checkbox"] + label{display:inline-block;}/* Label must be after the input element */ input, textarea, select{display:block; width:100%; padding:5px; border:1px solid; resize:none; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} input[type="submit"], input[type="reset"], input[type="radio"], input[type="checkbox"]{display:inline-block; width:auto; margin:0; padding:5px 15px; cursor:pointer;} input[type="radio"], input[type="checkbox"]{padding:0; border:none; border:0; /* Use both methods due to different browser rendering */} textarea{overflow:auto;} select{padding:8px; cursor:pointer;} select option{display:block; margin:10px; padding:0; cursor:pointer; outline:none; border:none; text-transform:capitalize; font-size:1em;} input.button, button.button{width:auto; border:none; cursor:pointer;} button.button{display:inline-block; margin:0; padding:0; background-color:transparent;} button.button span{display:inline-block; padding:5px 10px;} form.rnd5 input, form.rnd5 textarea{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} form.rnd8 input, form.rnd8 textarea{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} form.rnd10 input, form.rnd10 textarea{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} form.rnd12 input, form.rnd12 textarea{-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;} .required{color:#F00000; background-color:inherit;} /* Tables ---------------------------------------------------------------------------------------------------------------------------------------*/ table, .table{table-layout:auto; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} table caption, .table .t-caption{text-align:left; font-weight:bold; text-transform:none; margin-bottom:15px;} table thead th, .table .t-header .t-cell{font-weight:normal; font-size:18px; vertical-align:middle; text-transform:uppercase; font-family:"Times New Roman", Times, serif;} table, table th, table td, .table, .table .t-cell{ border-collapse:collapse; border-spacing:0; vertical-align:top;} table th, table td, .table .t-cell{padding:15px;} .table{display:table;} .table .t-row{display:table-row;} .table .t-header{display:table-header-group;} .table .t-body{display:table-row-group;} .table .t-foot{display:table-footer-group;} .table .t-col{display:table-column;} .table .t-colgroup{display:table-column-group;} .table .t-cell{display:table-cell;} .table .t-caption{display:table-caption;} .table.calendar{max-width:100%; text-align:center; line-height:1em;} .table.calendar a{display:block; background-color:transparent;} .table.calendar .t-caption{text-align:center; text-transform:uppercase;} .table.calendar .t-cell{padding:5px 0; max-height:12px;} .table.calendar .t-header .t-cell{font-weight:bold; font-size:13px;} /* Font Awesome Additions ---------------------------------------------------------------------------------------------------------------------------------------*/ .icon-6x{font-size:6em;} .icon-8x{font-size:8em;} .icon-10x{font-size:10em;} /* Social Icons ---------------------------------------------------------------------------------------------------------------------------------------*/ .social{margin:0; padding:0; list-style:none;} .social li, .social div{display:inline-block; margin:0 2px 2px 0; line-height:normal;} .social li:last-child, .social li.last, .social div:last-child, .social div.last{margin-right:0;} .social li.socialtitle span{display:table-cell; height:30px; text-align:center; vertical-align:middle;} [class^="socico-"] em, [class*=" socico-"] em, [class^="icon-"] em, [class*=" icon-"] em{display:none;} [class^="socico-"], [class*=" socico-"]{font-size:1.2em; display:table-cell; width:30px; height:30px; text-align:center; vertical-align:middle;} [class^="socico-"]:hover, [class*=" socico-"]:hover, .social.coloured a:hover{color:#FFFFFF; background-color:#CCCCCC;} .social .socico-adn:hover, .social.coloured .socico-adn{background-color:#4A484C;} .social .socico-android:hover, .social.coloured .socico-android{background-color:#A4C639;} .social .socico-apple:hover, .social.coloured .socico-apple{background-color:#000000;} .social .socico-bitbucket:hover, .social.coloured .socico-bitbucket{background-color:#205081;} .social .socico-bitcoin:hover, .social.coloured .socico-bitcoin{background-color:#F7931A;} .social .socico-css3:hover, .social.coloured .socico-css3{background-color:#0070BB;} .social .socico-dribble:hover, .social.coloured .socico-dribble{background-color:#EA4C89;} .social .socico-dropbox:hover, .social.coloured .socico-dropbox{background-color:#3D9AE8;} .social .socico-facebook:hover, .social.coloured .socico-facebook{background-color:#3B5998;} .social .socico-flickr:hover, .social.coloured .socico-flickr{background-color:#FF0084;} .social .socico-foursquare:hover, .social.coloured .socico-foursquare{background-color:#25A0CA;} .social .socico-github:hover, .social.coloured .socico-github{background-color:#171516;} .social .socico-gittip:hover, .social.coloured .socico-gittip{background-color:#614C3E;} .social .socico-google-plus:hover, .social.coloured .socico-google-plus{background-color:#DB4A39;} .social .socico-html5:hover, .social.coloured .socico-html5{background-color:#E34C26;} .social .socico-instagram:hover, .social.coloured .socico-instagram{background-color:#3F729B;} .social .socico-linkedin:hover, .social.coloured .socico-linkedin{background-color:#0E76A8;} .social .socico-linux:hover, .social.coloured .socico-linux{background-color:#000000;} .social .socico-maxcdn:hover, .social.coloured .socico-maxcdn{background-color:#F5AE34;} .social .socico-pinterest:hover, .social.coloured .socico-pinterest{background-color:#C8232C;} .social .socico-renren:hover, .social.coloured .socico-renren{background-color:#005EA8;} .social .socico-rss:hover, .social.coloured .socico-rss{background-color:#EE802F;} .social .socico-skype:hover, .social.coloured .socico-skype{background-color:#00AFF0;} .social .socico-stackexchange:hover, .social.coloured .socico-stackexchange{background-color:#000000;} .social .socico-trello:hover, .social.coloured .socico-trello{background-color:#2174A6;} .social .socico-tumblr:hover, .social.coloured .socico-tumblr{background-color:#34526F;} .social .socico-twitter:hover, .social.coloured .socico-twitter{background-color:#00ACEE;} .social .socico-vk:hover, .social.coloured .socico-vk{background-color:#4E658E;} .social .socico-weibo:hover, .social.coloured .socico-weibo{background-color:#E32529;} .social .socico-windows:hover, .social.coloured .socico-windows{background-color:#94BF65;} .social .socico-xing:hover, .social.coloured .socico-xing{background-color:#126567;} .social .socico-youtube:hover, .social.coloured .socico-youtube{background-color:#C4302B;} .social.rnd5 li a{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .social.rnd8 li a{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} .social.rnd10 li a{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} .social.rnd12 li a{-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;} .social.rnd50 li a{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; line-height:1em;} /* Media Container ---------------------------------------------------------------------------------------------------------------------------------------*/ .mediabox{display:block; width:100%; position:relative; margin:0; padding:0;} .mediabox iframe{display:block; margin:0; padding:0;} /* Circles ---------------------------------------------------------------------------------------------------------------------------------------*/ .circle{display:inline-block; position:relative; text-align:center; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} .circle.xsmall{width:40px; height:40px; font-size:2em; line-height:2.3em;} .circle.small{width:80px; height:80px; font-size:3em; line-height:2.1em;} .circle.medium{width:120px; height:120px; font-size:5em; line-height:1.7em;} .circle.large{width:200px; height:200px; font-size:8em; line-height:1.8em;} /* Opacity ---------------------------------------------------------------------------------------------------------------------------------------*/ .opacity-0{opacity:0; filter:alpha(opacity=0);} .opacity-10{opacity:0.1; filter:alpha(opacity=10);} .opacity-20{opacity:0.2; filter:alpha(opacity=20);} .opacity-30{opacity:0.3; filter:alpha(opacity=30);} .opacity-40{opacity:0.4; filter:alpha(opacity=40);} .opacity-50{opacity:0.5; filter:alpha(opacity=50);} .opacity-60{opacity:0.6; filter:alpha(opacity=60);} .opacity-70{opacity:0.7; filter:alpha(opacity=70);} .opacity-80{opacity:0.8; filter:alpha(opacity=80);} .opacity-90{opacity:0.9; filter:alpha(opacity=90);} .opacity-100, [class^="opacity-"]:hover, [class*=" opacity-"]:hover{opacity:1; filter:alpha(opacity=100);} /* Transparent ---------------------------------------------------------------------------------------------------------------------------------------*/ .transparent-0{color:inherit; background-color:rgba(0,0,0,0);} .transparent-10{color:inherit; background-color:rgba(0,0,0,.1);} .transparent-20{color:inherit; background-color:rgba(0,0,0,.2);} .transparent-30{color:inherit; background-color:rgba(0,0,0,.3);} .transparent-40{color:inherit; background-color:rgba(0,0,0,.4);} .transparent-50{color:inherit; background-color:rgba(0,0,0,.5);} .transparent-60{color:inherit; background-color:rgba(0,0,0,.6);} .transparent-70{color:inherit; background-color:rgba(0,0,0,.7);} .transparent-80{color:inherit; background-color:rgba(0,0,0,.8);} .transparent-90{color:inherit; background-color:rgba(0,0,0,.9);} [class^="transparent-"] a, [class*=" transparent-"] a{background-color:transparent;} /* Rounded Corners ---------------------------------------------------------------------------------------------------------------------------------------*/ .rnd5{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .rnd8{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} .rnd10{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} .rnd12{-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;} .rnd14{-moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px;} .rnd16{-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px;} .rnd18{-moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;} .rnd20{-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;} .rnd50{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} /* Code Blocks ---------------------------------------------------------------------------------------------------------------------------------------*/ code{word-wrap:break-word; white-space:normal;} code.code{display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} pre, pre code{word-wrap:break-word; white-space:pre-wrap;} /* Testimonials ---------------------------------------------------------------------------------------------------------------------------------------*/ .testimonial{margin-top:30px;} .testimonial:first-child{margin-top:0;} .testimonial div blockquote{position:relative; width:auto; margin:0; padding:0 0 0 60px; border:none;} .testimonial div blockquote:before{position:absolute; top:0; left:0; max-height:35px; overflow:hidden; content:"\201C"; font:bold 110px/80px arial; border:none;} .testimonial blockquote *{margin:15px 0 0 0; padding:0;} .testimonial blockquote *:first-child{margin-top:0;} .testimonial .testimonial-author{display:block; margin:inherit 0 0 0; padding:0; line-height:normal;} .testimonial .testimonial-author .testimonial-caption{display:block;} .testimonial .testimonial-author strong, .testimonial .testimonial-author span{display:block; margin:0; padding:0;} .testimonial .testimonial-author span{font-size:.8em;} .testimonial.opt2 blockquote{position:relative; width:100%; margin:0 0 20px 0; padding:20px; border-width:1px;} .testimonial.opt2 blockquote:after{position:absolute; bottom:-20px; left:20px; width:0; height:0; content:""; border-color:transparent; border-width:20px 15px 0 15px; border-top-color:inherit;} .testimonial.opt2 .testimonial-author{margin:0 0 0 20px;} .testimonial.opt3 blockquote{position:relative; width:100%; margin:0 0 20px 0; padding:20px; -moz-border-radius:8px 0 8px 8px; -webkit-border-radius:8px 0 8px 8px; border-radius:8px 0 8px 8px;} .testimonial.opt3 blockquote, .testimonial.opt3 blockquote:before, .testimonial.opt3 blockquote:after{border-width:1px;} .testimonial.opt3 blockquote:before{position:absolute; bottom:-20px; left:20px; width:0; height:0; content:""; border-color:transparent; border-width:20px 0 0 40px; border-top-color:inherit;} .testimonial.opt3 blockquote:after{position:absolute; top:-1px; right:-1px; width:25px; height:25px; padding:2px 0 0 0; overflow:hidden; content:"\201D"; font:bold 30px/35px arial; text-align:center; border-color:inherit; -moz-border-radius:0 0 0 8px; -webkit-border-radius:0 0 0 8px; border-radius:0 0 0 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .testimonial.opt3 .testimonial-author{width:100%; margin:15px 0 0 0; font-size:12px;} .testimonial.opt3 .testimonial-author img{display:inline-block; float:left; margin:0 10px 0 0; max-width:50px; height:auto;} .testimonial.opt3 .testimonial-author .testimonial-caption{display:inline-block; float:left; margin-top:10px;} .testimonial.opt3 .testimonial-author span{display:inline;} /* Google Maps ---------------------------------------------------------------------------------------------------------------------------------------*/ .map{display:block; position:relative; width:100%; height:350px;}/* Height (min or max-height don't work) has to be defined, otherwise the map wont be shown */ .map #map_canvas{width:100%; height:100%;} .map #map_canvas img[src*="gstatic.com/"], #map_canvas img[src*="googleapis.com/"]{width:auto; max-width:none; height:auto;} @media screen and (min-width:180px) and (max-width:615px) { #topbar, #header, #topnav, #pageintro, #intro, .container, .linkblock, #p-footer, #copyright{max-width:90%; margin:0 auto;} .imgl, .imgr, .fl_left, .fl_right{display:inline-block; float:none;} [class^="col-"], [class*=" col-"], [class^="col-"].nogutter, [class*=" col-"].nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;} #topbar .fl_left, #topbar .fl_right, #header .fl_left, #header .fl_right, #pageintro .fl_left, #pageintro .fl_right, #copyright .fl_left, #copyright .fl_right{display:block; width:auto; margin:0; padding:0;} #topbar .fl_left, #header .fl_left, #pageintro .fl_left, #copyright .fl_left{margin-bottom:20px;} #header, #header .right{text-align:center;} #intro ul, #intro li{display:block; width:100%;} #intro li{border-width:0 1px 1px 1px; border-color:inherit;} #intro li:last-child{border-bottom:none;} #comment-list .list li > ul{margin:0 0 0 20px; padding:0; list-style:none;} .comment-wrapper .fl_left.w-10, .comment-wrapper .fl_left.w-90{display:block; width:100%; float:none;} #p-footer [class^="col-"], #p-footer [class*=" col-"]{margin:50px 0 0 0;} #p-footer [class^="col-"].first, #p-footer [class*=" col-"].first{margin:0;} .col-xs-12{ width: 100%; margin-top: 10px} } @media screen and (min-width:180px) and (max-width:850px) { #topnav ul{display:none;} } /* Framework Sizing ---------------------------------------------------------------------------------------------------------------------------------------*/ @media screen and (min-width:361px) { #topbar, #header, #pageintro, #intro, .container, .linkblock, #p-footer, #copyright{max-width:95%; margin:0 auto;} } @media screen and (min-width:1140px) { html.boxed .wrapper, #topbar, #header, #pageintro, #intro, .container, .linkblock, #p-footer, #copyright, .boxedslider{max-width:1140px; margin:0 auto;} html.boxed .wrapper{max-width:1200px;} html.boxed #topbar, html.boxed #header, html.boxed #topnav, html.boxed #pageintro, html.boxed #intro, html.boxed .container, html.boxed .linkblock, html.boxed #p-footer, html.boxed #copyright{max-width:95%; margin:0 auto;} } /* Other ---------------------------------------------------------------------------------------------------------------------------------------*/ @media screen and (min-width:851px) and (max-width:10000px) { /* Hide The Jquery Generated Navigation Form from 851px upwards */ #topnav form{display:none;} } @media screen and (max-width:850px) { .flex-homepage .flex-caption{position:absolute; top:20%; left:0; margin:0; padding:0;} .flex-homepage .flex-caption .fc-hpage *{margin:0 0 4px 0;} .flex-homepage .flex-caption .fc-hpage .font-xl{font-size:1.4em;} .flex-homepage .flex-caption .fc-hpage .font-small{font-size:.85em;} .flex-homepage .flex-caption .fc-hpage .button{margin:0;} .col-xs-12{ width: 100%; margin-top: 10px} } @media screen and (max-width:650px) { /* Creates A Container For Tables To Be Scrolled In */ .res-table{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;} .res-table table, .res-table .table{margin:0; padding:0; white-space:nowrap;} /* Sliders - Hide Captions */ .flex-caption{visibility:hidden; opacity:0; filter:alpha(opacity=0);}.col-xs-12{ width: 100%; margin-top: 10px} } .overlapblackbg,.wsmobileheader{display:none}.wsmenu{float:right;margin:0 auto;position:relative;}.wsmenu-list{text-align:left;margin:0 auto;width:100%;display:table;padding:0}.wsmenu-list>li{text-align:center;display:table-cell}.wsmenu-list>li>a .fa{float:right;font-size:19px;line-height:64px;margin:0 0 0 5px}.menucolimg{display:inline-block;height:100px;margin:0 0 15px;width:100%}.wsmenu-list li ul li a .fa.fa-angle-double-right{font-size:12px;margin:0 3px 0 -4px}.wsmenu-list li a .arrow:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #b3b3b3;content:"";float:right;height:0;margin:0 0 0 9px;position:absolute;text-align:right;top:22px;width:0}.wsmenu-list>li>a{display:block;color:#fff;padding:0 11px;line-height:63px;text-decoration:none;position:relative;font-size:14px}.megamenu,.wsmenu-submenu{position:absolute;border:1px solid #eee;background-color:#fff;-o-transition:-o-transform .3s,opacity .3s;-ms-transition:-ms-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;-webkit-transition:-webkit-transform .3s,opacity .3s}.wsmenu-list li:hover .megamenu{opacity:1}.megamenu{width:auto;top:63px;color:#000;z-index:99999;margin:0;text-align:left;padding:14px;font-size:15px;opacity:0;-o-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0}.product{left:-506px;right:0;width:1100px}.product .column{float:left;margin:0 0 0 12px;width:23%}.wsmenu-list .multiple-menu{right:0;width:100%}.wsmenu-list .multiple-menu-contact{right:0;width:300px}.multiple-menu .dropdown .fullwidthmenu .column{float:left;margin:0 0 0 12px;width:20%}.fullwidthmenu .column a{background-position:0 5px;color:#811b37;float:left;font-size:13px;line-height:22px;padding:0 0 0 13px;text-decoration:none;width:100%}.megamenu .column a:hover,.megamenu .column2 a:hover{color:#000;text-decoration:underline;transition:all .5s ease}.mobile-sub .megamenu h3{color:#000;padding:15px 0}.megamenu .title{border-bottom:1px solid #CCC;padding:9px 5px 9px 0;font-size:17px;color:#424242;margin:0 0 7px;text-align:left;height:39px}.link-list li a,.megacollink li a{line-height:18px;text-align:left;background:#fff!important;color:#666!important;border-right:0 none!important;display:block}.link-list li{display:block;white-space:nowrap;text-align:left}.link-list li a{padding:6px 0}.megacollink li{display:block;white-space:nowrap;text-align:left}.megacollink li a{padding:8px 0}.wsmenu-list .ad-style{width:28%;float:right}.wsmenu-list .ad-style a{border:none!important;padding:0!important;margin:0!important;line-height:normal!important;background-image:none!important}.mobile-sub .megamenu .ad-style a:hover{background-color:transparent!important}.wsmenu-list .megamenu li:hover>a{background:0 0!important}.wsmenu-list .megamenu li a:hover{background:0 0!important;text-decoration:underline}.wsmenu-list .megamenu li .fa{margin-right:5px;text-align:center;width:18px}.mrgtop{margin-top:15px}.show-grid div{padding-bottom:10px;padding-top:10px;background-color:#dbdbdb;border:1px solid #e7e7e7;color:#6a6a6a;margin:2px 0}.halfmenu{width:40%;right:auto!important;left:auto!important}.halfmenu .megacollink{width:48%;float:left;margin:0 1%}.halfdiv{width:35%;right:0!important;left:auto}.menu_form{width:100%;display:block}.menu_form input[type=text]{width:100%;border:1px solid #e2e2e2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#000;font-size:13px;padding:8px 5px;margin-bottom:8px}.wsmenu-list li>.wsmenu-submenu{transform-style:preserve-3d;-o-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateX(-75deg);-o-transform:rotateX(-75deg);-moz-transform:rotateX(-75deg);-webkit-transform:rotateX(-75deg);visibility:hidden}.wsmenu-list li:hover>.wsmenu-submenu{transform:rotateX(0);-o-transform:rotateX(0);-moz-transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1;visibility:visible}.wsmenu-submenu li>.wsmenu-submenu-sub{transform-style:preserve-3d;-o-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateX(-75deg);-o-transform:rotateX(-75deg);-moz-transform:rotateX(-75deg);-webkit-transform:rotateX(-75deg);visibility:hidden}.wsmenu-submenu li:hover>.wsmenu-submenu-sub{transform:rotateX(0);-o-transform:rotateX(0);-moz-transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1;visibility:visible}.wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub{transform-style:preserve-3d;-o-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateX(-75deg);-o-transform:rotateX(-75deg);-moz-transform:rotateX(-75deg);-webkit-transform:rotateX(-75deg);visibility:hidden}.wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub{transform:rotateX(0);-o-transform:rotateX(0);-moz-transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1;visibility:visible}.wsmenu-list li>.megamenu{transform-style:preserve-3d;-o-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateX(-75deg);-o-transform:rotateX(-75deg);-moz-transform:rotateX(-75deg);-webkit-transform:rotateX(-75deg);visibility:hidden}.wsmenu-list li:hover>.megamenu{transform:rotateX(0);-o-transform:rotateX(0);-moz-transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1;visibility:visible}.wsmenu-submenu{top:48px;z-index:1000;margin:0;padding:2px;opacity:0;-o-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0}.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub,.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub{min-width:220px;position:absolute;left:100%;top:0;-o-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0;-o-transition:-o-transform .4s,opacity .4s;-ms-transition:-ms-transform .4s,opacity .4s;-moz-transition:-moz-transform .4s,opacity .4s;-webkit-transition:-webkit-transform .4s,opacity .4s;margin:0}.wsmenu-submenu li a{background:#fff!important;color:#666!important;border-right:0 none!important;text-align:left;display:block;line-height:22px;padding:6px 12px;text-transform:none;letter-spacing:normal}.wsmenuexpandermain{display:none}.wsmenu-list li:hover .wsmenu-submenu{display:block}.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub{padding:0;opacity:0}.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub{opacity:1;list-style:none;padding:2px;border:1px solid #eee;background-color:#fff;display:block}.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub{padding:0;opacity:0}.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{opacity:1;list-style:none;padding:2px;border:1px solid #eee;background-color:#fff}.wsmenu-submenu li{position:relative;padding:0;margin:0;display:block}.wsmenu-click,.wsmenu-click02{display:none}.wsmenu-list>li>a.active,.wsmenu-list>li>a:hover,.wsmenu-submenu>li>a:hover{background-color:#fff!important;text-decoration:none;color:#91203e}.wsmenu-list li:hover>a{background:#fff;color:#91203e}.typography-text{padding:0}.typography-text p{text-align:justify;line-height:24px;color:#656565}.typography-text ul li{display:block;padding:2px 0;line-height:22px}.typography-text ul li a{color:#656565}.hometext{display:none}.wsmenu-submenu .fa{margin-right:7px}@media only screen and (min-width:992px) and (max-width:1023px){.logo{width:250px}.wsmenu-list>li>a .fa{float:none}.mega-menu-customer{left:-466px}.hometext{display:block!important}.wsmenu{font-size:13px!important}.wsmenu-list li a{padding-left:10px!important;padding-right:10px!important}.megacollink,.typographylinks{width:48%;margin:1%}}@media only screen and (min-width:781px) and (max-width:1200px){.wsmenu{width:67%;}.wsmenu-list li a .arrow:after{display:none!important}.wsmenu-list>li>a{padding:0 9px}.wsmenu-list .multiple-menu{width:100%}.fullwidthmenu{margin-left:0;width:900px}.product{left:-266px;width:918px}}@media only screen and (min-width:768px) and (max-width:992px){.wsmenu-list .multiple-menu{left:0px;}.serviceboxcontainer .midcontainer{width:650px}.base-rate .midcontainer{width:760px}.footerrgt{width:415px;float:left}.fullwidthmenu{width:100%}.wsmenu-list .mega-menu-customer{left:0}}@media only screen and (min-width:993px){.wsmenu-list li:hover>.megamenu,.wsmenu-list li:hover>.wsmenu-submenu,.wsmenu-submenu li:hover>.wsmenu-submenu-sub,.wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub{display:block!important}.wsmenu .wsmenu-list li a i .arrow::after{display:none}.megamenu .column h3{border-bottom:1px solid #eee;padding:7px 0}}@media only screen and (max-width:992px){.mobile-sub .megamenu h3{padding:15px 17px 0 14px}.multiple-menu h3 i{float:right;font-size:22px;padding:8px 0}.megamenu .column2 .custsubmenu a{border-bottom:medium none!important;color:#fff;line-height:24px;padding:0!important}.megamenu .column2 .custsubmenu span a{color:#000}.fullwidthmenu .column a{line-height:28px;color:#fff;background:0 0;padding:0}.megamenu .column a:hover{text-decoration:none!important;color:#ffd800!important}.fullwidthmenu .column a:before{content:">";margin:0 6px 0 0;color:#fff}.multiple-menu .column,.multiple-menu .dropdown .fullwidthmenu .column,.singledropdown{width:100%;margin:0}.megamenu h3{border-bottom:1px solid #e38d06;color:#000;cursor:pointer;font-size:13px;line-height:35px;width:100%;padding:3px 17px}.singledropdown .mega-menu-detail a{border-bottom:none!important;color:#fff;font-weight:700;padding:0!important}.singledropdown .mega-menu-detail a:hover{background:0 0;color:#ffd800}.mega-menu-heading .fa-angle-down{float:right;font-size:22px;padding:8px 0}.mega-menu-heading{padding:0 17px}.megamenu h3:hover,.wsmenu-list .about-us a:hover,.wsmenu-list .e-service a:hover{background:#e8a006}.e-tax p a:hover{text-decoration:underline}.about-us{right:0}.multiple-menu{left:0;width:100%}.wsoffcanvasopener .wsmenu{left:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.wsmenucontainer,.wsmobileheader{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out}.wsmenucontainer.wsoffcanvasopener{display:block;margin-left:240px}.wsmobileheader{display:block!important;position:relative;top:0;right:0;left:0;transition:all .4s ease-in-out}.wsmenu-list>li:hover>a{background-color:rgba(0,0,0,.08)!important;text-decoration:none}.hometext{display:inline-block!important}.megacollink{width:96%!important;margin:0 2%!important}.megacolimage{width:90%!important;margin:0 5%!important}.typographylinks{width:98%!important;margin:0 1%!important}.typographydiv{width:86%!important;margin:0 7%!important}.mainmapdiv{width:90%!important;margin:0 5%!important}.wsmenu-click i,.wsmenu-click02 i, .wsmenu-click strong,.wsmenu-click02 strong{margin-top:11px;background-size:25px;font-size:21px;float:right}.overlapblackbg{left:0;z-index:102;width:100%;height:100%;position:fixed;top:0;display:none;background-color:rgba(0,0,0,.45);cursor:pointer}.wsmenu-click,.wsmenu-click02{position:absolute;top:0;right:0;cursor:pointer}.wsoffcanvasopener .overlapblackbg{display:block!important}.wsmenu-submenu>li:hover>a{background-color:#7b7b7b;color:#666}.wsmenu>.wsmenu-list>li>a.active,.wsmenu>.wsmenu-list>li>a:hover{color:#fff;background-color:rgba(0,0,0,.08)}.wsmenu-list li:hover .wsmenu-submenu,.wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub{display:none}.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{display:none;list-style:none;padding:2px;border:1px solid #eee;background-color:#fff}.wsmenu-list li:first-child a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.wsmenu-list li:last-child a{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0;border-radius:0;border-right:0 solid}.innerpnd{padding:0!important}.typography-text{padding:10px 0}.wsmenucontainer{overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;transition:all .4s ease-in-out}.animated-arrow,.wsmenu{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out}.wsmenu-click{height:43px;display:block;width:100%}.wsmenu-click i, .wsmenu-click strong{display:block;height:23px;width:25px;margin-right:14px;color:#fff}.wsmenu-click02{height:43px;display:block;width:100%}.wsmenu-click02 i{display:block;height:23px;width:25px;margin-right:8px;color:rgba(0,0,0,.25)}.wsmenu-submenu-sub,.wsmenu-submenu-sub-sub{width:100%!important;left:100%!important;top:0!important;opacity:1!important}.ws-activearrow>i{transform:rotate(180deg)}.wsmenu-rotate{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.mobile-sub .wsmenu-submenu,.wsmenu-list .megamenu,.wsmenu-submenu-sub,.wsmenu-submenu-sub-sub{transform:none!important;visibility:visible!important}.wsmenu-submenu-sub{position:static!important;display:none;margin:0!important;padding:0!important;border:0 solid!important}.wsmenu-submenu-sub li{margin:0!important;padding:0;position:relative}.wsmenu-submenu-sub a{display:block;padding:10px 25px;border-bottom:solid 1px #ccc;font-weight:400}.wsmenu-submenu-sub li a.active{color:#000!important}.wsmenu-submenu-sub li:hover>a{background-color:#333!important;color:#fff}.wsmenu-list>li>a .fa{margin-right:0}.wsmenu-submenu-sub-sub{position:static!important;display:none;margin:0!important;padding:0!important;border:0 solid!important}.wsmenu-submenu-sub-sub li{margin:0!important}.wsmenu-submenu-sub-sub a{display:block;color:#000;padding:10px 25px;background:#000!important;border-bottom:solid 1px #ccc;font-weight:400}.wsmenu-submenu-sub-sub li a.active{color:#000!important}.wsmenu-submenu-sub-sub li:hover>a{background-color:#606060!important;color:#fff}.wsmenu .wsmenu-list{height:100%;overflow-y:auto;display:block!important}.wsmenu .wsmenu-list>li{width:100%;display:block;float:left;border-right:none;position:relative;background:#91203e;white-space:inherit}.wsmenu>.wsmenu-list>li>a{padding:9px 32px 9px 12px;font-size:13px;text-align:left;border-right:solid 0;background-color:transparent;color:#fff;line-height:25px;border-bottom:1px solid;border-bottom-color:rgba(0,0,0,.13);position:static}.wsmenu>.wsmenu-list>li>a>.fa{color:#fff;float:left;font-size:18px;line-height:27px;padding:0;width:24px}.wsmenu>.wsmenu-list>li>a>.fa-mobile{font-size:26px}.wsmenu>.wsmenu-list>li>a>.fa-archive,.wsmenu>.wsmenu-list>li>a>.fa-camera-retro,.wsmenu>.wsmenu-list>li>a>.fa-credit-card,.wsmenu>.wsmenu-list>li>a>.fa-desktop,.wsmenu>.wsmenu-list>li>a>.fa-line-chart,.wsmenu>.wsmenu-list>li>a>.fa-money,.wsmenu>.wsmenu-list>li>a>.fa-mouse-pointer{font-size:15px}.wsmenu .wsmenu-list li a .arrow:after{display:none!important}.mobile-sub .wsmenu-submenu,.wsmenu-list .megamenu,.wsmenu-list li:hover .megamenu{display:none;position:relative!important;top:0}.wsmenu .wsmenu-list li ul li a .fa.fa-caret-right{font-size:12px!important;color:#8E8E8E}.mobile-sub .wsmenu-submenu{opacity:1!important;background-color:#fff;border:1px solid #ccc;padding:0}.mobile-sub .wsmenu-submenu li a{line-height:20px;height:36px;background-color:#e7e7e7!important;font-size:13px!important;padding:8px 0 8px 18px;color:#8E8E8E}.mobile-sub .wsmenu-submenu li a:hover,.mobile-sub .wsmenu-submenu li:hover>a{color:#666;background-color:#e7e7e7!important}.mobile-sub .wsmenu-submenu li a:hover{text-decoration:underline}.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a{line-height:20px;height:36px;background-color:#e7e7e7!important;border-bottom:none;padding-left:28px}.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a{line-height:20px;height:36px;background-color:#e7e7e7!important;border-bottom:none!important;padding-left:38px;color:#8e8e8e}.wsmenu-list .megamenu{background-color:#f6b801;color:#666;padding:1px;float:left;width:100%;border:0 solid;opacity:1!important}.ad-style,.megamenu>ul{width:100%!important}.callusicon,.smallogo,.wsmenu{position:fixed}.megamenu .title{color:#666;font-size:15px!important;padding:10px 8px 10px 0}.halfdiv .title{padding-left:15px}.megamenu>ul{margin:0;padding:0;font-size:13px!important}.megamenu>ul>li>a{padding:9px 14px!important;line-height:normal!important;font-size:13px!important;background-color:#e7e7e7!important;color:#666}.megamenu>ul>li>a:hover{background-color:#000!important}.megamenu ul li.title{line-height:26px;color:#666;margin:0;font-size:15px;padding:7px 13px!important;border-bottom:1px solid #ccc;background-color:transparent!important}.halfdiv,.halfmenu{width:100%;display:block}.menu_form{padding:10px 10px 63px;background-color:#e7e7e7}.menu_form input[type=button],.menu_form input[type=submit]{width:46%}.menu_form textarea{min-height:100px}.wsmenu{width:300px;left:-300px;bottom:0;top:109px;margin:0;border-radius:0;z-index:103;transition:all .4s ease-in-out;border:none!important}.animated-arrow{position:fixed;left:0;top:37px;z-index:102;transition:all .4s ease-in-out}.callusicon{color:#c9c9c9;font-size:25px;height:25px;right:15px;top:13px;width:25px;z-index:102;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.callusicon:focus,callusicon:hover{color:#fff!important}.wsoffcanvasopener .callusicon{display:none!important}.smallogo{display:block;text-align:center;padding-top:9px;z-index:101;width:100%;height:52px;background:#262626;/*background:-moz-linear-gradient(top,#262626 0,#1c1c1c 50%,#262626 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#262626),color-stop(50%,#1c1c1c),color-stop(100%,#262626));background:-webkit-linear-gradient(top,#262626 0,#1c1c1c 50%,#262626 100%);background:-o-linear-gradient(top,#262626 0,#1c1c1c 50%,#262626 100%);background:-ms-linear-gradient(top,#262626 0,#1c1c1c 50%,#262626 100%);background:linear-gradient(to bottom,#262626 0,#1c1c1c 50%,#262626 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#262626', GradientType=0);box-shadow:0 1px 4px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.5)*/}.animated-arrow{cursor:pointer;padding:20px 35px 16px 0;border-right:1px solid #c33c60;margin:0 0 0 9px;width:37px;text-align:center;height:57px}.animated-arrow h5{color:#fff;font-size:.7em;padding:13px 0 0;margin:0 0 0 -3px;font-family:Arial,Helvetica,sans-serif}.animated-arrow span,.animated-arrow span:after,.animated-arrow span:before{cursor:pointer;height:3px;width:23px;background:#fff;position:absolute;display:block;content:'';transition:all .5s ease-in-out}.animated-arrow span:before{top:-7px}.animated-arrow span:after{bottom:-7px}.wsoffcanvasopener .animated-arrow span{background-color:#fff}.wsmenu-list li:hover>.wsmenu-submenu,.wsmenu-list li>.wsmenu-submenu,.wsmenu-submenu li>.wsmenu-submenu-sub{transform:none!important;-o-transform:none!important;-moz-transform:none!important;-webkit-transform:none!important;visibility:visible!important}.wsmenu-list li:hover>.megamenu,.wsmenu-list li>.megamenu,.wsmenu-submenu li:hover>.wsmenu-submenu-sub,.wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub,.wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub{transform:none!important;-o-transform:none!important;-moz-transform:none!important;-webkit-transform:none!important;visibility:visible!important;opacity:1!important}} .bullet, .sub-menu, .ticker, .ticker-content { overflow: hidden } #jcl-demo .carousel>ul>li>img { width: 150px; height: 118px; vertical-align: middle; margin: 10px 10px 10px 0; border-radius: 5px } #jcl-demo .carousel>ul>li>p { width: 130px; height: 98px; margin: 10px 10px 10px 0; border: 1px solid grey; border-radius: 5px; line-height: normal; background-color: #fff; padding: 10px } #jcl-demo a.go, #jcl-demo a.next, #jcl-demo a.prev { display: block; width: 26px; height: 30px; line-height: 1; background-color: #333; color: #f8f8ff; text-decoration: none; font-family: Signika, sans-serif; font-size: 25px; border-radius: 8px; float: left } #jcl-demo .imageSlider .carousel>ul>li>img, #jcl-demo .imageSliderExt .carousel>ul>li>img, #jcl-demo .mid { width: 400px; height: 300px } .bill-paymnet h3, .verticle-menu { font-family: open_sansregular } #jcl-demo a.next.disabled, #jcl-demo a.next.disabled:hover, #jcl-demo a.prev.disabled, #jcl-demo a.prev.disabled:hover { background-color: #8d8d8d; cursor: default } #jcl-demo a.go.highlight { background-color: #dedede; color: #000 } #jcl-demo a.prev { margin: 50px -5px 0 0; text-indent: 7px } #jcl-demo a.next { margin: 50px 0 0 -5px; text-indent: 10px } #jcl-demo a.go:hover, #jcl-demo a.next:hover, #jcl-demo a.prev:hover { background-color: #666 } #jcl-demo .externalControl button, #jcl-demo .imageSliderExt button { margin: 5px 5px 0 0 } #jcl-demo .externalControl a.go, #jcl-demo .externalControl a.next, #jcl-demo .externalControl a.prev, #jcl-demo .imageSliderExt a.go, #jcl-demo .imageSliderExt a.next, #jcl-demo .imageSliderExt a.prev { margin: 0 5px 0 0; padding: 7px 5px 0; font-size: 15px; text-align: center; border-radius: 3px } #jcl-demo .widget img { cursor: pointer } #jcl-demo .mid { margin-left: 50px } #jcl-demo .vertical { margin-left: 170px } #jcl-demo .imageSlider .carousel>ul>li>p, #jcl-demo .imageSliderExt .carousel>ul>li>p { width: 380px; height: 280px } .clear { clear: both } .whatnewslisting{float:left;} .carousel ul li p, .whatnewslisting ul li p { font-size: 12px; float: left; color: #c5c5c4; text-transform: capitalize; width: 100%; display: block; padding: 6px 3px 3px } .carousel ul li p span a, .whatnewslisting ul li p span a { color: #91203e; font-family: open_sansregular; font-weight: 700 } .carousel ul li p span a:hover, .whatnewslisting ul li p span a:hover { text-decoration: underline } .carousel ul li p i:before, .whatnewslisting ul li p i:before { color: #91203e; padding: 0; float: left; font-size: 17px; font-weight: 700; margin: 0 8px 0 0 } .whatnewslisting ul li p i { margin-right: 0 } .carousel ul li p span, .whatnewslisting ul li p span { width: 91%!important } .whatnewslisting ul li { width: 100%; display: block } #one .next, #one .prev { background: #91203e; width: 19px; height: 19px; float: left; margin: 0 0 0 2px; text-align: center; color: #EED1D9; line-height: 14px; font-weight: 700; font-size: 22px } .new-arrow { float: right; margin: 17px 0 0 } .verticle-menu { background: url(../images/sidenavbg.png) left top; margin: 0 0 7px; color: #7c0022; text-decoration: none; font-size: 14px; font-weight: 700; width: 265px; height: 40px; padding: 10px 0 0 20px; float: left; box-shadow: 0 0 10px #919191 } .new-side-menu ul li { position: relative; display: inline-block } .side-navigation { width: 264px; margin: 0 auto } .sub-menu { width: 0; position: absolute; right: 266px; background: #fff; z-index: 9999; height: 425px; box-shadow: 0 0 8px #717171; transition: all .5s ease } .cybertipstext{top:-235px; height:366px;} .new-side-menu ul li a:focus, .new-side-menu ul li a:hover .verticle-menu { color: #fff; background-position: 0 -40px } .new-side-menu ul li ul li a:focus { color: #000 } .new-side-menu ul li:hover .sub-menu { width: 650px; padding: 15px; height: 410px } .productnavcol-1 { margin: 3px; width: 178px; float: left } .new-side-menu ul li .icon2, .new-side-menu ul li .icon4, .new-side-menu ul li .icon8, .new-side-menu ul li:hover .icon2, .new-side-menu ul li .icon9, .new-side-menu ul li:hover .icon8 { width: 30px; height: 30px; margin-top: -5px; margin-right: 5px; float: left } .new-side-menu ul li .icon4 { background: url(../images/nav-icons.png) 0 -136px } .new-side-menu ul li .sub-menu a { background-position: 0 -40px } .new-side-menu ul li .icon2 { background: url(../images/nav-icons.png) 0 -45px } .new-side-menu ul li:hover .icon2 { background: url(../images/nav-icons-hov.png) 0 -45px } .new-side-menu ul li .icon8 { background: url(../images/nav-icons.png) 0 -295px } .new-side-menu ul li .icon9 { background: url(../images/nav-icons.png) 0 -319px } .new-side-menu ul li .Form16 { width: 19px; height: 24px; margin-top: -3px; margin-right: 8px; float: left; margin-left: 6px; background: url(../images/form16-gst-icon.png) } .new-side-menu ul li:hover .icon4 { background: url(../images/nav-icons-hov.png) 0 -485px!important } .new-side-menu ul li:hover .icon1 { background: url(../images/nav-icons-hov.png) 0 -348px!important } .new-side-menu ul li:hover .icon6 { background: url(../images/nav-icons-hov.png) 0 -262px!important } .new-side-menu ul li:hover .icon8 { background: url(../images/nav-icons-hov.png) 0 -295px!important } .new-side-menu ul li:hover .icon9 { background: url(../images/nav-icons-hov.png) 0 -319px!important } .new-side-menu ul li:hover .Form16 { width: 19px; height: 24px; margin-top: -3px; margin-right: 8px; float: left; margin-left: 6px; background: url(../images/form16-icon-hov.png)!important } .new-side-menu ul li:hover .verticle-menu { color: #fff; background-position: 0 -40px } .new-side-menu .column2 { width: 160px; float: left; padding: 10px } .new-side-menu ul li:hover .bill-paymnet { width: 588px; height: auto; padding: 25px 20px 0 } .bill-paymnet h3 { color: #91203e; font-size: 15px; padding: 0 0 10px } .bill-paymnet img { margin-bottom: 7px; float: left } .bill-paymnet a { font-size: 12px; text-transform: capitalize; text-decoration: none; color: #000; width: 100%; float: left; padding: 5px; border-bottom: 1px solid #aaa; line-height: 14px } .bill-paymnet a:hover { background: #91203e } .new-side-menu ul li .icon1, .sidenav ul li a .icon1 { background: url(../images/nav-icons.png) no-repeat; width: 30px; margin-top: -5px; height: 30px; margin-right: 5px; float: left } .mobile-banking-submenu { height: 142px; top: 0 } .new-side-menu ul li:hover .mobile-banking-submenu { width: 380px; height: 136px; padding: 15px } .mobile-banking-submenu li a.last { margin: 0 } .mobile-banking-submenu li img { width: 57px; height: auto; margin: 0 7px 0 auto } .mobile-banking-submenu li { text-align: center } .mobile-banking-submenu li span { float: left; line-height: 17px; margin: 0; padding: 5px 0 0; text-align: center; width: 100% } .mobile-banking-submenu li a { padding: 5px; border: 1px solid #CCC; float: left; line-height: 30px; font-family: Signika; margin-bottom: 10px; width: 110px!important; height: 106px!important; margin-right: 10px; text-decoration: none } .new-side-menu ul li a, .ticker-content, .txtreadlink { font-family: open_sansregular } .new-side-menu ul li a:hover .icon1 { background: url(../images/nav-icons-hov.png) no-repeat; width: 30px; margin-top: -5px; height: 30px; margin-right: 5px; float: left } .money-tranfer-submenu { height: 300px; padding: 30px 0 } .mobile-banking-submenu li a:hover { background: #91203e; border: 1px solid #91203e } .new-side-menu ul li:hover .money-tranfer-submenu { width: 220px; padding: 30px; height: 300px } .submenubotlink { background: #F0F0F0; margin: 0 0 2px -24px; width: 100%; padding: 10px 30px } .submenubotlink a { display: inline; color: #91203e!important; float: none!important } .submenubotlink a:hover, .txtreadlink:hover { background: 0 0!important; color: #000!important } .txtreadlink { color: #91203e!important; background: 0 0 } .new-side-menu ul li .icon3 { background: url(../images/nav-icons.png) no-repeat; width: 30px; margin-top: -5px; height: 30px; margin-right: 5px; float: left } .new-side-menu ul li a { list-style-type: square; color: #000; text-decoration: none; font-size: 13px; width: 100%; float: left } .money-tranfer-submenu li a { line-height: 22px; list-style-type: square; padding: 6px } .money-tranfer-submenu li a:hover { background: #91203e } .new-side-menu ul li:hover .icon3 { background: url(../images/nav-icons-hov.png) 0 -90px; width: 30px; margin-right: 5px; margin-top: -5px; height: 30px; float: left } .new-lanch { height: 250px } .new-lanch li a { line-height: 22px; padding: 4px } .verticle-menu .spinner { margin: 0 8px } .sub-menu new-lanch li a { width: 100% } .new-side-menu ul li a .icon6, .new-side-menu ul li a:hover .icon6 { width: 30px; margin-right: 5px; margin-top: -5px; height: 30px; float: left } .new-side-menu ul li a .icon6 { background: url(../images/nav-icons.png) 0 -262px } .new-side-menu ul li a:hover .icon6 { background: url(../images/nav-icons-hov.png) 0 -262px } .new-side-menu ul li:hover .customer-service { width: 622px; height: 135px; top: 8px } .new-side-menu ul li:hover .rproductmenu { width: 630px; height: 131px; text-align: center } .rproductmenu { height: 140px } .rproductmenu .ugc-logo { background: url(../images/ugc-new.jpg) no-repeat } .rproductmenu .naac-logo { background: url(../images/naac.png) no-repeat } .rproductmenu .aiu-logo { background: url(../images/aiu.png) no-repeat } .rproductmenu .aicte-logo { background: url(../images/aicte_logo.png) no-repeat; margin: 0 } .rproductmenu .research-notification { background: url(../images/research-notification.png) no-repeat; margin: 0 } .rproductmenu .PhD-Guidelines { background: url(../images/Phd-Guidelins.png) no-repeat; } .rproductmenu .PhD-form { background: url(../images/PhD-form.png) no-repeat; } .rproductmenu .PGRI { background: url(../images/PGRI.png) no-repeat; } .rproductmenu .ALL-DETAILS { background: url(../images/all-details.png) no-repeat; } .rproductmenu .Short-Term-Training { background: url(../images/Short.png) no-repeat; } .customer-service { height: 125px; top: 0!important } .customer-service .customercare-box-one { background: url(../images/atm-locater.png) no-repeat } .customer-service .customercare-box-two { background: url(../images/branch.png) no-repeat; margin: 0 } .customer-service .customercare-box-three { background: url(../images/passbook-updation-machine.png) no-repeat; padding:0px; } .customer-service .customercare-box-five { background: url(../images/icon-bulk.png) no-repeat; padding:0px; margin-left:6px; } .customer-service .customercare-box-three a { font-size:12px;} .customer-service .customercare-box-three h3 { margin-top:59px;} .customer-service .customercare-box-four { background: url(../images/cash-deposit-machine.png) no-repeat; margin: 0 } .customer-service li a, .rproductmenu li a { width: 100%!important; height:104px; } .customer-service li a:hover, .customer-service li:hover a, .rproductmenu li a:hover, .rproductmenu li:hover a { color: #fff; text-align: center } .bullet { margin: 6px 8px 0 0 } .mobile-banking-submenu li a{font-weight:bold;} .customer-service .bullet { margin: 5px 9px 0 0 } .productnavcol-1 img { height: 100px } .productnavcol-1 h3 { font-size: 12px; padding: 0 10px; background: #000; color: #fff; line-height: 23px } .productnavcol-1 a:hover h3 { background: #91203e; transition: .5s ease } .bullet { background: url(../images/bullet.jpg); height: 5px; width: 5px; float: left; color: #91203e } .customer-service li a:hover .bullet { background: url(../images/bullet-2.jpg); transition: all .5s ease } .money-tranfer-submenu li a:hover .bullet { background: url(../images/bullet-2.jpg); transition: all .2s ease } .customer-service li, .rproductmenu li { display: inline-block; width: 110px; border: 1px solid #aaa; height: 104px; text-align: center; margin-right: 6px } .customer-service li:hover, .rproductmenu li:hover { border: 1px solid #91203e } .customer-service a { float: left; height:110px;} .carousel, .carousel ul li { width: 100% } .customer-service li img, .rproductmenu li img { height: 35px } .customer-service li span, .rproductmenu li span { width: 100%; float: left } .customer-service li h3, .rproductmenu li h3 { font-size: 12px; margin-top: 60px; font-weight: 700 } .carousel { top: 5px; height:170px !important; } .ratebox ul li p i, .ratebox ul li p strong , .whatnewslisting ul li p strong{ float: left; width: 6%; color: #91203e; font-weight: bold; font-size:17px; } .ratebox ul li p span { float: left; border: none; margin: 0!important; padding: 0 } .midcontainer h3 { float: left; padding: 2px 0 0 } .ticker-wrapper.has-js { margin: 0; padding: 0; width: 90%; height: 32px; display: block; background-color: #91203e; font-size: .75em; position:absolute; right:0px;top:5px; } .ticker { width: 81%; height: 36px; display: block; position: relative; background-color: #91203e; margin-top: 0px } .ticker-content, .ticker-swipe { padding-top: 12px; position: absolute; background-color: #91203e; height: 30px } .ticker-title { padding-top: 12px; color: #fff; font-size: 15px; font-weight: 700; text-transform: uppercase } .ticker-content { margin: 0; color: #fff; font-weight: 700; white-space: nowrap; line-height: 1.2em; text-transform: capitalize } .ticker-content a { text-decoration: none; color: #FFF; } .ticker-content a:hover { color: #f6b801 } .ticker-swipe { top: 0; display: block; width: 800px } .ticker-swipe span { background-color: #f8f0db; border-bottom: 1px solid #1F527B; height: 12px; width: 2px; display: block; margin-left: 5px; margin-top: 2px } .ticker-controls { padding: 4px 0 0; list-style-type: none; float: left } .ticker-controls li { padding: 0; margin-left: 5px; float: left; cursor: pointer; height: 19px; width: 20px; display: block } .ticker-controls li.jnt-play-pause, .ticker-controls li.jnt-play-pause.paused { background-image: url(../images/pouse.jpg) } .ticker-controls li.jnt-prev { background-image: url(../images/back.jpg) } .ticker-controls li.jnt-prev.down { background-position: 0 0 } .ticker-controls li.jnt-next { background-image: url(../images/next.jpg) } .js-hidden { display: none } .no-js-news { padding: 10px 0 0 45px; color: #F8F0DB } .left .ticker, .left .ticker-content, .left .ticker-controls, .left .ticker-title { float: left } .left .ticker-controls { padding-left: 6px; float: right; margin-top: 5px } .right .ticker, .right .ticker-content, .right .ticker-controls, .right .ticker-title { float: right } .right .ticker-controls { padding-right: 6px } .ticker-title span { display: none!important } .midcontainer #one .ratebox h3 { float: left; color: #fff; padding: 7px 0 0 5px } .midcontainer h3 img { float: right; margin: -8px 0 0 9px; padding: 0 } @media only screen and (max-width:1200px){.verticle-menu{height: 37px;margin: 0 0 4px;padding: 10px 0 0 20px;} } @media only screen and (max-width:992px) { .ticker-swipe span { margin-top: 7px } .left .ticker-controls { margin-top: 3px } } @media only screen and (max-width:767px) { .left .ticker-controls { margin-top: 3px } .ticker-wrapper.has-js { width:85%;} } #loader { position: absolute; left: 50%; top: 50%; z-index: 1; width: 150px; height: 150px; margin: -75px 0 0 -75px; border: 16px solid #91203e; border-radius: 50%; border-top: 16px solid #f6b801; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } #loader-a{background:rgba(100, 100, 100, 0.9); position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:9999;} @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } div#show3 { background-color:#efefef; width:480px; margin:0 auto; border:1px solid #444444; color:#952c84; } div#show3 table td, div#show4 table td { height:24px; background-image:url('38.gif'); } div#show4 table td { background-image:url('40.gif'); } div#show3 table input, div#show4 table input { outline-style:none; } .ddlHide { display:none; } .ddlShow { display:block; }