@import url(https://fonts.googleapis.com/css?family=Poppins:100,300,400,500,600,700,800,900);
html,body{height:100%;}
body{font-family:Poppins, Helvetica-Neue, Helvetica, Arial, sans-serif;font-size:14px;color:#444;font-weight:normal;background:#fff;-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;text-rendering: optimizeLegibility;}
/*Helper Classes*/
a,.btn, .sn_transistion{-webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; }
a:hover{text-decoration:none;}
.clear10{clear:both; height:10px;}
.clear15{clear:both; height:15px;}
.clear20{clear:both; height:20px;}
.clear25{clear:both; height:25px;}
.clear30{clear:both; height:30px;}
.clear35{clear:both; height:35px;}
.clear40{clear:both; height:40px;}
.clear45{clear:both; height:45px;}
.clear50{clear:both; height:50px;}
.clear60{clear:both; height:60px;}
.m0{ margin:0;}
.mt0{ margin-top:0;}
.mr0{ margin-right:0;}
.mb0{ margin-bottom:0;}
.ml0{ margin-left:0;}
.p0{ padding:0;}
.pt0{ padding-top:0;}
.pr0{ padding-right:0;}
.pb0{ padding-bottom:0;}
.pl0{ padding-left:0;}
.row.no_padding > [class*='col-'] {padding-right:0;padding-left:0;}
.sn_secTitle h1{text-align:center;font-weight: 100; font-size: 42px; margin-top: 0; margin-bottom: 15px; }
.sn_secTitle h1 span{font-weight: 500;}
.sn_secTitle .sn_secDesc{text-align: center; line-height: 25px; max-width: 900px; margin: 0 auto; margin-bottom: 20px; font-weight: 400;}
.fitImg{width: 100%; height: auto;}
/*CARDS*/
.cardBlock{box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.1);transition: all .4s;}
.cardBlock:hover{-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px); box-shadow: 0 25px 40px -10px rgba(84, 79, 81, 0.3);}
/*SCROLL DOWN BOUNCE BUTTON*/
@-webkit-keyframes bounce {0% {-webkit-transform: translateY(45px);transform: translateY(45px);} 100% {-webkit-transform: translateY(15px);transform: translateY(15px);} }
@keyframes bounce {0% {-webkit-transform: translateY(45px);transform: translateY(45px);} 100% {-webkit-transform: translateY(15px);transform: translateY(15px);} } .scroll_down_arrow_cont {position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100px; height: 100px; cursor: pointer; transition: all .8s .8s; }
.scroll_down_arrow {-webkit-animation: bounce 1s infinite alternate; animation: bounce 1s infinite alternate; }
.scroll_down_arrow::before, 
.scroll_down_arrow::after {content: ''; position: absolute; left: 24px; top: 20px; width: 30px; height: 1px; background: rgba(0, 0, 0, 0.5); pointer-events: none; transition: all .4s; }
.scroll_down_arrow::before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.scroll_down_arrow::after {left: 45px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
/*5 COLUMS*/
.col-xs-1_5,.col-sm-1_5,.col-md-1_5,.col-lg-1_5 {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } 
.col-lg-1_5{width: 20%;float: left;} 
@media (max-width: 1199px){.col-lg-1_5{width: 20%; float: left; }} 
@media (max-width: 991px){.col-md-1_5{width: 33.33333333%; float: left; }} 
@media (max-width: 767px){.col-sm-1_5{width: 50%; float: left; }} 
@media (max-width: 480px){.col-sm-1_5{width: 100%; float: left; }} 
/*HAMBURGER BUTTON CSS*/
.c-hamburger {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 50px;
	font-size: 0;
	text-indent: -9999px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border-radius: 3px;
	border: none;
	cursor: pointer;
	-webkit-transition: background .3s;
	transition: background .3s;
}
.c-hamburger:focus {
	outline: none;
}
.c-hamburger span {
	display: block;
	position: absolute;
	top: 24px;
	left: 5px;
	right: 5px;
	height: 3px;
	background: #000;
}
.c-hamburger span::before,  .c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #000;
	content: "";
}
.c-hamburger span::before {
	top: -10px;
}
.c-hamburger span::after {
	bottom: -10px;
}
.c-hamburger--htx {
	background-color: transparent;
}
.c-hamburger--htx span {
	-webkit-transition: background 0s 0.3s;
	transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,  .c-hamburger--htx span::after {
	-webkit-transition-duration: 0.3s, 0.3s;
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0s;
	transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
	-webkit-transition-property: top, -webkit-transform;
	transition-property: top, transform;
}
.c-hamburger--htx span::after {
	-webkit-transition-property: bottom, -webkit-transform;
	transition-property: bottom, transform;
}
/* active state, i.e. menu open */



.c-hamburger--htx.is-active {
/* background-color: #cb0032;*/

}
.c-hamburger--htx.is-active span {
	background: none;
}
.c-hamburger--htx.is-active span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,  .c-hamburger--htx.is-active span::after {
	-webkit-transition-delay: 0s, 0.3s;
	transition-delay: 0s, 0.3s;
}
.sn_mobile_header{display: none;}
.mobile_menu_btn{float: right; z-index:9999} 
@media only screen and (max-width: 767px){.sn_mobile_header{display: block; }}
/*ANIMATED NAVBAR DROPDOWN CSS STARTS*/
.navbar-default .dropdown .dropdown-menu{opacity: 0;} .navbar-default .dropdown .dropdown-menu {display: block; visibility: 0; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; transition: opacity .3s,-webkit-transform .3s ease; transition: transform .3s ease,opacity .3s; transition: transform .3s ease,opacity .3s,-webkit-transform .3s ease; } .navbar-nav>li>.dropdown-menu {margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-default .dropdown.open .dropdown-menu {visibility: 1; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } @media (min-width: 768px){.navbar-default .dropdown.open .dropdown-menu {opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .navbar-default .dropdown .dropdown-menu {display: block; position: absolute; border: 0; border-radius: 3px; padding: 12px 0 10px; top: 40px; left: -25px; right: -13px; min-width: 155px; box-shadow: 0 2px 5px rgba(0,0,0,.15), 0 0 1px rgba(0,0,0,.2); opacity: 0; -webkit-transform: scale(.01); transform: scale(.01); -webkit-transform-origin: 50% 8px; transform-origin: 50% 8px; } .navbar-default .dropdown .dropdown-menu::before {background: url(../images/ico-nav-arrow.png) center center no-repeat; background-size: 15px; width: 15px; height: 8px; position: absolute; top: -7px; left: calc(50% - 7px); content: ''; z-index: 5; } }
/*MAIN STYLE STARTS*/
body{line-height: 25px;}
.btn-warning {
    color: #fff;
    background-color: #f7882a;
    border-color: #f7882a;
}
.btn-dark {
    background: #1f2a33;
    color: #fff;
    padding: 10px 30px;
    font-size: 15px;
}
.btn-dark:hover,.btn-dark:focus{
    color: #fff;
    background: #666;
}
.sn_header {
    background: #fff;
}
.sn_header .sn_tophdr {
    border-bottom: 1px solid #efefef;
    font-size: 13px;
    padding: 5px 0;
}
.sn_header .sn_tophdr ul{
    margin-bottom: 0;
}
.sn_header .sn_mdlhdr{padding: 10px 0 0;}
.sn_header .sn_mdlhdr .media{
    display: inline-block;
    margin-top: 15px;
}
.sn_header .sn_mdlhdr .media-body {
    width: inherit;
}

.sn_header .sn_mdlhdr .sn_logo{margin-bottom: 10px;}

.sn_header .sn_mdlhdr .sn_icon {
    font-size: 24px;
    border: 1px solid #f7882a;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    padding: 0;
    color: #f7882a;
    margin-right: 10px;
    margin-top: 15px;
} 
.sn_header .sn_mdlhdr .media p{
    margin-bottom: 0;
    color: #f7882a;
    font-size: 16px;
} 
.sn_header .sn_mdlhdr .media h4 {
    margin-bottom: 0;
    font-weight: 600;
    color: #293753;
    font-size: 24px;
}
.sn_header .sn_mdlhdr .btn-warning{
    position: relative;
    top: -22px;
    padding: 10px 20px;
    margin-left: 10px;
    color: #fff;
    font-weight: 300;
    font-size: 15px;
} 

.sn_header .navbar{
    margin-bottom: 0;
    border-radius: 0;
}
.sn_header .navbar-inverse .navbar-nav>li>a {
	color: #c8c8c8;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
}
.sn_header .navbar-inverse .navbar-nav>li>a:hover {
    color:#f7882a;
}
.sn_header .navbar-inverse .navbar-nav>li>a:after {
    content: "";
    position: absolute;
    right: -3px;
    height: 5px;
    width: 5px;
    background: #f7882a;
    border-radius: 50%;
    top: 50%;
    margin-top: -2px;
}
.sn_header .navbar-inverse .navbar-nav>li:last-child>a:after{
    display: none;
}
.sn_header .navbar .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sn_intro {
    background: #1f2a33;
    color: #fff;
}
.sn_intro .sn_introtitle {
    position: relative;
    min-height: 80px;
}
.sn_intro .sn_introtitle h2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    top: -10px;
    background: #f7882a;
    margin: 0;
    width: 100%;
    z-index: 10;
    text-align: center;
    font-weight: 100;
    padding: 20px;
}

.sn_intro .sn_intcontwrap {
    padding-top: 20px;
}
.sn_intro .sn_intcontent {
    font-size: 15px;
    line-height: 24px;
    color: #cacaca;
}

.sn_abt {
    text-align: center;
    padding: 20px 0 80px;
    background: #f6f6f6;
}

.sn_abt .sn_sbttitle h4{
    text-align: center;
    color: #f7882a;
    margin-bottom: 0;
    font-size: 26px;
    font-weight: 500;
}
.sn_abt .sn_sbttitle h1 {
    text-align: center;
    color: #1f2a33;
    margin-top: 0;
    font-size: 45px;
    font-weight: 800;
}
.sn_abt p{font-size: 16px; line-height: 30px;font-weight:300;}

.sn_contactform {
    padding: 30px 0;
    border-top: 1px solid #e7e7e7;
}
.sn_contactform .sn_formtitle h4{
    color: #f7882a;
    margin-bottom: 0;
    font-size: 26px;
    margin-bottom: 5px;
    font-weight: 600;
}
.sn_contactform .sn_formtitle h1 {
    color: #1f2a33;
    margin-top: 0;
    font-size: 45px;
    font-weight: 800;
}
.sn_contactform .sn_ordiv {
    background: #f7882a;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    line-height: 70px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin: 15px auto;
    position: relative;
}
.sn_contactform .sn_ordiv .fa{
color: #000;
}
.sn_contactform .sn_ordiv .fa-long-arrow-left{
position: absolute;
left: -30px;
top: 25px;
}
.sn_contactform .sn_ordiv .fa-long-arrow-right{
position: absolute;
right: -30px;
top: 25px;
}

.sn_formblock {
    background: #f4f4f4;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    padding: 25px;
    border: 5px solid #fff;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.sn_formblock :not(textarea).form-control{height: 45px;font-size: 13px;}
.sn_formblock div[class*='col-'] {padding-left: 5px; padding-right: 5px;}



.sn_footer .sn_ftrtop{
    background: #324759;
    padding: 40px 0;
}
.sn_ftrbtm {
    background: #2d4254;
    border-top: 1px solid #3b5164;
}
.sn_ftrbtm .sn_copyryt{
    color: #fff;
    font-size: 12px;
    padding: 20px 0;
}
.sn_footer .sn_ftrtop h4{color: #f7882a;}
.sn_footer .sn_ftrtop p, .sn_footer .sn_ftrtop a {
    color: #ccc;
    font-size: 13px;
    line-height: 22px;
}
.sn_footer .sn_ftrtop a:hover{color:#f7882a; border-bottom: 1px dotted; }
.sn_footer .sn_ftrtop ul li {margin-bottom: 5px;}
.sn_ftrcontblock p{margin-bottom: 0;}
.sn_ftrcontblock {
    margin-bottom: 15px;
}
.sn_ftrcontblock .sn_icon i {
    background: #ed6d2c;
    color: #fff;
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
    line-height: 40px;
}

.sn_sociallinks h4{font-weight: 100;}
.sn_sociallinks a{font-size: 20px!important; color:#fff!important; margin-right: 10px; }

/*INNER PAGES COMMON CSS*/
.sn_page__wrap {
    padding: 25px 0;
}
.sn_page__wrap p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
}
.sn_page__wrap .sn_lgtext{
    font-size: 17px;
    line-height: 26px;
    color: #333;
    font-weight: 500;
}

.sn_page__wrap .sn_sbttitle h4{
    text-align: left;
    color: #f7882a;
    margin-bottom: 0;
    font-size: 26px;
    font-weight: 500;
}
.sn_page__wrap .sn_sbttitle h1 {
    text-align: left;
    color: #1f2a33;
    margin-top: 0;
    font-size: 45px;
    font-weight: 800;
}
.sn_orangetext{color: #f7882a;}
/*ABOUT PAGE CSS*/

.sn_values span.pull-left {
    max-width: 65px;
    margin-right: 25px;
}
.sn_values .media p {
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
}

    /* Conatct start */

        .header-title
        {
          text-align: center;
          color:#00bfff;
        }

        #tip 
        {
            display:none;  
        }

        .fadeIn
        {
          animation-duration: 3s;
        }

        .form-control
        {
            border-radius:0px;
            border:1px solid #EDEDED;
        }

        

        .textarea-contact
        {
            resize:none; 
        }

        .btn-send
        {
    border-radius: 0px;
    border: 1px solid #f37022;
    background: #f37022;
    color: #fff;
        }

        .btn-send:hover
        {
            background:#fff;
            color:#f37022;
            transition:background 0.5s; 
            border: 1px solid #f37022;  
        }

        .second-portion
        {
            margin-top:50px; 
        }

                @import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
        @import "http://fonts.googleapis.com/css?family=Roboto:400,500";

        .box > .icon { text-align: center; position: relative; }
        .box > .icon > .image {     position: relative;
    z-index: 2;
    margin: auto;
    width: 88px;
    height: 88px;
    border: 8px solid white;
    line-height: 88px;
    border-radius: 50%;
    background: #f36f21;
    vertical-align: middle; }
        .box > .icon:hover > .image { background: #333; }
        .box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
        .box > .icon:hover > .image > i { color: white !important; }
        .box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; min-height:163px;}
        .box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
        .box > .icon > .info > h3.title { font-family: "Robot",sans-serif !important; font-size: 16px; color: #222; font-weight: 700; }
        .box > .icon > .info > p { font-family: "Robot",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
        .box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
        .box > .icon > .info > .more a { font-family: "Robot",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
        .box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
        .box .space { height: 30px; }

        @media only screen and (max-width: 768px)
        {
            .contact-form
            {
                margin-top:25px; 
            }

            .btn-send
            {
                width: 100%;
                padding:10px; 
            }

            .second-portion
            {
                margin-top:25px; 
            }
        }
    /* Conatct end */










/*==== Mediaqueries (Non-Mobile First) ====*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
.sn_formwrap .sn_formtitle {
    text-align: center;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
.sn_formblock .form-group{margin-bottom: 0;}
.sn_formblock :not(textarea).form-control {
    margin-bottom: 15px;
}
.sn_header .sn_tophdr {
    border-bottom: 1px solid #efefef;
    font-size: 13px;
    padding: 5px 0;
    text-align: center;
}
.sn_header .sn_tophdr ul {
    margin-bottom: 0;
    text-align: center;
}
.sn_contactInfo .sn_icon{ display:none}
.sn_header .sn_mdlhdr .media h4 {  font-size: 18px;}
.sn_abt p { font-size: 15px; line-height: 20px;}
.box > .icon > .info > p {  font-size: 15px}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}