@font-face {
    font-family: 'GothamRoundedMedium';
    src: url('../../fonts/GothamRoundedMedium.eot');
    src: url('../../fonts/GothamRoundedMedium.eot') format('embedded-opentype'),
         url('../../fonts/GothamRoundedMedium.woff2') format('woff2'),
         url('../../fonts/GothamRoundedMedium.woff') format('woff'),
         url('../../fonts/GothamRoundedMedium.ttf') format('truetype'),
         url('../../fonts/GothamRoundedMedium.svg#GothamRoundedMedium') format('svg');
}
@font-face {
    font-family: 'gothamroundedbook';
    src: url('../../fonts/gothamroundedbook.eot');
    src: url('../../fonts/gothamroundedbook.eot') format('embedded-opentype'),
         url('../../fonts/gothamroundedbook.woff2') format('woff2'),
         url('../../fonts/gothamroundedbook.woff') format('woff'),
         url('../../fonts/gothamroundedbook.ttf') format('truetype'),
         url('../../fonts/gothamroundedbook.svg#gothamroundedbook') format('svg');
}

@charset "utf-8";
/* CSS Document */
/* Header portin css start */
.header_wrapper{width:100%; float:left; background-image:url(../../images/slider-bg.jpg); background-size:cover;}
.top-header_wrapper{width:100%; float:left;}
.header_sub{width:1200px; margin:auto;}
.logo{width:180px; float:left; text-align:center;}
.logo img{width:100%; max-width:300px; padding:10px 0px;}
.navigation{width:660px; float:right; position:relative; z-index:99999999999;}
.stiky-header{width:1200px; margin:auto;}
/* Header portin css start */
/* Footer section start */
.footer_wrapper{width:100%; float:left; padding:15px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,29292d+50,000000+100 */
background-color: #000000;} /* Old browsers */

.footer_content{width:1200px; margin:auto; color:#fff;}
.footer1{width:300px; float:left; }
.footer1-heading{width:100%; font-size:18px; text-transform:uppercase; float:left; line-height:25px; font-family: 'GothamRoundedMedium'; margin-bottom:20px;}
.footer_content_sub{width:100%; float:left; font-size:13px!important;}
.footer_content_sub img{width:20px;}
.footer_content_sub li{width:100%; line-height:30px; list-style:none; text-align:justify; font-size:15px; font-family: 'gothamroundedbook'; font-size:11px!important;}
.footer_content_sub li img{float:left; margin-right:10px; margin-top:5px;}
.footer_content_sub li a{color:#fff; transition:all 1s; font-size:11px;}
.footer_content_sub li a:hover{padding-left:15px; color:#c23d03;}
/* Footer Section End */
/* Bottom Footer section start */
.bottom_footer_wrapper{width:100%; float:left; padding:10px 0px; background-color:#000;}
.bottom_footer{width:100%; text-align:center; margin:auto; color:#fff; font-size:11px;}
/* Bottom Footer section end */

@media screen and (max-width: 1199px) and (min-width: 1000px) {

/* Header portin css start */
.header_wrapper{width:100%; float:left; background-image:url(../../images/slider-bg.jpg); background-size:cover;}
.top-header_wrapper{width:100%; float:left;}
.header_sub{width:90%; margin:auto;}
.logo{width:250px; float:left; text-align:center;}
.logo img{width:100%; max-width:300px;}
.navigation{width:530px; float:right;}
.stiky-header{width:90%; margin:auto;}
/* Header portin css start */
/* Footer section start */
.footer_wrapper{width:100%; float:left; padding:15px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,29292d+50,000000+100 */
background-color: #000000;} /* Old browsers */

.footer_content{width:90%; margin:auto; color:#fff;}
.footer1{width:25%; float:left;}
.footer1-heading{width:100%; font-size:17px; text-transform:uppercase; float:left; line-height:25px;}
.footer_content_sub{width:100%; float:left;}
.footer_content_sub li{width:100%; line-height:30px; list-style:none; text-align:justify; font-size:13px;}
.footer_content_sub li img{float:left; margin-right:10px; margin-top:5px;}
.footer_content_sub li a{color:#fff; transition:all 1s;}
.footer_content_sub li a:hover{padding-left:15px; color:#c23d03;}
/* Footer Section End */
/* Bottom Footer section start */
.bottom_footer_wrapper{width:100%; float:left; padding:10px 0px; background-color:#000;}
.bottom_footer{width:90%; text-align:center; margin:auto; color:#fff; font-size:13px;}
/* Bottom Footer section end */
}

@media screen and (max-width: 999px) and (min-width: 900px) {
/* Header portin css start */
.header_wrapper{width:100%; float:left; background-image:url(../../images/slider-bg.jpg); background-size:cover;}
.top-header_wrapper{width:100%; float:left;}
.header_sub{width:90%; margin:auto;}
.logo{width:250px; float:left; text-align:center;}
.logo img{width:100%; max-width:300px;}
.navigation{width:540px; float:right;}
.stiky-header{width:90%; margin:auto;}
/* Header portin css start */
/* Footer section start */
.footer_wrapper{width:100%; float:left; padding:15px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,29292d+50,000000+100 */
background-color: #000000;} /* Old browsers */

.footer_content{width:90%; margin:auto; color:#fff;}
.footer1{width:25%; float:left;}
.footer1-heading{width:100%; font-size:17px; text-transform:uppercase; float:left; line-height:25px;}
.footer_content_sub{width:100%; float:left;}
.footer_content_sub li{width:100%; line-height:30px; list-style:none; text-align:justify; font-size:13px;}
.footer_content_sub li img{float:left; margin-right:10px; margin-top:5px;}
.footer_content_sub li a{color:#fff; transition:all 1s;}
.footer_content_sub li a:hover{padding-left:15px; color:#c23d03;}
/* Footer Section End */
}


@media screen and (max-width: 899px) and (min-width: 800px) {
/* Header portin css start */
.header_wrapper{width:100%; float:left; background-image:url(../../images/slider-bg.jpg); background-size:cover;}
.top-header_wrapper{width:100%; float:left;}
.header_sub{width:90%; margin:auto;}
.logo{width:25%; float:left; text-align:center; padding-top:10px;}
.logo img{width:100%; max-width:300px;}
.navigation{width:75%; float:right;}
.stiky-header{width:90%; margin:auto;}
/* Header portin css start */
/* Footer section start */
.footer_wrapper{width:100%; float:left; padding:15px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,29292d+50,000000+100 */
background-color: #000000;} /* Old browsers */

.footer_content{width:90%; margin:auto; color:#fff;}
.footer1{width:25%; float:left;}
.footer1-heading{width:100%; font-size:17px; text-transform:uppercase; float:left; line-height:25px;}
.footer_content_sub{width:100%; float:left;}
.footer_content_sub li{width:100%; line-height:30px; list-style:none; text-align:justify; font-size:13px;}
.footer_content_sub li img{float:left; margin-right:10px; margin-top:5px;}
.footer_content_sub li a{color:#fff; transition:all 1s;}
.footer_content_sub li a:hover{padding-left:15px; color:#c23d03;}
/* Footer Section End */
/* Bottom Footer section start */
.bottom_footer_wrapper{width:100%; float:left; padding:10px 0px; background-color:#000;}
.bottom_footer{width:90%; text-align:center; margin:auto; color:#fff; font-size:13px;}
/* Bottom Footer section end */
}
@media screen and (max-width: 799px) and (min-width: 700px) {
/* Header portin css start */
.header_wrapper{width:100%; float:left; background-image:url(../../images/slider-bg.jpg); background-size:cover;}
.top-header_wrapper{width:100%; float:left;}
.header_sub{width:90%; margin:auto;}
.logo{width:40%; float:left; text-align:center;}
.logo img{width:100%; max-width:300px;}
.navigation{width:60%; float:right;}
.stiky-header{width:90%; margin:auto;}
/*====================================================================*/

/* Footer section start */
.footer_wrapper{width:100%; float:left; padding:15px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,29292d+50,000000+100 */
background-color: #000000;} /* Old browsers */

.footer_content{width:90%; margin:auto; color:#fff;}
.footer1{width:50%; float:left; margin-bottom:15px;}
.footer1-heading{width:100%; font-size:17px; text-transform:uppercase; float:left; line-height:25px;}
.footer_content_sub{width:100%; float:left;}
.footer_content_sub li{width:100%; line-height:30px; list-style:none; text-align:justify; font-size:13px;}
.footer_content_sub li img{float:left; margin-right:10px; margin-top:5px;}
.footer_content_sub li a{color:#fff; transition:all 1s;}
.footer_content_sub li a:hover{padding-left:15px; color:#c23d03;}
/* Footer Section End */
/* Bottom Footer section start */
.bottom_footer_wrapper{width:100%; float:left; padding:10px 0px; background-color:#000;}
.bottom_footer{width:90%; text-align:center; margin:auto; color:#fff; font-size:13px;}
/* Bottom Footer section end */
}
@media screen and (max-width: 699px) and (min-width: 600px) {
/* Header portin css start */
.header_wrapper{width:100%; float:left; background-image:url(../../images/slider-bg.jpg); background-size:cover;}
.top-header_wrapper{width:100%; float:left;}
.header_sub{width:90%; margin:auto;}
.logo{width:40%; float:left; text-align:center;}
.logo img{width:100%; max-width:300px;}
.navigation{width:60%; float:right; position:relative;}
.stiky-header{width:90%; margin:auto;}
/* Header portin css start */
/* Footer section start */
.footer_wrapper{width:100%; float:left; padding:15px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,29292d+50,000000+100 */
background-color: #000000;} /* Old browsers */

.footer_content{width:90%; margin:auto; color:#fff;}
.footer1{width:50%; float:left; margin-bottom:15px;}
.footer1-heading{width:100%; font-size:17px; text-transform:uppercase; float:left; line-height:25px;}
.footer_content_sub{width:100%; float:left;}
.footer_content_sub li{width:100%; line-height:30px; list-style:none; text-align:justify; font-size:13px;}
.footer_content_sub li img{float:left; margin-right:10px; margin-top:5px;}
.footer_content_sub li a{color:#fff; transition:all 1s;}
.footer_content_sub li a:hover{padding-left:15px; color:#c23d03;}
/* Footer Section End */
/* Bottom Footer section start */
.bottom_footer_wrapper{width:100%; float:left; padding:10px 0px; background-color:#000;}
.bottom_footer{width:90%; text-align:center; margin:auto; color:#fff; font-size:13px;}
/* Bottom Footer section end */
}
@media screen and (max-width: 599px) and (min-width: 500px) {
/* Header portin css start */
.header_wrapper{width:100%; float:left; background-image:url(../../images/slider-bg.jpg); background-size:cover;}
.top-header_wrapper{width:100%; float:left;}
.header_sub{width:90%; margin:auto;}
.logo{width:100%; float:left; text-align:center;}
.logo img{width:100%; max-width:300px;}
.navigation{width:100%; float:left;}
.stiky-header{width:90%; margin:auto;}
/* Header portin css start */
/* Footer section start */
.footer_wrapper{width:100%; float:left; padding:15px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,29292d+50,000000+100 */
background-color: #000000;} /* Old browsers */

.footer_content{width:90%; margin:auto; color:#fff;}
.footer1{width:50%; float:left; margin-bottom:15px;}
.footer1-heading{width:100%; font-size:17px; text-transform:uppercase; float:left; line-height:25px;}
.footer_content_sub{width:100%; float:left;}
.footer_content_sub li{width:100%; line-height:30px; list-style:none; text-align:justify; font-size:13px;}
.footer_content_sub li img{float:left; margin-right:10px; margin-top:5px;}
.footer_content_sub li a{color:#fff; transition:all 1s;}
.footer_content_sub li a:hover{padding-left:15px; color:#c23d03;}
/* Footer Section End */
/* Bottom Footer section start */
.bottom_footer_wrapper{width:100%; float:left; padding:10px 0px; background-color:#000;}
.bottom_footer{width:90%; text-align:center; margin:auto; color:#fff; font-size:13px;}
/* Bottom Footer section end */ 
}
@media screen and (max-width: 499px) and (min-width: 400px) {
/* Header portin css start */
.header_wrapper{width:100%; float:left; background-image:url(../../images/slider-bg.jpg); background-size:cover;}
.top-header_wrapper{width:100%; float:left;}
.header_sub{width:90%; margin:auto;}
.logo{width:50%; float:left; text-align:center;}
.logo img{width:100%; max-width:300px;}
.navigation{width:100%; float:left;}
.stiky-header{width:90%; margin:auto;}
/* Header portin css start */
/* Footer section start */
.footer_wrapper{width:100%; float:left; padding:15px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,29292d+50,000000+100 */
background-color: #000000;} /* Old browsers */

.footer_content{width:90%; margin:auto; color:#fff;}
.footer1{width:100%; float:left; margin-bottom:15px;}
.footer1-heading{width:100%; font-size:17px; text-transform:uppercase; float:left; line-height:25px;}
.footer_content_sub{width:100%; float:left;}
.footer_content_sub li{width:100%; line-height:30px; list-style:none; text-align:justify; font-size:13px;}
.footer_content_sub li img{float:left; margin-right:10px; margin-top:5px;}
.footer_content_sub li a{color:#fff; transition:all 1s;}
.footer_content_sub li a:hover{padding-left:15px; color:#c23d03;}
/* Footer Section End */
/* Bottom Footer section start */
.bottom_footer_wrapper{width:100%; float:left; padding:10px 0px; background-color:#000;}
.bottom_footer{width:90%; text-align:center; margin:auto; color:#fff; font-size:13px;}
/* Bottom Footer section end */
}
@media screen and (max-width: 399px) and (min-width: 300px) {
/* Header portin css start */
.header_wrapper{width:100%; float:left; background-image:url(../../images/slider-bg.jpg); background-size:cover;}
.top-header_wrapper{width:100%; float:left;}
.header_sub{width:90%; margin:auto;}
.logo{width:50%; float:left; text-align:center;}
.logo img{width:100%; max-width:300px;}
.navigation{float:right; position:relative; width:100%;}
.stiky-header{width:90%; margin:auto;}
/* Header portin css start */
/* Footer section start */
.footer_wrapper{width:100%; float:left; padding:15px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,29292d+50,000000+100 */
background-color: #000000;} /* Old browsers */

.footer_content{width:90%; margin:auto; color:#fff;}
.footer1{width:100%; float:left; margin-bottom:15px;}
.footer1-heading{width:100%; font-size:17px; text-transform:uppercase; float:left; line-height:25px;}
.footer_content_sub{width:100%; float:left;}
.footer_content_sub li{width:100%; line-height:30px; list-style:none; text-align:justify; font-size:13px;}
.footer_content_sub li img{float:left; margin-right:10px; margin-top:5px;}
.footer_content_sub li a{color:#fff; transition:all 1s;}
.footer_content_sub li a:hover{padding-left:15px; color:#c23d03;}
/* Footer Section End */
/* Bottom Footer section start */
.bottom_footer_wrapper{width:100%; float:left; padding:10px 0px; background-color:#000;}
.bottom_footer{width:90%; text-align:center; margin:auto; color:#fff; font-size:13px;}
/* Bottom Footer section end */ 
}
@media screen and (max-width: 299px) and (min-width: 200px) {
/* Header portin css start */
.header_wrapper{width:100%; float:left; background-image:url(../../images/slider-bg.jpg); background-size:cover;}
.top-header_wrapper{width:100%; float:left;}
.header_sub{width:90%; margin:auto;}
.logo{width:100%; float:left; text-align:center;}
.logo img{width:100%; max-width:300px;}
.navigation{width:100%; float:left;}
.stiky-header{width:90%; margin:auto;}
/* Header portin css start */
/* Footer section start */
.footer_wrapper{width:100%; float:left; padding:15px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,29292d+50,000000+100 */
background-color: #000000;} /* Old browsers */

.footer_content{width:90%; margin:auto; color:#fff;}
.footer1{width:100%; float:left; margin-bottom:15px;}
.footer1-heading{width:100%; font-size:17px; text-transform:uppercase; float:left; line-height:25px;}
.footer_content_sub{width:100%; float:left;}
.footer_content_sub li{width:100%; line-height:30px; list-style:none; text-align:justify; font-size:13px;}
.footer_content_sub li img{float:left; margin-right:10px; margin-top:5px;}
.footer_content_sub li a{color:#fff; transition:all 1s;}
.footer_content_sub li a:hover{padding-left:15px; color:#c23d03;}
/* Footer Section End */
/* Bottom Footer section start */
.bottom_footer_wrapper{width:100%; float:left; padding:10px 0px; background-color:#000;}
.bottom_footer{width:90%; text-align:center; margin:auto; color:#fff; font-size:13px;}
/* Bottom Footer section end */
}