@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: 15px;
    color: #151515;
    font-family: "Roboto", sans-serif;
    vertical-align: baseline;
	padding:0;
	margin:0;
	line-height:25px;
	-webkit-text-size-adjust: auto;
}
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: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 20px;}} 
@media only screen and (min-width: 992px) {.header-topbar{padding:10px 50px;}} 
@media only screen and (min-width: 1200px) {.header-topbar{padding:10px 50px;}}
@media only screen and (min-width: 1500px) {.header-topbar{padding:10px 120px;}}
.header-topbar {
    background: #fff;
	font-family: 'Rubik', sans-serif;
	border-bottom: 1px solid #dbdfe3;
}
.header-topbar a{color: #4b5d73;}
.header-topbar .flaticon{ color:#4b5d73; padding-right:10px; font-size:22px; font-weight:600;}
.header-topbar .social  { float:right;}
.header-topbar .social li { border:none;}
.header-topbar .social li a i{ border:none; margin-right:0px; font-size:16px;}
.header-topbar ul li {
	font-family: 'Rubik', sans-serif;
    display: inline-block;
    text-align: center;
	margin-right:10px;
	line-height:30px;
	font-size:16px;
	border-right: 1px solid rgba(225, 227, 226, 0.1);
	padding-right:5px;
}
.header-topbar ul li a i {
    color: #4b5d73;
	font-size:18px;
    line-height: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin-right:5px;
}


@media only screen and (max-width: 600px) {.navigation{padding:10px 20px;}}
@media only screen and (min-width: 600px) {.navigation{padding:10px 20px;}}
@media only screen and (min-width: 768px) {.navigation{padding:10px 20px;}} 
@media only screen and (min-width: 992px) {.navigation{padding:5px 50px;}} 
@media only screen and (min-width: 1200px) {.navigation{padding:5px 50px;}}
@media only screen and (min-width: 1500px) {.navigation{padding:5px 40px 5px 130px;}}
.navigation{background:#fff;}
.navbar-brand {
    float: left;
    height: 0px;
    padding: 0px 15px 15px 0px;
    font-size: 18px;
    line-height: 0px;
}
@media only screen and (max-width: 600px) {.navbar-brand img{width:100%; height:auto;} .navbar-fixed-top{margin-top:0px;}}
@media only screen and (min-width: 600px) {.navbar-brand img{width:100%; height:auto;} .navbar-fixed-top{margin-top:0px;}}
@media only screen and (min-width: 768px) {.navbar-brand img{width:100%; height:auto;} .navbar-fixed-top{margin-top:0px;}} 
@media only screen and (min-width: 992px) {.navbar-brand img{width:100%; height:auto;} .navbar-fixed-top{margin-top:0px;}} 
@media only screen and (min-width: 1200px) {.navbar-brand img{width:100%; height:auto;} .navbar-fixed-top{margin-top:0px;}}
@media only screen and (min-width: 1500px) {.navbar-brand img{width:100%; height:auto;} .navbar-fixed-top{margin-top:0px;}}
.navbar-fixed-top{
	padding:0px 0px;
	background:rgba(255, 255, 255, 0) !important;
}
.navbar-fixed-top .navigation{margin-top:0px;}
.navbar-fixed-top .header-topbar{display:block;}
.navbar-fixed-top .navbar-right{ margin-right:50px; margin-top:18px; margin-bottom:15px;}
.fixed-me{transition: all 1s ;}
.fixed-me{
    padding: 0px  !important;
    margin-bottom: 5px;
    position: fixed;
    top:0;
	z-index:888;
    width: 100%;
	margin-top:-1px;
    background-color:#999;
}
.navbar-fixed-top.scrolled {
  background-color: rgba(255,255,255,0) !important;
  transition: background-color 200ms linear;
  z-index:10000;
  margin-top:0px;
  padding-top:0px;
  padding-bottom:20px;
  margin-bottom:0px;
}
.navbar-fixed-top .navigation{margin-top:0px;}
.navbar-fixed-top.scrolled .header-topbar{display:none;}
.navbar-fixed-top.scrolled .navbar-right{ margin-right:50px; margin-top:20px;}
header{position:relative; width:100%; padding-right: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 .navbar-right{ padding-top:0px;}
#cssmenu{font-family: 'Rubik', sans-serif;}
#cssmenu > ul {padding-left:20px;}
#cssmenu > ul > li{float:left;z-index:1000;}
#cssmenu > ul > li > a{padding:17px 10px;font-size:17px; display:block; text-decoration:none; text-transform:capitalize;font-weight:500; color:#222;font-family: 'Rubik', sans-serif;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#222;}
#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:22px;right:11px;width:8px;height:2px;display:block;background:#222;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#222;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: #fff;  /* fallback for old browsers */}
#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}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 10px;width:250px;font-size:14px;text-decoration:none;color:#222;font-weight:500;}
#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:#000;}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#222;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:14px;right:14px;display:block;width:2px;height:8px;background:#222;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:#eee; color:#fff;}
#cssmenu ul ul ul li.active a{border-left:1px solid #0269ac}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #0269ac}

.navigation .btn {
	font-family: 'Rubik', sans-serif;
    background: #445ca6;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #5b82bd, #445ca6);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #5b82bd, #445ca6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    display: inline-block;
	color:#fff;
    padding: 22px 40px 20px 40px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    font-size: 16px;
    border-radius: 5px;
	margin-top:15px;
}
.navigation .btn a{ color:#fff;}

@media screen and (max-width:1000px){
header{background:#fff; font-family: 'Rubik', sans-serif; padding-top:0px; padding-bottom:35px;}
nav{width:100%;}
#cssmenu{width:100%; }
#cssmenu ul{width:100%;display:none; background:#fff ; margin-top:50px; padding-left:20px;}
#cssmenu ul li{width:100%;border-top:1px solid #ccc; background:#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:#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}
#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:20px;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #031331;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:#031331;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:#031331;-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:#031331;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}

.navbar-fixed-top.scrolled {
	font-family: 'Rubik', sans-serif;
  background-color: rgba(255,255,255,1) !important;
  transition: background-color 200ms linear;
  z-index:10000;
  margin-top:0px;
  padding-top:10px;
  margin-bottom:0px;
}
}
.pr{padding-right:0px;} .pl{padding-left:0px;}
/***********============================================== hedaer =====================================================***********/

/***********============================================== slider =====================================================***********/
@media only screen and (max-width: 600px) {#mainSlider{margin-top:50px;}}
@media only screen and (min-width: 600px) {#mainSlider{margin-top:50px;}}
@media only screen and (min-width: 768px) {#mainSlider{margin-top:50px;}} 
@media only screen and (min-width: 992px) {#mainSlider{margin-top:50px;}} 
@media only screen and (min-width: 1200px) {#mainSlider{margin-top:50px;}}
@media only screen and (min-width: 1500px) {#mainSlider{margin-top:50px;}}
#mainSlider .caption{
	top:25%;
	position:absolute;
	left:5%;
	text-align:left;
}
#mainSlider .mt30{margin-top:37px;}
#mainSlider .fr{float:right;}
#mainSlider .fl{float:left;}
#mainSlider h1 {
	font-family: 'Rubik', sans-serif;
    color: #fff;
    font-size: 60px;
    line-height: 75px;
    font-weight: 700;
	text-align:left;
	margin-bottom:20px;
	text-transform:capitalize;
}
#mainSlider .btn{
    font-family: 'Rubik', sans-serif;
    text-transform:capitalize;
    text-align: center;
    line-height: 25px;
    margin-top: 30px;
	border: none;
	border-radius:0;
    outline: none;
    background-color: #ff5860;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 17px;
    color: #fff;
    padding: 18px 31.4px;
    -webkit-transition: all 
}
#mainSlider .btn a{color:#fff;}
#mainSlider .btn:hover{background-color: #1b1c38;}

#owl-main .item {
  height: 44vh;
  background-color: #FFF;
  background-position: center 55%;
  background-size: cover;
}
#owl-main.height-md .item {height: 100vh;}
/*#owl-main.height-sm .item {
  height: 60vh;
}*/
#owl-main.height-lg .item {height: 100vh;}
#owl-main .container {
  display: table;
  height: inherit;
}
#owl-main .caption {display: table-cell;}
#owl-main .caption.vertical-center {
  vertical-align: middle;
  padding-bottom: 3vh;
}
#owl-main .caption.vertical-top {vertical-align: top;}
#owl-main .caption.vertical-bottom { vertical-align: bottom; padding-bottom: 14vh;}
#owl-main .caption.text-center {padding-left: 10%; padding-right: 10%;}
#owl-main .caption.text-left {padding-right: 20%;}
#owl-main .caption.text-right {padding-left: 20%;}
#owl-main .caption h1, #owl-main .caption p, #owl-main .caption div {position: relative;}
.owl-controls{ display:none;}
.owl-controls .owl-buttons div{ display:none;}
/***********============================================== slider =====================================================***********/

/***********============================================== section1 =====================================================***********/
@media only screen and (max-width: 600px) {.section1{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.section1{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.section1{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.section1{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.section1{padding:50px 100px 80px 100px;} .section1 .box{padding: 46px 30px 46px 30px;} .section1 .box1{padding: 33px 30px 35px 30px;}}
@media only screen and (min-width: 1500px) {.section1{padding:50px 150px 80px 150px;} .section1 .box{padding: 0px 0px;} .section1 .box1{padding: 33px 30px 35px 30px;}}
.section1{background:#f3f5f8;}
.section1 .mt30{margin-top:30px;}
.section1 .box{
    background: #ffffff;
    position: relative;
    box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}
.section1 .box1{
    background: #ffffff;
    position: relative;
    box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}
.section1 h5{
	font-family: 'Rubik', sans-serif;
    color: #202731;
    font-size: 22px;
    position: relative;
    z-index: 1;
    line-height: 32px;
    font-weight: 600;
}
.section1 .icon{
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
	height: 80px;
    width: 80px;
    font-size: 80px;
    line-height: 80px;
    margin-top: 40px;
}
.section1 .watermark {
    height: 100px;
    width: 100px;
    font-size: 100px;
    line-height: 100px;
    position: absolute;
    top: 0;
    right: 0;
    color: #f6f5fe;
}
.section1 .watermark .flaticon{
	font-size: 100px;
    line-height: 100px;
}
/***********============================================== section1 =====================================================***********/

/***********============================================== section2 =====================================================***********/
@media only screen and (max-width: 600px) {.section2{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.section2{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.section2{padding:30px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.section2{padding:0px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.section2{padding:0px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.section2{padding:0px 150px 80px 150px;}}
.section2{background:#f3f5f8;}
.section2 .fr{float:right;}
.section2 .mt30{margin-top:30px;}
.section2 .pt30{padding-top:30px;}
.section2 h6{
    font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
	display:block;
    position: relative;
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.section2 h6:before{
	content: '';
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
    position: absolute;
    height: 2px;
    width: 70px;
    top: 50%;
    margin-top: -1px;
	left: calc(100% + 30px);
}
.section2 h2{
	font-family: 'Rubik', sans-serif;
	color: #202731;
    font-size: 56px;
    line-height: 66px;
	margin-bottom: 15px;
	font-weight:700;
}
.section2 p{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
    line-height: 1.8;
    color: #565872;
    font-weight: 400;
	margin-top:40px;
}
.section2 .icon{
    height: 80px;
    width: 80px;
    background: #ffffff;
    line-height: 80px;
    font-size: 50px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);
    color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.section2 .icon .flaticon{
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.section2 h5{
	font-family: 'Rubik', sans-serif;
	font-weight:700;
	font-size: 22px;
    color: #202731;
    margin-top: 15px;
	margin-bottom: 15px;
    line-height: 1.5;
}
.section2 span{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
    line-height: 1.8;
    color: #565872;
    font-weight: 400;
	margin-top:40px;
}
/***********============================================== section2 =====================================================***********/

/***********============================================== section3 =====================================================***********/
@media only screen and (max-width: 600px) {.section3{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.section3{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.section3{padding:30px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.section3{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.section3{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.section3{padding:50px 150px 80px 150px;}}
.section3 .mt30{margin-top:30px;}
.section3 .pt30{padding-top:30px;}
.section3 .img{ position:relative; display:block;}
.section3 .img:before{
	position: absolute;
    content: '';
    height: calc(100% - 50px);
    width: 60%;
    background: #5b82bd;
    bottom: 0;
    left: -20px;
    z-index: -1;
    border-radius: 5px;
	background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #5b82bd 100%);
}
.section3 .img img{
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
	border-radius:10px 10px 0px 0px;
	border-left:50px solid linear-gradient(to right, #5b82bd, #445ca6); 
}
.section3 .block{
	background: #445ca6;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #5b82bd, #445ca6);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #5b82bd, #5b82bd); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    text-align: left;
	padding:35px 40px 10px 20px;
	width:70%;
	border-radius:0px 0px 5px 0px;
}
.section3 .block .flaticon{
	font-size:50px;
	color:#fff;
	font-weight:500;
}
.section3 .block .text{
	font-family: 'Rubik', sans-serif;
	font-size: 25px;
    line-height: 35px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 25px;
	padding-left:50px;
}
.section3 h6{
    font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
	display:block;
    position: relative;
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.section3 h6:before{
	content: '';
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
    position: absolute;
    height: 2px;
    width: 70px;
    top: 50%;
    margin-top: -1px;
	left: calc(100% + 30px);
}
.section3 h2{
	font-family: 'Rubik', sans-serif;
	color: #202731;
    font-size: 56px;
    line-height: 66px;
	margin-bottom: 15px;
	font-weight:700;
}
.section3 p{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
    line-height: 1.8;
    color: #565872;
    font-weight: 400;
	margin-top:30px;
	margin-bottom:0px;
}
.section3 h1{
	font-family: 'Rubik', sans-serif;
	font-size: 60px;
    line-height: 1.8;
    color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
    font-weight: 600;
	margin-top:20px;
	margin-bottom:0px;
}
.section3 h5{
	font-family: 'Rubik', sans-serif;
	font-weight:500;
	font-size: 18px;
    color: #202731;
    margin-top: 0px;
	margin-bottom: 15px;
    line-height: 1.5;
}
.section3 .btn {
	font-family: 'Rubik', sans-serif;
    background: #445ca6;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #5b82bd, #445ca6);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #5b82bd, #445ca6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    display: inline-block;
	color:#fff;
    padding: 22px 40px 20px 40px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    font-size: 16px;
    border-radius: 5px;
	margin-top:15px;
}
.section3 .btn a{ color:#fff;}
/***********============================================== section3 =====================================================***********/

/***********============================================== section4 =====================================================***********/
@media only screen and (max-width: 600px) {.section4{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.section4{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.section4{padding:30px 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 150px 80px 150px;}}
.section4{background:#f3f5f8;}
.section4 .mt30{margin-top:30px;}
.section4 .pt30{padding-top:30px;}
.section4 .post-slide{margin:40px 15px 0px 15px;}
.section4 h6{
    font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
	display:block;
    position: relative;
	color: #5b82bd;
    fill: #5b82bd;
	text-align:center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.section4 h2{
	font-family: 'Rubik', sans-serif;
	color: #202731;
    font-size: 56px;
    line-height: 66px;
	margin-bottom: 15px;
	font-weight:700;
	text-align:center;
}
.section4 p{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
    line-height: 1.8;
    color: #565872;
    font-weight: 400;
	margin-top:40px;
}
.section4 .box{
	margin-bottom: 35px;
}
.section4 .img{
	overflow: hidden;
    border-radius: 5px;
}
.section4 .content {
    background: #ffffff;
    width: calc(100% - 50px);
    margin: -30px auto 0 auto;
    position: relative;
    padding: 35px 15px;
    box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);
}
.section4 .icon{
    height: 80px;
    width: 80px;
    background: #ffffff;
    line-height: 80px;
    font-size: 60px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);
    color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.section4 .icon .flaticon{
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.section4 h4{
	font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 34px;
	color: #202731;
	margin-bottom: 15px;
}
.section4 .btn{
	font-family: 'Rubik', sans-serif;
	color: #455da7;
	font-weight: 500;
    font-size: 16px;
    line-height: 1;
	text-align:left;
	margin-left:-10px;
}
/***********============================================== section4 =====================================================***********/

/***********============================================== section5 =====================================================***********/
@media only screen and (max-width: 600px) {.section5{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.section5{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.section5{padding:30px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.section5{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.section5{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.section5{padding:50px 180px 80px 180px;}}
.section5{background:url(../images/section5back.jpg) no-repeat top/cover;}
.section5 .mt30{margin-top:30px;}
.section5 .pt30{padding-top:30px;}
.section5 h6{
    font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
	display:block;
	color: #fff;
    fill: #fff;
	text-align:center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #fff 0%, #fff 100%);
}
.section5 h2{
	font-family: 'Rubik', sans-serif;
	color: #fff;
    font-size: 56px;
    line-height: 66px;
	margin-bottom: 15px;
	font-weight:700;
	text-align:center;
}
.section5 p{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
    line-height: 1.8;
    color: #565872;
    font-weight: 400;
	margin-top:40px;
}
.section5 .testimonial{
    padding: 20px 15px 50px;
}
.section5 .testimonial .description{
	font-family: 'Rubik', sans-serif;
    background: #fff;
    border-radius: 0px;
    color: #333333;
    font-size: 14px;
    font-style: italic;
    padding: 25px 35px 25px 65px;
    position: relative;
}
.section5 .testimonial .description:before{
    content: "\f10d";
    font-family: "Fontawesome"; font-weight: 900;
    position: absolute;
    top:57px;
	left: 4%;
    font-size: 30px;
    color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.section5 .testimonial-review{
    padding-top: 22px;
}
.section5 .testimonial-review img{
    border-radius: 50%;
    float: left;
    margin-left: 25px;
    margin-right: 20px;
}
.section5 .testimonial-review .testimonial-title{
	font-family: 'Rubik', sans-serif;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    float: left;
    text-transform: capitalize;
}
.section5 .testimonial-title small{
	font-family: 'Rubik', sans-serif;
    display: block;
    color: #999;
    font-size: 14px;
    margin-top: 3px;
}
.section5 .testimonial .rating{
    padding: 0;
    list-style: none;
    text-align: right;
	margin-top:10px;
	margin-right:40px;
}
.section5 .rating li{
    display: inline-block;
    color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
@media only screen and (max-width: 480px) {
    .section5 .testimonial-review img{
        margin-left: 15px;
        margin-right: 10px;
    }
}
/***********============================================== section5 =====================================================***********/

/***********============================================== section6 =====================================================***********/
@media only screen and (max-width: 600px) {.section6{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.section6{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.section6{padding:30px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.section6{padding:0px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.section6{padding:0px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.section6{padding:0px 150px 80px 150px;}}
.section6 .mt30{margin-top:30px;}
.section6 .pt30{padding-top:30px;}
.section6 h6{
    font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
	display:block;
	color: #5b82bd;
    fill: #5b82bd;
	text-align:center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.section6 h2{
	font-family: 'Rubik', sans-serif;
	color: #202731;
    font-size: 56px;
    line-height: 66px;
	margin-bottom: 15px;
	font-weight:700;
	text-align:center;
}
.section6 p{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
    line-height: 1.8;
    color: #565872;
    font-weight: 400;
	margin-top:40px;
}
.section6 .box{
    padding: 5px;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.section6 .box:before{
    content: "";
    width: 140px;
    height: 140px;
    border-width: 0 0 5px 5px;
    border-style: solid;
    border-color: #fff;
    position: absolute;
    bottom: 0;
    left: 1px;
}
.section6 .box:after{
    content: "";
    width: 206px;
    height: 206px;
    border-width: 5px 5px 0 0;
    border-style: solid;
    border-color: #fff;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
}
.section6 .box img{
    width: 100%;
    height: auto;
}
.section6 .box .box-content{
    width: 85%;
    padding: 40px 0;
    background: #fff;
	border-radius:10px;
    position: absolute;
    bottom: 5px;
    left: 25px;
    right: 25px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.3s ease 0s;
}
.section6 .box:hover .box-content{
    opacity: 1;
    transform: translateY(0);
}
.section6 .box-content .title{
	font-family: 'Rubik', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #202731;
    margin: 0 0 5px 0;
}
.section6 .box-content .post{
	font-family: 'Rubik', sans-serif;
    display: inline-block;
    font-size: 16px;
    color: #5b82bd;
    fill: #5b82bd;
	text-align:center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
    text-transform: capitalize;
}
@media only screen and (max-width:990px){.section6 .box{ margin-bottom: 30px; }}
/***********============================================== section6 =====================================================***********/

/***********============================================== section7 =====================================================***********/
@media only screen and (max-width: 600px) {.section7{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.section7{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.section7{padding:30px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.section7{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.section7{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.section7{padding:50px 150px 80px 150px;}}
.section7{background:#f3f5f8;}
.section7 .mt30{margin-top:30px;}
.section7 .pt30{padding-top:30px;}
.section7 h6{
    font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
	display:block;
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.section7 h2{
	font-family: 'Rubik', sans-serif;
	color: #202731;
    font-size: 56px;
    line-height: 66px;
	margin-bottom: 15px;
	font-weight:700;
}
.section7 p{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
    line-height: 1.8;
    color: #565872;
    font-weight: 400;
	margin-top:40px;
}
.section7 .box{text-align:center;}
.section7 .box .text{background:#fff; padding:25px 5px;     box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);}
.section7 h5{
	font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 34px;
	color: #202731;
	margin-bottom: 15px;
}
.section7 a{
	font-family: 'Rubik', sans-serif;
	color: #455da7;
	font-weight: 500;
    font-size: 18px;
    line-height: 1;
	text-align:left;
	margin-left:-10px;
}
/***********============================================== section7 =====================================================***********/

/***********============================================== section8 =====================================================***********/
@media only screen and (max-width: 600px) {.section8 .sec8{padding:50px 20px 80px 20px;} .section8{padding:80px 20px;}}
@media only screen and (min-width: 600px) {.section8 .sec8{padding:50px 20px 80px 20px;} .section8{padding:80px 20px;}}
@media only screen and (min-width: 768px) {.section8 .sec8{padding:50px 20px 80px 20px;} .section8{padding:80px 20px;}} 
@media only screen and (min-width: 992px) {.section8 .sec8{padding:50px 50px 80px 50px;} .section8{padding:80px 60px;}} 
@media only screen and (min-width: 1200px) {.section8 .sec8{padding:50px 100px 80px 100px;} .section8{padding:80px 100px;}}
@media only screen and (min-width: 1500px) {.section8 .sec8{padding:50px 150px 80px 150px;} .section8{padding:80px 160px;}}
.section8 .mt30{margin-top:30px;}
.section8 .sec8{
	background: #445ca6;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #5b82bd, #445ca6);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #5b82bd, #445ca6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.section8 .brdr{border-left: 1px solid #7588c1; padding-bottom:50px;}
.section8 h2{
	font-family: 'Rubik', sans-serif;
	color: #fff;
    font-size: 30px;
    line-height: 66px;
	margin-bottom: 15px;
	font-weight:700;
}
.section8 ul li{
	font-family: 'Rubik', sans-serif;
	color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 33px;
	list-style:none;
}
.section8 ul li a{ color:#fff;}
.section8 .form input[type="email"] {
	font-family: 'Rubik', sans-serif;
    margin-bottom: 0;
    background-color: #3f5498;
    border-color: transparent;
    color: #ffffff;
    box-shadow: none;
	border: 1px solid #ccc;
    border-radius: 3px;
	border:none;
    padding: 15px;
	width:100%;
}
.section8 .btn{
	font-family: 'Rubik', sans-serif;
	position: absolute;
    right: 0;
    top: 45%;
	font-size: 16px;
    line-height: 1.8;
    color: #565872;
}
.section8 .btn input[type="submit"] {
    background: #ffffff;
    border-radius: 0 3px 3px 0;
    border: 1px solid;
    border-color: transparent;
    color: #455da7;
	display: inline-block;
    padding: 20px 40px 20px 40px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1;
    font-size: 16px;
    border-radius: 5px;
    position: relative;
}
/***********============================================== section8 =====================================================***********/

/***********============================================== section9 =====================================================***********/
@media only screen and (max-width: 600px) {.section9{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.section9{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.section9{padding:30px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.section9{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.section9{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.section9{padding:50px 150px 80px 150px;}}
.section9{background:#f3f5f8;}
.section9 .mt30{margin-top:30px;}
.section9 .pt30{padding-top:30px;}
.section9 .post-slide{
    background: #fff;
    margin: 40px 15px 0px 15px;
}
.section9 .post-slide .post-img{
    position:relative;
    float: left;
    width:40%;
    height: auto;
}
.section9 .post-slide .over-layer{
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    opacity:0;
    cursor: pointer;
    transition: opacity 0.30s ease 0s;
}
.section9 .post-slide .over-layer:after{
    color: #fff;
    content: "+";
    font-size: 52px;
    position: absolute;
    top: 31%;
    left:42%;
}
.section9 .post-slide .post-img:hover .over-layer{
    opacity:1;
}
.section9 .post-slide .post-img img{
    width:100%;
    height: auto;
	min-height:300px;
}
.section9 .post-slide .post-review{
    float: left;
    padding: 1px 20px;
    width: 60%;
}
.section9 h6{
    font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
	text-align:center;
	display:block;
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.section9 h2{
	font-family: 'Rubik', sans-serif;
	color: #202731;
    font-size: 56px;
    line-height: 66px;
	margin-bottom: 15px;
	font-weight:700;
	text-align:center;
}
.section9 .date{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	font-weight:400;
	line-height: 1.8;
	text-transform: uppercase;
	margin-bottom:10px;
	color: #455da7;
}
.section9 h3{
	font-family: 'Rubik', sans-serif;
	font-size: 24px;
    line-height: 34px;
	color: #202731;
	margin-bottom: 15px;
}
.section9 h3 a{color: #202731;}
.section9 p{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
    line-height: 1.8;
    color: #565872;
    font-weight: 400;
	margin-top:20px;
}
.section9 a{
	font-family: 'Rubik', sans-serif;
	color: #455da7;
	font-weight: 500;
    font-size: 18px;
    line-height: 1;
	text-align:left;
	margin-left:-10px;
}
/***********============================================== section9 =====================================================***********/

/***********============================================== footer =====================================================***********/
@media only screen and (max-width: 600px) {.footer{padding:80px 20px;} .footer-copy {padding: 20px 10px 10px 10px;}}
@media only screen and (min-width: 600px) {.footer{padding:80px 20px;} .footer-copy {padding: 20px 10px 10px 10px;}}
@media only screen and (min-width: 768px) {.footer{padding:80px 20px;} .footer-copy {padding: 20px 10px 10px 10px;}} 
@media only screen and (min-width: 992px) {.footer{padding:50px 50px 80px 100px;} .footer-copy {padding: 20px 50px 10px 50px;}} 
@media only screen and (min-width: 1200px) {.footer{padding:50px 100px 80px 100px;} .footer-copy {padding: 20px 100px 10px 100px;}}
@media only screen and (min-width: 1500px) {.footer{padding:50px 150px 80px 150px;} .footer-copy {padding: 20px 150px 10px 150px;}}
.footer{    
	background-color: #222933;
    background-image: url(../images/footerback.png);
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #393f48;
}
.footer .mt30{margin-top:30px;}
.footer h3 {
    color: #fff;
	font-family: 'Rubik', sans-serif;
    font-weight: 500;
	font-size:25px;
    line-height: 1.1;
	margin-bottom:30px;
	text-transform:capitalize;
}
.footer p{
	font-family: 'Rubik', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
	color: #aeb1b3;
	margin:0;
}
.footer .links li{padding: 8px 0 8px 0; position:relative; list-style:none;}
.footer .links li a{color: #aeb1b3; font-family: 'Rubik', sans-serif; font-weight:400; font-size:15px; padding-left:15px; text-transform:capitalize;}
.footer .links li:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "\f105";
    font-family: FontAwesome;
    color: #aeb1b3;
    font-size: 16px;
    transition: all 0.3s ease-in-out 0.1s;
}
.footer .cnct li{
	margin-bottom: 20px;
	list-style:none;
	font-family: "Rubik",sans-serif;
}
.footer .cnct li .fa{
	color: #aeb1b3;
    font-size: 25px;
    margin-right: 18px;
}
.footer .cnct li .flaticon{
	color: #aeb1b3;
    font-size: 35px;
	font-weight:600;
    margin-right: 18px;
	line-height:25px;
	display:inline-block;
}
.footer .cnct li span{
	margin:0;
	padding:0;
	color:#aeb1b3;
	font-family: "Rubik",sans-serif;
	display:inline-block;
}
.footer .cnct li .city {
    margin-left: 55px;
	margin-bottom:5px;
	margin-top:0px;
	padding:0;
	font-family: "Rubik",sans-serif;
}
.footer .cnct li a{
	color: #aeb1b3;
	font-family: "Rubik",sans-serif;
}
.footer .social {margin-top:25px;}
.footer .social li{display:inline-block; list-style:none; border-radius: 50%; margin:0 3px;}
.footer .social .fa{ font-size:14px; margin-top:10px; width: 33px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    text-align: center;}
.footer .social li a{color:#fff; padding:0px 4px; display:inline-block; border-radius: 50%; background:#393f48;}
.footer .social-facebook a, .footer .social-facebook a:hover {background-color: #5d82d1;}
.footer .social-twitter a, .footer .social-twitter a:hover {background-color: #40bff5;}
.footer .social-gplus a, .footer .social-gplus a:hover {background-color: #db5442;}
.footer .social-linkedin a, .footer .social-linkedin a:hover {background-color: #238cc8;}
.footer-copy {
    background: #222933;
    font-family: "Rubik",sans-serif;
	font-size:16px;
}
.footer-copy p {
    color: #aeb1b3;
    text-align: left;
}
.footer-copy p a {color: #aeb1b3;}

.wp{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#2cb741;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
	box-shadow: 2px 2px 3px #222;
  	z-index:100;
}
.my-float{margin-top:16px;}
/***********============================================== footer =====================================================***********/

/***********============================================== banner =====================================================***********/
@media only screen and (max-width: 600px) {.banner{margin-top:50px;}}
@media only screen and (min-width: 600px) {.banner{margin-top:50px;}}
@media only screen and (min-width: 768px) {.banner{margin-top:50px;}} 
@media only screen and (min-width: 992px) {.banner{margin-top:80px;}} 
@media only screen and (min-width: 1200px) {.banner{margin-top:150px;}}
@media only screen and (min-width: 1500px) {.banner{margin-top:150px;}}
.banner{border-bottom:2px solid #eee;}
/***********============================================== banner =====================================================***********/

/***********============================================== about_page =====================================================***********/
@media only screen and (max-width: 600px) {.about_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.about_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.about_page{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.about_page{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.about_page{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.about_page{padding:50px 150px 80px 150px;}}
.about_page .mt60{margin-top:60px;}
.about_page .fl{float:right !important;}
.about_page_sec1 .mt30{margin-top:30px;}
.about_page_sec1 .pt30{padding-top:30px;}
.about_page_sec1 h6{
    font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
	display:block;
    position: relative;
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.about_page_sec1 h6:before{
	content: '';
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
    position: absolute;
    height: 2px;
    width: 70px;
    top: 50%;
    margin-top: -1px;
	left: calc(100% + 30px);
}
.about_page_sec1 h2{
	font-family: 'Rubik', sans-serif;
	color: #202731;
    font-size: 56px;
    line-height: 66px;
	margin-bottom: 15px;
	font-weight:700;
}
.about_page_sec1 p{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
    line-height: 1.8;
    color: #565872;
    font-weight: 400;
	margin-top:40px;
}
.about_page_sec1 .icon{
    height: 80px;
    width: 80px;
    background: #ffffff;
    line-height: 80px;
    font-size: 50px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);
    color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.about_page_sec1 .icon .flaticon{
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.about_page_sec1 h5{
	font-family: 'Rubik', sans-serif;
	font-weight:700;
	font-size: 22px;
    color: #202731;
    margin-top: 15px;
	margin-bottom: 15px;
    line-height: 1.5;
}
.about_page_sec1 span{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
    line-height: 1.8;
    color: #565872;
    font-weight: 400;
	margin-top:40px;
}

@media only screen and (max-width: 600px) {.about_page_sec2 .box{padding: 46px 30px 46px 30px;} .about_page_sec2 .box1{padding: 33px 30px 35px 30px;}}
@media only screen and (min-width: 600px) {.about_page_sec2 .box{padding: 46px 30px 46px 30px;} .about_page_sec2 .box1{padding: 33px 30px 35px 30px;}}
@media only screen and (min-width: 768px) {.about_page_sec2 .box{padding: 46px 30px 46px 30px;} .about_page_sec2 .box1{padding: 33px 30px 35px 30px;}} 
@media only screen and (min-width: 992px) {.about_page_sec2 .box{padding: 46px 30px 40px 30px;} .about_page_sec2 .box1{padding: 33px 30px 35px 30px;}} 
@media only screen and (min-width: 1200px) {.about_page_sec2 .box{padding: 46px 30px 40px 30px;} .about_page_sec2 .box1{padding: 33px 30px 35px 30px;}}
@media only screen and (min-width: 1500px) {.about_page_sec2 .box{padding: 0px 0px;} .about_page_sec2 .box1{padding: 33px 30px 35px 30px;}}
.about_page_sec2{background:#f3f5f8;}
.about_page_sec2 .mt30{margin-top:30px;}
.about_page_sec2 .box{
    background: #ffffff;
    position: relative;
    box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}
.about_page_sec2 .box1{
    background: #ffffff;
    position: relative;
    box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}
.about_page_sec2 h5{
	font-family: 'Rubik', sans-serif;
    color: #202731;
    font-size: 22px;
    position: relative;
    z-index: 1;
    line-height: 32px;
    font-weight: 600;
}
.about_page_sec2 .icon{
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
	height: 80px;
    width: 80px;
    font-size: 80px;
    line-height: 80px;
    margin-top: 40px;
}
.about_page_sec2 .watermark {
    height: 100px;
    width: 100px;
    font-size: 100px;
    line-height: 100px;
    position: absolute;
    top: 0;
    right: 0;
    color: #f6f5fe;
}
.about_page_sec2 .watermark .flaticon{
	font-size: 100px;
    line-height: 100px;
}

.about_page_sec3 .mt30{margin-top:30px;}
.about_page_sec3 .pt30{padding-top:30px;}
.about_page_sec3 .post-slide{margin:40px 15px 0px 15px;}
.about_page_sec3 h6{
    font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
	display:block;
    position: relative;
	color: #5b82bd;
    fill: #5b82bd;
	text-align:center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.about_page_sec3 h2{
	font-family: 'Rubik', sans-serif;
	color: #202731;
    font-size: 56px;
    line-height: 66px;
	margin-bottom: 15px;
	font-weight:700;
	text-align:center;
}
.about_page_sec3 p{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
    line-height: 1.8;
    color: #565872;
    font-weight: 400;
	margin-top:40px;
}
.about_page_sec3 .box{
	margin-bottom: 35px;
}
.about_page_sec3 .img{
	overflow: hidden;
    border-radius: 5px;
}
.about_page_sec3 .content {
    background: #ffffff;
    width: calc(100% - 50px);
    margin: -30px auto 0 auto;
    position: relative;
    padding: 35px 15px;
    box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);
}
.about_page_sec3 .icon{
    height: 80px;
    width: 80px;
    background: #ffffff;
    line-height: 80px;
    font-size: 60px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0px 6px 47px 3px rgba(37, 37, 37, 0.05);
    color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.about_page_sec3 .icon .flaticon{
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.about_page_sec3 h4{
	font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 34px;
	color: #202731;
	margin-bottom: 15px;
}
.about_page_sec3 .btn{
	font-family: 'Rubik', sans-serif;
	color: #455da7;
	font-weight: 500;
    font-size: 16px;
    line-height: 1;
	text-align:left;
	margin-left:-10px;
}
/***********============================================== about_page =====================================================***********/

/***********============================================== service_page =====================================================***********/
@media only screen and (max-width: 600px) {.service_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.service_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.service_page{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.service_page{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.service_page{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.service_page{padding:50px 150px 80px 150px;}}
.service_page .mt60{margin-top:60px;}
.service_page .mt30{margin-top:30px;}
.service_page h6{
    font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 35px;
    margin-bottom: 0px;
	display:block;
    position: relative;
	color: #5b82bd;
    fill: #5b82bd;
	margin-top:0px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.service_page h6:before{
	content: '';
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
    position: absolute;
    height: 2px;
    width: 70px;
    top: 50%;
    margin-top: -1px;
	left: calc(100% + 30px);
}
.service_page h2{
	font-family: 'Rubik', sans-serif;
	color: #202731;
    font-size: 20px;
    line-height: 26px;
	margin-bottom: 5px;
	font-weight:700;
	margin-top:0px;
}
.service_page h4{ color:#5b82bd; margin-top:25px;}
.service_page .service{
	background:url(../images/service.jpg) no-repeat top/cover;
	text-align: center;
    padding: 55px 30px 45px 30px;
	border-radius:8px;
}
.service_page h1{
	font-family: 'Rubik', sans-serif;
	color: #fff;
    font-size: 34px;
    line-height: 56px;
	margin-bottom: 0px;
	font-weight:700;
}
.service_page h5{
	font-family: 'Rubik', sans-serif;
	color: #fff;
    font-size: 18px;
    line-height: 56px;
	margin-bottom: 30px;
	font-weight:700;
	margin-top:20px;
}
.service_page h5 a{ color:#fff;}
.service_page .icon{
	height: 100px;
    width: 100px;
    background: #ffffff;
    border-radius: 50%;
    font-size: 40px;
    line-height: 105px;
    display: inline-block;
}
.service_page .icon .flaticon{color: #455da7; font-size: 43px; font-weight:600;}
.service_page p{
	font-family: 'Rubik', sans-serif;
	font-size: 15px;
    line-height: 1.8;
	font-weight:400;
    color: #565872;
}
.service_page li{
	font-family: 'Rubik', sans-serif;
	font-size: 15px;
	list-style:none;
    line-height: 2.1;
	font-weight:400;
    color: #565872;
}
.service_page li::before{
    content: "\f138";
	padding:3px;
	border-radius:50%;
    font-family: FontAwesome;
    font-size: 14px;
	color:#fff;
	margin-right:10px;
	background: #445ca6;
    background: -webkit-linear-gradient(to right, #5b82bd, #445ca6);
    background: linear-gradient(to right, #5b82bd, #445ca6);
}
.bx-tada {
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite;
    margin-top: 30px;
}
@-webkit-keyframes tada{from {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}10%,20% {-webkit-transform:scale3d(.95,.95,.95)rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95)rotate3d(0,0,1,-10deg);}30%,50%,70%,90% {-webkit-transform:scale3d(1,1,1)rotate3d(0,0,1,10deg);transform:scale3d(1,1,1)rotate3d(0,0,1,10deg);}40%,60%,80% {-webkit-transform:scale3d(1,1,1)rotate3d(0,0,1,-10deg);transform:scale3d(1,1,1)rotate3d(0,0,1,-10deg);}to {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}
@keyframes tada{from {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}10%,20% {-webkit-transform:scale3d(.95,.95,.95)rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95)rotate3d(0,0,1,-10deg);}30%,50%,70%,90% {-webkit-transform:scale3d(1,1,1)rotate3d(0,0,1,10deg);transform:scale3d(1,1,1)rotate3d(0,0,1,10deg);}40%,60%,80% {-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}to {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}
/***********============================================== service_page =====================================================***********/

/***********============================================== client_page =====================================================***********/
@media only screen and (max-width: 600px) {.client_page_sec1{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.client_page_sec1{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.client_page_sec1{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.client_page_sec1{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.client_page_sec1{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.client_page_sec1{padding:50px 150px 80px 150px;}}
.client_page_sec1 .mt60{margin-top:60px;}
.client_page_sec1 .fl{float:right !important;}
.client_page_sec1 .mt30{margin-top:30px;}
.client_page_sec1 .pt30{padding-top:30px;}
.client_page_sec1 h6{
    font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
	display:block;
    position: relative;
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.client_page_sec1 h6:before{
	content: '';
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
    position: absolute;
    height: 2px;
    width: 70px;
    top: 50%;
    margin-top: -1px;
	left: calc(100% + 30px);
}
.client_page_sec1 h2{
	font-family: 'Rubik', sans-serif;
	color: #202731;
    font-size: 56px;
    line-height: 66px;
	margin-bottom: 15px;
	font-weight:700;
}

@media only screen and (max-width: 600px) {.client_page_sec2{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.client_page_sec2{padding:30px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.client_page_sec2{padding:30px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.client_page_sec2{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.client_page_sec2{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.client_page_sec2{padding:50px 180px 80px 180px;}}
.client_page_sec2{background:url(../images/section5back.jpg) no-repeat top/cover;}
.client_page_sec2 .mt30{margin-top:30px;}
.client_page_sec2 .pt30{padding-top:30px;}
.client_page_sec2 h6{
    font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
	display:block;
	color: #fff;
    fill: #fff;
	text-align:center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #fff 0%, #fff 100%);
}
.client_page_sec2 h2{
	font-family: 'Rubik', sans-serif;
	color: #fff;
    font-size: 56px;
    line-height: 66px;
	margin-bottom: 15px;
	font-weight:700;
	text-align:center;
}
.client_page_sec2 p{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
    line-height: 1.8;
    color: #565872;
    font-weight: 400;
	margin-top:40px;
}
.client_page_sec2 .testimonial{
    padding: 20px 15px 50px;
}
.client_page_sec2 .testimonial .description{
	font-family: 'Rubik', sans-serif;
    background: #fff;
    border-radius: 0px;
    color: #333333;
    font-size: 14px;
    font-style: italic;
    padding: 25px 35px 25px 65px;
    position: relative;
}
.client_page_sec2 .testimonial .description:before{
    content: "\f10d";
    font-family: "Fontawesome"; font-weight: 900;
    position: absolute;
    top:57px;
	left: 4%;
    font-size: 30px;
    color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.client_page_sec2 .testimonial-review{
    padding-top: 22px;
}
.client_page_sec2 .testimonial-review img{
    border-radius: 50%;
    float: left;
    margin-left: 25px;
    margin-right: 20px;
}
.client_page_sec2 .testimonial-review .testimonial-title{
	font-family: 'Rubik', sans-serif;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    float: left;
    text-transform: capitalize;
}
.client_page_sec2 .testimonial-title small{
	font-family: 'Rubik', sans-serif;
    display: block;
    color: #999;
    font-size: 14px;
    margin-top: 3px;
}
.client_page_sec2 .testimonial .rating{
    padding: 0;
    list-style: none;
    text-align: right;
	margin-top:10px;
	margin-right:40px;
}
.client_page_sec2 .rating li{
    display: inline-block;
    color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
@media only screen and (max-width: 480px) {
    .client_page_sec2 .testimonial-review img{
        margin-left: 15px;
        margin-right: 10px;
    }
}
/***********============================================== client_page =====================================================***********/

/***********============================================== enquiry_page =====================================================***********/
@media only screen and (max-width: 600px) {.enquiry_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.enquiry_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.enquiry_page{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.enquiry_page{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.enquiry_page{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.enquiry_page{padding:50px 150px 80px 150px;}}
.enquiry_page{background:url(../images/enquiryback.jpg) no-repeat top/cover;}
.enquiry_page .mt60{margin-top:60px;}
.enquiry_page .mt30{margin-top:30px;}
.enquiry_page h6{
    font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
	display:block;
    position: relative;
	color: #5b82bd;
    fill: #5b82bd;
	margin-top:0px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.enquiry_page h6:before{
	content: '';
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
    position: absolute;
    height: 2px;
    width: 70px;
    top: 50%;
    margin-top: -1px;
	left: calc(100% + 30px);
}
.enquiry_page h2{
	font-family: 'Rubik', sans-serif;
	color: #202731;
    font-size: 45px;
    line-height: 66px;
	margin-bottom: 30px;
	font-weight:700;
}
.enquiry_page .form-control{background: rgba(255,255,255,0);}
.enquiry_page .form-horizontal .form-content{
    padding: 0px 0px;
	background: rgba(255,255,255,0);
}
.enquiry_page .form-horizontal .form-control{
    padding: 12px 16px 12px 39px;
    height: 50px;
    font-size: 14px;
    color: #2b2a2a;
    border: none;
    border: 2px solid #eee;
    border-radius: 6px;
    box-shadow: none;
	box-shadow: 2px 2px 1px #ccc;
    margin-bottom: 15px;
	background: rgba(255,255,255,0.3);
}
.enquiry_page .form-horizontal .form-control:focus{
    border-color: #ccc;
    box-shadow: 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 select.form-control.first-option-selected {color: #999;}
.enquiry_page select.form-control > option {color: black;}
.enquiry_page .btn{
    font-family: 'Rubik', sans-serif;
    text-transform:capitalize;
    text-align: center;
    line-height: 25px;
    margin-top: 10px;
	border: none;
	border-radius:4px;
    outline: none;
    background-color: #5b82bd;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 17px;
    color: #fff;
	float:right;
    padding: 10px 40px;
    -webkit-transition: all 
}
.enquiry_page .btn .fa{ padding-right:5px;}
.enquiry_page .btn a{color:#fff;}
.enquiry_page .btn:hover{background-color: #202731; color:#fff;}
/***********============================================== enquiry_page =====================================================***********/

/***********============================================== contact_page =====================================================***********/
@media only screen and (max-width: 600px) {.contact_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 600px) {.contact_page{padding:50px 20px 80px 20px;}}
@media only screen and (min-width: 768px) {.contact_page{padding:50px 20px 80px 20px;}} 
@media only screen and (min-width: 992px) {.contact_page{padding:50px 50px 80px 50px;}} 
@media only screen and (min-width: 1200px) {.contact_page{padding:50px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.contact_page{padding:50px 150px 80px 150px;}}
.contact_page{background:url(../images/enquiryback.jpg) no-repeat top/cover;}
.contact_page .mt60{margin-top:60px;}
.contact_page .mt30{margin-top:30px;}
.contact_page h6{
    font-family: 'Rubik', sans-serif;
	font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
	display:block;
    position: relative;
	color: #5b82bd;
    fill: #5b82bd;
	margin-top:0px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
}
.contact_page h6:before{
	content: '';
	color: #5b82bd;
    fill: #5b82bd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	background-color: transparent;
    background-image: linear-gradient(90deg, #5b82bd 0%, #445ca6 100%);
    position: absolute;
    height: 2px;
    width: 70px;
    top: 50%;
    margin-top: -1px;
	left: calc(100% + 30px);
}
.contact_page h2{
	font-family: 'Rubik', sans-serif;
	color: #202731;
    font-size: 43px;
    line-height: 66px;
	margin-bottom: 30px;
	font-weight:700;
}
.contact_page .box{padding:20px 20px; background:#f4f5f8; border-radius:8px; min-height:250px;}
.contact_page .icon{
	background: #445ca6;
    background: -webkit-linear-gradient(to right, #5b82bd, #445ca6);
    background: linear-gradient(to right, #5b82bd, #445ca6);
	position: relative;
    z-index: 1;
	border-radius:50%;
	width:100px;
	height:100px;
	margin:0 auto;
}
.contact_page .icon .flaticon{
	position: relative;
	color:#fff;
	font-size:45px;
    text-align: center;
	padding-left:27px;
	padding-top:55px;
	line-height:95px;
}
.contact_page p{
	font-family: 'Rubik', sans-serif;
	margin: 0;
    font-size: 16px;
    color: #202731;
	text-align:center;
	font-weight: 400;
    line-height: 26px;
    margin-top: 25px;
}
.contact_page p a{ color:#202731;}
/***********============================================== contact_page =====================================================***********/