@charset "utf-8";

/* CSS Document */

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 300;

  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

}

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 300;

  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/IVeH6A3MiFyaSEiudUMXExNcqx07xvyppV96iFRdwiM.woff2) format('woff2');

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

}

html, body {

    height: 100%;

	width:100%;

    font-size: 16px;

    color: #666;

    font-family: 'Nunito', sans-serif;

    vertical-align: baseline;

	padding:0;

	margin:0;

}

::-webkit-scrollbar {width: 5px;}

::-webkit-scrollbar-track {

    background-color: #ebebeb;

    -webkit-border-radius: 10px;

    border-radius: 10px;

}

::-webkit-scrollbar-thumb {

    -webkit-border-radius: 10px;

    border-radius: 10px;

    background: #0f171b; 

}

ul,label{

	margin:0;

	padding:0;

}

body a {

	text-decoration:none;

	transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

	-ms-transition:0.5s all;

}

a:active,a:hover,a:focus {outline: none; text-decoration: none;}

.container-fluid{

	width:100%;

	padding-left:0px;

	padding-right:0px;

	margin-left:0px;

	margin-right:0px;

}

button:focus {outline: none;}

:before,

:after {

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

}



/***********============================================== header_topbar =====================================================***********/

@media only screen and (max-width: 600px) {.header_topbar{padding:10px 20px;}}

@media only screen and (min-width: 600px) {.header_topbar{padding:10px 20px;}}

@media only screen and (min-width: 768px) {.header_topbar{padding:10px 30px;}} 

@media only screen and (min-width: 992px) {.header_topbar{padding:10px 50px;}} 

@media only screen and (min-width: 1200px) {.header_topbar{padding:10px 100px;}}

@media only screen and (min-width: 1500px) {.header_topbar{padding:10px 160px;}}

.header_topbar {

	font-family: 'Rubik', sans-serif;

    position: relative;

}

.header_topbar .mt5{margin-top:7px;}

.header_topbar .mt10{margin-top:13px;}

.header_topbar .mt15{margin-top:15px;}

.header_topbar .mt30{margin-top:30px;}

.header_topbar i{

    color: #de4538;

    font-size: 28px;

    font-weight: 600;

}

.header_topbar h3{

    font-family: 'Rubik', sans-serif;

    font-weight: 500;

    display: block;

    font-size: 16px;

    text-transform: uppercase;

    color: #1a1a1a;

    margin-bottom: 0px;

}

.header_topbar p{

    font-family: 'Rubik', sans-serif;

    font-size: 15px;

    line-height: 25px;

    font-weight: 600;

    color: #000;

}

.header_topbar p a{color: #000;}



.btn{

    color: #222;

    font-family: 'Rubik', sans-serif;

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

    padding: 8px 25px;

    border-radius: 5px;

    border: 1px solid #1f1f1f;

    overflow: hidden;

    position: relative;

    z-index: 1;

    transition: all 0.35s;

} 

.btn:hover,

.btn:focus{ 

    color:#fff; 

    transition-delay: 0.35s;

}

.btn:before{

    content: "";

    background: #1f1f1f;

    width: 15%;

    height: 100%;

    transform: rotateZ(-45deg) translateX(-50%) translateY(-50%);

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    transition: all 0.3s;

}

.btn:hover:before{ animation: animate 0.6s forwards; }

@keyframes animate{

    10% {

        width: 0;

        transform: rotateZ(-45deg) translateX(-100%) translateY(-50%);

    }

    20% {

        width: 0;

        transform: rotateZ(0) translateX(-100%) translateY(85%);

    }

    60% {

        width: 100%;

        transform: rotateZ(0) translateX(0%) translateY(85%);

    }

    100% {

        width: 100%;

        transform: rotateZ(0) translateX(0%) translateY(0%);

    }

}

@media only screen and (max-width: 767px){

    .btn{ margin-bottom: 30px; }

}





.header_topbar .form-control{

    font-family: 'Rubik', sans-serif;

    text-decoration: none;

    font-size: 15px;

    font-weight: 400;

    border-radius: 0px;

    color: #495057;

    height: 44px;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

}

.header_topbar .form-control:focus{

    font-family: 'Rubik', sans-serif;

    text-decoration: none;

    font-size: 15px;

    font-weight: 400;

    box-shadow: none;

    border: 1px solid #1f1f1f;

}

.header_topbar .btnn .fa{

    font-weight: 100;

    color: #fff;

    font-size: 18px;

    padding-top: 0px;

    padding-left: 5px;

}





.header_topbar .btnn,.header_topbar .btnn:focus,.header_topbar .btnn:active

 {

    font-family: 'Rubik', sans-serif;

    color: #fff;

    background-color: #1f1f1f !important;

    border-color: #1f1f1f !important;

    box-shadow: none;

    height: 44px;

    width: 100%;

    margin: 0px 0px;

    font-weight: 100;

    vertical-align: middle;

    padding-top: 2px;

    border-radius: 0px;

}

.header_topbar .btnn:hover{background-color: #171717 !important; border-color: #171717 !important; color: #fff;}



/* .header_topbar .btn{

    color: #fff;

    background: transparent;

    font-family: 'Rubik', sans-serif;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    padding: 7px 25px 6px;

    background-color: #1f1f1f;

    border: 2px solid #1f1f1f;

    border-radius: 0;

    position: relative;

    z-index: 1;

    letter-spacing:1px;

    margin-top: 15px;

    transition: all 0.5s ease-out;

}

.header_topbar .btn:focus{ color: #fff; }

.header_topbar .btn:hover{

    color: #fff; 

    background: #de4538;

    border-color: #de4538;

}

.header_topbar .btn:before,

.header_topbar .btn:after{

    content: '';

    border-top: 2px solid #222;

    border-left: 2px solid #222;

    position: absolute;

    top: -6px;

    left: -6px;

    right: calc(100% - 20px);

    bottom: calc(100% - 20px);

    z-index: -1;

    transition: all 0.4s ease 0s;

}

.header_topbar .btn:after{

    transform: rotate(180deg);

    right: -6px;

    bottom: -6px;

    left: calc(100% - 20px);

    top: calc(100% - 20px);

}

.header_topbar .btn:hover:before{

    right: -6px;

    bottom: -6px;

    border-color: #fff;

}

.header_topbar .btn:hover:after{

    top: -6px;

    left: -6px;

    border-color: #fff;

}

@media only screen and (max-width: 767px){

    .header_topbar .btn{ margin-bottom: 30px; }

} */

/***********============================================== header_topbar =====================================================***********/



/***********============================================== header_bottom =====================================================***********/

@media only screen and (max-width: 600px) {.header_bottom{padding:0px 15px 0px 15px;}}

@media only screen and (min-width: 600px) {.header_bottom{padding:0px 15px 0px 15px;}}

@media only screen and (min-width: 768px) {.header_bottom{padding:0px 20px 0px 20px;}} 

@media only screen and (min-width: 992px) {.header_bottom{padding:0px 50px 0px 50px;}} 

@media only screen and (min-width: 1200px) {.header_bottom{padding:0px 100px 0px 100px;}}

@media only screen and (min-width: 1500px) {.header_bottom{padding:0px 160px 0px 160px;}}



.header_bottom{

    font-family: 'Rubik', sans-serif;

    background-color: #1f1f1f;

    position:relative; z-index:99;

}

.header_bottom .mt20{margin-top:25px;}

.header_bottom .mt15{margin-top:15px;}

.header_bottom .mt30{margin-top:30px;}

.header_bottom .logo{text-align: center; padding-top: 10px;}

header{position:relative; width:100%; font-size:16px; font-weight:400; font-family: 'Rubik', sans-serif;}

nav{position:relative;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#cssmenu:after,#cssmenu > ul:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}

#cssmenu #head-mobile{display:none}

#cssmenu{font-family: 'Rubik', sans-serif;}

#cssmenu > ul.pull-left{margin-top: 0px;}

#cssmenu > ul > li{float:left;z-index:1000;}

#cssmenu > ul > li.active > a{color: #dd3640;}

#cssmenu > ul > li > a{padding:20px 15px;font-size:17px; display:block; text-decoration:none; text-transform:uppercase; font-weight:500; color:#fff; font-family: 'Rubik', sans-serif;}

#cssmenu > ul > li:hover > a:after, #cssmenu > ul > li:hover > a:before, #cssmenu ul li.active a:after, #cssmenu ul li.active a:before{opacity: 1;}

#cssmenu > ul > li:hover > a{color:#fff;}

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}

#cssmenu > ul > li.has-sub > a{padding-right:30px}

#cssmenu > ul > li.has-sub > a:after{position:absolute;top:27px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}

#cssmenu > ul > li.has-sub > a:before{position:absolute;top:24px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}

#cssmenu ul ul{position:absolute;left:-9999px;background: #1f1f1f none repeat scroll 0 0;

    box-shadow: 0 8px 11px 4px rgb(158 158 158 / 10%);

    -webkit-box-shadow: 0 8px 11px 4px rgb(158 158 158 / 10%);}

#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}

#cssmenu ul ul li:hover{}

#cssmenu li:hover > ul{left:auto}

#cssmenu li:hover > ul > li{height:35px}

#cssmenu ul ul ul{margin-left:100%;top:0; border-radius:3px;}

#cssmenu ul ul li a{padding:12px 10px;width:300px; text-transform: uppercase; font-size:14px;text-decoration:none;color:#fff;font-weight:400;}

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff;}

#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#1f1f1f;content:''}

#cssmenu ul ul li.has-sub > a:before{position:absolute;top:14px;right:14px;display:block;width:2px;height:8px;background:#1f1f1f;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#fff; color:#1f1f1f;}

#cssmenu ul ul ul li.active a{border-left:1px solid #1f1f1f;}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #1f1f1f;}



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

.header_bottom{

    font-family: 'Rubik', sans-serif;

    position:relative; z-index:99;

    background:#1f1f1f;

}

header{background:#1f1f1f; font-family: 'Rubik', sans-serif; padding-top:10px; padding-bottom:10px; margin-top: 10px;}

nav{width:100%; background:#1f1f1f;}

#cssmenu{width:100%;}

.navbar-right{ margin-right:0px;}

#cssmenu ul{width:100%;display:none; background:#1f1f1f; margin-top:30px; padding-left:0px;}

#cssmenu ul li{width:100%;border-top:1px solid #ccc; background:#fff;}

#cssmenu > ul > li{float:left;z-index:1000;}

#cssmenu > ul > li:first-child {border-left:none;}

#cssmenu > ul > li > a{padding:17px;font-size:15px; display:block; text-decoration:none; text-transform:uppercase;font-weight:400; color:#222; font-family: 'Rubik', sans-serif;}

#cssmenu > ul > li > a:before{display: none;}

#cssmenu > ul > li > a:after{display: none;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#222}

#cssmenu ul li:hover{background:#fff;}

#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}

#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;background:#fff ;}

#cssmenu > ul > li{float:none}

#cssmenu ul ul li a{padding-left:25px}

#cssmenu ul ul li{background: #fff;  /* fallback for old browsers */}

#cssmenu ul ul li:hover{background:#fff!important; color:#222;}

#cssmenu ul ul ul li a{padding-left:35px}

#cssmenu ul ul li a{color:#222;background:none; font-weight: 400;}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#222}

#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}

#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}

#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:15px;font-weight:700}

.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994; margin-top:0px; background:#1f1f1f;}

.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:''}

.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#fff;content:''}

.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}

#cssmenu .submenu-button.submenu-opened{background:#262626}

#cssmenu ul ul .submenu-button{height:34px;width:34px}

#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#222;content:''}

#cssmenu ul ul .submenu-button:after{top:15px;right:13px}

#cssmenu .submenu-button.submenu-opened:after{background:#fff}

#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#222;content:''}

#cssmenu ul ul .submenu-button:before{top:12px;right:16px}

#cssmenu .submenu-button.submenu-opened:before{display:none}

#cssmenu ul ul ul li.active a{border-left:none}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

}

.header_bottom .btn{

    font-size: 35px;

    line-height: 1;

    width: 100px;

    height: 90px;

    position: relative;

    display: flex;

    border-radius: 0px;

    justify-content: center;

    align-items: center;

    background-color: #dd3640;

    color: #fff;

    float: right;

}



.pl{padding-left:0px;} .pr{padding-right:0px;}

.navbar{padding: 0px !important; display: block; width: 100%;}

/***********============================================== header_bottom =====================================================***********/



/***********============================================== slider =====================================================***********/

@media only screen and (max-width: 600px) {.slider{margin-top:0px;} .slider .carousel-caption{top:30%;} .slider .carousel-caption h2{font-size: 24px; line-height: 30px; font-weight: 500;}}

@media only screen and (min-width: 600px) {.slider{margin-top:0px;} .slider .carousel-caption{top:30%;} .slider .carousel-caption h2{font-size: 24px; line-height: 30px; font-weight: 500;}}

@media only screen and (min-width: 768px) {.slider{margin-top:0px;} .slider .carousel-caption{top:20%;} .slider .carousel-caption h2{font-size: 46px; line-height: 60px;font-weight: 600;}} 

@media only screen and (min-width: 992px) {.slider{margin-top:0px;} .slider .carousel-caption{top:20%;} .slider .carousel-caption h2{font-size: 54px; line-height: 60px; font-weight: 600;}} 

@media only screen and (min-width: 1200px) {.slider{margin-top:0px;} .slider .carousel-caption{top:20%;} .slider .carousel-caption h2{font-size: 54px; line-height: 60px; font-weight: 600;}}

@media only screen and (min-width: 1500px) {.slider{margin-top:0px;} .slider .carousel-caption{top:30%;} .slider .carousel-caption h2{font-size: 64px; line-height: 70px; font-weight: 600;}}

.slider{padding: 0px 15px; position: relative;}

.slider .carousel-caption{

	position:absolute;

	left:5%;

	right:5%;

    text-align: left;

}

.slider .carousel-caption ul li{

    display: inline-block;

}

.slider .carousel-caption ul li .flaticon{font-size: 43px; font-weight: 100; margin: 0px 15px;}

.slider .carousel-caption h6{

	font-family: 'Rubik', sans-serif;

	font-size: 22px;

    font-weight: 400;

	line-height:30px;

	color:#222;

    text-transform: uppercase;

    margin-top: 30px;

    margin-bottom: 0px;

}

.slider .carousel-caption h2{

	font-family: 'Rubik', sans-serif;

    padding-bottom: 0;

    color: #222;

	margin-bottom: 15px;

    position: relative;

}

.slider .carousel-caption p{

    font-family: 'Rubik', sans-serif;

	font-size: 17px;

    font-weight: 500;

	line-height:30px;

	color:#222;

}

.slider .carousel-caption .btn{

    margin-top: 15px;

}

.slider .carousel-caption svg {

    color: #dd3640;

    fill: #dd3640;

    max-width: 100%;

    margin-top: 45px;

}

.slider .carousel.carousel-fade .carousel-item {

    display: block;

    opacity: 0;

    transition: opacity ease-out 1.7s;

    left: 0;

    top: 0;

    position: absolute;

}

.slider .carousel.carousel-fade .carousel-item.active {opacity: 1 !important;}

.slider .carousel.carousel-fade .carousel-item:first-child {

    top: auto;

    position: relative;

    transition: opacity ease-out 1.7s;

}

.slider .carousel.carousel-fade .carousel-item:second-child {

    top: auto;

    position: relative;

    transition: opacity ease-out 1.7s;

}

.slider .carousel-item .img-fluid {margin: 0 auto; width:100% !important;}

/***********============================================== slider =====================================================***********/



/***********============================================== section1 =====================================================***********/

@media only screen and (max-width: 600px) {.section1{padding:50px 20px 80px 20px; text-align: center;}}

@media only screen and (min-width: 600px) {.section1{padding:50px 20px 80px 20px; text-align: center;}}

@media only screen and (min-width: 768px) {.section1{padding:50px 30px 80px 30px; text-align: left;}} 

@media only screen and (min-width: 992px) {.section1{padding:50px 50px 80px 50px; text-align: left;}} 

@media only screen and (min-width: 1200px) {.section1{padding:50px 100px 80px 100px; text-align: left;}}

@media only screen and (min-width: 1500px) {.section1{padding:50px 160px 80px 160px; text-align: left;}}

.section1 .mt30{margin-top:30px;}

.section1 .mt15{margin-top:15px;}

.section1 .mt10{margin-top:10px;}

.section1 .mt5{margin-top:5px;}

.section1 .bg-moving{

    border-left: 10px solid #dd3640;

    background-color: #fff;

    display: inline-block;

    padding: 20px;

    overflow: hidden;

    position: relative;

}

.section1 .bg-moving::before{

    position: absolute;

    content: '';

    background-image: url(../images/line.png);

    background-repeat: repeat;

    animation: bannermove 60s linear infinite;

    height: 100%;

    width: 800%;

    left: 0;

    top: 0;

}

@keyframes bannermove {

  0% {transform: translate(0, 0);}

  100% {transform: translate(-50%, 0);}

}

.section1 .large-title{

    font-family: 'Rubik', sans-serif;

    font-size:68px;

	font-weight:700;

	display:inline-block;

	line-height: 50px;

    color: #de4538;

}

.section1 .large-title-info{

    font-family: 'Rubik', sans-serif;

    font-size: 20px;

	text-transform: uppercase;

	font-weight: 700;

	letter-spacing: 2px;

	display: block;

    color: #000;

}

.section1 h2{

    font-family: 'Roboto', sans-serif;

    font-size: 34px;

    line-height: 40px;

    color: #1a1a1a;

    font-weight: 600;

    margin-top: 20px;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.section1 .title{

    font-family: 'Roboto', sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 44px;

    color: #1a1a1a;

    position: relative;

    margin-bottom: 15px;

    display: block;

    text-transform: uppercase;

}

.section1 .title span{color: #de4538; font-weight: 500; position: relative; display: inline-block;}

.section1 .title{position: relative;}

.section1 p{

    font-family: 'Rubik', sans-serif;

    font-size: 15px;

    color: #777;

    line-height: 28px;

    margin-bottom: 20px;

    font-weight: 400;

}



.section1 .icon{

	height: 80px;

    width: 80px;

    background: #de4538;

	color:#fff;

    display: inline-block;

    border-radius: 50%;

    line-height: 80px;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

    text-align: center;

}

.section1 .flaticon1{

	color:#fff;

	font-size:40px;

}

.section1 h4{

	font-family: 'Rubik', sans-serif;

	font-weight:500;

	font-size: 20px;

    line-height: 1.5em;

    color: #1f1f1f;

    margin-bottom: 0px;

}

.section1 h6 {

    font-family: 'Rubik', sans-serif;

    font-size: 18px;

    margin-bottom: 0px;

    font-weight: 500;

    color: #de4538;

    margin-top: 30px;

    text-transform: uppercase;

}

.section1 .img{

    float:right;

    text-align:right;

}

.section1 .img img{

    position: relative;

    height: auto;

    max-width: 100%;

    display: block;

    float:right;

    text-align:right;

}

.section1 .content{

    position: absolute;

    right: 0px;

    bottom: 30px;

}

.section1 .content:before {

    position: absolute;

    content: '';

    right: 0px;

    bottom: -25px;

    width: 0;

    height: 0;

    z-index: 1;

    border-top: 25px solid #111111;

    border-right: 25px solid transparent;

}

.section1 .content .inner{

    position: relative;

    padding: 30px 45px;

    text-align: center;

    border-radius: 20px 0px 0px 0px;

    background-color: rgba(222,69,56,0.95);

}

.section1 .content .num{

    font-family: 'Roboto', sans-serif;

    color: #ffffff;

    font-size: 60px;

    font-weight: 700;

    line-height: 1em;

}

.section1 .content h5{

    font-family: 'Roboto', sans-serif;

    position: relative;

    color: #ffffff;

    font-weight: 700;

    margin-top: 10px;

    text-transform: uppercase;

}

/***********============================================== section1 =====================================================***********/



/***********============================================== section2 =====================================================***********/

@media only screen and (max-width: 600px) {.section2{padding:50px 20px 110px 20px; text-align: center;}}

@media only screen and (min-width: 600px) {.section2{padding:50px 20px 110px 20px; text-align: center;}}

@media only screen and (min-width: 768px) {.section2{padding:50px 30px 110px 30px; text-align: left;}} 

@media only screen and (min-width: 992px) {.section2{padding:50px 50px 110px 50px; text-align: left;}} 

@media only screen and (min-width: 1200px) {.section2{padding:50px 100px 110px 100px; text-align: left;}}

@media only screen and (min-width: 1500px) {.section2{padding:50px 160px 110px 160px; text-align: left;}}

.section2{

    background: url(../images/section2back.jpg) no-repeat top/cover;

    background-attachment: fixed;

    margin-top: 40px;

}

.section2 .mt30{margin-top:30px;}

.section2 .mt15{margin-top:15px;}

.section2 .mt10{margin-top:10px;}

.section2 h2{

    font-family: 'Roboto', sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 44px;

    color: #1a1a1a;

    position: relative;

    margin-bottom: 24px;

    text-transform: uppercase;

}

.section2 h2 span{color: #de4538; font-weight: 300; position: relative;}

.section2 h2:after{

    position: absolute;

    content: '';

    background-color: #de4538;

    height: 2px;

    width: 50px;

    left: 33%;

    top: 12px;

}

.section2 h2 span:after{

    width: 30px;

    left: 513%;

    top: 22px;

    position: absolute;

    content: '';

    background-color: #de4538;

    height: 2px;

}

.section2 .box{

    -webkit-box-shadow: 0px 0px 5px 0px #dcdcdc;

	box-shadow: 0px 0px 5px 0px #dcdcdc;

    background-color: #fff;

    padding: 30px;

    text-align: center;

}

.section2 .icon{

    background-color: #de4538;

    width: 70px;

    height: 70px;

    text-align: center;

    margin: 0 auto;

    color: #000;

    font-size: 34px;

    padding-top: 10px;

    border-radius: 50%;

}

.section2 h5{

    font-family: 'Roboto', sans-serif;

    font-size: 18px;

    line-height: 40px;

    position: relative;

    margin-bottom: 10px;

    text-transform: uppercase;

    margin-top: 15px;

    font-weight: 600;

    line-height: 1.67;

    color: #fff;

}

.section2 p{

    font-family: 'Rubik', sans-serif;

    font-size: 15px;

    color: #adadad;

    line-height: 24px;

    font-weight: 400;

    margin-top: 0px;

    margin-bottom: 0px;

}

@-webkit-keyframes shakee {

    from {

       -webkit-transform: rotate(45deg);

    }

    to {

      -webkit-transform-origin:center center;

      -webkit-transform: rotate(35deg);

    }

}

.section2 .block{

    border: 1px solid #7d7d7d;

    border-radius: 6px;

    padding: 30px 25px;

    text-align: center;

}

/***********============================================== section2 =====================================================***********/



/***********============================================== section3 =====================================================***********/

@media only screen and (max-width: 600px) {.section3{padding:50px 20px 80px 20px; text-align: center;}}

@media only screen and (min-width: 600px) {.section3{padding:50px 20px 80px 20px; text-align: center;}}

@media only screen and (min-width: 768px) {.section3{padding:50px 30px 80px 30px; text-align: left;}} 

@media only screen and (min-width: 992px) {.section3{padding:50px 50px 80px 50px; text-align: left;}} 

@media only screen and (min-width: 1200px) {.section3{padding:50px 100px 80px 100px; text-align: left;}}

@media only screen and (min-width: 1500px) {.section3{padding:50px 160px 80px 160px; text-align: left;}}

.section3 .mt30{margin-top:30px;}

.section3 .mt15{margin-top:15px;}

.section3 .mt10{margin-top:10px;}

.section3 .title{

    font-family: 'Roboto', sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 44px;

    color: #1a1a1a;

    position: relative;

    margin-bottom: 15px;

    display: block;

    text-transform: uppercase;

}

.section3 .title span{color: #de4538; font-weight: 500; position: relative; display: inline-block;}

.section3 .title{position: relative;}

.section3 .post-slide{margin: 0 15px;}

.section3 .block{

    position: relative;

    padding: 10px 10px;

    background-color: #f6f6f6;

    display: block;

    /* box-shadow: 0px 0px 80px 0px rgba(0, 8, 21, 0.04); */

}

.section3 .content{

    padding: 20px 10px 10px 10px;

}

.section3 h4{

    font-family: 'Rubik', sans-serif;

    font-size: 18px;

    color: #1f1f1f;

    margin-top: 0px;

    font-weight: 500;

    line-height: 1.2;

}

.section3 h5{

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #de4538;

    margin-top: 0px;

    font-weight: 600;

    line-height: 1.2;

    text-transform: uppercase;

    margin-bottom: 0px;

}

.section3 h5 a{

    color:#de4538;

}

/***********============================================== section3 =====================================================***********/



/***********============================================== section4 =====================================================***********/

@media only screen and (max-width: 600px) {.section4{padding:50px 20px 110px 20px; text-align: center;}}

@media only screen and (min-width: 600px) {.section4{padding:50px 20px 110px 20px; text-align: center;}}

@media only screen and (min-width: 768px) {.section4{padding:50px 30px 110px 30px; text-align: left;}} 

@media only screen and (min-width: 992px) {.section4{padding:70px 50px 110px 50px; text-align: left;}} 

@media only screen and (min-width: 1200px) {.section4{padding:70px 100px 110px 100px; text-align: left;}}

@media only screen and (min-width: 1500px) {.section4{padding:80px 160px 110px 160px; text-align: left;}}

.section4 .mt30{margin-top:30px;}

.section4 .mt20{margin-top:20px;}

.section4 .mt15{margin-top:15px;}

.section4 .mt10{margin-top:10px;}

.section4{

    background-color: #1f1f1f;

    position: relative;

    overflow: hidden;

    z-index: 0;

    background-image: url(../images/section4back1.png);

}

.section4.square_shape1,

.section4.square_shape2{

	position:relative;

	overflow: hidden;

}

.section4.square_shape1:after{

	width:450px;

	height:250px;		

	left:-300px;	

	bottom:-20px;	

	-moz-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}

.section4.square_shape2:before{

	width:250px;

	height:450px;		

	right:-190px;	

	bottom:-50px;	

	-moz-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}

.section4.square_shape1:after,

.section4.square_shape2:before{

	position:absolute;

	content:"";

	border:40px solid rgba(191,191,191,0.1);

	z-index:0;

	-webkit-animation: shakee 1.5s ease-in-out 1.5s infinite alternate;

}

.section4 .title{

    font-family: 'Roboto', sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 44px;

    color: #fff;

    position: relative;

    margin-bottom: 15px;

    display: block;

    text-transform: uppercase;

}

.section4 .title span{color: #de4538; font-weight: 500; position: relative; display: inline-block;}

.section4 .title{position: relative;}

/* .section4 .title:before{

    position: absolute;

    content: '';

    background-color: #de4538;

    height: 2px;

    width: 50px;

    left: -60px;

    top: 12px;

}

.section4 .title:after{

    position: absolute;

    content: '';

    background-color: #de4538;

    height: 2px;

    width: 50px;

    right: -60px;

    top: 12px;

}

.section4 .title span:before{

    position: absolute;

    content: '';

    background-color: #de4538;

    height: 2px;

    width: 30px;

    left: -40px;

    top: 22px;

}

.section4 .title span:after{

    position: absolute;

    content: '';

    background-color: #de4538;

    height: 2px;

    width: 30px;

    right: -252%;

    top: 22px;

} */

.section4 p{

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    font-style: italic;

    line-height: 30px;

    color: #fff;

    display: block;

    margin-top: 60px;

    margin-bottom: 30px;

}

.section4 p strong{font-weight: 800; font-size: 18px;}

.section4 .box{

    padding: 20px 0 0;

    text-align:center;

    position: relative;

    margin: 0 15px;

}

.section4 .box:before{

    content: "\f10d";

    font-family: "Fontawesome"; 

    font-weight: 900;

    position: absolute;

    top: -5px;

    left:48.5%;

    font-size: 48px;

    color:rgb(245 190 25 / 30%);

}

.section4 .testimonial-title{

    font-family: 'Roboto', sans-serif;

    font-size: 20px;

    font-weight:bold;

    text-align:center;

    text-transform:uppercase;

    color:#de4538;

}

.section4 .testimonial-title small{

    display: block;

    color:#de4538;

    font-size: 12px;

    margin-top:10px;

}

.section4 .description{

    font-size: 25px;

}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{

    background: #de4538;

}

.owl-controls .owl-page span{

    background: #fff;

    opacity: 1;

}

@media only screen and (max-width: 640px) {

    .section4 .box:before{

        left:46%;

    }

}

@media only screen and (max-width: 480px) {

    .section4 .box:before{

        font-size: 30px;

        top: 0;

    }

}





.section4 .post-slide{margin: 0 15px;}

.section4 .content{

    position: absolute;

    bottom: 0%;

    width: 89.5%;

    background-color: #fff;

    padding: 10px 63px 10px 10px !important;

}

.section4 h4{

    font-family: 'Rubik', sans-serif;

    font-weight: 400;

    line-height: 26px;

    color: #1f1f1f;

    padding-top: 5px;

    font-size: 16px;

}

.section4 .content .link-plus{

    position: absolute;

    color: #fff;

    font-size: 18px;

    line-height: 60px;

    width: 58px;

    height: 100%;

    bottom: 0;

    right: 0;

    background-color: #de4538;

    text-align: center;

}

/***********============================================== section4 =====================================================***********/



/***********============================================== section5 =====================================================***********/

@media only screen and (max-width: 600px) {.section5{padding:50px 20px 80px 20px; text-align: center;}}

@media only screen and (min-width: 600px) {.section5{padding:50px 20px 80px 20px; text-align: center;}}

@media only screen and (min-width: 768px) {.section5{padding:50px 30px 80px 30px; text-align: left;}} 

@media only screen and (min-width: 992px) {.section5{padding:50px 50px 80px 50px; text-align: left;}} 

@media only screen and (min-width: 1200px) {.section5{padding:50px 100px 80px 100px; text-align: left;}}

@media only screen and (min-width: 1500px) {.section5{padding:50px 160px 80px 160px; text-align: left;}}

.section5 .container{

    background: url(../images/section5back.jpg) no-repeat top/cover;

    padding: 80px 40px;

    border-radius: 10px;

}

.section5 .mt30{margin-top:30px;}

.section5 .mt15{margin-top:15px;}

.section5 .mt10{margin-top:10px;}

.section5 h2{

    font-family: 'Roboto', sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 44px;

    color: #de4538;

    position: relative;

    margin-bottom: 24px;

    text-transform: uppercase;

}

.section5 h2 span{color: #fff; font-weight: 500; position: relative;}

.section5 h4{

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 30px;

    color: #fff;

    margin-bottom: 0px;

}

.section5 p{

    font-family: 'Roboto', sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 26px;

    color: #fff;

    display: block;

}

.section5 p a{color: #fff;}

.section5 .form-horizontal .form-content{padding: 0px 5px;}

.section5 .form-horizontal .form-control{

	font-family: 'Roboto', sans-serif;

    padding: 12px 12px;

    height: 50px;

    font-size: 14px;

    color: #fff;

    border: none;

    background-color: transparent !important;

    border-bottom: 2px solid #d3d3d3;

    border-radius: 0px;

    box-shadow: none;

    margin-bottom: 5px;

}

.section5 .form-horizontal .form-control:focus{

    border-color: #ccc;

    box-shadow: none;

	outline: none;

}

.section5 .form-horizontal .control-label{

    font-size: 17px;

    color: #d3d3d3;

    position: absolute;

    top: 5px;

    left: 27px;

    text-align: center;

}

.section5 .form-horizontal textarea.form-control{

    resize: vertical;

    height: 50px;

}

.section5 ::placeholder{color: #ccc;}

.section5 .form-horizontal .form-group .fa{padding-top:10px;}

.section5 .block{

    padding: 70px 30px;

    background: #de4538;

    border-radius: 10px;

    margin-bottom: 0;

}

.section5 .flaticon{font-size: 34px; font-weight: 500; color: #fff;}

.section5 h5{

    font-family: "Roboto", sans-serif;

    font-weight: 400;

    font-size: 15px;

    margin-top: 5px;

    margin-bottom: 0px;

    color: #fff;

    line-height: 24px;

    position: relative;

    text-transform: uppercase;

}

.section5 h5 a{color: #fff;}

.section5 .btn{

    color: #fff;

    font-family: 'Rubik', sans-serif;

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

    padding: 8px 25px;

    border-radius: 5px;

    border: 1px solid #fff;

    overflow: hidden;

    position: relative;

    z-index: 1;

    transition: all 0.35s;

} 

.section5 .btn:hover,

.section5 .btn:focus{ 

    color:#fff; 

    transition-delay: 0.35s;

}

.section5 .btn:before{

    content: "";

    background: #de4538;

    width: 15%;

    height: 100%;

    transform: rotateZ(-45deg) translateX(-50%) translateY(-50%);

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    transition: all 0.3s;

}

.section5 .btn:hover:before{ animation: animate 0.6s forwards; }

/***********============================================== section5 =====================================================***********/



/***********============================================== section6 =====================================================***********/

@media only screen and (max-width: 600px) {.section6{padding:50px 20px 80px 20px; text-align: center;}}

@media only screen and (min-width: 600px) {.section6{padding:50px 20px 80px 20px; text-align: center;}}

@media only screen and (min-width: 768px) {.section6{padding:50px 30px 80px 30px; text-align: center;}} 

@media only screen and (min-width: 992px) {.section6{padding:50px 50px 80px 50px; text-align: center;}} 

@media only screen and (min-width: 1200px) {.section6{padding:50px 100px 80px 100px; text-align: center;}}

@media only screen and (min-width: 1500px) {.section6{padding:50px 160px 80px 160px; text-align: center;}}

.section6 .mt30{margin-top:30px;}

.section6 .mt15{margin-top:15px;}

.section6 .mt10{margin-top:10px;}

.section6 h2{

    font-family: 'Roboto', sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 44px;

    color: #1f1f1f;

    position: relative;

    margin-bottom: 24px;

    text-transform: uppercase;

}

.section6 h2 span{color: #de4538; font-weight: 500; position: relative;}

.section6 .post-slide{margin: 0 15px;}

@media (max-width: 1200px) {

    .section6 .block{

        height: calc(184px - 30px* 3);

    }

}

@media (max-width: 1400px) {

    .section6 .block {

        height: calc(184px - 30px* 2);

    }

}

@media (max-width: 1600px) {

    .section6 .block {

        height: calc(184px - 30px);

    }

}

.section6 .block{

    background-color: #fff;

    width: 100%;

    height: 184px;

    border: .4px solid #f5f5f5;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0px 10px;

    border-radius: 8px;

    border-bottom: 5px solid #de4538;

}

/***********============================================== section6 =====================================================***********/



/***********============================================== footer =====================================================***********/

@media only screen and (max-width: 600px) {.footer{padding:50px 25px 80px 25px;} .footer-copy {padding: 20px 10px 80px 10px;}}

@media only screen and (min-width: 600px) {.footer{padding:50px 25px 80px 25px;} .footer-copy {padding: 20px 10px 80px 10px;}}

@media only screen and (min-width: 768px) {.footer{padding:50px 25px 50px 25px;} .footer-copy {padding: 15px 10px 80px 10px;}} 

@media only screen and (min-width: 992px) {.footer{padding:50px 50px 50px 50px;} .footer-copy {padding: 15px 50px 40px 50px;}} 

@media only screen and (min-width: 1200px) {.footer{padding:50px 100px 50px 100px;} .footer-copy {padding: 15px 100px 40px 100px;}}

@media only screen and (min-width: 1500px) {.footer{padding:50px 160px 50px 160px;} .footer-copy {padding: 15px 150px 40px 150px;}}

.footer{

    position: relative;

    background-color: #222222;

    background-image: url(../images/footer-bg.png);

    background-repeat: no-repeat;

    background-position: right center;

}

.footer .mt30{margin-top:30px;}

.footer .mt50{margin-top:50px;}

.footer h3{

	font-family: 'Roboto', sans-serif;

	color: #fff;

    font-size: 20px;

	line-height:26px;

    font-weight: 600;

	margin-bottom:30px;

    position: relative;

	text-transform:uppercase;  

}

.footer p{

    font-family: 'Roboto', sans-serif;

    color: #fff;

    font-size: 15px;

    font-weight: 400;

    line-height: 28px;

    margin-top: 15px;

}

.footer .social_nav {

    position: relative;

    float: left;

	display:block;

}

.footer .social_nav li {

    position: relative;

    margin-right: 15px;

    display: inline-block;

}

.footer .social_nav li a {

    border-radius: .25rem;

    display: inline-block;

	border: 1px solid rgba(233, 233, 233, 0.2);

    height: 40px;

    width: 40px;

    line-height: 40px;

    font-size: 16px;

    text-align: center;

    margin: 0;

    color: #fff;

    overflow: hidden;

}

.footer .fa{padding-top:13px;}

.footer .link li{

    list-style:none;

    line-height:32px;

    margin:0px 0px 8px 0px;

}

.footer .link li a:before {

    position: absolute;

    content: "\f101";

    left: 0px;

    top: 4px;

    font-family: 'FontAwesome';

}

.footer .link li a{

    font-family: 'Roboto', sans-serif;

    position:relative;

    color: #fff;

    font-size: 15px;

    padding-left: 15px;

    font-weight: 400;

    padding-top:10px;

}

.footer h1{

    font-family: 'Roboto', sans-serif;

    position: relative;

    color: #fff;

    font-size: 28px;

    font-weight: 600;

    margin-top: 0px;

    display: inline-block;

    line-height: 1.3em;

    margin-bottom: 0px;

}

.footer h1 a{color: #fff;}

.footer h1 .flaticon{color: #eb3136; display: inline-block;}

.footer .cnct li{

    font-family: "Roboto", sans-serif;

    margin-bottom: 20px;

    list-style:none;

}

.footer .cnct li .flaticon{

    font-family: flaticon !important;

    color: #eb3136;

    font-size: 20px;

    margin-right: 18px;

    display: inline-block;

}

.footer .cnct li span{

    font-family: "Roboto", sans-serif;

    font-size:17px;

    margin:0;

    padding-bottom:10px;

    padding:0;

    color:#fff;

    display: inline-block;

}

.footer .cnct li .city {

    font-family: "Roboto", sans-serif;

    margin-left: 40px;

    margin-bottom:5px;

    margin-top:0px;

    padding:0;

    color: #fff;

}

.footer .cnct li a{font-family: "Roboto", sans-serif; color: #fff;}

.footer-copy {

    font-family: 'Rubik', sans-serif;

    background: #222;

	font-size:16px;

    font-weight: 400;

	margin:0;

}

.footer-copy p {

    color: #fff;

    text-align: left;

}

.footer-copy p a {color: #fff;}

.wp{

	position:fixed;

	width:55px;

	height:55px;

	bottom:10px;

	left:20px;

	background-color:#25d366;

	color:#FFF;

	border-radius:50px;

	text-align:center;

  	font-size:26px;

  	z-index:100;

}

.wp:hover .fa{color:#fff;}

.wp a{color:#FFF;}

.wp1{

	position:fixed;

	width:55px;

	height:55px;

	bottom:80px;

	left:20px;

	background-color:#dd3640;

	color:#FFF;

	border-radius:50px;

	text-align:center;

  	font-size:26px;

  	z-index:100;

}

.wp1:hover .fa{color:#fff;}

.wp1 a{color:#FFF;}

.my-float{margin-top:16px;}

/***********============================================== footer =====================================================***********/



/***********============================================== banner =====================================================***********/

@media only screen and (max-width: 600px) {.banner{margin-top:0px;} .banner .carousel-caption{top:30%;} .banner .carousel-caption h2{font-size: 24px; line-height: 30px; font-weight: 500;}}

@media only screen and (min-width: 600px) {.banner{margin-top:0px;} .banner .carousel-caption{top:30%;} .banner .carousel-caption h2{font-size: 24px; line-height: 30px; font-weight: 500;}}

@media only screen and (min-width: 768px) {.banner{margin-top:0px;} .banner .carousel-caption{top:30%;} .banner .carousel-caption h2{font-size: 36px; line-height: 50px;font-weight: 500;}} 

@media only screen and (min-width: 992px) {.banner{margin-top:0px;} .banner .carousel-caption{top:30%;} .banner .carousel-caption h2{font-size: 40px; line-height: 50px; font-weight: 500;}} 

@media only screen and (min-width: 1200px) {.banner{margin-top:0px;} .banner .carousel-caption{top:30%;} .banner .carousel-caption h2{font-size: 43px; line-height: 60px; font-weight: 500;}}

@media only screen and (min-width: 1500px) {.banner{margin-top:0px;} .banner .carousel-caption{top:30%;} .banner .carousel-caption h2{font-size: 50px; line-height: 60px; font-weight: 500;}}

.banner{padding: 0px 15px; position: relative;}

.banner .carousel-caption{

	position:absolute;

	left:8%;

	right:5%;

    text-align: left;

}

.banner .carousel-caption ul li{

    display: inline-block;

}

.banner .carousel-caption ul li .flaticon{font-size: 43px; font-weight: 100; margin: 0px 15px;}

.banner .carousel-caption h6{

	font-family: 'Rubik', sans-serif;

	font-size: 22px;

    font-weight: 400;

	line-height:30px;

	color:#222;

    text-transform: uppercase;

    margin-top: 30px;

    margin-bottom: 0px;

}

.banner .carousel-caption h2{

	font-family: 'Rubik', sans-serif;

    padding-bottom: 0;

    color: #fff;

    padding-left: 10px;

    position: relative;

    border-left: 5px solid #dd3640;

}

.banner .carousel-caption p{

    font-family: 'Rubik', sans-serif;

	font-size: 16px;

    font-weight: 400;

	line-height:30px;

	color:#222;

}

.banner .carousel-caption .btn{

    margin-top: 15px;

}

.banner .carousel-caption svg {

    color: #dd3640;

    fill: #dd3640;

    max-width: 100%;

    margin-top: 45px;

}

.banner .carousel.carousel-fade .carousel-item {

    display: block;

    opacity: 0;

    transition: opacity ease-out 1.7s;

    left: 0;

    top: 0;

    position: absolute;

}

.banner .carousel.carousel-fade .carousel-item.active {opacity: 1 !important;}

.banner .carousel.carousel-fade .carousel-item:first-child {

    top: auto;

    position: relative;

    transition: opacity ease-out 1.7s;

}

.banner .carousel.carousel-fade .carousel-item:second-child {

    top: auto;

    position: relative;

    transition: opacity ease-out 1.7s;

}

.banner .carousel-item .img-fluid {margin: 0 auto; width:100% !important;}

/***********============================================== banner =====================================================***********/



/***********============================================== about_page =====================================================***********/

@media only screen and (max-width: 600px) {.about_page{padding:50px 20px 100px 20px;}}

@media only screen and (min-width: 600px) {.about_page{padding:50px 20px 100px 20px;}}

@media only screen and (min-width: 768px) {.about_page{padding:50px 20px 100px 20px;}} 

@media only screen and (min-width: 992px) {.about_page{padding:50px 50px 100px 50px;}} 

@media only screen and (min-width: 1200px) {.about_page{padding:50px 100px 100px 100px;}}

@media only screen and (min-width: 1500px) {.about_page{padding:50px 160px 100px 160px;}}

.about_page .mt30{margin-top:30px;}

.about_page .mt20{margin-top:20px;}

.about_page .mt15{margin-top:15px;}

.about_page .mt10{margin-top:10px;}

.about_page h6 {

    font-family: 'Rubik', sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 30px;

    color: #de4538;

    text-transform: uppercase;

    margin-top: 30px;

    margin-bottom: 10px;

}

.about_page h2{

    font-family: 'Roboto', sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 44px;

    color: #1a1a1a;

    position: relative;

    margin-bottom: 15px;

    display: block;

    text-transform: uppercase;

}

.about_page h2 span{color: #de4538; font-weight: 300; position: relative; display: inline-block;}

.about_page p{

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

    font-weight: 400;

	line-height:27px;

	color:#666;

}

.about_page h5{

    font-family: 'Roboto', sans-serif;

    font-size: 18px;

    font-weight: 500;

    line-height: 26px;

    color: #1a1a1a;

    position: relative;

    margin-top: 25px;

    margin-bottom: 10px;

    display: block;

    padding-left: 10px;

    border-left: 2px solid #de4538;

    text-transform: uppercase;

}

.about_page .block{

    border: 1px solid #f5f5f5;

    text-align: center;

    margin: 0 auto;

    padding: 10px 20px;

    min-height: 150px;

    vertical-align: middle;

}

/***********============================================== about_page =====================================================***********/



/***********============================================== product_page =====================================================***********/

@media only screen and (max-width: 600px) {.product_page{padding:50px 20px 100px 20px;}}

@media only screen and (min-width: 600px) {.product_page{padding:50px 20px 100px 20px;}}

@media only screen and (min-width: 768px) {.product_page{padding:50px 20px 100px 20px;}} 

@media only screen and (min-width: 992px) {.product_page{padding:50px 50px 100px 50px;}} 

@media only screen and (min-width: 1200px) {.product_page{padding:50px 100px 100px 100px;}}

@media only screen and (min-width: 1500px) {.product_page{padding:50px 160px 100px 160px;}}

.product_page .mt30{margin-top:30px;}

.product_page .mt20{margin-top:20px;}

.product_page .mt15{margin-top:15px;}

.product_page .mt10{margin-top:10px;}

.product_page h6 {

    font-family: 'Rubik', sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 30px;

    color: #de4538;

    text-transform: uppercase;

    margin-top: 30px;

    margin-bottom: 10px;

}

.product_page h2{

    font-family: 'Roboto', sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 44px;

    color: #1a1a1a;

    position: relative;

    margin-bottom: 15px;

    display: block;

    text-transform: uppercase;

}

.product_page h2 span{color: #de4538; font-weight: 300; position: relative; display: inline-block;}

.product_page p{

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

    font-weight: 400;

	line-height:27px;

	color:#666;

}

.product_page h4{

    font-family: 'Rubik', sans-serif;

    font-weight: 500;

    line-height: 26px;

    color: #222;

    /*min-height:55px;*/

    padding-top: 5px;

    margin-bottom:10px;

    font-size: 17px;

}

.product_page .img{

    width:100%;

    min-height:155px !important;

    border: 1px solid #eee;

    background-color:#fff;

    box-shadow: 0px 0px 10px rgb(0 0 0 / 8%);

}

.product_page .content .link-plus{

    position: absolute;

    color: #fff;

    font-size: 18px;

    line-height: 60px;

    width: 58px;

    height: 100%;

    bottom: 0;

    right: 0;

    background-color: #de4538;

    text-align: center;

}

.product_page .content{

    position: relative;

    width: 100%;

    text-align:center;

    background-color: #ffffff;

    padding: 15px 0px 0px 0px;

    min-height: 120px;

    box-shadow: 0px 0px 10px rgb(0 0 0 / 8%);

}

.product_page h5{

    font-family: 'Roboto', sans-serif;

    position: relative;

    color: #fff;

    background-color: #de4538;

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

    padding: 10px;

    display: block;

    text-align:center;

    margin-bottom:0px;

    transition: all 0.3s ease 0s;

}

.product_page h5 a{color: #fff;}

.product_page .add-to-cart{

    color: transparent;

    font-size: 13px;

    font-weight: 400;

    text-transform: uppercase;

    padding: 8px 20px;

    border-radius: 50px;

    border: 1px dashed #de4538;

    display: inline-block;

    position: relative;

    transition: all .2s ease;

    z-index: 1;

}

/*.product_page .add-to-cart:hover{*/

/*    border: 1px solid transparent;*/

/*}*/

/*.product_page .add-to-cart:before{*/

/*    content: attr(data-hover);*/

/*    color: #fff;*/

/*    background: transparent;*/

/*    width: 100%;*/

/*    height: 100%;*/

/*    padding: 8px 0;*/

/*    border-radius: 50px;*/

/*    position: absolute;*/

/*    top: -3px;*/

/*    left: 0px;*/

/*    border: 1px dashed #de4538;*/

/*    transition: all .2s ease;*/

/*    z-index: -1;*/

/*}*/

.product_page .add-to-cart:hover:before{

    /*left: 5px;*/

    /*color:#de4538;*/

    /*background: transparent;*/

    /*border: 1px dashed #de4538;*/

}

.product_page .add-to-cart a{color:#fff;}





.product_page .add-to-cart:hover,

.product_page .add-to-cart:focus{ 

    color:#fff; 

    transition-delay: 0.35s;

}

.product_page .add-to-cart:before{

    content: "";

    background: #1f1f1f;

    width: 0%;

    height: 100%;

    transform: rotateZ(-45deg) translateX(-50%) translateY(-50%);

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 50px;

    z-index: -1;

    transition: all 0.3s;

}

.product_page .add-to-cart:hover{background:#222; border-radius: 50px;}

.product_page .add-to-cart:hover:before{ animation: animate 0.3s forwards; }

@keyframes animate{

    10% {

        width: 0;

        transform: rotateZ(-45deg) translateX(-100%) translateY(-50%);

    }

    20% {

        width: 0;

        transform: rotateZ(0) translateX(-100%) translateY(85%);

    }

    60% {

        width: 100%;

        transform: rotateZ(0) translateX(0%) translateY(85%);

    }

    100% {

        width: 100%;

        transform: rotateZ(0) translateX(0%) translateY(0%);

    }

}





/*.product_page .add-to-cart{*/

/*    color: #222;*/

/*    font-family: 'Rubik', sans-serif;*/

/*    font-size: 16px;*/

/*    font-weight: 500;*/

/*    text-transform: uppercase;*/

/*    padding: 8px 25px;*/

/*    border-radius: 5px;*/

/*    border: 1px solid #1f1f1f;*/

/*    overflow: hidden;*/

/*    position: relative;*/

/*    z-index: 1;*/

/*    transition: all 0.35s;*/

/*} */

/*.product_page .add-to-cart:hover,*/

/*.product_page .add-to-cart:focus{ */

/*    color:#fff; */

/*    transition-delay: 0.35s;*/

/*}*/

/*.product_page .add-to-cart:before{*/

/*    content: "";*/

/*    background: #1f1f1f;*/

/*    width: 15%;*/

/*    height: 100%;*/

/*    transform: rotateZ(-45deg) translateX(-50%) translateY(-50%);*/

/*    position: absolute;*/

/*    top: 0;*/

/*    left: 0;*/

/*    z-index: -1;*/

/*    transition: all 0.3s;*/

/*}*/

/*.product_page .add-to-cart:hover:before{ animation: animate 0.6s forwards; }*/

/*@keyframes animate{*/

/*    10% {*/

/*        width: 0;*/

/*        transform: rotateZ(-45deg) translateX(-100%) translateY(-50%);*/

/*    }*/

/*    20% {*/

/*        width: 0;*/

/*        transform: rotateZ(0) translateX(-100%) translateY(85%);*/

/*    }*/

/*    60% {*/

/*        width: 100%;*/

/*        transform: rotateZ(0) translateX(0%) translateY(85%);*/

/*    }*/

/*    100% {*/

/*        width: 100%;*/

/*        transform: rotateZ(0) translateX(0%) translateY(0%);*/

/*    }*/

/*}*/

/*@media only screen and (max-width: 767px){*/

/*    .product_page .add-to-cart{ margin-bottom: 30px; }*/

/*}*/



/***********============================================== product_page =====================================================***********/



/***********============================================== product_inner_page =====================================================***********/

@media only screen and (max-width: 600px) {.product_inner_page{padding:50px 20px 100px 20px;}}

@media only screen and (min-width: 600px) {.product_inner_page{padding:50px 20px 100px 20px;}}

@media only screen and (min-width: 768px) {.product_inner_page{padding:50px 20px 100px 20px;}} 

@media only screen and (min-width: 992px) {.product_inner_page{padding:50px 50px 100px 50px;}} 

@media only screen and (min-width: 1200px) {.product_inner_page{padding:50px 100px 100px 100px;}}

@media only screen and (min-width: 1500px) {.product_inner_page{padding:50px 160px 100px 160px;}}

.product_inner_page .mt30{margin-top:30px;}

.product_inner_page .mt20{margin-top:20px;}

.product_inner_page .mt15{margin-top:15px;}

.product_inner_page .mt10{margin-top:10px;}

.product_inner_page h6 {

    font-family: 'Rubik', sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 30px;

    color: #de4538;

    text-transform: uppercase;

    margin-top: 30px;

    margin-bottom: 10px;

}

.product_inner_page h2{

    font-family: 'Roboto', sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 44px;

    color: #1a1a1a;

    position: relative;

    margin-bottom: 15px;

    display: block;

    text-transform: uppercase;

}

.product_inner_page h2 span{color: #de4538; font-weight: 300; position: relative; display: inline-block;}

.product_inner_page p{

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

    font-weight: 400;

	line-height:27px;

	color:#666;

}

.product_inner_page .img{

    width:100%;

    min-height:155px !important;

    border: 1px solid #eee;

    background-color:#fff;

    box-shadow: 0px 0px 10px rgb(0 0 0 / 8%);

}

.product_inner_page .content{

    position: relative;

    width: 100%;

    text-align:center;

    background-color: #ffffff;

    padding: 15px 20px 10px 20px;

    min-height: 85px;

    border-radius:8px;

    border-bottom: 4px solid #de4538;

    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);

}



.product_inner_page h5{

    font-family: 'Roboto', sans-serif;

    position: relative;

    color: #555555;

    font-size: 14px;

    text-transform: uppercase;

}

.product_inner_page h5 a{color: #555555;}

.product_inner_page h4{

    font-family: 'Rubik', sans-serif;

    font-weight: 500;

    line-height: 26px;

    color: #222;

    padding-top: 5px;

    font-size: 17px;

}

.product_inner_page .content .link-plus{

    position: absolute;

    color: #fff;

    font-size: 18px;

    line-height: 60px;

    width: 58px;

    height: 100%;

    bottom: 0;

    right: 0;

    background-color: #de4538;

    text-align: center;

}







.pricingTable{

    color: #1f1f1f;

    background: #fff;

    font-family: 'Rubik', sans-serif;

    padding: 0 0;

    box-shadow: 0 0 20px rgba(0,0,0,0.15);

}

.pricingTable:before{

    content: "";

    background:var(--color);

    width:15px;

    height: calc(100% - 80px);

    border-radius: 10px 0 0 0;

    position: absolute;

    top: 0;

    left: 15px;

}

.pricingTable .pricingTable-header{ margin: 0 0 30px; }

.pricingTable .title{

    font-family: 'Roboto', sans-serif;

    color:#fff;

    background: #1f1f1f;

    font-size: 20px;

    font-weight: 400;

    width: 100%;

    text-transform: uppercase;

    padding: 10px 20px;

}

.pricingTable .pricing-content{

    padding: 0 10px;

    margin: 0 0 30px;

    list-style: none;

    display: inline-block;

}

.pricingTable .pricing-content li{

    color: #666;

    font-size: 15px;

    font-weight: 500;

    text-align: left;

    border-bottom: 1px dashed #ccc; 

    padding: 0 0 5px 25px;

    margin: 0 0 20px;

    position: relative;

}

.pricingTable .pricing-content li a{color: #666;}

.pricingTable .pricing-content li:last-child{ margin-bottom: 0; }

.pricingTable .pricing-content li:before{

    content: "\f192";

    font-family: "Fontawesome";

    color: #666;

    font-size: 15px;

    font-weight: 400;

    position: absolute;

    top: 2px;

    left: 0;

}

@media only screen and (max-width: 990px){

    .pricingTable{margin: 0 15px 40px;}

}

/***********============================================== product_inner_page =====================================================***********/



/***********============================================== quality_page =====================================================***********/

@media only screen and (max-width: 600px) {.quality_page{padding:50px 20px 100px 20px;}}

@media only screen and (min-width: 600px) {.quality_page{padding:50px 20px 100px 20px;}}

@media only screen and (min-width: 768px) {.quality_page{padding:50px 20px 100px 20px;}} 

@media only screen and (min-width: 992px) {.quality_page{padding:50px 50px 100px 50px;}} 

@media only screen and (min-width: 1200px) {.quality_page{padding:50px 100px 100px 100px;}}

@media only screen and (min-width: 1500px) {.quality_page{padding:50px 160px 100px 160px;}}

.quality_page .mt30{margin-top:30px;}

.quality_page .mt20{margin-top:20px;}

.quality_page .mt15{margin-top:15px;}

.quality_page .mt10{margin-top:10px;}

.quality_page h6 {

    font-family: 'Rubik', sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 30px;

    color: #de4538;

    text-transform: uppercase;

    margin-top: 30px;

    margin-bottom: 10px;

}

.quality_page h2{

    font-family: 'Roboto', sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 44px;

    color: #1a1a1a;

    position: relative;

    margin-bottom: 15px;

    display: block;

    text-transform: uppercase;

}

.quality_page h2 span{color: #de4538; font-weight: 300; position: relative; display: inline-block;}

.quality_page p{

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

    font-weight: 400;

	line-height:27px;

	color:#666;

}

.quality_page h5{

    font-family: 'Roboto', sans-serif;

    font-size: 18px;

    font-weight: 500;

    line-height: 26px;

    color: #1a1a1a;

    position: relative;

    margin-top: 25px;

    margin-bottom: 10px;

    display: block;

    padding-left: 10px;

    border-left: 2px solid #de4538;

    text-transform: uppercase;

}

/***********============================================== quality_page =====================================================***********/



/***********============================================== enquiry_page =====================================================***********/

@media only screen and (max-width: 600px) {.enquiry_page{padding:50px 20px 100px 20px;}}

@media only screen and (min-width: 600px) {.enquiry_page{padding:50px 20px 100px 20px;}}

@media only screen and (min-width: 768px) {.enquiry_page{padding:50px 20px 100px 20px;}} 

@media only screen and (min-width: 992px) {.enquiry_page{padding:50px 50px 100px 50px;}} 

@media only screen and (min-width: 1200px) {.enquiry_page{padding:50px 100px 100px 100px;}}

@media only screen and (min-width: 1500px) {.enquiry_page{padding:50px 160px 100px 160px;}}

.enquiry_page{background: url(../images/enquiryback.png) no-repeat top/cover;}

.enquiry_page .mt30{margin-top:30px;}

.enquiry_page .mt20{margin-top:20px;}

.enquiry_page .mt15{margin-top:15px;}

.enquiry_page .mt10{margin-top:10px;}

.enquiry_page h6 {

    font-family: 'Rubik', sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 30px;

    color: #de4538;

    text-transform: uppercase;

    margin-top: 30px;

    margin-bottom: 10px;

}

.enquiry_page h2{

    font-family: 'Roboto', sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 44px;

    color: #1a1a1a;

    position: relative;

    margin-bottom: 15px;

    display: block;

    text-transform: uppercase;

}

.enquiry_page h2 span{color: #de4538; font-weight: 300; position: relative; display: inline-block;}

.enquiry_page p {

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

    font-weight: 400;

	line-height:27px;

	color:#666;

    margin-bottom: 0px;

}

.enquiry_page .form-control{background: rgba(255,255,255,0.9);}

.enquiry_page .form-horizontal .form-content{padding: 30px 5px 0px 5px;}

.enquiry_page .form-horizontal .form-control{

	font-family: 'Roboto', sans-serif;

    padding: 12px 16px 12px 39px;

    height: 50px;

    font-size: 14px;

    color: #010F1C;

    border: none;

    border: 2px solid #eee;

    border-radius: 10px;

    box-shadow: none;

    margin-bottom: 15px;

	background: #fff;  /* fallback for old browsers */

	background: -webkit-linear-gradient(to left, #fff, #f5f5f5);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to left, #fff, #f5f5f5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.enquiry_page .form-horizontal .form-control:focus{

    border-color: #ccc;

    box-shadow: none;

	outline: none;

}

.enquiry_page .form-horizontal .control-label{

    font-size: 17px;

    color: #ccc;

    position: absolute;

    top: 5px;

    left: 27px;

    text-align: center;

}

.enquiry_page .form-horizontal .control-label .fa{ padding-top:10px;}

.enquiry_page .form-horizontal textarea.form-control{

    resize: vertical;

    height: 130px;

}

/***********============================================== enquiry_page =====================================================***********/



/***********============================================== contact_page =====================================================***********/

@media only screen and (max-width: 600px) {.contact_page{padding:50px 20px 100px 20px;}}

@media only screen and (min-width: 600px) {.contact_page{padding:50px 20px 100px 20px;}}

@media only screen and (min-width: 768px) {.contact_page{padding:50px 20px 100px 20px;}} 

@media only screen and (min-width: 992px) {.contact_page{padding:50px 50px 100px 50px;}} 

@media only screen and (min-width: 1200px) {.contact_page{padding:50px 100px 100px 100px;}}

@media only screen and (min-width: 1500px) {.contact_page{padding:50px 160px 100px 160px;}}

.contact_page .mt30{margin-top:30px;}

.contact_page .mt20{margin-top:20px;}

.contact_page .mt15{margin-top:15px;}

.contact_page .mt10{margin-top:10px;}

.contact_page h6 {

    font-family: 'Rubik', sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 30px;

    color: #de4538;

    text-transform: uppercase;

    margin-top: 30px;

    margin-bottom: 10px;

}

.contact_page h2{

    font-family: 'Roboto', sans-serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 44px;

    color: #1a1a1a;

    position: relative;

    margin-bottom: 15px;

    display: block;

    text-transform: uppercase;

}

.contact_page h2 span{color: #de4538; font-weight: 300; position: relative; display: inline-block;}

.contact_page p{

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

    font-weight: 400;

	line-height:27px;

	color:#666;

    margin-bottom: 0px;

}

.contact_page .serviceBox{

    color: #777;

    background: #de4538;

    font-family: 'Roboto', sans-serif;

    text-align: center;

    padding: 30px 20px 30px;

    border-radius: 10px 10px;

    position: relative;

    margin: 0px auto;

    z-index: 1;

    min-height: 240px;

}

.contact_page .serviceBox:before{

    content: "";

    background: #fff;

    width: calc(100% - 15px);

    height: calc(100% + 40px);

    border-radius: 10px 10px;

    box-shadow: 0 0 8px rgba(0,0,0,0.4);

    transform: translateX(-50%) translateY(-50%);

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: -1;

}

.contact_page .serviceBox .service-icon{

    color: #de4538;

    font-size: 45px;

    line-height: 45px;

    margin: 0 0 15px;

}

.contact_page .serviceBox .title{

    font-size: 20px;

    font-weight: 600;

    text-transform: uppercase;

    margin: 20px 0 10px;

    color: #1a1a1a;

}

.contact_page .serviceBox .description{

    font-family: 'Roboto', sans-serif;

	font-size: 16px;

    font-weight: 400;

	line-height:27px;

	color:#666;

    margin: 0 0 5px;

}

.contact_page .serviceBox .description a{color:#666;}

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

    .contact_page .serviceBox{ margin: 0 0 30px; }

}

/***********============================================== contact_page =====================================================***********/