/*
Author: Ravi Sah
Website: www.ravisah.in
*/
body {
	font-family: 'Roboto', sans-serif;
	margin:0 auto;
	color:#000;
}
a{text-decoration:none;color:#5a5a5a;}
p, ul li {
	font-size:16px;
	color:#5a5a5a;
	line-height:25px;
}
.container {
	width:85%;
	margin:0 auto;
}
.nowrap {
	white-space: nowrap;
}
.nowrap-none {
	white-space: initial;
}
.text-align-r {
	text-align:right;
}
.text-align-l {
	text-align:left;
}
.text-align-c {
	text-align:center;
}
.float-r {
	float:right;
}
.float-l {
	float:left;
}
.col-60, .col-40, .col-33, .col-25  {
	display:inline-block;
	vertical-align:top;
}
.col-25 {
	width:25%;
}
.col-33 {
	width:33.3%;
}
.col-60 {
	width:60%;
}
.col-40 {
	width:40%;
}
.logo {
	padding:30px 0;
}
.call-us {
	background:#ce0000;
	color:#fff;
	text-transform:uppercase;
	font-weight:300;
	text-align:center;
	font-size:16px;
	padding:20px 60px;
}
.call-us:hover {
	background:#000;
}
.call-us span {
	font-weight:900;
	font-size:20px;
}
.call-me {
	display:none;
	background:#ce0000;
	color:#fff;
	text-transform:uppercase;
	font-weight:900;
	text-align:center;
	font-size:16px;
	padding:20px;
}
.main-content {
	padding-top:0px;
}
.main-content h1, .main-content h2 {
	margin:0;
}
.main-content h1 {
	font-size:57px;
	font-weight:900;
}
.main-content h2 {
	font-size:28px;
	font-weight:500;
}
.main-content h2 span {
	font-weight:600;
}
.main-content p {
	font-size:16px;
	font-weight:300;
}
.main-content p span {
	font-weight:bold;
}
.success {margin-top:12px;}
.success .box {
	text-align:center;
	font-size:32px;
	border:1px solid #afafaf;
	padding:20px 50px;
	font-weight:900;
	text-transform:uppercase;
	display:inline-block;
	line-height:24px;
	margin-right:26px;
}
.counter {font-weight:900; font-family: 'Roboto', sans-serif;}
.success .box span {
	font-size:14px;
	color:#7d7d7d;
	font-weight:200;
}
.main-content .technology {
	margin-top:40px;
	max-width:100%;
}
.bookwebsite-form {
	border:1px solid #afafaf;
	padding:20px 40px;
	width:90%;
	float:right;
	box-sizing: border-box;
	background:url(../images/form-bg.png) no-repeat 0 0;
}
.bookwebsite-form  h2{
	font-size:30px;
	font-weight:900;
	margin:0;
}
.bookwebsite-form  h2 span{
	font-weight:500;
}
label {
    color: #7d7d7d;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    margin-top: 8px;
    text-align: left;
    text-transform: capitalize;
}
input, textarea {
	background: #e1e3e4 none repeat scroll 0 0;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    color: #6b6a6a;
    font-size: 14px;
    margin-top: 4px;
	font-family: 'Roboto', sans-serif;
}
input, label, textarea, button {
    width: 100%;
	box-sizing: border-box;
}
input {
	height:44px;
	padding:0 10px;
}
textarea {
	height:120px;
	padding:10px;
}
button {
	background: #ce0000 none repeat scroll 0 0;
    border: 1px solid #ce0000;
    border-radius: 4px;
    color: #fff;
    font-size: 22px;
    margin-top: 20px;
    padding: 10px 0;
    text-align: center;
	text-transform:uppercase;
	display:block;
	cursor:pointer;
	font-weight:900;
}
button:hover {
	background:#a60000;
	border: 1px solid #b90101;
}
.border {
	border-top:1px solid #afafaf;
	border-bottom:1px solid #afafaf;
}
.about-us {
	margin-top:40px;
	padding:80px 0;
}
.about-title {
	font-size:22px;
	text-transform:uppercase;
	font-weight:900;
}
.about-title::before {
	content: "";
	background:url(../images/about-icon.png) no-repeat 0 0;
	width:111px;
	height:119px;
	display: inline-block;
	vertical-align: middle;
	padding-left: 30px;
}
ul {
    list-style: none;
}
.about-text ul li {
	line-height:32px;
}
.about-text ul li::before {
    color: #000;
    content: "• ";
    font-size: 30px;
    vertical-align: middle;
}
.service, .clients {
	padding:40px 0;
}
.service h2, .clients h2 {
	font-size:34px;
	font-weight:900;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:60px;
}
.service h2::after, .clients h2::after {
	content: "";
	border-bottom:1px solid #afafaf;
	display:block;
	width:50px;
	margin:0 auto;
	padding-top:10px;
}
.service-box {
	border:1px solid #afafaf;
	width:80%;
	padding:10px 20px;
	margin: 0 auto;
	margin-bottom:20px;
}
.num {
	font-size:64px;
	font-weight:900;
}
.blue {
	color:#002453;
}
.violet {
	color:#835aeb;
}
.red {
	color:#ce0000;
}
.service-box h3 {
	font-size:19px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom: 0;
}
.service-box ul {
	padding:0;
}
.client-logo {
	max-width:100%;
}
.flag {
	border:1px solid #ddd;
	height:120px;
	width:120px;
	border-radius:50%;
	overflow:hidden;
	margin:0 auto;
}
.flag img {width:100%; height:100%;}
footer {
	background:#000;
	padding-top:30px;
	padding-bottom:60px;
}
.facebook , .linkedin, .behance, .facebook span, .linkedin span, .behance span {
	height:36px;
	width:40px;
	display:inline-block;
}
.facebook span {
	background:url(../images/social.png) no-repeat 0 0;
}
.linkedin span {
	background:url(../images/social.png) no-repeat -44px 0;
}
.behance span {
	background:url(../images/social.png) no-repeat -88px 0;
}
footer p {
	font-size:16px;
	color:#7d7d7d;
}
footer a {
	color:#fee017;
}
footer ul {padding:0;}
footer ul li {display:inline-block; margin-right:20px;}
footer ul li a {color:#7d7d7d;}
footer ul li a:hover {color:#fee017;}

/* Responsive CSS */
@media screen and (max-width:1316px) {
	.container {width:95%;}
}
@media screen and (max-width:1085px) {
	.success .box {margin-right:4px;}
}
@media screen and (max-width:1032px) {
	.about-small {width:100%; display:block;}
}
@media screen and (max-width:970px) {
	.success .box {margin-right: 0;}
}
@media screen and (max-width:948px) {
	.success .box {box-sizing: border-box; margin-bottom: 6px; width: 100%;}
	.bookwebsite-form {width:98%;}
}
@media screen and (max-width:800px) {
	.bookwebsite-form {padding:20px;}
}
@media screen and (max-width:768px) {
	.main-small {width:100%; display:block;}
	.main-form-small {width:80%; margin-top:30px;}
	.bookwebsite-form {padding: 40px;}
	.main-content {text-align: center;}
}
@media screen and (max-width:692px) {
	.col-33 {display: block; margin-bottom: 20px; width: 100%;}
}
@media screen and (max-width:490px) {
	.call-us {padding: 20px 15px;}
        .main-content iframe {width:100%;}
}
@media screen and (max-width:435px) {
	.main-content h1 {font-size: 46px;}
	.main-content h2 {font-size: 22px;}
	.clients h2 {display:none;}
}
@media screen and (max-width:399px) {
	.main-form-small {width:90%;}
	.col-25 {display: block; width: 100%;}
	.call-me {display:block;}
	.call-us {display:none;}
	.logo {padding: 18px 0; width: 78%;}
}
@media screen and (max-width:322px) {
	.main-form-small {width: 100%;}
	.main-content h1 {font-size: 34px;}
	.main-content h2 {font-size: 18px;}
	.bookwebsite-form {padding: 26px;}
}