@charset "utf-8";
/* CSS Document By Mohammed Al-sobaai - Graphic & Web Design */

/* all */
::-webkit-input-placeholder { color:#3283bf; }
::-moz-placeholder { color:#3283bf; } /* firefox 19+ */
:-ms-input-placeholder { color:#3283bf; } /* ie */
input:-moz-placeholder { color:#3283bf; }

::selection
{
background:#034e86;
color:#FFF;
}
::-moz-selection
{
background:#034e86;
color:#FFF;
}

/* Font Face */
@font-face {
	font-family: 'OpenSans';
	src: url('fonts/opensans-regular.eot');
	src: local('☺'), url('fonts/opensans-regular.woff') format('woff'), url('fonts/opensans-regular.ttf') format('truetype'), url('fonts/opensans-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** * Reset Stylesheet */
body{font-size:14px; color:#FFF; font-family:'OpenSans';
		-webkit-font-smoothing: antialiased !important;
    	text-shadow: 1px 1px 1px rgba(0,0,0,0.04);
}
/*body > header, body > section, body > footer{direction:rtl;}*/
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color:#4f3a37;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	}
/* unvisited link */
a:link {}
/* visited link */
a:visited {}
/* mouse over link */
a:hover {color:#4f3a37; text-decoration:none;}
/* selected link */
a:active {}
/* link, input & flash Focus */


a:focus, input:focus {outline:0; color:#3788c4 !important;}
input::-moz-focus-inner {border:0;}
object, embed {outline: 0;}
/* change colours to suit your needs */
ins {background-color:#ff9; color:#000; text-decoration:none;}
/* change colours to suit your needs */
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

/*Global Classes*/
.f-left{float:left;}
.f-right{float:right;}
.pos-r{position:relative;}
.pos-a{position:absolute;}
.left{left:0;}
.right{right:0;}
.top{top:0;}
.bottom{bottom:0;}
.full-width{width:100%;}
.full-height{height:100%;}
.dir-l{direction:ltr;}
.dir-r{direction:rtl;}
.cursor{cursor:pointer;}

/*Margin*/
.auto-margin {margin:auto              !important;}
.margin-00   {margin:0                 !important;}
.margin-05   {margin:5px               !important;}
.margin-10   {margin:10px              !important;}
.margin-15   {margin:15px              !important;}
.margin-20   {margin:20px              !important;}

.margin-t-00 {margin-top:0             !important;}
.margin-t-05 {margin-top:5px           !important;}
.margin-t-10 {margin-top:10px          !important;}
.margin-t-15 {margin-top:15px          !important;}
.margin-t-20 {margin-top:20px          !important;}

.margin-r-00 {margin-right:0           !important;}
.margin-r-05 {margin-right:5px         !important;}
.margin-r-10 {margin-right:10px        !important;}
.margin-r-15 {margin-right:15px        !important;}
.margin-r-20 {margin-right:20px        !important;}

.margin-b-00 {margin-bottom:0          !important;}
.margin-b-05 {margin-bottom:5px        !important;}
.margin-b-10 {margin-bottom:10px       !important;}
.margin-b-15 {margin-bottom:15px       !important;}
.margin-b-20 {margin-bottom:20px       !important;}

.margin-l-00 {margin-left:0            !important;}
.margin-l-05 {margin-left:5px          !important;}
.margin-l-10 {margin-left:10px         !important;}
.margin-l-15 {margin-left:15px         !important;}
.margin-l-20 {margin-left:20px         !important;}

/*Padding*/
.auto-padding {padding:auto            !important;}
.padding-00   {padding:0               !important;}
.padding-05   {padding:5px             !important;}
.padding-10   {padding:10px            !important;}
.padding-15   {padding:15px            !important;}
.padding-20   {padding:20px            !important;}

.padding-t-00 {padding-top:0           !important;}
.padding-t-05 {padding-top:5px         !important;}
.padding-t-10 {padding-top:10px        !important;}
.padding-t-15 {padding-top:15px        !important;}
.padding-t-20 {padding-top:20px        !important;}

.padding-r-00 {padding-right:0         !important;}
.padding-r-05 {padding-right:5px       !important;}
.padding-r-10 {padding-right:10px      !important;}
.padding-r-15 {padding-right:15px      !important;}
.padding-r-20 {padding-right:20px      !important;}

.padding-b-00 {padding-bottom:0        !important;}
.padding-b-05 {padding-bottom:5px      !important;}
.padding-b-10 {padding-bottom:10px     !important;}
.padding-b-15 {padding-bottom:15px     !important;}
.padding-b-20 {padding-bottom:20px     !important;}

.padding-l-00 {padding-left:0          !important;}
.padding-l-05 {padding-left:5px        !important;}
.padding-l-10 {padding-left:10px       !important;}
.padding-l-15 {padding-left:15px       !important;}
.padding-l-20 {padding-left:20px       !important;}

/*z-index*/
.zindex-01{z-index:1;}
.zindex-02{z-index:2;}
.zindex-09{z-index:9;}
.zindex-10{z-index:10;}
.zindex-99{z-index:99;}
.zindex-100{z-index:100;}

/*Text Style*/

	/*Fonts Type*/
.fn-tahoma{font-family:'tahoma';}
.fn-arial{font-family:'Arial, Helvetica, sans-serif';}
.text-normal{font-weight:normal !important;}

	/*Fonts Size*/
.fs-large{font-size:large !important;}
.fs-larger{font-size:larger !important;}
.fs-medium{font-size:medium !important;}
.fs-small{font-size:small !important;}
.fs-smaller{font-size:smaller !important;}
.fs-09{font-size:9px !important;  line-height:15px !important;}
.fs-10{font-size:10px !important; line-height:16px !important;}
.fs-11{font-size:11px !important; line-height:17px !important;}
.fs-12{font-size:12px !important; line-height:18px !important;}
.fs-13{font-size:13px !important; line-height:19px !important;}
.fs-14{font-size:14px !important; line-height:20px !important;}
.fs-15{font-size:15px !important; line-height:21px !important;}
.fs-16{font-size:16px !important; line-height:22px !important;}
.fs-17{font-size:17px !important; line-height:23px !important;}
.fs-18{font-size:18px !important; line-height:24px !important;}
.fs-19{font-size:19px !important; line-height:25px !important;}
.fs-20{font-size:20px !important; line-height:26px !important;}
.fs-24{font-size:24px !important; line-height:30px !important;}
.fs-34{font-size:34px !important; line-height:44px !important;}
.fs-44{font-size:44px !important; line-height:54px !important;}
.fs-54{font-size:54px !important; line-height:64px !important;}
.fs-64{font-size:64px !important; line-height:74px !important;}
.fs-74{font-size:74px !important; line-height:84px !important;}

	/*Text colors*/
.fc-white{color:white;}
.fc-black{color:black;}
.fc-black-l-3{color:#1c1c1c;}
.fc-black-l-6{color:#666;}
.fc-gray{color:gray;}
.fc-gray-l{color:#d6cece;}
.fc-gray-d{color:#ddd;}
.fc-blue{color:blue;}
.fc-blue-d{color:#034e86;}
.fc-blue-l{color:#82b5dc;}
.fc-red{color:red;}
.fc-red-l{color:#973738;}
.fc-red-d{color:#641617;}

/*Backgrounds*/
.bg-none    {background:none !important;}
.bg-white   {background:white;}
.bg-black   {background:black;}
.bg-black-l {background:#1c1c1c;}
.bg-gray    {background:gray;}
.bg-gray-l  {background:#d6cece;}
.bg-blue    {background:blue;}
.bg-blue-d  {background:#034e86;}
.bg-blue-l  {background:#7dcaf2;}
.bg-orange  {background:orange;}
.bg-orange-d{background:#cd9c0a;}
.bg-orange-l{background:#fcd86b;}
.bg-brown   {background:brown;}
.bg-brown-d {background:#2c040f;}
.bg-brown-l {background:#604c4b;}
.bg-red 	{background:red;}
.bg-red-l	{background:#973738;}
.bg-red-d 	{background:#641617;}

	/*Opacity Backgrounds*/
.bg-white-o {background:rgba(255, 255, 255, 0.9);}
.bg-black-o {background:rgba(0, 0, 0, 0.6);}
.bg-gray-o  {background:rgba(155, 155, 155, 0.6);}
.bg-blue-o  {background:rgba(30, 160, 220, 0.6);}
.bg-orange-o{background:rgba(250, 190, 3, 0.6);}
.bg-brown-o {background:rgba(96, 76, 75, 0.6);}
.bg-red-o   {background:rgba(200, 10, 10, 0.6);}

/*Circle Borders*/
[class*="circle-mm"]{display:inline-block;}
.circle-mm{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.circle-mm-0 {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.circle-mm-02{-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.circle-mm-05{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.circle-mm-10{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

/*Borders*/
[class*="borders-"]{border-color:#ddd; border-style:solid;}
.borders-none{border:none !important;}
.borders-01{border-width: 1px;}
.borders-02{border-width: 2px;}
.borders-03{border-width: 3px;}
.borders-04{border-width: 4px;}
.borders-05{border-width: 5px;}
.borders-10{border-width:10px;}
.borders-15{border-width:15px;}
.borders-20{border-width:20px;}
.borders-25{border-width:55px;}
.borders-30{border-width:30px;}

/*Shadow*/
.no-shadow{
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
		  }

/*Overflow*/
.overflow-h{overflow:hidden;}
.overflow-s-x{overflow-x:scroll;}
.overflow-s-y{overflow-y:scroll;}

/*Animation*/
.transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
		   }

/*Rotator*/
.rotate{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	cursor:pointer;
	   }
.rotator span{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	cursor:pointer;
	display:inline-block;
			 }
.rotator:hover span {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
					}

/*Page Style*/
.lang-links a{width:40px; height:40px; background:url(../images/lang-flag.png) no-repeat center center; border-color:#034f86;}

.wrap-black, .wrap-blue{padding:40px 0;}
.arrow-block{left:-17px; top:50px;}

.certificates-slider img{width:140px; height:140px;}

.philosophy-wrap{padding:60px 0;}
.philosophy-slider{padding:120px 0;}
.philosophy-slider .slick-next, .philosophy-slider .slick-prev{bottom:50px !important; top:auto !important; left:40%;}
.philosophy-slider .slick-next{left:44%}

.contact-wrap{padding:40px 0 0 0;}

.footer-social{margin-top:40px;}
.footer-social a{width:45px; height:45px; background:#FFF;}
.footer-social a i{color:#034e86;}
.footer-social a:hover{background:#116cb1;}
.footer-social a:hover i{color:#FFF;}

/*==========  Mobile First Method  ==========*/

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

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

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

}



/*==========  Non-Mobile First Method  ==========*/

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

}

@media only screen and (max-width : 1100px) {
	.sequence-pagination li{height:100px !important;width:150px !important;}
	.sequence-pagination li p{font-size:14px !important;}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.arrow-block{left:50px; bottom:-30px; top:auto;}
	.philosophy-slider .slick-next{left:47%;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.philosophy-slider .slick-next{left:50%;}
	#sequence{height:348px !important;}
	.sequence-pagination li{height:50px !important;width:75px !important;}
	#sequence .title{left:20% !important; padding-top:10px; font-size:2.4em !important;}
	#sequence .title p.fs-44{font-size:20px !important;}
	#sequence .subtitle{left:25% !important;}
	.sequence-pagination li p{display:none;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.philosophy-slider .slick-next{left:55%;}
	#sequence{height:288px !important;}
	.sequence-next,
	.sequence-prev {display:none !important;}
	.sequence-pagination li{height:30px !important;width:55px !important;}
	#sequence .title{left:5% !important;top: 26%; padding-top:10px; font-size: 20px !important; line-height: 46px !important; padding-left: 6%; padding-right: 10px; background: none;}
	#sequence .subtitle{left:2% !important; top:74% !important; padding-left: 6%;}
}

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

}

.form-control {
	background-color: white !important;
}

/* Contact form tuning (staging migration fix) */
#contact-wrap .contact-wrap {
  padding-top: 22px;
}

#contact .form-group {
  margin-bottom: 12px;
}

#contact .form-control {
  min-height: 56px;
  height: 56px;
  line-height: 1.35;
  font-size: 16px;
  color: #2a2a2a;
  border: 0;
  border-radius: 8px;
  padding: 14px 18px;
}

#contact textarea.form-control {
  height: 190px;
  min-height: 190px;
  resize: vertical;
  padding-top: 14px;
}

#contact .btn {
  border-radius: 8px;
  min-width: 140px;
  height: 58px;
  font-size: 38px;
  line-height: 1;
  padding: 0 26px;
}

@media only screen and (max-width: 768px) {
  #contact-wrap .contact-wrap {
    padding-top: 14px;
  }

  #contact .form-control {
    min-height: 50px;
    height: 50px;
    font-size: 15px;
  }

  #contact textarea.form-control {
    min-height: 150px;
    height: 150px;
  }

  #contact .btn {
    width: 100%;
    min-width: 0;
    height: 50px;
    font-size: 28px;
  }
}

/* Contact form final override for SilverStripe-generated markup */
#contact-wrap #Form_ContactUsForm .form-group,
#contact-wrap #Form_ContactUsForm .field {
  margin-bottom: 12px !important;
}

#contact-wrap #Form_ContactUsForm .form-control {
  height: 54px !important;
  min-height: 54px !important;
  padding: 12px 18px !important;
  border-radius: 8px !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
}

#contact-wrap #Form_ContactUsForm textarea.form-control {
  height: 160px !important;
  min-height: 160px !important;
  padding-top: 14px !important;
  resize: vertical !important;
}

#contact-wrap #Form_ContactUsForm .btn-toolbar {
  margin-top: 6px !important;
}

#contact-wrap #Form_ContactUsForm .btn {
  height: 52px !important;
  min-width: 140px !important;
  padding: 0 28px !important;
  font-size: 16px !important;
  line-height: 52px !important;
  border-radius: 8px !important;
}

@media only screen and (max-width: 768px) {
  #contact-wrap #Form_ContactUsForm .form-control {
    height: 48px !important;
    min-height: 48px !important;
    font-size: 15px !important;
  }

  #contact-wrap #Form_ContactUsForm textarea.form-control {
    height: 130px !important;
    min-height: 130px !important;
  }

  #contact-wrap #Form_ContactUsForm .btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    line-height: 48px !important;
  }
}