@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
<!---font-family: 'Lato', sans-serif;----->
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
:before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::-moz-selection {background:#4191db;color:#fff;text-shadow: none;}
::selection {background: #4191db; color: #fff; text-shadow: none;}
textarea:focus, input:focus, * {outline: none;}
a {color: #4191db;text-decoration: none; outline: none; font-weight: 400; border: none; transition: all 0.4s ease 0s;}
a:hover {color: #2066a2; text-decoration: underline;}
a:focus {color: #2066a2; outline:none;}
 / Ul Li & Ol Li CSS / ul, ol {
margin:0;padding:0 0 0 20px;}
ul li, ol li {margin: 0 0 15px 0; padding: 0; font-size: 16px;}
ul li {}
li a {}
ul li li {list-style-type: disc;font-weight: 400;}
ul li li li {list-style-type: disc;	font-weight: 400;}
ol li {list-style-type: symbols;margin-bottom: 10px;}
/ Heading CSS /  
.fl {float:left;}
.fr {float: right;}
.cl {clear: both !important;}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.bg_none {background: none !important;}
img {max-width: 100%;border: none;outline: none;}
h1, h2, h3, h4, h5, h6 {font-weight: 400;color: #fff;margin: 0;}
h1 a, h2 a, h3 a, h5 a, h6 a h6 a:hover {color: #1895d3;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #1895d3;}
h1 {font-size: 32px;line-height: 32px;color: #4191db;margin-bottom: 24px;}
h2 {font-size: 26px;line-height: 32px;color: #4191db;margin-bottom: 20px;}
h3 {font-size: 17px;line-height: 22px;color: #373737;margin-bottom: 20px;}
h4 {font-size: 16px;line-height: 18px;color: #373737;margin-bottom: 20px;}
h5 {font-size: 14px;line-height: 18px;color: #000; font-weight: 500;margin-bottom: 10px;}
h6 {font-size: 12px;line-height: 12px;color: #2f2f2f;margin-bottom: 5px;}
/ Paragraph CSS / p, .entry-content p {font-size:16px;color:#484848;line-height:22px;font-weight:500;margin:0 0 20px;}
hr {border: none; margin: 20px 0; background: #ccc; height: 1px;}
blockquote {border-left: 5px solid #eee; font-size: 15px; margin: 0 0 20px; padding: 10px 20px;}
/*table structure*/
table, .entry-content table {border-right: 0px solid #ccc;border-top: 0px solid #ccc;}
table th, table td, .entry-content th, .entry-content table th, .entry-content td, .entry-content table td {
color:#5c5c5c;}
.sorting_1 strong{ font-size:18px;}
.tabbtm-border{border-bottom:solid #F00 7px;}
table th {color: #333;font-weight: 600;}
input, textarea {background: #fff;border: 1px solid #e6e6e6;width: 99.9%;padding: 5px 14px;	font-size: 14px;color: #333;font-weight: 500;line-height: 20px;
height: 42px;}
input[type="button"], input[type="checkbox"], input[type="button"], input[type="radio"] {
	cursor: pointer;border: none;height: auto;}
textarea {height: auto;padding: 10px 14px;font-size: 16px;}
/*Button Css*/
.bluebigbtn, .bluebtn {display: inline-block;border: none;background: #4890cd;padding: 15px 32px;font-size: 16px;color: #fff;
	line-height: normal; text-transform: uppercase; 	-webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;}
.bluebigbtn:hover, .bluebtn:hover, .bluebigbtn:focus, .bluebtn:focus {text-decoration: none;background: #2a75b4;color: #fff;}
.bluebtn {padding: 10px 20px;height: 40px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.reletive{position:relative;}

/*---------------Commen CSS END here---------------*/

body{margin:0em; padding:0em; font-family: 'Lato', sans-serif; background:#fff; margin-top:-1px; font-weight:400;}
.pink{background:pink; position:relative;}
.black{background:#000000;}
.red{background:#FF0000;}
.green{background:#006633;}
.white{background:#fff;}
.nopadding{padding:0px;}
.nomargin{padding:0px;}


.buttom_error_msg {
    color: red !important;
}
.loader_img{
	 width: 30px;
    position: absolute;
    right: 64px;
    margin: -36px 5px 0 0;
	display:none;
}
.successmail {
    color: green;
    font-size: 18px;
}

@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

.get-touch{float:right; padding:11px 0 11px 0; background:#ea562f; color:#fff; text-decoration:none; text-align:center; 
width:306px; margin-top:35px; font-size:18px; font-weight:700; text-decoration:none;} 
.get-touch:hover,.get-touch:active,.get-touch:focus{color:#fff; text-decoration:none;}

.banner-bg{width:100%; float:left; padding:0px; margin:0px 0 0 0; background:url(../images/banner-bg.jpg) repeat-x center top; height:auto; position:relative; }
.my-bob{ float:left; padding:47px 0 0 12px; margin:0px; width:528px;}
.my-bob p{font-size:20px; font-weight:700; color:#000; line-height:32px; padding:11px 0 20px 6px}
.my-bob h1{font-size:20px; font-weight:700; color:#000; line-height:32px; padding:11px 0 20px 6px}

.form-details{width:619px; background:#103e69; float:right; margin-right:1px; margin-top:64px; padding:47px 46px 44px 42px}
.form-details ul{ padding:0px; margin:0px;}
.form-details ul li{padding:0px 0 15px 0; margin:0px; display:block;}
.form-details ul li input{width:100%; border:solid #e1e1e1 1px; font-size:14px; color:#212121; font-size:15px; height:48px; font-weight:400;}
.form-details ul li button{width:100%; text-align:center; background:#ea562f; font-size:18px; font-weight:700; border:0px; color:#FFF; padding:11px 0 11px 0;}

.form-details ul li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#212121; opacity:1;}
.form-details ul li input::-moz-placeholder { /* Firefox 19+ */
color:#212121; opacity:1;}
.form-details ul li input:-ms-input-placeholder { /* IE 10+ */
color:#212121; opacity:1;}
.form-details ul li input:-moz-placeholder {color:#212121;}

.form-details ul li textarea{width:100%; border:solid #e1e1e1 1px; height:116px; color:#212121;}
.form-details ul li textarea::-webkit-input-placeholder {color:#212121; opacity:1;}
.form-details ul li textarea:-moz-placeholder {color:#212121; opacity:1;}
.form-details ul li textarea::-moz-placeholder {color:#212121; opacity:1 ;}
.form-details ul li textarea:-ms-input-placeholder {color:#212121; opacity:1;}











/*
.form-details ul li textarea::-webkit-textarea-placeholder {
color:#f00; opacity:1;}
.form-details ul li textarea::-moz-placeholder {
color:#f00; opacity:1;}
.form-details ul li textarea::-ms-textarea-placeholder {
color:#f00; opacity:1;}
.form-details ul li textarea::-moz-placeholder {color:#f00; opacity:1;}*/


.how-mybob{text-align:center; display:inline-block; font-size:33px; font-weight:600; color:#000; padding-top:87px; width:100%; position:relative; margin-bottom:66px;}
.how-mybob:before{ margin:0px auto; width:70px; height:3px; background:url(../images/strip-line.png) no-repeat center center; content:''; position:absolute; left:0px; right:0px; bottom:-30px;}
.mybog-bg{background:#f5f5f5;}
.tesa{background:#f5f5f5;}

.business-application{width:100%; float:left; padding:0px 0 69px 0; margin:0px; text-align:center;}
.business-application small{padding:0px; margin:0px; text-align:center;}
.business-application p{padding:0px; margin:0px; color:#717171; font-size:16px; line-height:26px;}
.business-application p span{padding:0px; margin:0px; color:#103e69;}
.business-application p span a{color:#103e69; text-decoration:none;}
.business-application h3{padding:13px 0 17px 0; margin:0px; text-align:center; font-size:25px; color:#212121; font-weight:600;}
.circle-animation{ width:100%; text-align:center; float:left; position:relative; padding-bottom:54px;}
.circle-animation strong{display:block; text-align:center; font-size:35px; color:#212121; font-weight:800; padding:18px 0 5px 0;}
.circle-animation span{display:block; text-align:center; font-size:23px; font-weight:600; color:#212121;}
.circle-animation img{ position:absolute; left:0px; margin:0px auto; right:0px; top:24px; z-index:9;}
.circle-animation .one.circle.col-md-12 > canvas {border:23px; border-radius: 100px; height:210px; width:210px; 
	margin:8px 0 0 0; -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg); /* Standard syntax */}

.circle-animation .two.circle.col-md-12 > canvas {border:23px; border-radius: 100px; height:210px; margin:8px 0 0 0;  
	width:210px; -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg); /* Standard syntax */}


.circle-animation .third.circle.col-md-12 > canvas {border:23px; border-radius: 100px; height:210px; margin:8px 0 0;  
width:210px; -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg); /* Standard syntax */}

.circle-animation .four.circle.col-md-12 > canvas {border:23px; border-radius: 100px; height:210px; margin:8px 0 0;  
width:210px; -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg); /* Standard syntax */}

.integration{ width:100%; float:left; padding:0px 0 52px 0; margin:0px;}
.integration p{padding:15px 0 2px 0; margin:0px; font-size:17px; line-height:26px; color:#717171; font-weight:400;}

.integration h4{ border-bottom:solid #b6b6b6 1px; border-top:solid #b6b6b6 1px; font-size:17px; font-weight:600; 
color:#717171; padding:9px 0 11px 0; display:block; margin:27px 0 0 0;}

.integration ul{padding:6px 0 0 0; margin:0px;}
.integration ul li{padding:0px 0 0 43px; margin:0px; display:inline-block; font-size:16px; color:#717171; width:48%; background:url(../images/arw.png) no-repeat 14px 16px; line-height:37px;}

.technology-logo{ width:100%; float:left; text-align:center; padding:0px 0 95px 0; margin:0px;}
.technology-logo ul{padding:0px; margin:0px;}
.technology-logo ul li{padding:0px; margin:0px; display:inline-block;}
.talking{ text-align:center; padding:60px 0 0 0; margin:0px; color:#FFF; font-size:33px; font-weight:600; line-height:26px;}
.talking a{text-align:center; background:#ea562f; padding:0px; margin:40px 0 38px 0; color:#FFF; display:inline-block; width:329px; border:0px; font-size:18px; font-weight:600; line-height:59px; height:59px; text-decoration:none;}
.portfolio{text-align:center; display:inline-block; font-size:33px; font-weight:600; color:#000; padding-top:70px; width:100%; position:relative; margin-bottom:90px;}
.portfolio:before{ margin:0px auto; width:70px; height:5px; background:url(../images/portolio-before.png) no-repeat center center; content:''; position:absolute; left:0px; right:0px; bottom:-26px;}
.portfolio-logo{width:100%; float:left; padding:0px; margin:0px;}
.foterlogo{ padding:54px 0 49px 0; float:left;}
.copyright{ text-align:center; color:#000; font-size:17px; font-weight:400; padding:19px 0 19px 0;}
.contact-details{ width:100%; float:left; padding:0px; margin:0px;}
.contact-details ul{padding:60px 0 0 104px; margin:0px;}
.contact-details ul li{padding:0 0 15px 0; margin:0px; display:block; color:#FFF; font-size:16.97px; font-weight:400;}
.contact-details ul li a{color:#FFF; text-decoration:none; font-weight:500;}
.contact-details ul li span{padding:0 14px 0px 0;}
.contact-details ul li:nth-child(1) a{pointer-events:none;}
.footer-details{background:#363636; margin-top:87px;}

.social-icon{width:100%; float:right; padding:73px 14px 0 0; margin:0px; text-align:center;}
.social-icon ul{padding:0px; margin:0px;}
.social-icon ul li{padding:0px; margin:0px 10px 0 0; display:inline-block;}
.social-icon ul li span{padding:0px; margin:0px; display:block; background:#3b5999; line-height:66px; border-radius:10px; 
width:54px; height:56px;}
.social-icon ul li span.twiter{ background:#00acee;}
.social-icon ul li span.linkedin{background:#4188c8;}
.social-icon ul li span i{padding:0px; margin:0px; display:inline-block; font-size:30px; color:#000;}
.social-icon ul li a span:hover i{color:#fff;}













.logo{padding:27px 0 27px 0; float:left; margin:0px;}
.logo img{ width:200px;}
/*---------sticky header ------------*/
header{transition:all 0.15s ease-in 0s;}
header.sticky {position: fixed; padding:0px; z-index:99; left:0px; right:0px; transition:all 0.15s ease-in 0s; box-shadow:-1px 1px 12px rgba(0,0,0, 0.2)}
header.sticky .logo{padding:10px 0 15px 0; transition:all 0.7s ease-in 0s;}
header.sticky .logo img{width:150px; transition:all 0.7s ease-in 0s;}
header.sticky .get-touch{transition:all 0.7s ease-in 0s; margin-top:10px; width:200px;}



/*---------sticky header ------------*/
.blinking-cursor {transition:all 0.15s ease-in 0s;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: blink .7s infinite;
  opacity:1px;
}

@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #fff;
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: black;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #fff;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #fff;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color:#fff;
  }
}