/*
Developed by : W2S Solution,
Author name : DEVADLS

*/

/*css fonts */

/*black font*/

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


/*bold font*/

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


/*font heavy*/

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


/*font light*/

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

/*font medium*/

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


/*font semibold*/

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


/*font thin*/


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



/*ultra light font*/


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


html, body{
  margin:0;
  padding:0;
  overflow-x: hidden;
  overflow-y: auto;
}
.margin_b_50{margin-bottom: 50px !important}



/*header section*/


.fixheader{    position: fixed;z-index: 100;padding: 10px;width: 100%;}
.white_header{background:#ffffff;}


/*first section*/


.first_section{    
    background: url(../images/banner.jpg) no-repeat;
    background-size: cover;
    height: 600px;
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    max-height: 100vh;}
/*.first_section:after{    
    position: absolute;
    content:'';
    top: 0;
    left: 0;
    width: 100%;
    background-image: -moz-linear-gradient( -40deg, rgb(255,54,46) 0%, rgb(241,26,58) 49%, rgb(230,6,71) 100%);
    background-image: -webkit-linear-gradient( -40deg, rgb(255,54,46) 0%, rgb(241,26,58) 49%, rgb(230,6,71) 100%);
    background-image: -ms-linear-gradient( -40deg, rgb(255,54,46) 0%, rgb(241,26,58) 49%, rgb(230,6,71) 100%);
    height: 100%;
    opacity: 0.85;}*/
    .tablecl{display: table;}
    .tablecelcl{display: table-cell;vertical-align: middle;width: 100%;position: relative;z-index: 10;}
    .bannertext{color:#ffffff;font-family: 'Roboto', sans-serif;font-weight: 300;text-align: left;line-height: 44px;}
    .bannertext strong{display: block;font-weight: bold}


.col-md-6.tablecelcl{float:none;width:50%;}
.col-md-4.tablecelcl{float: none;width: 50%;padding-left: 16%;}

/*first section end*/


/*second section*/


.second_section{width:100%;overflow: hidden;background:#f5f5f5;padding:100px 0;}
/*.laptopplace{background:url("../images/background.png") no-repeat;background-position: center;background-size: 100% auto;overflow: hidden;position: relative;}*/
.laptopplace{width:100%;overflow: hidden;position: relative;}
.laptopplace img{max-width: 100%;display: block;margin:0;}
.inrhead{ font-family: 'Roboto', sans-serif;font-weight:600;font-size:30px;margin-bottom:30px;position: relative;}
.inrhead::after{position: absolute;bottom: -13px;height: 4px;background: #f3715a;width: 100px;left: 0;content: "";}
p{    font-family: 'Roboto', sans-serif;font-weight:400;font-size: 16px;color: #333333;line-height: 27px;}
h5{font-size:20px;font-family: ]}

/*second section end*/


/*third section*/


.third_section {padding:100px 0;width:100%;overflow:hidden;}

/*third section end*/


/*fourth section*/

.fourth_section{ 
    padding:100px 0;
   background: url(../images/solution.jpg) no-repeat;
   background-color:rgba(0,0,0,0.7);
   background-size:cover;
   background-position: center;
   background-attachment: fixed;
   position: relative;
}
.fourth_section::after{background:rgba(17, 45, 37, 0.88);width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index: 0;content: ""}
.bghead{font-family: 'Roboto', sans-serif;font-weight:600;font-size: 30px;margin-bottom: 30px;position: relative;text-align: center;color:#ffffff;}
.bghead::after{
    position: absolute;
    bottom: -13px;
    height: 4px;
    background: #f3715a;
    width: 100px;
    left: 0;
    content: "";
    left:50%;margin-left:-50px;
}
.bgpara{    color: #fff;font-size: 22px;text-align: center;line-height: 32px;max-width: 850px;margin: 0 auto 50px auto;}
.fourth_section h4 img{display: block;margin: 0 auto 30px auto;border: 2px solid #ccc;padding: 10px;border-radius: 50%;}
.fourth_section h4{    font-size: 24px;font-family: 'Roboto', sans-serif;color: #ffffff;margin-bottom: 20px;text-align: center}
.fourth_section p{color:#d6d5d5;font-family: 'Roboto', sans-serif;text-align:center;}
.fourth_section .container{position: relative;z-index: 1}
.owl-carousel .owl-item img{max-width: 300px;display: block;margin:0 auto;}

/*fourth section end*/

/*fifth section*/
.fifth_section{padding:80px 0 100px 0;}
.fifthhead{color:#333333;font-family: 'Roboto', sans-serif;font-weight: 600;font-size: 30px;margin-bottom: 50px;position: relative;text-align: center;}
.fifthhead::after {position: absolute;bottom: -13px;height: 4px;background: #f3715a;width: 100px;left: 0;content: "";left: 50%;margin-left: -50px;}
.fifth_section p{text-align: center;margin: 0 0 50px 0;font-size: 18px;}

/*fifth section end*/


/*sixth_section*/

.sixth_section{padding:100px 0 100px 0;background:#f5f5f5;}
.backbg{background: #ffffff;padding: 35px 10px 18px 10px;box-shadow: 0 0 15px #ccc;border-radius: 5px;}
.lineright{    padding: 17px 30px 17px 30px;text-align: center;font-size: 15px;position: relative;margin: 26px 0 7px 0;}
.lineright::after{content:'';position: absolute;right:0;height:30px;width:1px;background:#333;top:50%;margin-top:-15px;}
.lineright:last-child::after{background:transparent;}
.text-justify{text-align: justify !important;}
.logomart{max-height:70px;display: inline-block;margin:30px 10px;}

/*sixth_section end*/


/*seventh section*/

.seventh_section{padding:100px 0 100px 0;overflow: hidden;}
.seventh_section .inlineborder{min-height:100px;position: relative;}
.seventh_section .inlineborder::after{background:#99c441;background-size:100% 5px;background-position: center;position:absolute;top:50%;margin-top:-2.5px;height:5px;width: 100%}
.seventh_section .circleborder{background:#fff;width:300px;height:300px;border-radius:50%;margin:0px auto;position: relative;z-index: 1;border:5px solid #99c441;}
.seventh_section .circleborder::before{content: '';background: #fff;width: 302px;height: 150px;margin: 0px auto;z-index: 1;border: 5px solid #ffffff;position: absolute;left: -6px;top: -7px;right: 0;z-index: 120;}
.seventh_section .circleborder::after{content: '';background: #ffffff;width: 300px;height: 300px;border-radius: 50%;margin: 0px auto;z-index: 1;border: 5px solid #99c441;position: absolute;left: -4px;top: -4px;right: 0;z-index: 0}
.seventh_section .circleborder .innerborder{background: #99c441;width: 280px;height: 280px;border-radius: 50%;position: relative;z-index: 160;margin: 6px auto 0 auto;display: table}
.innerborder h2{display: table-cell;vertical-align: middle;text-align: center;color:#ffffff;font-size:30px;position: relative;}

/* this line is for circle image header border 
.innerborder h2::after{position: absolute;bottom: -13px;height: 4px;background: #f3715a;width: 100px;content: "";left: 50%;margin-left: -50px;}*/

.trian{text-align: center;margin-top: -147px;}
.seventh_section h4{font-family: 'Roboto', sans-serif;font-size: 24px;margin:20px 0 0 0 !important;}
.triangtwo{text-align: center}
.triangle_down{display: block;text-align: center;margin: 0px 0 35px 0;color:#ffffff;}
.triangle_down::after{content: '';width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 30px solid #99c441;position: absolute;z-index: -1;margin-left: -18px;}

/*seventh section end*/

.tableclis{display: table;}
.tablecelclis{float:none;display: table-cell;float:none;vertical-align: middle;}

.eigth_section{padding:50px 0;overflow:hidden;position: relative;background:url(../images/solution-1.jpg) no-repeat;width:100%;background-size:100% auto;background-position:center;}
.eigth_section::after{position: absolute;right:0;top:0;content:'';height: 100%;background:rgba(35, 34, 117, 0.8);width:50%;}
.eigth_section::before{background:#ee2d50;top:0;position: absolute;width: 50%;height: 100%;left:0;content:'';}
.eigth_section h3{border: 1px solid #fff;display: block;color: #fff;padding: 15px;border-radius: 10px;max-width: 320px;font-size: 24px;text-align: center;
    margin: 0 auto;width: 100%;}
.eigth_section div{color:#ffffff;position: relative;z-index: 10;font-size: 18px;}





/*ninth section*/

.ninth_section{padding:80px 0;}
section.ninth_section #contact-form {
    max-width: 775px;
    margin: 0 auto;
}
input, button, select, textarea {
      display: block;
    width: 100%;
    padding: 12px 20px;
    background: #f7f7f7;
    color: #999999;
    font-size: 15px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    outline: none;
    border: 1px solid #eeeded;
    margin: 0 0 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
textarea {
    height: 130px;
    display: block;
    width: 100%;
    padding: 12px 20px;
    background: #f7f7f7;
    color: #999999;
    font-size: 15px;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    outline: none;
    border: 1px solid #eeeded;
    margin: 0 0 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.submit-area input{    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    max-width: 150px;}

.mobileresult{display: none;}

.successmsg{border: 1px solid green;font-size: 18px;padding: 7px;text-align: center;opacity: 1;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;
  -webkit-animation: anim 2s 1;animation: anim 2s 1;    margin-top: 10px;}

  .error{position: absolute;margin-top: -30px;color: red;}
  .author{float: right;margin-top: 60px;}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes anim {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Standard syntax */
@keyframes anim {
 from {opacity: 0;}
 to {opacity: 1;}
}
.error_msg{border: 1px solid green;font-size: 18px;padding: 7px;text-align: center;opacity: 1 !important;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;
  -webkit-animation: animer 2s 1;animation: animer 2s 1;}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes animer {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Standard syntax */
@keyframes animer {
 from {opacity: 0;}
 to {opacity: 1;}
}



/*css for menu*/

/* Nav Menu */
#navbar{
    z-index: 999;
    padding: 0 15px;
}
ul.nav{}
ul.nav > li{display: inline-block;}
ul.nav > li > a{
    color: rgba(255, 255, 255, 0.9);
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 70px;
    z-index: 1;
}
ul.nav > li > a:hover,
ul.nav > li > a:focus,
ul.nav > li > a.active{
    background: none;
    color: #fff;
    opacity: 1;
}
.menu-btn{
    margin-left: 10px;
    margin-top: 10px;
}
ul.nav > li > a{font-family: 'Roboto', sans-serif}
ul.nav.fixedmenu > li > a{color:#333;}
.navbar{margin-bottom:0;}
.navbar-brand{padding:0 15px;}


ul.nav > li > a.active{color:#f3715a !important;}


.hamburger{position: relative;width: 30px;height: 30px;float: right;  cursor: pointer;    margin: 23px 0 0 0;z-index: 123;display: none;}
.hamburger span{width: 100%;display: block;margin-bottom:4px;height:2px;background:#ffffff;transition: all 0.2s linear;-webkit-transition:all 0.2s linear;}
.hamburger span:first-child{position: absolute; top: 0;}
.hamburger span:nth-of-type(2){position: absolute;top: 6px;}
.hamburger span:nth-of-type(3){position: absolute;top: 12px;}
.hamburger span.m1:first-child{transform:rotate(45deg);transition:all 0.2s linear;-webkit-transition:all 0.2s linear;top:12px;}
.hamburger span.m1:nth-of-type(2){opacity:0;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;}
.hamburger span.m1:nth-of-type(3){transform:rotate(-45deg);transition:all 0.2s linear;-webkit-transition:all 0.2s linear;}

/*menu section end*/

/*css for footer section*/


.tenth_section{background:#333;padding:50px 0;}
.margin_bt_20{margin-bottom: 20px}
.tenth_section p{color: #ccc;font-size: 14px;line-height: 24px;}
.tenth_section h3{color:#ffffff;}
.tenth_section ul{margin:0;padding:0;}
.tenth_section ul li a{display: block;color: #ccc;padding: 6px 0 6px 0;border-bottom: 1px solid #ffffff29}
.tenth_section ul li a:hover{text-decoration: none;color:#ffffff;}
.tenth_section ul li a img{max-width: 24px;margin-right: 8px;float: left;}

.socialicons  li a i{border-radius: 50%;width: 24px;height: 24px;text-align: center;line-height: 22px;margin-right: 8px;}
.socialicons  li:first-child a i{background:#3b5998;}
.socialicons  li:nth-of-type(2) a i{background:#0177af;}
.socialicons  li:nth-of-type(3) a i{background:#d62a26;}
.socialicons  li:nth-of-type(4) a i{background:#d8267c;}
.socialicons  li:last-child a i{background:#38A1F3;}
.paddfooter{padding-left: 50px}
.copyright a{color:#ffffff !important;font-weight: bold;}

.copyright{background: #333;padding: 16px 0 10px 0;border-top: 1px solid #696868;}
.copyright p{color: #ccc;text-align: center;font-size:14px;}



@media only screen and (max-width: 800px){
  .tableclis{display: block;}
.tablecelclis{float:none;display:block}
.mainmenu{position: fixed;right: 0;height: 100%;background: #353030;top: 0;max-width: 300px;overflow-y: auto;width: 100%;
  transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;right: -300px;}
ul.nav > li {display: block;width: 100%;max-width: 100%;text-align: left;}
ul.nav > li > a {color: #ffffff;font-size: 13px;line-height: inherit;border-bottom: 1px solid #6f6d6d;display: block;padding: 8px 8px 8px 12px;}
.mainmenu.togglemenu{transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;right: 0px !important;}
ul.nav {padding-top: 50px;}
.mainmenu.togglemenu ul.nav.fixedmenu > li > a{color:#fff;}
.white_header .hamburger span{background:#333;}
.hamburger span.m1{background:#ffffff;}
.hamburger{display: block}
.eigth_section::before{    background: rgba(238, 45, 80, 0.8);width: 100%;}
.eigth_section::after{display: none}
.eigth_section h3{margin-bottom:30px;}
}
@media(max-width:768px){
  .seventh_section .inlineborder{display: none !important}
  .triangle_down{display: none !important}
  .trian{margin-top:0;}
}

@media (max-width:767px){
  .mobileresult{display: block;}
  .remart{margin-bottom:20px;display: block;margin-left: auto;margin-right: auto;}
  .paddfooter {padding-left: 15px;}
  .lineright::after {
    content: '';
    position: absolute;
    right: 0;
    height: 2px;
    width: 30px;
    background: #333;
    top: 100%;
    margin-top: 0;
    left: 50%;
    margin-left: -15px;
}

.sixth_section {
    padding: 30px 0 0 0;
}

}