html,body {
    height:100%;
    background:center no-repeat fixed url('/assets/example/bg_suburb.jpg');
    background-size: cover;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #121212;
}
.text-center{ text-align:center;} .text-left{ text-align:left;} .text-right{ text-align:right!important;} .overflowhidden{ overflow:hidden;} .marginauto{ margin:auto;}
.white-color{ color:#FFFFFF;} .block-color{ color:#000000;} .block-color2{ color:#171717;} .block-color3{ color:#333333;} .block-color4{ color:#575757;}
.float-none{ float:none;} .border-radius{ border-radius:0;} .border-none{ border: none;} .text-uppercase{ text-transform: uppercase;} .blue-color{ color: #2196f3;} .gray-color{ color: #737373;} .orange-bg{ background: #f16c24;} .border-shadow{ box-shadow: 0 0 0 0;} .red-color{ color: #e53935;} .yellow-color{ color: #ffdd77;} .orange-color{ color: #f85b03;}
h1, .h1, h2, .h2, h3, .h3{ font-weight:300;} .blue-bg2{ background: #1ea9b0;}
.text-left{ text-align: left!important;}
.text-right{ text-align: right!important;}
.font18{ font-size:18px;}
.font16{ font-size:16px; line-height: 28px;}
.icon-bar {
    background-color:#f36e24;
}
.navbar{ border-radius: 0 0 0 0;}
.navbar-toggle{ background: #233d75;}
.border-white{ border: #fff 1px solid;}
.navbar-trans {
    background-color:#279ddd;
    color:#fff;
}

.navbar-trans a{
    color:#fefefe;
}

.navbar-trans .form-control:focus {
    border-color: #eee;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
}

section {
    padding-top:70px;  
    padding-bottom:50px; 
    min-height:calc(100% - 1px);
}

.v-center {
    padding-top:10%;
    font-size:70px;
}

.well {
    border-color:transparent;
}

a.list-group-item.active,[class*='-info'] {
    background-color: #168ccc;
    color:#fff;
}

/**************new css***************/
.fixed-menu {
    position: fixed;
    right: 0;
    top: 130px;
    z-index: 1020;
}
.fixed-menu a {
    color: #fff;
    display: block;
    font-size: 18px;
    margin-bottom: 1px;
    padding: 20px;
    text-align: center;
}
.fixed-menu a:hover{ background: #ffdd77; color: #000;}
.social-1 {
    background: #3b5a9b none repeat scroll 0 0;
}
.social-2 {
    background: #2b97f0 none repeat scroll 0 0;
}
.social-3 {
    background: #db2814 none repeat scroll 0 0;
}
.yellow-bg{ background: #ffdd77;}
.topBar_left{ float: left; width:40%; padding: 5px 0;}
.topBar_left a{ color: #121212;}
.topBar_right{ float: left; width:60%; text-align: right; padding: 5px 0;}
.nav_round{
    border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -webkit-border-radius: 100px 100px 100px 100px;
    border: 0px solid #000000;
    width: 38px;
    height: 38px;
    text-align: center;
    border: #e53935 2px solid;
    color: #121212;
    display: block;
    font-size: 18px;
    margin: auto;
    padding-top: 7px;
}
.navbar{ margin-bottom: 0; height: 76px;}
.navbar-header{ margin-top: 10px;}
.navbar-header img{ width: 100%;}
.navbar-nav{ margin-top: 10px;}
.nav > li > a{ text-transform: uppercase; color: #121212;}
.nav > li > a:hover, .nav > li > a:focus{ background: #f36e24!important; color: #fff;}
.nav > li > a.active{ background: #f36e24; color: #fff;}
.banner_section{ background:url(../images/banner-bg.jpg) top center no-repeat; background-size: cover; text-align: center;}
.banner_section img{ text-align: center; margin: auto;}
.black_banner{ background: #212020;}
.blue_banner{ background: #233d75;}
.violet_banner{ background: #392d82;}
.violet_color{ color: #392d82;}
.inner_banner{ background: #233d75;}
.inner_banner img{ width: 100%;}
.navbar-right .dropdown-menu > li > a{ text-transform: uppercase; padding: 8px 15px;}


.portfolio_box{ width: 30%; float: left;}
.portfolio_box2{ width: 31%; float: left;}
.pagination > li > a, .pagination > li > span{ color: #000;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #e53935; border: #d22420 1px solid;}
.test_left{ background: url(../images/test_left.png) center left no-repeat;}
.test_right{ background: url(../images/test_right.png) center right no-repeat;}
.testimonial_panel{ margin: 40px 0 80px 0;}
.testimonial_text{ font-size: 16px;}
.view_all{ text-align: center; margin-bottom: 140px; margin-top: 40px}
.view_all a{
    background: #e74f2e; /* Old browsers */
    background: -moz-linear-gradient(top,  #e74f2e 0%, #c02a09 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e74f2e 0%,#c02a09 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e74f2e 0%,#c02a09 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74f2e', endColorstr='#c02a09',GradientType=0 ); /* IE6-9 */
    border-bottom: #96240b 4px solid;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    color: #fff; text-transform: uppercase;
    padding: 8px 35px;
    font-size: 18px;
    font-weight: bold;

}
.view_all a:hover{ text-decoration: none;
                   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c93312+0,e74f2e+100 */
                   background: #c93312; /* Old browsers */
                   background: -moz-linear-gradient(top,  #c93312 0%, #e74f2e 100%); /* FF3.6-15 */
                   background: -webkit-linear-gradient(top,  #c93312 0%,#e74f2e 100%); /* Chrome10-25,Safari5.1-6 */
                   background: linear-gradient(to bottom,  #c93312 0%,#e74f2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c93312', endColorstr='#e74f2e',GradientType=0 ); /* IE6-9 */
}
.contact_box2 a{ padding: 0 15px; font-size: 18px;}
.contact_box2 a:hover{ color: #f85b03;}
.contact_box2 .panel-body input{ background: #191b1f; border: #2d3034 1px solid;}
.contact_box2 .panel-body textarea{ background: #191b1f; border: #2d3034 1px solid;}
.page_conetnt h3{ font-weight: 700; color: #373737;}
footer {
    background-color:#000;
    color:#ddd;
    min-height:60px;
    padding-top:10px;
    padding-bottom:10px;
    text-align: center;
}

#footer a {
    padding:0;
    color:#fff;
}

footer .nav>li>a:hover {
    background-color:transparent;
    color:#fff;
}
.red_panel{
    background: #f85b03; color: #fff; padding: 10px 0;
}
.redPanel_left{ color: #fff; font-size: 20px; font-weight: 300;}
.redPanel_left a{ color: #fff;}
.redPanel_right{ text-align: right; font-size: 20px; font-weight: 300;}
.redPanel_right a{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}
.redPanel_right a:hover{ text-decoration: none; background: #151515;}
.it_container{ margin: 30px 0 0 0;}
.it_container h1{ text-align: center; font-size: 36px; font-weight: bold; text-transform: uppercase;}
.it_container2 h1{ text-align: center; font-size: 36px; font-weight: bold; text-transform: uppercase; color: #fff; margin-bottom: 40px; margin-top: 40px;}
.it_container3 h1{ text-align: center; font-size: 36px; font-weight: bold; text-transform: uppercase; color: #333333; margin-bottom: 40px; margin-top: 40px;}
.it_line img{ width: auto;}
.services_inner{ padding: 18px; text-align: center; margin-bottom: 30px; border-bottom: #eeeeee 3px solid;}
.services_inner h2{ font-size: 18px; color: #000; font-weight: 400;}
.services_inner a{ color: #242424;}
.services_inner a:hover{ color: #f85b03; text-decoration: none;}
.services_icon{
    border-radius: 105px;
    -moz-border-radius: 105px;
    -webkit-border-radius: 105px;
    border: 2px solid #cecece;
    margin: auto;
    padding: 15px 0 0 0;
    width: 105px;
    height: 105px;
}
.services_inner2{ padding: 18px; text-align: center; margin-bottom: 30px;}
.services_inner2 h2{ font-size: 18px; color: #000; font-weight: 400;}
.services_inner2 a{ color: #242424;}
.services_inner2 a:hover{ color: #f85b03; text-decoration: none;}

.read_more a{ text-align: center; margin: auto; background: #ffdd77; color: #000; padding: 5px 15px;
              border-radius: 102px 102px 102px 102px;
              -moz-border-radius: 102px 102px 102px 102px;
              -webkit-border-radius: 102px 102px 102px 102px;
}
.read_more a:hover{ background: #e53935; color: #fff; text-decoration: none;}

.view_portfolio{ text-align: center; margin: 0 auto 15px auto;}
.view_portfolio a{background: rgba(53,53,59,1);
                  background: -moz-linear-gradient(top, rgba(53,53,59,1) 0%, rgba(53,53,59,1) 8%, rgba(40,40,46,1) 8%, rgba(15,15,15,1) 50%, rgba(15,15,15,1) 50%, rgba(61,61,61,1) 100%);
                  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(53,53,59,1)), color-stop(8%, rgba(53,53,59,1)), color-stop(8%, rgba(40,40,46,1)), color-stop(50%, rgba(15,15,15,1)), color-stop(50%, rgba(15,15,15,1)), color-stop(100%, rgba(61,61,61,1)));
                  background: -webkit-linear-gradient(top, rgba(53,53,59,1) 0%, rgba(53,53,59,1) 8%, rgba(40,40,46,1) 8%, rgba(15,15,15,1) 50%, rgba(15,15,15,1) 50%, rgba(61,61,61,1) 100%);
                  background: -o-linear-gradient(top, rgba(53,53,59,1) 0%, rgba(53,53,59,1) 8%, rgba(40,40,46,1) 8%, rgba(15,15,15,1) 50%, rgba(15,15,15,1) 50%, rgba(61,61,61,1) 100%);
                  background: -ms-linear-gradient(top, rgba(53,53,59,1) 0%, rgba(53,53,59,1) 8%, rgba(40,40,46,1) 8%, rgba(15,15,15,1) 50%, rgba(15,15,15,1) 50%, rgba(61,61,61,1) 100%);
                  background: linear-gradient(to bottom, rgba(53,53,59,1) 0%, rgba(53,53,59,1) 8%, rgba(40,40,46,1) 8%, rgba(15,15,15,1) 50%, rgba(15,15,15,1) 50%, rgba(61,61,61,1) 100%);
                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35353b', endColorstr='#3d3d3d', GradientType=0 );
                  border-radius: 100px 100px 100px 100px;
                  -moz-border-radius: 100px 100px 100px 100px;
                  -webkit-border-radius: 100px 100px 100px 100px;
                  border: 0px solid #000000;
                  padding: 10px 30px;
                  line-height: 25px;
                  color: #d8d8d8;
                  font-size: 18px;
                  font-weight: 400;
                  margin: 10px 0;
}
.view_portfolio a:hover{ background: #e13834; text-decoration: none; color: #fff;}
.contact_bg{ background: #191b1f; padding: 20px 0; color: #fff;}
.contact_bg h3{ text-transform: uppercase; font-weight: bold; font-size: 24px;}
.contact_bg a{ color: #fff;}
.contact_box1{ width: 28%; float:left;}
.contact_box1 ul{ list-style-type: none; padding: 0; margin: 0;}
.contact_box1 a{ padding: 5px 0 5px 0; line-height: 30px; color: #fff;}
.contact_box2{}
.contact_box2 ul{ list-style-type: none; padding: 0; margin: 0;}
.contact_box2 li a{ background: url(../images/arrow1.png) left top no-repeat; padding: 5px 0 5px 15px; line-height: 30px; color: #fff;}
.contact_box3{ width: 44%; float:left; margin-top: 25px;}
.footer_bottom{ border-top: #252525 1px solid; text-align: center; padding: 15px 0 0 0; color: #fff;}
.request_box{ background: #e13834!important; color: #fff;}
.request_input{ background: #feaba9;}
.foot_social ul{ display: inline; list-style-type: none; padding: 0;}
.foot_social li{ display: inline;}
.foot_social li a{ 
    display:inline-block!important; border: #f16c24 1px solid;
    border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -webkit-border-radius: 100px 100px 100px 100px;
    font-size: 24px; text-align: center;
    width: 48px; height: 48px; color: #f16c24;
    margin-right: 5px;
    padding-top: 8px;
}
.foot_social li a:hover{ color: #fff; border: #fff 1px solid;}
.portfolio_banner{ background:#1a1a1d;}
.portfolio_link { margin:20px auto; text-align: center;}
.portfolio_link h3{ font-size: 30px; font-weight: bold; text-transform: uppercase; margin: 10px 0 0 0;}
.portfolio_nav{ margin: 20px 0 30px 0;}
.portfolio_nav ul{ list-style-type: none; margin: 0; padding: 0; text-align: center;}
.portfolio_nav li{ display: inline-block; text-align: center;}
.portfolio_nav a{ 
    display: inline-block;
    padding: 4px 12px;
    text-transform: uppercase; color: #151515;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}
.portfolio_nav a:hover{
    background: #e53935;
    border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -webkit-border-radius: 100px 100px 100px 100px;
    border: 0px solid #000000;
    color: #fff;
}
.portfolio_nav a.active{
    background: #e53935;
    border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px 100px 100px 100px;
    -webkit-border-radius: 100px 100px 100px 100px;
    border: 0px solid #000000;
    color: #fff;
}
.contact_banner{ background:#10d1b8;}
.contact_left{ width: 56%; float: left; margin-right: 1%;}
.contact_right{ width: 42%; float: left; margin-left: 1%;}
.contact_container{ 
    padding: 1px;
    background: #ffeeba url(../images/corner1.png) left top no-repeat;
}
.contact_inner{ background: url(../images/corner2.png) right bottom no-repeat; padding: 18px 30px 98px 30px; text-align: left;}
.contact_inner2{ background: url(../images/corner2.png) right bottom no-repeat; padding: 18px 30px 18px 30px; text-align: left;}
.contact_container h2{ font-size: 22px; color: #000; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; text-align: center;}
.contact_container h3{ font-size: 18px; color: #000; font-weight: bold; margin: 0 0 10px 0;}
.contact_container a{ color: #000;}
.contact_container hr{ border-bottom: #fbbd00 1px solid;}
.cont-bor{ border: #f8bd08 1px solid;}
.services_banner{ background:#a9defe;}
/*******************Portfolio*******************/
.portfolio_bg{ background: url(../images/portfolio_bg.jpg) left top no-repeat; background-attachment: fixed; background-size: cover;}
.portfolio_tip1{
    position: absolute; left: 0px; top: 0px;
}
.portfolio_tip2{
    position: absolute; left: 40px; top: 0px;
}
.portfolio_tip3{
    position: absolute; left: 80px; top: 0px;
}
.portfolio_tip4{
    position:relative; left: 0px; top: 0px; margin-right: 15px;
}
.iso-box {
    position: relative;
    min-height: 50px;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
}
.iso-box > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.iso-box > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.fluid-img {
    width: 100%;
    display: block;
    height: auto;
}
#portfolio .portfolio-thumb
{
    overflow: hidden;
    margin: 0;
    position: relative;
    border: #fff 3px solid!important;
}
#portfolio .portfolio-thumb .portfolio-overlay
{
    background: #333;
    color: #ffffff;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 60px 60px 0px 60px;
    text-align: center;
    position: absolute;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
#portfolio .portfolio-thumb:hover .portfolio-overlay
{
    opacity: 0.9;
    transform: scale(1.1);
}
#portfolio .portfolio-thumb .portfolio-overlay .fa
{
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    margin-right: 6px;
    margin-bottom: 10px;
}
#portfolio .portfolio-thumb .portfolio-overlay h4
{
    padding-bottom: 10px;
}
/*******************End Portfolio*******************/
/************************New CSS**********************************/




/************************New CSS**********************************/
.m0,
.m-n { margin: 0px!important;}
.m5,
.m-xs { margin: 5px !important;}
.m5.n,
.m-xs.n { margin: -5px !important;}
.m10,
.m-sm { margin: 10px !important;}
.m10.n,
.m-sm.n { margin: -10px !important;}
.m15,
.m { margin: 15px !important;}
.m15.n,
.m.n { margin: -15px !important;}
.m20,
.m-md { margin: 20px !important;}
.m20.n,
.m-md.n { margin: -20px !important;}
.m30,
.m-lg { margin: 30px !important;}
.m30.n,
.m-lg.n { margin: -30px !important;}
.m40,
.m-xl { margin: 40px !important;}
.m40.n,
.m-xl.n { margin: -40px !important;}
.m50,
.m-xxl { margin: 50px !important;}
.m50.n,
.m-xxl.n { margin: -50px !important;}
.mb0,
.mb-n { margin-bottom: 0px!important;}
.mb5,
.mb-xs { margin-bottom: 5px !important;}
.mb5.n,
.mb-xs.n { margin-bottom: -5px !important;}
.mb10,
.mb-sm { margin-bottom: 10px !important;}
.mb10.n,
.mb-sm.n { margin-bottom: -10px !important;}
.mb15,
.mb { margin-bottom: 15px !important;}
.mb15.n,
.mb.n { margin-bottom: -15px !important;}
.mb20,
.mb-md { margin-bottom: 20px !important;}
.mb20.n,
.mb-md.n { margin-bottom: -20px !important;}
.mb30,
.mb-lg { margin-bottom: 30px !important;}
.mb30.n,
.mb-lg.n { margin-bottom: -30px !important;}
.mb40,
.mb-xl { margin-bottom: 40px !important;}
.mb40.n,
.mb-xl.n { margin-bottom: -40px !important;}
.mb50,
.mb-xxl { margin-bottom: 50px !important;}
.mb50.n,
.mb-xxl.n { margin-bottom: -50px !important;}
.ml0,
.ml-n { margin-left: 0px!important;}
.ml5,
.ml-xs { margin-left: 5px !important;}
.ml5.n,
.ml-xs.n { margin-left: -5px !important;}
.ml10,
.ml-sm { margin-left: 10px !important;}
.ml10.n,
.ml-sm.n { margin-left: -10px !important;}
.ml15,
.ml { margin-left: 15px !important;}
.ml15.n,
.ml.n { margin-left: -15px !important;}
.ml20,
.ml-md { margin-left: 20px !important;}
.ml20.n,
.ml-md.n { margin-left: -20px !important;}
.ml30,
.ml-lg {margin-left: 30px !important;}
.ml30.n,
.ml-lg.n { margin-left: -30px !important;}
.ml40,
.ml-xl { margin-left: 40px !important;}
.ml40.n,
.ml-xl.n { margin-left: -40px !important;}
.ml50,
.ml-xxl { margin-left: 50px !important;}
.ml50.n,
.ml-xxl.n { margin-left: -50px !important;}
.mr0,
.mr-n { margin-right: 0px!important;}
.mr5,
.mr-xs { margin-right: 5px !important;}
.mr5.n,
.mr-xs.n { margin-right: -5px !important;}
.mr10,
.mr-sm { margin-right: 10px !important;}
.mr10.n,
.mr-sm.n { margin-right: -10px !important;}
.mr15,
.mr { margin-right: 15px !important;}
.mr15.n,
.mr.n { margin-right: -15px !important;}
.mr20,
.mr-md { margin-right: 20px !important;}
.mr20.n,
.mr-md.n { margin-right: -20px !important;}
.mr30,
.mr-lg { margin-right: 30px !important;}
.mr30.n,
.mr-lg.n { margin-right: -30px !important;}
.mr40,
.mr-xl { margin-right: 40px !important;}
.mr40.n,
.mr-xl.n { margin-right: -40px !important;}
.mr50,
.mr-xxl { margin-right: 50px !important;}
.mr50.n,
.mr-xxl.n { margin-right: -50px !important;}
.mt0,
.mt-n { margin-top: 0px!important;}
.mt5,
.mt-xs {margin-top: 5px !important;}
.mt5.n,
.mt-xs.n { margin-top: -5px !important;}
.mt10,
.mt-sm { margin-top: 10px !important;}
.mt10.n,
.mt-sm.n { margin-top: -10px !important;}
.mt15,
.mt { margin-top: 15px !important;}
.mt15.n,
.mt.n { margin-top: -15px !important;}
.mt20,
.mt-md { margin-top: 20px !important;}
.mt20.n,
.mt-md.n { margin-top: -20px !important;}
.mt30,
.mt-lg { margin-top: 30px !important;}
.mt30.n,
.mt-lg.n { margin-top: -30px !important;}
.mt40,
.mt-xl { margin-top: 40px !important;}
.mt40.n,
.mt-xl.n { margin-top: -40px !important;}
.mt50,
.mt-xxl { margin-top: 50px !important;}
.mt50.n,
.mt-xxl.n { margin-top: -50px !important;}
/* Paddiing */
.p0,
.p-n { padding: 0px!important;}
.p5,
.p-xs { adding: 5px !important;}
.p5.n,
.p-xs.n { padding: -5px !important;}
.p10,
.p-sm {padding: 10px !important;}
.p10.n,
.p-sm.n {  padding: -10px !important;}
.p15,
.p { padding: 15px !important;}
.p15.n,
.p.n { padding: -15px !important;}
.p20,
.p-md { padding: 20px !important;}
.p20.n,
.p-md.n { padding: -20px !important;}
.p30,
.p-lg { padding: 30px !important;}
.p30.n,
.p-lg.n { padding: -30px !important;}
.p40,
.p-xl { padding: 40px !important;}
.p40.n,
.p-xl.n { padding: -40px !important;}
.p50,
.p-xxl { padding: 50px !important;}
.p50.n,
.p-xxl.n { padding: -50px !important;}
.pb0,
.pb-n { padding-bottom: 0px!important;}
.pb5,
.pb-xs { padding-bottom: 5px !important;}
.pb5.n,
.pb-xs.n { padding-bottom: -5px !important;}
.pb10,
.pb-sm { padding-bottom: 10px !important;}
.pb10.n,
.pb-sm.n { padding-bottom: -10px !important;}
.pb15,
.pb { padding-bottom: 15px !important;}
.pb15.n,
.pb.n { padding-bottom: -15px !important;}
.pb20,
.pb-md {padding-bottom: 20px !important;}
.pb20.n,
.pb-md.n { padding-bottom: -20px !important;}
.pb30,
.pb-lg {padding-bottom: 30px !important;}
.pb30.n,
.pb-lg.n { padding-bottom: -30px !important;}
.pb40,
.pb-xl {padding-bottom: 40px !important;}
.pb40.n,
.pb-xl.n { padding-bottom: -40px !important;}
.pb50,
.pb-xxl { padding-bottom: 50px !important;}
.pb50.n,
.pb-xxl.n { padding-bottom: -50px !important;}
.pl0,
.pl-n { padding-left: 0px!important;}
.pl5,
.pl-xs { padding-left: 5px !important;}
.pl5.n,
.pl-xs.n { padding-left: -5px !important;}
.pl10,
.pl-sm { padding-left: 10px !important;}
.pl10.n,
.pl-sm.n { padding-left: -10px !important;}
.pl15,
.pl { padding-left: 15px !important;}
.pl15.n,
.pl.n { padding-left: -15px !important;}
.pl20,
.pl-md { padding-left: 20px !important;}
.pl20.n,
.pl-md.n { padding-left: -20px !important;}
.pl30,
.pl-lg { padding-left: 30px !important;}
.pl30.n,
.pl-lg.n { padding-left: -30px !important;}
.pl40,
.pl-xl { padding-left: 40px !important;}
.pl40.n,
.pl-xl.n { padding-left: -40px !important;}
.pl50,
.pl-xxl { padding-left: 50px !important;}
.pl50.n,
.pl-xxl.n { padding-left: -50px !important;}
.pr0,
.pr-n { padding-right: 0px!important;}
.pr5,
.pr-xs { padding-right: 5px !important;}
.pr5.n,
.pr-xs.n { padding-right: -5px !important;}
.pr10,
.pr-sm { padding-right: 10px !important;}
.pr10.n,
.pr-sm.n { padding-right: -10px !important;}
.pr15,
.pr { padding-right: 15px !important;}
.pr15.n,
.pr.n { padding-right: -15px !important;}
.pr20,
.pr-md { padding-right: 20px !important;}
.pr20.n,
.pr-md.n { padding-right: -20px !important;}
.pr30,
.pr-lg { padding-right: 30px !important;}
.pr30.n,
.pr-lg.n { padding-right: -30px !important;}
.pr40,
.pr-xl { padding-right: 40px !important;}
.pr40.n,
.pr-xl.n { padding-right: -40px !important;}
.pr50,
.pr-xxl { padding-right: 50px !important;}
.pr50.n,
.pr-xxl.n { padding-right: -50px !important;}
.pt0,
.pt-n { padding-top: 0px!important;}
.pt5,
.pt-xs { padding-top: 5px !important;}
.pt5.n,
.pt-xs.n { padding-top: -5px !important;}
.pt10,
.pt-sm { padding-top: 10px !important;}
.pt10.n,
.pt-sm.n { padding-top: -10px !important;}
.pt15,
.pt { padding-top: 15px !important;}
.pt15.n,
.pt.n { padding-top: -15px !important;}
.pt20,
.pt-md { padding-top: 20px !important;}
.pt20.n,
.pt-md.n { padding-top: -20px !important;}
.pt30,
.pt-lg { padding-top: 30px !important;}
.pt30.n,
.pt-lg.n { padding-top: -30px !important;}
.pt40,
.pt-xl { padding-top: 40px !important;}
.pt40.n,
.pt-xl.n { padding-top: -40px !important;}
.pt50,
.pt-xxl { padding-top: 50px !important;}
.pt50.n,
.pt-xxl.n { padding-top: -50px !important;}

/**************************Responsive***************************/
@media (min-width: 320px) and (max-width: 649px) {
    .navbar-header img{ width: 40%;}
    .it_line img{ width: 20%;}
    .redPanel_right{ text-align: left;}
    .test_left, .test_right{ background: none;}
    .navbar{ z-index: 9999;}
    .navbar-right{ background: #233d75; color: #fff;}
    .nav > li > a{ color: #fff;}
    .navbar-nav .open .dropdown-menu > li > a{ color: #fff;}
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{ background: #f36e24!important; color: #000;}
    
}
@media (min-width: 650px) and (max-width: 767px) {
    .it_line img{ width: 30%;}
    
    .nav_round{ text-align: center; margin: 0 10px 0 0; display: inline-block;}
    .navbar-nav > li > a{ border-bottom: #ffdd77 1px solid;}
}
@media (max-width: 767px) {
    
}
@media (min-width: 768px) and (max-width: 991px) {
    
    .it_line img{ width: 30%;}
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 768px) and (max-width: 991px) {
   

}
@media (min-width: 992px) and (max-width: 1199px) {
   
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {
}
@media (min-width: 1200px) {

}
@media (min-width: 1200px) {

}
@media (min-width: 1200px) {

}
@media (max-width: 767px) {

}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {

}

@media print {

}

@media print {

}

@media print {

}

@media print {

}
@media print {

}
/**************************End Responsive***************************/