@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: "Roboto", sans-serif;

    vertical-align: baseline;

	padding:0;

	margin:0;

	overflow: auto;

	-webkit-text-size-adjust: auto;

}

::-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: #eb3136; 

}

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;

}



/***********============================================== hedaer =====================================================***********/

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

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

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

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

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

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

.header_topbar{

    background: #eb3136;

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

	font-weight:400;

}

.header_topbar .header_contact ul{ margin:0px 0px 0px 0px;}

.header_topbar .header_contact li{list-style:none; display:inline-block; line-height:50px;}

.header_topbar .header_contact .flaticon{

	color: #f27c34;

	font-size: 16px;

    margin-right: 4px;

	padding-right: 0px;

}

.header_topbar .header_contact li a{

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

    color: #fff;

	font-size:16px;

    font-weight: 400;

}

.header_topbar .header_contact li a span{

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

    color: #fff;

	font-size:14px;

    text-transform: uppercase;

	padding-left:10px;

    font-weight: 600;

}

.header_topbar .header_social ul{margin:0px 0px 0px 0px; line-height:50px;}

.header_topbar .header_social li{list-style:none; display:inline-block; line-height:50px;}

.header_topbar .header_social li a{    

	font-size: 16px;

    color: rgba(255,255,255,1);

    margin-left: 0;

    display: inline-block;

    width: 30px;

    height: 30px;

	margin-top:3px;

    line-height: 50px;

    text-align: center;

	margin-right:0px;

}

.header_topbar .header_social li .fa{color: rgba(255,255,255,1); font-size:18px;}





@media only screen and (max-width: 600px) {.header_middle{padding:10px 20px 10px 20px; background: #eb3136;} .header_middle .box{margin-top: 10px;} .header_middle .logo:before {display: none;} .header_middle .logo img{width: 60%; height: 60%;} .header_middle .logo_block{margin-top: 0px;}}

@media only screen and (min-width: 600px) {.header_middle{padding:10px 20px 10px 20px; background: #fff;} .header_middle .box{margin-top: 10px;} .header_middle .logo:before {display: none;} .header_middle .logo img{width: 60%; height: 60%;} .header_middle .logo_block{margin-top: 0px;}}

@media only screen and (min-width: 768px) {.header_middle{padding:10px 20px 10px 20px; background: #fff;} .header_middle .box{margin-top: 10px;} .header_middle .logo:before {display: block;} .header_middle .logo img{width: 100%; height: 100%;} .header_middle .logo_block{margin-top: -40px;}} 

@media only screen and (min-width: 992px) {.header_middle{padding:10px 50px 10px 50px; background: #fff;} .header_middle .box{margin-top: 10px;} .header_middle .logo:before {display: block;} .header_middle .logo img{width: 100%; height: 100%;} .header_middle .logo_block{margin-top: -50px;}} 

@media only screen and (min-width: 1200px) {.header_middle{padding:10px 100px 10px 100px; background: #fff;} .header_middle .box{margin-top: 10px;} .header_middle .logo:before {display: block;} .header_middle .logo img{width: 100%; height: 100%;} .header_middle .logo_block{margin-top: -50px;}}

@media only screen and (min-width: 1500px) {.header_middle{padding:10px 160px 10px 160px; background: #fff;} .header_middle .box{margin-top: 15px;} .header_middle .logo:before {display: block;} .header_middle .logo img{width: 100%; height: 100%;} .header_middle .logo_block{margin-top: -50px;}}

.header_middle .mt10{margin-top: 8px;}

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

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

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

.header_middle .logo_block{

    position: relative;

    margin-bottom: -20px;

    padding-bottom: 15px;

    background-color: #eb3136;

}

.header_middle .logo{position: relative; text-align: center;}

.header_middle .logo:before {

    position: absolute;

    content: '';

    left: 0px;

    bottom: -47px;

    width: 100%;

    z-index: 13;

    border-top: 35px solid #eb3136;

    border-left: 169px solid transparent;

}

.header_middle .flaticon{

    font-size: 43px;

    color: #eb3136;

}

.header_middle h4{

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

    position: relative;

    line-height: 1.6em;

    font-weight: 700;

    margin-top: 10px;

    margin-bottom: 0px;

    color: #eb3136;

    font-size: 16px;

    text-transform: capitalize;

}

.header_middle p{

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

    font-weight: 700;

    margin: 0px;

    color: #0c2d62;

    font-size: 16px;

}

.header_middle p a{color: #0c2d62;}





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

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

@media only screen and (min-width: 768px) {.header_bottom{padding: 5px 15px 5px 20px; text-align:left;}} 

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

@media only screen and (min-width: 1200px) {.header_bottom{padding: 5px 15px 5px 100px; text-align:left;}}

@media only screen and (min-width: 1500px) {.header_bottom{padding: 5px 15px 5px 160px; text-align:left;}}

.header_bottom .curve-layer {

    position: absolute;

    content: '';

    left: 15px;

    top: 0px;

    border-top: 71px solid #0c2d62;

    border-left: 170px solid transparent;

    width: 100%;

    min-height: 80px;

}

.header_bottom .back{background: #0c2d62;}

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

.header_bottom{position:relative; z-index: 11; margin-top: 2px;}

header{position:relative; min-height: 59px; width:100%; padding:0px 0px; color: #595959; 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 { padding-top:10px; padding-bottom: 10px;}

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

#cssmenu > ul {padding-left:20px;}

#cssmenu > ul > li{float:left;z-index:1000; padding-top:0px;}

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

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

#cssmenu > ul > li:hover,#cssmenu ul li.has-sub.active:hover{

	background:#0c2d62;}

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

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

#cssmenu > ul > li.has-sub > a:before{position:absolute;top:20px;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}

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

background: #0c2d62;  /* fallback for old browsers */}

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

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

#cssmenu ul ul ul{margin-left:100%;top:0}

#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 10px;width:180px;font-size:15px;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:17px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}

#cssmenu ul ul li.has-sub > a:before{position:absolute;top:14px;right:14px;display:block;width:2px;height:8px;background:#ddd;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:#0a2757; color:#fff;}

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

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



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

#cssmenu > ul > li{float:left;z-index:1000; padding-top:0px;}

header{background:#0c2d62; font-family: "Rubik",sans-serif; padding-top:0px; padding-bottom:0px; margin-top:-15px;}

nav{width:100%; background:#0c2d62;}

#cssmenu{width:100%; }

#cssmenu .navbar-right{ padding-top:0px;}

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

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

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

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

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

#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:#0c2d62;}

#cssmenu > ul > li{float:none}

#cssmenu ul ul li a{padding-left:25px; font-size: 14px;}

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

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

#cssmenu ul ul ul li a{padding-left:35px; font-size: 12px !important;}

#cssmenu ul ul li a{color:#fff;background:none; font-size: 14px !important;}

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

#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:10px;}

.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;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 #fff;height:46px;width:46px;cursor:pointer}

#cssmenu .submenu-button.submenu-opened{background:#eb3136;}

#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:#fff;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:#fff;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}

}

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

/***********============================================== hedaer =====================================================***********/



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

@media only screen and (max-width: 600px) {.slider{margin-top:0px;} .slider h2{font-size: 18px; line-height: 25px;}}

@media only screen and (min-width: 600px) {.slider{margin-top:0px;} .slider h2{font-size: 18px; line-height: 25px;}}

@media only screen and (min-width: 768px) {.slider{margin-top:0px;} .slider h2{font-size: 48px; line-height: 54px;}} 

@media only screen and (min-width: 992px) {.slider{margin-top:-75px;} .slider h2{font-size: 48px; line-height: 54px;}} 

@media only screen and (min-width: 1200px) {.slider{margin-top:-75px;} .slider h2{font-size: 48px; line-height: 54px;}}

@media only screen and (min-width: 1500px) {.slider{margin-top:-75px;} .slider h2{font-size: 48px; line-height: 54px;}}

.slider{position: relative; z-index: 0;}

.slider .carousel-caption{

	top:25%;

	position:absolute;

	left:6%;

	text-align:left;

}

.slider .carousel-caption h6{

    font-family: "Rubik", Sans-serif;

    font-size: 15px;

    font-weight: 500;

    color: #eb3136;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.slider .carousel-caption h2{

    font-family: "Rubik", Sans-serif;

    font-weight: 600;

    color: #fff;

    margin: 0px 0px 20px 0px;

}

.slider .carousel-caption p{

    font-family: "Rubik", Sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 27px;

    color: #ccc;

    padding: 0px 0px 10px 0px;

}

.slider .carousel-caption .btn{

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

	background: #eb3136;

    position: relative;

    display: inline-block;

    font-size: 15px;

    line-height: 26px;

    font-weight: 400;

    color: #fff !important;

    text-align: center;

    padding: 15px 40px;

    letter-spacing: 0px;

    text-transform: capitalize;

    z-index: 1;

}

.slider .carousel-caption .btn:hover{background:#0c2d62;}

.slider .carousel-caption .btn a{color:#fff;}

.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%;}

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



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

@media only screen and (max-width: 600px) {.section1{padding:50px 15px 80px 20px; text-align: center;} .section1 .sec1{margin-top: 0px;} .section1 img{width: 25%; height: 25%;}}

@media only screen and (min-width: 600px) {.section1{padding:50px 15px 80px 20px; text-align: center;} .section1 .sec1{margin-top: 0px;} .section1 img{width: 25%; height: 25%;}}

@media only screen and (min-width: 768px) {.section1{padding:0px 15px 80px 20px; text-align: left;} .section1 .sec1{margin-top: -100px;} .section1 img{width: 35%; height: 35%;}} 

@media only screen and (min-width: 992px) {.section1{padding:0px 15px 80px 50px; text-align: left;} .section1 .sec1{margin-top: -100px;} .section1 img{width: 35%; height: 35%;}} 

@media only screen and (min-width: 1200px) {.section1{padding:0px 15px 80px 80px; text-align: left;} .section1 .sec1{margin-top: -100px;} .section1 img{width: 35%; height: 35%;}}

@media only screen and (min-width: 1500px) {.section1{padding:0px 15px 80px 120px; text-align: left;} .section1 .sec1{margin-top: -100px;} .section1 img{width: 35%; height: 35%;}}

.section1{position: relative; z-index: 9;}

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

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

.section1 .block{padding: 35px 30px; background: #0c2d62;}

.section1 .brdr_radius{border-radius: 10px 0px 0px 10px;}

.section1 .block .flaticon{

    font-size: 54px;

    color: #eb3136;

}

.section1 .block h2{

    font-family: "Inter", Sans-serif;

    position: relative;

    line-height: 1em;

    font-weight: 900;

    color: #fff;

    font-size: 35px;

}

.section1 .block p{

    font-family: "Nunito", Sans-serif;

    font-size: 15px;

    line-height: 26px;

    margin-top: 10px;

    margin-bottom: 0px;
	color:#FFF;

}

.section1 .block1{padding: 35px 30px; background: #eb3136; border-radius: 0px 0px;}

.section1 .block1 .flaticon{

    font-size: 54px;

    color: #0c2d62;

}

.section1 .block1 h2{

    font-family: "Inter", Sans-serif;

    position: relative;

    line-height: 1em;

    font-weight: 900;

    color: #fff;

    font-size: 50px;

}

.section1 .block1 p{

    font-family: "Nunito", Sans-serif;

    font-size: 18px;

    line-height: 26px;

    margin-top: 10px;

    margin-bottom: 0px;
	color:#FFF;

}

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



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

@media only screen and (max-width: 600px) {.section2{padding:50px 20px 80px 20px;} .section2 img{width: 40%; height: 80%;}}

@media only screen and (min-width: 600px) {.section2{padding:50px 20px 80px 20px;} .section2 img{width: 40%; height: 80%;}}

@media only screen and (min-width: 768px) {.section2{padding:50px 20px 80px 20px;} .section2 img{width: 85%; height: 85%;}} 

@media only screen and (min-width: 992px) {.section2{padding:50px 50px 80px 50px;} .section2 img{width: 90%; height: 90%;}} 

@media only screen and (min-width: 1200px) {.section2{padding:50px 100px 80px 100px;} .section2 img{width: 90%; height: 90%;}}

@media only screen and (min-width: 1500px) {.section2{padding:50px 160px 80px 160px;} .section2 img{width: 90%; height: 90%;}}

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

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

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

.section2 h6{

    font-family: "Rubik", Sans-serif;

    font-size: 15px;

    font-weight: 500;

    color: #eb3136;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.section2 h2{

    font-family: "Rubik", Sans-serif;

    font-size: 42px;

    font-weight: 500;

    line-height: 50px;

    color: #0c2d62;

    text-transform: capitalize;

    margin: 0px 0px 25px 0px;

}

.section2 .sec2{

    position: relative;

    overflow: hidden;

    display: block;

    width: 100%;

    max-width: 1200px;

}

.section2 .block{padding: 40px 20px 40px 20px; background: rgba(12,45,98,0.9)}

.section2 .block:before{

    position: absolute;

    content: '';

    right: 0px;

    top: 0px;

    bottom: 0px;

    width: 1px;

    opacity: 0.70;

}

.section2 .flaticon{

    font-size: 46px;

    color: #eb3136;

}

.section2 h3{

    font-family: "Rubik", Sans-serif;

    font-size: 22px;

    line-height: 26px;

    font-weight: 500;

    color: #fff;

    margin: 20px 0px 10px 0px;

}

.section2 p{

    font-family: "Rubik", Sans-serif;

    font-size: 16px;

    font-weight: 300;

    margin-top: 0px;

    margin-bottom: 0px;

    line-height: 27px;

    color: #ddd;

}

.section2 .readmore{

    font-family: "Rubik", Sans-serif;

    font-size: 16px;

    font-weight: 400;

    color: #eb3136;

    display: block;

    margin-top: 20px;

    line-height: 27px;

}

.section2 .post-slide{

    margin: 0px 0px 0px 0px;

    border-radius: 6px;

    padding: 65px 40px;

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

    background-attachment: fixed;

    min-height: 360px;

}

.owl-carousel .animated {

    animation-duration: 1s;

    animation-fill-mode: both;

}

.owl-carousel .owl-animated-in {z-index: 0 !important;}

.owl-carousel .owl-animated-out {z-index: 1 !important;}

/* to remove slide effect  css */

.animated {

    -webkit-animation-duration : 0 ms  !important;

    animation-duration : 0 ms  !important;

    -webkit-animation-fill-mode : both  !important;

    animation-fill-mode : both  !important;

}  

.fadeOut{

    -webkit-animation-name : fadeOut;

    animation-name : fadeOut;

}

@-webkit-keyframes  fadeOut  {0% {opacity : 1;}   100% {opacity : 0;}  }

@keyframes  fadeOut  {0% {opacity : 1;}   100% {opacity : 0;}  }

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



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

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

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

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

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

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

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

.section3{background: url(../images/section3back.jpg) no-repeat top/cover;}

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

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

.section3 h6{

    font-family: "Rubik", Sans-serif;

    font-size: 15px;

    font-weight: 500;

    color: #eb3136;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.section3 h2{

    font-family: "Rubik", Sans-serif;

    font-size: 42px;

    font-weight: 500;

    line-height: 50px;

    color: #0c2d62;

    text-transform: capitalize;

    margin: 0px 0px 15px 0px;

}

.section3 .box{

    position: relative;

    width: 225px;

    height: 230px;

    text-align: center;

    padding-top: 40px;

    border-radius: 0px 0px 15px 15px;

    background-color: #eb3136;

    margin-bottom: 40px;

}

.section3 h1{

    font-family: "Nunito", Sans-serif;

    font-size: 90px;

    color: #fff;

    margin-top: 10px;

    font-weight: 900;

}

.section3 h1 span{font-size: 20px; font-weight: 500; text-transform: uppercase;}

.section3 p{

    font-family: "Rubik", Sans-serif;

    font-size: 16px;

    font-weight: 400;

    margin-top: 0px;

    margin-bottom: 0px;

    line-height: 27px;

    color: #666;
	text-align:justify;

}

.section3 .btn{

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

    background: #eb3136;

    position: relative;

    display: inline-block;

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

    color: #fff !important;

    text-align: center;

    padding: 15px 40px;

    letter-spacing: 0px;

    text-transform: capitalize;

    z-index: 1;

    margin-top: 20px;

}

.section3 .btn:hover{background:#0c2d62;}

.section3 .btn a{color:#fff;}



.section3 .img img{

    position: relative;

    height: auto;

    max-width: 100%;

    display: block;

}

.section3 .content{

    position: absolute;

    right: 0px;

    bottom: 30px;

}

.section3 .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;

}

.section3 .content .inner{

    position: relative;

    padding: 30px 45px;

    text-align: center;

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

    background-color: rgba(235,49,54,0.95);

}

.section3 .content .num{

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

    color: #ffffff;

    font-size: 40px;

    font-weight: 500;

    line-height: 1em;

}

.section3 .content h5{

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

    position: relative;

    color: #ffffff;

    font-size: 16px;

    font-weight: 500;

    margin-top: 10px;

    text-transform:capitalize;

}

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



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

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

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

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

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

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

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

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

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

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

.section4 h6{

    font-family: "Rubik", Sans-serif;

    font-size: 15px;

    font-weight: 500;

    color: #eb3136;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.section4 h2{

    font-family: "Rubik", Sans-serif;

    font-size: 42px;

    font-weight: 500;

    line-height: 50px;

    color: #0c2d62;

    text-transform: capitalize;

    margin: 0px 0px 25px 0px;

}

.section4 img {

  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

  filter: grayscale(0%);

}

.section4 .post-slide:hover img {

  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

  filter: grayscale(100%);

}

.section4 .img img{overflow: hidden;}

.section4 .content{

    background-color: #0c2d62;

    position: relative;

    padding: 40px 20px 10px 40px;

    border-radius: 6px;

    max-width: calc(100% - 30px*2);

    margin-left: 30px;

    margin-top: -50px;

}

.section4 .num{

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

    font-size: 24px;

    font-weight: bold;

    color: #fff;

    display: block;

    text-align: center;

    width: 60px;

    height: 60px;

    line-height: 60px;

    background-color: #eb3136;

    position: absolute;

    top: 0;

    left: calc(0px - 30px);

}

.section4 .num::before {

    content: "";

    background-color: transparent;

    border-style: solid;

    border-width: 0 30px 20px 0;

    border-color: transparent #da2026 transparent transparent;

    position: absolute;

    left: 0;

    top: 100%;

}

.section4 h3{

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

    display: block;

    color: #fff;

    font-size: 18px;

    line-height: 30px;

    font-weight: 500;

    text-transform:capitalize;

    margin-bottom: 20px;

}

.section4 p{

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

    color: #ddd;

    font-size: 16px;

    line-height: 25px;

    font-weight: 400;

}

.section4 p a{color: #687f9b;}

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



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

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

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

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

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

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

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

.section5{

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

    background-attachment: fixed;

    text-align: center; 

    margin-top: 40px;

}

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

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

.section5 h6{

    font-family: "Rubik", Sans-serif;

    font-size: 15px;

    font-weight: 500;

    color: #eb3136;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.section5 h2{

    font-family: "Rubik", Sans-serif;

    font-size: 42px;

    font-weight: 500;

    line-height: 50px;

    color: #fff;

    text-transform: capitalize;

    margin: 0px 0px 25px 0px;

}

.section5 p{

    font-family: "Rubik", Sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 27px;

    color: #DDDDDD;

    max-width: 750px;

    margin: 0 auto 60px auto;

    text-align: center;

}

.section5 .icon{

    width: 70px;

    height: 70px;

    line-height: 70px;

    margin: 0 auto;

    cursor: pointer;

    font-size: 24px;

    fill: #333;

    z-index: 2;

    height: 70px;

    width: 70px;

    line-height: 70px;

    text-align: center;

    border-radius: 50%;

    -webkit-animation: btn-anim 1s linear infinite;

    animation: btn-anim 1s linear infinite;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    background-color: #eb3136;

}

.section5 .icon:hover{background-color: #eb3136;}

@keyframes btn-anim {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);

        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);

    }

    100% {

        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);

        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);

    }

}

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



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

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

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

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

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

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

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

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

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

.section6 h6{

    font-family: "Rubik", Sans-serif;

    font-size: 15px;

    font-weight: 500;

    color: #eb3136;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.section6 h2{

    font-family: "Rubik", Sans-serif;

    font-size: 42px;

    font-weight: 500;

    line-height: 50px;

    color: #0c2d62;

    text-transform: capitalize;

    margin: 0px 0px 25px 0px;

}

.section6 .block{

    font-size: 26px;

    background: none;

    color: #0c2d62;

    border-bottom: 1px solid #c5c5c5;

    text-transform: capitalize;

    font-weight: 800;

    line-height: 24px;

    cursor: pointer;

    display: block;

    padding: 25px 20px 25px 70px;

}

.section6 .number{

    font-family: "Inter", Sans-serif;

    position: absolute;

    left: 0px;

    top: 25px;

    color: #c0c0c0;

    font-weight: 800;

    line-height: 1em;

    font-size: 60px;

}

.section6 h3{

    font-family: "Nunito", Sans-serif;

    font-size: 22px;

    line-height: 26px;

    font-weight: 700;

    color: #0c2d62;

    margin: 0px 0px 10px 0px;

}

.section6 h5{

    font-family: "Inter", Sans-serif;

    font-size: 18px;

    line-height: 27px;

    font-weight: 500;

    color: #0c2d62;

    margin-bottom: 20px;

}

.section6 p{

    font-family: "Rubik", Sans-serif;

    font-size: 16px;

    font-weight: 400;

    margin-top: 0px;

    margin-bottom: 0px;

    line-height: 27px;

    color: #666;

}

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



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

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

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

@media only screen and (min-width: 768px) {.footer{padding:50px 20px 80px 20px;} .footer-copy {padding: 20px 10px 40px 10px;} .footer .flaticon{display:none;}} 

@media only screen and (min-width: 992px) {.footer{padding:50px 50px 90px 50px;} .footer-copy {padding: 20px 50px 41px 50px;} .footer .flaticon{display:block;}} 

@media only screen and (min-width: 1200px) {.footer{padding:50px 100px 90px 100px;} .footer-copy {padding: 20px 100px 41px 100px;} .footer .flaticon{display:block;}}

@media only screen and (min-width: 1500px) {.footer{padding:50px 160px 90px 160px;} .footer-copy {padding: 20px 150px 41px 150px;} .footer .flaticon{display:block;}}

.footer{background:url(../images/footerback.jpg) no-repeat top/cover;}

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

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

.footer .brdr{border-bottom: 2px solid rgba(255,255,255,.06); padding-bottom:30px;}

.footer .brdr1{border-left: 2px solid rgba(255,255,255,.06); padding-left:80px;}

.footer h3{

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

    position: relative;

    font-size: 24px;

    color: #fff;

    font-weight: 700;

    margin-bottom: 40px;

    padding-bottom: 20px;

    text-transform: capitalize;

}

.footer h3::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 20%;

    height: 2px;

    background-color: #eb3136;

}

.footer p{

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

    color: #aab4c5;

    font-size: 15px;

    font-weight: 400;

    line-height: 28px;

    margin-top: 15px;
	
	text-align:justify;

}

.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: 'Rubik', sans-serif;

    position:relative;

    color: #aab4c5;

    font-size: 15px;

    padding-left: 15px;

    font-weight: 400;

    padding-top:10px;

}

.footer .cnct li{

    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: "Rubik", sans-serif;

    font-size:17px;

    margin:0;

    padding-bottom:10px;

    padding:0;

    color:#fff;

    display: inline-block;

}

.footer .cnct li .city {

    margin-left: 40px;

    margin-bottom:5px;

    margin-top:0px;

    padding:0;

    color: #aab4c5;

}

.footer .cnct li a{color: #aab4c5;}

.footer-copy {

    background: #0c2d62;

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

    font-size:18px;

    font-weight:400;

    margin:0;

}

.footer-copy p {

    color: #fff;

    text-align: left;

}

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

.wp{

    position:fixed;

    width:60px;

    height:60px;

    bottom:20px;

    right:20px;

    background-color:#25d366;

    color:#FFF;

    border-radius:50px;

    text-align:center;

    font-size:30px;

    box-shadow: 2px 2px 3px #999;

    z-index:100;

}

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

.wp 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:20%;} .banner h2{font-size: 18px; line-height: 25px;}}

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

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

@media only screen and (min-width: 992px) {.banner{margin-top:-75px;} .banner .carousel-caption{top:43%;} .banner h2{font-size: 34px; line-height: 40px;}} 

@media only screen and (min-width: 1200px) {.banner{margin-top:-75px;} .banner .carousel-caption{top:43%;} .banner h2{font-size: 34px; line-height: 40px;}}

@media only screen and (min-width: 1500px) {.banner{margin-top:-75px;} .banner .carousel-caption{top:43%;} .banner h2{font-size: 34px; line-height: 40px;}}

.banner{position: relative; z-index: 0;}

.banner .carousel-caption{

	position:absolute;

	left:8%;

	text-align:left;

}

.banner .carousel-caption h2{

    font-family: "Rubik", Sans-serif;

    font-weight: 500;

    color: #fff;

    margin: 0px 0px 20px 0px;

}

.banner .carousel-caption p{

    font-family: "Rubik", Sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 27px;

    color: #ccc;

    padding: 0px 0px 10px 0px;

}

.banner .carousel-caption .btn{

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

	background: #eb3136;

    position: relative;

    display: inline-block;

    font-size: 15px;

    line-height: 26px;

    font-weight: 400;

    color: #fff !important;

    text-align: center;

    padding: 15px 40px;

    letter-spacing: 0px;

    text-transform: capitalize;

    z-index: 1;

}

.banner .carousel-caption .btn:hover{background:#0c2d62;}

.banner .carousel-caption .btn a{color:#fff;}

.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%;}

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



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

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

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

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

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

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

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

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

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

.about_page h2{

    font-family: "Rubik", Sans-serif;

    font-size:34px;

    font-weight: 500;

    line-height: 40px;

    color: #0c2d62;

    text-transform: capitalize;

    margin: 10px 0px 25px 0px;

}

.about_page p {

    font-family: "Rubik", Sans-serif;

    font-size: 15px;

    font-weight: 400;

    margin-top: 0px;

    line-height: 27px;

    color: #666;
	
	text-align:justify;

}

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



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

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

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

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

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

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

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

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

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

.product_page h2{

    font-family: "Rubik", Sans-serif;

    font-size:34px;

    font-weight: 500;

    line-height: 40px;

    color: #0c2d62;

    text-transform: capitalize;

    margin: 10px 0px 25px 0px;

}

.product_page p {

    font-family: "Rubik", Sans-serif;

    font-size: 15px;

    font-weight: 400;

    margin-top: 0px;

    line-height: 27px;

    color: #666;

}

.product_page .block{position: relative; display: block;}

.product_page .block .img img{

    position: relative;

    width: 100%;

    display: block;

    height: auto;

    max-width: 100%;

    border: none;

}

.product_page .block .content{

    position: relative;

    margin-right: 50px;

    margin-top: -60px;

    background-color: #ffffff;

    padding: 20px 20px 20px 20px;

    border-left: 4px solid #eb3136;

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

}

.product_page .block h3{

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

    position: relative;

    font-size: 19px;

    color: #0c2d62;

    line-height: 30px;

    font-weight: 500;

    margin-bottom: 0px;

}

.product_page .btn{

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

    font-size: 16px;

    font-weight: 400;

    color: #fff;

    padding: 5px 20px;

    background-color: #eb3136;

    border-color: #eb3136;

    margin-top: 10px;

}

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



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

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

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

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

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

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

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

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

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

.product_inner_page h2{

    font-family: "Rubik", Sans-serif;

    font-size:34px;

    font-weight: 500;

    line-height: 40px;

    color: #0c2d62;

    text-transform: capitalize;

    margin: 10px 0px 15px 0px;

}

.product_inner_page p {

    font-family: "Rubik", Sans-serif;

    font-size: 15px;

    font-weight: 400;

    margin-top: 0px;

    line-height: 27px;

    color: #666;

}

.product_inner_page table {

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

    border-collapse: collapse;

    width: 100%;

    border-radius: 8px;

    box-shadow: 0 0 .5em #999;

    font-weight: 100;

    font-size:16px;

    margin-top:20px;

}

.product_inner_page thead {

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

    font-weight: 100;

    text-transform:capitalize;

}

.product_inner_page th {

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

    /*background: linear-gradient(#c4d5e8, #c4d5e8);*/

    background: linear-gradient(#eb3136, #eb3136);

    padding:10px 20px;

    font-weight:400; 

    color:#fff;

    white-space: nowrap;

    font-size:18px;

    line-height:26px;  

    border-bottom: 1px solid #e1e1e1;

}

.product_inner_page th span{

      font-size:15px; 

      font-weight:400;

}

.product_inner_page tr{

    overflow: hidden;

    padding:0px 20px;

}

.product_inner_page td{color:#555; padding:10px 20px; font-size:15px; font-weight:400; font-family: "Rubik", sans-serif;}

.product_inner_page td strong{ font-weight:600; color:#555;}

.product_inner_page tr:nth-child(odd) {background: linear-gradient(#eee 1px, #f7f7f7 1px, #f1f1f1 calc(100% - 1px), #eee calc(100% - 1px));}

.product_inner_page tr:nth-child(even) {background: linear-gradient(#ddd 1px, #f5f5f5 1px, #dcdcdc calc(100% - 1px), #ddd calc(100% - 1px));}

.product_inner_page .btn{

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

    font-size: 16px;

    font-weight: 400;

    color: #fff;

    padding: 5px 20px;

    background-color: #eb3136;

    border-color: #eb3136;

    margin-top: 10px;

}

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



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

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

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

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

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

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

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

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

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

.quality_page h2{

    font-family: "Rubik", Sans-serif;

    font-size:34px;

    font-weight: 500;

    line-height: 40px;

    color: #0c2d62;

    text-transform: capitalize;

    margin: 10px 0px 25px 0px;

}

.quality_page p {

    font-family: "Rubik", Sans-serif;

    font-size: 15px;

    font-weight: 400;

    margin-top: 0px;

    line-height: 27px;

    color: #666;
	
	text-align:justify;

}

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



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

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

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

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

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

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

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

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

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

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

.enquiry_page h2{

    font-family: "Rubik", Sans-serif;

    font-size:34px;

    font-weight: 500;

    line-height: 40px;

    color: #0c2d62;

    text-transform: capitalize;

    margin: 10px 0px 25px 0px;

}

.enquiry_page p {

    font-family: "Rubik", Sans-serif;

    font-size: 15px;

    font-weight: 400;

    margin-top: 0px;

    line-height: 27px;

    color: #666;

}

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

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

.enquiry_page .form-horizontal .form-control{

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

    padding: 12px 16px 12px 39px;

    height: 50px;

    font-size: 14px;

    color: #222;

    border: none;

    border: 2px solid #ececec;

    border-radius: 10px;

    box-shadow: none;

    margin-bottom: 15px;

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

	background: -webkit-linear-gradient(to right, #f7f7f7, #f1f1f1);  /* Chrome 10-25, Safari 5.1-6 */

	background: linear-gradient(to right, #f7f7f7, #f1f1f1); /* 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 textarea.form-control{

    resize: vertical;

    height: 130px;

}

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

.enquiry_page .shape1{

    position: absolute;

    left: -35px;

    bottom: -15%;

    z-index: -1;

}

.enquiry_page .shape2 {

    position: absolute;

    right: 0px;

    top: 0;

    z-index: -1;

}

.enquiry_page .btn{

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

    font-size: 16px;

	font-weight: 500;

    text-transform: capitalize;

    border-radius: 5px;

    padding: 15px 20px;

    color: #fff;

    background-color: #eb3136;

    line-height: 25px;

    margin-top: 15px;

}

.enquiry_page .btn a{color: #fff;}

.enquiry_page .btn a:hover, .enquiry_page .btn:hover a{color: #fff;}

.enquiry_page .btn .fa{padding-left: 10px; font-size: 20px; font-weight: 400;}

.enquiry_page .btn:hover{background: #0c2d62; color: #fff;}

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



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

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

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

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

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

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

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

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

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

.contact_page h2{

    font-family: "Rubik", Sans-serif;

    font-size:34px;

    font-weight: 500;

    line-height: 40px;

    color: #0c2d62;

    text-transform: capitalize;

    margin: 10px 0px 25px 0px;

}

.contact_page p {

    font-family: "Rubik", Sans-serif;

    font-size: 15px;

    font-weight: 400;

    margin-top: 0px;

    line-height: 27px;

    color: #666;

}

:root{ --main-color: #0c2d62; }

.contact_page .serviceBox{

    color: var(--main-color);

    background: #eb3136;

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

    text-align: center;

    padding: 50px 20px 30px;

    border-radius: 40px;

    box-shadow: 0 0 10px rgba(0,0,0,0.3);

    position: relative;

    z-index: 1;

}

.contact_page .serviceBox:before{

    content: "";

    background: #fff;

    border-radius: 60px 40px 0 0;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 10px;

    z-index: -1;

}   

.contact_page .serviceBox .title{

    color: var(--main-color);

    font-size: 22px;

    line-height: 30px;

    font-weight: 500;

    text-transform: capitalize;

    margin: 0 0 7px;

}

.contact_page .serviceBox .description{

    font-family: "Rubik", Sans-serif;

    font-size: 15px;

    font-weight: 400;

    margin-top: 0px;

    line-height: 27px;

    color: #666;

}

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

@media only screen and (max-width: 1199px){.contact_page .serviceBox{ margin: 0 0 30px; }}

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