@charset "utf-8";
/* CSS Document */

.top{ width:100%; float:left; background:#242626; padding-top: 6px; padding-bottom: 8px; font-family: 'ralewayregular'; color:#e0e0e0; 
 font-size:14px;}
.top .mail img{ padding-right:8px;}
 
.top .social{ float:right;}
.top .social ul{ padding:0;}
.top .social ul li{ list-style:none; float:left;}
.top .social ul li img{ padding-left:20px;}


header{ width:100%; float:left;}
header .logo{}
header .top_menu{margin-top: 45px;}




/*nav starts here*/

header .navbar-default{  border:none; padding:0;  }
header .navbar-default .navbar-nav>li>a{font-family:'Uni-Sans-Book'; font-size:16px; color:#4c4c4c;
padding: 10px 15px 10px 15px; margin-right:25px; margin-right: 1px; margin-left: 1px;}
header .no-margin { margin-right:0px !important}

header .navbar-collapse, .collapse{  margin-right:-10px; }
header .navbar{ margin-bottom:0; height:auto; z-index:999}
header .navbar-default{ background:none; }
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:none;  color:#fa951f; font-family:'Uni-Sans-Book';

/*-moz-border-radius:24px ;
-webkit-border-radius:24px ;*/
/*border-radius:20px ;*/
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background:#f15664; color:#fff;}
.navbar-default .navbar-nav > li > a:hover{ color:#035ca6; transition:ease-out 0.3s; background:#f15664; color:#fff;}
.navbar-default .navbar-brand{color:#fff; }
.navbar-collapse{border:none;}
.navbar-header{border:none; background:#4d4d4d; border-radius:0px; margin:10px -15px 0px;}
.navbar-default .navbar-nav{ }

/*nav end here*/


.banner{}
.inner_banner{ width:100%; float:left;}
.banner button{ background:#f15664; font-family: 'SegoeUI'; font-size:18px; border-radius:0; border:none;}
.banner button a{ text-decoration:none; color:inherit;}
.banner .shadow{ width:100%; float:left;}
.banner .camera_caption .cap_button{ float:left;}


.content_box{ width:100%; float:left; margin-bottom:100px;}
.content_box .service{ text-align:center;}
.content_box .service h2{ font-family: 'ralewaybold'; font-size:18px; color:#4d4e4e;}
.content_box .service h2 a{ text-decoration:none; color:inherit;}
.content_box .service p{ font-family: 'ralewayregular'; font-size:13px; color:#636161; line-height:23px; text-align:center;}
.content_box .service .more{ color:#f15664; font-family: 'ralewayregular'; font-size:15px; cursor: pointer;}
.content_box .service .more a{ text-decoration:none; color:inherit;}


.welcome{ width:100%; float:left;}
.welcome .welcome_box{ text-align:center;}
.welcome h1{ font-family:'Uni-Sans-Book'; font-size:30px; color:#4d4e4e;}
.welcome .underline{ text-align:center; margin-left:24%; margin-bottom: 30px;}
.welcome p{ font-family: 'ralewayregular'; font-size:14px; color:#636161; line-height:24px; text-align:center;}
.welcome .more{ color:#f15664; font-family: 'ralewayregular'; font-size:17px;}
.welcome .more a{ text-decoration:none; color:inherit;}

.what_we{ width:100%; float:left; background:url(../images/bg_img.jpg) no-repeat #232f3d; text-align:center; padding-top: 47px; padding-bottom: 35px;}
.what_we h1{ font-family:'Uni-Sans-Book'; font-size:30px; color:#ffffff;}
.what_we .underline{ text-align:center; margin-left:35%; margin-bottom: 30px;}
.what_we p{ font-family: 'ralewayregular'; font-size:14px; color:#dad8d8; line-height:24px; text-align:center;}
.what_we button{ font-family: 'ralewayregular'; font-size: 15px; color: #fff; background: transparent; border-radius: 0; border: 1px solid #fff; margin-top: 28px; margin-bottom: 28px;}
.what_we button:hover{ background:#f15664; border: 1px solid #fff; color:#fff;}
.what_we button a{ text-decoration:none; color:inherit;}

.commitment{ width:100%; float:left; text-align:center; padding-top:40px; padding-bottom: 35px;}
.commitment h1{ font-family:'Uni-Sans-Book'; font-size:30px; color:#4d4e4e;}
.commitment .underline{ text-align:center; margin-left:35%; margin-bottom: 30px;}
.commitment p{ font-family: 'ralewayregular'; font-size:14px; color:#868585; line-height:24px; text-align:left;}
.commitment .more{ color:#f15664; font-family: 'ralewayregular'; font-size:17px;}
.commitment .more a{ text-decoration:none; color:inherit;}
.commitment ul{ padding:0;}
.commitment ul a{ text-decoration:none; color:inherit;}
.commitment li{ list-style: none; border: 1px dashed #ccc; margin-bottom: 5px; padding-left: 10px; padding-top: 6px; font-family: 'ralewayregular'; font-size:14px; color:#f15664; line-height:24px; text-align:justify; padding-bottom: 6px;  background:#f3f3f3; transition: all 0.5s ease;}
.commitment li:hover{ color:#fff; background:#f15664;}
.commitment li .fa{ float:left; padding-right: 10px; padding-top: 4px;}

.main_content{ padding-bottom:40px;}
.main_content .about_box{ text-align: center;}
.main_content .about_box p{ font-family: 'ralewayregular'; font-size:14px; color:#636161; line-height:24px; text-align:justify;}
.main_content .about_box{}
.main_content .about_box .about_content img{ float: left; margin-right: 10px; border: 1px solid #ccc; padding: 10px; border-radius: 5px;}
.main_content .about_list{}
.main_content .about_list ul{}
.main_content .about_list ul li{ list-style:url(../images/bullet.png);}
.main_content .about_list p{ font-family: 'ralewayregular'; font-size:14px; color:#636161; line-height:24px; text-align:justify;}

.main_content .right_box{ margin-top: 25px;}
.main_content .right_box h2{ margin-top:0;}
.main_content .right_box p{font-family: 'ralewayregular'; font-size:15px; color:#636161; line-height:24px; text-align:justify;}
.main_content .right_box .vision{ margin-bottom:10px; width:100%; float:left; margin-bottom:20px; border: 1px dashed #ee984f; border-radius: 5px; padding: 10px;}
.main_content .right_box .vision .vision_icon{ float:left;}
.main_content .right_box .vision .vision_icon img{ margin-right:10px;}
.main_content .right_box .vision .vision_icon img:hover{opacity:.8; cursor:pointer;}

.main_content .right_box .mission{ width:100%; float:left; border: 1px dashed #ee984f; border-radius: 5px; padding: 10px;}
.main_content .right_box .mission .mission_icon{ float:left;}
.main_content .right_box .mission .mission_icon img{ margin-right:10px;}
.main_content .right_box .mission .mission_icon img:hover{ opacity:.8; cursor:pointer;}

.main_content .commit_box{}
.main_content .commit_box p{font-family: 'ralewayregular'; font-size:14px; color:#636161; line-height:24px; text-align:justify;}
.main_content .commit_box li{ list-style:url(../images/bullet.png);}

.main_content .quality_box{ margin-top: 25px;}
.main_content .quality_box p{ font-family: 'ralewayregular'; font-size:14px; color:#636161; line-height:24px; text-align:justify;}
.main_content .quality_box .quality{width:100%; float:left; border: 1px dashed #ee984f; border-radius: 5px; padding: 10px;}
.main_content .quality_box .quality .quality_icon{ float:left;}
.main_content .quality_box .quality .quality_icon img{ margin-right:10px;}
.main_content .quality_box .quality .quality_icon img:hover{ opacity:.8; cursor:pointer;}

.main_content .contact_form{}
.main_content .contact_form label{ font-family: 'ralewayregular'; font-weight:normal;}
.main_content .contact_form button{ background:#f15664; border: none; border-radius: 0;}

.main_content .address_box{}
.main_content .address_box p{font-family: 'ralewayregular'; font-size:14px; color:#636161; line-height:24px; text-align:left;}
.main_content .address_box .fa{ padding-right: 10px;}

.main_content .service_box{transition: all 0.5s ease;}
.main_content .service_box:hover{ background:#f1f1f2; color:#fff !important; border:1px dashed #f88e98;}

.main_content .case_studies{}
.main_content .case_studies ul{ padding-left: 20px;}
.main_content .case_studies li{ list-style:url(../images/bullet.png);}


.main_content .news{}
.main_content .news ul{ padding-left: 20px;}
.main_content .news li{ list-style:url(../images/bullet.png);}
.news .more{ color:#f15664; font-family: 'ralewayregular'; font-size:15px; cursor: pointer;}
.news .more a{ text-decoration:none; color:inherit;}


footer{ width:100%; float:left; background:#f2f2f2; padding-top: 15px;/* background:url(../images/footer_bg.jpg) no-repeat #222222;*/   border-top: 2px solid #e9e9e9;}
footer h2{ font-family:'Uni-Sans-Book'; font-size:22px; color:#656060;}
footer h2 a{ text-decoration:none !important; color:inherit !important; font-size:inherit !important;}
footer p{ font-family: 'ralewayregular'; line-height:24px; color:#868585; margin-top: 37px;}
footer .footer_about .foot_log{ float:left; margin-right: 25px; padding-top: 10px;}
footer .footer_about{ float:left; text-align: justify; font-family: 'ralewayregular';}
footer .footer_about a{ color:#aeabab; text-decoration:none; font-size:12px;}

footer .foot_social{}
footer .social_icon{ padding-top: 20px;}
footer .foot_social li{ list-style:none; font-family: 'ralewayregular'; font-size:14px; color:#868585; padding-top:8px; padding-bottom:8px;}
footer .foot_social li img{ padding-right:15px;}

footer .foot_news{font-family: 'ralewayregular'; font-size:14px; color:#868585; padding-top:25px;}
footer .foot_news li{ list-style:url(../images/arrow.png); padding-bottom: 10px; padding-top: 10px; line-height: 23px;}
footer .foot_news li a{ text-decoration:none; color:inherit;}
footer .foot_news .date{ color:#a4a4a4; font-family: 'ralewayregular'; font-size:12px;}
footer .foot_news .news{ padding-top: 15px;}

footer .contact_info{ padding-top:25px; color:#868585;}

.footer_bottom{ float:left; width:100%; background:#000000;}
.copyright{ font-family: 'ralewayregular'; font-size:14px; color:#e0e0e0; padding-top:20px; padding-bottom:20px; width:100%; float:left;}
.copyright a{ text-decoration:none; color:inherit;}

p{ font-family: 'ralewayregular'; font-size:14px; color:#636161; line-height:24px; text-align:justify;}
h1{ font-family:'Uni-Sans-Book'; font-size:30px; color:#4d4e4e;}
.underline{ text-align:center; margin-left:35%; margin-bottom: 50px;}
.head{ text-align:center;}
h2{ font-family:'Uni-Sans-Book'; font-size:25px; color:#f15664;}
h3{ font-family:'Uni-Sans-Book'; font-size:22px; color:#4d4e4e; text-transform: capitalize;}
h4{ font-family:'Uni-Sans-Book'; font-size:20px; color:#4d4e4e; text-transform: capitalize;}
.h2{ background:#999; height:1px; width:15%;}

.modal-footer button{ background:#f15664; border:0; color:#fff; transition: all 0.5s ease;}
.modal-footer button:hover{background:#fb929b; border:0; color:#fff;}

@media(max-width:390px)  {
.underline{ margin-left:0; margin-bottom:25px;}
.welcome .underline{ margin-left:0;}
.what_we .underline{ margin-left:0;}
.commitment .underline{ margin-left:0;}
}

@media(min-width:391px) and (max-width:500px){
.underline{ margin-left: 12%;}
.welcome .underline{ margin-left: 12%;}
.what_we .underline{ margin-left: 12%;}
.commitment .underline{ margin-left: 12%;}
}

@media(min-width:501px) and (max-width:560px)  {
.underline{ margin-left: 18%;}
.welcome .underline{ margin-left: 18%;}
.what_we .underline{ margin-left: 18%;}
.commitment .underline{ margin-left: 18%;}
}

@media(min-width:561px) and (max-width:650px)  {
	
.underline{ margin-left: 20%;}
.welcome .underline{ margin-left: 20%;}
.what_we .underline{ margin-left: 20%;}
.commitment .underline{ margin-left: 20%;}
	
	}

@media(min-width:651px) and (max-width:991px)  {
	
	.underline{ margin-left: 25%;}
.welcome .underline{ margin-left: 25%;}
.what_we .underline{ margin-left: 25%;}
.commitment .underline{ margin-left: 25%;}
	
	}

@media(min-width:768px) and (max-width:1199px)  {
	
	.welcome .welcome_box{ margin-bottom:15px;}
	
	}


@media(max-width:320px)  {
.top .mail img{ padding-right:9px;}
}

@media(max-width:480px)  {
.top .mail{ margin-bottom:10px;}
}

@media(max-width:767px)  {
header .top_menu{ margin-top:0;}
header .navbar-collapse, .collapse{margin-right:0;}
.content_box{ margin-bottom:25px;}
.content_box .service{ margin-bottom:30px;}
.welcome .welcome_box{ margin-bottom:25px;}
}

@media(min-width:768px) and (max-width:991px) {
header .navbar-default .navbar-nav > li > a{padding: 10px 11px;}
header .logo{ margin-top:10px;}
}


@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway0-webfont.eot');
    src: url('../fonts/raleway0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway0-webfont.woff2') format('woff2'),
         url('../fonts/raleway0-webfont.woff') format('woff'),
         url('../fonts/raleway0-webfont.ttf') format('truetype'),
         url('../fonts/raleway0-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family:'Uni-Sans-Book';
	src: url('../fonts/Uni-Sans-Book_gdi.eot');
	src: url('../fonts/Uni-Sans-Book_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Uni-Sans-Book_gdi.woff') format('woff'),
		url('../fonts/Uni-Sans-Book_gdi.ttf') format('truetype'),
		url('../fonts/Uni-Sans-Book_gdi.svg#Uni-Sans-Book') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-2122;
}


@font-face {
	font-family: 'SegoeUI';
	src: url('../fonts/SegoeUI.eot');
	src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SegoeUI.woff') format('woff'),
		url('../fonts/SegoeUI.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Ubuntu';
	src: url('../fonts/Ubuntu-Light.eot');
	src: url('../fonts/Ubuntu-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Ubuntu-Light.woff') format('woff'),
		url('../fonts/Ubuntu-Light.ttf')  format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.news .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#d9534f; border-color:#d43f3a; color:#fff;}
.news .pagination 
{
	margin-right:50px;
	float:right;
}
.news .pagination > li > a, .pagination > li > span{ color:#dc2989;}
.notification {
                position: relative;
                margin:0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 100%;
                }
                


.success {
        /*       background: #b01d1b;*/
		       background: #f15664;
               border-color: #f15664;
               color: #FFFFFF;
               font-family:'Uni-Sans-Book';
          }



.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close1 {
                color:#fff;
                font-size:9px;
                position:absolute;
                right:2%;
                top:35%;
                }