@font-face
{
    font-family: 'Ubuntu Condensed', sans-serif;
    src: url(../font/Amble-Regular-webfont.ttf) format('truetype');
}
body
{
    background: #ebebeb;
	font-family: Trebuchet MS, 'Ubuntu Condensed', sans-serif;
	font-size: 12px;
    margin: 0;
    padding: 0;
}
.wrapper
{
    border: 0px solid green;
    background: #29bbe7 url(../images/header_img.jpg) no-repeat center top;
    float: left;
    width: 100%;
    position: relative;
    margin: 0 auto;
    top: 0;
}
.header
{
    border: 0px solid black;
    position: relative;
	margin: auto;
	/*width: 80%;*/
    width: 1120px;
}
.header .top_header
{
    border: 0px solid blue;
    background: #29bbe7;
    float: left;
    position: relative;
    width: 100%;
}

.header .top_header .login
{ 
    border: 0px solid red;
    float: right;
    margin-top: 25px; 
    width: 535px;
    height: 30px;
}

/*SOCIAL*/
.header_right
{
	float: right;
	width: auto;
}
ul.social
{
	padding: 0;
	list-style: none;
	float: left;
	margin-right: 1em;
}
ul.social li:first-child {
	margin-left: 0;
}
ul.social li {
	display: inline-block;
}
ul.social li a i {
	width: 30px;
	height: 30px;
	display: block;
	background: url(../images/img-sprite.png)no-repeat;
}
ul.social li a i:hover {
	background: url(../images/img-sprite.png)no-repeat #e24602;
}
ul.social li a i.fb {
	background-position:-2px -4px;
}
ul.social li a i.tw{
	background-position:-28px -4px;
}
ul.social li a i.utube{
	background-position:-56px -4px;
}
ul.social li a i.pin{
	background-position:-83px -3px;
}
ul.social li a i.instagram{
	background-position:-110px -4px;
}


/*
.header .top_header .login input[type=text]
{ background:url(../images/top_textarea.jpg) repeat-x; height:23px; border:1px solid #656464;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#d3d3d3; width:180px;line-height:23px; margin-top:10px;padding:0 5px; float:left;margin-right:10px;}
.header .top_header .login input[type=password]
{ background:url(../images/top_textarea.jpg) repeat-x; height:23px; border:1px solid #656464;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#d3d3d3; width:180px; line-height:23px; margin-right:10px;margin-top:10px; padding:0 5px; float:left;}
.header .top_header .login input[type=submit]
{
    background:url(../images/login.jpg) repeat-x; height:23px; line-height:23px; color:#fff; border:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:0 10px; cursor:pointer;  float:left; margin-top:10px; border:1px solid #fff;}
.check_box{ float:left; width:100%;}
.check_box input[type=checkbox]{ float:left; margin-top:10px; margin-right:5px;}
.check_box a{color:#d3d3d3; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:10px; width:175px;}
*/

.header .bot_header
{
    border: 0px solid red;
    background: #29bbe7;
    float: left;
    position: relative;
    width: 100%;
}
.logo
{
    border: 0px solid red;
    float: left;
    height: 80px;
    width: 300px;
}
.menu
{
    float: right;
    font-family: 'Trebuchet MS', 'Ubuntu Condensed', Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-top: 30px;
    width: auto;
}
.toggleMenu
{
    display: none;
    background: #0facdc;
    padding: 5px 15px;
    color: #fff;
}
.nav
{
    list-style: none;
    *zoom: 1;
}
.nav:before,.nav:after { content: " ";  display: table; }
.nav:after { clear: both;}
.nav ul { list-style: none; width: 18em;}
.nav a { padding: 5px 25px; color:#fff;}
.nav li
{
    position: relative;
    border-left: 1px solid #82dcf7;
}
.nav li:first-child{ border-left:none;}
.nav > li { float: left;   }
.nav li a:hover
{
    background-color: #0480a5;
    border: none!important;
}
.nav li a.hovers
{
    background-color: #0480a5;
    border: none!important;
}
.nav > li > .parent { background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: 95px center; } 
.nav > li > .parent:hover{background-color:#29bbe7;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.nav > li > a { display: block;}
.nav li  ul { position: absolute; left: -9999px;}
.nav > li.hover > ul { left: 0;}
.nav li li.hover ul { left: 100%; top: 0;}
.nav li li{ border-top:1px solid #ddd;border-left:none;}
.nav li li a { display: block; background: #fff; position: relative; color:#000; z-index:100;    border:none; }
.nav li li a:hover{ color:#fff; border-radius:0;}
.nav li li li a { background:#249578; z-index:200; border-top: 1px solid #1d7a62;}
#toTop { background:url(../images/scroll_top.png) no-repeat;bottom:96px; display:none; height:57px; position:fixed; right:46px; width:56px; cursor:pointer;}
/*@media screen and (max-width: 780px) { 
    .active {  display: block; } 
    .nav > li {background:url(../images/menu_img.jpg) repeat-x;} 
    .nav li a{ color:#fff; background:url(../images/menu_img.jpg) repeat-x; padding:15px 25px;} 
    .nav li a:hover{ color:#fff;background:#29bbe7;} 
    .nav li a.hovers{ color:#fff;background:#29bbe7;} 
    .nav > li > .parent:hover{background-color:#29bbe7;} 
    .nav li{border-bottom:1px solid #5f5f5f;border-right:1px solid #5f5f5f; border-left:none;} 
    .nav{ background:#2f2f2f; border-top:1px solid #5f5f5f;} 
    .nav > li { float: left; height:50px; width:100%; } 
    .nav > li > .parent { background-position: 95% 50%; } 
    .nav li li .parent { background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: 95% 50%; } 
    .nav ul { display: block; width: 100%; } 
    .nav > li.hover > ul , .nav li li.hover ul { position: static; }
    .nav li a:hover{border-radius:0;}
    .nav > li > .parent:hover{border-radius:0;}
    .nav li li{border-bottom:none;}
    .nav li li a:hover{ color:#fff; border-radius:0; background:#29bbe7 }}*/

.banner_online
{
    width:100%; 
    float:left; 
    background: url(../images/Online-accounting-software-banner.jpg) no-repeat center top #2d2d2d; 
    height:402px;
    position: relative;
}
.banner_pos{ width:100%; float:left; background:url(../images/pos-software.jpg) no-repeat center top #2d2d2d; height:402px;}
.banner_erp{ width:100%; float:left; background:url(../images/erp-software.jpg) no-repeat center top #2d2d2d; height:402px;}

.new_head{ font-size:40px!important;text-shadow: 1px 2px 3px #000; color:#fff!important;}
.new_head1{ font-size:42.8px!important;text-shadow: 1px 2px 3px #666;}
.font_size{ font-size:17.2px!important; color:#fff!important;text-shadow: 1px 2px 3px #000; }
.font_size2{ font-size:17.2px!important;}
.new_head3{ font-size:46.9px !important;text-shadow: 1px 2px 3px #666;}
.top_head{ width:70%; float:left;}
.trynow2{background: url("../images/chat_green_but.png") repeat-x !important; border: 1px solid #A5CE59 !important; border-radius: 5px 5px 5px 5px !important; color: #FFF !important; font-family: Arial,Helvetica,sans-serif; font-size: 19px !important; line-height:normal!important; margin: 7px 0 0 !important; padding: 8px 18px !important; text-shadow: 2px 2px #666 !important; text-decoration:none!important;}
.com_pos{ width:100%; float:left; margin-top:60px;} 
.left_pos_cont{ width:45%; float:left; margin-top:10px;}
.left_pos_cont2{ width:45%; float:right; margin-top:10px;}
.rgt_pos_cont{ width:55%; float:left;}
.rgt_pos_cont2{ width:50%; float:left;}
.new_cont_head{font-family: MyCustomFont; font-size:35px;}
.new_para{ width:100%; float:left; margin-top:20px;}
.left_pos_cont2 img{ float:left; width:90%;}
.left_pos_cont img{ float:left; width:90%;}

@media (min-width: 881px) and (max-width: 1200px) {.banner_online{ width:100%;}.video_ban{ width:100%;}}
@media (min-width: 768px) and (max-width: 880px) {.banner_online{ background: url(../images/small_banner.jpg) no-repeat; width:100%;}.video_ban{ width:100%;}.left_pos_cont{ width:100%; float:left;}.left_pos_cont2{ width:100%; float:left;}.rgt_pos_cont{ width:100%; float:left;}.rgt_pos_cont2{ width:100%; float:left;}}
@media (min-width: 481px) and (max-width: 767px) {.banner_online{ background: url(../images/small_banner.jpg) no-repeat; width:100%;}.video_ban{ width:100%;}.video_ban h1{ font-size:35px; float:left;!important}.video_ban p{ font-size:16px; margin-top:0px; float:left;}.left_pos_cont{ width:100%; float:left;}.left_pos_cont2{ width:100%; float:left;}.rgt_pos_cont{ width:100%; float:left;}.rgt_pos_cont2{width:100%; float:left;}}
@media (max-width: 480px) {
    .banner_online {
        background: url(../images/small_banner.jpg) no-repeat -320px;
        width: 100%;
    }

    .video_ban {
        width: 100%;
    }

        .video_ban h1 {
            font-size: 20px;
            float: left;
            !important;
        }

        .video_ban p {
            font-size: 12px;
            margin-top: 0px;
        }

        .video_ban .green_but a {
            margin: 0;
            padding: 5px 5px !important;
            font-size: 14px !important;
        }

    .call {
        font-size: 34px;
    }

    .call_us {
        margin-top: 10px;
    }

    .left_pos_cont {
        width: 100%;
        float: left;
    }

    .left_pos_cont2 {
        width: 100%;
        float: left;
    }

    .rgt_pos_cont {
        width: 100%;
        float: left;
    }

    .rgt_pos_cont2 {
        width: 100%;
        float: left;
    }

    .new_head {
        font-size: 25px !important;
        float: left;
    }

    .new_head1 {
        font-size: 18px !important;
    }
}