body{ width:100%; height:100%; margin:0px; padding:0px; color:#333; background:#fff; font-family: 'Open Sans', sans-serif; font-size:14px;}
h1, h2, h3, h4, h5, h6{}
p{ margin:10px 0px;}
ul, li, ol{ list-style:none; padding:0px;}
a, a:hover, a:focus, a:active{ text-decoration:none;}
img{ width:100%; max-width:100%; border:none; outline:none;}

.clr{ clear:both;}
.oflow{ overflow:hidden;}

/*Header*/

#header_container{ box-shadow:2px 3px 4px #ccc; height:93px; background:#fff;}
.logo{ width:100%; max-width:220px; padding:5px 0px;}
.navigation{ background:none; border:none; margin:0px; min-height:auto;}
.navbar-nav{ float:right;}
.navbar-nav li{ margin:0px 0px 0px 20px;}
.navbar-nav li:first-child{ margin-left:0px;}
.navbar-nav li a{ color:#333; text-transform:uppercase; padding:36px 15px 37px; font-weight:600;}
.navbar-default .navbar-nav > li > a{ color:#333;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{ color:#FF8A33;}
.navbar-default .navbar-nav > li > a.active{ background:#FF8A33; color:#fff;}

/*End Header*/

/*Banner*/

.page{ margin-top:103px;}
.page1{ margin-top:45px;}
#banner_container{ background:url(../images/banner.png) no-repeat center top; background-size:cover; margin:8px 0px 0px; padding:65px 0px;}
.banner h1{ color:#fff; font-size:32px; font-weight:lighter; line-height:48px; text-transform:uppercase;}
.banner p{ color:#fff; opacity:0.6; line-height:24px; margin:25px 0px;}
.learn_btn{ background:#ea4f54; padding:12px 30px; border-radius:6px 0px; text-transform:uppercase; color:#fff; font-size:15px; margin:15px 0px 0px;}
.learn_btn:hover{ color:#fff; background:#e4344e;}
.learn_btn i{ padding:0px 10px 0px 0px;}
.brain{ width:100%; max-width:130px; margin:0px auto;}

/*End Banner*/

/*What Section*/

#what_container{ position:relative; z-index:9;}
.what_image{ width:50%; height:100%; position:absolute; top:0px; left:0px; background-image:url(../images/what-img1.png); background-repeat:no-repeat; background-position:left top; background-size:cover;} 
.what{ padding:30px 20px 10px;}
.head{ border-bottom:1px solid #ccc; margin:0px 0px 30px;}
.head h2{ margin:0px 0px 15px; text-transform:uppercase; font-weight:lighter;}
hr{ width:50px; border-color:#ea4f54; margin:0px; border-width:3px;}
.what p{ color:#000; opacity:0.5; margin:20px 0px; line-height:23px;}
.what_sec{ padding:10px 0px;}
.what_sec h4{ text-transform:uppercase; margin-top:0px;}
.what_sec p{ margin:10px 0px;}
.what_img1{ width:80px; height:80px; margin:0px auto;}
.data_icon{ background:url(../images/data-icon.png) no-repeat center center; background-size:100% auto;}
.dialogue_icon{ background:url(../images/dialogue-icon.png) no-repeat center center; background-size:100% auto;}
.intelligence_icon{ background:url(../images/intelligence-icon.png) no-repeat center center; background-size:100% auto;}

.what_sec:hover .data_icon{ background:url(../images/data-icon1.png) no-repeat center center; background-size:100% auto;}
.what_sec:hover .dialogue_icon{ background:url(../images/dialogue-icon1.png) no-repeat center center; background-size:100% auto;}
.what_sec:hover .intelligence_icon{ background:url(../images/intelligence-icon1.png) no-repeat center center; background-size:100% auto;}

/*End What Section*/

/*Why Section*/

#why_container{ padding:50px 0px; background:#f5f5f5;}
.why_page{ padding:30px 0px 0px;}
.why_page h4{ text-transform:uppercase; margin:22px 0px; font-size:17px;}
.why_page p{ line-height:23px; color:#000; opacity:0.7;}

.why_icon{ width:100px; margin:0px auto 22px; height:100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.why_sec:hover .why_icon{ -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.why_icon1{ background:url(../images/why-icon1.png) no-repeat center center; background-size:100% 100%;}
.why_sec{ padding:20px; transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
.why_sec:hover{ box-shadow:0 0 0 7px #e5e5e5 inset;}
/* .why_sec .why_icon, .why_sec p, .why_sec h4{ position:relative; transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
.why_sec:hover .why_icon, .why_sec:hover p, .why_sec:hover h4{ left:5px;} */
.why_sec:hover .why_icon1{ background:url(../images/why-icon11.png) no-repeat center center; background-size:100% 100%;}
.why_icon2{ background:url(../images/why-icon2.png) no-repeat center center; background-size:100% 100%;}
.why_sec:hover .why_icon2{ background:url(../images/why-icon22.png) no-repeat center center; background-size:100% 100%;}
.why_icon3{ background:url(../images/why-icon3.png) no-repeat center center; background-size:100% 100%;}
.why_sec:hover .why_icon3{ background:url(../images/why-icon33.png) no-repeat center center; background-size:100% 100%;}
.why_icon4{ background:url(../images/why-icon4.png) no-repeat center center; background-size:100% 100%;}
.why_sec:hover .why_icon4{ background:url(../images/why-icon44.png) no-repeat center center; background-size:100% 100%;}

/*End Why Section*/

/*Who Section*/

#who_container{ padding:50px 0px;}
.who p{ margin:0px 0px 25px; line-height:25px;}
.who_img{ width:100%; max-width:400px; border:10px solid #f5f5f5; margin:0px auto; transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; overflow:hidden;}
.who_img:hover{ border:10px solid #e5e5e5;}
.who_img img{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.who_img:hover img{ -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

/*End Who Section*/

/*Experience Section*/

#exp_container{ padding:50px 0px; background:#f5f5f5;}
.exp h5{ line-height:23px;}

/*End Experience Section*/

/*Contact*/

#contact_container{ padding:50px 0px 25px;}
form{ padding:30px 0px 0px;}
.form-group{ margin-bottom:25px;}
.contact_input{ height:40px;}
.submit_btn{ display:inherit; margin:0px auto;}

/*End Contact*/

/*Footer*/

#footer_container{ background:#333; padding:10px 0px;}
.footer p{ color:#fff; opacity:0.6;}
.footer p a, .footer p a:hover{ color:#fff; text-decoration:underline;}
.social_icons{ margin:5px 0px 0px; float:right;}
.social_icons li{ display:block; width:31px; height:31px; float:left; margin:0px 0px 0px 10px;}
.social_icons li:first-child{ margin-left:0px;}
.social_icons li a{ display:block; width:31px; height:31px;}
.social_icons li.facebook{ background:url(../images/facebook-icon.png) no-repeat;}
.social_icons li.twitter{ background:url(../images/twitter-icon.png) no-repeat;}
.social_icons li.rss{ background:url(../images/rss-icon.png) no-repeat;}
.social_icons li.linkden{ background:url(../images/linkden-icon.png) no-repeat;}
.social_icons li.google{ background:url(../images/google-icon.png) no-repeat;}

.social_icons li.facebook:hover{ background:url(../images/facebook-icon1.png) no-repeat;}
.social_icons li.twitter:hover{ background:url(../images/twitter-icon1.png) no-repeat;}
.social_icons li.rss:hover{ background:url(../images/rss-icon1.png) no-repeat;}
.social_icons li.linkden:hover{ background:url(../images/linkden-icon1.png) no-repeat;}
.social_icons li.google:hover{ background:url(../images/google-icon1.png) no-repeat;}

.modal-dialog{ width:100%; max-width:900px;}
.modal-title{ text-transform:uppercase; letter-spacing:1px; color:#ea4f54;}
.modal-body{ height:500px; overflow-y:scroll;}
.modal-body p{ line-height:23px; margin-bottom:30px;}
.modal-body h5{ font-weight:600; margin-bottom:20px; text-decoration:underline;}

/*End Footer*/


/*Media Screens*/


@media only screen and (max-width : 767px){
.what_img1{ margin:0px auto 20px;}
.why_sec{ width:100%; max-width:350px; margin:0px auto;}
.footer p{ text-align:center;}
.social_icons{ margin:5px auto 0px; float:none; width:100%; max-width:195px;}
.what_image1{ width:100%; max-width:400px; margin:20px auto 0px;}
.navbar-nav{ float:none; background:#fff;}
.navbar-toggle{ margin-right:5px; margin-top:-58px;}
.navbar-nav li{ margin-left:0px;}
}