header#header {position: relative;}#slideshow .sliderContainer { padding: 50px 0; }#slideshow .container {padding: 30px 0 45px;} #page_header .container {padding: 0 0 30px;} body header#header #logo a{ padding:25px 0 0; } #logo a img{ height:61px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /*---------------------- Header --------------------------*/ #page_header.zn_def_header_style , #slideshow.zn_def_header_style , #page_header.uh_zn_def_header_style , #slideshow.uh_zn_def_header_style{ background-color:#22222f;} #page_header.zn_def_header_style #sparkles, #slideshow.zn_def_header_style #sparkles , #page_header.uh_zn_def_header_style #sparkles, #slideshow.uh_zn_def_header_style #sparkles { } #page_header.zn_def_header_style .bgback , #slideshow.zn_def_header_style .bgback , #page_header.uh_zn_def_header_style .bgback , #slideshow.uh_zn_def_header_style .bgback{ background-image:url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/06/banner_withutarrow.png");} #page_header.zn_def_header_style , #slideshow.zn_def_header_style {}#page_header.zn_def_header_style .zn_header_bottom_style , #slideshow.zn_def_header_style .zn_header_bottom_style {position:absolute; bottom:0; left:0; width:100%; height:27px; z-index:99; background:url(../images/bottom_mask.png) no-repeat center top;} /*---------------------- Unlimited Headers --------------------------*/ #page_header.uh_about_us .bgback , #slideshow.uh_about_us .bgback {background-image:url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/02/bg1.jpg");}#page_header.uh_about_us #sparkles , #slideshow.uh_about_us #sparkles{display:none}#page_header.uh_about_us , #slideshow.uh_about_us {background-color:#AAAAAA;background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */}#page_header.uh_about_us .bgback:after , #slideshow.uh_about_us .bgback:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;background-image: url(../images/glare-effect.png); background-repeat: no-repeat; background-position: center top;}#page_header.uh_about_us .zn_header_bottom_style , #slideshow.uh_about_us .zn_header_bottom_style {position:absolute; bottom:0; left:0; width:100%; height:20px; background:url(../images/shadow-up.png) no-repeat center bottom; z-index: 2;}#page_header.uh_about_us .zn_header_bottom_style:after , #slideshow.uh_about_us .zn_header_bottom_style:after {content:''; position:absolute; bottom:-18px; left:50%; border:6px solid transparent; border-top-color:#fff; margin-left:-6px;}#page_header.uh_about_us, #slideshow.uh_about_us {border-bottom:6px solid #FFFFFF}#page_header.uh_about_us .zn_header_bottom_style:before , #slideshow.uh_about_us .zn_header_bottom_style:before {content:''; position:absolute; bottom:-26px; left:0; width:100%; height:20px; background:url(../images/shadow-down.png) no-repeat center top; opacity:.6; filter:alpha(opacity=60);}#page_header.uh_ray_of_flight_countdown_event .bgback , #slideshow.uh_ray_of_flight_countdown_event .bgback {background-image:url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/02/rayoflight.png");}#page_header.uh_ray_of_flight_countdown_event #sparkles , #slideshow.uh_ray_of_flight_countdown_event #sparkles {display:block}#page_header.uh_ray_of_flight_countdown_event , #slideshow.uh_ray_of_flight_countdown_event {background-color:#335370;}#page_header.uh_ray_of_flight_countdown_event .zn_header_bottom_style , #slideshow.uh_ray_of_flight_countdown_event .zn_header_bottom_style {position:absolute; bottom:0; left:0; width:100%; height:20px; background:url(../images/shadow-up.png) no-repeat center bottom; z-index: 2;}#page_header.uh_ray_of_flight_countdown_event .zn_header_bottom_style:after , #slideshow.uh_ray_of_flight_countdown_event .zn_header_bottom_style:after {content:''; position:absolute; bottom:-18px; left:50%; border:6px solid transparent; border-top-color:#fff; margin-left:-6px;}#page_header.uh_ray_of_flight_countdown_event, #slideshow.uh_ray_of_flight_countdown_event {border-bottom:6px solid #FFFFFF}#page_header.uh_ray_of_flight_countdown_event .zn_header_bottom_style:before , #slideshow.uh_ray_of_flight_countdown_event .zn_header_bottom_style:before {content:''; position:absolute; bottom:-26px; left:0; width:100%; height:20px; background:url(../images/shadow-down.png) no-repeat center top; opacity:.6; filter:alpha(opacity=60);}#page_header.uh_pages_-_background_2_style .bgback , #slideshow.uh_pages_-_background_2_style .bgback {background-image:url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/06/banner_withutarrow.png");}#page_header.uh_pages_-_background_2_style #sparkles , #slideshow.uh_pages_-_background_2_style #sparkles{display:none}#page_header.uh_pages_-_background_2_style , #slideshow.uh_pages_-_background_2_style {background-color:#22222f;}#page_header.uh_pages_-_background_2_style .zn_header_bottom_style , #slideshow.uh_pages_-_background_2_style .zn_header_bottom_style {position:absolute; bottom:0; left:0; width:100%; z-index:99; height:33px; background:url(../images/bottom_mask2.png) no-repeat center top;}#page_header.uh_home .bgback , #slideshow.uh_home .bgback {}#page_header.uh_home #sparkles , #slideshow.uh_home #sparkles{display:none}#page_header.uh_home , #slideshow.uh_home {background-color:#AAAAAA;background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */}#page_header.uh_home .zn_header_bottom_style , #slideshow.uh_home .zn_header_bottom_style {position:absolute; bottom:0; left:0; width:100%; height:27px; z-index:99; background:url(../images/bottom_mask.png) no-repeat center top;}#page_header.uh_404_header .bgback , #slideshow.uh_404_header .bgback {}#page_header.uh_404_header #sparkles , #slideshow.uh_404_header #sparkles{display:none}#page_header.uh_404_header , #slideshow.uh_404_header {background-color:#f5f5f5;}/* GENERAL COLOR */ a:hover, .cart_details .checkout, .info_pop .buyit, .m_title, .smallm_title, .circle_title, .feature_box .title, .services_box .title, .latest_posts.default-style .hoverBorder:hover h6, .latest_posts.style2 ul.posts .title, .latest_posts.style3 ul.posts .title, .recentwork_carousel li .details h4, .acc-group.default-style > button, .acc-group.style3 > button:after, .screenshot-box .left-side h3.title, .vertical_tabs .tabbable .nav>li>a:hover, .vertical_tabs .tabbable .nav>li.active>a, .services_box.style2 .box .list li, .shop-latest .tabbable .nav li.active a, .product-list-item:hover .details h3, .latest_posts.style3 ul.posts .title a, .statbox h4 {color:#3e9ce6;} .acc-group.style3 > button:hover, .acc-group.style3 > button:hover:after { color:#3e9ce6 ;} .tabs_style1 > ul.nav > li.active > a, header.style1, header.style2 #logo a, header.style3 #logo a {border-top: 3px solid #3e9ce6;} nav#main_menu > ul > li.active > a, nav#main_menu > ul > li > a:hover, nav#main_menu > ul > li:hover > a, nav#top_menu > ul > li.active > a, nav#top_menu > ul > li > a:hover, nav#top_menu > ul > li:hover > a, .social-icons li a:hover, #action_box, body .circlehover, body .flex-direction-nav li a:hover, body .iosSlider .item .caption.style1 .more:before, body .iosSlider .item .caption.style1 .more:after, body .iosSlider .item .caption.style2 .more, body .nivo-directionNav a:hover, body #wowslider-container a.ws_next:hover, body #wowslider-container a.ws_prev:hover, .br-next:hover, .br-previous:hover, body .ca-more, body .title_circle, body .title_circle:before, body ul.links li a, .hg-portfolio-sortable #portfolio-nav li a:hover, .hg-portfolio-sortable #portfolio-nav li.current a, .iosSlider .item .caption.style1 .more:before, .iosSlider .item .caption.style1 .more:after, .btn-flat , body.woocommerce a.button:hover, body.woocommerce button.button:hover, body.woocommerce input.button:hover, body.woocommerce #respond input#submit:hover, body.woocommerce #content input.button:hover, body.woocommerce-page a.button:hover, body.woocommerce-page button.button:hover, body.woocommerce-page input.button:hover, body.woocommerce-page #respond input#submit:hover, body.woocommerce-page #content input.button:hover, body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button, body.woocommerce #respond input#submit, body.woocommerce #content input.button, body.woocommerce-page a.button, body.woocommerce-page button.button, body.woocommerce-page input.button, body.woocommerce-page #respond input#submit, body.woocommerce-page #content input.button, body.woocommerce a.button.alt, body.woocommerce button.button.alt, body.woocommerce input.button.alt, body.woocommerce #respond input#submit.alt, body.woocommerce #content input.button.alt, body.woocommerce-page a.button.alt, body.woocommerce-page button.button.alt, body.woocommerce-page input.button.alt, body.woocommerce-page #respond input#submit.alt, body.woocommerce-page #content input.button.alt, body .woocommerce a.button, body .woocommerce button.button, body .woocommerce input.button, body .woocommerce #respond input#submit, body .woocommerce #content input.button, body .woocommerce-page a.button, body .woocommerce-page button.button, body .woocommerce-page input.button, body .woocommerce-page #respond input#submit, body .woocommerce-page #content input.button , span.zonsale, .sidebar .widget ul.menu li.active > a, .sidebar .widget ul.product-categories li.active > a, .sidebar .widget ul.pagenav li.active a, .sidebar .widget ul.menu li.current-cat > a, .sidebar .widget ul.product-categories li.current-cat > a, .sidebar .widget ul.pagenav li.current-cat > a, .sidebar .widget ul.menu li > a:hover, .sidebar .widget ul.product-categories li > a:hover, .sidebar .widget ul.pagenav li a:hover, #limited_offers li:after, .login-panel .create_account, .login-panel input[type=submit], .register-panel input[type=submit], .forgot-panel input[type=submit], .login-panel .login_facebook {background-color:#3e9ce6; -webkit-transition:none; transition:none;} span.zonsale:before ,#limited_offers li:before{border-color:#3e9ce6 transparent transparent;} .how_to_shop .number, .newsletter-signup input[type=submit], .vertical_tabs .tabbable .nav>li.active>a>span, .vertical_tabs .tabbable .nav>li>a:hover>span, #map_controls, .hg-portfolio-sortable #portfolio-nav li.current a, .ptcarousel .controls > a:hover, .itemLinks span a:hover, .product-list-item .details .actions a, .shop-features .shop-feature:hover, .btn-flat, .redbtn, #sidebar ul.menu li a:hover, .imgboxes_style1 .hoverBorder h6, .feature_box.style3 .box:hover, .services_box .box:hover .icon, .latest_posts.default-style .hoverBorder h6, .process_steps .step.intro, .recentwork_carousel.style2 li a .details .plus, .gobox.ok, .hover-box:hover, .recentwork_carousel li .details > .bg, .circlehover:before,.iosSlider .item .caption.style1 .more:before, .iosSlider .item .caption.style1 .more:after ,.iosSlider .item .caption.style2 .more {background-color:#3e9ce6;} #action_box:before ,#action_box:after, header#header.style1{border-top-color:#3e9ce6;} /* BORDER LEFT */ .process_steps .step.intro:after, body .nivo-caption, body .flex-caption, body #wowslider-container .ws-title {border-left-color:#3e9ce6; } .theHoverBorder:hover {box-shadow:0 0 0 5px #3e9ce6 inset;} .offline-page .containerbox {border-bottom:5px solid #3e9ce6; } .offline-page .containerbox:after {border-top: 20px solid #3e9ce6;} header#header.style2 #logo a {border-top: 3px solid #3e9ce6;} body .iosSlider .item .caption.style2 .title_big, body .iosSlider .item .caption.style2 .title_small {border-left: 5px solid #3e9ce6; } body .iosSlider .item .caption.style2.fromright .title_big, body .iosSlider .item .caption.style2.fromright .title_small {border-right: 5px solid #3e9ce6 ; } /* HEADINGS */ h1 , .page-title{ font-family:helvetica; font-size:45px; line-height:49px; } h2 { font-family:helvetica; font-size:40px; line-height:45px; } h3 { font-family:helvetica; font-size:24px; line-height:32px; } h4 { font-family:helvetica; font-size:18px; line-height:22px; } h5 { font-family:helvetica; font-size:16px; line-height:20px; } h6 { font-family:helvetica; font-size:13px; line-height:17px; } /* Body */ body{ font-family:helvetica; font-size:16px; line-height:23px; } /* Grey Area */ body .gray-area { font-family:helvetica; font-size:16px; line-height:23px; } /* Footer Area */ body #footer { font-family:helvetica; font-size:16px; line-height:23px; } body #footer a { color:#8B8C8D;} body #page_wrapper , body.boxed #page_wrapper { background-repeat:repeat; background-position:left top; background-attachment:scroll; } .gray-area { background-repeat:repeat; background-position:left top; background-attachment:scroll; } header#header , .oldie #page_wrapper header#header{ background-color:#28292f; background-image:none; background-repeat:repeat; background-position:left top; background-attachment:scroll; } footer#footer { } footer#footer .bottom{ border-top:5px solid #484848;} nav#main_menu > ul > li > a , nav#top_menu > ul > li > a { font-family:"helvetica" , "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; line-height:12px; color:#fff; font-weight:bold; text-transform: uppercase; } nav#top_menu > ul > li > a { padding:5px; } .topnav > li > a { color:#ffffff ;}.product-list-item .image { max-height: px;line-height:px;} /*--------------------- Home Page style -------------------*/ a{ color:#4aaadf; } h1,h2, h5{ text-align:left; } .normalfont{ font-size:16px; line-height:1.5em; } .chaser{ display:none; } body.res1170 .marginright{ margin:0 15px 0 0; } body.res1170 .marginleft{ margin:0 0 0 15px; } body.res1170 .marginbotm{ margin:0 0 20px; } body.res1170 .semifont{ font-size:30px; line-height:1.1em; } .separator{ background:#cbcbcb; height:1px; margin:0 5px; clear:both; } .home.page .static-content{ padding-top:0px; } .aligncenter{ text-align:center; } .alignleft{ text-align:left; } body.res1170 .no_margin{ margin:0px; } body.res1170 .minheight{ min-height:456px; } h2.bigfont{ font-size:55px; line-height: 1em; font-family: "helvetica"; margin:0px; } h2.midfont{ font-size:45px; line-height: 1.1em; font-family: "helvetica"; margin:0px; } body.res1170 .nobold{ font-weight:normal; } body.res1170 .bold{ font-weight:bold; } .span6 h3, .span8 h3{ font-size:40px; line-height: 1em; font-family: "helvetica"; /*margin:0 18px 20px;*/ margin:0 0 20px; color:#ec7b3a; } .orange{ color:#ec7b3a; } .white{ color:#FFF; } .cyan, .span8 h3.cyan{ color:#4aaadf; } body.res1170 .yellow{ color:#ffc200; } body.res1170 .yellow a{ color:#ffc200 !important; } body.res1170 .blue{ color:#517ea2; } body.res1170 .pmargin{ margin:0 30px 15px 50px; } body.res1170 .bggrey{ background:#EBEBEB; padding:30px; } body.res1170 .bgcyan{ background:#4AAADF; padding:45px; color:#fff; } .keywordbox{ border-top-color:#4aaadf; } body.res1170 .process_steps .step{ min-height:300px; } .keywordbox:after{ border-top-color:#4aaadf; } h3.m_title{ color:#5c6568; font-size:22px; margin:0 0 15px; } h3.m_title span, h3 span, h2 span, h4 span{ color:#EC7B3A; } /*.home.page section#content{ margin:0px; }*/ .acc-group.default-style > button.collapsed.ui-state-active:after{ background-position:center top; } .acc-group.default-style > button.collapsed.ui-state-active{ color:#4aaadf; } .topnav .yellow a{ color:#ffc200; } .process_steps{ font-style:normal; } .process_steps .step.intro > h3 strong{ font-size:130%; color:#fff; } .process_steps .step.intro a.yellow strong{ color:#ffc200; font-size:120%; } .process_steps .step > h3{ color:#4aaadf; } h2{ font-size:40px; font-style:normal; } h3.cyan a{ font-style:normal; color:#4aaadf; font-weight:30px; } .partners_carousel h5.title{ color:#ec7b3a; font-size:26px; line-height:26px; font-family: "Helvetica"; font-style:normal; font-weight:bold; } .recentwork_carousel.style2 li .details{ background:#878787; } nav#main_menu > ul ul li a, nav#top_menu > ul ul li a{ text-transform:uppercase; font-size:10px; } .top-demo{ background:#f5621c; } .top-demo h3{ font-size:35px; line-height:37px; text-transform:uppercase; color:#fff; padding:23px 25px 0; margin:0; } .top-demo a, .bottom-demo a{ color:#ffc200; font-size:25px; padding:0 25px 70px; display:block; } .bottom-demo{ background:#4aaadf; margin-top:8px; } .bottom-demo h3{ font-size:20px; line-height:22px; text-transform:uppercase; color:#fff; padding:25px 25px 0; margin:0; } .bottom-demo a{ padding-bottom:37px; } .gobox{ padding:5px 30px; background:#4aaadf; font-family:"Helvetica"; } .gobox:after{ border-color:transparent transparent transparent #4aaadf; } .gobox.ok{ background:#f5621c; } .gobox h1{ font-size:55px; line-height:55px; margin:0px; } .gobox h3{ margin:0px; color:#ffc200; } .gobox img{ display:none; } .feature_box.style2 p{ margin-left:0px; } .form-horizontal .control-group{ float:left; width: auto; } #contact_form .form-horizontal .controls{ margin:0px; } #contact_form .form-horizontal .controls input{ width:165px; margin-right:10px; } #contact_form .form-horizontal .controls input.btn{ background:#4aaadf; color:#ffc200; text-transform:uppercase; font-size:16px; font-weight:bold; text-shadow: none; } #contact_form .form-horizontal .control-label{ display:none; } /*** footer menus ***/ #footer .widget_nav_menu{ float:left; margin-right:25px; text-transform:uppercase; } #footer .widget_nav_menu ul{ margin:0px; list-style:none; } #footer .widget_nav_menu ul li{ margin-bottom:45px; } #footer .widget_nav_menu ul li a{ font-size: 16px; color:#f7922e; font-weight:bold; } #footer .widget_nav_menu ul.sub-menu{ margin-top:10px; } #footer .widget_nav_menu ul.sub-menu li{ margin-bottom:3px; } #footer .widget_nav_menu ul.sub-menu li a{ font-size:13px; color:#fff; font-weight:normal; } body.res1170 .newsletter-signup input[type="text"]{ width:165px; } body.res1170 #footer .contact-details{ background:none; } #footer .m_title{ color:#4aaadf; text-transform:uppercase; font-size:16px; } /** Home events, news and press **/ .span12 .latest_posts.style3 ul.posts li{ float:left; width:25%; margin:0px; } .latest_posts.style6 ul.posts{ list-style:none; margin:0; padding:0; } .latest_posts.style6 .hoverBorder{ margin:5px 20px 5px 0; } .latest_posts.style6 .title a{ color:#EC7B3A; font-size:18px; } .latest_posts.style5 .viewall, .latest_posts.style6 .viewall { color: #757575; font-size: 10px; font-weight: bold; position: absolute; right: 0; top: 12px; } .latest_posts.style5, .latest_posts.style6{ position:relative; } .latest_posts.style5 .posts{ float:left; margin-left:0px; } .latest_posts.style5 .span3{ margin:0 5px; list-style:none; } .latest_posts.style5 .span3 .title a, .latest_posts.style6 .span3 .title a{ color:#EC7B3A; } .latest_posts.style3 ul.posts h4.title{ font-size:18px; line-height:22px; } .latest_posts.style3 h4.title span{ color:#5c6568; } .latest_posts.style3 ul.posts h4.title a{ color:#ec7b3a; font-size:18px; line-height:22px; } /** Home style **/ .span10.partners_carousel.st2{ float:right; width:1070px; margin-left:0px; } .span10.partners_carousel.st2 ul li{ padding: 0 0 0 20px; } .span10.partners_carousel.st2 ul li a{ min-height:170px; } .span2.partners_carousel.st2{ float:right; width:90px; margin:0 10px 0 20px; } .controls.st2{ background:#fff; width: 90px; border: 4px solid #eee; } .controls.st2 a{ clear: both; display: block; padding: 19.5px 0px; margin:15px; } .controls.st2 .prev{ border-bottom:1px solid #666; } .controls.st2 .prev .icon-chevron-left{ background-image:url('../images/grey-arrows_left.png'); width:21px; height:33px; background-position:0; margin: 0 18px; } .controls.st2 .next .icon-chevron-right{ background-image:url('../images/grey-arrows_rite.png'); width:21px; height:33px; background-position:0; margin:0 18px; } .lpintro, .lptitle{ color:#ec7b3a; font-size:15px; line-height:15px; text-transform: uppercase; } /*** Home Demos ***/ .box1.imgboxes_style2, .box2.imgboxes_style2{ float:left; width: auto; margin-right:25px; } .box3.textboxes_style1{ float:left; width: 250px; } .htext h3{ font-size:55px; line-height: 55px; text-transform:uppercase; padding:155px 15px 0; font-family: helvetica; width:70%; } .box2 .htext h3{ padding-top:50px; } .slidingDetails .details .htext h4{ font-size:35px; line-height: 35px; padding:0 15px; font-family: helvetica; margin:0px; color: #ffc200; } .latest_posts.style6 h4.title span { color: #5C6568; } /** footer nav **/ .foot-menu{ margin-top:10px; list-style:none; } .foot-menu li{ float:left; padding-right:15px; } .foot-menu li a{ text-transform:capitalize; } #footer .social-share{ text-align:left; } #footer .social-icons{ margin:10px 0 0; } #footer .social-icons .title{ color:#F7922E; font-size:20px; font-weight:bold; text-transform:lowercase; } /*** Inner page ***/ #page_header{ min-height:230px; } .header-titles{ text-align:center; } .header-titles h1{ font-size:66px; line-height:1.1em; font-weight:normal; font-style:italic; color: #FFC200; margin:5% 0; text-align:center; } /* downarrow box */ .downarrowbox{ position:relative; padding-top: 30px; /*font-size:23px;*/ font-style:normal; text-align:center; color: #8D8D8D; } .downarrowbox:after {content:''; position:absolute; top:0; left:50%; margin-left:-3px; border:6px solid transparent; } .downarrowbox.grey{ border-top:4px solid #949494; } .downarrowbox.grey:after{ border-top-color:#949494; } .downarrowbox.cyan{ border-top:4px solid #4aaadf; } .downarrowbox.cyan:after{ border-top-color:#4aaadf; } .downarrowbox.orange{ border-top:4px solid #ec7b3a; } .downarrowbox.orange:after{ border-top-color:#ec7b3a; } .downarrowbox .span4.no_margin{ margin:0; } ul.bigfont, ul.bigfont.blue{ list-style:none; margin:0 20px; padding:0px; } ul.bigfont li, ul.bigfont.blue li{ text-align:left; margin:0 0 20px; font-size: 25px; font-style: normal; font-weight:bold; line-height:1.1em; background: url("../images/list-dash.png") 0 25% no-repeat; padding-left:20px; color:#517ea2; } ul.list-dash{ list-style:none; /*margin:0 20px;*/ margin:0 10px; padding:0px; } ul.list-dash li{ text-align:left; margin:0 0 10px; font-size: 16px; font-style: normal; font-weight: bold; line-height:1.1em; background: url("../images/list-dash.png") 0 7px no-repeat; padding-left:20px; color:#5c6568; clear:both; } ul.list-small{ list-style:none; margin:15px 15px 0; padding:0px; } ul.list-small li{ text-align:left; margin:0 0 10px; font-size: 14px; font-style: normal; line-height:1.1em; background: url("../images/list-small.png") 0 7px no-repeat; padding:0 0 10px 20px; color:#5c6568; clear:both; border-bottom:1px solid #cacaca; } ul.list-small li:last-child, ul.list-small li ul li{ border:none; } ul.list-dash.sub{ margin:15px; clear:both; } ul.list-dash.sub li{ float:left; margin-left:15px; } a.bigfont{ font-weight:bold; font-size:20px; margin:0 10px; } .cyan{ color:#4aaadf; } .process_steps.innerpage .step.intro{ background:#ec7b3a; } .process_steps.innerpage .step.intro:after{ border-left-color:#ec7b3a; } .process_steps.innerpage .step h3{ color:#fff; text-align:left; line-height:1.3em; font-weight:bold; } .process_steps.innerpage .step.intro a{ font-weight:bold; font-size:20px; margin:0; color:#ffc200; float:left; } .process_steps.innerpage .step.intro a:hover{ color:#4aaadf; font-weight:bold; font-size:20px; } .process_steps.innerpage .step a{ margin:0px; text-align:left; float:left; } .process_steps.innerpage .step a:hover{ color:#4aaadf; } .downarrowbox.cyan{ font-style:normal; color:#5c6568; } .downarrowbox.cyan .lead{ font-size:24px; line-height:1.2em; } .bigmargin{ margin:0 50px; } .downarrowbox.cyan h2{ margin:0px; } .downarrowbox.cyan h3{ line-height:1.2em; } h3.grey{ font-size:40px; color:#535353; text-align:left; } .dgrey{ font-size:30px; color:#5c6568; text-align:left; } .btn.bgblue{ background: #3e9ce6; background-image: url(../images/btn-arrow.png); /* fallback */ background-image: url(../images/btn-arrow.png), -webkit-gradient(linear, left top, left bottom, from(#3e9ce6), to(#388ccf)); /* Saf4+, Chrome */ background-image: url(../images/btn-arrow.png), -webkit-linear-gradient(top, #3e9ce6, #388ccf); /* Chrome 10+, Saf5.1+ */ background-image: url(../images/btn-arrow.png), -moz-linear-gradient(top, #3e9ce6, #388ccf); /* FF3.6+ */ background-image: url(../images/btn-arrow.png), -ms-linear-gradient(top, #3e9ce6, #388ccf); /* IE10 */ background-image: url(../images/btn-arrow.png), -o-linear-gradient(top, #3e9ce6, #388ccf); /* Opera 11.10+ */ background-image: url(../images/btn-arrow.png), linear-gradient(top, #3e9ce6, #388ccf); /* W3C */ background-position:10%; background-repeat:no-repeat; border:1px solid #4aaadf; color:#fff; text-transform:uppercase; float:left; margin:0 20px; padding:15px 15px 15px 22px; min-width:200px; } .btn.bgblue span{ font-size:22px; padding:0 0 0 50px; } /** editions page **/ .table-header-title{ float:left; width:60%; } .table-header{ float:left; width:10%; } .table-top{ border-bottom: 1px solid #ddd; float: left; width: 100%; } td.check-mark{ background:url(../images/check-marks.png) 50% no-repeat; } .team_member.orange_border:hover{ box-shadow:0 0 0 5px #ec7b3a; border-radius:0px; } .contact .bgimage{ background:url(../images/inner-contact-image.png) 50% no-repeat; height:251px; } /***** For sticky navigation ******/ header#header{ position:fixed; z-index:100; } #page_header, #slideshow{ /*top:100px;*/ } section#content{ /*margin-top:100px;*/ } /***** Grey list dash *****/ ul.list-grey{ list-style:none; margin:15px 10px; padding:0px; } ul.list-grey li{ text-align:left; margin:0 0 20px; font-style: normal; background: url("../images/list-grey.png") 0 9px no-repeat; padding-left:20px; color:#535353; clear:both; } ul.list-grey.vspace li{ margin-bottom:4px; } /***** Yellow list dash *****/ ul.list-yellow{ list-style:none; margin:15px 10px; padding:0px; } ul.list-yellow li{ text-align:left; margin:0 0 20px; font-size: 16px; font-style: normal; line-height:1.3em; background: url("../images/list-yellow.png") 0 7px no-repeat; padding-left:20px; color:#fff; clear:both; } .generic.bgimage{ background:url(../images/contact-generic.png) 100% 100% no-repeat; } .generic.bgimage a.bigfont{ margin:0px; padding-top:70px; display:block; } .floatright{ float:right; width:60%; } body.res1170 .testimonial, body.res1170 .casestudy, body.res1170 .whitepaper, body.res1170 .demos, body.res1170 .whitepaper2{ padding:25px 50px; min-height:250px; /*margin:0 30px 15px;*/ background:none; } body.res1170 .testimonial{ padding:0; } .testimonial p{ clear:both; font-size:16px; font-style:italic; background:url(../images/blockquote.png) no-repeat; padding:20px 0 0 20px; } body.res1170 .casestudy { background:url("../images/case-study.png") no-repeat 7% 50% #3E9CE6; } body.res1170 .whitepaper{ background:url("../images/white-paper.png") no-repeat 7% 50% #517EA2; } body.res1170 .whitepaper2{ background:url("../images/white-paper2.png") no-repeat 7% 50% #abaaaa; padding:50px 0 0 65px; margin-top:35px; position:relative; } body.res1170 .right.whitepaper2:before{ border-right-color:#abaaaa; } .sgrey{ color:#f5f5f5; } body.res1170 .demos{ background:transparent; } .casestudy p, .whitepaper p, .whitepaper2 p{ clear:both; color:#fff; padding-right:5px; } /***** Press-News *****/ .latest_posts.style2 ul.posts .details{ width:80px; } .latest_posts.style2 ul.posts .text{ margin-left:80px; } .acc-group.default-style > button{ padding-right:25px; } h3.m_title span.bigfont{ font-family: "helvetica"; font-size: 40px; line-height: 1em; margin: 0 8px 20px; display:block; } .custom_style4 .alignright{ margin:0 50px; } span.play{ background:url(../images/play_btn.png) 50% 50% no-repeat; height:92px; padding:40% 0 0 0; font-size:20px; font-weight:bold; text-align:center; display:block; } #sidebar{ background:none; padding:0px; border-radius:none; } body.res1170 .bgorange{ background:#EC7B3A; padding:25px 40px; min-height:150px; position:relative; } body.res1170 .bgorange h2{ color:#fff; } .right:before { border: 9px solid transparent; content: ""; position: absolute; left: -18px; top: 55px; z-index: 1; } .textwidget .bgorange:before{ border-right-color:#EC7B3A; } .textwidget .right.whitepaper, .textwidget .right.casestudy{ margin:0px; position:relative; /*background-position:40px 30px;*/ background-position:50% 25px; } .textwidget .right.whitepaper:before{ border-right-color:#517EA2; } .textwidget .right.casestudy:before{ border-right-color:#3E9CE6; } .textwidget .right .margintop{ padding-top:200px; } .textwidget .right.bggrey{ margin:0px; padding:25px 40px; position:relative; background:#878787; } .textwidget .right.bggrey p{ color:#fff; } .textwidget .right.bggrey:before{ border-right-color:#878787; } .lgrey{ color:#becdd2; } /*** services table ***/ .course-glance { table-layout:fixed; width:100% ; font-size: 11px; vertical-align: top; } .course-glance td, .course-glance th { /*width: 100px; */ word-wrap:break-word; padding: 5px; border: 1px solid white; } .course-glance th, .course-glance .front-col { background-color: #F79646; color: white; } .course-glance .front-col { border-right: 2px solid white; } .course-glance td { color: black; } .course-header th { border-bottom: 2px solid white; } .course-row-odd { background-color: #FBCAA2; } .course-row-even { background-color: #FDE4D0; } /*** category page ***/ .archive section#content{ padding-top:50px; } .eBlog .itemContainer{ background:none; box-shadow:none; padding:0 15px; margin:0; } .eBlog .itemContainer:after { border:none !important; } .page-parent .rapid_contact{ margin-left:170px; } .eBlog .itemTitle a{ color:#EC7B3A } .eBlog .post_details, .eBlog .post_details:after, .eBlog .post_details:before{ border:none; font-size:14px; font-weight:bold; text-transform:none; transition:none; opacity:1; margin-bottom:5px; } .eBlog .post_details a, .eBlog .readMore{ color:#4aaadf; } .icon-calendar, .eBlog .itemLinks{ display:none; } .single-post section#content, .search section#content{ padding-top:30px; } .single-post .itemHeader{ display:none; } .latest_posts.style2 ul.posts .title{ font-size:18px; } .row{ margin-bottom:22px; } .acc-group.default-style button{ font-size:16px; } .acc-group.default-style .content{ font-size:14px; line-height:1.3em; } .team_member{ min-height:445px; } .team_member > h4, .team_member > h6{ padding:0 15px; } .error404 #page_header{ height:10px; } /*--------------------------------Options css End here ----------------------------*/ /***-----------------------------Custom Css Start here---------------------------****/ .static-content.maps-style{ overflow:hidden; } body.home #slideshow ul{ height:100% !important; } .recentwork_carousel .caroufredsel_wrapper{ height:200px !important; } .community_form a, .community_form a:hover{ color: #EC7B3A; font-size: 22px; line-height: 22px; font-style: normal; text-decoration:none; } .embed-container { position: relative; height: auto; margin-right:10px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .recentwork_carousel.style2 .controls { position: relative; right: 0; top: 0; } #main_feature { margin: auto 0; /*padding: 30px;*/ } .features-table { border-collapse: separate; border-spacing: 0; color: #2A2A2A; margin: 0 auto; text-shadow: 0 1px 0 #FFFFFF; width: 100%; word-wrap:break-word; table-layout:fixed; } .features-table th , .features-table td { border-bottom: 1px solid #CDCDCD; box-shadow: 0 1px 0 white; height: 40px; padding:0; text-align: center; border-right: 1px solid #CDCDCD; } .features-table tbody td { font-size: 14px ; text-align: center; width: 150px; } .features-table tbody td:first-child { text-align: left; width: auto; } .features-table thead th { border-right: none; font-weight: bold; text-align: left; } .features-table td.main_title, .features-table th.main_title { color: #00B9D2; font-size: 36px; line-height: 36px; text-align: left; border-right: none; padding-left:20px; } .features-table td.head_title { color: #F47D31; text-align: left; border-right: none; font-size: 22px; font-weight: bold; padding-left:0px; } .features-table td.feature_title { padding-left:20px; } .features-table td { color: #595959; font-weight: bold; } .features-table thead td:first-child { border-top: medium none; } .features-table tfoot td:first-child { border-bottom: medium none; } .nomargin{ margin:0 !important; } .copy_links{ float:left; } /***-----------------------------Custom Css End here---------------------------****/ /*--------------------------------Responsive css Starts here ----------------------------*/ @media (min-width: 980px) and (max-width: 1200px) { .copy_links{ float:none; } #logo { float: left; padding-left: 10px; text-align: center; width: 25%; } header#header.style2 #logo a { padding: 40px 0; } .foot-menu { list-style: none outside none; margin: 10px 0 0; } } @media (min-width: 320px) and (max-width: 460px) { .bigmargin { margin: 0 15px; } /*----- Sidebar Whitepapers,Case studies,Contactus ------------*/ body.res1170 .whitepaper, body.res1170 .casestudy{ margin:0px; position:relative; background-position:50% 25px; } body.res1170 .whitepaper .floatright, body.res1170 .casestudy .floatright{ padding-top: 200px; width: auto; } /*----- Sidebar Whitepapers,Case studies,Contactus Ends ------------*/ /*----- Sidebar generic page Contactus ------------*/ .generic.bgimage { background: url("../images/contact-generic.png") no-repeat scroll 0 0 transparent; padding-top: 200px; } .generic.bgimage a.bigfont{ padding-top: 0px; } /*----- Sidebar generic page Contactus Ends ------------*/ } @media (min-width: 320px) and (max-width: 768px) { header#header { position: relative !important; height: auto; z-index: 100; } #responsive_header{ display:none; } .chaser{ /*display:block !important;*/ } .copy_links{ clear:both;} nav#main_menu > ul{ margin: 5px 0 !important; } } @media (min-width: 320px) and (max-width: 480px) { #logo { float: left; text-align: center; width:96%; padding-left:10px; } #search{ top:30px; } } @media (min-width: 768px) and (max-width: 979px) { body header#header #logo a{ padding:10px 25px 10px 0; } nav#main_menu.smooth_menu { float:right; top: 27px; display: block; margin: 0 0 5px; padding: 0; position: absolute; right:60px; } #search { position: absolute; right: -35px; top: 0; } body header#header #logo a{ padding:10px 25px 10px 0 !important; } header#header{ min-height:115px; } } @media (width: 640px) { body header#header #logo a{ padding:25px 25px 10px 0; } nav#top_menu.smooth_menu { clear:none; width:270px; float:right; } #logo { float: none; margin: 0; text-align: center; } } @media (min-width: 980px) { nav#main_menu.smooth_menu > ul { display:block !important; float:right; } nav#top_menu.smooth_menu > ul { display:block !important; } } @media (min-width: 532px) and (max-width: 768px) { .bigmargin { margin: 0 30px; } .bigmargin h2.orange , .downarrowbox.cyan h2 { font-size: 30px; line-height: 36px; word-wrap: break-word; } .htext h3{ padding:85px 15px 0; } .slidingDetails .details .htext h4{ font-size:22px; line-height:26px; } .htext h3 { font-size: 30px; line-height: 30px; } .box2 .htext h3 { padding-top: 50px; } .box3.textboxes_style1{ width:100%; margin-top:20px; } .box1.imgboxes_style2.demo1{ width:33.5%; } .box2.imgboxes_style2.demo2{ width:55.8%; } .demo2 .htext h3{ padding-top:50px; } .top-demo{ float: left; margin-right: 30px; width: 46%; } .bottom-demo{ margin-top:0px; float: left; width: 46%; } .box3 .textboxes_style1{ float: left; } .top-demo h3 , .bottom-demo h3 { color: #FFFFFF; font-size: 24px; line-height: 36px; margin: 0; padding: 20px 25px 0; text-transform: uppercase; } .top-demo a, .bottom-demo a { color: #FFC200; display: block; font-size: 24px; padding: 0 25px 30px; } } @media (min-width: 320px) and (max-width: 532px) { #page_header{ min-height:125px !important; height:auto !important; } .foot-menu { list-style: none outside none; margin: 10px 0 0; } .archive section#content{ padding-top:15px; } /*----- Sidebar Whitepapers,Case studies,Contactus ------------*/ /*----- Sidebar Whitepapers,Case studies,Contactus Ends ------------*/ [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"]{ float:left; } h2.orange { font-size:30px; } /*** Products Page *****/ .image-boxes.custom_style4 .alignright{ margin:0; padding-bottom:10px; } h3.marginbotm.dgrey{ font-size:22px; } /*** End Products Page *****/ /*** products/kaazing-websocket-gateway *****/ .header_overview .span2{ margin-right:5px !important; float: left; width: auto; } body.res1170 .whitepaper2 { margin-left:0; padding:15px 0 0 94px; } .whitepaper2 .floatright { width:52%; } .whitepaper2 .floatright h2.sgrey{ font-size:30px; } .whitepaper2 .floatright p { font-size: 18px; line-height: 22px; } .whitepaper2 .floatright h4 a { font-size: 16px; } /*** End products/kaazing-websocket-gateway *****/ #page_header .header-titles{ text-align:center; } .header-titles h1, .header-titles h2{ font-size: 40px; margin: 0 25px; } #page_wrapper, #page_header, #slideshow , section#content { top: 0 !important; } .gobox h3{ font-size:20px; } .gobox h1{ font-size: 28px; line-height: 32px; } /*--recent work corusel ---*/ .recentwork_carousel.style2.span12 .caroufredsel_wrapper{ height:100px !important; } .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a img, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a iframe{ height:100% !important; width:100%; } .recentwork_carousel.style2 .caroufredsel_wrapper ul li a .details .plus{ top:22%; } .recentwork_carousel.style2 li a .details h4{ top:36%; line-height:16px; } /*---- end here --- */ .box3.textboxes_style1{ width:100% !important; margin-top:20px; } .top-demo h3,.bottom-demo h3 { color: #FFFFFF; font-size: 35px; line-height: 37px; padding: 25px 25px 0; } .top-demo a, .bottom-demo a{ padding:0 25px 30px } .box1.imgboxes_style2.demo1{ width:300px; } .box2.imgboxes_style2.demo2{ width:100%; } .demo2 .htext h3{ font-size:30px; line-height:30px; } .demo2.box2 .htext h3{ margin-bottom:0; } .demo2.box2 .htext h3 { padding-top: 20px; } .demo2 .slidingDetails .details .htext h4{ font-size:22px; } .community_form h2.video_title { font-size: 40px; line-height: 45px; } .dnicon {background:url('https://s3-us-west-2.amazonaws.com/developer.kaazing.com/wordpress/wp-content/uploads/2013/07/dwn-icons.png') no-repeat; text-indent:-999em; width:140px; height:32px;} .dnicon span{ visibility: hidden;} .dnicon.jms{background-position:7px 5px;} .dnicon.amqp {background-position:-31px 5px;} .dnicon.xmpp { background-position:-67px 5px;} .dnicon.html5 { background-position:-106px 5px;} } @media (min-width: 768px) and (max-width: 979px) { body.res1170 .bgcyan{ padding:35px; } body.res1170 .bggrey{ padding:25px; } .textwidget .right.sharestory, .textwidget .right.joinus, .textwidget .right.theblog, .textwidget .right.contactus { background-position:5px 15px; } body.res1170 .testimonial, body.res1170 .sharestory, body.res1170 .joinus, body.res1170 .theblog, body.res1170 .demos { padding:5px 25px; } #page_wrapper { /*top: 115px;*/ } body.res1170 .casestudy, body.res1170 .whitepaper, body.res1170 .contactus{ padding: 10px 25px; word-wrap: break-word; } body.res1170 .casestudy .bigfont.yellow, body.res1170 .whitepaper .bigfont.yellow, body.res1170 .contactus .bigfont.yellow{ font-size:18px; } h2.midfont{ font-size:30px; } .lead{ font-size:20px; line-height:24px; } body.res1170 .bgorange{ padding:25px; word-wrap:break-word; } body.res1170 .bgorange h2.semifont{ font-size:24px; } body.res1170 .bgorange .bigfont.yellow{ font-size:18px; } /*** Products Page *****/ .image-boxes.custom_style4 .alignright{ margin:0 10px; padding-bottom:10px; } h3.marginbotm.dgrey{ font-size:22px; } /*** End Products Page *****/ /*** products/kaazing-websocket-gateway *****/ .header_overview .span2{ margin-right:5px !important; } .header_overview .span4 h2.orange.bigfont, .span4 h2.orange.bigfont{ font-size:40px !important; } body.res1170 .whitepaper2 { margin-left:0; padding:15px 0 0 94px; } .whitepaper2 .floatright { width:52%; } .whitepaper2 .floatright h2.sgrey{ font-size:30px; } .whitepaper2 .floatright p { font-size: 18px; line-height: 22px; } .whitepaper2 .floatright h4 a { font-size: 16px; } .whitepaper .floatright , .casestudy .floatright { width:40%; } .casestudy .floatright h2.semifont , .whitepaper .floatright h2.semifont { font-size:28px; } .whitepaper .floatright h3 a.yellow , .casestudy .floatright h3 a.yellow , .casestudy .floatright p.lead , .whitepaper .floatright p.lead { font-size: 16px; line-height: 18px; } /*** End products/kaazing-websocket-gateway *****/ .htext h3{ padding:140px 15px 0; } .slidingDetails .details .htext h4{ font-size:30px; line-height:30px; } .htext h3 { font-size: 30px; line-height: 30px; } .box2 .htext h3 { padding-top: 50px; } .box3.textboxes_style1{ width:100%; margin-top:20px; } .box1.imgboxes_style2.demo1{ width:33.5%; } .box2.imgboxes_style2.demo2{ width:55.8%; } .demo2 .htext h3{ padding-top:50px; } .top-demo{ float: left; margin-right: 30px; width: 46%; } .bottom-demo{ margin-top:0px; float: left; width: 46%; } .box3 .textboxes_style1{ float: left; } .top-demo h3 { color: #FFFFFF; font-size: 30px; line-height: 36px; margin: 0; padding: 20px 25px 0; text-transform: uppercase; } .top-demo a, .bottom-demo a { color: #FFC200; display: block; font-size: 25px; padding: 0 25px 30px; } .bottom-demo h3 { color: #FFFFFF; font-size: 30px; line-height: 36px; margin: 0; padding: 20px 25px 0; text-transform: uppercase; } .community_form{ } h2.video_title { color: #595959; font-size: 40px; font-style: normal; line-height: 44px; } h3.cyan { color: #4AAADF; font-size: 28px; font-style: normal; line-height: 30px; } .community_form h3.orange.nobold{ font-size:22px; line-height:24px; } .gobox h3{ font-size:20px; } .gobox h1{ font-size: 28px; line-height: 32px; } /*--recent work corusel ---*/ .recentwork_carousel.style2.span12 .caroufredsel_wrapper{ height:100px; } .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a img, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a iframe{ height:100% !important; width:100%; } .recentwork_carousel.style2 .caroufredsel_wrapper ul li a .details .plus{ top:22%; } .recentwork_carousel.style2 li a .details h4{ top:36%; line-height:16px; } /*---- end here --- */ } @media (min-width:980px) and (max-width: 1200px) { section#content{ /*margin-top: 110px;*/ } .foot-menu{ margin:10px 0 0; list-style:none; } .slidingDetails .details .htext h4{ font-size: 30px; line-height: 34px; } .htext h3 { font-size: 50px; line-height: 54px; } .box2 .htext h3 { padding-top: 50px; } .box3.textboxes_style1{ width:100%; margin-top:20px; } .box1.imgboxes_style2.demo1{ width:33.5%; } .box2.imgboxes_style2.demo2{ width:55.8%; } .demo2 .htext h3{ font-size:40px; line-height:44px; padding-top:50px; } .top-demo{ float: left; margin-right: 30px; width: 46%; } .bottom-demo{ margin-top:0px; float: left; width: 46%; } .box3 .textboxes_style1{ float: left; } .top-demo h3 { color: #FFFFFF; font-size: 30px; line-height: 36px; margin: 0; padding: 20px 25px 0; text-transform: uppercase; } .top-demo a, .bottom-demo a { color: #FFC200; display: block; font-size: 25px; padding: 0 25px 30px; } .bottom-demo h3 { color: #FFFFFF; font-size: 30px; line-height: 36px; margin: 0; padding: 20px 25px 0; text-transform: uppercase; } .community_form{ float:none;} h2.video_title { color: #595959; font-size: 40px; font-style: normal; line-height: 44px; } h3.cyan { color: #4AAADF; font-size: 28px; font-style: normal; line-height: 30px; } .community_form h3.orange.nobold{ font-size:22px; line-height:24px; } .gobox h3{ font-size:20px; } .gobox h1{ font-size: 28px; line-height: 32px; } /*--recent work corusel ---*/ .recentwork_carousel.style2.span12 .caroufredsel_wrapper{ height:200px; } .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a img, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a iframe{ height:100% !important; width:100%; } /*---- end here --- */ } ======= header#header {position: relative;}#slideshow .sliderContainer { padding: 50px 0; }#slideshow .container {padding: 30px 0 45px;} #page_header .container {padding: 0 0 30px;} body header#header #logo a{ padding:25px 0 0 !important; } #logo a img{ height:auto; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /*---------------------- Header --------------------------*/ #page_header.zn_def_header_style , #slideshow.zn_def_header_style , #page_header.uh_zn_def_header_style , #slideshow.uh_zn_def_header_style{ background-color:#22222f;} #page_header.zn_def_header_style #sparkles, #slideshow.zn_def_header_style #sparkles , #page_header.uh_zn_def_header_style #sparkles, #slideshow.uh_zn_def_header_style #sparkles { } #page_header.zn_def_header_style .bgback , #slideshow.zn_def_header_style .bgback , #page_header.uh_zn_def_header_style .bgback , #slideshow.uh_zn_def_header_style .bgback{ background-image:url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/06/banner_withutarrow.png");} #page_header.zn_def_header_style , #slideshow.zn_def_header_style {}#page_header.zn_def_header_style .zn_header_bottom_style , #slideshow.zn_def_header_style .zn_header_bottom_style {position:absolute; bottom:0; left:0; width:100%; height:27px; z-index:99; background:url(../images/bottom_mask.png) no-repeat center top;} /*---------------------- Unlimited Headers --------------------------*/ #page_header.uh_about_us .bgback , #slideshow.uh_about_us .bgback {background-image:url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/02/bg1.jpg");}#page_header.uh_about_us #sparkles , #slideshow.uh_about_us #sparkles{display:none}#page_header.uh_about_us , #slideshow.uh_about_us {background-color:#AAAAAA;background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */}#page_header.uh_about_us .bgback:after , #slideshow.uh_about_us .bgback:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;background-image: url(../images/glare-effect.png); background-repeat: no-repeat; background-position: center top;}#page_header.uh_about_us .zn_header_bottom_style , #slideshow.uh_about_us .zn_header_bottom_style {position:absolute; bottom:0; left:0; width:100%; height:20px; background:url(../images/shadow-up.png) no-repeat center bottom; z-index: 2;}#page_header.uh_about_us .zn_header_bottom_style:after , #slideshow.uh_about_us .zn_header_bottom_style:after {content:''; position:absolute; bottom:-18px; left:50%; border:6px solid transparent; border-top-color:#fff; margin-left:-6px;}#page_header.uh_about_us, #slideshow.uh_about_us {border-bottom:6px solid #FFFFFF}#page_header.uh_about_us .zn_header_bottom_style:before , #slideshow.uh_about_us .zn_header_bottom_style:before {content:''; position:absolute; bottom:-26px; left:0; width:100%; height:20px; background:url(../images/shadow-down.png) no-repeat center top; opacity:.6; filter:alpha(opacity=60);}#page_header.uh_ray_of_flight_countdown_event .bgback , #slideshow.uh_ray_of_flight_countdown_event .bgback {background-image:url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/02/rayoflight.png");}#page_header.uh_ray_of_flight_countdown_event #sparkles , #slideshow.uh_ray_of_flight_countdown_event #sparkles {display:block}#page_header.uh_ray_of_flight_countdown_event , #slideshow.uh_ray_of_flight_countdown_event {background-color:#335370;}#page_header.uh_ray_of_flight_countdown_event .zn_header_bottom_style , #slideshow.uh_ray_of_flight_countdown_event .zn_header_bottom_style {position:absolute; bottom:0; left:0; width:100%; height:20px; background:url(../images/shadow-up.png) no-repeat center bottom; z-index: 2;}#page_header.uh_ray_of_flight_countdown_event .zn_header_bottom_style:after , #slideshow.uh_ray_of_flight_countdown_event .zn_header_bottom_style:after {content:''; position:absolute; bottom:-18px; left:50%; border:6px solid transparent; border-top-color:#fff; margin-left:-6px;}#page_header.uh_ray_of_flight_countdown_event, #slideshow.uh_ray_of_flight_countdown_event {border-bottom:6px solid #FFFFFF}#page_header.uh_ray_of_flight_countdown_event .zn_header_bottom_style:before , #slideshow.uh_ray_of_flight_countdown_event .zn_header_bottom_style:before {content:''; position:absolute; bottom:-26px; left:0; width:100%; height:20px; background:url(../images/shadow-down.png) no-repeat center top; opacity:.6; filter:alpha(opacity=60);}#page_header.uh_pages_-_background_2_style .bgback , #slideshow.uh_pages_-_background_2_style .bgback {background-image:url("http://cms-dev.kaazing.com/wordpress/wp-content/uploads/2013/06/banner_withutarrow.png");}#page_header.uh_pages_-_background_2_style #sparkles , #slideshow.uh_pages_-_background_2_style #sparkles{display:none}#page_header.uh_pages_-_background_2_style , #slideshow.uh_pages_-_background_2_style {background-color:#22222f;}#page_header.uh_pages_-_background_2_style .zn_header_bottom_style , #slideshow.uh_pages_-_background_2_style .zn_header_bottom_style {position:absolute; bottom:0; left:0; width:100%; z-index:99; height:33px; background:url(../images/bottom_mask2.png) no-repeat center top;}#page_header.uh_home .bgback , #slideshow.uh_home .bgback {}#page_header.uh_home #sparkles , #slideshow.uh_home #sparkles{display:none}#page_header.uh_home , #slideshow.uh_home {background-color:#AAAAAA;background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */}#page_header.uh_home .zn_header_bottom_style , #slideshow.uh_home .zn_header_bottom_style {position:absolute; bottom:0; left:0; width:100%; height:27px; z-index:99; background:url(../images/bottom_mask.png) no-repeat center top;}#page_header.uh_404_header .bgback , #slideshow.uh_404_header .bgback {}#page_header.uh_404_header #sparkles , #slideshow.uh_404_header #sparkles{display:none}#page_header.uh_404_header , #slideshow.uh_404_header {background-color:#f5f5f5;}/* GENERAL COLOR */ a:hover, .cart_details .checkout, .info_pop .buyit, .m_title, .smallm_title, .circle_title, .feature_box .title, .services_box .title, .latest_posts.default-style .hoverBorder:hover h6, .latest_posts.style2 ul.posts .title, .latest_posts.style3 ul.posts .title, .recentwork_carousel li .details h4, .acc-group.default-style > button, .acc-group.style3 > button:after, .screenshot-box .left-side h3.title, .vertical_tabs .tabbable .nav>li>a:hover, .vertical_tabs .tabbable .nav>li.active>a, .services_box.style2 .box .list li, .shop-latest .tabbable .nav li.active a, .product-list-item:hover .details h3, .latest_posts.style3 ul.posts .title a, .statbox h4 {color:#3e9ce6;} .acc-group.style3 > button:hover, .acc-group.style3 > button:hover:after { color:#3e9ce6 ;} .tabs_style1 > ul.nav > li.active > a, header.style1, header.style2 #logo a, header.style3 #logo a {border-top: 3px solid #3e9ce6;} nav#main_menu > ul > li.active > a, nav#main_menu > ul > li > a:hover, nav#main_menu > ul > li:hover > a, nav#top_menu > ul > li.active > a, nav#top_menu > ul > li > a:hover, nav#top_menu > ul > li:hover > a, .social-icons li a:hover, #action_box, body .circlehover, body .flex-direction-nav li a:hover, body .iosSlider .item .caption.style1 .more:before, body .iosSlider .item .caption.style1 .more:after, body .iosSlider .item .caption.style2 .more, body .nivo-directionNav a:hover, body #wowslider-container a.ws_next:hover, body #wowslider-container a.ws_prev:hover, .br-next:hover, .br-previous:hover, body .ca-more, body .title_circle, body .title_circle:before, body ul.links li a, .hg-portfolio-sortable #portfolio-nav li a:hover, .hg-portfolio-sortable #portfolio-nav li.current a, .iosSlider .item .caption.style1 .more:before, .iosSlider .item .caption.style1 .more:after, .btn-flat , body.woocommerce a.button:hover, body.woocommerce button.button:hover, body.woocommerce input.button:hover, body.woocommerce #respond input#submit:hover, body.woocommerce #content input.button:hover, body.woocommerce-page a.button:hover, body.woocommerce-page button.button:hover, body.woocommerce-page input.button:hover, body.woocommerce-page #respond input#submit:hover, body.woocommerce-page #content input.button:hover, body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button, body.woocommerce #respond input#submit, body.woocommerce #content input.button, body.woocommerce-page a.button, body.woocommerce-page button.button, body.woocommerce-page input.button, body.woocommerce-page #respond input#submit, body.woocommerce-page #content input.button, body.woocommerce a.button.alt, body.woocommerce button.button.alt, body.woocommerce input.button.alt, body.woocommerce #respond input#submit.alt, body.woocommerce #content input.button.alt, body.woocommerce-page a.button.alt, body.woocommerce-page button.button.alt, body.woocommerce-page input.button.alt, body.woocommerce-page #respond input#submit.alt, body.woocommerce-page #content input.button.alt, body .woocommerce a.button, body .woocommerce button.button, body .woocommerce input.button, body .woocommerce #respond input#submit, body .woocommerce #content input.button, body .woocommerce-page a.button, body .woocommerce-page button.button, body .woocommerce-page input.button, body .woocommerce-page #respond input#submit, body .woocommerce-page #content input.button , span.zonsale, .sidebar .widget ul.menu li.active > a, .sidebar .widget ul.product-categories li.active > a, .sidebar .widget ul.pagenav li.active a, .sidebar .widget ul.menu li.current-cat > a, .sidebar .widget ul.product-categories li.current-cat > a, .sidebar .widget ul.pagenav li.current-cat > a, .sidebar .widget ul.menu li > a:hover, .sidebar .widget ul.product-categories li > a:hover, .sidebar .widget ul.pagenav li a:hover, #limited_offers li:after, .login-panel .create_account, .login-panel input[type=submit], .register-panel input[type=submit], .forgot-panel input[type=submit], .login-panel .login_facebook {background-color:#3e9ce6; -webkit-transition:none; transition:none;} span.zonsale:before ,#limited_offers li:before{border-color:#3e9ce6 transparent transparent;} .how_to_shop .number, .newsletter-signup input[type=submit], .vertical_tabs .tabbable .nav>li.active>a>span, .vertical_tabs .tabbable .nav>li>a:hover>span, #map_controls, .hg-portfolio-sortable #portfolio-nav li.current a, .ptcarousel .controls > a:hover, .itemLinks span a:hover, .product-list-item .details .actions a, .shop-features .shop-feature:hover, .btn-flat, .redbtn, #sidebar ul.menu li a:hover, .imgboxes_style1 .hoverBorder h6, .feature_box.style3 .box:hover, .services_box .box:hover .icon, .latest_posts.default-style .hoverBorder h6, .process_steps .step.intro, .recentwork_carousel.style2 li a .details .plus, .gobox.ok, .hover-box:hover, .recentwork_carousel li .details > .bg, .circlehover:before,.iosSlider .item .caption.style1 .more:before, .iosSlider .item .caption.style1 .more:after ,.iosSlider .item .caption.style2 .more {background-color:#3e9ce6;} #action_box:before ,#action_box:after, header#header.style1{border-top-color:#3e9ce6;} /* BORDER LEFT */ .process_steps .step.intro:after, body .nivo-caption, body .flex-caption, body #wowslider-container .ws-title {border-left-color:#3e9ce6; } .theHoverBorder:hover {box-shadow:0 0 0 5px #3e9ce6 inset;} .offline-page .containerbox {border-bottom:5px solid #3e9ce6; } .offline-page .containerbox:after {border-top: 20px solid #3e9ce6;} header#header.style2 #logo a {border-top: 3px solid #3e9ce6;} body .iosSlider .item .caption.style2 .title_big, body .iosSlider .item .caption.style2 .title_small {border-left: 5px solid #3e9ce6; } body .iosSlider .item .caption.style2.fromright .title_big, body .iosSlider .item .caption.style2.fromright .title_small {border-right: 5px solid #3e9ce6 ; } /* HEADINGS */ h1 , .page-title{ font-family:helvetica; font-size:45px; line-height:49px; } h2 { font-family:helvetica; font-size:40px; line-height:45px; } h3 { font-family:helvetica; font-size:24px; line-height:32px; } h4 { font-family:helvetica; font-size:18px; line-height:22px; } h5 { font-family:helvetica; font-size:16px; line-height:20px; } h6 { font-family:helvetica; font-size:13px; line-height:17px; } /* Body */ body{ font-family:helvetica; font-size:16px; line-height:23px; } /* Grey Area */ body .gray-area { font-family:helvetica; font-size:16px; line-height:23px; } /* Footer Area */ body #footer { font-family:helvetica; font-size:16px; line-height:23px; } body #footer a { color:#8B8C8D;} body #page_wrapper , body.boxed #page_wrapper { background-repeat:repeat; background-position:left top; background-attachment:scroll; } .gray-area { background-repeat:repeat; background-position:left top; background-attachment:scroll; } header#header , .oldie #page_wrapper header#header{ background-color:#28292f; background-image:none; background-repeat:repeat; background-position:left top; background-attachment:scroll; } footer#footer { } footer#footer .bottom{ border-top:5px solid #484848;} nav#main_menu > ul > li > a , nav#top_menu > ul > li > a { font-family:"helvetica" , "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; line-height:12px; color:#fff; font-weight:bold; text-transform: uppercase; } nav#top_menu > ul > li > a { padding:5px; } .topnav > li > a { color:#ffffff ;}.product-list-item .image { max-height: px;line-height:px;} /*--------------------- Home Page style -------------------*/ a{ color:#4aaadf; } h1,h2, h5{ text-align:left; } .normalfont{ font-size:16px; line-height:1.5em; } .chaser{ display:none; } body.res1170 .marginright{ margin:0 15px 0 0; } body.res1170 .marginleft{ margin:0 0 0 15px; } body.res1170 .marginbotm{ margin:0 0 20px; } body.res1170 .semifont{ font-size:30px; line-height:1.1em; } .separator{ background:#cbcbcb; height:1px; margin:0 5px; clear:both; } .home.page .static-content{ padding-top:0px; } .aligncenter{ text-align:center; } .alignleft{ text-align:left; } body.res1170 .no_margin{ margin:0px; } body.res1170 .minheight{ min-height:456px; } h2.bigfont{ font-size:55px; line-height: 1em; font-family: "helvetica"; margin:0px; } h2.midfont{ font-size:45px; line-height: 1.1em; font-family: "helvetica"; margin:0px; } body.res1170 .nobold{ font-weight:normal; } body.res1170 .bold{ font-weight:bold; } .span6 h3, .span8 h3{ font-size:40px; line-height: 1em; font-family: "helvetica"; /*margin:0 18px 20px;*/ margin:0 0 20px; color:#ec7b3a; } .orange{ color:#ec7b3a; } .cyan, .span8 h3.cyan{ color:#4aaadf; } body.res1170 .yellow{ color:#ffc200; } body.res1170 .yellow a{ color:#ffc200 !important; } body.res1170 .blue{ color:#517ea2; } body.res1170 .pmargin{ margin:0 30px 15px 50px; } body.res1170 .bggrey{ background:#EBEBEB; padding:30px; } body.res1170 .bgcyan{ background:#4AAADF; padding:45px; color:#fff; } .keywordbox{ border-top-color:#4aaadf; } body.res1170 .process_steps .step{ min-height:300px; } .keywordbox:after{ border-top-color:#4aaadf; } h3.m_title{ color:#5c6568; font-size:22px; margin:0 0 15px; } h3.m_title span, h3 span, h2 span, h4 span{ color:#EC7B3A; } /*.home.page section#content{ margin:0px; }*/ .acc-group.default-style > button.collapsed.ui-state-active:after{ background-position:center top; } .acc-group.default-style > button.collapsed.ui-state-active{ color:#4aaadf; } .topnav .yellow a{ color:#ffc200; } .process_steps{ font-style:normal; } .process_steps .step.intro > h3 strong{ font-size:130%; color:#fff; } .process_steps .step.intro a.yellow strong{ color:#ffc200; font-size:120%; } .process_steps .step > h3{ color:#4aaadf; } h2{ font-size:40px; font-style:normal; } h3.cyan a{ font-style:normal; color:#4aaadf; font-weight:30px; } .partners_carousel h5.title{ color:#ec7b3a; font-size:26px; line-height:26px; font-family: "Helvetica"; font-style:normal; font-weight:bold; } .recentwork_carousel.style2 li .details{ background:#878787; } nav#main_menu > ul ul li a, nav#top_menu > ul ul li a{ text-transform:uppercase; font-size:10px; } .top-demo{ background:#f5621c; } .top-demo h3{ font-size:35px; line-height:37px; text-transform:uppercase; color:#fff; padding:23px 25px 0; margin:0; } .top-demo a, .bottom-demo a{ color:#ffc200; font-size:25px; padding:0 25px 70px; display:block; } .bottom-demo{ background:#4aaadf; margin-top:8px; } .bottom-demo h3{ font-size:20px; line-height:22px; text-transform:uppercase; color:#fff; padding:25px 25px 0; margin:0; } .bottom-demo a{ padding-bottom:37px; } .gobox{ padding:5px 30px; background:#4aaadf; font-family:"Helvetica"; } .gobox:after{ border-color:transparent transparent transparent #4aaadf; } .gobox.ok{ background:#f5621c; } .gobox h1{ font-size:55px; line-height:55px; margin:0px; } .gobox h3{ margin:0px; color:#ffc200; } .gobox img{ display:none; } .feature_box.style2 p{ margin-left:0px; } .form-horizontal .control-group{ float:left; width: auto; } #contact_form .form-horizontal .controls{ margin:0px; } #contact_form .form-horizontal .controls input{ width:165px; margin-right:10px; } #contact_form .form-horizontal .controls input.btn{ background:#4aaadf; color:#ffc200; text-transform:uppercase; font-size:16px; font-weight:bold; text-shadow: none; } #contact_form .form-horizontal .control-label{ display:none; } /*** footer menus ***/ #footer .widget_nav_menu{ float:left; margin-right:25px; text-transform:uppercase; } #footer .widget_nav_menu ul{ margin:0px; list-style:none; } #footer .widget_nav_menu ul li{ margin-bottom:45px; } #footer .widget_nav_menu ul li a{ font-size: 16px; color:#f7922e; font-weight:bold; } #footer .widget_nav_menu ul.sub-menu{ margin-top:10px; } #footer .widget_nav_menu ul.sub-menu li{ margin-bottom:3px; } #footer .widget_nav_menu ul.sub-menu li a{ font-size:13px; color:#fff; font-weight:normal; } body.res1170 .newsletter-signup input[type="text"]{ width:165px; } body.res1170 #footer .contact-details{ background:none; } #footer .m_title{ color:#4aaadf; text-transform:uppercase; font-size:16px; } /** Home events, news and press **/ .span12 .latest_posts.style3 ul.posts li{ float:left; width:25%; margin:0px; } .latest_posts.style6 ul.posts{ list-style:none; margin:0; padding:0; } .latest_posts.style6 .hoverBorder{ margin:5px 20px 5px 0; } .latest_posts.style6 .title a{ color:#EC7B3A; font-size:18px; } .latest_posts.style5 .viewall, .latest_posts.style6 .viewall { color: #757575; font-size: 10px; font-weight: bold; position: absolute; right: 0; top: 12px; } .latest_posts.style5, .latest_posts.style6{ position:relative; } .latest_posts.style5 .posts{ float:left; margin-left:0px; } .latest_posts.style5 .span3{ margin:0 5px; list-style:none; } .latest_posts.style5 .span3 .title a, .latest_posts.style6 .span3 .title a{ color:#EC7B3A; } .latest_posts.style3 ul.posts h4.title{ font-size:18px; line-height:22px; } .latest_posts.style3 h4.title span{ color:#5c6568; } .latest_posts.style3 ul.posts h4.title a{ color:#ec7b3a; font-size:18px; line-height:22px; } /** Home style **/ .span10.partners_carousel.st2{ float:right; width:1070px; margin-left:0px; } .span10.partners_carousel.st2 ul li{ padding: 0 0 0 20px; } .span10.partners_carousel.st2 ul li a{ min-height:170px; } .span2.partners_carousel.st2{ float:right; width:90px; margin:0 10px 0 20px; } .controls.st2{ background:#fff; width: 90px; border: 4px solid #eee; } .controls.st2 a{ clear: both; display: block; padding: 19.5px 0px; margin:15px; } .controls.st2 .prev{ border-bottom:1px solid #666; } .controls.st2 .prev .icon-chevron-left{ background-image:url('../images/grey-arrows_left.png'); width:21px; height:33px; background-position:0; margin: 0 18px; } .controls.st2 .next .icon-chevron-right{ background-image:url('../images/grey-arrows_rite.png'); width:21px; height:33px; background-position:0; margin:0 18px; } .lpintro, .lptitle{ color:#ec7b3a; font-size:15px; line-height:15px; text-transform: uppercase; } /*** Home Demos ***/ .box1.imgboxes_style2, .box2.imgboxes_style2{ float:left; width: auto; margin-right:25px; } .box3.textboxes_style1{ float:left; width: 250px; } .htext h3{ font-size:55px; line-height: 55px; text-transform:uppercase; padding:155px 15px 0; font-family: helvetica; width:70%; } .box2 .htext h3{ padding-top:50px; } .slidingDetails .details .htext h4{ font-size:35px; line-height: 35px; padding:0 15px; font-family: helvetica; margin:0px; color: #ffc200; } .latest_posts.style6 h4.title span { color: #5C6568; } /** footer nav **/ .foot-menu{ margin-top:10px; list-style:none; } .foot-menu li{ float:left; padding-right:15px; } .foot-menu li a{ text-transform:capitalize; } #footer .social-share{ text-align:left; } #footer .social-icons{ margin:10px 0 0; } #footer .social-icons .title{ color:#F7922E; font-size:20px; font-weight:bold; text-transform:lowercase; } /*** Inner page ***/ #page_header{ min-height:230px; } .header-titles{ text-align:center; } .header-titles h1{ font-size:66px; line-height:1.1em; font-weight:normal; font-style:italic; color:#fff; margin:5% 0; text-align:center; } /* downarrow box */ .downarrowbox{ position:relative; padding-top: 30px; /*font-size:23px;*/ font-style:normal; text-align:center; color: #8D8D8D; } .downarrowbox:after {content:''; position:absolute; top:0; left:50%; margin-left:-3px; border:6px solid transparent; } .downarrowbox.grey{ border-top:4px solid #949494; } .downarrowbox.grey:after{ border-top-color:#949494; } .downarrowbox.cyan{ border-top:4px solid #4aaadf; } .downarrowbox.cyan:after{ border-top-color:#4aaadf; } .downarrowbox.orange{ border-top:4px solid #ec7b3a; } .downarrowbox.orange:after{ border-top-color:#ec7b3a; } .downarrowbox .span4.no_margin{ margin:0; } ul.bigfont, ul.bigfont.blue{ list-style:none; margin:0 20px; padding:0px; } ul.bigfont li, ul.bigfont.blue li{ text-align:left; margin:0 0 20px; font-size: 25px; font-style: normal; font-weight:bold; line-height:1.1em; background: url("../images/list-dash.png") 0 25% no-repeat; padding-left:20px; color:#517ea2; } ul.list-dash{ list-style:none; /*margin:0 20px;*/ margin:0 10px; padding:0px; } ul.list-dash li{ text-align:left; margin:0 0 10px; font-size: 16px; font-style: normal; font-weight: bold; line-height:1.1em; background: url("../images/list-dash.png") 0 7px no-repeat; padding-left:20px; color:#5c6568; clear:both; } ul.list-small{ list-style:none; margin:15px 15px 0; padding:0px; } ul.list-small li{ text-align:left; margin:0 0 10px; font-size: 14px; font-style: normal; line-height:1.1em; background: url("../images/list-small.png") 0 7px no-repeat; padding:0 0 10px 20px; color:#5c6568; clear:both; border-bottom:1px solid #cacaca; } ul.list-small li:last-child, ul.list-small li ul li{ border:none; } ul.list-dash.sub{ margin:15px; clear:both; } ul.list-dash.sub li{ float:left; margin-left:15px; } a.bigfont{ font-weight:bold; font-size:20px; margin:0 10px; } .cyan{ color:#4aaadf; } .process_steps.innerpage .step.intro{ background:#ec7b3a; } .process_steps.innerpage .step.intro:after{ border-left-color:#ec7b3a; } .process_steps.innerpage .step h3{ color:#fff; text-align:left; line-height:1.3em; font-weight:bold; } .process_steps.innerpage .step.intro a{ font-weight:bold; font-size:20px; margin:0; color:#ffc200; float:left; } .process_steps.innerpage .step.intro a:hover{ color:#4aaadf; font-weight:bold; font-size:20px; } .process_steps.innerpage .step a{ margin:0px; text-align:left; float:left; } .process_steps.innerpage .step a:hover{ color:#4aaadf; } .downarrowbox.cyan{ font-style:normal; color:#5c6568; } .downarrowbox.cyan .lead{ font-size:24px; line-height:1.2em; } .bigmargin{ margin:0 50px; } .downarrowbox.cyan h2{ margin:0px; } .downarrowbox.cyan h3{ line-height:1.2em; } h3.grey{ font-size:40px; color:#535353; text-align:left; } .dgrey{ font-size:30px; color:#5c6568; text-align:left; } .btn.bgblue{ background: #3e9ce6; background-image: url(../images/btn-arrow.png); /* fallback */ background-image: url(../images/btn-arrow.png), -webkit-gradient(linear, left top, left bottom, from(#3e9ce6), to(#388ccf)); /* Saf4+, Chrome */ background-image: url(../images/btn-arrow.png), -webkit-linear-gradient(top, #3e9ce6, #388ccf); /* Chrome 10+, Saf5.1+ */ background-image: url(../images/btn-arrow.png), -moz-linear-gradient(top, #3e9ce6, #388ccf); /* FF3.6+ */ background-image: url(../images/btn-arrow.png), -ms-linear-gradient(top, #3e9ce6, #388ccf); /* IE10 */ background-image: url(../images/btn-arrow.png), -o-linear-gradient(top, #3e9ce6, #388ccf); /* Opera 11.10+ */ background-image: url(../images/btn-arrow.png), linear-gradient(top, #3e9ce6, #388ccf); /* W3C */ background-position:10%; background-repeat:no-repeat; border:1px solid #4aaadf; color:#fff; text-transform:uppercase; float:left; margin:0 20px; padding:15px 15px 15px 22px; min-width:200px; } .btn.bgblue span{ font-size:22px; padding:0 0 0 50px; } /** editions page **/ .table-header-title{ float:left; width:60%; } .table-header{ float:left; width:10%; } .table-top{ border-bottom: 1px solid #ddd; float: left; width: 100%; } td.check-mark{ background:url(../images/check-marks.png) 50% no-repeat; } .team_member.orange_border:hover{ box-shadow:0 0 0 5px #ec7b3a; border-radius:0px; } .contact .bgimage{ background:url(../images/inner-contact-image.png) 50% no-repeat; height:251px; } /***** For sticky navigation ******/ header#header{ position:fixed; z-index:100; } #page_header, #slideshow{ /*top:100px;*/ } section#content{ /*margin-top:100px;*/ } /***** Grey list dash *****/ ul.list-grey{ list-style:none; margin:15px 10px; padding:0px; } ul.list-grey li{ text-align:left; margin:0 0 20px; font-style: normal; background: url("../images/list-grey.png") 0 9px no-repeat; padding-left:20px; color:#535353; clear:both; } ul.list-grey.vspace li{ margin-bottom:4px; } /***** Yellow list dash *****/ ul.list-yellow{ list-style:none; margin:15px 10px; padding:0px; } ul.list-yellow li{ text-align:left; margin:0 0 20px; font-size: 16px; font-style: normal; line-height:1.3em; background: url("../images/list-yellow.png") 0 7px no-repeat; padding-left:20px; color:#fff; clear:both; } .generic.bgimage{ background:url(../images/contact-generic.png) 100% 100% no-repeat; } .generic.bgimage a.bigfont{ margin:0px; padding-top:70px; display:block; } .floatright{ float:right; width:60%; } body.res1170 .testimonial, body.res1170 .casestudy, body.res1170 .whitepaper, body.res1170 .demos, body.res1170 .whitepaper2{ padding:25px 50px; min-height:250px; /*margin:0 30px 15px;*/ background:none; } body.res1170 .testimonial{ padding:0; } .testimonial p{ clear:both; font-size:16px; font-style:italic; background:url(../images/blockquote.png) no-repeat; padding:20px 0 0 20px; } body.res1170 .casestudy { background:url("../images/case-study.png") no-repeat 7% 50% #3E9CE6; } body.res1170 .whitepaper{ background:url("../images/white-paper.png") no-repeat 7% 50% #517EA2; } body.res1170 .whitepaper2{ background:url("../images/white-paper2.png") no-repeat 7% 50% #abaaaa; padding:50px 0 0 65px; margin-top:35px; position:relative; } body.res1170 .right.whitepaper2:before{ border-right-color:#abaaaa; } .sgrey{ color:#f5f5f5; } body.res1170 .demos{ background:transparent; } .casestudy p, .whitepaper p, .whitepaper2 p{ clear:both; color:#fff; padding-right:5px; } /***** Press-News *****/ .latest_posts.style2 ul.posts .details{ width:80px; } .latest_posts.style2 ul.posts .text{ margin-left:80px; } .acc-group.default-style > button{ padding-right:25px; } h3.m_title span.bigfont{ font-family: "helvetica"; font-size: 40px; line-height: 1em; margin: 0 8px 20px; display:block; } .custom_style4 .alignright{ margin:0 50px; } span.play{ background:url(../images/play_btn.png) 50% 50% no-repeat; height:92px; padding:40% 0 0 0; font-size:20px; font-weight:bold; text-align:center; display:block; } #sidebar{ background:none; padding:0px; border-radius:none; } body.res1170 .bgorange{ background:#EC7B3A; padding:25px 40px; min-height:150px; position:relative; } body.res1170 .bgorange h2{ color:#fff; } .right:before { border: 9px solid transparent; content: ""; position: absolute; left: -18px; top: 55px; z-index: 1; } .textwidget .bgorange:before{ border-right-color:#EC7B3A; } .textwidget .right.whitepaper, .textwidget .right.casestudy{ margin:0px; position:relative; /*background-position:40px 30px;*/ background-position:50% 25px; } .textwidget .right.whitepaper:before{ border-right-color:#517EA2; } .textwidget .right.casestudy:before{ border-right-color:#3E9CE6; } .textwidget .right .margintop{ padding-top:200px; } .textwidget .right.bggrey{ margin:0px; padding:25px 40px; position:relative; background:#878787; } .textwidget .right.bggrey p{ color:#fff; } .textwidget .right.bggrey:before{ border-right-color:#878787; } .lgrey{ color:#becdd2; } /*** services table ***/ .course-glance { table-layout:fixed; width:100% ; font-size: 11px; vertical-align: top; } .course-glance td, .course-glance th { /*width: 100px; */ word-wrap:break-word; padding: 5px; border: 1px solid white; } .course-glance th, .course-glance .front-col { background-color: #F79646; color: white; } .course-glance .front-col { border-right: 2px solid white; } .course-glance td { color: black; } .course-header th { border-bottom: 2px solid white; } .course-row-odd { background-color: #FBCAA2; } .course-row-even { background-color: #FDE4D0; } /*** category page ***/ .archive section#content, .page-id-9430 section#content, .page-id-8471 section#content{ padding-top:50px; } .eBlog .itemContainer{ background:none; box-shadow:none; padding:0 15px; margin:0; } .eBlog .itemContainer:after { border:none !important; } .page-parent .rapid_contact{ margin-left:170px; } .eBlog .itemTitle a{ color:#EC7B3A } .eBlog .post_details, .eBlog .post_details:after, .eBlog .post_details:before{ border:none; font-size:14px; font-weight:bold; text-transform:none; transition:none; opacity:1; margin-bottom:5px; } .eBlog .post_details a, .eBlog .readMore{ color:#4aaadf; } .icon-calendar, .eBlog .itemLinks{ display:none; } .single-post section#content, .search section#content{ padding-top:30px; } .single-post .itemHeader{ display:none; } .latest_posts.style2 ul.posts .title{ font-size:18px; } .row{ margin-bottom:22px; } .acc-group.default-style button{ font-size:16px; } .acc-group.default-style .content{ font-size:14px; line-height:1.3em; } .team_member{ min-height:445px; } .team_member > h4, .team_member > h6{ padding:0 15px; } .error404 #page_header{ height:10px; } /*--------------------------------Options css End here ----------------------------*/ /***-----------------------------Custom Css Start here---------------------------****/ .static-content.maps-style{ overflow:hidden; } body.home #slideshow ul{ height:100% !important; } .community_form a, .community_form a:hover{ color: #EC7B3A; font-size: 22px; line-height: 22px; font-style: normal; text-decoration:none; } .embed-container { position: relative; height: auto; margin-right:10px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .recentwork_carousel.style2 .controls { position: relative; right: 0; top: 0; } #main_feature { margin: auto 0; /*padding: 30px;*/ } .features-table { border-collapse: separate; border-spacing: 0; color: #2A2A2A; margin: 0 auto; text-shadow: 0 1px 0 #FFFFFF; width: 100%; word-wrap:break-word; table-layout:fixed; } .features-table td { border-bottom: 1px solid #CDCDCD; box-shadow: 0 1px 0 white; height: 40px; padding:0; text-align: center; } .features-table tbody td { font-size: 14px ; text-align: center; width: 150px; } .features-table tbody td:first-child { text-align: left; width: auto; } .features-table td { border-right: 1px solid #CDCDCD; } .features-table thead td { border-right: none; font-weight: bold; text-align: left; } .features-table td.main_title { color: #00B9D2; font-size: 36px; line-height: 36px; text-align: left; border-right: none; /*padding-left:20px;*/ } .features-table td.head_title { color: #F47D31; text-align: left; border-right: none; font-size: 22px; font-weight: bold; padding-left:0px; } .features-table td.feature_title { padding-left:20px; } .features-table td { color: #595959; font-weight: bold; } .features-table thead td:first-child { border-top: medium none; } .features-table tfoot td:first-child { border-bottom: medium none; } .nomargin{ margin:0 !important; } .copy_links{ float:left; } /***-----------------------------Custom Css End here---------------------------****/ /*--------------------------------Responsive css Starts here ----------------------------*/ @media (min-width: 320px) and (max-width: 460px) { .bigmargin { margin: 0 15px; } /*----- Sidebar Whitepapers,Case studies,Contactus ------------*/ body.res1170 .whitepaper, body.res1170 .casestudy{ margin:0px; position:relative; background-position:50% 25px; } body.res1170 .whitepaper .floatright, body.res1170 .casestudy .floatright{ padding-top: 200px; width: auto; } /*----- Sidebar Whitepapers,Case studies,Contactus Ends ------------*/ /*----- Sidebar generic page Contactus ------------*/ .generic.bgimage { background: url("../images/contact-generic.png") no-repeat scroll 0 0 transparent; padding-top: 200px; } .generic.bgimage a.bigfont{ padding-top: 0px; } /*----- Sidebar generic page Contactus Ends ------------*/ } @media (min-width: 320px) and (max-width: 768px) { header#header { position: relative !important; height: auto; z-index: 100; } #responsive_header{ display:none; } .chaser{ /*display:block !important;*/ } .copy_links{ clear:both;} nav#main_menu > ul{ margin: 5px 0 !important; } } @media (min-width: 320px) and (max-width: 480px) { #logo { float: left; text-align: center; width:96%; padding-left:10px; } #search{ top:30px; } } @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } #logo { float: none; margin: 0; text-align: center; } .recentwork_carousel.style2.span12 .caroufredsel_wrapper{ height:100px !important; } .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a img, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a iframe{ height:100% !important; width:100%; } .recentwork_carousel.style2 .caroufredsel_wrapper ul li a .details .plus{ top:22%; } .recentwork_carousel.style2 li a .details h4{ top:36%; line-height:16px; } } @media (min-width: 769px) and (max-width: 979px) { .copy_links{ clear:both;} .foot-menu{margin: 10px 0 0 10px;} } @media (min-width: 768px) and (max-width: 979px) { body header#header #logo a{ padding:10px 25px 10px 0; } nav#main_menu.smooth_menu { float:right; top: 27px; display: block; margin: 0 0 5px; padding: 0; position: absolute; right:60px; } #search { position: absolute; right: -35px; top: 0; } body header#header #logo a{ padding:10px 25px 10px 0 !important; } header#header{ min-height:115px; } .foot-menu{margin-top:10px;} } @media (width: 640px) { body header#header #logo a{ padding:25px 25px 10px 0; } nav#top_menu.smooth_menu { clear:none; width:270px; float:right; } #logo { float: none; margin: 0; text-align: center; } } @media (min-width: 980px) { nav#main_menu.smooth_menu > ul { display:block !important; float:right; } nav#top_menu.smooth_menu > ul { display:block !important; } } @media (min-width: 532px) and (max-width: 768px) { .bigmargin { margin: 0 30px; } .bigmargin h2.orange , .downarrowbox.cyan h2 { font-size: 30px; line-height: 36px; word-wrap: break-word; } .htext h3{ padding:85px 15px 0; } .slidingDetails .details .htext h4{ font-size:22px; line-height:26px; } .htext h3 { font-size: 30px; line-height: 30px; } .box2 .htext h3 { padding-top: 50px; } .box3.textboxes_style1{ width:100%; margin-top:20px; } .box1.imgboxes_style2.demo1{ width:33.5%; } .box2.imgboxes_style2.demo2{ width:55.8%; } .demo2 .htext h3{ padding-top:50px; } .top-demo{ float: left; margin-right: 30px; width: 46%; } .bottom-demo{ margin-top:0px; float: left; width: 46%; } .box3 .textboxes_style1{ float: left; } .top-demo h3 , .bottom-demo h3 { color: #FFFFFF; font-size: 24px; line-height: 36px; margin: 0; padding: 20px 25px 0; text-transform: uppercase; } .top-demo a, .bottom-demo a { color: #FFC200; display: block; font-size: 24px; padding: 0 25px 30px; } } @media (min-width: 320px) and (max-width: 532px) { #page_header{ min-height:125px !important; height:auto !important; } .archive section#content{ padding-top:15px; } /*----- Sidebar Whitepapers,Case studies,Contactus ------------*/ /*----- Sidebar Whitepapers,Case studies,Contactus Ends ------------*/ [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"]{ float:left; } h2.orange { font-size:30px; } /*** Products Page *****/ .image-boxes.custom_style4 .alignright{ margin:0; padding-bottom:10px; } h3.marginbotm.dgrey{ font-size:22px; } /*** End Products Page *****/ /*** products/kaazing-websocket-gateway *****/ .header_overview .span2{ margin-right:5px !important; float: left; width: auto; } body.res1170 .whitepaper2 { margin-left:0; padding:15px 0 0 94px; } .whitepaper2 .floatright { width:52%; } .whitepaper2 .floatright h2.sgrey{ font-size:30px; } .whitepaper2 .floatright p { font-size: 18px; line-height: 22px; } .whitepaper2 .floatright h4 a { font-size: 16px; } /*** End products/kaazing-websocket-gateway *****/ #page_header .header-titles{ text-align:center; } .header-titles h1, .header-titles h2{ font-size: 40px; margin: 0 25px; } #page_wrapper, #page_header, #slideshow , section#content { top: 0 !important; } .gobox h3{ font-size:20px; } .gobox h1{ font-size: 28px; line-height: 32px; } /*--recent work corusel ---*/ .recentwork_carousel.style2.span12 .caroufredsel_wrapper{ height:100px; } .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a img, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a iframe{ height:100% !important; width:100%; } .recentwork_carousel.style2 .caroufredsel_wrapper ul li a .details .plus{ top:22%; } .recentwork_carousel.style2 li a .details h4{ top:36%; line-height:16px; } /*---- end here --- */ .box3.textboxes_style1{ width:100% !important; margin-top:20px; } .top-demo h3,.bottom-demo h3 { color: #FFFFFF; font-size: 35px; line-height: 37px; padding: 25px 25px 0; } .top-demo a, .bottom-demo a{ padding:0 25px 30px } .box1.imgboxes_style2.demo1{ width:300px; } .box2.imgboxes_style2.demo2{ width:100%; } .demo2 .htext h3{ font-size:30px; line-height:30px; } .demo2.box2 .htext h3{ margin-bottom:0; } .demo2.box2 .htext h3 { padding-top: 20px; } .demo2 .slidingDetails .details .htext h4{ font-size:22px; } .community_form h2.video_title { font-size: 40px; line-height: 45px; } .dnicon {background:url('https://s3-us-west-2.amazonaws.com/developer.kaazing.com/wordpress/wp-content/uploads/2013/07/dwn-icons.png') no-repeat; text-indent:-999em; width:140px; height:32px;} .dnicon span{ visibility: hidden;} .dnicon.jms{background-position:7px 5px;} .dnicon.amqp {background-position:-31px 5px;} .dnicon.xmpp { background-position:-67px 5px;} .dnicon.html5 { background-position:-106px 5px;} } @media (min-width: 768px) and (max-width: 979px) { body.res1170 .bgcyan{ padding:35px; } body.res1170 .bggrey{ padding:25px; } .textwidget .right.sharestory, .textwidget .right.joinus, .textwidget .right.theblog, .textwidget .right.contactus { background-position:5px 15px; } body.res1170 .testimonial, body.res1170 .sharestory, body.res1170 .joinus, body.res1170 .theblog, body.res1170 .demos { padding:5px 25px; } #page_wrapper { /*top: 115px;*/ } body.res1170 .casestudy, body.res1170 .whitepaper, body.res1170 .contactus{ padding: 10px 25px; word-wrap: break-word; } body.res1170 .casestudy .bigfont.yellow, body.res1170 .whitepaper .bigfont.yellow, body.res1170 .contactus .bigfont.yellow{ font-size:18px; } h2.midfont{ font-size:30px; } .lead{ font-size:20px; line-height:24px; } body.res1170 .bgorange{ padding:25px; word-wrap:break-word; } body.res1170 .bgorange h2.semifont{ font-size:24px; } body.res1170 .bgorange .bigfont.yellow{ font-size:18px; } /*** Products Page *****/ .image-boxes.custom_style4 .alignright{ margin:0 10px; padding-bottom:10px; } h3.marginbotm.dgrey{ font-size:22px; } /*** End Products Page *****/ /*** products/kaazing-websocket-gateway *****/ .header_overview .span2{ margin-right:5px !important; } .header_overview .span4 h2.orange.bigfont, .span4 h2.orange.bigfont{ font-size:40px !important; } body.res1170 .whitepaper2 { margin-left:0; padding:15px 0 0 94px; } .whitepaper2 .floatright { width:52%; } .whitepaper2 .floatright h2.sgrey{ font-size:30px; } .whitepaper2 .floatright p { font-size: 18px; line-height: 22px; } .whitepaper2 .floatright h4 a { font-size: 16px; } .whitepaper .floatright , .casestudy .floatright { width:40%; } .casestudy .floatright h2.semifont , .whitepaper .floatright h2.semifont { font-size:28px; } .whitepaper .floatright h3 a.yellow , .casestudy .floatright h3 a.yellow , .casestudy .floatright p.lead , .whitepaper .floatright p.lead { font-size: 16px; line-height: 18px; } /*** End products/kaazing-websocket-gateway *****/ .htext h3{ padding:140px 15px 0; } .slidingDetails .details .htext h4{ font-size:30px; line-height:30px; } .htext h3 { font-size: 30px; line-height: 30px; } .box2 .htext h3 { padding-top: 30px; } .box3.textboxes_style1{ width:100%; margin-top:20px; } .box1.imgboxes_style2.demo1{ width:33.5%; } .box2.imgboxes_style2.demo2{ width:55.8%; } .demo2 .htext h3{ padding-top:50px; } .top-demo{ float: left; margin-right: 30px; width: 46%; } .bottom-demo{ margin-top:0px; float: left; width: 46%; } .box3 .textboxes_style1{ float: left; } .top-demo h3 { color: #FFFFFF; font-size: 30px; line-height: 36px; margin: 0; padding: 20px 25px 0; text-transform: uppercase; } .top-demo a, .bottom-demo a { color: #FFC200; display: block; font-size: 25px; padding: 0 25px 30px; } .bottom-demo h3 { color: #FFFFFF; font-size: 30px; line-height: 36px; margin: 0; padding: 20px 25px 0; text-transform: uppercase; } .community_form{ } h2.video_title { color: #595959; font-size: 40px; font-style: normal; line-height: 44px; } h3.cyan { color: #4AAADF; font-size: 28px; font-style: normal; line-height: 30px; } .community_form h3.orange.nobold{ font-size:22px; line-height:24px; } .gobox h3{ font-size:20px; } .gobox h1{ font-size: 28px; line-height: 32px; } /*--recent work corusel ---*/ .recentwork_carousel .caroufredsel_wrapper{ height:100px !important; } .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a img, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a iframe{ height:100% !important; width:100%; } .recentwork_carousel.style2 .caroufredsel_wrapper ul li a .details .plus{ top:22%; } .recentwork_carousel.style2 li a .details h4{ top:36%; line-height:16px; } /*---- end here --- */ } @media (min-width:980px) and (max-width: 1200px) { section#content{ /*margin-top: 110px;*/ } .slidingDetails .details .htext h4{ font-size: 30px; line-height: 34px; } .htext h3 { font-size: 50px; line-height: 54px; } .box2 .htext h3 { padding-top: 50px; } .box3.textboxes_style1{ width:100%; margin-top:20px; } .box1.imgboxes_style2.demo1{ width:33.5%; } .box2.imgboxes_style2.demo2{ width:55.8%; } .demo2 .htext h3{ font-size:40px; line-height:44px; padding-top:50px; } .top-demo{ float: left; margin-right: 30px; width: 46%; } .bottom-demo{ margin-top:0px; float: left; width: 46%; } .box3 .textboxes_style1{ float: left; } .top-demo h3 { color: #FFFFFF; font-size: 30px; line-height: 36px; margin: 0; padding: 20px 25px 0; text-transform: uppercase; } .top-demo a, .bottom-demo a { color: #FFC200; display: block; font-size: 25px; padding: 0 25px 30px; } .bottom-demo h3 { color: #FFFFFF; font-size: 30px; line-height: 36px; margin: 0; padding: 20px 25px 0; text-transform: uppercase; } .community_form{ float:none;} h2.video_title { color: #595959; font-size: 40px; font-style: normal; line-height: 44px; } h3.cyan { color: #4AAADF; font-size: 28px; font-style: normal; line-height: 30px; } .community_form h3.orange.nobold{ font-size:22px; line-height:24px; } .gobox h3{ font-size:20px; } .gobox h1{ font-size: 28px; line-height: 32px; } /*--recent work corusel ---*/ .recentwork_carousel.style2.span12 .caroufredsel_wrapper{ height:135px !important; } .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a img, .recentwork_carousel.style2.span12 .caroufredsel_wrapper ul li a iframe{ height:100% !important; width:100%; } /*---- end here --- */ .copy_links{ float:none;} .foot-menu{margin:0;} } /*---- events subnav --- */ #eventsSubNav{ margin: 0 0 45px 45px; text-transform: uppercase; } #eventsSubNav a{ float: left; display: block; margin-right: 20px; color:#4aaadf; width: 200px; text-align:center; } #eventsSubNav span, #eventsSubNav a:hover { text-decoration:none; background: #4aaadf; color: #fff; border-radius: 5px; padding: 10px 0 10px 0; width: 200px; text-align: center; display: block; float: left; margin:-10px 20px 0 0; /*---- events subnav end --- */