@charset "utf-8";
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header / .header
3. Navigation / .navbar
4. about / .about 
5. about / .portfolio
6. pricing / .pricing
7. sponsors / .sponsors
8. contact / .contact
9. Footer / .footer
-------------------------------------------------------------------*/
@font-face {
	font-family: 'Roboto', sans-serif;
	src: url('../fonts/verdana.eot');
	src: url('../fonts/verdana.woff') format('woff'), url('../fonts/verdana.ttf') format('truetype'), url('../fonts/verdana.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'verdanab';
	src: url('../fonts/verdanab.eot');
	src: url('../fonts/verdanab.woff') format('woff'), url('../fonts/verdanab.ttf') format('truetype'), url('../fonts/verdanab.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{
	background:#fff;
	font-family: 'Roboto', sans-serif;
	color:#303030;
	font-weight:300;
}
*{
	margin:0px;
	padding:0px;
	text-decoration:none;
}
::-moz-selection {
	color:#fff;
}
::selection{
	color:#fff;
}
img{
	max-width:100%;
}
.fixed-bg{ background-position:center top !important;}
h1{
	color:#585858 !important;
	display:inline-block;
	font-size:60px;
	text-transform:uppercase;
	font-weight: 500; 
}
ul.columnNavigation {
    padding: 12px 0 0;
}
ul.columnNavigation li:last-child {
    border-bottom: 1px solid #DDDDDD;
}
ul.columnNavigation li a {
    border-top: 1px solid #DDDDDD;
    color: #333333;
    display: block;
    padding: 9px 0 9px 7px;
}
ul.columnNavigation li a:hover {
    background: none repeat scroll 0 0 #F3F3F3;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
}
a img{
	border:none;
}


.height5  { height:5px;}
.height10 { height:10px;}
.height15 { height:15px;}
.height20 { height:20px;}
.height25 { height:25px;}
.height30 { height:30px;}
.height35 { height:35px;}
.height40 { height:40px;}
#warp {
overflow: hidden;
}
#wrap .container{
	margin:0px auto;

	width:1170px;
}

/*..... BANNER ......*/

#banner {
	text-align:center;
}
#banner2 {
	text-align:center;
}
.patteren{ background:url(../images/patteren.png) repeat; position:absolute; left:0; top:0; width:100%; height:100%;}
#scroll{ display:block; position:relative; bottom:-110px;}
.carousel-inner p{
	color:#fff;
	font-size:24px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500; 
}
.sponsors p{
	color:#303030;
}
.center{
	width: 570px;
	display: inline-block;
}
.carousel-inner span.creative{
	font-family: 'Raleway', sans-serif;
	font-weight: 800; 
	font-size:60px;
	display:block;
	text-transform:uppercase;
	margin:-10px 0 0 0;
}
.carousel-inner span.small-text{
	font-family: 'Raleway', sans-serif;
	font-weight: 400; 
	font-size:14px;
	display: block;
margin: -5px 0 0 0 !important;
}
.carousel-inner span.date{
	font-size:18px;
	font-weight:normal;
	display:block;
	margin: 10px 0 0 0;
}
.navbar-right{
	float:right;
}
.navbar-left{
	float:left;
}
.scroll{
	display:block;
	margin: 100px 0 0 0;
}
.center .carousel-indicators li{ width:10px; height:10px; background:#fff; border-radius:100%;}
.logo{
	position:absolute;
	z-index:1100;
	left: 44.3%;
	float:left;
	margin:9px 0 0 0;
	cursor:pointer;
}
.logo2{
	position:absolute;
	z-index:1100;
	left:0%;
	float:left;
	margin:9px 0 0 0;
	cursor:pointer;
}

/*..... ABOUT ......*/


.about{
	padding: 80px 0;
	text-align:center;
	background-image: url(../images/new-town-trading-aboutus-bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.contact p.title-detail{
	color:#fff !important;
}
p.title-detail{
    color: #555555;
    display: inline-block;
    font-size: 20px !important;
    font-weight: 400;
    margin-top: 25px;
    width: 81%;
}


p.title-detail2{
    color: #555555;
    display: inline-block;
    font-size: 18px !important;
    font-weight: 400;
    width: 85%;
    line-height: 23px !important;
}


.about h4{
    color: #ed5b2a;
    font-size: 25px;
    font-weight: 600;
    margin: 5px 0 5px;
}
.about span{

}
.about p{
	font-size:14px;
	line-height:26px;
}


.hexagon h4 {
    color: #ed5b2a;
    font-size: 30px;
    font-weight: bold;
    margin: 5px 0 -5px;
}

.timer1, .timer2, .timer3{
	font-size:45px;
	font-weight:bold;
}
.counter{
	height:50px;
	
}

.hexagon p {
    color: #ed5b2a;
    font-size: 18px;
    font-weight: 400;
}

.hexagon {
  position: relative;
  width: 220px; 
  height: 120px;
  margin: 63.51px 0;
  border-left: solid 5px #ed5b2a;
  border-right: solid 5px #ed5b2a;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: inline-block;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 155.56px;
  height: 155.56px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 27.2183px;
}

.hexagon:before {
  top: -76px;
  border-top: solid 7.0711px #ed5b2a;
  border-right: solid 7.0711px #ed5b2a;
  border-top-right-radius: 10px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  
}

.hexagon:after {
 	border-bottom: 7.0711px solid #ed5b2a;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 5px;
    border-left: 7.0711px solid #ed5b2a;
    border-top-left-radius: 5px;
    bottom: -76px;
  
}



/*..... product ......*/

.product{
	padding:80px 0;
	text-align:center;
}
.product .table{
	text-align:center;
	margin:80px 0 0 0;
	border: 1px solid #d7d7d7;
	height: 820px;
}


.product .table.blue-table{
	margin:40px 0 0 0;
}

.product .table h2{
	font-size:45px;
	padding: 20px 0;
	margin-top: 8px;
	display: inline-block;
	text-transform: uppercase;
}

.product .gasicon span{
	font-size: 46px;
font-weight: 700;
padding: 6px 0;
margin-bottom: 5px;
display: inline-block;
}
.product .gasicon span.doller{
	font-size:24px;
}
.product .gasicon span.month{
	font-size:18px;
	font-weight:400;
	margin: 0 0 0 -10px;
}
.product .table ul{
	margin:15px 0 0 0;
}
.product .table li{
	font-size:16px;
	line-height:46px;
	font-weight:400;
	color:#fff;
}
.product .table i{
	font-size:26px;
	color:#fff;
}
.product .table a{
	background:#fff;
	color:#333333;
	font-size:16px;
	padding: 10px 20px;
	margin:15px 0 45px 0;
	display:inline-block;
	transition: .4s cubic-bezier(0.25,.46,.45,.94);
	-webkit-transition: .4s cubic-bezier(0.25,.46,.45,.94);
	-moz-transition: .4s cubic-bezier(0.25,.46,.45,.94);
}
.product .table a:hover{
	text-decoration:none;
}

.classtitle{
	padding: 45px 0 !important;
}



.product p{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	padding-left: 35px;
    padding-right: 35px;
	font-weight: 400;
	margin-top:10px;
	color:#555555;
	height:370px;
}




/*..... SERVICE ......*/

.service{
	text-align:center;
	background-image: url(../images/new-town-tranding-service-bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 150px;
	padding-left: 0;
}



.service h4{
    color: #ed5b2a;
    font-size: 25px;
    font-weight: 600;
    margin: 5px 0 5px;
}
.service span{

}
.service p{
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
}

.service h3{
	font-size: 20px;
	color: #ed5b2a;
	text-transform: uppercase;
	font-weight:600; 
}



.team-sec{
	padding:25px;
	width:100%;
	margin-left: 90px;
}

.team-sec1 .member{
width: 142px;
position: absolute;
border-radius: 50%;
padding: 5px;
left: 4%;
}

.team-sec .member {
    border-radius: 50%;
    padding: 5px;
    position: absolute;
    width: 160px;
}

.sertop01{
	margin-top:100px;
}

.sertop02{
	margin-top:35px;
}

.sertop03{
	margin-top:35px;
}

.move1-ser{
    right: 5%;
	top: 100px;
}


.move2-ser{
    right: 5%;
	top: 35px;
}

.move3-ser{
    right: 5%;
	top: 35px;
}



/*..... LPG Safety ......*/


.lpgsafety{
	text-align:center;
}

.contact p.title-detail{
	color:#fff !important;
}
p.title-detail{
    color: #555555;
    display: inline-block;
    font-size: 20px !important;
    font-weight: 400;
    margin-top: 25px;
    width: 81%;
}


p.title-detail2{
    color: #555555;
    display: inline-block;
    font-size: 18px !important;
    font-weight: 400;
    width: 85%;
    line-height: 23px !important;
}


.lpgsafety h4{
    color: #ed5b2a;
    font-size: 25px;
    font-weight: 600;
    margin: 5px 0 5px;
}
.lpgsafety span{

}
.lpgsafety p{
	font-size:14px;
	line-height:26px;
}



.tab_content li{
	color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    list-style-type: disc;
    margin-left: 35px;
    padding: 10px 0 20px;
    text-align: left;
}


.infocdetail-title{
	background-color: #ed5b2a;
    color: #fff !important;
    display: inline-block;
    font-family: "Oswald",sans-serif;
    font-size: 65px !important;
    font-weight: bold !important;
    letter-spacing: 1px;
    padding: 10px 35px;
    text-transform: uppercase !important;
	margin-bottom: 0;
}


.infocdetail-txt{
	 margin-bottom: 0;
    margin-top: 50px;
	display: inline-block;
    font-family: "Oswald",sans-serif;
    font-size: 50px !important;
	 color: #fff !important;
}

.infocdetail-txt2{
	 margin-bottom: 0;
	display: inline-block;
    font-family: "Oswald",sans-serif;
	 color: #fff !important;
    font-size: 50px !important;
}

.infocdetail-txt3{
	 margin-top: 5px;
    margin-top: 5px;
	display: inline-block;
    font-family: "Oswald",sans-serif;
    font-size: 50px !important;
	 line-height: 55px;
	 color: #fff !important;
}





/*..... CONTACT ......*/

.contact{
	margin:90px 0 0 0;
	text-align: -webkit-center;
	text-align: -moz-center;
	text-align: -ms-center;
	text-align: -o-center;
}
.contact .title{
	margin:54px 0 0 0;
}

.titlecolor{
	color: #555555;
	font-family: "Oswald", sans-serif;
	font-size: 47px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.contact .form{
	width:900px;
	margin:20px auto 80px;
	padding:48px 30px;
	text-align:center;
}
.contact .form3{
	margin-top:94px;
}
.contact .form input[type=text]{
	border:none;
	width:100%;
	height:42px;
	margin:0 0 20px 0;
	padding:0px 10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#000000;
	font-size:16px;
	font-weight:normal;
}
.contact .form textarea{
	border:none;
	width:100%;
	height:170px;
	padding:10px 10px;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#000000;
	font-size:16px;
	font-weight:normal;
}
.contact .form input[type=submit]{
	border:none;
	background:#9fbc2b;
	padding:9px 30px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#fff;
	float: left;
margin: -34px 0 0 10px;
z-index: 2;
position: relative;
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
}
.contact .social{
	margin:50px 0 0 0;
	text-align:center;
	
}
.contact .social h5{
	font-size:24px;
	font-weight:normal;
	color:#444444;
	margin: 0 0 26px 0;
}
.contact .social i{
	width: 20px;
font-size: 20px;
color:#fff;

}
.contact .social a{
	border-radius:100%;
	padding: 15px 12px 12px 12px;
	margin:5px 0 0 22px;
	background:#444444;
}
.contact .social i, .contact .social a:hover{
	-moz-transform: rotate(360deg);
-moz-transition: all 0.8s ease-in-out 0s;
-webkit-transform: rotate(360deg);
-webkit-transition: all 0.8s ease-in-out 0s;
-ms-transform: rotate(360deg);
-ms-transition: all 0.8s ease-in-out 0s;
transform: rotate(360deg);
transition: all 0.8s ease-in-out 0s;

}
.contact .social a.fb:hover{
	background:#38569d;
}
.contact .social a.tw:hover{
	background:#578ccd;
}
.contact .social a.gp:hover{
	background:#d94826;
}
.contact .social a.ig:hover{
	background:#4f7ea7;
}
.contact .social a.yt:hover{
	background:#ca2f23;
}
.contact .social a.db:hover{
	background:#eb45ab;
}
.contact .social a.li:hover{
	background:#3487cf;
}
.contact .copyright{
	text-align:center;
}
.contact .copyright span{
 	color: #fff;
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin: 15px 0;
	
	
}
.contact p{
	font-size:14px;
	color:#828282;
	line-height: 20px;
}
a:selection{
	outline:none;
	border:0px;
}
#fifth{ position:relative;}




/*..... MEDIA ......*/

.media{
	text-align:center;
}

.counters{
	position:relative;
}
.counters span{
	color:#fff;
	font-size:92px;
	
	font-weight:700;
}
.counters p{
	color:#fff;
	font-size:22px;
	text-transform:uppercase;
	font-size:22px;
	font-weight:700;
}
.counters .counter{
	float:left;
	text-align:center;
}
.counters .row{
	margin: 15% 0 0 0;
}
.title{
	text-align:center;
}

/*..... TWITTER ......*/

.twitter{
	border: solid 6px #fff;
	margin: 132px 0 0 0;
	padding:65px 0;
	text-align:center;
}
#second .fa-twitter{
font-size: 114px;
margin-top: 66px;
position: absolute;
left:50%;
text-align:center;
margin-left: -50px;
display: inline-block;
z-index:1000;
}
.carousel-inner p{
	font-size:20px;
	text-align: center;
}
.carousel-inner span{
	font-weight:bold;
}
.carousel-inner span.date{
	font-size:18px;
	font-weight: 600;
	display:block;
	margin: 10px 0 0 0;
}
.scroll {
	/*margin: 44px 0 0 276px;*/
	background:url(../images/scroll.png) no-repeat;
	height:85px;
	width:33px;
	display:inline-block;

    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;

}
.scroll:hover{
	background-position:0 0px;
	opacity: 0.5;
}
.scroll2:hover{
	background-position:0 0px;
	opacity: 0.7;
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

.latest-pro{
	text-align:center;
	padding:45px 0 0 0;
}
.latest-pro .devices{
	margin:55px 0 0 0;
}



/* animation */

.animated{ opacity:1 !important;}
.about-player, .flipInY, .animate{ opacity:0;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
::i-block-chrome, #second {
	background: url(../images/secondbg.jpg) no-repeat !important;
	background-attachment:scroll !important;
	background-position:0 0 !important;
}
::i-block-chrome, #third {
	background: url(../images/third.jpg) no-repeat !important;
	background-attachment:scroll !important;
	background-position:0 0 !important;
}
::i-block-chrome, #fifth {
	background: url(../images/contact.jpg) 50% 0 no-repeat !important;
	background-attachment:scroll !important;
	background-position:0 0 !important;
}
}














/*CREATIVE TEAM section start here*/
.team{ padding:90px 0;}

.team2{
	left:5%;
}
.team-sec2{
	margin-top:96px;
}
.team-style2{
	text-align:center;
}




.team-style2 .member{
	text-align:center ;
	width: 40%;
	left: 30%;
}
.team-sec .member img{
	border-radius:100%;
}
.team-sec .detail-left{
	float:left;
	text-align:left;
}
.team-style2 .detail-left{
	float:none !important;
	text-align:center !important;
	margin:70px 0 20px 0 !important;
}
.team-sec1 .detail-left{
	float:left;
	padding-left: 80px;
    text-align: left;
}
.team-sec .detail-left h4{
	font-size:30px;
	font-weight: 600;
	margin:0px;
}
.team-sec .detail-left span{
	font-size:16px;
	font-weight:600;
}
.team-sec .detail-left p{
	margin:10px 0 0 0;
}
.team-sec .detail-left .social-icons{
	margin:25px 0 0 0;
}
.social-icons i{
	width: 20px;
font-size: 20px;
color:#fff;

}
.social-icons a{
	border-radius:100%;
	padding: 15px 12px 12px 12px;
	margin:0 5px 0 0;
	background:#444444;
	text-align:center;
}

/*.team .col-md-4 .team-image-sec .img-overlay, .entry .overlay{ background:rgba(96, 202, 232, 0.83);}
.team .col-md-4 .team-image-sec li a{ color:#60cae8;}*/














.vertical .carousel-inner {
  height: 100%;
}

.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top !important;
     -moz-transition: 0.6s ease-in-out top !important;
      -ms-transition: 0.6s ease-in-out top !important;
       -o-transition: 0.6s ease-in-out top !important;
          transition: 0.6s ease-in-out top !important;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 400px;
}

.carousel.vertical .prev {
  top: -400px;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -400px;
  left:0;
}

.carousel.vertical .active.right {
  top: 400px;
}

.carousel.vertical .item {
    left: 0;
}
.skillbar-bar.bg-dark{ background:#676767;}
.section.sTop.padding{ padding-bottom:60px;}

.pictuer_align img.align_lft {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    float: left;
    margin-bottom: 10px;
    margin-right: 30px;
    max-width: 100%;
    padding: 45px 15px;
}
.pictuer_align img.align_right {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    float: right;
    margin-left: 30px;
    max-width: 100%;
    padding: 45px 15px;
}
.contact.no-margin{ margin:0 auto !important;}
#banner.small{ height:260px;}
.success_class, .error_class, .warning_class {
    color: #343434;
    margin-top: 20px;
    padding: 9px 12px;
}
.success_class {
    background: none repeat scroll 0 0 #d7f3d2;
    border: 1px solid #6DD063;
}
.success_class i {
    color: #78D53A;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}
.error_class {
    background: none repeat scroll 0 0 #F9C8C8;
    border: 1px solid #FF0000;
}
.error_class i {
    color: #E0563F;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}
.warning_class {
    background: none repeat scroll 0 0 #f5eec7;
    border: 1px solid #E2D760;
}
.warning_class i {
    color: #F2C368;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}
.close_warning {
    display: block;
    float: right;
    height: 11px;
    margin-right: 0;
    margin-top: -1px;
    width: 12px;
}
.close_success {
    display: block;
    float: right;
    height: 11px;
    margin-right: 0;
    margin-top: -1px;
    width: 12px;
}
.close_error {
    display: block;
    float: right;
    height: 11px;
    margin-right: 0;
    margin-top: -1px;
    width: 12px;
}
.close_warning i, .close_success i, .close_error i {
    color: #5C5C5C;
    font-size: 14px;
}





.navbar-default .navbar-nav.blog-nav > .active > a,
.navbar-default .navbar-nav.blog-nav > .active > a:hover,
.navbar-default .navbar-nav.blog-nav > .active > a:focus {
  color: #ccc !important;

}
.navbar-default .navbar-nav.blog-nav2 > .active > a,
.navbar-default .navbar-nav.blog-nav2 > .active > a:hover,
.navbar-default .navbar-nav.blog-nav2 > .active > a:focus {
  color: #2d2d2d !important;

}


/*------------------------------*/

.txtorange{
	color:#ed5b2a;
}


@media (min-width: 320px) and (max-width: 1366px){

.s1 {
    top: -150px !important;
}

.s2 {
    top: -150px !important;
}

.s3 {
    top: -150px !important;
}

.product-box01, .product-box02, .product-box03, .product-box04{
    height: 800px !important;
}

.team-sec1 .detail-left {
    padding-left: 160px !important;
}

.team-sec .member {
    left: 0%;
}

.s4 {
    top: -150px !important;
}

#contactbg {
    height: 750px !important;
}
.contact {
    margin: -150px 0 0;
}



}


@media (max-width: 1200px){
.product-box01, .product-box02, .product-box03, .product-box04 {
    height: 950px !important;
}
}

@media (max-width: 800px){
.s1, .s2, .s3, .s4   {
    top: -50px !important;
}

.product-box01, .product-box02, .product-box03, .product-box04 {
    height: 550px !important;
}
.team-sec1 .detail-left {
    padding-left: 0px !important;
}
#third {
    height: 720px !important;
}
.contact {
    margin: -50px 0 0;
}
.contact .form {
    width: 100%;
}
}


@media (max-width: 480px){
.product-box01, .product-box02, .product-box03, .product-box04 {
    height: 600px !important;
}

.s1, .s2, .s3, .s4   {
    top: -5px !important;
}
.contact {
    margin: -5px 0 0;
}
}


@media (max-width: 380px){
.product-box01, .product-box02, .product-box03, .product-box04 {
    height: 700px !important;
}

.s1, .s2, .s3, .s4   {
    top: -5px !important;
}
.contact {
    margin: -5px 0 0;
}
#contactbg {
    height: 880px !important;
}
}