d/***************************************
========================================

	Author Name   : JS Web Services
	Version: 1.0F
	
****************************************
=======================================/

/* ----------------------------------------------------------------

 ==> Table Of Content

	01 Basics
	02 Buttons
	03 Header
	04 Banner
	05 About
	06 Service
	07 cta 
	08 Works
	09 Icons
	10 Resume
	11 Blog
	12 Contact
	13 Footer
	14 Top-control
 

---------------------------------------------------------------- */


/* ----------------------------------------------------------------
    [ 01 Start Basics ]
-----------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  list-style: none;
  word-wrap: break-word;
}

body {
   font-family: "Rubik", serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #162b48;
    overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6{
	color: #162b48;
	font-family: "Rubik", serif;
	font-weight: 600;
}
img{
	max-width: 100%;
	height: auto;
}

 img.leftimg {
  clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%);
	 
}
 img.rightimg {
  clip-path: polygon(100% 0%, 100% 100%, 25% 100%, 0% 0%);
	 float: right; text-align: right;
}

img.rightimgrect {
	
	 float: right; text-align: right;
}

ul{
	padding: 0;
	list-style: none;
}

h3 {font-size: 26px;}
h4 {font-size: 24px;}

p {
    margin: 0 0 20px 0;
    font-size: 16px;
	color: #162b48;
    letter-spacing: 0;
}

a:link, a:visited {color: #c7202a;}

a:hover{
	text-decoration: underline;
	outline: none;
}
.text_white{
	color: #fff;
}
.padding_0{
	padding: 0;
}
.gray_bg{
	background: #f3f0e9;
}
.midgray_bg{
	background: #cbc7c1  ;
}
.dark_bg{
	background: #162b48; color: #fff; ;
}
.dark_bg h2, .dark_bg h3, .dark_bg p {color: #fff !important;}


.fade-in-section {
  opacity: 0;
  transform: translateY(20vh);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
  will-change: opacity, visibility;
}
.fade-in-section.is-visible {
  opacity: 1;
  transform: none;
  visibility: visible;
}



/* Start Section-Padding */
.section_padding{
	padding: 75px 0;
}
.projects .section_padding{
	padding: 75px 50px 75px 300px;
}
.projects2 .section_padding{
	padding: 75px 300px 75px 50px;
}

/* End Section-Padding */

/* Start Section-Heading */
.section_heading{
    padding-bottom: 80px;
}
.section_heading h2{
    font-size: 30px;
    font-weight: 900;
	margin-top: 5px;
    margin-bottom: 10px;
}
.section_heading h2 span{
	color: #c7202a;
	font-size: 50px;
    font-weight: 900;
}
.dark_bg .section_heading h2{
	color: #fff;
}
.dark_bg .section_heading h2 span{
	color: #c7202a;
	font-size: 50px;
    font-weight: 900;
}
.section_heading .sm_border{
    display: block;
    height: 2px;
    width: 70px;
    margin-bottom: 15px;
    bottom: -5px;
    position: relative;
    left: 50%;
    background-color: #c7202a;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.section_heading span{
	font-weight: 400;
	color: #c7202a;
}
/* End Section-Heading */

/* ----------------------------------------------------------------
    [ End Basics ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 02 Start Buttons ]
-----------------------------------------------------------------*/
/* Start Btn-Style */

.button {display: block; text-align: center; width:100%; max-width: 300px; margin: 20px auto;}
.main_btn{
    color: #fff;
    font-size: 16px;
	margin: 25px auto;
    padding: 25px 40px;
    letter-spacing: 0.5px;
	font-weight: 600;
	border: 1px solid #fff;
	background: #c7202a;
    line-height: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out 0s;
}
.main_btn:hover{
    color: #fff;
    background: #162b48;
	
}
a:link.main_btn, a:visited.main_btn, a:hover.main_btn {color: #fff !important;}

.testimonials_btn{
    color: #fff;
    font-size: 16px;
    margin-top: 25px;
    padding: 15px 20px;
    letter-spacing: 0.5px;
	font-weight: 600;
	border: 1px solid #c7202a;
	background: #c7202a;
    line-height: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out 0s;
	display: block;
}
.testimonials_btn:hover{
    color: #fff;
    background: #333;
	
}
.testimonials_btn a:link, .testimonials_btn a:visited, .testimonials_btn a:hover {color: #fff;}


.logos {margin: 0 auto; text-align: center; display: block; }
.logos img {margin:15px 10px; display:inline-block; }


/* ----------------------------------------------------------------
    [ End Buttons ]
-----------------------------------------------------------------*/

main {
  width: calc(100% - 240px);
  max-width: 100%;
  margin: 0 auto;
}



/** {
  scroll-behavior: smooth;
}*/

/* Menu code starts here */

#menuToggle
{
  display: block;
  /* You can also use relative/absolute here if you want to stay on the top */
  position: fixed;
  top: 50px;
  left: 50px;
  
  z-index: 1002;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  max-width: 400px;
  width: 100vw;
  max-height: 100vh;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  box-sizing: border-box;
  overflow-y: auto;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}

#menu li label
{
  cursor: pointer;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}



/* ----------------------------------------------------------------
    [ 03 Start Header ]
-----------------------------------------------------------------*/

header {position: relative;}

.logo {
	position: absolute;
	top: 0;
	width: calc(100% - 240px);
	background:transparent;
	z-index: 1001;
}
.logo img {
	display: block;
	width: 107px;
	height: auto;
	margin: 10px 0;
	text-align: right;
	float: right;
	background: transparent !important;
	z-index: 1001;
}


/* ----------------------------------------------------------------
     [ End Header ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
     [ 04 Start Banner ]
-----------------------------------------------------------------*/




/*-- Slider --*/
span.fa.fa-angle-left, span.fa.fa-angle-right {
    font-weight: 400;
    position: absolute;
    font-size: 50px;
    top: 48%;
}
.carousel-caption {
    top: 0;
    height: 275px;
    right: 0;
    left: 0;
}
.carousel-caption1 {
	position: absolute;
    top: 45%;
    height: 275px;
	right: 10%;
    left: 10%;
	text-shadow: 0 4px 2px rgba(0,0,0,.6);
}
.carousel-inner {
    height: auto;
	max-height: 100%;
	
	
}
.carousel-inner2 {
    height:auto;
	
}
.carousel-inner p {
    padding: 0; margin: 0;
	
}

.carousel-inner img {min-height: 400px;}


div#myCarousel {
    height:100%;
	min-height: 400px;
}
div#myCarousel2 {
    height: 400px;
}
.carousel-caption h2 {
    font-weight: 600;
    font-size: 80px;
    margin-top:300px;
    margin-bottom: 15px;
	letter-spacing: 1px;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(45, 45, 45, 0.80);
}
.carousel-caption h3 {
    font-weight: 600;
    font-size: 30px;
    margin-top:50px;
    margin-bottom: 15px;
	letter-spacing: 1px;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(45, 45, 45, 0.80);
}

.carousel-indicators {display: none !important;}
.banner-dott, .banner-dott1 {
    background: url(../images/dott.png)repeat 0px 0px;
    background-size: 2px;
    -webkit-background-size: 2px;
    -moz-background-size: 2px;
    -o-background-size: 2px;
    -ms-background-size: 2px;
	    height: auto;
		height: 650px;
}
span.b-head {
    color: #E91E63;
}
span.b-head:hover {
    border-bottom: 2px solid #23d6c5;
}
/* Banner */
/*-- //Slider --*/

/* ----------------------------------------------------------------
    [ End Banner ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
    [ 05 Start About ]
-----------------------------------------------------------------*/
.about_image img{
	box-shadow: 0 5px 14px 0 rgb(0 0 0 / 6%);
	padding: 10px;
	background: #ffffff;
}
.about_content_area{
	margin-top: 20px;
}
.about_content_area h2 {font-size: 42px; line-height: 52px; margin-bottom: 20px;}
.about_content_area p {font-size: 18px; line-height: 28px; font-weight: 600; }


/* ----------------------------------------------------------------
    [ End About ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 06 Start Service ]
-----------------------------------------------------------------*/
.single-service{
	overflow: hidden;
    padding: 45px 25px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);	
	border-bottom: 4px solid #c7202a;
    margin-bottom: 30px;
    transition: all 0.4s ease;
}
.dark_bg .single-service{	
	background: #1D1730;
}
.single-service:hover{
	-webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.single-service i{
	background: #c7202a;
	width: 60px;
    height: 60px;
	line-height: 60px;
	border-radius: 50%;
	text-align: center;
	transition: all 0.4s ease;
    font-size: 25px;
    display: inline-block;
    color: #fff;
}
.single-service h4{
    font-size: 20px;
    margin-top: 30px;
    text-transform: capitalize;
    color: #222;
	transition: all 0.4s ease;
}
.dark_bg .single-service h4{
	color: #fff;
}
.single-service p{
	transition: all 0.4s ease;
	color: #333333;
	margin-top: 15px;
}
.dark_bg .single-service p{
	color: #fff;
}
/* ----------------------------------------------------------------
    [ End Service ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 07 Start Cta ]
-----------------------------------------------------------------*/
.cta_section{
	background: url(../images/cta-action.jpg);
	position: relative;
	background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
	min-height: 300px;
}
.cta_section:before{
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.cta_content h3 {
	color: #fff;
    font-size: 36px;
	margin-top: 0;
    margin-bottom: 20px;
}

.cta_section2{
	background: url(../images/cta-action2.jpg);
	position: relative;
	background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
	min-height: 300px;
}
.cta_section2:before{
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

/* ----------------------------------------------------------------
    [ End Cta ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 08 Start Works ]
-----------------------------------------------------------------*/

#portfolio {background-color: #162b48;}
#portfolio h3 {color: #fff; text-align: center; font-size: 24px;}

.work_filter ul{
	padding: 0;
	list-style: none;
	margin-bottom: 30px;
}
.work_filter ul li{
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    padding: 7px 25px;
	border-radius: 30px;
	border: 1px solid #c7202a;
	color: #333333;
    letter-spacing: 1px;
    margin: 0 5px 20px;
    transition: all 0.5s ease-in-out;
}
.work_filter .active{
    color: #fff;
	border: 1px solid #c7202a;
    background: #c7202a;
}
.dark_bg .work_filter ul li{
	border: 1px solid #c7202a;
	color: #fff;
}
.work_filter ul li:hover{
    color: #fff;
	border: 1px solid #c7202a;
	background: #c7202a;
}
.work_content_area .item-img{
	position: relative;
	margin-bottom: 30px;
	-webkit-transition: all .4s;
	transition: all .4s;
	 
	
}

.item-img{
  position: relative;
	width: 100%;
	height:auto;
}
.item-img:before{
  content: '';
  position: absolute;
  background: #162b48;
  width: 100%;
  height: 100%;
  animation: reveal 2s forwards;
  animation-delay: 2s;
}

@keyframes reveal {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}


.work_content_area .item-img:hover{
	-webkit-box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
	box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
}
.work_content_area .item-img:hover .item-img-overlay{
	visibility: visible;
	opacity: 1;
}
.overlay-info{
	margin-top: 50px;
}
.work_content_area .item-img-overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	padding: 30px;
	background: rgba(22, 43, 72, 0.6) none repeat scroll 0 0;
	opacity: 0;
	visibility: hidden;
	transition: 2s;
}
.work_content_area .item-img-overlay .icon{
	position: absolute;
	right: 45%;
	bottom: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.work_content_area:hover a{
	animation: fadeInDown 700ms ease-in-out;
}
.work_content_area .col-md-4 {min-height: 450px;}
.work_content_area h4 {margin-bottom: 5px;}
.work_content_area p {margin-bottom: 5px; font-size: 14px;}
/* ----------------------------------------------------------------
    [ End Works ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 09 Icons ]
-----------------------------------------------------------------*/

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 300px;
	height: 300px;
	display: inline-block;
	margin: 20px;
}

.ch-item {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
	transition: all 0.4s ease-in-out;
}
.ch-img-1 { 
	background-image: url(../images/professional.png);
}
.ch-img-2 { 
	background-image: url("../images/detail-blue.png");
}
.ch-img-3 { 
	background-image: url("../images/smooth.png");
}
.ch-img-4 { 
	background-image: url("../images/quality.png");
}
.ch-img-5 { 
	background-image: url("../images/project-management.png");
}

.ch-info {
	position: absolute;
	background: rgba(22,43,72,0.5);
	width: inherit;
	height: inherit;
	overflow: hidden;
	opacity: 1;
	transition: all 0.4s ease-in-out;
	transform: scale(1);
}
.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	margin: 0 10px;
	padding: 85px 0 0 0;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}
.ch-info p {
	color: #fff;
	padding: 10px 5px;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	transition: all 1s ease-in-out 0.4s;
}
.ch-info p a {
	display: block;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	
}

.ch-info:hover {
	position: absolute;
	background: rgba(22,43,72,0.9);
	width: inherit;
	height: inherit;
	overflow: hidden;
	opacity: 1;
	transition: all 0.4s ease-in-out;
	transform: scale(1);
}
.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(102,153,0,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	transform: scale(1);
	opacity: 1;
}
.ch-item:hover .ch-info p {
	opacity: 1;
}

/* ----------------------------------------------------------------
    [ End Icons ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 10 Start Resume ]
-----------------------------------------------------------------*/
.education-container{
    position: relative;
    display: block;
    margin: 0;
}
.edu-list{
    position: relative;
    display: block;
    margin: 0 50px;
    list-style: none;
}
.edu-list > li{
	background: transparent;
	border: 1px solid #c7202a;
	border-radius: 10px;
    position: relative;
    margin: 0 0 30px;
    padding: 25px 25px 25px 25px;
}
.dark_bg .edu-list > li{
	border: 1px solid #c7202a;
}
.edu-list > li strong{
    color: #c7202a;
    font-size: 14px;
}
.edu-list > li h5{
    font-size: 16px;
}
.dark_bg .edu-list > li h5{
	color: #fff;
}
.dark_bg .edu-list > li p{
	color: #fff;
}
.edu-list > li:not(:last-child)::before{
    content: '';
    position: absolute;
    top: 40px;
    left: -27px;
    width: 3px;
    height: 100%;
    background: #c7202a;
}
.edu-list > li::after{
	content: "\e032";
    position: absolute;
    top: 0;
	left: -50px;
	width: 50px;
	height: 50px;
    line-height: 50px;
	border-radius: 100%;
	text-align: center;
    font-size: 20px;
    font-family: 'et-line';
    background: #c7202a;
    color: #fff;
    box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.07);
    cursor: pointer;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
            transition: all .3s ease;
}
.experience > li::after{
	content: "\e015";
    position: absolute;
    top: 0;
	left: -50px;
	width: 50px;
	height: 50px;
    line-height: 50px;
	border-radius: 100%;
	text-align: center;
    font-size: 20px;
    font-family: 'et-line';
    background: #c7202a;
    color: #fff;
    box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.07);
    cursor: pointer;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
            transition: all .3s ease;
}
/* ----------------------------------------------------------------
    [ End Resume ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 12 Start Blog ]
-----------------------------------------------------------------*/
.projects  { position: relative; margin:0 !important; padding: 0 !important; }
.projects2  { position: relative; margin:0 !important; padding: 0 !important; }
.col-md-6  {margin:0 !important; padding: 0;}
.projects.col-md-6 img, .projects2.col-md-6 img {margin:0; padding: 0 !important; display: block;  }
.projects h2 {font-size: 42px; line-height: 52px; margin-bottom: 20px; }
.projects h3 {margin-bottom: 30px;}

.single_blog{
	margin-bottom: 30px;
}
.single_blog:hover img{
	-moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.09);
}
.single_blog .blog-image{
	overflow: hidden;
}
.single_blog img{
	width: 100%;
    border-radius: 3px 3px 0 0;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.5s;
}
.blog-thumb{
	background: transparent;
	-webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	text-align: left;
	margin-bottom: 30px;
}
.blog-thumb small{
	color: #c7202a;
	font-weight: 500;
	display: block;
}
.blog-thumb small .fa{
	margin-right: 5px;
}
.blog-thumb small,
.blog-thumb small + span{
	display: inline-block;
	vertical-align: middle;
}
.blog-thumb small + span{
	color: #777;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	margin-left: 2px;
}
.dark_bg .blog-thumb small + span{
	color: #fff;
}
.blog-thumb h4{
	color: #222;
    padding: 0px;
	text-transform: capitalize;
    font-size: 23px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.dark_bg .blog-thumb h4{
	color: #fff;
}
.dark_bg .blog-thumb p{
	color: #fff;
}
.blog-thumb h4:hover{
	color: #c7202a;
}
.blog-info{
	box-shadow: 0 1px 30px rgba(255, 255, 255, 0.2);
	padding: 20px 30px;
}
.blog-info .blog_btn{
	color: #222;
    font-size: 14px;
    margin-top: 10px;
    text-transform: capitalize;
	background: transparent;
	border: none;
	font-weight: 500;
    transition: all 0.4s ease-in-out 0s;
	padding: 10px 0px;
}
.dark_bg .blog-info .blog_btn{
	color: #fff;
}
.blog-info .blog_btn:hover{
	color: #c7202a;
}
/* ----------------------------------------------------------------
    [ End Blog ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 13 Start Contact ]
-----------------------------------------------------------------*/

#contact {background-color: #162b48; color: #fff;}
#contact h2 {color: #fff; font-size: 42px; line-height: 52px; margin: 0 0 20px 0;}
#contact h4 {color: #fff; font-size: 24px;}
#contact p {color: #fff; font-size: 18px;}
#contact a:link, #contact a:visited {color: #fff;}
#contact a:hover {color: #ccc; text-decoration: underline;}
.form {width: 100%; padding-right: 50px;}
.form .form-group input{
	background: #fff;
	border-color: #e3e3e3;
	width: 100%;
    height: 40px;
    border-radius: 0;
	box-shadow: none;
}
.form .form-group input:focus{
	border-color: #c7202a;
}
.dark_bg .form .form-group input:focus{
	color: #fff;
}
.form .form-group textarea{
	background:#fff;
	border-color: #e3e3e3;
	margin-top: 10px;
	padding-bottom: 5%;
    border-radius: 0;
	box-shadow: none;
}
.form .form-group textarea:focus{
	border-color: #c7202a;
}
.dark_bg .form .form-group textarea:focus{
	color: #fff;
}
/* ----------------------------------------------------------------
    [ End Contact ]
-----------------------------------------------------------------*/

/*-- map --*/
.map {
	position:relative;
	width:100%;
	height:400px;
	
}

/*Make Google map responsive*/

.google-maps {
        position: relative;
        padding-bottom: 40%;
        height: 0;
        overflow: hidden;
}
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
	max-height:400px;
}
/*-- /map section --*/


/* ----------------------------------------------------------------
    [ 14 Start Footer ]
-----------------------------------------------------------------*/
.footer{
    padding: 30px 0 20px;
    background: #162b48;
}
.copy-text p{
	color: #fff;
}
/* ----------------------------------------------------------------
    [ End Footer ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 15 Start Top-control ]
-----------------------------------------------------------------*/
.topcontrol{
    background: #c7202a none repeat scroll 0 0;
    border-radius: 30px;
    bottom: 5px;
    margin-bottom: 80px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 6px 10px;
    position: fixed;
    margin-right: 10px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
    z-index: 99;
}
.topcontrol:hover{
    background: #fff;
    color: #c7202a;
}
/* ----------------------------------------------------------------
    [ End Top-control ]
-----------------------------------------------------------------*/