/*



Theme Name: Zinga



Theme URI: http://wordpress.org/themes/twentyten



Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.



Author: the 2Webros team



Author URI: 



Version: 1.6



License: GNU General Public License v2 or later



License URI: http://www.gnu.org/licenses/gpl-2.0.html



Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header



Text Domain: twentyten



*/











/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html



-------------------------------------------------------------- */







body



{



margin:0px;



padding:0px;



background:url(images/page-bg.jpg) repeat-x #fff;



font-family:'OpenSansRegular',arial;



font-size:14px;



color:#333;



}















@font-face {



    font-family: 'OpenSansRegular';



    src: url('fonts/OpenSans-Regular-webfont.eot');



    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),



         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),



         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');



    font-weight: normal;



    font-style: normal;







}







@font-face {



    font-family: 'OpenSansLight';



    src: url('fonts/OpenSans-Light-webfont.eot');



    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/OpenSans-Light-webfont.woff') format('woff'),



         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),



         url('fonts/OpenSans-Light-webfont.svg#OpenSansRegular') format('svg');



    font-weight: normal;



    font-style: normal;







}







@font-face {



    font-family: 'OpenSansSemibold';



    src: url('fonts/OpenSans-Semibold-webfont.eot');



    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),



         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),



         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');



    font-weight: normal;



    font-style: normal;



}







@font-face {



    font-family: 'OpenSansBold';



    src: url('fonts/OpenSans-Bold-webfont.eot');



    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),



         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),



         url('fonts/OpenSans-Bold-webfont.svg#OpenSansSemibold') format('svg');



    font-weight: normal;



    font-style: normal;



}







.clear



{



clear:both;



}







img



{



border:none;



}







a



{



text-decoration:underline;



color:#020a61;



-moz-transition:all 0.5s ease;



	-webkit-transition:all 0.5s ease;



	transition:all 0.5s ease;



}







a:hover



{



text-decoration:none;



color:#333;



}







h1, h2, h3



{



padding:0px;



margin:0px;



font-weight:normal;



text-transform:uppercase;



padding-bottom:10px;



}







h2



{



color:#01085e;



}







ul



{



margin:0px;



padding:0px;



margin-left:20px;



}















#outer



{



width:960px;



margin:auto;



}







.logo-section



{



padding-top:10px;



}







.logo



{



float:left;



width:453px;



}







.logo-right



{



float:right;



text-align:right;



font-family:'OpenSansBold';



font-size:25px;



color:#000;



}







.logo-right img



{



vertical-align:middle;



}







.search-text-field



{



background:#01085e;



border:none;



margin-top:8px;



width:190px;



color:#999;



font-size:13px;



padding:5px;



}







.top-links



{



color:#333333;



margin-top:4px;



font-size:13px;



}







.top-links ul



{



margin:0px;



padding:0px;



list-style:none;



}







.top-links ul li



{



float:left;



margin:0px;



padding:0px;



list-style:none;



}







.top-links ul li a



{



display:block;



/*float:left;*/



text-transform:uppercase;



text-decoration:none;



color:#333;



padding:8px 11px 9px 12px;



}







.top-links ul li a:hover, .nav ul li.current-menu-item a



{



background:#00012f !important;



color:#fff310 !important;



}







.top-links ul li a#active



{



background:#00012f;



color:#fff310;



}







.list-menu



{



display:none;



}







.list-menu .list



{



border:none;



color:#333;



font-family:'OpenSansRegular',arial;



font-size:14px;



background:#ffff00;



padding:5px;



}







.main-banner



{



margin:15px 0px;



}







.main-banner img



{



width:100%;







}











.about-box



{



float:left;



background:url(images/welcome-bg.jpg) no-repeat;



background-size:100%;



padding:25px;



text-align:center;



color:#fff;



width:260px;



height:150px;



margin-right:15px;



}







.about-box h2



{



font-weight:normal;



font-size:24px;



margin:0px;



padding:0px;



text-transform:uppercase;



}







.about-box a



{



color:#ffff00;



text-decoration:underline;



}







.about-box a:hover



{



color:#ffffff;



text-decoration:none;



}







.video-box



{



float:left;



width:310px;



margin-right:15px;



}







.video-box img



{



width:100%;



}











.testimonials-box



{



float:left;



background:url(images/testimonial-bg.jpg) no-repeat;



padding:25px;



text-align:center;



color:#191919;



width:260px;



height:150px;



background-size:100%;



}







.testimonials-box h2



{



color:#01085e;



font-weight:normal;



font-size:24px;



margin:0px;



padding:0px;



text-transform:uppercase;



}







.testimonials-box span



{



font-size:17px;



font-family:'OpenSansBold';



}







.testimonials-box .bx-controls {



display: none;



}



.testimonials-box .bx-viewport



{



height:140px!important;



}







.footer



{



margin-top:15px;



padding:15px;



background:#171717;



text-align:center;



}







.footer-outer



{



width:960px;



margin:auto;



line-height:28px;



text-align:center;



font-size:13px;



color:#999;



}







.footer-outer ul li {



background:url(images/sep.png) no-repeat right ;



float:left;



text-decoration:none;



list-style:none;



margin-left:10px;



padding-right:10px;



}







.footer-outer ul li:last-child{



background:none;



}







.footer-outer ul li a {



text-decoration:none;







}







.footer-outer ul li a:hover{



color:#999;



text-decoration:underline;



}







.footer a



{



text-decoration:none;



color:#999;



}







.footer a:hover



{



text-decoration:none;



color:#fff;



}







.inside-left



{



float:left;



width:630px;



padding-bottom:30px;



margin-top:20px;



}







.inside-right



{



float:right;



width:310px;



margin-top:20px;



}







.inside-right-box



{



margin-bottom:20px;



}















@media screen and (max-width: 1024px) {















}















@media screen and (max-width: 768px) {







#outer



{



width:98%;



margin:auto;



}







.logo



{



float:left;



width:253px;



}







.logo img



{



width:100%;



}







.logo-right



{



float:right;



text-align:right;



font-family:'OpenSansBold';



font-size:18px;



color:#fff310;



}







.logo-right img



{



vertical-align:middle;



}







.search-text-field



{



background:#01085e;



border:none;



margin-top:8px;



width:150px;



color:#999;



font-size:13px;



padding:5px;



}







.about-box



{



float:none;



margin-bottom:15px;



background:url(images/welcome-bg.jpg) no-repeat;



background-size:100%;



padding:25px;



text-align:center;



color:#fff;



width:auto;



height:150px;



margin-right:15px;



}







.video-box



{



float:none;



width:100%;



margin-bottom:15px;



}















.list-menu



{



display:block;



width:100%;



margin-top:12px;



}







.list-menu .list



{



border:none;



color:#333;



font-family:'OpenSansRegular',arial;



font-size:14px;



background:#ffff00;



padding:5px;



}







.testimonials-box



{



float:none;



background:url(images/testimonial-bg.jpg) no-repeat;



padding:25px;



text-align:center;



color:#191919;



width:auto;



height:150px;



background-size:100%;



}







.footer-outer



{



width:98%;



margin:auto;



line-height:28px;



text-align:center;



font-size:13px;



color:#999;



}















.inside-left



{



float:none;



width:98%;



padding-bottom:30px;



}







.inside-right



{



float:none;



width:92%;



}







}















@media screen and (max-width: 480px) {







.logo



{



float:left;



width:210px;



}







.logo-right



{



float:right;



text-align:right;



font-family:'OpenSansBold';



font-size:14px;



color:#fff310;



}







.logo-right img



{



vertical-align:middle;



width:15%;



}







.search-text-field



{



background:#01085e;



border:none;



margin-top:8px;



width:130px;



color:#999;



font-size:13px;



padding:5px;



}







.list-menu



{



display:block;



width:100%;



margin-top:22px;



}







}



@media screen and (max-width: 768px) and (min-width: 200px) {











.top-links ul li{



width:100%;

}



.top-links ul li:hover{

background:00012f;



width:100%;

}



.about-box {

margin-right:0px !important;}



.main-navigation-srm .current-menu-item a:hover {

color: #fff310!important;

}



}













@media screen and (max-width: 320px) {







.logo



{



float:left;



width:180px;



}







.logo-right



{



float:right;



text-align:right;



font-family:'OpenSansBold';



font-size:12px;



color:#fff310;



}







.logo-right img



{



vertical-align:middle;



width:10%;



}







.search-text-field



{



background:#01085e;



border:none;



margin-top:8px;



width:90px;



color:#999;



font-size:13px;



padding:5px;



}







.list-menu



{



display:block;



width:100%;



margin-top:26px;



}







}







/*-----------conact us------------*/



.contact{



top:-25px;



}







.contact h2{



font-size: 19px;



color: #01085e;



margin-top: 15px;



}











.contact_form{



width:350px;



float:left;



}







.contact_form .input{



height:30px;



width:300px;



border:1px #000 solid;



}







.contact_form .textarea{



height:120px;



width:300px;



border:1px #000 solid;



}







.contact_form .btn{



background:url(images/btn.jpg) no-repeat;



outline:none;



height:47px;



width:96px;



text-indent:-999px;



border:none;



cursor:pointer;



}







.contact_form .wpcf7-validation-errors



{



width:300px;



border: 2px solid #f7e700;



top: 5px;



position: relative;



color:#FF0000;



}







.contact_form .wpcf7-mail-sent-ok {



border: 2px solid #398f14;



width: 300px;



top: 5px;



position: relative;



}







.contact_form .wpcf7-not-valid-tip {



position: absolute;



top: -4px;



left: 94px;



z-index: 100;



font-size: 10pt;



width: 180px;



padding: 2px;



color: #ff0000;



}







.contact_detail{



float:right;



width:260px;



}











/*------------------resp-tabs----------------*/







.resp-tabs-container p{



margin-top:10px;}







.resp-tabs-container a{



text-decoration:none;



color:#999999;



font-size:15px;



}







.resp-tabs-container a:hover{



text-decoration:underline;}







p{



margin-top:10px;}







.resp-tabs-container ul li{



margin-left:20px;}







.resp-tabs-container p ul li a{



text-decoration:none;



color:#999999;



font-size:15px;



}







/*-------------responsiv menu css-----------------*/







.main-navigation-srm{



padding:0px !important;



}







.main-navigation-srm .menu-item-has-children > a, .main-navigation-srm .page_item_has_children > a {







}







.main-navigation-srm ul ul {



top:35px !important;



}







.nav-menu-srm li a {



color:#333 !important;



}







.main-navigation-srm li a:hover {



background: none repeat scroll 0 0 hsl(239, 100%, 9%)!important;



    color: hsl(57, 100%, 53%)!important;



}







.main-navigation-srm ul ul a {



color:#fff !important;



}



.nav-menu-srm .current-menu-item > a, .main-navigation-srm li a:hover {



background-color: #00012f !important;



color: #fff310!important;



}











/*---------------*/



.entry-content p{



margin-top:10px;



}



.entry-content a{



font-size:18px;



color:#333;



text-decoration:none;



}







.entry-content ul li{



margin-left:20px;}

.logo {
    float: left;
    width: 723px !important;
}