/*
    Author     : Simply Smart
    Email      : dudu312@gmail.com
*/

/* ==========================================================================
   Base styles
   ========================================================================== */
body{
    background-image:url('../images/footer_background.png');
    background-color:#e7e4db;
    background-size:100% 100%;
    direction:rtl;
}

html{
}

body *:not(i){
    font-family: 'Assistant', sans-serif !important;
}

.site_a{
    color:#273583;
    text-decoration: none;
    display:inline-block;
    padding:5px;
    border-radius: 5px;
    position: absolute;
    bottom: -5px;
    left: -78px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.site_a:hover{
    text-decoration: underline;
   /* background-color:#273583; */
    color:#fff !important;
}

.full-width{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    max-width:none;
}

.no-gutter{
    margin:0;
    padding:0;
}

.no-margin{
    margin:0 !important;
}

.pull-right{
    float:right;
}

.pull-left{
    float:left;
}

.relative{
    position: relative;
}

.full-height{
    height:100%;
}

.below-shadow{
    -webkit-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.5);
}

.below-shadow-2{
    -webkit-box-shadow: 0px 13px 5px  rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 13px 5px  rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 13px 5px rgba(0, 0, 0, 0.5);
}

.max-1020{
    max-width:1020px;
    margin:0 auto;
}



/* ==========================================================================
   Header
   ========================================================================== */
header{
    width:100%;
    height:125px;
    background-image:url('../images/header_background.png');
    background-size:100% 100%;
    position: fixed;
    z-index:100;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    top:0;
    right:0;
}

.logo{
    position: absolute;
    top: 14px;
    right: 20px;
	z-index:1000000;
}

header nav{
    background:transparent !important;
    background-image:none !important;
}

header nav{
    width:100%;
    height:16px;
    margin-top:57px;
    padding-right: 130px;
}

header nav ul{
    height:100%;
    list-style:none;
    padding:0;
    margin:0;
    display:inline;
}

header nav ul li{
    height:100%;
    display:inline-block;
	float:right;
}



header nav ul li a{
    color:#636363 !important;
    font-size:18px;
    display:block;
    padding: 0px 6px 0px 6px;
}

.hidelast li:last-child{
    display:none;
}

header nav ul li:hover a{
    color:#273583 !important;
}

header nav ul .selected a{
    color:#273583 !important;
}

header nav ul li span{
    width: 1px;
    background-color: #636363;
    height: 14px;
    display: block;
    margin-top: 8px;
    margin-right: 2px;
    margin-left: 2px;
}

header nav ul li a.facebook{
    color:#777777 !important;
    font-size:16px;
    display:block;
    padding:22px;
    background-image:url('../images/facebook_image.png');
    background-size:21px 21px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: 65px;
}

.h-phone{
    float:left;
    width:74px;
    height:100%;
    position: relative;
    display:none;
}

.h-phone i{
  color: #116e58;
}

.h-hr{
    width:2px;
    background-color:#fff;
    border-left:1px solid #ebe5dc;
    height:100%;
    display:none;
}

.h-menu{
    float:right;
    width:74px;
    height:100%;
    position: relative;
    display:none;
}

.h-menu i{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
    width: 37px;
    height: 49px;
    font-size: 48px;
    line-height: 1;
    display: inline-block;
    color: #116e58;
    text-shadow: 1px 4px 6px #FFF, 0px 0px 0px #000, 1px 4px 6px #FFF;
}

.h-phone i{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
    width: 37px;
    height: 49px;
    font-size: 48px;
    line-height: 1;
    display: inline-block;
    color: #116e58;
    text-shadow: 1px 4px 6px #FFF, 0px 0px 0px #000, 1px 4px 6px #FFF;
}

.login-menu{
    margin-left:80px
}

.login-icon{
    margin-left:5px;
    color:#d7d7d7;
    background-image:url('../images/login_icon.png');
    width:16px;
    height:16px;
}


header .second_menu{
    background-image:url('../images/sub_menu_bg.png')  !important;
    position: relative;
}

header .second_menu{
    width:100%;
    height:46px;
    margin-top:-5px;
}

.blue-span{
    color:#273583;
}

header .second_menu ul{
    height:100%;
    list-style:none;
    padding:0;
    margin:0;
    display:inline;
    height:20px;
    margin-top:5px;

}

header .second_menu ul li{

    display: inline-block;
    padding-bottom: 15px;
    min-height: 30px;
    margin-bottom: -9px;

}



header .second_menu ul li a{
    color:#a3a3a3 !important;
    font-size:16px;
    display:block;
    padding: 0px 6px 0px 6px;
}

.hidelast li:last-child{
    display:none;
}

header .second_menu ul li:hover > a{
    color:#273583 !important;
}

header .second_menu ul .selected > a{
    color:#273583 !important;
}

header .second_menu ul li span{
    width:1px;
    background-color:#a3a3a3;
    height:12px;
    display:block;
    margin-top:10px;
    margin-right:2px;
    margin-left:2px;
}

header .second_menu ul li:hover ul{
    display:block;
}

header .second_menu ul li ul{
    position:absolute;
    top:20px;right:0;
    padding-top:14px;
    width:100%;
    display:none;
    min-height:70px !important;
    background-image:url('../images/sub_menu_bg.png')  !important;
    background-size:100% 100% !important;
    margin-top:17px !important;
    height:auto !important;
    padding-bottom:20px;
}


header .second_menu ul li ul li{
    float:right !important;
    display:block !important;
}

header .second_menu ul li ul li{
    float:right !important;
    display:block !important;
}

header .second_menu ul li ul li a{
    color:#a3a3a3 !important;
    font-size:16px;
    display:block;
    padding: 0px 6px 0px 6px;
}

header .second_menu ul li ul li span {
    width: 1px;
    background-color: #A3A3A3;
    height: 12px;
    display: block;
    margin-top: 8px;
    margin-right: 2px;
    margin-left: 2px;
}

header > .second_menu ul li ul li:last-child{display:none;}

header > .second_menu > ul > li > ul > li:hover > a{
    color:#273583 !important;
}

header > .second_menu > ul > li > ul > .selected > a{
    color:#273583 !important;
}

header .second_menu ul li ul li:last-child{display:none !important;}

/* ==========================================================================
   Main Content Home
   ========================================================================== */
.top_row_home{
    width:100%;
    min-height:690px;
}



/* ==========================================================================
   Footer
   ========================================================================== */
footer{
    background-image:url('../images/footer_background.png');
    background-color:#e7e4db;
    background-size:100% 100%;
    width:100%;
    min-height: 20px;
    padding-top:5px;
    float:left;
}

.footer-hr{
    width:100%;
    height:2px;
    border:0;
    background-color:#cbc6b7;
    border-bottom:1px solid #fff;
    margin:10px 0px;
}

.seo_links{
    min-height:100px;
    margin:10px auto;
    padding-top:20px;
}

.final_footer{
    min-height: 50px;
    margin:0px auto;
}

.credit {
    float: right;
    margin-top: 0px;
}

.footer-right-hr{
    position: relative;
    min-height:51px;
    height:41px;
    font-size:15px;
    color:#6d6c6c;
    line-height:18px;
}


.footer-right-hr:after{
    content: " ";
    width:2px;
    height:100%;
    background-color:#cacaca;
    border-right:1px solid #fff;
    margin-top:0px;
    position: absolute;
    right:-16px;
    top:0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.wrapper{
    width:100%;
    margin:auto auto;
    position: relative;
    z-index:10;
    padding-top: 120px;
	min-height:100px;
}

.godown{
    width:54px;
    height:53px;
    background-image:url('../images/arrow_down.png');
    position: absolute;
    right:0;
    left:0;
    margin-left:auto;
    margin-right:auto;
    z-index: 1000;
    top: 50vh;
    cursor:pointer;
}

#scotch-panel {
  display: none;
}
#site-wrapper {
  padding-top: 50px;
}
.wrapper .scotch-panel-canvas {
  z-index: 10000;
}



#fixed-nav {
    background-image:url('../images/sidemenu_bg.png');
    background-size:100% auto;
    position: fixed;
    height: 100%;
    top: 0;
    right: -100%;
    width: 80%;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 999999999;
    overflow:scroll;

}


#fixed-nav > ul {
	list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
    padding: 0;
    width: 100%;
    margin: 0 !important;
}



#fixed-nav > ul > li{


}

#fixed-nav >  ul > li > a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: transparent;
    color: #000;
    text-decoration: none;
    padding-right:10%;
    border-bottom:1px solid #b7b7b7;
    border-top:1px solid #fff;
    font-size:16px;
    font-weight:bold;
}

#fixed-nav >  ul > li > a > span{
    width: 21px;
    height: 10px;
    background-image: url("../images/side_menu_arrow.png");
    display: inline-block;
    float: left;
    margin-left: 15px;
    margin-top: 20px;
}

#fixed-nav >  ul > li:first-child > a{
    border-top:none;
}


#fixed-nav >  ul > li > ul{
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
    display:none;
    background-image:inherit;
    background-size:100% auto;
    max-height: 0;

}
#fixed-nav > ul > .open_side > a {

}

#fixed-nav ul li:last-child{
    display:none;
}




#fixed-nav > ul > .open_side{
    background-size:100% auto;
}

#fixed-nav > ul > .open_side > ul{
    display:block;
    max-height: none;
    background-image:url('../images/sidemenu_bg.png');
}

#fixed-nav >  ul > li > ul > li{

    background-size:100% auto;

}

#fixed-nav >  ul > li > ul > li:last-child{
    border-bottom:none;
}

#fixed-nav >  ul > li > ul > li > a{

    display: block;
    width: 100%;
    min-height: 50px;
    line-height: 50px;
    background: transparent;
    color: #000;
    text-decoration: none;
    padding-right:20%;
     border-bottom:1px solid #b7b7b7;
     font-size:16px;
    font-weight:bold;
    border-top:1px solid #fff;
}

#fixed-nav a:hover{
    background-image:url('../images/side_menu_selected.png');
    background-size:100% 100%;
    color:#000;
}

#fixed-nav *.selected{
    background-image:url('../images/side_menu_selected.png');
    background-size:100% 100%;
    color:#000;
}

#fixed-nav .selected{
    color:#000;;
}

/* ==========================================================================
   parallax page
    ========================================================================== */
.parallax-window {
    height: 800px;
    background-attachment:fixed;
    background-position: center 120px !important;
    /**background-size: 100% 100%;**/
	background-size:cover;
    color: #FFF;
    min-height: 100%;
    min-width: 100%;
    min-height: 700px;
}

/* ==========================================================================
   content page
    ========================================================================== */

.content-base{
    background-color: #FFF;
    position: relative;
    padding-bottom: 30px;
}

.content-base::after{
    content:' ';
    background-image:url('../images/page_arrow_down.png');
    width:96px;
    height:20px;
    position: absolute;
    bottom:-20px;
    right:0;left:0;margin-right:auto;margin-left:auto;
    z-index:1;
}

.content-base::before{
    content:' ';
    background-image:url('../images/white_area_lower_shadow.png');
    width:100%;
    height:6px;
    position: absolute;
    bottom:-6px;right:0;
    z-index:1;

}

.content-base:last-child::after{
    display:none;
}

.content-base h3{
    font-size:32px;
    color:#6d6c6c;
    font-weight:300;
    margin-top:22px;
    margin-bottom:20px;
}

.content-base .content-right-side{
    color:#6d6c6c;
    font-size:15px;
    width:50%;
    float:right;
    position: relative;
	padding-right:4%;
}

.content-base .content-right-side hr{
    width:1px;
    background-color:#d4d4d4;
    height:100%;
    display:block;
    position: absolute;
    top:0;right:0px;
    margin:0;
}

.content-base .content-left-side hr{
    width:1px;
    background-color:#d4d4d4;
    height:100%;
    display:block;
    position: absolute;
    top:0;left:-1px;
    margin:0;
}

.content-base .content-left-side{
	padding-left:4%;
    color:#6d6c6c;
    font-size:15px;
    width:50%;
    float:right;
    position: relative;
}

.white-bg-full{
    background-color:#fff;
}

.content-base a{
 /*  color:#273583; */
    text-decoration: none;
    display:inline-block;
    padding:5px;
    border-radius: 5px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.content-base a:hover{
    text-decoration: underline;
   /* background-color:#273583; */
    color:#fff !important;
}
/* ==========================================================================
   login box
    ========================================================================== */
.login_box{
    color:#A3A3A3 !important;
}

#login_box{
    margin:0;
    padding:10px 10px;
    display:none;
    width:100%;
}

#login_box h4{
   color:#000;
   font-size:22px;
   border-bottom:1px solid #eaeaea;
   width:100%;
   padding:0;
   margin:0;
   height:44px;
   margin-bottom:10px;
}

#login_box h6{
    font-size:18px;
    color:#000;
}

#login_box input[type="text"]{
    width:100%;
    border:1px solid #e1e1e1;
    border-top:3px solid #e1e1e1;
    border-radius:5px;
}

#login_box input[type="submit"]{
    background-color: #273583;
    color: #FFF;
    width: 17%;
    height: 36px;
    border-radius: 5px;
    border: 0px none;
    margin-top: 4px;
    font-size:15px;
    cursor:pointer;
	margin-left: 89px;
    float: left;
}

#login_box a{
    width:100%;
    float:right;
    font-size:14px;
    color:#273583;
    text-decoration: none;
}

#login_box a:hover{
    text-decoration: underline;
}


#login_box ::-webkit-input-placeholder { color:#363636;font-size:15px;opacity:1;}
#login_box  ::-moz-placeholder { color:#363636;font-size:15px;opacity:1;} /* firefox 19+ */
#login_box  :-moz-placeholder { color:#363636;font-size:15px;opacity:1;} /* firefox 19+ */
#login_box  :-ms-input-placeholder { color:#363636;font-size:15px;opacity:1; } /* ie */
#login_box  input:-moz-placeholder { color:#363636;font-size:15px;opacity:1;}
/* ==========================================================================
   content page
    ========================================================================== */
input[type="text"],input[type="password"]{
    width: 100%;
    border-width: 3px 1px 1px;
    border-style: solid;
    border-color: #E1E1E1;
    -moz-border-top-colors: none;
    -moz-border-left-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-right-colors: none;
    border-image: none;
    border-radius: 5px;
}
input[type="radio"]{
    width: 35px !important;
}

table{
	text-align:right;
}


input[type="submit"]{
    background-color: #273583;
    color: #FFF;
    width: 17%;
    height: 36px;
    border-radius: 5px;
    border: 0px none;
    margin-top: 4px;
    font-size: 15px;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	margin-left: 43px;
	margin-left: 89px;
    float: left;
}

input[type="submit"]:hover{
    color: #fff;
    background-color:#64A2FF;
}

.inp2 input[type="text"]{
    width:50% !important;
}

.ftr-ha p{
  width:100% !important;

}



.ourform tr td{
  display:block;
  margin-bottom:20px;
}

.ourform input[type="submit"]{
  margin: 0;
  margin-bottom: 25px;
  display: block;
  width:100%;
}


.lang {
    /* float: right; */
    position: absolute;
    top: 5px;
    left: 10px;
}


 .lang ul{
    height:100%;
    list-style:none;
    padding:0;
    margin:0;
    display:inline;
}

.lang ul li{
    height:100%;
    display:inline-block;
}



.lang ul li a{
    color:#a3a3a3 !important;
    font-size:18px;
    display:block;
    padding: 0px 6px 0px 6px;
}

.hidelast li:last-child{
    display:none;
}

.lang ul li:hover a{
    color:#273583 !important;
}

.lang ul .selected a{
    color:#273583 !important;
}

.lang ul li span{
    width: 1px;
    background-color: #A3A3A3;
    height: 14px;
    display: block;
    margin-top: 4px;
    margin-left: 2px;
    margin-right: 2px;
}

.lang ul li a.facebook{
    color:#777777 !important;
    font-size:16px;
    display:block;
    padding:22px;
    background-image:url('../images/facebook_image.png');
    background-size:21px 21px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: 65px;
}
/* ==========================================================================
   content page
    ========================================================================== */

/* ==========================================================================
   content page
    ========================================================================== */

	.myButton {
	background-color:#116e58;
	-moz-border-radius:26px;
	-webkit-border-radius:26px;
	border-radius:26px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 38px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
	background-color:#116e58;
}
.myButton:active {
	position:relative;
	top:1px;
}

a.myButton {
    width: 24%;
    text-align: center;
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
a.myButton {
    width: 100%;
    text-align: center;
}

.content-base h3 {
    font-size: 20px;
}
}